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

Download as
Browse Code »

Commit ee65908707c5afb25638b2a8ec2e4110267b23da

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

Изменения для формы обратной связи и пагинации вакансий

Showing 5 changed files with 5 additions and 7 deletions Inline Diff

app/Http/Controllers/CompanyController.php
Diff comments   View file @ ee65908
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 OrderByDesc('id')->
59 where('employer_id', '=', $company[0]->id)->paginate(2); 59 where('employer_id', '=', $company[0]->id)->paginate(50);
60 60
61 return view('info_company_new', compact('company', 'user_id', 'title', 'ads')); 61 return view('info_company_new', compact('company', 'user_id', 'title', 'ads'));
62 } 62 }
63 } 63 }
64 64
app/Http/Controllers/PagesController.php
Diff comments   View file @ ee65908
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Http\Requests\RequestSendAdmin; 5 use App\Http\Requests\RequestSendAdmin;
6 use App\Mail\MailAdminy; 6 use App\Mail\MailAdminy;
7 use App\Mail\MailRepair;
8 use App\Models\pages; 7 use App\Models\pages;
9 use Illuminate\Http\Request;
10 use Illuminate\Support\Facades\Mail; 8 use Illuminate\Support\Facades\Mail;
11 use Illuminate\Support\Facades\Redis; 9 use Illuminate\Support\Facades\Redis;
12 use PhpOffice\PhpSpreadsheet\Spreadsheet; 10 use PhpOffice\PhpSpreadsheet\Spreadsheet;
13 use PhpOffice\PhpSpreadsheet\Writer\Xlsx; 11 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
14 12
15 class PagesController extends Controller 13 class PagesController extends Controller
16 { 14 {
17 public function pages(pages $pages) { 15 public function pages(pages $pages) {
18 $page = pages::query()->where('slug', $pages->slug)->first(); 16 $page = pages::query()->where('slug', $pages->slug)->first();
19 $slug = $pages->slug; 17 $slug = $pages->slug;
20 18
21 return view('pages', compact('page', 'slug')); 19 return view('pages', compact('page', 'slug'));
22 } 20 }
23 21
24 public function form_feedback(RequestSendAdmin $request){ 22 public function form_feedback(RequestSendAdmin $request){
25 $all = $request->all(); 23 $all = $request->all();
26 24
27 Mail::to(env('EMAIL_ADMIN'))->send(new MailAdminy($all)); 25 Mail::to(env('EMAIL_ADMIN'))->send(new MailAdminy($all));
28 26
29 return redirect()->back()->with('Сообщение было успешно отправлено и будет обработано'); 27 return redirect()->back()->with('Сообщение было успешно отправлено и будет обработано');
30 } 28 }
31 29
32 public function redis() { 30 public function redis() {
33 $redis = Redis::connection(); 31 $redis = Redis::connection();
34 $redis->set('User:CompanyName', 'РЕКАМОРЕ'); 32 $redis->set('User:CompanyName', 'РЕКАМОРЕ');
35 $id = 1; 33 $id = 1;
36 //dd(Redis::get('MyVar')); 34 //dd(Redis::get('MyVar'));
37 $redis->command('rpush', array("Сообщение1")); 35 $redis->command('rpush', array("Сообщение1"));
38 $redis->command('rpush', array("Сообщение2")); 36 $redis->command('rpush', array("Сообщение2"));
39 $values = $redis->command('lrange', array("mylist", 0, 1)); 37 $values = $redis->command('lrange', array("mylist", 0, 1));
40 dd($values); 38 dd($values);
41 39
42 } 40 }
43 41
44 public function excel() { 42 public function excel() {
45 $spreadsheet = new Spreadsheet(); 43 $spreadsheet = new Spreadsheet();
46 $activeWorksheet = $spreadsheet->getActiveSheet(); 44 $activeWorksheet = $spreadsheet->getActiveSheet();
47 $activeWorksheet->setCellValue('A1', 'Hello World !'); 45 $activeWorksheet->setCellValue('A1', 'Hello World !');
48 46
49 $writer = new Xlsx($spreadsheet); 47 $writer = new Xlsx($spreadsheet);
50 $writer->save('hello_world.xlsx'); 48 $writer->save('hello_world.xlsx');
51 } 49 }
52 50
53 public function private_policy() { 51 public function private_policy() {
54 return view('private_policy'); 52 return view('private_policy');
55 } 53 }
56 54
57 public function terms_of_use() { 55 public function terms_of_use() {
58 return view('terms_of_use'); 56 return view('terms_of_use');
59 } 57 }
60 } 58 }
61 59
database/migrations/2024_03_05_100903_create_title_workers_table.php
Diff comments   View file @ ee65908
1 <?php 1 <?php
2 2
3 use Illuminate\Database\Migrations\Migration; 3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint; 4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema; 5 use Illuminate\Support\Facades\Schema;
6 6
7 return new class extends Migration 7 return new class extends Migration
8 { 8 {
9 /** 9 /**
10 * Run the migrations. 10 * Run the migrations.
11 * 11 *
12 * @return void 12 * @return void
13 */ 13 */
14 public function up() 14 public function up()
15 { 15 {
16 Schema::create('title_workers', function (Blueprint $table) { 16 Schema::create('title_workers', function (Blueprint $table) {
17 $table->id(); 17 $table->id();
18 $table->bigInteger('worker_id')->nullable(false); 18 $table->bigInteger('worker_id')->nullable(false);
19 $table->bigInteger('jib_title_id')->nullable(false); 19 $table->bigInteger('job_title_id')->nullable(false);
20 $table->timestamps(); 20 $table->timestamps();
21 }); 21 });
22 } 22 }
23 23
24 /** 24 /**
25 * Reverse the migrations. 25 * Reverse the migrations.
26 * 26 *
27 * @return void 27 * @return void
28 */ 28 */
29 public function down() 29 public function down()
30 { 30 {
31 Schema::dropIfExists('title_workers'); 31 Schema::dropIfExists('title_workers');
32 } 32 }
33 }; 33 };
34 34
public/css/style_may2024.css
Diff comments   View file @ ee65908
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #000; 334 color: #000;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #000; 339 color: #000;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #fff; 350 background-color: #fff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 h1, 499 h1,
500 h2, 500 h2,
501 h3, 501 h3,
502 h4, 502 h4,
503 h5, 503 h5,
504 h6 { 504 h6 {
505 margin: 0; 505 margin: 0;
506 } 506 }
507 507
508 #body { 508 #body {
509 font-family: "Circe", sans-serif; 509 font-family: "Circe", sans-serif;
510 color: #000; 510 color: #000;
511 background: #fff; 511 background: #fff;
512 display: -webkit-box; 512 display: -webkit-box;
513 display: -ms-flexbox; 513 display: -ms-flexbox;
514 display: flex; 514 display: flex;
515 -webkit-box-orient: vertical; 515 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 516 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 517 -ms-flex-direction: column;
518 flex-direction: column; 518 flex-direction: column;
519 -webkit-box-pack: justify; 519 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 520 -ms-flex-pack: justify;
521 justify-content: space-between; 521 justify-content: space-between;
522 gap: 50px; 522 gap: 50px;
523 min-width: 320px; 523 min-width: 320px;
524 min-height: 100vh; 524 min-height: 100vh;
525 line-height: 1.25; 525 line-height: 1.25;
526 } 526 }
527 @media (min-width: 768px) { 527 @media (min-width: 768px) {
528 #body { 528 #body {
529 gap: 60px; 529 gap: 60px;
530 } 530 }
531 } 531 }
532 #body.pdf { 532 #body.pdf {
533 gap: 0; 533 gap: 0;
534 } 534 }
535 535
536 .container { 536 .container {
537 width: 100%; 537 width: 100%;
538 max-width: 1280px; 538 max-width: 1280px;
539 margin-left: auto; 539 margin-left: auto;
540 margin-right: auto; 540 margin-right: auto;
541 padding-left: 10px; 541 padding-left: 10px;
542 padding-right: 10px; 542 padding-right: 10px;
543 } 543 }
544 @media (min-width: 768px) { 544 @media (min-width: 768px) {
545 .container { 545 .container {
546 padding-left: 20px; 546 padding-left: 20px;
547 padding-right: 20px; 547 padding-right: 20px;
548 } 548 }
549 } 549 }
550 550
551 .to-top { 551 .to-top {
552 position: fixed; 552 position: fixed;
553 right: 10px; 553 right: 10px;
554 bottom: 10px; 554 bottom: 10px;
555 border-radius: 999px; 555 border-radius: 999px;
556 display: -webkit-box; 556 display: -webkit-box;
557 display: -ms-flexbox; 557 display: -ms-flexbox;
558 display: flex; 558 display: flex;
559 -webkit-box-pack: center; 559 -webkit-box-pack: center;
560 -ms-flex-pack: center; 560 -ms-flex-pack: center;
561 justify-content: center; 561 justify-content: center;
562 -webkit-box-align: center; 562 -webkit-box-align: center;
563 -ms-flex-align: center; 563 -ms-flex-align: center;
564 align-items: center; 564 align-items: center;
565 color: #fff; 565 color: #fff;
566 background: #377d87; 566 background: #377d87;
567 width: 40px; 567 width: 40px;
568 height: 40px; 568 height: 40px;
569 -webkit-transition: 0.3s; 569 -webkit-transition: 0.3s;
570 transition: 0.3s; 570 transition: 0.3s;
571 margin-right: -100px; 571 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 574 z-index: 99;
575 border: 1px solid #377d87; 575 border: 1px solid #377d87;
576 } 576 }
577 .to-top:hover { 577 .to-top:hover {
578 background: #fff; 578 background: #fff;
579 color: #377d87; 579 color: #377d87;
580 } 580 }
581 .to-top svg { 581 .to-top svg {
582 width: 10px; 582 width: 10px;
583 height: 10px; 583 height: 10px;
584 } 584 }
585 @media (min-width: 768px) { 585 @media (min-width: 768px) {
586 .to-top { 586 .to-top {
587 width: 50px; 587 width: 50px;
588 height: 50px; 588 height: 50px;
589 right: 20px; 589 right: 20px;
590 bottom: 20px; 590 bottom: 20px;
591 } 591 }
592 .to-top svg { 592 .to-top svg {
593 width: 12px; 593 width: 12px;
594 height: 12px; 594 height: 12px;
595 } 595 }
596 } 596 }
597 597
598 .begin .to-top { 598 .begin .to-top {
599 margin-right: 0; 599 margin-right: 0;
600 } 600 }
601 601
602 .socials { 602 .socials {
603 display: -webkit-box; 603 display: -webkit-box;
604 display: -ms-flexbox; 604 display: -ms-flexbox;
605 display: flex; 605 display: flex;
606 -webkit-box-align: center; 606 -webkit-box-align: center;
607 -ms-flex-align: center; 607 -ms-flex-align: center;
608 align-items: center; 608 align-items: center;
609 -webkit-box-pack: center; 609 -webkit-box-pack: center;
610 -ms-flex-pack: center; 610 -ms-flex-pack: center;
611 justify-content: center; 611 justify-content: center;
612 gap: 8px; 612 gap: 8px;
613 } 613 }
614 .socials a { 614 .socials a {
615 display: -webkit-box; 615 display: -webkit-box;
616 display: -ms-flexbox; 616 display: -ms-flexbox;
617 display: flex; 617 display: flex;
618 -webkit-box-align: center; 618 -webkit-box-align: center;
619 -ms-flex-align: center; 619 -ms-flex-align: center;
620 align-items: center; 620 align-items: center;
621 -webkit-box-pack: center; 621 -webkit-box-pack: center;
622 -ms-flex-pack: center; 622 -ms-flex-pack: center;
623 justify-content: center; 623 justify-content: center;
624 border: 1px solid #377d87; 624 border: 1px solid #377d87;
625 color: #377d87; 625 color: #377d87;
626 border-radius: 999px; 626 border-radius: 999px;
627 width: 38px; 627 width: 38px;
628 height: 38px; 628 height: 38px;
629 } 629 }
630 .socials a:hover { 630 .socials a:hover {
631 background: #377d87; 631 background: #377d87;
632 color: #fff; 632 color: #fff;
633 } 633 }
634 .socials svg { 634 .socials svg {
635 width: 12px; 635 width: 12px;
636 height: 12px; 636 height: 12px;
637 } 637 }
638 638
639 .nls { 639 .nls {
640 display: -webkit-box; 640 display: -webkit-box;
641 display: -ms-flexbox; 641 display: -ms-flexbox;
642 display: flex; 642 display: flex;
643 color: #000; 643 color: #000;
644 text-align: left; 644 text-align: left;
645 } 645 }
646 .nls:hover { 646 .nls:hover {
647 color: #377d87; 647 color: #377d87;
648 } 648 }
649 .nls svg { 649 .nls svg {
650 width: 30px; 650 width: 30px;
651 height: 40px; 651 height: 40px;
652 } 652 }
653 @media (min-width: 768px) { 653 @media (min-width: 768px) {
654 .nls svg { 654 .nls svg {
655 width: 24px; 655 width: 24px;
656 height: 31px; 656 height: 31px;
657 } 657 }
658 } 658 }
659 .nls span { 659 .nls span {
660 width: calc(100% - 30px); 660 width: calc(100% - 30px);
661 padding-left: 12px; 661 padding-left: 12px;
662 display: -webkit-box; 662 display: -webkit-box;
663 display: -ms-flexbox; 663 display: -ms-flexbox;
664 display: flex; 664 display: flex;
665 -webkit-box-orient: vertical; 665 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 666 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 667 -ms-flex-direction: column;
668 flex-direction: column; 668 flex-direction: column;
669 -webkit-box-pack: center; 669 -webkit-box-pack: center;
670 -ms-flex-pack: center; 670 -ms-flex-pack: center;
671 justify-content: center; 671 justify-content: center;
672 font-size: 12px; 672 font-size: 12px;
673 line-height: 1.4; 673 line-height: 1.4;
674 } 674 }
675 @media (min-width: 768px) { 675 @media (min-width: 768px) {
676 .nls span { 676 .nls span {
677 width: calc(100% - 24px); 677 width: calc(100% - 24px);
678 } 678 }
679 } 679 }
680 .nls b { 680 .nls b {
681 font-weight: 400; 681 font-weight: 400;
682 } 682 }
683 683
684 .title, 684 .title,
685 h1 { 685 h1 {
686 margin: 0; 686 margin: 0;
687 font-weight: 700; 687 font-weight: 700;
688 font-size: 32px; 688 font-size: 32px;
689 } 689 }
690 @media (min-width: 768px) { 690 @media (min-width: 768px) {
691 .title, 691 .title,
692 h1 { 692 h1 {
693 font-size: 40px; 693 font-size: 40px;
694 } 694 }
695 } 695 }
696 @media (min-width: 992px) { 696 @media (min-width: 992px) {
697 .title, 697 .title,
698 h1 { 698 h1 {
699 font-size: 48px; 699 font-size: 48px;
700 } 700 }
701 } 701 }
702 @media (min-width: 1280px) { 702 @media (min-width: 1280px) {
703 .title, 703 .title,
704 h1 { 704 h1 {
705 font-size: 64px; 705 font-size: 64px;
706 } 706 }
707 } 707 }
708 708
709 .swiper-pagination { 709 .swiper-pagination {
710 display: -webkit-box; 710 display: -webkit-box;
711 display: -ms-flexbox; 711 display: -ms-flexbox;
712 display: flex; 712 display: flex;
713 -webkit-box-pack: center; 713 -webkit-box-pack: center;
714 -ms-flex-pack: center; 714 -ms-flex-pack: center;
715 justify-content: center; 715 justify-content: center;
716 -webkit-box-align: center; 716 -webkit-box-align: center;
717 -ms-flex-align: center; 717 -ms-flex-align: center;
718 align-items: center; 718 align-items: center;
719 position: static; 719 position: static;
720 margin-top: 20px; 720 margin-top: 20px;
721 gap: 8px; 721 gap: 8px;
722 } 722 }
723 @media (min-width: 768px) { 723 @media (min-width: 768px) {
724 .swiper-pagination { 724 .swiper-pagination {
725 margin-top: 30px; 725 margin-top: 30px;
726 } 726 }
727 } 727 }
728 .swiper-pagination-bullet { 728 .swiper-pagination-bullet {
729 width: 16px; 729 width: 16px;
730 height: 16px; 730 height: 16px;
731 opacity: 1; 731 opacity: 1;
732 border: 1px solid #cdcece; 732 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 733 -webkit-transition: 0.3s;
734 transition: 0.3s; 734 transition: 0.3s;
735 background: transparent; 735 background: transparent;
736 display: -webkit-box; 736 display: -webkit-box;
737 display: -ms-flexbox; 737 display: -ms-flexbox;
738 display: flex; 738 display: flex;
739 -webkit-box-pack: center; 739 -webkit-box-pack: center;
740 -ms-flex-pack: center; 740 -ms-flex-pack: center;
741 justify-content: center; 741 justify-content: center;
742 -webkit-box-align: center; 742 -webkit-box-align: center;
743 -ms-flex-align: center; 743 -ms-flex-align: center;
744 align-items: center; 744 align-items: center;
745 margin: 0 !important; 745 margin: 0 !important;
746 } 746 }
747 .swiper-pagination-bullet:before { 747 .swiper-pagination-bullet:before {
748 content: ""; 748 content: "";
749 width: 6px; 749 width: 6px;
750 height: 6px; 750 height: 6px;
751 border-radius: 999px; 751 border-radius: 999px;
752 background: #377d87; 752 background: #377d87;
753 opacity: 0; 753 opacity: 0;
754 -webkit-transition: 0.3s; 754 -webkit-transition: 0.3s;
755 transition: 0.3s; 755 transition: 0.3s;
756 } 756 }
757 .swiper-pagination-bullet:hover { 757 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 758 border-color: #377d87;
759 } 759 }
760 .swiper-pagination-bullet-active { 760 .swiper-pagination-bullet-active {
761 border-color: #377d87; 761 border-color: #377d87;
762 } 762 }
763 .swiper-pagination-bullet-active:before { 763 .swiper-pagination-bullet-active:before {
764 opacity: 1; 764 opacity: 1;
765 } 765 }
766 766
767 .navs { 767 .navs {
768 display: -webkit-box; 768 display: -webkit-box;
769 display: -ms-flexbox; 769 display: -ms-flexbox;
770 display: flex; 770 display: flex;
771 -webkit-box-align: center; 771 -webkit-box-align: center;
772 -ms-flex-align: center; 772 -ms-flex-align: center;
773 align-items: center; 773 align-items: center;
774 -webkit-box-pack: justify; 774 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 775 -ms-flex-pack: justify;
776 justify-content: space-between; 776 justify-content: space-between;
777 gap: 20px; 777 gap: 20px;
778 width: 80px; 778 width: 80px;
779 } 779 }
780 .navs button { 780 .navs button {
781 color: #377d87; 781 color: #377d87;
782 background: none; 782 background: none;
783 border: none; 783 border: none;
784 padding: 0; 784 padding: 0;
785 } 785 }
786 .navs button[disabled] { 786 .navs button[disabled] {
787 cursor: not-allowed; 787 cursor: not-allowed;
788 color: #cddee1; 788 color: #cddee1;
789 } 789 }
790 .navs svg { 790 .navs svg {
791 width: 14px; 791 width: 14px;
792 height: 28px; 792 height: 28px;
793 } 793 }
794 794
795 .select { 795 .select {
796 position: relative; 796 position: relative;
797 } 797 }
798 .select2 { 798 .select2 {
799 width: 100% !important; 799 width: 100% !important;
800 } 800 }
801 .select2-container { 801 .select2-container {
802 font-size: 12px; 802 font-size: 12px;
803 } 803 }
804 @media (min-width: 768px) { 804 @media (min-width: 768px) {
805 .select2-container { 805 .select2-container {
806 font-size: 16px; 806 font-size: 16px;
807 } 807 }
808 } 808 }
809 .select2-container--open .select2-selection { 809 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 810 border-color: #377d87 !important;
811 } 811 }
812 .select2-container--open .select2-selection__arrow svg { 812 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 813 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 814 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 815 transform: rotate(180deg);
816 } 816 }
817 .select2-selection { 817 .select2-selection {
818 min-height: 30px !important; 818 min-height: 30px !important;
819 border-radius: 8px !important; 819 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 820 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 821 -webkit-transition: 0.3s;
822 transition: 0.3s; 822 transition: 0.3s;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection { 825 .select2-selection {
826 min-height: 50px !important; 826 min-height: 50px !important;
827 } 827 }
828 } 828 }
829 .select2-selection__rendered { 829 .select2-selection__rendered {
830 line-height: 28px !important; 830 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 831 padding: 0 30px 0 10px !important;
832 } 832 }
833 @media (min-width: 768px) { 833 @media (min-width: 768px) {
834 .select2-selection__rendered { 834 .select2-selection__rendered {
835 line-height: 48px !important; 835 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 836 padding: 0 46px 0 20px !important;
837 } 837 }
838 } 838 }
839 .select2-selection--multiple .select2-selection__rendered { 839 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 840 display: -webkit-box !important;
841 display: -ms-flexbox !important; 841 display: -ms-flexbox !important;
842 display: flex !important; 842 display: flex !important;
843 -webkit-box-align: center; 843 -webkit-box-align: center;
844 -ms-flex-align: center; 844 -ms-flex-align: center;
845 align-items: center; 845 align-items: center;
846 -ms-flex-wrap: wrap; 846 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 847 flex-wrap: wrap;
848 gap: 10px; 848 gap: 10px;
849 padding-top: 10px !important; 849 padding-top: 10px !important;
850 padding-bottom: 10px !important; 850 padding-bottom: 10px !important;
851 } 851 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 853 margin: 0;
854 } 854 }
855 .select2-selection__arrow { 855 .select2-selection__arrow {
856 top: 0 !important; 856 top: 0 !important;
857 right: 0 !important; 857 right: 0 !important;
858 width: 30px !important; 858 width: 30px !important;
859 height: 100% !important; 859 height: 100% !important;
860 display: -webkit-box; 860 display: -webkit-box;
861 display: -ms-flexbox; 861 display: -ms-flexbox;
862 display: flex; 862 display: flex;
863 -webkit-box-pack: center; 863 -webkit-box-pack: center;
864 -ms-flex-pack: center; 864 -ms-flex-pack: center;
865 justify-content: center; 865 justify-content: center;
866 -webkit-box-align: center; 866 -webkit-box-align: center;
867 -ms-flex-align: center; 867 -ms-flex-align: center;
868 align-items: center; 868 align-items: center;
869 color: #377d87; 869 color: #377d87;
870 } 870 }
871 @media (min-width: 768px) { 871 @media (min-width: 768px) {
872 .select2-selection__arrow { 872 .select2-selection__arrow {
873 width: 50px !important; 873 width: 50px !important;
874 } 874 }
875 } 875 }
876 .select2-selection__arrow svg { 876 .select2-selection__arrow svg {
877 width: 12px; 877 width: 12px;
878 height: 12px; 878 height: 12px;
879 -webkit-transition: 0.3s; 879 -webkit-transition: 0.3s;
880 transition: 0.3s; 880 transition: 0.3s;
881 } 881 }
882 @media (min-width: 768px) { 882 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 883 .select2-selection__arrow svg {
884 width: 14px; 884 width: 14px;
885 height: 14px; 885 height: 14px;
886 } 886 }
887 } 887 }
888 .select2-selection__choice { 888 .select2-selection__choice {
889 display: -webkit-box; 889 display: -webkit-box;
890 display: -ms-flexbox; 890 display: -ms-flexbox;
891 display: flex; 891 display: flex;
892 -webkit-box-orient: horizontal; 892 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 893 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 894 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 895 flex-direction: row-reverse;
896 -webkit-box-align: center; 896 -webkit-box-align: center;
897 -ms-flex-align: center; 897 -ms-flex-align: center;
898 align-items: center; 898 align-items: center;
899 -webkit-box-pack: center; 899 -webkit-box-pack: center;
900 -ms-flex-pack: center; 900 -ms-flex-pack: center;
901 justify-content: center; 901 justify-content: center;
902 gap: 4px; 902 gap: 4px;
903 padding: 0 4px 0 6px !important; 903 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 904 background: #377d87 !important;
905 border: none !important; 905 border: none !important;
906 border-radius: 6px !important; 906 border-radius: 6px !important;
907 line-height: 1 !important; 907 line-height: 1 !important;
908 color: #fff; 908 color: #fff;
909 height: 24px; 909 height: 24px;
910 } 910 }
911 @media (min-width: 768px) { 911 @media (min-width: 768px) {
912 .select2-selection__choice { 912 .select2-selection__choice {
913 height: 32px; 913 height: 32px;
914 gap: 6px; 914 gap: 6px;
915 padding: 0 6px 0 10px !important; 915 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 916 border-radius: 8px !important;
917 } 917 }
918 } 918 }
919 .select2-selection__choice__remove { 919 .select2-selection__choice__remove {
920 width: 14px; 920 width: 14px;
921 height: 14px; 921 height: 14px;
922 padding-top: 4px; 922 padding-top: 4px;
923 display: -webkit-box !important; 923 display: -webkit-box !important;
924 display: -ms-flexbox !important; 924 display: -ms-flexbox !important;
925 display: flex !important; 925 display: flex !important;
926 -webkit-box-pack: center; 926 -webkit-box-pack: center;
927 -ms-flex-pack: center; 927 -ms-flex-pack: center;
928 justify-content: center; 928 justify-content: center;
929 -webkit-box-align: center; 929 -webkit-box-align: center;
930 -ms-flex-align: center; 930 -ms-flex-align: center;
931 align-items: center; 931 align-items: center;
932 color: #fff !important; 932 color: #fff !important;
933 font-weight: 400 !important; 933 font-weight: 400 !important;
934 font-size: 26px; 934 font-size: 26px;
935 } 935 }
936 .select2-search { 936 .select2-search {
937 display: none; 937 display: none;
938 } 938 }
939 .select2-dropdown { 939 .select2-dropdown {
940 z-index: 99999; 940 z-index: 99999;
941 border: none; 941 border: none;
942 border-radius: 0; 942 border-radius: 0;
943 background: none; 943 background: none;
944 padding: 5px 0; 944 padding: 5px 0;
945 } 945 }
946 @media (min-width: 768px) { 946 @media (min-width: 768px) {
947 .select2-dropdown { 947 .select2-dropdown {
948 padding: 10px 0; 948 padding: 10px 0;
949 } 949 }
950 } 950 }
951 .select2-results { 951 .select2-results {
952 background: #fff; 952 background: #fff;
953 border-radius: 8px; 953 border-radius: 8px;
954 border: 1px solid #377d87; 954 border: 1px solid #377d87;
955 overflow: hidden; 955 overflow: hidden;
956 } 956 }
957 @media (min-width: 768px) { 957 @media (min-width: 768px) {
958 .select2-results__option { 958 .select2-results__option {
959 padding: 10px 14px; 959 padding: 10px 14px;
960 } 960 }
961 } 961 }
962 .select2-results__option--highlighted { 962 .select2-results__option--highlighted {
963 background: #377d87 !important; 963 background: #377d87 !important;
964 } 964 }
965 @media (min-width: 768px) { 965 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 966 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 967 padding-left: 60px !important;
968 } 968 }
969 } 969 }
970 .select_search .select__icon { 970 .select_search .select__icon {
971 display: none; 971 display: none;
972 height: 28px; 972 height: 28px;
973 -webkit-box-align: center; 973 -webkit-box-align: center;
974 -ms-flex-align: center; 974 -ms-flex-align: center;
975 align-items: center; 975 align-items: center;
976 padding-right: 12px; 976 padding-right: 12px;
977 z-index: 2; 977 z-index: 2;
978 position: absolute; 978 position: absolute;
979 top: 50%; 979 top: 50%;
980 left: 15px; 980 left: 15px;
981 margin-top: -14px; 981 margin-top: -14px;
982 } 982 }
983 @media (min-width: 768px) { 983 @media (min-width: 768px) {
984 .select_search .select__icon { 984 .select_search .select__icon {
985 display: -webkit-box; 985 display: -webkit-box;
986 display: -ms-flexbox; 986 display: -ms-flexbox;
987 display: flex; 987 display: flex;
988 } 988 }
989 } 989 }
990 .select_search .select__icon:after { 990 .select_search .select__icon:after {
991 content: ""; 991 content: "";
992 width: 1px; 992 width: 1px;
993 height: 100%; 993 height: 100%;
994 border-radius: 999px; 994 border-radius: 999px;
995 position: absolute; 995 position: absolute;
996 top: 0; 996 top: 0;
997 right: 0; 997 right: 0;
998 background: #cecece; 998 background: #cecece;
999 } 999 }
1000 .select_search .select__icon svg { 1000 .select_search .select__icon svg {
1001 color: #9c9d9d; 1001 color: #9c9d9d;
1002 width: 20px; 1002 width: 20px;
1003 height: 20px; 1003 height: 20px;
1004 } 1004 }
1005 1005
1006 .form-group { 1006 .form-group {
1007 display: -webkit-box; 1007 display: -webkit-box;
1008 display: -ms-flexbox; 1008 display: -ms-flexbox;
1009 display: flex; 1009 display: flex;
1010 -webkit-box-orient: vertical; 1010 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1011 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1012 -ms-flex-direction: column;
1013 flex-direction: column; 1013 flex-direction: column;
1014 gap: 4px; 1014 gap: 4px;
1015 } 1015 }
1016 .form-group__label { 1016 .form-group__label {
1017 font-size: 12px; 1017 font-size: 12px;
1018 } 1018 }
1019 @media (min-width: 768px) { 1019 @media (min-width: 768px) {
1020 .form-group__label { 1020 .form-group__label {
1021 font-size: 16px; 1021 font-size: 16px;
1022 } 1022 }
1023 } 1023 }
1024 .form-group__item { 1024 .form-group__item {
1025 display: -webkit-box; 1025 display: -webkit-box;
1026 display: -ms-flexbox; 1026 display: -ms-flexbox;
1027 display: flex; 1027 display: flex;
1028 -webkit-box-orient: vertical; 1028 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1029 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1030 -ms-flex-direction: column;
1031 flex-direction: column; 1031 flex-direction: column;
1032 position: relative; 1032 position: relative;
1033 } 1033 }
1034 1034
1035 .input { 1035 .input {
1036 display: block; 1036 display: block;
1037 height: 30px; 1037 height: 30px;
1038 border: 1px solid #cecece; 1038 border: 1px solid #cecece;
1039 background: #fff; 1039 background: #fff;
1040 font-size: 12px; 1040 font-size: 12px;
1041 border-radius: 8px; 1041 border-radius: 8px;
1042 padding: 0 10px; 1042 padding: 0 10px;
1043 color: #000; 1043 color: #000;
1044 -webkit-transition: 0.3s; 1044 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1045 transition: 0.3s;
1046 position: relative; 1046 position: relative;
1047 z-index: 1; 1047 z-index: 1;
1048 } 1048 }
1049 @media (min-width: 768px) { 1049 @media (min-width: 768px) {
1050 .input { 1050 .input {
1051 padding: 0 20px; 1051 padding: 0 20px;
1052 height: 44px; 1052 height: 44px;
1053 font-size: 16px; 1053 font-size: 16px;
1054 } 1054 }
1055 } 1055 }
1056 .input:focus { 1056 .input:focus {
1057 border-color: #377d87; 1057 border-color: #377d87;
1058 } 1058 }
1059 .input[disabled] { 1059 .input[disabled] {
1060 color: #9c9d9d; 1060 color: #9c9d9d;
1061 background: #e7e7e7; 1061 background: #e7e7e7;
1062 } 1062 }
1063 .input[type=date] { 1063 .input[type=date] {
1064 text-transform: uppercase; 1064 text-transform: uppercase;
1065 } 1065 }
1066 1066
1067 .textarea { 1067 .textarea {
1068 resize: none; 1068 resize: none;
1069 display: block; 1069 display: block;
1070 width: 100%; 1070 width: 100%;
1071 border-radius: 8px; 1071 border-radius: 8px;
1072 border: 1px solid #cecece; 1072 border: 1px solid #cecece;
1073 background: #fff; 1073 background: #fff;
1074 -webkit-transition: 0.3s; 1074 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1075 transition: 0.3s;
1076 font-size: 12px; 1076 font-size: 12px;
1077 line-height: 1.4; 1077 line-height: 1.4;
1078 padding: 10px; 1078 padding: 10px;
1079 aspect-ratio: 8/3; 1079 aspect-ratio: 8/3;
1080 max-height: 250px; 1080 max-height: 250px;
1081 } 1081 }
1082 @media (min-width: 768px) { 1082 @media (min-width: 768px) {
1083 .textarea { 1083 .textarea {
1084 padding: 20px; 1084 padding: 20px;
1085 font-size: 16px; 1085 font-size: 16px;
1086 height: 280px; 1086 height: 280px;
1087 } 1087 }
1088 } 1088 }
1089 .textarea:focus { 1089 .textarea:focus {
1090 border-color: #377d87; 1090 border-color: #377d87;
1091 } 1091 }
1092 1092
1093 .button { 1093 .button {
1094 display: -webkit-box; 1094 display: -webkit-box;
1095 display: -ms-flexbox; 1095 display: -ms-flexbox;
1096 display: flex; 1096 display: flex;
1097 -webkit-box-pack: center; 1097 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1098 -ms-flex-pack: center;
1099 justify-content: center; 1099 justify-content: center;
1100 -webkit-box-align: center; 1100 -webkit-box-align: center;
1101 -ms-flex-align: center; 1101 -ms-flex-align: center;
1102 align-items: center; 1102 align-items: center;
1103 color: #fff; 1103 color: #fff;
1104 background: #377d87; 1104 background: #377d87;
1105 height: 30px; 1105 height: 30px;
1106 border-radius: 8px; 1106 border-radius: 8px;
1107 padding: 0 12px; 1107 padding: 0 12px;
1108 border: 1px solid #377d87; 1108 border: 1px solid #377d87;
1109 font-weight: 700; 1109 font-weight: 700;
1110 font-size: 12px; 1110 font-size: 12px;
1111 text-align: center; 1111 text-align: center;
1112 line-height: 1; 1112 line-height: 1;
1113 gap: 6px; 1113 gap: 6px;
1114 -webkit-transition: 0.3s; 1114 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1115 transition: 0.3s;
1116 cursor: pointer; 1116 cursor: pointer;
1117 } 1117 }
1118 @media (min-width: 768px) { 1118 @media (min-width: 768px) {
1119 .button { 1119 .button {
1120 padding: 0 24px; 1120 padding: 0 24px;
1121 font-size: 16px; 1121 font-size: 16px;
1122 height: 44px; 1122 height: 44px;
1123 gap: 12px; 1123 gap: 12px;
1124 } 1124 }
1125 } 1125 }
1126 @media (min-width: 992px) { 1126 @media (min-width: 992px) {
1127 .button { 1127 .button {
1128 padding: 0 36px; 1128 padding: 0 36px;
1129 } 1129 }
1130 } 1130 }
1131 .button:hover { 1131 .button:hover {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button img, 1135 .button img,
1136 .button svg { 1136 .button svg {
1137 width: 12px; 1137 width: 12px;
1138 height: 12px; 1138 height: 12px;
1139 } 1139 }
1140 @media (min-width: 768px) { 1140 @media (min-width: 768px) {
1141 .button img, 1141 .button img,
1142 .button svg { 1142 .button svg {
1143 width: 18px; 1143 width: 18px;
1144 height: 18px; 1144 height: 18px;
1145 } 1145 }
1146 } 1146 }
1147 .button_more span + span { 1147 .button_more span + span {
1148 display: none; 1148 display: none;
1149 } 1149 }
1150 .button_more.active span { 1150 .button_more.active span {
1151 display: none; 1151 display: none;
1152 } 1152 }
1153 .button_more.active span + span { 1153 .button_more.active span + span {
1154 display: block; 1154 display: block;
1155 } 1155 }
1156 .button_light { 1156 .button_light {
1157 background: transparent; 1157 background: transparent;
1158 color: #377d87; 1158 color: #377d87;
1159 } 1159 }
1160 .button_light:hover { 1160 .button_light:hover {
1161 background: #377d87; 1161 background: #377d87;
1162 color: #fff; 1162 color: #fff;
1163 } 1163 }
1164 .button_whited { 1164 .button_whited {
1165 background: #fff; 1165 background: #fff;
1166 color: #377d87; 1166 color: #377d87;
1167 border-color: #fff; 1167 border-color: #fff;
1168 } 1168 }
1169 .button_whited:hover { 1169 .button_whited:hover {
1170 background: #377d87; 1170 background: #377d87;
1171 color: #fff; 1171 color: #fff;
1172 } 1172 }
1173 1173
1174 .search { 1174 .search {
1175 width: 100%; 1175 width: 100%;
1176 position: relative; 1176 position: relative;
1177 background: #fff; 1177 background: #fff;
1178 border-radius: 8px; 1178 border-radius: 8px;
1179 } 1179 }
1180 .search span { 1180 .search span {
1181 display: none; 1181 display: none;
1182 height: 28px; 1182 height: 28px;
1183 -webkit-box-align: center; 1183 -webkit-box-align: center;
1184 -ms-flex-align: center; 1184 -ms-flex-align: center;
1185 align-items: center; 1185 align-items: center;
1186 padding-right: 12px; 1186 padding-right: 12px;
1187 z-index: 1; 1187 z-index: 1;
1188 position: absolute; 1188 position: absolute;
1189 top: 50%; 1189 top: 50%;
1190 left: 15px; 1190 left: 15px;
1191 margin-top: -14px; 1191 margin-top: -14px;
1192 } 1192 }
1193 @media (min-width: 768px) { 1193 @media (min-width: 768px) {
1194 .search span { 1194 .search span {
1195 display: -webkit-box; 1195 display: -webkit-box;
1196 display: -ms-flexbox; 1196 display: -ms-flexbox;
1197 display: flex; 1197 display: flex;
1198 } 1198 }
1199 } 1199 }
1200 .search span:after { 1200 .search span:after {
1201 content: ""; 1201 content: "";
1202 width: 1px; 1202 width: 1px;
1203 height: 100%; 1203 height: 100%;
1204 border-radius: 999px; 1204 border-radius: 999px;
1205 position: absolute; 1205 position: absolute;
1206 top: 0; 1206 top: 0;
1207 right: 0; 1207 right: 0;
1208 background: #cecece; 1208 background: #cecece;
1209 } 1209 }
1210 .search span svg { 1210 .search span svg {
1211 color: #9c9d9d; 1211 color: #9c9d9d;
1212 width: 20px; 1212 width: 20px;
1213 height: 20px; 1213 height: 20px;
1214 } 1214 }
1215 .search input { 1215 .search input {
1216 width: 100%; 1216 width: 100%;
1217 padding-right: 150px; 1217 padding-right: 150px;
1218 position: relative; 1218 position: relative;
1219 z-index: 2; 1219 z-index: 2;
1220 background: none; 1220 background: none;
1221 } 1221 }
1222 @media (min-width: 768px) { 1222 @media (min-width: 768px) {
1223 .search input { 1223 .search input {
1224 padding-left: 60px; 1224 padding-left: 60px;
1225 padding-right: 220px; 1225 padding-right: 220px;
1226 } 1226 }
1227 } 1227 }
1228 .search button { 1228 .search button {
1229 width: 140px; 1229 width: 140px;
1230 position: absolute; 1230 position: absolute;
1231 padding: 0; 1231 padding: 0;
1232 top: 0; 1232 top: 0;
1233 right: 0; 1233 right: 0;
1234 z-index: 3; 1234 z-index: 3;
1235 } 1235 }
1236 @media (min-width: 768px) { 1236 @media (min-width: 768px) {
1237 .search button { 1237 .search button {
1238 width: 200px; 1238 width: 200px;
1239 } 1239 }
1240 } 1240 }
1241 1241
1242 .breadcrumbs { 1242 .breadcrumbs {
1243 display: -webkit-box; 1243 display: -webkit-box;
1244 display: -ms-flexbox; 1244 display: -ms-flexbox;
1245 display: flex; 1245 display: flex;
1246 -webkit-box-align: center; 1246 -webkit-box-align: center;
1247 -ms-flex-align: center; 1247 -ms-flex-align: center;
1248 align-items: center; 1248 align-items: center;
1249 -ms-flex-wrap: wrap; 1249 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1250 flex-wrap: wrap;
1251 gap: 12px 6px; 1251 gap: 12px 6px;
1252 margin: 0; 1252 margin: 0;
1253 padding: 0; 1253 padding: 0;
1254 font-size: 11px; 1254 font-size: 11px;
1255 color: #cecece; 1255 color: #cecece;
1256 line-height: 1; 1256 line-height: 1;
1257 } 1257 }
1258 @media (min-width: 992px) { 1258 @media (min-width: 992px) {
1259 .breadcrumbs { 1259 .breadcrumbs {
1260 font-size: 13px; 1260 font-size: 13px;
1261 } 1261 }
1262 } 1262 }
1263 @media (min-width: 1280px) { 1263 @media (min-width: 1280px) {
1264 .breadcrumbs { 1264 .breadcrumbs {
1265 font-size: 16px; 1265 font-size: 16px;
1266 } 1266 }
1267 } 1267 }
1268 .breadcrumbs li { 1268 .breadcrumbs li {
1269 display: -webkit-box; 1269 display: -webkit-box;
1270 display: -ms-flexbox; 1270 display: -ms-flexbox;
1271 display: flex; 1271 display: flex;
1272 -webkit-box-align: center; 1272 -webkit-box-align: center;
1273 -ms-flex-align: center; 1273 -ms-flex-align: center;
1274 align-items: center; 1274 align-items: center;
1275 gap: 6px; 1275 gap: 6px;
1276 } 1276 }
1277 .breadcrumbs li:before { 1277 .breadcrumbs li:before {
1278 content: ""; 1278 content: "";
1279 width: 4px; 1279 width: 4px;
1280 height: 4px; 1280 height: 4px;
1281 background: #cecece; 1281 background: #cecece;
1282 border-radius: 999px; 1282 border-radius: 999px;
1283 position: relative; 1283 position: relative;
1284 top: -1px; 1284 top: -1px;
1285 } 1285 }
1286 .breadcrumbs li:first-child:before { 1286 .breadcrumbs li:first-child:before {
1287 display: none; 1287 display: none;
1288 } 1288 }
1289 .breadcrumbs li:last-child:before { 1289 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1290 background: #377d87;
1291 } 1291 }
1292 .breadcrumbs a:hover { 1292 .breadcrumbs a:hover {
1293 color: #377d87; 1293 color: #377d87;
1294 } 1294 }
1295 .breadcrumbs b { 1295 .breadcrumbs b {
1296 color: #377d87; 1296 color: #377d87;
1297 font-weight: 700; 1297 font-weight: 700;
1298 } 1298 }
1299 1299
1300 .pagination { 1300 .pagination {
1301 display: -webkit-box; 1301 display: -webkit-box;
1302 display: -ms-flexbox; 1302 display: -ms-flexbox;
1303 display: flex; 1303 display: flex;
1304 -webkit-box-align: center; 1304 -webkit-box-align: center;
1305 -ms-flex-align: center; 1305 -ms-flex-align: center;
1306 align-items: center; 1306 align-items: center;
1307 -webkit-box-pack: center; 1307 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1308 -ms-flex-pack: center;
1309 justify-content: center; 1309 justify-content: center;
1310 -ms-flex-wrap: wrap; 1310 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1311 flex-wrap: wrap;
1312 line-height: 1; 1312 line-height: 1;
1313 color: #000; 1313 color: #000;
1314 font-size: 12px; 1314 font-size: 12px;
1315 margin: 0 auto; 1315 margin: 0 auto;
1316 } 1316 }
1317 @media (min-width: 768px) { 1317 @media (min-width: 768px) {
1318 .pagination { 1318 .pagination {
1319 font-size: 14px; 1319 font-size: 14px;
1320 gap: 3px; 1320 gap: 3px;
1321 } 1321 }
1322 } 1322 }
1323 .pagination__item { 1323 .pagination__item {
1324 width: 40px; 1324 width: 40px;
1325 height: 40px; 1325 height: 40px;
1326 display: -webkit-box; 1326 display: -webkit-box;
1327 display: -ms-flexbox; 1327 display: -ms-flexbox;
1328 display: flex; 1328 display: flex;
1329 -webkit-box-pack: center; 1329 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1330 -ms-flex-pack: center;
1331 justify-content: center; 1331 justify-content: center;
1332 -webkit-box-align: center; 1332 -webkit-box-align: center;
1333 -ms-flex-align: center; 1333 -ms-flex-align: center;
1334 align-items: center; 1334 align-items: center;
1335 background: none; 1335 background: none;
1336 padding: 0; 1336 padding: 0;
1337 border: 1px solid transparent; 1337 border: 1px solid transparent;
1338 border-radius: 8px; 1338 border-radius: 8px;
1339 } 1339 }
1340 .pagination__item:hover { 1340 .pagination__item:hover {
1341 -webkit-transition: 0s; 1341 -webkit-transition: 0s;
1342 transition: 0s; 1342 transition: 0s;
1343 color: #377d87; 1343 color: #377d87;
1344 font-weight: 700; 1344 font-weight: 700;
1345 } 1345 }
1346 .pagination__item.active { 1346 .pagination__item.active {
1347 font-weight: 700; 1347 font-weight: 700;
1348 color: #fff; 1348 color: #fff;
1349 background: #377d87; 1349 background: #377d87;
1350 border-color: #377d87; 1350 border-color: #377d87;
1351 } 1351 }
1352 .pagination__dots { 1352 .pagination__dots {
1353 width: 40px; 1353 width: 40px;
1354 height: 40px; 1354 height: 40px;
1355 display: -webkit-box; 1355 display: -webkit-box;
1356 display: -ms-flexbox; 1356 display: -ms-flexbox;
1357 display: flex; 1357 display: flex;
1358 -webkit-box-pack: center; 1358 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1359 -ms-flex-pack: center;
1360 justify-content: center; 1360 justify-content: center;
1361 -webkit-box-align: center; 1361 -webkit-box-align: center;
1362 -ms-flex-align: center; 1362 -ms-flex-align: center;
1363 align-items: center; 1363 align-items: center;
1364 } 1364 }
1365 .pagination__dots svg { 1365 .pagination__dots svg {
1366 width: 15px; 1366 width: 15px;
1367 height: 15px; 1367 height: 15px;
1368 } 1368 }
1369 .pagination__nav { 1369 .pagination__nav {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: none; 1372 display: none;
1373 -webkit-box-pack: center; 1373 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1374 -ms-flex-pack: center;
1375 justify-content: center; 1375 justify-content: center;
1376 -webkit-box-align: center; 1376 -webkit-box-align: center;
1377 -ms-flex-align: center; 1377 -ms-flex-align: center;
1378 align-items: center; 1378 align-items: center;
1379 background: none; 1379 background: none;
1380 padding: 0; 1380 padding: 0;
1381 border: 1px solid #cddee1; 1381 border: 1px solid #cddee1;
1382 color: #377d87; 1382 color: #377d87;
1383 border-radius: 8px; 1383 border-radius: 8px;
1384 } 1384 }
1385 @media (min-width: 768px) { 1385 @media (min-width: 768px) {
1386 .pagination__nav { 1386 .pagination__nav {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 } 1390 }
1391 } 1391 }
1392 .pagination__nav:hover { 1392 .pagination__nav:hover {
1393 border-color: #377d87; 1393 border-color: #377d87;
1394 background: #377d87; 1394 background: #377d87;
1395 color: #fff; 1395 color: #fff;
1396 } 1396 }
1397 .pagination__nav svg { 1397 .pagination__nav svg {
1398 width: 10px; 1398 width: 10px;
1399 height: 10px; 1399 height: 10px;
1400 } 1400 }
1401 .pagination__nav_prev { 1401 .pagination__nav_prev {
1402 margin-right: 37px; 1402 margin-right: 37px;
1403 } 1403 }
1404 .pagination__nav_prev svg { 1404 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1405 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1406 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1407 transform: rotate(180deg);
1408 } 1408 }
1409 .pagination__nav_next { 1409 .pagination__nav_next {
1410 margin-left: 37px; 1410 margin-left: 37px;
1411 } 1411 }
1412 1412
1413 .filters { 1413 .filters {
1414 display: -webkit-box; 1414 display: -webkit-box;
1415 display: -ms-flexbox; 1415 display: -ms-flexbox;
1416 display: flex; 1416 display: flex;
1417 -webkit-box-orient: vertical; 1417 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1418 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1419 -ms-flex-direction: column;
1420 flex-direction: column; 1420 flex-direction: column;
1421 gap: 10px; 1421 gap: 10px;
1422 } 1422 }
1423 @media (min-width: 768px) { 1423 @media (min-width: 768px) {
1424 .filters { 1424 .filters {
1425 -webkit-box-orient: horizontal; 1425 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1426 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1427 -ms-flex-direction: row;
1428 flex-direction: row; 1428 flex-direction: row;
1429 -webkit-box-align: center; 1429 -webkit-box-align: center;
1430 -ms-flex-align: center; 1430 -ms-flex-align: center;
1431 align-items: center; 1431 align-items: center;
1432 -webkit-box-pack: justify; 1432 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1433 -ms-flex-pack: justify;
1434 justify-content: space-between; 1434 justify-content: space-between;
1435 } 1435 }
1436 } 1436 }
1437 .filters__label { 1437 .filters__label {
1438 color: #377d87; 1438 color: #377d87;
1439 font-size: 12px; 1439 font-size: 12px;
1440 font-weight: 700; 1440 font-weight: 700;
1441 } 1441 }
1442 @media (min-width: 768px) { 1442 @media (min-width: 768px) {
1443 .filters__label { 1443 .filters__label {
1444 font-size: 16px; 1444 font-size: 16px;
1445 } 1445 }
1446 } 1446 }
1447 @media (min-width: 992px) { 1447 @media (min-width: 992px) {
1448 .filters__label { 1448 .filters__label {
1449 font-size: 18px; 1449 font-size: 18px;
1450 } 1450 }
1451 } 1451 }
1452 .filters__body { 1452 .filters__body {
1453 display: -webkit-box; 1453 display: -webkit-box;
1454 display: -ms-flexbox; 1454 display: -ms-flexbox;
1455 display: flex; 1455 display: flex;
1456 -webkit-box-orient: vertical; 1456 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1457 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1458 -ms-flex-direction: column;
1459 flex-direction: column; 1459 flex-direction: column;
1460 } 1460 }
1461 @media (min-width: 768px) { 1461 @media (min-width: 768px) {
1462 .filters__body { 1462 .filters__body {
1463 -webkit-box-orient: horizontal; 1463 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1465 -ms-flex-direction: row;
1466 flex-direction: row; 1466 flex-direction: row;
1467 -webkit-box-align: center; 1467 -webkit-box-align: center;
1468 -ms-flex-align: center; 1468 -ms-flex-align: center;
1469 align-items: center; 1469 align-items: center;
1470 } 1470 }
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__select { 1473 .filters__select {
1474 width: 250px; 1474 width: 250px;
1475 } 1475 }
1476 } 1476 }
1477 @media (min-width: 992px) { 1477 @media (min-width: 992px) {
1478 .filters__select { 1478 .filters__select {
1479 width: 310px; 1479 width: 310px;
1480 } 1480 }
1481 } 1481 }
1482 .filters__item { 1482 .filters__item {
1483 display: none; 1483 display: none;
1484 -webkit-box-pack: center; 1484 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1485 -ms-flex-pack: center;
1486 justify-content: center; 1486 justify-content: center;
1487 -webkit-box-align: center; 1487 -webkit-box-align: center;
1488 -ms-flex-align: center; 1488 -ms-flex-align: center;
1489 align-items: center; 1489 align-items: center;
1490 width: 50px; 1490 width: 50px;
1491 height: 50px; 1491 height: 50px;
1492 padding: 0; 1492 padding: 0;
1493 background: #fff; 1493 background: #fff;
1494 border: 1px solid #377d87; 1494 border: 1px solid #377d87;
1495 color: #377d87; 1495 color: #377d87;
1496 border-radius: 8px; 1496 border-radius: 8px;
1497 margin-left: 20px; 1497 margin-left: 20px;
1498 } 1498 }
1499 @media (min-width: 768px) { 1499 @media (min-width: 768px) {
1500 .filters__item { 1500 .filters__item {
1501 display: -webkit-box; 1501 display: -webkit-box;
1502 display: -ms-flexbox; 1502 display: -ms-flexbox;
1503 display: flex; 1503 display: flex;
1504 } 1504 }
1505 } 1505 }
1506 .filters__item svg { 1506 .filters__item svg {
1507 width: 24px; 1507 width: 24px;
1508 height: 24px; 1508 height: 24px;
1509 } 1509 }
1510 .filters__item.active { 1510 .filters__item.active {
1511 background: #377d87; 1511 background: #377d87;
1512 color: #fff; 1512 color: #fff;
1513 } 1513 }
1514 .filters__item + .filters__item { 1514 .filters__item + .filters__item {
1515 margin-left: 8px; 1515 margin-left: 8px;
1516 } 1516 }
1517 1517
1518 .like, 1518 .like,
1519 .chat { 1519 .chat {
1520 width: 30px; 1520 width: 30px;
1521 height: 30px; 1521 height: 30px;
1522 display: -webkit-box; 1522 display: -webkit-box;
1523 display: -ms-flexbox; 1523 display: -ms-flexbox;
1524 display: flex; 1524 display: flex;
1525 -webkit-box-pack: center; 1525 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1526 -ms-flex-pack: center;
1527 justify-content: center; 1527 justify-content: center;
1528 -webkit-box-align: center; 1528 -webkit-box-align: center;
1529 -ms-flex-align: center; 1529 -ms-flex-align: center;
1530 align-items: center; 1530 align-items: center;
1531 background: none; 1531 background: none;
1532 border: 1px solid #377d87; 1532 border: 1px solid #377d87;
1533 padding: 0; 1533 padding: 0;
1534 color: #377d87; 1534 color: #377d87;
1535 border-radius: 6px; 1535 border-radius: 6px;
1536 } 1536 }
1537 @media (min-width: 768px) { 1537 @media (min-width: 768px) {
1538 .like, 1538 .like,
1539 .chat { 1539 .chat {
1540 width: 44px; 1540 width: 44px;
1541 height: 44px; 1541 height: 44px;
1542 } 1542 }
1543 } 1543 }
1544 .like.active, 1544 .like.active,
1545 .chat.active { 1545 .chat.active {
1546 background: #377d87; 1546 background: #377d87;
1547 color: #fff; 1547 color: #fff;
1548 } 1548 }
1549 .like svg, 1549 .like svg,
1550 .chat svg { 1550 .chat svg {
1551 width: 14px; 1551 width: 14px;
1552 height: 14px; 1552 height: 14px;
1553 } 1553 }
1554 @media (min-width: 768px) { 1554 @media (min-width: 768px) {
1555 .like svg, 1555 .like svg,
1556 .chat svg { 1556 .chat svg {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 1561
1562 .like.active { 1562 .like.active {
1563 background: #eb5757; 1563 background: #eb5757;
1564 border-color: #eb5757; 1564 border-color: #eb5757;
1565 } 1565 }
1566 1566
1567 .checkbox { 1567 .checkbox {
1568 display: -webkit-box; 1568 display: -webkit-box;
1569 display: -ms-flexbox; 1569 display: -ms-flexbox;
1570 display: flex; 1570 display: flex;
1571 -webkit-box-align: start; 1571 -webkit-box-align: start;
1572 -ms-flex-align: start; 1572 -ms-flex-align: start;
1573 align-items: flex-start; 1573 align-items: flex-start;
1574 cursor: pointer; 1574 cursor: pointer;
1575 position: relative; 1575 position: relative;
1576 } 1576 }
1577 .checkbox__input { 1577 .checkbox__input {
1578 position: absolute; 1578 position: absolute;
1579 z-index: 1; 1579 z-index: 1;
1580 width: 14px; 1580 width: 14px;
1581 height: 14px; 1581 height: 14px;
1582 padding: 0; 1582 padding: 0;
1583 background: none; 1583 background: none;
1584 border: none; 1584 border: none;
1585 opacity: 0; 1585 opacity: 0;
1586 } 1586 }
1587 @media (min-width: 768px) { 1587 @media (min-width: 768px) {
1588 .checkbox__input { 1588 .checkbox__input {
1589 width: 20px; 1589 width: 20px;
1590 height: 20px; 1590 height: 20px;
1591 } 1591 }
1592 } 1592 }
1593 .checkbox__icon { 1593 .checkbox__icon {
1594 width: 14px; 1594 width: 14px;
1595 height: 14px; 1595 height: 14px;
1596 border: 1px solid #cfcfcf; 1596 border: 1px solid #cfcfcf;
1597 background: #fff; 1597 background: #fff;
1598 color: #fff; 1598 color: #fff;
1599 display: -webkit-box; 1599 display: -webkit-box;
1600 display: -ms-flexbox; 1600 display: -ms-flexbox;
1601 display: flex; 1601 display: flex;
1602 -webkit-box-pack: center; 1602 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1603 -ms-flex-pack: center;
1604 justify-content: center; 1604 justify-content: center;
1605 -webkit-box-align: center; 1605 -webkit-box-align: center;
1606 -ms-flex-align: center; 1606 -ms-flex-align: center;
1607 align-items: center; 1607 align-items: center;
1608 border-radius: 4px; 1608 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1609 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1610 transition: 0.3s;
1611 position: relative; 1611 position: relative;
1612 z-index: 2; 1612 z-index: 2;
1613 } 1613 }
1614 @media (min-width: 768px) { 1614 @media (min-width: 768px) {
1615 .checkbox__icon { 1615 .checkbox__icon {
1616 width: 20px; 1616 width: 20px;
1617 height: 20px; 1617 height: 20px;
1618 } 1618 }
1619 } 1619 }
1620 .checkbox__icon svg { 1620 .checkbox__icon svg {
1621 width: 8px; 1621 width: 8px;
1622 height: 8px; 1622 height: 8px;
1623 opacity: 0; 1623 opacity: 0;
1624 } 1624 }
1625 @media (min-width: 768px) { 1625 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1626 .checkbox__icon svg {
1627 width: 10px; 1627 width: 10px;
1628 height: 10px; 1628 height: 10px;
1629 } 1629 }
1630 } 1630 }
1631 .checkbox__input:checked + .checkbox__icon { 1631 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1632 border-color: #377d87;
1633 background: #377d87; 1633 background: #377d87;
1634 } 1634 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1635 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1636 opacity: 1;
1637 } 1637 }
1638 .checkbox__text { 1638 .checkbox__text {
1639 width: calc(100% - 14px); 1639 width: calc(100% - 14px);
1640 padding-left: 6px; 1640 padding-left: 6px;
1641 font-size: 12px; 1641 font-size: 12px;
1642 line-height: 1; 1642 line-height: 1;
1643 display: -webkit-box; 1643 display: -webkit-box;
1644 display: -ms-flexbox; 1644 display: -ms-flexbox;
1645 display: flex; 1645 display: flex;
1646 -webkit-box-align: center; 1646 -webkit-box-align: center;
1647 -ms-flex-align: center; 1647 -ms-flex-align: center;
1648 align-items: center; 1648 align-items: center;
1649 min-height: 14px; 1649 min-height: 14px;
1650 } 1650 }
1651 @media (min-width: 768px) { 1651 @media (min-width: 768px) {
1652 .checkbox__text { 1652 .checkbox__text {
1653 width: calc(100% - 20px); 1653 width: calc(100% - 20px);
1654 padding-left: 12px; 1654 padding-left: 12px;
1655 font-size: 15px; 1655 font-size: 15px;
1656 min-height: 20px; 1656 min-height: 20px;
1657 } 1657 }
1658 } 1658 }
1659 .checkbox__text a { 1659 .checkbox__text a {
1660 color: #377d87; 1660 color: #377d87;
1661 text-decoration: underline; 1661 text-decoration: underline;
1662 } 1662 }
1663 1663
1664 .file { 1664 .file {
1665 display: -webkit-box; 1665 display: -webkit-box;
1666 display: -ms-flexbox; 1666 display: -ms-flexbox;
1667 display: flex; 1667 display: flex;
1668 -webkit-box-orient: vertical; 1668 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1669 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1670 -ms-flex-direction: column;
1671 flex-direction: column; 1671 flex-direction: column;
1672 } 1672 }
1673 .file__input input { 1673 .file__input input {
1674 display: none; 1674 display: none;
1675 } 1675 }
1676 .file__list { 1676 .file__list {
1677 display: -webkit-box; 1677 display: -webkit-box;
1678 display: -ms-flexbox; 1678 display: -ms-flexbox;
1679 display: flex; 1679 display: flex;
1680 -webkit-box-orient: vertical; 1680 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1681 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1682 -ms-flex-direction: column;
1683 flex-direction: column; 1683 flex-direction: column;
1684 } 1684 }
1685 .file__list-item { 1685 .file__list-item {
1686 display: -webkit-box; 1686 display: -webkit-box;
1687 display: -ms-flexbox; 1687 display: -ms-flexbox;
1688 display: flex; 1688 display: flex;
1689 -webkit-box-align: start; 1689 -webkit-box-align: start;
1690 -ms-flex-align: start; 1690 -ms-flex-align: start;
1691 align-items: flex-start; 1691 align-items: flex-start;
1692 margin-top: 16px; 1692 margin-top: 16px;
1693 } 1693 }
1694 .file__list-item-left { 1694 .file__list-item-left {
1695 width: calc(100% - 16px); 1695 width: calc(100% - 16px);
1696 min-height: 16px; 1696 min-height: 16px;
1697 color: #9c9d9d; 1697 color: #9c9d9d;
1698 font-size: 12px; 1698 font-size: 12px;
1699 display: -webkit-box; 1699 display: -webkit-box;
1700 display: -ms-flexbox; 1700 display: -ms-flexbox;
1701 display: flex; 1701 display: flex;
1702 -webkit-box-align: start; 1702 -webkit-box-align: start;
1703 -ms-flex-align: start; 1703 -ms-flex-align: start;
1704 align-items: flex-start; 1704 align-items: flex-start;
1705 } 1705 }
1706 @media (min-width: 768px) { 1706 @media (min-width: 768px) {
1707 .file__list-item-left { 1707 .file__list-item-left {
1708 width: auto; 1708 width: auto;
1709 max-width: calc(100% - 16px); 1709 max-width: calc(100% - 16px);
1710 font-size: 16px; 1710 font-size: 16px;
1711 } 1711 }
1712 } 1712 }
1713 .file__list-item-left svg { 1713 .file__list-item-left svg {
1714 width: 16px; 1714 width: 16px;
1715 height: 16px; 1715 height: 16px;
1716 } 1716 }
1717 .file__list-item-left span { 1717 .file__list-item-left span {
1718 width: calc(100% - 16px); 1718 width: calc(100% - 16px);
1719 min-height: 16px; 1719 min-height: 16px;
1720 display: -webkit-box; 1720 display: -webkit-box;
1721 display: -ms-flexbox; 1721 display: -ms-flexbox;
1722 display: flex; 1722 display: flex;
1723 -webkit-box-align: center; 1723 -webkit-box-align: center;
1724 -ms-flex-align: center; 1724 -ms-flex-align: center;
1725 align-items: center; 1725 align-items: center;
1726 padding: 0 8px; 1726 padding: 0 8px;
1727 } 1727 }
1728 .file__list-item-right { 1728 .file__list-item-right {
1729 display: -webkit-box; 1729 display: -webkit-box;
1730 display: -ms-flexbox; 1730 display: -ms-flexbox;
1731 display: flex; 1731 display: flex;
1732 -webkit-box-pack: center; 1732 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1733 -ms-flex-pack: center;
1734 justify-content: center; 1734 justify-content: center;
1735 -webkit-box-align: center; 1735 -webkit-box-align: center;
1736 -ms-flex-align: center; 1736 -ms-flex-align: center;
1737 align-items: center; 1737 align-items: center;
1738 padding: 0; 1738 padding: 0;
1739 background: none; 1739 background: none;
1740 border: none; 1740 border: none;
1741 width: 16px; 1741 width: 16px;
1742 height: 16px; 1742 height: 16px;
1743 color: #377d87; 1743 color: #377d87;
1744 } 1744 }
1745 .file__list-item-right:hover { 1745 .file__list-item-right:hover {
1746 color: #000; 1746 color: #000;
1747 } 1747 }
1748 .file__list-item-right svg { 1748 .file__list-item-right svg {
1749 width: 10px; 1749 width: 10px;
1750 height: 10px; 1750 height: 10px;
1751 } 1751 }
1752 .file__list-item + .file__list-item { 1752 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1753 margin-top: 10px;
1754 } 1754 }
1755 1755
1756 .rate { 1756 .rate {
1757 display: -webkit-box; 1757 display: -webkit-box;
1758 display: -ms-flexbox; 1758 display: -ms-flexbox;
1759 display: flex; 1759 display: flex;
1760 -webkit-box-align: center; 1760 -webkit-box-align: center;
1761 -ms-flex-align: center; 1761 -ms-flex-align: center;
1762 align-items: center; 1762 align-items: center;
1763 gap: 10px; 1763 gap: 10px;
1764 } 1764 }
1765 @media (min-width: 768px) { 1765 @media (min-width: 768px) {
1766 .rate { 1766 .rate {
1767 gap: 20px; 1767 gap: 20px;
1768 } 1768 }
1769 } 1769 }
1770 .rate__label { 1770 .rate__label {
1771 font-size: 12px; 1771 font-size: 12px;
1772 font-weight: 700; 1772 font-weight: 700;
1773 line-height: 1; 1773 line-height: 1;
1774 } 1774 }
1775 @media (min-width: 768px) { 1775 @media (min-width: 768px) {
1776 .rate__label { 1776 .rate__label {
1777 font-size: 18px; 1777 font-size: 18px;
1778 } 1778 }
1779 } 1779 }
1780 .rate__stars { 1780 .rate__stars {
1781 display: -webkit-box; 1781 display: -webkit-box;
1782 display: -ms-flexbox; 1782 display: -ms-flexbox;
1783 display: flex; 1783 display: flex;
1784 -webkit-box-orient: vertical; 1784 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1785 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1786 -ms-flex-direction: column;
1787 flex-direction: column; 1787 flex-direction: column;
1788 } 1788 }
1789 1789
1790 .back { 1790 .back {
1791 display: -webkit-box; 1791 display: -webkit-box;
1792 display: -ms-flexbox; 1792 display: -ms-flexbox;
1793 display: flex; 1793 display: flex;
1794 -webkit-box-align: center; 1794 -webkit-box-align: center;
1795 -ms-flex-align: center; 1795 -ms-flex-align: center;
1796 align-items: center; 1796 align-items: center;
1797 font-size: 14px; 1797 font-size: 14px;
1798 color: #377d87; 1798 color: #377d87;
1799 font-weight: 700; 1799 font-weight: 700;
1800 } 1800 }
1801 @media (min-width: 768px) { 1801 @media (min-width: 768px) {
1802 .back { 1802 .back {
1803 font-size: 18px; 1803 font-size: 18px;
1804 } 1804 }
1805 } 1805 }
1806 .back:hover { 1806 .back:hover {
1807 color: #4d88d9; 1807 color: #4d88d9;
1808 } 1808 }
1809 .back svg { 1809 .back svg {
1810 width: 16px; 1810 width: 16px;
1811 height: 16px; 1811 height: 16px;
1812 } 1812 }
1813 @media (min-width: 768px) { 1813 @media (min-width: 768px) {
1814 .back svg { 1814 .back svg {
1815 width: 26px; 1815 width: 26px;
1816 height: 26px; 1816 height: 26px;
1817 } 1817 }
1818 } 1818 }
1819 .back span { 1819 .back span {
1820 width: calc(100% - 16px); 1820 width: calc(100% - 16px);
1821 padding-left: 10px; 1821 padding-left: 10px;
1822 } 1822 }
1823 @media (min-width: 768px) { 1823 @media (min-width: 768px) {
1824 .back span { 1824 .back span {
1825 width: calc(100% - 26px); 1825 width: calc(100% - 26px);
1826 padding-left: 20px; 1826 padding-left: 20px;
1827 } 1827 }
1828 } 1828 }
1829 1829
1830 .callback { 1830 .callback {
1831 display: -webkit-box; 1831 display: -webkit-box;
1832 display: -ms-flexbox; 1832 display: -ms-flexbox;
1833 display: flex; 1833 display: flex;
1834 -webkit-box-orient: vertical; 1834 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1835 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1836 -ms-flex-direction: column;
1837 flex-direction: column; 1837 flex-direction: column;
1838 gap: 16px; 1838 gap: 16px;
1839 } 1839 }
1840 @media (min-width: 992px) { 1840 @media (min-width: 992px) {
1841 .callback { 1841 .callback {
1842 -webkit-box-orient: horizontal; 1842 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1843 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1844 -ms-flex-direction: row;
1845 flex-direction: row; 1845 flex-direction: row;
1846 -webkit-box-pack: justify; 1846 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1847 -ms-flex-pack: justify;
1848 justify-content: space-between; 1848 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1849 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1850 flex-wrap: wrap;
1851 gap: 20px 0; 1851 gap: 20px 0;
1852 } 1852 }
1853 } 1853 }
1854 .callback__body { 1854 .callback__body {
1855 display: -webkit-box; 1855 display: -webkit-box;
1856 display: -ms-flexbox; 1856 display: -ms-flexbox;
1857 display: flex; 1857 display: flex;
1858 -webkit-box-orient: vertical; 1858 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1859 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1860 -ms-flex-direction: column;
1861 flex-direction: column; 1861 flex-direction: column;
1862 gap: 16px; 1862 gap: 16px;
1863 } 1863 }
1864 @media (min-width: 992px) { 1864 @media (min-width: 992px) {
1865 .callback__body { 1865 .callback__body {
1866 width: calc(50% - 10px); 1866 width: calc(50% - 10px);
1867 gap: 10px; 1867 gap: 10px;
1868 } 1868 }
1869 } 1869 }
1870 @media (min-width: 992px) { 1870 @media (min-width: 992px) {
1871 .callback__textarea { 1871 .callback__textarea {
1872 width: calc(50% - 10px); 1872 width: calc(50% - 10px);
1873 height: auto; 1873 height: auto;
1874 } 1874 }
1875 } 1875 }
1876 .callback__bottom { 1876 .callback__bottom {
1877 display: -webkit-box; 1877 display: -webkit-box;
1878 display: -ms-flexbox; 1878 display: -ms-flexbox;
1879 display: flex; 1879 display: flex;
1880 -webkit-box-orient: vertical; 1880 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1881 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1882 -ms-flex-direction: column;
1883 flex-direction: column; 1883 flex-direction: column;
1884 gap: 16px; 1884 gap: 16px;
1885 } 1885 }
1886 @media (min-width: 768px) { 1886 @media (min-width: 768px) {
1887 .callback__bottom { 1887 .callback__bottom {
1888 -webkit-box-align: start; 1888 -webkit-box-align: start;
1889 -ms-flex-align: start; 1889 -ms-flex-align: start;
1890 align-items: flex-start; 1890 align-items: flex-start;
1891 } 1891 }
1892 } 1892 }
1893 @media (min-width: 992px) { 1893 @media (min-width: 992px) {
1894 .callback__bottom { 1894 .callback__bottom {
1895 width: 100%; 1895 width: 100%;
1896 gap: 20px; 1896 gap: 20px;
1897 } 1897 }
1898 } 1898 }
1899 1899
1900 .error .input, 1900 .error .input,
1901 .error .textarea { 1901 .error .textarea {
1902 border-color: #eb5757; 1902 border-color: #eb5757;
1903 } 1903 }
1904 .error label { 1904 .error label {
1905 display: block; 1905 display: block;
1906 } 1906 }
1907 1907
1908 .eye { 1908 .eye {
1909 position: absolute; 1909 position: absolute;
1910 z-index: 2; 1910 z-index: 2;
1911 top: 50%; 1911 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1912 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1913 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1914 transform: translate(0, -50%);
1915 right: 10px; 1915 right: 10px;
1916 aspect-ratio: 1/1; 1916 aspect-ratio: 1/1;
1917 width: 16px; 1917 width: 16px;
1918 padding: 0; 1918 padding: 0;
1919 border: none; 1919 border: none;
1920 background: none; 1920 background: none;
1921 color: #9c9d9d; 1921 color: #9c9d9d;
1922 } 1922 }
1923 @media (min-width: 768px) { 1923 @media (min-width: 768px) {
1924 .eye { 1924 .eye {
1925 width: 24px; 1925 width: 24px;
1926 right: 20px; 1926 right: 20px;
1927 } 1927 }
1928 } 1928 }
1929 .eye svg { 1929 .eye svg {
1930 position: absolute; 1930 position: absolute;
1931 top: 0; 1931 top: 0;
1932 left: 0; 1932 left: 0;
1933 width: 100%; 1933 width: 100%;
1934 height: 100%; 1934 height: 100%;
1935 } 1935 }
1936 .eye svg + svg { 1936 .eye svg + svg {
1937 display: none; 1937 display: none;
1938 } 1938 }
1939 .eye.active { 1939 .eye.active {
1940 color: #377d87; 1940 color: #377d87;
1941 } 1941 }
1942 .eye.active svg { 1942 .eye.active svg {
1943 display: none; 1943 display: none;
1944 } 1944 }
1945 .eye.active svg + svg { 1945 .eye.active svg + svg {
1946 display: block; 1946 display: block;
1947 } 1947 }
1948 1948
1949 .del { 1949 .del {
1950 width: 32px; 1950 width: 32px;
1951 aspect-ratio: 1/1; 1951 aspect-ratio: 1/1;
1952 background: #377d87; 1952 background: #377d87;
1953 color: #fff; 1953 color: #fff;
1954 display: -webkit-box; 1954 display: -webkit-box;
1955 display: -ms-flexbox; 1955 display: -ms-flexbox;
1956 display: flex; 1956 display: flex;
1957 -webkit-box-pack: center; 1957 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1958 -ms-flex-pack: center;
1959 justify-content: center; 1959 justify-content: center;
1960 -webkit-box-align: center; 1960 -webkit-box-align: center;
1961 -ms-flex-align: center; 1961 -ms-flex-align: center;
1962 align-items: center; 1962 align-items: center;
1963 border-radius: 8px; 1963 border-radius: 8px;
1964 padding: 0; 1964 padding: 0;
1965 border: 1px solid #377d87; 1965 border: 1px solid #377d87;
1966 } 1966 }
1967 .del:hover { 1967 .del:hover {
1968 background: #fff; 1968 background: #fff;
1969 color: #377d87; 1969 color: #377d87;
1970 } 1970 }
1971 .del svg { 1971 .del svg {
1972 width: 50%; 1972 width: 50%;
1973 aspect-ratio: 1/1; 1973 aspect-ratio: 1/1;
1974 } 1974 }
1975 1975
1976 .notify { 1976 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1978 padding: 6px 12px;
1979 border-radius: 8px; 1979 border-radius: 8px;
1980 display: -webkit-box; 1980 display: -webkit-box;
1981 display: -ms-flexbox; 1981 display: -ms-flexbox;
1982 display: flex; 1982 display: flex;
1983 -webkit-box-align: start; 1983 -webkit-box-align: start;
1984 -ms-flex-align: start; 1984 -ms-flex-align: start;
1985 align-items: flex-start; 1985 align-items: flex-start;
1986 } 1986 }
1987 @media (min-width: 768px) { 1987 @media (min-width: 768px) {
1988 .notify { 1988 .notify {
1989 padding: 12px 20px; 1989 padding: 12px 20px;
1990 } 1990 }
1991 } 1991 }
1992 .notify_red { 1992 .notify_red {
1993 background: #f9cdcd; 1993 background: #f9cdcd;
1994 } 1994 }
1995 .notify svg { 1995 .notify svg {
1996 color: #4d88d9; 1996 color: #4d88d9;
1997 width: 20px; 1997 width: 20px;
1998 aspect-ratio: 1/1; 1998 aspect-ratio: 1/1;
1999 } 1999 }
2000 .notify span { 2000 .notify span {
2001 font-size: 12px; 2001 font-size: 12px;
2002 padding-left: 10px; 2002 padding-left: 10px;
2003 min-height: 20px; 2003 min-height: 20px;
2004 display: -webkit-box; 2004 display: -webkit-box;
2005 display: -ms-flexbox; 2005 display: -ms-flexbox;
2006 display: flex; 2006 display: flex;
2007 -webkit-box-align: center; 2007 -webkit-box-align: center;
2008 -ms-flex-align: center; 2008 -ms-flex-align: center;
2009 align-items: center; 2009 align-items: center;
2010 } 2010 }
2011 @media (min-width: 768px) { 2011 @media (min-width: 768px) {
2012 .notify span { 2012 .notify span {
2013 font-size: 16px; 2013 font-size: 16px;
2014 } 2014 }
2015 } 2015 }
2016 2016
2017 .table { 2017 .table {
2018 margin: 0 -10px; 2018 margin: 0 -10px;
2019 display: -webkit-box; 2019 display: -webkit-box;
2020 display: -ms-flexbox; 2020 display: -ms-flexbox;
2021 display: flex; 2021 display: flex;
2022 -webkit-box-orient: vertical; 2022 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2023 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2024 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2025 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2026 -webkit-box-align: center;
2027 -ms-flex-align: center; 2027 -ms-flex-align: center;
2028 align-items: center; 2028 align-items: center;
2029 gap: 20px; 2029 gap: 20px;
2030 } 2030 }
2031 @media (min-width: 768px) { 2031 @media (min-width: 768px) {
2032 .table { 2032 .table {
2033 margin: 0; 2033 margin: 0;
2034 gap: 30px; 2034 gap: 30px;
2035 } 2035 }
2036 } 2036 }
2037 .table__button { 2037 .table__button {
2038 display: none; 2038 display: none;
2039 } 2039 }
2040 .table_spoiler .table__button { 2040 .table_spoiler .table__button {
2041 display: -webkit-box; 2041 display: -webkit-box;
2042 display: -ms-flexbox; 2042 display: -ms-flexbox;
2043 display: flex; 2043 display: flex;
2044 } 2044 }
2045 .table__scroll { 2045 .table__scroll {
2046 overflow: hidden; 2046 overflow: hidden;
2047 overflow-x: auto; 2047 overflow-x: auto;
2048 padding: 0 10px; 2048 padding: 0 10px;
2049 width: 100%; 2049 width: 100%;
2050 } 2050 }
2051 @media (min-width: 768px) { 2051 @media (min-width: 768px) {
2052 .table__scroll { 2052 .table__scroll {
2053 padding: 0; 2053 padding: 0;
2054 } 2054 }
2055 } 2055 }
2056 .table__body { 2056 .table__body {
2057 border-radius: 8px; 2057 border-radius: 8px;
2058 overflow: hidden; 2058 overflow: hidden;
2059 } 2059 }
2060 .table__body_min-width { 2060 .table__body_min-width {
2061 min-width: 580px; 2061 min-width: 580px;
2062 } 2062 }
2063 .table table { 2063 .table table {
2064 border-collapse: collapse; 2064 border-collapse: collapse;
2065 width: 100%; 2065 width: 100%;
2066 font-size: 12px; 2066 font-size: 12px;
2067 border-radius: 8px; 2067 border-radius: 8px;
2068 } 2068 }
2069 @media (min-width: 768px) { 2069 @media (min-width: 768px) {
2070 .table table { 2070 .table table {
2071 font-size: 14px; 2071 font-size: 14px;
2072 } 2072 }
2073 } 2073 }
2074 @media (min-width: 1280px) { 2074 @media (min-width: 1280px) {
2075 .table table { 2075 .table table {
2076 font-size: 16px; 2076 font-size: 16px;
2077 } 2077 }
2078 } 2078 }
2079 .table thead tr th, 2079 .table thead tr th,
2080 .table thead tr td { 2080 .table thead tr td {
2081 background: #377d87; 2081 background: #377d87;
2082 color: #fff; 2082 color: #fff;
2083 font-weight: 700; 2083 font-weight: 700;
2084 border-top-color: #377d87; 2084 border-top-color: #377d87;
2085 } 2085 }
2086 .table thead tr th:first-child, 2086 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2087 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2088 border-left-color: #377d87;
2089 } 2089 }
2090 .table thead tr th:last-child, 2090 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2091 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2092 border-right-color: #377d87;
2093 } 2093 }
2094 .table_spoiler tr { 2094 .table_spoiler tr {
2095 display: none; 2095 display: none;
2096 } 2096 }
2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2098 display: table-row; 2098 display: table-row;
2099 } 2099 }
2100 .table_spoiler.active tr { 2100 .table_spoiler.active tr {
2101 display: table-row; 2101 display: table-row;
2102 } 2102 }
2103 .table th, 2103 .table th,
2104 .table td { 2104 .table td {
2105 text-align: left; 2105 text-align: left;
2106 padding: 10px; 2106 padding: 10px;
2107 border: 1px solid #cecece; 2107 border: 1px solid #cecece;
2108 } 2108 }
2109 @media (min-width: 768px) { 2109 @media (min-width: 768px) {
2110 .table td { 2110 .table td {
2111 padding: 14px 10px; 2111 padding: 14px 10px;
2112 } 2112 }
2113 } 2113 }
2114 .table__status { 2114 .table__status {
2115 color: #9c9d9d; 2115 color: #9c9d9d;
2116 display: -webkit-box; 2116 display: -webkit-box;
2117 display: -ms-flexbox; 2117 display: -ms-flexbox;
2118 display: flex; 2118 display: flex;
2119 -webkit-box-align: center; 2119 -webkit-box-align: center;
2120 -ms-flex-align: center; 2120 -ms-flex-align: center;
2121 align-items: center; 2121 align-items: center;
2122 gap: 6px; 2122 gap: 6px;
2123 position: relative; 2123 position: relative;
2124 padding-left: 14px; 2124 padding-left: 14px;
2125 } 2125 }
2126 .table__status i { 2126 .table__status i {
2127 background: #9c9d9d; 2127 background: #9c9d9d;
2128 width: 8px; 2128 width: 8px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 border-radius: 999px; 2130 border-radius: 999px;
2131 position: absolute; 2131 position: absolute;
2132 top: 4px; 2132 top: 4px;
2133 left: 0; 2133 left: 0;
2134 } 2134 }
2135 .table__status.green { 2135 .table__status.green {
2136 color: #377d87; 2136 color: #377d87;
2137 } 2137 }
2138 .table__status.green i { 2138 .table__status.green i {
2139 background: #377d87; 2139 background: #377d87;
2140 } 2140 }
2141 .table__link { 2141 .table__link {
2142 display: -webkit-box; 2142 display: -webkit-box;
2143 display: -ms-flexbox; 2143 display: -ms-flexbox;
2144 display: flex; 2144 display: flex;
2145 -webkit-box-align: center; 2145 -webkit-box-align: center;
2146 -ms-flex-align: center; 2146 -ms-flex-align: center;
2147 align-items: center; 2147 align-items: center;
2148 gap: 4px; 2148 gap: 4px;
2149 color: #4d88d9; 2149 color: #4d88d9;
2150 } 2150 }
2151 @media (min-width: 768px) { 2151 @media (min-width: 768px) {
2152 .table__link { 2152 .table__link {
2153 gap: 6px; 2153 gap: 6px;
2154 } 2154 }
2155 } 2155 }
2156 .table__link:hover { 2156 .table__link:hover {
2157 color: #000; 2157 color: #000;
2158 } 2158 }
2159 .table__link svg { 2159 .table__link svg {
2160 width: 12px; 2160 width: 12px;
2161 aspect-ratio: 1/1; 2161 aspect-ratio: 1/1;
2162 } 2162 }
2163 @media (min-width: 768px) { 2163 @media (min-width: 768px) {
2164 .table__link svg { 2164 .table__link svg {
2165 width: 16px; 2165 width: 16px;
2166 } 2166 }
2167 } 2167 }
2168 .table__controls { 2168 .table__controls {
2169 display: -webkit-box; 2169 display: -webkit-box;
2170 display: -ms-flexbox; 2170 display: -ms-flexbox;
2171 display: flex; 2171 display: flex;
2172 -webkit-box-align: center; 2172 -webkit-box-align: center;
2173 -ms-flex-align: center; 2173 -ms-flex-align: center;
2174 align-items: center; 2174 align-items: center;
2175 gap: 8px; 2175 gap: 8px;
2176 } 2176 }
2177 @media (min-width: 1280px) { 2177 @media (min-width: 1280px) {
2178 .table__controls { 2178 .table__controls {
2179 gap: 12px; 2179 gap: 12px;
2180 } 2180 }
2181 } 2181 }
2182 .table__controls-item { 2182 .table__controls-item {
2183 width: 24px; 2183 width: 24px;
2184 aspect-ratio: 1/1; 2184 aspect-ratio: 1/1;
2185 display: -webkit-box; 2185 display: -webkit-box;
2186 display: -ms-flexbox; 2186 display: -ms-flexbox;
2187 display: flex; 2187 display: flex;
2188 -webkit-box-pack: center; 2188 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2189 -ms-flex-pack: center;
2190 justify-content: center; 2190 justify-content: center;
2191 -webkit-box-align: center; 2191 -webkit-box-align: center;
2192 -ms-flex-align: center; 2192 -ms-flex-align: center;
2193 align-items: center; 2193 align-items: center;
2194 border: 1px solid #377d87; 2194 border: 1px solid #377d87;
2195 border-radius: 8px; 2195 border-radius: 8px;
2196 color: #377d87; 2196 color: #377d87;
2197 background: none; 2197 background: none;
2198 padding: 0; 2198 padding: 0;
2199 } 2199 }
2200 @media (min-width: 1280px) { 2200 @media (min-width: 1280px) {
2201 .table__controls-item { 2201 .table__controls-item {
2202 width: 30px; 2202 width: 30px;
2203 } 2203 }
2204 } 2204 }
2205 .table__controls-item:hover { 2205 .table__controls-item:hover {
2206 background: #377d87; 2206 background: #377d87;
2207 color: #fff; 2207 color: #fff;
2208 } 2208 }
2209 .table__controls-item svg { 2209 .table__controls-item svg {
2210 width: 60%; 2210 width: 60%;
2211 aspect-ratio: 1/1; 2211 aspect-ratio: 1/1;
2212 } 2212 }
2213 .table__controls-item:nth-of-type(4) svg { 2213 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2214 width: 80%;
2215 } 2215 }
2216 2216
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2218 display: none;
2219 } 2219 }
2220 .gl-star-rating--stars span { 2220 .gl-star-rating--stars span {
2221 width: 22px !important; 2221 width: 22px !important;
2222 height: 22px !important; 2222 height: 22px !important;
2223 background-size: 22px 22px !important; 2223 background-size: 22px 22px !important;
2224 } 2224 }
2225 @media (min-width: 768px) { 2225 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2226 .gl-star-rating--stars span {
2227 width: 30px !important; 2227 width: 30px !important;
2228 height: 30px !important; 2228 height: 30px !important;
2229 background-size: 30px 30px !important; 2229 background-size: 30px 30px !important;
2230 } 2230 }
2231 } 2231 }
2232 2232
2233 .more { 2233 .more {
2234 display: -webkit-box; 2234 display: -webkit-box;
2235 display: -ms-flexbox; 2235 display: -ms-flexbox;
2236 display: flex; 2236 display: flex;
2237 -webkit-box-orient: vertical; 2237 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2238 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2239 -ms-flex-direction: column;
2240 flex-direction: column; 2240 flex-direction: column;
2241 -webkit-box-align: center; 2241 -webkit-box-align: center;
2242 -ms-flex-align: center; 2242 -ms-flex-align: center;
2243 align-items: center; 2243 align-items: center;
2244 } 2244 }
2245 .more_mt { 2245 .more_mt {
2246 margin-top: 20px; 2246 margin-top: 20px;
2247 } 2247 }
2248 .more .button { 2248 .more .button {
2249 min-width: 100px; 2249 min-width: 100px;
2250 padding: 0; 2250 padding: 0;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .more .button { 2253 .more .button {
2254 min-width: 180px; 2254 min-width: 180px;
2255 } 2255 }
2256 } 2256 }
2257 2257
2258 .header { 2258 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2261 background: #fff;
2262 position: relative; 2262 position: relative;
2263 z-index: 5; 2263 z-index: 5;
2264 overflow: hidden; 2264 overflow: hidden;
2265 } 2265 }
2266 @media (min-width: 768px) { 2266 @media (min-width: 768px) {
2267 .header { 2267 .header {
2268 -webkit-box-shadow: none; 2268 -webkit-box-shadow: none;
2269 box-shadow: none; 2269 box-shadow: none;
2270 } 2270 }
2271 } 2271 }
2272 .header__body { 2272 .header__body {
2273 height: 42px; 2273 height: 42px;
2274 display: -webkit-box; 2274 display: -webkit-box;
2275 display: -ms-flexbox; 2275 display: -ms-flexbox;
2276 display: flex; 2276 display: flex;
2277 -webkit-box-pack: justify; 2277 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2278 -ms-flex-pack: justify;
2279 justify-content: space-between; 2279 justify-content: space-between;
2280 -webkit-box-align: center; 2280 -webkit-box-align: center;
2281 -ms-flex-align: center; 2281 -ms-flex-align: center;
2282 align-items: center; 2282 align-items: center;
2283 } 2283 }
2284 @media (min-width: 768px) { 2284 @media (min-width: 768px) {
2285 .header__body { 2285 .header__body {
2286 height: 70px; 2286 height: 70px;
2287 } 2287 }
2288 } 2288 }
2289 .header__left { 2289 .header__left {
2290 display: -webkit-box; 2290 display: -webkit-box;
2291 display: -ms-flexbox; 2291 display: -ms-flexbox;
2292 display: flex; 2292 display: flex;
2293 -webkit-box-align: center; 2293 -webkit-box-align: center;
2294 -ms-flex-align: center; 2294 -ms-flex-align: center;
2295 align-items: center; 2295 align-items: center;
2296 gap: 40px; 2296 gap: 40px;
2297 } 2297 }
2298 .header__right { 2298 .header__right {
2299 display: -webkit-box; 2299 display: -webkit-box;
2300 display: -ms-flexbox; 2300 display: -ms-flexbox;
2301 display: flex; 2301 display: flex;
2302 -webkit-box-align: center; 2302 -webkit-box-align: center;
2303 -ms-flex-align: center; 2303 -ms-flex-align: center;
2304 align-items: center; 2304 align-items: center;
2305 gap: 14px; 2305 gap: 14px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__right { 2308 .header__right {
2309 gap: 20px; 2309 gap: 20px;
2310 } 2310 }
2311 } 2311 }
2312 .header__right-line { 2312 .header__right-line {
2313 width: 1px; 2313 width: 1px;
2314 height: 32px; 2314 height: 32px;
2315 background: #e6e7e7; 2315 background: #e6e7e7;
2316 border-radius: 999px; 2316 border-radius: 999px;
2317 } 2317 }
2318 @media (min-width: 992px) { 2318 @media (min-width: 992px) {
2319 .header__right-line { 2319 .header__right-line {
2320 display: none; 2320 display: none;
2321 } 2321 }
2322 } 2322 }
2323 .header__logo { 2323 .header__logo {
2324 display: -webkit-box; 2324 display: -webkit-box;
2325 display: -ms-flexbox; 2325 display: -ms-flexbox;
2326 display: flex; 2326 display: flex;
2327 -webkit-box-align: center; 2327 -webkit-box-align: center;
2328 -ms-flex-align: center; 2328 -ms-flex-align: center;
2329 align-items: center; 2329 align-items: center;
2330 -webkit-box-pack: center; 2330 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2331 -ms-flex-pack: center;
2332 justify-content: center; 2332 justify-content: center;
2333 color: #377d87; 2333 color: #377d87;
2334 } 2334 }
2335 .header__logo svg { 2335 .header__logo svg {
2336 width: 105px; 2336 width: 105px;
2337 height: 31px; 2337 height: 31px;
2338 } 2338 }
2339 @media (min-width: 768px) { 2339 @media (min-width: 768px) {
2340 .header__logo svg { 2340 .header__logo svg {
2341 width: 182px; 2341 width: 182px;
2342 height: 54px; 2342 height: 54px;
2343 } 2343 }
2344 } 2344 }
2345 .header__menu { 2345 .header__menu {
2346 display: none; 2346 display: none;
2347 -webkit-box-align: center; 2347 -webkit-box-align: center;
2348 -ms-flex-align: center; 2348 -ms-flex-align: center;
2349 align-items: center; 2349 align-items: center;
2350 gap: 20px; 2350 gap: 20px;
2351 } 2351 }
2352 @media (min-width: 768px) { 2352 @media (min-width: 768px) {
2353 .header__menu { 2353 .header__menu {
2354 display: -webkit-box; 2354 display: -webkit-box;
2355 display: -ms-flexbox; 2355 display: -ms-flexbox;
2356 display: flex; 2356 display: flex;
2357 } 2357 }
2358 } 2358 }
2359 .header__menu-item:hover { 2359 .header__menu-item:hover {
2360 color: #377d87; 2360 color: #377d87;
2361 } 2361 }
2362 .header__notifs { 2362 .header__notifs {
2363 display: -webkit-box; 2363 display: -webkit-box;
2364 display: -ms-flexbox; 2364 display: -ms-flexbox;
2365 display: flex; 2365 display: flex;
2366 -webkit-box-align: center; 2366 -webkit-box-align: center;
2367 -ms-flex-align: center; 2367 -ms-flex-align: center;
2368 align-items: center; 2368 align-items: center;
2369 -webkit-box-pack: center; 2369 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2370 -ms-flex-pack: center;
2371 justify-content: center; 2371 justify-content: center;
2372 color: #377d87; 2372 color: #377d87;
2373 padding: 0; 2373 padding: 0;
2374 border: none; 2374 border: none;
2375 background: none; 2375 background: none;
2376 width: 24px; 2376 width: 24px;
2377 height: 24px; 2377 height: 24px;
2378 } 2378 }
2379 @media (min-width: 992px) { 2379 @media (min-width: 992px) {
2380 .header__notifs { 2380 .header__notifs {
2381 width: auto; 2381 width: auto;
2382 height: auto; 2382 height: auto;
2383 color: #000; 2383 color: #000;
2384 line-height: 1.4; 2384 line-height: 1.4;
2385 } 2385 }
2386 } 2386 }
2387 @media (min-width: 992px) { 2387 @media (min-width: 992px) {
2388 .header__notifs:hover { 2388 .header__notifs:hover {
2389 color: #377d87; 2389 color: #377d87;
2390 } 2390 }
2391 } 2391 }
2392 .header__notifs svg { 2392 .header__notifs svg {
2393 width: 20px; 2393 width: 20px;
2394 height: 20px; 2394 height: 20px;
2395 } 2395 }
2396 @media (min-width: 992px) { 2396 @media (min-width: 992px) {
2397 .header__notifs svg { 2397 .header__notifs svg {
2398 display: none; 2398 display: none;
2399 } 2399 }
2400 } 2400 }
2401 .header__notifs span { 2401 .header__notifs span {
2402 display: none; 2402 display: none;
2403 } 2403 }
2404 @media (min-width: 992px) { 2404 @media (min-width: 992px) {
2405 .header__notifs span { 2405 .header__notifs span {
2406 display: inline; 2406 display: inline;
2407 } 2407 }
2408 } 2408 }
2409 .header__notifs_actived { 2409 .header__notifs_actived {
2410 position: relative; 2410 position: relative;
2411 } 2411 }
2412 @media (min-width: 992px) { 2412 @media (min-width: 992px) {
2413 .header__notifs_actived { 2413 .header__notifs_actived {
2414 padding-right: 12px; 2414 padding-right: 12px;
2415 } 2415 }
2416 } 2416 }
2417 .header__notifs_actived:after { 2417 .header__notifs_actived:after {
2418 content: ""; 2418 content: "";
2419 border: 1px solid #fff; 2419 border: 1px solid #fff;
2420 background: #377d87; 2420 background: #377d87;
2421 border-radius: 999px; 2421 border-radius: 999px;
2422 width: 10px; 2422 width: 10px;
2423 height: 10px; 2423 height: 10px;
2424 position: absolute; 2424 position: absolute;
2425 z-index: 1; 2425 z-index: 1;
2426 top: 0; 2426 top: 0;
2427 right: 0; 2427 right: 0;
2428 } 2428 }
2429 @media (min-width: 992px) { 2429 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2430 .header__notifs_actived:after {
2431 width: 8px; 2431 width: 8px;
2432 height: 8px; 2432 height: 8px;
2433 border: none; 2433 border: none;
2434 } 2434 }
2435 } 2435 }
2436 .header__burger { 2436 .header__burger {
2437 display: -webkit-box; 2437 display: -webkit-box;
2438 display: -ms-flexbox; 2438 display: -ms-flexbox;
2439 display: flex; 2439 display: flex;
2440 -webkit-box-align: center; 2440 -webkit-box-align: center;
2441 -ms-flex-align: center; 2441 -ms-flex-align: center;
2442 align-items: center; 2442 align-items: center;
2443 -webkit-box-pack: center; 2443 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2444 -ms-flex-pack: center;
2445 justify-content: center; 2445 justify-content: center;
2446 width: 24px; 2446 width: 24px;
2447 height: 24px; 2447 height: 24px;
2448 color: #377d87; 2448 color: #377d87;
2449 padding: 0; 2449 padding: 0;
2450 border: none; 2450 border: none;
2451 background: none; 2451 background: none;
2452 } 2452 }
2453 @media (min-width: 992px) { 2453 @media (min-width: 992px) {
2454 .header__burger { 2454 .header__burger {
2455 display: none; 2455 display: none;
2456 } 2456 }
2457 } 2457 }
2458 .header__burger svg { 2458 .header__burger svg {
2459 width: 20px; 2459 width: 20px;
2460 height: 20px; 2460 height: 20px;
2461 } 2461 }
2462 .header__burger svg + svg { 2462 .header__burger svg + svg {
2463 display: none; 2463 display: none;
2464 } 2464 }
2465 .header__sign { 2465 .header__sign {
2466 display: none; 2466 display: none;
2467 } 2467 }
2468 @media (min-width: 992px) { 2468 @media (min-width: 992px) {
2469 .header__sign { 2469 .header__sign {
2470 display: -webkit-box; 2470 display: -webkit-box;
2471 display: -ms-flexbox; 2471 display: -ms-flexbox;
2472 display: flex; 2472 display: flex;
2473 } 2473 }
2474 } 2474 }
2475 2475
2476 .mob-menu { 2476 .mob-menu {
2477 display: none; 2477 display: none;
2478 position: fixed; 2478 position: fixed;
2479 bottom: 0; 2479 bottom: 0;
2480 left: 0; 2480 left: 0;
2481 width: 100vw; 2481 width: 100vw;
2482 height: calc(100vh - 42px); 2482 height: calc(100vh - 42px);
2483 z-index: 4; 2483 z-index: 4;
2484 background: #fff; 2484 background: #fff;
2485 overflow: hidden; 2485 overflow: hidden;
2486 overflow-y: auto; 2486 overflow-y: auto;
2487 padding: 50px 0; 2487 padding: 50px 0;
2488 } 2488 }
2489 .mob-menu__bottom { 2489 .mob-menu__bottom {
2490 display: -webkit-box; 2490 display: -webkit-box;
2491 display: -ms-flexbox; 2491 display: -ms-flexbox;
2492 display: flex; 2492 display: flex;
2493 -webkit-box-orient: vertical; 2493 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2494 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2495 -ms-flex-direction: column;
2496 flex-direction: column; 2496 flex-direction: column;
2497 -webkit-box-align: center; 2497 -webkit-box-align: center;
2498 -ms-flex-align: center; 2498 -ms-flex-align: center;
2499 align-items: center; 2499 align-items: center;
2500 margin-top: 80px; 2500 margin-top: 80px;
2501 } 2501 }
2502 .mob-menu__bottom .button { 2502 .mob-menu__bottom .button {
2503 min-width: 120px; 2503 min-width: 120px;
2504 } 2504 }
2505 .mob-menu__bottom-link { 2505 .mob-menu__bottom-link {
2506 text-decoration: underline; 2506 text-decoration: underline;
2507 margin-top: 50px; 2507 margin-top: 50px;
2508 } 2508 }
2509 .mob-menu__bottom-link:hover { 2509 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2510 color: #377d87;
2511 } 2511 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2512 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2513 margin-top: 10px;
2514 } 2514 }
2515 .mob-menu__bottom .socials { 2515 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2516 margin-top: 35px;
2517 } 2517 }
2518 .mob-menu .footer__mobile-menu { 2518 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2519 opacity: 1;
2520 height: auto; 2520 height: auto;
2521 overflow: visible; 2521 overflow: visible;
2522 } 2522 }
2523 .mob-menu .footer__mobile-menu-item button { 2523 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2524 -webkit-box-align: center;
2525 -ms-flex-align: center; 2525 -ms-flex-align: center;
2526 align-items: center; 2526 align-items: center;
2527 } 2527 }
2528 .mob-menu .footer__mobile-menu-item div { 2528 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2529 font-size: 20px;
2530 } 2530 }
2531 .mob-menu .footer__mobile-contacts a { 2531 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2532 font-size: 20px;
2533 font-weight: 700; 2533 font-weight: 700;
2534 color: #000; 2534 color: #000;
2535 text-decoration: none; 2535 text-decoration: none;
2536 } 2536 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2537 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2538 color: #377d87;
2539 } 2539 }
2540 .mob-menu .footer__mobile-menu-item button b, 2540 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2541 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2542 font-size: 30px;
2543 } 2543 }
2544 2544
2545 .menu-is-actived { 2545 .menu-is-actived {
2546 overflow: hidden; 2546 overflow: hidden;
2547 } 2547 }
2548 @media (min-width: 992px) { 2548 @media (min-width: 992px) {
2549 .menu-is-actived { 2549 .menu-is-actived {
2550 overflow: auto; 2550 overflow: auto;
2551 } 2551 }
2552 } 2552 }
2553 .menu-is-actived .header__burger svg { 2553 .menu-is-actived .header__burger svg {
2554 display: none; 2554 display: none;
2555 } 2555 }
2556 .menu-is-actived .header__burger svg + svg { 2556 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2557 display: block;
2558 } 2558 }
2559 .menu-is-actived .mob-menu { 2559 .menu-is-actived .mob-menu {
2560 display: block; 2560 display: block;
2561 } 2561 }
2562 @media (min-width: 992px) { 2562 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2563 .menu-is-actived .mob-menu {
2564 display: none; 2564 display: none;
2565 } 2565 }
2566 } 2566 }
2567 2567
2568 .footer { 2568 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2571 background: #fff;
2572 position: relative; 2572 position: relative;
2573 z-index: 1; 2573 z-index: 1;
2574 overflow: hidden; 2574 overflow: hidden;
2575 } 2575 }
2576 .footer__mobile { 2576 .footer__mobile {
2577 display: -webkit-box; 2577 display: -webkit-box;
2578 display: -ms-flexbox; 2578 display: -ms-flexbox;
2579 display: flex; 2579 display: flex;
2580 -webkit-box-orient: vertical; 2580 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2581 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2582 -ms-flex-direction: column;
2583 flex-direction: column; 2583 flex-direction: column;
2584 padding: 25px 0 30px 0; 2584 padding: 25px 0 30px 0;
2585 } 2585 }
2586 @media (min-width: 768px) { 2586 @media (min-width: 768px) {
2587 .footer__mobile { 2587 .footer__mobile {
2588 padding: 30px 0; 2588 padding: 30px 0;
2589 } 2589 }
2590 } 2590 }
2591 @media (min-width: 992px) { 2591 @media (min-width: 992px) {
2592 .footer__mobile { 2592 .footer__mobile {
2593 display: none; 2593 display: none;
2594 } 2594 }
2595 } 2595 }
2596 .footer__mobile-toper { 2596 .footer__mobile-toper {
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: justify; 2600 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2601 -ms-flex-pack: justify;
2602 justify-content: space-between; 2602 justify-content: space-between;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 padding: 0; 2606 padding: 0;
2607 border: none; 2607 border: none;
2608 background: none; 2608 background: none;
2609 } 2609 }
2610 .footer__mobile-toper a, 2610 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2611 .footer__mobile-toper b {
2612 display: -webkit-box; 2612 display: -webkit-box;
2613 display: -ms-flexbox; 2613 display: -ms-flexbox;
2614 display: flex; 2614 display: flex;
2615 -webkit-box-pack: center; 2615 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2616 -ms-flex-pack: center;
2617 justify-content: center; 2617 justify-content: center;
2618 -webkit-box-align: center; 2618 -webkit-box-align: center;
2619 -ms-flex-align: center; 2619 -ms-flex-align: center;
2620 align-items: center; 2620 align-items: center;
2621 color: #377d87; 2621 color: #377d87;
2622 } 2622 }
2623 .footer__mobile-toper a svg, 2623 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2624 .footer__mobile-toper b svg {
2625 width: 137px; 2625 width: 137px;
2626 height: 40px; 2626 height: 40px;
2627 } 2627 }
2628 .footer__mobile-toper span { 2628 .footer__mobile-toper span {
2629 width: 40px; 2629 width: 40px;
2630 height: 40px; 2630 height: 40px;
2631 display: -webkit-box; 2631 display: -webkit-box;
2632 display: -ms-flexbox; 2632 display: -ms-flexbox;
2633 display: flex; 2633 display: flex;
2634 -webkit-box-pack: center; 2634 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2635 -ms-flex-pack: center;
2636 justify-content: center; 2636 justify-content: center;
2637 -webkit-box-align: center; 2637 -webkit-box-align: center;
2638 -ms-flex-align: center; 2638 -ms-flex-align: center;
2639 align-items: center; 2639 align-items: center;
2640 background: #377d87; 2640 background: #377d87;
2641 color: #fff; 2641 color: #fff;
2642 border-radius: 999px; 2642 border-radius: 999px;
2643 } 2643 }
2644 .footer__mobile-toper span svg { 2644 .footer__mobile-toper span svg {
2645 width: 10px; 2645 width: 10px;
2646 height: 10px; 2646 height: 10px;
2647 -webkit-transition: 0.3s; 2647 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2648 transition: 0.3s;
2649 } 2649 }
2650 .footer__mobile-toper.active span svg { 2650 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2651 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2652 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2653 transform: rotate(180deg);
2654 } 2654 }
2655 .footer__mobile-menu { 2655 .footer__mobile-menu {
2656 height: 0; 2656 height: 0;
2657 opacity: 0; 2657 opacity: 0;
2658 overflow: hidden; 2658 overflow: hidden;
2659 -webkit-transition: 0.3s; 2659 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2660 transition: 0.3s;
2661 display: -webkit-box; 2661 display: -webkit-box;
2662 display: -ms-flexbox; 2662 display: -ms-flexbox;
2663 display: flex; 2663 display: flex;
2664 -webkit-box-orient: vertical; 2664 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2665 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2666 -ms-flex-direction: column;
2667 flex-direction: column; 2667 flex-direction: column;
2668 gap: 30px; 2668 gap: 30px;
2669 } 2669 }
2670 @media (min-width: 768px) { 2670 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2671 .footer__mobile-menu {
2672 display: grid; 2672 display: grid;
2673 grid-template-columns: 1fr 1fr; 2673 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2674 gap: 100px;
2675 } 2675 }
2676 } 2676 }
2677 .footer__mobile-menu-item { 2677 .footer__mobile-menu-item {
2678 display: -webkit-box; 2678 display: -webkit-box;
2679 display: -ms-flexbox; 2679 display: -ms-flexbox;
2680 display: flex; 2680 display: flex;
2681 -webkit-box-orient: vertical; 2681 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2682 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2683 -ms-flex-direction: column;
2684 flex-direction: column; 2684 flex-direction: column;
2685 } 2685 }
2686 .footer__mobile-menu-item button { 2686 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2687 display: -webkit-box;
2688 display: -ms-flexbox; 2688 display: -ms-flexbox;
2689 display: flex; 2689 display: flex;
2690 -webkit-box-align: start; 2690 -webkit-box-align: start;
2691 -ms-flex-align: start; 2691 -ms-flex-align: start;
2692 align-items: flex-start; 2692 align-items: flex-start;
2693 padding: 0; 2693 padding: 0;
2694 border: none; 2694 border: none;
2695 background: none; 2695 background: none;
2696 } 2696 }
2697 .footer__mobile-menu-item button.active { 2697 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2698 color: #377d87;
2699 } 2699 }
2700 .footer__mobile-menu-item button b { 2700 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2701 width: calc(100% - 24px);
2702 padding-right: 12px; 2702 padding-right: 12px;
2703 min-height: 24px; 2703 min-height: 24px;
2704 display: -webkit-box; 2704 display: -webkit-box;
2705 display: -ms-flexbox; 2705 display: -ms-flexbox;
2706 display: flex; 2706 display: flex;
2707 -webkit-box-align: center; 2707 -webkit-box-align: center;
2708 -ms-flex-align: center; 2708 -ms-flex-align: center;
2709 align-items: center; 2709 align-items: center;
2710 font-size: 20px; 2710 font-size: 20px;
2711 font-weight: 700; 2711 font-weight: 700;
2712 } 2712 }
2713 .footer__mobile-menu-item button span { 2713 .footer__mobile-menu-item button span {
2714 width: 24px; 2714 width: 24px;
2715 height: 24px; 2715 height: 24px;
2716 display: -webkit-box; 2716 display: -webkit-box;
2717 display: -ms-flexbox; 2717 display: -ms-flexbox;
2718 display: flex; 2718 display: flex;
2719 -webkit-box-pack: center; 2719 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2720 -ms-flex-pack: center;
2721 justify-content: center; 2721 justify-content: center;
2722 -webkit-box-align: center; 2722 -webkit-box-align: center;
2723 -ms-flex-align: center; 2723 -ms-flex-align: center;
2724 align-items: center; 2724 align-items: center;
2725 padding: 0; 2725 padding: 0;
2726 border: none; 2726 border: none;
2727 background: none; 2727 background: none;
2728 } 2728 }
2729 .footer__mobile-menu-item button svg { 2729 .footer__mobile-menu-item button svg {
2730 width: 12px; 2730 width: 12px;
2731 height: 12px; 2731 height: 12px;
2732 -webkit-transition: 0.3s; 2732 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2733 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2734 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2735 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2736 transform: rotate(180deg);
2737 } 2737 }
2738 .footer__mobile-menu-item button.active svg { 2738 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2739 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2740 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2741 transform: rotate(0deg);
2742 } 2742 }
2743 .footer__mobile-menu-item div { 2743 .footer__mobile-menu-item div {
2744 height: 0; 2744 height: 0;
2745 opacity: 0; 2745 opacity: 0;
2746 overflow: hidden; 2746 overflow: hidden;
2747 -webkit-transition: 0.3s; 2747 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2748 transition: 0.3s;
2749 display: -webkit-box; 2749 display: -webkit-box;
2750 display: -ms-flexbox; 2750 display: -ms-flexbox;
2751 display: flex; 2751 display: flex;
2752 -webkit-box-orient: vertical; 2752 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2753 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2754 -ms-flex-direction: column;
2755 flex-direction: column; 2755 flex-direction: column;
2756 gap: 15px; 2756 gap: 15px;
2757 } 2757 }
2758 .footer__mobile-menu-item div a:hover { 2758 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2759 color: #377d87;
2760 } 2760 }
2761 .footer__mobile-menu-item .active + div { 2761 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2762 opacity: 1;
2763 height: auto; 2763 height: auto;
2764 overflow: visible; 2764 overflow: visible;
2765 padding-top: 15px; 2765 padding-top: 15px;
2766 } 2766 }
2767 .active + .footer__mobile-menu { 2767 .active + .footer__mobile-menu {
2768 opacity: 1; 2768 opacity: 1;
2769 height: auto; 2769 height: auto;
2770 overflow: visible; 2770 overflow: visible;
2771 padding-top: 35px; 2771 padding-top: 35px;
2772 } 2772 }
2773 .footer__mobile-contacts { 2773 .footer__mobile-contacts {
2774 display: -webkit-box; 2774 display: -webkit-box;
2775 display: -ms-flexbox; 2775 display: -ms-flexbox;
2776 display: flex; 2776 display: flex;
2777 -webkit-box-pack: justify; 2777 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2778 -ms-flex-pack: justify;
2779 justify-content: space-between; 2779 justify-content: space-between;
2780 -webkit-box-align: start; 2780 -webkit-box-align: start;
2781 -ms-flex-align: start; 2781 -ms-flex-align: start;
2782 align-items: flex-start; 2782 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2783 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2784 flex-wrap: wrap;
2785 margin-top: 30px; 2785 margin-top: 30px;
2786 } 2786 }
2787 .footer__mobile-contacts b { 2787 .footer__mobile-contacts b {
2788 font-size: 20px; 2788 font-size: 20px;
2789 font-weight: 700; 2789 font-weight: 700;
2790 width: 100%; 2790 width: 100%;
2791 margin-bottom: 20px; 2791 margin-bottom: 20px;
2792 } 2792 }
2793 .footer__mobile-contacts a { 2793 .footer__mobile-contacts a {
2794 color: #377d87; 2794 color: #377d87;
2795 text-decoration: underline; 2795 text-decoration: underline;
2796 } 2796 }
2797 .footer__mobile-contacts a + a { 2797 .footer__mobile-contacts a + a {
2798 color: #000; 2798 color: #000;
2799 } 2799 }
2800 .footer__mobile-bottom { 2800 .footer__mobile-bottom {
2801 display: -webkit-box; 2801 display: -webkit-box;
2802 display: -ms-flexbox; 2802 display: -ms-flexbox;
2803 display: flex; 2803 display: flex;
2804 -webkit-box-orient: vertical; 2804 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2805 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2806 -ms-flex-direction: column;
2807 flex-direction: column; 2807 flex-direction: column;
2808 -webkit-box-align: center; 2808 -webkit-box-align: center;
2809 -ms-flex-align: center; 2809 -ms-flex-align: center;
2810 align-items: center; 2810 align-items: center;
2811 text-align: center; 2811 text-align: center;
2812 gap: 20px; 2812 gap: 20px;
2813 margin-top: 100px; 2813 margin-top: 100px;
2814 } 2814 }
2815 .footer__mobile-links { 2815 .footer__mobile-links {
2816 display: -webkit-box; 2816 display: -webkit-box;
2817 display: -ms-flexbox; 2817 display: -ms-flexbox;
2818 display: flex; 2818 display: flex;
2819 -webkit-box-orient: vertical; 2819 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2820 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2821 -ms-flex-direction: column;
2822 flex-direction: column; 2822 flex-direction: column;
2823 -webkit-box-align: center; 2823 -webkit-box-align: center;
2824 -ms-flex-align: center; 2824 -ms-flex-align: center;
2825 align-items: center; 2825 align-items: center;
2826 gap: 10px; 2826 gap: 10px;
2827 } 2827 }
2828 .footer__mobile-links a:hover { 2828 .footer__mobile-links a:hover {
2829 color: #377d87; 2829 color: #377d87;
2830 } 2830 }
2831 .footer__mobile-links span { 2831 .footer__mobile-links span {
2832 width: 60px; 2832 width: 60px;
2833 height: 1px; 2833 height: 1px;
2834 background: #377d87; 2834 background: #377d87;
2835 } 2835 }
2836 .footer__main { 2836 .footer__main {
2837 display: none; 2837 display: none;
2838 padding: 55px 0 20px 0; 2838 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2839 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2840 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2841 -ms-flex-direction: column;
2842 flex-direction: column; 2842 flex-direction: column;
2843 gap: 70px; 2843 gap: 70px;
2844 } 2844 }
2845 @media (min-width: 992px) { 2845 @media (min-width: 992px) {
2846 .footer__main { 2846 .footer__main {
2847 display: -webkit-box; 2847 display: -webkit-box;
2848 display: -ms-flexbox; 2848 display: -ms-flexbox;
2849 display: flex; 2849 display: flex;
2850 } 2850 }
2851 } 2851 }
2852 .footer__main-body { 2852 .footer__main-body {
2853 display: -webkit-box; 2853 display: -webkit-box;
2854 display: -ms-flexbox; 2854 display: -ms-flexbox;
2855 display: flex; 2855 display: flex;
2856 -webkit-box-pack: justify; 2856 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2857 -ms-flex-pack: justify;
2858 justify-content: space-between; 2858 justify-content: space-between;
2859 -webkit-box-align: start; 2859 -webkit-box-align: start;
2860 -ms-flex-align: start; 2860 -ms-flex-align: start;
2861 align-items: flex-start; 2861 align-items: flex-start;
2862 } 2862 }
2863 .footer__main-logo { 2863 .footer__main-logo {
2864 display: -webkit-box; 2864 display: -webkit-box;
2865 display: -ms-flexbox; 2865 display: -ms-flexbox;
2866 display: flex; 2866 display: flex;
2867 -webkit-box-pack: center; 2867 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2868 -ms-flex-pack: center;
2869 justify-content: center; 2869 justify-content: center;
2870 -webkit-box-align: center; 2870 -webkit-box-align: center;
2871 -ms-flex-align: center; 2871 -ms-flex-align: center;
2872 align-items: center; 2872 align-items: center;
2873 color: #377d87; 2873 color: #377d87;
2874 } 2874 }
2875 .footer__main-logo svg { 2875 .footer__main-logo svg {
2876 width: 182px; 2876 width: 182px;
2877 height: 54px; 2877 height: 54px;
2878 } 2878 }
2879 .footer__main-title { 2879 .footer__main-title {
2880 font-size: 20px; 2880 font-size: 20px;
2881 font-weight: 700; 2881 font-weight: 700;
2882 margin-bottom: 16px; 2882 margin-bottom: 16px;
2883 } 2883 }
2884 .footer__main-col { 2884 .footer__main-col {
2885 display: -webkit-box; 2885 display: -webkit-box;
2886 display: -ms-flexbox; 2886 display: -ms-flexbox;
2887 display: flex; 2887 display: flex;
2888 -webkit-box-orient: vertical; 2888 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2889 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2890 -ms-flex-direction: column;
2891 flex-direction: column; 2891 flex-direction: column;
2892 -webkit-box-align: start; 2892 -webkit-box-align: start;
2893 -ms-flex-align: start; 2893 -ms-flex-align: start;
2894 align-items: flex-start; 2894 align-items: flex-start;
2895 } 2895 }
2896 .footer__main-col nav { 2896 .footer__main-col nav {
2897 display: -webkit-box; 2897 display: -webkit-box;
2898 display: -ms-flexbox; 2898 display: -ms-flexbox;
2899 display: flex; 2899 display: flex;
2900 -webkit-box-orient: vertical; 2900 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2901 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2902 -ms-flex-direction: column;
2903 flex-direction: column; 2903 flex-direction: column;
2904 -webkit-box-align: start; 2904 -webkit-box-align: start;
2905 -ms-flex-align: start; 2905 -ms-flex-align: start;
2906 align-items: flex-start; 2906 align-items: flex-start;
2907 gap: 8px; 2907 gap: 8px;
2908 } 2908 }
2909 .footer__main-col nav a:hover { 2909 .footer__main-col nav a:hover {
2910 color: #377d87; 2910 color: #377d87;
2911 } 2911 }
2912 .footer__main-contacts { 2912 .footer__main-contacts {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-orient: vertical; 2916 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2917 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2918 -ms-flex-direction: column;
2919 flex-direction: column; 2919 flex-direction: column;
2920 -webkit-box-align: start; 2920 -webkit-box-align: start;
2921 -ms-flex-align: start; 2921 -ms-flex-align: start;
2922 align-items: flex-start; 2922 align-items: flex-start;
2923 gap: 16px; 2923 gap: 16px;
2924 margin-bottom: 16px; 2924 margin-bottom: 16px;
2925 } 2925 }
2926 .footer__main-contacts a { 2926 .footer__main-contacts a {
2927 color: #377d87; 2927 color: #377d87;
2928 text-decoration: underline; 2928 text-decoration: underline;
2929 } 2929 }
2930 .footer__main-contacts a + a { 2930 .footer__main-contacts a + a {
2931 color: #000; 2931 color: #000;
2932 } 2932 }
2933 .footer__main-copy { 2933 .footer__main-copy {
2934 display: -webkit-box; 2934 display: -webkit-box;
2935 display: -ms-flexbox; 2935 display: -ms-flexbox;
2936 display: flex; 2936 display: flex;
2937 -webkit-box-pack: justify; 2937 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2938 -ms-flex-pack: justify;
2939 justify-content: space-between; 2939 justify-content: space-between;
2940 -webkit-box-align: center; 2940 -webkit-box-align: center;
2941 -ms-flex-align: center; 2941 -ms-flex-align: center;
2942 align-items: center; 2942 align-items: center;
2943 font-size: 14px; 2943 font-size: 14px;
2944 line-height: 1.4; 2944 line-height: 1.4;
2945 } 2945 }
2946 .footer__main-copy nav { 2946 .footer__main-copy nav {
2947 display: -webkit-box; 2947 display: -webkit-box;
2948 display: -ms-flexbox; 2948 display: -ms-flexbox;
2949 display: flex; 2949 display: flex;
2950 -webkit-box-align: center; 2950 -webkit-box-align: center;
2951 -ms-flex-align: center; 2951 -ms-flex-align: center;
2952 align-items: center; 2952 align-items: center;
2953 gap: 10px; 2953 gap: 10px;
2954 } 2954 }
2955 .footer__main-copy nav a:hover { 2955 .footer__main-copy nav a:hover {
2956 color: #377d87; 2956 color: #377d87;
2957 } 2957 }
2958 .footer__main-copy nav span { 2958 .footer__main-copy nav span {
2959 width: 1px; 2959 width: 1px;
2960 height: 20px; 2960 height: 20px;
2961 background: #000; 2961 background: #000;
2962 } 2962 }
2963 2963
2964 .main { 2964 .main {
2965 position: relative; 2965 position: relative;
2966 overflow: hidden; 2966 overflow: hidden;
2967 padding: 30px 0; 2967 padding: 30px 0;
2968 } 2968 }
2969 @media (min-width: 768px) { 2969 @media (min-width: 768px) {
2970 .main { 2970 .main {
2971 padding: 40px 0; 2971 padding: 40px 0;
2972 } 2972 }
2973 } 2973 }
2974 @media (min-width: 992px) { 2974 @media (min-width: 992px) {
2975 .main { 2975 .main {
2976 padding: 50px 0; 2976 padding: 50px 0;
2977 } 2977 }
2978 } 2978 }
2979 @media (min-width: 1280px) { 2979 @media (min-width: 1280px) {
2980 .main { 2980 .main {
2981 padding: 60px 0; 2981 padding: 60px 0;
2982 } 2982 }
2983 } 2983 }
2984 .main h2 { 2984 .main h2 {
2985 margin: 0; 2985 margin: 0;
2986 font-weight: 700; 2986 font-weight: 700;
2987 font-size: 30px; 2987 font-size: 30px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main h2 { 2990 .main h2 {
2991 font-size: 44px; 2991 font-size: 44px;
2992 } 2992 }
2993 } 2993 }
2994 .main h3 { 2994 .main h3 {
2995 margin: 0; 2995 margin: 0;
2996 font-weight: 700; 2996 font-weight: 700;
2997 font-size: 22px; 2997 font-size: 22px;
2998 } 2998 }
2999 @media (min-width: 768px) { 2999 @media (min-width: 768px) {
3000 .main h3 { 3000 .main h3 {
3001 font-size: 28px; 3001 font-size: 28px;
3002 } 3002 }
3003 } 3003 }
3004 .main p { 3004 .main p {
3005 margin: 0; 3005 margin: 0;
3006 font-size: 14px; 3006 font-size: 14px;
3007 line-height: 1.4; 3007 line-height: 1.4;
3008 } 3008 }
3009 @media (min-width: 768px) { 3009 @media (min-width: 768px) {
3010 .main p { 3010 .main p {
3011 font-size: 18px; 3011 font-size: 18px;
3012 } 3012 }
3013 } 3013 }
3014 .main p a { 3014 .main p a {
3015 color: #4d88d9; 3015 color: #4d88d9;
3016 } 3016 }
3017 .main p a:hover { 3017 .main p a:hover {
3018 color: #377d87; 3018 color: #377d87;
3019 } 3019 }
3020 .main__breadcrumbs { 3020 .main__breadcrumbs {
3021 margin-bottom: 20px; 3021 margin-bottom: 20px;
3022 } 3022 }
3023 @media (min-width: 768px) { 3023 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3024 .main__breadcrumbs {
3025 margin-bottom: 40px; 3025 margin-bottom: 40px;
3026 } 3026 }
3027 } 3027 }
3028 .main__content { 3028 .main__content {
3029 display: -webkit-box; 3029 display: -webkit-box;
3030 display: -ms-flexbox; 3030 display: -ms-flexbox;
3031 display: flex; 3031 display: flex;
3032 -webkit-box-orient: vertical; 3032 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3033 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3034 -ms-flex-direction: column;
3035 flex-direction: column; 3035 flex-direction: column;
3036 gap: 20px; 3036 gap: 20px;
3037 font-size: 14px; 3037 font-size: 14px;
3038 } 3038 }
3039 @media (min-width: 992px) { 3039 @media (min-width: 992px) {
3040 .main__content { 3040 .main__content {
3041 font-size: 18px; 3041 font-size: 18px;
3042 gap: 32px; 3042 gap: 32px;
3043 } 3043 }
3044 } 3044 }
3045 .main__content-item { 3045 .main__content-item {
3046 display: -webkit-box; 3046 display: -webkit-box;
3047 display: -ms-flexbox; 3047 display: -ms-flexbox;
3048 display: flex; 3048 display: flex;
3049 -webkit-box-orient: vertical; 3049 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3050 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3051 -ms-flex-direction: column;
3052 flex-direction: column; 3052 flex-direction: column;
3053 gap: 16px; 3053 gap: 16px;
3054 } 3054 }
3055 .main__content h1, 3055 .main__content h1,
3056 .main__content h2, 3056 .main__content h2,
3057 .main__content h3, 3057 .main__content h3,
3058 .main__content h4, 3058 .main__content h4,
3059 .main__content h5, 3059 .main__content h5,
3060 .main__content h6 { 3060 .main__content h6 {
3061 color: #000; 3061 color: #000;
3062 } 3062 }
3063 .main__content ul, 3063 .main__content ul,
3064 .main__content ol { 3064 .main__content ol {
3065 padding: 0; 3065 padding: 0;
3066 margin: 0; 3066 margin: 0;
3067 padding-left: 20px; 3067 padding-left: 20px;
3068 display: -webkit-box; 3068 display: -webkit-box;
3069 display: -ms-flexbox; 3069 display: -ms-flexbox;
3070 display: flex; 3070 display: flex;
3071 -webkit-box-orient: vertical; 3071 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3072 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3073 -ms-flex-direction: column;
3074 flex-direction: column; 3074 flex-direction: column;
3075 gap: 8px; 3075 gap: 8px;
3076 } 3076 }
3077 @media (min-width: 992px) { 3077 @media (min-width: 992px) {
3078 .main__content ul, 3078 .main__content ul,
3079 .main__content ol { 3079 .main__content ol {
3080 gap: 16px; 3080 gap: 16px;
3081 padding-left: 30px; 3081 padding-left: 30px;
3082 } 3082 }
3083 } 3083 }
3084 .main__content li ul, 3084 .main__content li ul,
3085 .main__content li ol { 3085 .main__content li ol {
3086 margin-top: 8px; 3086 margin-top: 8px;
3087 } 3087 }
3088 @media (min-width: 992px) { 3088 @media (min-width: 992px) {
3089 .main__content li ul, 3089 .main__content li ul,
3090 .main__content li ol { 3090 .main__content li ol {
3091 margin-top: 16px; 3091 margin-top: 16px;
3092 } 3092 }
3093 } 3093 }
3094 .main__content li ul li, 3094 .main__content li ul li,
3095 .main__content li ol li { 3095 .main__content li ol li {
3096 list-style-type: disc; 3096 list-style-type: disc;
3097 } 3097 }
3098 .main__gallery { 3098 .main__gallery {
3099 display: -webkit-box; 3099 display: -webkit-box;
3100 display: -ms-flexbox; 3100 display: -ms-flexbox;
3101 display: flex; 3101 display: flex;
3102 -webkit-box-orient: vertical; 3102 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3103 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3104 -ms-flex-direction: column;
3105 flex-direction: column; 3105 flex-direction: column;
3106 gap: 20px; 3106 gap: 20px;
3107 } 3107 }
3108 @media (min-width: 768px) { 3108 @media (min-width: 768px) {
3109 .main__gallery { 3109 .main__gallery {
3110 display: grid; 3110 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3111 grid-template-columns: repeat(2, 1fr);
3112 } 3112 }
3113 } 3113 }
3114 @media (min-width: 992px) { 3114 @media (min-width: 992px) {
3115 .main__gallery { 3115 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3116 grid-template-columns: repeat(3, 1fr);
3117 } 3117 }
3118 } 3118 }
3119 .main__gallery-item { 3119 .main__gallery-item {
3120 width: 100%; 3120 width: 100%;
3121 aspect-ratio: 400/224; 3121 aspect-ratio: 400/224;
3122 border-radius: 30px; 3122 border-radius: 30px;
3123 position: relative; 3123 position: relative;
3124 overflow: hidden; 3124 overflow: hidden;
3125 } 3125 }
3126 .main__gallery-item:hover { 3126 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3127 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3128 filter: brightness(1.1);
3129 } 3129 }
3130 .main__gallery-item img { 3130 .main__gallery-item img {
3131 position: absolute; 3131 position: absolute;
3132 top: 0; 3132 top: 0;
3133 left: 0; 3133 left: 0;
3134 width: 100%; 3134 width: 100%;
3135 height: 100%; 3135 height: 100%;
3136 -o-object-fit: cover; 3136 -o-object-fit: cover;
3137 object-fit: cover; 3137 object-fit: cover;
3138 } 3138 }
3139 .main__employers { 3139 .main__employers {
3140 display: -webkit-box; 3140 display: -webkit-box;
3141 display: -ms-flexbox; 3141 display: -ms-flexbox;
3142 display: flex; 3142 display: flex;
3143 -webkit-box-orient: vertical; 3143 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3144 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3145 -ms-flex-direction: column;
3146 flex-direction: column; 3146 flex-direction: column;
3147 gap: 10px; 3147 gap: 10px;
3148 } 3148 }
3149 @media (min-width: 768px) { 3149 @media (min-width: 768px) {
3150 .main__employers { 3150 .main__employers {
3151 gap: 30px; 3151 gap: 30px;
3152 } 3152 }
3153 } 3153 }
3154 .main__employers-body { 3154 .main__employers-body {
3155 display: none; 3155 display: none;
3156 -webkit-box-orient: vertical; 3156 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3158 -ms-flex-direction: column;
3159 flex-direction: column; 3159 flex-direction: column;
3160 gap: 20px; 3160 gap: 20px;
3161 } 3161 }
3162 @media (min-width: 992px) { 3162 @media (min-width: 992px) {
3163 .main__employers-body { 3163 .main__employers-body {
3164 gap: 30px; 3164 gap: 30px;
3165 } 3165 }
3166 } 3166 }
3167 .main__employers-body.showed { 3167 .main__employers-body.showed {
3168 display: -webkit-box; 3168 display: -webkit-box;
3169 display: -ms-flexbox; 3169 display: -ms-flexbox;
3170 display: flex; 3170 display: flex;
3171 } 3171 }
3172 .main__employers-item { 3172 .main__employers-item {
3173 display: -webkit-box; 3173 display: -webkit-box;
3174 display: -ms-flexbox; 3174 display: -ms-flexbox;
3175 display: flex; 3175 display: flex;
3176 -webkit-box-orient: vertical; 3176 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3177 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3178 -ms-flex-direction: column;
3179 flex-direction: column; 3179 flex-direction: column;
3180 border: 1px solid #cecece; 3180 border: 1px solid #cecece;
3181 border-radius: 8px; 3181 border-radius: 8px;
3182 position: relative; 3182 position: relative;
3183 overflow: hidden; 3183 overflow: hidden;
3184 padding: 10px; 3184 padding: 10px;
3185 padding-top: 50px; 3185 padding-top: 50px;
3186 padding-bottom: 30px; 3186 padding-bottom: 30px;
3187 } 3187 }
3188 @media (min-width: 768px) { 3188 @media (min-width: 768px) {
3189 .main__employers-item { 3189 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3190 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3191 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3192 -ms-flex-direction: row;
3193 flex-direction: row; 3193 flex-direction: row;
3194 -webkit-box-align: center; 3194 -webkit-box-align: center;
3195 -ms-flex-align: center; 3195 -ms-flex-align: center;
3196 align-items: center; 3196 align-items: center;
3197 -webkit-box-pack: justify; 3197 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3198 -ms-flex-pack: justify;
3199 justify-content: space-between; 3199 justify-content: space-between;
3200 padding: 55px 20px; 3200 padding: 55px 20px;
3201 } 3201 }
3202 } 3202 }
3203 @media (min-width: 1280px) { 3203 @media (min-width: 1280px) {
3204 .main__employers-item { 3204 .main__employers-item {
3205 padding-left: 55px; 3205 padding-left: 55px;
3206 } 3206 }
3207 } 3207 }
3208 .main__employers-item-inner { 3208 .main__employers-item-inner {
3209 display: -webkit-box; 3209 display: -webkit-box;
3210 display: -ms-flexbox; 3210 display: -ms-flexbox;
3211 display: flex; 3211 display: flex;
3212 -webkit-box-orient: vertical; 3212 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3213 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3214 -ms-flex-direction: column;
3215 flex-direction: column; 3215 flex-direction: column;
3216 } 3216 }
3217 @media (min-width: 768px) { 3217 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3218 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3219 width: calc(100% - 200px);
3220 padding-right: 40px; 3220 padding-right: 40px;
3221 } 3221 }
3222 } 3222 }
3223 @media (min-width: 992px) { 3223 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3224 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3225 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3227 -ms-flex-direction: row;
3228 flex-direction: row; 3228 flex-direction: row;
3229 -webkit-box-align: center; 3229 -webkit-box-align: center;
3230 -ms-flex-align: center; 3230 -ms-flex-align: center;
3231 align-items: center; 3231 align-items: center;
3232 } 3232 }
3233 } 3233 }
3234 .main__employers-item-pic { 3234 .main__employers-item-pic {
3235 height: 30px; 3235 height: 30px;
3236 position: absolute; 3236 position: absolute;
3237 top: 10px; 3237 top: 10px;
3238 left: 10px; 3238 left: 10px;
3239 } 3239 }
3240 @media (min-width: 768px) { 3240 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3241 .main__employers-item-pic {
3242 position: static; 3242 position: static;
3243 width: 150px; 3243 width: 150px;
3244 height: auto; 3244 height: auto;
3245 max-height: 150px; 3245 max-height: 150px;
3246 -o-object-fit: contain; 3246 -o-object-fit: contain;
3247 object-fit: contain; 3247 object-fit: contain;
3248 } 3248 }
3249 } 3249 }
3250 .main__employers-item-body { 3250 .main__employers-item-body {
3251 font-size: 12px; 3251 font-size: 12px;
3252 display: -webkit-box; 3252 display: -webkit-box;
3253 display: -ms-flexbox; 3253 display: -ms-flexbox;
3254 display: flex; 3254 display: flex;
3255 -webkit-box-orient: vertical; 3255 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3256 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3257 -ms-flex-direction: column;
3258 flex-direction: column; 3258 flex-direction: column;
3259 gap: 10px; 3259 gap: 10px;
3260 } 3260 }
3261 @media (min-width: 768px) { 3261 @media (min-width: 768px) {
3262 .main__employers-item-body { 3262 .main__employers-item-body {
3263 font-size: 16px; 3263 font-size: 16px;
3264 padding-top: 20px; 3264 padding-top: 20px;
3265 } 3265 }
3266 } 3266 }
3267 @media (min-width: 992px) { 3267 @media (min-width: 992px) {
3268 .main__employers-item-body { 3268 .main__employers-item-body {
3269 width: calc(100% - 150px); 3269 width: calc(100% - 150px);
3270 padding: 0; 3270 padding: 0;
3271 padding-left: 40px; 3271 padding-left: 40px;
3272 } 3272 }
3273 } 3273 }
3274 .main__employers-item-body b { 3274 .main__employers-item-body b {
3275 font-weight: 700; 3275 font-weight: 700;
3276 } 3276 }
3277 @media (min-width: 768px) { 3277 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3278 .main__employers-item-body b {
3279 font-size: 20px; 3279 font-size: 20px;
3280 } 3280 }
3281 } 3281 }
3282 .main__employers-item-body i { 3282 .main__employers-item-body i {
3283 font-style: normal; 3283 font-style: normal;
3284 color: #000; 3284 color: #000;
3285 } 3285 }
3286 .main__employers-item-more { 3286 .main__employers-item-more {
3287 position: absolute; 3287 position: absolute;
3288 top: 10px; 3288 top: 10px;
3289 right: 10px; 3289 right: 10px;
3290 } 3290 }
3291 @media (min-width: 768px) { 3291 @media (min-width: 768px) {
3292 .main__employers-item-more { 3292 .main__employers-item-more {
3293 width: 200px; 3293 width: 200px;
3294 padding: 0; 3294 padding: 0;
3295 position: static; 3295 position: static;
3296 } 3296 }
3297 } 3297 }
3298 .main__employers-item-label { 3298 .main__employers-item-label {
3299 background: #4d88d9; 3299 background: #4d88d9;
3300 color: #fff; 3300 color: #fff;
3301 border-radius: 6px; 3301 border-radius: 6px;
3302 width: 100%; 3302 width: 100%;
3303 height: 20px; 3303 height: 20px;
3304 display: -webkit-box; 3304 display: -webkit-box;
3305 display: -ms-flexbox; 3305 display: -ms-flexbox;
3306 display: flex; 3306 display: flex;
3307 -webkit-box-align: center; 3307 -webkit-box-align: center;
3308 -ms-flex-align: center; 3308 -ms-flex-align: center;
3309 align-items: center; 3309 align-items: center;
3310 padding: 0 12px; 3310 padding: 0 12px;
3311 position: absolute; 3311 position: absolute;
3312 bottom: 0; 3312 bottom: 0;
3313 left: 0; 3313 left: 0;
3314 font-size: 12px; 3314 font-size: 12px;
3315 line-height: 1; 3315 line-height: 1;
3316 } 3316 }
3317 @media (min-width: 768px) { 3317 @media (min-width: 768px) {
3318 .main__employers-item-label { 3318 .main__employers-item-label {
3319 max-width: 350px; 3319 max-width: 350px;
3320 height: 30px; 3320 height: 30px;
3321 font-size: 15px; 3321 font-size: 15px;
3322 } 3322 }
3323 } 3323 }
3324 .main__employers-item-label svg { 3324 .main__employers-item-label svg {
3325 width: 8px; 3325 width: 8px;
3326 height: 8px; 3326 height: 8px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3329 .main__employers-item-label svg {
3330 width: 12px; 3330 width: 12px;
3331 height: 12px; 3331 height: 12px;
3332 } 3332 }
3333 } 3333 }
3334 .main__employers-item-label span { 3334 .main__employers-item-label span {
3335 overflow: hidden; 3335 overflow: hidden;
3336 display: -webkit-box; 3336 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3337 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3338 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3339 width: calc(100% - 8px);
3340 padding-left: 6px; 3340 padding-left: 6px;
3341 } 3341 }
3342 .main__employers-one { 3342 .main__employers-one {
3343 display: -webkit-box; 3343 display: -webkit-box;
3344 display: -ms-flexbox; 3344 display: -ms-flexbox;
3345 display: flex; 3345 display: flex;
3346 -webkit-box-orient: vertical; 3346 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3347 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3348 -ms-flex-direction: column;
3349 flex-direction: column; 3349 flex-direction: column;
3350 gap: 20px; 3350 gap: 20px;
3351 } 3351 }
3352 .main__employers-two { 3352 .main__employers-two {
3353 display: -webkit-box; 3353 display: -webkit-box;
3354 display: -ms-flexbox; 3354 display: -ms-flexbox;
3355 display: flex; 3355 display: flex;
3356 -webkit-box-orient: vertical; 3356 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3357 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3358 -ms-flex-direction: column;
3359 flex-direction: column; 3359 flex-direction: column;
3360 gap: 20px; 3360 gap: 20px;
3361 } 3361 }
3362 @media (min-width: 768px) { 3362 @media (min-width: 768px) {
3363 .main__employers-two { 3363 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3364 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3365 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3366 -ms-flex-direction: row;
3367 flex-direction: row; 3367 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3368 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3369 flex-wrap: wrap;
3370 -webkit-box-align: start; 3370 -webkit-box-align: start;
3371 -ms-flex-align: start; 3371 -ms-flex-align: start;
3372 align-items: flex-start; 3372 align-items: flex-start;
3373 -webkit-box-pack: justify; 3373 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3374 -ms-flex-pack: justify;
3375 justify-content: space-between; 3375 justify-content: space-between;
3376 gap: 20px 0; 3376 gap: 20px 0;
3377 } 3377 }
3378 } 3378 }
3379 .main__employers-two .main__employers-item { 3379 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3380 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3381 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3382 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3383 -ms-flex-direction: column;
3384 flex-direction: column; 3384 flex-direction: column;
3385 -webkit-box-align: stretch; 3385 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3386 -ms-flex-align: stretch;
3387 align-items: stretch; 3387 align-items: stretch;
3388 padding-top: 30px; 3388 padding-top: 30px;
3389 } 3389 }
3390 .main__employers-two .main__employers-item-inner { 3390 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3391 width: 100%;
3392 padding: 0; 3392 padding: 0;
3393 } 3393 }
3394 .main__employers-two .main__employers-item-more { 3394 .main__employers-two .main__employers-item-more {
3395 position: static; 3395 position: static;
3396 margin-top: 20px; 3396 margin-top: 20px;
3397 } 3397 }
3398 @media (min-width: 992px) { 3398 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3399 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3400 margin-left: 190px;
3401 } 3401 }
3402 } 3402 }
3403 .main__employers-two .main__employers-item-label { 3403 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3404 max-width: none;
3405 } 3405 }
3406 .main__employer-page { 3406 .main__employer-page {
3407 display: -webkit-box; 3407 display: -webkit-box;
3408 display: -ms-flexbox; 3408 display: -ms-flexbox;
3409 display: flex; 3409 display: flex;
3410 -webkit-box-orient: vertical; 3410 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3411 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3412 -ms-flex-direction: column;
3413 flex-direction: column; 3413 flex-direction: column;
3414 gap: 20px; 3414 gap: 20px;
3415 } 3415 }
3416 @media (min-width: 768px) { 3416 @media (min-width: 768px) {
3417 .main__employer-page { 3417 .main__employer-page {
3418 gap: 30px; 3418 gap: 30px;
3419 } 3419 }
3420 } 3420 }
3421 .main__employer-page-title { 3421 .main__employer-page-title {
3422 color: #000; 3422 color: #000;
3423 margin: 0; 3423 margin: 0;
3424 font-size: 30px; 3424 font-size: 30px;
3425 } 3425 }
3426 @media (min-width: 768px) { 3426 @media (min-width: 768px) {
3427 .main__employer-page-title { 3427 .main__employer-page-title {
3428 font-size: 36px; 3428 font-size: 36px;
3429 } 3429 }
3430 } 3430 }
3431 @media (min-width: 992px) { 3431 @media (min-width: 992px) {
3432 .main__employer-page-title { 3432 .main__employer-page-title {
3433 font-size: 44px; 3433 font-size: 44px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employer-page-item { 3436 .main__employer-page-item {
3437 display: -webkit-box; 3437 display: -webkit-box;
3438 display: -ms-flexbox; 3438 display: -ms-flexbox;
3439 display: flex; 3439 display: flex;
3440 -webkit-box-orient: vertical; 3440 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3441 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3442 -ms-flex-direction: column;
3443 flex-direction: column; 3443 flex-direction: column;
3444 gap: 4px; 3444 gap: 4px;
3445 font-size: 12px; 3445 font-size: 12px;
3446 line-height: 1.4; 3446 line-height: 1.4;
3447 } 3447 }
3448 @media (min-width: 768px) { 3448 @media (min-width: 768px) {
3449 .main__employer-page-item { 3449 .main__employer-page-item {
3450 font-size: 18px; 3450 font-size: 18px;
3451 gap: 8px; 3451 gap: 8px;
3452 } 3452 }
3453 } 3453 }
3454 .main__employer-page-item b { 3454 .main__employer-page-item b {
3455 color: #377d87; 3455 color: #377d87;
3456 font-size: 14px; 3456 font-size: 14px;
3457 } 3457 }
3458 @media (min-width: 768px) { 3458 @media (min-width: 768px) {
3459 .main__employer-page-item b { 3459 .main__employer-page-item b {
3460 font-size: 18px; 3460 font-size: 18px;
3461 } 3461 }
3462 } 3462 }
3463 .main__employer-page-item span { 3463 .main__employer-page-item span {
3464 color: #000; 3464 color: #000;
3465 } 3465 }
3466 .main__employer-page-info { 3466 .main__employer-page-info {
3467 display: -webkit-box; 3467 display: -webkit-box;
3468 display: -ms-flexbox; 3468 display: -ms-flexbox;
3469 display: flex; 3469 display: flex;
3470 -webkit-box-orient: vertical; 3470 -webkit-box-orient: vertical;
3471 -webkit-box-direction: normal; 3471 -webkit-box-direction: normal;
3472 -ms-flex-direction: column; 3472 -ms-flex-direction: column;
3473 flex-direction: column; 3473 flex-direction: column;
3474 gap: 20px; 3474 gap: 20px;
3475 } 3475 }
3476 @media (min-width: 768px) { 3476 @media (min-width: 768px) {
3477 .main__employer-page-info { 3477 .main__employer-page-info {
3478 display: grid; 3478 display: grid;
3479 grid-template-columns: repeat(2, 1fr); 3479 grid-template-columns: repeat(2, 1fr);
3480 gap: 30px 40px; 3480 gap: 30px 40px;
3481 } 3481 }
3482 } 3482 }
3483 @media (min-width: 1280px) { 3483 @media (min-width: 1280px) {
3484 .main__employer-page-info { 3484 .main__employer-page-info {
3485 display: -webkit-box; 3485 display: -webkit-box;
3486 display: -ms-flexbox; 3486 display: -ms-flexbox;
3487 display: flex; 3487 display: flex;
3488 -webkit-box-orient: horizontal; 3488 -webkit-box-orient: horizontal;
3489 -webkit-box-direction: normal; 3489 -webkit-box-direction: normal;
3490 -ms-flex-direction: row; 3490 -ms-flex-direction: row;
3491 flex-direction: row; 3491 flex-direction: row;
3492 -webkit-box-align: start; 3492 -webkit-box-align: start;
3493 -ms-flex-align: start; 3493 -ms-flex-align: start;
3494 align-items: flex-start; 3494 align-items: flex-start;
3495 -webkit-box-pack: justify; 3495 -webkit-box-pack: justify;
3496 -ms-flex-pack: justify; 3496 -ms-flex-pack: justify;
3497 justify-content: space-between; 3497 justify-content: space-between;
3498 padding-right: 160px; 3498 padding-right: 160px;
3499 } 3499 }
3500 } 3500 }
3501 @media (min-width: 768px) { 3501 @media (min-width: 768px) {
3502 .main__employer-page-info .main__employer-page-item b, 3502 .main__employer-page-info .main__employer-page-item b,
3503 .main__employer-page-info .main__employer-page-item span { 3503 .main__employer-page-info .main__employer-page-item span {
3504 max-width: 300px; 3504 max-width: 300px;
3505 } 3505 }
3506 } 3506 }
3507 .main__employer-page-tabs { 3507 .main__employer-page-tabs {
3508 display: -webkit-box; 3508 display: -webkit-box;
3509 display: -ms-flexbox; 3509 display: -ms-flexbox;
3510 display: flex; 3510 display: flex;
3511 -webkit-box-align: center; 3511 -webkit-box-align: center;
3512 -ms-flex-align: center; 3512 -ms-flex-align: center;
3513 align-items: center; 3513 align-items: center;
3514 gap: 20px; 3514 gap: 20px;
3515 } 3515 }
3516 @media (min-width: 768px) { 3516 @media (min-width: 768px) {
3517 .main__employer-page-tabs { 3517 .main__employer-page-tabs {
3518 margin-top: 20px; 3518 margin-top: 20px;
3519 } 3519 }
3520 } 3520 }
3521 .main__employer-page-tabs-item { 3521 .main__employer-page-tabs-item {
3522 font-size: 22px; 3522 font-size: 22px;
3523 font-weight: 700; 3523 font-weight: 700;
3524 border: none; 3524 border: none;
3525 background: none; 3525 background: none;
3526 padding: 0; 3526 padding: 0;
3527 color: #9c9d9d; 3527 color: #9c9d9d;
3528 text-decoration: underline; 3528 text-decoration: underline;
3529 text-decoration-thickness: 1px; 3529 text-decoration-thickness: 1px;
3530 } 3530 }
3531 @media (min-width: 768px) { 3531 @media (min-width: 768px) {
3532 .main__employer-page-tabs-item { 3532 .main__employer-page-tabs-item {
3533 font-size: 24px; 3533 font-size: 24px;
3534 } 3534 }
3535 } 3535 }
3536 .main__employer-page-tabs-item.active { 3536 .main__employer-page-tabs-item.active {
3537 color: #377d87; 3537 color: #377d87;
3538 } 3538 }
3539 .main__employer-page-body { 3539 .main__employer-page-body {
3540 display: -webkit-box; 3540 display: -webkit-box;
3541 display: -ms-flexbox; 3541 display: -ms-flexbox;
3542 display: flex; 3542 display: flex;
3543 -webkit-box-orient: vertical; 3543 -webkit-box-orient: vertical;
3544 -webkit-box-direction: normal; 3544 -webkit-box-direction: normal;
3545 -ms-flex-direction: column; 3545 -ms-flex-direction: column;
3546 flex-direction: column; 3546 flex-direction: column;
3547 margin-top: 10px; 3547 margin-top: 10px;
3548 } 3548 }
3549 @media (min-width: 768px) { 3549 @media (min-width: 768px) {
3550 .main__employer-page-body { 3550 .main__employer-page-body {
3551 margin-top: 30px; 3551 margin-top: 30px;
3552 } 3552 }
3553 } 3553 }
3554 .main__employer-page-body-item { 3554 .main__employer-page-body-item {
3555 display: none; 3555 display: none;
3556 -webkit-box-orient: vertical; 3556 -webkit-box-orient: vertical;
3557 -webkit-box-direction: normal; 3557 -webkit-box-direction: normal;
3558 -ms-flex-direction: column; 3558 -ms-flex-direction: column;
3559 flex-direction: column; 3559 flex-direction: column;
3560 gap: 20px; 3560 gap: 20px;
3561 } 3561 }
3562 .main__employer-page-body-item.showed { 3562 .main__employer-page-body-item.showed {
3563 display: -webkit-box; 3563 display: -webkit-box;
3564 display: -ms-flexbox; 3564 display: -ms-flexbox;
3565 display: flex; 3565 display: flex;
3566 } 3566 }
3567 .main__employer-page-one { 3567 .main__employer-page-one {
3568 display: -webkit-box; 3568 display: -webkit-box;
3569 display: -ms-flexbox; 3569 display: -ms-flexbox;
3570 display: flex; 3570 display: flex;
3571 -webkit-box-orient: vertical; 3571 -webkit-box-orient: vertical;
3572 -webkit-box-direction: normal; 3572 -webkit-box-direction: normal;
3573 -ms-flex-direction: column; 3573 -ms-flex-direction: column;
3574 flex-direction: column; 3574 flex-direction: column;
3575 gap: 20px; 3575 gap: 20px;
3576 } 3576 }
3577 @media (min-width: 768px) { 3577 @media (min-width: 768px) {
3578 .main__employer-page-one { 3578 .main__employer-page-one {
3579 display: grid; 3579 display: grid;
3580 grid-template-columns: repeat(2, 1fr); 3580 grid-template-columns: repeat(2, 1fr);
3581 } 3581 }
3582 } 3582 }
3583 @media (min-width: 992px) { 3583 @media (min-width: 992px) {
3584 .main__employer-page-one { 3584 .main__employer-page-one {
3585 grid-template-columns: repeat(3, 1fr); 3585 grid-template-columns: repeat(3, 1fr);
3586 } 3586 }
3587 } 3587 }
3588 @media (min-width: 1280px) { 3588 @media (min-width: 1280px) {
3589 .main__employer-page-one { 3589 .main__employer-page-one {
3590 grid-template-columns: repeat(4, 1fr); 3590 grid-template-columns: repeat(4, 1fr);
3591 gap: 30px 20px; 3591 gap: 30px 20px;
3592 } 3592 }
3593 } 3593 }
3594 .main__employer-page-one-item { 3594 .main__employer-page-one-item {
3595 display: -webkit-box; 3595 display: -webkit-box;
3596 display: -ms-flexbox; 3596 display: -ms-flexbox;
3597 display: flex; 3597 display: flex;
3598 -webkit-box-orient: vertical; 3598 -webkit-box-orient: vertical;
3599 -webkit-box-direction: normal; 3599 -webkit-box-direction: normal;
3600 -ms-flex-direction: column; 3600 -ms-flex-direction: column;
3601 flex-direction: column; 3601 flex-direction: column;
3602 gap: 10px; 3602 gap: 10px;
3603 font-size: 12px; 3603 font-size: 12px;
3604 position: relative; 3604 position: relative;
3605 } 3605 }
3606 @media (min-width: 1280px) { 3606 @media (min-width: 1280px) {
3607 .main__employer-page-one-item { 3607 .main__employer-page-one-item {
3608 font-size: 18px; 3608 font-size: 18px;
3609 } 3609 }
3610 } 3610 }
3611 .main__employer-page-one-item img { 3611 .main__employer-page-one-item img {
3612 border-radius: 10px; 3612 border-radius: 10px;
3613 -o-object-fit: cover; 3613 -o-object-fit: cover;
3614 object-fit: cover; 3614 object-fit: cover;
3615 width: 100%; 3615 width: 100%;
3616 max-height: 250px; 3616 max-height: 250px;
3617 aspect-ratio: 247/174; 3617 aspect-ratio: 247/174;
3618 } 3618 }
3619 @media (min-width: 1280px) { 3619 @media (min-width: 1280px) {
3620 .main__employer-page-one-item img { 3620 .main__employer-page-one-item img {
3621 margin-bottom: 10px; 3621 margin-bottom: 10px;
3622 } 3622 }
3623 } 3623 }
3624 .main__employer-page-one-item b { 3624 .main__employer-page-one-item b {
3625 font-weight: 700; 3625 font-weight: 700;
3626 color: #377d87; 3626 color: #377d87;
3627 } 3627 }
3628 .main__employer-page-one-item span { 3628 .main__employer-page-one-item span {
3629 color: #000; 3629 color: #000;
3630 } 3630 }
3631 .main__employer-page-one-item i { 3631 .main__employer-page-one-item i {
3632 font-style: normal; 3632 font-style: normal;
3633 color: #377d87; 3633 color: #377d87;
3634 } 3634 }
3635 .main__employer-page-one-item .del { 3635 .main__employer-page-one-item .del {
3636 position: absolute; 3636 position: absolute;
3637 z-index: 1; 3637 z-index: 1;
3638 top: 8px; 3638 top: 8px;
3639 left: 8px; 3639 left: 8px;
3640 } 3640 }
3641 .main__employer-page-two { 3641 .main__employer-page-two {
3642 display: -webkit-box; 3642 display: -webkit-box;
3643 display: -ms-flexbox; 3643 display: -ms-flexbox;
3644 display: flex; 3644 display: flex;
3645 -webkit-box-orient: vertical; 3645 -webkit-box-orient: vertical;
3646 -webkit-box-direction: normal; 3646 -webkit-box-direction: normal;
3647 -ms-flex-direction: column; 3647 -ms-flex-direction: column;
3648 flex-direction: column; 3648 flex-direction: column;
3649 -webkit-box-align: center; 3649 -webkit-box-align: center;
3650 -ms-flex-align: center; 3650 -ms-flex-align: center;
3651 align-items: center; 3651 align-items: center;
3652 gap: 20px; 3652 gap: 20px;
3653 } 3653 }
3654 .main__employer-page-two-item { 3654 .main__employer-page-two-item {
3655 width: 100%; 3655 width: 100%;
3656 display: -webkit-box; 3656 display: -webkit-box;
3657 display: -ms-flexbox; 3657 display: -ms-flexbox;
3658 display: flex; 3658 display: flex;
3659 -webkit-box-orient: vertical; 3659 -webkit-box-orient: vertical;
3660 -webkit-box-direction: normal; 3660 -webkit-box-direction: normal;
3661 -ms-flex-direction: column; 3661 -ms-flex-direction: column;
3662 flex-direction: column; 3662 flex-direction: column;
3663 gap: 16px; 3663 gap: 16px;
3664 padding: 20px 10px; 3664 padding: 20px 10px;
3665 border-radius: 12px; 3665 border-radius: 12px;
3666 border: 1px solid #cecece; 3666 border: 1px solid #cecece;
3667 position: relative; 3667 position: relative;
3668 overflow: hidden; 3668 overflow: hidden;
3669 font-size: 12px; 3669 font-size: 12px;
3670 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3670 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3671 } 3671 }
3672 @media (min-width: 768px) { 3672 @media (min-width: 768px) {
3673 .main__employer-page-two-item { 3673 .main__employer-page-two-item {
3674 font-size: 14px; 3674 font-size: 14px;
3675 padding: 20px; 3675 padding: 20px;
3676 gap: 24px; 3676 gap: 24px;
3677 padding-bottom: 35px; 3677 padding-bottom: 35px;
3678 } 3678 }
3679 } 3679 }
3680 @media (min-width: 992px) { 3680 @media (min-width: 992px) {
3681 .main__employer-page-two-item { 3681 .main__employer-page-two-item {
3682 font-size: 16px; 3682 font-size: 16px;
3683 } 3683 }
3684 } 3684 }
3685 @media (min-width: 1280px) { 3685 @media (min-width: 1280px) {
3686 .main__employer-page-two-item { 3686 .main__employer-page-two-item {
3687 font-size: 18px; 3687 font-size: 18px;
3688 } 3688 }
3689 } 3689 }
3690 .main__employer-page-two-item-toper { 3690 .main__employer-page-two-item-toper {
3691 display: -webkit-box; 3691 display: -webkit-box;
3692 display: -ms-flexbox; 3692 display: -ms-flexbox;
3693 display: flex; 3693 display: flex;
3694 -webkit-box-align: center; 3694 -webkit-box-align: center;
3695 -ms-flex-align: center; 3695 -ms-flex-align: center;
3696 align-items: center; 3696 align-items: center;
3697 font-size: 22px; 3697 font-size: 22px;
3698 font-weight: 700; 3698 font-weight: 700;
3699 color: #000; 3699 color: #000;
3700 } 3700 }
3701 @media (min-width: 768px) { 3701 @media (min-width: 768px) {
3702 .main__employer-page-two-item-toper { 3702 .main__employer-page-two-item-toper {
3703 font-size: 30px; 3703 font-size: 30px;
3704 } 3704 }
3705 } 3705 }
3706 .main__employer-page-two-item-toper img { 3706 .main__employer-page-two-item-toper img {
3707 width: 60px; 3707 width: 60px;
3708 aspect-ratio: 1/1; 3708 aspect-ratio: 1/1;
3709 -o-object-fit: contain; 3709 -o-object-fit: contain;
3710 object-fit: contain; 3710 object-fit: contain;
3711 } 3711 }
3712 .main__employer-page-two-item-toper span { 3712 .main__employer-page-two-item-toper span {
3713 width: calc(100% - 60px); 3713 width: calc(100% - 60px);
3714 padding-left: 10px; 3714 padding-left: 10px;
3715 } 3715 }
3716 @media (min-width: 768px) { 3716 @media (min-width: 768px) {
3717 .main__employer-page-two-item-toper span { 3717 .main__employer-page-two-item-toper span {
3718 padding-left: 20px; 3718 padding-left: 20px;
3719 } 3719 }
3720 } 3720 }
3721 .main__employer-page-two-item-title { 3721 .main__employer-page-two-item-title {
3722 font-size: 18px; 3722 font-size: 18px;
3723 font-weight: 700; 3723 font-weight: 700;
3724 color: #377d87; 3724 color: #377d87;
3725 } 3725 }
3726 @media (min-width: 768px) { 3726 @media (min-width: 768px) {
3727 .main__employer-page-two-item-title { 3727 .main__employer-page-two-item-title {
3728 font-size: 24px; 3728 font-size: 24px;
3729 } 3729 }
3730 } 3730 }
3731 .main__employer-page-two-item-text { 3731 .main__employer-page-two-item-text {
3732 display: -webkit-box; 3732 display: -webkit-box;
3733 display: -ms-flexbox; 3733 display: -ms-flexbox;
3734 display: flex; 3734 display: flex;
3735 -webkit-box-orient: vertical; 3735 -webkit-box-orient: vertical;
3736 -webkit-box-direction: normal; 3736 -webkit-box-direction: normal;
3737 -ms-flex-direction: column; 3737 -ms-flex-direction: column;
3738 flex-direction: column; 3738 flex-direction: column;
3739 gap: 10px; 3739 gap: 10px;
3740 } 3740 }
3741 .main__employer-page-two-item-text-name { 3741 .main__employer-page-two-item-text-name {
3742 font-weight: 700; 3742 font-weight: 700;
3743 } 3743 }
3744 .main__employer-page-two-item-text-body { 3744 .main__employer-page-two-item-text-body {
3745 color: #000; 3745 color: #000;
3746 display: -webkit-box; 3746 display: -webkit-box;
3747 display: -ms-flexbox; 3747 display: -ms-flexbox;
3748 display: flex; 3748 display: flex;
3749 -webkit-box-orient: vertical; 3749 -webkit-box-orient: vertical;
3750 -webkit-box-direction: normal; 3750 -webkit-box-direction: normal;
3751 -ms-flex-direction: column; 3751 -ms-flex-direction: column;
3752 flex-direction: column; 3752 flex-direction: column;
3753 gap: 6px; 3753 gap: 6px;
3754 padding: 0 10px; 3754 padding: 0 10px;
3755 } 3755 }
3756 .main__employer-page-two-item-text-body p { 3756 .main__employer-page-two-item-text-body p {
3757 margin: 0; 3757 margin: 0;
3758 } 3758 }
3759 .main__employer-page-two-item-text-body ul { 3759 .main__employer-page-two-item-text-body ul {
3760 margin: 0; 3760 margin: 0;
3761 padding: 0; 3761 padding: 0;
3762 padding-left: 16px; 3762 padding-left: 16px;
3763 display: -webkit-box; 3763 display: -webkit-box;
3764 display: -ms-flexbox; 3764 display: -ms-flexbox;
3765 display: flex; 3765 display: flex;
3766 -webkit-box-orient: vertical; 3766 -webkit-box-orient: vertical;
3767 -webkit-box-direction: normal; 3767 -webkit-box-direction: normal;
3768 -ms-flex-direction: column; 3768 -ms-flex-direction: column;
3769 flex-direction: column; 3769 flex-direction: column;
3770 gap: 6px; 3770 gap: 6px;
3771 } 3771 }
3772 @media (min-width: 768px) { 3772 @media (min-width: 768px) {
3773 .main__employer-page-two-item-text-body ul { 3773 .main__employer-page-two-item-text-body ul {
3774 margin: 0 5px; 3774 margin: 0 5px;
3775 } 3775 }
3776 } 3776 }
3777 .main__employer-page-two-item-text-body ul span, 3777 .main__employer-page-two-item-text-body ul span,
3778 .main__employer-page-two-item-text-body ul a { 3778 .main__employer-page-two-item-text-body ul a {
3779 color: #000; 3779 color: #000;
3780 position: relative; 3780 position: relative;
3781 } 3781 }
3782 .main__employer-page-two-item-text-body ul a:hover { 3782 .main__employer-page-two-item-text-body ul a:hover {
3783 color: #377d87; 3783 color: #377d87;
3784 } 3784 }
3785 .main__employer-page-two-item-text-body p + ul { 3785 .main__employer-page-two-item-text-body p + ul {
3786 margin-top: 10px; 3786 margin-top: 10px;
3787 } 3787 }
3788 .main__employer-page-two-item-text-links { 3788 .main__employer-page-two-item-text-links {
3789 display: -webkit-box; 3789 display: -webkit-box;
3790 display: -ms-flexbox; 3790 display: -ms-flexbox;
3791 display: flex; 3791 display: flex;
3792 -webkit-box-orient: vertical; 3792 -webkit-box-orient: vertical;
3793 -webkit-box-direction: normal; 3793 -webkit-box-direction: normal;
3794 -ms-flex-direction: column; 3794 -ms-flex-direction: column;
3795 flex-direction: column; 3795 flex-direction: column;
3796 -webkit-box-align: start; 3796 -webkit-box-align: start;
3797 -ms-flex-align: start; 3797 -ms-flex-align: start;
3798 align-items: flex-start; 3798 align-items: flex-start;
3799 gap: 10px; 3799 gap: 10px;
3800 padding: 0 10px; 3800 padding: 0 10px;
3801 font-weight: 700; 3801 font-weight: 700;
3802 margin-top: 5px; 3802 margin-top: 5px;
3803 } 3803 }
3804 @media (min-width: 768px) { 3804 @media (min-width: 768px) {
3805 .main__employer-page-two-item-text-links { 3805 .main__employer-page-two-item-text-links {
3806 gap: 20px; 3806 gap: 20px;
3807 } 3807 }
3808 } 3808 }
3809 .main__employer-page-two-item-text-links a { 3809 .main__employer-page-two-item-text-links a {
3810 color: #4d88d9; 3810 color: #4d88d9;
3811 } 3811 }
3812 .main__employer-page-two-item-text-links a:hover { 3812 .main__employer-page-two-item-text-links a:hover {
3813 color: #377d87; 3813 color: #377d87;
3814 } 3814 }
3815 .main__employer-page-two-item-tags { 3815 .main__employer-page-two-item-tags {
3816 color: #4d88d9; 3816 color: #4d88d9;
3817 font-weight: 500; 3817 font-weight: 500;
3818 display: -webkit-box; 3818 display: -webkit-box;
3819 display: -ms-flexbox; 3819 display: -ms-flexbox;
3820 display: flex; 3820 display: flex;
3821 -webkit-box-align: center; 3821 -webkit-box-align: center;
3822 -ms-flex-align: center; 3822 -ms-flex-align: center;
3823 align-items: center; 3823 align-items: center;
3824 -ms-flex-wrap: wrap; 3824 -ms-flex-wrap: wrap;
3825 flex-wrap: wrap; 3825 flex-wrap: wrap;
3826 gap: 10px 20px; 3826 gap: 10px 20px;
3827 } 3827 }
3828 @media (min-width: 768px) { 3828 @media (min-width: 768px) {
3829 .main__employer-page-two-item-tags { 3829 .main__employer-page-two-item-tags {
3830 font-size: 14px; 3830 font-size: 14px;
3831 } 3831 }
3832 } 3832 }
3833 .main__employer-page-two-item-buttons { 3833 .main__employer-page-two-item-buttons {
3834 display: grid; 3834 display: grid;
3835 grid-template-columns: repeat(2, 1fr); 3835 grid-template-columns: repeat(2, 1fr);
3836 gap: 20px; 3836 gap: 20px;
3837 } 3837 }
3838 @media (min-width: 768px) { 3838 @media (min-width: 768px) {
3839 .main__employer-page-two-item-button { 3839 .main__employer-page-two-item-button {
3840 position: absolute; 3840 position: absolute;
3841 bottom: 20px; 3841 bottom: 20px;
3842 left: 20px; 3842 left: 20px;
3843 width: 200px; 3843 width: 200px;
3844 padding: 0; 3844 padding: 0;
3845 } 3845 }
3846 } 3846 }
3847 @media (min-width: 768px) { 3847 @media (min-width: 768px) {
3848 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3848 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3849 left: auto; 3849 left: auto;
3850 right: 20px; 3850 right: 20px;
3851 } 3851 }
3852 } 3852 }
3853 .main__employer-page-two-item-bottom { 3853 .main__employer-page-two-item-bottom {
3854 display: -webkit-box; 3854 display: -webkit-box;
3855 display: -ms-flexbox; 3855 display: -ms-flexbox;
3856 display: flex; 3856 display: flex;
3857 -webkit-box-align: center; 3857 -webkit-box-align: center;
3858 -ms-flex-align: center; 3858 -ms-flex-align: center;
3859 align-items: center; 3859 align-items: center;
3860 -webkit-box-pack: justify; 3860 -webkit-box-pack: justify;
3861 -ms-flex-pack: justify; 3861 -ms-flex-pack: justify;
3862 justify-content: space-between; 3862 justify-content: space-between;
3863 } 3863 }
3864 .main__employer-page-two-item-bottom-date { 3864 .main__employer-page-two-item-bottom-date {
3865 color: #000; 3865 color: #000;
3866 } 3866 }
3867 @media (min-width: 768px) { 3867 @media (min-width: 768px) {
3868 .main__employer-page-two-item-bottom-date { 3868 .main__employer-page-two-item-bottom-date {
3869 position: absolute; 3869 position: absolute;
3870 bottom: 20px; 3870 bottom: 20px;
3871 right: 240px; 3871 right: 240px;
3872 height: 42px; 3872 height: 42px;
3873 display: -webkit-box; 3873 display: -webkit-box;
3874 display: -ms-flexbox; 3874 display: -ms-flexbox;
3875 display: flex; 3875 display: flex;
3876 -webkit-box-align: center; 3876 -webkit-box-align: center;
3877 -ms-flex-align: center; 3877 -ms-flex-align: center;
3878 align-items: center; 3878 align-items: center;
3879 } 3879 }
3880 } 3880 }
3881 @media (min-width: 992px) { 3881 @media (min-width: 992px) {
3882 .main__employer-page-two-item-bottom-date { 3882 .main__employer-page-two-item-bottom-date {
3883 font-size: 16px; 3883 font-size: 16px;
3884 } 3884 }
3885 } 3885 }
3886 @media (min-width: 768px) { 3886 @media (min-width: 768px) {
3887 .main__employer-page-two-item-bottom-like { 3887 .main__employer-page-two-item-bottom-like {
3888 position: absolute; 3888 position: absolute;
3889 bottom: 20px; 3889 bottom: 20px;
3890 left: 240px; 3890 left: 240px;
3891 } 3891 }
3892 } 3892 }
3893 @media (min-width: 768px) { 3893 @media (min-width: 768px) {
3894 .main__employer-page-two-more { 3894 .main__employer-page-two-more {
3895 margin-top: 10px; 3895 margin-top: 10px;
3896 padding: 0; 3896 padding: 0;
3897 width: 200px; 3897 width: 200px;
3898 } 3898 }
3899 } 3899 }
3900 .main__employer-page-two .main__employer-page-two-item { 3900 .main__employer-page-two .main__employer-page-two-item {
3901 display: none; 3901 /*display: none;*/
3902 } 3902 }
3903 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3903 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3904 display: -webkit-box; 3904 display: -webkit-box;
3905 display: -ms-flexbox; 3905 display: -ms-flexbox;
3906 display: flex; 3906 display: flex;
3907 } 3907 }
3908 .main__employer-page-two.active .main__employer-page-two-item { 3908 .main__employer-page-two.active .main__employer-page-two-item {
3909 display: -webkit-box; 3909 display: -webkit-box;
3910 display: -ms-flexbox; 3910 display: -ms-flexbox;
3911 display: flex; 3911 display: flex;
3912 } 3912 }
3913 .main__resume-base { 3913 .main__resume-base {
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 -webkit-box-orient: vertical; 3917 -webkit-box-orient: vertical;
3918 -webkit-box-direction: normal; 3918 -webkit-box-direction: normal;
3919 -ms-flex-direction: column; 3919 -ms-flex-direction: column;
3920 flex-direction: column; 3920 flex-direction: column;
3921 color: #000; 3921 color: #000;
3922 } 3922 }
3923 .main__resume-base-body { 3923 .main__resume-base-body {
3924 display: none; 3924 display: none;
3925 -webkit-box-orient: vertical; 3925 -webkit-box-orient: vertical;
3926 -webkit-box-direction: normal; 3926 -webkit-box-direction: normal;
3927 -ms-flex-direction: column; 3927 -ms-flex-direction: column;
3928 flex-direction: column; 3928 flex-direction: column;
3929 margin-top: 10px; 3929 margin-top: 10px;
3930 } 3930 }
3931 @media (min-width: 768px) { 3931 @media (min-width: 768px) {
3932 .main__resume-base-body { 3932 .main__resume-base-body {
3933 margin-top: 30px; 3933 margin-top: 30px;
3934 } 3934 }
3935 } 3935 }
3936 .main__resume-base-body.showed { 3936 .main__resume-base-body.showed {
3937 display: -webkit-box; 3937 display: -webkit-box;
3938 display: -ms-flexbox; 3938 display: -ms-flexbox;
3939 display: flex; 3939 display: flex;
3940 } 3940 }
3941 .main__resume-base-body-one { 3941 .main__resume-base-body-one {
3942 display: -webkit-box; 3942 display: -webkit-box;
3943 display: -ms-flexbox; 3943 display: -ms-flexbox;
3944 display: flex; 3944 display: flex;
3945 -webkit-box-orient: vertical; 3945 -webkit-box-orient: vertical;
3946 -webkit-box-direction: normal; 3946 -webkit-box-direction: normal;
3947 -ms-flex-direction: column; 3947 -ms-flex-direction: column;
3948 flex-direction: column; 3948 flex-direction: column;
3949 -webkit-box-align: center; 3949 -webkit-box-align: center;
3950 -ms-flex-align: center; 3950 -ms-flex-align: center;
3951 align-items: center; 3951 align-items: center;
3952 gap: 20px; 3952 gap: 20px;
3953 } 3953 }
3954 @media (min-width: 768px) { 3954 @media (min-width: 768px) {
3955 .main__resume-base-body-one { 3955 .main__resume-base-body-one {
3956 gap: 30px; 3956 gap: 30px;
3957 } 3957 }
3958 } 3958 }
3959 .main__resume-base-body-two { 3959 .main__resume-base-body-two {
3960 display: -webkit-box; 3960 display: -webkit-box;
3961 display: -ms-flexbox; 3961 display: -ms-flexbox;
3962 display: flex; 3962 display: flex;
3963 -webkit-box-orient: vertical; 3963 -webkit-box-orient: vertical;
3964 -webkit-box-direction: normal; 3964 -webkit-box-direction: normal;
3965 -ms-flex-direction: column; 3965 -ms-flex-direction: column;
3966 flex-direction: column; 3966 flex-direction: column;
3967 gap: 20px; 3967 gap: 20px;
3968 } 3968 }
3969 @media (min-width: 768px) { 3969 @media (min-width: 768px) {
3970 .main__resume-base-body-two { 3970 .main__resume-base-body-two {
3971 -webkit-box-orient: horizontal; 3971 -webkit-box-orient: horizontal;
3972 -webkit-box-direction: normal; 3972 -webkit-box-direction: normal;
3973 -ms-flex-direction: row; 3973 -ms-flex-direction: row;
3974 flex-direction: row; 3974 flex-direction: row;
3975 -webkit-box-pack: justify; 3975 -webkit-box-pack: justify;
3976 -ms-flex-pack: justify; 3976 -ms-flex-pack: justify;
3977 justify-content: space-between; 3977 justify-content: space-between;
3978 -webkit-box-align: start; 3978 -webkit-box-align: start;
3979 -ms-flex-align: start; 3979 -ms-flex-align: start;
3980 align-items: flex-start; 3980 align-items: flex-start;
3981 -ms-flex-wrap: wrap; 3981 -ms-flex-wrap: wrap;
3982 flex-wrap: wrap; 3982 flex-wrap: wrap;
3983 gap: 30px 0; 3983 gap: 30px 0;
3984 } 3984 }
3985 } 3985 }
3986 @media (min-width: 768px) { 3986 @media (min-width: 768px) {
3987 .main__resume-base-body-two .main__resume-base-body-item { 3987 .main__resume-base-body-two .main__resume-base-body-item {
3988 width: calc(50% - 10px); 3988 width: calc(50% - 10px);
3989 } 3989 }
3990 } 3990 }
3991 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 3991 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
3992 -webkit-box-orient: vertical; 3992 -webkit-box-orient: vertical;
3993 -webkit-box-direction: normal; 3993 -webkit-box-direction: normal;
3994 -ms-flex-direction: column; 3994 -ms-flex-direction: column;
3995 flex-direction: column; 3995 flex-direction: column;
3996 } 3996 }
3997 .main__resume-base-body-item { 3997 .main__resume-base-body-item {
3998 width: 100%; 3998 width: 100%;
3999 display: -webkit-box; 3999 display: -webkit-box;
4000 display: -ms-flexbox; 4000 display: -ms-flexbox;
4001 display: flex; 4001 display: flex;
4002 -webkit-box-orient: vertical; 4002 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4003 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4004 -ms-flex-direction: column;
4005 flex-direction: column; 4005 flex-direction: column;
4006 gap: 20px; 4006 gap: 20px;
4007 position: relative; 4007 position: relative;
4008 border: 1px solid #377d87; 4008 border: 1px solid #377d87;
4009 border-radius: 8px; 4009 border-radius: 8px;
4010 padding: 10px; 4010 padding: 10px;
4011 -webkit-box-align: center; 4011 -webkit-box-align: center;
4012 -ms-flex-align: center; 4012 -ms-flex-align: center;
4013 align-items: center; 4013 align-items: center;
4014 } 4014 }
4015 @media (min-width: 768px) { 4015 @media (min-width: 768px) {
4016 .main__resume-base-body-item { 4016 .main__resume-base-body-item {
4017 padding: 20px; 4017 padding: 20px;
4018 } 4018 }
4019 } 4019 }
4020 .main__resume-base-body-item-buttons { 4020 .main__resume-base-body-item-buttons {
4021 display: -webkit-box; 4021 display: -webkit-box;
4022 display: -ms-flexbox; 4022 display: -ms-flexbox;
4023 display: flex; 4023 display: flex;
4024 -webkit-box-orient: vertical; 4024 -webkit-box-orient: vertical;
4025 -webkit-box-direction: normal; 4025 -webkit-box-direction: normal;
4026 -ms-flex-direction: column; 4026 -ms-flex-direction: column;
4027 flex-direction: column; 4027 flex-direction: column;
4028 -webkit-box-align: start; 4028 -webkit-box-align: start;
4029 -ms-flex-align: start; 4029 -ms-flex-align: start;
4030 align-items: flex-start; 4030 align-items: flex-start;
4031 gap: 10px; 4031 gap: 10px;
4032 position: absolute; 4032 position: absolute;
4033 top: 10px; 4033 top: 10px;
4034 right: 10px; 4034 right: 10px;
4035 } 4035 }
4036 @media (min-width: 768px) { 4036 @media (min-width: 768px) {
4037 .main__resume-base-body-item-buttons { 4037 .main__resume-base-body-item-buttons {
4038 top: 20px; 4038 top: 20px;
4039 right: 20px; 4039 right: 20px;
4040 } 4040 }
4041 } 4041 }
4042 .main__resume-base-body-item-wrapper { 4042 .main__resume-base-body-item-wrapper {
4043 display: -webkit-box; 4043 display: -webkit-box;
4044 display: -ms-flexbox; 4044 display: -ms-flexbox;
4045 display: flex; 4045 display: flex;
4046 -webkit-box-orient: vertical; 4046 -webkit-box-orient: vertical;
4047 -webkit-box-direction: normal; 4047 -webkit-box-direction: normal;
4048 -ms-flex-direction: column; 4048 -ms-flex-direction: column;
4049 flex-direction: column; 4049 flex-direction: column;
4050 -webkit-box-align: start; 4050 -webkit-box-align: start;
4051 -ms-flex-align: start; 4051 -ms-flex-align: start;
4052 align-items: flex-start; 4052 align-items: flex-start;
4053 gap: 20px; 4053 gap: 20px;
4054 width: 100%; 4054 width: 100%;
4055 } 4055 }
4056 @media (min-width: 768px) { 4056 @media (min-width: 768px) {
4057 .main__resume-base-body-item-wrapper { 4057 .main__resume-base-body-item-wrapper {
4058 -webkit-box-orient: horizontal; 4058 -webkit-box-orient: horizontal;
4059 -webkit-box-direction: normal; 4059 -webkit-box-direction: normal;
4060 -ms-flex-direction: row; 4060 -ms-flex-direction: row;
4061 flex-direction: row; 4061 flex-direction: row;
4062 } 4062 }
4063 } 4063 }
4064 .main__resume-base-body-item-photo { 4064 .main__resume-base-body-item-photo {
4065 width: 180px; 4065 width: 180px;
4066 aspect-ratio: 1/1; 4066 aspect-ratio: 1/1;
4067 -o-object-fit: cover; 4067 -o-object-fit: cover;
4068 object-fit: cover; 4068 object-fit: cover;
4069 border-radius: 8px; 4069 border-radius: 8px;
4070 } 4070 }
4071 @media (min-width: 768px) { 4071 @media (min-width: 768px) {
4072 .main__resume-base-body-item-photo { 4072 .main__resume-base-body-item-photo {
4073 width: 210px; 4073 width: 210px;
4074 } 4074 }
4075 } 4075 }
4076 .main__resume-base-body-item-inner { 4076 .main__resume-base-body-item-inner {
4077 display: -webkit-box; 4077 display: -webkit-box;
4078 display: -ms-flexbox; 4078 display: -ms-flexbox;
4079 display: flex; 4079 display: flex;
4080 -webkit-box-orient: vertical; 4080 -webkit-box-orient: vertical;
4081 -webkit-box-direction: normal; 4081 -webkit-box-direction: normal;
4082 -ms-flex-direction: column; 4082 -ms-flex-direction: column;
4083 flex-direction: column; 4083 flex-direction: column;
4084 gap: 10px; 4084 gap: 10px;
4085 width: 100%; 4085 width: 100%;
4086 } 4086 }
4087 @media (min-width: 768px) { 4087 @media (min-width: 768px) {
4088 .main__resume-base-body-item-inner { 4088 .main__resume-base-body-item-inner {
4089 gap: 16px; 4089 gap: 16px;
4090 padding-right: 50px; 4090 padding-right: 50px;
4091 } 4091 }
4092 } 4092 }
4093 @media (min-width: 992px) { 4093 @media (min-width: 992px) {
4094 .main__resume-base-body-item-inner { 4094 .main__resume-base-body-item-inner {
4095 display: grid; 4095 display: grid;
4096 grid-template-columns: repeat(2, 1fr); 4096 grid-template-columns: repeat(2, 1fr);
4097 gap: 30px; 4097 gap: 30px;
4098 } 4098 }
4099 } 4099 }
4100 .main__resume-base-body-item-inner div { 4100 .main__resume-base-body-item-inner div {
4101 display: -webkit-box; 4101 display: -webkit-box;
4102 display: -ms-flexbox; 4102 display: -ms-flexbox;
4103 display: flex; 4103 display: flex;
4104 -webkit-box-orient: vertical; 4104 -webkit-box-orient: vertical;
4105 -webkit-box-direction: normal; 4105 -webkit-box-direction: normal;
4106 -ms-flex-direction: column; 4106 -ms-flex-direction: column;
4107 flex-direction: column; 4107 flex-direction: column;
4108 gap: 4px; 4108 gap: 4px;
4109 font-size: 12px; 4109 font-size: 12px;
4110 } 4110 }
4111 @media (min-width: 768px) { 4111 @media (min-width: 768px) {
4112 .main__resume-base-body-item-inner div { 4112 .main__resume-base-body-item-inner div {
4113 font-size: 16px; 4113 font-size: 16px;
4114 } 4114 }
4115 } 4115 }
4116 .main__resume-base-body-item-inner b { 4116 .main__resume-base-body-item-inner b {
4117 color: #377d87; 4117 color: #377d87;
4118 font-size: 14px; 4118 font-size: 14px;
4119 } 4119 }
4120 @media (min-width: 768px) { 4120 @media (min-width: 768px) {
4121 .main__resume-base-body-item-inner b { 4121 .main__resume-base-body-item-inner b {
4122 font-size: 18px; 4122 font-size: 18px;
4123 } 4123 }
4124 } 4124 }
4125 .main__resume-base-body-item-link { 4125 .main__resume-base-body-item-link {
4126 width: 100%; 4126 width: 100%;
4127 padding: 0; 4127 padding: 0;
4128 } 4128 }
4129 @media (min-width: 768px) { 4129 @media (min-width: 768px) {
4130 .main__resume-base-body-item-link { 4130 .main__resume-base-body-item-link {
4131 width: 200px; 4131 width: 200px;
4132 } 4132 }
4133 } 4133 }
4134 .main__spoiler { 4134 .main__spoiler {
4135 overflow: hidden; 4135 overflow: hidden;
4136 border-radius: 8px; 4136 border-radius: 8px;
4137 display: -webkit-box; 4137 display: -webkit-box;
4138 display: -ms-flexbox; 4138 display: -ms-flexbox;
4139 display: flex; 4139 display: flex;
4140 -webkit-box-orient: vertical; 4140 -webkit-box-orient: vertical;
4141 -webkit-box-direction: normal; 4141 -webkit-box-direction: normal;
4142 -ms-flex-direction: column; 4142 -ms-flex-direction: column;
4143 flex-direction: column; 4143 flex-direction: column;
4144 } 4144 }
4145 .main__spoiler-toper { 4145 .main__spoiler-toper {
4146 background: #377d87; 4146 background: #377d87;
4147 height: 30px; 4147 height: 30px;
4148 display: -webkit-box; 4148 display: -webkit-box;
4149 display: -ms-flexbox; 4149 display: -ms-flexbox;
4150 display: flex; 4150 display: flex;
4151 -webkit-box-align: center; 4151 -webkit-box-align: center;
4152 -ms-flex-align: center; 4152 -ms-flex-align: center;
4153 align-items: center; 4153 align-items: center;
4154 -webkit-box-pack: center; 4154 -webkit-box-pack: center;
4155 -ms-flex-pack: center; 4155 -ms-flex-pack: center;
4156 justify-content: center; 4156 justify-content: center;
4157 color: #fff; 4157 color: #fff;
4158 font-size: 12px; 4158 font-size: 12px;
4159 font-weight: 700; 4159 font-weight: 700;
4160 padding: 0 30px; 4160 padding: 0 30px;
4161 border: none; 4161 border: none;
4162 position: relative; 4162 position: relative;
4163 } 4163 }
4164 @media (min-width: 768px) { 4164 @media (min-width: 768px) {
4165 .main__spoiler-toper { 4165 .main__spoiler-toper {
4166 font-size: 18px; 4166 font-size: 18px;
4167 height: 50px; 4167 height: 50px;
4168 padding: 0 60px; 4168 padding: 0 60px;
4169 } 4169 }
4170 } 4170 }
4171 .main__spoiler-toper:before, .main__spoiler-toper:after { 4171 .main__spoiler-toper:before, .main__spoiler-toper:after {
4172 content: ""; 4172 content: "";
4173 background: #fff; 4173 background: #fff;
4174 border-radius: 999px; 4174 border-radius: 999px;
4175 width: 10px; 4175 width: 10px;
4176 height: 1px; 4176 height: 1px;
4177 position: absolute; 4177 position: absolute;
4178 top: 50%; 4178 top: 50%;
4179 right: 10px; 4179 right: 10px;
4180 -webkit-transition: 0.3s; 4180 -webkit-transition: 0.3s;
4181 transition: 0.3s; 4181 transition: 0.3s;
4182 -webkit-transform: translate(0, -50%); 4182 -webkit-transform: translate(0, -50%);
4183 -ms-transform: translate(0, -50%); 4183 -ms-transform: translate(0, -50%);
4184 transform: translate(0, -50%); 4184 transform: translate(0, -50%);
4185 } 4185 }
4186 @media (min-width: 768px) { 4186 @media (min-width: 768px) {
4187 .main__spoiler-toper:before, .main__spoiler-toper:after { 4187 .main__spoiler-toper:before, .main__spoiler-toper:after {
4188 width: 20px; 4188 width: 20px;
4189 height: 2px; 4189 height: 2px;
4190 right: 20px; 4190 right: 20px;
4191 } 4191 }
4192 } 4192 }
4193 .main__spoiler-toper:after { 4193 .main__spoiler-toper:after {
4194 -webkit-transform: rotate(90deg); 4194 -webkit-transform: rotate(90deg);
4195 -ms-transform: rotate(90deg); 4195 -ms-transform: rotate(90deg);
4196 transform: rotate(90deg); 4196 transform: rotate(90deg);
4197 } 4197 }
4198 .main__spoiler-toper.active:after { 4198 .main__spoiler-toper.active:after {
4199 -webkit-transform: rotate(0deg); 4199 -webkit-transform: rotate(0deg);
4200 -ms-transform: rotate(0deg); 4200 -ms-transform: rotate(0deg);
4201 transform: rotate(0deg); 4201 transform: rotate(0deg);
4202 } 4202 }
4203 .main__spoiler-body { 4203 .main__spoiler-body {
4204 opacity: 0; 4204 opacity: 0;
4205 height: 0; 4205 height: 0;
4206 overflow: hidden; 4206 overflow: hidden;
4207 border-radius: 0 0 8px 8px; 4207 border-radius: 0 0 8px 8px;
4208 background: #fff; 4208 background: #fff;
4209 } 4209 }
4210 .main__spoiler-body table { 4210 .main__spoiler-body table {
4211 width: calc(100% + 2px); 4211 width: calc(100% + 2px);
4212 margin-left: -1px; 4212 margin-left: -1px;
4213 margin-bottom: -1px; 4213 margin-bottom: -1px;
4214 } 4214 }
4215 @media (min-width: 992px) { 4215 @media (min-width: 992px) {
4216 .main__spoiler-body table td { 4216 .main__spoiler-body table td {
4217 width: 40%; 4217 width: 40%;
4218 } 4218 }
4219 } 4219 }
4220 @media (min-width: 992px) { 4220 @media (min-width: 992px) {
4221 .main__spoiler-body table td + td { 4221 .main__spoiler-body table td + td {
4222 width: 60%; 4222 width: 60%;
4223 } 4223 }
4224 } 4224 }
4225 .active + .main__spoiler-body { 4225 .active + .main__spoiler-body {
4226 -webkit-transition: 0.3s; 4226 -webkit-transition: 0.3s;
4227 transition: 0.3s; 4227 transition: 0.3s;
4228 opacity: 1; 4228 opacity: 1;
4229 height: auto; 4229 height: auto;
4230 border: 1px solid #cecece; 4230 border: 1px solid #cecece;
4231 border-top: none; 4231 border-top: none;
4232 } 4232 }
4233 .main__table { 4233 .main__table {
4234 border-collapse: collapse; 4234 border-collapse: collapse;
4235 table-layout: fixed; 4235 table-layout: fixed;
4236 font-size: 12px; 4236 font-size: 12px;
4237 width: 100%; 4237 width: 100%;
4238 background: #fff; 4238 background: #fff;
4239 } 4239 }
4240 @media (min-width: 768px) { 4240 @media (min-width: 768px) {
4241 .main__table { 4241 .main__table {
4242 font-size: 16px; 4242 font-size: 16px;
4243 } 4243 }
4244 } 4244 }
4245 .main__table td { 4245 .main__table td {
4246 border: 1px solid #cecece; 4246 border: 1px solid #cecece;
4247 padding: 4px 8px; 4247 padding: 4px 8px;
4248 vertical-align: top; 4248 vertical-align: top;
4249 } 4249 }
4250 @media (min-width: 768px) { 4250 @media (min-width: 768px) {
4251 .main__table td { 4251 .main__table td {
4252 padding: 8px 16px; 4252 padding: 8px 16px;
4253 } 4253 }
4254 } 4254 }
4255 .main__table td b { 4255 .main__table td b {
4256 font-weight: 700; 4256 font-weight: 700;
4257 } 4257 }
4258 .main__table_three { 4258 .main__table_three {
4259 table-layout: auto; 4259 table-layout: auto;
4260 } 4260 }
4261 .main__table_three td { 4261 .main__table_three td {
4262 width: 25% !important; 4262 width: 25% !important;
4263 } 4263 }
4264 .main__table_three td:last-child { 4264 .main__table_three td:last-child {
4265 width: 50% !important; 4265 width: 50% !important;
4266 } 4266 }
4267 .main__table b { 4267 .main__table b {
4268 display: block; 4268 display: block;
4269 } 4269 }
4270 .main__table a { 4270 .main__table a {
4271 color: #377d87; 4271 color: #377d87;
4272 text-decoration: underline; 4272 text-decoration: underline;
4273 } 4273 }
4274 .main__table a:hover { 4274 .main__table a:hover {
4275 color: #000; 4275 color: #000;
4276 } 4276 }
4277 .main__resume-profile-about { 4277 .main__resume-profile-about {
4278 padding-top: 20px; 4278 padding-top: 20px;
4279 padding-bottom: 30px; 4279 padding-bottom: 30px;
4280 position: relative; 4280 position: relative;
4281 margin-top: 30px; 4281 margin-top: 30px;
4282 display: -webkit-box; 4282 display: -webkit-box;
4283 display: -ms-flexbox; 4283 display: -ms-flexbox;
4284 display: flex; 4284 display: flex;
4285 -webkit-box-orient: vertical; 4285 -webkit-box-orient: vertical;
4286 -webkit-box-direction: normal; 4286 -webkit-box-direction: normal;
4287 -ms-flex-direction: column; 4287 -ms-flex-direction: column;
4288 flex-direction: column; 4288 flex-direction: column;
4289 -webkit-box-align: start; 4289 -webkit-box-align: start;
4290 -ms-flex-align: start; 4290 -ms-flex-align: start;
4291 align-items: flex-start; 4291 align-items: flex-start;
4292 gap: 10px; 4292 gap: 10px;
4293 } 4293 }
4294 @media (min-width: 992px) { 4294 @media (min-width: 992px) {
4295 .main__resume-profile-about { 4295 .main__resume-profile-about {
4296 padding: 50px 0; 4296 padding: 50px 0;
4297 } 4297 }
4298 } 4298 }
4299 .main__resume-profile-about:before { 4299 .main__resume-profile-about:before {
4300 content: ""; 4300 content: "";
4301 position: absolute; 4301 position: absolute;
4302 z-index: 1; 4302 z-index: 1;
4303 top: 0; 4303 top: 0;
4304 left: 50%; 4304 left: 50%;
4305 width: 20000px; 4305 width: 20000px;
4306 height: 100%; 4306 height: 100%;
4307 margin-left: -10000px; 4307 margin-left: -10000px;
4308 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4308 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4309 } 4309 }
4310 .main__resume-profile-about-title { 4310 .main__resume-profile-about-title {
4311 position: relative; 4311 position: relative;
4312 z-index: 2; 4312 z-index: 2;
4313 color: #000; 4313 color: #000;
4314 } 4314 }
4315 .main__resume-profile-about-text { 4315 .main__resume-profile-about-text {
4316 position: relative; 4316 position: relative;
4317 z-index: 2; 4317 z-index: 2;
4318 } 4318 }
4319 .main__resume-profile-about-button { 4319 .main__resume-profile-about-button {
4320 position: relative; 4320 position: relative;
4321 z-index: 2; 4321 z-index: 2;
4322 margin-top: 10px; 4322 margin-top: 10px;
4323 } 4323 }
4324 .main__resume-profile-info { 4324 .main__resume-profile-info {
4325 display: -webkit-box; 4325 display: -webkit-box;
4326 display: -ms-flexbox; 4326 display: -ms-flexbox;
4327 display: flex; 4327 display: flex;
4328 -webkit-box-orient: vertical; 4328 -webkit-box-orient: vertical;
4329 -webkit-box-direction: normal; 4329 -webkit-box-direction: normal;
4330 -ms-flex-direction: column; 4330 -ms-flex-direction: column;
4331 flex-direction: column; 4331 flex-direction: column;
4332 gap: 20px; 4332 gap: 20px;
4333 margin-top: 30px; 4333 margin-top: 30px;
4334 } 4334 }
4335 @media (min-width: 992px) { 4335 @media (min-width: 992px) {
4336 .main__resume-profile-info { 4336 .main__resume-profile-info {
4337 margin-top: 50px; 4337 margin-top: 50px;
4338 gap: 30px; 4338 gap: 30px;
4339 } 4339 }
4340 } 4340 }
4341 .main__resume-profile-info-title { 4341 .main__resume-profile-info-title {
4342 color: #000; 4342 color: #000;
4343 } 4343 }
4344 .main__resume-profile-info-body { 4344 .main__resume-profile-info-body {
4345 display: -webkit-box; 4345 display: -webkit-box;
4346 display: -ms-flexbox; 4346 display: -ms-flexbox;
4347 display: flex; 4347 display: flex;
4348 -webkit-box-orient: vertical; 4348 -webkit-box-orient: vertical;
4349 -webkit-box-direction: normal; 4349 -webkit-box-direction: normal;
4350 -ms-flex-direction: column; 4350 -ms-flex-direction: column;
4351 flex-direction: column; 4351 flex-direction: column;
4352 gap: 20px; 4352 gap: 20px;
4353 } 4353 }
4354 @media (min-width: 992px) { 4354 @media (min-width: 992px) {
4355 .main__resume-profile-info-body { 4355 .main__resume-profile-info-body {
4356 gap: 30px; 4356 gap: 30px;
4357 } 4357 }
4358 } 4358 }
4359 .main__resume-profile-info-body-item { 4359 .main__resume-profile-info-body-item {
4360 display: -webkit-box; 4360 display: -webkit-box;
4361 display: -ms-flexbox; 4361 display: -ms-flexbox;
4362 display: flex; 4362 display: flex;
4363 -webkit-box-orient: vertical; 4363 -webkit-box-orient: vertical;
4364 -webkit-box-direction: normal; 4364 -webkit-box-direction: normal;
4365 -ms-flex-direction: column; 4365 -ms-flex-direction: column;
4366 flex-direction: column; 4366 flex-direction: column;
4367 gap: 10px; 4367 gap: 10px;
4368 } 4368 }
4369 @media (min-width: 768px) { 4369 @media (min-width: 768px) {
4370 .main__resume-profile-info-body-item { 4370 .main__resume-profile-info-body-item {
4371 gap: 20px; 4371 gap: 20px;
4372 } 4372 }
4373 } 4373 }
4374 .main__resume-profile-info-body-subtitle { 4374 .main__resume-profile-info-body-subtitle {
4375 color: #4d88d9; 4375 color: #4d88d9;
4376 } 4376 }
4377 .main__resume-profile-info-body-inner { 4377 .main__resume-profile-info-body-inner {
4378 display: -webkit-box; 4378 display: -webkit-box;
4379 display: -ms-flexbox; 4379 display: -ms-flexbox;
4380 display: flex; 4380 display: flex;
4381 -webkit-box-orient: vertical; 4381 -webkit-box-orient: vertical;
4382 -webkit-box-direction: normal; 4382 -webkit-box-direction: normal;
4383 -ms-flex-direction: column; 4383 -ms-flex-direction: column;
4384 flex-direction: column; 4384 flex-direction: column;
4385 gap: 20px; 4385 gap: 20px;
4386 margin: 0; 4386 margin: 0;
4387 padding: 0; 4387 padding: 0;
4388 font-size: 12px; 4388 font-size: 12px;
4389 } 4389 }
4390 @media (min-width: 768px) { 4390 @media (min-width: 768px) {
4391 .main__resume-profile-info-body-inner { 4391 .main__resume-profile-info-body-inner {
4392 display: grid; 4392 display: grid;
4393 grid-template-columns: repeat(2, 1fr); 4393 grid-template-columns: repeat(2, 1fr);
4394 } 4394 }
4395 } 4395 }
4396 @media (min-width: 992px) { 4396 @media (min-width: 992px) {
4397 .main__resume-profile-info-body-inner { 4397 .main__resume-profile-info-body-inner {
4398 grid-template-columns: repeat(3, 1fr); 4398 grid-template-columns: repeat(3, 1fr);
4399 font-size: 16px; 4399 font-size: 16px;
4400 } 4400 }
4401 } 4401 }
4402 .main__resume-profile-info-body-inner li { 4402 .main__resume-profile-info-body-inner li {
4403 display: -webkit-box; 4403 display: -webkit-box;
4404 display: -ms-flexbox; 4404 display: -ms-flexbox;
4405 display: flex; 4405 display: flex;
4406 -webkit-box-orient: vertical; 4406 -webkit-box-orient: vertical;
4407 -webkit-box-direction: normal; 4407 -webkit-box-direction: normal;
4408 -ms-flex-direction: column; 4408 -ms-flex-direction: column;
4409 flex-direction: column; 4409 flex-direction: column;
4410 gap: 6px; 4410 gap: 6px;
4411 } 4411 }
4412 @media (min-width: 992px) { 4412 @media (min-width: 992px) {
4413 .main__resume-profile-info-body-inner li { 4413 .main__resume-profile-info-body-inner li {
4414 gap: 8px; 4414 gap: 8px;
4415 } 4415 }
4416 } 4416 }
4417 .main__resume-profile-info-body-inner b { 4417 .main__resume-profile-info-body-inner b {
4418 color: #377d87; 4418 color: #377d87;
4419 font-size: 14px; 4419 font-size: 14px;
4420 } 4420 }
4421 @media (min-width: 992px) { 4421 @media (min-width: 992px) {
4422 .main__resume-profile-info-body-inner b { 4422 .main__resume-profile-info-body-inner b {
4423 font-size: 18px; 4423 font-size: 18px;
4424 } 4424 }
4425 } 4425 }
4426 .main__resume-profile-info-body-inner span { 4426 .main__resume-profile-info-body-inner span {
4427 display: -webkit-box; 4427 display: -webkit-box;
4428 display: -ms-flexbox; 4428 display: -ms-flexbox;
4429 display: flex; 4429 display: flex;
4430 -webkit-box-orient: vertical; 4430 -webkit-box-orient: vertical;
4431 -webkit-box-direction: normal; 4431 -webkit-box-direction: normal;
4432 -ms-flex-direction: column; 4432 -ms-flex-direction: column;
4433 flex-direction: column; 4433 flex-direction: column;
4434 gap: 4px; 4434 gap: 4px;
4435 } 4435 }
4436 @media (min-width: 992px) { 4436 @media (min-width: 992px) {
4437 .main__resume-profile-info-body-inner span { 4437 .main__resume-profile-info-body-inner span {
4438 gap: 6px; 4438 gap: 6px;
4439 } 4439 }
4440 } 4440 }
4441 .main__resume-profile-review { 4441 .main__resume-profile-review {
4442 display: -webkit-box; 4442 display: -webkit-box;
4443 display: -ms-flexbox; 4443 display: -ms-flexbox;
4444 display: flex; 4444 display: flex;
4445 -webkit-box-orient: vertical; 4445 -webkit-box-orient: vertical;
4446 -webkit-box-direction: normal; 4446 -webkit-box-direction: normal;
4447 -ms-flex-direction: column; 4447 -ms-flex-direction: column;
4448 flex-direction: column; 4448 flex-direction: column;
4449 gap: 20px; 4449 gap: 20px;
4450 padding: 20px 10px; 4450 padding: 20px 10px;
4451 margin-top: 30px; 4451 margin-top: 30px;
4452 border-radius: 16px; 4452 border-radius: 16px;
4453 border: 1px solid #cecece; 4453 border: 1px solid #cecece;
4454 background: #fff; 4454 background: #fff;
4455 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4455 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4456 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4456 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4457 } 4457 }
4458 @media (min-width: 992px) { 4458 @media (min-width: 992px) {
4459 .main__resume-profile-review { 4459 .main__resume-profile-review {
4460 margin-top: 50px; 4460 margin-top: 50px;
4461 padding: 50px 40px; 4461 padding: 50px 40px;
4462 gap: 30px; 4462 gap: 30px;
4463 } 4463 }
4464 } 4464 }
4465 .main__resume-profile-review-title { 4465 .main__resume-profile-review-title {
4466 color: #000; 4466 color: #000;
4467 } 4467 }
4468 .main__resume-profile-review-body { 4468 .main__resume-profile-review-body {
4469 display: -webkit-box; 4469 display: -webkit-box;
4470 display: -ms-flexbox; 4470 display: -ms-flexbox;
4471 display: flex; 4471 display: flex;
4472 -webkit-box-orient: vertical; 4472 -webkit-box-orient: vertical;
4473 -webkit-box-direction: normal; 4473 -webkit-box-direction: normal;
4474 -ms-flex-direction: column; 4474 -ms-flex-direction: column;
4475 flex-direction: column; 4475 flex-direction: column;
4476 -webkit-box-align: start; 4476 -webkit-box-align: start;
4477 -ms-flex-align: start; 4477 -ms-flex-align: start;
4478 align-items: flex-start; 4478 align-items: flex-start;
4479 gap: 10px; 4479 gap: 10px;
4480 } 4480 }
4481 .main__resume-profile-review-body .textarea { 4481 .main__resume-profile-review-body .textarea {
4482 width: 100%; 4482 width: 100%;
4483 } 4483 }
4484 .main__resume-profile-review-body .button { 4484 .main__resume-profile-review-body .button {
4485 margin-top: 10px; 4485 margin-top: 10px;
4486 } 4486 }
4487 .main__vacancies { 4487 .main__vacancies {
4488 display: -webkit-box; 4488 display: -webkit-box;
4489 display: -ms-flexbox; 4489 display: -ms-flexbox;
4490 display: flex; 4490 display: flex;
4491 -webkit-box-orient: vertical; 4491 -webkit-box-orient: vertical;
4492 -webkit-box-direction: normal; 4492 -webkit-box-direction: normal;
4493 -ms-flex-direction: column; 4493 -ms-flex-direction: column;
4494 flex-direction: column; 4494 flex-direction: column;
4495 -webkit-box-align: center; 4495 -webkit-box-align: center;
4496 -ms-flex-align: center; 4496 -ms-flex-align: center;
4497 align-items: center; 4497 align-items: center;
4498 gap: 20px; 4498 gap: 20px;
4499 } 4499 }
4500 @media (min-width: 768px) { 4500 @media (min-width: 768px) {
4501 .main__vacancies { 4501 .main__vacancies {
4502 gap: 30px; 4502 gap: 30px;
4503 } 4503 }
4504 } 4504 }
4505 .main__vacancies-title { 4505 .main__vacancies-title {
4506 color: #000; 4506 color: #000;
4507 width: 100%; 4507 width: 100%;
4508 } 4508 }
4509 .main__vacancies-filters { 4509 .main__vacancies-filters {
4510 width: 100%; 4510 width: 100%;
4511 } 4511 }
4512 .main__vacancies-item { 4512 .main__vacancies-item {
4513 width: 100%; 4513 width: 100%;
4514 background: none; 4514 background: none;
4515 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4515 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4516 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4516 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4517 } 4517 }
4518 .main__vacancies-item-page { 4518 .main__vacancies-item-page {
4519 border: none; 4519 border: none;
4520 -webkit-box-shadow: none; 4520 -webkit-box-shadow: none;
4521 box-shadow: none; 4521 box-shadow: none;
4522 background: none; 4522 background: none;
4523 margin: 0 -10px; 4523 margin: 0 -10px;
4524 } 4524 }
4525 @media (min-width: 768px) { 4525 @media (min-width: 768px) {
4526 .main__vacancies-item-page { 4526 .main__vacancies-item-page {
4527 margin: 0 -20px; 4527 margin: 0 -20px;
4528 } 4528 }
4529 } 4529 }
4530 .main__vacancies-thing { 4530 .main__vacancies-thing {
4531 width: 100%; 4531 width: 100%;
4532 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4532 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4533 padding: 20px 10px; 4533 padding: 20px 10px;
4534 padding-bottom: 30px; 4534 padding-bottom: 30px;
4535 display: -webkit-box; 4535 display: -webkit-box;
4536 display: -ms-flexbox; 4536 display: -ms-flexbox;
4537 display: flex; 4537 display: flex;
4538 -webkit-box-orient: vertical; 4538 -webkit-box-orient: vertical;
4539 -webkit-box-direction: normal; 4539 -webkit-box-direction: normal;
4540 -ms-flex-direction: column; 4540 -ms-flex-direction: column;
4541 flex-direction: column; 4541 flex-direction: column;
4542 gap: 24px; 4542 gap: 24px;
4543 border-radius: 12px; 4543 border-radius: 12px;
4544 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4544 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4545 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4545 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4546 } 4546 }
4547 @media (min-width: 992px) { 4547 @media (min-width: 992px) {
4548 .main__vacancies-thing { 4548 .main__vacancies-thing {
4549 padding: 30px 20px; 4549 padding: 30px 20px;
4550 -webkit-box-orient: horizontal; 4550 -webkit-box-orient: horizontal;
4551 -webkit-box-direction: normal; 4551 -webkit-box-direction: normal;
4552 -ms-flex-direction: row; 4552 -ms-flex-direction: row;
4553 flex-direction: row; 4553 flex-direction: row;
4554 -webkit-box-align: start; 4554 -webkit-box-align: start;
4555 -ms-flex-align: start; 4555 -ms-flex-align: start;
4556 align-items: flex-start; 4556 align-items: flex-start;
4557 gap: 0; 4557 gap: 0;
4558 } 4558 }
4559 } 4559 }
4560 @media (min-width: 1280px) { 4560 @media (min-width: 1280px) {
4561 .main__vacancies-thing { 4561 .main__vacancies-thing {
4562 padding: 50px 20px; 4562 padding: 50px 20px;
4563 } 4563 }
4564 } 4564 }
4565 .main__vacancies-thing-pic { 4565 .main__vacancies-thing-pic {
4566 position: relative; 4566 position: relative;
4567 z-index: 2; 4567 z-index: 2;
4568 width: 100%; 4568 width: 100%;
4569 aspect-ratio: 42/34; 4569 aspect-ratio: 42/34;
4570 -o-object-fit: cover; 4570 -o-object-fit: cover;
4571 object-fit: cover; 4571 object-fit: cover;
4572 border-radius: 8px; 4572 border-radius: 8px;
4573 max-height: 340px; 4573 max-height: 340px;
4574 } 4574 }
4575 @media (min-width: 992px) { 4575 @media (min-width: 992px) {
4576 .main__vacancies-thing-pic { 4576 .main__vacancies-thing-pic {
4577 width: 380px; 4577 width: 380px;
4578 } 4578 }
4579 } 4579 }
4580 @media (min-width: 1280px) { 4580 @media (min-width: 1280px) {
4581 .main__vacancies-thing-pic { 4581 .main__vacancies-thing-pic {
4582 width: 420px; 4582 width: 420px;
4583 } 4583 }
4584 } 4584 }
4585 .main__vacancies-thing-body { 4585 .main__vacancies-thing-body {
4586 display: -webkit-box; 4586 display: -webkit-box;
4587 display: -ms-flexbox; 4587 display: -ms-flexbox;
4588 display: flex; 4588 display: flex;
4589 -webkit-box-orient: vertical; 4589 -webkit-box-orient: vertical;
4590 -webkit-box-direction: normal; 4590 -webkit-box-direction: normal;
4591 -ms-flex-direction: column; 4591 -ms-flex-direction: column;
4592 flex-direction: column; 4592 flex-direction: column;
4593 -webkit-box-align: start; 4593 -webkit-box-align: start;
4594 -ms-flex-align: start; 4594 -ms-flex-align: start;
4595 align-items: flex-start; 4595 align-items: flex-start;
4596 gap: 16px; 4596 gap: 16px;
4597 color: #000; 4597 color: #000;
4598 } 4598 }
4599 @media (min-width: 992px) { 4599 @media (min-width: 992px) {
4600 .main__vacancies-thing-body { 4600 .main__vacancies-thing-body {
4601 width: calc(100% - 380px); 4601 width: calc(100% - 380px);
4602 padding-left: 20px; 4602 padding-left: 20px;
4603 } 4603 }
4604 } 4604 }
4605 @media (min-width: 1280px) { 4605 @media (min-width: 1280px) {
4606 .main__vacancies-thing-body { 4606 .main__vacancies-thing-body {
4607 width: calc(100% - 420px); 4607 width: calc(100% - 420px);
4608 gap: 20px; 4608 gap: 20px;
4609 } 4609 }
4610 } 4610 }
4611 .main__vacancies-thing-body > * { 4611 .main__vacancies-thing-body > * {
4612 width: 100%; 4612 width: 100%;
4613 } 4613 }
4614 .main__vacancies-thing-body .button { 4614 .main__vacancies-thing-body .button {
4615 width: auto; 4615 width: auto;
4616 } 4616 }
4617 @media (min-width: 768px) { 4617 @media (min-width: 768px) {
4618 .main__vacancies-thing-body .button { 4618 .main__vacancies-thing-body .button {
4619 min-width: 200px; 4619 min-width: 200px;
4620 } 4620 }
4621 } 4621 }
4622 .main__vacancies-thing-scroll { 4622 .main__vacancies-thing-scroll {
4623 display: -webkit-box; 4623 display: -webkit-box;
4624 display: -ms-flexbox; 4624 display: -ms-flexbox;
4625 display: flex; 4625 display: flex;
4626 -webkit-box-orient: vertical; 4626 -webkit-box-orient: vertical;
4627 -webkit-box-direction: normal; 4627 -webkit-box-direction: normal;
4628 -ms-flex-direction: column; 4628 -ms-flex-direction: column;
4629 flex-direction: column; 4629 flex-direction: column;
4630 -webkit-box-align: start; 4630 -webkit-box-align: start;
4631 -ms-flex-align: start; 4631 -ms-flex-align: start;
4632 align-items: flex-start; 4632 align-items: flex-start;
4633 gap: 16px; 4633 gap: 16px;
4634 overflow: hidden; 4634 overflow: hidden;
4635 overflow-y: auto; 4635 overflow-y: auto;
4636 max-height: 180px; 4636 max-height: 180px;
4637 padding-right: 10px; 4637 padding-right: 10px;
4638 } 4638 }
4639 @media (min-width: 768px) { 4639 @media (min-width: 768px) {
4640 .main__vacancies-thing-scroll { 4640 .main__vacancies-thing-scroll {
4641 max-height: 210px; 4641 max-height: 210px;
4642 padding-right: 20px; 4642 padding-right: 20px;
4643 } 4643 }
4644 } 4644 }
4645 @media (min-width: 992px) { 4645 @media (min-width: 992px) {
4646 .main__vacancies-thing-scroll { 4646 .main__vacancies-thing-scroll {
4647 max-height: 175px; 4647 max-height: 175px;
4648 } 4648 }
4649 } 4649 }
4650 @media (min-width: 1280px) { 4650 @media (min-width: 1280px) {
4651 .main__vacancies-thing-scroll { 4651 .main__vacancies-thing-scroll {
4652 max-height: 200px; 4652 max-height: 200px;
4653 gap: 20px; 4653 gap: 20px;
4654 } 4654 }
4655 } 4655 }
4656 .main__cond { 4656 .main__cond {
4657 display: -webkit-box; 4657 display: -webkit-box;
4658 display: -ms-flexbox; 4658 display: -ms-flexbox;
4659 display: flex; 4659 display: flex;
4660 -webkit-box-orient: vertical; 4660 -webkit-box-orient: vertical;
4661 -webkit-box-direction: normal; 4661 -webkit-box-direction: normal;
4662 -ms-flex-direction: column; 4662 -ms-flex-direction: column;
4663 flex-direction: column; 4663 flex-direction: column;
4664 gap: 50px; 4664 gap: 50px;
4665 } 4665 }
4666 .main__cond > div { 4666 .main__cond > div {
4667 display: -webkit-box; 4667 display: -webkit-box;
4668 display: -ms-flexbox; 4668 display: -ms-flexbox;
4669 display: flex; 4669 display: flex;
4670 -webkit-box-orient: vertical; 4670 -webkit-box-orient: vertical;
4671 -webkit-box-direction: normal; 4671 -webkit-box-direction: normal;
4672 -ms-flex-direction: column; 4672 -ms-flex-direction: column;
4673 flex-direction: column; 4673 flex-direction: column;
4674 gap: 10px; 4674 gap: 10px;
4675 } 4675 }
4676 .main__cond-label { 4676 .main__cond-label {
4677 border-radius: 16px; 4677 border-radius: 16px;
4678 border: 1px solid #cecece; 4678 border: 1px solid #cecece;
4679 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4679 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4680 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4680 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4681 padding: 30px 20px; 4681 padding: 30px 20px;
4682 font-weight: 700; 4682 font-weight: 700;
4683 color: #000; 4683 color: #000;
4684 line-height: 2; 4684 line-height: 2;
4685 text-align: center; 4685 text-align: center;
4686 } 4686 }
4687 @media (min-width: 992px) { 4687 @media (min-width: 992px) {
4688 .main__cond-label { 4688 .main__cond-label {
4689 font-size: 30px; 4689 font-size: 30px;
4690 } 4690 }
4691 } 4691 }
4692 .main__cond-icons { 4692 .main__cond-icons {
4693 padding: 0; 4693 padding: 0;
4694 margin: 0; 4694 margin: 0;
4695 display: -webkit-box; 4695 display: -webkit-box;
4696 display: -ms-flexbox; 4696 display: -ms-flexbox;
4697 display: flex; 4697 display: flex;
4698 -webkit-box-orient: vertical; 4698 -webkit-box-orient: vertical;
4699 -webkit-box-direction: normal; 4699 -webkit-box-direction: normal;
4700 -ms-flex-direction: column; 4700 -ms-flex-direction: column;
4701 flex-direction: column; 4701 flex-direction: column;
4702 gap: 25px; 4702 gap: 25px;
4703 margin-top: 10px; 4703 margin-top: 10px;
4704 } 4704 }
4705 @media (min-width: 768px) { 4705 @media (min-width: 768px) {
4706 .main__cond-icons { 4706 .main__cond-icons {
4707 display: grid; 4707 display: grid;
4708 grid-template-columns: repeat(2, 1fr); 4708 grid-template-columns: repeat(2, 1fr);
4709 gap: 60px; 4709 gap: 60px;
4710 margin-top: 20px; 4710 margin-top: 20px;
4711 } 4711 }
4712 } 4712 }
4713 @media (min-width: 1280px) { 4713 @media (min-width: 1280px) {
4714 .main__cond-icons { 4714 .main__cond-icons {
4715 grid-template-columns: repeat(3, 1fr); 4715 grid-template-columns: repeat(3, 1fr);
4716 } 4716 }
4717 } 4717 }
4718 .main__cond-icons li { 4718 .main__cond-icons li {
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-orient: vertical; 4722 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4723 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4724 -ms-flex-direction: column;
4725 flex-direction: column; 4725 flex-direction: column;
4726 -webkit-box-align: start; 4726 -webkit-box-align: start;
4727 -ms-flex-align: start; 4727 -ms-flex-align: start;
4728 align-items: flex-start; 4728 align-items: flex-start;
4729 gap: 20px; 4729 gap: 20px;
4730 font-size: 12px; 4730 font-size: 12px;
4731 line-height: 1.4; 4731 line-height: 1.4;
4732 color: #000; 4732 color: #000;
4733 } 4733 }
4734 @media (min-width: 768px) { 4734 @media (min-width: 768px) {
4735 .main__cond-icons li { 4735 .main__cond-icons li {
4736 font-size: 14px; 4736 font-size: 14px;
4737 } 4737 }
4738 } 4738 }
4739 @media (min-width: 992px) { 4739 @media (min-width: 992px) {
4740 .main__cond-icons li { 4740 .main__cond-icons li {
4741 font-size: 16px; 4741 font-size: 16px;
4742 line-height: 1.6; 4742 line-height: 1.6;
4743 } 4743 }
4744 } 4744 }
4745 @media (min-width: 1280px) { 4745 @media (min-width: 1280px) {
4746 .main__cond-icons li { 4746 .main__cond-icons li {
4747 font-size: 18px; 4747 font-size: 18px;
4748 } 4748 }
4749 } 4749 }
4750 .main__cond-icons li span { 4750 .main__cond-icons li span {
4751 width: 48px; 4751 width: 48px;
4752 height: 48px; 4752 height: 48px;
4753 display: -webkit-box; 4753 display: -webkit-box;
4754 display: -ms-flexbox; 4754 display: -ms-flexbox;
4755 display: flex; 4755 display: flex;
4756 -webkit-box-align: center; 4756 -webkit-box-align: center;
4757 -ms-flex-align: center; 4757 -ms-flex-align: center;
4758 align-items: center; 4758 align-items: center;
4759 } 4759 }
4760 .main__cond-icons li span img { 4760 .main__cond-icons li span img {
4761 max-width: 48px; 4761 max-width: 48px;
4762 } 4762 }
4763 .main__cond-callback { 4763 .main__cond-callback {
4764 margin-top: 10px; 4764 margin-top: 10px;
4765 } 4765 }
4766 .main__ads { 4766 .main__ads {
4767 display: -webkit-box; 4767 display: -webkit-box;
4768 display: -ms-flexbox; 4768 display: -ms-flexbox;
4769 display: flex; 4769 display: flex;
4770 -webkit-box-orient: vertical; 4770 -webkit-box-orient: vertical;
4771 -webkit-box-direction: normal; 4771 -webkit-box-direction: normal;
4772 -ms-flex-direction: column; 4772 -ms-flex-direction: column;
4773 flex-direction: column; 4773 flex-direction: column;
4774 gap: 30px; 4774 gap: 30px;
4775 margin: 30px 0; 4775 margin: 30px 0;
4776 } 4776 }
4777 @media (min-width: 992px) { 4777 @media (min-width: 992px) {
4778 .main__ads { 4778 .main__ads {
4779 margin: 60px 0; 4779 margin: 60px 0;
4780 } 4780 }
4781 } 4781 }
4782 .main__ads-item { 4782 .main__ads-item {
4783 display: -webkit-box; 4783 display: -webkit-box;
4784 display: -ms-flexbox; 4784 display: -ms-flexbox;
4785 display: flex; 4785 display: flex;
4786 -webkit-box-orient: vertical; 4786 -webkit-box-orient: vertical;
4787 -webkit-box-direction: normal; 4787 -webkit-box-direction: normal;
4788 -ms-flex-direction: column; 4788 -ms-flex-direction: column;
4789 flex-direction: column; 4789 flex-direction: column;
4790 gap: 16px; 4790 gap: 16px;
4791 } 4791 }
4792 @media (min-width: 992px) { 4792 @media (min-width: 992px) {
4793 .main__ads-item { 4793 .main__ads-item {
4794 -webkit-box-orient: horizontal; 4794 -webkit-box-orient: horizontal;
4795 -webkit-box-direction: normal; 4795 -webkit-box-direction: normal;
4796 -ms-flex-direction: row; 4796 -ms-flex-direction: row;
4797 flex-direction: row; 4797 flex-direction: row;
4798 gap: 0; 4798 gap: 0;
4799 } 4799 }
4800 } 4800 }
4801 .main__ads-item-pic { 4801 .main__ads-item-pic {
4802 width: 100%; 4802 width: 100%;
4803 max-width: 440px; 4803 max-width: 440px;
4804 max-height: 200px; 4804 max-height: 200px;
4805 aspect-ratio: 3/2; 4805 aspect-ratio: 3/2;
4806 position: relative; 4806 position: relative;
4807 overflow: hidden; 4807 overflow: hidden;
4808 border-radius: 12px; 4808 border-radius: 12px;
4809 } 4809 }
4810 @media (min-width: 992px) { 4810 @media (min-width: 992px) {
4811 .main__ads-item-pic { 4811 .main__ads-item-pic {
4812 width: 200px; 4812 width: 200px;
4813 aspect-ratio: 1/1; 4813 aspect-ratio: 1/1;
4814 } 4814 }
4815 } 4815 }
4816 .main__ads-item-pic img { 4816 .main__ads-item-pic img {
4817 z-index: 1; 4817 z-index: 1;
4818 position: absolute; 4818 position: absolute;
4819 top: 0; 4819 top: 0;
4820 left: 0; 4820 left: 0;
4821 width: 100%; 4821 width: 100%;
4822 height: 100%; 4822 height: 100%;
4823 -o-object-fit: cover; 4823 -o-object-fit: cover;
4824 object-fit: cover; 4824 object-fit: cover;
4825 } 4825 }
4826 .main__ads-item-pic span { 4826 .main__ads-item-pic span {
4827 z-index: 2; 4827 z-index: 2;
4828 width: 30px; 4828 width: 30px;
4829 height: 30px; 4829 height: 30px;
4830 border-radius: 6px; 4830 border-radius: 6px;
4831 background: #4d88d9; 4831 background: #4d88d9;
4832 display: -webkit-box; 4832 display: -webkit-box;
4833 display: -ms-flexbox; 4833 display: -ms-flexbox;
4834 display: flex; 4834 display: flex;
4835 -webkit-box-pack: center; 4835 -webkit-box-pack: center;
4836 -ms-flex-pack: center; 4836 -ms-flex-pack: center;
4837 justify-content: center; 4837 justify-content: center;
4838 -webkit-box-align: center; 4838 -webkit-box-align: center;
4839 -ms-flex-align: center; 4839 -ms-flex-align: center;
4840 align-items: center; 4840 align-items: center;
4841 position: absolute; 4841 position: absolute;
4842 top: 10px; 4842 top: 10px;
4843 left: 10px; 4843 left: 10px;
4844 color: #fff; 4844 color: #fff;
4845 } 4845 }
4846 @media (min-width: 992px) { 4846 @media (min-width: 992px) {
4847 .main__ads-item-pic span { 4847 .main__ads-item-pic span {
4848 width: 42px; 4848 width: 42px;
4849 height: 42px; 4849 height: 42px;
4850 } 4850 }
4851 } 4851 }
4852 .main__ads-item-pic span svg { 4852 .main__ads-item-pic span svg {
4853 width: 12px; 4853 width: 12px;
4854 height: 12px; 4854 height: 12px;
4855 } 4855 }
4856 @media (min-width: 992px) { 4856 @media (min-width: 992px) {
4857 .main__ads-item-pic span svg { 4857 .main__ads-item-pic span svg {
4858 width: 20px; 4858 width: 20px;
4859 height: 20px; 4859 height: 20px;
4860 } 4860 }
4861 } 4861 }
4862 .main__ads-item-body { 4862 .main__ads-item-body {
4863 display: -webkit-box; 4863 display: -webkit-box;
4864 display: -ms-flexbox; 4864 display: -ms-flexbox;
4865 display: flex; 4865 display: flex;
4866 -webkit-box-orient: vertical; 4866 -webkit-box-orient: vertical;
4867 -webkit-box-direction: normal; 4867 -webkit-box-direction: normal;
4868 -ms-flex-direction: column; 4868 -ms-flex-direction: column;
4869 flex-direction: column; 4869 flex-direction: column;
4870 -webkit-box-align: start; 4870 -webkit-box-align: start;
4871 -ms-flex-align: start; 4871 -ms-flex-align: start;
4872 align-items: flex-start; 4872 align-items: flex-start;
4873 gap: 10px; 4873 gap: 10px;
4874 font-size: 12px; 4874 font-size: 12px;
4875 } 4875 }
4876 @media (min-width: 992px) { 4876 @media (min-width: 992px) {
4877 .main__ads-item-body { 4877 .main__ads-item-body {
4878 width: calc(100% - 200px); 4878 width: calc(100% - 200px);
4879 padding-left: 40px; 4879 padding-left: 40px;
4880 -webkit-box-pack: center; 4880 -webkit-box-pack: center;
4881 -ms-flex-pack: center; 4881 -ms-flex-pack: center;
4882 justify-content: center; 4882 justify-content: center;
4883 font-size: 16px; 4883 font-size: 16px;
4884 gap: 20px; 4884 gap: 20px;
4885 } 4885 }
4886 } 4886 }
4887 .main__ads-item-body b { 4887 .main__ads-item-body b {
4888 width: 100%; 4888 width: 100%;
4889 font-weight: 700; 4889 font-weight: 700;
4890 font-size: 14px; 4890 font-size: 14px;
4891 } 4891 }
4892 @media (min-width: 992px) { 4892 @media (min-width: 992px) {
4893 .main__ads-item-body b { 4893 .main__ads-item-body b {
4894 font-size: 20px; 4894 font-size: 20px;
4895 } 4895 }
4896 } 4896 }
4897 .main__ads-item-body span { 4897 .main__ads-item-body span {
4898 width: 100%; 4898 width: 100%;
4899 } 4899 }
4900 4900
4901 .work { 4901 .work {
4902 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4902 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4903 color: #000; 4903 color: #000;
4904 padding-top: 70px; 4904 padding-top: 70px;
4905 padding-bottom: 10px; 4905 padding-bottom: 10px;
4906 position: relative; 4906 position: relative;
4907 overflow: hidden; 4907 overflow: hidden;
4908 } 4908 }
4909 @media (min-width: 768px) { 4909 @media (min-width: 768px) {
4910 .work { 4910 .work {
4911 padding-bottom: 25px; 4911 padding-bottom: 25px;
4912 } 4912 }
4913 } 4913 }
4914 @media (min-width: 1280px) { 4914 @media (min-width: 1280px) {
4915 .work { 4915 .work {
4916 padding-top: 80px; 4916 padding-top: 80px;
4917 padding-bottom: 25px; 4917 padding-bottom: 25px;
4918 } 4918 }
4919 } 4919 }
4920 .work__pic { 4920 .work__pic {
4921 position: absolute; 4921 position: absolute;
4922 height: calc(100% - 40px); 4922 height: calc(100% - 40px);
4923 z-index: 1; 4923 z-index: 1;
4924 display: none; 4924 display: none;
4925 bottom: 0; 4925 bottom: 0;
4926 left: 50%; 4926 left: 50%;
4927 margin-left: 40px; 4927 margin-left: 40px;
4928 } 4928 }
4929 @media (min-width: 992px) { 4929 @media (min-width: 992px) {
4930 .work__pic { 4930 .work__pic {
4931 display: block; 4931 display: block;
4932 } 4932 }
4933 } 4933 }
4934 @media (min-width: 1280px) { 4934 @media (min-width: 1280px) {
4935 .work__pic { 4935 .work__pic {
4936 margin-left: 80px; 4936 margin-left: 80px;
4937 } 4937 }
4938 } 4938 }
4939 .work__body { 4939 .work__body {
4940 position: relative; 4940 position: relative;
4941 z-index: 2; 4941 z-index: 2;
4942 display: -webkit-box; 4942 display: -webkit-box;
4943 display: -ms-flexbox; 4943 display: -ms-flexbox;
4944 display: flex; 4944 display: flex;
4945 -webkit-box-orient: vertical; 4945 -webkit-box-orient: vertical;
4946 -webkit-box-direction: normal; 4946 -webkit-box-direction: normal;
4947 -ms-flex-direction: column; 4947 -ms-flex-direction: column;
4948 flex-direction: column; 4948 flex-direction: column;
4949 -webkit-box-align: center; 4949 -webkit-box-align: center;
4950 -ms-flex-align: center; 4950 -ms-flex-align: center;
4951 align-items: center; 4951 align-items: center;
4952 } 4952 }
4953 @media (min-width: 768px) { 4953 @media (min-width: 768px) {
4954 .work__body { 4954 .work__body {
4955 -webkit-box-align: start; 4955 -webkit-box-align: start;
4956 -ms-flex-align: start; 4956 -ms-flex-align: start;
4957 align-items: flex-start; 4957 align-items: flex-start;
4958 } 4958 }
4959 } 4959 }
4960 @media (min-width: 992px) { 4960 @media (min-width: 992px) {
4961 .work__body { 4961 .work__body {
4962 max-width: 600px; 4962 max-width: 600px;
4963 } 4963 }
4964 } 4964 }
4965 .work__title { 4965 .work__title {
4966 width: 100%; 4966 width: 100%;
4967 font-size: 40px; 4967 font-size: 40px;
4968 font-weight: 700; 4968 font-weight: 700;
4969 line-height: 1; 4969 line-height: 1;
4970 } 4970 }
4971 @media (min-width: 768px) { 4971 @media (min-width: 768px) {
4972 .work__title { 4972 .work__title {
4973 font-size: 64px; 4973 font-size: 64px;
4974 line-height: 94px; 4974 line-height: 94px;
4975 } 4975 }
4976 } 4976 }
4977 .work__text { 4977 .work__text {
4978 width: 100%; 4978 width: 100%;
4979 font-size: 12px; 4979 font-size: 12px;
4980 margin-top: 10px; 4980 margin-top: 10px;
4981 } 4981 }
4982 @media (min-width: 768px) { 4982 @media (min-width: 768px) {
4983 .work__text { 4983 .work__text {
4984 font-size: 18px; 4984 font-size: 18px;
4985 margin-top: 20px; 4985 margin-top: 20px;
4986 line-height: 1.4; 4986 line-height: 1.4;
4987 } 4987 }
4988 } 4988 }
4989 .work__list { 4989 .work__list {
4990 width: 100%; 4990 width: 100%;
4991 display: -webkit-box; 4991 display: -webkit-box;
4992 display: -ms-flexbox; 4992 display: -ms-flexbox;
4993 display: flex; 4993 display: flex;
4994 -webkit-box-orient: vertical; 4994 -webkit-box-orient: vertical;
4995 -webkit-box-direction: normal; 4995 -webkit-box-direction: normal;
4996 -ms-flex-direction: column; 4996 -ms-flex-direction: column;
4997 flex-direction: column; 4997 flex-direction: column;
4998 gap: 5px; 4998 gap: 5px;
4999 font-size: 14px; 4999 font-size: 14px;
5000 font-weight: 700; 5000 font-weight: 700;
5001 margin-top: 15px; 5001 margin-top: 15px;
5002 } 5002 }
5003 @media (min-width: 768px) { 5003 @media (min-width: 768px) {
5004 .work__list { 5004 .work__list {
5005 font-size: 18px; 5005 font-size: 18px;
5006 gap: 8px; 5006 gap: 8px;
5007 margin-top: 30px; 5007 margin-top: 30px;
5008 } 5008 }
5009 } 5009 }
5010 .work__list div { 5010 .work__list div {
5011 position: relative; 5011 position: relative;
5012 padding-left: 10px; 5012 padding-left: 10px;
5013 } 5013 }
5014 @media (min-width: 768px) { 5014 @media (min-width: 768px) {
5015 .work__list div { 5015 .work__list div {
5016 padding-left: 16px; 5016 padding-left: 16px;
5017 } 5017 }
5018 } 5018 }
5019 .work__list div:before { 5019 .work__list div:before {
5020 content: ""; 5020 content: "";
5021 width: 4px; 5021 width: 4px;
5022 height: 4px; 5022 height: 4px;
5023 background: #000; 5023 background: #000;
5024 border-radius: 999px; 5024 border-radius: 999px;
5025 position: absolute; 5025 position: absolute;
5026 top: 5px; 5026 top: 5px;
5027 left: 0; 5027 left: 0;
5028 } 5028 }
5029 @media (min-width: 768px) { 5029 @media (min-width: 768px) {
5030 .work__list div:before { 5030 .work__list div:before {
5031 top: 8px; 5031 top: 8px;
5032 } 5032 }
5033 } 5033 }
5034 .work__form { 5034 .work__form {
5035 margin-top: 20px; 5035 margin-top: 20px;
5036 } 5036 }
5037 @media (min-width: 768px) { 5037 @media (min-width: 768px) {
5038 .work__form { 5038 .work__form {
5039 margin-top: 30px; 5039 margin-top: 30px;
5040 } 5040 }
5041 } 5041 }
5042 .work__search { 5042 .work__search {
5043 width: 100%; 5043 width: 100%;
5044 max-width: 180px; 5044 max-width: 180px;
5045 margin-top: 20px; 5045 margin-top: 20px;
5046 } 5046 }
5047 @media (min-width: 768px) { 5047 @media (min-width: 768px) {
5048 .work__search { 5048 .work__search {
5049 max-width: 270px; 5049 max-width: 270px;
5050 margin-top: 50px; 5050 margin-top: 50px;
5051 } 5051 }
5052 } 5052 }
5053 .work__get { 5053 .work__get {
5054 width: 100%; 5054 width: 100%;
5055 display: -webkit-box; 5055 display: -webkit-box;
5056 display: -ms-flexbox; 5056 display: -ms-flexbox;
5057 display: flex; 5057 display: flex;
5058 -webkit-box-align: start; 5058 -webkit-box-align: start;
5059 -ms-flex-align: start; 5059 -ms-flex-align: start;
5060 align-items: flex-start; 5060 align-items: flex-start;
5061 -ms-flex-wrap: wrap; 5061 -ms-flex-wrap: wrap;
5062 flex-wrap: wrap; 5062 flex-wrap: wrap;
5063 margin-top: 48px; 5063 margin-top: 48px;
5064 } 5064 }
5065 .work__get b { 5065 .work__get b {
5066 width: 100%; 5066 width: 100%;
5067 margin-bottom: 10px; 5067 margin-bottom: 10px;
5068 font-size: 14px; 5068 font-size: 14px;
5069 } 5069 }
5070 @media (min-width: 768px) { 5070 @media (min-width: 768px) {
5071 .work__get b { 5071 .work__get b {
5072 font-size: 18px; 5072 font-size: 18px;
5073 } 5073 }
5074 } 5074 }
5075 .work__get a { 5075 .work__get a {
5076 display: -webkit-box; 5076 display: -webkit-box;
5077 display: -ms-flexbox; 5077 display: -ms-flexbox;
5078 display: flex; 5078 display: flex;
5079 -webkit-box-align: center; 5079 -webkit-box-align: center;
5080 -ms-flex-align: center; 5080 -ms-flex-align: center;
5081 align-items: center; 5081 align-items: center;
5082 -webkit-box-pack: center; 5082 -webkit-box-pack: center;
5083 -ms-flex-pack: center; 5083 -ms-flex-pack: center;
5084 justify-content: center; 5084 justify-content: center;
5085 margin-right: 20px; 5085 margin-right: 20px;
5086 } 5086 }
5087 .work__get a img { 5087 .work__get a img {
5088 -webkit-transition: 0.3s; 5088 -webkit-transition: 0.3s;
5089 transition: 0.3s; 5089 transition: 0.3s;
5090 width: 111px; 5090 width: 111px;
5091 } 5091 }
5092 @media (min-width: 768px) { 5092 @media (min-width: 768px) {
5093 .work__get a img { 5093 .work__get a img {
5094 width: 131px; 5094 width: 131px;
5095 } 5095 }
5096 } 5096 }
5097 .work__get a:hover img { 5097 .work__get a:hover img {
5098 -webkit-transform: scale(1.1); 5098 -webkit-transform: scale(1.1);
5099 -ms-transform: scale(1.1); 5099 -ms-transform: scale(1.1);
5100 transform: scale(1.1); 5100 transform: scale(1.1);
5101 } 5101 }
5102 .work__get a + a { 5102 .work__get a + a {
5103 margin-right: 0; 5103 margin-right: 0;
5104 } 5104 }
5105 5105
5106 .numbers { 5106 .numbers {
5107 padding: 30px 0; 5107 padding: 30px 0;
5108 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5108 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5109 color: #fff; 5109 color: #fff;
5110 } 5110 }
5111 @media (min-width: 1280px) { 5111 @media (min-width: 1280px) {
5112 .numbers { 5112 .numbers {
5113 padding: 100px 0; 5113 padding: 100px 0;
5114 background-position: 100% 100%; 5114 background-position: 100% 100%;
5115 background-size: auto 500px; 5115 background-size: auto 500px;
5116 } 5116 }
5117 } 5117 }
5118 .numbers__body { 5118 .numbers__body {
5119 display: -webkit-box; 5119 display: -webkit-box;
5120 display: -ms-flexbox; 5120 display: -ms-flexbox;
5121 display: flex; 5121 display: flex;
5122 -webkit-box-orient: vertical; 5122 -webkit-box-orient: vertical;
5123 -webkit-box-direction: normal; 5123 -webkit-box-direction: normal;
5124 -ms-flex-direction: column; 5124 -ms-flex-direction: column;
5125 flex-direction: column; 5125 flex-direction: column;
5126 gap: 30px; 5126 gap: 30px;
5127 } 5127 }
5128 @media (min-width: 768px) { 5128 @media (min-width: 768px) {
5129 .numbers__body { 5129 .numbers__body {
5130 display: grid; 5130 display: grid;
5131 grid-template-columns: 1fr 1fr 1fr; 5131 grid-template-columns: 1fr 1fr 1fr;
5132 } 5132 }
5133 } 5133 }
5134 .numbers__item { 5134 .numbers__item {
5135 font-size: 12px; 5135 font-size: 12px;
5136 display: -webkit-box; 5136 display: -webkit-box;
5137 display: -ms-flexbox; 5137 display: -ms-flexbox;
5138 display: flex; 5138 display: flex;
5139 -webkit-box-orient: vertical; 5139 -webkit-box-orient: vertical;
5140 -webkit-box-direction: normal; 5140 -webkit-box-direction: normal;
5141 -ms-flex-direction: column; 5141 -ms-flex-direction: column;
5142 flex-direction: column; 5142 flex-direction: column;
5143 line-height: 1.4; 5143 line-height: 1.4;
5144 } 5144 }
5145 @media (min-width: 1280px) { 5145 @media (min-width: 1280px) {
5146 .numbers__item { 5146 .numbers__item {
5147 font-size: 16px; 5147 font-size: 16px;
5148 line-height: 20px; 5148 line-height: 20px;
5149 } 5149 }
5150 } 5150 }
5151 .numbers__item b { 5151 .numbers__item b {
5152 font-size: 40px; 5152 font-size: 40px;
5153 font-weight: 700; 5153 font-weight: 700;
5154 border-bottom: 1px solid #fff; 5154 border-bottom: 1px solid #fff;
5155 line-height: 1; 5155 line-height: 1;
5156 } 5156 }
5157 @media (min-width: 1280px) { 5157 @media (min-width: 1280px) {
5158 .numbers__item b { 5158 .numbers__item b {
5159 font-size: 100px; 5159 font-size: 100px;
5160 line-height: 147px; 5160 line-height: 147px;
5161 } 5161 }
5162 } 5162 }
5163 .numbers__item span { 5163 .numbers__item span {
5164 font-weight: 700; 5164 font-weight: 700;
5165 font-size: 14px; 5165 font-size: 14px;
5166 margin: 10px 0; 5166 margin: 10px 0;
5167 line-height: 1; 5167 line-height: 1;
5168 } 5168 }
5169 @media (min-width: 1280px) { 5169 @media (min-width: 1280px) {
5170 .numbers__item span { 5170 .numbers__item span {
5171 font-size: 24px; 5171 font-size: 24px;
5172 margin-top: 30px; 5172 margin-top: 30px;
5173 } 5173 }
5174 } 5174 }
5175 5175
5176 .vacancies { 5176 .vacancies {
5177 padding: 50px 0; 5177 padding: 50px 0;
5178 } 5178 }
5179 @media (min-width: 1280px) { 5179 @media (min-width: 1280px) {
5180 .vacancies { 5180 .vacancies {
5181 padding: 100px 0; 5181 padding: 100px 0;
5182 } 5182 }
5183 } 5183 }
5184 .vacancies__body { 5184 .vacancies__body {
5185 display: -webkit-box; 5185 display: -webkit-box;
5186 display: -ms-flexbox; 5186 display: -ms-flexbox;
5187 display: flex; 5187 display: flex;
5188 -webkit-box-orient: vertical; 5188 -webkit-box-orient: vertical;
5189 -webkit-box-direction: reverse; 5189 -webkit-box-direction: reverse;
5190 -ms-flex-direction: column-reverse; 5190 -ms-flex-direction: column-reverse;
5191 flex-direction: column-reverse; 5191 flex-direction: column-reverse;
5192 gap: 20px; 5192 gap: 20px;
5193 width: 100%; 5193 width: 100%;
5194 margin-top: 20px; 5194 margin-top: 20px;
5195 } 5195 }
5196 @media (min-width: 992px) { 5196 @media (min-width: 992px) {
5197 .vacancies__body { 5197 .vacancies__body {
5198 margin-top: 30px; 5198 margin-top: 30px;
5199 gap: 30px; 5199 gap: 30px;
5200 } 5200 }
5201 } 5201 }
5202 .vacancies__more { 5202 .vacancies__more {
5203 width: 100%; 5203 width: 100%;
5204 } 5204 }
5205 @media (min-width: 768px) { 5205 @media (min-width: 768px) {
5206 .vacancies__more { 5206 .vacancies__more {
5207 width: auto; 5207 width: auto;
5208 margin: 0 auto; 5208 margin: 0 auto;
5209 } 5209 }
5210 } 5210 }
5211 .vacancies__list { 5211 .vacancies__list {
5212 display: -webkit-box; 5212 display: -webkit-box;
5213 display: -ms-flexbox; 5213 display: -ms-flexbox;
5214 display: flex; 5214 display: flex;
5215 -webkit-box-orient: vertical; 5215 -webkit-box-orient: vertical;
5216 -webkit-box-direction: normal; 5216 -webkit-box-direction: normal;
5217 -ms-flex-direction: column; 5217 -ms-flex-direction: column;
5218 flex-direction: column; 5218 flex-direction: column;
5219 gap: 15px; 5219 gap: 15px;
5220 } 5220 }
5221 @media (min-width: 768px) { 5221 @media (min-width: 768px) {
5222 .vacancies__list { 5222 .vacancies__list {
5223 display: grid; 5223 display: grid;
5224 grid-template-columns: repeat(2, 1fr); 5224 grid-template-columns: repeat(2, 1fr);
5225 } 5225 }
5226 } 5226 }
5227 @media (min-width: 992px) { 5227 @media (min-width: 992px) {
5228 .vacancies__list { 5228 .vacancies__list {
5229 display: grid; 5229 display: grid;
5230 grid-template-columns: repeat(3, 1fr); 5230 grid-template-columns: repeat(3, 1fr);
5231 gap: 20px; 5231 gap: 20px;
5232 } 5232 }
5233 } 5233 }
5234 @media (min-width: 1280px) { 5234 @media (min-width: 1280px) {
5235 .vacancies__list { 5235 .vacancies__list {
5236 grid-template-columns: repeat(4, 1fr); 5236 grid-template-columns: repeat(4, 1fr);
5237 } 5237 }
5238 } 5238 }
5239 .vacancies__list-label { 5239 .vacancies__list-label {
5240 font-weight: 700; 5240 font-weight: 700;
5241 font-size: 22px; 5241 font-size: 22px;
5242 } 5242 }
5243 .vacancies__list-col { 5243 .vacancies__list-col {
5244 display: -webkit-box; 5244 display: -webkit-box;
5245 display: -ms-flexbox; 5245 display: -ms-flexbox;
5246 display: flex; 5246 display: flex;
5247 -webkit-box-orient: vertical; 5247 -webkit-box-orient: vertical;
5248 -webkit-box-direction: normal; 5248 -webkit-box-direction: normal;
5249 -ms-flex-direction: column; 5249 -ms-flex-direction: column;
5250 flex-direction: column; 5250 flex-direction: column;
5251 gap: 15px; 5251 gap: 15px;
5252 margin-top: 15px; 5252 margin-top: 15px;
5253 } 5253 }
5254 @media (min-width: 768px) { 5254 @media (min-width: 768px) {
5255 .vacancies__list-col { 5255 .vacancies__list-col {
5256 margin-top: 0; 5256 margin-top: 0;
5257 } 5257 }
5258 } 5258 }
5259 .vacancies__list-col:first-child { 5259 .vacancies__list-col:first-child {
5260 margin-top: 0; 5260 margin-top: 0;
5261 } 5261 }
5262 .vacancies__item { 5262 .vacancies__item {
5263 display: none; 5263 display: none;
5264 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5264 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5265 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5265 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5266 border-radius: 12px; 5266 border-radius: 12px;
5267 background: #fff; 5267 background: #fff;
5268 border: 1px solid #e6e7e7; 5268 border: 1px solid #e6e7e7;
5269 overflow: hidden; 5269 overflow: hidden;
5270 } 5270 }
5271 .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) { 5271 .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) {
5272 display: -webkit-box; 5272 display: -webkit-box;
5273 display: -ms-flexbox; 5273 display: -ms-flexbox;
5274 display: flex; 5274 display: flex;
5275 } 5275 }
5276 .vacancies__item > span { 5276 .vacancies__item > span {
5277 border-left: 10px solid #377d87; 5277 border-left: 10px solid #377d87;
5278 padding: 20px 14px; 5278 padding: 20px 14px;
5279 display: -webkit-box; 5279 display: -webkit-box;
5280 display: -ms-flexbox; 5280 display: -ms-flexbox;
5281 display: flex; 5281 display: flex;
5282 -webkit-box-orient: vertical; 5282 -webkit-box-orient: vertical;
5283 -webkit-box-direction: normal; 5283 -webkit-box-direction: normal;
5284 -ms-flex-direction: column; 5284 -ms-flex-direction: column;
5285 flex-direction: column; 5285 flex-direction: column;
5286 -webkit-box-align: start; 5286 -webkit-box-align: start;
5287 -ms-flex-align: start; 5287 -ms-flex-align: start;
5288 align-items: flex-start; 5288 align-items: flex-start;
5289 gap: 5px; 5289 gap: 5px;
5290 -webkit-box-pack: justify; 5290 -webkit-box-pack: justify;
5291 -ms-flex-pack: justify; 5291 -ms-flex-pack: justify;
5292 justify-content: space-between; 5292 justify-content: space-between;
5293 } 5293 }
5294 @media (min-width: 992px) { 5294 @media (min-width: 992px) {
5295 .vacancies__item > span { 5295 .vacancies__item > span {
5296 gap: 10px; 5296 gap: 10px;
5297 } 5297 }
5298 } 5298 }
5299 .vacancies__item b { 5299 .vacancies__item b {
5300 font-weight: 700; 5300 font-weight: 700;
5301 font-size: 14px; 5301 font-size: 14px;
5302 } 5302 }
5303 @media (min-width: 992px) { 5303 @media (min-width: 992px) {
5304 .vacancies__item b { 5304 .vacancies__item b {
5305 font-size: 20px; 5305 font-size: 20px;
5306 } 5306 }
5307 } 5307 }
5308 .vacancies__item:hover b { 5308 .vacancies__item:hover b {
5309 color: #377d87; 5309 color: #377d87;
5310 } 5310 }
5311 .vacancies__item u { 5311 .vacancies__item u {
5312 text-decoration: none; 5312 text-decoration: none;
5313 font-size: 14px; 5313 font-size: 14px;
5314 } 5314 }
5315 @media (min-width: 992px) { 5315 @media (min-width: 992px) {
5316 .vacancies__item u { 5316 .vacancies__item u {
5317 font-size: 18px; 5317 font-size: 18px;
5318 } 5318 }
5319 } 5319 }
5320 .vacancies__item i { 5320 .vacancies__item i {
5321 font-size: 12px; 5321 font-size: 12px;
5322 font-style: normal; 5322 font-style: normal;
5323 border-bottom: 1px dashed #377d87; 5323 border-bottom: 1px dashed #377d87;
5324 } 5324 }
5325 @media (min-width: 992px) { 5325 @media (min-width: 992px) {
5326 .vacancies__item i { 5326 .vacancies__item i {
5327 font-size: 16px; 5327 font-size: 16px;
5328 } 5328 }
5329 } 5329 }
5330 .vacancies__item i span { 5330 .vacancies__item i span {
5331 font-weight: 700; 5331 font-weight: 700;
5332 color: #377d87; 5332 color: #377d87;
5333 } 5333 }
5334 .vacancies__body.active .vacancies__list .vacancies__item { 5334 .vacancies__body.active .vacancies__list .vacancies__item {
5335 display: -webkit-box; 5335 display: -webkit-box;
5336 display: -ms-flexbox; 5336 display: -ms-flexbox;
5337 display: flex; 5337 display: flex;
5338 } 5338 }
5339 5339
5340 .employer { 5340 .employer {
5341 padding-bottom: 50px; 5341 padding-bottom: 50px;
5342 } 5342 }
5343 @media (min-width: 768px) { 5343 @media (min-width: 768px) {
5344 .employer { 5344 .employer {
5345 padding-bottom: 100px; 5345 padding-bottom: 100px;
5346 } 5346 }
5347 } 5347 }
5348 .employer .swiper { 5348 .employer .swiper {
5349 margin: 20px 0; 5349 margin: 20px 0;
5350 } 5350 }
5351 @media (min-width: 768px) { 5351 @media (min-width: 768px) {
5352 .employer .swiper { 5352 .employer .swiper {
5353 display: none; 5353 display: none;
5354 } 5354 }
5355 } 5355 }
5356 .employer__item { 5356 .employer__item {
5357 display: -webkit-box; 5357 display: -webkit-box;
5358 display: -ms-flexbox; 5358 display: -ms-flexbox;
5359 display: flex; 5359 display: flex;
5360 -webkit-box-orient: vertical; 5360 -webkit-box-orient: vertical;
5361 -webkit-box-direction: normal; 5361 -webkit-box-direction: normal;
5362 -ms-flex-direction: column; 5362 -ms-flex-direction: column;
5363 flex-direction: column; 5363 flex-direction: column;
5364 gap: 30px; 5364 gap: 30px;
5365 } 5365 }
5366 .employer__item a { 5366 .employer__item a {
5367 display: -webkit-box; 5367 display: -webkit-box;
5368 display: -ms-flexbox; 5368 display: -ms-flexbox;
5369 display: flex; 5369 display: flex;
5370 -webkit-box-orient: vertical; 5370 -webkit-box-orient: vertical;
5371 -webkit-box-direction: normal; 5371 -webkit-box-direction: normal;
5372 -ms-flex-direction: column; 5372 -ms-flex-direction: column;
5373 flex-direction: column; 5373 flex-direction: column;
5374 -webkit-box-align: center; 5374 -webkit-box-align: center;
5375 -ms-flex-align: center; 5375 -ms-flex-align: center;
5376 align-items: center; 5376 align-items: center;
5377 } 5377 }
5378 .employer__item img { 5378 .employer__item img {
5379 width: 100%; 5379 width: 100%;
5380 aspect-ratio: 295/98; 5380 aspect-ratio: 295/98;
5381 -o-object-fit: contain; 5381 -o-object-fit: contain;
5382 object-fit: contain; 5382 object-fit: contain;
5383 } 5383 }
5384 .employer__body { 5384 .employer__body {
5385 display: none; 5385 display: none;
5386 grid-template-columns: 1fr 1fr; 5386 grid-template-columns: 1fr 1fr;
5387 gap: 30px; 5387 gap: 30px;
5388 margin-top: 30px; 5388 margin-top: 30px;
5389 margin-bottom: 40px; 5389 margin-bottom: 40px;
5390 } 5390 }
5391 @media (min-width: 768px) { 5391 @media (min-width: 768px) {
5392 .employer__body { 5392 .employer__body {
5393 display: grid; 5393 display: grid;
5394 } 5394 }
5395 } 5395 }
5396 @media (min-width: 992px) { 5396 @media (min-width: 992px) {
5397 .employer__body { 5397 .employer__body {
5398 grid-template-columns: 1fr 1fr 1fr; 5398 grid-template-columns: 1fr 1fr 1fr;
5399 } 5399 }
5400 } 5400 }
5401 @media (min-width: 1280px) { 5401 @media (min-width: 1280px) {
5402 .employer__body { 5402 .employer__body {
5403 grid-template-columns: 1fr 1fr 1fr 1fr; 5403 grid-template-columns: 1fr 1fr 1fr 1fr;
5404 } 5404 }
5405 } 5405 }
5406 .employer__body a { 5406 .employer__body a {
5407 display: -webkit-box; 5407 display: -webkit-box;
5408 display: -ms-flexbox; 5408 display: -ms-flexbox;
5409 display: flex; 5409 display: flex;
5410 -webkit-box-pack: center; 5410 -webkit-box-pack: center;
5411 -ms-flex-pack: center; 5411 -ms-flex-pack: center;
5412 justify-content: center; 5412 justify-content: center;
5413 -webkit-box-align: center; 5413 -webkit-box-align: center;
5414 -ms-flex-align: center; 5414 -ms-flex-align: center;
5415 align-items: center; 5415 align-items: center;
5416 height: 98px; 5416 height: 98px;
5417 } 5417 }
5418 .employer__body img { 5418 .employer__body img {
5419 max-width: 100%; 5419 max-width: 100%;
5420 max-height: 98px; 5420 max-height: 98px;
5421 -o-object-fit: contain; 5421 -o-object-fit: contain;
5422 object-fit: contain; 5422 object-fit: contain;
5423 } 5423 }
5424 .employer__more { 5424 .employer__more {
5425 height: 38px; 5425 height: 38px;
5426 } 5426 }
5427 @media (min-width: 768px) { 5427 @media (min-width: 768px) {
5428 .employer__more { 5428 .employer__more {
5429 width: 250px; 5429 width: 250px;
5430 margin: 0 auto; 5430 margin: 0 auto;
5431 height: 44px; 5431 height: 44px;
5432 } 5432 }
5433 } 5433 }
5434 5434
5435 .about { 5435 .about {
5436 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5436 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5437 background-size: cover; 5437 background-size: cover;
5438 padding: 30px 0; 5438 padding: 30px 0;
5439 padding-bottom: 70px; 5439 padding-bottom: 70px;
5440 } 5440 }
5441 @media (min-width: 768px) { 5441 @media (min-width: 768px) {
5442 .about { 5442 .about {
5443 padding-top: 40px; 5443 padding-top: 40px;
5444 background-size: auto calc(100% - 10px); 5444 background-size: auto calc(100% - 10px);
5445 } 5445 }
5446 } 5446 }
5447 @media (min-width: 1280px) { 5447 @media (min-width: 1280px) {
5448 .about { 5448 .about {
5449 padding: 100px 0; 5449 padding: 100px 0;
5450 } 5450 }
5451 } 5451 }
5452 .about__wrapper { 5452 .about__wrapper {
5453 display: -webkit-box; 5453 display: -webkit-box;
5454 display: -ms-flexbox; 5454 display: -ms-flexbox;
5455 display: flex; 5455 display: flex;
5456 -webkit-box-orient: vertical; 5456 -webkit-box-orient: vertical;
5457 -webkit-box-direction: normal; 5457 -webkit-box-direction: normal;
5458 -ms-flex-direction: column; 5458 -ms-flex-direction: column;
5459 flex-direction: column; 5459 flex-direction: column;
5460 position: relative; 5460 position: relative;
5461 } 5461 }
5462 .about__title { 5462 .about__title {
5463 color: #fff; 5463 color: #fff;
5464 line-height: 1.2; 5464 line-height: 1.2;
5465 } 5465 }
5466 @media (min-width: 1280px) { 5466 @media (min-width: 1280px) {
5467 .about__title { 5467 .about__title {
5468 position: absolute; 5468 position: absolute;
5469 top: -45px; 5469 top: -45px;
5470 left: 0; 5470 left: 0;
5471 } 5471 }
5472 } 5472 }
5473 .about__body { 5473 .about__body {
5474 display: -webkit-box; 5474 display: -webkit-box;
5475 display: -ms-flexbox; 5475 display: -ms-flexbox;
5476 display: flex; 5476 display: flex;
5477 -webkit-box-orient: vertical; 5477 -webkit-box-orient: vertical;
5478 -webkit-box-direction: normal; 5478 -webkit-box-direction: normal;
5479 -ms-flex-direction: column; 5479 -ms-flex-direction: column;
5480 flex-direction: column; 5480 flex-direction: column;
5481 } 5481 }
5482 @media (min-width: 1280px) { 5482 @media (min-width: 1280px) {
5483 .about__body { 5483 .about__body {
5484 padding-left: 495px; 5484 padding-left: 495px;
5485 } 5485 }
5486 } 5486 }
5487 .about__line { 5487 .about__line {
5488 background: #fff; 5488 background: #fff;
5489 width: 100%; 5489 width: 100%;
5490 height: 1px; 5490 height: 1px;
5491 max-width: 400px; 5491 max-width: 400px;
5492 margin-top: 10px; 5492 margin-top: 10px;
5493 } 5493 }
5494 .about__item { 5494 .about__item {
5495 display: -webkit-box; 5495 display: -webkit-box;
5496 display: -ms-flexbox; 5496 display: -ms-flexbox;
5497 display: flex; 5497 display: flex;
5498 -webkit-box-orient: vertical; 5498 -webkit-box-orient: vertical;
5499 -webkit-box-direction: normal; 5499 -webkit-box-direction: normal;
5500 -ms-flex-direction: column; 5500 -ms-flex-direction: column;
5501 flex-direction: column; 5501 flex-direction: column;
5502 margin-top: 10px; 5502 margin-top: 10px;
5503 max-width: 600px; 5503 max-width: 600px;
5504 } 5504 }
5505 @media (min-width: 768px) { 5505 @media (min-width: 768px) {
5506 .about__item { 5506 .about__item {
5507 margin-top: 20px; 5507 margin-top: 20px;
5508 } 5508 }
5509 } 5509 }
5510 @media (min-width: 1280px) { 5510 @media (min-width: 1280px) {
5511 .about__item { 5511 .about__item {
5512 margin-top: 30px; 5512 margin-top: 30px;
5513 } 5513 }
5514 } 5514 }
5515 .about__item b { 5515 .about__item b {
5516 font-size: 20px; 5516 font-size: 20px;
5517 font-weight: 700; 5517 font-weight: 700;
5518 } 5518 }
5519 .about__item span { 5519 .about__item span {
5520 font-size: 13px; 5520 font-size: 13px;
5521 line-height: 1.4; 5521 line-height: 1.4;
5522 margin-top: 6px; 5522 margin-top: 6px;
5523 } 5523 }
5524 @media (min-width: 1280px) { 5524 @media (min-width: 1280px) {
5525 .about__item span { 5525 .about__item span {
5526 font-size: 16px; 5526 font-size: 16px;
5527 margin-top: 12px; 5527 margin-top: 12px;
5528 } 5528 }
5529 } 5529 }
5530 .about__item a { 5530 .about__item a {
5531 text-decoration: underline; 5531 text-decoration: underline;
5532 } 5532 }
5533 .about__item + .about__item { 5533 .about__item + .about__item {
5534 margin-top: 30px; 5534 margin-top: 30px;
5535 } 5535 }
5536 @media (min-width: 992px) { 5536 @media (min-width: 992px) {
5537 .about__item + .about__item { 5537 .about__item + .about__item {
5538 margin-top: 40px; 5538 margin-top: 40px;
5539 } 5539 }
5540 } 5540 }
5541 .about__button { 5541 .about__button {
5542 margin-top: 20px; 5542 margin-top: 20px;
5543 height: 38px; 5543 height: 38px;
5544 padding: 0; 5544 padding: 0;
5545 } 5545 }
5546 @media (min-width: 768px) { 5546 @media (min-width: 768px) {
5547 .about__button { 5547 .about__button {
5548 max-width: 200px; 5548 max-width: 200px;
5549 height: 42px; 5549 height: 42px;
5550 margin-top: 30px; 5550 margin-top: 30px;
5551 } 5551 }
5552 } 5552 }
5553 5553
5554 .news { 5554 .news {
5555 padding: 50px 0; 5555 padding: 50px 0;
5556 overflow: hidden; 5556 overflow: hidden;
5557 } 5557 }
5558 @media (min-width: 1280px) { 5558 @media (min-width: 1280px) {
5559 .news { 5559 .news {
5560 padding: 100px 0; 5560 padding: 100px 0;
5561 padding-bottom: 0; 5561 padding-bottom: 0;
5562 } 5562 }
5563 } 5563 }
5564 .news__toper { 5564 .news__toper {
5565 display: -webkit-box; 5565 display: -webkit-box;
5566 display: -ms-flexbox; 5566 display: -ms-flexbox;
5567 display: flex; 5567 display: flex;
5568 -webkit-box-pack: justify; 5568 -webkit-box-pack: justify;
5569 -ms-flex-pack: justify; 5569 -ms-flex-pack: justify;
5570 justify-content: space-between; 5570 justify-content: space-between;
5571 -webkit-box-align: center; 5571 -webkit-box-align: center;
5572 -ms-flex-align: center; 5572 -ms-flex-align: center;
5573 align-items: center; 5573 align-items: center;
5574 } 5574 }
5575 @media (min-width: 1280px) { 5575 @media (min-width: 1280px) {
5576 .news__toper .title { 5576 .news__toper .title {
5577 width: calc(100% - 160px); 5577 width: calc(100% - 160px);
5578 } 5578 }
5579 } 5579 }
5580 .news__toper .navs { 5580 .news__toper .navs {
5581 display: none; 5581 display: none;
5582 } 5582 }
5583 @media (min-width: 1280px) { 5583 @media (min-width: 1280px) {
5584 .news__toper .navs { 5584 .news__toper .navs {
5585 display: -webkit-box; 5585 display: -webkit-box;
5586 display: -ms-flexbox; 5586 display: -ms-flexbox;
5587 display: flex; 5587 display: flex;
5588 } 5588 }
5589 } 5589 }
5590 .news .swiper { 5590 .news .swiper {
5591 margin-top: 20px; 5591 margin-top: 20px;
5592 } 5592 }
5593 @media (min-width: 768px) { 5593 @media (min-width: 768px) {
5594 .news .swiper { 5594 .news .swiper {
5595 overflow: visible; 5595 overflow: visible;
5596 } 5596 }
5597 } 5597 }
5598 @media (min-width: 992px) { 5598 @media (min-width: 992px) {
5599 .news .swiper { 5599 .news .swiper {
5600 margin-top: 40px; 5600 margin-top: 40px;
5601 } 5601 }
5602 } 5602 }
5603 .news__item { 5603 .news__item {
5604 display: -webkit-box; 5604 display: -webkit-box;
5605 display: -ms-flexbox; 5605 display: -ms-flexbox;
5606 display: flex; 5606 display: flex;
5607 -webkit-box-orient: vertical; 5607 -webkit-box-orient: vertical;
5608 -webkit-box-direction: normal; 5608 -webkit-box-direction: normal;
5609 -ms-flex-direction: column; 5609 -ms-flex-direction: column;
5610 flex-direction: column; 5610 flex-direction: column;
5611 line-height: 1.4; 5611 line-height: 1.4;
5612 } 5612 }
5613 .news__item-pic { 5613 .news__item-pic {
5614 width: 100%; 5614 width: 100%;
5615 aspect-ratio: 3/2; 5615 aspect-ratio: 3/2;
5616 border-radius: 12px; 5616 border-radius: 12px;
5617 border: 1px solid #e6e7e7; 5617 border: 1px solid #e6e7e7;
5618 -o-object-fit: cover; 5618 -o-object-fit: cover;
5619 object-fit: cover; 5619 object-fit: cover;
5620 min-height: 200px; 5620 min-height: 200px;
5621 } 5621 }
5622 @media (min-width: 1280px) { 5622 @media (min-width: 1280px) {
5623 .news__item-pic { 5623 .news__item-pic {
5624 aspect-ratio: 4/2; 5624 aspect-ratio: 4/2;
5625 } 5625 }
5626 } 5626 }
5627 .news__item-body { 5627 .news__item-body {
5628 display: -webkit-box; 5628 display: -webkit-box;
5629 display: -ms-flexbox; 5629 display: -ms-flexbox;
5630 display: flex; 5630 display: flex;
5631 -webkit-box-orient: vertical; 5631 -webkit-box-orient: vertical;
5632 -webkit-box-direction: normal; 5632 -webkit-box-direction: normal;
5633 -ms-flex-direction: column; 5633 -ms-flex-direction: column;
5634 flex-direction: column; 5634 flex-direction: column;
5635 padding-top: 15px; 5635 padding-top: 15px;
5636 } 5636 }
5637 @media (min-width: 768px) { 5637 @media (min-width: 768px) {
5638 .news__item-body { 5638 .news__item-body {
5639 padding: 20px; 5639 padding: 20px;
5640 padding-top: 30px; 5640 padding-top: 30px;
5641 margin-top: -15px; 5641 margin-top: -15px;
5642 border-radius: 0 0 12px 12px; 5642 border-radius: 0 0 12px 12px;
5643 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5643 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5644 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5644 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5645 } 5645 }
5646 } 5646 }
5647 .news__item-date { 5647 .news__item-date {
5648 font-size: 14px; 5648 font-size: 14px;
5649 font-weight: 700; 5649 font-weight: 700;
5650 color: #377d87; 5650 color: #377d87;
5651 } 5651 }
5652 .news__item-title { 5652 .news__item-title {
5653 font-size: 20px; 5653 font-size: 20px;
5654 font-weight: 700; 5654 font-weight: 700;
5655 line-height: 1.2; 5655 line-height: 1.2;
5656 margin-top: 5px; 5656 margin-top: 5px;
5657 } 5657 }
5658 .news__item-text { 5658 .news__item-text {
5659 color: #000; 5659 color: #000;
5660 font-size: 13px; 5660 font-size: 13px;
5661 margin-top: 10px; 5661 margin-top: 10px;
5662 overflow: hidden; 5662 overflow: hidden;
5663 display: -webkit-box; 5663 display: -webkit-box;
5664 -webkit-box-orient: vertical; 5664 -webkit-box-orient: vertical;
5665 -webkit-line-clamp: 4; 5665 -webkit-line-clamp: 4;
5666 } 5666 }
5667 @media (min-width: 1280px) { 5667 @media (min-width: 1280px) {
5668 .news__item-text { 5668 .news__item-text {
5669 font-size: 16px; 5669 font-size: 16px;
5670 } 5670 }
5671 } 5671 }
5672 .news__item-more { 5672 .news__item-more {
5673 height: 42px; 5673 height: 42px;
5674 margin-top: 20px; 5674 margin-top: 20px;
5675 } 5675 }
5676 @media (min-width: 1280px) { 5676 @media (min-width: 1280px) {
5677 .news__item-more { 5677 .news__item-more {
5678 height: 44px; 5678 height: 44px;
5679 max-width: 190px; 5679 max-width: 190px;
5680 } 5680 }
5681 } 5681 }
5682 .news__all { 5682 .news__all {
5683 height: 42px; 5683 height: 42px;
5684 margin: 0 auto; 5684 margin: 0 auto;
5685 margin-top: 20px; 5685 margin-top: 20px;
5686 padding: 0; 5686 padding: 0;
5687 display: none; 5687 display: none;
5688 } 5688 }
5689 @media (min-width: 768px) { 5689 @media (min-width: 768px) {
5690 .news__all { 5690 .news__all {
5691 max-width: 170px; 5691 max-width: 170px;
5692 margin-top: 30px; 5692 margin-top: 30px;
5693 display: -webkit-box; 5693 display: -webkit-box;
5694 display: -ms-flexbox; 5694 display: -ms-flexbox;
5695 display: flex; 5695 display: flex;
5696 } 5696 }
5697 } 5697 }
5698 @media (min-width: 1280px) { 5698 @media (min-width: 1280px) {
5699 .news__all { 5699 .news__all {
5700 height: 44px; 5700 height: 44px;
5701 } 5701 }
5702 } 5702 }
5703 .news__items { 5703 .news__items {
5704 display: grid; 5704 display: grid;
5705 gap: 20px; 5705 gap: 20px;
5706 margin-bottom: 10px; 5706 margin-bottom: 10px;
5707 } 5707 }
5708 @media (min-width: 768px) { 5708 @media (min-width: 768px) {
5709 .news__items { 5709 .news__items {
5710 grid-template-columns: 1fr 1fr; 5710 grid-template-columns: 1fr 1fr;
5711 } 5711 }
5712 } 5712 }
5713 @media (min-width: 992px) { 5713 @media (min-width: 992px) {
5714 .news__items { 5714 .news__items {
5715 grid-template-columns: 1fr 1fr 1fr; 5715 grid-template-columns: 1fr 1fr 1fr;
5716 } 5716 }
5717 } 5717 }
5718 5718
5719 main + .news { 5719 main + .news {
5720 padding: 0; 5720 padding: 0;
5721 } 5721 }
5722 5722
5723 .info { 5723 .info {
5724 position: relative; 5724 position: relative;
5725 overflow: hidden; 5725 overflow: hidden;
5726 } 5726 }
5727 @media (min-width: 1280px) { 5727 @media (min-width: 1280px) {
5728 .info { 5728 .info {
5729 margin-bottom: -25px; 5729 margin-bottom: -25px;
5730 } 5730 }
5731 } 5731 }
5732 .info__pic { 5732 .info__pic {
5733 display: none; 5733 display: none;
5734 z-index: 1; 5734 z-index: 1;
5735 position: absolute; 5735 position: absolute;
5736 top: 0; 5736 top: 0;
5737 left: 50%; 5737 left: 50%;
5738 height: 100%; 5738 height: 100%;
5739 margin-left: 130px; 5739 margin-left: 130px;
5740 } 5740 }
5741 @media (min-width: 992px) { 5741 @media (min-width: 992px) {
5742 .info__pic { 5742 .info__pic {
5743 display: block; 5743 display: block;
5744 } 5744 }
5745 } 5745 }
5746 @media (min-width: 1280px) { 5746 @media (min-width: 1280px) {
5747 .info__pic { 5747 .info__pic {
5748 width: 610px; 5748 width: 610px;
5749 height: auto; 5749 height: auto;
5750 margin-left: 10px; 5750 margin-left: 10px;
5751 } 5751 }
5752 } 5752 }
5753 .info__body { 5753 .info__body {
5754 z-index: 2; 5754 z-index: 2;
5755 position: relative; 5755 position: relative;
5756 display: -webkit-box; 5756 display: -webkit-box;
5757 display: -ms-flexbox; 5757 display: -ms-flexbox;
5758 display: flex; 5758 display: flex;
5759 -webkit-box-orient: vertical; 5759 -webkit-box-orient: vertical;
5760 -webkit-box-direction: normal; 5760 -webkit-box-direction: normal;
5761 -ms-flex-direction: column; 5761 -ms-flex-direction: column;
5762 flex-direction: column; 5762 flex-direction: column;
5763 } 5763 }
5764 @media (min-width: 1280px) { 5764 @media (min-width: 1280px) {
5765 .info__body { 5765 .info__body {
5766 padding-top: 100px; 5766 padding-top: 100px;
5767 min-height: 600px; 5767 min-height: 600px;
5768 } 5768 }
5769 } 5769 }
5770 @media (min-width: 1280px) { 5770 @media (min-width: 1280px) {
5771 .info__title { 5771 .info__title {
5772 max-width: 520px; 5772 max-width: 520px;
5773 line-height: 1; 5773 line-height: 1;
5774 } 5774 }
5775 } 5775 }
5776 .info__item { 5776 .info__item {
5777 margin-top: 20px; 5777 margin-top: 20px;
5778 display: -webkit-box; 5778 display: -webkit-box;
5779 display: -ms-flexbox; 5779 display: -ms-flexbox;
5780 display: flex; 5780 display: flex;
5781 -webkit-box-orient: vertical; 5781 -webkit-box-orient: vertical;
5782 -webkit-box-direction: normal; 5782 -webkit-box-direction: normal;
5783 -ms-flex-direction: column; 5783 -ms-flex-direction: column;
5784 flex-direction: column; 5784 flex-direction: column;
5785 gap: 20px; 5785 gap: 20px;
5786 } 5786 }
5787 @media (min-width: 992px) { 5787 @media (min-width: 992px) {
5788 .info__item { 5788 .info__item {
5789 max-width: 610px; 5789 max-width: 610px;
5790 } 5790 }
5791 } 5791 }
5792 .info__item + .info__item { 5792 .info__item + .info__item {
5793 margin-top: 60px; 5793 margin-top: 60px;
5794 } 5794 }
5795 .info__text { 5795 .info__text {
5796 color: #000; 5796 color: #000;
5797 font-size: 13px; 5797 font-size: 13px;
5798 line-height: 1.4; 5798 line-height: 1.4;
5799 } 5799 }
5800 @media (min-width: 768px) { 5800 @media (min-width: 768px) {
5801 .info__text { 5801 .info__text {
5802 font-size: 16px; 5802 font-size: 16px;
5803 } 5803 }
5804 } 5804 }
5805 @media (min-width: 1280px) { 5805 @media (min-width: 1280px) {
5806 .info__text { 5806 .info__text {
5807 font-size: 18px; 5807 font-size: 18px;
5808 } 5808 }
5809 } 5809 }
5810 .info__link { 5810 .info__link {
5811 border-radius: 8px; 5811 border-radius: 8px;
5812 display: -webkit-box; 5812 display: -webkit-box;
5813 display: -ms-flexbox; 5813 display: -ms-flexbox;
5814 display: flex; 5814 display: flex;
5815 -webkit-box-pack: center; 5815 -webkit-box-pack: center;
5816 -ms-flex-pack: center; 5816 -ms-flex-pack: center;
5817 justify-content: center; 5817 justify-content: center;
5818 -webkit-box-align: center; 5818 -webkit-box-align: center;
5819 -ms-flex-align: center; 5819 -ms-flex-align: center;
5820 align-items: center; 5820 align-items: center;
5821 line-height: 1; 5821 line-height: 1;
5822 height: 40px; 5822 height: 40px;
5823 font-size: 12px; 5823 font-size: 12px;
5824 font-weight: 700; 5824 font-weight: 700;
5825 gap: 8px; 5825 gap: 8px;
5826 color: #fff; 5826 color: #fff;
5827 background: #377d87; 5827 background: #377d87;
5828 } 5828 }
5829 .info__link:hover { 5829 .info__link:hover {
5830 -webkit-filter: grayscale(50%); 5830 -webkit-filter: grayscale(50%);
5831 filter: grayscale(50%); 5831 filter: grayscale(50%);
5832 } 5832 }
5833 @media (min-width: 768px) { 5833 @media (min-width: 768px) {
5834 .info__link { 5834 .info__link {
5835 height: 44px; 5835 height: 44px;
5836 font-size: 16px; 5836 font-size: 16px;
5837 gap: 10px; 5837 gap: 10px;
5838 max-width: 300px; 5838 max-width: 300px;
5839 } 5839 }
5840 } 5840 }
5841 @media (min-width: 992px) { 5841 @media (min-width: 992px) {
5842 .info__link { 5842 .info__link {
5843 max-width: 210px; 5843 max-width: 210px;
5844 } 5844 }
5845 } 5845 }
5846 .info__link svg { 5846 .info__link svg {
5847 width: 16px; 5847 width: 16px;
5848 height: 16px; 5848 height: 16px;
5849 } 5849 }
5850 @media (min-width: 768px) { 5850 @media (min-width: 768px) {
5851 .info__link svg { 5851 .info__link svg {
5852 width: 20px; 5852 width: 20px;
5853 height: 20px; 5853 height: 20px;
5854 } 5854 }
5855 } 5855 }
5856 5856
5857 .thing { 5857 .thing {
5858 padding-top: 15px; 5858 padding-top: 15px;
5859 padding-bottom: 30px; 5859 padding-bottom: 30px;
5860 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5860 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5861 color: #000; 5861 color: #000;
5862 overflow: hidden; 5862 overflow: hidden;
5863 position: relative; 5863 position: relative;
5864 } 5864 }
5865 @media (min-width: 992px) { 5865 @media (min-width: 992px) {
5866 .thing { 5866 .thing {
5867 padding-top: 20px; 5867 padding-top: 20px;
5868 padding-bottom: 60px; 5868 padding-bottom: 60px;
5869 } 5869 }
5870 } 5870 }
5871 @media (min-width: 1280px) { 5871 @media (min-width: 1280px) {
5872 .thing { 5872 .thing {
5873 padding-bottom: 90px; 5873 padding-bottom: 90px;
5874 } 5874 }
5875 } 5875 }
5876 .thing_pdf { 5876 .thing_pdf {
5877 padding: 30px 0; 5877 padding: 30px 0;
5878 } 5878 }
5879 @media (min-width: 992px) { 5879 @media (min-width: 992px) {
5880 .thing_pdf { 5880 .thing_pdf {
5881 padding: 60px 0; 5881 padding: 60px 0;
5882 } 5882 }
5883 } 5883 }
5884 @media (min-width: 1280px) { 5884 @media (min-width: 1280px) {
5885 .thing_pdf { 5885 .thing_pdf {
5886 padding: 90px 0; 5886 padding: 90px 0;
5887 } 5887 }
5888 } 5888 }
5889 .thing__body { 5889 .thing__body {
5890 display: -webkit-box; 5890 display: -webkit-box;
5891 display: -ms-flexbox; 5891 display: -ms-flexbox;
5892 display: flex; 5892 display: flex;
5893 -webkit-box-orient: vertical; 5893 -webkit-box-orient: vertical;
5894 -webkit-box-direction: normal; 5894 -webkit-box-direction: normal;
5895 -ms-flex-direction: column; 5895 -ms-flex-direction: column;
5896 flex-direction: column; 5896 flex-direction: column;
5897 -webkit-box-align: start; 5897 -webkit-box-align: start;
5898 -ms-flex-align: start; 5898 -ms-flex-align: start;
5899 align-items: flex-start; 5899 align-items: flex-start;
5900 } 5900 }
5901 .thing__breadcrumbs { 5901 .thing__breadcrumbs {
5902 width: 100%; 5902 width: 100%;
5903 margin-bottom: 40px; 5903 margin-bottom: 40px;
5904 position: relative; 5904 position: relative;
5905 z-index: 2; 5905 z-index: 2;
5906 } 5906 }
5907 @media (min-width: 768px) { 5907 @media (min-width: 768px) {
5908 .thing__breadcrumbs { 5908 .thing__breadcrumbs {
5909 margin-bottom: 60px; 5909 margin-bottom: 60px;
5910 } 5910 }
5911 } 5911 }
5912 .thing__date { 5912 .thing__date {
5913 color: #000; 5913 color: #000;
5914 font-size: 14px; 5914 font-size: 14px;
5915 font-weight: 700; 5915 font-weight: 700;
5916 line-height: 21px; 5916 line-height: 21px;
5917 margin-bottom: 10px; 5917 margin-bottom: 10px;
5918 } 5918 }
5919 @media (min-width: 768px) { 5919 @media (min-width: 768px) {
5920 .thing__date { 5920 .thing__date {
5921 font-size: 18px; 5921 font-size: 18px;
5922 line-height: 27px; 5922 line-height: 27px;
5923 } 5923 }
5924 } 5924 }
5925 .thing__title { 5925 .thing__title {
5926 width: 100%; 5926 width: 100%;
5927 font-size: 32px; 5927 font-size: 32px;
5928 font-weight: 700; 5928 font-weight: 700;
5929 margin: 0; 5929 margin: 0;
5930 max-width: 780px; 5930 max-width: 780px;
5931 position: relative; 5931 position: relative;
5932 z-index: 2; 5932 z-index: 2;
5933 line-height: 1.1; 5933 line-height: 1.1;
5934 } 5934 }
5935 @media (min-width: 768px) { 5935 @media (min-width: 768px) {
5936 .thing__title { 5936 .thing__title {
5937 font-size: 40px; 5937 font-size: 40px;
5938 } 5938 }
5939 } 5939 }
5940 @media (min-width: 1280px) { 5940 @media (min-width: 1280px) {
5941 .thing__title { 5941 .thing__title {
5942 font-size: 64px; 5942 font-size: 64px;
5943 } 5943 }
5944 } 5944 }
5945 .thing__text { 5945 .thing__text {
5946 width: 100%; 5946 width: 100%;
5947 font-weight: 700; 5947 font-weight: 700;
5948 font-size: 14px; 5948 font-size: 14px;
5949 line-height: 1.4; 5949 line-height: 1.4;
5950 margin: 15px 0 0 0; 5950 margin: 15px 0 0 0;
5951 max-width: 780px; 5951 max-width: 780px;
5952 position: relative; 5952 position: relative;
5953 z-index: 2; 5953 z-index: 2;
5954 } 5954 }
5955 @media (min-width: 768px) { 5955 @media (min-width: 768px) {
5956 .thing__text { 5956 .thing__text {
5957 margin-top: 15px; 5957 margin-top: 15px;
5958 } 5958 }
5959 } 5959 }
5960 @media (min-width: 992px) { 5960 @media (min-width: 992px) {
5961 .thing__text { 5961 .thing__text {
5962 font-weight: 400; 5962 font-weight: 400;
5963 font-size: 18px; 5963 font-size: 18px;
5964 } 5964 }
5965 } 5965 }
5966 .thing__search { 5966 .thing__search {
5967 width: 100%; 5967 width: 100%;
5968 max-width: 640px; 5968 max-width: 640px;
5969 margin-top: 20px; 5969 margin-top: 20px;
5970 position: relative; 5970 position: relative;
5971 z-index: 2; 5971 z-index: 2;
5972 } 5972 }
5973 @media (min-width: 768px) { 5973 @media (min-width: 768px) {
5974 .thing__search { 5974 .thing__search {
5975 margin-top: 30px; 5975 margin-top: 30px;
5976 } 5976 }
5977 } 5977 }
5978 .thing__badge { 5978 .thing__badge {
5979 position: relative; 5979 position: relative;
5980 z-index: 2; 5980 z-index: 2;
5981 display: -webkit-box; 5981 display: -webkit-box;
5982 display: -ms-flexbox; 5982 display: -ms-flexbox;
5983 display: flex; 5983 display: flex;
5984 -webkit-box-align: center; 5984 -webkit-box-align: center;
5985 -ms-flex-align: center; 5985 -ms-flex-align: center;
5986 align-items: center; 5986 align-items: center;
5987 gap: 5px; 5987 gap: 5px;
5988 padding: 0 12px; 5988 padding: 0 12px;
5989 background: #4d88d9; 5989 background: #4d88d9;
5990 color: #fff; 5990 color: #fff;
5991 font-size: 12px; 5991 font-size: 12px;
5992 line-height: 1; 5992 line-height: 1;
5993 height: 26px; 5993 height: 26px;
5994 border-radius: 999px; 5994 border-radius: 999px;
5995 margin-bottom: 20px; 5995 margin-bottom: 20px;
5996 } 5996 }
5997 @media (min-width: 992px) { 5997 @media (min-width: 992px) {
5998 .thing__badge { 5998 .thing__badge {
5999 font-size: 16px; 5999 font-size: 16px;
6000 gap: 10px; 6000 gap: 10px;
6001 padding: 0 24px; 6001 padding: 0 24px;
6002 height: 42px; 6002 height: 42px;
6003 margin-bottom: 30px; 6003 margin-bottom: 30px;
6004 } 6004 }
6005 } 6005 }
6006 .thing__badge svg { 6006 .thing__badge svg {
6007 width: 12px; 6007 width: 12px;
6008 height: 12px; 6008 height: 12px;
6009 } 6009 }
6010 @media (min-width: 992px) { 6010 @media (min-width: 992px) {
6011 .thing__badge svg { 6011 .thing__badge svg {
6012 width: 20px; 6012 width: 20px;
6013 height: 20px; 6013 height: 20px;
6014 } 6014 }
6015 } 6015 }
6016 .thing__pic { 6016 .thing__pic {
6017 width: 60px; 6017 width: 60px;
6018 aspect-ratio: 1/1; 6018 aspect-ratio: 1/1;
6019 -o-object-fit: contain; 6019 -o-object-fit: contain;
6020 object-fit: contain; 6020 object-fit: contain;
6021 position: relative; 6021 position: relative;
6022 z-index: 1; 6022 z-index: 1;
6023 margin-bottom: 15px; 6023 margin-bottom: 15px;
6024 } 6024 }
6025 @media (min-width: 768px) { 6025 @media (min-width: 768px) {
6026 .thing__pic { 6026 .thing__pic {
6027 width: 160px; 6027 width: 160px;
6028 position: absolute; 6028 position: absolute;
6029 top: 15px; 6029 top: 15px;
6030 right: 20px; 6030 right: 20px;
6031 } 6031 }
6032 } 6032 }
6033 @media (min-width: 992px) { 6033 @media (min-width: 992px) {
6034 .thing__pic { 6034 .thing__pic {
6035 width: 330px; 6035 width: 330px;
6036 top: 50%; 6036 top: 50%;
6037 -webkit-transform: translate(0, -50%); 6037 -webkit-transform: translate(0, -50%);
6038 -ms-transform: translate(0, -50%); 6038 -ms-transform: translate(0, -50%);
6039 transform: translate(0, -50%); 6039 transform: translate(0, -50%);
6040 } 6040 }
6041 } 6041 }
6042 @media (min-width: 1280px) { 6042 @media (min-width: 1280px) {
6043 .thing__pic { 6043 .thing__pic {
6044 right: auto; 6044 right: auto;
6045 left: 50%; 6045 left: 50%;
6046 margin-left: 200px; 6046 margin-left: 200px;
6047 } 6047 }
6048 } 6048 }
6049 .thing__pic_two { 6049 .thing__pic_two {
6050 -o-object-fit: cover; 6050 -o-object-fit: cover;
6051 object-fit: cover; 6051 object-fit: cover;
6052 border-radius: 30px; 6052 border-radius: 30px;
6053 aspect-ratio: 44/37; 6053 aspect-ratio: 44/37;
6054 width: 100%; 6054 width: 100%;
6055 max-width: 440px; 6055 max-width: 440px;
6056 } 6056 }
6057 @media (min-width: 768px) { 6057 @media (min-width: 768px) {
6058 .thing__pic_two { 6058 .thing__pic_two {
6059 position: static; 6059 position: static;
6060 -webkit-transform: translate(0, 0); 6060 -webkit-transform: translate(0, 0);
6061 -ms-transform: translate(0, 0); 6061 -ms-transform: translate(0, 0);
6062 transform: translate(0, 0); 6062 transform: translate(0, 0);
6063 } 6063 }
6064 } 6064 }
6065 @media (min-width: 1280px) { 6065 @media (min-width: 1280px) {
6066 .thing__pic_two { 6066 .thing__pic_two {
6067 position: absolute; 6067 position: absolute;
6068 -webkit-transform: translate(0, -50%); 6068 -webkit-transform: translate(0, -50%);
6069 -ms-transform: translate(0, -50%); 6069 -ms-transform: translate(0, -50%);
6070 transform: translate(0, -50%); 6070 transform: translate(0, -50%);
6071 } 6071 }
6072 } 6072 }
6073 .thing__buttons { 6073 .thing__buttons {
6074 width: 100%; 6074 width: 100%;
6075 position: relative; 6075 position: relative;
6076 z-index: 2; 6076 z-index: 2;
6077 display: -webkit-box; 6077 display: -webkit-box;
6078 display: -ms-flexbox; 6078 display: -ms-flexbox;
6079 display: flex; 6079 display: flex;
6080 -webkit-box-align: center; 6080 -webkit-box-align: center;
6081 -ms-flex-align: center; 6081 -ms-flex-align: center;
6082 align-items: center; 6082 align-items: center;
6083 gap: 20px; 6083 gap: 20px;
6084 margin-top: 15px; 6084 margin-top: 15px;
6085 } 6085 }
6086 @media (min-width: 992px) { 6086 @media (min-width: 992px) {
6087 .thing__buttons { 6087 .thing__buttons {
6088 margin-top: 30px; 6088 margin-top: 30px;
6089 gap: 30px; 6089 gap: 30px;
6090 } 6090 }
6091 } 6091 }
6092 @media (min-width: 992px) { 6092 @media (min-width: 992px) {
6093 .thing__buttons .button { 6093 .thing__buttons .button {
6094 padding: 0 22px; 6094 padding: 0 22px;
6095 } 6095 }
6096 } 6096 }
6097 .thing__checkbox { 6097 .thing__checkbox {
6098 margin-top: 20px; 6098 margin-top: 20px;
6099 } 6099 }
6100 .thing__checkbox .checkbox__icon { 6100 .thing__checkbox .checkbox__icon {
6101 border-color: #377d87; 6101 border-color: #377d87;
6102 } 6102 }
6103 .thing__checkbox .checkbox__text { 6103 .thing__checkbox .checkbox__text {
6104 color: #377d87; 6104 color: #377d87;
6105 } 6105 }
6106 .thing__profile { 6106 .thing__profile {
6107 display: -webkit-box; 6107 display: -webkit-box;
6108 display: -ms-flexbox; 6108 display: -ms-flexbox;
6109 display: flex; 6109 display: flex;
6110 -webkit-box-orient: vertical; 6110 -webkit-box-orient: vertical;
6111 -webkit-box-direction: normal; 6111 -webkit-box-direction: normal;
6112 -ms-flex-direction: column; 6112 -ms-flex-direction: column;
6113 flex-direction: column; 6113 flex-direction: column;
6114 } 6114 }
6115 @media (min-width: 768px) { 6115 @media (min-width: 768px) {
6116 .thing__profile { 6116 .thing__profile {
6117 -webkit-box-orient: horizontal; 6117 -webkit-box-orient: horizontal;
6118 -webkit-box-direction: normal; 6118 -webkit-box-direction: normal;
6119 -ms-flex-direction: row; 6119 -ms-flex-direction: row;
6120 flex-direction: row; 6120 flex-direction: row;
6121 -webkit-box-align: start; 6121 -webkit-box-align: start;
6122 -ms-flex-align: start; 6122 -ms-flex-align: start;
6123 align-items: flex-start; 6123 align-items: flex-start;
6124 } 6124 }
6125 } 6125 }
6126 .thing__profile-photo { 6126 .thing__profile-photo {
6127 width: 210px; 6127 width: 210px;
6128 border-radius: 8px; 6128 border-radius: 8px;
6129 aspect-ratio: 1/1; 6129 aspect-ratio: 1/1;
6130 } 6130 }
6131 .thing__profile-body { 6131 .thing__profile-body {
6132 display: -webkit-box; 6132 display: -webkit-box;
6133 display: -ms-flexbox; 6133 display: -ms-flexbox;
6134 display: flex; 6134 display: flex;
6135 -webkit-box-orient: vertical; 6135 -webkit-box-orient: vertical;
6136 -webkit-box-direction: normal; 6136 -webkit-box-direction: normal;
6137 -ms-flex-direction: column; 6137 -ms-flex-direction: column;
6138 flex-direction: column; 6138 flex-direction: column;
6139 margin-top: 15px; 6139 margin-top: 15px;
6140 } 6140 }
6141 @media (min-width: 768px) { 6141 @media (min-width: 768px) {
6142 .thing__profile-body { 6142 .thing__profile-body {
6143 width: calc(100% - 210px); 6143 width: calc(100% - 210px);
6144 padding-left: 35px; 6144 padding-left: 35px;
6145 } 6145 }
6146 } 6146 }
6147 .thing__profile .thing__title { 6147 .thing__profile .thing__title {
6148 max-width: none; 6148 max-width: none;
6149 } 6149 }
6150 @media (min-width: 768px) { 6150 @media (min-width: 768px) {
6151 .thing__profile .thing__title { 6151 .thing__profile .thing__title {
6152 margin-top: -20px; 6152 margin-top: -20px;
6153 } 6153 }
6154 } 6154 }
6155 .thing__profile .thing__text { 6155 .thing__profile .thing__text {
6156 max-width: none; 6156 max-width: none;
6157 } 6157 }
6158 .thing__bottom { 6158 .thing__bottom {
6159 display: -webkit-box; 6159 display: -webkit-box;
6160 display: -ms-flexbox; 6160 display: -ms-flexbox;
6161 display: flex; 6161 display: flex;
6162 -webkit-box-align: center; 6162 -webkit-box-align: center;
6163 -ms-flex-align: center; 6163 -ms-flex-align: center;
6164 align-items: center; 6164 align-items: center;
6165 gap: 15px; 6165 gap: 15px;
6166 margin-top: 15px; 6166 margin-top: 15px;
6167 } 6167 }
6168 @media (min-width: 768px) { 6168 @media (min-width: 768px) {
6169 .thing__bottom { 6169 .thing__bottom {
6170 margin-top: 30px; 6170 margin-top: 30px;
6171 } 6171 }
6172 } 6172 }
6173 .thing__select { 6173 .thing__select {
6174 width: 100%; 6174 width: 100%;
6175 max-width: 640px; 6175 max-width: 640px;
6176 margin-top: 20px; 6176 margin-top: 20px;
6177 } 6177 }
6178 @media (min-width: 768px) { 6178 @media (min-width: 768px) {
6179 .thing__select { 6179 .thing__select {
6180 margin-top: 30px; 6180 margin-top: 30px;
6181 } 6181 }
6182 } 6182 }
6183 6183
6184 .page-404 { 6184 .page-404 {
6185 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6185 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6186 overflow: hidden; 6186 overflow: hidden;
6187 } 6187 }
6188 .page-404__body { 6188 .page-404__body {
6189 display: -webkit-box; 6189 display: -webkit-box;
6190 display: -ms-flexbox; 6190 display: -ms-flexbox;
6191 display: flex; 6191 display: flex;
6192 -webkit-box-orient: vertical; 6192 -webkit-box-orient: vertical;
6193 -webkit-box-direction: normal; 6193 -webkit-box-direction: normal;
6194 -ms-flex-direction: column; 6194 -ms-flex-direction: column;
6195 flex-direction: column; 6195 flex-direction: column;
6196 -webkit-box-align: center; 6196 -webkit-box-align: center;
6197 -ms-flex-align: center; 6197 -ms-flex-align: center;
6198 align-items: center; 6198 align-items: center;
6199 -webkit-box-pack: center; 6199 -webkit-box-pack: center;
6200 -ms-flex-pack: center; 6200 -ms-flex-pack: center;
6201 justify-content: center; 6201 justify-content: center;
6202 text-align: center; 6202 text-align: center;
6203 padding: 60px 0; 6203 padding: 60px 0;
6204 color: #000; 6204 color: #000;
6205 font-size: 12px; 6205 font-size: 12px;
6206 gap: 10px; 6206 gap: 10px;
6207 line-height: 1.4; 6207 line-height: 1.4;
6208 } 6208 }
6209 @media (min-width: 768px) { 6209 @media (min-width: 768px) {
6210 .page-404__body { 6210 .page-404__body {
6211 font-size: 18px; 6211 font-size: 18px;
6212 padding: 120px 0; 6212 padding: 120px 0;
6213 gap: 20px; 6213 gap: 20px;
6214 } 6214 }
6215 } 6215 }
6216 @media (min-width: 1280px) { 6216 @media (min-width: 1280px) {
6217 .page-404__body { 6217 .page-404__body {
6218 padding: 180px 0; 6218 padding: 180px 0;
6219 text-align: left; 6219 text-align: left;
6220 } 6220 }
6221 } 6221 }
6222 .page-404__numb { 6222 .page-404__numb {
6223 font-size: 114px; 6223 font-size: 114px;
6224 line-height: 1; 6224 line-height: 1;
6225 color: #377d87; 6225 color: #377d87;
6226 font-weight: 700; 6226 font-weight: 700;
6227 } 6227 }
6228 @media (min-width: 768px) { 6228 @media (min-width: 768px) {
6229 .page-404__numb { 6229 .page-404__numb {
6230 font-size: 184px; 6230 font-size: 184px;
6231 } 6231 }
6232 } 6232 }
6233 @media (min-width: 768px) { 6233 @media (min-width: 768px) {
6234 .page-404__title { 6234 .page-404__title {
6235 font-weight: 700; 6235 font-weight: 700;
6236 font-size: 44px; 6236 font-size: 44px;
6237 } 6237 }
6238 } 6238 }
6239 @media (min-width: 1280px) { 6239 @media (min-width: 1280px) {
6240 .page-404__title { 6240 .page-404__title {
6241 width: 710px; 6241 width: 710px;
6242 position: relative; 6242 position: relative;
6243 left: 200px; 6243 left: 200px;
6244 } 6244 }
6245 } 6245 }
6246 @media (min-width: 1280px) { 6246 @media (min-width: 1280px) {
6247 .page-404__subtitle { 6247 .page-404__subtitle {
6248 width: 710px; 6248 width: 710px;
6249 position: relative; 6249 position: relative;
6250 left: 200px; 6250 left: 200px;
6251 } 6251 }
6252 } 6252 }
6253 .page-404__button { 6253 .page-404__button {
6254 margin-top: 10px; 6254 margin-top: 10px;
6255 } 6255 }
6256 @media (min-width: 1280px) { 6256 @media (min-width: 1280px) {
6257 .page-404__button { 6257 .page-404__button {
6258 position: relative; 6258 position: relative;
6259 left: -45px; 6259 left: -45px;
6260 } 6260 }
6261 } 6261 }
6262 6262
6263 .cookies { 6263 .cookies {
6264 display: none; 6264 display: none;
6265 -webkit-box-align: end; 6265 -webkit-box-align: end;
6266 -ms-flex-align: end; 6266 -ms-flex-align: end;
6267 align-items: flex-end; 6267 align-items: flex-end;
6268 padding: 10px; 6268 padding: 10px;
6269 padding-top: 0; 6269 padding-top: 0;
6270 height: 0; 6270 height: 0;
6271 position: fixed; 6271 position: fixed;
6272 z-index: 999; 6272 z-index: 999;
6273 bottom: 0; 6273 bottom: 0;
6274 left: 0; 6274 left: 0;
6275 width: 100%; 6275 width: 100%;
6276 } 6276 }
6277 .cookies-is-actived .cookies { 6277 .cookies-is-actived .cookies {
6278 display: -webkit-box; 6278 display: -webkit-box;
6279 display: -ms-flexbox; 6279 display: -ms-flexbox;
6280 display: flex; 6280 display: flex;
6281 } 6281 }
6282 .cookies__body { 6282 .cookies__body {
6283 border-radius: 6px; 6283 border-radius: 6px;
6284 border: 1px solid #377d87; 6284 border: 1px solid #377d87;
6285 background: #fff; 6285 background: #fff;
6286 padding: 15px; 6286 padding: 15px;
6287 padding-right: 50px; 6287 padding-right: 50px;
6288 position: relative; 6288 position: relative;
6289 max-width: 940px; 6289 max-width: 940px;
6290 margin: 0 auto; 6290 margin: 0 auto;
6291 } 6291 }
6292 @media (min-width: 768px) { 6292 @media (min-width: 768px) {
6293 .cookies__body { 6293 .cookies__body {
6294 padding: 25px; 6294 padding: 25px;
6295 padding-right: 50px; 6295 padding-right: 50px;
6296 border-radius: 12px; 6296 border-radius: 12px;
6297 } 6297 }
6298 } 6298 }
6299 @media (min-width: 992px) { 6299 @media (min-width: 992px) {
6300 .cookies__body { 6300 .cookies__body {
6301 padding: 40px 60px; 6301 padding: 40px 60px;
6302 } 6302 }
6303 } 6303 }
6304 .cookies__close { 6304 .cookies__close {
6305 display: -webkit-box; 6305 display: -webkit-box;
6306 display: -ms-flexbox; 6306 display: -ms-flexbox;
6307 display: flex; 6307 display: flex;
6308 -webkit-box-pack: center; 6308 -webkit-box-pack: center;
6309 -ms-flex-pack: center; 6309 -ms-flex-pack: center;
6310 justify-content: center; 6310 justify-content: center;
6311 -webkit-box-align: center; 6311 -webkit-box-align: center;
6312 -ms-flex-align: center; 6312 -ms-flex-align: center;
6313 align-items: center; 6313 align-items: center;
6314 color: #377d87; 6314 color: #377d87;
6315 padding: 0; 6315 padding: 0;
6316 border: none; 6316 border: none;
6317 background: none; 6317 background: none;
6318 position: absolute; 6318 position: absolute;
6319 top: 15px; 6319 top: 15px;
6320 right: 15px; 6320 right: 15px;
6321 } 6321 }
6322 .cookies__close:hover { 6322 .cookies__close:hover {
6323 color: #000; 6323 color: #000;
6324 } 6324 }
6325 .cookies__close svg { 6325 .cookies__close svg {
6326 width: 16px; 6326 width: 16px;
6327 height: 16px; 6327 height: 16px;
6328 } 6328 }
6329 .cookies__text { 6329 .cookies__text {
6330 font-size: 12px; 6330 font-size: 12px;
6331 color: #377d87; 6331 color: #377d87;
6332 line-height: 1.4; 6332 line-height: 1.4;
6333 } 6333 }
6334 @media (min-width: 768px) { 6334 @media (min-width: 768px) {
6335 .cookies__text { 6335 .cookies__text {
6336 font-size: 16px; 6336 font-size: 16px;
6337 font-weight: 700; 6337 font-weight: 700;
6338 } 6338 }
6339 } 6339 }
6340 6340
6341 .fancybox-active { 6341 .fancybox-active {
6342 overflow: hidden; 6342 overflow: hidden;
6343 } 6343 }
6344 .fancybox-is-open .fancybox-bg { 6344 .fancybox-is-open .fancybox-bg {
6345 background: #080b0b; 6345 background: #080b0b;
6346 opacity: 0.6; 6346 opacity: 0.6;
6347 z-index: 9999; 6347 z-index: 9999;
6348 } 6348 }
6349 .fancybox-slide { 6349 .fancybox-slide {
6350 padding: 0; 6350 padding: 0;
6351 } 6351 }
6352 @media (min-width: 992px) { 6352 @media (min-width: 992px) {
6353 .fancybox-slide { 6353 .fancybox-slide {
6354 padding: 30px; 6354 padding: 30px;
6355 } 6355 }
6356 } 6356 }
6357 .fancybox-slide--html .fancybox-close-small { 6357 .fancybox-slide--html .fancybox-close-small {
6358 padding: 0; 6358 padding: 0;
6359 opacity: 1; 6359 opacity: 1;
6360 color: #377d87; 6360 color: #377d87;
6361 } 6361 }
6362 @media (min-width: 768px) { 6362 @media (min-width: 768px) {
6363 .fancybox-slide--html .fancybox-close-small { 6363 .fancybox-slide--html .fancybox-close-small {
6364 top: 10px; 6364 top: 10px;
6365 right: 10px; 6365 right: 10px;
6366 } 6366 }
6367 } 6367 }
6368 .fancybox-slide--html .fancybox-close-small:hover { 6368 .fancybox-slide--html .fancybox-close-small:hover {
6369 color: #000; 6369 color: #000;
6370 } 6370 }
6371 6371
6372 .modal { 6372 .modal {
6373 width: 100%; 6373 width: 100%;
6374 max-width: 820px; 6374 max-width: 820px;
6375 padding: 0; 6375 padding: 0;
6376 background: #fff; 6376 background: #fff;
6377 z-index: 99999; 6377 z-index: 99999;
6378 } 6378 }
6379 @media (min-width: 992px) { 6379 @media (min-width: 992px) {
6380 .modal { 6380 .modal {
6381 border-radius: 10px; 6381 border-radius: 10px;
6382 border: 1px solid #377d87; 6382 border: 1px solid #377d87;
6383 } 6383 }
6384 } 6384 }
6385 .modal_bg { 6385 .modal_bg {
6386 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6386 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6387 } 6387 }
6388 @media (min-width: 768px) { 6388 @media (min-width: 768px) {
6389 .modal_bg { 6389 .modal_bg {
6390 background-position: 100% 100%; 6390 background-position: 100% 100%;
6391 } 6391 }
6392 } 6392 }
6393 .modal__body { 6393 .modal__body {
6394 padding: 40px 15px; 6394 padding: 40px 15px;
6395 padding-bottom: 30px; 6395 padding-bottom: 30px;
6396 display: -webkit-box; 6396 display: -webkit-box;
6397 display: -ms-flexbox; 6397 display: -ms-flexbox;
6398 display: flex; 6398 display: flex;
6399 -webkit-box-orient: vertical; 6399 -webkit-box-orient: vertical;
6400 -webkit-box-direction: normal; 6400 -webkit-box-direction: normal;
6401 -ms-flex-direction: column; 6401 -ms-flex-direction: column;
6402 flex-direction: column; 6402 flex-direction: column;
6403 -webkit-box-align: center; 6403 -webkit-box-align: center;
6404 -ms-flex-align: center; 6404 -ms-flex-align: center;
6405 align-items: center; 6405 align-items: center;
6406 -webkit-box-pack: center; 6406 -webkit-box-pack: center;
6407 -ms-flex-pack: center; 6407 -ms-flex-pack: center;
6408 justify-content: center; 6408 justify-content: center;
6409 width: 100%; 6409 width: 100%;
6410 min-height: 100vh; 6410 min-height: 100vh;
6411 overflow: hidden; 6411 overflow: hidden;
6412 font-size: 12px; 6412 font-size: 12px;
6413 } 6413 }
6414 @media (min-width: 768px) { 6414 @media (min-width: 768px) {
6415 .modal__body { 6415 .modal__body {
6416 font-size: 16px; 6416 font-size: 16px;
6417 padding-left: 22px; 6417 padding-left: 22px;
6418 padding-right: 22px; 6418 padding-right: 22px;
6419 } 6419 }
6420 } 6420 }
6421 @media (min-width: 992px) { 6421 @media (min-width: 992px) {
6422 .modal__body { 6422 .modal__body {
6423 min-height: 450px; 6423 min-height: 450px;
6424 padding: 60px 80px; 6424 padding: 60px 80px;
6425 padding-bottom: 40px; 6425 padding-bottom: 40px;
6426 } 6426 }
6427 } 6427 }
6428 @media (min-width: 768px) { 6428 @media (min-width: 768px) {
6429 .modal__body .left { 6429 .modal__body .left {
6430 text-align: left; 6430 text-align: left;
6431 } 6431 }
6432 } 6432 }
6433 .modal__title { 6433 .modal__title {
6434 width: 100%; 6434 width: 100%;
6435 font-size: 22px; 6435 font-size: 22px;
6436 font-weight: 700; 6436 font-weight: 700;
6437 text-align: center; 6437 text-align: center;
6438 color: #000; 6438 color: #000;
6439 } 6439 }
6440 @media (min-width: 768px) { 6440 @media (min-width: 768px) {
6441 .modal__title { 6441 .modal__title {
6442 font-size: 32px; 6442 font-size: 32px;
6443 } 6443 }
6444 } 6444 }
6445 @media (min-width: 992px) { 6445 @media (min-width: 992px) {
6446 .modal__title { 6446 .modal__title {
6447 font-size: 44px; 6447 font-size: 44px;
6448 } 6448 }
6449 } 6449 }
6450 .modal__text { 6450 .modal__text {
6451 width: 100%; 6451 width: 100%;
6452 text-align: center; 6452 text-align: center;
6453 margin-top: 10px; 6453 margin-top: 10px;
6454 color: #000; 6454 color: #000;
6455 } 6455 }
6456 @media (min-width: 768px) { 6456 @media (min-width: 768px) {
6457 .modal__text { 6457 .modal__text {
6458 margin-top: 20px; 6458 margin-top: 20px;
6459 } 6459 }
6460 } 6460 }
6461 .modal__text span { 6461 .modal__text span {
6462 color: #9c9d9d; 6462 color: #9c9d9d;
6463 } 6463 }
6464 .modal__text a { 6464 .modal__text a {
6465 font-weight: 700; 6465 font-weight: 700;
6466 color: #377d87; 6466 color: #377d87;
6467 } 6467 }
6468 .modal__text a:hover { 6468 .modal__text a:hover {
6469 color: #000; 6469 color: #000;
6470 } 6470 }
6471 .modal__button { 6471 .modal__button {
6472 margin-top: 20px; 6472 margin-top: 20px;
6473 } 6473 }
6474 @media (min-width: 768px) { 6474 @media (min-width: 768px) {
6475 .modal__button { 6475 .modal__button {
6476 min-width: 200px; 6476 min-width: 200px;
6477 margin-top: 30px; 6477 margin-top: 30px;
6478 } 6478 }
6479 } 6479 }
6480 .modal__buttons { 6480 .modal__buttons {
6481 display: grid; 6481 display: grid;
6482 grid-template-columns: repeat(2, 1fr); 6482 grid-template-columns: repeat(2, 1fr);
6483 gap: 20px; 6483 gap: 20px;
6484 margin-top: 20px; 6484 margin-top: 20px;
6485 } 6485 }
6486 @media (min-width: 768px) { 6486 @media (min-width: 768px) {
6487 .modal__buttons { 6487 .modal__buttons {
6488 gap: 30px; 6488 gap: 30px;
6489 margin-top: 30px; 6489 margin-top: 30px;
6490 } 6490 }
6491 } 6491 }
6492 .modal__form { 6492 .modal__form {
6493 width: 100%; 6493 width: 100%;
6494 display: -webkit-box; 6494 display: -webkit-box;
6495 display: -ms-flexbox; 6495 display: -ms-flexbox;
6496 display: flex; 6496 display: flex;
6497 -webkit-box-orient: vertical; 6497 -webkit-box-orient: vertical;
6498 -webkit-box-direction: normal; 6498 -webkit-box-direction: normal;
6499 -ms-flex-direction: column; 6499 -ms-flex-direction: column;
6500 flex-direction: column; 6500 flex-direction: column;
6501 gap: 16px; 6501 gap: 16px;
6502 margin-top: 10px; 6502 margin-top: 10px;
6503 } 6503 }
6504 @media (min-width: 768px) { 6504 @media (min-width: 768px) {
6505 .modal__form { 6505 .modal__form {
6506 margin-top: 20px; 6506 margin-top: 20px;
6507 } 6507 }
6508 } 6508 }
6509 .modal__form-item { 6509 .modal__form-item {
6510 display: -webkit-box; 6510 display: -webkit-box;
6511 display: -ms-flexbox; 6511 display: -ms-flexbox;
6512 display: flex; 6512 display: flex;
6513 -webkit-box-orient: vertical; 6513 -webkit-box-orient: vertical;
6514 -webkit-box-direction: normal; 6514 -webkit-box-direction: normal;
6515 -ms-flex-direction: column; 6515 -ms-flex-direction: column;
6516 flex-direction: column; 6516 flex-direction: column;
6517 -webkit-box-align: center; 6517 -webkit-box-align: center;
6518 -ms-flex-align: center; 6518 -ms-flex-align: center;
6519 align-items: center; 6519 align-items: center;
6520 gap: 4px; 6520 gap: 4px;
6521 } 6521 }
6522 .modal__form-item > .input { 6522 .modal__form-item > .input {
6523 width: 100%; 6523 width: 100%;
6524 } 6524 }
6525 .modal__form-item > .textarea { 6525 .modal__form-item > .textarea {
6526 width: 100%; 6526 width: 100%;
6527 height: 175px; 6527 height: 175px;
6528 } 6528 }
6529 @media (min-width: 768px) { 6529 @media (min-width: 768px) {
6530 .modal__form-item > .textarea { 6530 .modal__form-item > .textarea {
6531 height: 195px; 6531 height: 195px;
6532 } 6532 }
6533 } 6533 }
6534 .modal__form-item > .file { 6534 .modal__form-item > .file {
6535 width: 100%; 6535 width: 100%;
6536 } 6536 }
6537 .modal__form-item > .button { 6537 .modal__form-item > .button {
6538 min-width: 120px; 6538 min-width: 120px;
6539 } 6539 }
6540 .modal__form-item > label { 6540 .modal__form-item > label {
6541 width: 100%; 6541 width: 100%;
6542 display: none; 6542 display: none;
6543 color: #eb5757; 6543 color: #eb5757;
6544 padding: 0 10px; 6544 padding: 0 10px;
6545 font-size: 12px; 6545 font-size: 12px;
6546 } 6546 }
6547 @media (min-width: 768px) { 6547 @media (min-width: 768px) {
6548 .modal__form-item > label { 6548 .modal__form-item > label {
6549 padding: 0 20px; 6549 padding: 0 20px;
6550 font-size: 16px; 6550 font-size: 16px;
6551 } 6551 }
6552 } 6552 }
6553 .modal__sign { 6553 .modal__sign {
6554 display: -webkit-box; 6554 display: -webkit-box;
6555 display: -ms-flexbox; 6555 display: -ms-flexbox;
6556 display: flex; 6556 display: flex;
6557 -webkit-box-orient: vertical; 6557 -webkit-box-orient: vertical;
6558 -webkit-box-direction: normal; 6558 -webkit-box-direction: normal;
6559 -ms-flex-direction: column; 6559 -ms-flex-direction: column;
6560 flex-direction: column; 6560 flex-direction: column;
6561 gap: 20px; 6561 gap: 20px;
6562 margin-top: 10px; 6562 margin-top: 10px;
6563 margin-bottom: 20px; 6563 margin-bottom: 20px;
6564 width: 100%; 6564 width: 100%;
6565 } 6565 }
6566 @media (min-width: 768px) { 6566 @media (min-width: 768px) {
6567 .modal__sign { 6567 .modal__sign {
6568 margin-top: 20px; 6568 margin-top: 20px;
6569 margin-bottom: 40px; 6569 margin-bottom: 40px;
6570 } 6570 }
6571 } 6571 }
6572 .modal__sign-item { 6572 .modal__sign-item {
6573 display: -webkit-box; 6573 display: -webkit-box;
6574 display: -ms-flexbox; 6574 display: -ms-flexbox;
6575 display: flex; 6575 display: flex;
6576 -webkit-box-orient: vertical; 6576 -webkit-box-orient: vertical;
6577 -webkit-box-direction: normal; 6577 -webkit-box-direction: normal;
6578 -ms-flex-direction: column; 6578 -ms-flex-direction: column;
6579 flex-direction: column; 6579 flex-direction: column;
6580 -webkit-box-align: center; 6580 -webkit-box-align: center;
6581 -ms-flex-align: center; 6581 -ms-flex-align: center;
6582 align-items: center; 6582 align-items: center;
6583 position: relative; 6583 position: relative;
6584 } 6584 }
6585 .modal__sign-item > .input { 6585 .modal__sign-item > .input {
6586 width: 100%; 6586 width: 100%;
6587 padding-right: 36px; 6587 padding-right: 36px;
6588 position: relative; 6588 position: relative;
6589 z-index: 1; 6589 z-index: 1;
6590 } 6590 }
6591 @media (min-width: 768px) { 6591 @media (min-width: 768px) {
6592 .modal__sign-item > .input { 6592 .modal__sign-item > .input {
6593 height: 52px; 6593 height: 52px;
6594 padding-right: 60px; 6594 padding-right: 60px;
6595 } 6595 }
6596 } 6596 }
6597 .modal__sign-item > .textarea { 6597 .modal__sign-item > .textarea {
6598 width: 100%; 6598 width: 100%;
6599 } 6599 }
6600 .modal__sign-bottom { 6600 .modal__sign-bottom {
6601 display: -webkit-box; 6601 display: -webkit-box;
6602 display: -ms-flexbox; 6602 display: -ms-flexbox;
6603 display: flex; 6603 display: flex;
6604 -webkit-box-pack: justify; 6604 -webkit-box-pack: justify;
6605 -ms-flex-pack: justify; 6605 -ms-flex-pack: justify;
6606 justify-content: space-between; 6606 justify-content: space-between;
6607 -webkit-box-align: center; 6607 -webkit-box-align: center;
6608 -ms-flex-align: center; 6608 -ms-flex-align: center;
6609 align-items: center; 6609 align-items: center;
6610 width: 100%; 6610 width: 100%;
6611 } 6611 }
6612 .modal__sign-bottom-link { 6612 .modal__sign-bottom-link {
6613 font-weight: 700; 6613 font-weight: 700;
6614 color: #377d87; 6614 color: #377d87;
6615 } 6615 }
6616 .modal__tabs { 6616 .modal__tabs {
6617 width: 100%; 6617 width: 100%;
6618 display: grid; 6618 display: grid;
6619 grid-template-columns: repeat(2, 1fr); 6619 grid-template-columns: repeat(2, 1fr);
6620 gap: 16px; 6620 gap: 16px;
6621 margin-top: 10px; 6621 margin-top: 10px;
6622 } 6622 }
6623 @media (min-width: 768px) { 6623 @media (min-width: 768px) {
6624 .modal__tabs { 6624 .modal__tabs {
6625 gap: 24px; 6625 gap: 24px;
6626 margin-top: 20px; 6626 margin-top: 20px;
6627 } 6627 }
6628 } 6628 }
6629 .modal__tabs-item.active { 6629 .modal__tabs-item.active {
6630 background: #377d87; 6630 background: #377d87;
6631 color: #fff; 6631 color: #fff;
6632 } 6632 }
6633 .modal__reg { 6633 .modal__reg {
6634 display: none; 6634 display: none;
6635 -webkit-box-orient: vertical; 6635 -webkit-box-orient: vertical;
6636 -webkit-box-direction: normal; 6636 -webkit-box-direction: normal;
6637 -ms-flex-direction: column; 6637 -ms-flex-direction: column;
6638 flex-direction: column; 6638 flex-direction: column;
6639 -webkit-box-align: center; 6639 -webkit-box-align: center;
6640 -ms-flex-align: center; 6640 -ms-flex-align: center;
6641 align-items: center; 6641 align-items: center;
6642 gap: 10px; 6642 gap: 10px;
6643 width: 100%; 6643 width: 100%;
6644 margin-top: 10px; 6644 margin-top: 10px;
6645 margin-bottom: 20px; 6645 margin-bottom: 20px;
6646 } 6646 }
6647 @media (min-width: 768px) { 6647 @media (min-width: 768px) {
6648 .modal__reg { 6648 .modal__reg {
6649 margin-top: 20px; 6649 margin-top: 20px;
6650 margin-bottom: 30px; 6650 margin-bottom: 30px;
6651 gap: 20px; 6651 gap: 20px;
6652 } 6652 }
6653 } 6653 }
6654 .modal__reg.showed { 6654 .modal__reg.showed {
6655 display: -webkit-box; 6655 display: -webkit-box;
6656 display: -ms-flexbox; 6656 display: -ms-flexbox;
6657 display: flex; 6657 display: flex;
6658 } 6658 }
6659 .modal__reg-item { 6659 .modal__reg-item {
6660 width: 100%; 6660 width: 100%;
6661 display: -webkit-box; 6661 display: -webkit-box;
6662 display: -ms-flexbox; 6662 display: -ms-flexbox;
6663 display: flex; 6663 display: flex;
6664 -webkit-box-orient: vertical; 6664 -webkit-box-orient: vertical;
6665 -webkit-box-direction: normal; 6665 -webkit-box-direction: normal;
6666 -ms-flex-direction: column; 6666 -ms-flex-direction: column;
6667 flex-direction: column; 6667 flex-direction: column;
6668 } 6668 }
6669 .modal__reg-item > .captcha { 6669 .modal__reg-item > .captcha {
6670 width: 100%; 6670 width: 100%;
6671 max-width: 300px; 6671 max-width: 300px;
6672 } 6672 }
6673 6673
6674 .messages { 6674 .messages {
6675 display: -webkit-box; 6675 display: -webkit-box;
6676 display: -ms-flexbox; 6676 display: -ms-flexbox;
6677 display: flex; 6677 display: flex;
6678 -webkit-box-orient: vertical; 6678 -webkit-box-orient: vertical;
6679 -webkit-box-direction: reverse; 6679 -webkit-box-direction: reverse;
6680 -ms-flex-direction: column-reverse; 6680 -ms-flex-direction: column-reverse;
6681 flex-direction: column-reverse; 6681 flex-direction: column-reverse;
6682 -webkit-box-align: center; 6682 -webkit-box-align: center;
6683 -ms-flex-align: center; 6683 -ms-flex-align: center;
6684 align-items: center; 6684 align-items: center;
6685 gap: 20px; 6685 gap: 20px;
6686 } 6686 }
6687 .messages__body { 6687 .messages__body {
6688 display: -webkit-box; 6688 display: -webkit-box;
6689 display: -ms-flexbox; 6689 display: -ms-flexbox;
6690 display: flex; 6690 display: flex;
6691 -webkit-box-orient: vertical; 6691 -webkit-box-orient: vertical;
6692 -webkit-box-direction: normal; 6692 -webkit-box-direction: normal;
6693 -ms-flex-direction: column; 6693 -ms-flex-direction: column;
6694 flex-direction: column; 6694 flex-direction: column;
6695 gap: 10px; 6695 gap: 10px;
6696 width: 100%; 6696 width: 100%;
6697 } 6697 }
6698 @media (min-width: 768px) { 6698 @media (min-width: 768px) {
6699 .messages__body { 6699 .messages__body {
6700 gap: 20px; 6700 gap: 20px;
6701 } 6701 }
6702 } 6702 }
6703 .messages__item { 6703 .messages__item {
6704 display: none; 6704 display: none;
6705 -webkit-box-align: center; 6705 -webkit-box-align: center;
6706 -ms-flex-align: center; 6706 -ms-flex-align: center;
6707 align-items: center; 6707 align-items: center;
6708 border-radius: 8px; 6708 border-radius: 8px;
6709 border: 1px solid #e7e7e7; 6709 border: 1px solid #e7e7e7;
6710 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6710 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6711 padding: 10px; 6711 padding: 10px;
6712 font-size: 12px; 6712 font-size: 12px;
6713 } 6713 }
6714 @media (min-width: 768px) { 6714 @media (min-width: 768px) {
6715 .messages__item { 6715 .messages__item {
6716 padding: 20px; 6716 padding: 20px;
6717 font-size: 16px; 6717 font-size: 16px;
6718 } 6718 }
6719 } 6719 }
6720 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) { 6720 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
6721 display: -webkit-box; 6721 display: -webkit-box;
6722 display: -ms-flexbox; 6722 display: -ms-flexbox;
6723 display: flex; 6723 display: flex;
6724 } 6724 }
6725 .messages__item-info { 6725 .messages__item-info {
6726 display: -webkit-box; 6726 display: -webkit-box;
6727 display: -ms-flexbox; 6727 display: -ms-flexbox;
6728 display: flex; 6728 display: flex;
6729 -webkit-box-align: center; 6729 -webkit-box-align: center;
6730 -ms-flex-align: center; 6730 -ms-flex-align: center;
6731 align-items: center; 6731 align-items: center;
6732 width: calc(100% - 90px); 6732 width: calc(100% - 90px);
6733 } 6733 }
6734 @media (min-width: 768px) { 6734 @media (min-width: 768px) {
6735 .messages__item-info { 6735 .messages__item-info {
6736 width: calc(100% - 150px); 6736 width: calc(100% - 150px);
6737 } 6737 }
6738 } 6738 }
6739 .messages__item-photo { 6739 .messages__item-photo {
6740 position: relative; 6740 position: relative;
6741 aspect-ratio: 1/1; 6741 aspect-ratio: 1/1;
6742 overflow: hidden; 6742 overflow: hidden;
6743 background: #9c9d9d; 6743 background: #9c9d9d;
6744 color: #fff; 6744 color: #fff;
6745 width: 36px; 6745 width: 36px;
6746 border-radius: 6px; 6746 border-radius: 6px;
6747 display: -webkit-box; 6747 display: -webkit-box;
6748 display: -ms-flexbox; 6748 display: -ms-flexbox;
6749 display: flex; 6749 display: flex;
6750 -webkit-box-pack: center; 6750 -webkit-box-pack: center;
6751 -ms-flex-pack: center; 6751 -ms-flex-pack: center;
6752 justify-content: center; 6752 justify-content: center;
6753 -webkit-box-align: center; 6753 -webkit-box-align: center;
6754 -ms-flex-align: center; 6754 -ms-flex-align: center;
6755 align-items: center; 6755 align-items: center;
6756 } 6756 }
6757 @media (min-width: 768px) { 6757 @media (min-width: 768px) {
6758 .messages__item-photo { 6758 .messages__item-photo {
6759 width: 52px; 6759 width: 52px;
6760 } 6760 }
6761 } 6761 }
6762 .messages__item-photo svg { 6762 .messages__item-photo svg {
6763 width: 50%; 6763 width: 50%;
6764 position: relative; 6764 position: relative;
6765 z-index: 1; 6765 z-index: 1;
6766 } 6766 }
6767 .messages__item-photo img { 6767 .messages__item-photo img {
6768 position: absolute; 6768 position: absolute;
6769 z-index: 2; 6769 z-index: 2;
6770 top: 0; 6770 top: 0;
6771 left: 0; 6771 left: 0;
6772 width: 100%; 6772 width: 100%;
6773 height: 100%; 6773 height: 100%;
6774 -o-object-fit: cover; 6774 -o-object-fit: cover;
6775 object-fit: cover; 6775 object-fit: cover;
6776 } 6776 }
6777 .messages__item-text { 6777 .messages__item-text {
6778 width: calc(100% - 36px); 6778 width: calc(100% - 36px);
6779 padding-left: 6px; 6779 padding-left: 6px;
6780 color: #000; 6780 color: #000;
6781 display: -webkit-box; 6781 display: -webkit-box;
6782 display: -ms-flexbox; 6782 display: -ms-flexbox;
6783 display: flex; 6783 display: flex;
6784 -webkit-box-orient: vertical; 6784 -webkit-box-orient: vertical;
6785 -webkit-box-direction: normal; 6785 -webkit-box-direction: normal;
6786 -ms-flex-direction: column; 6786 -ms-flex-direction: column;
6787 flex-direction: column; 6787 flex-direction: column;
6788 gap: 4px; 6788 gap: 4px;
6789 } 6789 }
6790 @media (min-width: 768px) { 6790 @media (min-width: 768px) {
6791 .messages__item-text { 6791 .messages__item-text {
6792 padding-left: 20px; 6792 padding-left: 20px;
6793 width: calc(100% - 52px); 6793 width: calc(100% - 52px);
6794 gap: 8px; 6794 gap: 8px;
6795 } 6795 }
6796 } 6796 }
6797 .messages__item-text span { 6797 .messages__item-text span {
6798 color: #000; 6798 color: #000;
6799 } 6799 }
6800 .messages__item-date { 6800 .messages__item-date {
6801 color: #000; 6801 color: #000;
6802 width: 90px; 6802 width: 90px;
6803 text-align: right; 6803 text-align: right;
6804 } 6804 }
6805 @media (min-width: 768px) { 6805 @media (min-width: 768px) {
6806 .messages__item-date { 6806 .messages__item-date {
6807 width: 150px; 6807 width: 150px;
6808 } 6808 }
6809 } 6809 }
6810 .messages.active .messages__item { 6810 .messages.active .messages__item {
6811 display: -webkit-box; 6811 display: -webkit-box;
6812 display: -ms-flexbox; 6812 display: -ms-flexbox;
6813 display: flex; 6813 display: flex;
6814 } 6814 }
6815 6815
6816 .responses { 6816 .responses {
6817 display: -webkit-box; 6817 display: -webkit-box;
6818 display: -ms-flexbox; 6818 display: -ms-flexbox;
6819 display: flex; 6819 display: flex;
6820 -webkit-box-orient: vertical; 6820 -webkit-box-orient: vertical;
6821 -webkit-box-direction: reverse; 6821 -webkit-box-direction: reverse;
6822 -ms-flex-direction: column-reverse; 6822 -ms-flex-direction: column-reverse;
6823 flex-direction: column-reverse; 6823 flex-direction: column-reverse;
6824 -webkit-box-align: center; 6824 -webkit-box-align: center;
6825 -ms-flex-align: center; 6825 -ms-flex-align: center;
6826 align-items: center; 6826 align-items: center;
6827 gap: 20px; 6827 gap: 20px;
6828 } 6828 }
6829 .responses__body { 6829 .responses__body {
6830 width: 100%; 6830 width: 100%;
6831 display: -webkit-box; 6831 display: -webkit-box;
6832 display: -ms-flexbox; 6832 display: -ms-flexbox;
6833 display: flex; 6833 display: flex;
6834 -webkit-box-orient: vertical; 6834 -webkit-box-orient: vertical;
6835 -webkit-box-direction: normal; 6835 -webkit-box-direction: normal;
6836 -ms-flex-direction: column; 6836 -ms-flex-direction: column;
6837 flex-direction: column; 6837 flex-direction: column;
6838 gap: 20px; 6838 gap: 20px;
6839 } 6839 }
6840 .responses__item { 6840 .responses__item {
6841 display: none; 6841 display: none;
6842 -webkit-box-orient: vertical; 6842 -webkit-box-orient: vertical;
6843 -webkit-box-direction: normal; 6843 -webkit-box-direction: normal;
6844 -ms-flex-direction: column; 6844 -ms-flex-direction: column;
6845 flex-direction: column; 6845 flex-direction: column;
6846 gap: 20px; 6846 gap: 20px;
6847 border-radius: 8px; 6847 border-radius: 8px;
6848 border: 1px solid #e7e7e7; 6848 border: 1px solid #e7e7e7;
6849 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6849 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6850 padding: 20px 10px; 6850 padding: 20px 10px;
6851 font-size: 12px; 6851 font-size: 12px;
6852 position: relative; 6852 position: relative;
6853 } 6853 }
6854 @media (min-width: 768px) { 6854 @media (min-width: 768px) {
6855 .responses__item { 6855 .responses__item {
6856 padding: 20px; 6856 padding: 20px;
6857 font-size: 16px; 6857 font-size: 16px;
6858 } 6858 }
6859 } 6859 }
6860 .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) { 6860 .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) {
6861 display: -webkit-box; 6861 display: -webkit-box;
6862 display: -ms-flexbox; 6862 display: -ms-flexbox;
6863 display: flex; 6863 display: flex;
6864 } 6864 }
6865 .responses__item-date { 6865 .responses__item-date {
6866 color: #000; 6866 color: #000;
6867 } 6867 }
6868 @media (min-width: 992px) { 6868 @media (min-width: 992px) {
6869 .responses__item-date { 6869 .responses__item-date {
6870 position: absolute; 6870 position: absolute;
6871 top: 20px; 6871 top: 20px;
6872 right: 20px; 6872 right: 20px;
6873 } 6873 }
6874 } 6874 }
6875 .responses__item-wrapper { 6875 .responses__item-wrapper {
6876 display: -webkit-box; 6876 display: -webkit-box;
6877 display: -ms-flexbox; 6877 display: -ms-flexbox;
6878 display: flex; 6878 display: flex;
6879 -webkit-box-orient: vertical; 6879 -webkit-box-orient: vertical;
6880 -webkit-box-direction: normal; 6880 -webkit-box-direction: normal;
6881 -ms-flex-direction: column; 6881 -ms-flex-direction: column;
6882 flex-direction: column; 6882 flex-direction: column;
6883 gap: 20px; 6883 gap: 20px;
6884 } 6884 }
6885 .responses__item-inner { 6885 .responses__item-inner {
6886 display: -webkit-box; 6886 display: -webkit-box;
6887 display: -ms-flexbox; 6887 display: -ms-flexbox;
6888 display: flex; 6888 display: flex;
6889 -webkit-box-orient: vertical; 6889 -webkit-box-orient: vertical;
6890 -webkit-box-direction: normal; 6890 -webkit-box-direction: normal;
6891 -ms-flex-direction: column; 6891 -ms-flex-direction: column;
6892 flex-direction: column; 6892 flex-direction: column;
6893 gap: 10px; 6893 gap: 10px;
6894 } 6894 }
6895 @media (min-width: 768px) { 6895 @media (min-width: 768px) {
6896 .responses__item-inner { 6896 .responses__item-inner {
6897 gap: 20px; 6897 gap: 20px;
6898 } 6898 }
6899 } 6899 }
6900 @media (min-width: 1280px) { 6900 @media (min-width: 1280px) {
6901 .responses__item-inner { 6901 .responses__item-inner {
6902 width: calc(100% - 150px); 6902 width: calc(100% - 150px);
6903 } 6903 }
6904 } 6904 }
6905 .responses__item-row { 6905 .responses__item-row {
6906 display: grid; 6906 display: grid;
6907 grid-template-columns: 1fr 1fr; 6907 grid-template-columns: 1fr 1fr;
6908 gap: 20px; 6908 gap: 20px;
6909 color: #000; 6909 color: #000;
6910 text-align: right; 6910 text-align: right;
6911 } 6911 }
6912 @media (min-width: 992px) { 6912 @media (min-width: 992px) {
6913 .responses__item-row { 6913 .responses__item-row {
6914 display: -webkit-box; 6914 display: -webkit-box;
6915 display: -ms-flexbox; 6915 display: -ms-flexbox;
6916 display: flex; 6916 display: flex;
6917 -webkit-box-orient: vertical; 6917 -webkit-box-orient: vertical;
6918 -webkit-box-direction: normal; 6918 -webkit-box-direction: normal;
6919 -ms-flex-direction: column; 6919 -ms-flex-direction: column;
6920 flex-direction: column; 6920 flex-direction: column;
6921 gap: 6px; 6921 gap: 6px;
6922 text-align: left; 6922 text-align: left;
6923 } 6923 }
6924 } 6924 }
6925 .responses__item-row span { 6925 .responses__item-row span {
6926 color: #000; 6926 color: #000;
6927 text-align: left; 6927 text-align: left;
6928 } 6928 }
6929 .responses__item-buttons { 6929 .responses__item-buttons {
6930 display: -webkit-box; 6930 display: -webkit-box;
6931 display: -ms-flexbox; 6931 display: -ms-flexbox;
6932 display: flex; 6932 display: flex;
6933 -webkit-box-orient: vertical; 6933 -webkit-box-orient: vertical;
6934 -webkit-box-direction: normal; 6934 -webkit-box-direction: normal;
6935 -ms-flex-direction: column; 6935 -ms-flex-direction: column;
6936 flex-direction: column; 6936 flex-direction: column;
6937 gap: 10px; 6937 gap: 10px;
6938 } 6938 }
6939 @media (min-width: 768px) { 6939 @media (min-width: 768px) {
6940 .responses__item-buttons { 6940 .responses__item-buttons {
6941 display: grid; 6941 display: grid;
6942 grid-template-columns: 1fr 1fr; 6942 grid-template-columns: 1fr 1fr;
6943 } 6943 }
6944 } 6944 }
6945 @media (min-width: 1280px) { 6945 @media (min-width: 1280px) {
6946 .responses__item-buttons { 6946 .responses__item-buttons {
6947 grid-template-columns: 1fr 1fr 1fr 1fr; 6947 grid-template-columns: 1fr 1fr 1fr 1fr;
6948 } 6948 }
6949 } 6949 }
6950 .responses__item-buttons .button.active { 6950 .responses__item-buttons .button.active {
6951 background: #377d87; 6951 background: #377d87;
6952 color: #fff; 6952 color: #fff;
6953 } 6953 }
6954 .responses.active .responses__item { 6954 .responses.active .responses__item {
6955 display: -webkit-box; 6955 display: -webkit-box;
6956 display: -ms-flexbox; 6956 display: -ms-flexbox;
6957 display: flex; 6957 display: flex;
6958 } 6958 }
6959 6959
6960 .chatbox { 6960 .chatbox {
6961 display: -webkit-box; 6961 display: -webkit-box;
6962 display: -ms-flexbox; 6962 display: -ms-flexbox;
6963 display: flex; 6963 display: flex;
6964 -webkit-box-orient: vertical; 6964 -webkit-box-orient: vertical;
6965 -webkit-box-direction: normal; 6965 -webkit-box-direction: normal;
6966 -ms-flex-direction: column; 6966 -ms-flex-direction: column;
6967 flex-direction: column; 6967 flex-direction: column;
6968 gap: 20px; 6968 gap: 20px;
6969 } 6969 }
6970 @media (min-width: 768px) { 6970 @media (min-width: 768px) {
6971 .chatbox { 6971 .chatbox {
6972 gap: 30px; 6972 gap: 30px;
6973 } 6973 }
6974 } 6974 }
6975 @media (min-width: 1280px) { 6975 @media (min-width: 1280px) {
6976 .chatbox { 6976 .chatbox {
6977 gap: 40px; 6977 gap: 40px;
6978 } 6978 }
6979 } 6979 }
6980 .chatbox__toper { 6980 .chatbox__toper {
6981 display: -webkit-box; 6981 display: -webkit-box;
6982 display: -ms-flexbox; 6982 display: -ms-flexbox;
6983 display: flex; 6983 display: flex;
6984 -webkit-box-orient: vertical; 6984 -webkit-box-orient: vertical;
6985 -webkit-box-direction: normal; 6985 -webkit-box-direction: normal;
6986 -ms-flex-direction: column; 6986 -ms-flex-direction: column;
6987 flex-direction: column; 6987 flex-direction: column;
6988 gap: 10px; 6988 gap: 10px;
6989 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6989 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6990 border: 1px solid #e7e7e7; 6990 border: 1px solid #e7e7e7;
6991 border-radius: 8px; 6991 border-radius: 8px;
6992 padding: 10px; 6992 padding: 10px;
6993 } 6993 }
6994 @media (min-width: 768px) { 6994 @media (min-width: 768px) {
6995 .chatbox__toper { 6995 .chatbox__toper {
6996 padding: 20px; 6996 padding: 20px;
6997 -webkit-box-orient: horizontal; 6997 -webkit-box-orient: horizontal;
6998 -webkit-box-direction: normal; 6998 -webkit-box-direction: normal;
6999 -ms-flex-direction: row; 6999 -ms-flex-direction: row;
7000 flex-direction: row; 7000 flex-direction: row;
7001 -webkit-box-align: center; 7001 -webkit-box-align: center;
7002 -ms-flex-align: center; 7002 -ms-flex-align: center;
7003 align-items: center; 7003 align-items: center;
7004 -webkit-box-pack: justify; 7004 -webkit-box-pack: justify;
7005 -ms-flex-pack: justify; 7005 -ms-flex-pack: justify;
7006 justify-content: space-between; 7006 justify-content: space-between;
7007 } 7007 }
7008 } 7008 }
7009 .chatbox__toper-info { 7009 .chatbox__toper-info {
7010 font-size: 12px; 7010 font-size: 12px;
7011 } 7011 }
7012 @media (min-width: 768px) { 7012 @media (min-width: 768px) {
7013 .chatbox__toper-info { 7013 .chatbox__toper-info {
7014 font-size: 16px; 7014 font-size: 16px;
7015 width: calc(100% - 230px); 7015 width: calc(100% - 230px);
7016 } 7016 }
7017 } 7017 }
7018 @media (min-width: 768px) { 7018 @media (min-width: 768px) {
7019 .chatbox__toper-button { 7019 .chatbox__toper-button {
7020 width: 210px; 7020 width: 210px;
7021 padding: 0; 7021 padding: 0;
7022 } 7022 }
7023 } 7023 }
7024 .chatbox__list { 7024 .chatbox__list {
7025 display: -webkit-box; 7025 display: -webkit-box;
7026 display: -ms-flexbox; 7026 display: -ms-flexbox;
7027 display: flex; 7027 display: flex;
7028 -webkit-box-orient: vertical; 7028 -webkit-box-orient: vertical;
7029 -webkit-box-direction: normal; 7029 -webkit-box-direction: normal;
7030 -ms-flex-direction: column; 7030 -ms-flex-direction: column;
7031 flex-direction: column; 7031 flex-direction: column;
7032 gap: 10px; 7032 gap: 10px;
7033 } 7033 }
7034 @media (min-width: 768px) { 7034 @media (min-width: 768px) {
7035 .chatbox__list { 7035 .chatbox__list {
7036 gap: 20px; 7036 gap: 20px;
7037 } 7037 }
7038 } 7038 }
7039 @media (min-width: 1280px) { 7039 @media (min-width: 1280px) {
7040 .chatbox__list { 7040 .chatbox__list {
7041 gap: 40px; 7041 gap: 40px;
7042 } 7042 }
7043 } 7043 }
7044 .chatbox__item { 7044 .chatbox__item {
7045 display: -webkit-box; 7045 display: -webkit-box;
7046 display: -ms-flexbox; 7046 display: -ms-flexbox;
7047 display: flex; 7047 display: flex;
7048 -webkit-box-align: start; 7048 -webkit-box-align: start;
7049 -ms-flex-align: start; 7049 -ms-flex-align: start;
7050 align-items: flex-start; 7050 align-items: flex-start;
7051 -webkit-box-pack: justify; 7051 -webkit-box-pack: justify;
7052 -ms-flex-pack: justify; 7052 -ms-flex-pack: justify;
7053 justify-content: space-between; 7053 justify-content: space-between;
7054 -ms-flex-wrap: wrap; 7054 -ms-flex-wrap: wrap;
7055 flex-wrap: wrap; 7055 flex-wrap: wrap;
7056 color: #000; 7056 color: #000;
7057 font-size: 12px; 7057 font-size: 12px;
7058 } 7058 }
7059 @media (min-width: 768px) { 7059 @media (min-width: 768px) {
7060 .chatbox__item { 7060 .chatbox__item {
7061 font-size: 16px; 7061 font-size: 16px;
7062 } 7062 }
7063 } 7063 }
7064 .chatbox__item_reverse { 7064 .chatbox__item_reverse {
7065 -webkit-box-orient: horizontal; 7065 -webkit-box-orient: horizontal;
7066 -webkit-box-direction: reverse; 7066 -webkit-box-direction: reverse;
7067 -ms-flex-direction: row-reverse; 7067 -ms-flex-direction: row-reverse;
7068 flex-direction: row-reverse; 7068 flex-direction: row-reverse;
7069 } 7069 }
7070 .chatbox__item-photo { 7070 .chatbox__item-photo {
7071 position: relative; 7071 position: relative;
7072 aspect-ratio: 1/1; 7072 aspect-ratio: 1/1;
7073 overflow: hidden; 7073 overflow: hidden;
7074 background: #9c9d9d; 7074 background: #9c9d9d;
7075 color: #fff; 7075 color: #fff;
7076 width: 44px; 7076 width: 44px;
7077 border-radius: 6px; 7077 border-radius: 6px;
7078 display: -webkit-box; 7078 display: -webkit-box;
7079 display: -ms-flexbox; 7079 display: -ms-flexbox;
7080 display: flex; 7080 display: flex;
7081 -webkit-box-pack: center; 7081 -webkit-box-pack: center;
7082 -ms-flex-pack: center; 7082 -ms-flex-pack: center;
7083 justify-content: center; 7083 justify-content: center;
7084 -webkit-box-align: center; 7084 -webkit-box-align: center;
7085 -ms-flex-align: center; 7085 -ms-flex-align: center;
7086 align-items: center; 7086 align-items: center;
7087 } 7087 }
7088 .chatbox__item-photo svg { 7088 .chatbox__item-photo svg {
7089 width: 50%; 7089 width: 50%;
7090 position: relative; 7090 position: relative;
7091 z-index: 1; 7091 z-index: 1;
7092 } 7092 }
7093 .chatbox__item-photo img { 7093 .chatbox__item-photo img {
7094 position: absolute; 7094 position: absolute;
7095 z-index: 2; 7095 z-index: 2;
7096 top: 0; 7096 top: 0;
7097 left: 0; 7097 left: 0;
7098 width: 100%; 7098 width: 100%;
7099 height: 100%; 7099 height: 100%;
7100 -o-object-fit: cover; 7100 -o-object-fit: cover;
7101 object-fit: cover; 7101 object-fit: cover;
7102 } 7102 }
7103 .chatbox__item-body { 7103 .chatbox__item-body {
7104 width: calc(100% - 54px); 7104 width: calc(100% - 54px);
7105 display: -webkit-box; 7105 display: -webkit-box;
7106 display: -ms-flexbox; 7106 display: -ms-flexbox;
7107 display: flex; 7107 display: flex;
7108 -webkit-box-orient: vertical; 7108 -webkit-box-orient: vertical;
7109 -webkit-box-direction: normal; 7109 -webkit-box-direction: normal;
7110 -ms-flex-direction: column; 7110 -ms-flex-direction: column;
7111 flex-direction: column; 7111 flex-direction: column;
7112 -webkit-box-align: start; 7112 -webkit-box-align: start;
7113 -ms-flex-align: start; 7113 -ms-flex-align: start;
7114 align-items: flex-start; 7114 align-items: flex-start;
7115 } 7115 }
7116 @media (min-width: 768px) { 7116 @media (min-width: 768px) {
7117 .chatbox__item-body { 7117 .chatbox__item-body {
7118 width: calc(100% - 60px); 7118 width: calc(100% - 60px);
7119 } 7119 }
7120 } 7120 }
7121 .chatbox__item_reverse .chatbox__item-body { 7121 .chatbox__item_reverse .chatbox__item-body {
7122 -webkit-box-align: end; 7122 -webkit-box-align: end;
7123 -ms-flex-align: end; 7123 -ms-flex-align: end;
7124 align-items: flex-end; 7124 align-items: flex-end;
7125 } 7125 }
7126 .chatbox__item-text { 7126 .chatbox__item-text {
7127 border-radius: 8px; 7127 border-radius: 8px;
7128 background: #fff; 7128 background: #fff;
7129 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7129 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7130 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7130 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7131 padding: 10px; 7131 padding: 10px;
7132 line-height: 1.6; 7132 line-height: 1.6;
7133 } 7133 }
7134 .chatbox__item-time { 7134 .chatbox__item-time {
7135 width: 100%; 7135 width: 100%;
7136 padding-left: 54px; 7136 padding-left: 54px;
7137 margin-top: 10px; 7137 margin-top: 10px;
7138 color: #9c9d9d; 7138 color: #9c9d9d;
7139 } 7139 }
7140 .chatbox__item_reverse .chatbox__item-time { 7140 .chatbox__item_reverse .chatbox__item-time {
7141 text-align: right; 7141 text-align: right;
7142 } 7142 }
7143 .chatbox__bottom { 7143 .chatbox__bottom {
7144 background: #4d88d9; 7144 background: #4d88d9;
7145 padding: 10px; 7145 padding: 10px;
7146 border-radius: 8px; 7146 border-radius: 8px;
7147 display: -webkit-box; 7147 display: -webkit-box;
7148 display: -ms-flexbox; 7148 display: -ms-flexbox;
7149 display: flex; 7149 display: flex;
7150 -webkit-box-align: center; 7150 -webkit-box-align: center;
7151 -ms-flex-align: center; 7151 -ms-flex-align: center;
7152 align-items: center; 7152 align-items: center;
7153 -webkit-box-pack: justify; 7153 -webkit-box-pack: justify;
7154 -ms-flex-pack: justify; 7154 -ms-flex-pack: justify;
7155 justify-content: space-between; 7155 justify-content: space-between;
7156 } 7156 }
7157 @media (min-width: 768px) { 7157 @media (min-width: 768px) {
7158 .chatbox__bottom { 7158 .chatbox__bottom {
7159 padding: 16px 20px; 7159 padding: 16px 20px;
7160 } 7160 }
7161 } 7161 }
7162 .chatbox__bottom-file { 7162 .chatbox__bottom-file {
7163 width: 20px; 7163 width: 20px;
7164 aspect-ratio: 1/1; 7164 aspect-ratio: 1/1;
7165 display: -webkit-box; 7165 display: -webkit-box;
7166 display: -ms-flexbox; 7166 display: -ms-flexbox;
7167 display: flex; 7167 display: flex;
7168 -webkit-box-pack: center; 7168 -webkit-box-pack: center;
7169 -ms-flex-pack: center; 7169 -ms-flex-pack: center;
7170 justify-content: center; 7170 justify-content: center;
7171 -webkit-box-align: center; 7171 -webkit-box-align: center;
7172 -ms-flex-align: center; 7172 -ms-flex-align: center;
7173 align-items: center; 7173 align-items: center;
7174 background: #fff; 7174 background: #fff;
7175 color: #4d88d9; 7175 color: #4d88d9;
7176 border-radius: 8px; 7176 border-radius: 8px;
7177 } 7177 }
7178 @media (min-width: 768px) { 7178 @media (min-width: 768px) {
7179 .chatbox__bottom-file { 7179 .chatbox__bottom-file {
7180 width: 48px; 7180 width: 48px;
7181 } 7181 }
7182 } 7182 }
7183 .chatbox__bottom-file:hover { 7183 .chatbox__bottom-file:hover {
7184 color: #377d87; 7184 color: #377d87;
7185 } 7185 }
7186 .chatbox__bottom-file input { 7186 .chatbox__bottom-file input {
7187 display: none; 7187 display: none;
7188 } 7188 }
7189 .chatbox__bottom-file svg { 7189 .chatbox__bottom-file svg {
7190 width: 50%; 7190 width: 50%;
7191 aspect-ratio: 1/1; 7191 aspect-ratio: 1/1;
7192 } 7192 }
7193 @media (min-width: 768px) { 7193 @media (min-width: 768px) {
7194 .chatbox__bottom-file svg { 7194 .chatbox__bottom-file svg {
7195 width: 40%; 7195 width: 40%;
7196 } 7196 }
7197 } 7197 }
7198 .chatbox__bottom-text { 7198 .chatbox__bottom-text {
7199 width: calc(100% - 60px); 7199 width: calc(100% - 60px);
7200 height: 20px; 7200 height: 20px;
7201 border-color: #fff; 7201 border-color: #fff;
7202 } 7202 }
7203 @media (min-width: 768px) { 7203 @media (min-width: 768px) {
7204 .chatbox__bottom-text { 7204 .chatbox__bottom-text {
7205 width: calc(100% - 128px); 7205 width: calc(100% - 128px);
7206 height: 48px; 7206 height: 48px;
7207 } 7207 }
7208 } 7208 }
7209 .chatbox__bottom-text:focus { 7209 .chatbox__bottom-text:focus {
7210 border-color: #fff; 7210 border-color: #fff;
7211 } 7211 }
7212 .chatbox__bottom-send { 7212 .chatbox__bottom-send {
7213 width: 20px; 7213 width: 20px;
7214 aspect-ratio: 1/1; 7214 aspect-ratio: 1/1;
7215 display: -webkit-box; 7215 display: -webkit-box;
7216 display: -ms-flexbox; 7216 display: -ms-flexbox;
7217 display: flex; 7217 display: flex;
7218 -webkit-box-pack: center; 7218 -webkit-box-pack: center;
7219 -ms-flex-pack: center; 7219 -ms-flex-pack: center;
7220 justify-content: center; 7220 justify-content: center;
7221 -webkit-box-align: center; 7221 -webkit-box-align: center;
7222 -ms-flex-align: center; 7222 -ms-flex-align: center;
7223 align-items: center; 7223 align-items: center;
7224 padding: 0; 7224 padding: 0;
7225 background: #fff; 7225 background: #fff;
7226 border: none; 7226 border: none;
7227 color: #4d88d9; 7227 color: #4d88d9;
7228 border-radius: 999px; 7228 border-radius: 999px;
7229 } 7229 }
7230 @media (min-width: 768px) { 7230 @media (min-width: 768px) {
7231 .chatbox__bottom-send { 7231 .chatbox__bottom-send {
7232 width: 48px; 7232 width: 48px;
7233 } 7233 }
7234 } 7234 }
7235 .chatbox__bottom-send:hover { 7235 .chatbox__bottom-send:hover {
7236 color: #377d87; 7236 color: #377d87;
7237 } 7237 }
7238 .chatbox__bottom-send svg { 7238 .chatbox__bottom-send svg {
7239 width: 50%; 7239 width: 50%;
7240 aspect-ratio: 1/1; 7240 aspect-ratio: 1/1;
7241 position: relative; 7241 position: relative;
7242 left: 1px; 7242 left: 1px;
7243 } 7243 }
7244 @media (min-width: 768px) { 7244 @media (min-width: 768px) {
7245 .chatbox__bottom-send svg { 7245 .chatbox__bottom-send svg {
7246 width: 40%; 7246 width: 40%;
7247 left: 2px; 7247 left: 2px;
7248 } 7248 }
7249 } 7249 }
7250 7250
7251 .cvs { 7251 .cvs {
7252 display: -webkit-box; 7252 display: -webkit-box;
7253 display: -ms-flexbox; 7253 display: -ms-flexbox;
7254 display: flex; 7254 display: flex;
7255 -webkit-box-orient: vertical; 7255 -webkit-box-orient: vertical;
7256 -webkit-box-direction: reverse; 7256 -webkit-box-direction: reverse;
7257 -ms-flex-direction: column-reverse; 7257 -ms-flex-direction: column-reverse;
7258 flex-direction: column-reverse; 7258 flex-direction: column-reverse;
7259 -webkit-box-align: center; 7259 -webkit-box-align: center;
7260 -ms-flex-align: center; 7260 -ms-flex-align: center;
7261 align-items: center; 7261 align-items: center;
7262 gap: 20px; 7262 gap: 20px;
7263 } 7263 }
7264 .cvs__body { 7264 .cvs__body {
7265 display: -webkit-box; 7265 display: -webkit-box;
7266 display: -ms-flexbox; 7266 display: -ms-flexbox;
7267 display: flex; 7267 display: flex;
7268 -webkit-box-orient: vertical; 7268 -webkit-box-orient: vertical;
7269 -webkit-box-direction: normal; 7269 -webkit-box-direction: normal;
7270 -ms-flex-direction: column; 7270 -ms-flex-direction: column;
7271 flex-direction: column; 7271 flex-direction: column;
7272 gap: 20px; 7272 gap: 20px;
7273 width: 100%; 7273 width: 100%;
7274 } 7274 }
7275 @media (min-width: 768px) { 7275 @media (min-width: 768px) {
7276 .cvs__body { 7276 .cvs__body {
7277 gap: 30px; 7277 gap: 30px;
7278 } 7278 }
7279 } 7279 }
7280 .cvs__item { 7280 .cvs__item {
7281 display: none; 7281 display: none;
7282 -webkit-box-orient: vertical; 7282 -webkit-box-orient: vertical;
7283 -webkit-box-direction: normal; 7283 -webkit-box-direction: normal;
7284 -ms-flex-direction: column; 7284 -ms-flex-direction: column;
7285 flex-direction: column; 7285 flex-direction: column;
7286 gap: 10px; 7286 gap: 10px;
7287 border-radius: 8px; 7287 border-radius: 8px;
7288 border: 1px solid #e7e7e7; 7288 border: 1px solid #e7e7e7;
7289 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7289 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7290 padding: 10px; 7290 padding: 10px;
7291 font-size: 12px; 7291 font-size: 12px;
7292 position: relative; 7292 position: relative;
7293 } 7293 }
7294 @media (min-width: 768px) { 7294 @media (min-width: 768px) {
7295 .cvs__item { 7295 .cvs__item {
7296 gap: 0; 7296 gap: 0;
7297 padding: 20px; 7297 padding: 20px;
7298 font-size: 16px; 7298 font-size: 16px;
7299 -webkit-box-orient: horizontal; 7299 -webkit-box-orient: horizontal;
7300 -webkit-box-direction: normal; 7300 -webkit-box-direction: normal;
7301 -ms-flex-direction: row; 7301 -ms-flex-direction: row;
7302 flex-direction: row; 7302 flex-direction: row;
7303 -webkit-box-align: start; 7303 -webkit-box-align: start;
7304 -ms-flex-align: start; 7304 -ms-flex-align: start;
7305 align-items: flex-start; 7305 align-items: flex-start;
7306 -ms-flex-wrap: wrap; 7306 -ms-flex-wrap: wrap;
7307 flex-wrap: wrap; 7307 flex-wrap: wrap;
7308 } 7308 }
7309 } 7309 }
7310 .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) { 7310 .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) {
7311 display: -webkit-box; 7311 display: -webkit-box;
7312 display: -ms-flexbox; 7312 display: -ms-flexbox;
7313 display: flex; 7313 display: flex;
7314 } 7314 }
7315 .cvs__item-like { 7315 .cvs__item-like {
7316 position: absolute; 7316 position: absolute;
7317 top: 10px; 7317 top: 10px;
7318 right: 10px; 7318 right: 10px;
7319 } 7319 }
7320 @media (min-width: 768px) { 7320 @media (min-width: 768px) {
7321 .cvs__item-like { 7321 .cvs__item-like {
7322 top: 20px; 7322 top: 20px;
7323 right: 20px; 7323 right: 20px;
7324 } 7324 }
7325 } 7325 }
7326 .cvs__item-photo { 7326 .cvs__item-photo {
7327 position: relative; 7327 position: relative;
7328 aspect-ratio: 1/1; 7328 aspect-ratio: 1/1;
7329 overflow: hidden; 7329 overflow: hidden;
7330 background: #9c9d9d; 7330 background: #9c9d9d;
7331 color: #fff; 7331 color: #fff;
7332 width: 36px; 7332 width: 36px;
7333 border-radius: 6px; 7333 border-radius: 6px;
7334 display: -webkit-box; 7334 display: -webkit-box;
7335 display: -ms-flexbox; 7335 display: -ms-flexbox;
7336 display: flex; 7336 display: flex;
7337 -webkit-box-pack: center; 7337 -webkit-box-pack: center;
7338 -ms-flex-pack: center; 7338 -ms-flex-pack: center;
7339 justify-content: center; 7339 justify-content: center;
7340 -webkit-box-align: center; 7340 -webkit-box-align: center;
7341 -ms-flex-align: center; 7341 -ms-flex-align: center;
7342 align-items: center; 7342 align-items: center;
7343 } 7343 }
7344 @media (min-width: 768px) { 7344 @media (min-width: 768px) {
7345 .cvs__item-photo { 7345 .cvs__item-photo {
7346 width: 68px; 7346 width: 68px;
7347 } 7347 }
7348 } 7348 }
7349 .cvs__item-photo svg { 7349 .cvs__item-photo svg {
7350 width: 50%; 7350 width: 50%;
7351 position: relative; 7351 position: relative;
7352 z-index: 1; 7352 z-index: 1;
7353 } 7353 }
7354 .cvs__item-photo img { 7354 .cvs__item-photo img {
7355 position: absolute; 7355 position: absolute;
7356 z-index: 2; 7356 z-index: 2;
7357 top: 0; 7357 top: 0;
7358 left: 0; 7358 left: 0;
7359 width: 100%; 7359 width: 100%;
7360 height: 100%; 7360 height: 100%;
7361 -o-object-fit: cover; 7361 -o-object-fit: cover;
7362 object-fit: cover; 7362 object-fit: cover;
7363 } 7363 }
7364 .cvs__item-text { 7364 .cvs__item-text {
7365 display: -webkit-box; 7365 display: -webkit-box;
7366 display: -ms-flexbox; 7366 display: -ms-flexbox;
7367 display: flex; 7367 display: flex;
7368 -webkit-box-orient: vertical; 7368 -webkit-box-orient: vertical;
7369 -webkit-box-direction: normal; 7369 -webkit-box-direction: normal;
7370 -ms-flex-direction: column; 7370 -ms-flex-direction: column;
7371 flex-direction: column; 7371 flex-direction: column;
7372 gap: 10px; 7372 gap: 10px;
7373 } 7373 }
7374 @media (min-width: 768px) { 7374 @media (min-width: 768px) {
7375 .cvs__item-text { 7375 .cvs__item-text {
7376 gap: 20px; 7376 gap: 20px;
7377 width: calc(100% - 68px); 7377 width: calc(100% - 68px);
7378 padding-left: 20px; 7378 padding-left: 20px;
7379 padding-right: 60px; 7379 padding-right: 60px;
7380 } 7380 }
7381 } 7381 }
7382 .cvs__item-text div { 7382 .cvs__item-text div {
7383 display: -webkit-box; 7383 display: -webkit-box;
7384 display: -ms-flexbox; 7384 display: -ms-flexbox;
7385 display: flex; 7385 display: flex;
7386 -webkit-box-align: center; 7386 -webkit-box-align: center;
7387 -ms-flex-align: center; 7387 -ms-flex-align: center;
7388 align-items: center; 7388 align-items: center;
7389 -webkit-box-pack: justify; 7389 -webkit-box-pack: justify;
7390 -ms-flex-pack: justify; 7390 -ms-flex-pack: justify;
7391 justify-content: space-between; 7391 justify-content: space-between;
7392 } 7392 }
7393 @media (min-width: 768px) { 7393 @media (min-width: 768px) {
7394 .cvs__item-text div { 7394 .cvs__item-text div {
7395 -webkit-box-orient: vertical; 7395 -webkit-box-orient: vertical;
7396 -webkit-box-direction: normal; 7396 -webkit-box-direction: normal;
7397 -ms-flex-direction: column; 7397 -ms-flex-direction: column;
7398 flex-direction: column; 7398 flex-direction: column;
7399 -webkit-box-pack: start; 7399 -webkit-box-pack: start;
7400 -ms-flex-pack: start; 7400 -ms-flex-pack: start;
7401 justify-content: flex-start; 7401 justify-content: flex-start;
7402 -webkit-box-align: start; 7402 -webkit-box-align: start;
7403 -ms-flex-align: start; 7403 -ms-flex-align: start;
7404 align-items: flex-start; 7404 align-items: flex-start;
7405 } 7405 }
7406 } 7406 }
7407 .cvs__item-text span, 7407 .cvs__item-text span,
7408 .cvs__item-text a { 7408 .cvs__item-text a {
7409 color: #000; 7409 color: #000;
7410 } 7410 }
7411 .cvs__item-button { 7411 .cvs__item-button {
7412 display: -webkit-box; 7412 display: -webkit-box;
7413 display: -ms-flexbox; 7413 display: -ms-flexbox;
7414 display: flex; 7414 display: flex;
7415 -webkit-box-orient: vertical; 7415 -webkit-box-orient: vertical;
7416 -webkit-box-direction: normal; 7416 -webkit-box-direction: normal;
7417 -ms-flex-direction: column; 7417 -ms-flex-direction: column;
7418 flex-direction: column; 7418 flex-direction: column;
7419 -webkit-box-align: center; 7419 -webkit-box-align: center;
7420 -ms-flex-align: center; 7420 -ms-flex-align: center;
7421 align-items: center; 7421 align-items: center;
7422 } 7422 }
7423 @media (min-width: 768px) { 7423 @media (min-width: 768px) {
7424 .cvs__item-button { 7424 .cvs__item-button {
7425 -webkit-box-align: end; 7425 -webkit-box-align: end;
7426 -ms-flex-align: end; 7426 -ms-flex-align: end;
7427 align-items: flex-end; 7427 align-items: flex-end;
7428 width: 100%; 7428 width: 100%;
7429 padding-top: 20px; 7429 padding-top: 20px;
7430 } 7430 }
7431 } 7431 }
7432 .cvs.active .cvs__item { 7432 .cvs.active .cvs__item {
7433 display: -webkit-box; 7433 display: -webkit-box;
7434 display: -ms-flexbox; 7434 display: -ms-flexbox;
7435 display: flex; 7435 display: flex;
7436 } 7436 }
7437 7437
7438 .faqs { 7438 .faqs {
7439 display: -webkit-box; 7439 display: -webkit-box;
7440 display: -ms-flexbox; 7440 display: -ms-flexbox;
7441 display: flex; 7441 display: flex;
7442 -webkit-box-orient: vertical; 7442 -webkit-box-orient: vertical;
7443 -webkit-box-direction: reverse; 7443 -webkit-box-direction: reverse;
7444 -ms-flex-direction: column-reverse; 7444 -ms-flex-direction: column-reverse;
7445 flex-direction: column-reverse; 7445 flex-direction: column-reverse;
7446 -webkit-box-align: center; 7446 -webkit-box-align: center;
7447 -ms-flex-align: center; 7447 -ms-flex-align: center;
7448 align-items: center; 7448 align-items: center;
7449 gap: 20px; 7449 gap: 20px;
7450 } 7450 }
7451 .faqs__body { 7451 .faqs__body {
7452 display: -webkit-box; 7452 display: -webkit-box;
7453 display: -ms-flexbox; 7453 display: -ms-flexbox;
7454 display: flex; 7454 display: flex;
7455 -webkit-box-orient: vertical; 7455 -webkit-box-orient: vertical;
7456 -webkit-box-direction: normal; 7456 -webkit-box-direction: normal;
7457 -ms-flex-direction: column; 7457 -ms-flex-direction: column;
7458 flex-direction: column; 7458 flex-direction: column;
7459 gap: 20px; 7459 gap: 20px;
7460 width: 100%; 7460 width: 100%;
7461 } 7461 }
7462 .faqs__item { 7462 .faqs__item {
7463 display: none; 7463 display: none;
7464 -webkit-box-orient: vertical; 7464 -webkit-box-orient: vertical;
7465 -webkit-box-direction: normal; 7465 -webkit-box-direction: normal;
7466 -ms-flex-direction: column; 7466 -ms-flex-direction: column;
7467 flex-direction: column; 7467 flex-direction: column;
7468 border-radius: 8px; 7468 border-radius: 8px;
7469 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7469 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7470 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7470 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7471 background: #fff; 7471 background: #fff;
7472 padding: 10px; 7472 padding: 10px;
7473 font-size: 12px; 7473 font-size: 12px;
7474 } 7474 }
7475 @media (min-width: 768px) { 7475 @media (min-width: 768px) {
7476 .faqs__item { 7476 .faqs__item {
7477 padding: 20px; 7477 padding: 20px;
7478 font-size: 16px; 7478 font-size: 16px;
7479 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7479 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7480 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7480 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7481 } 7481 }
7482 } 7482 }
7483 .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) { 7483 .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) {
7484 display: -webkit-box; 7484 display: -webkit-box;
7485 display: -ms-flexbox; 7485 display: -ms-flexbox;
7486 display: flex; 7486 display: flex;
7487 } 7487 }
7488 .faqs__item-button { 7488 .faqs__item-button {
7489 background: none; 7489 background: none;
7490 padding: 0; 7490 padding: 0;
7491 border: none; 7491 border: none;
7492 display: -webkit-box; 7492 display: -webkit-box;
7493 display: -ms-flexbox; 7493 display: -ms-flexbox;
7494 display: flex; 7494 display: flex;
7495 -webkit-box-align: center; 7495 -webkit-box-align: center;
7496 -ms-flex-align: center; 7496 -ms-flex-align: center;
7497 align-items: center; 7497 align-items: center;
7498 color: #000; 7498 color: #000;
7499 text-align: left; 7499 text-align: left;
7500 font-size: 14px; 7500 font-size: 14px;
7501 font-weight: 700; 7501 font-weight: 700;
7502 } 7502 }
7503 @media (min-width: 768px) { 7503 @media (min-width: 768px) {
7504 .faqs__item-button { 7504 .faqs__item-button {
7505 font-size: 20px; 7505 font-size: 20px;
7506 } 7506 }
7507 } 7507 }
7508 .faqs__item-button span { 7508 .faqs__item-button span {
7509 width: calc(100% - 16px); 7509 width: calc(100% - 16px);
7510 padding-right: 16px; 7510 padding-right: 16px;
7511 } 7511 }
7512 .faqs__item-button i { 7512 .faqs__item-button i {
7513 display: -webkit-box; 7513 display: -webkit-box;
7514 display: -ms-flexbox; 7514 display: -ms-flexbox;
7515 display: flex; 7515 display: flex;
7516 -webkit-box-pack: center; 7516 -webkit-box-pack: center;
7517 -ms-flex-pack: center; 7517 -ms-flex-pack: center;
7518 justify-content: center; 7518 justify-content: center;
7519 -webkit-box-align: center; 7519 -webkit-box-align: center;
7520 -ms-flex-align: center; 7520 -ms-flex-align: center;
7521 align-items: center; 7521 align-items: center;
7522 width: 16px; 7522 width: 16px;
7523 aspect-ratio: 1/1; 7523 aspect-ratio: 1/1;
7524 color: #377d87; 7524 color: #377d87;
7525 -webkit-transition: 0.3s; 7525 -webkit-transition: 0.3s;
7526 transition: 0.3s; 7526 transition: 0.3s;
7527 } 7527 }
7528 .faqs__item-button i svg { 7528 .faqs__item-button i svg {
7529 width: 16px; 7529 width: 16px;
7530 aspect-ratio: 1/1; 7530 aspect-ratio: 1/1;
7531 -webkit-transform: rotate(90deg); 7531 -webkit-transform: rotate(90deg);
7532 -ms-transform: rotate(90deg); 7532 -ms-transform: rotate(90deg);
7533 transform: rotate(90deg); 7533 transform: rotate(90deg);
7534 } 7534 }
7535 .faqs__item-button.active i { 7535 .faqs__item-button.active i {
7536 -webkit-transform: rotate(180deg); 7536 -webkit-transform: rotate(180deg);
7537 -ms-transform: rotate(180deg); 7537 -ms-transform: rotate(180deg);
7538 transform: rotate(180deg); 7538 transform: rotate(180deg);
7539 } 7539 }
7540 .faqs__item-body { 7540 .faqs__item-body {
7541 display: -webkit-box; 7541 display: -webkit-box;
7542 display: -ms-flexbox; 7542 display: -ms-flexbox;
7543 display: flex; 7543 display: flex;
7544 -webkit-box-orient: vertical; 7544 -webkit-box-orient: vertical;
7545 -webkit-box-direction: normal; 7545 -webkit-box-direction: normal;
7546 -ms-flex-direction: column; 7546 -ms-flex-direction: column;
7547 flex-direction: column; 7547 flex-direction: column;
7548 gap: 10px; 7548 gap: 10px;
7549 opacity: 0; 7549 opacity: 0;
7550 height: 0; 7550 height: 0;
7551 overflow: hidden; 7551 overflow: hidden;
7552 font-size: 12px; 7552 font-size: 12px;
7553 line-height: 1.4; 7553 line-height: 1.4;
7554 } 7554 }
7555 @media (min-width: 768px) { 7555 @media (min-width: 768px) {
7556 .faqs__item-body { 7556 .faqs__item-body {
7557 font-size: 16px; 7557 font-size: 16px;
7558 gap: 20px; 7558 gap: 20px;
7559 } 7559 }
7560 } 7560 }
7561 .faqs__item-body p { 7561 .faqs__item-body p {
7562 margin: 0; 7562 margin: 0;
7563 } 7563 }
7564 .active + .faqs__item-body { 7564 .active + .faqs__item-body {
7565 opacity: 1; 7565 opacity: 1;
7566 height: auto; 7566 height: auto;
7567 -webkit-transition: 0.3s; 7567 -webkit-transition: 0.3s;
7568 transition: 0.3s; 7568 transition: 0.3s;
7569 padding-top: 10px; 7569 padding-top: 10px;
7570 } 7570 }
7571 @media (min-width: 768px) { 7571 @media (min-width: 768px) {
7572 .active + .faqs__item-body { 7572 .active + .faqs__item-body {
7573 padding-top: 20px; 7573 padding-top: 20px;
7574 } 7574 }
7575 } 7575 }
7576 .faqs.active .faqs__item { 7576 .faqs.active .faqs__item {
7577 display: -webkit-box; 7577 display: -webkit-box;
7578 display: -ms-flexbox; 7578 display: -ms-flexbox;
7579 display: flex; 7579 display: flex;
7580 } 7580 }
7581 7581
7582 .cabinet { 7582 .cabinet {
7583 padding: 20px 0; 7583 padding: 20px 0;
7584 padding-bottom: 40px; 7584 padding-bottom: 40px;
7585 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7585 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7586 } 7586 }
7587 @media (min-width: 992px) { 7587 @media (min-width: 992px) {
7588 .cabinet { 7588 .cabinet {
7589 padding: 30px 0; 7589 padding: 30px 0;
7590 padding-bottom: 60px; 7590 padding-bottom: 60px;
7591 } 7591 }
7592 } 7592 }
7593 .cabinet__breadcrumbs { 7593 .cabinet__breadcrumbs {
7594 margin-bottom: 50px; 7594 margin-bottom: 50px;
7595 } 7595 }
7596 .cabinet__wrapper { 7596 .cabinet__wrapper {
7597 display: -webkit-box; 7597 display: -webkit-box;
7598 display: -ms-flexbox; 7598 display: -ms-flexbox;
7599 display: flex; 7599 display: flex;
7600 -webkit-box-orient: vertical; 7600 -webkit-box-orient: vertical;
7601 -webkit-box-direction: normal; 7601 -webkit-box-direction: normal;
7602 -ms-flex-direction: column; 7602 -ms-flex-direction: column;
7603 flex-direction: column; 7603 flex-direction: column;
7604 } 7604 }
7605 @media (min-width: 992px) { 7605 @media (min-width: 992px) {
7606 .cabinet__wrapper { 7606 .cabinet__wrapper {
7607 -webkit-box-orient: horizontal; 7607 -webkit-box-orient: horizontal;
7608 -webkit-box-direction: normal; 7608 -webkit-box-direction: normal;
7609 -ms-flex-direction: row; 7609 -ms-flex-direction: row;
7610 flex-direction: row; 7610 flex-direction: row;
7611 -webkit-box-align: start; 7611 -webkit-box-align: start;
7612 -ms-flex-align: start; 7612 -ms-flex-align: start;
7613 align-items: flex-start; 7613 align-items: flex-start;
7614 -webkit-box-pack: justify; 7614 -webkit-box-pack: justify;
7615 -ms-flex-pack: justify; 7615 -ms-flex-pack: justify;
7616 justify-content: space-between; 7616 justify-content: space-between;
7617 } 7617 }
7618 } 7618 }
7619 .cabinet__side { 7619 .cabinet__side {
7620 border-radius: 8px; 7620 border-radius: 8px;
7621 background: #fff; 7621 background: #fff;
7622 padding: 20px 10px; 7622 padding: 20px 10px;
7623 display: -webkit-box; 7623 display: -webkit-box;
7624 display: -ms-flexbox; 7624 display: -ms-flexbox;
7625 display: flex; 7625 display: flex;
7626 -webkit-box-orient: vertical; 7626 -webkit-box-orient: vertical;
7627 -webkit-box-direction: normal; 7627 -webkit-box-direction: normal;
7628 -ms-flex-direction: column; 7628 -ms-flex-direction: column;
7629 flex-direction: column; 7629 flex-direction: column;
7630 gap: 30px; 7630 gap: 30px;
7631 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7631 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7632 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7632 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7633 } 7633 }
7634 @media (min-width: 768px) { 7634 @media (min-width: 768px) {
7635 .cabinet__side { 7635 .cabinet__side {
7636 padding: 30px 20px; 7636 padding: 30px 20px;
7637 margin-bottom: 50px; 7637 margin-bottom: 50px;
7638 } 7638 }
7639 } 7639 }
7640 @media (min-width: 992px) { 7640 @media (min-width: 992px) {
7641 .cabinet__side { 7641 .cabinet__side {
7642 width: 340px; 7642 width: 340px;
7643 margin: 0; 7643 margin: 0;
7644 position: sticky; 7644 position: sticky;
7645 top: 6px; 7645 top: 6px;
7646 } 7646 }
7647 } 7647 }
7648 @media (min-width: 1280px) { 7648 @media (min-width: 1280px) {
7649 .cabinet__side { 7649 .cabinet__side {
7650 width: 400px; 7650 width: 400px;
7651 } 7651 }
7652 } 7652 }
7653 .cabinet__side-item { 7653 .cabinet__side-item {
7654 display: -webkit-box; 7654 display: -webkit-box;
7655 display: -ms-flexbox; 7655 display: -ms-flexbox;
7656 display: flex; 7656 display: flex;
7657 -webkit-box-orient: vertical; 7657 -webkit-box-orient: vertical;
7658 -webkit-box-direction: normal; 7658 -webkit-box-direction: normal;
7659 -ms-flex-direction: column; 7659 -ms-flex-direction: column;
7660 flex-direction: column; 7660 flex-direction: column;
7661 gap: 20px; 7661 gap: 20px;
7662 } 7662 }
7663 .cabinet__side-toper { 7663 .cabinet__side-toper {
7664 display: -webkit-box; 7664 display: -webkit-box;
7665 display: -ms-flexbox; 7665 display: -ms-flexbox;
7666 display: flex; 7666 display: flex;
7667 -webkit-box-align: center; 7667 -webkit-box-align: center;
7668 -ms-flex-align: center; 7668 -ms-flex-align: center;
7669 align-items: center; 7669 align-items: center;
7670 } 7670 }
7671 .cabinet__side-toper-pic { 7671 .cabinet__side-toper-pic {
7672 width: 70px; 7672 width: 70px;
7673 aspect-ratio: 1/1; 7673 aspect-ratio: 1/1;
7674 overflow: hidden; 7674 overflow: hidden;
7675 border-radius: 8px; 7675 border-radius: 8px;
7676 color: #fff; 7676 color: #fff;
7677 background: #9c9d9d; 7677 background: #9c9d9d;
7678 display: -webkit-box; 7678 display: -webkit-box;
7679 display: -ms-flexbox; 7679 display: -ms-flexbox;
7680 display: flex; 7680 display: flex;
7681 -webkit-box-align: center; 7681 -webkit-box-align: center;
7682 -ms-flex-align: center; 7682 -ms-flex-align: center;
7683 align-items: center; 7683 align-items: center;
7684 -webkit-box-pack: center; 7684 -webkit-box-pack: center;
7685 -ms-flex-pack: center; 7685 -ms-flex-pack: center;
7686 justify-content: center; 7686 justify-content: center;
7687 position: relative; 7687 position: relative;
7688 } 7688 }
7689 .cabinet__side-toper-pic img { 7689 .cabinet__side-toper-pic img {
7690 width: 100%; 7690 width: 100%;
7691 height: 100%; 7691 height: 100%;
7692 -o-object-fit: cover; 7692 -o-object-fit: cover;
7693 object-fit: cover; 7693 object-fit: cover;
7694 position: absolute; 7694 position: absolute;
7695 z-index: 2; 7695 z-index: 2;
7696 top: 0; 7696 top: 0;
7697 left: 0; 7697 left: 0;
7698 aspect-ratio: 1/1; 7698 aspect-ratio: 1/1;
7699 -o-object-fit: contain; 7699 -o-object-fit: contain;
7700 object-fit: contain; 7700 object-fit: contain;
7701 } 7701 }
7702 .cabinet__side-toper-pic svg { 7702 .cabinet__side-toper-pic svg {
7703 width: 50%; 7703 width: 50%;
7704 aspect-ratio: 1/1; 7704 aspect-ratio: 1/1;
7705 } 7705 }
7706 .cabinet__side-toper b { 7706 .cabinet__side-toper b {
7707 width: calc(100% - 70px); 7707 width: calc(100% - 70px);
7708 font-size: 14px; 7708 font-size: 14px;
7709 font-weight: 700; 7709 font-weight: 700;
7710 padding-left: 16px; 7710 padding-left: 16px;
7711 } 7711 }
7712 @media (min-width: 768px) { 7712 @media (min-width: 768px) {
7713 .cabinet__side-toper b { 7713 .cabinet__side-toper b {
7714 font-size: 20px; 7714 font-size: 20px;
7715 } 7715 }
7716 } 7716 }
7717 .cabinet__menu { 7717 .cabinet__menu {
7718 display: -webkit-box; 7718 display: -webkit-box;
7719 display: -ms-flexbox; 7719 display: -ms-flexbox;
7720 display: flex; 7720 display: flex;
7721 -webkit-box-orient: vertical; 7721 -webkit-box-orient: vertical;
7722 -webkit-box-direction: normal; 7722 -webkit-box-direction: normal;
7723 -ms-flex-direction: column; 7723 -ms-flex-direction: column;
7724 flex-direction: column; 7724 flex-direction: column;
7725 } 7725 }
7726 .cabinet__menu-toper { 7726 .cabinet__menu-toper {
7727 display: -webkit-box; 7727 display: -webkit-box;
7728 display: -ms-flexbox; 7728 display: -ms-flexbox;
7729 display: flex; 7729 display: flex;
7730 -webkit-box-align: center; 7730 -webkit-box-align: center;
7731 -ms-flex-align: center; 7731 -ms-flex-align: center;
7732 align-items: center; 7732 align-items: center;
7733 -webkit-box-pack: justify; 7733 -webkit-box-pack: justify;
7734 -ms-flex-pack: justify; 7734 -ms-flex-pack: justify;
7735 justify-content: space-between; 7735 justify-content: space-between;
7736 padding: 0 16px; 7736 padding: 0 16px;
7737 padding-right: 12px; 7737 padding-right: 12px;
7738 border: none; 7738 border: none;
7739 border-radius: 8px; 7739 border-radius: 8px;
7740 background: #377d87; 7740 background: #377d87;
7741 color: #fff; 7741 color: #fff;
7742 } 7742 }
7743 @media (min-width: 768px) { 7743 @media (min-width: 768px) {
7744 .cabinet__menu-toper { 7744 .cabinet__menu-toper {
7745 padding: 0 20px; 7745 padding: 0 20px;
7746 } 7746 }
7747 } 7747 }
7748 @media (min-width: 992px) { 7748 @media (min-width: 992px) {
7749 .cabinet__menu-toper { 7749 .cabinet__menu-toper {
7750 display: none; 7750 display: none;
7751 } 7751 }
7752 } 7752 }
7753 .cabinet__menu-toper-text { 7753 .cabinet__menu-toper-text {
7754 width: calc(100% - 16px); 7754 width: calc(100% - 16px);
7755 display: -webkit-box; 7755 display: -webkit-box;
7756 display: -ms-flexbox; 7756 display: -ms-flexbox;
7757 display: flex; 7757 display: flex;
7758 -webkit-box-align: center; 7758 -webkit-box-align: center;
7759 -ms-flex-align: center; 7759 -ms-flex-align: center;
7760 align-items: center; 7760 align-items: center;
7761 } 7761 }
7762 @media (min-width: 768px) { 7762 @media (min-width: 768px) {
7763 .cabinet__menu-toper-text { 7763 .cabinet__menu-toper-text {
7764 width: calc(100% - 20px); 7764 width: calc(100% - 20px);
7765 } 7765 }
7766 } 7766 }
7767 .cabinet__menu-toper-text i { 7767 .cabinet__menu-toper-text i {
7768 width: 16px; 7768 width: 16px;
7769 height: 16px; 7769 height: 16px;
7770 display: -webkit-box; 7770 display: -webkit-box;
7771 display: -ms-flexbox; 7771 display: -ms-flexbox;
7772 display: flex; 7772 display: flex;
7773 -webkit-box-align: center; 7773 -webkit-box-align: center;
7774 -ms-flex-align: center; 7774 -ms-flex-align: center;
7775 align-items: center; 7775 align-items: center;
7776 -webkit-box-pack: center; 7776 -webkit-box-pack: center;
7777 -ms-flex-pack: center; 7777 -ms-flex-pack: center;
7778 justify-content: center; 7778 justify-content: center;
7779 } 7779 }
7780 @media (min-width: 768px) { 7780 @media (min-width: 768px) {
7781 .cabinet__menu-toper-text i { 7781 .cabinet__menu-toper-text i {
7782 width: 22px; 7782 width: 22px;
7783 height: 22px; 7783 height: 22px;
7784 } 7784 }
7785 } 7785 }
7786 .cabinet__menu-toper-text svg { 7786 .cabinet__menu-toper-text svg {
7787 width: 16px; 7787 width: 16px;
7788 height: 16px; 7788 height: 16px;
7789 } 7789 }
7790 @media (min-width: 768px) { 7790 @media (min-width: 768px) {
7791 .cabinet__menu-toper-text svg { 7791 .cabinet__menu-toper-text svg {
7792 width: 22px; 7792 width: 22px;
7793 height: 22px; 7793 height: 22px;
7794 } 7794 }
7795 } 7795 }
7796 .cabinet__menu-toper-text span { 7796 .cabinet__menu-toper-text span {
7797 display: -webkit-box; 7797 display: -webkit-box;
7798 display: -ms-flexbox; 7798 display: -ms-flexbox;
7799 display: flex; 7799 display: flex;
7800 -webkit-box-align: center; 7800 -webkit-box-align: center;
7801 -ms-flex-align: center; 7801 -ms-flex-align: center;
7802 align-items: center; 7802 align-items: center;
7803 padding: 0 10px; 7803 padding: 0 10px;
7804 min-height: 30px; 7804 min-height: 30px;
7805 font-size: 12px; 7805 font-size: 12px;
7806 width: calc(100% - 16px); 7806 width: calc(100% - 16px);
7807 } 7807 }
7808 @media (min-width: 768px) { 7808 @media (min-width: 768px) {
7809 .cabinet__menu-toper-text span { 7809 .cabinet__menu-toper-text span {
7810 width: calc(100% - 22px); 7810 width: calc(100% - 22px);
7811 font-size: 20px; 7811 font-size: 20px;
7812 min-height: 52px; 7812 min-height: 52px;
7813 padding: 0 16px; 7813 padding: 0 16px;
7814 } 7814 }
7815 } 7815 }
7816 .cabinet__menu-toper-arrow { 7816 .cabinet__menu-toper-arrow {
7817 width: 16px; 7817 width: 16px;
7818 height: 16px; 7818 height: 16px;
7819 display: -webkit-box; 7819 display: -webkit-box;
7820 display: -ms-flexbox; 7820 display: -ms-flexbox;
7821 display: flex; 7821 display: flex;
7822 -webkit-box-pack: center; 7822 -webkit-box-pack: center;
7823 -ms-flex-pack: center; 7823 -ms-flex-pack: center;
7824 justify-content: center; 7824 justify-content: center;
7825 -webkit-box-align: center; 7825 -webkit-box-align: center;
7826 -ms-flex-align: center; 7826 -ms-flex-align: center;
7827 align-items: center; 7827 align-items: center;
7828 -webkit-transition: 0.3s; 7828 -webkit-transition: 0.3s;
7829 transition: 0.3s; 7829 transition: 0.3s;
7830 } 7830 }
7831 @media (min-width: 768px) { 7831 @media (min-width: 768px) {
7832 .cabinet__menu-toper-arrow { 7832 .cabinet__menu-toper-arrow {
7833 width: 20px; 7833 width: 20px;
7834 height: 20px; 7834 height: 20px;
7835 } 7835 }
7836 } 7836 }
7837 .cabinet__menu-toper-arrow svg { 7837 .cabinet__menu-toper-arrow svg {
7838 width: 12px; 7838 width: 12px;
7839 height: 12px; 7839 height: 12px;
7840 -webkit-transform: rotate(90deg); 7840 -webkit-transform: rotate(90deg);
7841 -ms-transform: rotate(90deg); 7841 -ms-transform: rotate(90deg);
7842 transform: rotate(90deg); 7842 transform: rotate(90deg);
7843 } 7843 }
7844 @media (min-width: 768px) { 7844 @media (min-width: 768px) {
7845 .cabinet__menu-toper-arrow svg { 7845 .cabinet__menu-toper-arrow svg {
7846 width: 20px; 7846 width: 20px;
7847 height: 20px; 7847 height: 20px;
7848 } 7848 }
7849 } 7849 }
7850 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7850 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7851 -webkit-transform: rotate(180deg); 7851 -webkit-transform: rotate(180deg);
7852 -ms-transform: rotate(180deg); 7852 -ms-transform: rotate(180deg);
7853 transform: rotate(180deg); 7853 transform: rotate(180deg);
7854 } 7854 }
7855 .cabinet__menu-body { 7855 .cabinet__menu-body {
7856 opacity: 0; 7856 opacity: 0;
7857 height: 0; 7857 height: 0;
7858 overflow: hidden; 7858 overflow: hidden;
7859 display: -webkit-box; 7859 display: -webkit-box;
7860 display: -ms-flexbox; 7860 display: -ms-flexbox;
7861 display: flex; 7861 display: flex;
7862 -webkit-box-orient: vertical; 7862 -webkit-box-orient: vertical;
7863 -webkit-box-direction: normal; 7863 -webkit-box-direction: normal;
7864 -ms-flex-direction: column; 7864 -ms-flex-direction: column;
7865 flex-direction: column; 7865 flex-direction: column;
7866 } 7866 }
7867 @media (min-width: 992px) { 7867 @media (min-width: 992px) {
7868 .cabinet__menu-body { 7868 .cabinet__menu-body {
7869 opacity: 1; 7869 opacity: 1;
7870 height: auto; 7870 height: auto;
7871 } 7871 }
7872 } 7872 }
7873 .active + .cabinet__menu-body { 7873 .active + .cabinet__menu-body {
7874 opacity: 1; 7874 opacity: 1;
7875 height: auto; 7875 height: auto;
7876 -webkit-transition: 0.3s; 7876 -webkit-transition: 0.3s;
7877 transition: 0.3s; 7877 transition: 0.3s;
7878 } 7878 }
7879 .cabinet__menu-items { 7879 .cabinet__menu-items {
7880 display: -webkit-box; 7880 display: -webkit-box;
7881 display: -ms-flexbox; 7881 display: -ms-flexbox;
7882 display: flex; 7882 display: flex;
7883 -webkit-box-orient: vertical; 7883 -webkit-box-orient: vertical;
7884 -webkit-box-direction: normal; 7884 -webkit-box-direction: normal;
7885 -ms-flex-direction: column; 7885 -ms-flex-direction: column;
7886 flex-direction: column; 7886 flex-direction: column;
7887 } 7887 }
7888 .cabinet__menu-item { 7888 .cabinet__menu-item {
7889 padding: 8px 16px; 7889 padding: 8px 16px;
7890 border-radius: 8px; 7890 border-radius: 8px;
7891 display: -webkit-box; 7891 display: -webkit-box;
7892 display: -ms-flexbox; 7892 display: -ms-flexbox;
7893 display: flex; 7893 display: flex;
7894 -webkit-box-align: center; 7894 -webkit-box-align: center;
7895 -ms-flex-align: center; 7895 -ms-flex-align: center;
7896 align-items: center; 7896 align-items: center;
7897 } 7897 }
7898 @media (min-width: 768px) { 7898 @media (min-width: 768px) {
7899 .cabinet__menu-item { 7899 .cabinet__menu-item {
7900 padding: 14px 20px; 7900 padding: 14px 20px;
7901 } 7901 }
7902 } 7902 }
7903 .cabinet__menu-item:hover { 7903 .cabinet__menu-item:hover {
7904 color: #377d87; 7904 color: #377d87;
7905 } 7905 }
7906 @media (min-width: 992px) { 7906 @media (min-width: 992px) {
7907 .cabinet__menu-item.active { 7907 .cabinet__menu-item.active {
7908 background: #377d87; 7908 background: #377d87;
7909 color: #fff; 7909 color: #fff;
7910 } 7910 }
7911 } 7911 }
7912 @media (min-width: 992px) { 7912 @media (min-width: 992px) {
7913 .cabinet__menu-item.active svg { 7913 .cabinet__menu-item.active svg {
7914 color: #fff; 7914 color: #fff;
7915 } 7915 }
7916 } 7916 }
7917 @media (min-width: 992px) { 7917 @media (min-width: 992px) {
7918 .cabinet__menu-item.active.red { 7918 .cabinet__menu-item.active.red {
7919 background: #eb5757; 7919 background: #eb5757;
7920 } 7920 }
7921 } 7921 }
7922 .cabinet__menu-item i { 7922 .cabinet__menu-item i {
7923 width: 16px; 7923 width: 16px;
7924 height: 16px; 7924 height: 16px;
7925 color: #377d87; 7925 color: #377d87;
7926 } 7926 }
7927 @media (min-width: 768px) { 7927 @media (min-width: 768px) {
7928 .cabinet__menu-item i { 7928 .cabinet__menu-item i {
7929 width: 22px; 7929 width: 22px;
7930 height: 22px; 7930 height: 22px;
7931 } 7931 }
7932 } 7932 }
7933 .cabinet__menu-item svg { 7933 .cabinet__menu-item svg {
7934 width: 16px; 7934 width: 16px;
7935 height: 16px; 7935 height: 16px;
7936 } 7936 }
7937 @media (min-width: 768px) { 7937 @media (min-width: 768px) {
7938 .cabinet__menu-item svg { 7938 .cabinet__menu-item svg {
7939 width: 22px; 7939 width: 22px;
7940 height: 22px; 7940 height: 22px;
7941 } 7941 }
7942 } 7942 }
7943 .cabinet__menu-item span { 7943 .cabinet__menu-item span {
7944 width: calc(100% - 16px); 7944 width: calc(100% - 16px);
7945 font-size: 12px; 7945 font-size: 12px;
7946 padding-left: 10px; 7946 padding-left: 10px;
7947 } 7947 }
7948 @media (min-width: 768px) { 7948 @media (min-width: 768px) {
7949 .cabinet__menu-item span { 7949 .cabinet__menu-item span {
7950 font-size: 20px; 7950 font-size: 20px;
7951 width: calc(100% - 22px); 7951 width: calc(100% - 22px);
7952 padding-left: 16px; 7952 padding-left: 16px;
7953 } 7953 }
7954 } 7954 }
7955 .cabinet__menu-bottom { 7955 .cabinet__menu-bottom {
7956 display: -webkit-box; 7956 display: -webkit-box;
7957 display: -ms-flexbox; 7957 display: -ms-flexbox;
7958 display: flex; 7958 display: flex;
7959 -webkit-box-orient: vertical; 7959 -webkit-box-orient: vertical;
7960 -webkit-box-direction: normal; 7960 -webkit-box-direction: normal;
7961 -ms-flex-direction: column; 7961 -ms-flex-direction: column;
7962 flex-direction: column; 7962 flex-direction: column;
7963 gap: 10px; 7963 gap: 10px;
7964 margin-top: 10px; 7964 margin-top: 10px;
7965 } 7965 }
7966 @media (min-width: 768px) { 7966 @media (min-width: 768px) {
7967 .cabinet__menu-bottom { 7967 .cabinet__menu-bottom {
7968 gap: 20px; 7968 gap: 20px;
7969 margin-top: 20px; 7969 margin-top: 20px;
7970 } 7970 }
7971 } 7971 }
7972 .cabinet__menu-copy { 7972 .cabinet__menu-copy {
7973 color: #9c9d9d; 7973 color: #9c9d9d;
7974 text-align: center; 7974 text-align: center;
7975 font-size: 12px; 7975 font-size: 12px;
7976 } 7976 }
7977 @media (min-width: 768px) { 7977 @media (min-width: 768px) {
7978 .cabinet__menu-copy { 7978 .cabinet__menu-copy {
7979 font-size: 16px; 7979 font-size: 16px;
7980 } 7980 }
7981 } 7981 }
7982 .cabinet__body { 7982 .cabinet__body {
7983 margin: 0 -10px; 7983 margin: 0 -10px;
7984 margin-top: 50px; 7984 margin-top: 50px;
7985 background: #fff; 7985 background: #fff;
7986 padding: 20px 10px; 7986 padding: 20px 10px;
7987 display: -webkit-box; 7987 display: -webkit-box;
7988 display: -ms-flexbox; 7988 display: -ms-flexbox;
7989 display: flex; 7989 display: flex;
7990 -webkit-box-orient: vertical; 7990 -webkit-box-orient: vertical;
7991 -webkit-box-direction: normal; 7991 -webkit-box-direction: normal;
7992 -ms-flex-direction: column; 7992 -ms-flex-direction: column;
7993 flex-direction: column; 7993 flex-direction: column;
7994 gap: 30px; 7994 gap: 30px;
7995 color: #000; 7995 color: #000;
7996 } 7996 }
7997 @media (min-width: 768px) { 7997 @media (min-width: 768px) {
7998 .cabinet__body { 7998 .cabinet__body {
7999 padding: 30px 20px; 7999 padding: 30px 20px;
8000 margin: 0; 8000 margin: 0;
8001 border-radius: 8px; 8001 border-radius: 8px;
8002 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8002 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8003 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8003 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8004 } 8004 }
8005 } 8005 }
8006 @media (min-width: 992px) { 8006 @media (min-width: 992px) {
8007 .cabinet__body { 8007 .cabinet__body {
8008 width: calc(100% - 360px); 8008 width: calc(100% - 360px);
8009 } 8009 }
8010 } 8010 }
8011 @media (min-width: 1280px) { 8011 @media (min-width: 1280px) {
8012 .cabinet__body { 8012 .cabinet__body {
8013 width: calc(100% - 420px); 8013 width: calc(100% - 420px);
8014 } 8014 }
8015 } 8015 }
8016 .cabinet__body-item { 8016 .cabinet__body-item {
8017 display: -webkit-box; 8017 display: -webkit-box;
8018 display: -ms-flexbox; 8018 display: -ms-flexbox;
8019 display: flex; 8019 display: flex;
8020 -webkit-box-orient: vertical; 8020 -webkit-box-orient: vertical;
8021 -webkit-box-direction: normal; 8021 -webkit-box-direction: normal;
8022 -ms-flex-direction: column; 8022 -ms-flex-direction: column;
8023 flex-direction: column; 8023 flex-direction: column;
8024 gap: 20px; 8024 gap: 20px;
8025 } 8025 }
8026 .cabinet__title { 8026 .cabinet__title {
8027 font-size: 24px; 8027 font-size: 24px;
8028 } 8028 }
8029 @media (min-width: 768px) { 8029 @media (min-width: 768px) {
8030 .cabinet__title { 8030 .cabinet__title {
8031 font-size: 32px; 8031 font-size: 32px;
8032 } 8032 }
8033 } 8033 }
8034 @media (min-width: 992px) { 8034 @media (min-width: 992px) {
8035 .cabinet__title { 8035 .cabinet__title {
8036 font-size: 40px; 8036 font-size: 40px;
8037 } 8037 }
8038 } 8038 }
8039 @media (min-width: 1280px) { 8039 @media (min-width: 1280px) {
8040 .cabinet__title { 8040 .cabinet__title {
8041 font-size: 48px; 8041 font-size: 48px;
8042 } 8042 }
8043 } 8043 }
8044 .cabinet__subtitle { 8044 .cabinet__subtitle {
8045 font-size: 22px; 8045 font-size: 22px;
8046 margin: 0; 8046 margin: 0;
8047 font-weight: 700; 8047 font-weight: 700;
8048 color: #000; 8048 color: #000;
8049 } 8049 }
8050 @media (min-width: 768px) { 8050 @media (min-width: 768px) {
8051 .cabinet__subtitle { 8051 .cabinet__subtitle {
8052 font-size: 24px; 8052 font-size: 24px;
8053 } 8053 }
8054 } 8054 }
8055 .cabinet__h4 { 8055 .cabinet__h4 {
8056 font-size: 20px; 8056 font-size: 20px;
8057 margin: 0; 8057 margin: 0;
8058 font-weight: 700; 8058 font-weight: 700;
8059 color: #000; 8059 color: #000;
8060 } 8060 }
8061 @media (min-width: 768px) { 8061 @media (min-width: 768px) {
8062 .cabinet__h4 { 8062 .cabinet__h4 {
8063 font-size: 22px; 8063 font-size: 22px;
8064 } 8064 }
8065 } 8065 }
8066 .cabinet__text { 8066 .cabinet__text {
8067 margin: 0; 8067 margin: 0;
8068 font-size: 14px; 8068 font-size: 14px;
8069 } 8069 }
8070 @media (min-width: 768px) { 8070 @media (min-width: 768px) {
8071 .cabinet__text { 8071 .cabinet__text {
8072 font-size: 16px; 8072 font-size: 16px;
8073 } 8073 }
8074 } 8074 }
8075 .cabinet__text b { 8075 .cabinet__text b {
8076 color: #000; 8076 color: #000;
8077 font-size: 18px; 8077 font-size: 18px;
8078 } 8078 }
8079 @media (min-width: 768px) { 8079 @media (min-width: 768px) {
8080 .cabinet__text b { 8080 .cabinet__text b {
8081 font-size: 24px; 8081 font-size: 24px;
8082 } 8082 }
8083 } 8083 }
8084 .cabinet__descr { 8084 .cabinet__descr {
8085 display: -webkit-box; 8085 display: -webkit-box;
8086 display: -ms-flexbox; 8086 display: -ms-flexbox;
8087 display: flex; 8087 display: flex;
8088 -webkit-box-orient: vertical; 8088 -webkit-box-orient: vertical;
8089 -webkit-box-direction: normal; 8089 -webkit-box-direction: normal;
8090 -ms-flex-direction: column; 8090 -ms-flex-direction: column;
8091 flex-direction: column; 8091 flex-direction: column;
8092 gap: 6px; 8092 gap: 6px;
8093 } 8093 }
8094 @media (min-width: 768px) { 8094 @media (min-width: 768px) {
8095 .cabinet__descr { 8095 .cabinet__descr {
8096 gap: 12px; 8096 gap: 12px;
8097 } 8097 }
8098 } 8098 }
8099 .cabinet__avatar { 8099 .cabinet__avatar {
8100 display: -webkit-box; 8100 display: -webkit-box;
8101 display: -ms-flexbox; 8101 display: -ms-flexbox;
8102 display: flex; 8102 display: flex;
8103 -webkit-box-align: start; 8103 -webkit-box-align: start;
8104 -ms-flex-align: start; 8104 -ms-flex-align: start;
8105 align-items: flex-start; 8105 align-items: flex-start;
8106 } 8106 }
8107 @media (min-width: 768px) { 8107 @media (min-width: 768px) {
8108 .cabinet__avatar { 8108 .cabinet__avatar {
8109 -webkit-box-align: center; 8109 -webkit-box-align: center;
8110 -ms-flex-align: center; 8110 -ms-flex-align: center;
8111 align-items: center; 8111 align-items: center;
8112 } 8112 }
8113 } 8113 }
8114 .cabinet__avatar-pic { 8114 .cabinet__avatar-pic {
8115 width: 100px; 8115 width: 100px;
8116 aspect-ratio: 1/1; 8116 aspect-ratio: 1/1;
8117 position: relative; 8117 position: relative;
8118 display: -webkit-box; 8118 display: -webkit-box;
8119 display: -ms-flexbox; 8119 display: -ms-flexbox;
8120 display: flex; 8120 display: flex;
8121 -webkit-box-pack: center; 8121 -webkit-box-pack: center;
8122 -ms-flex-pack: center; 8122 -ms-flex-pack: center;
8123 justify-content: center; 8123 justify-content: center;
8124 -webkit-box-align: center; 8124 -webkit-box-align: center;
8125 -ms-flex-align: center; 8125 -ms-flex-align: center;
8126 align-items: center; 8126 align-items: center;
8127 overflow: hidden; 8127 overflow: hidden;
8128 border-radius: 8px; 8128 border-radius: 8px;
8129 color: #fff; 8129 color: #fff;
8130 background: #9c9d9d; 8130 background: #9c9d9d;
8131 } 8131 }
8132 .cabinet__avatar-pic svg { 8132 .cabinet__avatar-pic svg {
8133 width: 50%; 8133 width: 50%;
8134 aspect-ratio: 1/1; 8134 aspect-ratio: 1/1;
8135 z-index: 1; 8135 z-index: 1;
8136 position: relative; 8136 position: relative;
8137 } 8137 }
8138 .cabinet__avatar-form { 8138 .cabinet__avatar-form {
8139 width: calc(100% - 100px); 8139 width: calc(100% - 100px);
8140 padding-left: 15px; 8140 padding-left: 15px;
8141 display: -webkit-box; 8141 display: -webkit-box;
8142 display: -ms-flexbox; 8142 display: -ms-flexbox;
8143 display: flex; 8143 display: flex;
8144 -webkit-box-orient: vertical; 8144 -webkit-box-orient: vertical;
8145 -webkit-box-direction: normal; 8145 -webkit-box-direction: normal;
8146 -ms-flex-direction: column; 8146 -ms-flex-direction: column;
8147 flex-direction: column; 8147 flex-direction: column;
8148 gap: 6px; 8148 gap: 6px;
8149 } 8149 }
8150 @media (min-width: 768px) { 8150 @media (min-width: 768px) {
8151 .cabinet__avatar-form { 8151 .cabinet__avatar-form {
8152 -webkit-box-align: start; 8152 -webkit-box-align: start;
8153 -ms-flex-align: start; 8153 -ms-flex-align: start;
8154 align-items: flex-start; 8154 align-items: flex-start;
8155 padding-left: 30px; 8155 padding-left: 30px;
8156 gap: 12px; 8156 gap: 12px;
8157 } 8157 }
8158 } 8158 }
8159 @media (min-width: 768px) { 8159 @media (min-width: 768px) {
8160 .cabinet__avatar-form .file { 8160 .cabinet__avatar-form .file {
8161 min-width: 215px; 8161 min-width: 215px;
8162 } 8162 }
8163 } 8163 }
8164 .cabinet__inputs { 8164 .cabinet__inputs {
8165 display: -webkit-box; 8165 display: -webkit-box;
8166 display: -ms-flexbox; 8166 display: -ms-flexbox;
8167 display: flex; 8167 display: flex;
8168 -webkit-box-orient: vertical; 8168 -webkit-box-orient: vertical;
8169 -webkit-box-direction: normal; 8169 -webkit-box-direction: normal;
8170 -ms-flex-direction: column; 8170 -ms-flex-direction: column;
8171 flex-direction: column; 8171 flex-direction: column;
8172 gap: 20px; 8172 gap: 20px;
8173 } 8173 }
8174 @media (min-width: 1280px) { 8174 @media (min-width: 1280px) {
8175 .cabinet__inputs { 8175 .cabinet__inputs {
8176 -webkit-box-orient: horizontal; 8176 -webkit-box-orient: horizontal;
8177 -webkit-box-direction: normal; 8177 -webkit-box-direction: normal;
8178 -ms-flex-direction: row; 8178 -ms-flex-direction: row;
8179 flex-direction: row; 8179 flex-direction: row;
8180 -webkit-box-align: start; 8180 -webkit-box-align: start;
8181 -ms-flex-align: start; 8181 -ms-flex-align: start;
8182 align-items: flex-start; 8182 align-items: flex-start;
8183 -webkit-box-pack: justify; 8183 -webkit-box-pack: justify;
8184 -ms-flex-pack: justify; 8184 -ms-flex-pack: justify;
8185 justify-content: space-between; 8185 justify-content: space-between;
8186 -ms-flex-wrap: wrap; 8186 -ms-flex-wrap: wrap;
8187 flex-wrap: wrap; 8187 flex-wrap: wrap;
8188 } 8188 }
8189 } 8189 }
8190 @media (min-width: 1280px) { 8190 @media (min-width: 1280px) {
8191 .cabinet__inputs-item { 8191 .cabinet__inputs-item {
8192 width: calc(50% - 10px); 8192 width: calc(50% - 10px);
8193 } 8193 }
8194 } 8194 }
8195 @media (min-width: 1280px) { 8195 @media (min-width: 1280px) {
8196 .cabinet__inputs-item_fullwidth { 8196 .cabinet__inputs-item_fullwidth {
8197 width: 100%; 8197 width: 100%;
8198 } 8198 }
8199 } 8199 }
8200 @media (min-width: 1280px) { 8200 @media (min-width: 1280px) {
8201 .cabinet__inputs-item_min { 8201 .cabinet__inputs-item_min {
8202 width: calc(15% - 10px); 8202 width: calc(15% - 10px);
8203 } 8203 }
8204 } 8204 }
8205 @media (min-width: 1280px) { 8205 @media (min-width: 1280px) {
8206 .cabinet__inputs-item_max { 8206 .cabinet__inputs-item_max {
8207 width: calc(85% - 10px); 8207 width: calc(85% - 10px);
8208 } 8208 }
8209 } 8209 }
8210 @media (min-width: 768px) { 8210 @media (min-width: 768px) {
8211 .cabinet__inputs-item .button { 8211 .cabinet__inputs-item .button {
8212 width: 100%; 8212 width: 100%;
8213 max-width: 215px; 8213 max-width: 215px;
8214 padding: 0; 8214 padding: 0;
8215 } 8215 }
8216 } 8216 }
8217 .cabinet__inputs-item .buttons { 8217 .cabinet__inputs-item .buttons {
8218 display: grid; 8218 display: grid;
8219 grid-template-columns: 1fr 1fr; 8219 grid-template-columns: 1fr 1fr;
8220 gap: 10px; 8220 gap: 10px;
8221 } 8221 }
8222 @media (min-width: 768px) { 8222 @media (min-width: 768px) {
8223 .cabinet__inputs-item .buttons { 8223 .cabinet__inputs-item .buttons {
8224 gap: 20px; 8224 gap: 20px;
8225 max-width: 470px; 8225 max-width: 470px;
8226 } 8226 }
8227 } 8227 }
8228 @media (min-width: 992px) { 8228 @media (min-width: 992px) {
8229 .cabinet__inputs-item .buttons { 8229 .cabinet__inputs-item .buttons {
8230 max-width: none; 8230 max-width: none;
8231 } 8231 }
8232 } 8232 }
8233 @media (min-width: 1280px) { 8233 @media (min-width: 1280px) {
8234 .cabinet__inputs-item .buttons { 8234 .cabinet__inputs-item .buttons {
8235 max-width: 470px; 8235 max-width: 470px;
8236 } 8236 }
8237 } 8237 }
8238 .cabinet__inputs-item .buttons .button { 8238 .cabinet__inputs-item .buttons .button {
8239 max-width: none; 8239 max-width: none;
8240 } 8240 }
8241 .cabinet__inputs > .button { 8241 .cabinet__inputs > .button {
8242 padding: 0; 8242 padding: 0;
8243 width: 100%; 8243 width: 100%;
8244 max-width: 140px; 8244 max-width: 140px;
8245 } 8245 }
8246 @media (min-width: 768px) { 8246 @media (min-width: 768px) {
8247 .cabinet__inputs > .button { 8247 .cabinet__inputs > .button {
8248 max-width: 190px; 8248 max-width: 190px;
8249 } 8249 }
8250 } 8250 }
8251 .cabinet__add { 8251 .cabinet__add {
8252 display: -webkit-box; 8252 display: -webkit-box;
8253 display: -ms-flexbox; 8253 display: -ms-flexbox;
8254 display: flex; 8254 display: flex;
8255 -webkit-box-orient: vertical; 8255 -webkit-box-orient: vertical;
8256 -webkit-box-direction: normal; 8256 -webkit-box-direction: normal;
8257 -ms-flex-direction: column; 8257 -ms-flex-direction: column;
8258 flex-direction: column; 8258 flex-direction: column;
8259 gap: 10px; 8259 gap: 10px;
8260 } 8260 }
8261 @media (min-width: 768px) { 8261 @media (min-width: 768px) {
8262 .cabinet__add { 8262 .cabinet__add {
8263 gap: 0; 8263 gap: 0;
8264 -webkit-box-orient: horizontal; 8264 -webkit-box-orient: horizontal;
8265 -webkit-box-direction: normal; 8265 -webkit-box-direction: normal;
8266 -ms-flex-direction: row; 8266 -ms-flex-direction: row;
8267 flex-direction: row; 8267 flex-direction: row;
8268 -webkit-box-align: end; 8268 -webkit-box-align: end;
8269 -ms-flex-align: end; 8269 -ms-flex-align: end;
8270 align-items: flex-end; 8270 align-items: flex-end;
8271 } 8271 }
8272 } 8272 }
8273 .cabinet__add-pic { 8273 .cabinet__add-pic {
8274 border-radius: 4px; 8274 border-radius: 4px;
8275 position: relative; 8275 position: relative;
8276 overflow: hidden; 8276 overflow: hidden;
8277 background: #9c9d9d; 8277 background: #9c9d9d;
8278 color: #fff; 8278 color: #fff;
8279 width: 100px; 8279 width: 100px;
8280 aspect-ratio: 1/1; 8280 aspect-ratio: 1/1;
8281 -webkit-transition: 0.3s; 8281 -webkit-transition: 0.3s;
8282 transition: 0.3s; 8282 transition: 0.3s;
8283 } 8283 }
8284 @media (min-width: 768px) { 8284 @media (min-width: 768px) {
8285 .cabinet__add-pic { 8285 .cabinet__add-pic {
8286 width: 220px; 8286 width: 220px;
8287 border-radius: 8px; 8287 border-radius: 8px;
8288 } 8288 }
8289 } 8289 }
8290 .cabinet__add-pic:hover { 8290 .cabinet__add-pic:hover {
8291 background: #000; 8291 background: #000;
8292 } 8292 }
8293 .cabinet__add-pic input { 8293 .cabinet__add-pic input {
8294 display: none; 8294 display: none;
8295 } 8295 }
8296 .cabinet__add-pic > svg { 8296 .cabinet__add-pic > svg {
8297 width: 20px; 8297 width: 20px;
8298 position: absolute; 8298 position: absolute;
8299 top: 50%; 8299 top: 50%;
8300 left: 50%; 8300 left: 50%;
8301 -webkit-transform: translate(-50%, -50%); 8301 -webkit-transform: translate(-50%, -50%);
8302 -ms-transform: translate(-50%, -50%); 8302 -ms-transform: translate(-50%, -50%);
8303 transform: translate(-50%, -50%); 8303 transform: translate(-50%, -50%);
8304 z-index: 1; 8304 z-index: 1;
8305 } 8305 }
8306 @media (min-width: 768px) { 8306 @media (min-width: 768px) {
8307 .cabinet__add-pic > svg { 8307 .cabinet__add-pic > svg {
8308 width: 50px; 8308 width: 50px;
8309 } 8309 }
8310 } 8310 }
8311 .cabinet__add-pic span { 8311 .cabinet__add-pic span {
8312 display: -webkit-box; 8312 display: -webkit-box;
8313 display: -ms-flexbox; 8313 display: -ms-flexbox;
8314 display: flex; 8314 display: flex;
8315 -webkit-box-align: center; 8315 -webkit-box-align: center;
8316 -ms-flex-align: center; 8316 -ms-flex-align: center;
8317 align-items: center; 8317 align-items: center;
8318 -webkit-box-pack: center; 8318 -webkit-box-pack: center;
8319 -ms-flex-pack: center; 8319 -ms-flex-pack: center;
8320 justify-content: center; 8320 justify-content: center;
8321 width: 100%; 8321 width: 100%;
8322 gap: 4px; 8322 gap: 4px;
8323 font-weight: 700; 8323 font-weight: 700;
8324 font-size: 8px; 8324 font-size: 8px;
8325 line-height: 1; 8325 line-height: 1;
8326 position: absolute; 8326 position: absolute;
8327 top: 50%; 8327 top: 50%;
8328 left: 50%; 8328 left: 50%;
8329 -webkit-transform: translate(-50%, -50%); 8329 -webkit-transform: translate(-50%, -50%);
8330 -ms-transform: translate(-50%, -50%); 8330 -ms-transform: translate(-50%, -50%);
8331 transform: translate(-50%, -50%); 8331 transform: translate(-50%, -50%);
8332 margin-top: 25px; 8332 margin-top: 25px;
8333 } 8333 }
8334 @media (min-width: 768px) { 8334 @media (min-width: 768px) {
8335 .cabinet__add-pic span { 8335 .cabinet__add-pic span {
8336 font-size: 16px; 8336 font-size: 16px;
8337 margin-top: 60px; 8337 margin-top: 60px;
8338 } 8338 }
8339 } 8339 }
8340 .cabinet__add-pic span svg { 8340 .cabinet__add-pic span svg {
8341 width: 7px; 8341 width: 7px;
8342 aspect-ratio: 1/1; 8342 aspect-ratio: 1/1;
8343 } 8343 }
8344 @media (min-width: 768px) { 8344 @media (min-width: 768px) {
8345 .cabinet__add-pic span svg { 8345 .cabinet__add-pic span svg {
8346 width: 16px; 8346 width: 16px;
8347 } 8347 }
8348 } 8348 }
8349 .cabinet__add-body { 8349 .cabinet__add-body {
8350 display: -webkit-box; 8350 display: -webkit-box;
8351 display: -ms-flexbox; 8351 display: -ms-flexbox;
8352 display: flex; 8352 display: flex;
8353 -webkit-box-orient: vertical; 8353 -webkit-box-orient: vertical;
8354 -webkit-box-direction: normal; 8354 -webkit-box-direction: normal;
8355 -ms-flex-direction: column; 8355 -ms-flex-direction: column;
8356 flex-direction: column; 8356 flex-direction: column;
8357 gap: 10px; 8357 gap: 10px;
8358 } 8358 }
8359 @media (min-width: 768px) { 8359 @media (min-width: 768px) {
8360 .cabinet__add-body { 8360 .cabinet__add-body {
8361 gap: 20px; 8361 gap: 20px;
8362 width: calc(100% - 220px); 8362 width: calc(100% - 220px);
8363 padding-left: 20px; 8363 padding-left: 20px;
8364 } 8364 }
8365 } 8365 }
8366 @media (min-width: 768px) { 8366 @media (min-width: 768px) {
8367 .cabinet__add-body .button { 8367 .cabinet__add-body .button {
8368 width: 215px; 8368 width: 215px;
8369 padding: 0; 8369 padding: 0;
8370 } 8370 }
8371 } 8371 }
8372 .cabinet__fleet { 8372 .cabinet__fleet {
8373 display: -webkit-box; 8373 display: -webkit-box;
8374 display: -ms-flexbox; 8374 display: -ms-flexbox;
8375 display: flex; 8375 display: flex;
8376 -webkit-box-orient: vertical; 8376 -webkit-box-orient: vertical;
8377 -webkit-box-direction: normal; 8377 -webkit-box-direction: normal;
8378 -ms-flex-direction: column; 8378 -ms-flex-direction: column;
8379 flex-direction: column; 8379 flex-direction: column;
8380 gap: 20px; 8380 gap: 20px;
8381 } 8381 }
8382 @media (min-width: 768px) { 8382 @media (min-width: 768px) {
8383 .cabinet__fleet { 8383 .cabinet__fleet {
8384 display: grid; 8384 display: grid;
8385 grid-template-columns: repeat(2, 1fr); 8385 grid-template-columns: repeat(2, 1fr);
8386 } 8386 }
8387 } 8387 }
8388 @media (min-width: 1280px) { 8388 @media (min-width: 1280px) {
8389 .cabinet__fleet { 8389 .cabinet__fleet {
8390 grid-template-columns: repeat(3, 1fr); 8390 grid-template-columns: repeat(3, 1fr);
8391 } 8391 }
8392 } 8392 }
8393 @media (min-width: 768px) { 8393 @media (min-width: 768px) {
8394 .cabinet__submit { 8394 .cabinet__submit {
8395 width: 215px; 8395 width: 215px;
8396 padding: 0; 8396 padding: 0;
8397 margin: 0 auto; 8397 margin: 0 auto;
8398 } 8398 }
8399 } 8399 }
8400 .cabinet__filters { 8400 .cabinet__filters {
8401 display: -webkit-box; 8401 display: -webkit-box;
8402 display: -ms-flexbox; 8402 display: -ms-flexbox;
8403 display: flex; 8403 display: flex;
8404 -webkit-box-orient: vertical; 8404 -webkit-box-orient: vertical;
8405 -webkit-box-direction: normal; 8405 -webkit-box-direction: normal;
8406 -ms-flex-direction: column; 8406 -ms-flex-direction: column;
8407 flex-direction: column; 8407 flex-direction: column;
8408 gap: 10px; 8408 gap: 10px;
8409 } 8409 }
8410 @media (min-width: 768px) { 8410 @media (min-width: 768px) {
8411 .cabinet__filters { 8411 .cabinet__filters {
8412 gap: 20px; 8412 gap: 20px;
8413 } 8413 }
8414 } 8414 }
8415 @media (min-width: 1280px) { 8415 @media (min-width: 1280px) {
8416 .cabinet__filters { 8416 .cabinet__filters {
8417 -webkit-box-orient: horizontal; 8417 -webkit-box-orient: horizontal;
8418 -webkit-box-direction: normal; 8418 -webkit-box-direction: normal;
8419 -ms-flex-direction: row; 8419 -ms-flex-direction: row;
8420 flex-direction: row; 8420 flex-direction: row;
8421 -webkit-box-align: start; 8421 -webkit-box-align: start;
8422 -ms-flex-align: start; 8422 -ms-flex-align: start;
8423 align-items: flex-start; 8423 align-items: flex-start;
8424 -webkit-box-pack: justify; 8424 -webkit-box-pack: justify;
8425 -ms-flex-pack: justify; 8425 -ms-flex-pack: justify;
8426 justify-content: space-between; 8426 justify-content: space-between;
8427 } 8427 }
8428 } 8428 }
8429 .cabinet__filters-item { 8429 .cabinet__filters-item {
8430 display: -webkit-box; 8430 display: -webkit-box;
8431 display: -ms-flexbox; 8431 display: -ms-flexbox;
8432 display: flex; 8432 display: flex;
8433 -webkit-box-orient: vertical; 8433 -webkit-box-orient: vertical;
8434 -webkit-box-direction: normal; 8434 -webkit-box-direction: normal;
8435 -ms-flex-direction: column; 8435 -ms-flex-direction: column;
8436 flex-direction: column; 8436 flex-direction: column;
8437 -webkit-box-align: start; 8437 -webkit-box-align: start;
8438 -ms-flex-align: start; 8438 -ms-flex-align: start;
8439 align-items: flex-start; 8439 align-items: flex-start;
8440 gap: 10px; 8440 gap: 10px;
8441 } 8441 }
8442 @media (min-width: 768px) { 8442 @media (min-width: 768px) {
8443 .cabinet__filters-item { 8443 .cabinet__filters-item {
8444 gap: 20px; 8444 gap: 20px;
8445 } 8445 }
8446 } 8446 }
8447 @media (min-width: 1280px) { 8447 @media (min-width: 1280px) {
8448 .cabinet__filters-item { 8448 .cabinet__filters-item {
8449 width: calc(50% - 10px); 8449 width: calc(50% - 10px);
8450 max-width: 410px; 8450 max-width: 410px;
8451 } 8451 }
8452 } 8452 }
8453 .cabinet__filters-item .button, 8453 .cabinet__filters-item .button,
8454 .cabinet__filters-item .select { 8454 .cabinet__filters-item .select {
8455 width: 100%; 8455 width: 100%;
8456 } 8456 }
8457 @media (min-width: 1280px) { 8457 @media (min-width: 1280px) {
8458 .cabinet__filters-item .button, 8458 .cabinet__filters-item .button,
8459 .cabinet__filters-item .select { 8459 .cabinet__filters-item .select {
8460 width: auto; 8460 width: auto;
8461 } 8461 }
8462 } 8462 }
8463 .cabinet__filters-item + .cabinet__filters-item { 8463 .cabinet__filters-item + .cabinet__filters-item {
8464 -webkit-box-align: end; 8464 -webkit-box-align: end;
8465 -ms-flex-align: end; 8465 -ms-flex-align: end;
8466 align-items: flex-end; 8466 align-items: flex-end;
8467 } 8467 }
8468 @media (min-width: 1280px) { 8468 @media (min-width: 1280px) {
8469 .cabinet__filters-item + .cabinet__filters-item { 8469 .cabinet__filters-item + .cabinet__filters-item {
8470 max-width: 280px; 8470 max-width: 280px;
8471 } 8471 }
8472 } 8472 }
8473 .cabinet__filters .search input { 8473 .cabinet__filters .search input {
8474 padding-right: 135px; 8474 padding-right: 135px;
8475 } 8475 }
8476 .cabinet__filters .search button { 8476 .cabinet__filters .search button {
8477 width: 115px; 8477 width: 115px;
8478 } 8478 }
8479 .cabinet__filters-buttons { 8479 .cabinet__filters-buttons {
8480 display: grid; 8480 display: grid;
8481 grid-template-columns: 1fr 1fr; 8481 grid-template-columns: 1fr 1fr;
8482 gap: 10px; 8482 gap: 10px;
8483 width: 100%; 8483 width: 100%;
8484 } 8484 }
8485 @media (min-width: 768px) { 8485 @media (min-width: 768px) {
8486 .cabinet__filters-buttons { 8486 .cabinet__filters-buttons {
8487 gap: 20px; 8487 gap: 20px;
8488 } 8488 }
8489 } 8489 }
8490 .cabinet__filters-buttons .button { 8490 .cabinet__filters-buttons .button {
8491 padding: 0; 8491 padding: 0;
8492 gap: 5px; 8492 gap: 5px;
8493 } 8493 }
8494 .cabinet__filters-buttons .button.active { 8494 .cabinet__filters-buttons .button.active {
8495 background: #377d87; 8495 background: #377d87;
8496 color: #fff; 8496 color: #fff;
8497 } 8497 }
8498 .cabinet__filters-buttons .button.active:before { 8498 .cabinet__filters-buttons .button.active:before {
8499 content: ""; 8499 content: "";
8500 width: 6px; 8500 width: 6px;
8501 height: 6px; 8501 height: 6px;
8502 background: #fff; 8502 background: #fff;
8503 border-radius: 999px; 8503 border-radius: 999px;
8504 } 8504 }
8505 .cabinet__table-header { 8505 .cabinet__table-header {
8506 display: -webkit-box; 8506 display: -webkit-box;
8507 display: -ms-flexbox; 8507 display: -ms-flexbox;
8508 display: flex; 8508 display: flex;
8509 -webkit-box-pack: justify; 8509 -webkit-box-pack: justify;
8510 -ms-flex-pack: justify; 8510 -ms-flex-pack: justify;
8511 justify-content: space-between; 8511 justify-content: space-between;
8512 -webkit-box-align: center; 8512 -webkit-box-align: center;
8513 -ms-flex-align: center; 8513 -ms-flex-align: center;
8514 align-items: center; 8514 align-items: center;
8515 font-weight: 700; 8515 font-weight: 700;
8516 margin-bottom: -10px; 8516 margin-bottom: -10px;
8517 } 8517 }
8518 .cabinet__table-header div { 8518 .cabinet__table-header div {
8519 font-size: 18px; 8519 font-size: 18px;
8520 } 8520 }
8521 @media (min-width: 768px) { 8521 @media (min-width: 768px) {
8522 .cabinet__table-header div { 8522 .cabinet__table-header div {
8523 font-size: 24px; 8523 font-size: 24px;
8524 } 8524 }
8525 } 8525 }
8526 .cabinet__table-header span { 8526 .cabinet__table-header span {
8527 color: #000; 8527 color: #000;
8528 font-size: 14px; 8528 font-size: 14px;
8529 } 8529 }
8530 @media (min-width: 768px) { 8530 @media (min-width: 768px) {
8531 .cabinet__table-header span { 8531 .cabinet__table-header span {
8532 font-size: 18px; 8532 font-size: 18px;
8533 } 8533 }
8534 } 8534 }
8535 .cabinet__table-header span b { 8535 .cabinet__table-header span b {
8536 color: #377d87; 8536 color: #377d87;
8537 } 8537 }
8538 .cabinet__tabs { 8538 .cabinet__tabs {
8539 display: grid; 8539 display: grid;
8540 grid-template-columns: 1fr 1fr; 8540 grid-template-columns: 1fr 1fr;
8541 gap: 20px; 8541 gap: 20px;
8542 } 8542 }
8543 @media (min-width: 768px) { 8543 @media (min-width: 768px) {
8544 .cabinet__tabs { 8544 .cabinet__tabs {
8545 max-width: 420px; 8545 max-width: 420px;
8546 } 8546 }
8547 } 8547 }
8548 .cabinet__tabs .button.active { 8548 .cabinet__tabs .button.active {
8549 background: #377d87; 8549 background: #377d87;
8550 color: #fff; 8550 color: #fff;
8551 } 8551 }
8552 .cabinet__bodies { 8552 .cabinet__bodies {
8553 display: none; 8553 display: none;
8554 } 8554 }
8555 .cabinet__bodies.showed { 8555 .cabinet__bodies.showed {
8556 display: block; 8556 display: block;
8557 } 8557 }
8558 .cabinet__nots { 8558 .cabinet__nots {
8559 display: -webkit-box; 8559 display: -webkit-box;
8560 display: -ms-flexbox; 8560 display: -ms-flexbox;
8561 display: flex; 8561 display: flex;
8562 -webkit-box-orient: vertical; 8562 -webkit-box-orient: vertical;
8563 -webkit-box-direction: normal; 8563 -webkit-box-direction: normal;
8564 -ms-flex-direction: column; 8564 -ms-flex-direction: column;
8565 flex-direction: column; 8565 flex-direction: column;
8566 -webkit-box-align: start; 8566 -webkit-box-align: start;
8567 -ms-flex-align: start; 8567 -ms-flex-align: start;
8568 align-items: flex-start; 8568 align-items: flex-start;
8569 gap: 10px; 8569 gap: 10px;
8570 } 8570 }
8571 @media (min-width: 768px) { 8571 @media (min-width: 768px) {
8572 .cabinet__nots { 8572 .cabinet__nots {
8573 gap: 20px; 8573 gap: 20px;
8574 } 8574 }
8575 } 8575 }
8576 .cabinet__nots .input { 8576 .cabinet__nots .input {
8577 width: 100%; 8577 width: 100%;
8578 } 8578 }
8579 .cabinet__anketa { 8579 .cabinet__anketa {
8580 display: -webkit-box; 8580 display: -webkit-box;
8581 display: -ms-flexbox; 8581 display: -ms-flexbox;
8582 display: flex; 8582 display: flex;
8583 -webkit-box-orient: vertical; 8583 -webkit-box-orient: vertical;
8584 -webkit-box-direction: normal; 8584 -webkit-box-direction: normal;
8585 -ms-flex-direction: column; 8585 -ms-flex-direction: column;
8586 flex-direction: column; 8586 flex-direction: column;
8587 -webkit-box-pack: justify; 8587 -webkit-box-pack: justify;
8588 -ms-flex-pack: justify; 8588 -ms-flex-pack: justify;
8589 justify-content: space-between; 8589 justify-content: space-between;
8590 gap: 10px; 8590 gap: 10px;
8591 } 8591 }
8592 @media (min-width: 768px) { 8592 @media (min-width: 768px) {
8593 .cabinet__anketa { 8593 .cabinet__anketa {
8594 -webkit-box-orient: horizontal; 8594 -webkit-box-orient: horizontal;
8595 -webkit-box-direction: normal; 8595 -webkit-box-direction: normal;
8596 -ms-flex-direction: row; 8596 -ms-flex-direction: row;
8597 flex-direction: row; 8597 flex-direction: row;
8598 -webkit-box-align: center; 8598 -webkit-box-align: center;
8599 -ms-flex-align: center; 8599 -ms-flex-align: center;
8600 align-items: center; 8600 align-items: center;
8601 } 8601 }
8602 } 8602 }
8603 @media (min-width: 992px) { 8603 @media (min-width: 992px) {
8604 .cabinet__anketa { 8604 .cabinet__anketa {
8605 -webkit-box-orient: vertical; 8605 -webkit-box-orient: vertical;
8606 -webkit-box-direction: normal; 8606 -webkit-box-direction: normal;
8607 -ms-flex-direction: column; 8607 -ms-flex-direction: column;
8608 flex-direction: column; 8608 flex-direction: column;
8609 -webkit-box-align: stretch; 8609 -webkit-box-align: stretch;
8610 -ms-flex-align: stretch; 8610 -ms-flex-align: stretch;
8611 align-items: stretch; 8611 align-items: stretch;
8612 } 8612 }
8613 } 8613 }
8614 @media (min-width: 1280px) { 8614 @media (min-width: 1280px) {
8615 .cabinet__anketa { 8615 .cabinet__anketa {
8616 -webkit-box-orient: horizontal; 8616 -webkit-box-orient: horizontal;
8617 -webkit-box-direction: normal; 8617 -webkit-box-direction: normal;
8618 -ms-flex-direction: row; 8618 -ms-flex-direction: row;
8619 flex-direction: row; 8619 flex-direction: row;
8620 -webkit-box-align: center; 8620 -webkit-box-align: center;
8621 -ms-flex-align: center; 8621 -ms-flex-align: center;
8622 align-items: center; 8622 align-items: center;
8623 -webkit-box-pack: justify; 8623 -webkit-box-pack: justify;
8624 -ms-flex-pack: justify; 8624 -ms-flex-pack: justify;
8625 justify-content: space-between; 8625 justify-content: space-between;
8626 } 8626 }
8627 } 8627 }
8628 .cabinet__anketa-buttons { 8628 .cabinet__anketa-buttons {
8629 display: -webkit-box; 8629 display: -webkit-box;
8630 display: -ms-flexbox; 8630 display: -ms-flexbox;
8631 display: flex; 8631 display: flex;
8632 -webkit-box-orient: vertical; 8632 -webkit-box-orient: vertical;
8633 -webkit-box-direction: normal; 8633 -webkit-box-direction: normal;
8634 -ms-flex-direction: column; 8634 -ms-flex-direction: column;
8635 flex-direction: column; 8635 flex-direction: column;
8636 gap: 10px; 8636 gap: 10px;
8637 } 8637 }
8638 @media (min-width: 768px) { 8638 @media (min-width: 768px) {
8639 .cabinet__anketa-buttons { 8639 .cabinet__anketa-buttons {
8640 display: grid; 8640 display: grid;
8641 grid-template-columns: 1fr 1fr; 8641 grid-template-columns: 1fr 1fr;
8642 gap: 20px; 8642 gap: 20px;
8643 } 8643 }
8644 } 8644 }
8645 .cabinet__stats { 8645 .cabinet__stats {
8646 display: -webkit-box; 8646 display: -webkit-box;
8647 display: -ms-flexbox; 8647 display: -ms-flexbox;
8648 display: flex; 8648 display: flex;
8649 -webkit-box-orient: vertical; 8649 -webkit-box-orient: vertical;
8650 -webkit-box-direction: normal; 8650 -webkit-box-direction: normal;
8651 -ms-flex-direction: column; 8651 -ms-flex-direction: column;
8652 flex-direction: column; 8652 flex-direction: column;
8653 gap: 6px; 8653 gap: 6px;
8654 } 8654 }
8655 @media (min-width: 768px) { 8655 @media (min-width: 768px) {
8656 .cabinet__stats { 8656 .cabinet__stats {
8657 gap: 12px; 8657 gap: 12px;
8658 } 8658 }
8659 } 8659 }
8660 .cabinet__stats-title { 8660 .cabinet__stats-title {
8661 font-size: 14px; 8661 font-size: 14px;
8662 font-weight: 700; 8662 font-weight: 700;
8663 color: #000; 8663 color: #000;
8664 } 8664 }
8665 @media (min-width: 768px) { 8665 @media (min-width: 768px) {
8666 .cabinet__stats-title { 8666 .cabinet__stats-title {
8667 font-size: 24px; 8667 font-size: 24px;
8668 } 8668 }
8669 } 8669 }
8670 .cabinet__stats-body { 8670 .cabinet__stats-body {
8671 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8671 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8672 border-radius: 8px; 8672 border-radius: 8px;
8673 padding: 10px; 8673 padding: 10px;
8674 display: grid; 8674 display: grid;
8675 grid-template-columns: 1fr 1fr; 8675 grid-template-columns: 1fr 1fr;
8676 gap: 20px; 8676 gap: 20px;
8677 margin-bottom: 10px; 8677 margin-bottom: 10px;
8678 } 8678 }
8679 @media (min-width: 768px) { 8679 @media (min-width: 768px) {
8680 .cabinet__stats-body { 8680 .cabinet__stats-body {
8681 padding: 10px 20px; 8681 padding: 10px 20px;
8682 } 8682 }
8683 } 8683 }
8684 .cabinet__stats-item { 8684 .cabinet__stats-item {
8685 font-size: 12px; 8685 font-size: 12px;
8686 display: -webkit-box; 8686 display: -webkit-box;
8687 display: -ms-flexbox; 8687 display: -ms-flexbox;
8688 display: flex; 8688 display: flex;
8689 -webkit-box-align: center; 8689 -webkit-box-align: center;
8690 -ms-flex-align: center; 8690 -ms-flex-align: center;
8691 align-items: center; 8691 align-items: center;
8692 line-height: 1; 8692 line-height: 1;
8693 gap: 6px; 8693 gap: 6px;
8694 } 8694 }
8695 @media (min-width: 768px) { 8695 @media (min-width: 768px) {
8696 .cabinet__stats-item { 8696 .cabinet__stats-item {
8697 font-size: 20px; 8697 font-size: 20px;
8698 gap: 10px; 8698 gap: 10px;
8699 } 8699 }
8700 } 8700 }
8701 .cabinet__stats-item svg { 8701 .cabinet__stats-item svg {
8702 width: 20px; 8702 width: 20px;
8703 aspect-ratio: 1/1; 8703 aspect-ratio: 1/1;
8704 color: #377d87; 8704 color: #377d87;
8705 } 8705 }
8706 @media (min-width: 768px) { 8706 @media (min-width: 768px) {
8707 .cabinet__stats-item svg { 8707 .cabinet__stats-item svg {
8708 width: 40px; 8708 width: 40px;
8709 margin-right: 10px; 8709 margin-right: 10px;
8710 } 8710 }
8711 } 8711 }
8712 .cabinet__stats-item span { 8712 .cabinet__stats-item span {
8713 font-weight: 700; 8713 font-weight: 700;
8714 color: #000; 8714 color: #000;
8715 } 8715 }
8716 .cabinet__stats-item b { 8716 .cabinet__stats-item b {
8717 color: #377d87; 8717 color: #377d87;
8718 font-size: 14px; 8718 font-size: 14px;
8719 } 8719 }
8720 @media (min-width: 768px) { 8720 @media (min-width: 768px) {
8721 .cabinet__stats-item b { 8721 .cabinet__stats-item b {
8722 font-size: 24px; 8722 font-size: 24px;
8723 } 8723 }
8724 } 8724 }
8725 .cabinet__stats-subtitle { 8725 .cabinet__stats-subtitle {
8726 font-size: 14px; 8726 font-size: 14px;
8727 font-weight: 700; 8727 font-weight: 700;
8728 color: #377d87; 8728 color: #377d87;
8729 } 8729 }
8730 @media (min-width: 768px) { 8730 @media (min-width: 768px) {
8731 .cabinet__stats-subtitle { 8731 .cabinet__stats-subtitle {
8732 font-size: 18px; 8732 font-size: 18px;
8733 } 8733 }
8734 } 8734 }
8735 .cabinet__stats-line { 8735 .cabinet__stats-line {
8736 width: 100%; 8736 width: 100%;
8737 position: relative; 8737 position: relative;
8738 overflow: hidden; 8738 overflow: hidden;
8739 height: 8px; 8739 height: 8px;
8740 border-radius: 999px; 8740 border-radius: 999px;
8741 background: #cecece; 8741 background: #cecece;
8742 } 8742 }
8743 .cabinet__stats-line span { 8743 .cabinet__stats-line span {
8744 position: absolute; 8744 position: absolute;
8745 top: 0; 8745 top: 0;
8746 left: 0; 8746 left: 0;
8747 width: 100%; 8747 width: 100%;
8748 height: 100%; 8748 height: 100%;
8749 background: #377d87; 8749 background: #377d87;
8750 border-radius: 999px; 8750 border-radius: 999px;
8751 } 8751 }
8752 .cabinet__stats-bottom { 8752 .cabinet__stats-bottom {
8753 color: #000; 8753 color: #000;
8754 font-size: 12px; 8754 font-size: 12px;
8755 } 8755 }
8756 @media (min-width: 768px) { 8756 @media (min-width: 768px) {
8757 .cabinet__stats-bottom { 8757 .cabinet__stats-bottom {
8758 font-size: 16px; 8758 font-size: 16px;
8759 } 8759 }
8760 } 8760 }
8761 .cabinet__works { 8761 .cabinet__works {
8762 display: -webkit-box; 8762 display: -webkit-box;
8763 display: -ms-flexbox; 8763 display: -ms-flexbox;
8764 display: flex; 8764 display: flex;
8765 -webkit-box-orient: vertical; 8765 -webkit-box-orient: vertical;
8766 -webkit-box-direction: normal; 8766 -webkit-box-direction: normal;
8767 -ms-flex-direction: column; 8767 -ms-flex-direction: column;
8768 flex-direction: column; 8768 flex-direction: column;
8769 gap: 20px; 8769 gap: 20px;
8770 } 8770 }
8771 @media (min-width: 768px) { 8771 @media (min-width: 768px) {
8772 .cabinet__works { 8772 .cabinet__works {
8773 gap: 30px; 8773 gap: 30px;
8774 } 8774 }
8775 } 8775 }
8776 .cabinet__works-item { 8776 .cabinet__works-item {
8777 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8777 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8778 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8778 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8779 padding: 10px; 8779 padding: 10px;
8780 border-radius: 4px; 8780 border-radius: 4px;
8781 } 8781 }
8782 @media (min-width: 768px) { 8782 @media (min-width: 768px) {
8783 .cabinet__works-item { 8783 .cabinet__works-item {
8784 padding: 20px; 8784 padding: 20px;
8785 border-radius: 8px; 8785 border-radius: 8px;
8786 } 8786 }
8787 } 8787 }
8788 .cabinet__works-spoiler { 8788 .cabinet__works-spoiler {
8789 display: -webkit-box; 8789 display: -webkit-box;
8790 display: -ms-flexbox; 8790 display: -ms-flexbox;
8791 display: flex; 8791 display: flex;
8792 -webkit-box-align: center; 8792 -webkit-box-align: center;
8793 -ms-flex-align: center; 8793 -ms-flex-align: center;
8794 align-items: center; 8794 align-items: center;
8795 -webkit-box-pack: justify; 8795 -webkit-box-pack: justify;
8796 -ms-flex-pack: justify; 8796 -ms-flex-pack: justify;
8797 justify-content: space-between; 8797 justify-content: space-between;
8798 } 8798 }
8799 .cabinet__works-spoiler-left { 8799 .cabinet__works-spoiler-left {
8800 display: -webkit-box; 8800 display: -webkit-box;
8801 display: -ms-flexbox; 8801 display: -ms-flexbox;
8802 display: flex; 8802 display: flex;
8803 -webkit-box-align: center; 8803 -webkit-box-align: center;
8804 -ms-flex-align: center; 8804 -ms-flex-align: center;
8805 align-items: center; 8805 align-items: center;
8806 width: calc(100% - 22px); 8806 width: calc(100% - 22px);
8807 } 8807 }
8808 .cabinet__works-spoiler-right { 8808 .cabinet__works-spoiler-right {
8809 width: 22px; 8809 width: 22px;
8810 height: 22px; 8810 height: 22px;
8811 display: -webkit-box; 8811 display: -webkit-box;
8812 display: -ms-flexbox; 8812 display: -ms-flexbox;
8813 display: flex; 8813 display: flex;
8814 -webkit-box-align: center; 8814 -webkit-box-align: center;
8815 -ms-flex-align: center; 8815 -ms-flex-align: center;
8816 align-items: center; 8816 align-items: center;
8817 -webkit-box-pack: center; 8817 -webkit-box-pack: center;
8818 -ms-flex-pack: center; 8818 -ms-flex-pack: center;
8819 justify-content: center; 8819 justify-content: center;
8820 color: #377d87; 8820 color: #377d87;
8821 padding: 0; 8821 padding: 0;
8822 background: none; 8822 background: none;
8823 border: none; 8823 border: none;
8824 } 8824 }
8825 .cabinet__works-spoiler-right svg { 8825 .cabinet__works-spoiler-right svg {
8826 width: 60%; 8826 width: 60%;
8827 aspect-ratio: 1/1; 8827 aspect-ratio: 1/1;
8828 -webkit-transform: rotate(90deg); 8828 -webkit-transform: rotate(90deg);
8829 -ms-transform: rotate(90deg); 8829 -ms-transform: rotate(90deg);
8830 transform: rotate(90deg); 8830 transform: rotate(90deg);
8831 -webkit-transition: 0.3s; 8831 -webkit-transition: 0.3s;
8832 transition: 0.3s; 8832 transition: 0.3s;
8833 } 8833 }
8834 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 8834 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
8835 -webkit-transform: rotate(-90deg); 8835 -webkit-transform: rotate(-90deg);
8836 -ms-transform: rotate(-90deg); 8836 -ms-transform: rotate(-90deg);
8837 transform: rotate(-90deg); 8837 transform: rotate(-90deg);
8838 } 8838 }
8839 .cabinet__works-spoiler-buttons { 8839 .cabinet__works-spoiler-buttons {
8840 display: -webkit-box; 8840 display: -webkit-box;
8841 display: -ms-flexbox; 8841 display: -ms-flexbox;
8842 display: flex; 8842 display: flex;
8843 -webkit-box-align: center; 8843 -webkit-box-align: center;
8844 -ms-flex-align: center; 8844 -ms-flex-align: center;
8845 align-items: center; 8845 align-items: center;
8846 -webkit-box-pack: justify; 8846 -webkit-box-pack: justify;
8847 -ms-flex-pack: justify; 8847 -ms-flex-pack: justify;
8848 justify-content: space-between; 8848 justify-content: space-between;
8849 width: 60px; 8849 width: 60px;
8850 } 8850 }
8851 @media (min-width: 768px) { 8851 @media (min-width: 768px) {
8852 .cabinet__works-spoiler-buttons { 8852 .cabinet__works-spoiler-buttons {
8853 width: 74px; 8853 width: 74px;
8854 } 8854 }
8855 } 8855 }
8856 .cabinet__works-spoiler-buttons .button { 8856 .cabinet__works-spoiler-buttons .button {
8857 width: 22px; 8857 width: 22px;
8858 height: 22px; 8858 height: 22px;
8859 padding: 0; 8859 padding: 0;
8860 } 8860 }
8861 @media (min-width: 768px) { 8861 @media (min-width: 768px) {
8862 .cabinet__works-spoiler-buttons .button { 8862 .cabinet__works-spoiler-buttons .button {
8863 width: 30px; 8863 width: 30px;
8864 height: 30px; 8864 height: 30px;
8865 } 8865 }
8866 } 8866 }
8867 .cabinet__works-spoiler-text { 8867 .cabinet__works-spoiler-text {
8868 width: calc(100% - 60px); 8868 width: calc(100% - 60px);
8869 padding-left: 20px; 8869 padding-left: 20px;
8870 font-size: 17px; 8870 font-size: 17px;
8871 font-weight: 700; 8871 font-weight: 700;
8872 color: #000; 8872 color: #000;
8873 } 8873 }
8874 @media (min-width: 768px) { 8874 @media (min-width: 768px) {
8875 .cabinet__works-spoiler-text { 8875 .cabinet__works-spoiler-text {
8876 width: calc(100% - 74px); 8876 width: calc(100% - 74px);
8877 font-size: 20px; 8877 font-size: 20px;
8878 } 8878 }
8879 } 8879 }
8880 .cabinet__works-body { 8880 .cabinet__works-body {
8881 opacity: 0; 8881 opacity: 0;
8882 height: 0; 8882 height: 0;
8883 overflow: hidden; 8883 overflow: hidden;
8884 } 8884 }
8885 .active + .cabinet__works-body { 8885 .active + .cabinet__works-body {
8886 -webkit-transition: 0.3s; 8886 -webkit-transition: 0.3s;
8887 transition: 0.3s; 8887 transition: 0.3s;
8888 opacity: 1; 8888 opacity: 1;
8889 height: auto; 8889 height: auto;
8890 padding-top: 20px; 8890 padding-top: 20px;
8891 } 8891 }
8892 .cabinet__works-add { 8892 .cabinet__works-add {
8893 padding: 0; 8893 padding: 0;
8894 width: 100%; 8894 width: 100%;
8895 max-width: 160px; 8895 max-width: 160px;
8896 } 8896 }
8897 @media (min-width: 768px) { 8897 @media (min-width: 768px) {
8898 .cabinet__works-add { 8898 .cabinet__works-add {
8899 max-width: 220px; 8899 max-width: 220px;
8900 } 8900 }
8901 } 8901 }
8902 .cabinet__buttons { 8902 .cabinet__buttons {
8903 display: -webkit-box; 8903 display: -webkit-box;
8904 display: -ms-flexbox; 8904 display: -ms-flexbox;
8905 display: flex; 8905 display: flex;
8906 -webkit-box-orient: vertical; 8906 -webkit-box-orient: vertical;
8907 -webkit-box-direction: normal; 8907 -webkit-box-direction: normal;
8908 -ms-flex-direction: column; 8908 -ms-flex-direction: column;
8909 flex-direction: column; 8909 flex-direction: column;
8910 -webkit-box-align: center; 8910 -webkit-box-align: center;
8911 -ms-flex-align: center; 8911 -ms-flex-align: center;
8912 align-items: center; 8912 align-items: center;
8913 gap: 10px; 8913 gap: 10px;
8914 } 8914 }
8915 @media (min-width: 768px) { 8915 @media (min-width: 768px) {
8916 .cabinet__buttons { 8916 .cabinet__buttons {
8917 display: grid; 8917 display: grid;
8918 grid-template-columns: 1fr 1fr; 8918 grid-template-columns: 1fr 1fr;
8919 gap: 20px; 8919 gap: 20px;
8920 } 8920 }
8921 } 8921 }
8922 .cabinet__buttons .button, 8922 .cabinet__buttons .button,
8923 .cabinet__buttons .file { 8923 .cabinet__buttons .file {
8924 padding: 0; 8924 padding: 0;
8925 width: 100%; 8925 width: 100%;
8926 max-width: 140px; 8926 max-width: 140px;
8927 } 8927 }
8928 @media (min-width: 768px) { 8928 @media (min-width: 768px) {
8929 .cabinet__buttons .button, 8929 .cabinet__buttons .button,
8930 .cabinet__buttons .file { 8930 .cabinet__buttons .file {
8931 max-width: none; 8931 max-width: none;
8932 } 8932 }
8933 } 8933 }
8934 @media (min-width: 768px) { 8934 @media (min-width: 768px) {
8935 .cabinet__buttons { 8935 .cabinet__buttons {
8936 gap: 20px; 8936 gap: 20px;
8937 } 8937 }
8938 } 8938 }
8939 @media (min-width: 1280px) { 8939 @media (min-width: 1280px) {
8940 .cabinet__buttons { 8940 .cabinet__buttons {
8941 max-width: 400px; 8941 max-width: 400px;
8942 } 8942 }
8943 } 8943 }
8944 .cabinet__vacs { 8944 .cabinet__vacs {
8945 display: -webkit-box; 8945 display: -webkit-box;
8946 display: -ms-flexbox; 8946 display: -ms-flexbox;
8947 display: flex; 8947 display: flex;
8948 -webkit-box-orient: vertical; 8948 -webkit-box-orient: vertical;
8949 -webkit-box-direction: reverse; 8949 -webkit-box-direction: reverse;
8950 -ms-flex-direction: column-reverse; 8950 -ms-flex-direction: column-reverse;
8951 flex-direction: column-reverse; 8951 flex-direction: column-reverse;
8952 -webkit-box-align: center; 8952 -webkit-box-align: center;
8953 -ms-flex-align: center; 8953 -ms-flex-align: center;
8954 align-items: center; 8954 align-items: center;
8955 gap: 20px; 8955 gap: 20px;
8956 } 8956 }
8957 .cabinet__vacs-body { 8957 .cabinet__vacs-body {
8958 display: -webkit-box; 8958 display: -webkit-box;
8959 display: -ms-flexbox; 8959 display: -ms-flexbox;
8960 display: flex; 8960 display: flex;
8961 -webkit-box-orient: vertical; 8961 -webkit-box-orient: vertical;
8962 -webkit-box-direction: normal; 8962 -webkit-box-direction: normal;
8963 -ms-flex-direction: column; 8963 -ms-flex-direction: column;
8964 flex-direction: column; 8964 flex-direction: column;
8965 gap: 20px; 8965 gap: 20px;
8966 width: 100%; 8966 width: 100%;
8967 } 8967 }
8968 @media (min-width: 768px) { 8968 @media (min-width: 768px) {
8969 .cabinet__vacs-body { 8969 .cabinet__vacs-body {
8970 gap: 30px; 8970 gap: 30px;
8971 } 8971 }
8972 } 8972 }
8973 .cabinet__vacs-item { 8973 .cabinet__vacs-item {
8974 display: none; 8974 display: none;
8975 background: #fff; 8975 background: #fff;
8976 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8976 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8977 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8977 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8978 } 8978 }
8979 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 8979 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
8980 display: -webkit-box; 8980 display: -webkit-box;
8981 display: -ms-flexbox; 8981 display: -ms-flexbox;
8982 display: flex; 8982 display: flex;
8983 } 8983 }
8984 .cabinet__vacs.active .cabinet__vacs-item { 8984 .cabinet__vacs.active .cabinet__vacs-item {
8985 display: -webkit-box; 8985 display: -webkit-box;
8986 display: -ms-flexbox; 8986 display: -ms-flexbox;
8987 display: flex; 8987 display: flex;
8988 }
8988 }
resources/views/emails/send_adminy.blade.php
Diff comments   View file @ ee65908
1 <div> 1 <div>
2 Пользователь написал вам: {{ $data['name'] }}<br> 2 Пользователь написал вам: {{ $data['name'] }}<br>
3 Email: {{ $data['email'] }}<br> 3 Email: {{ $data['email'] }}<br>
4 Название компании: {{ $data['name_company'] }} 4 Название компании: {{ $data['name_company'] }}<br>
5 Телефон: {{ $data['telephone'] }}<br> 5 Телефон: {{ $data['telephone'] }}<br>
6 Текст сообщения: {{ $data['text'] }}<br> 6 Текст сообщения: {{ $data['text'] }}<br>
7 </div> 7 </div>
8 8