Commit 051ca2ef2eab1e64f11f95524b7eb20112d9237a

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

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

Showing 8 changed files Inline Diff

app/Http/Controllers/CompanyController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Models\Ad_employer; 5 use App\Models\Ad_employer;
6 use App\Models\Employer; 6 use App\Models\Employer;
7 use Illuminate\Http\Request; 7 use Illuminate\Http\Request;
8 8
9 class CompanyController extends Controller 9 class CompanyController extends Controller
10 { 10 {
11 public function shipping_companies(Request $request) { 11 public function shipping_companies(Request $request) {
12 $emps = Employer::query()->with('ads')->where('status_hidden', '=', '0'); 12 $emps = Employer::query()->with('ads')->where('status_hidden', '=', '0');
13 if (($request->has('search')) && (!empty($request->get('search')))) { 13 if (($request->has('search')) && (!empty($request->get('search')))) {
14 $search = $request->get('search'); 14 $search = $request->get('search');
15 $emps = $emps->where('name_company', 'LIKE', "%$search%"); 15 $emps = $emps->where('name_company', 'LIKE', "%$search%");
16 } 16 }
17 17
18 $count_emps = $emps->count(); 18 $count_emps = $emps->count();
19 19
20 if ($request->get('sort')) { 20 if ($request->get('sort')) {
21 $sort = $request->get('sort'); 21 $sort = $request->get('sort');
22 switch ($sort) { 22 switch ($sort) {
23 case 'name_up': $emps = $emps->orderBy('name_company')->orderBy('id'); break; 23 case 'name_up': $emps = $emps->orderBy('name_company')->orderBy('id'); break;
24 case 'name_down': $emps = $emps->orderByDesc('name_company')->orderby('id'); break; 24 case 'name_down': $emps = $emps->orderByDesc('name_company')->orderby('id'); break;
25 case 'created_at_up': $emps = $emps->OrderBy('created_at')->orderBy('id'); break; 25 case 'created_at_up': $emps = $emps->OrderBy('created_at')->orderBy('id'); break;
26 case 'created_at_down': $emps = $emps->orderByDesc('created_at')->orderBy('id'); break; 26 case 'created_at_down': $emps = $emps->orderByDesc('created_at')->orderBy('id'); break;
27 case 'default': $emps = $emps->orderBy('id')->orderby('updated_at'); break; 27 case 'default': $emps = $emps->orderBy('id')->orderby('updated_at'); break;
28 default: $emps = $emps->orderBy('id')->orderby('updated_at'); break; 28 default: $emps = $emps->orderBy('id')->orderby('updated_at'); break;
29 } 29 }
30 } 30 }
31 31
32 $emps = $emps->paginate(4); 32 $emps = $emps->paginate(4);
33 33
34 34
35 if ($request->ajax()) { 35 if ($request->ajax()) {
36 if ($request->get('block') == '1') 36 if ($request->get('block') == '1')
37 return view('ajax.companies', compact('emps', 'count_emps')); 37 return view('ajax.companies', compact('emps', 'count_emps'));
38 else 38 else
39 return view('ajax.companies2', compact('emps', 'count_emps')); 39 return view('ajax.companies2', compact('emps', 'count_emps'));
40 } else { 40 } else {
41 return view('companies', compact('emps', 'count_emps')); 41 return view('companies', compact('emps', 'count_emps'));
42 } 42 }
43 } 43 }
44 44
45 public function info_company(Employer $company) { 45 public function info_company(Employer $company) {
46 if (isset(Auth()->user()->id)) { 46 if (isset(Auth()->user()->id)) {
47 $user_id = Auth()->user()->id; 47 $user_id = Auth()->user()->id;
48 } else { 48 } else {
49 $user_id = 0; 49 $user_id = 0;
50 } 50 }
51 51
52 $company = Employer::with('ads')->with('flots')->with('users') 52 $company = Employer::with('ads')->with('flots')->with('users')
53 ->where('id', '=', $company->id)->get(); 53 ->where('id', '=', $company->id)->get();
54 54
55 $title = $company[0]->name_company; 55 $title = $company[0]->name_company;
56 56
57 $ads = Ad_employer::query()->with('jobs')->with('jobs_code')-> 57 $ads = Ad_employer::query()->with('jobs')->with('jobs_code')
58 OrderByDesc('id')-> 58 ->where('employer_id', '=', $company[0]->id)
59 where('employer_id', '=', $company[0]->id)->paginate(50); 59 ->where('is_remove', '=', '0')
60 ->OrderByDesc('id')
61 ->paginate(50)
62 ;
60 63
61 return view('info_company_new', compact('company', 'user_id', 'title', 'ads')); 64 return view('info_company_new', compact('company', 'user_id', 'title', 'ads'));
62 } 65 }
63 } 66 }
64 67
app/Http/Controllers/EmployerController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\Classes\Tools; 6 use App\Classes\Tools;
7 use App\Http\Requests\BaseUser_min_Request; 7 use App\Http\Requests\BaseUser_min_Request;
8 use App\Http\Requests\FlotRequest; 8 use App\Http\Requests\FlotRequest;
9 use App\Http\Requests\MessagesRequiest; 9 use App\Http\Requests\MessagesRequiest;
10 use App\Http\Requests\VacancyRequestEdit; 10 use App\Http\Requests\VacancyRequestEdit;
11 use App\Mail\MailCreateEmployer; 11 use App\Mail\MailCreateEmployer;
12 use App\Mail\MailSotrudnichestvo; 12 use App\Mail\MailSotrudnichestvo;
13 use App\Mail\MassSendingMessages; 13 use App\Mail\MassSendingMessages;
14 use App\Mail\SendAllMessages; 14 use App\Mail\SendAllMessages;
15 use App\Models\Ad_employer; 15 use App\Models\Ad_employer;
16 use App\Models\ad_response; 16 use App\Models\ad_response;
17 use App\Models\Category; 17 use App\Models\Category;
18 use App\Models\Chat; 18 use App\Models\Chat;
19 use App\Models\Employer; 19 use App\Models\Employer;
20 use App\Models\Flot; 20 use App\Models\Flot;
21 use App\Models\Job_title; 21 use App\Models\Job_title;
22 use App\Models\Like_worker; 22 use App\Models\Like_worker;
23 use App\Models\Message; 23 use App\Models\Message;
24 use App\Models\Worker; 24 use App\Models\Worker;
25 use App\Models\MessagesRequests; 25 use App\Models\MessagesRequests;
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\Mail; 32 use Illuminate\Support\Facades\Mail;
33 use Illuminate\Support\Facades\Storage; 33 use Illuminate\Support\Facades\Storage;
34 use App\Models\User as User_Model; 34 use App\Models\User as User_Model;
35 use Illuminate\Support\Facades\Validator; 35 use Illuminate\Support\Facades\Validator;
36 use App\Enums\DbExportColumns; 36 use App\Enums\DbExportColumns;
37 37
38 class EmployerController extends Controller 38 class EmployerController extends Controller
39 { 39 {
40 public function vacancie($vacancy, Request $request) { 40 public function vacancie($vacancy, Request $request) {
41 $title = 'Заголовок вакансии'; 41 $title = 'Заголовок вакансии';
42 $Query = Ad_employer::with('jobs')-> 42 $Query = Ad_employer::with('jobs')->
43 with('cat')-> 43 with('cat')->
44 with('employer')-> 44 with('employer')->
45 with('jobs_code')-> 45 with('jobs_code')->
46 select('ad_employers.*')-> 46 select('ad_employers.*')->
47 where('id', '=', $vacancy)->get(); 47 where('id', '=', $vacancy)->get();
48 48
49 if (isset(Auth()->user()->id)) 49 if (isset(Auth()->user()->id))
50 $uid = Auth()->user()->id; 50 $uid = Auth()->user()->id;
51 else 51 else
52 $uid = 0; 52 $uid = 0;
53 $title = $Query[0]->name; 53 $title = $Query[0]->name;
54 if ($request->ajax()) { 54 if ($request->ajax()) {
55 return view('ajax.vacance-item', compact('Query','uid')); 55 return view('ajax.vacance-item', compact('Query','uid'));
56 } else { 56 } else {
57 return view('vacance-item', compact('title', 'Query', 'uid')); 57 return view('vacance-item', compact('title', 'Query', 'uid'));
58 } 58 }
59 } 59 }
60 60
61 public function logout() { 61 public function logout() {
62 Auth::logout(); 62 Auth::logout();
63 return redirect()->route('index') 63 return redirect()->route('index')
64 ->with('success', 'Вы вышли из личного кабинета'); 64 ->with('success', 'Вы вышли из личного кабинета');
65 } 65 }
66 66
67 public function employer_info() { 67 public function employer_info() {
68 // код юзера 68 // код юзера
69 $user_info = Auth()->user(); 69 $user_info = Auth()->user();
70 // вьюшка для вывода данных 70 // вьюшка для вывода данных
71 return view('employers.info', compact('user_info')); 71 return view('employers.info', compact('user_info'));
72 } 72 }
73 73
74 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 74 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
75 // Все данные через реквест 75 // Все данные через реквест
76 $all = $request->all(); 76 $all = $request->all();
77 unset($all['_token']); 77 unset($all['_token']);
78 // обновление 78 // обновление
79 $user->update($all); 79 $user->update($all);
80 return redirect()->route('employer.employer_info'); 80 return redirect()->route('employer.employer_info');
81 } 81 }
82 82
83 public function cabinet() { 83 public function cabinet() {
84 $id = Auth()->user()->id; 84 $id = Auth()->user()->id;
85 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 85 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
86 WhereHas('users', 86 WhereHas('users',
87 function (Builder $query) use ($id) {$query->Where('id', $id); 87 function (Builder $query) use ($id) {$query->Where('id', $id);
88 })->get(); 88 })->get();
89 return view('employers.cabinet45', compact('Employer')); 89 return view('employers.cabinet45', compact('Employer'));
90 } 90 }
91 91
92 public function slider_flot() { 92 public function slider_flot() {
93 $id = Auth()->user()->id; 93 $id = Auth()->user()->id;
94 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 94 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
95 WhereHas('users', 95 WhereHas('users',
96 function (Builder $query) use ($id) {$query->Where('id', $id); 96 function (Builder $query) use ($id) {$query->Where('id', $id);
97 })->get(); 97 })->get();
98 return view('employers.fly-flot', compact('Employer')); 98 return view('employers.fly-flot', compact('Employer'));
99 } 99 }
100 100
101 public function cabinet_save(Employer $Employer, Request $request) { 101 public function cabinet_save(Employer $Employer, Request $request) {
102 $params = $request->all(); 102 $params = $request->all();
103 $params['user_id'] = Auth()->user()->id; 103 $params['user_id'] = Auth()->user()->id;
104 $id = $Employer->id; 104 $id = $Employer->id;
105 105
106 if ($request->has('logo')) { 106 if ($request->has('logo')) {
107 if (!empty($Employer->logo)) { 107 if (!empty($Employer->logo)) {
108 Storage::delete($Employer->logo); 108 Storage::delete($Employer->logo);
109 } 109 }
110 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 110 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
111 } 111 }
112 112
113 $Employer->update($params); 113 $Employer->update($params);
114 114
115 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 115 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
116 } 116 }
117 117
118 public function save_add_flot(FlotRequest $request) { 118 public function save_add_flot(FlotRequest $request) {
119 // отмена 119 // отмена
120 $params = $request->all(); 120 $params = $request->all();
121 121
122 if ($request->has('image')) { 122 if ($request->has('image')) {
123 $params['image'] = $request->file('image')->store("flot", 'public'); 123 $params['image'] = $request->file('image')->store("flot", 'public');
124 } 124 }
125 Flot::create($params); 125 Flot::create($params);
126 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 126 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
127 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 127 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
128 } 128 }
129 129
130 public function edit_flot(Flot $Flot, Employer $Employer) { 130 public function edit_flot(Flot $Flot, Employer $Employer) {
131 return view('employers.edit-flot', compact('Flot', 'Employer')); 131 return view('employers.edit-flot', compact('Flot', 'Employer'));
132 } 132 }
133 133
134 public function update_flot(FlotRequest $request, Flot $Flot) { 134 public function update_flot(FlotRequest $request, Flot $Flot) {
135 $params = $request->all(); 135 $params = $request->all();
136 136
137 if ($request->has('image')) { 137 if ($request->has('image')) {
138 if (!empty($flot->image)) { 138 if (!empty($flot->image)) {
139 Storage::delete($flot->image); 139 Storage::delete($flot->image);
140 } 140 }
141 $params['image'] = $request->file('image')->store("flot", 'public'); 141 $params['image'] = $request->file('image')->store("flot", 'public');
142 } else { 142 } else {
143 if (!empty($flot->image)) $params['image'] = $flot->image; 143 if (!empty($flot->image)) $params['image'] = $flot->image;
144 } 144 }
145 145
146 $Flot->update($params); 146 $Flot->update($params);
147 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 147 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
148 } 148 }
149 149
150 public function delete_flot(Flot $Flot) { 150 public function delete_flot(Flot $Flot) {
151 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 151 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
152 152
153 if (isset($Flot->id)) $Flot->delete(); 153 if (isset($Flot->id)) $Flot->delete();
154 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 154 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
155 } 155 }
156 156
157 // Форма добавления вакансий 157 // Форма добавления вакансий
158 public function cabinet_vacancie() { 158 public function cabinet_vacancie() {
159 $id = Auth()->user()->id; 159 $id = Auth()->user()->id;
160 160
161 if (Auth()->user()->is_public) { 161 if (Auth()->user()->is_public) {
162 $categories = Category::query()->active()->get(); 162 $categories = Category::query()->active()->get();
163 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 163 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
164 where('is_remove', '=', '0')-> 164 where('is_remove', '=', '0')->
165 where('is_bd', '=', '0')-> 165 where('is_bd', '=', '0')->
166 get(); 166 get();
167 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 167 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
168 WhereHas('users', 168 WhereHas('users',
169 function (Builder $query) use ($id) { 169 function (Builder $query) use ($id) {
170 $query->Where('id', $id); 170 $query->Where('id', $id);
171 })->get(); 171 })->get();
172 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 172 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
173 } else { 173 } else {
174 return redirect()->route('employer.cabinet_vacancie_danger'); 174 return redirect()->route('employer.cabinet_vacancie_danger');
175 } 175 }
176 } 176 }
177 177
178 // Форма предупреждения об оплате 178 // Форма предупреждения об оплате
179 public function cabinet_vacancie_danger() { 179 public function cabinet_vacancie_danger() {
180 return view('employers.add_vacancy_danger'); 180 return view('employers.add_vacancy_danger');
181 } 181 }
182 182
183 // Сохранение вакансии 183 // Сохранение вакансии
184 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 184 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
185 $params_emp = $request->all(); 185 $params_emp = $request->all();
186 186
187 $params_job["job_title_id"] = $params_emp['job_title_id']; 187 $params_job["job_title_id"] = $params_emp['job_title_id'];
188 //$params_job["min_salary"] = $params_emp['min_salary']; 188 //$params_job["min_salary"] = $params_emp['min_salary'];
189 //$params_job["max_salary"] = $params_emp['max_salary']; 189 //$params_job["max_salary"] = $params_emp['max_salary'];
190 //$params_job["region"] = $params_emp['region']; 190 //$params_job["region"] = $params_emp['region'];
191 //$params_job["power"] = $params_emp['power']; 191 //$params_job["power"] = $params_emp['power'];
192 //$params_job["sytki"] = $params_emp['sytki']; 192 //$params_job["sytki"] = $params_emp['sytki'];
193 //$params_job["start"] = $params_emp['start']; 193 //$params_job["start"] = $params_emp['start'];
194 //$params_job["flot"] = $params_emp['flot']; 194 //$params_job["flot"] = $params_emp['flot'];
195 //$params_job["description"] = $params_emp['description']; 195 //$params_job["description"] = $params_emp['description'];
196 196
197 $ad_jobs = Ad_employer::create($params_emp); 197 $ad_jobs = Ad_employer::create($params_emp);
198 //$params_job['ad_employer_id'] = $ad_jobs->id; 198 //$params_job['ad_employer_id'] = $ad_jobs->id;
199 //Ad_jobs::create($params_job); 199 //Ad_jobs::create($params_job);
200 $ad_jobs->jobs()->sync($request->get('job_title_id')); 200 $ad_jobs->jobs()->sync($request->get('job_title_id'));
201 201
202 return redirect()->route('employer.vacancy_list'); 202 return redirect()->route('employer.vacancy_list');
203 } 203 }
204 204
205 // Список вакансий 205 // Список вакансий
206 public function vacancy_list(Request $request) { 206 public function vacancy_list(Request $request) {
207 $id = Auth()->user()->id; 207 $id = Auth()->user()->id;
208 208
209 //dd($request->all()); 209 //dd($request->all());
210 $Employer = Employer::query()->where('user_id', $id)->first(); 210 $Employer = Employer::query()->where('user_id', $id)->first();
211 $vacancy_list = Ad_employer::query() 211 $vacancy_list = Ad_employer::query()
212 ->with('jobs') 212 ->with('jobs')
213 ->with('jobs_code') 213 ->with('jobs_code')
214 ->where('employer_id', $Employer->id) 214 ->where('employer_id', $Employer->id)
215 ->where('is_remove', 0) 215 ->where('is_remove', 0)
216 ->orderbyDesc('updated_at')
216 ; 217 ;
217 218
218 if (($request->has('search')) && (!empty($request->get('search')))) { 219 if (($request->has('search')) && (!empty($request->get('search')))) {
219 $search = $request->get('search'); 220 $search = $request->get('search');
220 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 221 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
221 } 222 }
222 223
223 if ($request->get('sort')) { 224 if ($request->get('sort')) {
224 $sort = $request->get('sort'); 225 $sort = $request->get('sort');
225 switch ($sort) { 226 switch ($sort) {
226 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 227 case 'nopublic': $vacancy_list->where('active_is', '=', 0);break;
227 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 228 case 'public':$vacancy_list->where('active_is', '=', 1);break;
228 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break; 229 default: $vacancy_list = $vacancy_list->orderByDesc('id'); break;
229 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break;
230 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
231 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
232 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break;
233 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break;
234 } 230 }
235 } else { 231 } else {
236 $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id'); 232 $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id');
237 } 233 }
238 234
239 $vacancy_list = $vacancy_list->paginate(10); 235 $vacancy_list = $vacancy_list->paginate(10);
240 236
241 //ajax 237 //ajax
242 if ($request->ajax()) { 238 if ($request->ajax()) {
243 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 239 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
244 } else { 240 } else {
245 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 241 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
246 } 242 }
247 } 243 }
248 244
249 // Карточка вакансии 245 // Карточка вакансии
250 public function vacancy_edit(Ad_employer $ad_employer) { 246 public function vacancy_edit(Ad_employer $ad_employer) {
251 $id = Auth()->user()->id; 247 $id = Auth()->user()->id;
252 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 248 $Positions = Category::query()->where('is_remove', '=', '0')->get();
253 249
254 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 250 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
255 where('is_remove', '=', '0')-> 251 where('is_remove', '=', '0')->
256 where('is_bd', '=', '0')->get(); 252 where('is_bd', '=', '0')->get();
257 253
258 $Employer = Employer::query()->with('users')->with('ads')-> 254 $Employer = Employer::query()->with('users')->with('ads')->
259 with('flots')->where('user_id', $id)->first(); 255 with('flots')->where('user_id', $id)->first();
260 256
261 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 257 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
262 } 258 }
263 259
264 // Сохранение-редактирование записи 260 // Сохранение-редактирование записи
265 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 261 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
266 $params = $request->all(); 262 $params = $request->all();
267 $params_job["job_title_id"] = $params['job_title_id']; 263 $params_job["job_title_id"] = $params['job_title_id'];
268 264
269 $ad_employer->update($params); 265 $ad_employer->update($params);
270 $ad_employer->jobs()->sync($request->get('job_title_id')); 266 $ad_employer->jobs()->sync($request->get('job_title_id'));
271 267
272 $id = Auth()->user()->id; 268 $id = Auth()->user()->id;
273 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 269 $Positions = Category::query()->where('is_remove', '=', '0')->get();
274 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name') 270 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
275 ->where('is_remove', '=', '0') 271 ->where('is_remove', '=', '0')
276 ->where('is_bd', '=', '0') 272 ->where('is_bd', '=', '0')
277 ->get(); 273 ->get();
278 274
279 $Employer = Employer::query() 275 $Employer = Employer::query()
280 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first(); 276 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
281 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 277 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
282 } 278 }
283 279
284 // Сохранение карточки вакансии 280 // Сохранение карточки вакансии
285 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 281 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
286 $all = $request->all(); 282 $all = $request->all();
287 $ad_employer->update($all); 283 $ad_employer->update($all);
288 return redirect()->route('employer.cabinet_vacancie'); 284 return redirect()->route('employer.cabinet_vacancie');
289 } 285 }
290 286
291 // Удаление карточки вакансии 287 // Удаление карточки вакансии
292 public function vacancy_delete(Ad_employer $ad_employer) { 288 public function vacancy_delete(Ad_employer $ad_employer) {
293 $ad_employer->delete(); 289 $ad_employer->delete();
294 290
295 return redirect()->route('employer.vacancy_list') 291 return redirect()->route('employer.vacancy_list')
296 ->with('success', 'Данные были успешно сохранены'); 292 ->with('success', 'Данные были успешно сохранены');
297 } 293 }
298 294
299 // Обновление даты 295 // Обновление даты
300 public function vacancy_up(Ad_employer $ad_employer) { 296 public function vacancy_up(Ad_employer $ad_employer) {
301 $up = date('m/d/Y h:i:s', time());; 297 $up = date('m/d/Y h:i:s', time());;
302 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 298 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
303 $vac_emp->updated_at = $up; 299 $vac_emp->updated_at = $up;
304 $vac_emp->save(); 300 $vac_emp->save();
305 301
306 return redirect()->back(); //route('employer.vacancy_list'); 302 return redirect()->back(); //route('employer.vacancy_list');
307 // начало конца 303 // начало конца
308 } 304 }
309 305
310 //Видимость вакансии 306 //Видимость вакансии
311 public function vacancy_eye(Ad_employer $ad_employer, $status) { 307 public function vacancy_eye(Ad_employer $ad_employer, $status) {
312 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 308 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
313 $vac_emp->active_is = $status; 309 $vac_emp->active_is = $status;
314 $vac_emp->save(); 310 $vac_emp->save();
315 311
316 return redirect()->route('employer.vacancy_list'); 312 return redirect()->route('employer.vacancy_list');
317 } 313 }
318 314
319 //Вакансия редактирования (шаблон) 315 //Вакансия редактирования (шаблон)
320 public function vacancy_update(Ad_employer $id) { 316 public function vacancy_update(Ad_employer $id) {
321 317
322 } 318 }
323 319
324 //Отклики на вакансию - лист 320 //Отклики на вакансию - лист
325 public function answers(Employer $employer, Request $request) { 321 public function answers(Employer $employer, Request $request) {
326 $user_id = Auth()->user()->id; 322 $user_id = Auth()->user()->id;
327 $answer = Ad_employer::query()->where('employer_id', $employer->id); 323 $answer = Ad_employer::query()->where('employer_id', $employer->id);
328 if ($request->has('search')) { 324 if ($request->has('search')) {
329 $search = trim($request->get('search')); 325 $search = trim($request->get('search'));
330 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 326 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
331 } 327 }
332 328
333 $answer = $answer->with('response')->OrderByDESC('id')->get(); 329 $answer = $answer->with('response')->OrderByDESC('id')->get();
334 330
335 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 331 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
336 } 332 }
337 333
338 //Обновление статуса 334 //Обновление статуса
339 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 335 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
340 $ad_response->update(Array('flag' => $flag)); 336 $ad_response->update(Array('flag' => $flag));
341 return redirect()->route('employer.answers', ['employer' => $employer->id]); 337 return redirect()->route('employer.answers', ['employer' => $employer->id]);
342 } 338 }
343 339
344 //Страницы сообщений список 340 //Страницы сообщений список
345 public function messages($type_message) { 341 public function messages($type_message) {
346 $user_id = Auth()->user()->id; 342 $user_id = Auth()->user()->id;
347 343
348 $chats = Chat::get_user_chats($user_id); 344 $chats = Chat::get_user_chats($user_id);
349 $user_type = 'employer'; 345 $user_type = 'employer';
350 $admin_chat = false; 346 $admin_chat = false;
351 347
352 return view('employers.messages', compact('chats', 'admin_chat', 'user_id', 'user_type')); 348 return view('employers.messages', compact('chats', 'admin_chat', 'user_id', 'user_type'));
353 } 349 }
354 350
355 // Диалог между пользователями 351 // Диалог между пользователями
356 public function dialog(Chat $chat, Request $request) { 352 public function dialog(Chat $chat, Request $request) {
357 // Получение параметров. 353 // Получение параметров.
358 if ($request->has('ad_employer')){ 354 if ($request->has('ad_employer')){
359 $ad_employer = $request->get('ad_employer'); 355 $ad_employer = $request->get('ad_employer');
360 } else { 356 } else {
361 $ad_employer = 0; 357 $ad_employer = 0;
362 } 358 }
363 359
364 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first(); 360 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first();
365 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first(); 361 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first();
366 362
367 $Messages = Chat::get_chat_messages($chat); 363 $Messages = Chat::get_chat_messages($chat);
368 364
369 Message::where('user_id', '=', $chat->to_user_id)->where('to_user_id', '=', $chat->user_id)->update(['flag_new' => 0]); 365 Message::where('user_id', '=', $chat->to_user_id)->where('to_user_id', '=', $chat->user_id)->update(['flag_new' => 0]);
370 366
371 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 367 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
372 } 368 }
373 369
374 public function pin_chat(Request $request){ 370 public function pin_chat(Request $request){
375 $chat_id = $request->get('id'); 371 $chat_id = $request->get('id');
376 $is_fixed = $request->get('is_fixed'); 372 $is_fixed = $request->get('is_fixed');
377 373
378 Chat::pin_chat($chat_id, $is_fixed); 374 Chat::pin_chat($chat_id, $is_fixed);
379 } 375 }
380 376
381 public function remove_chat(Request $request){ 377 public function remove_chat(Request $request){
382 $chat_id = $request->get('id'); 378 $chat_id = $request->get('id');
383 Chat::remove_chat($chat_id); 379 Chat::remove_chat($chat_id);
384 } 380 }
385 381
386 // Регистрация работодателя 382 // Регистрация работодателя
387 public function register_employer(Request $request) { 383 public function register_employer(Request $request) {
388 $params = $request->all(); 384 $params = $request->all();
389 385
390 $rules = [ 386 $rules = [
391 //'surname' => ['required', 'string', 'max:255'], 387 //'surname' => ['required', 'string', 'max:255'],
392 //'name_man' => ['required', 'string', 'max:255'], 388 //'name_man' => ['required', 'string', 'max:255'],
393 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 389 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
394 'name_company' => ['required', 'string', 'max:255'], 390 'name_company' => ['required', 'string', 'max:255'],
395 'password' => ['required', 'string', 'min:6'], 391 'password' => ['required', 'string', 'min:6'],
396 ]; 392 ];
397 393
398 394
399 $messages = [ 395 $messages = [
400 'required' => 'Укажите обязательное поле', 396 'required' => 'Укажите обязательное поле',
401 'min' => [ 397 'min' => [
402 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 398 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
403 'integer' => 'Поле «:attribute» должно быть :min или больше', 399 'integer' => 'Поле «:attribute» должно быть :min или больше',
404 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 400 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
405 ], 401 ],
406 'max' => [ 402 'max' => [
407 'string' => 'Поле «:attribute» должно быть не больше :max символов', 403 'string' => 'Поле «:attribute» должно быть не больше :max символов',
408 'integer' => 'Поле «:attribute» должно быть :max или меньше', 404 'integer' => 'Поле «:attribute» должно быть :max или меньше',
409 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 405 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
410 ] 406 ]
411 ]; 407 ];
412 408
413 $email = $request->get('email'); 409 $email = $request->get('email');
414 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 410 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
415 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 411 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
416 } 412 }
417 413
418 if ($request->get('password') !== $request->get('confirmed')){ 414 if ($request->get('password') !== $request->get('confirmed')){
419 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 415 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
420 } 416 }
421 417
422 if (strlen($request->get('password')) < 6) { 418 if (strlen($request->get('password')) < 6) {
423 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 419 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
424 } 420 }
425 421
426 if (empty($request->get('surname'))) { 422 if (empty($request->get('surname'))) {
427 $params['surname'] = 'Неизвестно'; 423 $params['surname'] = 'Неизвестно';
428 } 424 }
429 if (empty($request->get('name_man'))) { 425 if (empty($request->get('name_man'))) {
430 $params['name_man'] = 'Неизвестно'; 426 $params['name_man'] = 'Неизвестно';
431 } 427 }
432 $validator = Validator::make($params, $rules, $messages); 428 $validator = Validator::make($params, $rules, $messages);
433 429
434 if ($validator->fails()) { 430 if ($validator->fails()) {
435 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 431 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
436 } else { 432 } else {
437 $user = $this->create($params); 433 $user = $this->create($params);
438 event(new Registered($user)); 434 event(new Registered($user));
439 435
440 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 436 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
441 437
442 Auth::guard()->login($user); 438 Auth::guard()->login($user);
443 } 439 }
444 440
445 if ($user) { 441 if ($user) {
446 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 442 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
447 } else { 443 } else {
448 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 444 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
449 } 445 }
450 } 446 }
451 447
452 // Создание пользователя 448 // Создание пользователя
453 protected function create(array $data) 449 protected function create(array $data)
454 { 450 {
455 $Use = new User_Model(); 451 $Use = new User_Model();
456 $Code_user = $Use->create([ 452 $Code_user = $Use->create([
457 'name' => $data['surname']." ".$data['name_man'], 453 'name' => $data['surname']." ".$data['name_man'],
458 'name_man' => $data['name_man'], 454 'name_man' => $data['name_man'],
459 'surname' => $data['surname'], 455 'surname' => $data['surname'],
460 'surname2' => $data['surname2'], 456 'surname2' => $data['surname2'],
461 'subscribe_email' => $data['email'], 457 'subscribe_email' => $data['email'],
462 'email' => $data['email'], 458 'email' => $data['email'],
463 'telephone' => $data['telephone'], 459 'telephone' => $data['telephone'],
464 'is_worker' => 0, 460 'is_worker' => 0,
465 'password' => Hash::make($data['password']), 461 'password' => Hash::make($data['password']),
466 'pubpassword' => base64_encode($data['password']), 462 'pubpassword' => base64_encode($data['password']),
467 'email_verified_at' => Carbon::now() 463 'email_verified_at' => Carbon::now()
468 ]); 464 ]);
469 465
470 if ($Code_user->id > 0) { 466 if ($Code_user->id > 0) {
471 $Employer = new Employer(); 467 $Employer = new Employer();
472 $Employer->user_id = $Code_user->id; 468 $Employer->user_id = $Code_user->id;
473 $Employer->name_company = $data['name_company']; 469 $Employer->name_company = $data['name_company'];
474 $Employer->email = $data['email']; 470 $Employer->email = $data['email'];
475 $Employer->telephone = $data['telephone']; 471 $Employer->telephone = $data['telephone'];
476 $Employer->code = Tools::generator_id(10); 472 $Employer->code = Tools::generator_id(10);
477 $Employer->save(); 473 $Employer->save();
478 474
479 return $Code_user; 475 return $Code_user;
480 } 476 }
481 } 477 }
482 478
483 // Отправка сообщения от работодателя 479 // Отправка сообщения от работодателя
484 public function send_message(MessagesRequiest $request) { 480 public function send_message(MessagesRequiest $request) {
485 $params = $request->all(); 481 $params = $request->all();
486 dd($params); 482 dd($params);
487 $user1 = $params['user_id']; 483 $user1 = $params['user_id'];
488 $user2 = $params['to_user_id']; 484 $user2 = $params['to_user_id'];
489 485
490 if ($request->has('file')) { 486 if ($request->has('file')) {
491 $params['file'] = $request->file('file')->store("messages", 'public'); 487 $params['file'] = $request->file('file')->store("messages", 'public');
492 } 488 }
493 Message::create($params); 489 Message::create($params);
494 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 490 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
495 } 491 }
496 492
497 public function test123(Request $request) { 493 public function test123(Request $request) {
498 $params = $request->all(); 494 $params = $request->all();
499 $user1 = $params['user_id']; 495 $user1 = $params['user_id'];
500 $user2 = $params['to_user_id']; 496 $user2 = $params['to_user_id'];
501 497
502 $rules = [ 498 $rules = [
503 'text' => 'nullable|required_without:file|min:1|max:150000', 499 'text' => 'nullable|required_without:file|min:1|max:150000',
504 'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 500 'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
505 ]; 501 ];
506 $messages = [ 502 $messages = [
507 'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен', 503 'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен',
508 'min' => [ 504 'min' => [
509 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 505 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
510 'integer' => 'Поле «:attribute» должно быть :min или больше', 506 'integer' => 'Поле «:attribute» должно быть :min или больше',
511 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 507 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
512 ], 508 ],
513 'max' => [ 509 'max' => [
514 'string' => 'Поле «:attribute» должно быть не больше :max символов', 510 'string' => 'Поле «:attribute» должно быть не больше :max символов',
515 'integer' => 'Поле «:attribute» должно быть :max или меньше', 511 'integer' => 'Поле «:attribute» должно быть :max или меньше',
516 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 512 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
517 ] 513 ]
518 ]; 514 ];
519 515
520 $validator = Validator::make($request->all(), $rules, $messages); 516 $validator = Validator::make($request->all(), $rules, $messages);
521 517
522 if ($validator->fails()) { 518 if ($validator->fails()) {
523 $chat = Chat::where('user_id', $user1) 519 $chat = Chat::where('user_id', $user1)
524 ->where('to_user_id', $user2) 520 ->where('to_user_id', $user2)
525 ->where('is_removed', 0) 521 ->where('is_removed', 0)
526 ->first() 522 ->first()
527 ; 523 ;
528 if ($chat->id){ 524 if ($chat->id){
529 return redirect()->route('employer.dialog', ['chat' => $chat->id])->withErrors($validator); 525 return redirect()->route('employer.dialog', ['chat' => $chat->id])->withErrors($validator);
530 } else { 526 } else {
531 return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator); 527 return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator);
532 } 528 }
533 529
534 } else { 530 } else {
535 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 531 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
536 532
537 return redirect()->route('employer.dialog', ['chat' => $new_message->chat_id_from]); 533 return redirect()->route('employer.dialog', ['chat' => $new_message->chat_id_from]);
538 534
539 } 535 }
540 } 536 }
541 537
542 //Избранные люди 538 //Избранные люди
543 public function favorites(Request $request) { 539 public function favorites(Request $request) {
544 $IP_address = RusDate::ip_addr_client(); 540 $IP_address = RusDate::ip_addr_client();
545 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 541 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
546 542
547 if ($Arr->count()) { 543 if ($Arr->count()) {
548 $A = Array(); 544 $A = Array();
549 foreach ($Arr as $it) { 545 foreach ($Arr as $it) {
550 $A[] = $it->code_record; 546 $A[] = $it->code_record;
551 } 547 }
552 548
553 $Workers = Worker::query()->whereIn('id', $A); 549 $Workers = Worker::query()->whereIn('id', $A);
554 } else { 550 } else {
555 $Workers = Worker::query()->where('id', '=', '0'); 551 $Workers = Worker::query()->where('id', '=', '0');
556 } 552 }
557 553
558 if (($request->has('search')) && (!empty($request->get('search')))) { 554 if (($request->has('search')) && (!empty($request->get('search')))) {
559 $search = $request->get('search'); 555 $search = $request->get('search');
560 556
561 $Workers = $Workers->WhereHas('users', 557 $Workers = $Workers->WhereHas('users',
562 function (Builder $query) use ($search) { 558 function (Builder $query) use ($search) {
563 $query->Where('surname', 'LIKE', "%$search%") 559 $query->Where('surname', 'LIKE', "%$search%")
564 ->orWhere('name_man', 'LIKE', "%$search%") 560 ->orWhere('name_man', 'LIKE', "%$search%")
565 ->orWhere('surname2', 'LIKE', "%$search%"); 561 ->orWhere('surname2', 'LIKE', "%$search%");
566 }); 562 });
567 } else { 563 } else {
568 $Workers = $Workers->with('users'); 564 $Workers = $Workers->with('users');
569 } 565 }
570 566
571 $Workers = $Workers->get(); 567 $Workers = $Workers->get();
572 568
573 569
574 return view('employers.favorite', compact('Workers')); 570 return view('employers.favorite', compact('Workers'));
575 } 571 }
576 572
577 // База данных 573 // База данных
578 public function bd(Request $request) { 574 public function bd(Request $request) {
579 $users = User_Model::query()->with('workers')->with('jobtitles'); 575 $users = User_Model::query()->with('workers')->with('jobtitles');
580 576
581 if ($request->has('search')) { 577 if ($request->has('search')) {
582 $find_key = $request->get('search'); 578 $find_key = $request->get('search');
583 $users = $users->where('name', 'LIKE', "%$find_key%") 579 $users = $users->where('name', 'LIKE', "%$find_key%")
584 ->orWhere('surname', 'LIKE', "%$find_key%") 580 ->orWhere('surname', 'LIKE', "%$find_key%")
585 ->orWhere('name_man', 'LIKE', "%$find_key%") 581 ->orWhere('name_man', 'LIKE', "%$find_key%")
586 ->orWhere('email', 'LIKE', "%$find_key%") 582 ->orWhere('email', 'LIKE', "%$find_key%")
587 ->orWhere('telephone', 'LIKE', "%$find_key%"); 583 ->orWhere('telephone', 'LIKE', "%$find_key%");
588 } 584 }
589 585
590 // Данные 586 // Данные
591 $users = $users->Baseuser()-> 587 $users = $users->Baseuser()->
592 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id')); 588 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id'));
593 $count_users = $users; 589 $count_users = $users;
594 $users = $users->paginate(5); 590 $users = $users->paginate(5);
595 591
596 $export_options = DbExportColumns::toArray(); 592 $export_options = DbExportColumns::toArray();
597 593
598 $jobs_titles = Job_title::select('id', 'name') 594 $jobs_titles = Job_title::select('id', 'name')
599 ->where('is_remove', '=', 0) 595 ->where('is_remove', '=', 0)
600 ->where('is_bd', '=', 2) 596 ->where('is_bd', '=', 2)
601 ->orderByDesc('sort') 597 ->orderByDesc('sort')
602 ->orderBy('name', 'asc') 598 ->orderBy('name', 'asc')
603 ->get() 599 ->get()
604 ->toArray() 600 ->toArray()
605 ; 601 ;
606 602
607 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 603 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
608 } 604 }
609 605
610 //Настройка уведомлений 606 //Настройка уведомлений
611 public function subscribe() { 607 public function subscribe() {
612 return view('employers.subcribe'); 608 return view('employers.subcribe');
613 } 609 }
614 610
615 //Установка уведомлений сохранение 611 //Установка уведомлений сохранение
616 public function save_subscribe(Request $request) { 612 public function save_subscribe(Request $request) {
617 dd($request->all()); 613 dd($request->all());
618 $msg = $request->validate([ 614 $msg = $request->validate([
619 'subscribe_email' => 'required|email|min:5|max:255', 615 'subscribe_email' => 'required|email|min:5|max:255',
620 ]); 616 ]);
621 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 617 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
622 } 618 }
623 619
624 //Сбросить форму с паролем 620 //Сбросить форму с паролем
625 public function password_reset() { 621 public function password_reset() {
626 $email = Auth()->user()->email; 622 $email = Auth()->user()->email;
627 return view('employers.password-reset', compact('email')); 623 return view('employers.password-reset', compact('email'));
628 } 624 }
629 625
630 //Обновление пароля 626 //Обновление пароля
631 public function new_password(Request $request) { 627 public function new_password(Request $request) {
632 $use = Auth()->user(); 628 $use = Auth()->user();
633 $request->validate([ 629 $request->validate([
634 'password' => 'required|string', 630 'password' => 'required|string',
635 'new_password' => 'required|string', 631 'new_password' => 'required|string',
636 'new_password2' => 'required|string' 632 'new_password2' => 'required|string'
637 ]); 633 ]);
638 634
639 if ($request->get('new_password') == $request->get('new_password2')) 635 if ($request->get('new_password') == $request->get('new_password2'))
640 if ($request->get('password') !== $request->get('new_password')) { 636 if ($request->get('password') !== $request->get('new_password')) {
641 $credentials = $request->only('email', 'password'); 637 $credentials = $request->only('email', 'password');
642 if (Auth::attempt($credentials)) { 638 if (Auth::attempt($credentials)) {
643 639
644 if (!is_null($use->email_verified_at)){ 640 if (!is_null($use->email_verified_at)){
645 641
646 $user_data = User_Model::find($use->id); 642 $user_data = User_Model::find($use->id);
647 $user_data->update([ 643 $user_data->update([
648 'password' => Hash::make($request->get('new_password')), 644 'password' => Hash::make($request->get('new_password')),
649 'pubpassword' => base64_encode($request->get('new_password')), 645 'pubpassword' => base64_encode($request->get('new_password')),
650 ]); 646 ]);
651 return redirect() 647 return redirect()
652 ->route('employer.password_reset') 648 ->route('employer.password_reset')
653 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 649 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
654 } 650 }
655 651
656 return redirect() 652 return redirect()
657 ->route('employer.password_reset') 653 ->route('employer.password_reset')
658 ->withError('Данная учетная запись не было верифицированна!'); 654 ->withError('Данная учетная запись не было верифицированна!');
659 } 655 }
660 } 656 }
661 657
662 return redirect() 658 return redirect()
663 ->route('employer.password_reset') 659 ->route('employer.password_reset')
664 ->withErrors('Не совпадение данных, обновите пароли!'); 660 ->withErrors('Не совпадение данных, обновите пароли!');
665 } 661 }
666 662
667 663
668 664
669 // Форма Удаление пипла 665 // Форма Удаление пипла
670 public function delete_people() { 666 public function delete_people() {
671 $login = Auth()->user()->email; 667 $login = Auth()->user()->email;
672 return view('employers.delete_people', compact('login')); 668 return view('employers.delete_people', compact('login'));
673 } 669 }
674 670
675 // Удаление аккаунта 671 // Удаление аккаунта
676 public function action_delete_user(Request $request) { 672 public function action_delete_user(Request $request) {
677 $Answer = $request->all(); 673 $Answer = $request->all();
678 $user_id = Auth()->user()->id; 674 $user_id = Auth()->user()->id;
679 $request->validate([ 675 $request->validate([
680 'password' => 'required|string', 676 'password' => 'required|string',
681 ]); 677 ]);
682 678
683 $credentials = $request->only('email', 'password'); 679 $credentials = $request->only('email', 'password');
684 if (Auth::attempt($credentials)) { 680 if (Auth::attempt($credentials)) {
685 Auth::logout(); 681 Auth::logout();
686 $it = User_Model::find($user_id); 682 $it = User_Model::find($user_id);
687 $it->delete(); 683 $it->delete();
688 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 684 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
689 } else { 685 } else {
690 return redirect()->route('employer.delete_people') 686 return redirect()->route('employer.delete_people')
691 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 687 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
692 } 688 }
693 } 689 }
694 690
695 public function ajax_delete_user(Request $request) { 691 public function ajax_delete_user(Request $request) {
696 $Answer = $request->all(); 692 $Answer = $request->all();
697 $user_id = Auth()->user()->id; 693 $user_id = Auth()->user()->id;
698 $request->validate([ 694 $request->validate([
699 'password' => 'required|string', 695 'password' => 'required|string',
700 ]); 696 ]);
701 $credentials = $request->only('email', 'password'); 697 $credentials = $request->only('email', 'password');
702 if (Auth::attempt($credentials)) { 698 if (Auth::attempt($credentials)) {
703 699
704 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 700 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
705 'email' => $request->get('email'), 701 'email' => $request->get('email'),
706 'password' => $request->get('password'))); 702 'password' => $request->get('password')));
707 } else { 703 } else {
708 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 704 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
709 } 705 }
710 } 706 }
711 707
712 // FAQ - Вопросы/ответы для работодателей и соискателей 708 // FAQ - Вопросы/ответы для работодателей и соискателей
713 public function faq() { 709 public function faq() {
714 return view('employers.faq'); 710 return view('employers.faq');
715 } 711 }
716 712
717 // Рассылка сообщений 713 // Рассылка сообщений
718 public function send_all_messages() { 714 public function send_all_messages() {
719 $id = Auth()->user()->id; 715 $id = Auth()->user()->id;
720 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 716 $sending = Employer::query()->where('user_id', '=', "$id")->first();
721 717
722 $job_titles = Job_title::query() 718 $job_titles = Job_title::query()
723 ->where('is_remove', '=', 0) 719 ->where('is_remove', '=', 0)
724 ->where('is_bd', '=', 1) 720 ->where('is_bd', '=', 1)
725 ->orderByDesc('sort') 721 ->orderByDesc('sort')
726 ->get() 722 ->get()
727 ; 723 ;
728 724
729 if ($sending->sending_is) 725 if ($sending->sending_is)
730 return view('employers.send_all', compact('job_titles')); 726 return view('employers.send_all', compact('job_titles'));
731 else 727 else
732 return view('employers.send_all_danger'); 728 return view('employers.send_all_danger');
733 } 729 }
734 730
735 // Отправка сообщений для информации 731 // Отправка сообщений для информации
736 public function send_all_post(Request $request) { 732 public function send_all_post(Request $request) {
737 $data = $request->all(); 733 $data = $request->all();
738 $data['user'] = Auth()->user(); 734 $data['user'] = Auth()->user();
739 735
740 $id = MessagesRequests::create([ 736 $id = MessagesRequests::create([
741 'user_id' => Auth()->user()->id, 737 'user_id' => Auth()->user()->id,
742 'job_titles' => json_encode($data['job_title_ids']), 738 'job_titles' => json_encode($data['job_title_ids']),
743 'text' => $data['message_text'], 739 'text' => $data['message_text'],
744 ]); 740 ]);
745 741
746 if (!empty($id)){ 742 if (!empty($id)){
747 Mail::to(env('EMAIL_ADMIN'))->send(new MassSendingMessages($data)); 743 Mail::to(env('EMAIL_ADMIN'))->send(new MassSendingMessages($data));
748 } 744 }
749 745
750 /*$emails = User_Model::query()->where('is_worker', '1')->get(); 746 /*$emails = User_Model::query()->where('is_worker', '1')->get();
751 747
752 foreach ($emails as $e) { 748 foreach ($emails as $e) {
753 Mail::to($e->email)->send(new SendAllMessages($data)); 749 Mail::to($e->email)->send(new SendAllMessages($data));
754 }*/ 750 }*/
755 751
756 return redirect()->route('employer.send_all_messages')->with('success', 'Запрос на рассылку был успешно отправлен.'); 752 return redirect()->route('employer.send_all_messages')->with('success', 'Запрос на рассылку был успешно отправлен.');
757 } 753 }
758 754
759 // База резюме 755 // База резюме
760 public function bd_tupe(Request $request) { 756 public function bd_tupe(Request $request) {
761 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 757 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
762 758
763 return view('employers.bd_tupe', compact('Resume')); 759 return view('employers.bd_tupe', compact('Resume'));
764 } 760 }
765 761
766 ////////////////////////////////////////////////////////////////// 762 //////////////////////////////////////////////////////////////////
767 // Отправил сообщение 763 // Отправил сообщение
768 ////////////////////////////////////////////////////////////////// 764 //////////////////////////////////////////////////////////////////
769 public function new_message(Request $request) { 765 public function new_message(Request $request) {
770 $params = $request->all(); 766 $params = $request->all();
771 767
772 $id = $params['_user_id']; 768 $id = $params['_user_id'];
773 $message_params = [ 769 $message_params = [
774 'title' => $params['title'], 770 'title' => $params['title'],
775 'text' => $params['text'], 771 'text' => $params['text'],
776 'ad_employer_id' => $params['_vacancy'], 772 'ad_employer_id' => $params['_vacancy'],
777 'flag_new' => 1 773 'flag_new' => 1
778 ]; 774 ];
779 775
780 Message::add_message( 776 Message::add_message(
781 $request, 777 $request,
782 $params['_user_id'], 778 $params['_user_id'],
783 $params['_to_user_id'], 779 $params['_to_user_id'],
784 $message_params, 780 $message_params,
785 file_store_path: "worker/$id" 781 file_store_path: "worker/$id"
786 ); 782 );
787 783
788 return redirect()->route('employer.messages', ['type_message' => 'output']); 784 return redirect()->route('employer.messages', ['type_message' => 'output']);
789 } 785 }
790 786
791 // Восстановление пароля 787 // Восстановление пароля
792 public function repair_password(Request $request) { 788 public function repair_password(Request $request) {
793 $params = $request->get('email'); 789 $params = $request->get('email');
794 } 790 }
795 791
796 // Избранные люди на корабль 792 // Избранные люди на корабль
797 public function selected_people(Request $request) { 793 public function selected_people(Request $request) {
798 $id = $request->get('id'); 794 $id = $request->get('id');
799 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 795 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
800 where('is_remove', '=', '0')-> 796 where('is_remove', '=', '0')->
801 where('is_bd', '=', '0')-> 797 where('is_bd', '=', '0')->
802 where('position_id', $id)-> 798 where('position_id', $id)->
803 get(); 799 get();
804 return view('favorite_people', compact('favorite_people')); 800 return view('favorite_people', compact('favorite_people'));
805 } 801 }
806 } 802 }
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 @import url(general.css); 13 @import url(general.css);
14 html { 14 html {
15 line-height: 1.15; /* 1 */ 15 line-height: 1.15; /* 1 */
16 -webkit-text-size-adjust: 100%; /* 2 */ 16 -webkit-text-size-adjust: 100%; /* 2 */
17 } 17 }
18 18
19 /* Sections 19 /* Sections
20 ========================================================================== */ 20 ========================================================================== */
21 /** 21 /**
22 * Remove the margin in all browsers. 22 * Remove the margin in all browsers.
23 */ 23 */
24 body { 24 body {
25 margin: 0; 25 margin: 0;
26 } 26 }
27 27
28 /** 28 /**
29 * Render the `main` element consistently in IE. 29 * Render the `main` element consistently in IE.
30 */ 30 */
31 main { 31 main {
32 display: block; 32 display: block;
33 } 33 }
34 34
35 /** 35 /**
36 * Correct the font size and margin on `h1` elements within `section` and 36 * Correct the font size and margin on `h1` elements within `section` and
37 * `article` contexts in Chrome, Firefox, and Safari. 37 * `article` contexts in Chrome, Firefox, and Safari.
38 */ 38 */
39 h1 { 39 h1 {
40 font-size: 2em; 40 font-size: 2em;
41 margin: 0.67em 0; 41 margin: 0.67em 0;
42 } 42 }
43 43
44 /* Grouping content 44 /* Grouping content
45 ========================================================================== */ 45 ========================================================================== */
46 /** 46 /**
47 * 1. Add the correct box sizing in Firefox. 47 * 1. Add the correct box sizing in Firefox.
48 * 2. Show the overflow in Edge and IE. 48 * 2. Show the overflow in Edge and IE.
49 */ 49 */
50 hr { 50 hr {
51 -webkit-box-sizing: content-box; 51 -webkit-box-sizing: content-box;
52 box-sizing: content-box; /* 1 */ 52 box-sizing: content-box; /* 1 */
53 height: 0; /* 1 */ 53 height: 0; /* 1 */
54 overflow: visible; /* 2 */ 54 overflow: visible; /* 2 */
55 } 55 }
56 56
57 /** 57 /**
58 * 1. Correct the inheritance and scaling of font size in all browsers. 58 * 1. Correct the inheritance and scaling of font size in all browsers.
59 * 2. Correct the odd `em` font sizing in all browsers. 59 * 2. Correct the odd `em` font sizing in all browsers.
60 */ 60 */
61 pre { 61 pre {
62 font-family: monospace, monospace; /* 1 */ 62 font-family: monospace, monospace; /* 1 */
63 font-size: 1em; /* 2 */ 63 font-size: 1em; /* 2 */
64 } 64 }
65 65
66 /* Text-level semantics 66 /* Text-level semantics
67 ========================================================================== */ 67 ========================================================================== */
68 /** 68 /**
69 * Remove the gray background on active links in IE 10. 69 * Remove the gray background on active links in IE 10.
70 */ 70 */
71 a { 71 a {
72 background-color: transparent; 72 background-color: transparent;
73 } 73 }
74 74
75 /** 75 /**
76 * 1. Remove the bottom border in Chrome 57- 76 * 1. Remove the bottom border in Chrome 57-
77 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 77 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
78 */ 78 */
79 abbr[title] { 79 abbr[title] {
80 border-bottom: none; /* 1 */ 80 border-bottom: none; /* 1 */
81 text-decoration: underline; /* 2 */ 81 text-decoration: underline; /* 2 */
82 -webkit-text-decoration: underline dotted; 82 -webkit-text-decoration: underline dotted;
83 text-decoration: underline dotted; /* 2 */ 83 text-decoration: underline dotted; /* 2 */
84 } 84 }
85 85
86 /** 86 /**
87 * Add the correct font weight in Chrome, Edge, and Safari. 87 * Add the correct font weight in Chrome, Edge, and Safari.
88 */ 88 */
89 b, 89 b,
90 strong { 90 strong {
91 font-weight: bolder; 91 font-weight: bolder;
92 } 92 }
93 93
94 /** 94 /**
95 * 1. Correct the inheritance and scaling of font size in all browsers. 95 * 1. Correct the inheritance and scaling of font size in all browsers.
96 * 2. Correct the odd `em` font sizing in all browsers. 96 * 2. Correct the odd `em` font sizing in all browsers.
97 */ 97 */
98 code, 98 code,
99 kbd, 99 kbd,
100 samp { 100 samp {
101 font-family: monospace, monospace; /* 1 */ 101 font-family: monospace, monospace; /* 1 */
102 font-size: 1em; /* 2 */ 102 font-size: 1em; /* 2 */
103 } 103 }
104 104
105 /** 105 /**
106 * Add the correct font size in all browsers. 106 * Add the correct font size in all browsers.
107 */ 107 */
108 small { 108 small {
109 font-size: 80%; 109 font-size: 80%;
110 } 110 }
111 111
112 /** 112 /**
113 * Prevent `sub` and `sup` elements from affecting the line height in 113 * Prevent `sub` and `sup` elements from affecting the line height in
114 * all browsers. 114 * all browsers.
115 */ 115 */
116 sub, 116 sub,
117 sup { 117 sup {
118 font-size: 75%; 118 font-size: 75%;
119 line-height: 0; 119 line-height: 0;
120 position: relative; 120 position: relative;
121 vertical-align: baseline; 121 vertical-align: baseline;
122 } 122 }
123 123
124 sub { 124 sub {
125 bottom: -0.25em; 125 bottom: -0.25em;
126 } 126 }
127 127
128 sup { 128 sup {
129 top: -0.5em; 129 top: -0.5em;
130 } 130 }
131 131
132 /* Embedded content 132 /* Embedded content
133 ========================================================================== */ 133 ========================================================================== */
134 /** 134 /**
135 * Remove the border on images inside links in IE 10. 135 * Remove the border on images inside links in IE 10.
136 */ 136 */
137 img { 137 img {
138 border-style: none; 138 border-style: none;
139 } 139 }
140 140
141 /* Forms 141 /* Forms
142 ========================================================================== */ 142 ========================================================================== */
143 /** 143 /**
144 * 1. Change the font styles in all browsers. 144 * 1. Change the font styles in all browsers.
145 * 2. Remove the margin in Firefox and Safari. 145 * 2. Remove the margin in Firefox and Safari.
146 */ 146 */
147 button, 147 button,
148 input, 148 input,
149 optgroup, 149 optgroup,
150 select, 150 select,
151 textarea { 151 textarea {
152 font-family: inherit; /* 1 */ 152 font-family: inherit; /* 1 */
153 font-size: 100%; /* 1 */ 153 font-size: 100%; /* 1 */
154 line-height: 1.15; /* 1 */ 154 line-height: 1.15; /* 1 */
155 margin: 0; /* 2 */ 155 margin: 0; /* 2 */
156 } 156 }
157 157
158 /** 158 /**
159 * Show the overflow in IE. 159 * Show the overflow in IE.
160 * 1. Show the overflow in Edge. 160 * 1. Show the overflow in Edge.
161 */ 161 */
162 button, 162 button,
163 input { /* 1 */ 163 input { /* 1 */
164 overflow: visible; 164 overflow: visible;
165 } 165 }
166 166
167 /** 167 /**
168 * Remove the inheritance of text transform in Edge, Firefox, and IE. 168 * Remove the inheritance of text transform in Edge, Firefox, and IE.
169 * 1. Remove the inheritance of text transform in Firefox. 169 * 1. Remove the inheritance of text transform in Firefox.
170 */ 170 */
171 button, 171 button,
172 select { /* 1 */ 172 select { /* 1 */
173 text-transform: none; 173 text-transform: none;
174 } 174 }
175 175
176 /** 176 /**
177 * Correct the inability to style clickable types in iOS and Safari. 177 * Correct the inability to style clickable types in iOS and Safari.
178 */ 178 */
179 button, 179 button,
180 [type=button], 180 [type=button],
181 [type=reset], 181 [type=reset],
182 [type=submit] { 182 [type=submit] {
183 -webkit-appearance: button; 183 -webkit-appearance: button;
184 } 184 }
185 185
186 /** 186 /**
187 * Remove the inner border and padding in Firefox. 187 * Remove the inner border and padding in Firefox.
188 */ 188 */
189 button::-moz-focus-inner, 189 button::-moz-focus-inner,
190 [type=button]::-moz-focus-inner, 190 [type=button]::-moz-focus-inner,
191 [type=reset]::-moz-focus-inner, 191 [type=reset]::-moz-focus-inner,
192 [type=submit]::-moz-focus-inner { 192 [type=submit]::-moz-focus-inner {
193 border-style: none; 193 border-style: none;
194 padding: 0; 194 padding: 0;
195 } 195 }
196 196
197 /** 197 /**
198 * Restore the focus styles unset by the previous rule. 198 * Restore the focus styles unset by the previous rule.
199 */ 199 */
200 button:-moz-focusring, 200 button:-moz-focusring,
201 [type=button]:-moz-focusring, 201 [type=button]:-moz-focusring,
202 [type=reset]:-moz-focusring, 202 [type=reset]:-moz-focusring,
203 [type=submit]:-moz-focusring { 203 [type=submit]:-moz-focusring {
204 outline: 1px dotted ButtonText; 204 outline: 1px dotted ButtonText;
205 } 205 }
206 206
207 /** 207 /**
208 * Correct the padding in Firefox. 208 * Correct the padding in Firefox.
209 */ 209 */
210 fieldset { 210 fieldset {
211 padding: 0.35em 0.75em 0.625em; 211 padding: 0.35em 0.75em 0.625em;
212 } 212 }
213 213
214 /** 214 /**
215 * 1. Correct the text wrapping in Edge and IE. 215 * 1. Correct the text wrapping in Edge and IE.
216 * 2. Correct the color inheritance from `fieldset` elements in IE. 216 * 2. Correct the color inheritance from `fieldset` elements in IE.
217 * 3. Remove the padding so developers are not caught out when they zero out 217 * 3. Remove the padding so developers are not caught out when they zero out
218 * `fieldset` elements in all browsers. 218 * `fieldset` elements in all browsers.
219 */ 219 */
220 legend { 220 legend {
221 -webkit-box-sizing: border-box; 221 -webkit-box-sizing: border-box;
222 box-sizing: border-box; /* 1 */ 222 box-sizing: border-box; /* 1 */
223 color: inherit; /* 2 */ 223 color: inherit; /* 2 */
224 display: table; /* 1 */ 224 display: table; /* 1 */
225 max-width: 100%; /* 1 */ 225 max-width: 100%; /* 1 */
226 padding: 0; /* 3 */ 226 padding: 0; /* 3 */
227 white-space: normal; /* 1 */ 227 white-space: normal; /* 1 */
228 } 228 }
229 229
230 /** 230 /**
231 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 231 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
232 */ 232 */
233 progress { 233 progress {
234 vertical-align: baseline; 234 vertical-align: baseline;
235 } 235 }
236 236
237 /** 237 /**
238 * Remove the default vertical scrollbar in IE 10+. 238 * Remove the default vertical scrollbar in IE 10+.
239 */ 239 */
240 textarea { 240 textarea {
241 overflow: auto; 241 overflow: auto;
242 } 242 }
243 243
244 /** 244 /**
245 * 1. Add the correct box sizing in IE 10. 245 * 1. Add the correct box sizing in IE 10.
246 * 2. Remove the padding in IE 10. 246 * 2. Remove the padding in IE 10.
247 */ 247 */
248 [type=checkbox], 248 [type=checkbox],
249 [type=radio] { 249 [type=radio] {
250 -webkit-box-sizing: border-box; 250 -webkit-box-sizing: border-box;
251 box-sizing: border-box; /* 1 */ 251 box-sizing: border-box; /* 1 */
252 padding: 0; /* 2 */ 252 padding: 0; /* 2 */
253 } 253 }
254 254
255 /** 255 /**
256 * Correct the cursor style of increment and decrement buttons in Chrome. 256 * Correct the cursor style of increment and decrement buttons in Chrome.
257 */ 257 */
258 [type=number]::-webkit-inner-spin-button, 258 [type=number]::-webkit-inner-spin-button,
259 [type=number]::-webkit-outer-spin-button { 259 [type=number]::-webkit-outer-spin-button {
260 height: auto; 260 height: auto;
261 } 261 }
262 262
263 /** 263 /**
264 * 1. Correct the odd appearance in Chrome and Safari. 264 * 1. Correct the odd appearance in Chrome and Safari.
265 * 2. Correct the outline style in Safari. 265 * 2. Correct the outline style in Safari.
266 */ 266 */
267 [type=search] { 267 [type=search] {
268 -webkit-appearance: textfield; /* 1 */ 268 -webkit-appearance: textfield; /* 1 */
269 outline-offset: -2px; /* 2 */ 269 outline-offset: -2px; /* 2 */
270 } 270 }
271 271
272 /** 272 /**
273 * Remove the inner padding in Chrome and Safari on macOS. 273 * Remove the inner padding in Chrome and Safari on macOS.
274 */ 274 */
275 [type=search]::-webkit-search-decoration { 275 [type=search]::-webkit-search-decoration {
276 -webkit-appearance: none; 276 -webkit-appearance: none;
277 } 277 }
278 278
279 /** 279 /**
280 * 1. Correct the inability to style clickable types in iOS and Safari. 280 * 1. Correct the inability to style clickable types in iOS and Safari.
281 * 2. Change font properties to `inherit` in Safari. 281 * 2. Change font properties to `inherit` in Safari.
282 */ 282 */
283 ::-webkit-file-upload-button { 283 ::-webkit-file-upload-button {
284 -webkit-appearance: button; /* 1 */ 284 -webkit-appearance: button; /* 1 */
285 font: inherit; /* 2 */ 285 font: inherit; /* 2 */
286 } 286 }
287 287
288 /* Interactive 288 /* Interactive
289 ========================================================================== */ 289 ========================================================================== */
290 /* 290 /*
291 * Add the correct display in Edge, IE 10+, and Firefox. 291 * Add the correct display in Edge, IE 10+, and Firefox.
292 */ 292 */
293 details { 293 details {
294 display: block; 294 display: block;
295 } 295 }
296 296
297 /* 297 /*
298 * Add the correct display in all browsers. 298 * Add the correct display in all browsers.
299 */ 299 */
300 summary { 300 summary {
301 display: list-item; 301 display: list-item;
302 } 302 }
303 303
304 /* Misc 304 /* Misc
305 ========================================================================== */ 305 ========================================================================== */
306 /** 306 /**
307 * Add the correct display in IE 10+. 307 * Add the correct display in IE 10+.
308 */ 308 */
309 template { 309 template {
310 display: none; 310 display: none;
311 } 311 }
312 312
313 /** 313 /**
314 * Add the correct display in IE 10. 314 * Add the correct display in IE 10.
315 */ 315 */
316 [hidden] { 316 [hidden] {
317 display: none; 317 display: none;
318 } 318 }
319 319
320 .green { 320 .green {
321 color: #377d87; 321 color: #377d87;
322 } 322 }
323 323
324 .red { 324 .red {
325 color: #eb5757; 325 color: #eb5757;
326 } 326 }
327 327
328 .rotate180 { 328 .rotate180 {
329 -webkit-transform: rotate(180deg); 329 -webkit-transform: rotate(180deg);
330 -ms-transform: rotate(180deg); 330 -ms-transform: rotate(180deg);
331 transform: rotate(180deg); 331 transform: rotate(180deg);
332 } 332 }
333 333
334 ::-moz-selection { 334 ::-moz-selection {
335 color: #000; 335 color: #000;
336 background: #acc0e6; 336 background: #acc0e6;
337 } 337 }
338 338
339 ::selection { 339 ::selection {
340 color: #000; 340 color: #000;
341 background: #acc0e6; 341 background: #acc0e6;
342 } 342 }
343 343
344 ::-webkit-scrollbar { 344 ::-webkit-scrollbar {
345 width: 8px; 345 width: 8px;
346 height: 8px; 346 height: 8px;
347 } 347 }
348 348
349 ::-webkit-scrollbar-track { 349 ::-webkit-scrollbar-track {
350 border-radius: 999px; 350 border-radius: 999px;
351 background-color: #fff; 351 background-color: #fff;
352 } 352 }
353 353
354 ::-webkit-scrollbar-thumb { 354 ::-webkit-scrollbar-thumb {
355 border-radius: 999px; 355 border-radius: 999px;
356 background-color: #377d87; 356 background-color: #377d87;
357 } 357 }
358 358
359 ::-webkit-input-placeholder { 359 ::-webkit-input-placeholder {
360 color: #9c9d9d; 360 color: #9c9d9d;
361 opacity: 1; 361 opacity: 1;
362 } 362 }
363 363
364 :focus::-webkit-input-placeholder { 364 :focus::-webkit-input-placeholder {
365 color: transparent; 365 color: transparent;
366 } 366 }
367 367
368 :-ms-input-placeholder { 368 :-ms-input-placeholder {
369 color: #9c9d9d; 369 color: #9c9d9d;
370 opacity: 1; 370 opacity: 1;
371 } 371 }
372 372
373 :focus:-ms-input-placeholder { 373 :focus:-ms-input-placeholder {
374 color: transparent; 374 color: transparent;
375 } 375 }
376 376
377 ::-ms-input-placeholder { 377 ::-ms-input-placeholder {
378 color: #9c9d9d; 378 color: #9c9d9d;
379 opacity: 1; 379 opacity: 1;
380 } 380 }
381 381
382 :focus::-ms-input-placeholder { 382 :focus::-ms-input-placeholder {
383 color: transparent; 383 color: transparent;
384 } 384 }
385 385
386 ::-moz-placeholder { 386 ::-moz-placeholder {
387 color: #9c9d9d; 387 color: #9c9d9d;
388 opacity: 1; 388 opacity: 1;
389 } 389 }
390 390
391 :focus::-moz-placeholder { 391 :focus::-moz-placeholder {
392 color: transparent; 392 color: transparent;
393 } 393 }
394 394
395 ::-webkit-input-placeholder { 395 ::-webkit-input-placeholder {
396 color: #9c9d9d; 396 color: #9c9d9d;
397 opacity: 1; 397 opacity: 1;
398 } 398 }
399 399
400 ::-moz-placeholder { 400 ::-moz-placeholder {
401 color: #9c9d9d; 401 color: #9c9d9d;
402 opacity: 1; 402 opacity: 1;
403 } 403 }
404 404
405 :-ms-input-placeholder { 405 :-ms-input-placeholder {
406 color: #9c9d9d; 406 color: #9c9d9d;
407 opacity: 1; 407 opacity: 1;
408 } 408 }
409 409
410 ::-ms-input-placeholder { 410 ::-ms-input-placeholder {
411 color: #9c9d9d; 411 color: #9c9d9d;
412 opacity: 1; 412 opacity: 1;
413 } 413 }
414 414
415 ::placeholder { 415 ::placeholder {
416 color: #9c9d9d; 416 color: #9c9d9d;
417 opacity: 1; 417 opacity: 1;
418 } 418 }
419 419
420 :focus::-webkit-input-placeholder { 420 :focus::-webkit-input-placeholder {
421 color: transparent; 421 color: transparent;
422 } 422 }
423 423
424 :focus::-moz-placeholder { 424 :focus::-moz-placeholder {
425 color: transparent; 425 color: transparent;
426 } 426 }
427 427
428 :focus:-ms-input-placeholder { 428 :focus:-ms-input-placeholder {
429 color: transparent; 429 color: transparent;
430 } 430 }
431 431
432 :focus::-ms-input-placeholder { 432 :focus::-ms-input-placeholder {
433 color: transparent; 433 color: transparent;
434 } 434 }
435 435
436 :focus::placeholder { 436 :focus::placeholder {
437 color: transparent; 437 color: transparent;
438 } 438 }
439 439
440 *, 440 *,
441 *:before, 441 *:before,
442 *:after { 442 *:after {
443 -webkit-box-sizing: border-box; 443 -webkit-box-sizing: border-box;
444 box-sizing: border-box; 444 box-sizing: border-box;
445 -webkit-appearance: none; 445 -webkit-appearance: none;
446 -moz-appearance: none; 446 -moz-appearance: none;
447 appearance: none; 447 appearance: none;
448 outline: none; 448 outline: none;
449 -webkit-box-shadow: none; 449 -webkit-box-shadow: none;
450 box-shadow: none; 450 box-shadow: none;
451 } 451 }
452 452
453 a, 453 a,
454 button, 454 button,
455 select { 455 select {
456 color: inherit; 456 color: inherit;
457 } 457 }
458 458
459 a { 459 a {
460 text-decoration: none; 460 text-decoration: none;
461 } 461 }
462 462
463 a, 463 a,
464 input[type=button], 464 input[type=button],
465 input[type=submit], 465 input[type=submit],
466 button { 466 button {
467 -webkit-user-select: none; 467 -webkit-user-select: none;
468 -moz-user-select: none; 468 -moz-user-select: none;
469 -ms-user-select: none; 469 -ms-user-select: none;
470 user-select: none; 470 user-select: none;
471 -webkit-transition: 0.3s; 471 -webkit-transition: 0.3s;
472 transition: 0.3s; 472 transition: 0.3s;
473 cursor: pointer; 473 cursor: pointer;
474 } 474 }
475 475
476 [type=tel] { 476 [type=tel] {
477 letter-spacing: 1px; 477 letter-spacing: 1px;
478 } 478 }
479 479
480 .br, 480 .br,
481 img, 481 img,
482 svg { 482 svg {
483 display: block; 483 display: block;
484 } 484 }
485 485
486 .float-left { 486 .float-left {
487 float: left; 487 float: left;
488 } 488 }
489 489
490 .float-right { 490 .float-right {
491 float: right; 491 float: right;
492 } 492 }
493 493
494 .clear-both:after { 494 .clear-both:after {
495 content: ""; 495 content: "";
496 display: block; 496 display: block;
497 clear: both; 497 clear: both;
498 } 498 }
499 499
500 h1, 500 h1,
501 h2, 501 h2,
502 h3, 502 h3,
503 h4, 503 h4,
504 h5, 504 h5,
505 h6 { 505 h6 {
506 margin: 0; 506 margin: 0;
507 } 507 }
508 508
509 #body { 509 #body {
510 font-family: "Circe", sans-serif; 510 font-family: "Circe", sans-serif;
511 color: #000; 511 color: #000;
512 background: #fff; 512 background: #fff;
513 display: -webkit-box; 513 display: -webkit-box;
514 display: -ms-flexbox; 514 display: -ms-flexbox;
515 display: flex; 515 display: flex;
516 -webkit-box-orient: vertical; 516 -webkit-box-orient: vertical;
517 -webkit-box-direction: normal; 517 -webkit-box-direction: normal;
518 -ms-flex-direction: column; 518 -ms-flex-direction: column;
519 flex-direction: column; 519 flex-direction: column;
520 -webkit-box-pack: justify; 520 -webkit-box-pack: justify;
521 -ms-flex-pack: justify; 521 -ms-flex-pack: justify;
522 justify-content: space-between; 522 justify-content: space-between;
523 gap: 50px; 523 gap: 50px;
524 min-width: 320px; 524 min-width: 320px;
525 min-height: 100vh; 525 min-height: 100vh;
526 line-height: 1.25; 526 line-height: 1.25;
527 } 527 }
528 @media (min-width: 768px) { 528 @media (min-width: 768px) {
529 #body { 529 #body {
530 gap: 60px; 530 gap: 60px;
531 } 531 }
532 } 532 }
533 #body.pdf { 533 #body.pdf {
534 gap: 0; 534 gap: 0;
535 } 535 }
536 536
537 .container { 537 .container {
538 width: 100%; 538 width: 100%;
539 max-width: 1280px; 539 max-width: 1280px;
540 margin-left: auto; 540 margin-left: auto;
541 margin-right: auto; 541 margin-right: auto;
542 padding-left: 10px; 542 padding-left: 10px;
543 padding-right: 10px; 543 padding-right: 10px;
544 } 544 }
545 @media (min-width: 768px) { 545 @media (min-width: 768px) {
546 .container { 546 .container {
547 padding-left: 20px; 547 padding-left: 20px;
548 padding-right: 20px; 548 padding-right: 20px;
549 } 549 }
550 } 550 }
551 551
552 .to-top { 552 .to-top {
553 position: fixed; 553 position: fixed;
554 right: 10px; 554 right: 10px;
555 bottom: 10px; 555 bottom: 10px;
556 border-radius: 999px; 556 border-radius: 999px;
557 display: -webkit-box; 557 display: -webkit-box;
558 display: -ms-flexbox; 558 display: -ms-flexbox;
559 display: flex; 559 display: flex;
560 -webkit-box-pack: center; 560 -webkit-box-pack: center;
561 -ms-flex-pack: center; 561 -ms-flex-pack: center;
562 justify-content: center; 562 justify-content: center;
563 -webkit-box-align: center; 563 -webkit-box-align: center;
564 -ms-flex-align: center; 564 -ms-flex-align: center;
565 align-items: center; 565 align-items: center;
566 color: #fff; 566 color: #fff;
567 background: #377d87; 567 background: #377d87;
568 width: 40px; 568 width: 40px;
569 height: 40px; 569 height: 40px;
570 -webkit-transition: 0.3s; 570 -webkit-transition: 0.3s;
571 transition: 0.3s; 571 transition: 0.3s;
572 margin-right: -100px; 572 margin-right: -100px;
573 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 574 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
575 z-index: 99; 575 z-index: 99;
576 border: 1px solid #377d87; 576 border: 1px solid #377d87;
577 } 577 }
578 .to-top:hover { 578 .to-top:hover {
579 background: #fff; 579 background: #fff;
580 color: #377d87; 580 color: #377d87;
581 } 581 }
582 .to-top svg { 582 .to-top svg {
583 width: 10px; 583 width: 10px;
584 height: 10px; 584 height: 10px;
585 } 585 }
586 @media (min-width: 768px) { 586 @media (min-width: 768px) {
587 .to-top { 587 .to-top {
588 width: 50px; 588 width: 50px;
589 height: 50px; 589 height: 50px;
590 right: 20px; 590 right: 20px;
591 bottom: 20px; 591 bottom: 20px;
592 } 592 }
593 .to-top svg { 593 .to-top svg {
594 width: 12px; 594 width: 12px;
595 height: 12px; 595 height: 12px;
596 } 596 }
597 } 597 }
598 598
599 .begin .to-top { 599 .begin .to-top {
600 margin-right: 0; 600 margin-right: 0;
601 } 601 }
602 602
603 .socials { 603 .socials {
604 display: -webkit-box; 604 display: -webkit-box;
605 display: -ms-flexbox; 605 display: -ms-flexbox;
606 display: flex; 606 display: flex;
607 -webkit-box-align: center; 607 -webkit-box-align: center;
608 -ms-flex-align: center; 608 -ms-flex-align: center;
609 align-items: center; 609 align-items: center;
610 -webkit-box-pack: center; 610 -webkit-box-pack: center;
611 -ms-flex-pack: center; 611 -ms-flex-pack: center;
612 justify-content: center; 612 justify-content: center;
613 gap: 8px; 613 gap: 8px;
614 } 614 }
615 .socials a { 615 .socials a {
616 display: -webkit-box; 616 display: -webkit-box;
617 display: -ms-flexbox; 617 display: -ms-flexbox;
618 display: flex; 618 display: flex;
619 -webkit-box-align: center; 619 -webkit-box-align: center;
620 -ms-flex-align: center; 620 -ms-flex-align: center;
621 align-items: center; 621 align-items: center;
622 -webkit-box-pack: center; 622 -webkit-box-pack: center;
623 -ms-flex-pack: center; 623 -ms-flex-pack: center;
624 justify-content: center; 624 justify-content: center;
625 border: 1px solid #377d87; 625 border: 1px solid #377d87;
626 color: #377d87; 626 color: #377d87;
627 border-radius: 999px; 627 border-radius: 999px;
628 width: 38px; 628 width: 38px;
629 height: 38px; 629 height: 38px;
630 } 630 }
631 .socials a:hover { 631 .socials a:hover {
632 background: #377d87; 632 background: #377d87;
633 color: #fff; 633 color: #fff;
634 } 634 }
635 .socials svg { 635 .socials svg {
636 width: 12px; 636 width: 12px;
637 height: 12px; 637 height: 12px;
638 } 638 }
639 639
640 .nls { 640 .nls {
641 display: -webkit-box; 641 display: -webkit-box;
642 display: -ms-flexbox; 642 display: -ms-flexbox;
643 display: flex; 643 display: flex;
644 color: #000; 644 color: #000;
645 text-align: left; 645 text-align: left;
646 } 646 }
647 .nls:hover { 647 .nls:hover {
648 color: #377d87; 648 color: #377d87;
649 } 649 }
650 .nls svg { 650 .nls svg {
651 width: 30px; 651 width: 30px;
652 height: 40px; 652 height: 40px;
653 } 653 }
654 @media (min-width: 768px) { 654 @media (min-width: 768px) {
655 .nls svg { 655 .nls svg {
656 width: 24px; 656 width: 24px;
657 height: 31px; 657 height: 31px;
658 } 658 }
659 } 659 }
660 .nls span { 660 .nls span {
661 width: calc(100% - 30px); 661 width: calc(100% - 30px);
662 padding-left: 12px; 662 padding-left: 12px;
663 display: -webkit-box; 663 display: -webkit-box;
664 display: -ms-flexbox; 664 display: -ms-flexbox;
665 display: flex; 665 display: flex;
666 -webkit-box-orient: vertical; 666 -webkit-box-orient: vertical;
667 -webkit-box-direction: normal; 667 -webkit-box-direction: normal;
668 -ms-flex-direction: column; 668 -ms-flex-direction: column;
669 flex-direction: column; 669 flex-direction: column;
670 -webkit-box-pack: center; 670 -webkit-box-pack: center;
671 -ms-flex-pack: center; 671 -ms-flex-pack: center;
672 justify-content: center; 672 justify-content: center;
673 font-size: 12px; 673 font-size: 12px;
674 line-height: 1.4; 674 line-height: 1.4;
675 } 675 }
676 @media (min-width: 768px) { 676 @media (min-width: 768px) {
677 .nls span { 677 .nls span {
678 width: calc(100% - 24px); 678 width: calc(100% - 24px);
679 } 679 }
680 } 680 }
681 .nls b { 681 .nls b {
682 font-weight: 400; 682 font-weight: 400;
683 } 683 }
684 684
685 .title, 685 .title,
686 h1 { 686 h1 {
687 margin: 0; 687 margin: 0;
688 font-weight: 700; 688 font-weight: 700;
689 font-size: 32px; 689 font-size: 32px;
690 } 690 }
691 @media (min-width: 768px) { 691 @media (min-width: 768px) {
692 .title, 692 .title,
693 h1 { 693 h1 {
694 font-size: 40px; 694 font-size: 40px;
695 } 695 }
696 } 696 }
697 @media (min-width: 992px) { 697 @media (min-width: 992px) {
698 .title, 698 .title,
699 h1 { 699 h1 {
700 font-size: 48px; 700 font-size: 48px;
701 } 701 }
702 } 702 }
703 @media (min-width: 1280px) { 703 @media (min-width: 1280px) {
704 .title, 704 .title,
705 h1 { 705 h1 {
706 font-size: 64px; 706 font-size: 64px;
707 } 707 }
708 } 708 }
709 709
710 .swiper-pagination { 710 .swiper-pagination {
711 display: -webkit-box; 711 display: -webkit-box;
712 display: -ms-flexbox; 712 display: -ms-flexbox;
713 display: flex; 713 display: flex;
714 -webkit-box-pack: center; 714 -webkit-box-pack: center;
715 -ms-flex-pack: center; 715 -ms-flex-pack: center;
716 justify-content: center; 716 justify-content: center;
717 -webkit-box-align: center; 717 -webkit-box-align: center;
718 -ms-flex-align: center; 718 -ms-flex-align: center;
719 align-items: center; 719 align-items: center;
720 position: static; 720 position: static;
721 margin-top: 20px; 721 margin-top: 20px;
722 gap: 8px; 722 gap: 8px;
723 } 723 }
724 @media (min-width: 768px) { 724 @media (min-width: 768px) {
725 .swiper-pagination { 725 .swiper-pagination {
726 margin-top: 30px; 726 margin-top: 30px;
727 } 727 }
728 } 728 }
729 .swiper-pagination-bullet { 729 .swiper-pagination-bullet {
730 width: 16px; 730 width: 16px;
731 height: 16px; 731 height: 16px;
732 opacity: 1; 732 opacity: 1;
733 border: 1px solid #cdcece; 733 border: 1px solid #cdcece;
734 -webkit-transition: 0.3s; 734 -webkit-transition: 0.3s;
735 transition: 0.3s; 735 transition: 0.3s;
736 background: transparent; 736 background: transparent;
737 display: -webkit-box; 737 display: -webkit-box;
738 display: -ms-flexbox; 738 display: -ms-flexbox;
739 display: flex; 739 display: flex;
740 -webkit-box-pack: center; 740 -webkit-box-pack: center;
741 -ms-flex-pack: center; 741 -ms-flex-pack: center;
742 justify-content: center; 742 justify-content: center;
743 -webkit-box-align: center; 743 -webkit-box-align: center;
744 -ms-flex-align: center; 744 -ms-flex-align: center;
745 align-items: center; 745 align-items: center;
746 margin: 0 !important; 746 margin: 0 !important;
747 } 747 }
748 .swiper-pagination-bullet:before { 748 .swiper-pagination-bullet:before {
749 content: ""; 749 content: "";
750 width: 6px; 750 width: 6px;
751 height: 6px; 751 height: 6px;
752 border-radius: 999px; 752 border-radius: 999px;
753 background: #377d87; 753 background: #377d87;
754 opacity: 0; 754 opacity: 0;
755 -webkit-transition: 0.3s; 755 -webkit-transition: 0.3s;
756 transition: 0.3s; 756 transition: 0.3s;
757 } 757 }
758 .swiper-pagination-bullet:hover { 758 .swiper-pagination-bullet:hover {
759 border-color: #377d87; 759 border-color: #377d87;
760 } 760 }
761 .swiper-pagination-bullet-active { 761 .swiper-pagination-bullet-active {
762 border-color: #377d87; 762 border-color: #377d87;
763 } 763 }
764 .swiper-pagination-bullet-active:before { 764 .swiper-pagination-bullet-active:before {
765 opacity: 1; 765 opacity: 1;
766 } 766 }
767 767
768 .navs { 768 .navs {
769 display: -webkit-box; 769 display: -webkit-box;
770 display: -ms-flexbox; 770 display: -ms-flexbox;
771 display: flex; 771 display: flex;
772 -webkit-box-align: center; 772 -webkit-box-align: center;
773 -ms-flex-align: center; 773 -ms-flex-align: center;
774 align-items: center; 774 align-items: center;
775 -webkit-box-pack: justify; 775 -webkit-box-pack: justify;
776 -ms-flex-pack: justify; 776 -ms-flex-pack: justify;
777 justify-content: space-between; 777 justify-content: space-between;
778 gap: 20px; 778 gap: 20px;
779 width: 80px; 779 width: 80px;
780 } 780 }
781 .navs button { 781 .navs button {
782 color: #377d87; 782 color: #377d87;
783 background: none; 783 background: none;
784 border: none; 784 border: none;
785 padding: 0; 785 padding: 0;
786 } 786 }
787 .navs button[disabled] { 787 .navs button[disabled] {
788 cursor: not-allowed; 788 cursor: not-allowed;
789 color: #cddee1; 789 color: #cddee1;
790 } 790 }
791 .navs svg { 791 .navs svg {
792 width: 14px; 792 width: 14px;
793 height: 28px; 793 height: 28px;
794 } 794 }
795 795
796 .select { 796 .select {
797 position: relative; 797 position: relative;
798 } 798 }
799 .select2 { 799 .select2 {
800 width: 100% !important; 800 width: 100% !important;
801 } 801 }
802 .select2-container { 802 .select2-container {
803 font-size: 12px; 803 font-size: 12px;
804 } 804 }
805 @media (min-width: 768px) { 805 @media (min-width: 768px) {
806 .select2-container { 806 .select2-container {
807 font-size: 16px; 807 font-size: 16px;
808 } 808 }
809 } 809 }
810 .select2-container--open .select2-selection { 810 .select2-container--open .select2-selection {
811 border-color: #377d87 !important; 811 border-color: #377d87 !important;
812 } 812 }
813 .select2-container--open .select2-selection__arrow svg { 813 .select2-container--open .select2-selection__arrow svg {
814 -webkit-transform: rotate(180deg); 814 -webkit-transform: rotate(180deg);
815 -ms-transform: rotate(180deg); 815 -ms-transform: rotate(180deg);
816 transform: rotate(180deg); 816 transform: rotate(180deg);
817 } 817 }
818 .select2-selection { 818 .select2-selection {
819 min-height: 30px !important; 819 min-height: 30px !important;
820 border-radius: 8px !important; 820 border-radius: 8px !important;
821 border-color: #e7e7e7 !important; 821 border-color: #e7e7e7 !important;
822 -webkit-transition: 0.3s; 822 -webkit-transition: 0.3s;
823 transition: 0.3s; 823 transition: 0.3s;
824 } 824 }
825 @media (min-width: 768px) { 825 @media (min-width: 768px) {
826 .select2-selection { 826 .select2-selection {
827 min-height: 50px !important; 827 min-height: 50px !important;
828 } 828 }
829 } 829 }
830 .select2-selection__rendered { 830 .select2-selection__rendered {
831 line-height: 28px !important; 831 line-height: 28px !important;
832 padding: 0 30px 0 10px !important; 832 padding: 0 30px 0 10px !important;
833 } 833 }
834 @media (min-width: 768px) { 834 @media (min-width: 768px) {
835 .select2-selection__rendered { 835 .select2-selection__rendered {
836 line-height: 48px !important; 836 line-height: 48px !important;
837 padding: 0 46px 0 20px !important; 837 padding: 0 46px 0 20px !important;
838 } 838 }
839 } 839 }
840 .select2-selection--multiple .select2-selection__rendered { 840 .select2-selection--multiple .select2-selection__rendered {
841 display: -webkit-box !important; 841 display: -webkit-box !important;
842 display: -ms-flexbox !important; 842 display: -ms-flexbox !important;
843 display: flex !important; 843 display: flex !important;
844 -webkit-box-align: center; 844 -webkit-box-align: center;
845 -ms-flex-align: center; 845 -ms-flex-align: center;
846 align-items: center; 846 align-items: center;
847 -ms-flex-wrap: wrap; 847 -ms-flex-wrap: wrap;
848 flex-wrap: wrap; 848 flex-wrap: wrap;
849 gap: 10px; 849 gap: 10px;
850 padding-top: 10px !important; 850 padding-top: 10px !important;
851 padding-bottom: 10px !important; 851 padding-bottom: 10px !important;
852 } 852 }
853 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 853 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
854 margin: 0; 854 margin: 0;
855 } 855 }
856 .select2-selection__arrow { 856 .select2-selection__arrow {
857 top: 0 !important; 857 top: 0 !important;
858 right: 0 !important; 858 right: 0 !important;
859 width: 30px !important; 859 width: 30px !important;
860 height: 100% !important; 860 height: 100% !important;
861 display: -webkit-box; 861 display: -webkit-box;
862 display: -ms-flexbox; 862 display: -ms-flexbox;
863 display: flex; 863 display: flex;
864 -webkit-box-pack: center; 864 -webkit-box-pack: center;
865 -ms-flex-pack: center; 865 -ms-flex-pack: center;
866 justify-content: center; 866 justify-content: center;
867 -webkit-box-align: center; 867 -webkit-box-align: center;
868 -ms-flex-align: center; 868 -ms-flex-align: center;
869 align-items: center; 869 align-items: center;
870 color: #377d87; 870 color: #377d87;
871 } 871 }
872 @media (min-width: 768px) { 872 @media (min-width: 768px) {
873 .select2-selection__arrow { 873 .select2-selection__arrow {
874 width: 50px !important; 874 width: 50px !important;
875 } 875 }
876 } 876 }
877 .select2-selection__arrow svg { 877 .select2-selection__arrow svg {
878 width: 12px; 878 width: 12px;
879 height: 12px; 879 height: 12px;
880 -webkit-transition: 0.3s; 880 -webkit-transition: 0.3s;
881 transition: 0.3s; 881 transition: 0.3s;
882 } 882 }
883 @media (min-width: 768px) { 883 @media (min-width: 768px) {
884 .select2-selection__arrow svg { 884 .select2-selection__arrow svg {
885 width: 14px; 885 width: 14px;
886 height: 14px; 886 height: 14px;
887 } 887 }
888 } 888 }
889 .select2-selection__choice { 889 .select2-selection__choice {
890 display: -webkit-box; 890 display: -webkit-box;
891 display: -ms-flexbox; 891 display: -ms-flexbox;
892 display: flex; 892 display: flex;
893 -webkit-box-orient: horizontal; 893 -webkit-box-orient: horizontal;
894 -webkit-box-direction: reverse; 894 -webkit-box-direction: reverse;
895 -ms-flex-direction: row-reverse; 895 -ms-flex-direction: row-reverse;
896 flex-direction: row-reverse; 896 flex-direction: row-reverse;
897 -webkit-box-align: center; 897 -webkit-box-align: center;
898 -ms-flex-align: center; 898 -ms-flex-align: center;
899 align-items: center; 899 align-items: center;
900 -webkit-box-pack: center; 900 -webkit-box-pack: center;
901 -ms-flex-pack: center; 901 -ms-flex-pack: center;
902 justify-content: center; 902 justify-content: center;
903 gap: 4px; 903 gap: 4px;
904 padding: 0 4px 0 6px !important; 904 padding: 0 4px 0 6px !important;
905 background: #377d87 !important; 905 background: #377d87 !important;
906 border: none !important; 906 border: none !important;
907 border-radius: 6px !important; 907 border-radius: 6px !important;
908 line-height: 1 !important; 908 line-height: 1 !important;
909 color: #fff; 909 color: #fff;
910 height: 24px; 910 height: 24px;
911 } 911 }
912 @media (min-width: 768px) { 912 @media (min-width: 768px) {
913 .select2-selection__choice { 913 .select2-selection__choice {
914 height: 32px; 914 height: 32px;
915 gap: 6px; 915 gap: 6px;
916 padding: 0 6px 0 10px !important; 916 padding: 0 6px 0 10px !important;
917 border-radius: 8px !important; 917 border-radius: 8px !important;
918 } 918 }
919 } 919 }
920 .select2-selection__choice__remove { 920 .select2-selection__choice__remove {
921 width: 14px; 921 width: 14px;
922 height: 14px; 922 height: 14px;
923 padding-top: 4px; 923 padding-top: 4px;
924 display: -webkit-box !important; 924 display: -webkit-box !important;
925 display: -ms-flexbox !important; 925 display: -ms-flexbox !important;
926 display: flex !important; 926 display: flex !important;
927 -webkit-box-pack: center; 927 -webkit-box-pack: center;
928 -ms-flex-pack: center; 928 -ms-flex-pack: center;
929 justify-content: center; 929 justify-content: center;
930 -webkit-box-align: center; 930 -webkit-box-align: center;
931 -ms-flex-align: center; 931 -ms-flex-align: center;
932 align-items: center; 932 align-items: center;
933 color: #fff !important; 933 color: #fff !important;
934 font-weight: 400 !important; 934 font-weight: 400 !important;
935 font-size: 26px; 935 font-size: 26px;
936 } 936 }
937 .select2-search { 937 .select2-search {
938 display: none; 938 display: none;
939 } 939 }
940 .select2-dropdown { 940 .select2-dropdown {
941 z-index: 99999; 941 z-index: 99999;
942 border: none; 942 border: none;
943 border-radius: 0; 943 border-radius: 0;
944 background: none; 944 background: none;
945 padding: 5px 0; 945 padding: 5px 0;
946 } 946 }
947 @media (min-width: 768px) { 947 @media (min-width: 768px) {
948 .select2-dropdown { 948 .select2-dropdown {
949 padding: 10px 0; 949 padding: 10px 0;
950 } 950 }
951 } 951 }
952 .select2-results { 952 .select2-results {
953 background: #fff; 953 background: #fff;
954 border-radius: 8px; 954 border-radius: 8px;
955 border: 1px solid #377d87; 955 border: 1px solid #377d87;
956 overflow: hidden; 956 overflow: hidden;
957 } 957 }
958 @media (min-width: 768px) { 958 @media (min-width: 768px) {
959 .select2-results__option { 959 .select2-results__option {
960 padding: 10px 14px; 960 padding: 10px 14px;
961 } 961 }
962 } 962 }
963 .select2-results__option--highlighted { 963 .select2-results__option--highlighted {
964 background: #377d87 !important; 964 background: #377d87 !important;
965 } 965 }
966 @media (min-width: 768px) { 966 @media (min-width: 768px) {
967 .select_search .select2-selection__rendered { 967 .select_search .select2-selection__rendered {
968 padding-left: 60px !important; 968 padding-left: 60px !important;
969 } 969 }
970 } 970 }
971 .select_search .select__icon { 971 .select_search .select__icon {
972 display: none; 972 display: none;
973 height: 28px; 973 height: 28px;
974 -webkit-box-align: center; 974 -webkit-box-align: center;
975 -ms-flex-align: center; 975 -ms-flex-align: center;
976 align-items: center; 976 align-items: center;
977 padding-right: 12px; 977 padding-right: 12px;
978 z-index: 2; 978 z-index: 2;
979 position: absolute; 979 position: absolute;
980 top: 50%; 980 top: 50%;
981 left: 15px; 981 left: 15px;
982 margin-top: -14px; 982 margin-top: -14px;
983 } 983 }
984 @media (min-width: 768px) { 984 @media (min-width: 768px) {
985 .select_search .select__icon { 985 .select_search .select__icon {
986 display: -webkit-box; 986 display: -webkit-box;
987 display: -ms-flexbox; 987 display: -ms-flexbox;
988 display: flex; 988 display: flex;
989 } 989 }
990 } 990 }
991 .select_search .select__icon:after { 991 .select_search .select__icon:after {
992 content: ""; 992 content: "";
993 width: 1px; 993 width: 1px;
994 height: 100%; 994 height: 100%;
995 border-radius: 999px; 995 border-radius: 999px;
996 position: absolute; 996 position: absolute;
997 top: 0; 997 top: 0;
998 right: 0; 998 right: 0;
999 background: #cecece; 999 background: #cecece;
1000 } 1000 }
1001 .select_search .select__icon svg { 1001 .select_search .select__icon svg {
1002 color: #9c9d9d; 1002 color: #9c9d9d;
1003 width: 20px; 1003 width: 20px;
1004 height: 20px; 1004 height: 20px;
1005 } 1005 }
1006 1006
1007 .form-group { 1007 .form-group {
1008 display: -webkit-box; 1008 display: -webkit-box;
1009 display: -ms-flexbox; 1009 display: -ms-flexbox;
1010 display: flex; 1010 display: flex;
1011 -webkit-box-orient: vertical; 1011 -webkit-box-orient: vertical;
1012 -webkit-box-direction: normal; 1012 -webkit-box-direction: normal;
1013 -ms-flex-direction: column; 1013 -ms-flex-direction: column;
1014 flex-direction: column; 1014 flex-direction: column;
1015 gap: 4px; 1015 gap: 4px;
1016 } 1016 }
1017 .form-group__label { 1017 .form-group__label {
1018 font-size: 12px; 1018 font-size: 12px;
1019 } 1019 }
1020 @media (min-width: 768px) { 1020 @media (min-width: 768px) {
1021 .form-group__label { 1021 .form-group__label {
1022 font-size: 16px; 1022 font-size: 16px;
1023 } 1023 }
1024 } 1024 }
1025 .form-group__item { 1025 .form-group__item {
1026 display: -webkit-box; 1026 display: -webkit-box;
1027 display: -ms-flexbox; 1027 display: -ms-flexbox;
1028 display: flex; 1028 display: flex;
1029 -webkit-box-orient: vertical; 1029 -webkit-box-orient: vertical;
1030 -webkit-box-direction: normal; 1030 -webkit-box-direction: normal;
1031 -ms-flex-direction: column; 1031 -ms-flex-direction: column;
1032 flex-direction: column; 1032 flex-direction: column;
1033 position: relative; 1033 position: relative;
1034 } 1034 }
1035 1035
1036 .input { 1036 .input {
1037 display: block; 1037 display: block;
1038 height: 30px; 1038 height: 30px;
1039 border: 1px solid #cecece; 1039 border: 1px solid #cecece;
1040 background: #fff; 1040 background: #fff;
1041 font-size: 12px; 1041 font-size: 12px;
1042 border-radius: 8px; 1042 border-radius: 8px;
1043 padding: 0 10px; 1043 padding: 0 10px;
1044 color: #000; 1044 color: #000;
1045 -webkit-transition: 0.3s; 1045 -webkit-transition: 0.3s;
1046 transition: 0.3s; 1046 transition: 0.3s;
1047 position: relative; 1047 position: relative;
1048 z-index: 1; 1048 z-index: 1;
1049 } 1049 }
1050 @media (min-width: 768px) { 1050 @media (min-width: 768px) {
1051 .input { 1051 .input {
1052 padding: 0 20px; 1052 padding: 0 20px;
1053 height: 44px; 1053 height: 44px;
1054 font-size: 16px; 1054 font-size: 16px;
1055 } 1055 }
1056 } 1056 }
1057 .input:focus { 1057 .input:focus {
1058 border-color: #377d87; 1058 border-color: #377d87;
1059 } 1059 }
1060 .input[disabled] { 1060 .input[disabled] {
1061 color: #9c9d9d; 1061 color: #9c9d9d;
1062 background: #e7e7e7; 1062 background: #e7e7e7;
1063 } 1063 }
1064 .input[type=date] { 1064 .input[type=date] {
1065 text-transform: uppercase; 1065 text-transform: uppercase;
1066 } 1066 }
1067 1067
1068 .textarea { 1068 .textarea {
1069 resize: none; 1069 resize: none;
1070 display: block; 1070 display: block;
1071 width: 100%; 1071 width: 100%;
1072 border-radius: 8px; 1072 border-radius: 8px;
1073 border: 1px solid #cecece; 1073 border: 1px solid #cecece;
1074 background: #fff; 1074 background: #fff;
1075 -webkit-transition: 0.3s; 1075 -webkit-transition: 0.3s;
1076 transition: 0.3s; 1076 transition: 0.3s;
1077 font-size: 12px; 1077 font-size: 12px;
1078 line-height: 1.4; 1078 line-height: 1.4;
1079 padding: 10px; 1079 padding: 10px;
1080 aspect-ratio: 8/3; 1080 aspect-ratio: 8/3;
1081 max-height: 250px; 1081 max-height: 250px;
1082 } 1082 }
1083 @media (min-width: 768px) { 1083 @media (min-width: 768px) {
1084 .textarea { 1084 .textarea {
1085 padding: 20px; 1085 padding: 20px;
1086 font-size: 16px; 1086 font-size: 16px;
1087 height: 280px; 1087 height: 280px;
1088 } 1088 }
1089 } 1089 }
1090 .textarea:focus { 1090 .textarea:focus {
1091 border-color: #377d87; 1091 border-color: #377d87;
1092 } 1092 }
1093 1093
1094 .button { 1094 .button {
1095 display: -webkit-box; 1095 display: -webkit-box;
1096 display: -ms-flexbox; 1096 display: -ms-flexbox;
1097 display: flex; 1097 display: flex;
1098 -webkit-box-pack: center; 1098 -webkit-box-pack: center;
1099 -ms-flex-pack: center; 1099 -ms-flex-pack: center;
1100 justify-content: center; 1100 justify-content: center;
1101 -webkit-box-align: center; 1101 -webkit-box-align: center;
1102 -ms-flex-align: center; 1102 -ms-flex-align: center;
1103 align-items: center; 1103 align-items: center;
1104 color: #fff; 1104 color: #fff;
1105 background: #377d87; 1105 background: #377d87;
1106 height: 30px; 1106 height: 30px;
1107 border-radius: 8px; 1107 border-radius: 8px;
1108 padding: 0 12px; 1108 padding: 0 12px;
1109 border: 1px solid #377d87; 1109 border: 1px solid #377d87;
1110 font-weight: 700; 1110 font-weight: 700;
1111 font-size: 12px; 1111 font-size: 12px;
1112 text-align: center; 1112 text-align: center;
1113 line-height: 1; 1113 line-height: 1;
1114 gap: 6px; 1114 gap: 6px;
1115 -webkit-transition: 0.3s; 1115 -webkit-transition: 0.3s;
1116 transition: 0.3s; 1116 transition: 0.3s;
1117 cursor: pointer; 1117 cursor: pointer;
1118 } 1118 }
1119 @media (min-width: 768px) { 1119 @media (min-width: 768px) {
1120 .button { 1120 .button {
1121 padding: 0 24px; 1121 padding: 0 24px;
1122 font-size: 16px; 1122 font-size: 16px;
1123 height: 44px; 1123 height: 44px;
1124 gap: 12px; 1124 gap: 12px;
1125 } 1125 }
1126 } 1126 }
1127 @media (min-width: 992px) { 1127 @media (min-width: 992px) {
1128 .button { 1128 .button {
1129 padding: 0 36px; 1129 padding: 0 36px;
1130 } 1130 }
1131 } 1131 }
1132 .button:hover { 1132 .button:hover {
1133 background: transparent; 1133 background: transparent;
1134 color: #377d87; 1134 color: #377d87;
1135 } 1135 }
1136 .button img, 1136 .button img,
1137 .button svg { 1137 .button svg {
1138 width: 12px; 1138 width: 12px;
1139 height: 12px; 1139 height: 12px;
1140 } 1140 }
1141 @media (min-width: 768px) { 1141 @media (min-width: 768px) {
1142 .button img, 1142 .button img,
1143 .button svg { 1143 .button svg {
1144 width: 18px; 1144 width: 18px;
1145 height: 18px; 1145 height: 18px;
1146 } 1146 }
1147 } 1147 }
1148 .button_more span + span { 1148 .button_more span + span {
1149 display: none; 1149 display: none;
1150 } 1150 }
1151 .button_more.active span { 1151 .button_more.active span {
1152 display: none; 1152 display: none;
1153 } 1153 }
1154 .button_more.active span + span { 1154 .button_more.active span + span {
1155 display: block; 1155 display: block;
1156 } 1156 }
1157 .button_light { 1157 .button_light {
1158 background: transparent; 1158 background: transparent;
1159 color: #377d87; 1159 color: #377d87;
1160 } 1160 }
1161 .button_light:hover { 1161 .button_light:hover {
1162 background: #377d87; 1162 background: #377d87;
1163 color: #fff; 1163 color: #fff;
1164 } 1164 }
1165 .button_whited { 1165 .button_whited {
1166 background: #fff; 1166 background: #fff;
1167 color: #377d87; 1167 color: #377d87;
1168 border-color: #fff; 1168 border-color: #fff;
1169 } 1169 }
1170 .button_whited:hover { 1170 .button_whited:hover {
1171 background: #377d87; 1171 background: #377d87;
1172 color: #fff; 1172 color: #fff;
1173 } 1173 }
1174 1174
1175 .search { 1175 .search {
1176 width: 100%; 1176 width: 100%;
1177 position: relative; 1177 position: relative;
1178 background: #fff; 1178 background: #fff;
1179 border-radius: 8px; 1179 border-radius: 8px;
1180 } 1180 }
1181 .search span { 1181 .search span {
1182 display: none; 1182 display: none;
1183 height: 28px; 1183 height: 28px;
1184 -webkit-box-align: center; 1184 -webkit-box-align: center;
1185 -ms-flex-align: center; 1185 -ms-flex-align: center;
1186 align-items: center; 1186 align-items: center;
1187 padding-right: 12px; 1187 padding-right: 12px;
1188 z-index: 1; 1188 z-index: 1;
1189 position: absolute; 1189 position: absolute;
1190 top: 50%; 1190 top: 50%;
1191 left: 15px; 1191 left: 15px;
1192 margin-top: -14px; 1192 margin-top: -14px;
1193 } 1193 }
1194 @media (min-width: 768px) { 1194 @media (min-width: 768px) {
1195 .search span { 1195 .search span {
1196 display: -webkit-box; 1196 display: -webkit-box;
1197 display: -ms-flexbox; 1197 display: -ms-flexbox;
1198 display: flex; 1198 display: flex;
1199 } 1199 }
1200 } 1200 }
1201 .search span:after { 1201 .search span:after {
1202 content: ""; 1202 content: "";
1203 width: 1px; 1203 width: 1px;
1204 height: 100%; 1204 height: 100%;
1205 border-radius: 999px; 1205 border-radius: 999px;
1206 position: absolute; 1206 position: absolute;
1207 top: 0; 1207 top: 0;
1208 right: 0; 1208 right: 0;
1209 background: #cecece; 1209 background: #cecece;
1210 } 1210 }
1211 .search span svg { 1211 .search span svg {
1212 color: #9c9d9d; 1212 color: #9c9d9d;
1213 width: 20px; 1213 width: 20px;
1214 height: 20px; 1214 height: 20px;
1215 } 1215 }
1216 .search input { 1216 .search input {
1217 width: 100%; 1217 width: 100%;
1218 padding-right: 150px; 1218 padding-right: 150px;
1219 position: relative; 1219 position: relative;
1220 z-index: 2; 1220 z-index: 2;
1221 background: none; 1221 background: none;
1222 } 1222 }
1223 @media (min-width: 768px) { 1223 @media (min-width: 768px) {
1224 .search input { 1224 .search input {
1225 padding-left: 60px; 1225 padding-left: 60px;
1226 padding-right: 220px; 1226 padding-right: 220px;
1227 } 1227 }
1228 } 1228 }
1229 .search button { 1229 .search button {
1230 width: 140px; 1230 width: 140px;
1231 position: absolute; 1231 position: absolute;
1232 padding: 0; 1232 padding: 0;
1233 top: 0; 1233 top: 0;
1234 right: 0; 1234 right: 0;
1235 z-index: 3; 1235 z-index: 3;
1236 } 1236 }
1237 @media (min-width: 768px) { 1237 @media (min-width: 768px) {
1238 .search button { 1238 .search button {
1239 width: 200px; 1239 width: 200px;
1240 } 1240 }
1241 } 1241 }
1242 1242
1243 .breadcrumbs { 1243 .breadcrumbs {
1244 display: -webkit-box; 1244 display: -webkit-box;
1245 display: -ms-flexbox; 1245 display: -ms-flexbox;
1246 display: flex; 1246 display: flex;
1247 -webkit-box-align: center; 1247 -webkit-box-align: center;
1248 -ms-flex-align: center; 1248 -ms-flex-align: center;
1249 align-items: center; 1249 align-items: center;
1250 -ms-flex-wrap: wrap; 1250 -ms-flex-wrap: wrap;
1251 flex-wrap: wrap; 1251 flex-wrap: wrap;
1252 gap: 12px 6px; 1252 gap: 12px 6px;
1253 margin: 0; 1253 margin: 0;
1254 padding: 0; 1254 padding: 0;
1255 font-size: 11px; 1255 font-size: 11px;
1256 color: #cecece; 1256 color: #cecece;
1257 line-height: 1; 1257 line-height: 1;
1258 } 1258 }
1259 @media (min-width: 992px) { 1259 @media (min-width: 992px) {
1260 .breadcrumbs { 1260 .breadcrumbs {
1261 font-size: 13px; 1261 font-size: 13px;
1262 } 1262 }
1263 } 1263 }
1264 @media (min-width: 1280px) { 1264 @media (min-width: 1280px) {
1265 .breadcrumbs { 1265 .breadcrumbs {
1266 font-size: 16px; 1266 font-size: 16px;
1267 } 1267 }
1268 } 1268 }
1269 .breadcrumbs li { 1269 .breadcrumbs li {
1270 display: -webkit-box; 1270 display: -webkit-box;
1271 display: -ms-flexbox; 1271 display: -ms-flexbox;
1272 display: flex; 1272 display: flex;
1273 -webkit-box-align: center; 1273 -webkit-box-align: center;
1274 -ms-flex-align: center; 1274 -ms-flex-align: center;
1275 align-items: center; 1275 align-items: center;
1276 gap: 6px; 1276 gap: 6px;
1277 } 1277 }
1278 .breadcrumbs li:before { 1278 .breadcrumbs li:before {
1279 content: ""; 1279 content: "";
1280 width: 4px; 1280 width: 4px;
1281 height: 4px; 1281 height: 4px;
1282 background: #cecece; 1282 background: #cecece;
1283 border-radius: 999px; 1283 border-radius: 999px;
1284 position: relative; 1284 position: relative;
1285 top: -1px; 1285 top: -1px;
1286 } 1286 }
1287 .breadcrumbs li:first-child:before { 1287 .breadcrumbs li:first-child:before {
1288 display: none; 1288 display: none;
1289 } 1289 }
1290 .breadcrumbs li:last-child:before { 1290 .breadcrumbs li:last-child:before {
1291 background: #377d87; 1291 background: #377d87;
1292 } 1292 }
1293 .breadcrumbs a:hover { 1293 .breadcrumbs a:hover {
1294 color: #377d87; 1294 color: #377d87;
1295 } 1295 }
1296 .breadcrumbs b { 1296 .breadcrumbs b {
1297 color: #377d87; 1297 color: #377d87;
1298 font-weight: 700; 1298 font-weight: 700;
1299 } 1299 }
1300 1300
1301 .pagination { 1301 .pagination {
1302 display: -webkit-box; 1302 display: -webkit-box;
1303 display: -ms-flexbox; 1303 display: -ms-flexbox;
1304 display: flex; 1304 display: flex;
1305 -webkit-box-align: center; 1305 -webkit-box-align: center;
1306 -ms-flex-align: center; 1306 -ms-flex-align: center;
1307 align-items: center; 1307 align-items: center;
1308 -webkit-box-pack: center; 1308 -webkit-box-pack: center;
1309 -ms-flex-pack: center; 1309 -ms-flex-pack: center;
1310 justify-content: center; 1310 justify-content: center;
1311 -ms-flex-wrap: wrap; 1311 -ms-flex-wrap: wrap;
1312 flex-wrap: wrap; 1312 flex-wrap: wrap;
1313 line-height: 1; 1313 line-height: 1;
1314 color: #000; 1314 color: #000;
1315 font-size: 12px; 1315 font-size: 12px;
1316 margin: 0 auto; 1316 margin: 0 auto;
1317 } 1317 }
1318 @media (min-width: 768px) { 1318 @media (min-width: 768px) {
1319 .pagination { 1319 .pagination {
1320 font-size: 14px; 1320 font-size: 14px;
1321 gap: 3px; 1321 gap: 3px;
1322 } 1322 }
1323 } 1323 }
1324 .pagination__item { 1324 .pagination__item {
1325 width: 40px; 1325 width: 40px;
1326 height: 40px; 1326 height: 40px;
1327 display: -webkit-box; 1327 display: -webkit-box;
1328 display: -ms-flexbox; 1328 display: -ms-flexbox;
1329 display: flex; 1329 display: flex;
1330 -webkit-box-pack: center; 1330 -webkit-box-pack: center;
1331 -ms-flex-pack: center; 1331 -ms-flex-pack: center;
1332 justify-content: center; 1332 justify-content: center;
1333 -webkit-box-align: center; 1333 -webkit-box-align: center;
1334 -ms-flex-align: center; 1334 -ms-flex-align: center;
1335 align-items: center; 1335 align-items: center;
1336 background: none; 1336 background: none;
1337 padding: 0; 1337 padding: 0;
1338 border: 1px solid transparent; 1338 border: 1px solid transparent;
1339 border-radius: 8px; 1339 border-radius: 8px;
1340 } 1340 }
1341 .pagination__item:hover { 1341 .pagination__item:hover {
1342 -webkit-transition: 0s; 1342 -webkit-transition: 0s;
1343 transition: 0s; 1343 transition: 0s;
1344 color: #377d87; 1344 color: #377d87;
1345 font-weight: 700; 1345 font-weight: 700;
1346 } 1346 }
1347 .pagination__item.active { 1347 .pagination__item.active {
1348 font-weight: 700; 1348 font-weight: 700;
1349 color: #fff; 1349 color: #fff;
1350 background: #377d87; 1350 background: #377d87;
1351 border-color: #377d87; 1351 border-color: #377d87;
1352 } 1352 }
1353 .pagination__dots { 1353 .pagination__dots {
1354 width: 40px; 1354 width: 40px;
1355 height: 40px; 1355 height: 40px;
1356 display: -webkit-box; 1356 display: -webkit-box;
1357 display: -ms-flexbox; 1357 display: -ms-flexbox;
1358 display: flex; 1358 display: flex;
1359 -webkit-box-pack: center; 1359 -webkit-box-pack: center;
1360 -ms-flex-pack: center; 1360 -ms-flex-pack: center;
1361 justify-content: center; 1361 justify-content: center;
1362 -webkit-box-align: center; 1362 -webkit-box-align: center;
1363 -ms-flex-align: center; 1363 -ms-flex-align: center;
1364 align-items: center; 1364 align-items: center;
1365 } 1365 }
1366 .pagination__dots svg { 1366 .pagination__dots svg {
1367 width: 15px; 1367 width: 15px;
1368 height: 15px; 1368 height: 15px;
1369 } 1369 }
1370 .pagination__nav { 1370 .pagination__nav {
1371 width: 40px; 1371 width: 40px;
1372 height: 40px; 1372 height: 40px;
1373 display: none; 1373 display: none;
1374 -webkit-box-pack: center; 1374 -webkit-box-pack: center;
1375 -ms-flex-pack: center; 1375 -ms-flex-pack: center;
1376 justify-content: center; 1376 justify-content: center;
1377 -webkit-box-align: center; 1377 -webkit-box-align: center;
1378 -ms-flex-align: center; 1378 -ms-flex-align: center;
1379 align-items: center; 1379 align-items: center;
1380 background: none; 1380 background: none;
1381 padding: 0; 1381 padding: 0;
1382 border: 1px solid #cddee1; 1382 border: 1px solid #cddee1;
1383 color: #377d87; 1383 color: #377d87;
1384 border-radius: 8px; 1384 border-radius: 8px;
1385 } 1385 }
1386 @media (min-width: 768px) { 1386 @media (min-width: 768px) {
1387 .pagination__nav { 1387 .pagination__nav {
1388 display: -webkit-box; 1388 display: -webkit-box;
1389 display: -ms-flexbox; 1389 display: -ms-flexbox;
1390 display: flex; 1390 display: flex;
1391 } 1391 }
1392 } 1392 }
1393 .pagination__nav:hover { 1393 .pagination__nav:hover {
1394 border-color: #377d87; 1394 border-color: #377d87;
1395 background: #377d87; 1395 background: #377d87;
1396 color: #fff; 1396 color: #fff;
1397 } 1397 }
1398 .pagination__nav svg { 1398 .pagination__nav svg {
1399 width: 10px; 1399 width: 10px;
1400 height: 10px; 1400 height: 10px;
1401 } 1401 }
1402 .pagination__nav_prev { 1402 .pagination__nav_prev {
1403 margin-right: 37px; 1403 margin-right: 37px;
1404 } 1404 }
1405 .pagination__nav_prev svg { 1405 .pagination__nav_prev svg {
1406 -webkit-transform: rotate(180deg); 1406 -webkit-transform: rotate(180deg);
1407 -ms-transform: rotate(180deg); 1407 -ms-transform: rotate(180deg);
1408 transform: rotate(180deg); 1408 transform: rotate(180deg);
1409 } 1409 }
1410 .pagination__nav_next { 1410 .pagination__nav_next {
1411 margin-left: 37px; 1411 margin-left: 37px;
1412 } 1412 }
1413 1413
1414 .filters { 1414 .filters {
1415 display: -webkit-box; 1415 display: -webkit-box;
1416 display: -ms-flexbox; 1416 display: -ms-flexbox;
1417 display: flex; 1417 display: flex;
1418 -webkit-box-orient: vertical; 1418 -webkit-box-orient: vertical;
1419 -webkit-box-direction: normal; 1419 -webkit-box-direction: normal;
1420 -ms-flex-direction: column; 1420 -ms-flex-direction: column;
1421 flex-direction: column; 1421 flex-direction: column;
1422 gap: 10px; 1422 gap: 10px;
1423 } 1423 }
1424 @media (min-width: 768px) { 1424 @media (min-width: 768px) {
1425 .filters { 1425 .filters {
1426 -webkit-box-orient: horizontal; 1426 -webkit-box-orient: horizontal;
1427 -webkit-box-direction: normal; 1427 -webkit-box-direction: normal;
1428 -ms-flex-direction: row; 1428 -ms-flex-direction: row;
1429 flex-direction: row; 1429 flex-direction: row;
1430 -webkit-box-align: center; 1430 -webkit-box-align: center;
1431 -ms-flex-align: center; 1431 -ms-flex-align: center;
1432 align-items: center; 1432 align-items: center;
1433 -webkit-box-pack: justify; 1433 -webkit-box-pack: justify;
1434 -ms-flex-pack: justify; 1434 -ms-flex-pack: justify;
1435 justify-content: space-between; 1435 justify-content: space-between;
1436 } 1436 }
1437 } 1437 }
1438 .filters__label { 1438 .filters__label {
1439 color: #377d87; 1439 color: #377d87;
1440 font-size: 12px; 1440 font-size: 12px;
1441 font-weight: 700; 1441 font-weight: 700;
1442 } 1442 }
1443 @media (min-width: 768px) { 1443 @media (min-width: 768px) {
1444 .filters__label { 1444 .filters__label {
1445 font-size: 16px; 1445 font-size: 16px;
1446 } 1446 }
1447 } 1447 }
1448 @media (min-width: 992px) { 1448 @media (min-width: 992px) {
1449 .filters__label { 1449 .filters__label {
1450 font-size: 18px; 1450 font-size: 18px;
1451 } 1451 }
1452 } 1452 }
1453 .filters__body { 1453 .filters__body {
1454 display: -webkit-box; 1454 display: -webkit-box;
1455 display: -ms-flexbox; 1455 display: -ms-flexbox;
1456 display: flex; 1456 display: flex;
1457 -webkit-box-orient: vertical; 1457 -webkit-box-orient: vertical;
1458 -webkit-box-direction: normal; 1458 -webkit-box-direction: normal;
1459 -ms-flex-direction: column; 1459 -ms-flex-direction: column;
1460 flex-direction: column; 1460 flex-direction: column;
1461 } 1461 }
1462 @media (min-width: 768px) { 1462 @media (min-width: 768px) {
1463 .filters__body { 1463 .filters__body {
1464 -webkit-box-orient: horizontal; 1464 -webkit-box-orient: horizontal;
1465 -webkit-box-direction: normal; 1465 -webkit-box-direction: normal;
1466 -ms-flex-direction: row; 1466 -ms-flex-direction: row;
1467 flex-direction: row; 1467 flex-direction: row;
1468 -webkit-box-align: center; 1468 -webkit-box-align: center;
1469 -ms-flex-align: center; 1469 -ms-flex-align: center;
1470 align-items: center; 1470 align-items: center;
1471 } 1471 }
1472 } 1472 }
1473 @media (min-width: 768px) { 1473 @media (min-width: 768px) {
1474 .filters__select { 1474 .filters__select {
1475 width: 250px; 1475 width: 250px;
1476 } 1476 }
1477 } 1477 }
1478 @media (min-width: 992px) { 1478 @media (min-width: 992px) {
1479 .filters__select { 1479 .filters__select {
1480 width: 310px; 1480 width: 310px;
1481 } 1481 }
1482 } 1482 }
1483 .filters__item { 1483 .filters__item {
1484 display: none; 1484 display: none;
1485 -webkit-box-pack: center; 1485 -webkit-box-pack: center;
1486 -ms-flex-pack: center; 1486 -ms-flex-pack: center;
1487 justify-content: center; 1487 justify-content: center;
1488 -webkit-box-align: center; 1488 -webkit-box-align: center;
1489 -ms-flex-align: center; 1489 -ms-flex-align: center;
1490 align-items: center; 1490 align-items: center;
1491 width: 50px; 1491 width: 50px;
1492 height: 50px; 1492 height: 50px;
1493 padding: 0; 1493 padding: 0;
1494 background: #fff; 1494 background: #fff;
1495 border: 1px solid #377d87; 1495 border: 1px solid #377d87;
1496 color: #377d87; 1496 color: #377d87;
1497 border-radius: 8px; 1497 border-radius: 8px;
1498 margin-left: 20px; 1498 margin-left: 20px;
1499 } 1499 }
1500 @media (min-width: 768px) { 1500 @media (min-width: 768px) {
1501 .filters__item { 1501 .filters__item {
1502 display: -webkit-box; 1502 display: -webkit-box;
1503 display: -ms-flexbox; 1503 display: -ms-flexbox;
1504 display: flex; 1504 display: flex;
1505 } 1505 }
1506 } 1506 }
1507 .filters__item svg { 1507 .filters__item svg {
1508 width: 24px; 1508 width: 24px;
1509 height: 24px; 1509 height: 24px;
1510 } 1510 }
1511 .filters__item.active { 1511 .filters__item.active {
1512 background: #377d87; 1512 background: #377d87;
1513 color: #fff; 1513 color: #fff;
1514 } 1514 }
1515 .filters__item + .filters__item { 1515 .filters__item + .filters__item {
1516 margin-left: 8px; 1516 margin-left: 8px;
1517 } 1517 }
1518 1518
1519 .like, 1519 .like,
1520 .chat { 1520 .chat {
1521 width: 30px; 1521 width: 30px;
1522 height: 30px; 1522 height: 30px;
1523 display: -webkit-box; 1523 display: -webkit-box;
1524 display: -ms-flexbox; 1524 display: -ms-flexbox;
1525 display: flex; 1525 display: flex;
1526 -webkit-box-pack: center; 1526 -webkit-box-pack: center;
1527 -ms-flex-pack: center; 1527 -ms-flex-pack: center;
1528 justify-content: center; 1528 justify-content: center;
1529 -webkit-box-align: center; 1529 -webkit-box-align: center;
1530 -ms-flex-align: center; 1530 -ms-flex-align: center;
1531 align-items: center; 1531 align-items: center;
1532 background: none; 1532 background: none;
1533 border: 1px solid #377d87; 1533 border: 1px solid #377d87;
1534 padding: 0; 1534 padding: 0;
1535 color: #377d87; 1535 color: #377d87;
1536 border-radius: 6px; 1536 border-radius: 6px;
1537 } 1537 }
1538 @media (min-width: 768px) { 1538 @media (min-width: 768px) {
1539 .like, 1539 .like,
1540 .chat { 1540 .chat {
1541 width: 44px; 1541 width: 44px;
1542 height: 44px; 1542 height: 44px;
1543 } 1543 }
1544 } 1544 }
1545 .like.active, 1545 .like.active,
1546 .chat.active { 1546 .chat.active {
1547 background: #377d87; 1547 background: #377d87;
1548 color: #fff; 1548 color: #fff;
1549 } 1549 }
1550 .like svg, 1550 .like svg,
1551 .chat svg { 1551 .chat svg {
1552 width: 14px; 1552 width: 14px;
1553 height: 14px; 1553 height: 14px;
1554 } 1554 }
1555 @media (min-width: 768px) { 1555 @media (min-width: 768px) {
1556 .like svg, 1556 .like svg,
1557 .chat svg { 1557 .chat svg {
1558 width: 20px; 1558 width: 20px;
1559 height: 20px; 1559 height: 20px;
1560 } 1560 }
1561 } 1561 }
1562 1562
1563 .like.active { 1563 .like.active {
1564 background: #eb5757; 1564 background: #eb5757;
1565 border-color: #eb5757; 1565 border-color: #eb5757;
1566 } 1566 }
1567 1567
1568 .checkbox { 1568 .checkbox {
1569 display: -webkit-box; 1569 display: -webkit-box;
1570 display: -ms-flexbox; 1570 display: -ms-flexbox;
1571 display: flex; 1571 display: flex;
1572 -webkit-box-align: start; 1572 -webkit-box-align: start;
1573 -ms-flex-align: start; 1573 -ms-flex-align: start;
1574 align-items: flex-start; 1574 align-items: flex-start;
1575 cursor: pointer; 1575 cursor: pointer;
1576 position: relative; 1576 position: relative;
1577 } 1577 }
1578 .checkbox__input { 1578 .checkbox__input {
1579 position: absolute; 1579 position: absolute;
1580 z-index: 1; 1580 z-index: 1;
1581 width: 14px; 1581 width: 14px;
1582 height: 14px; 1582 height: 14px;
1583 padding: 0; 1583 padding: 0;
1584 background: none; 1584 background: none;
1585 border: none; 1585 border: none;
1586 opacity: 0; 1586 opacity: 0;
1587 } 1587 }
1588 @media (min-width: 768px) { 1588 @media (min-width: 768px) {
1589 .checkbox__input { 1589 .checkbox__input {
1590 width: 20px; 1590 width: 20px;
1591 height: 20px; 1591 height: 20px;
1592 } 1592 }
1593 } 1593 }
1594 .checkbox__icon { 1594 .checkbox__icon {
1595 width: 14px; 1595 width: 14px;
1596 height: 14px; 1596 height: 14px;
1597 border: 1px solid #cfcfcf; 1597 border: 1px solid #cfcfcf;
1598 background: #fff; 1598 background: #fff;
1599 color: #fff; 1599 color: #fff;
1600 display: -webkit-box; 1600 display: -webkit-box;
1601 display: -ms-flexbox; 1601 display: -ms-flexbox;
1602 display: flex; 1602 display: flex;
1603 -webkit-box-pack: center; 1603 -webkit-box-pack: center;
1604 -ms-flex-pack: center; 1604 -ms-flex-pack: center;
1605 justify-content: center; 1605 justify-content: center;
1606 -webkit-box-align: center; 1606 -webkit-box-align: center;
1607 -ms-flex-align: center; 1607 -ms-flex-align: center;
1608 align-items: center; 1608 align-items: center;
1609 border-radius: 4px; 1609 border-radius: 4px;
1610 -webkit-transition: 0.3s; 1610 -webkit-transition: 0.3s;
1611 transition: 0.3s; 1611 transition: 0.3s;
1612 position: relative; 1612 position: relative;
1613 z-index: 2; 1613 z-index: 2;
1614 } 1614 }
1615 @media (min-width: 768px) { 1615 @media (min-width: 768px) {
1616 .checkbox__icon { 1616 .checkbox__icon {
1617 width: 20px; 1617 width: 20px;
1618 height: 20px; 1618 height: 20px;
1619 } 1619 }
1620 } 1620 }
1621 .checkbox__icon svg { 1621 .checkbox__icon svg {
1622 width: 8px; 1622 width: 8px;
1623 height: 8px; 1623 height: 8px;
1624 opacity: 0; 1624 opacity: 0;
1625 } 1625 }
1626 @media (min-width: 768px) { 1626 @media (min-width: 768px) {
1627 .checkbox__icon svg { 1627 .checkbox__icon svg {
1628 width: 10px; 1628 width: 10px;
1629 height: 10px; 1629 height: 10px;
1630 } 1630 }
1631 } 1631 }
1632 .checkbox__input:checked + .checkbox__icon { 1632 .checkbox__input:checked + .checkbox__icon {
1633 border-color: #377d87; 1633 border-color: #377d87;
1634 background: #377d87; 1634 background: #377d87;
1635 } 1635 }
1636 .checkbox__input:checked + .checkbox__icon svg { 1636 .checkbox__input:checked + .checkbox__icon svg {
1637 opacity: 1; 1637 opacity: 1;
1638 } 1638 }
1639 .checkbox__text { 1639 .checkbox__text {
1640 width: calc(100% - 14px); 1640 width: calc(100% - 14px);
1641 padding-left: 6px; 1641 padding-left: 6px;
1642 font-size: 12px; 1642 font-size: 12px;
1643 line-height: 1; 1643 line-height: 1;
1644 display: -webkit-box; 1644 display: -webkit-box;
1645 display: -ms-flexbox; 1645 display: -ms-flexbox;
1646 display: flex; 1646 display: flex;
1647 -webkit-box-align: center; 1647 -webkit-box-align: center;
1648 -ms-flex-align: center; 1648 -ms-flex-align: center;
1649 align-items: center; 1649 align-items: center;
1650 min-height: 14px; 1650 min-height: 14px;
1651 } 1651 }
1652 @media (min-width: 768px) { 1652 @media (min-width: 768px) {
1653 .checkbox__text { 1653 .checkbox__text {
1654 width: calc(100% - 20px); 1654 width: calc(100% - 20px);
1655 padding-left: 12px; 1655 padding-left: 12px;
1656 font-size: 15px; 1656 font-size: 15px;
1657 min-height: 20px; 1657 min-height: 20px;
1658 } 1658 }
1659 } 1659 }
1660 .checkbox__text a { 1660 .checkbox__text a {
1661 color: #377d87; 1661 color: #377d87;
1662 text-decoration: underline; 1662 text-decoration: underline;
1663 } 1663 }
1664 1664
1665 .file { 1665 .file {
1666 display: -webkit-box; 1666 display: -webkit-box;
1667 display: -ms-flexbox; 1667 display: -ms-flexbox;
1668 display: flex; 1668 display: flex;
1669 -webkit-box-orient: vertical; 1669 -webkit-box-orient: vertical;
1670 -webkit-box-direction: normal; 1670 -webkit-box-direction: normal;
1671 -ms-flex-direction: column; 1671 -ms-flex-direction: column;
1672 flex-direction: column; 1672 flex-direction: column;
1673 } 1673 }
1674 .file__input input { 1674 .file__input input {
1675 display: none; 1675 display: none;
1676 } 1676 }
1677 .file__list { 1677 .file__list {
1678 display: -webkit-box; 1678 display: -webkit-box;
1679 display: -ms-flexbox; 1679 display: -ms-flexbox;
1680 display: flex; 1680 display: flex;
1681 -webkit-box-orient: vertical; 1681 -webkit-box-orient: vertical;
1682 -webkit-box-direction: normal; 1682 -webkit-box-direction: normal;
1683 -ms-flex-direction: column; 1683 -ms-flex-direction: column;
1684 flex-direction: column; 1684 flex-direction: column;
1685 } 1685 }
1686 .file__list-item { 1686 .file__list-item {
1687 display: -webkit-box; 1687 display: -webkit-box;
1688 display: -ms-flexbox; 1688 display: -ms-flexbox;
1689 display: flex; 1689 display: flex;
1690 -webkit-box-align: start; 1690 -webkit-box-align: start;
1691 -ms-flex-align: start; 1691 -ms-flex-align: start;
1692 align-items: flex-start; 1692 align-items: flex-start;
1693 margin-top: 16px; 1693 margin-top: 16px;
1694 } 1694 }
1695 .file__list-item-left { 1695 .file__list-item-left {
1696 width: calc(100% - 16px); 1696 width: calc(100% - 16px);
1697 min-height: 16px; 1697 min-height: 16px;
1698 color: #9c9d9d; 1698 color: #9c9d9d;
1699 font-size: 12px; 1699 font-size: 12px;
1700 display: -webkit-box; 1700 display: -webkit-box;
1701 display: -ms-flexbox; 1701 display: -ms-flexbox;
1702 display: flex; 1702 display: flex;
1703 -webkit-box-align: start; 1703 -webkit-box-align: start;
1704 -ms-flex-align: start; 1704 -ms-flex-align: start;
1705 align-items: flex-start; 1705 align-items: flex-start;
1706 } 1706 }
1707 @media (min-width: 768px) { 1707 @media (min-width: 768px) {
1708 .file__list-item-left { 1708 .file__list-item-left {
1709 width: auto; 1709 width: auto;
1710 max-width: calc(100% - 16px); 1710 max-width: calc(100% - 16px);
1711 font-size: 16px; 1711 font-size: 16px;
1712 } 1712 }
1713 } 1713 }
1714 .file__list-item-left svg { 1714 .file__list-item-left svg {
1715 width: 16px; 1715 width: 16px;
1716 height: 16px; 1716 height: 16px;
1717 } 1717 }
1718 .file__list-item-left span { 1718 .file__list-item-left span {
1719 width: calc(100% - 16px); 1719 width: calc(100% - 16px);
1720 min-height: 16px; 1720 min-height: 16px;
1721 display: -webkit-box; 1721 display: -webkit-box;
1722 display: -ms-flexbox; 1722 display: -ms-flexbox;
1723 display: flex; 1723 display: flex;
1724 -webkit-box-align: center; 1724 -webkit-box-align: center;
1725 -ms-flex-align: center; 1725 -ms-flex-align: center;
1726 align-items: center; 1726 align-items: center;
1727 padding: 0 8px; 1727 padding: 0 8px;
1728 } 1728 }
1729 .file__list-item-right { 1729 .file__list-item-right {
1730 display: -webkit-box; 1730 display: -webkit-box;
1731 display: -ms-flexbox; 1731 display: -ms-flexbox;
1732 display: flex; 1732 display: flex;
1733 -webkit-box-pack: center; 1733 -webkit-box-pack: center;
1734 -ms-flex-pack: center; 1734 -ms-flex-pack: center;
1735 justify-content: center; 1735 justify-content: center;
1736 -webkit-box-align: center; 1736 -webkit-box-align: center;
1737 -ms-flex-align: center; 1737 -ms-flex-align: center;
1738 align-items: center; 1738 align-items: center;
1739 padding: 0; 1739 padding: 0;
1740 background: none; 1740 background: none;
1741 border: none; 1741 border: none;
1742 width: 16px; 1742 width: 16px;
1743 height: 16px; 1743 height: 16px;
1744 color: #377d87; 1744 color: #377d87;
1745 } 1745 }
1746 .file__list-item-right:hover { 1746 .file__list-item-right:hover {
1747 color: #000; 1747 color: #000;
1748 } 1748 }
1749 .file__list-item-right svg { 1749 .file__list-item-right svg {
1750 width: 10px; 1750 width: 10px;
1751 height: 10px; 1751 height: 10px;
1752 } 1752 }
1753 .file__list-item + .file__list-item { 1753 .file__list-item + .file__list-item {
1754 margin-top: 10px; 1754 margin-top: 10px;
1755 } 1755 }
1756 1756
1757 .rate { 1757 .rate {
1758 display: -webkit-box; 1758 display: -webkit-box;
1759 display: -ms-flexbox; 1759 display: -ms-flexbox;
1760 display: flex; 1760 display: flex;
1761 -webkit-box-align: center; 1761 -webkit-box-align: center;
1762 -ms-flex-align: center; 1762 -ms-flex-align: center;
1763 align-items: center; 1763 align-items: center;
1764 gap: 10px; 1764 gap: 10px;
1765 } 1765 }
1766 @media (min-width: 768px) { 1766 @media (min-width: 768px) {
1767 .rate { 1767 .rate {
1768 gap: 20px; 1768 gap: 20px;
1769 } 1769 }
1770 } 1770 }
1771 .rate__label { 1771 .rate__label {
1772 font-size: 12px; 1772 font-size: 12px;
1773 font-weight: 700; 1773 font-weight: 700;
1774 line-height: 1; 1774 line-height: 1;
1775 } 1775 }
1776 @media (min-width: 768px) { 1776 @media (min-width: 768px) {
1777 .rate__label { 1777 .rate__label {
1778 font-size: 18px; 1778 font-size: 18px;
1779 } 1779 }
1780 } 1780 }
1781 .rate__stars { 1781 .rate__stars {
1782 display: -webkit-box; 1782 display: -webkit-box;
1783 display: -ms-flexbox; 1783 display: -ms-flexbox;
1784 display: flex; 1784 display: flex;
1785 -webkit-box-orient: vertical; 1785 -webkit-box-orient: vertical;
1786 -webkit-box-direction: normal; 1786 -webkit-box-direction: normal;
1787 -ms-flex-direction: column; 1787 -ms-flex-direction: column;
1788 flex-direction: column; 1788 flex-direction: column;
1789 } 1789 }
1790 1790
1791 .back { 1791 .back {
1792 display: -webkit-box; 1792 display: -webkit-box;
1793 display: -ms-flexbox; 1793 display: -ms-flexbox;
1794 display: flex; 1794 display: flex;
1795 -webkit-box-align: center; 1795 -webkit-box-align: center;
1796 -ms-flex-align: center; 1796 -ms-flex-align: center;
1797 align-items: center; 1797 align-items: center;
1798 font-size: 14px; 1798 font-size: 14px;
1799 color: #377d87; 1799 color: #377d87;
1800 font-weight: 700; 1800 font-weight: 700;
1801 } 1801 }
1802 @media (min-width: 768px) { 1802 @media (min-width: 768px) {
1803 .back { 1803 .back {
1804 font-size: 18px; 1804 font-size: 18px;
1805 } 1805 }
1806 } 1806 }
1807 .back:hover { 1807 .back:hover {
1808 color: #4d88d9; 1808 color: #4d88d9;
1809 } 1809 }
1810 .back svg { 1810 .back svg {
1811 width: 16px; 1811 width: 16px;
1812 height: 16px; 1812 height: 16px;
1813 } 1813 }
1814 @media (min-width: 768px) { 1814 @media (min-width: 768px) {
1815 .back svg { 1815 .back svg {
1816 width: 26px; 1816 width: 26px;
1817 height: 26px; 1817 height: 26px;
1818 } 1818 }
1819 } 1819 }
1820 .back span { 1820 .back span {
1821 width: calc(100% - 16px); 1821 width: calc(100% - 16px);
1822 padding-left: 10px; 1822 padding-left: 10px;
1823 } 1823 }
1824 @media (min-width: 768px) { 1824 @media (min-width: 768px) {
1825 .back span { 1825 .back span {
1826 width: calc(100% - 26px); 1826 width: calc(100% - 26px);
1827 padding-left: 20px; 1827 padding-left: 20px;
1828 } 1828 }
1829 } 1829 }
1830 1830
1831 .callback { 1831 .callback {
1832 display: -webkit-box; 1832 display: -webkit-box;
1833 display: -ms-flexbox; 1833 display: -ms-flexbox;
1834 display: flex; 1834 display: flex;
1835 -webkit-box-orient: vertical; 1835 -webkit-box-orient: vertical;
1836 -webkit-box-direction: normal; 1836 -webkit-box-direction: normal;
1837 -ms-flex-direction: column; 1837 -ms-flex-direction: column;
1838 flex-direction: column; 1838 flex-direction: column;
1839 gap: 16px; 1839 gap: 16px;
1840 } 1840 }
1841 @media (min-width: 992px) { 1841 @media (min-width: 992px) {
1842 .callback { 1842 .callback {
1843 -webkit-box-orient: horizontal; 1843 -webkit-box-orient: horizontal;
1844 -webkit-box-direction: normal; 1844 -webkit-box-direction: normal;
1845 -ms-flex-direction: row; 1845 -ms-flex-direction: row;
1846 flex-direction: row; 1846 flex-direction: row;
1847 -webkit-box-pack: justify; 1847 -webkit-box-pack: justify;
1848 -ms-flex-pack: justify; 1848 -ms-flex-pack: justify;
1849 justify-content: space-between; 1849 justify-content: space-between;
1850 -ms-flex-wrap: wrap; 1850 -ms-flex-wrap: wrap;
1851 flex-wrap: wrap; 1851 flex-wrap: wrap;
1852 gap: 20px 0; 1852 gap: 20px 0;
1853 } 1853 }
1854 } 1854 }
1855 .callback__body { 1855 .callback__body {
1856 display: -webkit-box; 1856 display: -webkit-box;
1857 display: -ms-flexbox; 1857 display: -ms-flexbox;
1858 display: flex; 1858 display: flex;
1859 -webkit-box-orient: vertical; 1859 -webkit-box-orient: vertical;
1860 -webkit-box-direction: normal; 1860 -webkit-box-direction: normal;
1861 -ms-flex-direction: column; 1861 -ms-flex-direction: column;
1862 flex-direction: column; 1862 flex-direction: column;
1863 gap: 16px; 1863 gap: 16px;
1864 } 1864 }
1865 @media (min-width: 992px) { 1865 @media (min-width: 992px) {
1866 .callback__body { 1866 .callback__body {
1867 width: calc(50% - 10px); 1867 width: calc(50% - 10px);
1868 gap: 10px; 1868 gap: 10px;
1869 } 1869 }
1870 } 1870 }
1871 @media (min-width: 992px) { 1871 @media (min-width: 992px) {
1872 .callback__textarea { 1872 .callback__textarea {
1873 width: calc(50% - 10px); 1873 width: calc(50% - 10px);
1874 height: auto; 1874 height: auto;
1875 } 1875 }
1876 } 1876 }
1877 .callback__bottom { 1877 .callback__bottom {
1878 display: -webkit-box; 1878 display: -webkit-box;
1879 display: -ms-flexbox; 1879 display: -ms-flexbox;
1880 display: flex; 1880 display: flex;
1881 -webkit-box-orient: vertical; 1881 -webkit-box-orient: vertical;
1882 -webkit-box-direction: normal; 1882 -webkit-box-direction: normal;
1883 -ms-flex-direction: column; 1883 -ms-flex-direction: column;
1884 flex-direction: column; 1884 flex-direction: column;
1885 gap: 16px; 1885 gap: 16px;
1886 } 1886 }
1887 @media (min-width: 768px) { 1887 @media (min-width: 768px) {
1888 .callback__bottom { 1888 .callback__bottom {
1889 -webkit-box-align: start; 1889 -webkit-box-align: start;
1890 -ms-flex-align: start; 1890 -ms-flex-align: start;
1891 align-items: flex-start; 1891 align-items: flex-start;
1892 } 1892 }
1893 } 1893 }
1894 @media (min-width: 992px) { 1894 @media (min-width: 992px) {
1895 .callback__bottom { 1895 .callback__bottom {
1896 width: 100%; 1896 width: 100%;
1897 gap: 20px; 1897 gap: 20px;
1898 } 1898 }
1899 } 1899 }
1900 1900
1901 .error .input, 1901 .error .input,
1902 .error .textarea { 1902 .error .textarea {
1903 border-color: #eb5757; 1903 border-color: #eb5757;
1904 } 1904 }
1905 .error label { 1905 .error label {
1906 display: block; 1906 display: block;
1907 } 1907 }
1908 1908
1909 .eye { 1909 .eye {
1910 position: absolute; 1910 position: absolute;
1911 z-index: 2; 1911 z-index: 2;
1912 top: 50%; 1912 top: 50%;
1913 -webkit-transform: translate(0, -50%); 1913 -webkit-transform: translate(0, -50%);
1914 -ms-transform: translate(0, -50%); 1914 -ms-transform: translate(0, -50%);
1915 transform: translate(0, -50%); 1915 transform: translate(0, -50%);
1916 right: 10px; 1916 right: 10px;
1917 aspect-ratio: 1/1; 1917 aspect-ratio: 1/1;
1918 width: 16px; 1918 width: 16px;
1919 padding: 0; 1919 padding: 0;
1920 border: none; 1920 border: none;
1921 background: none; 1921 background: none;
1922 color: #9c9d9d; 1922 color: #9c9d9d;
1923 } 1923 }
1924 @media (min-width: 768px) { 1924 @media (min-width: 768px) {
1925 .eye { 1925 .eye {
1926 width: 24px; 1926 width: 24px;
1927 right: 20px; 1927 right: 20px;
1928 } 1928 }
1929 } 1929 }
1930 .eye svg { 1930 .eye svg {
1931 position: absolute; 1931 position: absolute;
1932 top: 0; 1932 top: 0;
1933 left: 0; 1933 left: 0;
1934 width: 100%; 1934 width: 100%;
1935 height: 100%; 1935 height: 100%;
1936 } 1936 }
1937 .eye svg + svg { 1937 .eye svg + svg {
1938 display: none; 1938 display: none;
1939 } 1939 }
1940 .eye.active { 1940 .eye.active {
1941 color: #377d87; 1941 color: #377d87;
1942 } 1942 }
1943 .eye.active svg { 1943 .eye.active svg {
1944 display: none; 1944 display: none;
1945 } 1945 }
1946 .eye.active svg + svg { 1946 .eye.active svg + svg {
1947 display: block; 1947 display: block;
1948 } 1948 }
1949 1949
1950 .del { 1950 .del {
1951 width: 32px; 1951 width: 32px;
1952 aspect-ratio: 1/1; 1952 aspect-ratio: 1/1;
1953 background: #377d87; 1953 background: #377d87;
1954 color: #fff; 1954 color: #fff;
1955 display: -webkit-box; 1955 display: -webkit-box;
1956 display: -ms-flexbox; 1956 display: -ms-flexbox;
1957 display: flex; 1957 display: flex;
1958 -webkit-box-pack: center; 1958 -webkit-box-pack: center;
1959 -ms-flex-pack: center; 1959 -ms-flex-pack: center;
1960 justify-content: center; 1960 justify-content: center;
1961 -webkit-box-align: center; 1961 -webkit-box-align: center;
1962 -ms-flex-align: center; 1962 -ms-flex-align: center;
1963 align-items: center; 1963 align-items: center;
1964 border-radius: 8px; 1964 border-radius: 8px;
1965 padding: 0; 1965 padding: 0;
1966 border: 1px solid #377d87; 1966 border: 1px solid #377d87;
1967 } 1967 }
1968 .del:hover { 1968 .del:hover {
1969 background: #fff; 1969 background: #fff;
1970 color: #377d87; 1970 color: #377d87;
1971 } 1971 }
1972 .del svg { 1972 .del svg {
1973 width: 50%; 1973 width: 50%;
1974 aspect-ratio: 1/1; 1974 aspect-ratio: 1/1;
1975 } 1975 }
1976 1976
1977 .notify { 1977 .notify {
1978 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1978 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1979 padding: 6px 12px; 1979 padding: 6px 12px;
1980 border-radius: 8px; 1980 border-radius: 8px;
1981 display: -webkit-box; 1981 display: -webkit-box;
1982 display: -ms-flexbox; 1982 display: -ms-flexbox;
1983 display: flex; 1983 display: flex;
1984 -webkit-box-align: start; 1984 -webkit-box-align: start;
1985 -ms-flex-align: start; 1985 -ms-flex-align: start;
1986 align-items: flex-start; 1986 align-items: flex-start;
1987 } 1987 }
1988 @media (min-width: 768px) { 1988 @media (min-width: 768px) {
1989 .notify { 1989 .notify {
1990 padding: 12px 20px; 1990 padding: 12px 20px;
1991 } 1991 }
1992 } 1992 }
1993 .notify_red { 1993 .notify_red {
1994 background: #f9cdcd; 1994 background: #f9cdcd;
1995 } 1995 }
1996 .notify svg { 1996 .notify svg {
1997 color: #4d88d9; 1997 color: #4d88d9;
1998 width: 20px; 1998 width: 20px;
1999 aspect-ratio: 1/1; 1999 aspect-ratio: 1/1;
2000 } 2000 }
2001 .notify span { 2001 .notify span {
2002 font-size: 12px; 2002 font-size: 12px;
2003 padding-left: 10px; 2003 padding-left: 10px;
2004 min-height: 20px; 2004 min-height: 20px;
2005 display: -webkit-box; 2005 display: -webkit-box;
2006 display: -ms-flexbox; 2006 display: -ms-flexbox;
2007 display: flex; 2007 display: flex;
2008 -webkit-box-align: center; 2008 -webkit-box-align: center;
2009 -ms-flex-align: center; 2009 -ms-flex-align: center;
2010 align-items: center; 2010 align-items: center;
2011 } 2011 }
2012 @media (min-width: 768px) { 2012 @media (min-width: 768px) {
2013 .notify span { 2013 .notify span {
2014 font-size: 16px; 2014 font-size: 16px;
2015 } 2015 }
2016 } 2016 }
2017 2017
2018 .table { 2018 .table {
2019 margin: 0 -10px; 2019 margin: 0 -10px;
2020 display: -webkit-box; 2020 display: -webkit-box;
2021 display: -ms-flexbox; 2021 display: -ms-flexbox;
2022 display: flex; 2022 display: flex;
2023 -webkit-box-orient: vertical; 2023 -webkit-box-orient: vertical;
2024 -webkit-box-direction: reverse; 2024 -webkit-box-direction: reverse;
2025 -ms-flex-direction: column-reverse; 2025 -ms-flex-direction: column-reverse;
2026 flex-direction: column-reverse; 2026 flex-direction: column-reverse;
2027 -webkit-box-align: center; 2027 -webkit-box-align: center;
2028 -ms-flex-align: center; 2028 -ms-flex-align: center;
2029 align-items: center; 2029 align-items: center;
2030 gap: 20px; 2030 gap: 20px;
2031 } 2031 }
2032 @media (min-width: 768px) { 2032 @media (min-width: 768px) {
2033 .table { 2033 .table {
2034 margin: 0; 2034 margin: 0;
2035 gap: 30px; 2035 gap: 30px;
2036 } 2036 }
2037 } 2037 }
2038 .table__button { 2038 .table__button {
2039 display: none; 2039 display: none;
2040 } 2040 }
2041 .table_spoiler .table__button { 2041 .table_spoiler .table__button {
2042 display: -webkit-box; 2042 display: -webkit-box;
2043 display: -ms-flexbox; 2043 display: -ms-flexbox;
2044 display: flex; 2044 display: flex;
2045 } 2045 }
2046 .table__scroll { 2046 .table__scroll {
2047 overflow: hidden; 2047 overflow: hidden;
2048 overflow-x: auto; 2048 overflow-x: auto;
2049 padding: 0 10px; 2049 padding: 0 10px;
2050 width: 100%; 2050 width: 100%;
2051 } 2051 }
2052 @media (min-width: 768px) { 2052 @media (min-width: 768px) {
2053 .table__scroll { 2053 .table__scroll {
2054 padding: 0; 2054 padding: 0;
2055 } 2055 }
2056 } 2056 }
2057 .table__body { 2057 .table__body {
2058 border-radius: 8px; 2058 border-radius: 8px;
2059 overflow: hidden; 2059 overflow: hidden;
2060 } 2060 }
2061 .table__body_min-width { 2061 .table__body_min-width {
2062 min-width: 580px; 2062 min-width: 580px;
2063 } 2063 }
2064 .table table { 2064 .table table {
2065 border-collapse: collapse; 2065 border-collapse: collapse;
2066 width: 100%; 2066 width: 100%;
2067 font-size: 12px; 2067 font-size: 12px;
2068 border-radius: 8px; 2068 border-radius: 8px;
2069 } 2069 }
2070 @media (min-width: 768px) { 2070 @media (min-width: 768px) {
2071 .table table { 2071 .table table {
2072 font-size: 14px; 2072 font-size: 14px;
2073 } 2073 }
2074 } 2074 }
2075 @media (min-width: 1280px) { 2075 @media (min-width: 1280px) {
2076 .table table { 2076 .table table {
2077 font-size: 16px; 2077 font-size: 16px;
2078 } 2078 }
2079 } 2079 }
2080 .table thead tr th, 2080 .table thead tr th,
2081 .table thead tr td { 2081 .table thead tr td {
2082 background: #377d87; 2082 background: #377d87;
2083 color: #fff; 2083 color: #fff;
2084 font-weight: 700; 2084 font-weight: 700;
2085 border-top-color: #377d87; 2085 border-top-color: #377d87;
2086 } 2086 }
2087 .table thead tr th:first-child, 2087 .table thead tr th:first-child,
2088 .table thead tr td:first-child { 2088 .table thead tr td:first-child {
2089 border-left-color: #377d87; 2089 border-left-color: #377d87;
2090 } 2090 }
2091 .table thead tr th:last-child, 2091 .table thead tr th:last-child,
2092 .table thead tr td:last-child { 2092 .table thead tr td:last-child {
2093 border-right-color: #377d87; 2093 border-right-color: #377d87;
2094 } 2094 }
2095 .table_spoiler tr { 2095 .table_spoiler tr {
2096 /*display: none;*/ 2096 /*display: none;*/
2097 } 2097 }
2098 .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 .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) {
2099 display: table-row; 2099 display: table-row;
2100 } 2100 }
2101 .table_spoiler.active tr { 2101 .table_spoiler.active tr {
2102 display: table-row; 2102 display: table-row;
2103 } 2103 }
2104 .table th, 2104 .table th,
2105 .table td { 2105 .table td {
2106 text-align: left; 2106 text-align: left;
2107 padding: 10px; 2107 padding: 10px;
2108 border: 1px solid #cecece; 2108 border: 1px solid #cecece;
2109 } 2109 }
2110 @media (min-width: 768px) { 2110 @media (min-width: 768px) {
2111 .table td { 2111 .table td {
2112 padding: 14px 10px; 2112 padding: 14px 10px;
2113 } 2113 }
2114 } 2114 }
2115 .table__status { 2115 .table__status {
2116 color: #9c9d9d; 2116 color: #9c9d9d;
2117 display: -webkit-box; 2117 display: -webkit-box;
2118 display: -ms-flexbox; 2118 display: -ms-flexbox;
2119 display: flex; 2119 display: flex;
2120 -webkit-box-align: center; 2120 -webkit-box-align: center;
2121 -ms-flex-align: center; 2121 -ms-flex-align: center;
2122 align-items: center; 2122 align-items: center;
2123 gap: 6px; 2123 gap: 6px;
2124 position: relative; 2124 position: relative;
2125 padding-left: 14px; 2125 padding-left: 14px;
2126 } 2126 }
2127 .table__status i { 2127 .table__status i {
2128 background: #9c9d9d; 2128 background: #9c9d9d;
2129 width: 8px; 2129 width: 8px;
2130 aspect-ratio: 1/1; 2130 aspect-ratio: 1/1;
2131 border-radius: 999px; 2131 border-radius: 999px;
2132 position: absolute; 2132 position: absolute;
2133 top: 4px; 2133 top: 4px;
2134 left: 0; 2134 left: 0;
2135 } 2135 }
2136 .table__status.green { 2136 .table__status.green {
2137 color: #377d87; 2137 color: #377d87;
2138 } 2138 }
2139 .table__status.green i { 2139 .table__status.green i {
2140 background: #377d87; 2140 background: #377d87;
2141 } 2141 }
2142 .table__link { 2142 .table__link {
2143 display: -webkit-box; 2143 display: -webkit-box;
2144 display: -ms-flexbox; 2144 display: -ms-flexbox;
2145 display: flex; 2145 display: flex;
2146 -webkit-box-align: center; 2146 -webkit-box-align: center;
2147 -ms-flex-align: center; 2147 -ms-flex-align: center;
2148 align-items: center; 2148 align-items: center;
2149 gap: 4px; 2149 gap: 4px;
2150 color: #4d88d9; 2150 color: #4d88d9;
2151 } 2151 }
2152 @media (min-width: 768px) { 2152 @media (min-width: 768px) {
2153 .table__link { 2153 .table__link {
2154 gap: 6px; 2154 gap: 6px;
2155 } 2155 }
2156 } 2156 }
2157 .table__link:hover { 2157 .table__link:hover {
2158 color: #000; 2158 color: #000;
2159 } 2159 }
2160 .table__link svg { 2160 .table__link svg {
2161 width: 12px; 2161 width: 12px;
2162 aspect-ratio: 1/1; 2162 aspect-ratio: 1/1;
2163 } 2163 }
2164 @media (min-width: 768px) { 2164 @media (min-width: 768px) {
2165 .table__link svg { 2165 .table__link svg {
2166 width: 16px; 2166 width: 16px;
2167 } 2167 }
2168 } 2168 }
2169 .table__controls { 2169 .table__controls {
2170 display: -webkit-box; 2170 display: -webkit-box;
2171 display: -ms-flexbox; 2171 display: -ms-flexbox;
2172 display: flex; 2172 display: flex;
2173 -webkit-box-align: center; 2173 -webkit-box-align: center;
2174 -ms-flex-align: center; 2174 -ms-flex-align: center;
2175 align-items: center; 2175 align-items: center;
2176 gap: 8px; 2176 gap: 8px;
2177 } 2177 }
2178 @media (min-width: 1280px) { 2178 @media (min-width: 1280px) {
2179 .table__controls { 2179 .table__controls {
2180 gap: 12px; 2180 gap: 12px;
2181 } 2181 }
2182 } 2182 }
2183 .table__controls-item { 2183 .table__controls-item {
2184 width: 24px; 2184 width: 24px;
2185 aspect-ratio: 1/1; 2185 aspect-ratio: 1/1;
2186 display: -webkit-box; 2186 display: -webkit-box;
2187 display: -ms-flexbox; 2187 display: -ms-flexbox;
2188 display: flex; 2188 display: flex;
2189 -webkit-box-pack: center; 2189 -webkit-box-pack: center;
2190 -ms-flex-pack: center; 2190 -ms-flex-pack: center;
2191 justify-content: center; 2191 justify-content: center;
2192 -webkit-box-align: center; 2192 -webkit-box-align: center;
2193 -ms-flex-align: center; 2193 -ms-flex-align: center;
2194 align-items: center; 2194 align-items: center;
2195 border: 1px solid #377d87; 2195 border: 1px solid #377d87;
2196 border-radius: 8px; 2196 border-radius: 8px;
2197 color: #377d87; 2197 color: #377d87;
2198 background: none; 2198 background: none;
2199 padding: 0; 2199 padding: 0;
2200 } 2200 }
2201 @media (min-width: 1280px) { 2201 @media (min-width: 1280px) {
2202 .table__controls-item { 2202 .table__controls-item {
2203 width: 30px; 2203 width: 30px;
2204 } 2204 }
2205 } 2205 }
2206 .table__controls-item:hover { 2206 .table__controls-item:hover {
2207 background: #377d87; 2207 background: #377d87;
2208 color: #fff; 2208 color: #fff;
2209 } 2209 }
2210 .table__controls-item svg { 2210 .table__controls-item svg {
2211 width: 60%; 2211 width: 60%;
2212 aspect-ratio: 1/1; 2212 aspect-ratio: 1/1;
2213 } 2213 }
2214 .table__controls-item:nth-of-type(4) svg { 2214 .table__controls-item:nth-of-type(4) svg {
2215 width: 80%; 2215 width: 80%;
2216 } 2216 }
2217 2217
2218 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2218 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2219 display: none; 2219 display: none;
2220 } 2220 }
2221 .gl-star-rating--stars span { 2221 .gl-star-rating--stars span {
2222 width: 22px !important; 2222 width: 22px !important;
2223 height: 22px !important; 2223 height: 22px !important;
2224 background-size: 22px 22px !important; 2224 background-size: 22px 22px !important;
2225 } 2225 }
2226 @media (min-width: 768px) { 2226 @media (min-width: 768px) {
2227 .gl-star-rating--stars span { 2227 .gl-star-rating--stars span {
2228 width: 30px !important; 2228 width: 30px !important;
2229 height: 30px !important; 2229 height: 30px !important;
2230 background-size: 30px 30px !important; 2230 background-size: 30px 30px !important;
2231 } 2231 }
2232 } 2232 }
2233 2233
2234 .more { 2234 .more {
2235 display: -webkit-box; 2235 display: -webkit-box;
2236 display: -ms-flexbox; 2236 display: -ms-flexbox;
2237 display: flex; 2237 display: flex;
2238 -webkit-box-orient: vertical; 2238 -webkit-box-orient: vertical;
2239 -webkit-box-direction: normal; 2239 -webkit-box-direction: normal;
2240 -ms-flex-direction: column; 2240 -ms-flex-direction: column;
2241 flex-direction: column; 2241 flex-direction: column;
2242 -webkit-box-align: center; 2242 -webkit-box-align: center;
2243 -ms-flex-align: center; 2243 -ms-flex-align: center;
2244 align-items: center; 2244 align-items: center;
2245 } 2245 }
2246 .more_mt { 2246 .more_mt {
2247 margin-top: 20px; 2247 margin-top: 20px;
2248 } 2248 }
2249 .more .button { 2249 .more .button {
2250 min-width: 100px; 2250 min-width: 100px;
2251 padding: 0; 2251 padding: 0;
2252 } 2252 }
2253 @media (min-width: 768px) { 2253 @media (min-width: 768px) {
2254 .more .button { 2254 .more .button {
2255 min-width: 180px; 2255 min-width: 180px;
2256 } 2256 }
2257 } 2257 }
2258 2258
2259 .header { 2259 .header {
2260 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2261 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2262 background: #fff; 2262 background: #fff;
2263 position: relative; 2263 position: relative;
2264 z-index: 5; 2264 z-index: 5;
2265 overflow: hidden; 2265 overflow: hidden;
2266 } 2266 }
2267 @media (min-width: 768px) { 2267 @media (min-width: 768px) {
2268 .header { 2268 .header {
2269 -webkit-box-shadow: none; 2269 -webkit-box-shadow: none;
2270 box-shadow: none; 2270 box-shadow: none;
2271 } 2271 }
2272 } 2272 }
2273 .header__body { 2273 .header__body {
2274 height: 42px; 2274 height: 42px;
2275 display: -webkit-box; 2275 display: -webkit-box;
2276 display: -ms-flexbox; 2276 display: -ms-flexbox;
2277 display: flex; 2277 display: flex;
2278 -webkit-box-pack: justify; 2278 -webkit-box-pack: justify;
2279 -ms-flex-pack: justify; 2279 -ms-flex-pack: justify;
2280 justify-content: space-between; 2280 justify-content: space-between;
2281 -webkit-box-align: center; 2281 -webkit-box-align: center;
2282 -ms-flex-align: center; 2282 -ms-flex-align: center;
2283 align-items: center; 2283 align-items: center;
2284 } 2284 }
2285 @media (min-width: 768px) { 2285 @media (min-width: 768px) {
2286 .header__body { 2286 .header__body {
2287 height: 70px; 2287 height: 70px;
2288 } 2288 }
2289 } 2289 }
2290 .header__left { 2290 .header__left {
2291 display: -webkit-box; 2291 display: -webkit-box;
2292 display: -ms-flexbox; 2292 display: -ms-flexbox;
2293 display: flex; 2293 display: flex;
2294 -webkit-box-align: center; 2294 -webkit-box-align: center;
2295 -ms-flex-align: center; 2295 -ms-flex-align: center;
2296 align-items: center; 2296 align-items: center;
2297 gap: 40px; 2297 gap: 40px;
2298 } 2298 }
2299 .header__right { 2299 .header__right {
2300 display: -webkit-box; 2300 display: -webkit-box;
2301 display: -ms-flexbox; 2301 display: -ms-flexbox;
2302 display: flex; 2302 display: flex;
2303 -webkit-box-align: center; 2303 -webkit-box-align: center;
2304 -ms-flex-align: center; 2304 -ms-flex-align: center;
2305 align-items: center; 2305 align-items: center;
2306 gap: 14px; 2306 gap: 14px;
2307 } 2307 }
2308 @media (min-width: 768px) { 2308 @media (min-width: 768px) {
2309 .header__right { 2309 .header__right {
2310 gap: 20px; 2310 gap: 20px;
2311 } 2311 }
2312 } 2312 }
2313 .header__right-line { 2313 .header__right-line {
2314 width: 1px; 2314 width: 1px;
2315 height: 32px; 2315 height: 32px;
2316 background: #e6e7e7; 2316 background: #e6e7e7;
2317 border-radius: 999px; 2317 border-radius: 999px;
2318 } 2318 }
2319 @media (min-width: 992px) { 2319 @media (min-width: 992px) {
2320 .header__right-line { 2320 .header__right-line {
2321 display: none; 2321 display: none;
2322 } 2322 }
2323 } 2323 }
2324 .header__logo { 2324 .header__logo {
2325 display: -webkit-box; 2325 display: -webkit-box;
2326 display: -ms-flexbox; 2326 display: -ms-flexbox;
2327 display: flex; 2327 display: flex;
2328 -webkit-box-align: center; 2328 -webkit-box-align: center;
2329 -ms-flex-align: center; 2329 -ms-flex-align: center;
2330 align-items: center; 2330 align-items: center;
2331 -webkit-box-pack: center; 2331 -webkit-box-pack: center;
2332 -ms-flex-pack: center; 2332 -ms-flex-pack: center;
2333 justify-content: center; 2333 justify-content: center;
2334 color: #377d87; 2334 color: #377d87;
2335 } 2335 }
2336 .header__logo svg { 2336 .header__logo svg {
2337 width: 105px; 2337 width: 105px;
2338 height: 31px; 2338 height: 31px;
2339 } 2339 }
2340 @media (min-width: 768px) { 2340 @media (min-width: 768px) {
2341 .header__logo svg { 2341 .header__logo svg {
2342 width: 182px; 2342 width: 182px;
2343 height: 54px; 2343 height: 54px;
2344 } 2344 }
2345 } 2345 }
2346 .header__menu { 2346 .header__menu {
2347 display: none; 2347 display: none;
2348 -webkit-box-align: center; 2348 }
2349 -ms-flex-align: center; 2349 .header.active-menu{
2350 align-items: center; 2350 position: unset;
2351 gap: 20px; 2351 }
2352 .header.active-menu .header__menu{
2353 position: absolute;
2354 display: flex;
2355 flex-direction: column;
2356 z-index: 999;
2357 top: 48px;
2358 background: #fff;
2359 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2360 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2361 left: 0;
2362 border: 1px solid #e9e9e9;
2363 width: 100%;
2352 } 2364 }
2353 @media (min-width: 768px) { 2365 @media (min-width: 768px) {
2354 .header__menu { 2366 .header__menu {
2355 display: -webkit-box; 2367 display: -webkit-box;
2356 display: -ms-flexbox; 2368 display: -ms-flexbox;
2357 display: flex; 2369 display: flex;
2358 } 2370 }
2359 } 2371 }
2372 .header__menu-item{
2373 padding: 5px 10px;
2374 }
2375 .header__menu-item:hover, .header__menu-item:active{
2376 border: 1px solid #cfcfcf;
2377 }
2360 .header__menu-item:hover { 2378 .header__menu-item:hover {
2361 color: #377d87; 2379 color: #377d87;
2362 } 2380 }
2363 .header__notifs { 2381 .header__notifs {
2364 display: -webkit-box; 2382 display: -webkit-box;
2365 display: -ms-flexbox; 2383 display: -ms-flexbox;
2366 display: flex; 2384 display: flex;
2367 -webkit-box-align: center; 2385 -webkit-box-align: center;
2368 -ms-flex-align: center; 2386 -ms-flex-align: center;
2369 align-items: center; 2387 align-items: center;
2370 -webkit-box-pack: center; 2388 -webkit-box-pack: center;
2371 -ms-flex-pack: center; 2389 -ms-flex-pack: center;
2372 justify-content: center; 2390 justify-content: center;
2373 color: #377d87; 2391 color: #377d87;
2374 padding: 0; 2392 padding: 0;
2375 border: none; 2393 border: none;
2376 background: none; 2394 background: none;
2377 width: 24px; 2395 width: 24px;
2378 height: 24px; 2396 height: 24px;
2379 } 2397 }
2380 @media (min-width: 992px) { 2398 @media (min-width: 992px) {
2381 .header__notifs { 2399 .header__notifs {
2382 width: auto; 2400 width: auto;
2383 height: auto; 2401 height: auto;
2384 color: #000; 2402 color: #000;
2385 line-height: 1.4; 2403 line-height: 1.4;
2386 } 2404 }
2387 } 2405 }
2388 @media (min-width: 992px) { 2406 @media (min-width: 992px) {
2389 .header__notifs:hover { 2407 .header__notifs:hover {
2390 color: #377d87; 2408 color: #377d87;
2391 } 2409 }
2392 } 2410 }
2393 .header__notifs svg { 2411 .header__notifs svg {
2394 width: 20px; 2412 width: 20px;
2395 height: 20px; 2413 height: 20px;
2396 } 2414 }
2397 @media (min-width: 992px) { 2415 @media (min-width: 992px) {
2398 .header__notifs svg { 2416 .header__notifs svg {
2399 display: none; 2417 display: none;
2400 } 2418 }
2401 } 2419 }
2402 .header__notifs span { 2420 .header__notifs span {
2403 display: none; 2421 display: none;
2404 } 2422 }
2405 @media (min-width: 992px) { 2423 @media (min-width: 992px) {
2406 .header__notifs span { 2424 .header__notifs span {
2407 display: inline; 2425 display: inline;
2408 } 2426 }
2409 } 2427 }
2410 .header__notifs_actived { 2428 .header__notifs_actived {
2411 position: relative; 2429 position: relative;
2412 } 2430 }
2413 @media (min-width: 992px) { 2431 @media (min-width: 992px) {
2414 .header__notifs_actived { 2432 .header__notifs_actived {
2415 padding-right: 12px; 2433 padding-right: 12px;
2416 } 2434 }
2417 } 2435 }
2418 .header__notifs_actived:after { 2436 .header__notifs_actived:after {
2419 content: ""; 2437 content: "";
2420 border: 1px solid #fff; 2438 border: 1px solid #fff;
2421 background: #377d87; 2439 background: #377d87;
2422 border-radius: 999px; 2440 border-radius: 999px;
2423 width: 10px; 2441 width: 10px;
2424 height: 10px; 2442 height: 10px;
2425 position: absolute; 2443 position: absolute;
2426 z-index: 1; 2444 z-index: 1;
2427 top: 0; 2445 top: 0;
2428 right: 0; 2446 right: 0;
2429 } 2447 }
2430 @media (min-width: 992px) { 2448 @media (min-width: 992px) {
2431 .header__notifs_actived:after { 2449 .header__notifs_actived:after {
2432 width: 8px; 2450 width: 8px;
2433 height: 8px; 2451 height: 8px;
2434 border: none; 2452 border: none;
2435 } 2453 }
2436 } 2454 }
2437 .header__burger { 2455 .header__burger {
2438 display: -webkit-box; 2456 display: -webkit-box;
2439 display: -ms-flexbox; 2457 display: -ms-flexbox;
2440 display: flex; 2458 display: flex;
2441 -webkit-box-align: center; 2459 -webkit-box-align: center;
2442 -ms-flex-align: center; 2460 -ms-flex-align: center;
2443 align-items: center; 2461 align-items: center;
2444 -webkit-box-pack: center; 2462 -webkit-box-pack: center;
2445 -ms-flex-pack: center; 2463 -ms-flex-pack: center;
2446 justify-content: center; 2464 justify-content: center;
2447 width: 24px; 2465 width: 24px;
2448 height: 24px; 2466 height: 24px;
2449 color: #377d87; 2467 color: #377d87;
2450 padding: 0; 2468 padding: 0;
2451 border: none; 2469 border: none;
2452 background: none; 2470 background: none;
2453 } 2471 }
2454 @media (min-width: 992px) { 2472 @media (min-width: 992px) {
2455 .header__burger { 2473 .header__burger {
2456 display: none; 2474 display: none;
2457 } 2475 }
2458 } 2476 }
2459 .header__burger svg { 2477 .header__burger svg {
2460 width: 20px; 2478 width: 20px;
2461 height: 20px; 2479 height: 20px;
2462 } 2480 }
2463 .header__burger svg + svg { 2481 .header__burger svg + svg {
2464 display: none; 2482 display: none;
2465 } 2483 }
2466 .header__sign { 2484 .header__sign {
2467 display: none; 2485 display: none;
2468 } 2486 }
2469 @media (min-width: 992px) { 2487 @media (min-width: 992px) {
2470 .header__sign { 2488 .header__sign {
2471 display: -webkit-box; 2489 display: -webkit-box;
2472 display: -ms-flexbox; 2490 display: -ms-flexbox;
2473 display: flex; 2491 display: flex;
2474 } 2492 }
2475 } 2493 }
2476 2494
2477 .mob-menu { 2495 .mob-menu {
2478 display: none; 2496 display: none;
2479 position: fixed; 2497 position: fixed;
2480 bottom: 0; 2498 bottom: 0;
2481 left: 0; 2499 left: 0;
2482 width: 100vw; 2500 width: 100vw;
2483 height: calc(100vh - 42px); 2501 height: calc(100vh - 42px);
2484 z-index: 4; 2502 z-index: 4;
2485 background: #fff; 2503 background: #fff;
2486 overflow: hidden; 2504 overflow: hidden;
2487 overflow-y: auto; 2505 overflow-y: auto;
2488 padding: 50px 0; 2506 padding: 50px 0;
2489 } 2507 }
2490 .mob-menu__bottom { 2508 .mob-menu__bottom {
2491 display: -webkit-box; 2509 display: -webkit-box;
2492 display: -ms-flexbox; 2510 display: -ms-flexbox;
2493 display: flex; 2511 display: flex;
2494 -webkit-box-orient: vertical; 2512 -webkit-box-orient: vertical;
2495 -webkit-box-direction: normal; 2513 -webkit-box-direction: normal;
2496 -ms-flex-direction: column; 2514 -ms-flex-direction: column;
2497 flex-direction: column; 2515 flex-direction: column;
2498 -webkit-box-align: center; 2516 -webkit-box-align: center;
2499 -ms-flex-align: center; 2517 -ms-flex-align: center;
2500 align-items: center; 2518 align-items: center;
2501 margin-top: 80px; 2519 margin-top: 80px;
2502 } 2520 }
2503 .mob-menu__bottom .button { 2521 .mob-menu__bottom .button {
2504 min-width: 120px; 2522 min-width: 120px;
2505 } 2523 }
2506 .mob-menu__bottom-link { 2524 .mob-menu__bottom-link {
2507 text-decoration: underline; 2525 text-decoration: underline;
2508 margin-top: 50px; 2526 margin-top: 50px;
2509 } 2527 }
2510 .mob-menu__bottom-link:hover { 2528 .mob-menu__bottom-link:hover {
2511 color: #377d87; 2529 color: #377d87;
2512 } 2530 }
2513 .mob-menu__bottom-link + .mob-menu__bottom-link { 2531 .mob-menu__bottom-link + .mob-menu__bottom-link {
2514 margin-top: 10px; 2532 margin-top: 10px;
2515 } 2533 }
2516 .mob-menu__bottom .socials { 2534 .mob-menu__bottom .socials {
2517 margin-top: 35px; 2535 margin-top: 35px;
2518 } 2536 }
2519 .mob-menu .footer__mobile-menu { 2537 .mob-menu .footer__mobile-menu {
2520 opacity: 1; 2538 opacity: 1;
2521 height: auto; 2539 height: auto;
2522 overflow: visible; 2540 overflow: visible;
2523 } 2541 }
2524 .mob-menu .footer__mobile-menu-item button { 2542 .mob-menu .footer__mobile-menu-item button {
2525 -webkit-box-align: center; 2543 -webkit-box-align: center;
2526 -ms-flex-align: center; 2544 -ms-flex-align: center;
2527 align-items: center; 2545 align-items: center;
2528 } 2546 }
2529 .mob-menu .footer__mobile-menu-item div { 2547 .mob-menu .footer__mobile-menu-item div {
2530 font-size: 20px; 2548 font-size: 20px;
2531 } 2549 }
2532 .mob-menu .footer__mobile-contacts a { 2550 .mob-menu .footer__mobile-contacts a {
2533 font-size: 20px; 2551 font-size: 20px;
2534 font-weight: 700; 2552 font-weight: 700;
2535 color: #000; 2553 color: #000;
2536 text-decoration: none; 2554 text-decoration: none;
2537 } 2555 }
2538 .mob-menu .footer__mobile-contacts a:hover { 2556 .mob-menu .footer__mobile-contacts a:hover {
2539 color: #377d87; 2557 color: #377d87;
2540 } 2558 }
2541 .mob-menu .footer__mobile-menu-item button b, 2559 .mob-menu .footer__mobile-menu-item button b,
2542 .mob-menu .footer__mobile-contacts a { 2560 .mob-menu .footer__mobile-contacts a {
2543 font-size: 30px; 2561 font-size: 30px;
2544 } 2562 }
2545 2563
2546 .menu-is-actived { 2564 .menu-is-actived {
2547 overflow: hidden; 2565 overflow: hidden;
2548 } 2566 }
2549 @media (min-width: 992px) { 2567 @media (min-width: 992px) {
2550 .menu-is-actived { 2568 .menu-is-actived {
2551 overflow: auto; 2569 overflow: auto;
2552 } 2570 }
2553 } 2571 }
2554 .menu-is-actived .header__burger svg { 2572 .menu-is-actived .header__burger svg {
2555 display: none; 2573 display: none;
2556 } 2574 }
2557 .menu-is-actived .header__burger svg + svg { 2575 .menu-is-actived .header__burger svg + svg {
2558 display: block; 2576 display: block;
2559 } 2577 }
2560 .menu-is-actived .mob-menu { 2578 .menu-is-actived .mob-menu {
2561 display: block; 2579 display: block;
2562 } 2580 }
2563 @media (min-width: 992px) { 2581 @media (min-width: 992px) {
2564 .menu-is-actived .mob-menu { 2582 .menu-is-actived .mob-menu {
2565 display: none; 2583 display: none;
2566 } 2584 }
2567 } 2585 }
2568 2586
2569 .footer { 2587 .footer {
2570 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2588 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2589 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2572 background: #fff; 2590 background: #fff;
2573 position: relative; 2591 position: relative;
2574 z-index: 1; 2592 z-index: 1;
2575 overflow: hidden; 2593 overflow: hidden;
2576 } 2594 }
2577 .footer__mobile { 2595 .footer__mobile {
2578 display: -webkit-box; 2596 display: -webkit-box;
2579 display: -ms-flexbox; 2597 display: -ms-flexbox;
2580 display: flex; 2598 display: flex;
2581 -webkit-box-orient: vertical; 2599 -webkit-box-orient: vertical;
2582 -webkit-box-direction: normal; 2600 -webkit-box-direction: normal;
2583 -ms-flex-direction: column; 2601 -ms-flex-direction: column;
2584 flex-direction: column; 2602 flex-direction: column;
2585 padding: 25px 0 30px 0; 2603 padding: 25px 0 30px 0;
2586 } 2604 }
2587 @media (min-width: 768px) { 2605 @media (min-width: 768px) {
2588 .footer__mobile { 2606 .footer__mobile {
2589 padding: 30px 0; 2607 padding: 30px 0;
2590 } 2608 }
2591 } 2609 }
2592 @media (min-width: 992px) { 2610 @media (min-width: 992px) {
2593 .footer__mobile { 2611 .footer__mobile {
2594 display: none; 2612 display: none;
2595 } 2613 }
2596 } 2614 }
2597 .footer__mobile-toper { 2615 .footer__mobile-toper {
2598 display: -webkit-box; 2616 display: -webkit-box;
2599 display: -ms-flexbox; 2617 display: -ms-flexbox;
2600 display: flex; 2618 display: flex;
2601 -webkit-box-pack: justify; 2619 -webkit-box-pack: justify;
2602 -ms-flex-pack: justify; 2620 -ms-flex-pack: justify;
2603 justify-content: space-between; 2621 justify-content: space-between;
2604 -webkit-box-align: center; 2622 -webkit-box-align: center;
2605 -ms-flex-align: center; 2623 -ms-flex-align: center;
2606 align-items: center; 2624 align-items: center;
2607 padding: 0; 2625 padding: 0;
2608 border: none; 2626 border: none;
2609 background: none; 2627 background: none;
2610 } 2628 }
2611 .footer__mobile-toper a, 2629 .footer__mobile-toper a,
2612 .footer__mobile-toper b { 2630 .footer__mobile-toper b {
2613 display: -webkit-box; 2631 display: -webkit-box;
2614 display: -ms-flexbox; 2632 display: -ms-flexbox;
2615 display: flex; 2633 display: flex;
2616 -webkit-box-pack: center; 2634 -webkit-box-pack: center;
2617 -ms-flex-pack: center; 2635 -ms-flex-pack: center;
2618 justify-content: center; 2636 justify-content: center;
2619 -webkit-box-align: center; 2637 -webkit-box-align: center;
2620 -ms-flex-align: center; 2638 -ms-flex-align: center;
2621 align-items: center; 2639 align-items: center;
2622 color: #377d87; 2640 color: #377d87;
2623 } 2641 }
2624 .footer__mobile-toper a svg, 2642 .footer__mobile-toper a svg,
2625 .footer__mobile-toper b svg { 2643 .footer__mobile-toper b svg {
2626 width: 137px; 2644 width: 137px;
2627 height: 40px; 2645 height: 40px;
2628 } 2646 }
2629 .footer__mobile-toper span { 2647 .footer__mobile-toper span {
2630 width: 40px; 2648 width: 40px;
2631 height: 40px; 2649 height: 40px;
2632 display: -webkit-box; 2650 display: -webkit-box;
2633 display: -ms-flexbox; 2651 display: -ms-flexbox;
2634 display: flex; 2652 display: flex;
2635 -webkit-box-pack: center; 2653 -webkit-box-pack: center;
2636 -ms-flex-pack: center; 2654 -ms-flex-pack: center;
2637 justify-content: center; 2655 justify-content: center;
2638 -webkit-box-align: center; 2656 -webkit-box-align: center;
2639 -ms-flex-align: center; 2657 -ms-flex-align: center;
2640 align-items: center; 2658 align-items: center;
2641 background: #377d87; 2659 background: #377d87;
2642 color: #fff; 2660 color: #fff;
2643 border-radius: 999px; 2661 border-radius: 999px;
2644 } 2662 }
2645 .footer__mobile-toper span svg { 2663 .footer__mobile-toper span svg {
2646 width: 10px; 2664 width: 10px;
2647 height: 10px; 2665 height: 10px;
2648 -webkit-transition: 0.3s; 2666 -webkit-transition: 0.3s;
2649 transition: 0.3s; 2667 transition: 0.3s;
2650 } 2668 }
2651 .footer__mobile-toper.active span svg { 2669 .footer__mobile-toper.active span svg {
2652 -webkit-transform: rotate(180deg); 2670 -webkit-transform: rotate(180deg);
2653 -ms-transform: rotate(180deg); 2671 -ms-transform: rotate(180deg);
2654 transform: rotate(180deg); 2672 transform: rotate(180deg);
2655 } 2673 }
2656 .footer__mobile-menu { 2674 .footer__mobile-menu {
2657 height: 0; 2675 height: 0;
2658 opacity: 0; 2676 opacity: 0;
2659 overflow: hidden; 2677 overflow: hidden;
2660 -webkit-transition: 0.3s; 2678 -webkit-transition: 0.3s;
2661 transition: 0.3s; 2679 transition: 0.3s;
2662 display: -webkit-box; 2680 display: -webkit-box;
2663 display: -ms-flexbox; 2681 display: -ms-flexbox;
2664 display: flex; 2682 display: flex;
2665 -webkit-box-orient: vertical; 2683 -webkit-box-orient: vertical;
2666 -webkit-box-direction: normal; 2684 -webkit-box-direction: normal;
2667 -ms-flex-direction: column; 2685 -ms-flex-direction: column;
2668 flex-direction: column; 2686 flex-direction: column;
2669 gap: 30px; 2687 gap: 30px;
2670 } 2688 }
2671 @media (min-width: 768px) { 2689 @media (min-width: 768px) {
2672 .footer__mobile-menu { 2690 .footer__mobile-menu {
2673 display: grid; 2691 display: grid;
2674 grid-template-columns: 1fr 1fr; 2692 grid-template-columns: 1fr 1fr;
2675 gap: 100px; 2693 gap: 100px;
2676 } 2694 }
2677 } 2695 }
2678 .footer__mobile-menu-item { 2696 .footer__mobile-menu-item {
2679 display: -webkit-box; 2697 display: -webkit-box;
2680 display: -ms-flexbox; 2698 display: -ms-flexbox;
2681 display: flex; 2699 display: flex;
2682 -webkit-box-orient: vertical; 2700 -webkit-box-orient: vertical;
2683 -webkit-box-direction: normal; 2701 -webkit-box-direction: normal;
2684 -ms-flex-direction: column; 2702 -ms-flex-direction: column;
2685 flex-direction: column; 2703 flex-direction: column;
2686 } 2704 }
2687 .footer__mobile-menu-item button { 2705 .footer__mobile-menu-item button {
2688 display: -webkit-box; 2706 display: -webkit-box;
2689 display: -ms-flexbox; 2707 display: -ms-flexbox;
2690 display: flex; 2708 display: flex;
2691 -webkit-box-align: start; 2709 -webkit-box-align: start;
2692 -ms-flex-align: start; 2710 -ms-flex-align: start;
2693 align-items: flex-start; 2711 align-items: flex-start;
2694 padding: 0; 2712 padding: 0;
2695 border: none; 2713 border: none;
2696 background: none; 2714 background: none;
2697 } 2715 }
2698 .footer__mobile-menu-item button.active { 2716 .footer__mobile-menu-item button.active {
2699 color: #377d87; 2717 color: #377d87;
2700 } 2718 }
2701 .footer__mobile-menu-item button b { 2719 .footer__mobile-menu-item button b {
2702 width: calc(100% - 24px); 2720 width: calc(100% - 24px);
2703 padding-right: 12px; 2721 padding-right: 12px;
2704 min-height: 24px; 2722 min-height: 24px;
2705 display: -webkit-box; 2723 display: -webkit-box;
2706 display: -ms-flexbox; 2724 display: -ms-flexbox;
2707 display: flex; 2725 display: flex;
2708 -webkit-box-align: center; 2726 -webkit-box-align: center;
2709 -ms-flex-align: center; 2727 -ms-flex-align: center;
2710 align-items: center; 2728 align-items: center;
2711 font-size: 20px; 2729 font-size: 20px;
2712 font-weight: 700; 2730 font-weight: 700;
2713 } 2731 }
2714 .footer__mobile-menu-item button span { 2732 .footer__mobile-menu-item button span {
2715 width: 24px; 2733 width: 24px;
2716 height: 24px; 2734 height: 24px;
2717 display: -webkit-box; 2735 display: -webkit-box;
2718 display: -ms-flexbox; 2736 display: -ms-flexbox;
2719 display: flex; 2737 display: flex;
2720 -webkit-box-pack: center; 2738 -webkit-box-pack: center;
2721 -ms-flex-pack: center; 2739 -ms-flex-pack: center;
2722 justify-content: center; 2740 justify-content: center;
2723 -webkit-box-align: center; 2741 -webkit-box-align: center;
2724 -ms-flex-align: center; 2742 -ms-flex-align: center;
2725 align-items: center; 2743 align-items: center;
2726 padding: 0; 2744 padding: 0;
2727 border: none; 2745 border: none;
2728 background: none; 2746 background: none;
2729 } 2747 }
2730 .footer__mobile-menu-item button svg { 2748 .footer__mobile-menu-item button svg {
2731 width: 12px; 2749 width: 12px;
2732 height: 12px; 2750 height: 12px;
2733 -webkit-transition: 0.3s; 2751 -webkit-transition: 0.3s;
2734 transition: 0.3s; 2752 transition: 0.3s;
2735 -webkit-transform: rotate(180deg); 2753 -webkit-transform: rotate(180deg);
2736 -ms-transform: rotate(180deg); 2754 -ms-transform: rotate(180deg);
2737 transform: rotate(180deg); 2755 transform: rotate(180deg);
2738 } 2756 }
2739 .footer__mobile-menu-item button.active svg { 2757 .footer__mobile-menu-item button.active svg {
2740 -webkit-transform: rotate(0deg); 2758 -webkit-transform: rotate(0deg);
2741 -ms-transform: rotate(0deg); 2759 -ms-transform: rotate(0deg);
2742 transform: rotate(0deg); 2760 transform: rotate(0deg);
2743 } 2761 }
2744 .footer__mobile-menu-item div { 2762 .footer__mobile-menu-item div {
2745 height: 0; 2763 height: 0;
2746 opacity: 0; 2764 opacity: 0;
2747 overflow: hidden; 2765 overflow: hidden;
2748 -webkit-transition: 0.3s; 2766 -webkit-transition: 0.3s;
2749 transition: 0.3s; 2767 transition: 0.3s;
2750 display: -webkit-box; 2768 display: -webkit-box;
2751 display: -ms-flexbox; 2769 display: -ms-flexbox;
2752 display: flex; 2770 display: flex;
2753 -webkit-box-orient: vertical; 2771 -webkit-box-orient: vertical;
2754 -webkit-box-direction: normal; 2772 -webkit-box-direction: normal;
2755 -ms-flex-direction: column; 2773 -ms-flex-direction: column;
2756 flex-direction: column; 2774 flex-direction: column;
2757 gap: 15px; 2775 gap: 15px;
2758 } 2776 }
2759 .footer__mobile-menu-item div a:hover { 2777 .footer__mobile-menu-item div a:hover {
2760 color: #377d87; 2778 color: #377d87;
2761 } 2779 }
2762 .footer__mobile-menu-item .active + div { 2780 .footer__mobile-menu-item .active + div {
2763 opacity: 1; 2781 opacity: 1;
2764 height: auto; 2782 height: auto;
2765 overflow: visible; 2783 overflow: visible;
2766 padding-top: 15px; 2784 padding-top: 15px;
2767 } 2785 }
2768 .active + .footer__mobile-menu { 2786 .active + .footer__mobile-menu {
2769 opacity: 1; 2787 opacity: 1;
2770 height: auto; 2788 height: auto;
2771 overflow: visible; 2789 overflow: visible;
2772 padding-top: 35px; 2790 padding-top: 35px;
2773 } 2791 }
2774 .footer__mobile-contacts { 2792 .footer__mobile-contacts {
2775 display: -webkit-box; 2793 display: -webkit-box;
2776 display: -ms-flexbox; 2794 display: -ms-flexbox;
2777 display: flex; 2795 display: flex;
2778 -webkit-box-pack: justify; 2796 -webkit-box-pack: justify;
2779 -ms-flex-pack: justify; 2797 -ms-flex-pack: justify;
2780 justify-content: space-between; 2798 justify-content: space-between;
2781 -webkit-box-align: start; 2799 -webkit-box-align: start;
2782 -ms-flex-align: start; 2800 -ms-flex-align: start;
2783 align-items: flex-start; 2801 align-items: flex-start;
2784 -ms-flex-wrap: wrap; 2802 -ms-flex-wrap: wrap;
2785 flex-wrap: wrap; 2803 flex-wrap: wrap;
2786 margin-top: 30px; 2804 margin-top: 30px;
2787 } 2805 }
2788 .footer__mobile-contacts b { 2806 .footer__mobile-contacts b {
2789 font-size: 20px; 2807 font-size: 20px;
2790 font-weight: 700; 2808 font-weight: 700;
2791 width: 100%; 2809 width: 100%;
2792 margin-bottom: 20px; 2810 margin-bottom: 20px;
2793 } 2811 }
2794 .footer__mobile-contacts a { 2812 .footer__mobile-contacts a {
2795 color: #377d87; 2813 color: #377d87;
2796 text-decoration: underline; 2814 text-decoration: underline;
2797 } 2815 }
2798 .footer__mobile-contacts a + a { 2816 .footer__mobile-contacts a + a {
2799 color: #000; 2817 color: #000;
2800 } 2818 }
2801 .footer__mobile-bottom { 2819 .footer__mobile-bottom {
2802 display: -webkit-box; 2820 display: -webkit-box;
2803 display: -ms-flexbox; 2821 display: -ms-flexbox;
2804 display: flex; 2822 display: flex;
2805 -webkit-box-orient: vertical; 2823 -webkit-box-orient: vertical;
2806 -webkit-box-direction: normal; 2824 -webkit-box-direction: normal;
2807 -ms-flex-direction: column; 2825 -ms-flex-direction: column;
2808 flex-direction: column; 2826 flex-direction: column;
2809 -webkit-box-align: center; 2827 -webkit-box-align: center;
2810 -ms-flex-align: center; 2828 -ms-flex-align: center;
2811 align-items: center; 2829 align-items: center;
2812 text-align: center; 2830 text-align: center;
2813 gap: 20px; 2831 gap: 20px;
2814 margin-top: 100px; 2832 margin-top: 100px;
2815 } 2833 }
2816 .footer__mobile-links { 2834 .footer__mobile-links {
2817 display: -webkit-box; 2835 display: -webkit-box;
2818 display: -ms-flexbox; 2836 display: -ms-flexbox;
2819 display: flex; 2837 display: flex;
2820 -webkit-box-orient: vertical; 2838 -webkit-box-orient: vertical;
2821 -webkit-box-direction: normal; 2839 -webkit-box-direction: normal;
2822 -ms-flex-direction: column; 2840 -ms-flex-direction: column;
2823 flex-direction: column; 2841 flex-direction: column;
2824 -webkit-box-align: center; 2842 -webkit-box-align: center;
2825 -ms-flex-align: center; 2843 -ms-flex-align: center;
2826 align-items: center; 2844 align-items: center;
2827 gap: 10px; 2845 gap: 10px;
2828 } 2846 }
2829 .footer__mobile-links a:hover { 2847 .footer__mobile-links a:hover {
2830 color: #377d87; 2848 color: #377d87;
2831 } 2849 }
2832 .footer__mobile-links span { 2850 .footer__mobile-links span {
2833 width: 60px; 2851 width: 60px;
2834 height: 1px; 2852 height: 1px;
2835 background: #377d87; 2853 background: #377d87;
2836 } 2854 }
2837 .footer__main { 2855 .footer__main {
2838 display: none; 2856 display: none;
2839 padding: 55px 0 20px 0; 2857 padding: 55px 0 20px 0;
2840 -webkit-box-orient: vertical; 2858 -webkit-box-orient: vertical;
2841 -webkit-box-direction: normal; 2859 -webkit-box-direction: normal;
2842 -ms-flex-direction: column; 2860 -ms-flex-direction: column;
2843 flex-direction: column; 2861 flex-direction: column;
2844 gap: 70px; 2862 gap: 70px;
2845 } 2863 }
2846 @media (min-width: 992px) { 2864 @media (min-width: 992px) {
2847 .footer__main { 2865 .footer__main {
2848 display: -webkit-box; 2866 display: -webkit-box;
2849 display: -ms-flexbox; 2867 display: -ms-flexbox;
2850 display: flex; 2868 display: flex;
2851 } 2869 }
2852 } 2870 }
2853 .footer__main-body { 2871 .footer__main-body {
2854 display: -webkit-box; 2872 display: -webkit-box;
2855 display: -ms-flexbox; 2873 display: -ms-flexbox;
2856 display: flex; 2874 display: flex;
2857 -webkit-box-pack: justify; 2875 -webkit-box-pack: justify;
2858 -ms-flex-pack: justify; 2876 -ms-flex-pack: justify;
2859 justify-content: space-between; 2877 justify-content: space-between;
2860 -webkit-box-align: start; 2878 -webkit-box-align: start;
2861 -ms-flex-align: start; 2879 -ms-flex-align: start;
2862 align-items: flex-start; 2880 align-items: flex-start;
2863 } 2881 }
2864 .footer__main-logo { 2882 .footer__main-logo {
2865 display: -webkit-box; 2883 display: -webkit-box;
2866 display: -ms-flexbox; 2884 display: -ms-flexbox;
2867 display: flex; 2885 display: flex;
2868 -webkit-box-pack: center; 2886 -webkit-box-pack: center;
2869 -ms-flex-pack: center; 2887 -ms-flex-pack: center;
2870 justify-content: center; 2888 justify-content: center;
2871 -webkit-box-align: center; 2889 -webkit-box-align: center;
2872 -ms-flex-align: center; 2890 -ms-flex-align: center;
2873 align-items: center; 2891 align-items: center;
2874 color: #377d87; 2892 color: #377d87;
2875 } 2893 }
2876 .footer__main-logo svg { 2894 .footer__main-logo svg {
2877 width: 182px; 2895 width: 182px;
2878 height: 54px; 2896 height: 54px;
2879 } 2897 }
2880 .footer__main-title { 2898 .footer__main-title {
2881 font-size: 20px; 2899 font-size: 20px;
2882 font-weight: 700; 2900 font-weight: 700;
2883 margin-bottom: 16px; 2901 margin-bottom: 16px;
2884 } 2902 }
2885 .footer__main-col { 2903 .footer__main-col {
2886 display: -webkit-box; 2904 display: -webkit-box;
2887 display: -ms-flexbox; 2905 display: -ms-flexbox;
2888 display: flex; 2906 display: flex;
2889 -webkit-box-orient: vertical; 2907 -webkit-box-orient: vertical;
2890 -webkit-box-direction: normal; 2908 -webkit-box-direction: normal;
2891 -ms-flex-direction: column; 2909 -ms-flex-direction: column;
2892 flex-direction: column; 2910 flex-direction: column;
2893 -webkit-box-align: start; 2911 -webkit-box-align: start;
2894 -ms-flex-align: start; 2912 -ms-flex-align: start;
2895 align-items: flex-start; 2913 align-items: flex-start;
2896 } 2914 }
2897 .footer__main-col nav { 2915 .footer__main-col nav {
2898 display: -webkit-box; 2916 display: -webkit-box;
2899 display: -ms-flexbox; 2917 display: -ms-flexbox;
2900 display: flex; 2918 display: flex;
2901 -webkit-box-orient: vertical; 2919 -webkit-box-orient: vertical;
2902 -webkit-box-direction: normal; 2920 -webkit-box-direction: normal;
2903 -ms-flex-direction: column; 2921 -ms-flex-direction: column;
2904 flex-direction: column; 2922 flex-direction: column;
2905 -webkit-box-align: start; 2923 -webkit-box-align: start;
2906 -ms-flex-align: start; 2924 -ms-flex-align: start;
2907 align-items: flex-start; 2925 align-items: flex-start;
2908 gap: 8px; 2926 gap: 8px;
2909 } 2927 }
2910 .footer__main-col nav a:hover { 2928 .footer__main-col nav a:hover {
2911 color: #377d87; 2929 color: #377d87;
2912 } 2930 }
2913 .footer__main-contacts { 2931 .footer__main-contacts {
2914 display: -webkit-box; 2932 display: -webkit-box;
2915 display: -ms-flexbox; 2933 display: -ms-flexbox;
2916 display: flex; 2934 display: flex;
2917 -webkit-box-orient: vertical; 2935 -webkit-box-orient: vertical;
2918 -webkit-box-direction: normal; 2936 -webkit-box-direction: normal;
2919 -ms-flex-direction: column; 2937 -ms-flex-direction: column;
2920 flex-direction: column; 2938 flex-direction: column;
2921 -webkit-box-align: start; 2939 -webkit-box-align: start;
2922 -ms-flex-align: start; 2940 -ms-flex-align: start;
2923 align-items: flex-start; 2941 align-items: flex-start;
2924 gap: 16px; 2942 gap: 16px;
2925 margin-bottom: 16px; 2943 margin-bottom: 16px;
2926 } 2944 }
2927 .footer__main-contacts a { 2945 .footer__main-contacts a {
2928 color: #377d87; 2946 color: #377d87;
2929 text-decoration: underline; 2947 text-decoration: underline;
2930 } 2948 }
2931 .footer__main-contacts a + a { 2949 .footer__main-contacts a + a {
2932 color: #000; 2950 color: #000;
2933 } 2951 }
2934 .footer__main-copy { 2952 .footer__main-copy {
2935 display: -webkit-box; 2953 display: -webkit-box;
2936 display: -ms-flexbox; 2954 display: -ms-flexbox;
2937 display: flex; 2955 display: flex;
2938 -webkit-box-pack: justify; 2956 -webkit-box-pack: justify;
2939 -ms-flex-pack: justify; 2957 -ms-flex-pack: justify;
2940 justify-content: space-between; 2958 justify-content: space-between;
2941 -webkit-box-align: center; 2959 -webkit-box-align: center;
2942 -ms-flex-align: center; 2960 -ms-flex-align: center;
2943 align-items: center; 2961 align-items: center;
2944 font-size: 14px; 2962 font-size: 14px;
2945 line-height: 1.4; 2963 line-height: 1.4;
2946 } 2964 }
2947 .footer__main-copy nav { 2965 .footer__main-copy nav {
2948 display: -webkit-box; 2966 display: -webkit-box;
2949 display: -ms-flexbox; 2967 display: -ms-flexbox;
2950 display: flex; 2968 display: flex;
2951 -webkit-box-align: center; 2969 -webkit-box-align: center;
2952 -ms-flex-align: center; 2970 -ms-flex-align: center;
2953 align-items: center; 2971 align-items: center;
2954 gap: 10px; 2972 gap: 10px;
2955 } 2973 }
2956 .footer__main-copy nav a:hover { 2974 .footer__main-copy nav a:hover {
2957 color: #377d87; 2975 color: #377d87;
2958 } 2976 }
2959 .footer__main-copy nav span { 2977 .footer__main-copy nav span {
2960 width: 1px; 2978 width: 1px;
2961 height: 20px; 2979 height: 20px;
2962 background: #000; 2980 background: #000;
2963 } 2981 }
2964 2982
2965 .main { 2983 .main {
2966 position: relative; 2984 position: relative;
2967 overflow: hidden; 2985 overflow: hidden;
2968 padding: 30px 0; 2986 padding: 30px 0;
2969 } 2987 }
2970 @media (min-width: 768px) { 2988 @media (min-width: 768px) {
2971 .main { 2989 .main {
2972 padding: 40px 0; 2990 padding: 40px 0;
2973 } 2991 }
2974 } 2992 }
2975 @media (min-width: 992px) { 2993 @media (min-width: 992px) {
2976 .main { 2994 .main {
2977 padding: 50px 0; 2995 padding: 50px 0;
2978 } 2996 }
2979 } 2997 }
2980 @media (min-width: 1280px) { 2998 @media (min-width: 1280px) {
2981 .main { 2999 .main {
2982 padding: 60px 0; 3000 padding: 60px 0;
2983 } 3001 }
2984 } 3002 }
2985 .main h2 { 3003 .main h2 {
2986 margin: 0; 3004 margin: 0;
2987 font-weight: 700; 3005 font-weight: 700;
2988 font-size: 30px; 3006 font-size: 30px;
2989 } 3007 }
2990 @media (min-width: 768px) { 3008 @media (min-width: 768px) {
2991 .main h2 { 3009 .main h2 {
2992 font-size: 44px; 3010 font-size: 44px;
2993 } 3011 }
2994 } 3012 }
2995 .main h3 { 3013 .main h3 {
2996 margin: 0; 3014 margin: 0;
2997 font-weight: 700; 3015 font-weight: 700;
2998 font-size: 22px; 3016 font-size: 22px;
2999 } 3017 }
3000 @media (min-width: 768px) { 3018 @media (min-width: 768px) {
3001 .main h3 { 3019 .main h3 {
3002 font-size: 28px; 3020 font-size: 28px;
3003 } 3021 }
3004 } 3022 }
3005 .main p { 3023 .main p {
3006 margin: 0; 3024 margin: 0;
3007 font-size: 14px; 3025 font-size: 14px;
3008 line-height: 1.4; 3026 line-height: 1.4;
3009 } 3027 }
3010 @media (min-width: 768px) { 3028 @media (min-width: 768px) {
3011 .main p { 3029 .main p {
3012 font-size: 18px; 3030 font-size: 18px;
3013 } 3031 }
3014 } 3032 }
3015 .main p a { 3033 .main p a {
3016 color: #4d88d9; 3034 color: #4d88d9;
3017 } 3035 }
3018 .main p a:hover { 3036 .main p a:hover {
3019 color: #377d87; 3037 color: #377d87;
3020 } 3038 }
3021 .main__breadcrumbs { 3039 .main__breadcrumbs {
3022 margin-bottom: 20px; 3040 margin-bottom: 20px;
3023 } 3041 }
3024 @media (min-width: 768px) { 3042 @media (min-width: 768px) {
3025 .main__breadcrumbs { 3043 .main__breadcrumbs {
3026 margin-bottom: 40px; 3044 margin-bottom: 40px;
3027 } 3045 }
3028 } 3046 }
3029 .main__content { 3047 .main__content {
3030 display: -webkit-box; 3048 display: -webkit-box;
3031 display: -ms-flexbox; 3049 display: -ms-flexbox;
3032 display: flex; 3050 display: flex;
3033 -webkit-box-orient: vertical; 3051 -webkit-box-orient: vertical;
3034 -webkit-box-direction: normal; 3052 -webkit-box-direction: normal;
3035 -ms-flex-direction: column; 3053 -ms-flex-direction: column;
3036 flex-direction: column; 3054 flex-direction: column;
3037 gap: 20px; 3055 gap: 20px;
3038 font-size: 14px; 3056 font-size: 14px;
3039 } 3057 }
3040 @media (min-width: 992px) { 3058 @media (min-width: 992px) {
3041 .main__content { 3059 .main__content {
3042 font-size: 18px; 3060 font-size: 18px;
3043 gap: 32px; 3061 gap: 32px;
3044 } 3062 }
3045 } 3063 }
3046 .main__content-item { 3064 .main__content-item {
3047 display: -webkit-box; 3065 display: -webkit-box;
3048 display: -ms-flexbox; 3066 display: -ms-flexbox;
3049 display: flex; 3067 display: flex;
3050 -webkit-box-orient: vertical; 3068 -webkit-box-orient: vertical;
3051 -webkit-box-direction: normal; 3069 -webkit-box-direction: normal;
3052 -ms-flex-direction: column; 3070 -ms-flex-direction: column;
3053 flex-direction: column; 3071 flex-direction: column;
3054 gap: 16px; 3072 gap: 16px;
3055 } 3073 }
3056 .main__content h1, 3074 .main__content h1,
3057 .main__content h2, 3075 .main__content h2,
3058 .main__content h3, 3076 .main__content h3,
3059 .main__content h4, 3077 .main__content h4,
3060 .main__content h5, 3078 .main__content h5,
3061 .main__content h6 { 3079 .main__content h6 {
3062 color: #000; 3080 color: #000;
3063 } 3081 }
3064 .main__content ul, 3082 .main__content ul,
3065 .main__content ol { 3083 .main__content ol {
3066 padding: 0; 3084 padding: 0;
3067 margin: 0; 3085 margin: 0;
3068 padding-left: 20px; 3086 padding-left: 20px;
3069 display: -webkit-box; 3087 display: -webkit-box;
3070 display: -ms-flexbox; 3088 display: -ms-flexbox;
3071 display: flex; 3089 display: flex;
3072 -webkit-box-orient: vertical; 3090 -webkit-box-orient: vertical;
3073 -webkit-box-direction: normal; 3091 -webkit-box-direction: normal;
3074 -ms-flex-direction: column; 3092 -ms-flex-direction: column;
3075 flex-direction: column; 3093 flex-direction: column;
3076 gap: 8px; 3094 gap: 8px;
3077 } 3095 }
3078 @media (min-width: 992px) { 3096 @media (min-width: 992px) {
3079 .main__content ul, 3097 .main__content ul,
3080 .main__content ol { 3098 .main__content ol {
3081 gap: 16px; 3099 gap: 16px;
3082 padding-left: 30px; 3100 padding-left: 30px;
3083 } 3101 }
3084 } 3102 }
3085 .main__content li ul, 3103 .main__content li ul,
3086 .main__content li ol { 3104 .main__content li ol {
3087 margin-top: 8px; 3105 margin-top: 8px;
3088 } 3106 }
3089 @media (min-width: 992px) { 3107 @media (min-width: 992px) {
3090 .main__content li ul, 3108 .main__content li ul,
3091 .main__content li ol { 3109 .main__content li ol {
3092 margin-top: 16px; 3110 margin-top: 16px;
3093 } 3111 }
3094 } 3112 }
3095 .main__content li ul li, 3113 .main__content li ul li,
3096 .main__content li ol li { 3114 .main__content li ol li {
3097 list-style-type: disc; 3115 list-style-type: disc;
3098 } 3116 }
3099 .main__gallery { 3117 .main__gallery {
3100 display: -webkit-box; 3118 display: -webkit-box;
3101 display: -ms-flexbox; 3119 display: -ms-flexbox;
3102 display: flex; 3120 display: flex;
3103 -webkit-box-orient: vertical; 3121 -webkit-box-orient: vertical;
3104 -webkit-box-direction: normal; 3122 -webkit-box-direction: normal;
3105 -ms-flex-direction: column; 3123 -ms-flex-direction: column;
3106 flex-direction: column; 3124 flex-direction: column;
3107 gap: 20px; 3125 gap: 20px;
3108 } 3126 }
3109 @media (min-width: 768px) { 3127 @media (min-width: 768px) {
3110 .main__gallery { 3128 .main__gallery {
3111 display: grid; 3129 display: grid;
3112 grid-template-columns: repeat(2, 1fr); 3130 grid-template-columns: repeat(2, 1fr);
3113 } 3131 }
3114 } 3132 }
3115 @media (min-width: 992px) { 3133 @media (min-width: 992px) {
3116 .main__gallery { 3134 .main__gallery {
3117 grid-template-columns: repeat(3, 1fr); 3135 grid-template-columns: repeat(3, 1fr);
3118 } 3136 }
3119 } 3137 }
3120 .main__gallery-item { 3138 .main__gallery-item {
3121 width: 100%; 3139 width: 100%;
3122 aspect-ratio: 400/224; 3140 aspect-ratio: 400/224;
3123 border-radius: 30px; 3141 border-radius: 30px;
3124 position: relative; 3142 position: relative;
3125 overflow: hidden; 3143 overflow: hidden;
3126 } 3144 }
3127 .main__gallery-item:hover { 3145 .main__gallery-item:hover {
3128 -webkit-filter: brightness(1.1); 3146 -webkit-filter: brightness(1.1);
3129 filter: brightness(1.1); 3147 filter: brightness(1.1);
3130 } 3148 }
3131 .main__gallery-item img { 3149 .main__gallery-item img {
3132 position: absolute; 3150 position: absolute;
3133 top: 0; 3151 top: 0;
3134 left: 0; 3152 left: 0;
3135 width: 100%; 3153 width: 100%;
3136 height: 100%; 3154 height: 100%;
3137 -o-object-fit: cover; 3155 -o-object-fit: cover;
3138 object-fit: cover; 3156 object-fit: cover;
3139 } 3157 }
3140 .main__employers { 3158 .main__employers {
3141 display: -webkit-box; 3159 display: -webkit-box;
3142 display: -ms-flexbox; 3160 display: -ms-flexbox;
3143 display: flex; 3161 display: flex;
3144 -webkit-box-orient: vertical; 3162 -webkit-box-orient: vertical;
3145 -webkit-box-direction: normal; 3163 -webkit-box-direction: normal;
3146 -ms-flex-direction: column; 3164 -ms-flex-direction: column;
3147 flex-direction: column; 3165 flex-direction: column;
3148 gap: 10px; 3166 gap: 10px;
3149 } 3167 }
3150 @media (min-width: 768px) { 3168 @media (min-width: 768px) {
3151 .main__employers { 3169 .main__employers {
3152 gap: 30px; 3170 gap: 30px;
3153 } 3171 }
3154 } 3172 }
3155 .main__employers-body { 3173 .main__employers-body {
3156 display: none; 3174 display: none;
3157 -webkit-box-orient: vertical; 3175 -webkit-box-orient: vertical;
3158 -webkit-box-direction: normal; 3176 -webkit-box-direction: normal;
3159 -ms-flex-direction: column; 3177 -ms-flex-direction: column;
3160 flex-direction: column; 3178 flex-direction: column;
3161 gap: 20px; 3179 gap: 20px;
3162 } 3180 }
3163 @media (min-width: 992px) { 3181 @media (min-width: 992px) {
3164 .main__employers-body { 3182 .main__employers-body {
3165 gap: 30px; 3183 gap: 30px;
3166 } 3184 }
3167 } 3185 }
3168 .main__employers-body.showed { 3186 .main__employers-body.showed {
3169 display: -webkit-box; 3187 display: -webkit-box;
3170 display: -ms-flexbox; 3188 display: -ms-flexbox;
3171 display: flex; 3189 display: flex;
3172 } 3190 }
3173 .main__employers-item { 3191 .main__employers-item {
3174 display: -webkit-box; 3192 display: -webkit-box;
3175 display: -ms-flexbox; 3193 display: -ms-flexbox;
3176 display: flex; 3194 display: flex;
3177 -webkit-box-orient: vertical; 3195 -webkit-box-orient: vertical;
3178 -webkit-box-direction: normal; 3196 -webkit-box-direction: normal;
3179 -ms-flex-direction: column; 3197 -ms-flex-direction: column;
3180 flex-direction: column; 3198 flex-direction: column;
3181 border: 1px solid #cecece; 3199 border: 1px solid #cecece;
3182 border-radius: 8px; 3200 border-radius: 8px;
3183 position: relative; 3201 position: relative;
3184 overflow: hidden; 3202 overflow: hidden;
3185 padding: 10px; 3203 padding: 10px;
3186 padding-top: 50px; 3204 padding-top: 50px;
3187 padding-bottom: 30px; 3205 padding-bottom: 30px;
3188 } 3206 }
3189 @media (min-width: 768px) { 3207 @media (min-width: 768px) {
3190 .main__employers-item { 3208 .main__employers-item {
3191 -webkit-box-orient: horizontal; 3209 -webkit-box-orient: horizontal;
3192 -webkit-box-direction: normal; 3210 -webkit-box-direction: normal;
3193 -ms-flex-direction: row; 3211 -ms-flex-direction: row;
3194 flex-direction: row; 3212 flex-direction: row;
3195 -webkit-box-align: center; 3213 -webkit-box-align: center;
3196 -ms-flex-align: center; 3214 -ms-flex-align: center;
3197 align-items: center; 3215 align-items: center;
3198 -webkit-box-pack: justify; 3216 -webkit-box-pack: justify;
3199 -ms-flex-pack: justify; 3217 -ms-flex-pack: justify;
3200 justify-content: space-between; 3218 justify-content: space-between;
3201 padding: 55px 20px; 3219 padding: 55px 20px;
3202 } 3220 }
3203 } 3221 }
3204 @media (min-width: 1280px) { 3222 @media (min-width: 1280px) {
3205 .main__employers-item { 3223 .main__employers-item {
3206 padding-left: 55px; 3224 padding-left: 55px;
3207 } 3225 }
3208 } 3226 }
3209 .main__employers-item-inner { 3227 .main__employers-item-inner {
3210 display: -webkit-box; 3228 display: -webkit-box;
3211 display: -ms-flexbox; 3229 display: -ms-flexbox;
3212 display: flex; 3230 display: flex;
3213 -webkit-box-orient: vertical; 3231 -webkit-box-orient: vertical;
3214 -webkit-box-direction: normal; 3232 -webkit-box-direction: normal;
3215 -ms-flex-direction: column; 3233 -ms-flex-direction: column;
3216 flex-direction: column; 3234 flex-direction: column;
3217 } 3235 }
3218 @media (min-width: 768px) { 3236 @media (min-width: 768px) {
3219 .main__employers-item-inner { 3237 .main__employers-item-inner {
3220 width: calc(100% - 200px); 3238 width: calc(100% - 200px);
3221 padding-right: 40px; 3239 padding-right: 40px;
3222 } 3240 }
3223 } 3241 }
3224 @media (min-width: 992px) { 3242 @media (min-width: 992px) {
3225 .main__employers-item-inner { 3243 .main__employers-item-inner {
3226 -webkit-box-orient: horizontal; 3244 -webkit-box-orient: horizontal;
3227 -webkit-box-direction: normal; 3245 -webkit-box-direction: normal;
3228 -ms-flex-direction: row; 3246 -ms-flex-direction: row;
3229 flex-direction: row; 3247 flex-direction: row;
3230 -webkit-box-align: center; 3248 -webkit-box-align: center;
3231 -ms-flex-align: center; 3249 -ms-flex-align: center;
3232 align-items: center; 3250 align-items: center;
3233 } 3251 }
3234 } 3252 }
3235 .main__employers-item-pic { 3253 .main__employers-item-pic {
3236 height: 30px; 3254 height: 30px;
3237 position: absolute; 3255 position: absolute;
3238 top: 10px; 3256 top: 10px;
3239 left: 10px; 3257 left: 10px;
3240 } 3258 }
3241 @media (min-width: 768px) { 3259 @media (min-width: 768px) {
3242 .main__employers-item-pic { 3260 .main__employers-item-pic {
3243 position: static; 3261 position: static;
3244 width: 150px; 3262 width: 150px;
3245 height: auto; 3263 height: auto;
3246 max-height: 150px; 3264 max-height: 150px;
3247 -o-object-fit: contain; 3265 -o-object-fit: contain;
3248 object-fit: contain; 3266 object-fit: contain;
3249 } 3267 }
3250 } 3268 }
3251 .main__employers-item-body { 3269 .main__employers-item-body {
3252 font-size: 12px; 3270 font-size: 12px;
3253 display: -webkit-box; 3271 display: -webkit-box;
3254 display: -ms-flexbox; 3272 display: -ms-flexbox;
3255 display: flex; 3273 display: flex;
3256 -webkit-box-orient: vertical; 3274 -webkit-box-orient: vertical;
3257 -webkit-box-direction: normal; 3275 -webkit-box-direction: normal;
3258 -ms-flex-direction: column; 3276 -ms-flex-direction: column;
3259 flex-direction: column; 3277 flex-direction: column;
3260 gap: 10px; 3278 gap: 10px;
3261 } 3279 }
3262 @media (min-width: 768px) { 3280 @media (min-width: 768px) {
3263 .main__employers-item-body { 3281 .main__employers-item-body {
3264 font-size: 16px; 3282 font-size: 16px;
3265 padding-top: 20px; 3283 padding-top: 20px;
3266 } 3284 }
3267 } 3285 }
3268 @media (min-width: 992px) { 3286 @media (min-width: 992px) {
3269 .main__employers-item-body { 3287 .main__employers-item-body {
3270 width: calc(100% - 150px); 3288 width: calc(100% - 150px);
3271 padding: 0; 3289 padding: 0;
3272 padding-left: 40px; 3290 padding-left: 40px;
3273 } 3291 }
3274 } 3292 }
3275 .main__employers-item-body b { 3293 .main__employers-item-body b {
3276 font-weight: 700; 3294 font-weight: 700;
3277 } 3295 }
3278 @media (min-width: 768px) { 3296 @media (min-width: 768px) {
3279 .main__employers-item-body b { 3297 .main__employers-item-body b {
3280 font-size: 20px; 3298 font-size: 20px;
3281 } 3299 }
3282 } 3300 }
3283 .main__employers-item-body i { 3301 .main__employers-item-body i {
3284 font-style: normal; 3302 font-style: normal;
3285 color: #000; 3303 color: #000;
3286 } 3304 }
3287 .main__employers-item-more { 3305 .main__employers-item-more {
3288 position: absolute; 3306 position: absolute;
3289 top: 10px; 3307 top: 10px;
3290 right: 10px; 3308 right: 10px;
3291 } 3309 }
3292 @media (min-width: 768px) { 3310 @media (min-width: 768px) {
3293 .main__employers-item-more { 3311 .main__employers-item-more {
3294 width: 200px; 3312 width: 200px;
3295 padding: 0; 3313 padding: 0;
3296 position: static; 3314 position: static;
3297 } 3315 }
3298 } 3316 }
3299 .main__employers-item-label { 3317 .main__employers-item-label {
3300 background: #4d88d9; 3318 background: #4d88d9;
3301 color: #fff; 3319 color: #fff;
3302 border-radius: 6px; 3320 border-radius: 6px;
3303 width: 100%; 3321 width: 100%;
3304 height: 20px; 3322 height: 20px;
3305 display: -webkit-box; 3323 display: -webkit-box;
3306 display: -ms-flexbox; 3324 display: -ms-flexbox;
3307 display: flex; 3325 display: flex;
3308 -webkit-box-align: center; 3326 -webkit-box-align: center;
3309 -ms-flex-align: center; 3327 -ms-flex-align: center;
3310 align-items: center; 3328 align-items: center;
3311 padding: 0 12px; 3329 padding: 0 12px;
3312 position: absolute; 3330 position: absolute;
3313 bottom: 0; 3331 bottom: 0;
3314 left: 0; 3332 left: 0;
3315 font-size: 12px; 3333 font-size: 12px;
3316 line-height: 1; 3334 line-height: 1;
3317 } 3335 }
3318 @media (min-width: 768px) { 3336 @media (min-width: 768px) {
3319 .main__employers-item-label { 3337 .main__employers-item-label {
3320 max-width: 350px; 3338 max-width: 350px;
3321 height: 30px; 3339 height: 30px;
3322 font-size: 15px; 3340 font-size: 15px;
3323 } 3341 }
3324 } 3342 }
3325 .main__employers-item-label svg { 3343 .main__employers-item-label svg {
3326 width: 8px; 3344 width: 8px;
3327 height: 8px; 3345 height: 8px;
3328 } 3346 }
3329 @media (min-width: 768px) { 3347 @media (min-width: 768px) {
3330 .main__employers-item-label svg { 3348 .main__employers-item-label svg {
3331 width: 12px; 3349 width: 12px;
3332 height: 12px; 3350 height: 12px;
3333 } 3351 }
3334 } 3352 }
3335 .main__employers-item-label span { 3353 .main__employers-item-label span {
3336 overflow: hidden; 3354 overflow: hidden;
3337 display: -webkit-box; 3355 display: -webkit-box;
3338 -webkit-box-orient: vertical; 3356 -webkit-box-orient: vertical;
3339 -webkit-line-clamp: 1; 3357 -webkit-line-clamp: 1;
3340 width: calc(100% - 8px); 3358 width: calc(100% - 8px);
3341 padding-left: 6px; 3359 padding-left: 6px;
3342 } 3360 }
3343 .main__employers-one { 3361 .main__employers-one {
3344 display: -webkit-box; 3362 display: -webkit-box;
3345 display: -ms-flexbox; 3363 display: -ms-flexbox;
3346 display: flex; 3364 display: flex;
3347 -webkit-box-orient: vertical; 3365 -webkit-box-orient: vertical;
3348 -webkit-box-direction: normal; 3366 -webkit-box-direction: normal;
3349 -ms-flex-direction: column; 3367 -ms-flex-direction: column;
3350 flex-direction: column; 3368 flex-direction: column;
3351 gap: 20px; 3369 gap: 20px;
3352 } 3370 }
3353 .main__employers-two { 3371 .main__employers-two {
3354 display: -webkit-box; 3372 display: -webkit-box;
3355 display: -ms-flexbox; 3373 display: -ms-flexbox;
3356 display: flex; 3374 display: flex;
3357 -webkit-box-orient: vertical; 3375 -webkit-box-orient: vertical;
3358 -webkit-box-direction: normal; 3376 -webkit-box-direction: normal;
3359 -ms-flex-direction: column; 3377 -ms-flex-direction: column;
3360 flex-direction: column; 3378 flex-direction: column;
3361 gap: 20px; 3379 gap: 20px;
3362 } 3380 }
3363 @media (min-width: 768px) { 3381 @media (min-width: 768px) {
3364 .main__employers-two { 3382 .main__employers-two {
3365 -webkit-box-orient: horizontal; 3383 -webkit-box-orient: horizontal;
3366 -webkit-box-direction: normal; 3384 -webkit-box-direction: normal;
3367 -ms-flex-direction: row; 3385 -ms-flex-direction: row;
3368 flex-direction: row; 3386 flex-direction: row;
3369 -ms-flex-wrap: wrap; 3387 -ms-flex-wrap: wrap;
3370 flex-wrap: wrap; 3388 flex-wrap: wrap;
3371 -webkit-box-align: start; 3389 -webkit-box-align: start;
3372 -ms-flex-align: start; 3390 -ms-flex-align: start;
3373 align-items: flex-start; 3391 align-items: flex-start;
3374 -webkit-box-pack: justify; 3392 -webkit-box-pack: justify;
3375 -ms-flex-pack: justify; 3393 -ms-flex-pack: justify;
3376 justify-content: space-between; 3394 justify-content: space-between;
3377 gap: 20px 0; 3395 gap: 20px 0;
3378 } 3396 }
3379 } 3397 }
3380 .main__employers-two .main__employers-item { 3398 .main__employers-two .main__employers-item {
3381 width: calc(50% - 10px); 3399 width: calc(50% - 10px);
3382 -webkit-box-orient: vertical; 3400 -webkit-box-orient: vertical;
3383 -webkit-box-direction: normal; 3401 -webkit-box-direction: normal;
3384 -ms-flex-direction: column; 3402 -ms-flex-direction: column;
3385 flex-direction: column; 3403 flex-direction: column;
3386 -webkit-box-align: stretch; 3404 -webkit-box-align: stretch;
3387 -ms-flex-align: stretch; 3405 -ms-flex-align: stretch;
3388 align-items: stretch; 3406 align-items: stretch;
3389 padding-top: 30px; 3407 padding-top: 30px;
3390 } 3408 }
3391 .main__employers-two .main__employers-item-inner { 3409 .main__employers-two .main__employers-item-inner {
3392 width: 100%; 3410 width: 100%;
3393 padding: 0; 3411 padding: 0;
3394 } 3412 }
3395 .main__employers-two .main__employers-item-more { 3413 .main__employers-two .main__employers-item-more {
3396 position: static; 3414 position: static;
3397 margin-top: 20px; 3415 margin-top: 20px;
3398 } 3416 }
3399 @media (min-width: 992px) { 3417 @media (min-width: 992px) {
3400 .main__employers-two .main__employers-item-more { 3418 .main__employers-two .main__employers-item-more {
3401 margin-left: 190px; 3419 margin-left: 190px;
3402 } 3420 }
3403 } 3421 }
3404 .main__employers-two .main__employers-item-label { 3422 .main__employers-two .main__employers-item-label {
3405 max-width: none; 3423 max-width: none;
3406 } 3424 }
3407 .main__employer-page { 3425 .main__employer-page {
3408 display: -webkit-box; 3426 display: -webkit-box;
3409 display: -ms-flexbox; 3427 display: -ms-flexbox;
3410 display: flex; 3428 display: flex;
3411 -webkit-box-orient: vertical; 3429 -webkit-box-orient: vertical;
3412 -webkit-box-direction: normal; 3430 -webkit-box-direction: normal;
3413 -ms-flex-direction: column; 3431 -ms-flex-direction: column;
3414 flex-direction: column; 3432 flex-direction: column;
3415 gap: 20px; 3433 gap: 20px;
3416 } 3434 }
3417 @media (min-width: 768px) { 3435 @media (min-width: 768px) {
3418 .main__employer-page { 3436 .main__employer-page {
3419 gap: 30px; 3437 gap: 30px;
3420 } 3438 }
3421 } 3439 }
3422 .main__employer-page-title { 3440 .main__employer-page-title {
3423 color: #000; 3441 color: #000;
3424 margin: 0; 3442 margin: 0;
3425 font-size: 30px; 3443 font-size: 30px;
3426 } 3444 }
3427 @media (min-width: 768px) { 3445 @media (min-width: 768px) {
3428 .main__employer-page-title { 3446 .main__employer-page-title {
3429 font-size: 36px; 3447 font-size: 36px;
3430 } 3448 }
3431 } 3449 }
3432 @media (min-width: 992px) { 3450 @media (min-width: 992px) {
3433 .main__employer-page-title { 3451 .main__employer-page-title {
3434 font-size: 44px; 3452 font-size: 44px;
3435 } 3453 }
3436 } 3454 }
3437 .main__employer-page-item { 3455 .main__employer-page-item {
3438 display: -webkit-box; 3456 display: -webkit-box;
3439 display: -ms-flexbox; 3457 display: -ms-flexbox;
3440 display: flex; 3458 display: flex;
3441 -webkit-box-orient: vertical; 3459 -webkit-box-orient: vertical;
3442 -webkit-box-direction: normal; 3460 -webkit-box-direction: normal;
3443 -ms-flex-direction: column; 3461 -ms-flex-direction: column;
3444 flex-direction: column; 3462 flex-direction: column;
3445 gap: 4px; 3463 gap: 4px;
3446 font-size: 12px; 3464 font-size: 12px;
3447 line-height: 1.4; 3465 line-height: 1.4;
3448 width: 190px; 3466 width: 190px;
3449 } 3467 }
3450 .main__employer-page-item.main__employer-page-description{ 3468 .main__employer-page-item.main__employer-page-description{
3451 width: unset; 3469 width: unset;
3452 } 3470 }
3453 @media (min-width: 768px) { 3471 @media (min-width: 768px) {
3454 .main__employer-page-item { 3472 .main__employer-page-item {
3455 font-size: 18px; 3473 font-size: 18px;
3456 gap: 8px; 3474 gap: 8px;
3457 } 3475 }
3458 } 3476 }
3459 .main__employer-page-item b { 3477 .main__employer-page-item b {
3460 color: #377d87; 3478 color: #377d87;
3461 font-size: 14px; 3479 font-size: 14px;
3462 } 3480 }
3463 @media (min-width: 768px) { 3481 @media (min-width: 768px) {
3464 .main__employer-page-item b { 3482 .main__employer-page-item b {
3465 font-size: 18px; 3483 font-size: 18px;
3466 } 3484 }
3467 } 3485 }
3468 .main__employer-page-item span { 3486 .main__employer-page-item span {
3469 color: #000; 3487 color: #000;
3470 } 3488 }
3471 .main__employer-page-info { 3489 .main__employer-page-info {
3472 display: -webkit-box; 3490 display: -webkit-box;
3473 display: -ms-flexbox; 3491 display: -ms-flexbox;
3474 display: flex; 3492 display: flex;
3475 -webkit-box-orient: vertical; 3493 -webkit-box-orient: vertical;
3476 -webkit-box-direction: normal; 3494 -webkit-box-direction: normal;
3477 -ms-flex-direction: column; 3495 -ms-flex-direction: column;
3478 flex-direction: column; 3496 flex-direction: column;
3479 gap: 20px; 3497 gap: 20px;
3480 } 3498 }
3481 .main__employer-page-info.row2{ 3499 .main__employer-page-info.row2{
3482 justify-content: flex-start; 3500 justify-content: flex-start;
3483 } 3501 }
3484 .main__employer-page-info.row2 .main__employer-page-item{ 3502 .main__employer-page-info.row2 .main__employer-page-item{
3485 width: 25%; 3503 width: 25%;
3486 } 3504 }
3487 @media (min-width: 768px) { 3505 @media (min-width: 768px) {
3488 .main__employer-page-info { 3506 .main__employer-page-info {
3489 display: grid; 3507 display: grid;
3490 grid-template-columns: repeat(2, 1fr); 3508 grid-template-columns: repeat(2, 1fr);
3491 gap: 30px 40px; 3509 gap: 30px 40px;
3492 } 3510 }
3493 } 3511 }
3494 @media (min-width: 1280px) { 3512 @media (min-width: 1280px) {
3495 .main__employer-page-info { 3513 .main__employer-page-info {
3496 display: -webkit-box; 3514 display: -webkit-box;
3497 display: -ms-flexbox; 3515 display: -ms-flexbox;
3498 display: flex; 3516 display: flex;
3499 -webkit-box-orient: horizontal; 3517 -webkit-box-orient: horizontal;
3500 -webkit-box-direction: normal; 3518 -webkit-box-direction: normal;
3501 -ms-flex-direction: row; 3519 -ms-flex-direction: row;
3502 flex-direction: row; 3520 flex-direction: row;
3503 -webkit-box-align: start; 3521 -webkit-box-align: start;
3504 -ms-flex-align: start; 3522 -ms-flex-align: start;
3505 align-items: flex-start; 3523 align-items: flex-start;
3506 -webkit-box-pack: justify; 3524 -webkit-box-pack: justify;
3507 -ms-flex-pack: justify; 3525 -ms-flex-pack: justify;
3508 justify-content: space-between; 3526 justify-content: space-between;
3509 padding-right: 160px; 3527 padding-right: 160px;
3510 } 3528 }
3511 } 3529 }
3512 @media (min-width: 768px) { 3530 @media (min-width: 768px) {
3513 .main__employer-page-info .main__employer-page-item b, 3531 .main__employer-page-info .main__employer-page-item b,
3514 .main__employer-page-info .main__employer-page-item span { 3532 .main__employer-page-info .main__employer-page-item span {
3515 max-width: 300px; 3533 max-width: 300px;
3516 } 3534 }
3517 } 3535 }
3518 .main__employer-page-tabs { 3536 .main__employer-page-tabs {
3519 display: -webkit-box; 3537 display: -webkit-box;
3520 display: -ms-flexbox; 3538 display: -ms-flexbox;
3521 display: flex; 3539 display: flex;
3522 -webkit-box-align: center; 3540 -webkit-box-align: center;
3523 -ms-flex-align: center; 3541 -ms-flex-align: center;
3524 align-items: center; 3542 align-items: center;
3525 gap: 20px; 3543 gap: 20px;
3526 } 3544 }
3527 @media (min-width: 768px) { 3545 @media (min-width: 768px) {
3528 .main__employer-page-tabs { 3546 .main__employer-page-tabs {
3529 margin-top: 20px; 3547 margin-top: 20px;
3530 } 3548 }
3531 } 3549 }
3532 .main__employer-page-tabs-item { 3550 .main__employer-page-tabs-item {
3533 font-size: 22px; 3551 font-size: 22px;
3534 font-weight: 700; 3552 font-weight: 700;
3535 border: none; 3553 border: none;
3536 background: none; 3554 background: none;
3537 padding: 0; 3555 padding: 0;
3538 color: #9c9d9d; 3556 color: #9c9d9d;
3539 text-decoration: underline; 3557 text-decoration: underline;
3540 text-decoration-thickness: 1px; 3558 text-decoration-thickness: 1px;
3541 } 3559 }
3542 @media (min-width: 768px) { 3560 @media (min-width: 768px) {
3543 .main__employer-page-tabs-item { 3561 .main__employer-page-tabs-item {
3544 font-size: 24px; 3562 font-size: 24px;
3545 } 3563 }
3546 } 3564 }
3547 .main__employer-page-tabs-item.active { 3565 .main__employer-page-tabs-item.active {
3548 color: #377d87; 3566 color: #377d87;
3549 } 3567 }
3550 .main__employer-page-body { 3568 .main__employer-page-body {
3551 display: -webkit-box; 3569 display: -webkit-box;
3552 display: -ms-flexbox; 3570 display: -ms-flexbox;
3553 display: flex; 3571 display: flex;
3554 -webkit-box-orient: vertical; 3572 -webkit-box-orient: vertical;
3555 -webkit-box-direction: normal; 3573 -webkit-box-direction: normal;
3556 -ms-flex-direction: column; 3574 -ms-flex-direction: column;
3557 flex-direction: column; 3575 flex-direction: column;
3558 margin-top: 10px; 3576 margin-top: 10px;
3559 } 3577 }
3560 @media (min-width: 768px) { 3578 @media (min-width: 768px) {
3561 .main__employer-page-body { 3579 .main__employer-page-body {
3562 margin-top: 30px; 3580 margin-top: 30px;
3563 } 3581 }
3564 } 3582 }
3565 .main__employer-page-body-item { 3583 .main__employer-page-body-item {
3566 display: none; 3584 display: none;
3567 -webkit-box-orient: vertical; 3585 -webkit-box-orient: vertical;
3568 -webkit-box-direction: normal; 3586 -webkit-box-direction: normal;
3569 -ms-flex-direction: column; 3587 -ms-flex-direction: column;
3570 flex-direction: column; 3588 flex-direction: column;
3571 gap: 20px; 3589 gap: 20px;
3572 } 3590 }
3573 .main__employer-page-body-item.showed { 3591 .main__employer-page-body-item.showed {
3574 display: -webkit-box; 3592 display: -webkit-box;
3575 display: -ms-flexbox; 3593 display: -ms-flexbox;
3576 display: flex; 3594 display: flex;
3577 } 3595 }
3578 .main__employer-page-one { 3596 .main__employer-page-one {
3579 display: -webkit-box; 3597 display: -webkit-box;
3580 display: -ms-flexbox; 3598 display: -ms-flexbox;
3581 display: flex; 3599 display: flex;
3582 -webkit-box-orient: vertical; 3600 -webkit-box-orient: vertical;
3583 -webkit-box-direction: normal; 3601 -webkit-box-direction: normal;
3584 -ms-flex-direction: column; 3602 -ms-flex-direction: column;
3585 flex-direction: column; 3603 flex-direction: column;
3586 gap: 20px; 3604 gap: 20px;
3587 } 3605 }
3588 @media (min-width: 768px) { 3606 @media (min-width: 768px) {
3589 .main__employer-page-one { 3607 .main__employer-page-one {
3590 display: grid; 3608 display: grid;
3591 grid-template-columns: repeat(2, 1fr); 3609 grid-template-columns: repeat(2, 1fr);
3592 } 3610 }
3593 } 3611 }
3594 @media (min-width: 992px) { 3612 @media (min-width: 992px) {
3595 .main__employer-page-one { 3613 .main__employer-page-one {
3596 grid-template-columns: repeat(3, 1fr); 3614 grid-template-columns: repeat(3, 1fr);
3597 } 3615 }
3598 } 3616 }
3599 @media (min-width: 1280px) { 3617 @media (min-width: 1280px) {
3600 .main__employer-page-one { 3618 .main__employer-page-one {
3601 grid-template-columns: repeat(4, 1fr); 3619 grid-template-columns: repeat(4, 1fr);
3602 gap: 30px 20px; 3620 gap: 30px 20px;
3603 } 3621 }
3604 } 3622 }
3605 .main__employer-page-one-item { 3623 .main__employer-page-one-item {
3606 display: -webkit-box; 3624 display: -webkit-box;
3607 display: -ms-flexbox; 3625 display: -ms-flexbox;
3608 display: flex; 3626 display: flex;
3609 -webkit-box-orient: vertical; 3627 -webkit-box-orient: vertical;
3610 -webkit-box-direction: normal; 3628 -webkit-box-direction: normal;
3611 -ms-flex-direction: column; 3629 -ms-flex-direction: column;
3612 flex-direction: column; 3630 flex-direction: column;
3613 gap: 10px; 3631 gap: 10px;
3614 font-size: 12px; 3632 font-size: 12px;
3615 position: relative; 3633 position: relative;
3616 } 3634 }
3617 @media (min-width: 1280px) { 3635 @media (min-width: 1280px) {
3618 .main__employer-page-one-item { 3636 .main__employer-page-one-item {
3619 font-size: 18px; 3637 font-size: 18px;
3620 } 3638 }
3621 } 3639 }
3622 .main__employer-page-one-item img { 3640 .main__employer-page-one-item img {
3623 border-radius: 10px; 3641 border-radius: 10px;
3624 -o-object-fit: cover; 3642 -o-object-fit: cover;
3625 object-fit: cover; 3643 object-fit: cover;
3626 width: 100%; 3644 width: 100%;
3627 max-height: 250px; 3645 max-height: 250px;
3628 aspect-ratio: 247/174; 3646 aspect-ratio: 247/174;
3629 } 3647 }
3630 @media (min-width: 1280px) { 3648 @media (min-width: 1280px) {
3631 .main__employer-page-one-item img { 3649 .main__employer-page-one-item img {
3632 margin-bottom: 10px; 3650 margin-bottom: 10px;
3633 } 3651 }
3634 } 3652 }
3635 .main__employer-page-one-item b { 3653 .main__employer-page-one-item b {
3636 font-weight: 700; 3654 font-weight: 700;
3637 color: #377d87; 3655 color: #377d87;
3638 } 3656 }
3639 .main__employer-page-one-item span { 3657 .main__employer-page-one-item span {
3640 color: #000; 3658 color: #000;
3641 } 3659 }
3642 .main__employer-page-one-item i { 3660 .main__employer-page-one-item i {
3643 font-style: normal; 3661 font-style: normal;
3644 color: #377d87; 3662 color: #377d87;
3645 } 3663 }
3646 .main__employer-page-one-item .del { 3664 .main__employer-page-one-item .del {
3647 position: absolute; 3665 position: absolute;
3648 z-index: 1; 3666 z-index: 1;
3649 top: 8px; 3667 top: 8px;
3650 left: 8px; 3668 left: 8px;
3651 } 3669 }
3652 .main__employer-page-two { 3670 .main__employer-page-two {
3653 display: -webkit-box; 3671 display: -webkit-box;
3654 display: -ms-flexbox; 3672 display: -ms-flexbox;
3655 display: flex; 3673 display: flex;
3656 -webkit-box-orient: vertical; 3674 -webkit-box-orient: vertical;
3657 -webkit-box-direction: normal; 3675 -webkit-box-direction: normal;
3658 -ms-flex-direction: column; 3676 -ms-flex-direction: column;
3659 flex-direction: column; 3677 flex-direction: column;
3660 -webkit-box-align: center; 3678 -webkit-box-align: center;
3661 -ms-flex-align: center; 3679 -ms-flex-align: center;
3662 align-items: center; 3680 align-items: center;
3663 gap: 20px; 3681 gap: 20px;
3664 } 3682 }
3665 .main__employer-page-two-item { 3683 .main__employer-page-two-item {
3666 width: 100%; 3684 width: 100%;
3667 display: -webkit-box; 3685 display: -webkit-box;
3668 display: -ms-flexbox; 3686 display: -ms-flexbox;
3669 display: flex; 3687 display: flex;
3670 -webkit-box-orient: vertical; 3688 -webkit-box-orient: vertical;
3671 -webkit-box-direction: normal; 3689 -webkit-box-direction: normal;
3672 -ms-flex-direction: column; 3690 -ms-flex-direction: column;
3673 flex-direction: column; 3691 flex-direction: column;
3674 gap: 16px; 3692 gap: 16px;
3675 padding: 20px 10px; 3693 padding: 20px 10px;
3676 border-radius: 12px; 3694 border-radius: 12px;
3677 border: 1px solid #cecece; 3695 border: 1px solid #cecece;
3678 position: relative; 3696 position: relative;
3679 overflow: hidden; 3697 overflow: hidden;
3680 font-size: 12px; 3698 font-size: 12px;
3681 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3699 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3682 } 3700 }
3683 @media (min-width: 768px) { 3701 @media (min-width: 768px) {
3684 .main__employer-page-two-item { 3702 .main__employer-page-two-item {
3685 font-size: 14px; 3703 font-size: 14px;
3686 padding: 20px; 3704 padding: 20px;
3687 gap: 24px; 3705 gap: 24px;
3688 padding-bottom: 35px; 3706 padding-bottom: 35px;
3689 } 3707 }
3690 } 3708 }
3691 @media (min-width: 992px) { 3709 @media (min-width: 992px) {
3692 .main__employer-page-two-item { 3710 .main__employer-page-two-item {
3693 font-size: 16px; 3711 font-size: 16px;
3694 } 3712 }
3695 } 3713 }
3696 @media (min-width: 1280px) { 3714 @media (min-width: 1280px) {
3697 .main__employer-page-two-item { 3715 .main__employer-page-two-item {
3698 font-size: 18px; 3716 font-size: 18px;
3699 } 3717 }
3700 } 3718 }
3701 .main__employer-page-two-item-toper { 3719 .main__employer-page-two-item-toper {
3702 display: -webkit-box; 3720 display: -webkit-box;
3703 display: -ms-flexbox; 3721 display: -ms-flexbox;
3704 display: flex; 3722 display: flex;
3705 -webkit-box-align: center; 3723 -webkit-box-align: center;
3706 -ms-flex-align: center; 3724 -ms-flex-align: center;
3707 align-items: center; 3725 align-items: center;
3708 font-size: 22px; 3726 font-size: 22px;
3709 font-weight: 700; 3727 font-weight: 700;
3710 color: #000; 3728 color: #000;
3711 } 3729 }
3712 @media (min-width: 768px) { 3730 @media (min-width: 768px) {
3713 .main__employer-page-two-item-toper { 3731 .main__employer-page-two-item-toper {
3714 font-size: 30px; 3732 font-size: 30px;
3715 } 3733 }
3716 } 3734 }
3717 .main__employer-page-two-item-toper img { 3735 .main__employer-page-two-item-toper img {
3718 width: 60px; 3736 width: 60px;
3719 aspect-ratio: 1/1; 3737 aspect-ratio: 1/1;
3720 -o-object-fit: contain; 3738 -o-object-fit: contain;
3721 object-fit: contain; 3739 object-fit: contain;
3722 } 3740 }
3723 .main__employer-page-two-item-toper span { 3741 .main__employer-page-two-item-toper span {
3724 width: calc(100% - 60px); 3742 width: calc(100% - 60px);
3725 padding-left: 10px; 3743 padding-left: 10px;
3726 } 3744 }
3727 @media (min-width: 768px) { 3745 @media (min-width: 768px) {
3728 .main__employer-page-two-item-toper span { 3746 .main__employer-page-two-item-toper span {
3729 padding-left: 20px; 3747 padding-left: 20px;
3730 } 3748 }
3731 } 3749 }
3732 .main__employer-page-two-item-title { 3750 .main__employer-page-two-item-title {
3733 font-size: 18px; 3751 font-size: 18px;
3734 font-weight: 700; 3752 font-weight: 700;
3735 color: #377d87; 3753 color: #377d87;
3736 } 3754 }
3737 @media (min-width: 768px) { 3755 @media (min-width: 768px) {
3738 .main__employer-page-two-item-title { 3756 .main__employer-page-two-item-title {
3739 font-size: 24px; 3757 font-size: 24px;
3740 } 3758 }
3741 } 3759 }
3742 .main__employer-page-two-item-text { 3760 .main__employer-page-two-item-text {
3743 display: -webkit-box; 3761 display: -webkit-box;
3744 display: -ms-flexbox; 3762 display: -ms-flexbox;
3745 display: flex; 3763 display: flex;
3746 -webkit-box-orient: vertical; 3764 -webkit-box-orient: vertical;
3747 -webkit-box-direction: normal; 3765 -webkit-box-direction: normal;
3748 -ms-flex-direction: column; 3766 -ms-flex-direction: column;
3749 flex-direction: column; 3767 flex-direction: column;
3750 gap: 10px; 3768 gap: 10px;
3751 } 3769 }
3752 .main__employer-page-two-item-text-name { 3770 .main__employer-page-two-item-text-name {
3753 font-weight: 700; 3771 font-weight: 700;
3754 } 3772 }
3755 .main__employer-page-two-item-text-body { 3773 .main__employer-page-two-item-text-body {
3756 color: #000; 3774 color: #000;
3757 display: -webkit-box; 3775 display: -webkit-box;
3758 display: -ms-flexbox; 3776 display: -ms-flexbox;
3759 display: flex; 3777 display: flex;
3760 -webkit-box-orient: vertical; 3778 -webkit-box-orient: vertical;
3761 -webkit-box-direction: normal; 3779 -webkit-box-direction: normal;
3762 -ms-flex-direction: column; 3780 -ms-flex-direction: column;
3763 flex-direction: column; 3781 flex-direction: column;
3764 gap: 6px; 3782 gap: 6px;
3765 padding: 0 10px; 3783 padding: 0 10px;
3766 } 3784 }
3767 .main__employer-page-two-item-text-body p { 3785 .main__employer-page-two-item-text-body p {
3768 margin: 0; 3786 margin: 0;
3769 } 3787 }
3770 .main__employer-page-two-item-text-body ul { 3788 .main__employer-page-two-item-text-body ul {
3771 margin: 0; 3789 margin: 0;
3772 padding: 0; 3790 padding: 0;
3773 padding-left: 16px; 3791 padding-left: 16px;
3774 display: -webkit-box; 3792 display: -webkit-box;
3775 display: -ms-flexbox; 3793 display: -ms-flexbox;
3776 display: flex; 3794 display: flex;
3777 -webkit-box-orient: vertical; 3795 -webkit-box-orient: vertical;
3778 -webkit-box-direction: normal; 3796 -webkit-box-direction: normal;
3779 -ms-flex-direction: column; 3797 -ms-flex-direction: column;
3780 flex-direction: column; 3798 flex-direction: column;
3781 gap: 6px; 3799 gap: 6px;
3782 } 3800 }
3783 @media (min-width: 768px) { 3801 @media (min-width: 768px) {
3784 .main__employer-page-two-item-text-body ul { 3802 .main__employer-page-two-item-text-body ul {
3785 margin: 0 5px; 3803 margin: 0 5px;
3786 } 3804 }
3787 } 3805 }
3788 .main__employer-page-two-item-text-body ul span, 3806 .main__employer-page-two-item-text-body ul span,
3789 .main__employer-page-two-item-text-body ul a { 3807 .main__employer-page-two-item-text-body ul a {
3790 color: #000; 3808 color: #000;
3791 position: relative; 3809 position: relative;
3792 } 3810 }
3793 .main__employer-page-two-item-text-body ul a:hover { 3811 .main__employer-page-two-item-text-body ul a:hover {
3794 color: #377d87; 3812 color: #377d87;
3795 } 3813 }
3796 .main__employer-page-two-item-text-body p + ul { 3814 .main__employer-page-two-item-text-body p + ul {
3797 margin-top: 10px; 3815 margin-top: 10px;
3798 } 3816 }
3799 .main__employer-page-two-item-text-links { 3817 .main__employer-page-two-item-text-links {
3800 display: -webkit-box; 3818 display: -webkit-box;
3801 display: -ms-flexbox; 3819 display: -ms-flexbox;
3802 display: flex; 3820 display: flex;
3803 -webkit-box-orient: vertical; 3821 -webkit-box-orient: vertical;
3804 -webkit-box-direction: normal; 3822 -webkit-box-direction: normal;
3805 -ms-flex-direction: column; 3823 -ms-flex-direction: column;
3806 flex-direction: column; 3824 flex-direction: column;
3807 -webkit-box-align: start; 3825 -webkit-box-align: start;
3808 -ms-flex-align: start; 3826 -ms-flex-align: start;
3809 align-items: flex-start; 3827 align-items: flex-start;
3810 gap: 10px; 3828 gap: 10px;
3811 padding: 0 10px; 3829 padding: 0 10px;
3812 font-weight: 700; 3830 font-weight: 700;
3813 margin-top: 5px; 3831 margin-top: 5px;
3814 } 3832 }
3815 @media (min-width: 768px) { 3833 @media (min-width: 768px) {
3816 .main__employer-page-two-item-text-links { 3834 .main__employer-page-two-item-text-links {
3817 gap: 20px; 3835 gap: 20px;
3818 } 3836 }
3819 } 3837 }
3820 .main__employer-page-two-item-text-links a { 3838 .main__employer-page-two-item-text-links a {
3821 color: #4d88d9; 3839 color: #4d88d9;
3822 } 3840 }
3823 .main__employer-page-two-item-text-links a:hover { 3841 .main__employer-page-two-item-text-links a:hover {
3824 color: #377d87; 3842 color: #377d87;
3825 } 3843 }
3826 .main__employer-page-two-item-tags { 3844 .main__employer-page-two-item-tags {
3827 color: #4d88d9; 3845 color: #4d88d9;
3828 font-weight: 500; 3846 font-weight: 500;
3829 display: -webkit-box; 3847 display: -webkit-box;
3830 display: -ms-flexbox; 3848 display: -ms-flexbox;
3831 display: flex; 3849 display: flex;
3832 -webkit-box-align: center; 3850 -webkit-box-align: center;
3833 -ms-flex-align: center; 3851 -ms-flex-align: center;
3834 align-items: center; 3852 align-items: center;
3835 -ms-flex-wrap: wrap; 3853 -ms-flex-wrap: wrap;
3836 flex-wrap: wrap; 3854 flex-wrap: wrap;
3837 gap: 10px 20px; 3855 gap: 10px 20px;
3838 } 3856 }
3839 @media (min-width: 768px) { 3857 @media (min-width: 768px) {
3840 .main__employer-page-two-item-tags { 3858 .main__employer-page-two-item-tags {
3841 font-size: 14px; 3859 font-size: 14px;
3842 } 3860 }
3843 } 3861 }
3844 .main__employer-page-two-item-buttons { 3862 .main__employer-page-two-item-buttons {
3845 display: grid; 3863 display: grid;
3846 grid-template-columns: repeat(2, 1fr); 3864 grid-template-columns: repeat(2, 1fr);
3847 gap: 20px; 3865 gap: 20px;
3848 } 3866 }
3849 @media (min-width: 768px) { 3867 @media (min-width: 768px) {
3850 .main__employer-page-two-item-button { 3868 .main__employer-page-two-item-button {
3851 position: absolute; 3869 position: absolute;
3852 bottom: 20px; 3870 bottom: 20px;
3853 left: 20px; 3871 left: 20px;
3854 width: 200px; 3872 width: 200px;
3855 padding: 0; 3873 padding: 0;
3856 } 3874 }
3857 } 3875 }
3858 @media (min-width: 768px) { 3876 @media (min-width: 768px) {
3859 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3877 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3860 left: auto; 3878 left: auto;
3861 right: 20px; 3879 right: 20px;
3862 } 3880 }
3863 } 3881 }
3864 .main__employer-page-two-item-bottom { 3882 .main__employer-page-two-item-bottom {
3865 display: -webkit-box; 3883 display: -webkit-box;
3866 display: -ms-flexbox; 3884 display: -ms-flexbox;
3867 display: flex; 3885 display: flex;
3868 -webkit-box-align: center; 3886 -webkit-box-align: center;
3869 -ms-flex-align: center; 3887 -ms-flex-align: center;
3870 align-items: center; 3888 align-items: center;
3871 -webkit-box-pack: justify; 3889 -webkit-box-pack: justify;
3872 -ms-flex-pack: justify; 3890 -ms-flex-pack: justify;
3873 justify-content: space-between; 3891 justify-content: space-between;
3874 } 3892 }
3875 .main__employer-page-two-item-bottom-date { 3893 .main__employer-page-two-item-bottom-date {
3876 color: #000; 3894 color: #000;
3877 } 3895 }
3878 @media (min-width: 768px) { 3896 @media (min-width: 768px) {
3879 .main__employer-page-two-item-bottom-date { 3897 .main__employer-page-two-item-bottom-date {
3880 position: absolute; 3898 position: absolute;
3881 bottom: 20px; 3899 bottom: 20px;
3882 right: 240px; 3900 right: 240px;
3883 height: 42px; 3901 height: 42px;
3884 display: -webkit-box; 3902 display: -webkit-box;
3885 display: -ms-flexbox; 3903 display: -ms-flexbox;
3886 display: flex; 3904 display: flex;
3887 -webkit-box-align: center; 3905 -webkit-box-align: center;
3888 -ms-flex-align: center; 3906 -ms-flex-align: center;
3889 align-items: center; 3907 align-items: center;
3890 } 3908 }
3891 } 3909 }
3892 @media (min-width: 992px) { 3910 @media (min-width: 992px) {
3893 .main__employer-page-two-item-bottom-date { 3911 .main__employer-page-two-item-bottom-date {
3894 font-size: 16px; 3912 font-size: 16px;
3895 } 3913 }
3896 } 3914 }
3897 @media (min-width: 768px) { 3915 @media (min-width: 768px) {
3898 .main__employer-page-two-item-bottom-like { 3916 .main__employer-page-two-item-bottom-like {
3899 position: absolute; 3917 position: absolute;
3900 bottom: 20px; 3918 bottom: 20px;
3901 left: 240px; 3919 left: 240px;
3902 } 3920 }
3903 } 3921 }
3904 @media (min-width: 768px) { 3922 @media (min-width: 768px) {
3905 .main__employer-page-two-more { 3923 .main__employer-page-two-more {
3906 margin-top: 10px; 3924 margin-top: 10px;
3907 padding: 0; 3925 padding: 0;
3908 width: 200px; 3926 width: 200px;
3909 } 3927 }
3910 } 3928 }
3911 .main__employer-page-two .main__employer-page-two-item { 3929 .main__employer-page-two .main__employer-page-two-item {
3912 /*display: none;*/ 3930 /*display: none;*/
3913 } 3931 }
3914 .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) { 3932 .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) {
3915 display: -webkit-box; 3933 display: -webkit-box;
3916 display: -ms-flexbox; 3934 display: -ms-flexbox;
3917 display: flex; 3935 display: flex;
3918 } 3936 }
3919 .main__employer-page-two.active .main__employer-page-two-item { 3937 .main__employer-page-two.active .main__employer-page-two-item {
3920 display: -webkit-box; 3938 display: -webkit-box;
3921 display: -ms-flexbox; 3939 display: -ms-flexbox;
3922 display: flex; 3940 display: flex;
3923 } 3941 }
3924 .main__resume-base { 3942 .main__resume-base {
3925 display: -webkit-box; 3943 display: -webkit-box;
3926 display: -ms-flexbox; 3944 display: -ms-flexbox;
3927 display: flex; 3945 display: flex;
3928 -webkit-box-orient: vertical; 3946 -webkit-box-orient: vertical;
3929 -webkit-box-direction: normal; 3947 -webkit-box-direction: normal;
3930 -ms-flex-direction: column; 3948 -ms-flex-direction: column;
3931 flex-direction: column; 3949 flex-direction: column;
3932 color: #000; 3950 color: #000;
3933 } 3951 }
3934 .main__resume-base-body { 3952 .main__resume-base-body {
3935 display: none; 3953 display: none;
3936 -webkit-box-orient: vertical; 3954 -webkit-box-orient: vertical;
3937 -webkit-box-direction: normal; 3955 -webkit-box-direction: normal;
3938 -ms-flex-direction: column; 3956 -ms-flex-direction: column;
3939 flex-direction: column; 3957 flex-direction: column;
3940 margin-top: 10px; 3958 margin-top: 10px;
3941 } 3959 }
3942 @media (min-width: 768px) { 3960 @media (min-width: 768px) {
3943 .main__resume-base-body { 3961 .main__resume-base-body {
3944 margin-top: 30px; 3962 margin-top: 30px;
3945 } 3963 }
3946 } 3964 }
3947 .main__resume-base-body.showed { 3965 .main__resume-base-body.showed {
3948 display: -webkit-box; 3966 display: -webkit-box;
3949 display: -ms-flexbox; 3967 display: -ms-flexbox;
3950 display: flex; 3968 display: flex;
3951 } 3969 }
3952 .main__resume-base-body-one { 3970 .main__resume-base-body-one {
3953 display: -webkit-box; 3971 display: -webkit-box;
3954 display: -ms-flexbox; 3972 display: -ms-flexbox;
3955 display: flex; 3973 display: flex;
3956 -webkit-box-orient: vertical; 3974 -webkit-box-orient: vertical;
3957 -webkit-box-direction: normal; 3975 -webkit-box-direction: normal;
3958 -ms-flex-direction: column; 3976 -ms-flex-direction: column;
3959 flex-direction: column; 3977 flex-direction: column;
3960 -webkit-box-align: center; 3978 -webkit-box-align: center;
3961 -ms-flex-align: center; 3979 -ms-flex-align: center;
3962 align-items: center; 3980 align-items: center;
3963 gap: 20px; 3981 gap: 20px;
3964 } 3982 }
3965 @media (min-width: 768px) { 3983 @media (min-width: 768px) {
3966 .main__resume-base-body-one { 3984 .main__resume-base-body-one {
3967 gap: 30px; 3985 gap: 30px;
3968 } 3986 }
3969 } 3987 }
3970 .main__resume-base-body-two { 3988 .main__resume-base-body-two {
3971 display: -webkit-box; 3989 display: -webkit-box;
3972 display: -ms-flexbox; 3990 display: -ms-flexbox;
3973 display: flex; 3991 display: flex;
3974 -webkit-box-orient: vertical; 3992 -webkit-box-orient: vertical;
3975 -webkit-box-direction: normal; 3993 -webkit-box-direction: normal;
3976 -ms-flex-direction: column; 3994 -ms-flex-direction: column;
3977 flex-direction: column; 3995 flex-direction: column;
3978 gap: 20px; 3996 gap: 20px;
3979 } 3997 }
3980 @media (min-width: 768px) { 3998 @media (min-width: 768px) {
3981 .main__resume-base-body-two { 3999 .main__resume-base-body-two {
3982 -webkit-box-orient: horizontal; 4000 -webkit-box-orient: horizontal;
3983 -webkit-box-direction: normal; 4001 -webkit-box-direction: normal;
3984 -ms-flex-direction: row; 4002 -ms-flex-direction: row;
3985 flex-direction: row; 4003 flex-direction: row;
3986 -webkit-box-pack: justify; 4004 -webkit-box-pack: justify;
3987 -ms-flex-pack: justify; 4005 -ms-flex-pack: justify;
3988 justify-content: space-between; 4006 justify-content: space-between;
3989 -webkit-box-align: start; 4007 -webkit-box-align: start;
3990 -ms-flex-align: start; 4008 -ms-flex-align: start;
3991 align-items: flex-start; 4009 align-items: flex-start;
3992 -ms-flex-wrap: wrap; 4010 -ms-flex-wrap: wrap;
3993 flex-wrap: wrap; 4011 flex-wrap: wrap;
3994 gap: 30px 0; 4012 gap: 30px 0;
3995 } 4013 }
3996 } 4014 }
3997 @media (min-width: 768px) { 4015 @media (min-width: 768px) {
3998 .main__resume-base-body-two .main__resume-base-body-item { 4016 .main__resume-base-body-two .main__resume-base-body-item {
3999 width: calc(50% - 10px); 4017 width: calc(50% - 10px);
4000 } 4018 }
4001 } 4019 }
4002 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4020 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4003 -webkit-box-orient: vertical; 4021 -webkit-box-orient: vertical;
4004 -webkit-box-direction: normal; 4022 -webkit-box-direction: normal;
4005 -ms-flex-direction: column; 4023 -ms-flex-direction: column;
4006 flex-direction: column; 4024 flex-direction: column;
4007 } 4025 }
4008 .main__resume-base-body-item { 4026 .main__resume-base-body-item {
4009 width: 100%; 4027 width: 100%;
4010 display: -webkit-box; 4028 display: -webkit-box;
4011 display: -ms-flexbox; 4029 display: -ms-flexbox;
4012 display: flex; 4030 display: flex;
4013 -webkit-box-orient: vertical; 4031 -webkit-box-orient: vertical;
4014 -webkit-box-direction: normal; 4032 -webkit-box-direction: normal;
4015 -ms-flex-direction: column; 4033 -ms-flex-direction: column;
4016 flex-direction: column; 4034 flex-direction: column;
4017 gap: 20px; 4035 gap: 20px;
4018 position: relative; 4036 position: relative;
4019 border: 1px solid #377d87; 4037 border: 1px solid #377d87;
4020 border-radius: 8px; 4038 border-radius: 8px;
4021 padding: 10px; 4039 padding: 10px;
4022 -webkit-box-align: center; 4040 -webkit-box-align: center;
4023 -ms-flex-align: center; 4041 -ms-flex-align: center;
4024 align-items: center; 4042 align-items: center;
4025 } 4043 }
4026 @media (min-width: 768px) { 4044 @media (min-width: 768px) {
4027 .main__resume-base-body-item { 4045 .main__resume-base-body-item {
4028 padding: 20px; 4046 padding: 20px;
4029 } 4047 }
4030 } 4048 }
4031 .main__resume-base-body-item-buttons { 4049 .main__resume-base-body-item-buttons {
4032 margin-top: 10px; 4050 margin-top: 10px;
4033 } 4051 }
4034 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4052 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4035 width: 100%; 4053 width: 100%;
4036 margin-bottom: 10px; 4054 margin-bottom: 10px;
4037 } 4055 }
4038 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4056 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4039 background: #377d87; 4057 background: #377d87;
4040 color: #fff; 4058 color: #fff;
4041 } 4059 }
4042 .main__resume-base-body-item-buttons .chat.active{ 4060 .main__resume-base-body-item-buttons .chat.active{
4043 background: #fff; 4061 background: #fff;
4044 color: #377d87; 4062 color: #377d87;
4045 } 4063 }
4046 .main__resume-base-body-item-buttons button.like.active{ 4064 .main__resume-base-body-item-buttons button.like.active{
4047 background-color: #ffffff; 4065 background-color: #ffffff;
4048 color: #eb5757; 4066 color: #eb5757;
4049 } 4067 }
4050 .main__resume-base-body-item-buttons button span{ 4068 .main__resume-base-body-item-buttons button span{
4051 margin-left: 10px; 4069 margin-left: 10px;
4052 } 4070 }
4053 .main__resume-base-body-item-buttons .like .in-favorites{ 4071 .main__resume-base-body-item-buttons .like .in-favorites{
4054 display: none; 4072 display: none;
4055 } 4073 }
4056 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4074 .main__resume-base-body-item-buttons .like.active .in-favorites{
4057 display: block; 4075 display: block;
4058 color: #eb5757; 4076 color: #eb5757;
4059 } 4077 }
4060 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4078 .main__resume-base-body-item-buttons .like.active .to-favorites{
4061 display: none; 4079 display: none;
4062 } 4080 }
4063 .main__resume-base-body-item-wrapper { 4081 .main__resume-base-body-item-wrapper {
4064 display: -webkit-box; 4082 display: -webkit-box;
4065 display: -ms-flexbox; 4083 display: -ms-flexbox;
4066 display: flex; 4084 display: flex;
4067 -webkit-box-orient: vertical; 4085 -webkit-box-orient: vertical;
4068 -webkit-box-direction: normal; 4086 -webkit-box-direction: normal;
4069 -ms-flex-direction: column; 4087 -ms-flex-direction: column;
4070 flex-direction: column; 4088 flex-direction: column;
4071 -webkit-box-align: start; 4089 -webkit-box-align: start;
4072 -ms-flex-align: start; 4090 -ms-flex-align: start;
4073 align-items: flex-start; 4091 align-items: flex-start;
4074 gap: 20px; 4092 gap: 20px;
4075 width: 100%; 4093 width: 100%;
4076 } 4094 }
4077 @media (min-width: 768px) { 4095 @media (min-width: 768px) {
4078 .main__resume-base-body-item-wrapper { 4096 .main__resume-base-body-item-wrapper {
4079 -webkit-box-orient: horizontal; 4097 -webkit-box-orient: horizontal;
4080 -webkit-box-direction: normal; 4098 -webkit-box-direction: normal;
4081 -ms-flex-direction: row; 4099 -ms-flex-direction: row;
4082 flex-direction: row; 4100 flex-direction: row;
4083 } 4101 }
4084 } 4102 }
4085 .main__resume-base-body-item-photo { 4103 .main__resume-base-body-item-photo {
4086 width: 180px; 4104 width: 180px;
4087 aspect-ratio: 1/1; 4105 aspect-ratio: 1/1;
4088 -o-object-fit: cover; 4106 -o-object-fit: cover;
4089 object-fit: cover; 4107 object-fit: cover;
4090 border-radius: 8px; 4108 border-radius: 8px;
4091 } 4109 }
4092 @media (min-width: 768px) { 4110 @media (min-width: 768px) {
4093 .main__resume-base-body-item-photo { 4111 .main__resume-base-body-item-photo {
4094 width: 210px; 4112 width: 210px;
4095 } 4113 }
4096 } 4114 }
4097 .main__resume-base-body-item-inner { 4115 .main__resume-base-body-item-inner {
4098 display: -webkit-box; 4116 display: -webkit-box;
4099 display: -ms-flexbox; 4117 display: -ms-flexbox;
4100 display: flex; 4118 display: flex;
4101 -webkit-box-orient: vertical; 4119 -webkit-box-orient: vertical;
4102 -webkit-box-direction: normal; 4120 -webkit-box-direction: normal;
4103 -ms-flex-direction: column; 4121 -ms-flex-direction: column;
4104 flex-direction: column; 4122 flex-direction: column;
4105 gap: 10px; 4123 gap: 10px;
4106 width: 100%; 4124 width: 100%;
4107 row-gap: 10px; 4125 row-gap: 10px;
4108 } 4126 }
4109 .main__resume-base-body-item-inner .horizontal{ 4127 .main__resume-base-body-item-inner .horizontal{
4110 -webkit-box-orient: horizontal; 4128 -webkit-box-orient: horizontal;
4111 -ms-flex-direction: unset; 4129 -ms-flex-direction: unset;
4112 flex-direction: row; 4130 flex-direction: row;
4113 align-items: start; 4131 align-items: start;
4114 } 4132 }
4115 .main__resume-base-item-status{ 4133 .main__resume-base-item-status{
4116 width: fit-content; 4134 width: fit-content;
4117 background-color: #e6e6e6; 4135 background-color: #e6e6e6;
4118 font-weight: bold; 4136 font-weight: bold;
4119 padding: 5px 10px; 4137 padding: 5px 10px;
4120 border-radius: 8px; 4138 border-radius: 8px;
4121 } 4139 }
4122 .main__resume-base-item-status.looking-for-job{ 4140 .main__resume-base-item-status.looking-for-job{
4123 background-color: #eb5757; 4141 background-color: #eb5757;
4124 color: #fff; 4142 color: #fff;
4125 } 4143 }
4126 .main__resume-base-item-updated-at{ 4144 .main__resume-base-item-updated-at{
4127 padding: 5px 10px; 4145 padding: 5px 10px;
4128 border-radius: 8px; 4146 border-radius: 8px;
4129 border: 1px #e6e6e6 solid; 4147 border: 1px #e6e6e6 solid;
4130 } 4148 }
4131 @media (min-width: 768px) { 4149 @media (min-width: 768px) {
4132 .main__resume-base-body-item-inner { 4150 .main__resume-base-body-item-inner {
4133 gap: 16px; 4151 gap: 16px;
4134 padding-right: 50px; 4152 padding-right: 50px;
4135 } 4153 }
4136 } 4154 }
4137 @media (min-width: 992px) { 4155 @media (min-width: 992px) {
4138 .main__resume-base-body-item-inner { 4156 .main__resume-base-body-item-inner {
4139 display: grid; 4157 display: grid;
4140 grid-template-columns: repeat(2, 1fr); 4158 grid-template-columns: repeat(2, 1fr);
4141 gap: 30px; 4159 gap: 30px;
4142 row-gap: 10px; 4160 row-gap: 10px;
4143 } 4161 }
4144 } 4162 }
4145 .main__resume-base-body-item-inner div { 4163 .main__resume-base-body-item-inner div {
4146 display: -webkit-box; 4164 display: -webkit-box;
4147 display: -ms-flexbox; 4165 display: -ms-flexbox;
4148 display: flex; 4166 display: flex;
4149 -webkit-box-orient: vertical; 4167 -webkit-box-orient: vertical;
4150 -webkit-box-direction: normal; 4168 -webkit-box-direction: normal;
4151 -ms-flex-direction: column; 4169 -ms-flex-direction: column;
4152 flex-direction: column; 4170 flex-direction: column;
4153 gap: 4px; 4171 gap: 4px;
4154 font-size: 12px; 4172 font-size: 12px;
4155 } 4173 }
4156 @media (min-width: 768px) { 4174 @media (min-width: 768px) {
4157 .main__resume-base-body-item-inner div { 4175 .main__resume-base-body-item-inner div {
4158 font-size: 16px; 4176 font-size: 16px;
4159 } 4177 }
4160 } 4178 }
4161 .main__resume-base-body-item-inner b { 4179 .main__resume-base-body-item-inner b {
4162 color: #377d87; 4180 color: #377d87;
4163 font-size: 14px; 4181 font-size: 14px;
4164 } 4182 }
4165 @media (min-width: 768px) { 4183 @media (min-width: 768px) {
4166 .main__resume-base-body-item-inner b { 4184 .main__resume-base-body-item-inner b {
4167 font-size: 18px; 4185 font-size: 18px;
4168 } 4186 }
4169 } 4187 }
4170 .main__resume-base-body-item-link { 4188 .main__resume-base-body-item-link {
4171 width: 100%; 4189 width: 100%;
4172 padding: 0; 4190 padding: 0;
4173 } 4191 }
4174 @media (min-width: 768px) { 4192 @media (min-width: 768px) {
4175 .main__resume-base-body-item-link { 4193 .main__resume-base-body-item-link {
4176 width: 200px; 4194 width: 200px;
4177 } 4195 }
4178 } 4196 }
4179 .main__spoiler { 4197 .main__spoiler {
4180 overflow: hidden; 4198 overflow: hidden;
4181 border-radius: 8px; 4199 border-radius: 8px;
4182 display: -webkit-box; 4200 display: -webkit-box;
4183 display: -ms-flexbox; 4201 display: -ms-flexbox;
4184 display: flex; 4202 display: flex;
4185 -webkit-box-orient: vertical; 4203 -webkit-box-orient: vertical;
4186 -webkit-box-direction: normal; 4204 -webkit-box-direction: normal;
4187 -ms-flex-direction: column; 4205 -ms-flex-direction: column;
4188 flex-direction: column; 4206 flex-direction: column;
4189 } 4207 }
4190 .main__spoiler-toper { 4208 .main__spoiler-toper {
4191 background: #377d87; 4209 background: #377d87;
4192 height: 30px; 4210 height: 30px;
4193 display: -webkit-box; 4211 display: -webkit-box;
4194 display: -ms-flexbox; 4212 display: -ms-flexbox;
4195 display: flex; 4213 display: flex;
4196 -webkit-box-align: center; 4214 -webkit-box-align: center;
4197 -ms-flex-align: center; 4215 -ms-flex-align: center;
4198 align-items: center; 4216 align-items: center;
4199 -webkit-box-pack: center; 4217 -webkit-box-pack: center;
4200 -ms-flex-pack: center; 4218 -ms-flex-pack: center;
4201 justify-content: center; 4219 justify-content: center;
4202 color: #fff; 4220 color: #fff;
4203 font-size: 12px; 4221 font-size: 12px;
4204 font-weight: 700; 4222 font-weight: 700;
4205 padding: 0 30px; 4223 padding: 0 30px;
4206 border: none; 4224 border: none;
4207 position: relative; 4225 position: relative;
4208 } 4226 }
4209 @media (min-width: 768px) { 4227 @media (min-width: 768px) {
4210 .main__spoiler-toper { 4228 .main__spoiler-toper {
4211 font-size: 18px; 4229 font-size: 18px;
4212 height: 50px; 4230 height: 50px;
4213 padding: 0 60px; 4231 padding: 0 60px;
4214 } 4232 }
4215 } 4233 }
4216 .main__spoiler-toper:before, .main__spoiler-toper:after { 4234 .main__spoiler-toper:before, .main__spoiler-toper:after {
4217 content: ""; 4235 content: "";
4218 background: #fff; 4236 background: #fff;
4219 border-radius: 999px; 4237 border-radius: 999px;
4220 width: 10px; 4238 width: 10px;
4221 height: 1px; 4239 height: 1px;
4222 position: absolute; 4240 position: absolute;
4223 top: 50%; 4241 top: 50%;
4224 right: 10px; 4242 right: 10px;
4225 -webkit-transition: 0.3s; 4243 -webkit-transition: 0.3s;
4226 transition: 0.3s; 4244 transition: 0.3s;
4227 -webkit-transform: translate(0, -50%); 4245 -webkit-transform: translate(0, -50%);
4228 -ms-transform: translate(0, -50%); 4246 -ms-transform: translate(0, -50%);
4229 transform: translate(0, -50%); 4247 transform: translate(0, -50%);
4230 } 4248 }
4231 @media (min-width: 768px) { 4249 @media (min-width: 768px) {
4232 .main__spoiler-toper:before, .main__spoiler-toper:after { 4250 .main__spoiler-toper:before, .main__spoiler-toper:after {
4233 width: 20px; 4251 width: 20px;
4234 height: 2px; 4252 height: 2px;
4235 right: 20px; 4253 right: 20px;
4236 } 4254 }
4237 } 4255 }
4238 .main__spoiler-toper:after { 4256 .main__spoiler-toper:after {
4239 -webkit-transform: rotate(90deg); 4257 -webkit-transform: rotate(90deg);
4240 -ms-transform: rotate(90deg); 4258 -ms-transform: rotate(90deg);
4241 transform: rotate(90deg); 4259 transform: rotate(90deg);
4242 } 4260 }
4243 .main__spoiler-toper.active:after { 4261 .main__spoiler-toper.active:after {
4244 -webkit-transform: rotate(0deg); 4262 -webkit-transform: rotate(0deg);
4245 -ms-transform: rotate(0deg); 4263 -ms-transform: rotate(0deg);
4246 transform: rotate(0deg); 4264 transform: rotate(0deg);
4247 } 4265 }
4248 .main__spoiler-body { 4266 .main__spoiler-body {
4249 opacity: 0; 4267 opacity: 0;
4250 height: 0; 4268 height: 0;
4251 overflow: hidden; 4269 overflow: hidden;
4252 border-radius: 0 0 8px 8px; 4270 border-radius: 0 0 8px 8px;
4253 background: #fff; 4271 background: #fff;
4254 } 4272 }
4255 .main__spoiler-body table { 4273 .main__spoiler-body table {
4256 width: calc(100% + 2px); 4274 width: calc(100% + 2px);
4257 margin-left: -1px; 4275 margin-left: -1px;
4258 margin-bottom: -1px; 4276 margin-bottom: -1px;
4259 } 4277 }
4260 @media (min-width: 992px) { 4278 @media (min-width: 992px) {
4261 .main__spoiler-body table td { 4279 .main__spoiler-body table td {
4262 width: 50%; 4280 width: 50%;
4263 } 4281 }
4264 } 4282 }
4265 @media (min-width: 992px) { 4283 @media (min-width: 992px) {
4266 .main__spoiler-body table td + td { 4284 .main__spoiler-body table td + td {
4267 width: 50%; 4285 width: 50%;
4268 } 4286 }
4269 } 4287 }
4270 .active + .main__spoiler-body { 4288 .active + .main__spoiler-body {
4271 -webkit-transition: 0.3s; 4289 -webkit-transition: 0.3s;
4272 transition: 0.3s; 4290 transition: 0.3s;
4273 opacity: 1; 4291 opacity: 1;
4274 height: auto; 4292 height: auto;
4275 border: 1px solid #cecece; 4293 border: 1px solid #cecece;
4276 border-top: none; 4294 border-top: none;
4277 } 4295 }
4278 .main__table { 4296 .main__table {
4279 border-collapse: collapse; 4297 border-collapse: collapse;
4280 table-layout: fixed; 4298 table-layout: fixed;
4281 font-size: 12px; 4299 font-size: 12px;
4282 width: 100%; 4300 width: 100%;
4283 background: #fff; 4301 background: #fff;
4284 } 4302 }
4285 @media (min-width: 768px) { 4303 @media (min-width: 768px) {
4286 .main__table { 4304 .main__table {
4287 font-size: 16px; 4305 font-size: 16px;
4288 } 4306 }
4289 } 4307 }
4290 .main__table td { 4308 .main__table td {
4291 border: 1px solid #cecece; 4309 border: 1px solid #cecece;
4292 padding: 4px 8px; 4310 padding: 4px 8px;
4293 vertical-align: top; 4311 vertical-align: top;
4294 } 4312 }
4295 @media (min-width: 768px) { 4313 @media (min-width: 768px) {
4296 .main__table td { 4314 .main__table td {
4297 padding: 8px 16px; 4315 padding: 8px 16px;
4298 } 4316 }
4299 } 4317 }
4300 .main__table td b { 4318 .main__table td b {
4301 font-weight: 700; 4319 font-weight: 700;
4302 } 4320 }
4303 .main__table_three { 4321 .main__table_three {
4304 table-layout: auto; 4322 table-layout: auto;
4305 } 4323 }
4306 .main__table_three td { 4324 .main__table_three td {
4307 width: 25% !important; 4325 width: 25% !important;
4308 } 4326 }
4309 .main__table_three td:last-child { 4327 .main__table_three td:last-child {
4310 width: 50% !important; 4328 width: 50% !important;
4311 } 4329 }
4312 .main__table b { 4330 .main__table b {
4313 display: block; 4331 display: block;
4314 } 4332 }
4315 .main__table a { 4333 .main__table a {
4316 color: #377d87; 4334 color: #377d87;
4317 text-decoration: underline; 4335 text-decoration: underline;
4318 } 4336 }
4319 .main__table a:hover { 4337 .main__table a:hover {
4320 color: #000; 4338 color: #000;
4321 } 4339 }
4322 .main__resume-profile-about { 4340 .main__resume-profile-about {
4323 padding-top: 20px; 4341 padding-top: 20px;
4324 padding-bottom: 30px; 4342 padding-bottom: 30px;
4325 position: relative; 4343 position: relative;
4326 margin-top: 30px; 4344 margin-top: 30px;
4327 display: -webkit-box; 4345 display: -webkit-box;
4328 display: -ms-flexbox; 4346 display: -ms-flexbox;
4329 display: flex; 4347 display: flex;
4330 -webkit-box-orient: vertical; 4348 -webkit-box-orient: vertical;
4331 -webkit-box-direction: normal; 4349 -webkit-box-direction: normal;
4332 -ms-flex-direction: column; 4350 -ms-flex-direction: column;
4333 flex-direction: column; 4351 flex-direction: column;
4334 -webkit-box-align: start; 4352 -webkit-box-align: start;
4335 -ms-flex-align: start; 4353 -ms-flex-align: start;
4336 align-items: flex-start; 4354 align-items: flex-start;
4337 gap: 10px; 4355 gap: 10px;
4338 } 4356 }
4339 @media (min-width: 992px) { 4357 @media (min-width: 992px) {
4340 .main__resume-profile-about { 4358 .main__resume-profile-about {
4341 padding: 50px 0; 4359 padding: 50px 0;
4342 } 4360 }
4343 } 4361 }
4344 .main__resume-profile-about:before { 4362 .main__resume-profile-about:before {
4345 content: ""; 4363 content: "";
4346 position: absolute; 4364 position: absolute;
4347 z-index: 1; 4365 z-index: 1;
4348 top: 0; 4366 top: 0;
4349 left: 50%; 4367 left: 50%;
4350 width: 20000px; 4368 width: 20000px;
4351 height: 100%; 4369 height: 100%;
4352 margin-left: -10000px; 4370 margin-left: -10000px;
4353 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4371 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4354 } 4372 }
4355 .main__resume-profile-about-title { 4373 .main__resume-profile-about-title {
4356 position: relative; 4374 position: relative;
4357 z-index: 2; 4375 z-index: 2;
4358 color: #000; 4376 color: #000;
4359 } 4377 }
4360 .main__resume-profile-about-buttons{ 4378 .main__resume-profile-about-buttons{
4361 display: flex; 4379 display: flex;
4362 width: 100%; 4380 width: 100%;
4363 position: relative; 4381 position: relative;
4364 z-index: 2; 4382 z-index: 2;
4365 } 4383 }
4366 .main__resume-profile-about-buttons .like{ 4384 .main__resume-profile-about-buttons .like{
4367 width: 200px; 4385 width: 200px;
4368 } 4386 }
4369 .main__resume-profile-about-buttons .like.active{ 4387 .main__resume-profile-about-buttons .like.active{
4370 background: #fff; 4388 background: #fff;
4371 color: #eb5757; 4389 color: #eb5757;
4372 } 4390 }
4373 .main__resume-profile-about-buttons .like .in-favorites{ 4391 .main__resume-profile-about-buttons .like .in-favorites{
4374 display: none; 4392 display: none;
4375 } 4393 }
4376 .main__resume-profile-about-buttons .like.active .in-favorites{ 4394 .main__resume-profile-about-buttons .like.active .in-favorites{
4377 display: block; 4395 display: block;
4378 color: #eb5757; 4396 color: #eb5757;
4379 } 4397 }
4380 .main__resume-profile-about-buttons .like.active .to-favorites{ 4398 .main__resume-profile-about-buttons .like.active .to-favorites{
4381 display: none; 4399 display: none;
4382 } 4400 }
4383 .main__resume-profile-about-text { 4401 .main__resume-profile-about-text {
4384 position: relative; 4402 position: relative;
4385 z-index: 2; 4403 z-index: 2;
4386 } 4404 }
4387 .main__resume-profile-info { 4405 .main__resume-profile-info {
4388 display: -webkit-box; 4406 display: -webkit-box;
4389 display: -ms-flexbox; 4407 display: -ms-flexbox;
4390 display: flex; 4408 display: flex;
4391 -webkit-box-orient: vertical; 4409 -webkit-box-orient: vertical;
4392 -webkit-box-direction: normal; 4410 -webkit-box-direction: normal;
4393 -ms-flex-direction: column; 4411 -ms-flex-direction: column;
4394 flex-direction: column; 4412 flex-direction: column;
4395 gap: 20px; 4413 gap: 20px;
4396 margin-top: 30px; 4414 margin-top: 30px;
4397 } 4415 }
4398 @media (min-width: 992px) { 4416 @media (min-width: 992px) {
4399 .main__resume-profile-info { 4417 .main__resume-profile-info {
4400 margin-top: 50px; 4418 margin-top: 50px;
4401 gap: 30px; 4419 gap: 30px;
4402 } 4420 }
4403 } 4421 }
4404 .main__resume-profile-info-title { 4422 .main__resume-profile-info-title {
4405 color: #000; 4423 color: #000;
4406 } 4424 }
4407 .main__resume-profile-info-body { 4425 .main__resume-profile-info-body {
4408 display: -webkit-box; 4426 display: -webkit-box;
4409 display: -ms-flexbox; 4427 display: -ms-flexbox;
4410 display: flex; 4428 display: flex;
4411 -webkit-box-orient: vertical; 4429 -webkit-box-orient: vertical;
4412 -webkit-box-direction: normal; 4430 -webkit-box-direction: normal;
4413 -ms-flex-direction: column; 4431 -ms-flex-direction: column;
4414 flex-direction: column; 4432 flex-direction: column;
4415 gap: 20px; 4433 gap: 20px;
4416 } 4434 }
4417 @media (min-width: 992px) { 4435 @media (min-width: 992px) {
4418 .main__resume-profile-info-body { 4436 .main__resume-profile-info-body {
4419 gap: 30px; 4437 gap: 30px;
4420 } 4438 }
4421 } 4439 }
4422 .main__resume-profile-info-body-item { 4440 .main__resume-profile-info-body-item {
4423 display: -webkit-box; 4441 display: -webkit-box;
4424 display: -ms-flexbox; 4442 display: -ms-flexbox;
4425 display: flex; 4443 display: flex;
4426 -webkit-box-orient: vertical; 4444 -webkit-box-orient: vertical;
4427 -webkit-box-direction: normal; 4445 -webkit-box-direction: normal;
4428 -ms-flex-direction: column; 4446 -ms-flex-direction: column;
4429 flex-direction: column; 4447 flex-direction: column;
4430 gap: 10px; 4448 gap: 10px;
4431 } 4449 }
4432 @media (min-width: 768px) { 4450 @media (min-width: 768px) {
4433 .main__resume-profile-info-body-item { 4451 .main__resume-profile-info-body-item {
4434 gap: 20px; 4452 gap: 20px;
4435 } 4453 }
4436 } 4454 }
4437 .main__resume-profile-info-body-subtitle { 4455 .main__resume-profile-info-body-subtitle {
4438 color: #4d88d9; 4456 color: #4d88d9;
4439 } 4457 }
4440 .main__resume-profile-info-body-inner { 4458 .main__resume-profile-info-body-inner {
4441 display: -webkit-box; 4459 display: -webkit-box;
4442 display: -ms-flexbox; 4460 display: -ms-flexbox;
4443 display: flex; 4461 display: flex;
4444 -webkit-box-orient: vertical; 4462 -webkit-box-orient: vertical;
4445 -webkit-box-direction: normal; 4463 -webkit-box-direction: normal;
4446 -ms-flex-direction: column; 4464 -ms-flex-direction: column;
4447 flex-direction: column; 4465 flex-direction: column;
4448 gap: 20px; 4466 gap: 20px;
4449 margin: 0; 4467 margin: 0;
4450 padding: 0; 4468 padding: 0;
4451 font-size: 12px; 4469 font-size: 12px;
4452 } 4470 }
4453 @media (min-width: 768px) { 4471 @media (min-width: 768px) {
4454 .main__resume-profile-info-body-inner { 4472 .main__resume-profile-info-body-inner {
4455 display: grid; 4473 display: grid;
4456 grid-template-columns: repeat(2, 1fr); 4474 grid-template-columns: repeat(2, 1fr);
4457 } 4475 }
4458 } 4476 }
4459 @media (min-width: 992px) { 4477 @media (min-width: 992px) {
4460 .main__resume-profile-info-body-inner { 4478 .main__resume-profile-info-body-inner {
4461 grid-template-columns: repeat(3, 1fr); 4479 grid-template-columns: repeat(3, 1fr);
4462 font-size: 16px; 4480 font-size: 16px;
4463 } 4481 }
4464 } 4482 }
4465 .main__resume-profile-info-body-inner li { 4483 .main__resume-profile-info-body-inner li {
4466 display: -webkit-box; 4484 display: -webkit-box;
4467 display: -ms-flexbox; 4485 display: -ms-flexbox;
4468 display: flex; 4486 display: flex;
4469 -webkit-box-orient: vertical; 4487 -webkit-box-orient: vertical;
4470 -webkit-box-direction: normal; 4488 -webkit-box-direction: normal;
4471 -ms-flex-direction: column; 4489 -ms-flex-direction: column;
4472 flex-direction: column; 4490 flex-direction: column;
4473 gap: 6px; 4491 gap: 6px;
4474 } 4492 }
4475 @media (min-width: 992px) { 4493 @media (min-width: 992px) {
4476 .main__resume-profile-info-body-inner li { 4494 .main__resume-profile-info-body-inner li {
4477 gap: 8px; 4495 gap: 8px;
4478 } 4496 }
4479 } 4497 }
4480 .main__resume-profile-info-body-inner b { 4498 .main__resume-profile-info-body-inner b {
4481 color: #377d87; 4499 color: #377d87;
4482 font-size: 14px; 4500 font-size: 14px;
4483 } 4501 }
4484 @media (min-width: 992px) { 4502 @media (min-width: 992px) {
4485 .main__resume-profile-info-body-inner b { 4503 .main__resume-profile-info-body-inner b {
4486 font-size: 18px; 4504 font-size: 18px;
4487 } 4505 }
4488 } 4506 }
4489 .main__resume-profile-info-body-inner span { 4507 .main__resume-profile-info-body-inner span {
4490 display: -webkit-box; 4508 display: -webkit-box;
4491 display: -ms-flexbox; 4509 display: -ms-flexbox;
4492 display: flex; 4510 display: flex;
4493 -webkit-box-orient: vertical; 4511 -webkit-box-orient: vertical;
4494 -webkit-box-direction: normal; 4512 -webkit-box-direction: normal;
4495 -ms-flex-direction: column; 4513 -ms-flex-direction: column;
4496 flex-direction: column; 4514 flex-direction: column;
4497 gap: 4px; 4515 gap: 4px;
4498 } 4516 }
4499 @media (min-width: 992px) { 4517 @media (min-width: 992px) {
4500 .main__resume-profile-info-body-inner span { 4518 .main__resume-profile-info-body-inner span {
4501 gap: 6px; 4519 gap: 6px;
4502 } 4520 }
4503 } 4521 }
4504 .main__resume-profile-review { 4522 .main__resume-profile-review {
4505 display: -webkit-box; 4523 display: -webkit-box;
4506 display: -ms-flexbox; 4524 display: -ms-flexbox;
4507 display: flex; 4525 display: flex;
4508 -webkit-box-orient: vertical; 4526 -webkit-box-orient: vertical;
4509 -webkit-box-direction: normal; 4527 -webkit-box-direction: normal;
4510 -ms-flex-direction: column; 4528 -ms-flex-direction: column;
4511 flex-direction: column; 4529 flex-direction: column;
4512 gap: 20px; 4530 gap: 20px;
4513 padding: 20px 10px; 4531 padding: 20px 10px;
4514 margin-top: 30px; 4532 margin-top: 30px;
4515 border-radius: 16px; 4533 border-radius: 16px;
4516 border: 1px solid #cecece; 4534 border: 1px solid #cecece;
4517 background: #fff; 4535 background: #fff;
4518 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4536 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4537 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4520 } 4538 }
4521 @media (min-width: 992px) { 4539 @media (min-width: 992px) {
4522 .main__resume-profile-review { 4540 .main__resume-profile-review {
4523 margin-top: 50px; 4541 margin-top: 50px;
4524 padding: 50px 40px; 4542 padding: 50px 40px;
4525 gap: 30px; 4543 gap: 30px;
4526 } 4544 }
4527 } 4545 }
4528 .main__resume-profile-review-title { 4546 .main__resume-profile-review-title {
4529 color: #000; 4547 color: #000;
4530 } 4548 }
4531 .main__resume-profile-review-body { 4549 .main__resume-profile-review-body {
4532 display: -webkit-box; 4550 display: -webkit-box;
4533 display: -ms-flexbox; 4551 display: -ms-flexbox;
4534 display: flex; 4552 display: flex;
4535 -webkit-box-orient: vertical; 4553 -webkit-box-orient: vertical;
4536 -webkit-box-direction: normal; 4554 -webkit-box-direction: normal;
4537 -ms-flex-direction: column; 4555 -ms-flex-direction: column;
4538 flex-direction: column; 4556 flex-direction: column;
4539 -webkit-box-align: start; 4557 -webkit-box-align: start;
4540 -ms-flex-align: start; 4558 -ms-flex-align: start;
4541 align-items: flex-start; 4559 align-items: flex-start;
4542 gap: 10px; 4560 gap: 10px;
4543 } 4561 }
4544 .main__resume-profile-review-body .textarea { 4562 .main__resume-profile-review-body .textarea {
4545 width: 100%; 4563 width: 100%;
4546 } 4564 }
4547 .main__resume-profile-review-body .button { 4565 .main__resume-profile-review-body .button {
4548 margin-top: 10px; 4566 margin-top: 10px;
4549 } 4567 }
4550 .main__vacancies { 4568 .main__vacancies {
4551 display: -webkit-box; 4569 display: -webkit-box;
4552 display: -ms-flexbox; 4570 display: -ms-flexbox;
4553 display: flex; 4571 display: flex;
4554 -webkit-box-orient: vertical; 4572 -webkit-box-orient: vertical;
4555 -webkit-box-direction: normal; 4573 -webkit-box-direction: normal;
4556 -ms-flex-direction: column; 4574 -ms-flex-direction: column;
4557 flex-direction: column; 4575 flex-direction: column;
4558 -webkit-box-align: center; 4576 -webkit-box-align: center;
4559 -ms-flex-align: center; 4577 -ms-flex-align: center;
4560 align-items: center; 4578 align-items: center;
4561 gap: 20px; 4579 gap: 20px;
4562 } 4580 }
4563 @media (min-width: 768px) { 4581 @media (min-width: 768px) {
4564 .main__vacancies { 4582 .main__vacancies {
4565 gap: 30px; 4583 gap: 30px;
4566 } 4584 }
4567 } 4585 }
4568 .main__vacancies-title { 4586 .main__vacancies-title {
4569 color: #000; 4587 color: #000;
4570 width: 100%; 4588 width: 100%;
4571 } 4589 }
4572 .main__vacancies-filters { 4590 .main__vacancies-filters {
4573 width: 100%; 4591 width: 100%;
4574 } 4592 }
4575 .main__vacancies-item { 4593 .main__vacancies-item {
4576 width: 100%; 4594 width: 100%;
4577 background: none; 4595 background: none;
4578 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4596 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4597 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4580 } 4598 }
4581 .main__vacancies-item-page { 4599 .main__vacancies-item-page {
4582 border: none; 4600 border: none;
4583 -webkit-box-shadow: none; 4601 -webkit-box-shadow: none;
4584 box-shadow: none; 4602 box-shadow: none;
4585 background: none; 4603 background: none;
4586 margin: 0 -10px; 4604 margin: 0 -10px;
4587 } 4605 }
4588 @media (min-width: 768px) { 4606 @media (min-width: 768px) {
4589 .main__vacancies-item-page { 4607 .main__vacancies-item-page {
4590 margin: 0 -20px; 4608 margin: 0 -20px;
4591 } 4609 }
4592 } 4610 }
4593 .main__vacancies-thing { 4611 .main__vacancies-thing {
4594 width: 100%; 4612 width: 100%;
4595 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4613 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4596 padding: 20px 10px; 4614 padding: 20px 10px;
4597 padding-bottom: 30px; 4615 padding-bottom: 30px;
4598 display: -webkit-box; 4616 display: -webkit-box;
4599 display: -ms-flexbox; 4617 display: -ms-flexbox;
4600 display: flex; 4618 display: flex;
4601 -webkit-box-orient: vertical; 4619 -webkit-box-orient: vertical;
4602 -webkit-box-direction: normal; 4620 -webkit-box-direction: normal;
4603 -ms-flex-direction: column; 4621 -ms-flex-direction: column;
4604 flex-direction: column; 4622 flex-direction: column;
4605 gap: 24px; 4623 gap: 24px;
4606 border-radius: 12px; 4624 border-radius: 12px;
4607 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4625 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4626 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4609 } 4627 }
4610 @media (min-width: 992px) { 4628 @media (min-width: 992px) {
4611 .main__vacancies-thing { 4629 .main__vacancies-thing {
4612 padding: 30px 20px; 4630 padding: 30px 20px;
4613 -webkit-box-orient: horizontal; 4631 -webkit-box-orient: horizontal;
4614 -webkit-box-direction: normal; 4632 -webkit-box-direction: normal;
4615 -ms-flex-direction: row; 4633 -ms-flex-direction: row;
4616 flex-direction: row; 4634 flex-direction: row;
4617 -webkit-box-align: start; 4635 -webkit-box-align: start;
4618 -ms-flex-align: start; 4636 -ms-flex-align: start;
4619 align-items: flex-start; 4637 align-items: flex-start;
4620 gap: 0; 4638 gap: 0;
4621 } 4639 }
4622 } 4640 }
4623 @media (min-width: 1280px) { 4641 @media (min-width: 1280px) {
4624 .main__vacancies-thing { 4642 .main__vacancies-thing {
4625 padding: 50px 20px; 4643 padding: 50px 20px;
4626 } 4644 }
4627 } 4645 }
4628 .main__vacancies-thing-pic { 4646 .main__vacancies-thing-pic {
4629 position: relative; 4647 position: relative;
4630 z-index: 2; 4648 z-index: 2;
4631 width: 100%; 4649 width: 100%;
4632 aspect-ratio: 42/34; 4650 aspect-ratio: 42/34;
4633 -o-object-fit: cover; 4651 -o-object-fit: cover;
4634 object-fit: cover; 4652 object-fit: cover;
4635 border-radius: 8px; 4653 border-radius: 8px;
4636 max-height: 340px; 4654 max-height: 340px;
4637 } 4655 }
4638 @media (min-width: 992px) { 4656 @media (min-width: 992px) {
4639 .main__vacancies-thing-pic { 4657 .main__vacancies-thing-pic {
4640 width: 380px; 4658 width: 380px;
4641 } 4659 }
4642 } 4660 }
4643 @media (min-width: 1280px) { 4661 @media (min-width: 1280px) {
4644 .main__vacancies-thing-pic { 4662 .main__vacancies-thing-pic {
4645 width: 420px; 4663 width: 420px;
4646 } 4664 }
4647 } 4665 }
4648 .main__vacancies-thing-body { 4666 .main__vacancies-thing-body {
4649 display: -webkit-box; 4667 display: -webkit-box;
4650 display: -ms-flexbox; 4668 display: -ms-flexbox;
4651 display: flex; 4669 display: flex;
4652 -webkit-box-orient: vertical; 4670 -webkit-box-orient: vertical;
4653 -webkit-box-direction: normal; 4671 -webkit-box-direction: normal;
4654 -ms-flex-direction: column; 4672 -ms-flex-direction: column;
4655 flex-direction: column; 4673 flex-direction: column;
4656 -webkit-box-align: start; 4674 -webkit-box-align: start;
4657 -ms-flex-align: start; 4675 -ms-flex-align: start;
4658 align-items: flex-start; 4676 align-items: flex-start;
4659 gap: 16px; 4677 gap: 16px;
4660 color: #000; 4678 color: #000;
4661 } 4679 }
4662 @media (min-width: 992px) { 4680 @media (min-width: 992px) {
4663 .main__vacancies-thing-body { 4681 .main__vacancies-thing-body {
4664 width: calc(100% - 380px); 4682 width: calc(100% - 380px);
4665 padding-left: 20px; 4683 padding-left: 20px;
4666 } 4684 }
4667 } 4685 }
4668 @media (min-width: 1280px) { 4686 @media (min-width: 1280px) {
4669 .main__vacancies-thing-body { 4687 .main__vacancies-thing-body {
4670 width: calc(100% - 420px); 4688 width: calc(100% - 420px);
4671 gap: 20px; 4689 gap: 20px;
4672 } 4690 }
4673 } 4691 }
4674 .main__vacancies-thing-body > * { 4692 .main__vacancies-thing-body > * {
4675 width: 100%; 4693 width: 100%;
4676 } 4694 }
4677 .main__vacancies-thing-body .button { 4695 .main__vacancies-thing-body .button {
4678 width: auto; 4696 width: auto;
4679 } 4697 }
4680 @media (min-width: 768px) { 4698 @media (min-width: 768px) {
4681 .main__vacancies-thing-body .button { 4699 .main__vacancies-thing-body .button {
4682 min-width: 200px; 4700 min-width: 200px;
4683 } 4701 }
4684 } 4702 }
4685 .main__vacancies-thing-scroll { 4703 .main__vacancies-thing-scroll {
4686 display: -webkit-box; 4704 display: -webkit-box;
4687 display: -ms-flexbox; 4705 display: -ms-flexbox;
4688 display: flex; 4706 display: flex;
4689 -webkit-box-orient: vertical; 4707 -webkit-box-orient: vertical;
4690 -webkit-box-direction: normal; 4708 -webkit-box-direction: normal;
4691 -ms-flex-direction: column; 4709 -ms-flex-direction: column;
4692 flex-direction: column; 4710 flex-direction: column;
4693 -webkit-box-align: start; 4711 -webkit-box-align: start;
4694 -ms-flex-align: start; 4712 -ms-flex-align: start;
4695 align-items: flex-start; 4713 align-items: flex-start;
4696 gap: 16px; 4714 gap: 16px;
4697 overflow: hidden; 4715 overflow: hidden;
4698 overflow-y: auto; 4716 overflow-y: auto;
4699 max-height: 180px; 4717 max-height: 180px;
4700 padding-right: 10px; 4718 padding-right: 10px;
4701 } 4719 }
4702 @media (min-width: 768px) { 4720 @media (min-width: 768px) {
4703 .main__vacancies-thing-scroll { 4721 .main__vacancies-thing-scroll {
4704 max-height: 210px; 4722 max-height: 210px;
4705 padding-right: 20px; 4723 padding-right: 20px;
4706 } 4724 }
4707 } 4725 }
4708 @media (min-width: 992px) { 4726 @media (min-width: 992px) {
4709 .main__vacancies-thing-scroll { 4727 .main__vacancies-thing-scroll {
4710 max-height: 175px; 4728 max-height: 175px;
4711 } 4729 }
4712 } 4730 }
4713 @media (min-width: 1280px) { 4731 @media (min-width: 1280px) {
4714 .main__vacancies-thing-scroll { 4732 .main__vacancies-thing-scroll {
4715 max-height: 200px; 4733 max-height: 200px;
4716 gap: 20px; 4734 gap: 20px;
4717 } 4735 }
4718 } 4736 }
4719 .main__cond { 4737 .main__cond {
4720 display: -webkit-box; 4738 display: -webkit-box;
4721 display: -ms-flexbox; 4739 display: -ms-flexbox;
4722 display: flex; 4740 display: flex;
4723 -webkit-box-orient: vertical; 4741 -webkit-box-orient: vertical;
4724 -webkit-box-direction: normal; 4742 -webkit-box-direction: normal;
4725 -ms-flex-direction: column; 4743 -ms-flex-direction: column;
4726 flex-direction: column; 4744 flex-direction: column;
4727 gap: 50px; 4745 gap: 50px;
4728 } 4746 }
4729 .main__cond > div { 4747 .main__cond > div {
4730 display: -webkit-box; 4748 display: -webkit-box;
4731 display: -ms-flexbox; 4749 display: -ms-flexbox;
4732 display: flex; 4750 display: flex;
4733 -webkit-box-orient: vertical; 4751 -webkit-box-orient: vertical;
4734 -webkit-box-direction: normal; 4752 -webkit-box-direction: normal;
4735 -ms-flex-direction: column; 4753 -ms-flex-direction: column;
4736 flex-direction: column; 4754 flex-direction: column;
4737 gap: 10px; 4755 gap: 10px;
4738 } 4756 }
4739 .main__cond-label { 4757 .main__cond-label {
4740 border-radius: 16px; 4758 border-radius: 16px;
4741 border: 1px solid #cecece; 4759 border: 1px solid #cecece;
4742 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4760 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4761 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4744 padding: 30px 20px; 4762 padding: 30px 20px;
4745 font-weight: 700; 4763 font-weight: 700;
4746 color: #000; 4764 color: #000;
4747 line-height: 2; 4765 line-height: 2;
4748 text-align: center; 4766 text-align: center;
4749 } 4767 }
4750 @media (min-width: 992px) { 4768 @media (min-width: 992px) {
4751 .main__cond-label { 4769 .main__cond-label {
4752 font-size: 30px; 4770 font-size: 30px;
4753 } 4771 }
4754 } 4772 }
4755 .main__cond-icons { 4773 .main__cond-icons {
4756 padding: 0; 4774 padding: 0;
4757 margin: 0; 4775 margin: 0;
4758 display: -webkit-box; 4776 display: -webkit-box;
4759 display: -ms-flexbox; 4777 display: -ms-flexbox;
4760 display: flex; 4778 display: flex;
4761 -webkit-box-orient: vertical; 4779 -webkit-box-orient: vertical;
4762 -webkit-box-direction: normal; 4780 -webkit-box-direction: normal;
4763 -ms-flex-direction: column; 4781 -ms-flex-direction: column;
4764 flex-direction: column; 4782 flex-direction: column;
4765 gap: 25px; 4783 gap: 25px;
4766 margin-top: 10px; 4784 margin-top: 10px;
4767 } 4785 }
4768 @media (min-width: 768px) { 4786 @media (min-width: 768px) {
4769 .main__cond-icons { 4787 .main__cond-icons {
4770 display: grid; 4788 display: grid;
4771 grid-template-columns: repeat(2, 1fr); 4789 grid-template-columns: repeat(2, 1fr);
4772 gap: 60px; 4790 gap: 60px;
4773 margin-top: 20px; 4791 margin-top: 20px;
4774 } 4792 }
4775 } 4793 }
4776 @media (min-width: 1280px) { 4794 @media (min-width: 1280px) {
4777 .main__cond-icons { 4795 .main__cond-icons {
4778 grid-template-columns: repeat(3, 1fr); 4796 grid-template-columns: repeat(3, 1fr);
4779 } 4797 }
4780 } 4798 }
4781 .main__cond-icons li { 4799 .main__cond-icons li {
4782 display: -webkit-box; 4800 display: -webkit-box;
4783 display: -ms-flexbox; 4801 display: -ms-flexbox;
4784 display: flex; 4802 display: flex;
4785 -webkit-box-orient: vertical; 4803 -webkit-box-orient: vertical;
4786 -webkit-box-direction: normal; 4804 -webkit-box-direction: normal;
4787 -ms-flex-direction: column; 4805 -ms-flex-direction: column;
4788 flex-direction: column; 4806 flex-direction: column;
4789 -webkit-box-align: start; 4807 -webkit-box-align: start;
4790 -ms-flex-align: start; 4808 -ms-flex-align: start;
4791 align-items: flex-start; 4809 align-items: flex-start;
4792 gap: 20px; 4810 gap: 20px;
4793 font-size: 12px; 4811 font-size: 12px;
4794 line-height: 1.4; 4812 line-height: 1.4;
4795 color: #000; 4813 color: #000;
4796 } 4814 }
4797 @media (min-width: 768px) { 4815 @media (min-width: 768px) {
4798 .main__cond-icons li { 4816 .main__cond-icons li {
4799 font-size: 14px; 4817 font-size: 14px;
4800 } 4818 }
4801 } 4819 }
4802 @media (min-width: 992px) { 4820 @media (min-width: 992px) {
4803 .main__cond-icons li { 4821 .main__cond-icons li {
4804 font-size: 16px; 4822 font-size: 16px;
4805 line-height: 1.6; 4823 line-height: 1.6;
4806 } 4824 }
4807 } 4825 }
4808 @media (min-width: 1280px) { 4826 @media (min-width: 1280px) {
4809 .main__cond-icons li { 4827 .main__cond-icons li {
4810 font-size: 18px; 4828 font-size: 18px;
4811 } 4829 }
4812 } 4830 }
4813 .main__cond-icons li span { 4831 .main__cond-icons li span {
4814 width: 48px; 4832 width: 48px;
4815 height: 48px; 4833 height: 48px;
4816 display: -webkit-box; 4834 display: -webkit-box;
4817 display: -ms-flexbox; 4835 display: -ms-flexbox;
4818 display: flex; 4836 display: flex;
4819 -webkit-box-align: center; 4837 -webkit-box-align: center;
4820 -ms-flex-align: center; 4838 -ms-flex-align: center;
4821 align-items: center; 4839 align-items: center;
4822 } 4840 }
4823 .main__cond-icons li span img { 4841 .main__cond-icons li span img {
4824 max-width: 48px; 4842 max-width: 48px;
4825 } 4843 }
4826 .main__cond-callback { 4844 .main__cond-callback {
4827 margin-top: 10px; 4845 margin-top: 10px;
4828 } 4846 }
4829 .main__ads { 4847 .main__ads {
4830 display: -webkit-box; 4848 display: -webkit-box;
4831 display: -ms-flexbox; 4849 display: -ms-flexbox;
4832 display: flex; 4850 display: flex;
4833 -webkit-box-orient: vertical; 4851 -webkit-box-orient: vertical;
4834 -webkit-box-direction: normal; 4852 -webkit-box-direction: normal;
4835 -ms-flex-direction: column; 4853 -ms-flex-direction: column;
4836 flex-direction: column; 4854 flex-direction: column;
4837 gap: 30px; 4855 gap: 30px;
4838 margin: 30px 0; 4856 margin: 30px 0;
4839 } 4857 }
4840 @media (min-width: 992px) { 4858 @media (min-width: 992px) {
4841 .main__ads { 4859 .main__ads {
4842 margin: 60px 0; 4860 margin: 60px 0;
4843 } 4861 }
4844 } 4862 }
4845 .main__ads-item { 4863 .main__ads-item {
4846 display: -webkit-box; 4864 display: -webkit-box;
4847 display: -ms-flexbox; 4865 display: -ms-flexbox;
4848 display: flex; 4866 display: flex;
4849 -webkit-box-orient: vertical; 4867 -webkit-box-orient: vertical;
4850 -webkit-box-direction: normal; 4868 -webkit-box-direction: normal;
4851 -ms-flex-direction: column; 4869 -ms-flex-direction: column;
4852 flex-direction: column; 4870 flex-direction: column;
4853 gap: 16px; 4871 gap: 16px;
4854 } 4872 }
4855 @media (min-width: 992px) { 4873 @media (min-width: 992px) {
4856 .main__ads-item { 4874 .main__ads-item {
4857 -webkit-box-orient: horizontal; 4875 -webkit-box-orient: horizontal;
4858 -webkit-box-direction: normal; 4876 -webkit-box-direction: normal;
4859 -ms-flex-direction: row; 4877 -ms-flex-direction: row;
4860 flex-direction: row; 4878 flex-direction: row;
4861 gap: 0; 4879 gap: 0;
4862 } 4880 }
4863 } 4881 }
4864 .main__ads-item-pic { 4882 .main__ads-item-pic {
4865 width: 100%; 4883 width: 100%;
4866 max-width: 440px; 4884 max-width: 440px;
4867 max-height: 200px; 4885 max-height: 200px;
4868 aspect-ratio: 3/2; 4886 aspect-ratio: 3/2;
4869 position: relative; 4887 position: relative;
4870 overflow: hidden; 4888 overflow: hidden;
4871 border-radius: 12px; 4889 border-radius: 12px;
4872 } 4890 }
4873 @media (min-width: 992px) { 4891 @media (min-width: 992px) {
4874 .main__ads-item-pic { 4892 .main__ads-item-pic {
4875 width: 200px; 4893 width: 200px;
4876 aspect-ratio: 1/1; 4894 aspect-ratio: 1/1;
4877 } 4895 }
4878 } 4896 }
4879 .main__ads-item-pic img { 4897 .main__ads-item-pic img {
4880 z-index: 1; 4898 z-index: 1;
4881 position: absolute; 4899 position: absolute;
4882 top: 0; 4900 top: 0;
4883 left: 0; 4901 left: 0;
4884 width: 100%; 4902 width: 100%;
4885 height: 100%; 4903 height: 100%;
4886 -o-object-fit: cover; 4904 -o-object-fit: cover;
4887 object-fit: cover; 4905 object-fit: cover;
4888 } 4906 }
4889 .main__ads-item-pic span { 4907 .main__ads-item-pic span {
4890 z-index: 2; 4908 z-index: 2;
4891 width: 30px; 4909 width: 30px;
4892 height: 30px; 4910 height: 30px;
4893 border-radius: 6px; 4911 border-radius: 6px;
4894 background: #4d88d9; 4912 background: #4d88d9;
4895 display: -webkit-box; 4913 display: -webkit-box;
4896 display: -ms-flexbox; 4914 display: -ms-flexbox;
4897 display: flex; 4915 display: flex;
4898 -webkit-box-pack: center; 4916 -webkit-box-pack: center;
4899 -ms-flex-pack: center; 4917 -ms-flex-pack: center;
4900 justify-content: center; 4918 justify-content: center;
4901 -webkit-box-align: center; 4919 -webkit-box-align: center;
4902 -ms-flex-align: center; 4920 -ms-flex-align: center;
4903 align-items: center; 4921 align-items: center;
4904 position: absolute; 4922 position: absolute;
4905 top: 10px; 4923 top: 10px;
4906 left: 10px; 4924 left: 10px;
4907 color: #fff; 4925 color: #fff;
4908 } 4926 }
4909 @media (min-width: 992px) { 4927 @media (min-width: 992px) {
4910 .main__ads-item-pic span { 4928 .main__ads-item-pic span {
4911 width: 42px; 4929 width: 42px;
4912 height: 42px; 4930 height: 42px;
4913 } 4931 }
4914 } 4932 }
4915 .main__ads-item-pic span svg { 4933 .main__ads-item-pic span svg {
4916 width: 12px; 4934 width: 12px;
4917 height: 12px; 4935 height: 12px;
4918 } 4936 }
4919 @media (min-width: 992px) { 4937 @media (min-width: 992px) {
4920 .main__ads-item-pic span svg { 4938 .main__ads-item-pic span svg {
4921 width: 20px; 4939 width: 20px;
4922 height: 20px; 4940 height: 20px;
4923 } 4941 }
4924 } 4942 }
4925 .main__ads-item-body { 4943 .main__ads-item-body {
4926 display: -webkit-box; 4944 display: -webkit-box;
4927 display: -ms-flexbox; 4945 display: -ms-flexbox;
4928 display: flex; 4946 display: flex;
4929 -webkit-box-orient: vertical; 4947 -webkit-box-orient: vertical;
4930 -webkit-box-direction: normal; 4948 -webkit-box-direction: normal;
4931 -ms-flex-direction: column; 4949 -ms-flex-direction: column;
4932 flex-direction: column; 4950 flex-direction: column;
4933 -webkit-box-align: start; 4951 -webkit-box-align: start;
4934 -ms-flex-align: start; 4952 -ms-flex-align: start;
4935 align-items: flex-start; 4953 align-items: flex-start;
4936 gap: 10px; 4954 gap: 10px;
4937 font-size: 12px; 4955 font-size: 12px;
4938 } 4956 }
4939 @media (min-width: 992px) { 4957 @media (min-width: 992px) {
4940 .main__ads-item-body { 4958 .main__ads-item-body {
4941 width: calc(100% - 200px); 4959 width: calc(100% - 200px);
4942 padding-left: 40px; 4960 padding-left: 40px;
4943 -webkit-box-pack: center; 4961 -webkit-box-pack: center;
4944 -ms-flex-pack: center; 4962 -ms-flex-pack: center;
4945 justify-content: center; 4963 justify-content: center;
4946 font-size: 16px; 4964 font-size: 16px;
4947 gap: 20px; 4965 gap: 20px;
4948 } 4966 }
4949 } 4967 }
4950 .main__ads-item-body b { 4968 .main__ads-item-body b {
4951 width: 100%; 4969 width: 100%;
4952 font-weight: 700; 4970 font-weight: 700;
4953 font-size: 14px; 4971 font-size: 14px;
4954 } 4972 }
4955 @media (min-width: 992px) { 4973 @media (min-width: 992px) {
4956 .main__ads-item-body b { 4974 .main__ads-item-body b {
4957 font-size: 20px; 4975 font-size: 20px;
4958 } 4976 }
4959 } 4977 }
4960 .main__ads-item-body span { 4978 .main__ads-item-body span {
4961 width: 100%; 4979 width: 100%;
4962 } 4980 }
4963 4981
4964 .work { 4982 .work {
4965 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4983 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4966 color: #000; 4984 color: #000;
4967 padding-top: 70px; 4985 padding-top: 70px;
4968 padding-bottom: 10px; 4986 padding-bottom: 10px;
4969 position: relative; 4987 position: relative;
4970 overflow: hidden; 4988 overflow: hidden;
4971 } 4989 }
4972 @media (min-width: 768px) { 4990 @media (min-width: 768px) {
4973 .work { 4991 .work {
4974 padding-bottom: 25px; 4992 padding-bottom: 25px;
4975 } 4993 }
4976 } 4994 }
4977 @media (min-width: 1280px) { 4995 @media (min-width: 1280px) {
4978 .work { 4996 .work {
4979 padding-top: 80px; 4997 padding-top: 80px;
4980 padding-bottom: 25px; 4998 padding-bottom: 25px;
4981 } 4999 }
4982 } 5000 }
4983 .work__pic { 5001 .work__pic {
4984 position: absolute; 5002 position: absolute;
4985 height: calc(100% - 40px); 5003 height: calc(100% - 40px);
4986 z-index: 1; 5004 z-index: 1;
4987 display: none; 5005 display: none;
4988 bottom: 0; 5006 bottom: 0;
4989 left: 50%; 5007 left: 50%;
4990 margin-left: 40px; 5008 margin-left: 40px;
4991 } 5009 }
4992 @media (min-width: 992px) { 5010 @media (min-width: 992px) {
4993 .work__pic { 5011 .work__pic {
4994 display: block; 5012 display: block;
4995 } 5013 }
4996 } 5014 }
4997 @media (min-width: 1280px) { 5015 @media (min-width: 1280px) {
4998 .work__pic { 5016 .work__pic {
4999 margin-left: 80px; 5017 margin-left: 80px;
5000 } 5018 }
5001 } 5019 }
5002 .work__body { 5020 .work__body {
5003 position: relative; 5021 position: relative;
5004 z-index: 2; 5022 z-index: 2;
5005 display: -webkit-box; 5023 display: -webkit-box;
5006 display: -ms-flexbox; 5024 display: -ms-flexbox;
5007 display: flex; 5025 display: flex;
5008 -webkit-box-orient: vertical; 5026 -webkit-box-orient: vertical;
5009 -webkit-box-direction: normal; 5027 -webkit-box-direction: normal;
5010 -ms-flex-direction: column; 5028 -ms-flex-direction: column;
5011 flex-direction: column; 5029 flex-direction: column;
5012 -webkit-box-align: center; 5030 -webkit-box-align: center;
5013 -ms-flex-align: center; 5031 -ms-flex-align: center;
5014 align-items: center; 5032 align-items: center;
5015 } 5033 }
5016 @media (min-width: 768px) { 5034 @media (min-width: 768px) {
5017 .work__body { 5035 .work__body {
5018 -webkit-box-align: start; 5036 -webkit-box-align: start;
5019 -ms-flex-align: start; 5037 -ms-flex-align: start;
5020 align-items: flex-start; 5038 align-items: flex-start;
5021 } 5039 }
5022 } 5040 }
5023 @media (min-width: 992px) { 5041 @media (min-width: 992px) {
5024 .work__body { 5042 .work__body {
5025 max-width: 600px; 5043 max-width: 600px;
5026 } 5044 }
5027 } 5045 }
5028 .work__title { 5046 .work__title {
5029 width: 100%; 5047 width: 100%;
5030 font-size: 40px; 5048 font-size: 40px;
5031 font-weight: 700; 5049 font-weight: 700;
5032 line-height: 1; 5050 line-height: 1;
5033 } 5051 }
5034 @media (min-width: 768px) { 5052 @media (min-width: 768px) {
5035 .work__title { 5053 .work__title {
5036 font-size: 64px; 5054 font-size: 64px;
5037 line-height: 94px; 5055 line-height: 94px;
5038 } 5056 }
5039 } 5057 }
5040 .work__text { 5058 .work__text {
5041 width: 100%; 5059 width: 100%;
5042 font-size: 12px; 5060 font-size: 12px;
5043 margin-top: 10px; 5061 margin-top: 10px;
5044 } 5062 }
5045 @media (min-width: 768px) { 5063 @media (min-width: 768px) {
5046 .work__text { 5064 .work__text {
5047 font-size: 18px; 5065 font-size: 18px;
5048 margin-top: 20px; 5066 margin-top: 20px;
5049 line-height: 1.4; 5067 line-height: 1.4;
5050 } 5068 }
5051 } 5069 }
5052 .work__list { 5070 .work__list {
5053 width: 100%; 5071 width: 100%;
5054 display: -webkit-box; 5072 display: -webkit-box;
5055 display: -ms-flexbox; 5073 display: -ms-flexbox;
5056 display: flex; 5074 display: flex;
5057 -webkit-box-orient: vertical; 5075 -webkit-box-orient: vertical;
5058 -webkit-box-direction: normal; 5076 -webkit-box-direction: normal;
5059 -ms-flex-direction: column; 5077 -ms-flex-direction: column;
5060 flex-direction: column; 5078 flex-direction: column;
5061 gap: 5px; 5079 gap: 5px;
5062 font-size: 14px; 5080 font-size: 14px;
5063 font-weight: 700; 5081 font-weight: 700;
5064 margin-top: 15px; 5082 margin-top: 15px;
5065 } 5083 }
5066 @media (min-width: 768px) { 5084 @media (min-width: 768px) {
5067 .work__list { 5085 .work__list {
5068 font-size: 18px; 5086 font-size: 18px;
5069 gap: 8px; 5087 gap: 8px;
5070 margin-top: 30px; 5088 margin-top: 30px;
5071 } 5089 }
5072 } 5090 }
5073 .work__list div { 5091 .work__list div {
5074 position: relative; 5092 position: relative;
5075 padding-left: 10px; 5093 padding-left: 10px;
5076 } 5094 }
5077 @media (min-width: 768px) { 5095 @media (min-width: 768px) {
5078 .work__list div { 5096 .work__list div {
5079 padding-left: 16px; 5097 padding-left: 16px;
5080 } 5098 }
5081 } 5099 }
5082 .work__list div:before { 5100 .work__list div:before {
5083 content: ""; 5101 content: "";
5084 width: 4px; 5102 width: 4px;
5085 height: 4px; 5103 height: 4px;
5086 background: #000; 5104 background: #000;
5087 border-radius: 999px; 5105 border-radius: 999px;
5088 position: absolute; 5106 position: absolute;
5089 top: 5px; 5107 top: 5px;
5090 left: 0; 5108 left: 0;
5091 } 5109 }
5092 @media (min-width: 768px) { 5110 @media (min-width: 768px) {
5093 .work__list div:before { 5111 .work__list div:before {
5094 top: 8px; 5112 top: 8px;
5095 } 5113 }
5096 } 5114 }
5097 .work__form { 5115 .work__form {
5098 margin-top: 20px; 5116 margin-top: 20px;
5099 } 5117 }
5100 @media (min-width: 768px) { 5118 @media (min-width: 768px) {
5101 .work__form { 5119 .work__form {
5102 margin-top: 30px; 5120 margin-top: 30px;
5103 } 5121 }
5104 } 5122 }
5105 .work__search { 5123 .work__search {
5106 width: 100%; 5124 width: 100%;
5107 max-width: 180px; 5125 max-width: 180px;
5108 margin-top: 20px; 5126 margin-top: 20px;
5109 } 5127 }
5110 @media (min-width: 768px) { 5128 @media (min-width: 768px) {
5111 .work__search { 5129 .work__search {
5112 max-width: 270px; 5130 max-width: 270px;
5113 margin-top: 50px; 5131 margin-top: 50px;
5114 } 5132 }
5115 } 5133 }
5116 .work__get { 5134 .work__get {
5117 width: 100%; 5135 width: 100%;
5118 display: -webkit-box; 5136 display: -webkit-box;
5119 display: -ms-flexbox; 5137 display: -ms-flexbox;
5120 display: flex; 5138 display: flex;
5121 -webkit-box-align: start; 5139 -webkit-box-align: start;
5122 -ms-flex-align: start; 5140 -ms-flex-align: start;
5123 align-items: flex-start; 5141 align-items: flex-start;
5124 -ms-flex-wrap: wrap; 5142 -ms-flex-wrap: wrap;
5125 flex-wrap: wrap; 5143 flex-wrap: wrap;
5126 margin-top: 48px; 5144 margin-top: 48px;
5127 } 5145 }
5128 .work__get b { 5146 .work__get b {
5129 width: 100%; 5147 width: 100%;
5130 margin-bottom: 10px; 5148 margin-bottom: 10px;
5131 font-size: 14px; 5149 font-size: 14px;
5132 } 5150 }
5133 @media (min-width: 768px) { 5151 @media (min-width: 768px) {
5134 .work__get b { 5152 .work__get b {
5135 font-size: 18px; 5153 font-size: 18px;
5136 } 5154 }
5137 } 5155 }
5138 .work__get a { 5156 .work__get a {
5139 display: -webkit-box; 5157 display: -webkit-box;
5140 display: -ms-flexbox; 5158 display: -ms-flexbox;
5141 display: flex; 5159 display: flex;
5142 -webkit-box-align: center; 5160 -webkit-box-align: center;
5143 -ms-flex-align: center; 5161 -ms-flex-align: center;
5144 align-items: center; 5162 align-items: center;
5145 -webkit-box-pack: center; 5163 -webkit-box-pack: center;
5146 -ms-flex-pack: center; 5164 -ms-flex-pack: center;
5147 justify-content: center; 5165 justify-content: center;
5148 margin-right: 20px; 5166 margin-right: 20px;
5149 } 5167 }
5150 .work__get a img { 5168 .work__get a img {
5151 -webkit-transition: 0.3s; 5169 -webkit-transition: 0.3s;
5152 transition: 0.3s; 5170 transition: 0.3s;
5153 width: 111px; 5171 width: 111px;
5154 } 5172 }
5155 @media (min-width: 768px) { 5173 @media (min-width: 768px) {
5156 .work__get a img { 5174 .work__get a img {
5157 width: 131px; 5175 width: 131px;
5158 } 5176 }
5159 } 5177 }
5160 .work__get a:hover img { 5178 .work__get a:hover img {
5161 -webkit-transform: scale(1.1); 5179 -webkit-transform: scale(1.1);
5162 -ms-transform: scale(1.1); 5180 -ms-transform: scale(1.1);
5163 transform: scale(1.1); 5181 transform: scale(1.1);
5164 } 5182 }
5165 .work__get a + a { 5183 .work__get a + a {
5166 margin-right: 0; 5184 margin-right: 0;
5167 } 5185 }
5168 5186
5169 .numbers { 5187 .numbers {
5170 padding: 30px 0; 5188 padding: 30px 0;
5171 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5189 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5172 color: #fff; 5190 color: #fff;
5173 } 5191 }
5174 @media (min-width: 1280px) { 5192 @media (min-width: 1280px) {
5175 .numbers { 5193 .numbers {
5176 padding: 100px 0; 5194 padding: 100px 0;
5177 background-position: 100% 100%; 5195 background-position: 100% 100%;
5178 background-size: auto 500px; 5196 background-size: auto 500px;
5179 } 5197 }
5180 } 5198 }
5181 .numbers__body { 5199 .numbers__body {
5182 display: -webkit-box; 5200 display: -webkit-box;
5183 display: -ms-flexbox; 5201 display: -ms-flexbox;
5184 display: flex; 5202 display: flex;
5185 -webkit-box-orient: vertical; 5203 -webkit-box-orient: vertical;
5186 -webkit-box-direction: normal; 5204 -webkit-box-direction: normal;
5187 -ms-flex-direction: column; 5205 -ms-flex-direction: column;
5188 flex-direction: column; 5206 flex-direction: column;
5189 gap: 30px; 5207 gap: 30px;
5190 } 5208 }
5191 @media (min-width: 768px) { 5209 @media (min-width: 768px) {
5192 .numbers__body { 5210 .numbers__body {
5193 display: grid; 5211 display: grid;
5194 grid-template-columns: 1fr 1fr 1fr; 5212 grid-template-columns: 1fr 1fr 1fr;
5195 } 5213 }
5196 } 5214 }
5197 .numbers__item { 5215 .numbers__item {
5198 font-size: 12px; 5216 font-size: 12px;
5199 display: -webkit-box; 5217 display: -webkit-box;
5200 display: -ms-flexbox; 5218 display: -ms-flexbox;
5201 display: flex; 5219 display: flex;
5202 -webkit-box-orient: vertical; 5220 -webkit-box-orient: vertical;
5203 -webkit-box-direction: normal; 5221 -webkit-box-direction: normal;
5204 -ms-flex-direction: column; 5222 -ms-flex-direction: column;
5205 flex-direction: column; 5223 flex-direction: column;
5206 line-height: 1.4; 5224 line-height: 1.4;
5207 } 5225 }
5208 @media (min-width: 1280px) { 5226 @media (min-width: 1280px) {
5209 .numbers__item { 5227 .numbers__item {
5210 font-size: 16px; 5228 font-size: 16px;
5211 line-height: 20px; 5229 line-height: 20px;
5212 } 5230 }
5213 } 5231 }
5214 .numbers__item b { 5232 .numbers__item b {
5215 font-size: 40px; 5233 font-size: 40px;
5216 font-weight: 700; 5234 font-weight: 700;
5217 border-bottom: 1px solid #fff; 5235 border-bottom: 1px solid #fff;
5218 line-height: 1; 5236 line-height: 1;
5219 } 5237 }
5220 @media (min-width: 1280px) { 5238 @media (min-width: 1280px) {
5221 .numbers__item b { 5239 .numbers__item b {
5222 font-size: 100px; 5240 font-size: 100px;
5223 line-height: 147px; 5241 line-height: 147px;
5224 } 5242 }
5225 } 5243 }
5226 .numbers__item span { 5244 .numbers__item span {
5227 font-weight: 700; 5245 font-weight: 700;
5228 font-size: 14px; 5246 font-size: 14px;
5229 margin: 10px 0; 5247 margin: 10px 0;
5230 line-height: 1; 5248 line-height: 1;
5231 } 5249 }
5232 @media (min-width: 1280px) { 5250 @media (min-width: 1280px) {
5233 .numbers__item span { 5251 .numbers__item span {
5234 font-size: 24px; 5252 font-size: 24px;
5235 margin-top: 30px; 5253 margin-top: 30px;
5236 } 5254 }
5237 } 5255 }
5238 5256
5239 .vacancies { 5257 .vacancies {
5240 padding: 50px 0; 5258 padding: 50px 0;
5241 } 5259 }
5242 @media (min-width: 1280px) { 5260 @media (min-width: 1280px) {
5243 .vacancies { 5261 .vacancies {
5244 padding: 100px 0; 5262 padding: 100px 0;
5245 } 5263 }
5246 } 5264 }
5247 .vacancies__body { 5265 .vacancies__body {
5248 display: -webkit-box; 5266 display: -webkit-box;
5249 display: -ms-flexbox; 5267 display: -ms-flexbox;
5250 display: flex; 5268 display: flex;
5251 -webkit-box-orient: vertical; 5269 -webkit-box-orient: vertical;
5252 -webkit-box-direction: reverse; 5270 -webkit-box-direction: reverse;
5253 -ms-flex-direction: column-reverse; 5271 -ms-flex-direction: column-reverse;
5254 flex-direction: column-reverse; 5272 flex-direction: column-reverse;
5255 gap: 20px; 5273 gap: 20px;
5256 width: 100%; 5274 width: 100%;
5257 margin-top: 20px; 5275 margin-top: 20px;
5258 } 5276 }
5259 @media (min-width: 992px) { 5277 @media (min-width: 992px) {
5260 .vacancies__body { 5278 .vacancies__body {
5261 margin-top: 30px; 5279 margin-top: 30px;
5262 gap: 30px; 5280 gap: 30px;
5263 } 5281 }
5264 } 5282 }
5265 .vacancies__more { 5283 .vacancies__more {
5266 width: 100%; 5284 width: 100%;
5267 } 5285 }
5268 @media (min-width: 768px) { 5286 @media (min-width: 768px) {
5269 .vacancies__more { 5287 .vacancies__more {
5270 width: auto; 5288 width: auto;
5271 margin: 0 auto; 5289 margin: 0 auto;
5272 } 5290 }
5273 } 5291 }
5274 .vacancies__list { 5292 .vacancies__list {
5275 display: -webkit-box; 5293 display: -webkit-box;
5276 display: -ms-flexbox; 5294 display: -ms-flexbox;
5277 display: flex; 5295 display: flex;
5278 -webkit-box-orient: vertical; 5296 -webkit-box-orient: vertical;
5279 -webkit-box-direction: normal; 5297 -webkit-box-direction: normal;
5280 -ms-flex-direction: column; 5298 -ms-flex-direction: column;
5281 flex-direction: column; 5299 flex-direction: column;
5282 gap: 15px; 5300 gap: 15px;
5283 } 5301 }
5284 @media (min-width: 768px) { 5302 @media (min-width: 768px) {
5285 .vacancies__list { 5303 .vacancies__list {
5286 display: grid; 5304 display: grid;
5287 grid-template-columns: repeat(2, 1fr); 5305 grid-template-columns: repeat(2, 1fr);
5288 } 5306 }
5289 } 5307 }
5290 @media (min-width: 992px) { 5308 @media (min-width: 992px) {
5291 .vacancies__list { 5309 .vacancies__list {
5292 display: grid; 5310 display: grid;
5293 grid-template-columns: repeat(3, 1fr); 5311 grid-template-columns: repeat(3, 1fr);
5294 gap: 20px; 5312 gap: 20px;
5295 } 5313 }
5296 } 5314 }
5297 @media (min-width: 1280px) { 5315 @media (min-width: 1280px) {
5298 .vacancies__list { 5316 .vacancies__list {
5299 grid-template-columns: repeat(4, 1fr); 5317 grid-template-columns: repeat(4, 1fr);
5300 } 5318 }
5301 } 5319 }
5302 .vacancies__list-label { 5320 .vacancies__list-label {
5303 font-weight: 700; 5321 font-weight: 700;
5304 font-size: 22px; 5322 font-size: 22px;
5305 } 5323 }
5306 .vacancies__list-col { 5324 .vacancies__list-col {
5307 display: -webkit-box; 5325 display: -webkit-box;
5308 display: -ms-flexbox; 5326 display: -ms-flexbox;
5309 display: flex; 5327 display: flex;
5310 -webkit-box-orient: vertical; 5328 -webkit-box-orient: vertical;
5311 -webkit-box-direction: normal; 5329 -webkit-box-direction: normal;
5312 -ms-flex-direction: column; 5330 -ms-flex-direction: column;
5313 flex-direction: column; 5331 flex-direction: column;
5314 gap: 15px; 5332 gap: 15px;
5315 margin-top: 15px; 5333 margin-top: 15px;
5316 margin-bottom: 30px; 5334 margin-bottom: 30px;
5317 } 5335 }
5318 @media (min-width: 768px) { 5336 @media (min-width: 768px) {
5319 .vacancies__list-col { 5337 .vacancies__list-col {
5320 margin-top: 0; 5338 margin-top: 0;
5321 } 5339 }
5322 } 5340 }
5323 .vacancies__list-col:first-child { 5341 .vacancies__list-col:first-child {
5324 margin-top: 0; 5342 margin-top: 0;
5325 } 5343 }
5326 .vacancies__item { 5344 .vacancies__item {
5327 display: none; 5345 display: none;
5328 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5346 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5347 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5330 border-radius: 12px; 5348 border-radius: 12px;
5331 background: #fff; 5349 background: #fff;
5332 border: 1px solid #e6e7e7; 5350 border: 1px solid #e6e7e7;
5333 overflow: hidden; 5351 overflow: hidden;
5334 } 5352 }
5335 .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) { 5353 .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) {
5336 display: -webkit-box; 5354 display: -webkit-box;
5337 display: -ms-flexbox; 5355 display: -ms-flexbox;
5338 display: flex; 5356 display: flex;
5339 } 5357 }
5340 .vacancies__item > span { 5358 .vacancies__item > span {
5341 border-left: 10px solid #377d87; 5359 border-left: 10px solid #377d87;
5342 padding: 20px 14px; 5360 padding: 20px 14px;
5343 display: -webkit-box; 5361 display: -webkit-box;
5344 display: -ms-flexbox; 5362 display: -ms-flexbox;
5345 display: flex; 5363 display: flex;
5346 -webkit-box-orient: vertical; 5364 -webkit-box-orient: vertical;
5347 -webkit-box-direction: normal; 5365 -webkit-box-direction: normal;
5348 -ms-flex-direction: column; 5366 -ms-flex-direction: column;
5349 flex-direction: column; 5367 flex-direction: column;
5350 -webkit-box-align: start; 5368 -webkit-box-align: start;
5351 -ms-flex-align: start; 5369 -ms-flex-align: start;
5352 align-items: flex-start; 5370 align-items: flex-start;
5353 gap: 5px; 5371 gap: 5px;
5354 -webkit-box-pack: justify; 5372 -webkit-box-pack: justify;
5355 -ms-flex-pack: justify; 5373 -ms-flex-pack: justify;
5356 justify-content: space-between; 5374 justify-content: space-between;
5357 } 5375 }
5358 @media (min-width: 992px) { 5376 @media (min-width: 992px) {
5359 .vacancies__item > span { 5377 .vacancies__item > span {
5360 gap: 10px; 5378 gap: 10px;
5361 } 5379 }
5362 } 5380 }
5363 .vacancies__item b { 5381 .vacancies__item b {
5364 font-weight: 700; 5382 font-weight: 700;
5365 font-size: 14px; 5383 font-size: 14px;
5366 } 5384 }
5367 @media (min-width: 992px) { 5385 @media (min-width: 992px) {
5368 .vacancies__item b { 5386 .vacancies__item b {
5369 font-size: 20px; 5387 font-size: 20px;
5370 } 5388 }
5371 } 5389 }
5372 .vacancies__item:hover b { 5390 .vacancies__item:hover b {
5373 color: #377d87; 5391 color: #377d87;
5374 } 5392 }
5375 .vacancies__item u { 5393 .vacancies__item u {
5376 text-decoration: none; 5394 text-decoration: none;
5377 font-size: 14px; 5395 font-size: 14px;
5378 } 5396 }
5379 @media (min-width: 992px) { 5397 @media (min-width: 992px) {
5380 .vacancies__item u { 5398 .vacancies__item u {
5381 font-size: 18px; 5399 font-size: 18px;
5382 } 5400 }
5383 } 5401 }
5384 .vacancies__item i { 5402 .vacancies__item i {
5385 font-size: 12px; 5403 font-size: 12px;
5386 font-style: normal; 5404 font-style: normal;
5387 border-bottom: 1px dashed #377d87; 5405 border-bottom: 1px dashed #377d87;
5388 } 5406 }
5389 @media (min-width: 992px) { 5407 @media (min-width: 992px) {
5390 .vacancies__item i { 5408 .vacancies__item i {
5391 font-size: 16px; 5409 font-size: 16px;
5392 } 5410 }
5393 } 5411 }
5394 .vacancies__item i span { 5412 .vacancies__item i span {
5395 font-weight: 700; 5413 font-weight: 700;
5396 color: #377d87; 5414 color: #377d87;
5397 } 5415 }
5398 .vacancies__body.active .vacancies__list .vacancies__item { 5416 .vacancies__body.active .vacancies__list .vacancies__item {
5399 display: -webkit-box; 5417 display: -webkit-box;
5400 display: -ms-flexbox; 5418 display: -ms-flexbox;
5401 display: flex; 5419 display: flex;
5402 } 5420 }
5403 5421
5404 .employer { 5422 .employer {
5405 padding-bottom: 50px; 5423 padding-bottom: 50px;
5406 } 5424 }
5407 @media (min-width: 768px) { 5425 @media (min-width: 768px) {
5408 .employer { 5426 .employer {
5409 padding-bottom: 100px; 5427 padding-bottom: 100px;
5410 } 5428 }
5411 } 5429 }
5412 .employer .swiper { 5430 .employer .swiper {
5413 margin: 20px 0; 5431 margin: 20px 0;
5414 } 5432 }
5415 @media (min-width: 768px) { 5433 @media (min-width: 768px) {
5416 .employer .swiper { 5434 .employer .swiper {
5417 display: none; 5435 display: none;
5418 } 5436 }
5419 } 5437 }
5420 .employer__item { 5438 .employer__item {
5421 display: -webkit-box; 5439 display: -webkit-box;
5422 display: -ms-flexbox; 5440 display: -ms-flexbox;
5423 display: flex; 5441 display: flex;
5424 -webkit-box-orient: vertical; 5442 -webkit-box-orient: vertical;
5425 -webkit-box-direction: normal; 5443 -webkit-box-direction: normal;
5426 -ms-flex-direction: column; 5444 -ms-flex-direction: column;
5427 flex-direction: column; 5445 flex-direction: column;
5428 gap: 30px; 5446 gap: 30px;
5429 } 5447 }
5430 .employer__item a { 5448 .employer__item a {
5431 display: -webkit-box; 5449 display: -webkit-box;
5432 display: -ms-flexbox; 5450 display: -ms-flexbox;
5433 display: flex; 5451 display: flex;
5434 -webkit-box-orient: vertical; 5452 -webkit-box-orient: vertical;
5435 -webkit-box-direction: normal; 5453 -webkit-box-direction: normal;
5436 -ms-flex-direction: column; 5454 -ms-flex-direction: column;
5437 flex-direction: column; 5455 flex-direction: column;
5438 -webkit-box-align: center; 5456 -webkit-box-align: center;
5439 -ms-flex-align: center; 5457 -ms-flex-align: center;
5440 align-items: center; 5458 align-items: center;
5441 } 5459 }
5442 .employer__item img { 5460 .employer__item img {
5443 width: 100%; 5461 width: 100%;
5444 aspect-ratio: 295/98; 5462 aspect-ratio: 295/98;
5445 -o-object-fit: contain; 5463 -o-object-fit: contain;
5446 object-fit: contain; 5464 object-fit: contain;
5447 } 5465 }
5448 .employer__body { 5466 .employer__body {
5449 display: none; 5467 display: none;
5450 grid-template-columns: 1fr 1fr; 5468 grid-template-columns: 1fr 1fr;
5451 gap: 30px; 5469 gap: 30px;
5452 margin-top: 30px; 5470 margin-top: 30px;
5453 margin-bottom: 40px; 5471 margin-bottom: 40px;
5454 } 5472 }
5455 @media (min-width: 768px) { 5473 @media (min-width: 768px) {
5456 .employer__body { 5474 .employer__body {
5457 display: grid; 5475 display: grid;
5458 } 5476 }
5459 } 5477 }
5460 @media (min-width: 992px) { 5478 @media (min-width: 992px) {
5461 .employer__body { 5479 .employer__body {
5462 grid-template-columns: 1fr 1fr 1fr; 5480 grid-template-columns: 1fr 1fr 1fr;
5463 } 5481 }
5464 } 5482 }
5465 @media (min-width: 1280px) { 5483 @media (min-width: 1280px) {
5466 .employer__body { 5484 .employer__body {
5467 grid-template-columns: 1fr 1fr 1fr 1fr; 5485 grid-template-columns: 1fr 1fr 1fr 1fr;
5468 } 5486 }
5469 } 5487 }
5470 .employer__body a { 5488 .employer__body a {
5471 display: -webkit-box; 5489 display: -webkit-box;
5472 display: -ms-flexbox; 5490 display: -ms-flexbox;
5473 display: flex; 5491 display: flex;
5474 -webkit-box-pack: center; 5492 -webkit-box-pack: center;
5475 -ms-flex-pack: center; 5493 -ms-flex-pack: center;
5476 justify-content: center; 5494 justify-content: center;
5477 -webkit-box-align: center; 5495 -webkit-box-align: center;
5478 -ms-flex-align: center; 5496 -ms-flex-align: center;
5479 align-items: center; 5497 align-items: center;
5480 height: 98px; 5498 height: 98px;
5481 } 5499 }
5482 .employer__body img { 5500 .employer__body img {
5483 max-width: 100%; 5501 max-width: 100%;
5484 max-height: 98px; 5502 max-height: 98px;
5485 -o-object-fit: contain; 5503 -o-object-fit: contain;
5486 object-fit: contain; 5504 object-fit: contain;
5487 } 5505 }
5488 .employer__more { 5506 .employer__more {
5489 height: 38px; 5507 height: 38px;
5490 } 5508 }
5491 @media (min-width: 768px) { 5509 @media (min-width: 768px) {
5492 .employer__more { 5510 .employer__more {
5493 width: 250px; 5511 width: 250px;
5494 margin: 0 auto; 5512 margin: 0 auto;
5495 height: 44px; 5513 height: 44px;
5496 } 5514 }
5497 } 5515 }
5498 5516
5499 .about { 5517 .about {
5500 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5518 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5501 background-size: cover; 5519 background-size: cover;
5502 padding: 30px 0; 5520 padding: 30px 0;
5503 padding-bottom: 70px; 5521 padding-bottom: 70px;
5504 } 5522 }
5505 @media (min-width: 768px) { 5523 @media (min-width: 768px) {
5506 .about { 5524 .about {
5507 padding-top: 40px; 5525 padding-top: 40px;
5508 background-size: auto calc(100% - 10px); 5526 background-size: auto calc(100% - 10px);
5509 } 5527 }
5510 } 5528 }
5511 @media (min-width: 1280px) { 5529 @media (min-width: 1280px) {
5512 .about { 5530 .about {
5513 padding: 100px 0; 5531 padding: 100px 0;
5514 } 5532 }
5515 } 5533 }
5516 .about__wrapper { 5534 .about__wrapper {
5517 display: -webkit-box; 5535 display: -webkit-box;
5518 display: -ms-flexbox; 5536 display: -ms-flexbox;
5519 display: flex; 5537 display: flex;
5520 -webkit-box-orient: vertical; 5538 -webkit-box-orient: vertical;
5521 -webkit-box-direction: normal; 5539 -webkit-box-direction: normal;
5522 -ms-flex-direction: column; 5540 -ms-flex-direction: column;
5523 flex-direction: column; 5541 flex-direction: column;
5524 position: relative; 5542 position: relative;
5525 } 5543 }
5526 .about__title { 5544 .about__title {
5527 color: #fff; 5545 color: #fff;
5528 line-height: 1.2; 5546 line-height: 1.2;
5529 } 5547 }
5530 @media (min-width: 1280px) { 5548 @media (min-width: 1280px) {
5531 .about__title { 5549 .about__title {
5532 position: absolute; 5550 position: absolute;
5533 top: -45px; 5551 top: -45px;
5534 left: 0; 5552 left: 0;
5535 } 5553 }
5536 } 5554 }
5537 .about__body { 5555 .about__body {
5538 display: -webkit-box; 5556 display: -webkit-box;
5539 display: -ms-flexbox; 5557 display: -ms-flexbox;
5540 display: flex; 5558 display: flex;
5541 -webkit-box-orient: vertical; 5559 -webkit-box-orient: vertical;
5542 -webkit-box-direction: normal; 5560 -webkit-box-direction: normal;
5543 -ms-flex-direction: column; 5561 -ms-flex-direction: column;
5544 flex-direction: column; 5562 flex-direction: column;
5545 } 5563 }
5546 @media (min-width: 1280px) { 5564 @media (min-width: 1280px) {
5547 .about__body { 5565 .about__body {
5548 padding-left: 495px; 5566 padding-left: 495px;
5549 } 5567 }
5550 } 5568 }
5551 .about__line { 5569 .about__line {
5552 background: #fff; 5570 background: #fff;
5553 width: 100%; 5571 width: 100%;
5554 height: 1px; 5572 height: 1px;
5555 max-width: 400px; 5573 max-width: 400px;
5556 margin-top: 10px; 5574 margin-top: 10px;
5557 } 5575 }
5558 .about__item { 5576 .about__item {
5559 display: -webkit-box; 5577 display: -webkit-box;
5560 display: -ms-flexbox; 5578 display: -ms-flexbox;
5561 display: flex; 5579 display: flex;
5562 -webkit-box-orient: vertical; 5580 -webkit-box-orient: vertical;
5563 -webkit-box-direction: normal; 5581 -webkit-box-direction: normal;
5564 -ms-flex-direction: column; 5582 -ms-flex-direction: column;
5565 flex-direction: column; 5583 flex-direction: column;
5566 margin-top: 10px; 5584 margin-top: 10px;
5567 max-width: 600px; 5585 max-width: 600px;
5568 } 5586 }
5569 @media (min-width: 768px) { 5587 @media (min-width: 768px) {
5570 .about__item { 5588 .about__item {
5571 margin-top: 20px; 5589 margin-top: 20px;
5572 } 5590 }
5573 } 5591 }
5574 @media (min-width: 1280px) { 5592 @media (min-width: 1280px) {
5575 .about__item { 5593 .about__item {
5576 margin-top: 30px; 5594 margin-top: 30px;
5577 } 5595 }
5578 } 5596 }
5579 .about__item b { 5597 .about__item b {
5580 font-size: 20px; 5598 font-size: 20px;
5581 font-weight: 700; 5599 font-weight: 700;
5582 } 5600 }
5583 .about__item span { 5601 .about__item span {
5584 font-size: 13px; 5602 font-size: 13px;
5585 line-height: 1.4; 5603 line-height: 1.4;
5586 margin-top: 6px; 5604 margin-top: 6px;
5587 } 5605 }
5588 @media (min-width: 1280px) { 5606 @media (min-width: 1280px) {
5589 .about__item span { 5607 .about__item span {
5590 font-size: 16px; 5608 font-size: 16px;
5591 margin-top: 12px; 5609 margin-top: 12px;
5592 } 5610 }
5593 } 5611 }
5594 .about__item a { 5612 .about__item a {
5595 text-decoration: underline; 5613 text-decoration: underline;
5596 } 5614 }
5597 .about__item + .about__item { 5615 .about__item + .about__item {
5598 margin-top: 30px; 5616 margin-top: 30px;
5599 } 5617 }
5600 @media (min-width: 992px) { 5618 @media (min-width: 992px) {
5601 .about__item + .about__item { 5619 .about__item + .about__item {
5602 margin-top: 40px; 5620 margin-top: 40px;
5603 } 5621 }
5604 } 5622 }
5605 .about__button { 5623 .about__button {
5606 margin-top: 20px; 5624 margin-top: 20px;
5607 height: 38px; 5625 height: 38px;
5608 padding: 0; 5626 padding: 0;
5609 } 5627 }
5610 @media (min-width: 768px) { 5628 @media (min-width: 768px) {
5611 .about__button { 5629 .about__button {
5612 max-width: 200px; 5630 max-width: 200px;
5613 height: 42px; 5631 height: 42px;
5614 margin-top: 30px; 5632 margin-top: 30px;
5615 } 5633 }
5616 } 5634 }
5617 5635
5618 .news { 5636 .news {
5619 padding: 50px 0; 5637 padding: 50px 0;
5620 overflow: hidden; 5638 overflow: hidden;
5621 } 5639 }
5622 @media (min-width: 1280px) { 5640 @media (min-width: 1280px) {
5623 .news { 5641 .news {
5624 padding: 100px 0; 5642 padding: 100px 0;
5625 padding-bottom: 0; 5643 padding-bottom: 0;
5626 } 5644 }
5627 } 5645 }
5628 .news__toper { 5646 .news__toper {
5629 display: -webkit-box; 5647 display: -webkit-box;
5630 display: -ms-flexbox; 5648 display: -ms-flexbox;
5631 display: flex; 5649 display: flex;
5632 -webkit-box-pack: justify; 5650 -webkit-box-pack: justify;
5633 -ms-flex-pack: justify; 5651 -ms-flex-pack: justify;
5634 justify-content: space-between; 5652 justify-content: space-between;
5635 -webkit-box-align: center; 5653 -webkit-box-align: center;
5636 -ms-flex-align: center; 5654 -ms-flex-align: center;
5637 align-items: center; 5655 align-items: center;
5638 } 5656 }
5639 @media (min-width: 1280px) { 5657 @media (min-width: 1280px) {
5640 .news__toper .title { 5658 .news__toper .title {
5641 width: calc(100% - 160px); 5659 width: calc(100% - 160px);
5642 } 5660 }
5643 } 5661 }
5644 .news__toper .navs { 5662 .news__toper .navs {
5645 display: none; 5663 display: none;
5646 } 5664 }
5647 @media (min-width: 1280px) { 5665 @media (min-width: 1280px) {
5648 .news__toper .navs { 5666 .news__toper .navs {
5649 display: -webkit-box; 5667 display: -webkit-box;
5650 display: -ms-flexbox; 5668 display: -ms-flexbox;
5651 display: flex; 5669 display: flex;
5652 } 5670 }
5653 } 5671 }
5654 .news .swiper { 5672 .news .swiper {
5655 margin-top: 20px; 5673 margin-top: 20px;
5656 } 5674 }
5657 @media (min-width: 768px) { 5675 @media (min-width: 768px) {
5658 .news .swiper { 5676 .news .swiper {
5659 overflow: visible; 5677 overflow: visible;
5660 } 5678 }
5661 } 5679 }
5662 @media (min-width: 992px) { 5680 @media (min-width: 992px) {
5663 .news .swiper { 5681 .news .swiper {
5664 margin-top: 40px; 5682 margin-top: 40px;
5665 } 5683 }
5666 } 5684 }
5667 .news__item { 5685 .news__item {
5668 display: -webkit-box; 5686 display: -webkit-box;
5669 display: -ms-flexbox; 5687 display: -ms-flexbox;
5670 display: flex; 5688 display: flex;
5671 -webkit-box-orient: vertical; 5689 -webkit-box-orient: vertical;
5672 -webkit-box-direction: normal; 5690 -webkit-box-direction: normal;
5673 -ms-flex-direction: column; 5691 -ms-flex-direction: column;
5674 flex-direction: column; 5692 flex-direction: column;
5675 line-height: 1.4; 5693 line-height: 1.4;
5676 } 5694 }
5677 .news__item-pic { 5695 .news__item-pic {
5678 width: 100%; 5696 width: 100%;
5679 aspect-ratio: 3/2; 5697 aspect-ratio: 3/2;
5680 border-radius: 12px; 5698 border-radius: 12px;
5681 border: 1px solid #e6e7e7; 5699 border: 1px solid #e6e7e7;
5682 -o-object-fit: cover; 5700 -o-object-fit: cover;
5683 object-fit: cover; 5701 object-fit: cover;
5684 min-height: 200px; 5702 min-height: 200px;
5685 } 5703 }
5686 @media (min-width: 1280px) { 5704 @media (min-width: 1280px) {
5687 .news__item-pic { 5705 .news__item-pic {
5688 aspect-ratio: 4/2; 5706 aspect-ratio: 4/2;
5689 } 5707 }
5690 } 5708 }
5691 .news__item-body { 5709 .news__item-body {
5692 display: -webkit-box; 5710 display: -webkit-box;
5693 display: -ms-flexbox; 5711 display: -ms-flexbox;
5694 display: flex; 5712 display: flex;
5695 -webkit-box-orient: vertical; 5713 -webkit-box-orient: vertical;
5696 -webkit-box-direction: normal; 5714 -webkit-box-direction: normal;
5697 -ms-flex-direction: column; 5715 -ms-flex-direction: column;
5698 flex-direction: column; 5716 flex-direction: column;
5699 padding-top: 15px; 5717 padding-top: 15px;
5700 } 5718 }
5701 @media (min-width: 768px) { 5719 @media (min-width: 768px) {
5702 .news__item-body { 5720 .news__item-body {
5703 padding: 20px; 5721 padding: 20px;
5704 padding-top: 30px; 5722 padding-top: 30px;
5705 margin-top: -15px; 5723 margin-top: -15px;
5706 border-radius: 0 0 12px 12px; 5724 border-radius: 0 0 12px 12px;
5707 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5725 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5726 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5709 } 5727 }
5710 } 5728 }
5711 .news__item-date { 5729 .news__item-date {
5712 font-size: 14px; 5730 font-size: 14px;
5713 font-weight: 700; 5731 font-weight: 700;
5714 color: #377d87; 5732 color: #377d87;
5715 } 5733 }
5716 .news__item-title { 5734 .news__item-title {
5717 font-size: 20px; 5735 font-size: 20px;
5718 font-weight: 700; 5736 font-weight: 700;
5719 line-height: 1.2; 5737 line-height: 1.2;
5720 margin-top: 5px; 5738 margin-top: 5px;
5721 } 5739 }
5722 .news__item-text { 5740 .news__item-text {
5723 color: #000; 5741 color: #000;
5724 font-size: 13px; 5742 font-size: 13px;
5725 margin-top: 10px; 5743 margin-top: 10px;
5726 overflow: hidden; 5744 overflow: hidden;
5727 display: -webkit-box; 5745 display: -webkit-box;
5728 -webkit-box-orient: vertical; 5746 -webkit-box-orient: vertical;
5729 -webkit-line-clamp: 4; 5747 -webkit-line-clamp: 4;
5730 } 5748 }
5731 @media (min-width: 1280px) { 5749 @media (min-width: 1280px) {
5732 .news__item-text { 5750 .news__item-text {
5733 font-size: 16px; 5751 font-size: 16px;
5734 } 5752 }
5735 } 5753 }
5736 .news__item-more { 5754 .news__item-more {
5737 height: 42px; 5755 height: 42px;
5738 margin-top: 20px; 5756 margin-top: 20px;
5739 } 5757 }
5740 @media (min-width: 1280px) { 5758 @media (min-width: 1280px) {
5741 .news__item-more { 5759 .news__item-more {
5742 height: 44px; 5760 height: 44px;
5743 max-width: 190px; 5761 max-width: 190px;
5744 } 5762 }
5745 } 5763 }
5746 .news__all { 5764 .news__all {
5747 height: 42px; 5765 height: 42px;
5748 margin: 0 auto; 5766 margin: 0 auto;
5749 margin-top: 20px; 5767 margin-top: 20px;
5750 padding: 0; 5768 padding: 0;
5751 display: none; 5769 display: none;
5752 } 5770 }
5753 @media (min-width: 768px) { 5771 @media (min-width: 768px) {
5754 .news__all { 5772 .news__all {
5755 max-width: 170px; 5773 max-width: 170px;
5756 margin-top: 30px; 5774 margin-top: 30px;
5757 display: -webkit-box; 5775 display: -webkit-box;
5758 display: -ms-flexbox; 5776 display: -ms-flexbox;
5759 display: flex; 5777 display: flex;
5760 } 5778 }
5761 } 5779 }
5762 @media (min-width: 1280px) { 5780 @media (min-width: 1280px) {
5763 .news__all { 5781 .news__all {
5764 height: 44px; 5782 height: 44px;
5765 } 5783 }
5766 } 5784 }
5767 .news__items { 5785 .news__items {
5768 display: grid; 5786 display: grid;
5769 gap: 20px; 5787 gap: 20px;
5770 margin-bottom: 10px; 5788 margin-bottom: 10px;
5771 } 5789 }
5772 @media (min-width: 768px) { 5790 @media (min-width: 768px) {
5773 .news__items { 5791 .news__items {
5774 grid-template-columns: 1fr 1fr; 5792 grid-template-columns: 1fr 1fr;
5775 } 5793 }
5776 } 5794 }
5777 @media (min-width: 992px) { 5795 @media (min-width: 992px) {
5778 .news__items { 5796 .news__items {
5779 grid-template-columns: 1fr 1fr 1fr; 5797 grid-template-columns: 1fr 1fr 1fr;
5780 } 5798 }
5781 } 5799 }
5782 5800
5783 main + .news { 5801 main + .news {
5784 padding: 0; 5802 padding: 0;
5785 } 5803 }
5786 5804
5787 .info { 5805 .info {
5788 position: relative; 5806 position: relative;
5789 overflow: hidden; 5807 overflow: hidden;
5790 } 5808 }
5791 @media (min-width: 1280px) { 5809 @media (min-width: 1280px) {
5792 .info { 5810 .info {
5793 margin-bottom: -25px; 5811 margin-bottom: -25px;
5794 } 5812 }
5795 } 5813 }
5796 .info__pic { 5814 .info__pic {
5797 display: none; 5815 display: none;
5798 z-index: 1; 5816 z-index: 1;
5799 position: absolute; 5817 position: absolute;
5800 top: 0; 5818 top: 0;
5801 left: 50%; 5819 left: 50%;
5802 height: 100%; 5820 height: 100%;
5803 margin-left: 130px; 5821 margin-left: 130px;
5804 } 5822 }
5805 @media (min-width: 992px) { 5823 @media (min-width: 992px) {
5806 .info__pic { 5824 .info__pic {
5807 display: block; 5825 display: block;
5808 } 5826 }
5809 } 5827 }
5810 @media (min-width: 1280px) { 5828 @media (min-width: 1280px) {
5811 .info__pic { 5829 .info__pic {
5812 width: 610px; 5830 width: 610px;
5813 height: auto; 5831 height: auto;
5814 margin-left: 10px; 5832 margin-left: 10px;
5815 } 5833 }
5816 } 5834 }
5817 .info__body { 5835 .info__body {
5818 z-index: 2; 5836 z-index: 2;
5819 position: relative; 5837 position: relative;
5820 display: -webkit-box; 5838 display: -webkit-box;
5821 display: -ms-flexbox; 5839 display: -ms-flexbox;
5822 display: flex; 5840 display: flex;
5823 -webkit-box-orient: vertical; 5841 -webkit-box-orient: vertical;
5824 -webkit-box-direction: normal; 5842 -webkit-box-direction: normal;
5825 -ms-flex-direction: column; 5843 -ms-flex-direction: column;
5826 flex-direction: column; 5844 flex-direction: column;
5827 } 5845 }
5828 @media (min-width: 1280px) { 5846 @media (min-width: 1280px) {
5829 .info__body { 5847 .info__body {
5830 padding-top: 100px; 5848 padding-top: 100px;
5831 min-height: 600px; 5849 min-height: 600px;
5832 } 5850 }
5833 } 5851 }
5834 @media (min-width: 1280px) { 5852 @media (min-width: 1280px) {
5835 .info__title { 5853 .info__title {
5836 max-width: 520px; 5854 max-width: 520px;
5837 line-height: 1; 5855 line-height: 1;
5838 } 5856 }
5839 } 5857 }
5840 .info__item { 5858 .info__item {
5841 margin-top: 20px; 5859 margin-top: 20px;
5842 display: -webkit-box; 5860 display: -webkit-box;
5843 display: -ms-flexbox; 5861 display: -ms-flexbox;
5844 display: flex; 5862 display: flex;
5845 -webkit-box-orient: vertical; 5863 -webkit-box-orient: vertical;
5846 -webkit-box-direction: normal; 5864 -webkit-box-direction: normal;
5847 -ms-flex-direction: column; 5865 -ms-flex-direction: column;
5848 flex-direction: column; 5866 flex-direction: column;
5849 gap: 20px; 5867 gap: 20px;
5850 } 5868 }
5851 @media (min-width: 992px) { 5869 @media (min-width: 992px) {
5852 .info__item { 5870 .info__item {
5853 max-width: 610px; 5871 max-width: 610px;
5854 } 5872 }
5855 } 5873 }
5856 .info__item + .info__item { 5874 .info__item + .info__item {
5857 margin-top: 60px; 5875 margin-top: 60px;
5858 } 5876 }
5859 .info__text { 5877 .info__text {
5860 color: #000; 5878 color: #000;
5861 font-size: 13px; 5879 font-size: 13px;
5862 line-height: 1.4; 5880 line-height: 1.4;
5863 } 5881 }
5864 @media (min-width: 768px) { 5882 @media (min-width: 768px) {
5865 .info__text { 5883 .info__text {
5866 font-size: 16px; 5884 font-size: 16px;
5867 } 5885 }
5868 } 5886 }
5869 @media (min-width: 1280px) { 5887 @media (min-width: 1280px) {
5870 .info__text { 5888 .info__text {
5871 font-size: 18px; 5889 font-size: 18px;
5872 } 5890 }
5873 } 5891 }
5874 .info__link { 5892 .info__link {
5875 border-radius: 8px; 5893 border-radius: 8px;
5876 display: -webkit-box; 5894 display: -webkit-box;
5877 display: -ms-flexbox; 5895 display: -ms-flexbox;
5878 display: flex; 5896 display: flex;
5879 -webkit-box-pack: center; 5897 -webkit-box-pack: center;
5880 -ms-flex-pack: center; 5898 -ms-flex-pack: center;
5881 justify-content: center; 5899 justify-content: center;
5882 -webkit-box-align: center; 5900 -webkit-box-align: center;
5883 -ms-flex-align: center; 5901 -ms-flex-align: center;
5884 align-items: center; 5902 align-items: center;
5885 line-height: 1; 5903 line-height: 1;
5886 height: 40px; 5904 height: 40px;
5887 font-size: 12px; 5905 font-size: 12px;
5888 font-weight: 700; 5906 font-weight: 700;
5889 gap: 8px; 5907 gap: 8px;
5890 color: #fff; 5908 color: #fff;
5891 background: #377d87; 5909 background: #377d87;
5892 } 5910 }
5893 .info__link:hover { 5911 .info__link:hover {
5894 -webkit-filter: grayscale(50%); 5912 -webkit-filter: grayscale(50%);
5895 filter: grayscale(50%); 5913 filter: grayscale(50%);
5896 } 5914 }
5897 @media (min-width: 768px) { 5915 @media (min-width: 768px) {
5898 .info__link { 5916 .info__link {
5899 height: 44px; 5917 height: 44px;
5900 font-size: 16px; 5918 font-size: 16px;
5901 gap: 10px; 5919 gap: 10px;
5902 max-width: 300px; 5920 max-width: 300px;
5903 } 5921 }
5904 } 5922 }
5905 @media (min-width: 992px) { 5923 @media (min-width: 992px) {
5906 .info__link { 5924 .info__link {
5907 max-width: 210px; 5925 max-width: 210px;
5908 } 5926 }
5909 } 5927 }
5910 .info__link svg { 5928 .info__link svg {
5911 width: 16px; 5929 width: 16px;
5912 height: 16px; 5930 height: 16px;
5913 } 5931 }
5914 @media (min-width: 768px) { 5932 @media (min-width: 768px) {
5915 .info__link svg { 5933 .info__link svg {
5916 width: 20px; 5934 width: 20px;
5917 height: 20px; 5935 height: 20px;
5918 } 5936 }
5919 } 5937 }
5920 5938
5921 .thing { 5939 .thing {
5922 padding-top: 15px; 5940 padding-top: 15px;
5923 padding-bottom: 30px; 5941 padding-bottom: 30px;
5924 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5942 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5925 color: #000; 5943 color: #000;
5926 overflow: hidden; 5944 overflow: hidden;
5927 position: relative; 5945 position: relative;
5928 } 5946 }
5929 @media (min-width: 992px) { 5947 @media (min-width: 992px) {
5930 .thing { 5948 .thing {
5931 padding-top: 20px; 5949 padding-top: 20px;
5932 padding-bottom: 60px; 5950 padding-bottom: 60px;
5933 } 5951 }
5934 } 5952 }
5935 @media (min-width: 1280px) { 5953 @media (min-width: 1280px) {
5936 .thing { 5954 .thing {
5937 padding-bottom: 90px; 5955 padding-bottom: 90px;
5938 } 5956 }
5939 } 5957 }
5940 .thing_pdf { 5958 .thing_pdf {
5941 padding: 30px 0; 5959 padding: 30px 0;
5942 } 5960 }
5943 @media (min-width: 992px) { 5961 @media (min-width: 992px) {
5944 .thing_pdf { 5962 .thing_pdf {
5945 padding: 60px 0; 5963 padding: 60px 0;
5946 } 5964 }
5947 } 5965 }
5948 @media (min-width: 1280px) { 5966 @media (min-width: 1280px) {
5949 .thing_pdf { 5967 .thing_pdf {
5950 padding: 90px 0; 5968 padding: 90px 0;
5951 } 5969 }
5952 } 5970 }
5953 .thing__body { 5971 .thing__body {
5954 display: -webkit-box; 5972 display: -webkit-box;
5955 display: -ms-flexbox; 5973 display: -ms-flexbox;
5956 display: flex; 5974 display: flex;
5957 -webkit-box-orient: vertical; 5975 -webkit-box-orient: vertical;
5958 -webkit-box-direction: normal; 5976 -webkit-box-direction: normal;
5959 -ms-flex-direction: column; 5977 -ms-flex-direction: column;
5960 flex-direction: column; 5978 flex-direction: column;
5961 -webkit-box-align: start; 5979 -webkit-box-align: start;
5962 -ms-flex-align: start; 5980 -ms-flex-align: start;
5963 align-items: flex-start; 5981 align-items: flex-start;
5964 } 5982 }
5965 .thing__breadcrumbs { 5983 .thing__breadcrumbs {
5966 width: 100%; 5984 width: 100%;
5967 margin-bottom: 40px; 5985 margin-bottom: 40px;
5968 position: relative; 5986 position: relative;
5969 z-index: 2; 5987 z-index: 2;
5970 } 5988 }
5971 @media (min-width: 768px) { 5989 @media (min-width: 768px) {
5972 .thing__breadcrumbs { 5990 .thing__breadcrumbs {
5973 margin-bottom: 60px; 5991 margin-bottom: 60px;
5974 } 5992 }
5975 } 5993 }
5976 .thing__date { 5994 .thing__date {
5977 color: #000; 5995 color: #000;
5978 font-size: 14px; 5996 font-size: 14px;
5979 font-weight: 700; 5997 font-weight: 700;
5980 line-height: 21px; 5998 line-height: 21px;
5981 margin-bottom: 10px; 5999 margin-bottom: 10px;
5982 } 6000 }
5983 @media (min-width: 768px) { 6001 @media (min-width: 768px) {
5984 .thing__date { 6002 .thing__date {
5985 font-size: 18px; 6003 font-size: 18px;
5986 line-height: 27px; 6004 line-height: 27px;
5987 } 6005 }
5988 } 6006 }
5989 .thing__title { 6007 .thing__title {
5990 width: 100%; 6008 width: 100%;
5991 font-size: 32px; 6009 font-size: 32px;
5992 font-weight: 700; 6010 font-weight: 700;
5993 margin: 0; 6011 margin: 0;
5994 max-width: 780px; 6012 max-width: 780px;
5995 position: relative; 6013 position: relative;
5996 z-index: 2; 6014 z-index: 2;
5997 line-height: 1.1; 6015 line-height: 1.1;
5998 } 6016 }
5999 @media (min-width: 768px) { 6017 @media (min-width: 768px) {
6000 .thing__title { 6018 .thing__title {
6001 font-size: 40px; 6019 font-size: 40px;
6002 } 6020 }
6003 } 6021 }
6004 @media (min-width: 1280px) { 6022 @media (min-width: 1280px) {
6005 .thing__title { 6023 .thing__title {
6006 font-size: 64px; 6024 font-size: 64px;
6007 } 6025 }
6008 } 6026 }
6009 .thing__text { 6027 .thing__text {
6010 width: 100%; 6028 width: 100%;
6011 font-weight: 700; 6029 font-weight: 700;
6012 font-size: 14px; 6030 font-size: 14px;
6013 line-height: 1.4; 6031 line-height: 1.4;
6014 margin: 15px 0 0 0; 6032 margin: 15px 0 0 0;
6015 max-width: 780px; 6033 max-width: 780px;
6016 position: relative; 6034 position: relative;
6017 z-index: 2; 6035 z-index: 2;
6018 } 6036 }
6019 @media (min-width: 768px) { 6037 @media (min-width: 768px) {
6020 .thing__text { 6038 .thing__text {
6021 margin-top: 15px; 6039 margin-top: 15px;
6022 } 6040 }
6023 } 6041 }
6024 @media (min-width: 992px) { 6042 @media (min-width: 992px) {
6025 .thing__text { 6043 .thing__text {
6026 font-weight: 400; 6044 font-weight: 400;
6027 font-size: 18px; 6045 font-size: 18px;
6028 } 6046 }
6029 } 6047 }
6030 .thing__search { 6048 .thing__search {
6031 width: 100%; 6049 width: 100%;
6032 max-width: 640px; 6050 max-width: 640px;
6033 margin-top: 20px; 6051 margin-top: 20px;
6034 position: relative; 6052 position: relative;
6035 z-index: 2; 6053 z-index: 2;
6036 } 6054 }
6037 @media (min-width: 768px) { 6055 @media (min-width: 768px) {
6038 .thing__search { 6056 .thing__search {
6039 margin-top: 30px; 6057 margin-top: 30px;
6040 } 6058 }
6041 } 6059 }
6042 .thing__badge { 6060 .thing__badge {
6043 position: relative; 6061 position: relative;
6044 z-index: 2; 6062 z-index: 2;
6045 display: -webkit-box; 6063 display: -webkit-box;
6046 display: -ms-flexbox; 6064 display: -ms-flexbox;
6047 display: flex; 6065 display: flex;
6048 -webkit-box-align: center; 6066 -webkit-box-align: center;
6049 -ms-flex-align: center; 6067 -ms-flex-align: center;
6050 align-items: center; 6068 align-items: center;
6051 gap: 5px; 6069 gap: 5px;
6052 padding: 0 12px; 6070 padding: 0 12px;
6053 background: #4d88d9; 6071 background: #4d88d9;
6054 color: #fff; 6072 color: #fff;
6055 font-size: 12px; 6073 font-size: 12px;
6056 line-height: 1; 6074 line-height: 1;
6057 height: 26px; 6075 height: 26px;
6058 border-radius: 999px; 6076 border-radius: 999px;
6059 margin-bottom: 20px; 6077 margin-bottom: 20px;
6060 } 6078 }
6061 @media (min-width: 992px) { 6079 @media (min-width: 992px) {
6062 .thing__badge { 6080 .thing__badge {
6063 font-size: 16px; 6081 font-size: 16px;
6064 gap: 10px; 6082 gap: 10px;
6065 padding: 0 24px; 6083 padding: 0 24px;
6066 height: 42px; 6084 height: 42px;
6067 margin-bottom: 30px; 6085 margin-bottom: 30px;
6068 } 6086 }
6069 } 6087 }
6070 .thing__badge svg { 6088 .thing__badge svg {
6071 width: 12px; 6089 width: 12px;
6072 height: 12px; 6090 height: 12px;
6073 } 6091 }
6074 @media (min-width: 992px) { 6092 @media (min-width: 992px) {
6075 .thing__badge svg { 6093 .thing__badge svg {
6076 width: 20px; 6094 width: 20px;
6077 height: 20px; 6095 height: 20px;
6078 } 6096 }
6079 } 6097 }
6080 .thing__pic { 6098 .thing__pic {
6081 width: 60px; 6099 width: 60px;
6082 aspect-ratio: 1/1; 6100 aspect-ratio: 1/1;
6083 -o-object-fit: contain; 6101 -o-object-fit: contain;
6084 object-fit: contain; 6102 object-fit: contain;
6085 position: relative; 6103 position: relative;
6086 z-index: 1; 6104 z-index: 1;
6087 margin-bottom: 15px; 6105 margin-bottom: 15px;
6088 } 6106 }
6089 @media (min-width: 768px) { 6107 @media (min-width: 768px) {
6090 .thing__pic { 6108 .thing__pic {
6091 width: 160px; 6109 width: 160px;
6092 position: absolute; 6110 position: absolute;
6093 top: 15px; 6111 top: 15px;
6094 right: 20px; 6112 right: 20px;
6095 } 6113 }
6096 } 6114 }
6097 @media (min-width: 992px) { 6115 @media (min-width: 992px) {
6098 .thing__pic { 6116 .thing__pic {
6099 width: 330px; 6117 width: 330px;
6100 top: 50%; 6118 top: 50%;
6101 -webkit-transform: translate(0, -50%); 6119 -webkit-transform: translate(0, -50%);
6102 -ms-transform: translate(0, -50%); 6120 -ms-transform: translate(0, -50%);
6103 transform: translate(0, -50%); 6121 transform: translate(0, -50%);
6104 } 6122 }
6105 } 6123 }
6106 @media (min-width: 1280px) { 6124 @media (min-width: 1280px) {
6107 .thing__pic { 6125 .thing__pic {
6108 right: auto; 6126 right: auto;
6109 left: 50%; 6127 left: 50%;
6110 margin-left: 200px; 6128 margin-left: 200px;
6111 } 6129 }
6112 } 6130 }
6113 .thing__pic_two { 6131 .thing__pic_two {
6114 -o-object-fit: cover; 6132 -o-object-fit: cover;
6115 object-fit: cover; 6133 object-fit: cover;
6116 border-radius: 30px; 6134 border-radius: 30px;
6117 aspect-ratio: 44/37; 6135 aspect-ratio: 44/37;
6118 width: 100%; 6136 width: 100%;
6119 max-width: 440px; 6137 max-width: 440px;
6120 } 6138 }
6121 @media (min-width: 768px) { 6139 @media (min-width: 768px) {
6122 .thing__pic_two { 6140 .thing__pic_two {
6123 position: static; 6141 position: static;
6124 -webkit-transform: translate(0, 0); 6142 -webkit-transform: translate(0, 0);
6125 -ms-transform: translate(0, 0); 6143 -ms-transform: translate(0, 0);
6126 transform: translate(0, 0); 6144 transform: translate(0, 0);
6127 } 6145 }
6128 } 6146 }
6129 @media (min-width: 1280px) { 6147 @media (min-width: 1280px) {
6130 .thing__pic_two { 6148 .thing__pic_two {
6131 position: absolute; 6149 position: absolute;
6132 -webkit-transform: translate(0, -50%); 6150 -webkit-transform: translate(0, -50%);
6133 -ms-transform: translate(0, -50%); 6151 -ms-transform: translate(0, -50%);
6134 transform: translate(0, -50%); 6152 transform: translate(0, -50%);
6135 } 6153 }
6136 } 6154 }
6137 .thing__buttons { 6155 .thing__buttons {
6138 width: 100%; 6156 width: 100%;
6139 position: relative; 6157 position: relative;
6140 z-index: 2; 6158 z-index: 2;
6141 display: -webkit-box; 6159 display: -webkit-box;
6142 display: -ms-flexbox; 6160 display: -ms-flexbox;
6143 display: flex; 6161 display: flex;
6144 -webkit-box-align: center; 6162 -webkit-box-align: center;
6145 -ms-flex-align: center; 6163 -ms-flex-align: center;
6146 align-items: center; 6164 align-items: center;
6147 gap: 20px; 6165 gap: 20px;
6148 margin-top: 15px; 6166 margin-top: 15px;
6149 } 6167 }
6150 @media (min-width: 992px) { 6168 @media (min-width: 992px) {
6151 .thing__buttons { 6169 .thing__buttons {
6152 margin-top: 30px; 6170 margin-top: 30px;
6153 gap: 30px; 6171 gap: 30px;
6154 } 6172 }
6155 } 6173 }
6156 @media (min-width: 992px) { 6174 @media (min-width: 992px) {
6157 .thing__buttons .button { 6175 .thing__buttons .button {
6158 padding: 0 22px; 6176 padding: 0 22px;
6159 } 6177 }
6160 } 6178 }
6161 .thing__checkbox { 6179 .thing__checkbox {
6162 margin-top: 20px; 6180 margin-top: 20px;
6163 } 6181 }
6164 .thing__checkbox .checkbox__icon { 6182 .thing__checkbox .checkbox__icon {
6165 border-color: #377d87; 6183 border-color: #377d87;
6166 } 6184 }
6167 .thing__checkbox .checkbox__text { 6185 .thing__checkbox .checkbox__text {
6168 color: #377d87; 6186 color: #377d87;
6169 } 6187 }
6170 .thing__profile { 6188 .thing__profile {
6171 display: -webkit-box; 6189 display: -webkit-box;
6172 display: -ms-flexbox; 6190 display: -ms-flexbox;
6173 display: flex; 6191 display: flex;
6174 -webkit-box-orient: vertical; 6192 -webkit-box-orient: vertical;
6175 -webkit-box-direction: normal; 6193 -webkit-box-direction: normal;
6176 -ms-flex-direction: column; 6194 -ms-flex-direction: column;
6177 flex-direction: column; 6195 flex-direction: column;
6178 } 6196 }
6179 @media (min-width: 768px) { 6197 @media (min-width: 768px) {
6180 .thing__profile { 6198 .thing__profile {
6181 -webkit-box-orient: horizontal; 6199 -webkit-box-orient: horizontal;
6182 -webkit-box-direction: normal; 6200 -webkit-box-direction: normal;
6183 -ms-flex-direction: row; 6201 -ms-flex-direction: row;
6184 flex-direction: row; 6202 flex-direction: row;
6185 -webkit-box-align: start; 6203 -webkit-box-align: start;
6186 -ms-flex-align: start; 6204 -ms-flex-align: start;
6187 align-items: flex-start; 6205 align-items: flex-start;
6188 } 6206 }
6189 } 6207 }
6190 .thing__profile-photo { 6208 .thing__profile-photo {
6191 width: 210px; 6209 width: 210px;
6192 border-radius: 8px; 6210 border-radius: 8px;
6193 aspect-ratio: 1/1; 6211 aspect-ratio: 1/1;
6194 } 6212 }
6195 .thing__profile-body { 6213 .thing__profile-body {
6196 display: -webkit-box; 6214 display: -webkit-box;
6197 display: -ms-flexbox; 6215 display: -ms-flexbox;
6198 display: flex; 6216 display: flex;
6199 -webkit-box-orient: vertical; 6217 -webkit-box-orient: vertical;
6200 -webkit-box-direction: normal; 6218 -webkit-box-direction: normal;
6201 -ms-flex-direction: column; 6219 -ms-flex-direction: column;
6202 flex-direction: column; 6220 flex-direction: column;
6203 margin-top: 15px; 6221 margin-top: 15px;
6204 } 6222 }
6205 @media (min-width: 768px) { 6223 @media (min-width: 768px) {
6206 .thing__profile-body { 6224 .thing__profile-body {
6207 width: calc(100% - 210px); 6225 width: calc(100% - 210px);
6208 padding-left: 35px; 6226 padding-left: 35px;
6209 } 6227 }
6210 } 6228 }
6211 .thing__profile .thing__title { 6229 .thing__profile .thing__title {
6212 max-width: none; 6230 max-width: none;
6213 } 6231 }
6214 @media (min-width: 768px) { 6232 @media (min-width: 768px) {
6215 .thing__profile .thing__title { 6233 .thing__profile .thing__title {
6216 margin-top: -20px; 6234 margin-top: -20px;
6217 } 6235 }
6218 } 6236 }
6219 .thing__profile .thing__text { 6237 .thing__profile .thing__text {
6220 max-width: none; 6238 max-width: none;
6221 } 6239 }
6222 .thing__bottom { 6240 .thing__bottom {
6223 display: -webkit-box; 6241 display: -webkit-box;
6224 display: -ms-flexbox; 6242 display: -ms-flexbox;
6225 display: flex; 6243 display: flex;
6226 -webkit-box-align: center; 6244 -webkit-box-align: center;
6227 -ms-flex-align: center; 6245 -ms-flex-align: center;
6228 align-items: center; 6246 align-items: center;
6229 gap: 15px; 6247 gap: 15px;
6230 margin-top: 15px; 6248 margin-top: 15px;
6231 } 6249 }
6232 @media (min-width: 768px) { 6250 @media (min-width: 768px) {
6233 .thing__bottom { 6251 .thing__bottom {
6234 margin-top: 30px; 6252 margin-top: 30px;
6235 } 6253 }
6236 } 6254 }
6237 .thing__select { 6255 .thing__select {
6238 width: 100%; 6256 width: 100%;
6239 max-width: 640px; 6257 max-width: 640px;
6240 margin-top: 20px; 6258 margin-top: 20px;
6241 } 6259 }
6242 @media (min-width: 768px) { 6260 @media (min-width: 768px) {
6243 .thing__select { 6261 .thing__select {
6244 margin-top: 30px; 6262 margin-top: 30px;
6245 } 6263 }
6246 } 6264 }
6247 6265
6248 .page-404 { 6266 .page-404 {
6249 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6267 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6250 overflow: hidden; 6268 overflow: hidden;
6251 } 6269 }
6252 .page-404__body { 6270 .page-404__body {
6253 display: -webkit-box; 6271 display: -webkit-box;
6254 display: -ms-flexbox; 6272 display: -ms-flexbox;
6255 display: flex; 6273 display: flex;
6256 -webkit-box-orient: vertical; 6274 -webkit-box-orient: vertical;
6257 -webkit-box-direction: normal; 6275 -webkit-box-direction: normal;
6258 -ms-flex-direction: column; 6276 -ms-flex-direction: column;
6259 flex-direction: column; 6277 flex-direction: column;
6260 -webkit-box-align: center; 6278 -webkit-box-align: center;
6261 -ms-flex-align: center; 6279 -ms-flex-align: center;
6262 align-items: center; 6280 align-items: center;
6263 -webkit-box-pack: center; 6281 -webkit-box-pack: center;
6264 -ms-flex-pack: center; 6282 -ms-flex-pack: center;
6265 justify-content: center; 6283 justify-content: center;
6266 text-align: center; 6284 text-align: center;
6267 padding: 60px 0; 6285 padding: 60px 0;
6268 color: #000; 6286 color: #000;
6269 font-size: 12px; 6287 font-size: 12px;
6270 gap: 10px; 6288 gap: 10px;
6271 line-height: 1.4; 6289 line-height: 1.4;
6272 } 6290 }
6273 @media (min-width: 768px) { 6291 @media (min-width: 768px) {
6274 .page-404__body { 6292 .page-404__body {
6275 font-size: 18px; 6293 font-size: 18px;
6276 padding: 120px 0; 6294 padding: 120px 0;
6277 gap: 20px; 6295 gap: 20px;
6278 } 6296 }
6279 } 6297 }
6280 @media (min-width: 1280px) { 6298 @media (min-width: 1280px) {
6281 .page-404__body { 6299 .page-404__body {
6282 padding: 180px 0; 6300 padding: 180px 0;
6283 text-align: left; 6301 text-align: left;
6284 } 6302 }
6285 } 6303 }
6286 .page-404__numb { 6304 .page-404__numb {
6287 font-size: 114px; 6305 font-size: 114px;
6288 line-height: 1; 6306 line-height: 1;
6289 color: #377d87; 6307 color: #377d87;
6290 font-weight: 700; 6308 font-weight: 700;
6291 } 6309 }
6292 @media (min-width: 768px) { 6310 @media (min-width: 768px) {
6293 .page-404__numb { 6311 .page-404__numb {
6294 font-size: 184px; 6312 font-size: 184px;
6295 } 6313 }
6296 } 6314 }
6297 @media (min-width: 768px) { 6315 @media (min-width: 768px) {
6298 .page-404__title { 6316 .page-404__title {
6299 font-weight: 700; 6317 font-weight: 700;
6300 font-size: 44px; 6318 font-size: 44px;
6301 } 6319 }
6302 } 6320 }
6303 @media (min-width: 1280px) { 6321 @media (min-width: 1280px) {
6304 .page-404__title { 6322 .page-404__title {
6305 width: 710px; 6323 width: 710px;
6306 position: relative; 6324 position: relative;
6307 left: 200px; 6325 left: 200px;
6308 } 6326 }
6309 } 6327 }
6310 @media (min-width: 1280px) { 6328 @media (min-width: 1280px) {
6311 .page-404__subtitle { 6329 .page-404__subtitle {
6312 width: 710px; 6330 width: 710px;
6313 position: relative; 6331 position: relative;
6314 left: 200px; 6332 left: 200px;
6315 } 6333 }
6316 } 6334 }
6317 .page-404__button { 6335 .page-404__button {
6318 margin-top: 10px; 6336 margin-top: 10px;
6319 } 6337 }
6320 @media (min-width: 1280px) { 6338 @media (min-width: 1280px) {
6321 .page-404__button { 6339 .page-404__button {
6322 position: relative; 6340 position: relative;
6323 left: -45px; 6341 left: -45px;
6324 } 6342 }
6325 } 6343 }
6326 6344
6327 .cookies { 6345 .cookies {
6328 display: none; 6346 display: none;
6329 -webkit-box-align: end; 6347 -webkit-box-align: end;
6330 -ms-flex-align: end; 6348 -ms-flex-align: end;
6331 align-items: flex-end; 6349 align-items: flex-end;
6332 padding: 10px; 6350 padding: 10px;
6333 padding-top: 0; 6351 padding-top: 0;
6334 height: 0; 6352 height: 0;
6335 position: fixed; 6353 position: fixed;
6336 z-index: 999; 6354 z-index: 999;
6337 bottom: 0; 6355 bottom: 0;
6338 left: 0; 6356 left: 0;
6339 width: 100%; 6357 width: 100%;
6340 } 6358 }
6341 .cookies-is-actived .cookies { 6359 .cookies-is-actived .cookies {
6342 display: -webkit-box; 6360 display: -webkit-box;
6343 display: -ms-flexbox; 6361 display: -ms-flexbox;
6344 display: flex; 6362 display: flex;
6345 } 6363 }
6346 .cookies__body { 6364 .cookies__body {
6347 border-radius: 6px; 6365 border-radius: 6px;
6348 border: 1px solid #377d87; 6366 border: 1px solid #377d87;
6349 background: #fff; 6367 background: #fff;
6350 padding: 15px; 6368 padding: 15px;
6351 padding-right: 50px; 6369 padding-right: 50px;
6352 position: relative; 6370 position: relative;
6353 max-width: 940px; 6371 max-width: 940px;
6354 margin: 0 auto; 6372 margin: 0 auto;
6355 } 6373 }
6356 @media (min-width: 768px) { 6374 @media (min-width: 768px) {
6357 .cookies__body { 6375 .cookies__body {
6358 padding: 25px; 6376 padding: 25px;
6359 padding-right: 50px; 6377 padding-right: 50px;
6360 border-radius: 12px; 6378 border-radius: 12px;
6361 } 6379 }
6362 } 6380 }
6363 @media (min-width: 992px) { 6381 @media (min-width: 992px) {
6364 .cookies__body { 6382 .cookies__body {
6365 padding: 40px 60px; 6383 padding: 40px 60px;
6366 } 6384 }
6367 } 6385 }
6368 .cookies__close { 6386 .cookies__close {
6369 display: -webkit-box; 6387 display: -webkit-box;
6370 display: -ms-flexbox; 6388 display: -ms-flexbox;
6371 display: flex; 6389 display: flex;
6372 -webkit-box-pack: center; 6390 -webkit-box-pack: center;
6373 -ms-flex-pack: center; 6391 -ms-flex-pack: center;
6374 justify-content: center; 6392 justify-content: center;
6375 -webkit-box-align: center; 6393 -webkit-box-align: center;
6376 -ms-flex-align: center; 6394 -ms-flex-align: center;
6377 align-items: center; 6395 align-items: center;
6378 color: #377d87; 6396 color: #377d87;
6379 padding: 0; 6397 padding: 0;
6380 border: none; 6398 border: none;
6381 background: none; 6399 background: none;
6382 position: absolute; 6400 position: absolute;
6383 top: 15px; 6401 top: 15px;
6384 right: 15px; 6402 right: 15px;
6385 } 6403 }
6386 .cookies__close:hover { 6404 .cookies__close:hover {
6387 color: #000; 6405 color: #000;
6388 } 6406 }
6389 .cookies__close svg { 6407 .cookies__close svg {
6390 width: 16px; 6408 width: 16px;
6391 height: 16px; 6409 height: 16px;
6392 } 6410 }
6393 .cookies__text { 6411 .cookies__text {
6394 font-size: 12px; 6412 font-size: 12px;
6395 color: #377d87; 6413 color: #377d87;
6396 line-height: 1.4; 6414 line-height: 1.4;
6397 } 6415 }
6398 @media (min-width: 768px) { 6416 @media (min-width: 768px) {
6399 .cookies__text { 6417 .cookies__text {
6400 font-size: 16px; 6418 font-size: 16px;
6401 font-weight: 700; 6419 font-weight: 700;
6402 } 6420 }
6403 } 6421 }
6404 6422
6405 .fancybox-active { 6423 .fancybox-active {
6406 overflow: hidden; 6424 overflow: hidden;
6407 } 6425 }
6408 .fancybox-is-open .fancybox-bg { 6426 .fancybox-is-open .fancybox-bg {
6409 background: #080b0b; 6427 background: #080b0b;
6410 opacity: 0.6; 6428 opacity: 0.6;
6411 z-index: 9999; 6429 z-index: 9999;
6412 } 6430 }
6413 .fancybox-slide { 6431 .fancybox-slide {
6414 padding: 0; 6432 padding: 0;
6415 } 6433 }
6416 @media (min-width: 992px) { 6434 @media (min-width: 992px) {
6417 .fancybox-slide { 6435 .fancybox-slide {
6418 padding: 30px; 6436 padding: 30px;
6419 } 6437 }
6420 } 6438 }
6421 .fancybox-slide--html .fancybox-close-small { 6439 .fancybox-slide--html .fancybox-close-small {
6422 padding: 0; 6440 padding: 0;
6423 opacity: 1; 6441 opacity: 1;
6424 color: #377d87; 6442 color: #377d87;
6425 } 6443 }
6426 @media (min-width: 768px) { 6444 @media (min-width: 768px) {
6427 .fancybox-slide--html .fancybox-close-small { 6445 .fancybox-slide--html .fancybox-close-small {
6428 top: 10px; 6446 top: 10px;
6429 right: 10px; 6447 right: 10px;
6430 } 6448 }
6431 } 6449 }
6432 .fancybox-slide--html .fancybox-close-small:hover { 6450 .fancybox-slide--html .fancybox-close-small:hover {
6433 color: #000; 6451 color: #000;
6434 } 6452 }
6435 6453
6436 .modal { 6454 .modal {
6437 width: 100%; 6455 width: 100%;
6438 max-width: 820px; 6456 max-width: 820px;
6439 padding: 0; 6457 padding: 0;
6440 background: #fff; 6458 background: #fff;
6441 z-index: 99999; 6459 z-index: 99999;
6442 } 6460 }
6443 @media (min-width: 992px) { 6461 @media (min-width: 992px) {
6444 .modal { 6462 .modal {
6445 border-radius: 10px; 6463 border-radius: 10px;
6446 border: 1px solid #377d87; 6464 border: 1px solid #377d87;
6447 } 6465 }
6448 } 6466 }
6449 .modal_bg { 6467 .modal_bg {
6450 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6468 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6451 } 6469 }
6452 @media (min-width: 768px) { 6470 @media (min-width: 768px) {
6453 .modal_bg { 6471 .modal_bg {
6454 background-position: 100% 100%; 6472 background-position: 100% 100%;
6455 } 6473 }
6456 } 6474 }
6457 .modal__body { 6475 .modal__body {
6458 padding: 40px 15px; 6476 padding: 40px 15px;
6459 padding-bottom: 30px; 6477 padding-bottom: 30px;
6460 display: -webkit-box; 6478 display: -webkit-box;
6461 display: -ms-flexbox; 6479 display: -ms-flexbox;
6462 display: flex; 6480 display: flex;
6463 -webkit-box-orient: vertical; 6481 -webkit-box-orient: vertical;
6464 -webkit-box-direction: normal; 6482 -webkit-box-direction: normal;
6465 -ms-flex-direction: column; 6483 -ms-flex-direction: column;
6466 flex-direction: column; 6484 flex-direction: column;
6467 -webkit-box-align: center; 6485 -webkit-box-align: center;
6468 -ms-flex-align: center; 6486 -ms-flex-align: center;
6469 align-items: center; 6487 align-items: center;
6470 -webkit-box-pack: center; 6488 -webkit-box-pack: center;
6471 -ms-flex-pack: center; 6489 -ms-flex-pack: center;
6472 justify-content: center; 6490 justify-content: center;
6473 width: 100%; 6491 width: 100%;
6474 min-height: 100vh; 6492 min-height: 100vh;
6475 overflow: hidden; 6493 overflow: hidden;
6476 font-size: 12px; 6494 font-size: 12px;
6477 } 6495 }
6478 @media (min-width: 768px) { 6496 @media (min-width: 768px) {
6479 .modal__body { 6497 .modal__body {
6480 font-size: 16px; 6498 font-size: 16px;
6481 padding-left: 22px; 6499 padding-left: 22px;
6482 padding-right: 22px; 6500 padding-right: 22px;
6483 } 6501 }
6484 } 6502 }
6485 @media (min-width: 992px) { 6503 @media (min-width: 992px) {
6486 .modal__body { 6504 .modal__body {
6487 min-height: 450px; 6505 min-height: 450px;
6488 padding: 60px 80px; 6506 padding: 60px 80px;
6489 padding-bottom: 40px; 6507 padding-bottom: 40px;
6490 } 6508 }
6491 } 6509 }
6492 @media (min-width: 768px) { 6510 @media (min-width: 768px) {
6493 .modal__body .left { 6511 .modal__body .left {
6494 text-align: left; 6512 text-align: left;
6495 } 6513 }
6496 } 6514 }
6497 .modal__title { 6515 .modal__title {
6498 width: 100%; 6516 width: 100%;
6499 font-size: 22px; 6517 font-size: 22px;
6500 font-weight: 700; 6518 font-weight: 700;
6501 text-align: center; 6519 text-align: center;
6502 color: #000; 6520 color: #000;
6503 } 6521 }
6504 @media (min-width: 768px) { 6522 @media (min-width: 768px) {
6505 .modal__title { 6523 .modal__title {
6506 font-size: 32px; 6524 font-size: 32px;
6507 } 6525 }
6508 } 6526 }
6509 @media (min-width: 992px) { 6527 @media (min-width: 992px) {
6510 .modal__title { 6528 .modal__title {
6511 font-size: 44px; 6529 font-size: 44px;
6512 } 6530 }
6513 } 6531 }
6514 .modal__text { 6532 .modal__text {
6515 width: 100%; 6533 width: 100%;
6516 text-align: center; 6534 text-align: center;
6517 margin-top: 10px; 6535 margin-top: 10px;
6518 color: #000; 6536 color: #000;
6519 } 6537 }
6520 @media (min-width: 768px) { 6538 @media (min-width: 768px) {
6521 .modal__text { 6539 .modal__text {
6522 margin-top: 20px; 6540 margin-top: 20px;
6523 } 6541 }
6524 } 6542 }
6525 .modal__text span { 6543 .modal__text span {
6526 color: #9c9d9d; 6544 color: #9c9d9d;
6527 } 6545 }
6528 .modal__text a { 6546 .modal__text a {
6529 font-weight: 700; 6547 font-weight: 700;
6530 color: #377d87; 6548 color: #377d87;
6531 } 6549 }
6532 .modal__text a:hover { 6550 .modal__text a:hover {
6533 color: #000; 6551 color: #000;
6534 } 6552 }
6535 .modal__button { 6553 .modal__button {
6536 margin-top: 20px; 6554 margin-top: 20px;
6537 } 6555 }
6538 @media (min-width: 768px) { 6556 @media (min-width: 768px) {
6539 .modal__button { 6557 .modal__button {
6540 min-width: 200px; 6558 min-width: 200px;
6541 margin-top: 30px; 6559 margin-top: 30px;
6542 } 6560 }
6543 } 6561 }
6544 .modal__buttons { 6562 .modal__buttons {
6545 display: grid; 6563 display: grid;
6546 grid-template-columns: repeat(2, 1fr); 6564 grid-template-columns: repeat(2, 1fr);
6547 gap: 20px; 6565 gap: 20px;
6548 margin-top: 20px; 6566 margin-top: 20px;
6549 } 6567 }
6550 @media (min-width: 768px) { 6568 @media (min-width: 768px) {
6551 .modal__buttons { 6569 .modal__buttons {
6552 gap: 30px; 6570 gap: 30px;
6553 margin-top: 30px; 6571 margin-top: 30px;
6554 } 6572 }
6555 } 6573 }
6556 .modal__form { 6574 .modal__form {
6557 width: 100%; 6575 width: 100%;
6558 display: -webkit-box; 6576 display: -webkit-box;
6559 display: -ms-flexbox; 6577 display: -ms-flexbox;
6560 display: flex; 6578 display: flex;
6561 -webkit-box-orient: vertical; 6579 -webkit-box-orient: vertical;
6562 -webkit-box-direction: normal; 6580 -webkit-box-direction: normal;
6563 -ms-flex-direction: column; 6581 -ms-flex-direction: column;
6564 flex-direction: column; 6582 flex-direction: column;
6565 gap: 16px; 6583 gap: 16px;
6566 margin-top: 10px; 6584 margin-top: 10px;
6567 } 6585 }
6568 @media (min-width: 768px) { 6586 @media (min-width: 768px) {
6569 .modal__form { 6587 .modal__form {
6570 margin-top: 20px; 6588 margin-top: 20px;
6571 } 6589 }
6572 } 6590 }
6573 .modal__form-item { 6591 .modal__form-item {
6574 display: -webkit-box; 6592 display: -webkit-box;
6575 display: -ms-flexbox; 6593 display: -ms-flexbox;
6576 display: flex; 6594 display: flex;
6577 -webkit-box-orient: vertical; 6595 -webkit-box-orient: vertical;
6578 -webkit-box-direction: normal; 6596 -webkit-box-direction: normal;
6579 -ms-flex-direction: column; 6597 -ms-flex-direction: column;
6580 flex-direction: column; 6598 flex-direction: column;
6581 -webkit-box-align: center; 6599 -webkit-box-align: center;
6582 -ms-flex-align: center; 6600 -ms-flex-align: center;
6583 align-items: center; 6601 align-items: center;
6584 gap: 4px; 6602 gap: 4px;
6585 } 6603 }
6586 .modal__form-item > .input { 6604 .modal__form-item > .input {
6587 width: 100%; 6605 width: 100%;
6588 } 6606 }
6589 .modal__form-item > .textarea { 6607 .modal__form-item > .textarea {
6590 width: 100%; 6608 width: 100%;
6591 height: 175px; 6609 height: 175px;
6592 } 6610 }
6593 @media (min-width: 768px) { 6611 @media (min-width: 768px) {
6594 .modal__form-item > .textarea { 6612 .modal__form-item > .textarea {
6595 height: 195px; 6613 height: 195px;
6596 } 6614 }
6597 } 6615 }
6598 .modal__form-item > .file { 6616 .modal__form-item > .file {
6599 width: 100%; 6617 width: 100%;
6600 } 6618 }
6601 .modal__form-item > .button { 6619 .modal__form-item > .button {
6602 min-width: 120px; 6620 min-width: 120px;
6603 } 6621 }
6604 .modal__form-item > label { 6622 .modal__form-item > label {
6605 width: 100%; 6623 width: 100%;
6606 display: none; 6624 display: none;
6607 color: #eb5757; 6625 color: #eb5757;
6608 padding: 0 10px; 6626 padding: 0 10px;
6609 font-size: 12px; 6627 font-size: 12px;
6610 } 6628 }
6611 @media (min-width: 768px) { 6629 @media (min-width: 768px) {
6612 .modal__form-item > label { 6630 .modal__form-item > label {
6613 padding: 0 20px; 6631 padding: 0 20px;
6614 font-size: 16px; 6632 font-size: 16px;
6615 } 6633 }
6616 } 6634 }
6617 .modal__sign { 6635 .modal__sign {
6618 display: -webkit-box; 6636 display: -webkit-box;
6619 display: -ms-flexbox; 6637 display: -ms-flexbox;
6620 display: flex; 6638 display: flex;
6621 -webkit-box-orient: vertical; 6639 -webkit-box-orient: vertical;
6622 -webkit-box-direction: normal; 6640 -webkit-box-direction: normal;
6623 -ms-flex-direction: column; 6641 -ms-flex-direction: column;
6624 flex-direction: column; 6642 flex-direction: column;
6625 gap: 20px; 6643 gap: 20px;
6626 margin-top: 10px; 6644 margin-top: 10px;
6627 margin-bottom: 20px; 6645 margin-bottom: 20px;
6628 width: 100%; 6646 width: 100%;
6629 } 6647 }
6630 @media (min-width: 768px) { 6648 @media (min-width: 768px) {
6631 .modal__sign { 6649 .modal__sign {
6632 margin-top: 20px; 6650 margin-top: 20px;
6633 margin-bottom: 40px; 6651 margin-bottom: 40px;
6634 } 6652 }
6635 } 6653 }
6636 .modal__sign-item { 6654 .modal__sign-item {
6637 display: -webkit-box; 6655 display: -webkit-box;
6638 display: -ms-flexbox; 6656 display: -ms-flexbox;
6639 display: flex; 6657 display: flex;
6640 -webkit-box-orient: vertical; 6658 -webkit-box-orient: vertical;
6641 -webkit-box-direction: normal; 6659 -webkit-box-direction: normal;
6642 -ms-flex-direction: column; 6660 -ms-flex-direction: column;
6643 flex-direction: column; 6661 flex-direction: column;
6644 -webkit-box-align: center; 6662 -webkit-box-align: center;
6645 -ms-flex-align: center; 6663 -ms-flex-align: center;
6646 align-items: center; 6664 align-items: center;
6647 position: relative; 6665 position: relative;
6648 } 6666 }
6649 .modal__sign-item > .input { 6667 .modal__sign-item > .input {
6650 width: 100%; 6668 width: 100%;
6651 padding-right: 36px; 6669 padding-right: 36px;
6652 position: relative; 6670 position: relative;
6653 z-index: 1; 6671 z-index: 1;
6654 } 6672 }
6655 @media (min-width: 768px) { 6673 @media (min-width: 768px) {
6656 .modal__sign-item > .input { 6674 .modal__sign-item > .input {
6657 height: 52px; 6675 height: 52px;
6658 padding-right: 60px; 6676 padding-right: 60px;
6659 } 6677 }
6660 } 6678 }
6661 .modal__sign-item > .textarea { 6679 .modal__sign-item > .textarea {
6662 width: 100%; 6680 width: 100%;
6663 } 6681 }
6664 .modal__sign-bottom { 6682 .modal__sign-bottom {
6665 display: -webkit-box; 6683 display: -webkit-box;
6666 display: -ms-flexbox; 6684 display: -ms-flexbox;
6667 display: flex; 6685 display: flex;
6668 -webkit-box-pack: justify; 6686 -webkit-box-pack: justify;
6669 -ms-flex-pack: justify; 6687 -ms-flex-pack: justify;
6670 justify-content: space-between; 6688 justify-content: space-between;
6671 -webkit-box-align: center; 6689 -webkit-box-align: center;
6672 -ms-flex-align: center; 6690 -ms-flex-align: center;
6673 align-items: center; 6691 align-items: center;
6674 width: 100%; 6692 width: 100%;
6675 } 6693 }
6676 .modal__sign-bottom-link { 6694 .modal__sign-bottom-link {
6677 font-weight: 700; 6695 font-weight: 700;
6678 color: #377d87; 6696 color: #377d87;
6679 } 6697 }
6680 .modal__tabs { 6698 .modal__tabs {
6681 width: 100%; 6699 width: 100%;
6682 display: grid; 6700 display: grid;
6683 grid-template-columns: repeat(2, 1fr); 6701 grid-template-columns: repeat(2, 1fr);
6684 gap: 16px; 6702 gap: 16px;
6685 margin-top: 10px; 6703 margin-top: 10px;
6686 } 6704 }
6687 @media (min-width: 768px) { 6705 @media (min-width: 768px) {
6688 .modal__tabs { 6706 .modal__tabs {
6689 gap: 24px; 6707 gap: 24px;
6690 margin-top: 20px; 6708 margin-top: 20px;
6691 } 6709 }
6692 } 6710 }
6693 .modal__tabs-item.active { 6711 .modal__tabs-item.active {
6694 background: #377d87; 6712 background: #377d87;
6695 color: #fff; 6713 color: #fff;
6696 } 6714 }
6697 .modal__reg { 6715 .modal__reg {
6698 display: none; 6716 display: none;
6699 -webkit-box-orient: vertical; 6717 -webkit-box-orient: vertical;
6700 -webkit-box-direction: normal; 6718 -webkit-box-direction: normal;
6701 -ms-flex-direction: column; 6719 -ms-flex-direction: column;
6702 flex-direction: column; 6720 flex-direction: column;
6703 -webkit-box-align: center; 6721 -webkit-box-align: center;
6704 -ms-flex-align: center; 6722 -ms-flex-align: center;
6705 align-items: center; 6723 align-items: center;
6706 gap: 10px; 6724 gap: 10px;
6707 width: 100%; 6725 width: 100%;
6708 margin-top: 10px; 6726 margin-top: 10px;
6709 margin-bottom: 20px; 6727 margin-bottom: 20px;
6710 } 6728 }
6711 @media (min-width: 768px) { 6729 @media (min-width: 768px) {
6712 .modal__reg { 6730 .modal__reg {
6713 margin-top: 20px; 6731 margin-top: 20px;
6714 margin-bottom: 30px; 6732 margin-bottom: 30px;
6715 gap: 20px; 6733 gap: 20px;
6716 } 6734 }
6717 } 6735 }
6718 .modal__reg.showed { 6736 .modal__reg.showed {
6719 display: -webkit-box; 6737 display: -webkit-box;
6720 display: -ms-flexbox; 6738 display: -ms-flexbox;
6721 display: flex; 6739 display: flex;
6722 } 6740 }
6723 .modal__reg-item { 6741 .modal__reg-item {
6724 width: 100%; 6742 width: 100%;
6725 display: -webkit-box; 6743 display: -webkit-box;
6726 display: -ms-flexbox; 6744 display: -ms-flexbox;
6727 display: flex; 6745 display: flex;
6728 -webkit-box-orient: vertical; 6746 -webkit-box-orient: vertical;
6729 -webkit-box-direction: normal; 6747 -webkit-box-direction: normal;
6730 -ms-flex-direction: column; 6748 -ms-flex-direction: column;
6731 flex-direction: column; 6749 flex-direction: column;
6732 } 6750 }
6733 .modal__reg-item > .captcha { 6751 .modal__reg-item > .captcha {
6734 width: 100%; 6752 width: 100%;
6735 max-width: 300px; 6753 max-width: 300px;
6736 } 6754 }
6737 6755
6738 .messages { 6756 .messages {
6739 display: -webkit-box; 6757 display: -webkit-box;
6740 display: -ms-flexbox; 6758 display: -ms-flexbox;
6741 display: flex; 6759 display: flex;
6742 -webkit-box-orient: vertical; 6760 -webkit-box-orient: vertical;
6743 -webkit-box-direction: reverse; 6761 -webkit-box-direction: reverse;
6744 -ms-flex-direction: column-reverse; 6762 -ms-flex-direction: column-reverse;
6745 flex-direction: column-reverse; 6763 flex-direction: column-reverse;
6746 -webkit-box-align: center; 6764 -webkit-box-align: center;
6747 -ms-flex-align: center; 6765 -ms-flex-align: center;
6748 align-items: center; 6766 align-items: center;
6749 gap: 20px; 6767 gap: 20px;
6750 } 6768 }
6751 .messages__body { 6769 .messages__body {
6752 width: 100%; 6770 width: 100%;
6753 max-height: 800px; 6771 max-height: 800px;
6754 overflow: auto; 6772 overflow: auto;
6755 padding: 5px; 6773 padding: 5px;
6756 } 6774 }
6757 .messages__item { 6775 .messages__item {
6758 -webkit-box-align: center; 6776 -webkit-box-align: center;
6759 -ms-flex-align: center; 6777 -ms-flex-align: center;
6760 align-items: center; 6778 align-items: center;
6761 border-radius: 8px; 6779 border-radius: 8px;
6762 border: 1px solid #e7e7e7; 6780 border: 1px solid #e7e7e7;
6763 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6781 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6764 padding: 0px; 6782 padding: 0px;
6765 font-size: 12px; 6783 font-size: 12px;
6766 display: flex; 6784 display: flex;
6767 justify-content: space-between; 6785 justify-content: space-between;
6768 margin-bottom: 20px; 6786 margin-bottom: 20px;
6769 } 6787 }
6770 @media (min-width: 768px) { 6788 @media (min-width: 768px) {
6771 .messages__item { 6789 .messages__item {
6772 font-size: 18px; 6790 font-size: 18px;
6773 } 6791 }
6774 } 6792 }
6775 .messages__item-info { 6793 .messages__item-info {
6776 display: -webkit-box; 6794 display: -webkit-box;
6777 display: -ms-flexbox; 6795 display: -ms-flexbox;
6778 display: flex; 6796 display: flex;
6779 -webkit-box-align: center; 6797 -webkit-box-align: center;
6780 -ms-flex-align: center; 6798 -ms-flex-align: center;
6781 align-items: center; 6799 align-items: center;
6782 width: calc(100% - 90px); 6800 width: calc(100% - 90px);
6783 padding: 20px; 6801 padding: 20px;
6784 } 6802 }
6785 @media (min-width: 768px) { 6803 @media (min-width: 768px) {
6786 .messages__item-info { 6804 .messages__item-info {
6787 width: calc(100% - 150px); 6805 width: calc(100% - 150px);
6788 } 6806 }
6789 } 6807 }
6790 .messages__item-photo { 6808 .messages__item-photo {
6791 position: relative; 6809 position: relative;
6792 aspect-ratio: 1/1; 6810 aspect-ratio: 1/1;
6793 overflow: hidden; 6811 overflow: hidden;
6794 background: #9c9d9d; 6812 background: #9c9d9d;
6795 color: #fff; 6813 color: #fff;
6796 width: 36px; 6814 width: 36px;
6797 border-radius: 6px; 6815 border-radius: 6px;
6798 display: -webkit-box; 6816 display: -webkit-box;
6799 display: -ms-flexbox; 6817 display: -ms-flexbox;
6800 display: flex; 6818 display: flex;
6801 -webkit-box-pack: center; 6819 -webkit-box-pack: center;
6802 -ms-flex-pack: center; 6820 -ms-flex-pack: center;
6803 justify-content: center; 6821 justify-content: center;
6804 -webkit-box-align: center; 6822 -webkit-box-align: center;
6805 -ms-flex-align: center; 6823 -ms-flex-align: center;
6806 align-items: center; 6824 align-items: center;
6807 } 6825 }
6808 @media (min-width: 768px) { 6826 @media (min-width: 768px) {
6809 .messages__item-photo { 6827 .messages__item-photo {
6810 width: 52px; 6828 width: 52px;
6811 } 6829 }
6812 } 6830 }
6813 .messages__item-photo svg { 6831 .messages__item-photo svg {
6814 width: 50%; 6832 width: 50%;
6815 position: relative; 6833 position: relative;
6816 z-index: 1; 6834 z-index: 1;
6817 } 6835 }
6818 .messages__item-photo img { 6836 .messages__item-photo img {
6819 position: absolute; 6837 position: absolute;
6820 z-index: 2; 6838 z-index: 2;
6821 top: 0; 6839 top: 0;
6822 left: 0; 6840 left: 0;
6823 width: 100%; 6841 width: 100%;
6824 height: 100%; 6842 height: 100%;
6825 -o-object-fit: cover; 6843 -o-object-fit: cover;
6826 object-fit: cover; 6844 object-fit: cover;
6827 } 6845 }
6828 .messages__item-text { 6846 .messages__item-text {
6829 width: calc(100% - 36px); 6847 width: calc(100% - 36px);
6830 padding-left: 6px; 6848 padding-left: 6px;
6831 color: #000; 6849 color: #000;
6832 display: -webkit-box; 6850 display: -webkit-box;
6833 display: -ms-flexbox; 6851 display: -ms-flexbox;
6834 display: flex; 6852 display: flex;
6835 -webkit-box-orient: vertical; 6853 -webkit-box-orient: vertical;
6836 -webkit-box-direction: normal; 6854 -webkit-box-direction: normal;
6837 -ms-flex-direction: column; 6855 -ms-flex-direction: column;
6838 flex-direction: column; 6856 flex-direction: column;
6839 gap: 4px; 6857 gap: 4px;
6840 } 6858 }
6841 @media (min-width: 768px) { 6859 @media (min-width: 768px) {
6842 .messages__item-text { 6860 .messages__item-text {
6843 padding-left: 20px; 6861 padding-left: 20px;
6844 width: calc(100% - 52px); 6862 width: calc(100% - 52px);
6845 gap: 8px; 6863 gap: 8px;
6846 } 6864 }
6847 } 6865 }
6848 .messages__item-text span { 6866 .messages__item-text span {
6849 color: #000; 6867 color: #000;
6850 } 6868 }
6851 .messages__item-actions{ 6869 .messages__item-actions{
6852 padding: 20px; 6870 padding: 20px;
6853 } 6871 }
6854 .messages__item-buttons{ 6872 .messages__item-buttons{
6855 float: right; 6873 float: right;
6856 display: flex; 6874 display: flex;
6857 align-items: center; 6875 align-items: center;
6858 } 6876 }
6859 .messages__item-buttons button{ 6877 .messages__item-buttons button{
6860 padding: 0; 6878 padding: 0;
6861 background: unset; 6879 background: unset;
6862 border: unset; 6880 border: unset;
6863 } 6881 }
6864 .messages__item-buttons button svg{ 6882 .messages__item-buttons button svg{
6865 width: 25px; 6883 width: 25px;
6866 height: 25px; 6884 height: 25px;
6867 color: gray; 6885 color: gray;
6868 } 6886 }
6869 .messages__item-buttons button svg path{ 6887 .messages__item-buttons button svg path{
6870 stroke: gray; 6888 stroke: gray;
6871 } 6889 }
6872 .messages__item-buttons button:hover svg{ 6890 .messages__item-buttons button:hover svg{
6873 color: black; 6891 color: black;
6874 } 6892 }
6875 .messages__item-buttons button:hover svg path{ 6893 .messages__item-buttons button:hover svg path{
6876 stroke: black; 6894 stroke: black;
6877 } 6895 }
6878 .messages__item-buttons button.pin-on:hover svg#pin_off path{ 6896 .messages__item-buttons button.pin-on:hover svg#pin_off path{
6879 fill: black; 6897 fill: black;
6880 } 6898 }
6881 .messages__item-buttons button.pin-on svg{ 6899 .messages__item-buttons button.pin-on svg{
6882 fill: gray; 6900 fill: gray;
6883 } 6901 }
6884 .messages__item-date { 6902 .messages__item-date {
6885 color: #00000070; 6903 color: #00000070;
6886 width: 90px; 6904 width: 90px;
6887 text-align: right; 6905 text-align: right;
6888 font-size: 14px; 6906 font-size: 14px;
6889 margin-bottom: 8px; 6907 margin-bottom: 8px;
6890 } 6908 }
6891 6909
6892 .messages.active .messages__item { 6910 .messages.active .messages__item {
6893 display: -webkit-box; 6911 display: -webkit-box;
6894 display: -ms-flexbox; 6912 display: -ms-flexbox;
6895 display: flex; 6913 display: flex;
6896 } 6914 }
6897 6915
6898 .responses { 6916 .responses {
6899 display: -webkit-box; 6917 display: -webkit-box;
6900 display: -ms-flexbox; 6918 display: -ms-flexbox;
6901 display: flex; 6919 display: flex;
6902 -webkit-box-orient: vertical; 6920 -webkit-box-orient: vertical;
6903 -webkit-box-direction: reverse; 6921 -webkit-box-direction: reverse;
6904 -ms-flex-direction: column-reverse; 6922 -ms-flex-direction: column-reverse;
6905 flex-direction: column-reverse; 6923 flex-direction: column-reverse;
6906 -webkit-box-align: center; 6924 -webkit-box-align: center;
6907 -ms-flex-align: center; 6925 -ms-flex-align: center;
6908 align-items: center; 6926 align-items: center;
6909 gap: 20px; 6927 gap: 20px;
6910 } 6928 }
6911 .responses__body { 6929 .responses__body {
6912 width: 100%; 6930 width: 100%;
6913 display: -webkit-box; 6931 display: -webkit-box;
6914 display: -ms-flexbox; 6932 display: -ms-flexbox;
6915 display: flex; 6933 display: flex;
6916 -webkit-box-orient: vertical; 6934 -webkit-box-orient: vertical;
6917 -webkit-box-direction: normal; 6935 -webkit-box-direction: normal;
6918 -ms-flex-direction: column; 6936 -ms-flex-direction: column;
6919 flex-direction: column; 6937 flex-direction: column;
6920 gap: 20px; 6938 gap: 20px;
6921 } 6939 }
6922 .responses__item { 6940 .responses__item {
6923 display: none; 6941 display: none;
6924 -webkit-box-orient: vertical; 6942 -webkit-box-orient: vertical;
6925 -webkit-box-direction: normal; 6943 -webkit-box-direction: normal;
6926 -ms-flex-direction: column; 6944 -ms-flex-direction: column;
6927 flex-direction: column; 6945 flex-direction: column;
6928 gap: 20px; 6946 gap: 20px;
6929 border-radius: 8px; 6947 border-radius: 8px;
6930 border: 1px solid #e7e7e7; 6948 border: 1px solid #e7e7e7;
6931 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6949 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6932 padding: 20px 10px; 6950 padding: 20px 10px;
6933 font-size: 12px; 6951 font-size: 12px;
6934 position: relative; 6952 position: relative;
6935 } 6953 }
6936 @media (min-width: 768px) { 6954 @media (min-width: 768px) {
6937 .responses__item { 6955 .responses__item {
6938 padding: 20px; 6956 padding: 20px;
6939 font-size: 16px; 6957 font-size: 16px;
6940 } 6958 }
6941 } 6959 }
6942 .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) { 6960 .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) {
6943 display: -webkit-box; 6961 display: -webkit-box;
6944 display: -ms-flexbox; 6962 display: -ms-flexbox;
6945 display: flex; 6963 display: flex;
6946 } 6964 }
6947 .responses__item-date { 6965 .responses__item-date {
6948 color: #000; 6966 color: #000;
6949 } 6967 }
6950 @media (min-width: 992px) { 6968 @media (min-width: 992px) {
6951 .responses__item-date { 6969 .responses__item-date {
6952 position: absolute; 6970 position: absolute;
6953 top: 20px; 6971 top: 20px;
6954 right: 20px; 6972 right: 20px;
6955 } 6973 }
6956 } 6974 }
6957 .responses__item-wrapper { 6975 .responses__item-wrapper {
6958 display: -webkit-box; 6976 display: -webkit-box;
6959 display: -ms-flexbox; 6977 display: -ms-flexbox;
6960 display: flex; 6978 display: flex;
6961 -webkit-box-orient: vertical; 6979 -webkit-box-orient: vertical;
6962 -webkit-box-direction: normal; 6980 -webkit-box-direction: normal;
6963 -ms-flex-direction: column; 6981 -ms-flex-direction: column;
6964 flex-direction: column; 6982 flex-direction: column;
6965 gap: 20px; 6983 gap: 20px;
6966 } 6984 }
6967 .responses__item-inner { 6985 .responses__item-inner {
6968 display: -webkit-box; 6986 display: -webkit-box;
6969 display: -ms-flexbox; 6987 display: -ms-flexbox;
6970 display: flex; 6988 display: flex;
6971 -webkit-box-orient: vertical; 6989 -webkit-box-orient: vertical;
6972 -webkit-box-direction: normal; 6990 -webkit-box-direction: normal;
6973 -ms-flex-direction: column; 6991 -ms-flex-direction: column;
6974 flex-direction: column; 6992 flex-direction: column;
6975 gap: 10px; 6993 gap: 10px;
6976 } 6994 }
6977 @media (min-width: 768px) { 6995 @media (min-width: 768px) {
6978 .responses__item-inner { 6996 .responses__item-inner {
6979 gap: 20px; 6997 gap: 20px;
6980 } 6998 }
6981 } 6999 }
6982 @media (min-width: 1280px) { 7000 @media (min-width: 1280px) {
6983 .responses__item-inner { 7001 .responses__item-inner {
6984 width: calc(100% - 150px); 7002 width: calc(100% - 150px);
6985 } 7003 }
6986 } 7004 }
6987 .responses__item-row { 7005 .responses__item-row {
6988 display: grid; 7006 display: grid;
6989 grid-template-columns: 1fr 1fr; 7007 grid-template-columns: 1fr 1fr;
6990 gap: 20px; 7008 gap: 20px;
6991 color: #000; 7009 color: #000;
6992 text-align: right; 7010 text-align: right;
6993 } 7011 }
6994 @media (min-width: 992px) { 7012 @media (min-width: 992px) {
6995 .responses__item-row { 7013 .responses__item-row {
6996 display: -webkit-box; 7014 display: -webkit-box;
6997 display: -ms-flexbox; 7015 display: -ms-flexbox;
6998 display: flex; 7016 display: flex;
6999 -webkit-box-orient: vertical; 7017 -webkit-box-orient: vertical;
7000 -webkit-box-direction: normal; 7018 -webkit-box-direction: normal;
7001 -ms-flex-direction: column; 7019 -ms-flex-direction: column;
7002 flex-direction: column; 7020 flex-direction: column;
7003 gap: 6px; 7021 gap: 6px;
7004 text-align: left; 7022 text-align: left;
7005 } 7023 }
7006 } 7024 }
7007 .responses__item-row span { 7025 .responses__item-row span {
7008 color: #000; 7026 color: #000;
7009 text-align: left; 7027 text-align: left;
7010 } 7028 }
7011 .responses__item-buttons { 7029 .responses__item-buttons {
7012 display: -webkit-box; 7030 display: -webkit-box;
7013 display: -ms-flexbox; 7031 display: -ms-flexbox;
7014 display: flex; 7032 display: flex;
7015 -webkit-box-orient: vertical; 7033 -webkit-box-orient: vertical;
7016 -webkit-box-direction: normal; 7034 -webkit-box-direction: normal;
7017 -ms-flex-direction: column; 7035 -ms-flex-direction: column;
7018 flex-direction: column; 7036 flex-direction: column;
7019 gap: 10px; 7037 gap: 10px;
7020 } 7038 }
7021 @media (min-width: 768px) { 7039 @media (min-width: 768px) {
7022 .responses__item-buttons { 7040 .responses__item-buttons {
7023 display: grid; 7041 display: grid;
7024 grid-template-columns: 1fr 1fr; 7042 grid-template-columns: 1fr 1fr;
7025 } 7043 }
7026 } 7044 }
7027 @media (min-width: 1280px) { 7045 @media (min-width: 1280px) {
7028 .responses__item-buttons { 7046 .responses__item-buttons {
7029 grid-template-columns: 1fr 1fr 1fr 1fr; 7047 grid-template-columns: 1fr 1fr 1fr 1fr;
7030 } 7048 }
7031 } 7049 }
7032 .responses__item-buttons .button.active { 7050 .responses__item-buttons .button.active {
7033 background: #377d87; 7051 background: #377d87;
7034 color: #fff; 7052 color: #fff;
7035 } 7053 }
7036 .responses.active .responses__item { 7054 .responses.active .responses__item {
7037 display: -webkit-box; 7055 display: -webkit-box;
7038 display: -ms-flexbox; 7056 display: -ms-flexbox;
7039 display: flex; 7057 display: flex;
7040 } 7058 }
7041 7059
7042 .chatbox { 7060 .chatbox {
7043 display: -webkit-box; 7061 display: -webkit-box;
7044 display: -ms-flexbox; 7062 display: -ms-flexbox;
7045 display: flex; 7063 display: flex;
7046 -webkit-box-orient: vertical; 7064 -webkit-box-orient: vertical;
7047 -webkit-box-direction: normal; 7065 -webkit-box-direction: normal;
7048 -ms-flex-direction: column; 7066 -ms-flex-direction: column;
7049 flex-direction: column; 7067 flex-direction: column;
7050 gap: 20px; 7068 gap: 20px;
7051 } 7069 }
7052 @media (min-width: 768px) { 7070 @media (min-width: 768px) {
7053 .chatbox { 7071 .chatbox {
7054 gap: 30px; 7072 gap: 30px;
7055 } 7073 }
7056 } 7074 }
7057 @media (min-width: 1280px) { 7075 @media (min-width: 1280px) {
7058 .chatbox { 7076 .chatbox {
7059 gap: 40px; 7077 gap: 40px;
7060 } 7078 }
7061 } 7079 }
7062 .chatbox__toper { 7080 .chatbox__toper {
7063 display: -webkit-box; 7081 display: -webkit-box;
7064 display: -ms-flexbox; 7082 display: -ms-flexbox;
7065 display: flex; 7083 display: flex;
7066 -webkit-box-orient: vertical; 7084 -webkit-box-orient: vertical;
7067 -webkit-box-direction: normal; 7085 -webkit-box-direction: normal;
7068 -ms-flex-direction: column; 7086 -ms-flex-direction: column;
7069 flex-direction: column; 7087 flex-direction: column;
7070 gap: 10px; 7088 gap: 10px;
7071 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7089 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7072 border: 1px solid #e7e7e7; 7090 border: 1px solid #e7e7e7;
7073 border-radius: 8px; 7091 border-radius: 8px;
7074 padding: 10px; 7092 padding: 10px;
7075 } 7093 }
7076 @media (min-width: 768px) { 7094 @media (min-width: 768px) {
7077 .chatbox__toper { 7095 .chatbox__toper {
7078 -webkit-box-orient: horizontal; 7096 -webkit-box-orient: horizontal;
7079 -webkit-box-direction: normal; 7097 -webkit-box-direction: normal;
7080 -ms-flex-direction: row; 7098 -ms-flex-direction: row;
7081 flex-direction: row; 7099 flex-direction: row;
7082 -webkit-box-align: center; 7100 -webkit-box-align: center;
7083 -ms-flex-align: center; 7101 -ms-flex-align: center;
7084 align-items: center; 7102 align-items: center;
7085 -webkit-box-pack: justify; 7103 -webkit-box-pack: justify;
7086 -ms-flex-pack: justify; 7104 -ms-flex-pack: justify;
7087 justify-content: space-between; 7105 justify-content: space-between;
7088 } 7106 }
7089 } 7107 }
7090 .chatbox__toper-info { 7108 .chatbox__toper-info {
7091 font-size: 12px; 7109 font-size: 12px;
7092 } 7110 }
7093 @media (min-width: 768px) { 7111 @media (min-width: 768px) {
7094 .chatbox__toper-info { 7112 .chatbox__toper-info {
7095 font-size: 16px; 7113 font-size: 16px;
7096 width: calc(100% - 230px); 7114 width: calc(100% - 230px);
7097 } 7115 }
7098 } 7116 }
7099 @media (min-width: 768px) { 7117 @media (min-width: 768px) {
7100 .chatbox__toper-button { 7118 .chatbox__toper-button {
7101 width: 210px; 7119 width: 210px;
7102 padding: 0; 7120 padding: 0;
7103 } 7121 }
7104 } 7122 }
7105 .chatbox__list { 7123 .chatbox__list {
7106 display: -webkit-box; 7124 display: -webkit-box;
7107 display: -ms-flexbox; 7125 display: -ms-flexbox;
7108 display: flex; 7126 display: flex;
7109 -webkit-box-orient: vertical; 7127 -webkit-box-orient: vertical;
7110 -webkit-box-direction: normal; 7128 -webkit-box-direction: normal;
7111 -ms-flex-direction: column; 7129 -ms-flex-direction: column;
7112 flex-direction: column; 7130 flex-direction: column;
7113 gap: 10px; 7131 gap: 10px;
7114 max-height: 400px; 7132 max-height: 400px;
7115 overflow: auto; 7133 overflow: auto;
7116 } 7134 }
7117 @media (min-width: 768px) { 7135 @media (min-width: 768px) {
7118 .chatbox__list { 7136 .chatbox__list {
7119 gap: 20px; 7137 gap: 20px;
7120 } 7138 }
7121 } 7139 }
7122 @media (min-width: 1280px) { 7140 @media (min-width: 1280px) {
7123 .chatbox__list { 7141 .chatbox__list {
7124 gap: 40px; 7142 gap: 40px;
7125 } 7143 }
7126 } 7144 }
7127 .chatbox__item { 7145 .chatbox__item {
7128 display: -webkit-box; 7146 display: -webkit-box;
7129 display: -ms-flexbox; 7147 display: -ms-flexbox;
7130 display: flex; 7148 display: flex;
7131 -webkit-box-align: start; 7149 -webkit-box-align: start;
7132 -ms-flex-align: start; 7150 -ms-flex-align: start;
7133 align-items: flex-start; 7151 align-items: flex-start;
7134 -webkit-box-pack: justify; 7152 -webkit-box-pack: justify;
7135 -ms-flex-pack: justify; 7153 -ms-flex-pack: justify;
7136 justify-content: space-between; 7154 justify-content: space-between;
7137 -ms-flex-wrap: wrap; 7155 -ms-flex-wrap: wrap;
7138 flex-wrap: wrap; 7156 flex-wrap: wrap;
7139 color: #000; 7157 color: #000;
7140 font-size: 12px; 7158 font-size: 12px;
7141 } 7159 }
7142 @media (min-width: 768px) { 7160 @media (min-width: 768px) {
7143 .chatbox__item { 7161 .chatbox__item {
7144 font-size: 16px; 7162 font-size: 16px;
7145 } 7163 }
7146 } 7164 }
7147 .chatbox__item_reverse { 7165 .chatbox__item_reverse {
7148 -webkit-box-orient: horizontal; 7166 -webkit-box-orient: horizontal;
7149 -webkit-box-direction: reverse; 7167 -webkit-box-direction: reverse;
7150 -ms-flex-direction: row-reverse; 7168 -ms-flex-direction: row-reverse;
7151 flex-direction: row-reverse; 7169 flex-direction: row-reverse;
7152 } 7170 }
7153 .chatbox__item-photo { 7171 .chatbox__item-photo {
7154 position: relative; 7172 position: relative;
7155 aspect-ratio: 1/1; 7173 aspect-ratio: 1/1;
7156 overflow: hidden; 7174 overflow: hidden;
7157 background: #9c9d9d; 7175 background: #9c9d9d;
7158 color: #fff; 7176 color: #fff;
7159 width: 44px; 7177 width: 44px;
7160 border-radius: 6px; 7178 border-radius: 6px;
7161 display: -webkit-box; 7179 display: -webkit-box;
7162 display: -ms-flexbox; 7180 display: -ms-flexbox;
7163 display: flex; 7181 display: flex;
7164 -webkit-box-pack: center; 7182 -webkit-box-pack: center;
7165 -ms-flex-pack: center; 7183 -ms-flex-pack: center;
7166 justify-content: center; 7184 justify-content: center;
7167 -webkit-box-align: center; 7185 -webkit-box-align: center;
7168 -ms-flex-align: center; 7186 -ms-flex-align: center;
7169 align-items: center; 7187 align-items: center;
7170 } 7188 }
7171 .chatbox__item-photo svg { 7189 .chatbox__item-photo svg {
7172 width: 50%; 7190 width: 50%;
7173 position: relative; 7191 position: relative;
7174 z-index: 1; 7192 z-index: 1;
7175 } 7193 }
7176 .chatbox__item-photo img { 7194 .chatbox__item-photo img {
7177 position: absolute; 7195 position: absolute;
7178 z-index: 2; 7196 z-index: 2;
7179 top: 0; 7197 top: 0;
7180 left: 0; 7198 left: 0;
7181 width: 100%; 7199 width: 100%;
7182 height: 100%; 7200 height: 100%;
7183 -o-object-fit: cover; 7201 -o-object-fit: cover;
7184 object-fit: cover; 7202 object-fit: cover;
7185 } 7203 }
7186 .chatbox__item-body { 7204 .chatbox__item-body {
7187 width: calc(100% - 54px); 7205 width: calc(100% - 54px);
7188 display: -webkit-box; 7206 display: -webkit-box;
7189 display: -ms-flexbox; 7207 display: -ms-flexbox;
7190 display: flex; 7208 display: flex;
7191 -webkit-box-orient: vertical; 7209 -webkit-box-orient: vertical;
7192 -webkit-box-direction: normal; 7210 -webkit-box-direction: normal;
7193 -ms-flex-direction: column; 7211 -ms-flex-direction: column;
7194 flex-direction: column; 7212 flex-direction: column;
7195 -webkit-box-align: start; 7213 -webkit-box-align: start;
7196 -ms-flex-align: start; 7214 -ms-flex-align: start;
7197 align-items: flex-start; 7215 align-items: flex-start;
7198 } 7216 }
7199 @media (min-width: 768px) { 7217 @media (min-width: 768px) {
7200 .chatbox__item-body { 7218 .chatbox__item-body {
7201 width: calc(100% - 60px); 7219 width: calc(100% - 60px);
7202 } 7220 }
7203 } 7221 }
7204 .chatbox__item_reverse .chatbox__item-body { 7222 .chatbox__item_reverse .chatbox__item-body {
7205 -webkit-box-align: end; 7223 -webkit-box-align: end;
7206 -ms-flex-align: end; 7224 -ms-flex-align: end;
7207 align-items: flex-end; 7225 align-items: flex-end;
7208 } 7226 }
7209 .chatbox__item-text { 7227 .chatbox__item-text {
7210 border-radius: 8px; 7228 border-radius: 8px;
7211 background: #fff; 7229 background: #fff;
7212 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7230 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7213 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7231 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7214 padding: 10px; 7232 padding: 10px;
7215 line-height: 1.6; 7233 line-height: 1.6;
7216 } 7234 }
7217 .chatbox__item-body-file-name-wrap{ 7235 .chatbox__item-body-file-name-wrap{
7218 display: flex; 7236 display: flex;
7219 align-items: center; 7237 align-items: center;
7220 } 7238 }
7221 .chatbox__item-body-file-name-wrap svg{ 7239 .chatbox__item-body-file-name-wrap svg{
7222 height: 20px; 7240 height: 20px;
7223 width: 20px; 7241 width: 20px;
7224 } 7242 }
7225 .chatbox__item-body-file-name-wrap a{ 7243 .chatbox__item-body-file-name-wrap a{
7226 margin-left: 20px; 7244 margin-left: 20px;
7227 border-radius: 8px; 7245 border-radius: 8px;
7228 padding: 2px 8px; 7246 padding: 2px 8px;
7229 -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7247 -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7230 -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7248 -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7231 box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7249 box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7232 } 7250 }
7233 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{ 7251 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{
7234 margin-left: 0px; 7252 margin-left: 0px;
7235 margin-right: 20px; 7253 margin-right: 20px;
7236 } 7254 }
7237 .chatbox__item-body-file-name-wrap a:hover{ 7255 .chatbox__item-body-file-name-wrap a:hover{
7238 box-shadow: 0px 0px 5px 1px rgb(139 136 136); 7256 box-shadow: 0px 0px 5px 1px rgb(139 136 136);
7239 } 7257 }
7240 .chatbox__item-text .admin-chat-answer{ 7258 .chatbox__item-text .admin-chat-answer{
7241 padding: 2px 5px; 7259 padding: 2px 5px;
7242 height: auto; 7260 height: auto;
7243 float: right; 7261 float: right;
7244 margin-left: 10px; 7262 margin-left: 10px;
7245 } 7263 }
7246 .chatbox__item-text .reply-message{ 7264 .chatbox__item-text .reply-message{
7247 border-left: 1px grey solid; 7265 border-left: 1px grey solid;
7248 padding-left: 11px; 7266 padding-left: 11px;
7249 font-size: 12px; 7267 font-size: 12px;
7250 font-style: italic; 7268 font-style: italic;
7251 margin-top: 10px; 7269 margin-top: 10px;
7252 } 7270 }
7253 .chatbox__item-time { 7271 .chatbox__item-time {
7254 width: 100%; 7272 width: 100%;
7255 padding-left: 54px; 7273 padding-left: 54px;
7256 margin-top: 10px; 7274 margin-top: 10px;
7257 color: #9c9d9d; 7275 color: #9c9d9d;
7258 } 7276 }
7259 .chatbox__item_reverse .chatbox__item-time { 7277 .chatbox__item_reverse .chatbox__item-time {
7260 text-align: right; 7278 text-align: right;
7261 } 7279 }
7262 .chatbox__bottom { 7280 .chatbox__bottom {
7263 background: #4d88d9; 7281 background: #377d87;
7264 padding: 10px; 7282 padding: 10px;
7265 border-radius: 8px; 7283 border-radius: 8px;
7266 display: -webkit-box; 7284 display: -webkit-box;
7267 display: -ms-flexbox; 7285 display: -ms-flexbox;
7268 display: flex; 7286 display: flex;
7269 -webkit-box-align: center; 7287 -webkit-box-align: center;
7270 -ms-flex-align: center; 7288 -ms-flex-align: center;
7271 align-items: center; 7289 align-items: center;
7272 -webkit-box-pack: justify; 7290 -webkit-box-pack: justify;
7273 -ms-flex-pack: justify; 7291 -ms-flex-pack: justify;
7274 justify-content: space-between; 7292 justify-content: space-between;
7275 } 7293 }
7276 @media (min-width: 768px) { 7294 @media (min-width: 768px) {
7277 .chatbox__bottom { 7295 .chatbox__bottom {
7278 padding: 16px 20px; 7296 padding: 16px 20px;
7279 } 7297 }
7280 } 7298 }
7281 .chatbox__bottom-file { 7299 .chatbox__bottom-file {
7282 width: 20px; 7300 width: 20px;
7283 aspect-ratio: 1/1; 7301 aspect-ratio: 1/1;
7284 display: -webkit-box; 7302 display: -webkit-box;
7285 display: -ms-flexbox; 7303 display: -ms-flexbox;
7286 display: flex; 7304 display: flex;
7287 -webkit-box-pack: center; 7305 -webkit-box-pack: center;
7288 -ms-flex-pack: center; 7306 -ms-flex-pack: center;
7289 justify-content: center; 7307 justify-content: center;
7290 -webkit-box-align: center; 7308 -webkit-box-align: center;
7291 -ms-flex-align: center; 7309 -ms-flex-align: center;
7292 align-items: center; 7310 align-items: center;
7293 background: #fff; 7311 background: #fff;
7294 color: #4d88d9; 7312 color: #4d88d9;
7295 border-radius: 8px; 7313 border-radius: 8px;
7296 } 7314 }
7297 @media (min-width: 768px) { 7315 @media (min-width: 768px) {
7298 .chatbox__bottom-file { 7316 .chatbox__bottom-file {
7299 width: 48px; 7317 width: 48px;
7300 } 7318 }
7301 } 7319 }
7302 .chatbox__bottom-file:hover { 7320 .chatbox__bottom-file:hover {
7303 color: #377d87; 7321 color: #377d87;
7304 } 7322 }
7305 .chatbox__bottom-file input { 7323 .chatbox__bottom-file input {
7306 display: none; 7324 display: none;
7307 } 7325 }
7308 .chatbox__bottom-file svg { 7326 .chatbox__bottom-file svg {
7309 width: 50%; 7327 width: 50%;
7310 aspect-ratio: 1/1; 7328 aspect-ratio: 1/1;
7311 } 7329 stroke-width: 1.5px;
7312 @media (min-width: 768px) {
7313 .chatbox__bottom-file svg {
7314 width: 40%;
7315 }
7316 } 7330 }
7317 .chatbox__bottom-text { 7331 .chatbox__bottom-text {
7318 width: calc(100% - 60px); 7332 width: calc(100% - 60px);
7319 height: 20px; 7333 height: 20px;
7320 border-color: #fff; 7334 border-color: #fff;
7321 } 7335 }
7322 @media (min-width: 768px) { 7336 @media (min-width: 768px) {
7323 .chatbox__bottom-text { 7337 .chatbox__bottom-text {
7324 width: calc(100% - 128px); 7338 width: calc(100% - 128px);
7325 height: 48px; 7339 height: 48px;
7326 } 7340 }
7327 } 7341 }
7328 .chatbox__bottom-text:focus { 7342 .chatbox__bottom-text:focus {
7329 border-color: #fff; 7343 border-color: #fff;
7330 } 7344 }
7331 .chatbox__bottom-send { 7345 .chatbox__bottom-send {
7332 width: 20px; 7346 width: 20px;
7333 aspect-ratio: 1/1; 7347 aspect-ratio: 1/1;
7334 display: -webkit-box; 7348 display: -webkit-box;
7335 display: -ms-flexbox; 7349 display: -ms-flexbox;
7336 display: flex; 7350 display: flex;
7337 -webkit-box-pack: center; 7351 -webkit-box-pack: center;
7338 -ms-flex-pack: center; 7352 -ms-flex-pack: center;
7339 justify-content: center; 7353 justify-content: center;
7340 -webkit-box-align: center; 7354 -webkit-box-align: center;
7341 -ms-flex-align: center; 7355 -ms-flex-align: center;
7342 align-items: center; 7356 align-items: center;
7343 padding: 0; 7357 padding: 0;
7344 background: #fff; 7358 background: #fff;
7345 border: none; 7359 border: none;
7346 color: #4d88d9; 7360 color: #4d88d9;
7347 border-radius: 999px; 7361 border-radius: 999px;
7348 } 7362 }
7349 @media (min-width: 768px) { 7363 @media (min-width: 768px) {
7350 .chatbox__bottom-send { 7364 .chatbox__bottom-send {
7351 width: 48px; 7365 width: 48px;
7352 } 7366 }
7353 } 7367 }
7354 .chatbox__bottom-send:hover { 7368 .chatbox__bottom-send:hover {
7355 color: #377d87; 7369 color: #377d87;
7356 } 7370 }
7357 .chatbox__bottom-send svg { 7371 .chatbox__bottom-send svg {
7358 width: 50%; 7372 width: 50%;
7359 aspect-ratio: 1/1; 7373 aspect-ratio: 1/1;
7360 position: relative; 7374 position: relative;
7361 left: 1px; 7375 left: 1px;
7362 } 7376 }
7363 @media (min-width: 768px) { 7377 @media (min-width: 768px) {
7364 .chatbox__bottom-send svg { 7378 .chatbox__bottom-send svg {
7365 width: 40%; 7379 width: 40%;
7366 left: 2px; 7380 left: 2px;
7367 } 7381 }
7368 } 7382 }
7369 7383
7370 .cvs { 7384 .cvs {
7371 display: -webkit-box; 7385 display: -webkit-box;
7372 display: -ms-flexbox; 7386 display: -ms-flexbox;
7373 display: flex; 7387 display: flex;
7374 -webkit-box-orient: vertical; 7388 -webkit-box-orient: vertical;
7375 -webkit-box-direction: reverse; 7389 -webkit-box-direction: reverse;
7376 -ms-flex-direction: column-reverse; 7390 -ms-flex-direction: column-reverse;
7377 flex-direction: column-reverse; 7391 flex-direction: column-reverse;
7378 -webkit-box-align: center; 7392 -webkit-box-align: center;
7379 -ms-flex-align: center; 7393 -ms-flex-align: center;
7380 align-items: center; 7394 align-items: center;
7381 gap: 20px; 7395 gap: 20px;
7382 } 7396 }
7383 .cvs__body { 7397 .cvs__body {
7384 display: -webkit-box; 7398 display: -webkit-box;
7385 display: -ms-flexbox; 7399 display: -ms-flexbox;
7386 display: flex; 7400 display: flex;
7387 -webkit-box-orient: vertical; 7401 -webkit-box-orient: vertical;
7388 -webkit-box-direction: normal; 7402 -webkit-box-direction: normal;
7389 -ms-flex-direction: column; 7403 -ms-flex-direction: column;
7390 flex-direction: column; 7404 flex-direction: column;
7391 gap: 20px; 7405 gap: 20px;
7392 width: 100%; 7406 width: 100%;
7393 } 7407 }
7394 @media (min-width: 768px) { 7408 @media (min-width: 768px) {
7395 .cvs__body { 7409 .cvs__body {
7396 gap: 30px; 7410 gap: 30px;
7397 } 7411 }
7398 } 7412 }
7399 .cvs__item { 7413 .cvs__item {
7400 display: none; 7414 display: none;
7401 -webkit-box-orient: vertical; 7415 -webkit-box-orient: vertical;
7402 -webkit-box-direction: normal; 7416 -webkit-box-direction: normal;
7403 -ms-flex-direction: column; 7417 -ms-flex-direction: column;
7404 flex-direction: column; 7418 flex-direction: column;
7405 gap: 10px; 7419 gap: 10px;
7406 border-radius: 8px; 7420 border-radius: 8px;
7407 border: 1px solid #e7e7e7; 7421 border: 1px solid #e7e7e7;
7408 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7422 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7409 padding: 10px; 7423 padding: 10px;
7410 font-size: 12px; 7424 font-size: 12px;
7411 position: relative; 7425 position: relative;
7412 } 7426 }
7413 @media (min-width: 768px) { 7427 @media (min-width: 768px) {
7414 .cvs__item { 7428 .cvs__item {
7415 gap: 0; 7429 gap: 0;
7416 padding: 20px; 7430 padding: 20px;
7417 font-size: 16px; 7431 font-size: 16px;
7418 -webkit-box-orient: horizontal; 7432 -webkit-box-orient: horizontal;
7419 -webkit-box-direction: normal; 7433 -webkit-box-direction: normal;
7420 -ms-flex-direction: row; 7434 -ms-flex-direction: row;
7421 flex-direction: row; 7435 flex-direction: row;
7422 -webkit-box-align: start; 7436 -webkit-box-align: start;
7423 -ms-flex-align: start; 7437 -ms-flex-align: start;
7424 align-items: flex-start; 7438 align-items: flex-start;
7425 -ms-flex-wrap: wrap; 7439 -ms-flex-wrap: wrap;
7426 flex-wrap: wrap; 7440 flex-wrap: wrap;
7427 } 7441 }
7428 } 7442 }
7429 .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) { 7443 .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) {
7430 display: -webkit-box; 7444 display: -webkit-box;
7431 display: -ms-flexbox; 7445 display: -ms-flexbox;
7432 display: flex; 7446 display: flex;
7433 } 7447 }
7434 .cvs__item-like { 7448 .cvs__item-like {
7435 width: unset; 7449 width: unset;
7436 padding: 5px 10px; 7450 padding: 5px 10px;
7437 margin-right: 10px; 7451 margin-right: 10px;
7438 } 7452 }
7439 .cvs__item .cvs__item-buttons .chat{ 7453 .cvs__item .cvs__item-buttons .chat{
7440 width: unset; 7454 width: unset;
7441 padding: 5px 10px; 7455 padding: 5px 10px;
7442 margin-right: 10px; 7456 margin-right: 10px;
7443 } 7457 }
7444 .cvs__item-like.active{ 7458 .cvs__item-like.active{
7445 background: #ffffff; 7459 background: #ffffff;
7446 color: #eb5757; 7460 color: #eb5757;
7447 } 7461 }
7448 .cvs__item-like .in-favorites{ 7462 .cvs__item-like .in-favorites{
7449 display: none; 7463 display: none;
7450 } 7464 }
7451 .cvs__item-like.active .in-favorites{ 7465 .cvs__item-like.active .in-favorites{
7452 display: block; 7466 display: block;
7453 color: #eb5757; 7467 color: #eb5757;
7454 } 7468 }
7455 .cvs__item-like.active .to-favorites{ 7469 .cvs__item-like.active .to-favorites{
7456 display: none; 7470 display: none;
7457 } 7471 }
7458 .cvs__item .cvs__item-header{ 7472 .cvs__item .cvs__item-header{
7459 display: flex; 7473 display: flex;
7460 width: 100%; 7474 width: 100%;
7461 justify-content: space-between; 7475 justify-content: space-between;
7462 } 7476 }
7463 .cvs__item-photo { 7477 .cvs__item-photo {
7464 position: relative; 7478 position: relative;
7465 aspect-ratio: 1/1; 7479 aspect-ratio: 1/1;
7466 overflow: hidden; 7480 overflow: hidden;
7467 background: #9c9d9d; 7481 background: #9c9d9d;
7468 color: #fff; 7482 color: #fff;
7469 width: 36px; 7483 width: 36px;
7470 border-radius: 6px; 7484 border-radius: 6px;
7471 display: -webkit-box; 7485 display: -webkit-box;
7472 display: -ms-flexbox; 7486 display: -ms-flexbox;
7473 display: flex; 7487 display: flex;
7474 -webkit-box-pack: center; 7488 -webkit-box-pack: center;
7475 -ms-flex-pack: center; 7489 -ms-flex-pack: center;
7476 justify-content: center; 7490 justify-content: center;
7477 -webkit-box-align: center; 7491 -webkit-box-align: center;
7478 -ms-flex-align: center; 7492 -ms-flex-align: center;
7479 align-items: center; 7493 align-items: center;
7480 } 7494 }
7481 @media (min-width: 768px) { 7495 @media (min-width: 768px) {
7482 .cvs__item-photo { 7496 .cvs__item-photo {
7483 width: 68px; 7497 width: 68px;
7484 } 7498 }
7485 } 7499 }
7486 .cvs__item-photo svg { 7500 .cvs__item-photo svg {
7487 width: 50%; 7501 width: 50%;
7488 position: relative; 7502 position: relative;
7489 z-index: 1; 7503 z-index: 1;
7490 } 7504 }
7491 .cvs__item-photo img { 7505 .cvs__item-photo img {
7492 position: absolute; 7506 position: absolute;
7493 z-index: 2; 7507 z-index: 2;
7494 top: 0; 7508 top: 0;
7495 left: 0; 7509 left: 0;
7496 width: 100%; 7510 width: 100%;
7497 height: 100%; 7511 height: 100%;
7498 -o-object-fit: cover; 7512 -o-object-fit: cover;
7499 object-fit: cover; 7513 object-fit: cover;
7500 } 7514 }
7501 .cvs__item-text { 7515 .cvs__item-text {
7502 display: -webkit-box; 7516 display: -webkit-box;
7503 display: -ms-flexbox; 7517 display: -ms-flexbox;
7504 display: flex; 7518 display: flex;
7505 -webkit-box-orient: vertical; 7519 -webkit-box-orient: vertical;
7506 -webkit-box-direction: normal; 7520 -webkit-box-direction: normal;
7507 -ms-flex-direction: column; 7521 -ms-flex-direction: column;
7508 flex-direction: column; 7522 flex-direction: column;
7509 gap: 10px; 7523 gap: 10px;
7510 width: 100%; 7524 width: 100%;
7511 margin-top: 30px; 7525 margin-top: 30px;
7512 } 7526 }
7513 .cvs__item .cvs__item-buttons{ 7527 .cvs__item .cvs__item-buttons{
7514 display: flex; 7528 display: flex;
7515 align-items: start; 7529 align-items: start;
7516 } 7530 }
7517 .cvs.active .cvs__item { 7531 .cvs.active .cvs__item {
7518 display: -webkit-box; 7532 display: -webkit-box;
7519 display: -ms-flexbox; 7533 display: -ms-flexbox;
7520 display: flex; 7534 display: flex;
7521 } 7535 }
7522 .cvs__item-text .cvs__item-text-row{ 7536 .cvs__item-text .cvs__item-text-row{
7523 display: flex; 7537 display: flex;
7524 justify-content: space-between; 7538 justify-content: space-between;
7525 width: 100%; 7539 width: 100%;
7526 } 7540 }
7527 .cvs__item-text .cvs__item-text-row > div{ 7541 .cvs__item-text .cvs__item-text-row > div{
7528 width: 50%; 7542 width: 50%;
7529 } 7543 }
7530 .cvs__item-text .cvs__item-text-row b{ 7544 .cvs__item-text .cvs__item-text-row b{
7531 color: #377d87; 7545 color: #377d87;
7532 font-size: 18px; 7546 font-size: 18px;
7533 } 7547 }
7534 .cvs__item-text .cvs__item-text-status { 7548 .cvs__item-text .cvs__item-text-status {
7535 width: fit-content; 7549 width: fit-content;
7536 background-color: #e6e6e6; 7550 background-color: #e6e6e6;
7537 font-weight: bold; 7551 font-weight: bold;
7538 padding: 5px 10px; 7552 padding: 5px 10px;
7539 border-radius: 8px; 7553 border-radius: 8px;
7540 margin-right: 30px; 7554 margin-right: 30px;
7541 } 7555 }
7542 .cvs__item-text .cvs__item-text-status.looking-for-job { 7556 .cvs__item-text .cvs__item-text-status.looking-for-job {
7543 background-color: #eb5757; 7557 background-color: #eb5757;
7544 color: #fff; 7558 color: #fff;
7545 } 7559 }
7546 .cvs__item-text .cvs__item-text-updated-at{ 7560 .cvs__item-text .cvs__item-text-updated-at{
7547 padding: 5px 10px; 7561 padding: 5px 10px;
7548 border-radius: 8px; 7562 border-radius: 8px;
7549 border: 1px #e6e6e6 solid; 7563 border: 1px #e6e6e6 solid;
7550 } 7564 }
7551 .faqs { 7565 .faqs {
7552 display: -webkit-box; 7566 display: -webkit-box;
7553 display: -ms-flexbox; 7567 display: -ms-flexbox;
7554 display: flex; 7568 display: flex;
7555 -webkit-box-orient: vertical; 7569 -webkit-box-orient: vertical;
7556 -webkit-box-direction: reverse; 7570 -webkit-box-direction: reverse;
7557 -ms-flex-direction: column-reverse; 7571 -ms-flex-direction: column-reverse;
7558 flex-direction: column-reverse; 7572 flex-direction: column-reverse;
7559 -webkit-box-align: center; 7573 -webkit-box-align: center;
7560 -ms-flex-align: center; 7574 -ms-flex-align: center;
7561 align-items: center; 7575 align-items: center;
7562 gap: 20px; 7576 gap: 20px;
7563 } 7577 }
7564 .faqs__body { 7578 .faqs__body {
7565 display: -webkit-box; 7579 display: -webkit-box;
7566 display: -ms-flexbox; 7580 display: -ms-flexbox;
7567 display: flex; 7581 display: flex;
7568 -webkit-box-orient: vertical; 7582 -webkit-box-orient: vertical;
7569 -webkit-box-direction: normal; 7583 -webkit-box-direction: normal;
7570 -ms-flex-direction: column; 7584 -ms-flex-direction: column;
7571 flex-direction: column; 7585 flex-direction: column;
7572 gap: 20px; 7586 gap: 20px;
7573 width: 100%; 7587 width: 100%;
7574 } 7588 }
7575 .faqs__item { 7589 .faqs__item {
7576 display: none; 7590 display: none;
7577 -webkit-box-orient: vertical; 7591 -webkit-box-orient: vertical;
7578 -webkit-box-direction: normal; 7592 -webkit-box-direction: normal;
7579 -ms-flex-direction: column; 7593 -ms-flex-direction: column;
7580 flex-direction: column; 7594 flex-direction: column;
7581 border-radius: 8px; 7595 border-radius: 8px;
7582 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7596 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7583 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7597 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7584 background: #fff; 7598 background: #fff;
7585 padding: 10px; 7599 padding: 10px;
7586 font-size: 12px; 7600 font-size: 12px;
7587 } 7601 }
7588 @media (min-width: 768px) { 7602 @media (min-width: 768px) {
7589 .faqs__item { 7603 .faqs__item {
7590 padding: 20px; 7604 padding: 20px;
7591 font-size: 16px; 7605 font-size: 16px;
7592 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7593 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7594 } 7608 }
7595 } 7609 }
7596 .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) { 7610 .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) {
7597 display: -webkit-box; 7611 display: -webkit-box;
7598 display: -ms-flexbox; 7612 display: -ms-flexbox;
7599 display: flex; 7613 display: flex;
7600 } 7614 }
7601 .faqs__item-button { 7615 .faqs__item-button {
7602 background: none; 7616 background: none;
7603 padding: 0; 7617 padding: 0;
7604 border: none; 7618 border: none;
7605 display: -webkit-box; 7619 display: -webkit-box;
7606 display: -ms-flexbox; 7620 display: -ms-flexbox;
7607 display: flex; 7621 display: flex;
7608 -webkit-box-align: center; 7622 -webkit-box-align: center;
7609 -ms-flex-align: center; 7623 -ms-flex-align: center;
7610 align-items: center; 7624 align-items: center;
7611 color: #000; 7625 color: #000;
7612 text-align: left; 7626 text-align: left;
7613 font-size: 14px; 7627 font-size: 14px;
7614 font-weight: 700; 7628 font-weight: 700;
7615 } 7629 }
7616 @media (min-width: 768px) { 7630 @media (min-width: 768px) {
7617 .faqs__item-button { 7631 .faqs__item-button {
7618 font-size: 20px; 7632 font-size: 20px;
7619 } 7633 }
7620 } 7634 }
7621 .faqs__item-button span { 7635 .faqs__item-button span {
7622 width: calc(100% - 16px); 7636 width: calc(100% - 16px);
7623 padding-right: 16px; 7637 padding-right: 16px;
7624 } 7638 }
7625 .faqs__item-button i { 7639 .faqs__item-button i {
7626 display: -webkit-box; 7640 display: -webkit-box;
7627 display: -ms-flexbox; 7641 display: -ms-flexbox;
7628 display: flex; 7642 display: flex;
7629 -webkit-box-pack: center; 7643 -webkit-box-pack: center;
7630 -ms-flex-pack: center; 7644 -ms-flex-pack: center;
7631 justify-content: center; 7645 justify-content: center;
7632 -webkit-box-align: center; 7646 -webkit-box-align: center;
7633 -ms-flex-align: center; 7647 -ms-flex-align: center;
7634 align-items: center; 7648 align-items: center;
7635 width: 16px; 7649 width: 16px;
7636 aspect-ratio: 1/1; 7650 aspect-ratio: 1/1;
7637 color: #377d87; 7651 color: #377d87;
7638 -webkit-transition: 0.3s; 7652 -webkit-transition: 0.3s;
7639 transition: 0.3s; 7653 transition: 0.3s;
7640 } 7654 }
7641 .faqs__item-button i svg { 7655 .faqs__item-button i svg {
7642 width: 16px; 7656 width: 16px;
7643 aspect-ratio: 1/1; 7657 aspect-ratio: 1/1;
7644 -webkit-transform: rotate(90deg); 7658 -webkit-transform: rotate(90deg);
7645 -ms-transform: rotate(90deg); 7659 -ms-transform: rotate(90deg);
7646 transform: rotate(90deg); 7660 transform: rotate(90deg);
7647 } 7661 }
7648 .faqs__item-button.active i { 7662 .faqs__item-button.active i {
7649 -webkit-transform: rotate(180deg); 7663 -webkit-transform: rotate(180deg);
7650 -ms-transform: rotate(180deg); 7664 -ms-transform: rotate(180deg);
7651 transform: rotate(180deg); 7665 transform: rotate(180deg);
7652 } 7666 }
7653 .faqs__item-body { 7667 .faqs__item-body {
7654 display: -webkit-box; 7668 display: -webkit-box;
7655 display: -ms-flexbox; 7669 display: -ms-flexbox;
7656 display: flex; 7670 display: flex;
7657 -webkit-box-orient: vertical; 7671 -webkit-box-orient: vertical;
7658 -webkit-box-direction: normal; 7672 -webkit-box-direction: normal;
7659 -ms-flex-direction: column; 7673 -ms-flex-direction: column;
7660 flex-direction: column; 7674 flex-direction: column;
7661 gap: 10px; 7675 gap: 10px;
7662 opacity: 0; 7676 opacity: 0;
7663 height: 0; 7677 height: 0;
7664 overflow: hidden; 7678 overflow: hidden;
7665 font-size: 12px; 7679 font-size: 12px;
7666 line-height: 1.4; 7680 line-height: 1.4;
7667 } 7681 }
7668 @media (min-width: 768px) { 7682 @media (min-width: 768px) {
7669 .faqs__item-body { 7683 .faqs__item-body {
7670 font-size: 16px; 7684 font-size: 16px;
7671 gap: 20px; 7685 gap: 20px;
7672 } 7686 }
7673 } 7687 }
7674 .faqs__item-body p { 7688 .faqs__item-body p {
7675 margin: 0; 7689 margin: 0;
7676 } 7690 }
7677 .active + .faqs__item-body { 7691 .active + .faqs__item-body {
7678 opacity: 1; 7692 opacity: 1;
7679 height: auto; 7693 height: auto;
7680 -webkit-transition: 0.3s; 7694 -webkit-transition: 0.3s;
7681 transition: 0.3s; 7695 transition: 0.3s;
7682 padding-top: 10px; 7696 padding-top: 10px;
7683 } 7697 }
7684 @media (min-width: 768px) { 7698 @media (min-width: 768px) {
7685 .active + .faqs__item-body { 7699 .active + .faqs__item-body {
7686 padding-top: 20px; 7700 padding-top: 20px;
7687 } 7701 }
7688 } 7702 }
7689 .faqs.active .faqs__item { 7703 .faqs.active .faqs__item {
7690 display: -webkit-box; 7704 display: -webkit-box;
7691 display: -ms-flexbox; 7705 display: -ms-flexbox;
7692 display: flex; 7706 display: flex;
7693 } 7707 }
7694 7708
7695 .cabinet { 7709 .cabinet {
7696 padding: 20px 0; 7710 padding: 20px 0;
7697 padding-bottom: 40px; 7711 padding-bottom: 40px;
7698 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7712 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7699 } 7713 }
7700 @media (min-width: 992px) { 7714 @media (min-width: 992px) {
7701 .cabinet { 7715 .cabinet {
7702 padding: 30px 0; 7716 padding: 30px 0;
7703 padding-bottom: 60px; 7717 padding-bottom: 60px;
7704 } 7718 }
7705 } 7719 }
7706 .cabinet__breadcrumbs { 7720 .cabinet__breadcrumbs {
7707 margin-bottom: 50px; 7721 margin-bottom: 50px;
7708 } 7722 }
7709 .cabinet__wrapper { 7723 .cabinet__wrapper {
7710 display: -webkit-box; 7724 display: -webkit-box;
7711 display: -ms-flexbox; 7725 display: -ms-flexbox;
7712 display: flex; 7726 display: flex;
7713 -webkit-box-orient: vertical; 7727 -webkit-box-orient: vertical;
7714 -webkit-box-direction: normal; 7728 -webkit-box-direction: normal;
7715 -ms-flex-direction: column; 7729 -ms-flex-direction: column;
7716 flex-direction: column; 7730 flex-direction: column;
7717 } 7731 }
7718 @media (min-width: 992px) { 7732 @media (min-width: 992px) {
7719 .cabinet__wrapper { 7733 .cabinet__wrapper {
7720 -webkit-box-orient: horizontal; 7734 -webkit-box-orient: horizontal;
7721 -webkit-box-direction: normal; 7735 -webkit-box-direction: normal;
7722 -ms-flex-direction: row; 7736 -ms-flex-direction: row;
7723 flex-direction: row; 7737 flex-direction: row;
7724 -webkit-box-align: start; 7738 -webkit-box-align: start;
7725 -ms-flex-align: start; 7739 -ms-flex-align: start;
7726 align-items: flex-start; 7740 align-items: flex-start;
7727 -webkit-box-pack: justify; 7741 -webkit-box-pack: justify;
7728 -ms-flex-pack: justify; 7742 -ms-flex-pack: justify;
7729 justify-content: space-between; 7743 justify-content: space-between;
7730 } 7744 }
7731 } 7745 }
7732 .cabinet__side { 7746 .cabinet__side {
7733 border-radius: 8px; 7747 border-radius: 8px;
7734 background: #fff; 7748 background: #fff;
7735 padding: 20px 10px; 7749 padding: 20px 10px;
7736 display: -webkit-box; 7750 display: -webkit-box;
7737 display: -ms-flexbox; 7751 display: -ms-flexbox;
7738 display: flex; 7752 display: flex;
7739 -webkit-box-orient: vertical; 7753 -webkit-box-orient: vertical;
7740 -webkit-box-direction: normal; 7754 -webkit-box-direction: normal;
7741 -ms-flex-direction: column; 7755 -ms-flex-direction: column;
7742 flex-direction: column; 7756 flex-direction: column;
7743 gap: 30px; 7757 gap: 30px;
7744 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7758 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7745 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7759 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7746 } 7760 }
7747 @media (min-width: 768px) { 7761 @media (min-width: 768px) {
7748 .cabinet__side { 7762 .cabinet__side {
7749 padding: 30px 20px; 7763 padding: 30px 20px;
7750 margin-bottom: 50px; 7764 margin-bottom: 50px;
7751 } 7765 }
7752 } 7766 }
7753 @media (min-width: 992px) { 7767 @media (min-width: 992px) {
7754 .cabinet__side { 7768 .cabinet__side {
7755 width: 340px; 7769 width: 340px;
7756 margin: 0; 7770 margin: 0;
7757 position: sticky; 7771 position: sticky;
7758 top: 6px; 7772 top: 6px;
7759 } 7773 }
7760 } 7774 }
7761 @media (min-width: 1280px) { 7775 @media (min-width: 1280px) {
7762 .cabinet__side { 7776 .cabinet__side {
7763 width: 400px; 7777 width: 400px;
7764 } 7778 }
7765 } 7779 }
7766 .cabinet__side-item { 7780 .cabinet__side-item {
7767 display: -webkit-box; 7781 display: -webkit-box;
7768 display: -ms-flexbox; 7782 display: -ms-flexbox;
7769 display: flex; 7783 display: flex;
7770 -webkit-box-orient: vertical; 7784 -webkit-box-orient: vertical;
7771 -webkit-box-direction: normal; 7785 -webkit-box-direction: normal;
7772 -ms-flex-direction: column; 7786 -ms-flex-direction: column;
7773 flex-direction: column; 7787 flex-direction: column;
7774 gap: 20px; 7788 gap: 20px;
7775 } 7789 }
7776 .cabinet__side-toper { 7790 .cabinet__side-toper {
7777 display: -webkit-box; 7791 display: -webkit-box;
7778 display: -ms-flexbox; 7792 display: -ms-flexbox;
7779 display: flex; 7793 display: flex;
7780 -webkit-box-align: center; 7794 -webkit-box-align: center;
7781 -ms-flex-align: center; 7795 -ms-flex-align: center;
7782 align-items: center; 7796 align-items: center;
7783 } 7797 }
7784 .cabinet__side-toper-pic { 7798 .cabinet__side-toper-pic {
7785 width: 70px; 7799 width: 70px;
7786 aspect-ratio: 1/1; 7800 aspect-ratio: 1/1;
7787 overflow: hidden; 7801 overflow: hidden;
7788 border-radius: 8px; 7802 border-radius: 8px;
7789 color: #fff; 7803 color: #fff;
7790 background: #9c9d9d; 7804 background: #9c9d9d;
7791 display: -webkit-box; 7805 display: -webkit-box;
7792 display: -ms-flexbox; 7806 display: -ms-flexbox;
7793 display: flex; 7807 display: flex;
7794 -webkit-box-align: center; 7808 -webkit-box-align: center;
7795 -ms-flex-align: center; 7809 -ms-flex-align: center;
7796 align-items: center; 7810 align-items: center;
7797 -webkit-box-pack: center; 7811 -webkit-box-pack: center;
7798 -ms-flex-pack: center; 7812 -ms-flex-pack: center;
7799 justify-content: center; 7813 justify-content: center;
7800 position: relative; 7814 position: relative;
7801 } 7815 }
7802 .cabinet__side-toper-pic img { 7816 .cabinet__side-toper-pic img {
7803 width: 100%; 7817 width: 100%;
7804 height: 100%; 7818 height: 100%;
7805 -o-object-fit: cover; 7819 -o-object-fit: cover;
7806 object-fit: cover; 7820 object-fit: cover;
7807 position: absolute; 7821 position: absolute;
7808 z-index: 2; 7822 z-index: 2;
7809 top: 0; 7823 top: 0;
7810 left: 0; 7824 left: 0;
7811 aspect-ratio: 1/1; 7825 aspect-ratio: 1/1;
7812 -o-object-fit: contain; 7826 -o-object-fit: contain;
7813 object-fit: contain; 7827 object-fit: contain;
7814 } 7828 }
7815 .cabinet__side-toper-pic svg { 7829 .cabinet__side-toper-pic svg {
7816 width: 50%; 7830 width: 50%;
7817 aspect-ratio: 1/1; 7831 aspect-ratio: 1/1;
7818 } 7832 }
7819 .cabinet__side-toper b { 7833 .cabinet__side-toper b {
7820 width: calc(100% - 70px); 7834 width: calc(100% - 70px);
7821 font-size: 14px; 7835 font-size: 14px;
7822 font-weight: 700; 7836 font-weight: 700;
7823 padding-left: 16px; 7837 padding-left: 16px;
7824 } 7838 }
7825 @media (min-width: 768px) { 7839 @media (min-width: 768px) {
7826 .cabinet__side-toper b { 7840 .cabinet__side-toper b {
7827 font-size: 20px; 7841 font-size: 20px;
7828 } 7842 }
7829 } 7843 }
7830 .cabinet__menu { 7844 .cabinet__menu {
7831 display: -webkit-box; 7845 display: -webkit-box;
7832 display: -ms-flexbox; 7846 display: -ms-flexbox;
7833 display: flex; 7847 display: flex;
7834 -webkit-box-orient: vertical; 7848 -webkit-box-orient: vertical;
7835 -webkit-box-direction: normal; 7849 -webkit-box-direction: normal;
7836 -ms-flex-direction: column; 7850 -ms-flex-direction: column;
7837 flex-direction: column; 7851 flex-direction: column;
7838 } 7852 }
7839 .cabinet__menu-toper { 7853 .cabinet__menu-toper {
7840 display: -webkit-box; 7854 display: -webkit-box;
7841 display: -ms-flexbox; 7855 display: -ms-flexbox;
7842 display: flex; 7856 display: flex;
7843 -webkit-box-align: center; 7857 -webkit-box-align: center;
7844 -ms-flex-align: center; 7858 -ms-flex-align: center;
7845 align-items: center; 7859 align-items: center;
7846 -webkit-box-pack: justify; 7860 -webkit-box-pack: justify;
7847 -ms-flex-pack: justify; 7861 -ms-flex-pack: justify;
7848 justify-content: space-between; 7862 justify-content: space-between;
7849 padding: 0 16px; 7863 padding: 0 16px;
7850 padding-right: 12px; 7864 padding-right: 12px;
7851 border: none; 7865 border: none;
7852 border-radius: 8px; 7866 border-radius: 8px;
7853 background: #377d87; 7867 background: #377d87;
7854 color: #fff; 7868 color: #fff;
7855 } 7869 }
7856 @media (min-width: 768px) { 7870 @media (min-width: 768px) {
7857 .cabinet__menu-toper { 7871 .cabinet__menu-toper {
7858 padding: 0 20px; 7872 padding: 0 20px;
7859 } 7873 }
7860 } 7874 }
7861 @media (min-width: 992px) { 7875 @media (min-width: 992px) {
7862 .cabinet__menu-toper { 7876 .cabinet__menu-toper {
7863 display: none; 7877 display: none;
7864 } 7878 }
7865 } 7879 }
7866 .cabinet__menu-toper-text { 7880 .cabinet__menu-toper-text {
7867 width: calc(100% - 16px); 7881 width: calc(100% - 16px);
7868 display: -webkit-box; 7882 display: -webkit-box;
7869 display: -ms-flexbox; 7883 display: -ms-flexbox;
7870 display: flex; 7884 display: flex;
7871 -webkit-box-align: center; 7885 -webkit-box-align: center;
7872 -ms-flex-align: center; 7886 -ms-flex-align: center;
7873 align-items: center; 7887 align-items: center;
7874 } 7888 }
7875 @media (min-width: 768px) { 7889 @media (min-width: 768px) {
7876 .cabinet__menu-toper-text { 7890 .cabinet__menu-toper-text {
7877 width: calc(100% - 20px); 7891 width: calc(100% - 20px);
7878 } 7892 }
7879 } 7893 }
7880 .cabinet__menu-toper-text i { 7894 .cabinet__menu-toper-text i {
7881 width: 16px; 7895 width: 16px;
7882 height: 16px; 7896 height: 16px;
7883 display: -webkit-box; 7897 display: -webkit-box;
7884 display: -ms-flexbox; 7898 display: -ms-flexbox;
7885 display: flex; 7899 display: flex;
7886 -webkit-box-align: center; 7900 -webkit-box-align: center;
7887 -ms-flex-align: center; 7901 -ms-flex-align: center;
7888 align-items: center; 7902 align-items: center;
7889 -webkit-box-pack: center; 7903 -webkit-box-pack: center;
7890 -ms-flex-pack: center; 7904 -ms-flex-pack: center;
7891 justify-content: center; 7905 justify-content: center;
7892 } 7906 }
7893 @media (min-width: 768px) { 7907 @media (min-width: 768px) {
7894 .cabinet__menu-toper-text i { 7908 .cabinet__menu-toper-text i {
7895 width: 22px; 7909 width: 22px;
7896 height: 22px; 7910 height: 22px;
7897 } 7911 }
7898 } 7912 }
7899 .cabinet__menu-toper-text svg { 7913 .cabinet__menu-toper-text svg {
7900 width: 16px; 7914 width: 16px;
7901 height: 16px; 7915 height: 16px;
7902 } 7916 }
7903 @media (min-width: 768px) { 7917 @media (min-width: 768px) {
7904 .cabinet__menu-toper-text svg { 7918 .cabinet__menu-toper-text svg {
7905 width: 22px; 7919 width: 22px;
7906 height: 22px; 7920 height: 22px;
7907 } 7921 }
7908 } 7922 }
7909 .cabinet__menu-toper-text span { 7923 .cabinet__menu-toper-text span {
7910 display: -webkit-box; 7924 display: -webkit-box;
7911 display: -ms-flexbox; 7925 display: -ms-flexbox;
7912 display: flex; 7926 display: flex;
7913 -webkit-box-align: center; 7927 -webkit-box-align: center;
7914 -ms-flex-align: center; 7928 -ms-flex-align: center;
7915 align-items: center; 7929 align-items: center;
7916 padding: 0 10px; 7930 padding: 0 10px;
7917 min-height: 30px; 7931 min-height: 30px;
7918 font-size: 12px; 7932 font-size: 12px;
7919 width: calc(100% - 16px); 7933 width: calc(100% - 16px);
7920 } 7934 }
7921 @media (min-width: 768px) { 7935 @media (min-width: 768px) {
7922 .cabinet__menu-toper-text span { 7936 .cabinet__menu-toper-text span {
7923 width: calc(100% - 22px); 7937 width: calc(100% - 22px);
7924 font-size: 20px; 7938 font-size: 20px;
7925 min-height: 52px; 7939 min-height: 52px;
7926 padding: 0 16px; 7940 padding: 0 16px;
7927 } 7941 }
7928 } 7942 }
7929 .cabinet__menu-toper-arrow { 7943 .cabinet__menu-toper-arrow {
7930 width: 16px; 7944 width: 16px;
7931 height: 16px; 7945 height: 16px;
7932 display: -webkit-box; 7946 display: -webkit-box;
7933 display: -ms-flexbox; 7947 display: -ms-flexbox;
7934 display: flex; 7948 display: flex;
7935 -webkit-box-pack: center; 7949 -webkit-box-pack: center;
7936 -ms-flex-pack: center; 7950 -ms-flex-pack: center;
7937 justify-content: center; 7951 justify-content: center;
7938 -webkit-box-align: center; 7952 -webkit-box-align: center;
7939 -ms-flex-align: center; 7953 -ms-flex-align: center;
7940 align-items: center; 7954 align-items: center;
7941 -webkit-transition: 0.3s; 7955 -webkit-transition: 0.3s;
7942 transition: 0.3s; 7956 transition: 0.3s;
7943 } 7957 }
7944 @media (min-width: 768px) { 7958 @media (min-width: 768px) {
7945 .cabinet__menu-toper-arrow { 7959 .cabinet__menu-toper-arrow {
7946 width: 20px; 7960 width: 20px;
7947 height: 20px; 7961 height: 20px;
7948 } 7962 }
7949 } 7963 }
7950 .cabinet__menu-toper-arrow svg { 7964 .cabinet__menu-toper-arrow svg {
7951 width: 12px; 7965 width: 12px;
7952 height: 12px; 7966 height: 12px;
7953 -webkit-transform: rotate(90deg); 7967 -webkit-transform: rotate(90deg);
7954 -ms-transform: rotate(90deg); 7968 -ms-transform: rotate(90deg);
7955 transform: rotate(90deg); 7969 transform: rotate(90deg);
7956 } 7970 }
7957 @media (min-width: 768px) { 7971 @media (min-width: 768px) {
7958 .cabinet__menu-toper-arrow svg { 7972 .cabinet__menu-toper-arrow svg {
7959 width: 20px; 7973 width: 20px;
7960 height: 20px; 7974 height: 20px;
7961 } 7975 }
7962 } 7976 }
7963 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7977 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7964 -webkit-transform: rotate(180deg); 7978 -webkit-transform: rotate(180deg);
7965 -ms-transform: rotate(180deg); 7979 -ms-transform: rotate(180deg);
7966 transform: rotate(180deg); 7980 transform: rotate(180deg);
7967 } 7981 }
7968 .cabinet__menu-body { 7982 .cabinet__menu-body {
7969 opacity: 0; 7983 opacity: 0;
7970 height: 0; 7984 height: 0;
7971 overflow: hidden; 7985 overflow: hidden;
7972 display: -webkit-box; 7986 display: -webkit-box;
7973 display: -ms-flexbox; 7987 display: -ms-flexbox;
7974 display: flex; 7988 display: flex;
7975 -webkit-box-orient: vertical; 7989 -webkit-box-orient: vertical;
7976 -webkit-box-direction: normal; 7990 -webkit-box-direction: normal;
7977 -ms-flex-direction: column; 7991 -ms-flex-direction: column;
7978 flex-direction: column; 7992 flex-direction: column;
7979 } 7993 }
7980 @media (min-width: 992px) { 7994 @media (min-width: 992px) {
7981 .cabinet__menu-body { 7995 .cabinet__menu-body {
7982 opacity: 1; 7996 opacity: 1;
7983 height: auto; 7997 height: auto;
7984 } 7998 }
7985 } 7999 }
7986 .active + .cabinet__menu-body { 8000 .active + .cabinet__menu-body {
7987 opacity: 1; 8001 opacity: 1;
7988 height: auto; 8002 height: auto;
7989 -webkit-transition: 0.3s; 8003 -webkit-transition: 0.3s;
7990 transition: 0.3s; 8004 transition: 0.3s;
7991 } 8005 }
7992 .cabinet__menu-items { 8006 .cabinet__menu-items {
7993 display: -webkit-box; 8007 display: -webkit-box;
7994 display: -ms-flexbox; 8008 display: -ms-flexbox;
7995 display: flex; 8009 display: flex;
7996 -webkit-box-orient: vertical; 8010 -webkit-box-orient: vertical;
7997 -webkit-box-direction: normal; 8011 -webkit-box-direction: normal;
7998 -ms-flex-direction: column; 8012 -ms-flex-direction: column;
7999 flex-direction: column; 8013 flex-direction: column;
8000 } 8014 }
8001 .cabinet__menu-item { 8015 .cabinet__menu-item {
8002 padding: 8px 16px; 8016 padding: 8px 16px;
8003 border-radius: 8px; 8017 border-radius: 8px;
8004 display: -webkit-box; 8018 display: -webkit-box;
8005 display: -ms-flexbox; 8019 display: -ms-flexbox;
8006 display: flex; 8020 display: flex;
8007 -webkit-box-align: center; 8021 -webkit-box-align: center;
8008 -ms-flex-align: center; 8022 -ms-flex-align: center;
8009 align-items: center; 8023 align-items: center;
8010 } 8024 }
8011 @media (min-width: 768px) { 8025 @media (min-width: 768px) {
8012 .cabinet__menu-item { 8026 .cabinet__menu-item {
8013 padding: 14px 20px; 8027 padding: 14px 20px;
8014 } 8028 }
8015 } 8029 }
8016 .cabinet__menu-item:hover { 8030 .cabinet__menu-item:hover {
8017 color: #377d87; 8031 color: #377d87;
8018 } 8032 }
8019 @media (min-width: 992px) { 8033 @media (min-width: 992px) {
8020 .cabinet__menu-item.active { 8034 .cabinet__menu-item.active {
8021 background: #377d87; 8035 background: #377d87;
8022 color: #fff; 8036 color: #fff;
8023 } 8037 }
8024 } 8038 }
8025 @media (min-width: 992px) { 8039 @media (min-width: 992px) {
8026 .cabinet__menu-item.active svg { 8040 .cabinet__menu-item.active svg {
8027 color: #fff; 8041 color: #fff;
8028 } 8042 }
8029 } 8043 }
8030 @media (min-width: 992px) { 8044 @media (min-width: 992px) {
8031 .cabinet__menu-item.active.red { 8045 .cabinet__menu-item.active.red {
8032 background: #eb5757; 8046 background: #eb5757;
8033 } 8047 }
8034 } 8048 }
8035 .cabinet__menu-item i { 8049 .cabinet__menu-item i {
8036 width: 16px; 8050 width: 16px;
8037 height: 16px; 8051 height: 16px;
8038 color: #377d87; 8052 color: #377d87;
8039 } 8053 }
8040 @media (min-width: 768px) { 8054 @media (min-width: 768px) {
8041 .cabinet__menu-item i { 8055 .cabinet__menu-item i {
8042 width: 22px; 8056 width: 22px;
8043 height: 22px; 8057 height: 22px;
8044 } 8058 }
8045 } 8059 }
8046 .cabinet__menu-item svg { 8060 .cabinet__menu-item svg {
8047 width: 16px; 8061 width: 16px;
8048 height: 16px; 8062 height: 16px;
8049 } 8063 }
8050 @media (min-width: 768px) { 8064 @media (min-width: 768px) {
8051 .cabinet__menu-item svg { 8065 .cabinet__menu-item svg {
8052 width: 22px; 8066 width: 22px;
8053 height: 22px; 8067 height: 22px;
8054 } 8068 }
8055 } 8069 }
8056 .cabinet__menu-item span { 8070 .cabinet__menu-item span {
8057 width: calc(100% - 16px); 8071 width: calc(100% - 16px);
8058 font-size: 12px; 8072 font-size: 12px;
8059 padding-left: 10px; 8073 padding-left: 10px;
8060 } 8074 }
8061 @media (min-width: 768px) { 8075 @media (min-width: 768px) {
8062 .cabinet__menu-item span { 8076 .cabinet__menu-item span {
8063 font-size: 20px; 8077 font-size: 20px;
8064 width: calc(100% - 22px); 8078 width: calc(100% - 22px);
8065 padding-left: 16px; 8079 padding-left: 16px;
8066 } 8080 }
8067 } 8081 }
8068 .cabinet__menu-bottom { 8082 .cabinet__menu-bottom {
8069 display: -webkit-box; 8083 display: -webkit-box;
8070 display: -ms-flexbox; 8084 display: -ms-flexbox;
8071 display: flex; 8085 display: flex;
8072 -webkit-box-orient: vertical; 8086 -webkit-box-orient: vertical;
8073 -webkit-box-direction: normal; 8087 -webkit-box-direction: normal;
8074 -ms-flex-direction: column; 8088 -ms-flex-direction: column;
8075 flex-direction: column; 8089 flex-direction: column;
8076 gap: 10px; 8090 gap: 10px;
8077 margin-top: 10px; 8091 margin-top: 10px;
8078 } 8092 }
8079 @media (min-width: 768px) { 8093 @media (min-width: 768px) {
8080 .cabinet__menu-bottom { 8094 .cabinet__menu-bottom {
8081 gap: 20px; 8095 gap: 20px;
8082 margin-top: 20px; 8096 margin-top: 20px;
8083 } 8097 }
8084 } 8098 }
8085 .cabinet__menu-copy { 8099 .cabinet__menu-copy {
8086 color: #9c9d9d; 8100 color: #9c9d9d;
8087 text-align: center; 8101 text-align: center;
8088 font-size: 12px; 8102 font-size: 12px;
8089 } 8103 }
8090 @media (min-width: 768px) { 8104 @media (min-width: 768px) {
8091 .cabinet__menu-copy { 8105 .cabinet__menu-copy {
8092 font-size: 16px; 8106 font-size: 16px;
8093 } 8107 }
8094 } 8108 }
8095 .cabinet__body { 8109 .cabinet__body {
8096 margin: 0 -10px; 8110 margin: 0 -10px;
8097 margin-top: 50px; 8111 margin-top: 50px;
8098 background: #fff; 8112 background: #fff;
8099 padding: 20px 10px; 8113 padding: 20px 10px;
8100 display: -webkit-box; 8114 display: -webkit-box;
8101 display: -ms-flexbox; 8115 display: -ms-flexbox;
8102 display: flex; 8116 display: flex;
8103 -webkit-box-orient: vertical; 8117 -webkit-box-orient: vertical;
8104 -webkit-box-direction: normal; 8118 -webkit-box-direction: normal;
8105 -ms-flex-direction: column; 8119 -ms-flex-direction: column;
8106 flex-direction: column; 8120 flex-direction: column;
8107 gap: 30px; 8121 gap: 30px;
8108 color: #000; 8122 color: #000;
8109 } 8123 }
8110 @media (min-width: 768px) { 8124 @media (min-width: 768px) {
8111 .cabinet__body { 8125 .cabinet__body {
8112 padding: 30px 20px; 8126 padding: 30px 20px;
8113 margin: 0; 8127 margin: 0;
8114 border-radius: 8px; 8128 border-radius: 8px;
8115 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8129 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8116 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8130 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8117 } 8131 }
8118 } 8132 }
8119 @media (min-width: 992px) { 8133 @media (min-width: 992px) {
8120 .cabinet__body { 8134 .cabinet__body {
8121 width: calc(100% - 360px); 8135 width: calc(100% - 360px);
8122 } 8136 }
8123 } 8137 }
8124 @media (min-width: 1280px) { 8138 @media (min-width: 1280px) {
8125 .cabinet__body { 8139 .cabinet__body {
8126 width: calc(100% - 420px); 8140 width: calc(100% - 420px);
8127 } 8141 }
8128 } 8142 }
8129 .cabinet__body-item { 8143 .cabinet__body-item {
8130 display: -webkit-box; 8144 display: -webkit-box;
8131 display: -ms-flexbox; 8145 display: -ms-flexbox;
8132 display: flex; 8146 display: flex;
8133 -webkit-box-orient: vertical; 8147 -webkit-box-orient: vertical;
8134 -webkit-box-direction: normal; 8148 -webkit-box-direction: normal;
8135 -ms-flex-direction: column; 8149 -ms-flex-direction: column;
8136 flex-direction: column; 8150 flex-direction: column;
8137 gap: 20px; 8151 gap: 20px;
8138 } 8152 }
8139 .cabinet__title { 8153 .cabinet__title {
8140 font-size: 24px; 8154 font-size: 24px;
8141 margin-bottom: 20px; 8155 margin-bottom: 20px;
8142 } 8156 }
8143 @media (min-width: 768px) { 8157 @media (min-width: 768px) {
8144 .cabinet__title { 8158 .cabinet__title {
8145 font-size: 32px; 8159 font-size: 32px;
8146 } 8160 }
8147 } 8161 }
8148 @media (min-width: 992px) { 8162 @media (min-width: 992px) {
8149 .cabinet__title { 8163 .cabinet__title {
8150 font-size: 40px; 8164 font-size: 40px;
8151 } 8165 }
8152 } 8166 }
8153 .cabinet__subtitle { 8167 .cabinet__subtitle {
8154 font-size: 22px; 8168 font-size: 22px;
8155 margin: 0; 8169 margin: 0;
8156 font-weight: 700; 8170 font-weight: 700;
8157 color: #000; 8171 color: #000;
8158 } 8172 }
8159 @media (min-width: 768px) { 8173 @media (min-width: 768px) {
8160 .cabinet__subtitle { 8174 .cabinet__subtitle {
8161 font-size: 24px; 8175 font-size: 24px;
8162 } 8176 }
8163 } 8177 }
8164 .cabinet__h4 { 8178 .cabinet__h4 {
8165 font-size: 20px; 8179 font-size: 20px;
8166 margin: 0; 8180 margin: 0;
8167 font-weight: 700; 8181 font-weight: 700;
8168 color: #000; 8182 color: #000;
8169 } 8183 }
8170 @media (min-width: 768px) { 8184 @media (min-width: 768px) {
8171 .cabinet__h4 { 8185 .cabinet__h4 {
8172 font-size: 22px; 8186 font-size: 22px;
8173 } 8187 }
8174 } 8188 }
8175 .cabinet__text { 8189 .cabinet__text {
8176 margin: 0; 8190 margin: 0;
8177 font-size: 14px; 8191 font-size: 14px;
8178 } 8192 }
8179 @media (min-width: 768px) { 8193 @media (min-width: 768px) {
8180 .cabinet__text { 8194 .cabinet__text {
8181 font-size: 16px; 8195 font-size: 16px;
8182 } 8196 }
8183 } 8197 }
8184 .cabinet__text b { 8198 .cabinet__text b {
8185 color: #000; 8199 color: #000;
8186 font-size: 18px; 8200 font-size: 18px;
8187 } 8201 }
8188 @media (min-width: 768px) { 8202 @media (min-width: 768px) {
8189 .cabinet__text b { 8203 .cabinet__text b {
8190 font-size: 24px; 8204 font-size: 24px;
8191 } 8205 }
8192 } 8206 }
8193 .cabinet__descr { 8207 .cabinet__descr {
8194 display: -webkit-box; 8208 display: -webkit-box;
8195 display: -ms-flexbox; 8209 display: -ms-flexbox;
8196 display: flex; 8210 display: flex;
8197 -webkit-box-orient: vertical; 8211 -webkit-box-orient: vertical;
8198 -webkit-box-direction: normal; 8212 -webkit-box-direction: normal;
8199 -ms-flex-direction: column; 8213 -ms-flex-direction: column;
8200 flex-direction: column; 8214 flex-direction: column;
8201 gap: 6px; 8215 gap: 6px;
8202 } 8216 }
8203 @media (min-width: 768px) { 8217 @media (min-width: 768px) {
8204 .cabinet__descr { 8218 .cabinet__descr {
8205 gap: 12px; 8219 gap: 12px;
8206 } 8220 }
8207 } 8221 }
8208 .cabinet__avatar { 8222 .cabinet__avatar {
8209 display: -webkit-box; 8223 display: -webkit-box;
8210 display: -ms-flexbox; 8224 display: -ms-flexbox;
8211 display: flex; 8225 display: flex;
8212 -webkit-box-align: start; 8226 -webkit-box-align: start;
8213 -ms-flex-align: start; 8227 -ms-flex-align: start;
8214 align-items: flex-start; 8228 align-items: flex-start;
8215 } 8229 }
8216 @media (min-width: 768px) { 8230 @media (min-width: 768px) {
8217 .cabinet__avatar { 8231 .cabinet__avatar {
8218 -webkit-box-align: center; 8232 -webkit-box-align: center;
8219 -ms-flex-align: center; 8233 -ms-flex-align: center;
8220 align-items: center; 8234 align-items: center;
8221 } 8235 }
8222 } 8236 }
8223 .cabinet__avatar-pic { 8237 .cabinet__avatar-pic {
8224 width: 100px; 8238 width: 100px;
8225 aspect-ratio: 1/1; 8239 aspect-ratio: 1/1;
8226 position: relative; 8240 position: relative;
8227 display: -webkit-box; 8241 display: -webkit-box;
8228 display: -ms-flexbox; 8242 display: -ms-flexbox;
8229 display: flex; 8243 display: flex;
8230 -webkit-box-pack: center; 8244 -webkit-box-pack: center;
8231 -ms-flex-pack: center; 8245 -ms-flex-pack: center;
8232 justify-content: center; 8246 justify-content: center;
8233 -webkit-box-align: center; 8247 -webkit-box-align: center;
8234 -ms-flex-align: center; 8248 -ms-flex-align: center;
8235 align-items: center; 8249 align-items: center;
8236 overflow: hidden; 8250 overflow: hidden;
8237 border-radius: 8px; 8251 border-radius: 8px;
8238 color: #fff; 8252 color: #fff;
8239 background: #9c9d9d; 8253 background: #9c9d9d;
8240 } 8254 }
8241 .cabinet__avatar-pic svg { 8255 .cabinet__avatar-pic svg {
8242 width: 50%; 8256 width: 50%;
8243 aspect-ratio: 1/1; 8257 aspect-ratio: 1/1;
8244 z-index: 1; 8258 z-index: 1;
8245 position: relative; 8259 position: relative;
8246 } 8260 }
8247 .cabinet__avatar-pic img{ 8261 .cabinet__avatar-pic img{
8248 max-width: 100%; 8262 max-width: 100%;
8249 max-height: 100%; 8263 max-height: 100%;
8250 } 8264 }
8251 .cabinet__avatar-form { 8265 .cabinet__avatar-form {
8252 width: calc(100% - 100px); 8266 width: calc(100% - 100px);
8253 padding-left: 15px; 8267 padding-left: 15px;
8254 display: -webkit-box; 8268 display: -webkit-box;
8255 display: -ms-flexbox; 8269 display: -ms-flexbox;
8256 display: flex; 8270 display: flex;
8257 -webkit-box-orient: vertical; 8271 -webkit-box-orient: vertical;
8258 -webkit-box-direction: normal; 8272 -webkit-box-direction: normal;
8259 -ms-flex-direction: column; 8273 -ms-flex-direction: column;
8260 flex-direction: column; 8274 flex-direction: column;
8261 gap: 6px; 8275 gap: 6px;
8262 } 8276 }
8263 .candidate-top-wrapper{ 8277 .candidate-top-wrapper{
8264 display: flex; 8278 display: flex;
8265 } 8279 }
8266 .candidate-top-wrapper .candidate-thumbnail{ 8280 .candidate-top-wrapper .candidate-thumbnail{
8267 width: 100px; 8281 width: 100px;
8268 height: 100px; 8282 height: 100px;
8269 min-width: 100px; 8283 min-width: 100px;
8270 border-radius: 8px; 8284 border-radius: 8px;
8271 overflow: hidden; 8285 overflow: hidden;
8272 } 8286 }
8273 .candidate-top-wrapper .candidate-thumbnail img{ 8287 .candidate-top-wrapper .candidate-thumbnail img{
8274 max-height: 100%; 8288 max-height: 100%;
8275 max-width: 100%; 8289 max-width: 100%;
8276 } 8290 }
8277 .candidate-top-wrapper .candidate-information{ 8291 .candidate-top-wrapper .candidate-information{
8278 padding-left: 20px; 8292 padding-left: 20px;
8279 font-size: 21px; 8293 font-size: 21px;
8280 display: flex; 8294 display: flex;
8281 align-items: center; 8295 align-items: center;
8282 } 8296 }
8283 .candidate-top-wrapper .candidate-information .candidate-title{ 8297 .candidate-top-wrapper .candidate-information .candidate-title{
8284 font-size: inherit; 8298 font-size: inherit;
8285 } 8299 }
8286 .content-single-candidate .education-detail-description{ 8300 .content-single-candidate .education-detail-description{
8287 margin-bottom: 50px; 8301 margin-bottom: 50px;
8288 text-align: justify; 8302 text-align: justify;
8289 } 8303 }
8290 .content-single-candidate .education-detail-description h3.title{ 8304 .content-single-candidate .education-detail-description h3.title{
8291 font-size: 18px; 8305 font-size: 18px;
8292 margin: 0 0 20px; 8306 margin: 0 0 20px;
8293 } 8307 }
8294 .content-single-candidate .education-detail-description .inner{ 8308 .content-single-candidate .education-detail-description .inner{
8295 font-size: 16px; 8309 font-size: 16px;
8296 font-weight: 300; 8310 font-weight: 300;
8297 line-height: 22px; 8311 line-height: 22px;
8298 color: #77838F; 8312 color: #77838F;
8299 } 8313 }
8300 .education-detail-programs h3.title{ 8314 .education-detail-programs h3.title{
8301 font-size: 18px; 8315 font-size: 18px;
8302 margin: 0 0 20px; 8316 margin: 0 0 20px;
8303 } 8317 }
8304 .education-detail-programs .accordion{ 8318 .education-detail-programs .accordion{
8305 margin: 1rem 0; 8319 margin: 1rem 0;
8306 padding: 0; 8320 padding: 0;
8307 list-style: none; 8321 list-style: none;
8308 border-top: 1px solid #ECEDF2; 8322 border-top: 1px solid #ECEDF2;
8309 } 8323 }
8310 .education-detail-programs .accordion.sub{ 8324 .education-detail-programs .accordion.sub{
8311 padding-left: 20px; 8325 padding-left: 20px;
8312 display: none; 8326 display: none;
8313 } 8327 }
8314 .education-detail-programs .accordion-item { 8328 .education-detail-programs .accordion-item {
8315 border-bottom: 1px solid #ECEDF2; 8329 border-bottom: 1px solid #ECEDF2;
8316 } 8330 }
8317 .education-detail-programs .accordion-thumb { 8331 .education-detail-programs .accordion-thumb {
8318 margin: 0; 8332 margin: 0;
8319 padding: 25px 0; 8333 padding: 25px 0;
8320 cursor: pointer; 8334 cursor: pointer;
8321 font-weight: normal; 8335 font-weight: normal;
8322 color: #0E5C69; 8336 color: #0E5C69;
8323 font-size: 16px; 8337 font-size: 16px;
8324 text-transform: uppercase; 8338 text-transform: uppercase;
8325 } 8339 }
8326 .education-detail-programs .accordion-thumb::after { 8340 .education-detail-programs .accordion-thumb::after {
8327 content: ""; 8341 content: "";
8328 display: block; 8342 display: block;
8329 float: right; 8343 float: right;
8330 position: relative; 8344 position: relative;
8331 top: 6px; 8345 top: 6px;
8332 height: 7px; 8346 height: 7px;
8333 width: 7px; 8347 width: 7px;
8334 margin-right: 1rem; 8348 margin-right: 1rem;
8335 margin-left: 0.5rem; 8349 margin-left: 0.5rem;
8336 border-right: 1px solid; 8350 border-right: 1px solid;
8337 border-bottom: 1px solid; 8351 border-bottom: 1px solid;
8338 border-color: #828A96; 8352 border-color: #828A96;
8339 transform: rotate(-45deg); 8353 transform: rotate(-45deg);
8340 transition: transform 0.2s ease-out; 8354 transition: transform 0.2s ease-out;
8341 } 8355 }
8342 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8356 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8343 transform: rotate(45deg); 8357 transform: rotate(45deg);
8344 } 8358 }
8345 .accordion-sub .accordion-panel{ 8359 .accordion-sub .accordion-panel{
8346 display: none; 8360 display: none;
8347 } 8361 }
8348 .accordion > .accordion-item > .accordion-panel{ 8362 .accordion > .accordion-item > .accordion-panel{
8349 opacity: 1; 8363 opacity: 1;
8350 } 8364 }
8351 .accordion-sub li{ 8365 .accordion-sub li{
8352 list-style-type: none; 8366 list-style-type: none;
8353 } 8367 }
8354 .accordion-sub .accordion-item .accordion-panel{ 8368 .accordion-sub .accordion-item .accordion-panel{
8355 white-space: pre-wrap; 8369 white-space: pre-wrap;
8356 white-space: -moz-pre-wrap; 8370 white-space: -moz-pre-wrap;
8357 white-space: -o-pre-wrap; 8371 white-space: -o-pre-wrap;
8358 } 8372 }
8359 .accordion-sub li:last-child { 8373 .accordion-sub li:last-child {
8360 border-bottom: unset; 8374 border-bottom: unset;
8361 } 8375 }
8362 .education-detail-contacts{ 8376 .education-detail-contacts{
8363 margin-top: 50px; 8377 margin-top: 50px;
8364 } 8378 }
8365 .education-detail-contacts h3.title{ 8379 .education-detail-contacts h3.title{
8366 font-size: 18px; 8380 font-size: 18px;
8367 margin: 0 0 20px; 8381 margin: 0 0 20px;
8368 } 8382 }
8369 .education-detail-contacts .inner > div{ 8383 .education-detail-contacts .inner > div{
8370 display: flex; 8384 display: flex;
8371 align-items: center; 8385 align-items: center;
8372 margin-bottom: 20px; 8386 margin-bottom: 20px;
8373 } 8387 }
8374 .education-detail-contacts .inner > div .icon{ 8388 .education-detail-contacts .inner > div .icon{
8375 margin-right: 20px; 8389 margin-right: 20px;
8376 } 8390 }
8377 @media (min-width: 768px) { 8391 @media (min-width: 768px) {
8378 .cabinet__avatar-form { 8392 .cabinet__avatar-form {
8379 -webkit-box-align: start; 8393 -webkit-box-align: start;
8380 -ms-flex-align: start; 8394 -ms-flex-align: start;
8381 align-items: flex-start; 8395 align-items: flex-start;
8382 padding-left: 30px; 8396 padding-left: 30px;
8383 gap: 12px; 8397 gap: 12px;
8384 } 8398 }
8385 } 8399 }
8386 @media (min-width: 768px) { 8400 @media (min-width: 768px) {
8387 .cabinet__avatar-form .file { 8401 .cabinet__avatar-form .file {
8388 min-width: 215px; 8402 min-width: 215px;
8389 } 8403 }
8390 } 8404 }
8391 .cabinet__inputs { 8405 .cabinet__inputs {
8392 display: -webkit-box; 8406 display: -webkit-box;
8393 display: -ms-flexbox; 8407 display: -ms-flexbox;
8394 display: flex; 8408 display: flex;
8395 -webkit-box-orient: vertical; 8409 -webkit-box-orient: vertical;
8396 -webkit-box-direction: normal; 8410 -webkit-box-direction: normal;
8397 -ms-flex-direction: column; 8411 -ms-flex-direction: column;
8398 flex-direction: column; 8412 flex-direction: column;
8399 gap: 20px; 8413 gap: 20px;
8400 } 8414 }
8401 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8415 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8402 display: flex; 8416 display: flex;
8403 } 8417 }
8404 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8418 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8405 width: 50%; 8419 width: 50%;
8406 padding-right: 20px; 8420 padding-right: 20px;
8407 } 8421 }
8408 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8422 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8409 margin-bottom: 20px; 8423 margin-bottom: 20px;
8410 width: 100%; 8424 width: 100%;
8411 } 8425 }
8412 @media (min-width: 1280px) { 8426 @media (min-width: 1280px) {
8413 .cabinet__inputs { 8427 .cabinet__inputs {
8414 -webkit-box-orient: horizontal; 8428 -webkit-box-orient: horizontal;
8415 -webkit-box-direction: normal; 8429 -webkit-box-direction: normal;
8416 -ms-flex-direction: row; 8430 -ms-flex-direction: row;
8417 flex-direction: row; 8431 flex-direction: row;
8418 -webkit-box-align: end; 8432 -webkit-box-align: end;
8419 -ms-flex-align: end; 8433 -ms-flex-align: end;
8420 align-items: end; 8434 align-items: end;
8421 -webkit-box-pack: justify; 8435 -webkit-box-pack: justify;
8422 -ms-flex-pack: justify; 8436 -ms-flex-pack: justify;
8423 justify-content: space-between; 8437 justify-content: space-between;
8424 -ms-flex-wrap: wrap; 8438 -ms-flex-wrap: wrap;
8425 flex-wrap: wrap; 8439 flex-wrap: wrap;
8426 } 8440 }
8427 } 8441 }
8428 @media (min-width: 1280px) { 8442 @media (min-width: 1280px) {
8429 .cabinet__inputs-item { 8443 .cabinet__inputs-item {
8430 width: calc(50% - 10px); 8444 width: calc(50% - 10px);
8431 } 8445 }
8432 } 8446 }
8433 @media (min-width: 1280px) { 8447 @media (min-width: 1280px) {
8434 .cabinet__inputs-item_fullwidth { 8448 .cabinet__inputs-item_fullwidth {
8435 width: 100%; 8449 width: 100%;
8436 } 8450 }
8437 } 8451 }
8438 @media (min-width: 1280px) { 8452 @media (min-width: 1280px) {
8439 .cabinet__inputs-item_min { 8453 .cabinet__inputs-item_min {
8440 width: calc(15% - 10px); 8454 width: calc(15% - 10px);
8441 } 8455 }
8442 } 8456 }
8443 @media (min-width: 1280px) { 8457 @media (min-width: 1280px) {
8444 .cabinet__inputs-item_max { 8458 .cabinet__inputs-item_max {
8445 width: calc(85% - 10px); 8459 width: calc(85% - 10px);
8446 } 8460 }
8447 } 8461 }
8448 @media (min-width: 768px) { 8462 @media (min-width: 768px) {
8449 .cabinet__inputs-item .button { 8463 .cabinet__inputs-item .button {
8450 width: 100%; 8464 width: 100%;
8451 max-width: 215px; 8465 max-width: 215px;
8452 padding: 0; 8466 padding: 0;
8453 } 8467 }
8454 } 8468 }
8455 @media (max-width: 768px) { 8469 @media (max-width: 768px) {
8456 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8470 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8457 display: block; 8471 display: block;
8458 } 8472 }
8459 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8473 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8460 width: 100%; 8474 width: 100%;
8461 } 8475 }
8462 } 8476 }
8463 .cabinet__inputs-item.column-count-3{ 8477 .cabinet__inputs-item.column-count-3{
8464 width: calc(32% - 10px); 8478 width: calc(32% - 10px);
8465 } 8479 }
8466 .cabinet__inputs-item-full-row { 8480 .cabinet__inputs-item-full-row {
8467 width: 100%; 8481 width: 100%;
8468 } 8482 }
8469 .cabinet__inputs-item .buttons { 8483 .cabinet__inputs-item .buttons {
8470 display: grid; 8484 display: grid;
8471 grid-template-columns: 1fr 1fr; 8485 grid-template-columns: 1fr 1fr;
8472 gap: 10px; 8486 gap: 10px;
8473 } 8487 }
8474 .cabinet__inputs-item .form-group__label{ 8488 .cabinet__inputs-item .form-group__label{
8475 font-weight: bold; 8489 font-weight: bold;
8476 } 8490 }
8477 @media (min-width: 768px) { 8491 @media (min-width: 768px) {
8478 .cabinet__inputs-item .buttons { 8492 .cabinet__inputs-item .buttons {
8479 gap: 20px; 8493 gap: 20px;
8480 max-width: 470px; 8494 max-width: 470px;
8481 } 8495 }
8482 } 8496 }
8483 @media (min-width: 992px) { 8497 @media (min-width: 992px) {
8484 .cabinet__inputs-item .buttons { 8498 .cabinet__inputs-item .buttons {
8485 max-width: none; 8499 max-width: none;
8486 } 8500 }
8487 } 8501 }
8488 @media (min-width: 1280px) { 8502 @media (min-width: 1280px) {
8489 .cabinet__inputs-item .buttons { 8503 .cabinet__inputs-item .buttons {
8490 max-width: 470px; 8504 max-width: 470px;
8491 } 8505 }
8492 } 8506 }
8493 .cabinet__inputs-item .buttons .button { 8507 .cabinet__inputs-item .buttons .button {
8494 max-width: none; 8508 max-width: none;
8495 } 8509 }
8496 .cabinet__inputs > .button { 8510 .cabinet__inputs > .button {
8497 padding: 0; 8511 padding: 0;
8498 width: 100%; 8512 width: 100%;
8499 max-width: 140px; 8513 max-width: 140px;
8500 } 8514 }
8501 @media (min-width: 768px) { 8515 @media (min-width: 768px) {
8502 .cabinet__inputs > .button { 8516 .cabinet__inputs > .button {
8503 max-width: 190px; 8517 max-width: 190px;
8504 } 8518 }
8505 } 8519 }
8506 .cabinet__add { 8520 .cabinet__add {
8507 display: -webkit-box; 8521 display: -webkit-box;
8508 display: -ms-flexbox; 8522 display: -ms-flexbox;
8509 display: flex; 8523 display: flex;
8510 -webkit-box-orient: vertical; 8524 -webkit-box-orient: vertical;
8511 -webkit-box-direction: normal; 8525 -webkit-box-direction: normal;
8512 -ms-flex-direction: column; 8526 -ms-flex-direction: column;
8513 flex-direction: column; 8527 flex-direction: column;
8514 gap: 10px; 8528 gap: 10px;
8515 } 8529 }
8516 @media (min-width: 768px) { 8530 @media (min-width: 768px) {
8517 .cabinet__add { 8531 .cabinet__add {
8518 gap: 0; 8532 gap: 0;
8519 -webkit-box-orient: horizontal; 8533 -webkit-box-orient: horizontal;
8520 -webkit-box-direction: normal; 8534 -webkit-box-direction: normal;
8521 -ms-flex-direction: row; 8535 -ms-flex-direction: row;
8522 flex-direction: row; 8536 flex-direction: row;
8523 -webkit-box-align: end; 8537 -webkit-box-align: end;
8524 -ms-flex-align: end; 8538 -ms-flex-align: end;
8525 align-items: flex-end; 8539 align-items: flex-end;
8526 } 8540 }
8527 } 8541 }
8528 .cabinet__add-pic { 8542 .cabinet__add-pic {
8529 border-radius: 4px; 8543 border-radius: 4px;
8530 position: relative; 8544 position: relative;
8531 overflow: hidden; 8545 overflow: hidden;
8532 background: #9c9d9d; 8546 background: #9c9d9d;
8533 color: #fff; 8547 color: #fff;
8534 width: 100px; 8548 width: 100px;
8535 aspect-ratio: 1/1; 8549 aspect-ratio: 1/1;
8536 -webkit-transition: 0.3s; 8550 -webkit-transition: 0.3s;
8537 transition: 0.3s; 8551 transition: 0.3s;
8538 } 8552 }
8539 @media (min-width: 768px) { 8553 @media (min-width: 768px) {
8540 .cabinet__add-pic { 8554 .cabinet__add-pic {
8541 width: 220px; 8555 width: 220px;
8542 border-radius: 8px; 8556 border-radius: 8px;
8543 } 8557 }
8544 } 8558 }
8545 .cabinet__add-pic:hover { 8559 .cabinet__add-pic:hover {
8546 background: #000; 8560 background: #000;
8547 } 8561 }
8548 .cabinet__add-pic input { 8562 .cabinet__add-pic input {
8549 display: none; 8563 display: none;
8550 } 8564 }
8551 .cabinet__add-pic > svg { 8565 .cabinet__add-pic > svg {
8552 width: 20px; 8566 width: 20px;
8553 position: absolute; 8567 position: absolute;
8554 top: 50%; 8568 top: 50%;
8555 left: 50%; 8569 left: 50%;
8556 -webkit-transform: translate(-50%, -50%); 8570 -webkit-transform: translate(-50%, -50%);
8557 -ms-transform: translate(-50%, -50%); 8571 -ms-transform: translate(-50%, -50%);
8558 transform: translate(-50%, -50%); 8572 transform: translate(-50%, -50%);
8559 z-index: 1; 8573 z-index: 1;
8560 } 8574 }
8561 @media (min-width: 768px) { 8575 @media (min-width: 768px) {
8562 .cabinet__add-pic > svg { 8576 .cabinet__add-pic > svg {
8563 width: 50px; 8577 width: 50px;
8564 } 8578 }
8565 } 8579 }
8566 .cabinet__add-pic span { 8580 .cabinet__add-pic span {
8567 display: -webkit-box; 8581 display: -webkit-box;
8568 display: -ms-flexbox; 8582 display: -ms-flexbox;
8569 display: flex; 8583 display: flex;
8570 -webkit-box-align: center; 8584 -webkit-box-align: center;
8571 -ms-flex-align: center; 8585 -ms-flex-align: center;
8572 align-items: center; 8586 align-items: center;
8573 -webkit-box-pack: center; 8587 -webkit-box-pack: center;
8574 -ms-flex-pack: center; 8588 -ms-flex-pack: center;
8575 justify-content: center; 8589 justify-content: center;
8576 width: 100%; 8590 width: 100%;
8577 gap: 4px; 8591 gap: 4px;
8578 font-weight: 700; 8592 font-weight: 700;
8579 font-size: 8px; 8593 font-size: 8px;
8580 line-height: 1; 8594 line-height: 1;
8581 position: absolute; 8595 position: absolute;
8582 top: 50%; 8596 top: 50%;
8583 left: 50%; 8597 left: 50%;
8584 -webkit-transform: translate(-50%, -50%); 8598 -webkit-transform: translate(-50%, -50%);
8585 -ms-transform: translate(-50%, -50%); 8599 -ms-transform: translate(-50%, -50%);
8586 transform: translate(-50%, -50%); 8600 transform: translate(-50%, -50%);
8587 margin-top: 25px; 8601 margin-top: 25px;
8588 } 8602 }
8589 @media (min-width: 768px) { 8603 @media (min-width: 768px) {
8590 .cabinet__add-pic span { 8604 .cabinet__add-pic span {
8591 font-size: 16px; 8605 font-size: 16px;
8592 margin-top: 60px; 8606 margin-top: 60px;
8593 } 8607 }
8594 } 8608 }
8595 .cabinet__add-pic span svg { 8609 .cabinet__add-pic span svg {
8596 width: 7px; 8610 width: 7px;
8597 aspect-ratio: 1/1; 8611 aspect-ratio: 1/1;
8598 } 8612 }
8599 @media (min-width: 768px) { 8613 @media (min-width: 768px) {
8600 .cabinet__add-pic span svg { 8614 .cabinet__add-pic span svg {
8601 width: 16px; 8615 width: 16px;
8602 } 8616 }
8603 } 8617 }
8604 .cabinet__add-body { 8618 .cabinet__add-body {
8605 display: -webkit-box; 8619 display: -webkit-box;
8606 display: -ms-flexbox; 8620 display: -ms-flexbox;
8607 display: flex; 8621 display: flex;
8608 -webkit-box-orient: vertical; 8622 -webkit-box-orient: vertical;
8609 -webkit-box-direction: normal; 8623 -webkit-box-direction: normal;
8610 -ms-flex-direction: column; 8624 -ms-flex-direction: column;
8611 flex-direction: column; 8625 flex-direction: column;
8612 gap: 10px; 8626 gap: 10px;
8613 } 8627 }
8614 @media (min-width: 768px) { 8628 @media (min-width: 768px) {
8615 .cabinet__add-body { 8629 .cabinet__add-body {
8616 gap: 20px; 8630 gap: 20px;
8617 width: calc(100% - 220px); 8631 width: calc(100% - 220px);
8618 padding-left: 20px; 8632 padding-left: 20px;
8619 } 8633 }
8620 } 8634 }
8621 @media (min-width: 768px) { 8635 @media (min-width: 768px) {
8622 .cabinet__add-body .button { 8636 .cabinet__add-body .button {
8623 width: 215px; 8637 width: 215px;
8624 padding: 0; 8638 padding: 0;
8625 } 8639 }
8626 } 8640 }
8627 .cabinet__fleet { 8641 .cabinet__fleet {
8628 display: -webkit-box; 8642 display: -webkit-box;
8629 display: -ms-flexbox; 8643 display: -ms-flexbox;
8630 display: flex; 8644 display: flex;
8631 -webkit-box-orient: vertical; 8645 -webkit-box-orient: vertical;
8632 -webkit-box-direction: normal; 8646 -webkit-box-direction: normal;
8633 -ms-flex-direction: column; 8647 -ms-flex-direction: column;
8634 flex-direction: column; 8648 flex-direction: column;
8635 gap: 20px; 8649 gap: 20px;
8636 } 8650 }
8637 @media (min-width: 768px) { 8651 @media (min-width: 768px) {
8638 .cabinet__fleet { 8652 .cabinet__fleet {
8639 display: grid; 8653 display: grid;
8640 grid-template-columns: repeat(2, 1fr); 8654 grid-template-columns: repeat(2, 1fr);
8641 } 8655 }
8642 } 8656 }
8643 @media (min-width: 1280px) { 8657 @media (min-width: 1280px) {
8644 .cabinet__fleet { 8658 .cabinet__fleet {
8645 grid-template-columns: repeat(3, 1fr); 8659 grid-template-columns: repeat(3, 1fr);
8646 } 8660 }
8647 } 8661 }
8648 @media (min-width: 768px) { 8662 @media (min-width: 768px) {
8649 .cabinet__submit { 8663 .cabinet__submit {
8650 width: 215px; 8664 width: 215px;
8651 padding: 0; 8665 padding: 0;
8652 margin: 0 auto; 8666 margin: 0 auto;
8653 } 8667 }
8654 } 8668 }
8655 .cabinet__filters { 8669 .cabinet__filters {
8656 display: -webkit-box; 8670 display: -webkit-box;
8657 display: -ms-flexbox; 8671 display: -ms-flexbox;
8658 display: flex; 8672 display: flex;
8659 -webkit-box-orient: vertical; 8673 -webkit-box-orient: vertical;
8660 -webkit-box-direction: normal; 8674 -webkit-box-direction: normal;
8661 -ms-flex-direction: column; 8675 -ms-flex-direction: column;
8662 flex-direction: column; 8676 flex-direction: column;
8663 gap: 10px; 8677 gap: 10px;
8664 } 8678 }
8665 .cabinet__export-wrap{ 8679 .cabinet__export-wrap{
8666 padding: 10px; 8680 padding: 10px;
8667 border: 1px #cecece solid; 8681 border: 1px #cecece solid;
8668 border-radius: 8px; 8682 border-radius: 8px;
8669 width: 100%; 8683 width: 100%;
8670 } 8684 }
8671 .cabinet__export-button-wrap{ 8685 .cabinet__export-button-wrap{
8672 max-width: 200px; 8686 max-width: 200px;
8673 margin-bottom: 10px; 8687 margin-bottom: 10px;
8674 } 8688 }
8675 .cabinet__export-options-wrap{ 8689 .cabinet__export-options-wrap{
8676 display: flex; 8690 display: flex;
8677 justify-content: space-between; 8691 justify-content: space-between;
8678 } 8692 }
8679 .job-title-list-wrap{ 8693 .job-title-list-wrap{
8680 margin-top: 5px; 8694 margin-top: 5px;
8681 } 8695 }
8682 .cabinet__export-error{ 8696 .cabinet__export-error{
8683 color: red; 8697 color: red;
8684 } 8698 }
8685 .flot-image-wrap img{ 8699 .flot-image-wrap img{
8686 max-width: 100%; 8700 max-width: 100%;
8687 max-height: 100%; 8701 max-height: 100%;
8688 flex: 0 0 auto; 8702 flex: 0 0 auto;
8689 } 8703 }
8690 .flot-image-wrap{ 8704 .flot-image-wrap{
8691 width: 220px; 8705 width: 220px;
8692 height: 220px; 8706 height: 220px;
8693 display: flex; 8707 display: flex;
8694 justify-content: center; 8708 justify-content: center;
8695 align-items: center; 8709 align-items: center;
8696 } 8710 }
8697 @media (min-width: 768px) { 8711 @media (min-width: 768px) {
8698 .cabinet__filters { 8712 .cabinet__filters {
8699 gap: 20px; 8713 gap: 20px;
8700 } 8714 }
8701 } 8715 }
8702 @media (min-width: 1280px) { 8716 @media (min-width: 1280px) {
8703 .cabinet__filters { 8717 .cabinet__filters {
8704 -webkit-box-orient: horizontal; 8718 -webkit-box-orient: horizontal;
8705 -webkit-box-direction: normal; 8719 -webkit-box-direction: normal;
8706 -ms-flex-direction: row; 8720 -ms-flex-direction: row;
8707 flex-direction: row; 8721 flex-direction: row;
8708 -webkit-box-align: start; 8722 -webkit-box-align: start;
8709 -ms-flex-align: start; 8723 -ms-flex-align: start;
8710 align-items: flex-start; 8724 align-items: flex-start;
8711 -webkit-box-pack: justify; 8725 -webkit-box-pack: justify;
8712 -ms-flex-pack: justify; 8726 -ms-flex-pack: justify;
8713 justify-content: space-between; 8727 justify-content: space-between;
8714 } 8728 }
8715 } 8729 }
8716 .cabinet__filters-item { 8730 .cabinet__filters-item {
8717 display: -webkit-box; 8731 display: -webkit-box;
8718 display: -ms-flexbox; 8732 display: -ms-flexbox;
8719 display: flex; 8733 display: flex;
8720 -webkit-box-orient: vertical; 8734 -webkit-box-orient: vertical;
8721 -webkit-box-direction: normal; 8735 -webkit-box-direction: normal;
8722 -ms-flex-direction: column; 8736 -ms-flex-direction: column;
8723 flex-direction: column; 8737 flex-direction: column;
8724 -webkit-box-align: start; 8738 -webkit-box-align: start;
8725 -ms-flex-align: start; 8739 -ms-flex-align: start;
8726 align-items: flex-start; 8740 align-items: flex-start;
8727 gap: 10px; 8741 gap: 10px;
8728 } 8742 }
8729 @media (min-width: 768px) { 8743 @media (min-width: 768px) {
8730 .cabinet__filters-item { 8744 .cabinet__filters-item {
8731 gap: 20px; 8745 gap: 20px;
8732 } 8746 }
8733 } 8747 }
8734 @media (min-width: 1280px) { 8748 @media (min-width: 1280px) {
8735 .cabinet__filters-item { 8749 .cabinet__filters-item {
8736 width: calc(50% - 10px); 8750 width: calc(50% - 10px);
8737 max-width: 410px; 8751 max-width: 410px;
8738 } 8752 }
8739 } 8753 }
8740 .cabinet__filters-item .button, 8754 .cabinet__filters-item .button,
8741 .cabinet__filters-item .select { 8755 .cabinet__filters-item .select {
8742 width: 100%; 8756 width: 100%;
8743 } 8757 }
8744 @media (min-width: 1280px) { 8758 @media (min-width: 1280px) {
8745 .cabinet__filters-item .button, 8759 .cabinet__filters-item .button,
8746 .cabinet__filters-item .select { 8760 .cabinet__filters-item .select {
8747 width: auto; 8761 width: auto;
8748 } 8762 }
8749 } 8763 }
8750 .cabinet__filters-item + .cabinet__filters-item { 8764 .cabinet__filters-item + .cabinet__filters-item {
8751 -webkit-box-align: end; 8765 -webkit-box-align: end;
8752 -ms-flex-align: end; 8766 -ms-flex-align: end;
8753 align-items: flex-end; 8767 align-items: flex-end;
8754 } 8768 }
8755 @media (min-width: 1280px) { 8769 @media (min-width: 1280px) {
8756 .cabinet__filters-item + .cabinet__filters-item { 8770 .cabinet__filters-item + .cabinet__filters-item {
8757 max-width: 280px; 8771 max-width: 280px;
8758 } 8772 }
8759 } 8773 }
8760 .cabinet__filters .search input { 8774 .cabinet__filters .search input {
8761 padding-right: 135px; 8775 padding-right: 135px;
8762 } 8776 }
8763 .cabinet__filters .search button { 8777 .cabinet__filters .search button {
8764 width: 115px; 8778 width: 115px;
8765 } 8779 }
8766 .cabinet__filters-buttons { 8780 .cabinet__filters-buttons {
8767 display: grid; 8781 display: grid;
8768 grid-template-columns: 1fr 1fr; 8782 grid-template-columns: 1fr 1fr;
8769 gap: 10px; 8783 gap: 10px;
8770 width: 100%; 8784 width: 100%;
8771 } 8785 }
8772 @media (min-width: 768px) { 8786 @media (min-width: 768px) {
8773 .cabinet__filters-buttons { 8787 .cabinet__filters-buttons {
8774 gap: 20px; 8788 gap: 20px;
8775 } 8789 }
8776 } 8790 }
8777 .cabinet__filters-buttons .button { 8791 .cabinet__filters-buttons .button {
8778 padding: 0; 8792 padding: 0;
8779 gap: 5px; 8793 gap: 5px;
8780 } 8794 }
8781 .cabinet__filters-buttons .button.active { 8795 .cabinet__filters-buttons .button.active {
8782 background: #377d87; 8796 background: #377d87;
8783 color: #fff; 8797 color: #fff;
8784 } 8798 }
8785 .cabinet__filters-buttons .button.active:before { 8799 .cabinet__filters-buttons .button.active:before {
8786 content: ""; 8800 content: "";
8787 width: 6px; 8801 width: 6px;
8788 height: 6px; 8802 height: 6px;
8789 background: #fff; 8803 background: #fff;
8790 border-radius: 999px; 8804 border-radius: 999px;
8791 } 8805 }
8792 .cabinet__table-header { 8806 .cabinet__table-header {
8793 display: -webkit-box; 8807 display: -webkit-box;
8794 display: -ms-flexbox; 8808 display: -ms-flexbox;
8795 display: flex; 8809 display: flex;
8796 -webkit-box-pack: justify; 8810 -webkit-box-pack: justify;
8797 -ms-flex-pack: justify; 8811 -ms-flex-pack: justify;
8798 justify-content: space-between; 8812 justify-content: space-between;
8799 -webkit-box-align: center; 8813 -webkit-box-align: center;
8800 -ms-flex-align: center; 8814 -ms-flex-align: center;
8801 align-items: center; 8815 align-items: center;
8802 font-weight: 700; 8816 font-weight: 700;
8803 margin-bottom: -10px; 8817 margin-bottom: -10px;
8804 } 8818 }
8805 .cabinet__table-header div { 8819 .cabinet__table-header div {
8806 font-size: 18px; 8820 font-size: 18px;
8807 } 8821 }
8808 @media (min-width: 768px) { 8822 @media (min-width: 768px) {
8809 .cabinet__table-header div { 8823 .cabinet__table-header div {
8810 font-size: 24px; 8824 font-size: 24px;
8811 } 8825 }
8812 } 8826 }
8813 .cabinet__table-header span { 8827 .cabinet__table-header span {
8814 color: #000; 8828 color: #000;
8815 font-size: 14px; 8829 font-size: 14px;
8816 } 8830 }
8817 @media (min-width: 768px) { 8831 @media (min-width: 768px) {
8818 .cabinet__table-header span { 8832 .cabinet__table-header span {
8819 font-size: 18px; 8833 font-size: 18px;
8820 } 8834 }
8821 } 8835 }
8822 .cabinet__table-header span b { 8836 .cabinet__table-header span b {
8823 color: #377d87; 8837 color: #377d87;
8824 } 8838 }
8825 .cabinet__tabs { 8839 .cabinet__tabs {
8826 display: grid; 8840 display: grid;
8827 grid-template-columns: 1fr 1fr; 8841 grid-template-columns: 1fr 1fr;
8828 gap: 20px; 8842 gap: 20px;
8829 } 8843 }
8830 @media (min-width: 768px) { 8844 @media (min-width: 768px) {
8831 .cabinet__tabs { 8845 .cabinet__tabs {
8832 max-width: 420px; 8846 max-width: 420px;
8833 } 8847 }
8834 } 8848 }
8835 .cabinet__tabs .button.active { 8849 .cabinet__tabs .button.active {
8836 background: #377d87; 8850 background: #377d87;
8837 color: #fff; 8851 color: #fff;
8838 } 8852 }
8839 .cabinet__bodies { 8853 .cabinet__bodies {
8840 display: none; 8854 display: none;
8841 } 8855 }
8842 .cabinet__bodies.showed { 8856 .cabinet__bodies.showed {
8843 display: block; 8857 display: block;
8844 } 8858 }
8845 .cabinet__nots { 8859 .cabinet__nots {
8846 display: -webkit-box; 8860 display: -webkit-box;
8847 display: -ms-flexbox; 8861 display: -ms-flexbox;
8848 display: flex; 8862 display: flex;
8849 -webkit-box-orient: vertical; 8863 -webkit-box-orient: vertical;
8850 -webkit-box-direction: normal; 8864 -webkit-box-direction: normal;
8851 -ms-flex-direction: column; 8865 -ms-flex-direction: column;
8852 flex-direction: column; 8866 flex-direction: column;
8853 -webkit-box-align: start; 8867 -webkit-box-align: start;
8854 -ms-flex-align: start; 8868 -ms-flex-align: start;
8855 align-items: flex-start; 8869 align-items: flex-start;
8856 gap: 10px; 8870 gap: 10px;
8857 } 8871 }
8858 @media (min-width: 768px) { 8872 @media (min-width: 768px) {
8859 .cabinet__nots { 8873 .cabinet__nots {
8860 gap: 20px; 8874 gap: 20px;
8861 } 8875 }
8862 } 8876 }
8863 .cabinet__nots .input { 8877 .cabinet__nots .input {
8864 width: 100%; 8878 width: 100%;
8865 } 8879 }
8866 .cabinet__anketa { 8880 .cabinet__anketa {
8867 display: -webkit-box; 8881 display: -webkit-box;
8868 display: -ms-flexbox; 8882 display: -ms-flexbox;
8869 display: flex; 8883 display: flex;
8870 -webkit-box-orient: vertical; 8884 -webkit-box-orient: vertical;
8871 -webkit-box-direction: normal; 8885 -webkit-box-direction: normal;
8872 -ms-flex-direction: column; 8886 -ms-flex-direction: column;
8873 flex-direction: column; 8887 flex-direction: column;
8874 -webkit-box-pack: justify; 8888 -webkit-box-pack: justify;
8875 -ms-flex-pack: justify; 8889 -ms-flex-pack: justify;
8876 justify-content: space-between; 8890 justify-content: space-between;
8877 gap: 10px; 8891 gap: 10px;
8878 } 8892 }
8879 @media (min-width: 768px) { 8893 @media (min-width: 768px) {
8880 .cabinet__anketa { 8894 .cabinet__anketa {
8881 -webkit-box-orient: horizontal; 8895 -webkit-box-orient: horizontal;
8882 -webkit-box-direction: normal; 8896 -webkit-box-direction: normal;
8883 -ms-flex-direction: row; 8897 -ms-flex-direction: row;
8884 flex-direction: row; 8898 flex-direction: row;
8885 -webkit-box-align: center; 8899 -webkit-box-align: center;
8886 -ms-flex-align: center; 8900 -ms-flex-align: center;
8887 align-items: center; 8901 align-items: center;
8888 } 8902 }
8889 } 8903 }
8890 @media (min-width: 992px) { 8904 @media (min-width: 992px) {
8891 .cabinet__anketa { 8905 .cabinet__anketa {
8892 -webkit-box-orient: vertical; 8906 -webkit-box-orient: vertical;
8893 -webkit-box-direction: normal; 8907 -webkit-box-direction: normal;
8894 -ms-flex-direction: column; 8908 -ms-flex-direction: column;
8895 flex-direction: column; 8909 flex-direction: column;
8896 -webkit-box-align: stretch; 8910 -webkit-box-align: stretch;
8897 -ms-flex-align: stretch; 8911 -ms-flex-align: stretch;
8898 align-items: stretch; 8912 align-items: stretch;
8899 } 8913 }
8900 } 8914 }
8901 @media (min-width: 1280px) { 8915 @media (min-width: 1280px) {
8902 .cabinet__anketa { 8916 .cabinet__anketa {
8903 -webkit-box-orient: horizontal; 8917 -webkit-box-orient: horizontal;
8904 -webkit-box-direction: normal; 8918 -webkit-box-direction: normal;
8905 -ms-flex-direction: row; 8919 -ms-flex-direction: row;
8906 flex-direction: row; 8920 flex-direction: row;
8907 -webkit-box-align: center; 8921 -webkit-box-align: center;
8908 -ms-flex-align: center; 8922 -ms-flex-align: center;
8909 align-items: center; 8923 align-items: center;
8910 -webkit-box-pack: justify; 8924 -webkit-box-pack: justify;
8911 -ms-flex-pack: justify; 8925 -ms-flex-pack: justify;
8912 justify-content: space-between; 8926 justify-content: space-between;
8913 } 8927 }
8914 } 8928 }
8915 .cabinet__anketa-buttons { 8929 .cabinet__anketa-buttons {
8916 display: -webkit-box; 8930 display: -webkit-box;
8917 display: -ms-flexbox; 8931 display: -ms-flexbox;
8918 display: flex; 8932 display: flex;
8919 -webkit-box-orient: vertical; 8933 -webkit-box-orient: vertical;
8920 -webkit-box-direction: normal; 8934 -webkit-box-direction: normal;
8921 -ms-flex-direction: column; 8935 -ms-flex-direction: column;
8922 flex-direction: column; 8936 flex-direction: column;
8923 gap: 10px; 8937 gap: 10px;
8924 } 8938 }
8925 @media (min-width: 768px) { 8939 @media (min-width: 768px) {
8926 .cabinet__anketa-buttons { 8940 .cabinet__anketa-buttons {
8927 display: grid; 8941 display: grid;
8928 grid-template-columns: 1fr 1fr; 8942 grid-template-columns: 1fr 1fr;
8929 gap: 20px; 8943 gap: 20px;
8930 } 8944 }
8931 } 8945 }
8932 .cabinet__stats { 8946 .cabinet__stats {
8933 display: -webkit-box; 8947 display: -webkit-box;
8934 display: -ms-flexbox; 8948 display: -ms-flexbox;
8935 display: flex; 8949 display: flex;
8936 -webkit-box-orient: vertical; 8950 -webkit-box-orient: vertical;
8937 -webkit-box-direction: normal; 8951 -webkit-box-direction: normal;
8938 -ms-flex-direction: column; 8952 -ms-flex-direction: column;
8939 flex-direction: column; 8953 flex-direction: column;
8940 gap: 6px; 8954 gap: 6px;
8941 } 8955 }
8942 @media (min-width: 768px) { 8956 @media (min-width: 768px) {
8943 .cabinet__stats { 8957 .cabinet__stats {
8944 gap: 12px; 8958 gap: 12px;
8945 } 8959 }
8946 } 8960 }
8947 .cabinet__stats-title { 8961 .cabinet__stats-title {
8948 font-size: 14px; 8962 font-size: 14px;
8949 font-weight: 700; 8963 font-weight: 700;
8950 color: #000; 8964 color: #000;
8951 } 8965 }
8952 @media (min-width: 768px) { 8966 @media (min-width: 768px) {
8953 .cabinet__stats-title { 8967 .cabinet__stats-title {
8954 font-size: 24px; 8968 font-size: 24px;
8955 } 8969 }
8956 } 8970 }
8957 .cabinet__stats-body { 8971 .cabinet__stats-body {
8958 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8972 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8959 border-radius: 8px; 8973 border-radius: 8px;
8960 padding: 10px; 8974 padding: 10px;
8961 display: grid; 8975 display: grid;
8962 grid-template-columns: 1fr 1fr; 8976 grid-template-columns: 1fr 1fr;
8963 gap: 20px; 8977 gap: 20px;
8964 margin-bottom: 10px; 8978 margin-bottom: 10px;
8965 } 8979 }
8966 @media (min-width: 768px) { 8980 @media (min-width: 768px) {
8967 .cabinet__stats-body { 8981 .cabinet__stats-body {
8968 padding: 10px 20px; 8982 padding: 10px 20px;
8969 } 8983 }
8970 } 8984 }
8971 .cabinet__stats-item { 8985 .cabinet__stats-item {
8972 font-size: 12px; 8986 font-size: 12px;
8973 display: -webkit-box; 8987 display: -webkit-box;
8974 display: -ms-flexbox; 8988 display: -ms-flexbox;
8975 display: flex; 8989 display: flex;
8976 -webkit-box-align: center; 8990 -webkit-box-align: center;
8977 -ms-flex-align: center; 8991 -ms-flex-align: center;
8978 align-items: center; 8992 align-items: center;
8979 line-height: 1; 8993 line-height: 1;
8980 gap: 6px; 8994 gap: 6px;
8981 } 8995 }
8982 @media (min-width: 768px) { 8996 @media (min-width: 768px) {
8983 .cabinet__stats-item { 8997 .cabinet__stats-item {
8984 font-size: 20px; 8998 font-size: 20px;
8985 gap: 10px; 8999 gap: 10px;
8986 } 9000 }
8987 } 9001 }
8988 .cabinet__stats-item svg { 9002 .cabinet__stats-item svg {
8989 width: 20px; 9003 width: 20px;
8990 aspect-ratio: 1/1; 9004 aspect-ratio: 1/1;
8991 color: #377d87; 9005 color: #377d87;
8992 } 9006 }
8993 @media (min-width: 768px) { 9007 @media (min-width: 768px) {
8994 .cabinet__stats-item svg { 9008 .cabinet__stats-item svg {
8995 width: 40px; 9009 width: 40px;
8996 margin-right: 10px; 9010 margin-right: 10px;
8997 } 9011 }
8998 } 9012 }
8999 .cabinet__stats-item span { 9013 .cabinet__stats-item span {
9000 font-weight: 700; 9014 font-weight: 700;
9001 color: #000; 9015 color: #000;
9002 } 9016 }
9003 .cabinet__stats-item b { 9017 .cabinet__stats-item b {
9004 color: #377d87; 9018 color: #377d87;
9005 font-size: 14px; 9019 font-size: 14px;
9006 } 9020 }
9007 @media (min-width: 768px) { 9021 @media (min-width: 768px) {
9008 .cabinet__stats-item b { 9022 .cabinet__stats-item b {
9009 font-size: 24px; 9023 font-size: 24px;
9010 } 9024 }
9011 } 9025 }
9012 .cabinet__stats-subtitle { 9026 .cabinet__stats-subtitle {
9013 font-size: 14px; 9027 font-size: 14px;
9014 font-weight: 700; 9028 font-weight: 700;
9015 color: #377d87; 9029 color: #377d87;
9016 } 9030 }
9017 @media (min-width: 768px) { 9031 @media (min-width: 768px) {
9018 .cabinet__stats-subtitle { 9032 .cabinet__stats-subtitle {
9019 font-size: 18px; 9033 font-size: 18px;
9020 } 9034 }
9021 } 9035 }
9022 .cabinet__stats-line { 9036 .cabinet__stats-line {
9023 width: 100%; 9037 width: 100%;
9024 position: relative; 9038 position: relative;
9025 overflow: hidden; 9039 overflow: hidden;
9026 height: 8px; 9040 height: 8px;
9027 border-radius: 999px; 9041 border-radius: 999px;
9028 background: #cecece; 9042 background: #cecece;
9029 } 9043 }
9030 .cabinet__stats-line span { 9044 .cabinet__stats-line span {
9031 position: absolute; 9045 position: absolute;
9032 top: 0; 9046 top: 0;
9033 left: 0; 9047 left: 0;
9034 width: 100%; 9048 width: 100%;
9035 height: 100%; 9049 height: 100%;
9036 background: #377d87; 9050 background: #377d87;
9037 border-radius: 999px; 9051 border-radius: 999px;
9038 } 9052 }
9039 .cabinet__stats-bottom { 9053 .cabinet__stats-bottom {
9040 color: #000; 9054 color: #000;
9041 font-size: 12px; 9055 font-size: 12px;
9042 } 9056 }
9043 @media (min-width: 768px) { 9057 @media (min-width: 768px) {
9044 .cabinet__stats-bottom { 9058 .cabinet__stats-bottom {
9045 font-size: 16px; 9059 font-size: 16px;
9046 } 9060 }
9047 } 9061 }
9048 .cabinet__works { 9062 .cabinet__works {
9049 display: -webkit-box; 9063 display: -webkit-box;
9050 display: -ms-flexbox; 9064 display: -ms-flexbox;
9051 display: flex; 9065 display: flex;
9052 -webkit-box-orient: vertical; 9066 -webkit-box-orient: vertical;
9053 -webkit-box-direction: normal; 9067 -webkit-box-direction: normal;
9054 -ms-flex-direction: column; 9068 -ms-flex-direction: column;
9055 flex-direction: column; 9069 flex-direction: column;
9056 gap: 20px; 9070 gap: 20px;
9057 } 9071 }
9058 @media (min-width: 768px) { 9072 @media (min-width: 768px) {
9059 .cabinet__works { 9073 .cabinet__works {
9060 gap: 30px; 9074 gap: 30px;
9061 } 9075 }
9062 } 9076 }
9063 .cabinet__works-item { 9077 .cabinet__works-item {
9064 border-bottom: 1px #cccccc solid; 9078 border-bottom: 1px #cccccc solid;
9065 padding-bottom: 35px; 9079 padding-bottom: 35px;
9066 } 9080 }
9067 .cabinet__works-spoiler { 9081 .cabinet__works-spoiler {
9068 display: -webkit-box; 9082 display: -webkit-box;
9069 display: -ms-flexbox; 9083 display: -ms-flexbox;
9070 display: flex; 9084 display: flex;
9071 -webkit-box-align: center; 9085 -webkit-box-align: center;
9072 -ms-flex-align: center; 9086 -ms-flex-align: center;
9073 align-items: center; 9087 align-items: center;
9074 -webkit-box-pack: justify; 9088 -webkit-box-pack: justify;
9075 -ms-flex-pack: justify; 9089 -ms-flex-pack: justify;
9076 justify-content: space-between; 9090 justify-content: space-between;
9077 } 9091 }
9078 .cabinet__works-spoiler-left { 9092 .cabinet__works-spoiler-left {
9079 display: -webkit-box; 9093 display: -webkit-box;
9080 display: -ms-flexbox; 9094 display: -ms-flexbox;
9081 display: flex; 9095 display: flex;
9082 -webkit-box-align: center; 9096 -webkit-box-align: center;
9083 -ms-flex-align: center; 9097 -ms-flex-align: center;
9084 align-items: center; 9098 align-items: center;
9085 width: calc(100% - 22px); 9099 width: calc(100% - 22px);
9086 } 9100 }
9087 .cabinet__works-spoiler-right { 9101 .cabinet__works-spoiler-right {
9088 width: 22px; 9102 width: 22px;
9089 height: 22px; 9103 height: 22px;
9090 display: -webkit-box; 9104 display: -webkit-box;
9091 display: -ms-flexbox; 9105 display: -ms-flexbox;
9092 display: flex; 9106 display: flex;
9093 -webkit-box-align: center; 9107 -webkit-box-align: center;
9094 -ms-flex-align: center; 9108 -ms-flex-align: center;
9095 align-items: center; 9109 align-items: center;
9096 -webkit-box-pack: center; 9110 -webkit-box-pack: center;
9097 -ms-flex-pack: center; 9111 -ms-flex-pack: center;
9098 justify-content: center; 9112 justify-content: center;
9099 color: #377d87; 9113 color: #377d87;
9100 padding: 0; 9114 padding: 0;
9101 background: none; 9115 background: none;
9102 border: none; 9116 border: none;
9103 } 9117 }
9104 .cabinet__works-spoiler-right svg { 9118 .cabinet__works-spoiler-right svg {
9105 width: 60%; 9119 width: 60%;
9106 aspect-ratio: 1/1; 9120 aspect-ratio: 1/1;
9107 -webkit-transform: rotate(90deg); 9121 -webkit-transform: rotate(90deg);
9108 -ms-transform: rotate(90deg); 9122 -ms-transform: rotate(90deg);
9109 transform: rotate(90deg); 9123 transform: rotate(90deg);
9110 -webkit-transition: 0.3s; 9124 -webkit-transition: 0.3s;
9111 transition: 0.3s; 9125 transition: 0.3s;
9112 } 9126 }
9113 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9127 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9114 -webkit-transform: rotate(-90deg); 9128 -webkit-transform: rotate(-90deg);
9115 -ms-transform: rotate(-90deg); 9129 -ms-transform: rotate(-90deg);
9116 transform: rotate(-90deg); 9130 transform: rotate(-90deg);
9117 } 9131 }
9118 .cabinet__works-spoiler-buttons { 9132 .cabinet__works-spoiler-buttons {
9119 display: -webkit-box; 9133 display: -webkit-box;
9120 display: -ms-flexbox; 9134 display: -ms-flexbox;
9121 display: flex; 9135 display: flex;
9122 -webkit-box-align: center; 9136 -webkit-box-align: center;
9123 -ms-flex-align: center; 9137 -ms-flex-align: center;
9124 align-items: center; 9138 align-items: center;
9125 -webkit-box-pack: justify; 9139 -webkit-box-pack: justify;
9126 -ms-flex-pack: justify; 9140 -ms-flex-pack: justify;
9127 justify-content: space-between; 9141 justify-content: space-between;
9128 width: 60px; 9142 width: 60px;
9129 } 9143 }
9130 @media (min-width: 768px) { 9144 @media (min-width: 768px) {
9131 .cabinet__works-spoiler-buttons { 9145 .cabinet__works-spoiler-buttons {
9132 width: 74px; 9146 width: 74px;
9133 } 9147 }
9134 } 9148 }
9135 .cabinet__works-spoiler-buttons .button { 9149 .cabinet__works-spoiler-buttons .button {
9136 width: 22px; 9150 width: 22px;
9137 height: 22px; 9151 height: 22px;
9138 padding: 0; 9152 padding: 0;
9139 } 9153 }
9140 @media (min-width: 768px) { 9154 @media (min-width: 768px) {
9141 .cabinet__works-spoiler-buttons .button { 9155 .cabinet__works-spoiler-buttons .button {
9142 width: 30px; 9156 width: 30px;
9143 height: 30px; 9157 height: 30px;
9144 } 9158 }
9145 } 9159 }
9146 .cabinet__works-spoiler-text { 9160 .cabinet__works-spoiler-text {
9147 width: calc(100% - 60px); 9161 width: calc(100% - 60px);
9148 font-size: 17px; 9162 font-size: 17px;
9149 font-weight: 700; 9163 font-weight: 700;
9150 color: #000; 9164 color: #000;
9151 } 9165 }
9152 @media (min-width: 768px) { 9166 @media (min-width: 768px) {
9153 .cabinet__works-spoiler-text { 9167 .cabinet__works-spoiler-text {
9154 width: calc(100% - 74px); 9168 width: calc(100% - 74px);
9155 font-size: 22px; 9169 font-size: 22px;
9156 } 9170 }
9157 } 9171 }
9158 9172
9159 .cabinet__works-add { 9173 .cabinet__works-add {
9160 padding: 0; 9174 padding: 0;
9161 width: 100%; 9175 width: 100%;
9162 max-width: 160px; 9176 max-width: 160px;
9163 } 9177 }
9164 @media (min-width: 768px) { 9178 @media (min-width: 768px) {
9165 .cabinet__works-add { 9179 .cabinet__works-add {
9166 max-width: 220px; 9180 max-width: 220px;
9167 } 9181 }
9168 } 9182 }
9169 .cabinet__buttons { 9183 .cabinet__buttons {
9170 display: -webkit-box; 9184 display: -webkit-box;
9171 display: -ms-flexbox; 9185 display: -ms-flexbox;
9172 display: flex; 9186 display: flex;
9173 -webkit-box-orient: vertical; 9187 -webkit-box-orient: vertical;
9174 -webkit-box-direction: normal; 9188 -webkit-box-direction: normal;
9175 -ms-flex-direction: column; 9189 -ms-flex-direction: column;
9176 flex-direction: column; 9190 flex-direction: column;
9177 -webkit-box-align: center; 9191 -webkit-box-align: center;
9178 -ms-flex-align: center; 9192 -ms-flex-align: center;
9179 align-items: center; 9193 align-items: center;
9180 gap: 10px; 9194 gap: 10px;
9181 } 9195 }
9182 @media (min-width: 768px) { 9196 @media (min-width: 768px) {
9183 .cabinet__buttons { 9197 .cabinet__buttons {
9184 display: grid; 9198 display: grid;
9185 grid-template-columns: 1fr 1fr; 9199 grid-template-columns: 1fr 1fr;
9186 gap: 20px; 9200 gap: 20px;
9187 } 9201 }
9188 } 9202 }
9189 .cabinet__buttons .button, 9203 .cabinet__buttons .button,
9190 .cabinet__buttons .file { 9204 .cabinet__buttons .file {
9191 padding: 0; 9205 padding: 0;
9192 width: 100%; 9206 width: 100%;
9193 max-width: 140px; 9207 max-width: 140px;
9194 } 9208 }
9195 @media (min-width: 768px) { 9209 @media (min-width: 768px) {
9196 .cabinet__buttons .button, 9210 .cabinet__buttons .button,
9197 .cabinet__buttons .file { 9211 .cabinet__buttons .file {
9198 max-width: none; 9212 max-width: none;
9199 } 9213 }
9200 } 9214 }
9201 @media (min-width: 768px) { 9215 @media (min-width: 768px) {
9202 .cabinet__buttons { 9216 .cabinet__buttons {
9203 gap: 20px; 9217 gap: 20px;
9204 } 9218 }
9205 } 9219 }
9206 @media (min-width: 1280px) { 9220 @media (min-width: 1280px) {
9207 .cabinet__buttons { 9221 .cabinet__buttons {
9208 max-width: 400px; 9222 max-width: 400px;
9209 } 9223 }
9210 } 9224 }
9211 .cabinet__buttons_flex{ 9225 .cabinet__buttons_flex{
9212 display: flex; 9226 display: flex;
9213 } 9227 }
9214 .cabinet__buttons_flex > *{ 9228 .cabinet__buttons_flex > *{
9215 margin-right: 10px; 9229 margin-right: 10px;
9216 } 9230 }
9217 .cabinet__vacs { 9231 .cabinet__vacs {
9218 display: -webkit-box; 9232 display: -webkit-box;
9219 display: -ms-flexbox; 9233 display: -ms-flexbox;
9220 display: flex; 9234 display: flex;
9221 -webkit-box-orient: vertical; 9235 -webkit-box-orient: vertical;
9222 -webkit-box-direction: reverse; 9236 -webkit-box-direction: reverse;
9223 -ms-flex-direction: column-reverse; 9237 -ms-flex-direction: column-reverse;
9224 flex-direction: column-reverse; 9238 flex-direction: column-reverse;
9225 -webkit-box-align: center; 9239 -webkit-box-align: center;
9226 -ms-flex-align: center; 9240 -ms-flex-align: center;
9227 align-items: center; 9241 align-items: center;
9228 gap: 20px; 9242 gap: 20px;
9229 } 9243 }
9230 .cabinet__vacs-body { 9244 .cabinet__vacs-body {
9231 display: -webkit-box; 9245 display: -webkit-box;
9232 display: -ms-flexbox; 9246 display: -ms-flexbox;
9233 display: flex; 9247 display: flex;
9234 -webkit-box-orient: vertical; 9248 -webkit-box-orient: vertical;
9235 -webkit-box-direction: normal; 9249 -webkit-box-direction: normal;
9236 -ms-flex-direction: column; 9250 -ms-flex-direction: column;
9237 flex-direction: column; 9251 flex-direction: column;
9238 gap: 20px; 9252 gap: 20px;
9239 width: 100%; 9253 width: 100%;
9240 } 9254 }
9241 @media (min-width: 768px) { 9255 @media (min-width: 768px) {
9242 .cabinet__vacs-body { 9256 .cabinet__vacs-body {
9243 gap: 30px; 9257 gap: 30px;
9244 } 9258 }
9245 } 9259 }
9246 .cabinet__vacs-item { 9260 .cabinet__vacs-item {
9247 display: none; 9261 display: none;
9248 background: #fff; 9262 background: #fff;
9249 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9263 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9250 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9264 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9251 } 9265 }
9252 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9266 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9253 display: -webkit-box; 9267 display: -webkit-box;
9254 display: -ms-flexbox; 9268 display: -ms-flexbox;
9255 display: flex; 9269 display: flex;
9256 } 9270 }
9257 .cabinet__vacs.active .cabinet__vacs-item { 9271 .cabinet__vacs.active .cabinet__vacs-item {
9258 display: -webkit-box; 9272 display: -webkit-box;
9259 display: -ms-flexbox; 9273 display: -ms-flexbox;
9260 display: flex; 9274 display: flex;
9261 } 9275 }
9262 .main__employer-page-two-item-text-body img { 9276 .main__employer-page-two-item-text-body img {
9263 display: inline !important; 9277 display: inline !important;
9264 border: none !important; 9278 border: none !important;
9265 box-shadow: none !important; 9279 box-shadow: none !important;
9266 height: 1em !important; 9280 height: 1em !important;
9267 width: 1em !important; 9281 width: 1em !important;
9268 margin: 0 0.07em !important; 9282 margin: 0 0.07em !important;
9269 vertical-align: -0.1em !important; 9283 vertical-align: -0.1em !important;
9270 background: none !important; 9284 background: none !important;
9271 padding: 0 !important; 9285 padding: 0 !important;
9272 } 9286 }
9273 .main__employer-page-two-item-text-body p{ 9287 .main__employer-page-two-item-text-body p{
9274 margin: 0 0 20px; 9288 margin: 0 0 20px;
9275 } 9289 }
9276 #sertificate .one-sertificate{ 9290 #sertificate .one-sertificate{
9277 display: flex; 9291 display: flex;
9278 justify-content: space-between; 9292 justify-content: space-between;
9279 margin-bottom: 15px; 9293 margin-bottom: 15px;
9280 border-bottom: 1px #ccc solid; 9294 border-bottom: 1px #ccc solid;
9281 padding-bottom: 15px; 9295 padding-bottom: 15px;
9282 } 9296 }
9283 #sertificate .one-sertificate .sertificate-field{ 9297 #sertificate .one-sertificate .sertificate-field{
9284 display: block; 9298 display: block;
9285 } 9299 }
9286 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9300 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9287 width: 50%; 9301 width: 50%;
9288 max-width: 50%; 9302 max-width: 50%;
9289 } 9303 }
9290 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9304 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9291 display: flex; 9305 display: flex;
9292 justify-content: space-between; 9306 justify-content: space-between;
9293 } 9307 }
9294 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9308 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9295 width: 30px; 9309 width: 30px;
9296 height: 30px; 9310 height: 30px;
9297 padding: 5px; 9311 padding: 5px;
9298 } 9312 }
9299 #prev_worker .cabinet__inputs-item-buttons a{ 9313 #prev_worker .cabinet__inputs-item-buttons a{
9300 width: 30px; 9314 width: 30px;
9301 height: 30px; 9315 height: 30px;
9302 padding: 5px; 9316 padding: 5px;
9303 } 9317 }
9304 #prev_worker .cabinet__inputs-item-buttons{ 9318 #prev_worker .cabinet__inputs-item-buttons{
9305 width: 100px; 9319 width: 100px;
9306 } 9320 }
9307 #prev_worker .cabinet__inputs{ 9321 #prev_worker .cabinet__inputs{
9308 -webkit-box-align: start; 9322 -webkit-box-align: start;
9309 -ms-flex-align: start; 9323 -ms-flex-align: start;
9310 align-items: start; 9324 align-items: start;
9311 } 9325 }
9312 #prev_worker .cabinet__inputs-item-buttons flex{ 9326 #prev_worker .cabinet__inputs-item-buttons flex{
9313 justify-content: end; 9327 justify-content: end;
9314 } 9328 }
9315 #prev_worker .cabinet__body-item{ 9329 #prev_worker .cabinet__body-item{
9316 border-bottom: 1px #cccccc solid; 9330 border-bottom: 1px #cccccc solid;
9317 padding-bottom: 25px; 9331 padding-bottom: 25px;
9318 } 9332 }
9319 @media (max-width: 1280px) { 9333 @media (max-width: 1280px) {
9320 #prev_worker .cabinet__inputs-item-buttons{ 9334 #prev_worker .cabinet__inputs-item-buttons{
9321 position: absolute; 9335 position: absolute;
9322 right: 0; 9336 right: 0;
9323 } 9337 }
9324 } 9338 }
9325 body .cke_notifications_area{ 9339 body .cke_notifications_area{
9326 opacity: 0; 9340 opacity: 0;
9327 display: none !important; 9341 display: none !important;
9328 } 9342 }
9329 .unread-messages-count{ 9343 .unread-messages-count{
9330 background-color: #377d87; 9344 background-color: #377d87;
9331 color: #fff; 9345 color: #fff;
9332 padding: 5px 10px; 9346 padding: 5px 10px;
9333 border-radius: 45px; 9347 border-radius: 45px;
9334 } 9348 }
9335 9349
9336 .flot-one-ship .flot-label{ 9350 .flot-one-ship .flot-label{
9337 font-weight: bold; 9351 font-weight: bold;
9338 display: flex; 9352 display: flex;
9339 } 9353 }
9340 .flot-one-ship .flot-label .flot-label-name{ 9354 .flot-one-ship .flot-label .flot-label-name{
1 $(function(){ 1 $(function(){
2 $(".review-image-modal").fancybox({ 2 $(".review-image-modal").fancybox({
3 buttons: [ 3 buttons: [
4 "zoom", 4 "zoom",
5 "fullScreen", 5 "fullScreen",
6 "download", 6 "download",
7 "thumbs", 7 "thumbs",
8 "close" 8 "close"
9 ] 9 ]
10 }); 10 });
11
12 $('.header .header__burger').click(function(){
13 var this_btn = $(this);
14 var wrap = this_btn.closest('.header');
15
16 wrap.toggleClass('active-menu');
17 });
18
19 $('body').click(function(e){
20 var target = $(e.target);
21
22 if (!target.hasClass('.header__burger') && target.closest('.header__burger').length === 0){
23 $('header.header').removeClass('active-menu');
24 }
25 });
11 }); 26 });
12 27
13 28
14 var spinStart = function(button) { 29 var spinStart = function(button) {
15 button.prop('disabled', true); 30 button.prop('disabled', true);
16 if (!button.find('.button-loader').length){ 31 if (!button.find('.button-loader').length){
17 button.html('<div class="button-loader"></div>' + button.html()); 32 button.html('<div class="button-loader"></div>' + button.html());
18 } 33 }
19 }; 34 };
20 35
21 var spinStop= function(button) { 36 var spinStop= function(button) {
22 button.prop('disabled', false); 37 button.prop('disabled', false);
23 button.find('.button-loader').remove(); 38 button.find('.button-loader').remove();
24 }; 39 };
25 40
26 var cl = function(obj){ 41 var cl = function(obj){
27 console.log(obj); 42 console.log(obj);
28 } 43 }
29 44
30 45
46
47
31 48
resources/views/admin/users/form.blade.php
1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"> 1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
2 @error('name') 2 @error('name')
3 {{ $message }} 3 {{ $message }}
4 @enderror 4 @enderror
5 5
6 <input name="name" id="name" type="hidden" 6 <input name="name" id="name" type="hidden"
7 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 7 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
8 placeholder="Имя/Псевдоним" value="{{ old('name') ?? $user->name ?? 'Пользователь базы данных' }}" 8 placeholder="Имя/Псевдоним" value="{{ old('name') ?? $user->name ?? 'Пользователь базы данных' }}"
9 /> 9 />
10 10
11 <label class="block text-sm"> 11 <label class="block text-sm">
12 <span class="text-gray-700 dark:text-gray-400">Должность</span> 12 <span class="text-gray-700 dark:text-gray-400">Должность</span>
13 <select name="positions_work[]" id="positions_work[]" data-placeholder="Выберите должность..." multiple="multiple"> 13 <select name="positions_work[]" id="positions_work[]" data-placeholder="Выберите должность..." multiple="multiple">
14 @isset($list_job_titles) 14 @isset($list_job_titles)
15 @foreach($list_job_titles as $job_title) 15 @foreach($list_job_titles as $job_title)
16 <option value="{{ $job_title->id }}" 16 <option value="{{ $job_title->id }}"
17 @if (in_array($job_title->id , $user->workers[0]->positions_work)) 17 @if (isset($user) && in_array($job_title->id , $user->workers[0]->positions_work))
18 selected 18 selected
19 @endif 19 @endif
20 > 20 >
21 {{ $job_title->name }} ({{ $job_title->id }}) 21 {{ $job_title->name }} ({{ $job_title->id }})
22 </option> 22 </option>
23 @endforeach 23 @endforeach
24 @endisset 24 @endisset
25 </select> 25 </select>
26 @error('name') 26 @error('name')
27 <span class="text-xs text-red-600 dark:text-red-400"> 27 <span class="text-xs text-red-600 dark:text-red-400">
28 {{ $message }} 28 {{ $message }}
29 </span> 29 </span>
30 @enderror 30 @enderror
31 </label><br> 31 </label><br>
32 32
33 <label class="block text-sm"> 33 <label class="block text-sm">
34 <span class="text-gray-700 dark:text-gray-400">Фамилия</span> 34 <span class="text-gray-700 dark:text-gray-400">Фамилия</span>
35 <input name="surname" id="surname" 35 <input name="surname" id="surname"
36 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 36 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
37 placeholder="Фамилия" value="{{ old('surname') ?? $user->surname ?? '' }}" 37 placeholder="Фамилия" value="{{ old('surname') ?? $user->surname ?? '' }}"
38 /> 38 />
39 @error('surname') 39 @error('surname')
40 <span class="text-xs text-red-600 dark:text-red-400"> 40 <span class="text-xs text-red-600 dark:text-red-400">
41 {{ $message }} 41 {{ $message }}
42 </span> 42 </span>
43 @enderror 43 @enderror
44 </label><br> 44 </label><br>
45 45
46 <label class="block text-sm"> 46 <label class="block text-sm">
47 <span class="text-gray-700 dark:text-gray-400">Имя</span> 47 <span class="text-gray-700 dark:text-gray-400">Имя</span>
48 <input name="name_man" id="name_man" 48 <input name="name_man" id="name_man"
49 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 49 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
50 placeholder="Имя" value="{{ old('name_man') ?? $user->name_man ?? '' }}" 50 placeholder="Имя" value="{{ old('name_man') ?? $user->name_man ?? '' }}"
51 /> 51 />
52 @error('name_man') 52 @error('name_man')
53 <span class="text-xs text-red-600 dark:text-red-400"> 53 <span class="text-xs text-red-600 dark:text-red-400">
54 {{ $message }} 54 {{ $message }}
55 </span> 55 </span>
56 @enderror 56 @enderror
57 </label><br> 57 </label><br>
58 58
59 <input type="hidden" name="is_worker" id="is_worker" value="1"/> 59 <input type="hidden" name="is_worker" id="is_worker" value="1"/>
60 <input type="hidden" name="is_bd" id="is_bd" value="1"/> 60 <input type="hidden" name="is_bd" id="is_bd" value="1"/>
61 <input type="hidden" name="admin" id="admin" value="0"/> 61 <input type="hidden" name="admin" id="admin" value="0"/>
62 <input type="hidden" name="password" id="password" value="1234567890"/> 62 <input type="hidden" name="password" id="password" value="1234567890"/>
63 63
64 <label class="block text-sm"> 64 <label class="block text-sm">
65 <span class="text-gray-700 dark:text-gray-400">Отчество</span> 65 <span class="text-gray-700 dark:text-gray-400">Отчество</span>
66 <input name="surname2" id="surname2" 66 <input name="surname2" id="surname2"
67 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 67 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
68 placeholder="Отчество" value="{{ old('surname2') ?? $user->surname2 ?? '' }}" 68 placeholder="Отчество" value="{{ old('surname2') ?? $user->surname2 ?? '' }}"
69 /> 69 />
70 @error('surname2') 70 @error('surname2')
71 <span class="text-xs text-red-600 dark:text-red-400"> 71 <span class="text-xs text-red-600 dark:text-red-400">
72 {{ $message }} 72 {{ $message }}
73 </span> 73 </span>
74 @enderror 74 @enderror
75 </label><br> 75 </label><br>
76 76
77 <label class="block text-sm"> 77 <label class="block text-sm">
78 <span class="text-gray-700 dark:text-gray-400">Email</span> 78 <span class="text-gray-700 dark:text-gray-400">Email</span>
79 <input name="email" id="email" 79 <input name="email" id="email"
80 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 80 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
81 placeholder="Email" value="{{ old('email') ?? $user->email ?? '' }}" 81 placeholder="Email" value="{{ old('email') ?? $user->email ?? '' }}"
82 /> 82 />
83 @error('email') 83 @error('email')
84 <span class="text-xs text-red-600 dark:text-red-400"> 84 <span class="text-xs text-red-600 dark:text-red-400">
85 {{ $message }} 85 {{ $message }}
86 </span> 86 </span>
87 @enderror 87 @enderror
88 </label><br> 88 </label><br>
89 89
90 <label class="block text-sm"> 90 <label class="block text-sm">
91 <span class="text-gray-700 dark:text-gray-400">Телефон</span> 91 <span class="text-gray-700 dark:text-gray-400">Телефон</span>
92 <input name="telephone" id="telephone" 92 <input name="telephone" id="telephone"
93 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 93 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
94 placeholder="Телефон" value="{{ old('telephone') ?? $user->telephone ?? '' }}" 94 placeholder="Телефон" value="{{ old('telephone') ?? $user->telephone ?? '' }}"
95 /> 95 />
96 @error('telephone') 96 @error('telephone')
97 <span class="text-xs text-red-600 dark:text-red-400"> 97 <span class="text-xs text-red-600 dark:text-red-400">
98 {{ $message }} 98 {{ $message }}
99 </span> 99 </span>
100 @enderror 100 @enderror
101 </label><br> 101 </label><br>
102 102
103 <label class="block text-sm"> 103 <label class="block text-sm">
104 <span class="text-gray-700 dark:text-gray-400">Файл-анкета</span> 104 <span class="text-gray-700 dark:text-gray-400">Файл-анкета</span>
105 <input type="file" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 105 <input type="file" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700
106 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple 106 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple
107 dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 107 dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
108 id="file" name="file"> 108 id="file" name="file">
109 @error('file') 109 @error('file')
110 <span class="text-xs text-red-600 dark:text-red-400"> 110 <span class="text-xs text-red-600 dark:text-red-400">
111 {{ $message }} 111 {{ $message }}
112 </span> 112 </span>
113 @enderror 113 @enderror
114 @isset($user->file) 114 @isset($user->file)
115 <a class="text-gray-700 dark:text-gray-400" target="blank" href="{{ asset(Storage::url($user->file)) }}">{{ $user->file }}</a> 115 <a class="text-gray-700 dark:text-gray-400" target="blank" href="{{ asset(Storage::url($user->file)) }}">{{ $user->file }}</a>
116 @endisset 116 @endisset
117 </label><br> 117 </label><br>
118 118
119 <!--<label class="block text-sm"> 119 <!--<label class="block text-sm">
120 120
121 <input type="hidden" name="page_worker" value="0" /> 121 <input type="hidden" name="page_worker" value="0" />
122 <input name="page_worker" @php if (isset($user->workers->id)) echo "checked"; @endphp 122 <input name="page_worker" @php if (isset($user->workers->id)) echo "checked"; @endphp
123 class="block mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray " 123 class="block mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray "
124 placeholder="" style="float:left; margin-right: 5px" type="checkbox" value="1" 124 placeholder="" style="float:left; margin-right: 5px" type="checkbox" value="1"
125 /><p class="text-gray-700 dark:text-gray-400" style="float:left; margin-right: 10px">Анкета </p><br> 125 /><p class="text-gray-700 dark:text-gray-400" style="float:left; margin-right: 10px">Анкета </p><br>
126 126
127 </label><br>--> 127 </label><br>-->
128 128
129 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4"> 129 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
130 <div> 130 <div>
131 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 131 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
132 Сохранить 132 Сохранить
133 </button> 133 </button>
134 <a href="{{ route('admin.basedata') }}" 134 <a href="{{ route('admin.basedata') }}"
135 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" 135 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
136 style="display: -webkit-inline-box; height: 30px!important;" 136 style="display: -webkit-inline-box; height: 30px!important;"
137 >Назад</a> 137 >Назад</a>
138 </div> 138 </div>
139 </div> 139 </div>
140 </div> 140 </div>
141 141
142 <script> 142 <script>
143 $(function(){ 143 $(function(){
144 $('[name="positions_work[]"]').chosen({ 144 $('[name="positions_work[]"]').chosen({
145 no_results_text: 'Не добавлено ни одной должности.', 145 no_results_text: 'Не добавлено ни одной должности.',
146 width: '100%' 146 width: '100%'
147 }) 147 })
148 }); 148 });
149 </script> 149 </script>
150 150
resources/views/employers/menu.blade.php
1 <div class="cabinet__side-item"> 1 <div class="cabinet__side-item">
2 <div class="cabinet__menu"> 2 <div class="cabinet__menu">
3 <button type="button" class="cabinet__menu-toper js-toggle"> 3 <button type="button" class="cabinet__menu-toper js-toggle">
4 <span class="cabinet__menu-toper-text"> 4 <span class="cabinet__menu-toper-text"></span>
5 <i>
6 <svg>
7 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
8 </svg>
9 </i>
10 <span>Профиль</span>
11 </span>
12 <i class="cabinet__menu-toper-arrow"> 5 <i class="cabinet__menu-toper-arrow">
13 <svg> 6 <svg>
14 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 7 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
15 </svg> 8 </svg>
16 </i> 9 </i>
17 </button> 10 </button>
18 <div class="cabinet__menu-body"> 11 <div class="cabinet__menu-body">
19 <div class="cabinet__menu-items"> 12 <div class="cabinet__menu-items">
20 <a href="{{ route('employer.employer_info') }}" class="cabinet__menu-item @if ($item==0) active @endif"> 13 <a href="{{ route('employer.employer_info') }}" class="cabinet__menu-item @if ($item==0) active @endif">
21 <i> 14 <i>
22 <svg> 15 <svg>
23 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 16 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
24 </svg> 17 </svg>
25 </i> 18 </i>
26 <span>Личные данные</span> 19 <span>Личные данные</span>
27 </a> 20 </a>
28 <a href="{{ route('employer.cabinet') }}" class="cabinet__menu-item @if ($item==1) active @endif"> 21 <a href="{{ route('employer.cabinet') }}" class="cabinet__menu-item @if ($item==1) active @endif">
29 <i> 22 <i>
30 <svg> 23 <svg>
31 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 24 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
32 </svg> 25 </svg>
33 </i> 26 </i>
34 <span>Профиль</span> 27 <span>Профиль</span>
35 </a> 28 </a>
36 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_public)) 29 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_public))
37 <a href="{{ route('employer.cabinet_vacancie') }}" class="cabinet__menu-item @if ($item==2) active @endif"> 30 <a href="{{ route('employer.cabinet_vacancie') }}" class="cabinet__menu-item @if ($item==2) active @endif">
38 <i> 31 <i>
39 <svg> 32 <svg>
40 <use xlink:href="{{ asset('images/sprite.svg#cabinet-2') }}"></use> 33 <use xlink:href="{{ asset('images/sprite.svg#cabinet-2') }}"></use>
41 </svg> 34 </svg>
42 </i> 35 </i>
43 <span>Разместить вакансию</span> 36 <span>Разместить вакансию</span>
44 </a> 37 </a>
45 @else 38 @else
46 <a href="{{ route('employer.cabinet_vacancie_danger') }}" class="cabinet__menu-item @if ($item==2) active @endif"> 39 <a href="{{ route('employer.cabinet_vacancie_danger') }}" class="cabinet__menu-item @if ($item==2) active @endif">
47 <i> 40 <i>
48 <svg> 41 <svg>
49 <use xlink:href="{{ asset('images/sprite.svg#cabinet-2') }}"></use> 42 <use xlink:href="{{ asset('images/sprite.svg#cabinet-2') }}"></use>
50 </svg> 43 </svg>
51 </i> 44 </i>
52 <span>Разместить вакансию</span> 45 <span>Разместить вакансию</span>
53 </a> 46 </a>
54 @endif 47 @endif
55 <a href="{{ route('employer.vacancy_list') }}" class="cabinet__menu-item @if ($item==3) active @endif"> 48 <a href="{{ route('employer.vacancy_list') }}" class="cabinet__menu-item @if ($item==3) active @endif">
56 <i> 49 <i>
57 <svg> 50 <svg>
58 <use xlink:href="{{ asset('images/sprite.svg#cabinet-3') }}"></use> 51 <use xlink:href="{{ asset('images/sprite.svg#cabinet-3') }}"></use>
59 </svg> 52 </svg>
60 </i> 53 </i>
61 <span>Мои вакансии</span> 54 <span>Мои вакансии</span>
62 </a> 55 </a>
63 <!-- <a href="{ route('employer.answers', ['employer' => $id_employer]) }}" class="cabinet__menu-item if ($item==4) active endif">
64 <i>
65 <svg>
66 <use xlink:href="{ asset('images/sprite.svg#cabinet-4') }}"></use>
67 </svg>
68 </i>
69 <span>Отклики на вакансию</span>
70 </a>-->
71 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="cabinet__menu-item @if ($item==5) active @endif"> 56 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="cabinet__menu-item @if ($item==5) active @endif">
72 <i> 57 <i>
73 <svg> 58 <svg>
74 <use xlink:href="{{ asset('images/sprite.svg#cabinet-5') }}"></use> 59 <use xlink:href="{{ asset('images/sprite.svg#cabinet-5') }}"></use>
75 </svg> 60 </svg>
76 </i> 61 </i>
77 <span>Сообщения</span> 62 <span>Сообщения</span>
78 </a> 63 </a>
79 <a href="{{ route('employer.favorites') }}" class="cabinet__menu-item @if ($item==6) active @endif"> 64 <a href="{{ route('employer.favorites') }}" class="cabinet__menu-item @if ($item==6) active @endif">
80 <i> 65 <i>
81 <svg> 66 <svg>
82 <use xlink:href="{{ asset('images/sprite.svg#cabinet-6') }}"></use> 67 <use xlink:href="{{ asset('images/sprite.svg#cabinet-6') }}"></use>
83 </svg> 68 </svg>
84 </i> 69 </i>
85 <span>Избранные кандидаты</span> 70 <span>Избранные кандидаты</span>
86 </a> 71 </a>
87 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin)) 72 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))
88 <a href="{{ route('employer.bd') }}" class="cabinet__menu-item @if ($item==7) active @endif"> 73 <a href="{{ route('employer.bd') }}" class="cabinet__menu-item @if ($item==7) active @endif">
89 <i> 74 <i>
90 <svg> 75 <svg>
91 <use xlink:href="{{ asset('images/sprite.svg#cabinet-7')}}"></use> 76 <use xlink:href="{{ asset('images/sprite.svg#cabinet-7')}}"></use>
92 </svg> 77 </svg>
93 </i> 78 </i>
94 <span>База данных</span> 79 <span>База данных</span>
95 </a> 80 </a>
96 <a href="{{ route('bd_resume') }}" target="_blank" class="cabinet__menu-item @if ($item==8) active @endif"> 81 <a href="{{ route('bd_resume') }}" target="_blank" class="cabinet__menu-item @if ($item==8) active @endif">
97 <i> 82 <i>
98 <svg> 83 <svg>
99 <use xlink:href="{{ asset('images/sprite.svg#cabinet-8') }}"></use> 84 <use xlink:href="{{ asset('images/sprite.svg#cabinet-8') }}"></use>
100 </svg> 85 </svg>
101 </i> 86 </i>
102 <span>База резюме</span> 87 <span>База резюме</span>
103 </a> 88 </a>
104 @endif 89 @endif
105 <a href="{{ route('employer.send_all_messages') }}" class="cabinet__menu-item @if ($item==9) active @endif"> 90 <a href="{{ route('employer.send_all_messages') }}" class="cabinet__menu-item @if ($item==9) active @endif">
106 <i> 91 <i>
107 <svg> 92 <svg>
108 <use xlink:href="{{ asset('images/sprite.svg#cabinet-9') }}"></use> 93 <use xlink:href="{{ asset('images/sprite.svg#cabinet-9') }}"></use>
109 </svg> 94 </svg>
110 </i> 95 </i>
111 <span>Рассылка сообщений</span> 96 <span>Рассылка сообщений</span>
112 </a> 97 </a>
113 <a href="{{ route('employer.faq') }}" class="cabinet__menu-item @if ($item==10) active @endif"> 98 <a href="{{ route('employer.faq') }}" class="cabinet__menu-item @if ($item==10) active @endif">
114 <i> 99 <i>
115 <svg> 100 <svg>
116 <use xlink:href="{{ asset('images/sprite.svg#cabinet-10') }}"></use> 101 <use xlink:href="{{ asset('images/sprite.svg#cabinet-10') }}"></use>
117 </svg> 102 </svg>
118 </i> 103 </i>
119 <span>FAQ</span> 104 <span>FAQ</span>
120 </a> 105 </a>
121 <a href="{{ route('employer.subscribe') }}" class="cabinet__menu-item @if ($item==11) active @endif"> 106 <a href="{{ route('employer.subscribe') }}" class="cabinet__menu-item @if ($item==11) active @endif">
122 <i> 107 <i>
123 <svg> 108 <svg>
124 <use xlink:href="{{ asset('images/sprite.svg#cabinet-11') }}"></use> 109 <use xlink:href="{{ asset('images/sprite.svg#cabinet-11') }}"></use>
125 </svg> 110 </svg>
126 </i> 111 </i>
127 <span>Настройки уведомлений</span> 112 <span>Настройки уведомлений</span>
128 </a> 113 </a>
129 <a href="{{ route('employer.slider_flot') }}" class="cabinet__menu-item @if ($item==12) active @endif"> 114 <a href="{{ route('employer.slider_flot') }}" class="cabinet__menu-item @if ($item==12) active @endif">
130 <i> 115 <i>
131 <svg> 116 <svg>
132 <use xlink:href="{{ asset('images/sprite.svg#cabinet-11') }}"></use> 117 <use xlink:href="{{ asset('images/sprite.svg#cabinet-11') }}"></use>
133 </svg> 118 </svg>
134 </i> 119 </i>
135 <span>Мой флот</span> 120 <span>Мой флот</span>
136 </a> 121 </a>
137 <a href="{{ route('employer.password_reset') }}" class="cabinet__menu-item green @if ($item==13) active @endif"> 122 <a href="{{ route('employer.password_reset') }}" class="cabinet__menu-item green @if ($item==13) active @endif">
138 <i></i> 123 <i></i>
139 <span>Сменить пароль</span> 124 <span>Сменить пароль</span>
140 </a> 125 </a>
141 <a href="{{ route('employer.delete_people') }}" class="cabinet__menu-item red @if ($item==14) active @endif"> 126 <a href="{{ route('employer.delete_people') }}" class="cabinet__menu-item red @if ($item==14) active @endif">
142 <i></i> 127 <i></i>
143 <span>Удалить профиль</span> 128 <span>Удалить профиль</span>
144 </a> 129 </a>
145 </div> 130 </div>
146 <div class="cabinet__menu-bottom"> 131 <div class="cabinet__menu-bottom">
147 <a href="{{ route('logout') }}" class="button cabinet__menu-leave"> 132 <a href="{{ route('logout') }}" class="button cabinet__menu-leave">
148 <svg> 133 <svg>
149 <use xlink:href="{{ asset('images/sprite.svg#leave') }}"></use> 134 <use xlink:href="{{ asset('images/sprite.svg#leave') }}"></use>
150 </svg> 135 </svg>
151 Выход 136 Выход
152 </a> 137 </a>
153 <span class="cabinet__menu-copy"> 138 <span class="cabinet__menu-copy">
154 &copy; 2020 &ndash; Rekamore.su 139 &copy; 2020 &ndash; Rekamore.su
155 </span> 140 </span>
156 </div> 141 </div>
157 </div> 142 </div>
158 </div> 143 </div>
159 </div> 144 </div>
145
resources/views/index.blade.php
1 @extends('layout.frontend', ['title' => 'Главная страница РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Главная страница РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 4
5 @endsection 5 @endsection
6 6
7 @section('content') 7 @section('content')
8 @include('messages_error') 8 @include('messages_error')
9 <section class="work"> 9 <section class="work">
10 <div class="container"> 10 <div class="container">
11 <img src="{{ asset('images/1.png') }}" alt="" class="work__pic"> 11 <img src="{{ asset('images/1.png') }}" alt="" class="work__pic">
12 <div class="work__body"> 12 <div class="work__body">
13 <div class="work__title"> 13 <div class="work__title">
14 <h4>Работа в море / 14 <h4>Работа в море /
15 <span class="br">Работа на реке</span></h4> 15 <span class="br">Работа на реке</span></h4>
16 </div> 16 </div>
17 <div class="work__text">Профессиональная сеть морского сообщества «RekaMore.su» приветствует вас — 17 <div class="work__text">Профессиональная сеть морского сообщества «RekaMore.su» приветствует вас —
18 тех, кто не представляет себе жизнь без моря, тех, кто готов связать свою жизнь с работой в 18 тех, кто не представляет себе жизнь без моря, тех, кто готов связать свою жизнь с работой в
19 сложных, но очень интересных условиях. </div> 19 сложных, но очень интересных условиях. </div>
20 <div class="work__list"> 20 <div class="work__list">
21 <div>Тысячи соискателей увидят Ваше объявление</div> 21 <div>Тысячи соискателей увидят Ваше объявление</div>
22 <div>Десятки компаний выкладывают объявления каждый день</div> 22 <div>Десятки компаний выкладывают объявления каждый день</div>
23 </div> 23 </div>
24 <form class="work__form width100 flex" action="{{ route('vacancies') }}" method="GET"> 24 <form class="work__form width100 flex" action="{{ route('vacancies') }}" method="GET">
25 25
26 <div class="select select_search width100"> 26 <div class="select select_search width100">
27 <div class="select__icon"> 27 <div class="select__icon">
28 <svg> 28 <svg>
29 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 29 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
30 </svg> 30 </svg>
31 </div> 31 </div>
32 <select class="js-select2 jobs" id="job" name="job"> 32 <select class="js-select2 jobs" id="job" name="job">
33 <option value="0">Выберите должность</option> 33 <option value="0">Выберите должность</option>
34 @if ($Job_title->count()) 34 @if ($Job_title->count())
35 @foreach($Job_title as $JT) 35 @foreach($Job_title as $JT)
36 <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option> 36 <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option>
37 @endforeach 37 @endforeach
38 @endif 38 @endif
39 </select> 39 </select>
40 </div> 40 </div>
41 41
42 <button type="submit" class="button button_light" style="height: 50px;">Посмотреть&nbsp;вакансии</button> 42 <button type="submit" class="button button_light" style="height: auto;">Посмотреть&nbsp;вакансии</button>
43 </form> 43 </form>
44 @guest 44 @guest
45 <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a> 45 <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
46 @else 46 @else
47 @if (Auth()->user()->is_lookin) 47 @if (Auth()->user()->is_lookin)
48 <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a> 48 <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a>
49 @else 49 @else
50 <a data-fancybox data-src="#question3" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a> 50 <a data-fancybox data-src="#question3" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
51 @endif 51 @endif
52 @endguest 52 @endguest
53 <div class="work__get"> 53 <div class="work__get">
54 <b>Скачать приложение</b> 54 <b>Скачать приложение</b>
55 <a href=""> 55 <a href="">
56 <img src="{{ asset('images/google.svg') }}" alt=""> 56 <img src="{{ asset('images/google.svg') }}" alt="">
57 </a> 57 </a>
58 <a href=""> 58 <a href="">
59 <img src="{{ asset('images/apple.svg') }}" alt=""> 59 <img src="{{ asset('images/apple.svg') }}" alt="">
60 </a> 60 </a>
61 </div> 61 </div>
62 </div> 62 </div>
63 </div> 63 </div>
64 </section> 64 </section>
65 65
66 @if ($blocks_counters) 66 @if ($blocks_counters)
67 <section class="numbers"> 67 <section class="numbers">
68 <div class="container"> 68 <div class="container">
69 <div class="numbers__body"> 69 <div class="numbers__body">
70 @foreach($blocks_counters as $block_counter) 70 @foreach($blocks_counters as $block_counter)
71 <div class="numbers__item"> 71 <div class="numbers__item">
72 <b>{{$block_counter['extra']}}</b> 72 <b>{{$block_counter['extra']}}</b>
73 <span>{{$block_counter['title']}}</span> 73 <span>{{$block_counter['title']}}</span>
74 {{$block_counter['description']}} 74 {{$block_counter['description']}}
75 </div> 75 </div>
76 @endforeach 76 @endforeach
77 </div> 77 </div>
78 </div> 78 </div>
79 </section> 79 </section>
80 @endif 80 @endif
81 81
82 <main class="main"> 82 <main class="main">
83 <div class="container"> 83 <div class="container">
84 <div class="main__vacancies"> 84 <div class="main__vacancies">
85 <h2 class="main__vacancies-title">Категории вакансий</h2> 85 <h2 class="main__vacancies-title">Категории вакансий</h2>
86 <div class="vacancies__body"> 86 <div class="vacancies__body">
87 <div class="vacancies__list" id="block_ajax" name="block_ajax"> 87 <div class="vacancies__list" id="block_ajax" name="block_ajax">
88 @foreach($Main_Job as $key => $it_main) 88 @foreach($Main_Job as $key => $it_main)
89 <div class="vacancies__list-col"> 89 <div class="vacancies__list-col">
90 @include('block_real_new', ['it_main' => $it_main, 'category' => $key]) 90 @include('block_real_new', ['it_main' => $it_main, 'category' => $key])
91 </div> 91 </div>
92 @endforeach 92 @endforeach
93 <!--_include('block_real', ['flot' => $flot, 'position' => $Position[$flot->position_id]])--> 93 <!--_include('block_real', ['flot' => $flot, 'position' => $Position[$flot->position_id]])-->
94 </div> 94 </div>
95 </div> 95 </div>
96 </div> 96 </div>
97 </div> 97 </div>
98 </main> 98 </main>
99 99
100 <section class="employer"> 100 <section class="employer">
101 <div class="container"> 101 <div class="container">
102 <div class="title"><h4>Работодатели</h4></div> 102 <div class="title"><h4>Работодатели</h4></div>
103 103
104 <div class="employer__body"> 104 <div class="employer__body">
105 @if ($employers->count()) 105 @if ($employers->count())
106 @foreach($employers as $emp) 106 @foreach($employers as $emp)
107 @if (!empty($emp->employer->logo)) 107 @if (!empty($emp->employer->logo))
108 <a href="{{ route('info_company', ['company' => $emp->employer->id]) }}"> 108 <a href="{{ route('info_company', ['company' => $emp->employer->id]) }}">
109 <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}"> 109 <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}">
110 </a> 110 </a>
111 @else 111 @else
112 <a href="{{ route('info_company', ['company' => $emp->employer->id]) }}"> 112 <a href="{{ route('info_company', ['company' => $emp->employer->id]) }}">
113 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}"> 113 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}">
114 </a> 114 </a>
115 @endif 115 @endif
116 @endforeach 116 @endforeach
117 @else 117 @else
118 <h5>Тут нет никаких записей</h5> 118 <h5>Тут нет никаких записей</h5>
119 @endif 119 @endif
120 </div> 120 </div>
121 121
122 <div class="swiper-pagination"></div> 122 <div class="swiper-pagination"></div>
123 </div> 123 </div>
124 <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a> 124 <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a>
125 125
126 </section> 126 </section>
127 <section class="about"> 127 <section class="about">
128 <div class="container"> 128 <div class="container">
129 <div class="about__wrapper"> 129 <div class="about__wrapper">
130 <div class="title about__title"><h4>О нас</h4></div> 130 <div class="title about__title"><h4>О нас</h4></div>
131 <div class="about__body"> 131 <div class="about__body">
132 <div class="about__line"></div> 132 <div class="about__line"></div>
133 <div class="about__item"> 133 <div class="about__item">
134 <b>Для работодателей</b> 134 <b>Для работодателей</b>
135 <span>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие 135 <span>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие
136 сроки, подробнее об условиях можно узнать <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.</span> 136 сроки, подробнее об условиях можно узнать <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.</span>
137 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a> 137 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a>
138 </div> 138 </div>
139 <div class="about__item"> 139 <div class="about__item">
140 <b>Для сотрудников</b> 140 <b>Для сотрудников</b>
141 <span>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и 141 <span>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и
142 СНГ ищут сотрудников через наши ресурсы</span> 142 СНГ ищут сотрудников через наши ресурсы</span>
143 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a> 143 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a>
144 </div> 144 </div>
145 </div> 145 </div>
146 </div> 146 </div>
147 </div> 147 </div>
148 </section> 148 </section>
149 149
150 @if ($news->count()) 150 @if ($news->count())
151 <section class="news"> 151 <section class="news">
152 <div class="container"> 152 <div class="container">
153 <div class="news__toper"> 153 <div class="news__toper">
154 <div class="title"><h4>Новости и статьи</h4></div> 154 <div class="title"><h4>Новости и статьи</h4></div>
155 <div class="navs"> 155 <div class="navs">
156 <button class="js-news-swiper-button-prev"> 156 <button class="js-news-swiper-button-prev">
157 <svg class="rotate180"> 157 <svg class="rotate180">
158 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 158 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
159 </svg> 159 </svg>
160 </button> 160 </button>
161 <button class="js-news-swiper-button-next"> 161 <button class="js-news-swiper-button-next">
162 <svg> 162 <svg>
163 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 163 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
164 </svg> 164 </svg>
165 </button> 165 </button>
166 </div> 166 </div>
167 </div> 167 </div>
168 168
169 <div class="swiper js-news-swiper"> 169 <div class="swiper js-news-swiper">
170 <div class="swiper-wrapper"> 170 <div class="swiper-wrapper">
171 171
172 @foreach ($news as $new) 172 @foreach ($news as $new)
173 <div class="swiper-slide"> 173 <div class="swiper-slide">
174 <div class="news__item"> 174 <div class="news__item">
175 @if (empty($new->image)) 175 @if (empty($new->image))
176 <img src="{{ asset('/images/default_ship.jpg') }}" alt="" class="news__item-pic"> 176 <img src="{{ asset('/images/default_ship.jpg') }}" alt="" class="news__item-pic">
177 @else 177 @else
178 <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic"> 178 <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
179 @endif 179 @endif
180 <div class="news__item-body"> 180 <div class="news__item-body">
181 <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time> 181 <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time>
182 <span class="news__item-title">{{ $new->title }}</span> 182 <span class="news__item-title">{{ $new->title }}</span>
183 <span class="news__item-text">{!! mb_strimwidth($new->text, 0, 100) !!}</span> 183 <span class="news__item-text">{!! mb_strimwidth($new->text, 0, 100) !!}</span>
184 <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a> 184 <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a>
185 </div> 185 </div>
186 </div> 186 </div>
187 </div> 187 </div>
188 @endforeach 188 @endforeach
189 189
190 </div> 190 </div>
191 <div class="swiper-pagination"></div> 191 <div class="swiper-pagination"></div>
192 </div> 192 </div>
193 <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a> 193 <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a>
194 194
195 </div> 195 </div>
196 </section> 196 </section>
197 @endif 197 @endif
198 198
199 <section class="info"> 199 <section class="info">
200 <div class="container"> 200 <div class="container">
201 <img src="images/5.png" alt="" class="info__pic"> 201 <img src="images/5.png" alt="" class="info__pic">
202 <div class="info__body"> 202 <div class="info__body">
203 <div class="title info__title"><h4>Мы в социальных сетях</h4></div> 203 <div class="title info__title"><h4>Мы в социальных сетях</h4></div>
204 <div class="info__item"> 204 <div class="info__item">
205 <div class="info__text">Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о 205 <div class="info__text">Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о
206 новых вакансиях прямо на свой смартфон</div> 206 новых вакансиях прямо на свой смартфон</div>
207 <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1"> 207 <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1">
208 <svg> 208 <svg>
209 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 209 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
210 </svg> 210 </svg>
211 Телеграм 211 Телеграм
212 </a> 212 </a>
213 </div> 213 </div>
214 <div class="info__item"> 214 <div class="info__item">
215 <div class="info__text">ВКонтакте — Лучшие вакансии за неделю выкладываем именно тут, информация 215 <div class="info__text">ВКонтакте — Лучшие вакансии за неделю выкладываем именно тут, информация
216 о судоходных компаниях, инструкции по работе с сайтом, конкурсы и многое другое</div> 216 о судоходных компаниях, инструкции по работе с сайтом, конкурсы и многое другое</div>
217 <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5"> 217 <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5">
218 <svg> 218 <svg>
219 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 219 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
220 </svg> 220 </svg>
221 ВКонтакте 221 ВКонтакте
222 </a> 222 </a>
223 </div> 223 </div>
224 </div> 224 </div>
225 </div> 225 </div>
226 </section> 226 </section>
227 @endsection 227 @endsection
228 228
resources/views/workers/menu.blade.php
1 <div class="cabinet__side-item"> 1 <div class="cabinet__side-item">
2 <div class="cabinet__menu"> 2 <div class="cabinet__menu">
3 <button type="button" class="cabinet__menu-toper js-toggle"> 3 <button type="button" class="cabinet__menu-toper js-toggle">
4 <span class="cabinet__menu-toper-text"> 4 <span class="cabinet__menu-toper-text"></span>
5 <i>
6 <svg>
7 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
8 </svg>
9 </i>
10 <span>Моя анкета</span>
11 </span>
12 <i class="cabinet__menu-toper-arrow"> 5 <i class="cabinet__menu-toper-arrow">
13 <svg> 6 <svg>
14 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 7 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
15 </svg> 8 </svg>
16 </i> 9 </i>
17 </button> 10 </button>
18 <div class="cabinet__menu-body"> 11 <div class="cabinet__menu-body">
19 <div class="cabinet__menu-items"> 12 <div class="cabinet__menu-items">
20 <a href="{{ route('worker.cabinet') }}" class="cabinet__menu-item @if ($item==1) active @endif"> 13 <a href="{{ route('worker.cabinet') }}" class="cabinet__menu-item @if ($item==1) active @endif">
21 <i> 14 <i>
22 <svg> 15 <svg>
23 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 16 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
24 </svg> 17 </svg>
25 </i> 18 </i>
26 <span>Моя анкета</span> 19 <span>Моя анкета</span>
27 </a> 20 </a>
28 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="cabinet__menu-item @if ($item==2) active @endif"> 21 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="cabinet__menu-item @if ($item==2) active @endif">
29 <i> 22 <i>
30 <svg> 23 <svg>
31 <use xlink:href="{{ asset('images/sprite.svg#cabinet-5') }}"></use> 24 <use xlink:href="{{ asset('images/sprite.svg#cabinet-5') }}"></use>
32 </svg> 25 </svg>
33 </i> 26 </i>
34 <span>Сообщения</span> 27 <span>Сообщения</span>
35 </a> 28 </a>
36 <a href="{{ route('worker.colorado') }}" class="cabinet__menu-item @if ($item==3) active @endif"> 29 <a href="{{ route('worker.colorado') }}" class="cabinet__menu-item @if ($item==3) active @endif">
37 <i> 30 <i>
38 <svg> 31 <svg>
39 <use xlink:href="{{ asset('images/sprite.svg#cabinet-6') }}"></use> 32 <use xlink:href="{{ asset('images/sprite.svg#cabinet-6') }}"></use>
40 </svg> 33 </svg>
41 </i> 34 </i>
42 <span>Избранные вакансии</span> 35 <span>Избранные вакансии</span>
43 </a> 36 </a>
44 <a href="{{ route('worker.new_password') }}" class="cabinet__menu-item green @if ($item==4) active @endif"> 37 <a href="{{ route('worker.new_password') }}" class="cabinet__menu-item green @if ($item==4) active @endif">
45 <i></i> 38 <i></i>
46 <span>Сменить пароль</span> 39 <span>Сменить пароль</span>
47 </a> 40 </a>
48 <a href="{{ route('worker.delete_profile') }}" class="cabinet__menu-item red @if ($item==5) active @endif"> 41 <a href="{{ route('worker.delete_profile') }}" class="cabinet__menu-item red @if ($item==5) active @endif">
49 <i></i> 42 <i></i>
50 <span>Удалить профиль</span> 43 <span>Удалить профиль</span>
51 </a> 44 </a>
52 </div> 45 </div>
53 <div class="cabinet__menu-bottom"> 46 <div class="cabinet__menu-bottom">
54 <a href="{{ route('logout') }}" class="button cabinet__menu-leave"> 47 <a href="{{ route('logout') }}" class="button cabinet__menu-leave">
55 <svg> 48 <svg>
56 <use xlink:href="{{ asset('images/sprite.svg#leave') }}"></use> 49 <use xlink:href="{{ asset('images/sprite.svg#leave') }}"></use>
57 </svg> 50 </svg>
58 Выход 51 Выход
59 </a> 52 </a>
60 <span class="cabinet__menu-copy"> 53 <span class="cabinet__menu-copy">
61 &copy; 2020 &ndash; Rekamore.su 54 &copy; 2020 &ndash; Rekamore.su
62 </span> 55 </span>
63 </div> 56 </div>
64 </div> 57 </div>
65 </div> 58 </div>
66 </div> 59 </div>
60
61 <script>
62 $(function(){