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

Download as
Browse Code »

Commit cf60bea3e55b300a15247f05333e94b6946bc131

Authored by Андрей Ларионов
2 parents 62331466dc 5914833d5c
Exists in master

uncommited files

Showing 6 changed files Inline Diff

public/css/style_may2024.css
Diff comments   View file @ cf60bea
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #000; 334 color: #000;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #000; 339 color: #000;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #fff; 350 background-color: #fff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 h1, 499 h1,
500 h2, 500 h2,
501 h3, 501 h3,
502 h4, 502 h4,
503 h5, 503 h5,
504 h6 { 504 h6 {
505 margin: 0; 505 margin: 0;
506 } 506 }
507 507
508 #body { 508 #body {
509 font-family: "Circe", sans-serif; 509 font-family: "Circe", sans-serif;
510 color: #000; 510 color: #000;
511 background: #fff; 511 background: #fff;
512 display: -webkit-box; 512 display: -webkit-box;
513 display: -ms-flexbox; 513 display: -ms-flexbox;
514 display: flex; 514 display: flex;
515 -webkit-box-orient: vertical; 515 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 516 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 517 -ms-flex-direction: column;
518 flex-direction: column; 518 flex-direction: column;
519 -webkit-box-pack: justify; 519 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 520 -ms-flex-pack: justify;
521 justify-content: space-between; 521 justify-content: space-between;
522 gap: 50px; 522 gap: 50px;
523 min-width: 320px; 523 min-width: 320px;
524 min-height: 100vh; 524 min-height: 100vh;
525 line-height: 1.25; 525 line-height: 1.25;
526 } 526 }
527 @media (min-width: 768px) { 527 @media (min-width: 768px) {
528 #body { 528 #body {
529 gap: 60px; 529 gap: 60px;
530 } 530 }
531 } 531 }
532 #body.pdf { 532 #body.pdf {
533 gap: 0; 533 gap: 0;
534 } 534 }
535 535
536 .container { 536 .container {
537 width: 100%; 537 width: 100%;
538 max-width: 1280px; 538 max-width: 1280px;
539 margin-left: auto; 539 margin-left: auto;
540 margin-right: auto; 540 margin-right: auto;
541 padding-left: 10px; 541 padding-left: 10px;
542 padding-right: 10px; 542 padding-right: 10px;
543 } 543 }
544 @media (min-width: 768px) { 544 @media (min-width: 768px) {
545 .container { 545 .container {
546 padding-left: 20px; 546 padding-left: 20px;
547 padding-right: 20px; 547 padding-right: 20px;
548 } 548 }
549 } 549 }
550 550
551 .to-top { 551 .to-top {
552 position: fixed; 552 position: fixed;
553 right: 10px; 553 right: 10px;
554 bottom: 10px; 554 bottom: 10px;
555 border-radius: 999px; 555 border-radius: 999px;
556 display: -webkit-box; 556 display: -webkit-box;
557 display: -ms-flexbox; 557 display: -ms-flexbox;
558 display: flex; 558 display: flex;
559 -webkit-box-pack: center; 559 -webkit-box-pack: center;
560 -ms-flex-pack: center; 560 -ms-flex-pack: center;
561 justify-content: center; 561 justify-content: center;
562 -webkit-box-align: center; 562 -webkit-box-align: center;
563 -ms-flex-align: center; 563 -ms-flex-align: center;
564 align-items: center; 564 align-items: center;
565 color: #fff; 565 color: #fff;
566 background: #377d87; 566 background: #377d87;
567 width: 40px; 567 width: 40px;
568 height: 40px; 568 height: 40px;
569 -webkit-transition: 0.3s; 569 -webkit-transition: 0.3s;
570 transition: 0.3s; 570 transition: 0.3s;
571 margin-right: -100px; 571 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 574 z-index: 99;
575 border: 1px solid #377d87; 575 border: 1px solid #377d87;
576 } 576 }
577 .to-top:hover { 577 .to-top:hover {
578 background: #fff; 578 background: #fff;
579 color: #377d87; 579 color: #377d87;
580 } 580 }
581 .to-top svg { 581 .to-top svg {
582 width: 10px; 582 width: 10px;
583 height: 10px; 583 height: 10px;
584 } 584 }
585 @media (min-width: 768px) { 585 @media (min-width: 768px) {
586 .to-top { 586 .to-top {
587 width: 50px; 587 width: 50px;
588 height: 50px; 588 height: 50px;
589 right: 20px; 589 right: 20px;
590 bottom: 20px; 590 bottom: 20px;
591 } 591 }
592 .to-top svg { 592 .to-top svg {
593 width: 12px; 593 width: 12px;
594 height: 12px; 594 height: 12px;
595 } 595 }
596 } 596 }
597 597
598 .begin .to-top { 598 .begin .to-top {
599 margin-right: 0; 599 margin-right: 0;
600 } 600 }
601 601
602 .socials { 602 .socials {
603 display: -webkit-box; 603 display: -webkit-box;
604 display: -ms-flexbox; 604 display: -ms-flexbox;
605 display: flex; 605 display: flex;
606 -webkit-box-align: center; 606 -webkit-box-align: center;
607 -ms-flex-align: center; 607 -ms-flex-align: center;
608 align-items: center; 608 align-items: center;
609 -webkit-box-pack: center; 609 -webkit-box-pack: center;
610 -ms-flex-pack: center; 610 -ms-flex-pack: center;
611 justify-content: center; 611 justify-content: center;
612 gap: 8px; 612 gap: 8px;
613 } 613 }
614 .socials a { 614 .socials a {
615 display: -webkit-box; 615 display: -webkit-box;
616 display: -ms-flexbox; 616 display: -ms-flexbox;
617 display: flex; 617 display: flex;
618 -webkit-box-align: center; 618 -webkit-box-align: center;
619 -ms-flex-align: center; 619 -ms-flex-align: center;
620 align-items: center; 620 align-items: center;
621 -webkit-box-pack: center; 621 -webkit-box-pack: center;
622 -ms-flex-pack: center; 622 -ms-flex-pack: center;
623 justify-content: center; 623 justify-content: center;
624 border: 1px solid #377d87; 624 border: 1px solid #377d87;
625 color: #377d87; 625 color: #377d87;
626 border-radius: 999px; 626 border-radius: 999px;
627 width: 38px; 627 width: 38px;
628 height: 38px; 628 height: 38px;
629 } 629 }
630 .socials a:hover { 630 .socials a:hover {
631 background: #377d87; 631 background: #377d87;
632 color: #fff; 632 color: #fff;
633 } 633 }
634 .socials svg { 634 .socials svg {
635 width: 12px; 635 width: 12px;
636 height: 12px; 636 height: 12px;
637 } 637 }
638 638
639 .nls { 639 .nls {
640 display: -webkit-box; 640 display: -webkit-box;
641 display: -ms-flexbox; 641 display: -ms-flexbox;
642 display: flex; 642 display: flex;
643 color: #000; 643 color: #000;
644 text-align: left; 644 text-align: left;
645 } 645 }
646 .nls:hover { 646 .nls:hover {
647 color: #377d87; 647 color: #377d87;
648 } 648 }
649 .nls svg { 649 .nls svg {
650 width: 30px; 650 width: 30px;
651 height: 40px; 651 height: 40px;
652 } 652 }
653 @media (min-width: 768px) { 653 @media (min-width: 768px) {
654 .nls svg { 654 .nls svg {
655 width: 24px; 655 width: 24px;
656 height: 31px; 656 height: 31px;
657 } 657 }
658 } 658 }
659 .nls span { 659 .nls span {
660 width: calc(100% - 30px); 660 width: calc(100% - 30px);
661 padding-left: 12px; 661 padding-left: 12px;
662 display: -webkit-box; 662 display: -webkit-box;
663 display: -ms-flexbox; 663 display: -ms-flexbox;
664 display: flex; 664 display: flex;
665 -webkit-box-orient: vertical; 665 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 666 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 667 -ms-flex-direction: column;
668 flex-direction: column; 668 flex-direction: column;
669 -webkit-box-pack: center; 669 -webkit-box-pack: center;
670 -ms-flex-pack: center; 670 -ms-flex-pack: center;
671 justify-content: center; 671 justify-content: center;
672 font-size: 12px; 672 font-size: 12px;
673 line-height: 1.4; 673 line-height: 1.4;
674 } 674 }
675 @media (min-width: 768px) { 675 @media (min-width: 768px) {
676 .nls span { 676 .nls span {
677 width: calc(100% - 24px); 677 width: calc(100% - 24px);
678 } 678 }
679 } 679 }
680 .nls b { 680 .nls b {
681 font-weight: 400; 681 font-weight: 400;
682 } 682 }
683 683
684 .title, 684 .title,
685 h1 { 685 h1 {
686 margin: 0; 686 margin: 0;
687 font-weight: 700; 687 font-weight: 700;
688 font-size: 32px; 688 font-size: 32px;
689 } 689 }
690 @media (min-width: 768px) { 690 @media (min-width: 768px) {
691 .title, 691 .title,
692 h1 { 692 h1 {
693 font-size: 40px; 693 font-size: 40px;
694 } 694 }
695 } 695 }
696 @media (min-width: 992px) { 696 @media (min-width: 992px) {
697 .title, 697 .title,
698 h1 { 698 h1 {
699 font-size: 48px; 699 font-size: 48px;
700 } 700 }
701 } 701 }
702 @media (min-width: 1280px) { 702 @media (min-width: 1280px) {
703 .title, 703 .title,
704 h1 { 704 h1 {
705 font-size: 64px; 705 font-size: 64px;
706 } 706 }
707 } 707 }
708 708
709 .swiper-pagination { 709 .swiper-pagination {
710 display: -webkit-box; 710 display: -webkit-box;
711 display: -ms-flexbox; 711 display: -ms-flexbox;
712 display: flex; 712 display: flex;
713 -webkit-box-pack: center; 713 -webkit-box-pack: center;
714 -ms-flex-pack: center; 714 -ms-flex-pack: center;
715 justify-content: center; 715 justify-content: center;
716 -webkit-box-align: center; 716 -webkit-box-align: center;
717 -ms-flex-align: center; 717 -ms-flex-align: center;
718 align-items: center; 718 align-items: center;
719 position: static; 719 position: static;
720 margin-top: 20px; 720 margin-top: 20px;
721 gap: 8px; 721 gap: 8px;
722 } 722 }
723 @media (min-width: 768px) { 723 @media (min-width: 768px) {
724 .swiper-pagination { 724 .swiper-pagination {
725 margin-top: 30px; 725 margin-top: 30px;
726 } 726 }
727 } 727 }
728 .swiper-pagination-bullet { 728 .swiper-pagination-bullet {
729 width: 16px; 729 width: 16px;
730 height: 16px; 730 height: 16px;
731 opacity: 1; 731 opacity: 1;
732 border: 1px solid #cdcece; 732 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 733 -webkit-transition: 0.3s;
734 transition: 0.3s; 734 transition: 0.3s;
735 background: transparent; 735 background: transparent;
736 display: -webkit-box; 736 display: -webkit-box;
737 display: -ms-flexbox; 737 display: -ms-flexbox;
738 display: flex; 738 display: flex;
739 -webkit-box-pack: center; 739 -webkit-box-pack: center;
740 -ms-flex-pack: center; 740 -ms-flex-pack: center;
741 justify-content: center; 741 justify-content: center;
742 -webkit-box-align: center; 742 -webkit-box-align: center;
743 -ms-flex-align: center; 743 -ms-flex-align: center;
744 align-items: center; 744 align-items: center;
745 margin: 0 !important; 745 margin: 0 !important;
746 } 746 }
747 .swiper-pagination-bullet:before { 747 .swiper-pagination-bullet:before {
748 content: ""; 748 content: "";
749 width: 6px; 749 width: 6px;
750 height: 6px; 750 height: 6px;
751 border-radius: 999px; 751 border-radius: 999px;
752 background: #377d87; 752 background: #377d87;
753 opacity: 0; 753 opacity: 0;
754 -webkit-transition: 0.3s; 754 -webkit-transition: 0.3s;
755 transition: 0.3s; 755 transition: 0.3s;
756 } 756 }
757 .swiper-pagination-bullet:hover { 757 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 758 border-color: #377d87;
759 } 759 }
760 .swiper-pagination-bullet-active { 760 .swiper-pagination-bullet-active {
761 border-color: #377d87; 761 border-color: #377d87;
762 } 762 }
763 .swiper-pagination-bullet-active:before { 763 .swiper-pagination-bullet-active:before {
764 opacity: 1; 764 opacity: 1;
765 } 765 }
766 766
767 .navs { 767 .navs {
768 display: -webkit-box; 768 display: -webkit-box;
769 display: -ms-flexbox; 769 display: -ms-flexbox;
770 display: flex; 770 display: flex;
771 -webkit-box-align: center; 771 -webkit-box-align: center;
772 -ms-flex-align: center; 772 -ms-flex-align: center;
773 align-items: center; 773 align-items: center;
774 -webkit-box-pack: justify; 774 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 775 -ms-flex-pack: justify;
776 justify-content: space-between; 776 justify-content: space-between;
777 gap: 20px; 777 gap: 20px;
778 width: 80px; 778 width: 80px;
779 } 779 }
780 .navs button { 780 .navs button {
781 color: #377d87; 781 color: #377d87;
782 background: none; 782 background: none;
783 border: none; 783 border: none;
784 padding: 0; 784 padding: 0;
785 } 785 }
786 .navs button[disabled] { 786 .navs button[disabled] {
787 cursor: not-allowed; 787 cursor: not-allowed;
788 color: #cddee1; 788 color: #cddee1;
789 } 789 }
790 .navs svg { 790 .navs svg {
791 width: 14px; 791 width: 14px;
792 height: 28px; 792 height: 28px;
793 } 793 }
794 794
795 .select { 795 .select {
796 position: relative; 796 position: relative;
797 } 797 }
798 .select2 { 798 .select2 {
799 width: 100% !important; 799 width: 100% !important;
800 } 800 }
801 .select2-container { 801 .select2-container {
802 font-size: 12px; 802 font-size: 12px;
803 } 803 }
804 @media (min-width: 768px) { 804 @media (min-width: 768px) {
805 .select2-container { 805 .select2-container {
806 font-size: 16px; 806 font-size: 16px;
807 } 807 }
808 } 808 }
809 .select2-container--open .select2-selection { 809 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 810 border-color: #377d87 !important;
811 } 811 }
812 .select2-container--open .select2-selection__arrow svg { 812 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 813 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 814 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 815 transform: rotate(180deg);
816 } 816 }
817 .select2-selection { 817 .select2-selection {
818 min-height: 30px !important; 818 min-height: 30px !important;
819 border-radius: 8px !important; 819 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 820 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 821 -webkit-transition: 0.3s;
822 transition: 0.3s; 822 transition: 0.3s;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection { 825 .select2-selection {
826 min-height: 50px !important; 826 min-height: 50px !important;
827 } 827 }
828 } 828 }
829 .select2-selection__rendered { 829 .select2-selection__rendered {
830 line-height: 28px !important; 830 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 831 padding: 0 30px 0 10px !important;
832 } 832 }
833 @media (min-width: 768px) { 833 @media (min-width: 768px) {
834 .select2-selection__rendered { 834 .select2-selection__rendered {
835 line-height: 48px !important; 835 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 836 padding: 0 46px 0 20px !important;
837 } 837 }
838 } 838 }
839 .select2-selection--multiple .select2-selection__rendered { 839 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 840 display: -webkit-box !important;
841 display: -ms-flexbox !important; 841 display: -ms-flexbox !important;
842 display: flex !important; 842 display: flex !important;
843 -webkit-box-align: center; 843 -webkit-box-align: center;
844 -ms-flex-align: center; 844 -ms-flex-align: center;
845 align-items: center; 845 align-items: center;
846 -ms-flex-wrap: wrap; 846 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 847 flex-wrap: wrap;
848 gap: 10px; 848 gap: 10px;
849 padding-top: 10px !important; 849 padding-top: 10px !important;
850 padding-bottom: 10px !important; 850 padding-bottom: 10px !important;
851 } 851 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 853 margin: 0;
854 } 854 }
855 .select2-selection__arrow { 855 .select2-selection__arrow {
856 top: 0 !important; 856 top: 0 !important;
857 right: 0 !important; 857 right: 0 !important;
858 width: 30px !important; 858 width: 30px !important;
859 height: 100% !important; 859 height: 100% !important;
860 display: -webkit-box; 860 display: -webkit-box;
861 display: -ms-flexbox; 861 display: -ms-flexbox;
862 display: flex; 862 display: flex;
863 -webkit-box-pack: center; 863 -webkit-box-pack: center;
864 -ms-flex-pack: center; 864 -ms-flex-pack: center;
865 justify-content: center; 865 justify-content: center;
866 -webkit-box-align: center; 866 -webkit-box-align: center;
867 -ms-flex-align: center; 867 -ms-flex-align: center;
868 align-items: center; 868 align-items: center;
869 color: #377d87; 869 color: #377d87;
870 } 870 }
871 @media (min-width: 768px) { 871 @media (min-width: 768px) {
872 .select2-selection__arrow { 872 .select2-selection__arrow {
873 width: 50px !important; 873 width: 50px !important;
874 } 874 }
875 } 875 }
876 .select2-selection__arrow svg { 876 .select2-selection__arrow svg {
877 width: 12px; 877 width: 12px;
878 height: 12px; 878 height: 12px;
879 -webkit-transition: 0.3s; 879 -webkit-transition: 0.3s;
880 transition: 0.3s; 880 transition: 0.3s;
881 } 881 }
882 @media (min-width: 768px) { 882 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 883 .select2-selection__arrow svg {
884 width: 14px; 884 width: 14px;
885 height: 14px; 885 height: 14px;
886 } 886 }
887 } 887 }
888 .select2-selection__choice { 888 .select2-selection__choice {
889 display: -webkit-box; 889 display: -webkit-box;
890 display: -ms-flexbox; 890 display: -ms-flexbox;
891 display: flex; 891 display: flex;
892 -webkit-box-orient: horizontal; 892 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 893 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 894 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 895 flex-direction: row-reverse;
896 -webkit-box-align: center; 896 -webkit-box-align: center;
897 -ms-flex-align: center; 897 -ms-flex-align: center;
898 align-items: center; 898 align-items: center;
899 -webkit-box-pack: center; 899 -webkit-box-pack: center;
900 -ms-flex-pack: center; 900 -ms-flex-pack: center;
901 justify-content: center; 901 justify-content: center;
902 gap: 4px; 902 gap: 4px;
903 padding: 0 4px 0 6px !important; 903 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 904 background: #377d87 !important;
905 border: none !important; 905 border: none !important;
906 border-radius: 6px !important; 906 border-radius: 6px !important;
907 line-height: 1 !important; 907 line-height: 1 !important;
908 color: #fff; 908 color: #fff;
909 height: 24px; 909 height: 24px;
910 } 910 }
911 @media (min-width: 768px) { 911 @media (min-width: 768px) {
912 .select2-selection__choice { 912 .select2-selection__choice {
913 height: 32px; 913 height: 32px;
914 gap: 6px; 914 gap: 6px;
915 padding: 0 6px 0 10px !important; 915 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 916 border-radius: 8px !important;
917 } 917 }
918 } 918 }
919 .select2-selection__choice__remove { 919 .select2-selection__choice__remove {
920 width: 14px; 920 width: 14px;
921 height: 14px; 921 height: 14px;
922 padding-top: 4px; 922 padding-top: 4px;
923 display: -webkit-box !important; 923 display: -webkit-box !important;
924 display: -ms-flexbox !important; 924 display: -ms-flexbox !important;
925 display: flex !important; 925 display: flex !important;
926 -webkit-box-pack: center; 926 -webkit-box-pack: center;
927 -ms-flex-pack: center; 927 -ms-flex-pack: center;
928 justify-content: center; 928 justify-content: center;
929 -webkit-box-align: center; 929 -webkit-box-align: center;
930 -ms-flex-align: center; 930 -ms-flex-align: center;
931 align-items: center; 931 align-items: center;
932 color: #fff !important; 932 color: #fff !important;
933 font-weight: 400 !important; 933 font-weight: 400 !important;
934 font-size: 26px; 934 font-size: 26px;
935 } 935 }
936 .select2-search { 936 .select2-search {
937 display: none; 937 display: none;
938 } 938 }
939 .select2-dropdown { 939 .select2-dropdown {
940 z-index: 99999; 940 z-index: 99999;
941 border: none; 941 border: none;
942 border-radius: 0; 942 border-radius: 0;
943 background: none; 943 background: none;
944 padding: 5px 0; 944 padding: 5px 0;
945 } 945 }
946 @media (min-width: 768px) { 946 @media (min-width: 768px) {
947 .select2-dropdown { 947 .select2-dropdown {
948 padding: 10px 0; 948 padding: 10px 0;
949 } 949 }
950 } 950 }
951 .select2-results { 951 .select2-results {
952 background: #fff; 952 background: #fff;
953 border-radius: 8px; 953 border-radius: 8px;
954 border: 1px solid #377d87; 954 border: 1px solid #377d87;
955 overflow: hidden; 955 overflow: hidden;
956 } 956 }
957 @media (min-width: 768px) { 957 @media (min-width: 768px) {
958 .select2-results__option { 958 .select2-results__option {
959 padding: 10px 14px; 959 padding: 10px 14px;
960 } 960 }
961 } 961 }
962 .select2-results__option--highlighted { 962 .select2-results__option--highlighted {
963 background: #377d87 !important; 963 background: #377d87 !important;
964 } 964 }
965 @media (min-width: 768px) { 965 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 966 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 967 padding-left: 60px !important;
968 } 968 }
969 } 969 }
970 .select_search .select__icon { 970 .select_search .select__icon {
971 display: none; 971 display: none;
972 height: 28px; 972 height: 28px;
973 -webkit-box-align: center; 973 -webkit-box-align: center;
974 -ms-flex-align: center; 974 -ms-flex-align: center;
975 align-items: center; 975 align-items: center;
976 padding-right: 12px; 976 padding-right: 12px;
977 z-index: 2; 977 z-index: 2;
978 position: absolute; 978 position: absolute;
979 top: 50%; 979 top: 50%;
980 left: 15px; 980 left: 15px;
981 margin-top: -14px; 981 margin-top: -14px;
982 } 982 }
983 @media (min-width: 768px) { 983 @media (min-width: 768px) {
984 .select_search .select__icon { 984 .select_search .select__icon {
985 display: -webkit-box; 985 display: -webkit-box;
986 display: -ms-flexbox; 986 display: -ms-flexbox;
987 display: flex; 987 display: flex;
988 } 988 }
989 } 989 }
990 .select_search .select__icon:after { 990 .select_search .select__icon:after {
991 content: ""; 991 content: "";
992 width: 1px; 992 width: 1px;
993 height: 100%; 993 height: 100%;
994 border-radius: 999px; 994 border-radius: 999px;
995 position: absolute; 995 position: absolute;
996 top: 0; 996 top: 0;
997 right: 0; 997 right: 0;
998 background: #cecece; 998 background: #cecece;
999 } 999 }
1000 .select_search .select__icon svg { 1000 .select_search .select__icon svg {
1001 color: #9c9d9d; 1001 color: #9c9d9d;
1002 width: 20px; 1002 width: 20px;
1003 height: 20px; 1003 height: 20px;
1004 } 1004 }
1005 1005
1006 .form-group { 1006 .form-group {
1007 display: -webkit-box; 1007 display: -webkit-box;
1008 display: -ms-flexbox; 1008 display: -ms-flexbox;
1009 display: flex; 1009 display: flex;
1010 -webkit-box-orient: vertical; 1010 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1011 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1012 -ms-flex-direction: column;
1013 flex-direction: column; 1013 flex-direction: column;
1014 gap: 4px; 1014 gap: 4px;
1015 } 1015 }
1016 .form-group__label { 1016 .form-group__label {
1017 font-size: 12px; 1017 font-size: 12px;
1018 } 1018 }
1019 @media (min-width: 768px) { 1019 @media (min-width: 768px) {
1020 .form-group__label { 1020 .form-group__label {
1021 font-size: 16px; 1021 font-size: 16px;
1022 } 1022 }
1023 } 1023 }
1024 .form-group__item { 1024 .form-group__item {
1025 display: -webkit-box; 1025 display: -webkit-box;
1026 display: -ms-flexbox; 1026 display: -ms-flexbox;
1027 display: flex; 1027 display: flex;
1028 -webkit-box-orient: vertical; 1028 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1029 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1030 -ms-flex-direction: column;
1031 flex-direction: column; 1031 flex-direction: column;
1032 position: relative; 1032 position: relative;
1033 } 1033 }
1034 1034
1035 .input { 1035 .input {
1036 display: block; 1036 display: block;
1037 height: 30px; 1037 height: 30px;
1038 border: 1px solid #cecece; 1038 border: 1px solid #cecece;
1039 background: #fff; 1039 background: #fff;
1040 font-size: 12px; 1040 font-size: 12px;
1041 border-radius: 8px; 1041 border-radius: 8px;
1042 padding: 0 10px; 1042 padding: 0 10px;
1043 color: #000; 1043 color: #000;
1044 -webkit-transition: 0.3s; 1044 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1045 transition: 0.3s;
1046 position: relative; 1046 position: relative;
1047 z-index: 1; 1047 z-index: 1;
1048 } 1048 }
1049 @media (min-width: 768px) { 1049 @media (min-width: 768px) {
1050 .input { 1050 .input {
1051 padding: 0 20px; 1051 padding: 0 20px;
1052 height: 44px; 1052 height: 44px;
1053 font-size: 16px; 1053 font-size: 16px;
1054 } 1054 }
1055 } 1055 }
1056 .input:focus { 1056 .input:focus {
1057 border-color: #377d87; 1057 border-color: #377d87;
1058 } 1058 }
1059 .input[disabled] { 1059 .input[disabled] {
1060 color: #9c9d9d; 1060 color: #9c9d9d;
1061 background: #e7e7e7; 1061 background: #e7e7e7;
1062 } 1062 }
1063 .input[type=date] { 1063 .input[type=date] {
1064 text-transform: uppercase; 1064 text-transform: uppercase;
1065 } 1065 }
1066 1066
1067 .textarea { 1067 .textarea {
1068 resize: none; 1068 resize: none;
1069 display: block; 1069 display: block;
1070 width: 100%; 1070 width: 100%;
1071 border-radius: 8px; 1071 border-radius: 8px;
1072 border: 1px solid #cecece; 1072 border: 1px solid #cecece;
1073 background: #fff; 1073 background: #fff;
1074 -webkit-transition: 0.3s; 1074 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1075 transition: 0.3s;
1076 font-size: 12px; 1076 font-size: 12px;
1077 line-height: 1.4; 1077 line-height: 1.4;
1078 padding: 10px; 1078 padding: 10px;
1079 aspect-ratio: 8/3; 1079 aspect-ratio: 8/3;
1080 max-height: 250px; 1080 max-height: 250px;
1081 } 1081 }
1082 @media (min-width: 768px) { 1082 @media (min-width: 768px) {
1083 .textarea { 1083 .textarea {
1084 padding: 20px; 1084 padding: 20px;
1085 font-size: 16px; 1085 font-size: 16px;
1086 height: 280px; 1086 height: 280px;
1087 } 1087 }
1088 } 1088 }
1089 .textarea:focus { 1089 .textarea:focus {
1090 border-color: #377d87; 1090 border-color: #377d87;
1091 } 1091 }
1092 1092
1093 .button { 1093 .button {
1094 display: -webkit-box; 1094 display: -webkit-box;
1095 display: -ms-flexbox; 1095 display: -ms-flexbox;
1096 display: flex; 1096 display: flex;
1097 -webkit-box-pack: center; 1097 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1098 -ms-flex-pack: center;
1099 justify-content: center; 1099 justify-content: center;
1100 -webkit-box-align: center; 1100 -webkit-box-align: center;
1101 -ms-flex-align: center; 1101 -ms-flex-align: center;
1102 align-items: center; 1102 align-items: center;
1103 color: #fff; 1103 color: #fff;
1104 background: #377d87; 1104 background: #377d87;
1105 height: 30px; 1105 height: 30px;
1106 border-radius: 8px; 1106 border-radius: 8px;
1107 padding: 0 12px; 1107 padding: 0 12px;
1108 border: 1px solid #377d87; 1108 border: 1px solid #377d87;
1109 font-weight: 700; 1109 font-weight: 700;
1110 font-size: 12px; 1110 font-size: 12px;
1111 text-align: center; 1111 text-align: center;
1112 line-height: 1; 1112 line-height: 1;
1113 gap: 6px; 1113 gap: 6px;
1114 -webkit-transition: 0.3s; 1114 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1115 transition: 0.3s;
1116 cursor: pointer; 1116 cursor: pointer;
1117 } 1117 }
1118 @media (min-width: 768px) { 1118 @media (min-width: 768px) {
1119 .button { 1119 .button {
1120 padding: 0 24px; 1120 padding: 0 24px;
1121 font-size: 16px; 1121 font-size: 16px;
1122 height: 44px; 1122 height: 44px;
1123 gap: 12px; 1123 gap: 12px;
1124 } 1124 }
1125 } 1125 }
1126 @media (min-width: 992px) { 1126 @media (min-width: 992px) {
1127 .button { 1127 .button {
1128 padding: 0 36px; 1128 padding: 0 36px;
1129 } 1129 }
1130 } 1130 }
1131 .button:hover { 1131 .button:hover {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button img, 1135 .button img,
1136 .button svg { 1136 .button svg {
1137 width: 12px; 1137 width: 12px;
1138 height: 12px; 1138 height: 12px;
1139 } 1139 }
1140 @media (min-width: 768px) { 1140 @media (min-width: 768px) {
1141 .button img, 1141 .button img,
1142 .button svg { 1142 .button svg {
1143 width: 18px; 1143 width: 18px;
1144 height: 18px; 1144 height: 18px;
1145 } 1145 }
1146 } 1146 }
1147 .button_more span + span { 1147 .button_more span + span {
1148 display: none; 1148 display: none;
1149 } 1149 }
1150 .button_more.active span { 1150 .button_more.active span {
1151 display: none; 1151 display: none;
1152 } 1152 }
1153 .button_more.active span + span { 1153 .button_more.active span + span {
1154 display: block; 1154 display: block;
1155 } 1155 }
1156 .button_light { 1156 .button_light {
1157 background: transparent; 1157 background: transparent;
1158 color: #377d87; 1158 color: #377d87;
1159 } 1159 }
1160 .button_light:hover { 1160 .button_light:hover {
1161 background: #377d87; 1161 background: #377d87;
1162 color: #fff; 1162 color: #fff;
1163 } 1163 }
1164 .button_whited { 1164 .button_whited {
1165 background: #fff; 1165 background: #fff;
1166 color: #377d87; 1166 color: #377d87;
1167 border-color: #fff; 1167 border-color: #fff;
1168 } 1168 }
1169 .button_whited:hover { 1169 .button_whited:hover {
1170 background: #377d87; 1170 background: #377d87;
1171 color: #fff; 1171 color: #fff;
1172 } 1172 }
1173 1173
1174 .search { 1174 .search {
1175 width: 100%; 1175 width: 100%;
1176 position: relative; 1176 position: relative;
1177 background: #fff; 1177 background: #fff;
1178 border-radius: 8px; 1178 border-radius: 8px;
1179 } 1179 }
1180 .search span { 1180 .search span {
1181 display: none; 1181 display: none;
1182 height: 28px; 1182 height: 28px;
1183 -webkit-box-align: center; 1183 -webkit-box-align: center;
1184 -ms-flex-align: center; 1184 -ms-flex-align: center;
1185 align-items: center; 1185 align-items: center;
1186 padding-right: 12px; 1186 padding-right: 12px;
1187 z-index: 1; 1187 z-index: 1;
1188 position: absolute; 1188 position: absolute;
1189 top: 50%; 1189 top: 50%;
1190 left: 15px; 1190 left: 15px;
1191 margin-top: -14px; 1191 margin-top: -14px;
1192 } 1192 }
1193 @media (min-width: 768px) { 1193 @media (min-width: 768px) {
1194 .search span { 1194 .search span {
1195 display: -webkit-box; 1195 display: -webkit-box;
1196 display: -ms-flexbox; 1196 display: -ms-flexbox;
1197 display: flex; 1197 display: flex;
1198 } 1198 }
1199 } 1199 }
1200 .search span:after { 1200 .search span:after {
1201 content: ""; 1201 content: "";
1202 width: 1px; 1202 width: 1px;
1203 height: 100%; 1203 height: 100%;
1204 border-radius: 999px; 1204 border-radius: 999px;
1205 position: absolute; 1205 position: absolute;
1206 top: 0; 1206 top: 0;
1207 right: 0; 1207 right: 0;
1208 background: #cecece; 1208 background: #cecece;
1209 } 1209 }
1210 .search span svg { 1210 .search span svg {
1211 color: #9c9d9d; 1211 color: #9c9d9d;
1212 width: 20px; 1212 width: 20px;
1213 height: 20px; 1213 height: 20px;
1214 } 1214 }
1215 .search input { 1215 .search input {
1216 width: 100%; 1216 width: 100%;
1217 padding-right: 150px; 1217 padding-right: 150px;
1218 position: relative; 1218 position: relative;
1219 z-index: 2; 1219 z-index: 2;
1220 background: none; 1220 background: none;
1221 } 1221 }
1222 @media (min-width: 768px) { 1222 @media (min-width: 768px) {
1223 .search input { 1223 .search input {
1224 padding-left: 60px; 1224 padding-left: 60px;
1225 padding-right: 220px; 1225 padding-right: 220px;
1226 } 1226 }
1227 } 1227 }
1228 .search button { 1228 .search button {
1229 width: 140px; 1229 width: 140px;
1230 position: absolute; 1230 position: absolute;
1231 padding: 0; 1231 padding: 0;
1232 top: 0; 1232 top: 0;
1233 right: 0; 1233 right: 0;
1234 z-index: 3; 1234 z-index: 3;
1235 } 1235 }
1236 @media (min-width: 768px) { 1236 @media (min-width: 768px) {
1237 .search button { 1237 .search button {
1238 width: 200px; 1238 width: 200px;
1239 } 1239 }
1240 } 1240 }
1241 1241
1242 .breadcrumbs { 1242 .breadcrumbs {
1243 display: -webkit-box; 1243 display: -webkit-box;
1244 display: -ms-flexbox; 1244 display: -ms-flexbox;
1245 display: flex; 1245 display: flex;
1246 -webkit-box-align: center; 1246 -webkit-box-align: center;
1247 -ms-flex-align: center; 1247 -ms-flex-align: center;
1248 align-items: center; 1248 align-items: center;
1249 -ms-flex-wrap: wrap; 1249 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1250 flex-wrap: wrap;
1251 gap: 12px 6px; 1251 gap: 12px 6px;
1252 margin: 0; 1252 margin: 0;
1253 padding: 0; 1253 padding: 0;
1254 font-size: 11px; 1254 font-size: 11px;
1255 color: #cecece; 1255 color: #cecece;
1256 line-height: 1; 1256 line-height: 1;
1257 } 1257 }
1258 @media (min-width: 992px) { 1258 @media (min-width: 992px) {
1259 .breadcrumbs { 1259 .breadcrumbs {
1260 font-size: 13px; 1260 font-size: 13px;
1261 } 1261 }
1262 } 1262 }
1263 @media (min-width: 1280px) { 1263 @media (min-width: 1280px) {
1264 .breadcrumbs { 1264 .breadcrumbs {
1265 font-size: 16px; 1265 font-size: 16px;
1266 } 1266 }
1267 } 1267 }
1268 .breadcrumbs li { 1268 .breadcrumbs li {
1269 display: -webkit-box; 1269 display: -webkit-box;
1270 display: -ms-flexbox; 1270 display: -ms-flexbox;
1271 display: flex; 1271 display: flex;
1272 -webkit-box-align: center; 1272 -webkit-box-align: center;
1273 -ms-flex-align: center; 1273 -ms-flex-align: center;
1274 align-items: center; 1274 align-items: center;
1275 gap: 6px; 1275 gap: 6px;
1276 } 1276 }
1277 .breadcrumbs li:before { 1277 .breadcrumbs li:before {
1278 content: ""; 1278 content: "";
1279 width: 4px; 1279 width: 4px;
1280 height: 4px; 1280 height: 4px;
1281 background: #cecece; 1281 background: #cecece;
1282 border-radius: 999px; 1282 border-radius: 999px;
1283 position: relative; 1283 position: relative;
1284 top: -1px; 1284 top: -1px;
1285 } 1285 }
1286 .breadcrumbs li:first-child:before { 1286 .breadcrumbs li:first-child:before {
1287 display: none; 1287 display: none;
1288 } 1288 }
1289 .breadcrumbs li:last-child:before { 1289 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1290 background: #377d87;
1291 } 1291 }
1292 .breadcrumbs a:hover { 1292 .breadcrumbs a:hover {
1293 color: #377d87; 1293 color: #377d87;
1294 } 1294 }
1295 .breadcrumbs b { 1295 .breadcrumbs b {
1296 color: #377d87; 1296 color: #377d87;
1297 font-weight: 700; 1297 font-weight: 700;
1298 } 1298 }
1299 1299
1300 .pagination { 1300 .pagination {
1301 display: -webkit-box; 1301 display: -webkit-box;
1302 display: -ms-flexbox; 1302 display: -ms-flexbox;
1303 display: flex; 1303 display: flex;
1304 -webkit-box-align: center; 1304 -webkit-box-align: center;
1305 -ms-flex-align: center; 1305 -ms-flex-align: center;
1306 align-items: center; 1306 align-items: center;
1307 -webkit-box-pack: center; 1307 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1308 -ms-flex-pack: center;
1309 justify-content: center; 1309 justify-content: center;
1310 -ms-flex-wrap: wrap; 1310 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1311 flex-wrap: wrap;
1312 line-height: 1; 1312 line-height: 1;
1313 color: #000; 1313 color: #000;
1314 font-size: 12px; 1314 font-size: 12px;
1315 margin: 0 auto; 1315 margin: 0 auto;
1316 } 1316 }
1317 @media (min-width: 768px) { 1317 @media (min-width: 768px) {
1318 .pagination { 1318 .pagination {
1319 font-size: 14px; 1319 font-size: 14px;
1320 gap: 3px; 1320 gap: 3px;
1321 } 1321 }
1322 } 1322 }
1323 .pagination__item { 1323 .pagination__item {
1324 width: 40px; 1324 width: 40px;
1325 height: 40px; 1325 height: 40px;
1326 display: -webkit-box; 1326 display: -webkit-box;
1327 display: -ms-flexbox; 1327 display: -ms-flexbox;
1328 display: flex; 1328 display: flex;
1329 -webkit-box-pack: center; 1329 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1330 -ms-flex-pack: center;
1331 justify-content: center; 1331 justify-content: center;
1332 -webkit-box-align: center; 1332 -webkit-box-align: center;
1333 -ms-flex-align: center; 1333 -ms-flex-align: center;
1334 align-items: center; 1334 align-items: center;
1335 background: none; 1335 background: none;
1336 padding: 0; 1336 padding: 0;
1337 border: 1px solid transparent; 1337 border: 1px solid transparent;
1338 border-radius: 8px; 1338 border-radius: 8px;
1339 } 1339 }
1340 .pagination__item:hover { 1340 .pagination__item:hover {
1341 -webkit-transition: 0s; 1341 -webkit-transition: 0s;
1342 transition: 0s; 1342 transition: 0s;
1343 color: #377d87; 1343 color: #377d87;
1344 font-weight: 700; 1344 font-weight: 700;
1345 } 1345 }
1346 .pagination__item.active { 1346 .pagination__item.active {
1347 font-weight: 700; 1347 font-weight: 700;
1348 color: #fff; 1348 color: #fff;
1349 background: #377d87; 1349 background: #377d87;
1350 border-color: #377d87; 1350 border-color: #377d87;
1351 } 1351 }
1352 .pagination__dots { 1352 .pagination__dots {
1353 width: 40px; 1353 width: 40px;
1354 height: 40px; 1354 height: 40px;
1355 display: -webkit-box; 1355 display: -webkit-box;
1356 display: -ms-flexbox; 1356 display: -ms-flexbox;
1357 display: flex; 1357 display: flex;
1358 -webkit-box-pack: center; 1358 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1359 -ms-flex-pack: center;
1360 justify-content: center; 1360 justify-content: center;
1361 -webkit-box-align: center; 1361 -webkit-box-align: center;
1362 -ms-flex-align: center; 1362 -ms-flex-align: center;
1363 align-items: center; 1363 align-items: center;
1364 } 1364 }
1365 .pagination__dots svg { 1365 .pagination__dots svg {
1366 width: 15px; 1366 width: 15px;
1367 height: 15px; 1367 height: 15px;
1368 } 1368 }
1369 .pagination__nav { 1369 .pagination__nav {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: none; 1372 display: none;
1373 -webkit-box-pack: center; 1373 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1374 -ms-flex-pack: center;
1375 justify-content: center; 1375 justify-content: center;
1376 -webkit-box-align: center; 1376 -webkit-box-align: center;
1377 -ms-flex-align: center; 1377 -ms-flex-align: center;
1378 align-items: center; 1378 align-items: center;
1379 background: none; 1379 background: none;
1380 padding: 0; 1380 padding: 0;
1381 border: 1px solid #cddee1; 1381 border: 1px solid #cddee1;
1382 color: #377d87; 1382 color: #377d87;
1383 border-radius: 8px; 1383 border-radius: 8px;
1384 } 1384 }
1385 @media (min-width: 768px) { 1385 @media (min-width: 768px) {
1386 .pagination__nav { 1386 .pagination__nav {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 } 1390 }
1391 } 1391 }
1392 .pagination__nav:hover { 1392 .pagination__nav:hover {
1393 border-color: #377d87; 1393 border-color: #377d87;
1394 background: #377d87; 1394 background: #377d87;
1395 color: #fff; 1395 color: #fff;
1396 } 1396 }
1397 .pagination__nav svg { 1397 .pagination__nav svg {
1398 width: 10px; 1398 width: 10px;
1399 height: 10px; 1399 height: 10px;
1400 } 1400 }
1401 .pagination__nav_prev { 1401 .pagination__nav_prev {
1402 margin-right: 37px; 1402 margin-right: 37px;
1403 } 1403 }
1404 .pagination__nav_prev svg { 1404 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1405 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1406 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1407 transform: rotate(180deg);
1408 } 1408 }
1409 .pagination__nav_next { 1409 .pagination__nav_next {
1410 margin-left: 37px; 1410 margin-left: 37px;
1411 } 1411 }
1412 1412
1413 .filters { 1413 .filters {
1414 display: -webkit-box; 1414 display: -webkit-box;
1415 display: -ms-flexbox; 1415 display: -ms-flexbox;
1416 display: flex; 1416 display: flex;
1417 -webkit-box-orient: vertical; 1417 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1418 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1419 -ms-flex-direction: column;
1420 flex-direction: column; 1420 flex-direction: column;
1421 gap: 10px; 1421 gap: 10px;
1422 } 1422 }
1423 @media (min-width: 768px) { 1423 @media (min-width: 768px) {
1424 .filters { 1424 .filters {
1425 -webkit-box-orient: horizontal; 1425 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1426 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1427 -ms-flex-direction: row;
1428 flex-direction: row; 1428 flex-direction: row;
1429 -webkit-box-align: center; 1429 -webkit-box-align: center;
1430 -ms-flex-align: center; 1430 -ms-flex-align: center;
1431 align-items: center; 1431 align-items: center;
1432 -webkit-box-pack: justify; 1432 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1433 -ms-flex-pack: justify;
1434 justify-content: space-between; 1434 justify-content: space-between;
1435 } 1435 }
1436 } 1436 }
1437 .filters__label { 1437 .filters__label {
1438 color: #377d87; 1438 color: #377d87;
1439 font-size: 12px; 1439 font-size: 12px;
1440 font-weight: 700; 1440 font-weight: 700;
1441 } 1441 }
1442 @media (min-width: 768px) { 1442 @media (min-width: 768px) {
1443 .filters__label { 1443 .filters__label {
1444 font-size: 16px; 1444 font-size: 16px;
1445 } 1445 }
1446 } 1446 }
1447 @media (min-width: 992px) { 1447 @media (min-width: 992px) {
1448 .filters__label { 1448 .filters__label {
1449 font-size: 18px; 1449 font-size: 18px;
1450 } 1450 }
1451 } 1451 }
1452 .filters__body { 1452 .filters__body {
1453 display: -webkit-box; 1453 display: -webkit-box;
1454 display: -ms-flexbox; 1454 display: -ms-flexbox;
1455 display: flex; 1455 display: flex;
1456 -webkit-box-orient: vertical; 1456 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1457 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1458 -ms-flex-direction: column;
1459 flex-direction: column; 1459 flex-direction: column;
1460 } 1460 }
1461 @media (min-width: 768px) { 1461 @media (min-width: 768px) {
1462 .filters__body { 1462 .filters__body {
1463 -webkit-box-orient: horizontal; 1463 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1465 -ms-flex-direction: row;
1466 flex-direction: row; 1466 flex-direction: row;
1467 -webkit-box-align: center; 1467 -webkit-box-align: center;
1468 -ms-flex-align: center; 1468 -ms-flex-align: center;
1469 align-items: center; 1469 align-items: center;
1470 } 1470 }
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__select { 1473 .filters__select {
1474 width: 250px; 1474 width: 250px;
1475 } 1475 }
1476 } 1476 }
1477 @media (min-width: 992px) { 1477 @media (min-width: 992px) {
1478 .filters__select { 1478 .filters__select {
1479 width: 310px; 1479 width: 310px;
1480 } 1480 }
1481 } 1481 }
1482 .filters__item { 1482 .filters__item {
1483 display: none; 1483 display: none;
1484 -webkit-box-pack: center; 1484 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1485 -ms-flex-pack: center;
1486 justify-content: center; 1486 justify-content: center;
1487 -webkit-box-align: center; 1487 -webkit-box-align: center;
1488 -ms-flex-align: center; 1488 -ms-flex-align: center;
1489 align-items: center; 1489 align-items: center;
1490 width: 50px; 1490 width: 50px;
1491 height: 50px; 1491 height: 50px;
1492 padding: 0; 1492 padding: 0;
1493 background: #fff; 1493 background: #fff;
1494 border: 1px solid #377d87; 1494 border: 1px solid #377d87;
1495 color: #377d87; 1495 color: #377d87;
1496 border-radius: 8px; 1496 border-radius: 8px;
1497 margin-left: 20px; 1497 margin-left: 20px;
1498 } 1498 }
1499 @media (min-width: 768px) { 1499 @media (min-width: 768px) {
1500 .filters__item { 1500 .filters__item {
1501 display: -webkit-box; 1501 display: -webkit-box;
1502 display: -ms-flexbox; 1502 display: -ms-flexbox;
1503 display: flex; 1503 display: flex;
1504 } 1504 }
1505 } 1505 }
1506 .filters__item svg { 1506 .filters__item svg {
1507 width: 24px; 1507 width: 24px;
1508 height: 24px; 1508 height: 24px;
1509 } 1509 }
1510 .filters__item.active { 1510 .filters__item.active {
1511 background: #377d87; 1511 background: #377d87;
1512 color: #fff; 1512 color: #fff;
1513 } 1513 }
1514 .filters__item + .filters__item { 1514 .filters__item + .filters__item {
1515 margin-left: 8px; 1515 margin-left: 8px;
1516 } 1516 }
1517 1517
1518 .like, 1518 .like,
1519 .chat { 1519 .chat {
1520 width: 30px; 1520 width: 30px;
1521 height: 30px; 1521 height: 30px;
1522 display: -webkit-box; 1522 display: -webkit-box;
1523 display: -ms-flexbox; 1523 display: -ms-flexbox;
1524 display: flex; 1524 display: flex;
1525 -webkit-box-pack: center; 1525 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1526 -ms-flex-pack: center;
1527 justify-content: center; 1527 justify-content: center;
1528 -webkit-box-align: center; 1528 -webkit-box-align: center;
1529 -ms-flex-align: center; 1529 -ms-flex-align: center;
1530 align-items: center; 1530 align-items: center;
1531 background: none; 1531 background: none;
1532 border: 1px solid #377d87; 1532 border: 1px solid #377d87;
1533 padding: 0; 1533 padding: 0;
1534 color: #377d87; 1534 color: #377d87;
1535 border-radius: 6px; 1535 border-radius: 6px;
1536 } 1536 }
1537 @media (min-width: 768px) { 1537 @media (min-width: 768px) {
1538 .like, 1538 .like,
1539 .chat { 1539 .chat {
1540 width: 44px; 1540 width: 44px;
1541 height: 44px; 1541 height: 44px;
1542 } 1542 }
1543 } 1543 }
1544 .like.active, 1544 .like.active,
1545 .chat.active { 1545 .chat.active {
1546 background: #377d87; 1546 background: #377d87;
1547 color: #fff; 1547 color: #fff;
1548 } 1548 }
1549 .like svg, 1549 .like svg,
1550 .chat svg { 1550 .chat svg {
1551 width: 14px; 1551 width: 14px;
1552 height: 14px; 1552 height: 14px;
1553 } 1553 }
1554 @media (min-width: 768px) { 1554 @media (min-width: 768px) {
1555 .like svg, 1555 .like svg,
1556 .chat svg { 1556 .chat svg {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 1561
1562 .like.active { 1562 .like.active {
1563 background: #eb5757; 1563 background: #eb5757;
1564 border-color: #eb5757; 1564 border-color: #eb5757;
1565 } 1565 }
1566 1566
1567 .checkbox { 1567 .checkbox {
1568 display: -webkit-box; 1568 display: -webkit-box;
1569 display: -ms-flexbox; 1569 display: -ms-flexbox;
1570 display: flex; 1570 display: flex;
1571 -webkit-box-align: start; 1571 -webkit-box-align: start;
1572 -ms-flex-align: start; 1572 -ms-flex-align: start;
1573 align-items: flex-start; 1573 align-items: flex-start;
1574 cursor: pointer; 1574 cursor: pointer;
1575 position: relative; 1575 position: relative;
1576 } 1576 }
1577 .checkbox__input { 1577 .checkbox__input {
1578 position: absolute; 1578 position: absolute;
1579 z-index: 1; 1579 z-index: 1;
1580 width: 14px; 1580 width: 14px;
1581 height: 14px; 1581 height: 14px;
1582 padding: 0; 1582 padding: 0;
1583 background: none; 1583 background: none;
1584 border: none; 1584 border: none;
1585 opacity: 0; 1585 opacity: 0;
1586 } 1586 }
1587 @media (min-width: 768px) { 1587 @media (min-width: 768px) {
1588 .checkbox__input { 1588 .checkbox__input {
1589 width: 20px; 1589 width: 20px;
1590 height: 20px; 1590 height: 20px;
1591 } 1591 }
1592 } 1592 }
1593 .checkbox__icon { 1593 .checkbox__icon {
1594 width: 14px; 1594 width: 14px;
1595 height: 14px; 1595 height: 14px;
1596 border: 1px solid #cfcfcf; 1596 border: 1px solid #cfcfcf;
1597 background: #fff; 1597 background: #fff;
1598 color: #fff; 1598 color: #fff;
1599 display: -webkit-box; 1599 display: -webkit-box;
1600 display: -ms-flexbox; 1600 display: -ms-flexbox;
1601 display: flex; 1601 display: flex;
1602 -webkit-box-pack: center; 1602 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1603 -ms-flex-pack: center;
1604 justify-content: center; 1604 justify-content: center;
1605 -webkit-box-align: center; 1605 -webkit-box-align: center;
1606 -ms-flex-align: center; 1606 -ms-flex-align: center;
1607 align-items: center; 1607 align-items: center;
1608 border-radius: 4px; 1608 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1609 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1610 transition: 0.3s;
1611 position: relative; 1611 position: relative;
1612 z-index: 2; 1612 z-index: 2;
1613 } 1613 }
1614 @media (min-width: 768px) { 1614 @media (min-width: 768px) {
1615 .checkbox__icon { 1615 .checkbox__icon {
1616 width: 20px; 1616 width: 20px;
1617 height: 20px; 1617 height: 20px;
1618 } 1618 }
1619 } 1619 }
1620 .checkbox__icon svg { 1620 .checkbox__icon svg {
1621 width: 8px; 1621 width: 8px;
1622 height: 8px; 1622 height: 8px;
1623 opacity: 0; 1623 opacity: 0;
1624 } 1624 }
1625 @media (min-width: 768px) { 1625 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1626 .checkbox__icon svg {
1627 width: 10px; 1627 width: 10px;
1628 height: 10px; 1628 height: 10px;
1629 } 1629 }
1630 } 1630 }
1631 .checkbox__input:checked + .checkbox__icon { 1631 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1632 border-color: #377d87;
1633 background: #377d87; 1633 background: #377d87;
1634 } 1634 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1635 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1636 opacity: 1;
1637 } 1637 }
1638 .checkbox__text { 1638 .checkbox__text {
1639 width: calc(100% - 14px); 1639 width: calc(100% - 14px);
1640 padding-left: 6px; 1640 padding-left: 6px;
1641 font-size: 12px; 1641 font-size: 12px;
1642 line-height: 1; 1642 line-height: 1;
1643 display: -webkit-box; 1643 display: -webkit-box;
1644 display: -ms-flexbox; 1644 display: -ms-flexbox;
1645 display: flex; 1645 display: flex;
1646 -webkit-box-align: center; 1646 -webkit-box-align: center;
1647 -ms-flex-align: center; 1647 -ms-flex-align: center;
1648 align-items: center; 1648 align-items: center;
1649 min-height: 14px; 1649 min-height: 14px;
1650 } 1650 }
1651 @media (min-width: 768px) { 1651 @media (min-width: 768px) {
1652 .checkbox__text { 1652 .checkbox__text {
1653 width: calc(100% - 20px); 1653 width: calc(100% - 20px);
1654 padding-left: 12px; 1654 padding-left: 12px;
1655 font-size: 15px; 1655 font-size: 15px;
1656 min-height: 20px; 1656 min-height: 20px;
1657 } 1657 }
1658 } 1658 }
1659 .checkbox__text a { 1659 .checkbox__text a {
1660 color: #377d87; 1660 color: #377d87;
1661 text-decoration: underline; 1661 text-decoration: underline;
1662 } 1662 }
1663 1663
1664 .file { 1664 .file {
1665 display: -webkit-box; 1665 display: -webkit-box;
1666 display: -ms-flexbox; 1666 display: -ms-flexbox;
1667 display: flex; 1667 display: flex;
1668 -webkit-box-orient: vertical; 1668 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1669 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1670 -ms-flex-direction: column;
1671 flex-direction: column; 1671 flex-direction: column;
1672 } 1672 }
1673 .file__input input { 1673 .file__input input {
1674 display: none; 1674 display: none;
1675 } 1675 }
1676 .file__list { 1676 .file__list {
1677 display: -webkit-box; 1677 display: -webkit-box;
1678 display: -ms-flexbox; 1678 display: -ms-flexbox;
1679 display: flex; 1679 display: flex;
1680 -webkit-box-orient: vertical; 1680 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1681 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1682 -ms-flex-direction: column;
1683 flex-direction: column; 1683 flex-direction: column;
1684 } 1684 }
1685 .file__list-item { 1685 .file__list-item {
1686 display: -webkit-box; 1686 display: -webkit-box;
1687 display: -ms-flexbox; 1687 display: -ms-flexbox;
1688 display: flex; 1688 display: flex;
1689 -webkit-box-align: start; 1689 -webkit-box-align: start;
1690 -ms-flex-align: start; 1690 -ms-flex-align: start;
1691 align-items: flex-start; 1691 align-items: flex-start;
1692 margin-top: 16px; 1692 margin-top: 16px;
1693 } 1693 }
1694 .file__list-item-left { 1694 .file__list-item-left {
1695 width: calc(100% - 16px); 1695 width: calc(100% - 16px);
1696 min-height: 16px; 1696 min-height: 16px;
1697 color: #9c9d9d; 1697 color: #9c9d9d;
1698 font-size: 12px; 1698 font-size: 12px;
1699 display: -webkit-box; 1699 display: -webkit-box;
1700 display: -ms-flexbox; 1700 display: -ms-flexbox;
1701 display: flex; 1701 display: flex;
1702 -webkit-box-align: start; 1702 -webkit-box-align: start;
1703 -ms-flex-align: start; 1703 -ms-flex-align: start;
1704 align-items: flex-start; 1704 align-items: flex-start;
1705 } 1705 }
1706 @media (min-width: 768px) { 1706 @media (min-width: 768px) {
1707 .file__list-item-left { 1707 .file__list-item-left {
1708 width: auto; 1708 width: auto;
1709 max-width: calc(100% - 16px); 1709 max-width: calc(100% - 16px);
1710 font-size: 16px; 1710 font-size: 16px;
1711 } 1711 }
1712 } 1712 }
1713 .file__list-item-left svg { 1713 .file__list-item-left svg {
1714 width: 16px; 1714 width: 16px;
1715 height: 16px; 1715 height: 16px;
1716 } 1716 }
1717 .file__list-item-left span { 1717 .file__list-item-left span {
1718 width: calc(100% - 16px); 1718 width: calc(100% - 16px);
1719 min-height: 16px; 1719 min-height: 16px;
1720 display: -webkit-box; 1720 display: -webkit-box;
1721 display: -ms-flexbox; 1721 display: -ms-flexbox;
1722 display: flex; 1722 display: flex;
1723 -webkit-box-align: center; 1723 -webkit-box-align: center;
1724 -ms-flex-align: center; 1724 -ms-flex-align: center;
1725 align-items: center; 1725 align-items: center;
1726 padding: 0 8px; 1726 padding: 0 8px;
1727 } 1727 }
1728 .file__list-item-right { 1728 .file__list-item-right {
1729 display: -webkit-box; 1729 display: -webkit-box;
1730 display: -ms-flexbox; 1730 display: -ms-flexbox;
1731 display: flex; 1731 display: flex;
1732 -webkit-box-pack: center; 1732 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1733 -ms-flex-pack: center;
1734 justify-content: center; 1734 justify-content: center;
1735 -webkit-box-align: center; 1735 -webkit-box-align: center;
1736 -ms-flex-align: center; 1736 -ms-flex-align: center;
1737 align-items: center; 1737 align-items: center;
1738 padding: 0; 1738 padding: 0;
1739 background: none; 1739 background: none;
1740 border: none; 1740 border: none;
1741 width: 16px; 1741 width: 16px;
1742 height: 16px; 1742 height: 16px;
1743 color: #377d87; 1743 color: #377d87;
1744 } 1744 }
1745 .file__list-item-right:hover { 1745 .file__list-item-right:hover {
1746 color: #000; 1746 color: #000;
1747 } 1747 }
1748 .file__list-item-right svg { 1748 .file__list-item-right svg {
1749 width: 10px; 1749 width: 10px;
1750 height: 10px; 1750 height: 10px;
1751 } 1751 }
1752 .file__list-item + .file__list-item { 1752 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1753 margin-top: 10px;
1754 } 1754 }
1755 1755
1756 .rate { 1756 .rate {
1757 display: -webkit-box; 1757 display: -webkit-box;
1758 display: -ms-flexbox; 1758 display: -ms-flexbox;
1759 display: flex; 1759 display: flex;
1760 -webkit-box-align: center; 1760 -webkit-box-align: center;
1761 -ms-flex-align: center; 1761 -ms-flex-align: center;
1762 align-items: center; 1762 align-items: center;
1763 gap: 10px; 1763 gap: 10px;
1764 } 1764 }
1765 @media (min-width: 768px) { 1765 @media (min-width: 768px) {
1766 .rate { 1766 .rate {
1767 gap: 20px; 1767 gap: 20px;
1768 } 1768 }
1769 } 1769 }
1770 .rate__label { 1770 .rate__label {
1771 font-size: 12px; 1771 font-size: 12px;
1772 font-weight: 700; 1772 font-weight: 700;
1773 line-height: 1; 1773 line-height: 1;
1774 } 1774 }
1775 @media (min-width: 768px) { 1775 @media (min-width: 768px) {
1776 .rate__label { 1776 .rate__label {
1777 font-size: 18px; 1777 font-size: 18px;
1778 } 1778 }
1779 } 1779 }
1780 .rate__stars { 1780 .rate__stars {
1781 display: -webkit-box; 1781 display: -webkit-box;
1782 display: -ms-flexbox; 1782 display: -ms-flexbox;
1783 display: flex; 1783 display: flex;
1784 -webkit-box-orient: vertical; 1784 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1785 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1786 -ms-flex-direction: column;
1787 flex-direction: column; 1787 flex-direction: column;
1788 } 1788 }
1789 1789
1790 .back { 1790 .back {
1791 display: -webkit-box; 1791 display: -webkit-box;
1792 display: -ms-flexbox; 1792 display: -ms-flexbox;
1793 display: flex; 1793 display: flex;
1794 -webkit-box-align: center; 1794 -webkit-box-align: center;
1795 -ms-flex-align: center; 1795 -ms-flex-align: center;
1796 align-items: center; 1796 align-items: center;
1797 font-size: 14px; 1797 font-size: 14px;
1798 color: #377d87; 1798 color: #377d87;
1799 font-weight: 700; 1799 font-weight: 700;
1800 } 1800 }
1801 @media (min-width: 768px) { 1801 @media (min-width: 768px) {
1802 .back { 1802 .back {
1803 font-size: 18px; 1803 font-size: 18px;
1804 } 1804 }
1805 } 1805 }
1806 .back:hover { 1806 .back:hover {
1807 color: #4d88d9; 1807 color: #4d88d9;
1808 } 1808 }
1809 .back svg { 1809 .back svg {
1810 width: 16px; 1810 width: 16px;
1811 height: 16px; 1811 height: 16px;
1812 } 1812 }
1813 @media (min-width: 768px) { 1813 @media (min-width: 768px) {
1814 .back svg { 1814 .back svg {
1815 width: 26px; 1815 width: 26px;
1816 height: 26px; 1816 height: 26px;
1817 } 1817 }
1818 } 1818 }
1819 .back span { 1819 .back span {
1820 width: calc(100% - 16px); 1820 width: calc(100% - 16px);
1821 padding-left: 10px; 1821 padding-left: 10px;
1822 } 1822 }
1823 @media (min-width: 768px) { 1823 @media (min-width: 768px) {
1824 .back span { 1824 .back span {
1825 width: calc(100% - 26px); 1825 width: calc(100% - 26px);
1826 padding-left: 20px; 1826 padding-left: 20px;
1827 } 1827 }
1828 } 1828 }
1829 1829
1830 .callback { 1830 .callback {
1831 display: -webkit-box; 1831 display: -webkit-box;
1832 display: -ms-flexbox; 1832 display: -ms-flexbox;
1833 display: flex; 1833 display: flex;
1834 -webkit-box-orient: vertical; 1834 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1835 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1836 -ms-flex-direction: column;
1837 flex-direction: column; 1837 flex-direction: column;
1838 gap: 16px; 1838 gap: 16px;
1839 } 1839 }
1840 @media (min-width: 992px) { 1840 @media (min-width: 992px) {
1841 .callback { 1841 .callback {
1842 -webkit-box-orient: horizontal; 1842 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1843 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1844 -ms-flex-direction: row;
1845 flex-direction: row; 1845 flex-direction: row;
1846 -webkit-box-pack: justify; 1846 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1847 -ms-flex-pack: justify;
1848 justify-content: space-between; 1848 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1849 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1850 flex-wrap: wrap;
1851 gap: 20px 0; 1851 gap: 20px 0;
1852 } 1852 }
1853 } 1853 }
1854 .callback__body { 1854 .callback__body {
1855 display: -webkit-box; 1855 display: -webkit-box;
1856 display: -ms-flexbox; 1856 display: -ms-flexbox;
1857 display: flex; 1857 display: flex;
1858 -webkit-box-orient: vertical; 1858 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1859 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1860 -ms-flex-direction: column;
1861 flex-direction: column; 1861 flex-direction: column;
1862 gap: 16px; 1862 gap: 16px;
1863 } 1863 }
1864 @media (min-width: 992px) { 1864 @media (min-width: 992px) {
1865 .callback__body { 1865 .callback__body {
1866 width: calc(50% - 10px); 1866 width: calc(50% - 10px);
1867 gap: 10px; 1867 gap: 10px;
1868 } 1868 }
1869 } 1869 }
1870 @media (min-width: 992px) { 1870 @media (min-width: 992px) {
1871 .callback__textarea { 1871 .callback__textarea {
1872 width: calc(50% - 10px); 1872 width: calc(50% - 10px);
1873 height: auto; 1873 height: auto;
1874 } 1874 }
1875 } 1875 }
1876 .callback__bottom { 1876 .callback__bottom {
1877 display: -webkit-box; 1877 display: -webkit-box;
1878 display: -ms-flexbox; 1878 display: -ms-flexbox;
1879 display: flex; 1879 display: flex;
1880 -webkit-box-orient: vertical; 1880 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1881 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1882 -ms-flex-direction: column;
1883 flex-direction: column; 1883 flex-direction: column;
1884 gap: 16px; 1884 gap: 16px;
1885 } 1885 }
1886 @media (min-width: 768px) { 1886 @media (min-width: 768px) {
1887 .callback__bottom { 1887 .callback__bottom {
1888 -webkit-box-align: start; 1888 -webkit-box-align: start;
1889 -ms-flex-align: start; 1889 -ms-flex-align: start;
1890 align-items: flex-start; 1890 align-items: flex-start;
1891 } 1891 }
1892 } 1892 }
1893 @media (min-width: 992px) { 1893 @media (min-width: 992px) {
1894 .callback__bottom { 1894 .callback__bottom {
1895 width: 100%; 1895 width: 100%;
1896 gap: 20px; 1896 gap: 20px;
1897 } 1897 }
1898 } 1898 }
1899 1899
1900 .error .input, 1900 .error .input,
1901 .error .textarea { 1901 .error .textarea {
1902 border-color: #eb5757; 1902 border-color: #eb5757;
1903 } 1903 }
1904 .error label { 1904 .error label {
1905 display: block; 1905 display: block;
1906 } 1906 }
1907 1907
1908 .eye { 1908 .eye {
1909 position: absolute; 1909 position: absolute;
1910 z-index: 2; 1910 z-index: 2;
1911 top: 50%; 1911 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1912 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1913 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1914 transform: translate(0, -50%);
1915 right: 10px; 1915 right: 10px;
1916 aspect-ratio: 1/1; 1916 aspect-ratio: 1/1;
1917 width: 16px; 1917 width: 16px;
1918 padding: 0; 1918 padding: 0;
1919 border: none; 1919 border: none;
1920 background: none; 1920 background: none;
1921 color: #9c9d9d; 1921 color: #9c9d9d;
1922 } 1922 }
1923 @media (min-width: 768px) { 1923 @media (min-width: 768px) {
1924 .eye { 1924 .eye {
1925 width: 24px; 1925 width: 24px;
1926 right: 20px; 1926 right: 20px;
1927 } 1927 }
1928 } 1928 }
1929 .eye svg { 1929 .eye svg {
1930 position: absolute; 1930 position: absolute;
1931 top: 0; 1931 top: 0;
1932 left: 0; 1932 left: 0;
1933 width: 100%; 1933 width: 100%;
1934 height: 100%; 1934 height: 100%;
1935 } 1935 }
1936 .eye svg + svg { 1936 .eye svg + svg {
1937 display: none; 1937 display: none;
1938 } 1938 }
1939 .eye.active { 1939 .eye.active {
1940 color: #377d87; 1940 color: #377d87;
1941 } 1941 }
1942 .eye.active svg { 1942 .eye.active svg {
1943 display: none; 1943 display: none;
1944 } 1944 }
1945 .eye.active svg + svg { 1945 .eye.active svg + svg {
1946 display: block; 1946 display: block;
1947 } 1947 }
1948 1948
1949 .del { 1949 .del {
1950 width: 32px; 1950 width: 32px;
1951 aspect-ratio: 1/1; 1951 aspect-ratio: 1/1;
1952 background: #377d87; 1952 background: #377d87;
1953 color: #fff; 1953 color: #fff;
1954 display: -webkit-box; 1954 display: -webkit-box;
1955 display: -ms-flexbox; 1955 display: -ms-flexbox;
1956 display: flex; 1956 display: flex;
1957 -webkit-box-pack: center; 1957 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1958 -ms-flex-pack: center;
1959 justify-content: center; 1959 justify-content: center;
1960 -webkit-box-align: center; 1960 -webkit-box-align: center;
1961 -ms-flex-align: center; 1961 -ms-flex-align: center;
1962 align-items: center; 1962 align-items: center;
1963 border-radius: 8px; 1963 border-radius: 8px;
1964 padding: 0; 1964 padding: 0;
1965 border: 1px solid #377d87; 1965 border: 1px solid #377d87;
1966 } 1966 }
1967 .del:hover { 1967 .del:hover {
1968 background: #fff; 1968 background: #fff;
1969 color: #377d87; 1969 color: #377d87;
1970 } 1970 }
1971 .del svg { 1971 .del svg {
1972 width: 50%; 1972 width: 50%;
1973 aspect-ratio: 1/1; 1973 aspect-ratio: 1/1;
1974 } 1974 }
1975 1975
1976 .notify { 1976 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1978 padding: 6px 12px;
1979 border-radius: 8px; 1979 border-radius: 8px;
1980 display: -webkit-box; 1980 display: -webkit-box;
1981 display: -ms-flexbox; 1981 display: -ms-flexbox;
1982 display: flex; 1982 display: flex;
1983 -webkit-box-align: start; 1983 -webkit-box-align: start;
1984 -ms-flex-align: start; 1984 -ms-flex-align: start;
1985 align-items: flex-start; 1985 align-items: flex-start;
1986 } 1986 }
1987 @media (min-width: 768px) { 1987 @media (min-width: 768px) {
1988 .notify { 1988 .notify {
1989 padding: 12px 20px; 1989 padding: 12px 20px;
1990 } 1990 }
1991 } 1991 }
1992 .notify_red { 1992 .notify_red {
1993 background: #f9cdcd; 1993 background: #f9cdcd;
1994 } 1994 }
1995 .notify svg { 1995 .notify svg {
1996 color: #4d88d9; 1996 color: #4d88d9;
1997 width: 20px; 1997 width: 20px;
1998 aspect-ratio: 1/1; 1998 aspect-ratio: 1/1;
1999 } 1999 }
2000 .notify span { 2000 .notify span {
2001 font-size: 12px; 2001 font-size: 12px;
2002 padding-left: 10px; 2002 padding-left: 10px;
2003 min-height: 20px; 2003 min-height: 20px;
2004 display: -webkit-box; 2004 display: -webkit-box;
2005 display: -ms-flexbox; 2005 display: -ms-flexbox;
2006 display: flex; 2006 display: flex;
2007 -webkit-box-align: center; 2007 -webkit-box-align: center;
2008 -ms-flex-align: center; 2008 -ms-flex-align: center;
2009 align-items: center; 2009 align-items: center;
2010 } 2010 }
2011 @media (min-width: 768px) { 2011 @media (min-width: 768px) {
2012 .notify span { 2012 .notify span {
2013 font-size: 16px; 2013 font-size: 16px;
2014 } 2014 }
2015 } 2015 }
2016 2016
2017 .table { 2017 .table {
2018 margin: 0 -10px; 2018 margin: 0 -10px;
2019 display: -webkit-box; 2019 display: -webkit-box;
2020 display: -ms-flexbox; 2020 display: -ms-flexbox;
2021 display: flex; 2021 display: flex;
2022 -webkit-box-orient: vertical; 2022 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2023 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2024 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2025 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2026 -webkit-box-align: center;
2027 -ms-flex-align: center; 2027 -ms-flex-align: center;
2028 align-items: center; 2028 align-items: center;
2029 gap: 20px; 2029 gap: 20px;
2030 } 2030 }
2031 @media (min-width: 768px) { 2031 @media (min-width: 768px) {
2032 .table { 2032 .table {
2033 margin: 0; 2033 margin: 0;
2034 gap: 30px; 2034 gap: 30px;
2035 } 2035 }
2036 } 2036 }
2037 .table__button { 2037 .table__button {
2038 display: none; 2038 display: none;
2039 } 2039 }
2040 .table_spoiler .table__button { 2040 .table_spoiler .table__button {
2041 display: -webkit-box; 2041 display: -webkit-box;
2042 display: -ms-flexbox; 2042 display: -ms-flexbox;
2043 display: flex; 2043 display: flex;
2044 } 2044 }
2045 .table__scroll { 2045 .table__scroll {
2046 overflow: hidden; 2046 overflow: hidden;
2047 overflow-x: auto; 2047 overflow-x: auto;
2048 padding: 0 10px; 2048 padding: 0 10px;
2049 width: 100%; 2049 width: 100%;
2050 } 2050 }
2051 @media (min-width: 768px) { 2051 @media (min-width: 768px) {
2052 .table__scroll { 2052 .table__scroll {
2053 padding: 0; 2053 padding: 0;
2054 } 2054 }
2055 } 2055 }
2056 .table__body { 2056 .table__body {
2057 border-radius: 8px; 2057 border-radius: 8px;
2058 overflow: hidden; 2058 overflow: hidden;
2059 } 2059 }
2060 .table__body_min-width { 2060 .table__body_min-width {
2061 min-width: 580px; 2061 min-width: 580px;
2062 } 2062 }
2063 .table table { 2063 .table table {
2064 border-collapse: collapse; 2064 border-collapse: collapse;
2065 width: 100%; 2065 width: 100%;
2066 font-size: 12px; 2066 font-size: 12px;
2067 border-radius: 8px; 2067 border-radius: 8px;
2068 } 2068 }
2069 @media (min-width: 768px) { 2069 @media (min-width: 768px) {
2070 .table table { 2070 .table table {
2071 font-size: 14px; 2071 font-size: 14px;
2072 } 2072 }
2073 } 2073 }
2074 @media (min-width: 1280px) { 2074 @media (min-width: 1280px) {
2075 .table table { 2075 .table table {
2076 font-size: 16px; 2076 font-size: 16px;
2077 } 2077 }
2078 } 2078 }
2079 .table thead tr th, 2079 .table thead tr th,
2080 .table thead tr td { 2080 .table thead tr td {
2081 background: #377d87; 2081 background: #377d87;
2082 color: #fff; 2082 color: #fff;
2083 font-weight: 700; 2083 font-weight: 700;
2084 border-top-color: #377d87; 2084 border-top-color: #377d87;
2085 } 2085 }
2086 .table thead tr th:first-child, 2086 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2087 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2088 border-left-color: #377d87;
2089 } 2089 }
2090 .table thead tr th:last-child, 2090 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2091 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2092 border-right-color: #377d87;
2093 } 2093 }
2094 .table_spoiler tr { 2094 .table_spoiler tr {
2095 /*display: none;*/ 2095 /*display: none;*/
2096 } 2096 }
2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2098 display: table-row; 2098 display: table-row;
2099 } 2099 }
2100 .table_spoiler.active tr { 2100 .table_spoiler.active tr {
2101 display: table-row; 2101 display: table-row;
2102 } 2102 }
2103 .table th, 2103 .table th,
2104 .table td { 2104 .table td {
2105 text-align: left; 2105 text-align: left;
2106 padding: 10px; 2106 padding: 10px;
2107 border: 1px solid #cecece; 2107 border: 1px solid #cecece;
2108 } 2108 }
2109 @media (min-width: 768px) { 2109 @media (min-width: 768px) {
2110 .table td { 2110 .table td {
2111 padding: 14px 10px; 2111 padding: 14px 10px;
2112 } 2112 }
2113 } 2113 }
2114 .table__status { 2114 .table__status {
2115 color: #9c9d9d; 2115 color: #9c9d9d;
2116 display: -webkit-box; 2116 display: -webkit-box;
2117 display: -ms-flexbox; 2117 display: -ms-flexbox;
2118 display: flex; 2118 display: flex;
2119 -webkit-box-align: center; 2119 -webkit-box-align: center;
2120 -ms-flex-align: center; 2120 -ms-flex-align: center;
2121 align-items: center; 2121 align-items: center;
2122 gap: 6px; 2122 gap: 6px;
2123 position: relative; 2123 position: relative;
2124 padding-left: 14px; 2124 padding-left: 14px;
2125 } 2125 }
2126 .table__status i { 2126 .table__status i {
2127 background: #9c9d9d; 2127 background: #9c9d9d;
2128 width: 8px; 2128 width: 8px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 border-radius: 999px; 2130 border-radius: 999px;
2131 position: absolute; 2131 position: absolute;
2132 top: 4px; 2132 top: 4px;
2133 left: 0; 2133 left: 0;
2134 } 2134 }
2135 .table__status.green { 2135 .table__status.green {
2136 color: #377d87; 2136 color: #377d87;
2137 } 2137 }
2138 .table__status.green i { 2138 .table__status.green i {
2139 background: #377d87; 2139 background: #377d87;
2140 } 2140 }
2141 .table__link { 2141 .table__link {
2142 display: -webkit-box; 2142 display: -webkit-box;
2143 display: -ms-flexbox; 2143 display: -ms-flexbox;
2144 display: flex; 2144 display: flex;
2145 -webkit-box-align: center; 2145 -webkit-box-align: center;
2146 -ms-flex-align: center; 2146 -ms-flex-align: center;
2147 align-items: center; 2147 align-items: center;
2148 gap: 4px; 2148 gap: 4px;
2149 color: #4d88d9; 2149 color: #4d88d9;
2150 } 2150 }
2151 @media (min-width: 768px) { 2151 @media (min-width: 768px) {
2152 .table__link { 2152 .table__link {
2153 gap: 6px; 2153 gap: 6px;
2154 } 2154 }
2155 } 2155 }
2156 .table__link:hover { 2156 .table__link:hover {
2157 color: #000; 2157 color: #000;
2158 } 2158 }
2159 .table__link svg { 2159 .table__link svg {
2160 width: 12px; 2160 width: 12px;
2161 aspect-ratio: 1/1; 2161 aspect-ratio: 1/1;
2162 } 2162 }
2163 @media (min-width: 768px) { 2163 @media (min-width: 768px) {
2164 .table__link svg { 2164 .table__link svg {
2165 width: 16px; 2165 width: 16px;
2166 } 2166 }
2167 } 2167 }
2168 .table__controls { 2168 .table__controls {
2169 display: -webkit-box; 2169 display: -webkit-box;
2170 display: -ms-flexbox; 2170 display: -ms-flexbox;
2171 display: flex; 2171 display: flex;
2172 -webkit-box-align: center; 2172 -webkit-box-align: center;
2173 -ms-flex-align: center; 2173 -ms-flex-align: center;
2174 align-items: center; 2174 align-items: center;
2175 gap: 8px; 2175 gap: 8px;
2176 } 2176 }
2177 @media (min-width: 1280px) { 2177 @media (min-width: 1280px) {
2178 .table__controls { 2178 .table__controls {
2179 gap: 12px; 2179 gap: 12px;
2180 } 2180 }
2181 } 2181 }
2182 .table__controls-item { 2182 .table__controls-item {
2183 width: 24px; 2183 width: 24px;
2184 aspect-ratio: 1/1; 2184 aspect-ratio: 1/1;
2185 display: -webkit-box; 2185 display: -webkit-box;
2186 display: -ms-flexbox; 2186 display: -ms-flexbox;
2187 display: flex; 2187 display: flex;
2188 -webkit-box-pack: center; 2188 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2189 -ms-flex-pack: center;
2190 justify-content: center; 2190 justify-content: center;
2191 -webkit-box-align: center; 2191 -webkit-box-align: center;
2192 -ms-flex-align: center; 2192 -ms-flex-align: center;
2193 align-items: center; 2193 align-items: center;
2194 border: 1px solid #377d87; 2194 border: 1px solid #377d87;
2195 border-radius: 8px; 2195 border-radius: 8px;
2196 color: #377d87; 2196 color: #377d87;
2197 background: none; 2197 background: none;
2198 padding: 0; 2198 padding: 0;
2199 } 2199 }
2200 @media (min-width: 1280px) { 2200 @media (min-width: 1280px) {
2201 .table__controls-item { 2201 .table__controls-item {
2202 width: 30px; 2202 width: 30px;
2203 } 2203 }
2204 } 2204 }
2205 .table__controls-item:hover { 2205 .table__controls-item:hover {
2206 background: #377d87; 2206 background: #377d87;
2207 color: #fff; 2207 color: #fff;
2208 } 2208 }
2209 .table__controls-item svg { 2209 .table__controls-item svg {
2210 width: 60%; 2210 width: 60%;
2211 aspect-ratio: 1/1; 2211 aspect-ratio: 1/1;
2212 } 2212 }
2213 .table__controls-item:nth-of-type(4) svg { 2213 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2214 width: 80%;
2215 } 2215 }
2216 2216
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2218 display: none;
2219 } 2219 }
2220 .gl-star-rating--stars span { 2220 .gl-star-rating--stars span {
2221 width: 22px !important; 2221 width: 22px !important;
2222 height: 22px !important; 2222 height: 22px !important;
2223 background-size: 22px 22px !important; 2223 background-size: 22px 22px !important;
2224 } 2224 }
2225 @media (min-width: 768px) { 2225 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2226 .gl-star-rating--stars span {
2227 width: 30px !important; 2227 width: 30px !important;
2228 height: 30px !important; 2228 height: 30px !important;
2229 background-size: 30px 30px !important; 2229 background-size: 30px 30px !important;
2230 } 2230 }
2231 } 2231 }
2232 2232
2233 .more { 2233 .more {
2234 display: -webkit-box; 2234 display: -webkit-box;
2235 display: -ms-flexbox; 2235 display: -ms-flexbox;
2236 display: flex; 2236 display: flex;
2237 -webkit-box-orient: vertical; 2237 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2238 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2239 -ms-flex-direction: column;
2240 flex-direction: column; 2240 flex-direction: column;
2241 -webkit-box-align: center; 2241 -webkit-box-align: center;
2242 -ms-flex-align: center; 2242 -ms-flex-align: center;
2243 align-items: center; 2243 align-items: center;
2244 } 2244 }
2245 .more_mt { 2245 .more_mt {
2246 margin-top: 20px; 2246 margin-top: 20px;
2247 } 2247 }
2248 .more .button { 2248 .more .button {
2249 min-width: 100px; 2249 min-width: 100px;
2250 padding: 0; 2250 padding: 0;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .more .button { 2253 .more .button {
2254 min-width: 180px; 2254 min-width: 180px;
2255 } 2255 }
2256 } 2256 }
2257 2257
2258 .header { 2258 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2261 background: #fff;
2262 position: relative; 2262 position: relative;
2263 z-index: 5; 2263 z-index: 5;
2264 overflow: hidden; 2264 overflow: hidden;
2265 } 2265 }
2266 @media (min-width: 768px) { 2266 @media (min-width: 768px) {
2267 .header { 2267 .header {
2268 -webkit-box-shadow: none; 2268 -webkit-box-shadow: none;
2269 box-shadow: none; 2269 box-shadow: none;
2270 } 2270 }
2271 } 2271 }
2272 .header__body { 2272 .header__body {
2273 height: 42px; 2273 height: 42px;
2274 display: -webkit-box; 2274 display: -webkit-box;
2275 display: -ms-flexbox; 2275 display: -ms-flexbox;
2276 display: flex; 2276 display: flex;
2277 -webkit-box-pack: justify; 2277 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2278 -ms-flex-pack: justify;
2279 justify-content: space-between; 2279 justify-content: space-between;
2280 -webkit-box-align: center; 2280 -webkit-box-align: center;
2281 -ms-flex-align: center; 2281 -ms-flex-align: center;
2282 align-items: center; 2282 align-items: center;
2283 } 2283 }
2284 @media (min-width: 768px) { 2284 @media (min-width: 768px) {
2285 .header__body { 2285 .header__body {
2286 height: 70px; 2286 height: 70px;
2287 } 2287 }
2288 } 2288 }
2289 .header__left { 2289 .header__left {
2290 display: -webkit-box; 2290 display: -webkit-box;
2291 display: -ms-flexbox; 2291 display: -ms-flexbox;
2292 display: flex; 2292 display: flex;
2293 -webkit-box-align: center; 2293 -webkit-box-align: center;
2294 -ms-flex-align: center; 2294 -ms-flex-align: center;
2295 align-items: center; 2295 align-items: center;
2296 gap: 40px; 2296 gap: 40px;
2297 } 2297 }
2298 .header__right { 2298 .header__right {
2299 display: -webkit-box; 2299 display: -webkit-box;
2300 display: -ms-flexbox; 2300 display: -ms-flexbox;
2301 display: flex; 2301 display: flex;
2302 -webkit-box-align: center; 2302 -webkit-box-align: center;
2303 -ms-flex-align: center; 2303 -ms-flex-align: center;
2304 align-items: center; 2304 align-items: center;
2305 gap: 14px; 2305 gap: 14px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__right { 2308 .header__right {
2309 gap: 20px; 2309 gap: 20px;
2310 } 2310 }
2311 } 2311 }
2312 .header__right-line { 2312 .header__right-line {
2313 width: 1px; 2313 width: 1px;
2314 height: 32px; 2314 height: 32px;
2315 background: #e6e7e7; 2315 background: #e6e7e7;
2316 border-radius: 999px; 2316 border-radius: 999px;
2317 } 2317 }
2318 @media (min-width: 992px) { 2318 @media (min-width: 992px) {
2319 .header__right-line { 2319 .header__right-line {
2320 display: none; 2320 display: none;
2321 } 2321 }
2322 } 2322 }
2323 .header__logo { 2323 .header__logo {
2324 display: -webkit-box; 2324 display: -webkit-box;
2325 display: -ms-flexbox; 2325 display: -ms-flexbox;
2326 display: flex; 2326 display: flex;
2327 -webkit-box-align: center; 2327 -webkit-box-align: center;
2328 -ms-flex-align: center; 2328 -ms-flex-align: center;
2329 align-items: center; 2329 align-items: center;
2330 -webkit-box-pack: center; 2330 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2331 -ms-flex-pack: center;
2332 justify-content: center; 2332 justify-content: center;
2333 color: #377d87; 2333 color: #377d87;
2334 } 2334 }
2335 .header__logo svg { 2335 .header__logo svg {
2336 width: 105px; 2336 width: 105px;
2337 height: 31px; 2337 height: 31px;
2338 } 2338 }
2339 @media (min-width: 768px) { 2339 @media (min-width: 768px) {
2340 .header__logo svg { 2340 .header__logo svg {
2341 width: 182px; 2341 width: 182px;
2342 height: 54px; 2342 height: 54px;
2343 } 2343 }
2344 } 2344 }
2345 .header__menu { 2345 .header__menu {
2346 display: none; 2346 display: none;
2347 -webkit-box-align: center; 2347 -webkit-box-align: center;
2348 -ms-flex-align: center; 2348 -ms-flex-align: center;
2349 align-items: center; 2349 align-items: center;
2350 gap: 20px; 2350 gap: 20px;
2351 } 2351 }
2352 @media (min-width: 768px) { 2352 @media (min-width: 768px) {
2353 .header__menu { 2353 .header__menu {
2354 display: -webkit-box; 2354 display: -webkit-box;
2355 display: -ms-flexbox; 2355 display: -ms-flexbox;
2356 display: flex; 2356 display: flex;
2357 } 2357 }
2358 } 2358 }
2359 .header__menu-item:hover { 2359 .header__menu-item:hover {
2360 color: #377d87; 2360 color: #377d87;
2361 } 2361 }
2362 .header__notifs { 2362 .header__notifs {
2363 display: -webkit-box; 2363 display: -webkit-box;
2364 display: -ms-flexbox; 2364 display: -ms-flexbox;
2365 display: flex; 2365 display: flex;
2366 -webkit-box-align: center; 2366 -webkit-box-align: center;
2367 -ms-flex-align: center; 2367 -ms-flex-align: center;
2368 align-items: center; 2368 align-items: center;
2369 -webkit-box-pack: center; 2369 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2370 -ms-flex-pack: center;
2371 justify-content: center; 2371 justify-content: center;
2372 color: #377d87; 2372 color: #377d87;
2373 padding: 0; 2373 padding: 0;
2374 border: none; 2374 border: none;
2375 background: none; 2375 background: none;
2376 width: 24px; 2376 width: 24px;
2377 height: 24px; 2377 height: 24px;
2378 } 2378 }
2379 @media (min-width: 992px) { 2379 @media (min-width: 992px) {
2380 .header__notifs { 2380 .header__notifs {
2381 width: auto; 2381 width: auto;
2382 height: auto; 2382 height: auto;
2383 color: #000; 2383 color: #000;
2384 line-height: 1.4; 2384 line-height: 1.4;
2385 } 2385 }
2386 } 2386 }
2387 @media (min-width: 992px) { 2387 @media (min-width: 992px) {
2388 .header__notifs:hover { 2388 .header__notifs:hover {
2389 color: #377d87; 2389 color: #377d87;
2390 } 2390 }
2391 } 2391 }
2392 .header__notifs svg { 2392 .header__notifs svg {
2393 width: 20px; 2393 width: 20px;
2394 height: 20px; 2394 height: 20px;
2395 } 2395 }
2396 @media (min-width: 992px) { 2396 @media (min-width: 992px) {
2397 .header__notifs svg { 2397 .header__notifs svg {
2398 display: none; 2398 display: none;
2399 } 2399 }
2400 } 2400 }
2401 .header__notifs span { 2401 .header__notifs span {
2402 display: none; 2402 display: none;
2403 } 2403 }
2404 @media (min-width: 992px) { 2404 @media (min-width: 992px) {
2405 .header__notifs span { 2405 .header__notifs span {
2406 display: inline; 2406 display: inline;
2407 } 2407 }
2408 } 2408 }
2409 .header__notifs_actived { 2409 .header__notifs_actived {
2410 position: relative; 2410 position: relative;
2411 } 2411 }
2412 @media (min-width: 992px) { 2412 @media (min-width: 992px) {
2413 .header__notifs_actived { 2413 .header__notifs_actived {
2414 padding-right: 12px; 2414 padding-right: 12px;
2415 } 2415 }
2416 } 2416 }
2417 .header__notifs_actived:after { 2417 .header__notifs_actived:after {
2418 content: ""; 2418 content: "";
2419 border: 1px solid #fff; 2419 border: 1px solid #fff;
2420 background: #377d87; 2420 background: #377d87;
2421 border-radius: 999px; 2421 border-radius: 999px;
2422 width: 10px; 2422 width: 10px;
2423 height: 10px; 2423 height: 10px;
2424 position: absolute; 2424 position: absolute;
2425 z-index: 1; 2425 z-index: 1;
2426 top: 0; 2426 top: 0;
2427 right: 0; 2427 right: 0;
2428 } 2428 }
2429 @media (min-width: 992px) { 2429 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2430 .header__notifs_actived:after {
2431 width: 8px; 2431 width: 8px;
2432 height: 8px; 2432 height: 8px;
2433 border: none; 2433 border: none;
2434 } 2434 }
2435 } 2435 }
2436 .header__burger { 2436 .header__burger {
2437 display: -webkit-box; 2437 display: -webkit-box;
2438 display: -ms-flexbox; 2438 display: -ms-flexbox;
2439 display: flex; 2439 display: flex;
2440 -webkit-box-align: center; 2440 -webkit-box-align: center;
2441 -ms-flex-align: center; 2441 -ms-flex-align: center;
2442 align-items: center; 2442 align-items: center;
2443 -webkit-box-pack: center; 2443 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2444 -ms-flex-pack: center;
2445 justify-content: center; 2445 justify-content: center;
2446 width: 24px; 2446 width: 24px;
2447 height: 24px; 2447 height: 24px;
2448 color: #377d87; 2448 color: #377d87;
2449 padding: 0; 2449 padding: 0;
2450 border: none; 2450 border: none;
2451 background: none; 2451 background: none;
2452 } 2452 }
2453 @media (min-width: 992px) { 2453 @media (min-width: 992px) {
2454 .header__burger { 2454 .header__burger {
2455 display: none; 2455 display: none;
2456 } 2456 }
2457 } 2457 }
2458 .header__burger svg { 2458 .header__burger svg {
2459 width: 20px; 2459 width: 20px;
2460 height: 20px; 2460 height: 20px;
2461 } 2461 }
2462 .header__burger svg + svg { 2462 .header__burger svg + svg {
2463 display: none; 2463 display: none;
2464 } 2464 }
2465 .header__sign { 2465 .header__sign {
2466 display: none; 2466 display: none;
2467 } 2467 }
2468 @media (min-width: 992px) { 2468 @media (min-width: 992px) {
2469 .header__sign { 2469 .header__sign {
2470 display: -webkit-box; 2470 display: -webkit-box;
2471 display: -ms-flexbox; 2471 display: -ms-flexbox;
2472 display: flex; 2472 display: flex;
2473 } 2473 }
2474 } 2474 }
2475 2475
2476 .mob-menu { 2476 .mob-menu {
2477 display: none; 2477 display: none;
2478 position: fixed; 2478 position: fixed;
2479 bottom: 0; 2479 bottom: 0;
2480 left: 0; 2480 left: 0;
2481 width: 100vw; 2481 width: 100vw;
2482 height: calc(100vh - 42px); 2482 height: calc(100vh - 42px);
2483 z-index: 4; 2483 z-index: 4;
2484 background: #fff; 2484 background: #fff;
2485 overflow: hidden; 2485 overflow: hidden;
2486 overflow-y: auto; 2486 overflow-y: auto;
2487 padding: 50px 0; 2487 padding: 50px 0;
2488 } 2488 }
2489 .mob-menu__bottom { 2489 .mob-menu__bottom {
2490 display: -webkit-box; 2490 display: -webkit-box;
2491 display: -ms-flexbox; 2491 display: -ms-flexbox;
2492 display: flex; 2492 display: flex;
2493 -webkit-box-orient: vertical; 2493 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2494 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2495 -ms-flex-direction: column;
2496 flex-direction: column; 2496 flex-direction: column;
2497 -webkit-box-align: center; 2497 -webkit-box-align: center;
2498 -ms-flex-align: center; 2498 -ms-flex-align: center;
2499 align-items: center; 2499 align-items: center;
2500 margin-top: 80px; 2500 margin-top: 80px;
2501 } 2501 }
2502 .mob-menu__bottom .button { 2502 .mob-menu__bottom .button {
2503 min-width: 120px; 2503 min-width: 120px;
2504 } 2504 }
2505 .mob-menu__bottom-link { 2505 .mob-menu__bottom-link {
2506 text-decoration: underline; 2506 text-decoration: underline;
2507 margin-top: 50px; 2507 margin-top: 50px;
2508 } 2508 }
2509 .mob-menu__bottom-link:hover { 2509 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2510 color: #377d87;
2511 } 2511 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2512 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2513 margin-top: 10px;
2514 } 2514 }
2515 .mob-menu__bottom .socials { 2515 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2516 margin-top: 35px;
2517 } 2517 }
2518 .mob-menu .footer__mobile-menu { 2518 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2519 opacity: 1;
2520 height: auto; 2520 height: auto;
2521 overflow: visible; 2521 overflow: visible;
2522 } 2522 }
2523 .mob-menu .footer__mobile-menu-item button { 2523 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2524 -webkit-box-align: center;
2525 -ms-flex-align: center; 2525 -ms-flex-align: center;
2526 align-items: center; 2526 align-items: center;
2527 } 2527 }
2528 .mob-menu .footer__mobile-menu-item div { 2528 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2529 font-size: 20px;
2530 } 2530 }
2531 .mob-menu .footer__mobile-contacts a { 2531 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2532 font-size: 20px;
2533 font-weight: 700; 2533 font-weight: 700;
2534 color: #000; 2534 color: #000;
2535 text-decoration: none; 2535 text-decoration: none;
2536 } 2536 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2537 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2538 color: #377d87;
2539 } 2539 }
2540 .mob-menu .footer__mobile-menu-item button b, 2540 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2541 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2542 font-size: 30px;
2543 } 2543 }
2544 2544
2545 .menu-is-actived { 2545 .menu-is-actived {
2546 overflow: hidden; 2546 overflow: hidden;
2547 } 2547 }
2548 @media (min-width: 992px) { 2548 @media (min-width: 992px) {
2549 .menu-is-actived { 2549 .menu-is-actived {
2550 overflow: auto; 2550 overflow: auto;
2551 } 2551 }
2552 } 2552 }
2553 .menu-is-actived .header__burger svg { 2553 .menu-is-actived .header__burger svg {
2554 display: none; 2554 display: none;
2555 } 2555 }
2556 .menu-is-actived .header__burger svg + svg { 2556 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2557 display: block;
2558 } 2558 }
2559 .menu-is-actived .mob-menu { 2559 .menu-is-actived .mob-menu {
2560 display: block; 2560 display: block;
2561 } 2561 }
2562 @media (min-width: 992px) { 2562 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2563 .menu-is-actived .mob-menu {
2564 display: none; 2564 display: none;
2565 } 2565 }
2566 } 2566 }
2567 2567
2568 .footer { 2568 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2571 background: #fff;
2572 position: relative; 2572 position: relative;
2573 z-index: 1; 2573 z-index: 1;
2574 overflow: hidden; 2574 overflow: hidden;
2575 } 2575 }
2576 .footer__mobile { 2576 .footer__mobile {
2577 display: -webkit-box; 2577 display: -webkit-box;
2578 display: -ms-flexbox; 2578 display: -ms-flexbox;
2579 display: flex; 2579 display: flex;
2580 -webkit-box-orient: vertical; 2580 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2581 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2582 -ms-flex-direction: column;
2583 flex-direction: column; 2583 flex-direction: column;
2584 padding: 25px 0 30px 0; 2584 padding: 25px 0 30px 0;
2585 } 2585 }
2586 @media (min-width: 768px) { 2586 @media (min-width: 768px) {
2587 .footer__mobile { 2587 .footer__mobile {
2588 padding: 30px 0; 2588 padding: 30px 0;
2589 } 2589 }
2590 } 2590 }
2591 @media (min-width: 992px) { 2591 @media (min-width: 992px) {
2592 .footer__mobile { 2592 .footer__mobile {
2593 display: none; 2593 display: none;
2594 } 2594 }
2595 } 2595 }
2596 .footer__mobile-toper { 2596 .footer__mobile-toper {
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: justify; 2600 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2601 -ms-flex-pack: justify;
2602 justify-content: space-between; 2602 justify-content: space-between;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 padding: 0; 2606 padding: 0;
2607 border: none; 2607 border: none;
2608 background: none; 2608 background: none;
2609 } 2609 }
2610 .footer__mobile-toper a, 2610 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2611 .footer__mobile-toper b {
2612 display: -webkit-box; 2612 display: -webkit-box;
2613 display: -ms-flexbox; 2613 display: -ms-flexbox;
2614 display: flex; 2614 display: flex;
2615 -webkit-box-pack: center; 2615 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2616 -ms-flex-pack: center;
2617 justify-content: center; 2617 justify-content: center;
2618 -webkit-box-align: center; 2618 -webkit-box-align: center;
2619 -ms-flex-align: center; 2619 -ms-flex-align: center;
2620 align-items: center; 2620 align-items: center;
2621 color: #377d87; 2621 color: #377d87;
2622 } 2622 }
2623 .footer__mobile-toper a svg, 2623 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2624 .footer__mobile-toper b svg {
2625 width: 137px; 2625 width: 137px;
2626 height: 40px; 2626 height: 40px;
2627 } 2627 }
2628 .footer__mobile-toper span { 2628 .footer__mobile-toper span {
2629 width: 40px; 2629 width: 40px;
2630 height: 40px; 2630 height: 40px;
2631 display: -webkit-box; 2631 display: -webkit-box;
2632 display: -ms-flexbox; 2632 display: -ms-flexbox;
2633 display: flex; 2633 display: flex;
2634 -webkit-box-pack: center; 2634 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2635 -ms-flex-pack: center;
2636 justify-content: center; 2636 justify-content: center;
2637 -webkit-box-align: center; 2637 -webkit-box-align: center;
2638 -ms-flex-align: center; 2638 -ms-flex-align: center;
2639 align-items: center; 2639 align-items: center;
2640 background: #377d87; 2640 background: #377d87;
2641 color: #fff; 2641 color: #fff;
2642 border-radius: 999px; 2642 border-radius: 999px;
2643 } 2643 }
2644 .footer__mobile-toper span svg { 2644 .footer__mobile-toper span svg {
2645 width: 10px; 2645 width: 10px;
2646 height: 10px; 2646 height: 10px;
2647 -webkit-transition: 0.3s; 2647 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2648 transition: 0.3s;
2649 } 2649 }
2650 .footer__mobile-toper.active span svg { 2650 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2651 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2652 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2653 transform: rotate(180deg);
2654 } 2654 }
2655 .footer__mobile-menu { 2655 .footer__mobile-menu {
2656 height: 0; 2656 height: 0;
2657 opacity: 0; 2657 opacity: 0;
2658 overflow: hidden; 2658 overflow: hidden;
2659 -webkit-transition: 0.3s; 2659 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2660 transition: 0.3s;
2661 display: -webkit-box; 2661 display: -webkit-box;
2662 display: -ms-flexbox; 2662 display: -ms-flexbox;
2663 display: flex; 2663 display: flex;
2664 -webkit-box-orient: vertical; 2664 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2665 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2666 -ms-flex-direction: column;
2667 flex-direction: column; 2667 flex-direction: column;
2668 gap: 30px; 2668 gap: 30px;
2669 } 2669 }
2670 @media (min-width: 768px) { 2670 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2671 .footer__mobile-menu {
2672 display: grid; 2672 display: grid;
2673 grid-template-columns: 1fr 1fr; 2673 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2674 gap: 100px;
2675 } 2675 }
2676 } 2676 }
2677 .footer__mobile-menu-item { 2677 .footer__mobile-menu-item {
2678 display: -webkit-box; 2678 display: -webkit-box;
2679 display: -ms-flexbox; 2679 display: -ms-flexbox;
2680 display: flex; 2680 display: flex;
2681 -webkit-box-orient: vertical; 2681 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2682 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2683 -ms-flex-direction: column;
2684 flex-direction: column; 2684 flex-direction: column;
2685 } 2685 }
2686 .footer__mobile-menu-item button { 2686 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2687 display: -webkit-box;
2688 display: -ms-flexbox; 2688 display: -ms-flexbox;
2689 display: flex; 2689 display: flex;
2690 -webkit-box-align: start; 2690 -webkit-box-align: start;
2691 -ms-flex-align: start; 2691 -ms-flex-align: start;
2692 align-items: flex-start; 2692 align-items: flex-start;
2693 padding: 0; 2693 padding: 0;
2694 border: none; 2694 border: none;
2695 background: none; 2695 background: none;
2696 } 2696 }
2697 .footer__mobile-menu-item button.active { 2697 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2698 color: #377d87;
2699 } 2699 }
2700 .footer__mobile-menu-item button b { 2700 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2701 width: calc(100% - 24px);
2702 padding-right: 12px; 2702 padding-right: 12px;
2703 min-height: 24px; 2703 min-height: 24px;
2704 display: -webkit-box; 2704 display: -webkit-box;
2705 display: -ms-flexbox; 2705 display: -ms-flexbox;
2706 display: flex; 2706 display: flex;
2707 -webkit-box-align: center; 2707 -webkit-box-align: center;
2708 -ms-flex-align: center; 2708 -ms-flex-align: center;
2709 align-items: center; 2709 align-items: center;
2710 font-size: 20px; 2710 font-size: 20px;
2711 font-weight: 700; 2711 font-weight: 700;
2712 } 2712 }
2713 .footer__mobile-menu-item button span { 2713 .footer__mobile-menu-item button span {
2714 width: 24px; 2714 width: 24px;
2715 height: 24px; 2715 height: 24px;
2716 display: -webkit-box; 2716 display: -webkit-box;
2717 display: -ms-flexbox; 2717 display: -ms-flexbox;
2718 display: flex; 2718 display: flex;
2719 -webkit-box-pack: center; 2719 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2720 -ms-flex-pack: center;
2721 justify-content: center; 2721 justify-content: center;
2722 -webkit-box-align: center; 2722 -webkit-box-align: center;
2723 -ms-flex-align: center; 2723 -ms-flex-align: center;
2724 align-items: center; 2724 align-items: center;
2725 padding: 0; 2725 padding: 0;
2726 border: none; 2726 border: none;
2727 background: none; 2727 background: none;
2728 } 2728 }
2729 .footer__mobile-menu-item button svg { 2729 .footer__mobile-menu-item button svg {
2730 width: 12px; 2730 width: 12px;
2731 height: 12px; 2731 height: 12px;
2732 -webkit-transition: 0.3s; 2732 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2733 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2734 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2735 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2736 transform: rotate(180deg);
2737 } 2737 }
2738 .footer__mobile-menu-item button.active svg { 2738 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2739 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2740 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2741 transform: rotate(0deg);
2742 } 2742 }
2743 .footer__mobile-menu-item div { 2743 .footer__mobile-menu-item div {
2744 height: 0; 2744 height: 0;
2745 opacity: 0; 2745 opacity: 0;
2746 overflow: hidden; 2746 overflow: hidden;
2747 -webkit-transition: 0.3s; 2747 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2748 transition: 0.3s;
2749 display: -webkit-box; 2749 display: -webkit-box;
2750 display: -ms-flexbox; 2750 display: -ms-flexbox;
2751 display: flex; 2751 display: flex;
2752 -webkit-box-orient: vertical; 2752 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2753 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2754 -ms-flex-direction: column;
2755 flex-direction: column; 2755 flex-direction: column;
2756 gap: 15px; 2756 gap: 15px;
2757 } 2757 }
2758 .footer__mobile-menu-item div a:hover { 2758 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2759 color: #377d87;
2760 } 2760 }
2761 .footer__mobile-menu-item .active + div { 2761 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2762 opacity: 1;
2763 height: auto; 2763 height: auto;
2764 overflow: visible; 2764 overflow: visible;
2765 padding-top: 15px; 2765 padding-top: 15px;
2766 } 2766 }
2767 .active + .footer__mobile-menu { 2767 .active + .footer__mobile-menu {
2768 opacity: 1; 2768 opacity: 1;
2769 height: auto; 2769 height: auto;
2770 overflow: visible; 2770 overflow: visible;
2771 padding-top: 35px; 2771 padding-top: 35px;
2772 } 2772 }
2773 .footer__mobile-contacts { 2773 .footer__mobile-contacts {
2774 display: -webkit-box; 2774 display: -webkit-box;
2775 display: -ms-flexbox; 2775 display: -ms-flexbox;
2776 display: flex; 2776 display: flex;
2777 -webkit-box-pack: justify; 2777 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2778 -ms-flex-pack: justify;
2779 justify-content: space-between; 2779 justify-content: space-between;
2780 -webkit-box-align: start; 2780 -webkit-box-align: start;
2781 -ms-flex-align: start; 2781 -ms-flex-align: start;
2782 align-items: flex-start; 2782 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2783 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2784 flex-wrap: wrap;
2785 margin-top: 30px; 2785 margin-top: 30px;
2786 } 2786 }
2787 .footer__mobile-contacts b { 2787 .footer__mobile-contacts b {
2788 font-size: 20px; 2788 font-size: 20px;
2789 font-weight: 700; 2789 font-weight: 700;
2790 width: 100%; 2790 width: 100%;
2791 margin-bottom: 20px; 2791 margin-bottom: 20px;
2792 } 2792 }
2793 .footer__mobile-contacts a { 2793 .footer__mobile-contacts a {
2794 color: #377d87; 2794 color: #377d87;
2795 text-decoration: underline; 2795 text-decoration: underline;
2796 } 2796 }
2797 .footer__mobile-contacts a + a { 2797 .footer__mobile-contacts a + a {
2798 color: #000; 2798 color: #000;
2799 } 2799 }
2800 .footer__mobile-bottom { 2800 .footer__mobile-bottom {
2801 display: -webkit-box; 2801 display: -webkit-box;
2802 display: -ms-flexbox; 2802 display: -ms-flexbox;
2803 display: flex; 2803 display: flex;
2804 -webkit-box-orient: vertical; 2804 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2805 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2806 -ms-flex-direction: column;
2807 flex-direction: column; 2807 flex-direction: column;
2808 -webkit-box-align: center; 2808 -webkit-box-align: center;
2809 -ms-flex-align: center; 2809 -ms-flex-align: center;
2810 align-items: center; 2810 align-items: center;
2811 text-align: center; 2811 text-align: center;
2812 gap: 20px; 2812 gap: 20px;
2813 margin-top: 100px; 2813 margin-top: 100px;
2814 } 2814 }
2815 .footer__mobile-links { 2815 .footer__mobile-links {
2816 display: -webkit-box; 2816 display: -webkit-box;
2817 display: -ms-flexbox; 2817 display: -ms-flexbox;
2818 display: flex; 2818 display: flex;
2819 -webkit-box-orient: vertical; 2819 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2820 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2821 -ms-flex-direction: column;
2822 flex-direction: column; 2822 flex-direction: column;
2823 -webkit-box-align: center; 2823 -webkit-box-align: center;
2824 -ms-flex-align: center; 2824 -ms-flex-align: center;
2825 align-items: center; 2825 align-items: center;
2826 gap: 10px; 2826 gap: 10px;
2827 } 2827 }
2828 .footer__mobile-links a:hover { 2828 .footer__mobile-links a:hover {
2829 color: #377d87; 2829 color: #377d87;
2830 } 2830 }
2831 .footer__mobile-links span { 2831 .footer__mobile-links span {
2832 width: 60px; 2832 width: 60px;
2833 height: 1px; 2833 height: 1px;
2834 background: #377d87; 2834 background: #377d87;
2835 } 2835 }
2836 .footer__main { 2836 .footer__main {
2837 display: none; 2837 display: none;
2838 padding: 55px 0 20px 0; 2838 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2839 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2840 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2841 -ms-flex-direction: column;
2842 flex-direction: column; 2842 flex-direction: column;
2843 gap: 70px; 2843 gap: 70px;
2844 } 2844 }
2845 @media (min-width: 992px) { 2845 @media (min-width: 992px) {
2846 .footer__main { 2846 .footer__main {
2847 display: -webkit-box; 2847 display: -webkit-box;
2848 display: -ms-flexbox; 2848 display: -ms-flexbox;
2849 display: flex; 2849 display: flex;
2850 } 2850 }
2851 } 2851 }
2852 .footer__main-body { 2852 .footer__main-body {
2853 display: -webkit-box; 2853 display: -webkit-box;
2854 display: -ms-flexbox; 2854 display: -ms-flexbox;
2855 display: flex; 2855 display: flex;
2856 -webkit-box-pack: justify; 2856 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2857 -ms-flex-pack: justify;
2858 justify-content: space-between; 2858 justify-content: space-between;
2859 -webkit-box-align: start; 2859 -webkit-box-align: start;
2860 -ms-flex-align: start; 2860 -ms-flex-align: start;
2861 align-items: flex-start; 2861 align-items: flex-start;
2862 } 2862 }
2863 .footer__main-logo { 2863 .footer__main-logo {
2864 display: -webkit-box; 2864 display: -webkit-box;
2865 display: -ms-flexbox; 2865 display: -ms-flexbox;
2866 display: flex; 2866 display: flex;
2867 -webkit-box-pack: center; 2867 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2868 -ms-flex-pack: center;
2869 justify-content: center; 2869 justify-content: center;
2870 -webkit-box-align: center; 2870 -webkit-box-align: center;
2871 -ms-flex-align: center; 2871 -ms-flex-align: center;
2872 align-items: center; 2872 align-items: center;
2873 color: #377d87; 2873 color: #377d87;
2874 } 2874 }
2875 .footer__main-logo svg { 2875 .footer__main-logo svg {
2876 width: 182px; 2876 width: 182px;
2877 height: 54px; 2877 height: 54px;
2878 } 2878 }
2879 .footer__main-title { 2879 .footer__main-title {
2880 font-size: 20px; 2880 font-size: 20px;
2881 font-weight: 700; 2881 font-weight: 700;
2882 margin-bottom: 16px; 2882 margin-bottom: 16px;
2883 } 2883 }
2884 .footer__main-col { 2884 .footer__main-col {
2885 display: -webkit-box; 2885 display: -webkit-box;
2886 display: -ms-flexbox; 2886 display: -ms-flexbox;
2887 display: flex; 2887 display: flex;
2888 -webkit-box-orient: vertical; 2888 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2889 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2890 -ms-flex-direction: column;
2891 flex-direction: column; 2891 flex-direction: column;
2892 -webkit-box-align: start; 2892 -webkit-box-align: start;
2893 -ms-flex-align: start; 2893 -ms-flex-align: start;
2894 align-items: flex-start; 2894 align-items: flex-start;
2895 } 2895 }
2896 .footer__main-col nav { 2896 .footer__main-col nav {
2897 display: -webkit-box; 2897 display: -webkit-box;
2898 display: -ms-flexbox; 2898 display: -ms-flexbox;
2899 display: flex; 2899 display: flex;
2900 -webkit-box-orient: vertical; 2900 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2901 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2902 -ms-flex-direction: column;
2903 flex-direction: column; 2903 flex-direction: column;
2904 -webkit-box-align: start; 2904 -webkit-box-align: start;
2905 -ms-flex-align: start; 2905 -ms-flex-align: start;
2906 align-items: flex-start; 2906 align-items: flex-start;
2907 gap: 8px; 2907 gap: 8px;
2908 } 2908 }
2909 .footer__main-col nav a:hover { 2909 .footer__main-col nav a:hover {
2910 color: #377d87; 2910 color: #377d87;
2911 } 2911 }
2912 .footer__main-contacts { 2912 .footer__main-contacts {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-orient: vertical; 2916 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2917 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2918 -ms-flex-direction: column;
2919 flex-direction: column; 2919 flex-direction: column;
2920 -webkit-box-align: start; 2920 -webkit-box-align: start;
2921 -ms-flex-align: start; 2921 -ms-flex-align: start;
2922 align-items: flex-start; 2922 align-items: flex-start;
2923 gap: 16px; 2923 gap: 16px;
2924 margin-bottom: 16px; 2924 margin-bottom: 16px;
2925 } 2925 }
2926 .footer__main-contacts a { 2926 .footer__main-contacts a {
2927 color: #377d87; 2927 color: #377d87;
2928 text-decoration: underline; 2928 text-decoration: underline;
2929 } 2929 }
2930 .footer__main-contacts a + a { 2930 .footer__main-contacts a + a {
2931 color: #000; 2931 color: #000;
2932 } 2932 }
2933 .footer__main-copy { 2933 .footer__main-copy {
2934 display: -webkit-box; 2934 display: -webkit-box;
2935 display: -ms-flexbox; 2935 display: -ms-flexbox;
2936 display: flex; 2936 display: flex;
2937 -webkit-box-pack: justify; 2937 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2938 -ms-flex-pack: justify;
2939 justify-content: space-between; 2939 justify-content: space-between;
2940 -webkit-box-align: center; 2940 -webkit-box-align: center;
2941 -ms-flex-align: center; 2941 -ms-flex-align: center;
2942 align-items: center; 2942 align-items: center;
2943 font-size: 14px; 2943 font-size: 14px;
2944 line-height: 1.4; 2944 line-height: 1.4;
2945 } 2945 }
2946 .footer__main-copy nav { 2946 .footer__main-copy nav {
2947 display: -webkit-box; 2947 display: -webkit-box;
2948 display: -ms-flexbox; 2948 display: -ms-flexbox;
2949 display: flex; 2949 display: flex;
2950 -webkit-box-align: center; 2950 -webkit-box-align: center;
2951 -ms-flex-align: center; 2951 -ms-flex-align: center;
2952 align-items: center; 2952 align-items: center;
2953 gap: 10px; 2953 gap: 10px;
2954 } 2954 }
2955 .footer__main-copy nav a:hover { 2955 .footer__main-copy nav a:hover {
2956 color: #377d87; 2956 color: #377d87;
2957 } 2957 }
2958 .footer__main-copy nav span { 2958 .footer__main-copy nav span {
2959 width: 1px; 2959 width: 1px;
2960 height: 20px; 2960 height: 20px;
2961 background: #000; 2961 background: #000;
2962 } 2962 }
2963 2963
2964 .main { 2964 .main {
2965 position: relative; 2965 position: relative;
2966 overflow: hidden; 2966 overflow: hidden;
2967 padding: 30px 0; 2967 padding: 30px 0;
2968 } 2968 }
2969 @media (min-width: 768px) { 2969 @media (min-width: 768px) {
2970 .main { 2970 .main {
2971 padding: 40px 0; 2971 padding: 40px 0;
2972 } 2972 }
2973 } 2973 }
2974 @media (min-width: 992px) { 2974 @media (min-width: 992px) {
2975 .main { 2975 .main {
2976 padding: 50px 0; 2976 padding: 50px 0;
2977 } 2977 }
2978 } 2978 }
2979 @media (min-width: 1280px) { 2979 @media (min-width: 1280px) {
2980 .main { 2980 .main {
2981 padding: 60px 0; 2981 padding: 60px 0;
2982 } 2982 }
2983 } 2983 }
2984 .main h2 { 2984 .main h2 {
2985 margin: 0; 2985 margin: 0;
2986 font-weight: 700; 2986 font-weight: 700;
2987 font-size: 30px; 2987 font-size: 30px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main h2 { 2990 .main h2 {
2991 font-size: 44px; 2991 font-size: 44px;
2992 } 2992 }
2993 } 2993 }
2994 .main h3 { 2994 .main h3 {
2995 margin: 0; 2995 margin: 0;
2996 font-weight: 700; 2996 font-weight: 700;
2997 font-size: 22px; 2997 font-size: 22px;
2998 } 2998 }
2999 @media (min-width: 768px) { 2999 @media (min-width: 768px) {
3000 .main h3 { 3000 .main h3 {
3001 font-size: 28px; 3001 font-size: 28px;
3002 } 3002 }
3003 } 3003 }
3004 .main p { 3004 .main p {
3005 margin: 0; 3005 margin: 0;
3006 font-size: 14px; 3006 font-size: 14px;
3007 line-height: 1.4; 3007 line-height: 1.4;
3008 } 3008 }
3009 @media (min-width: 768px) { 3009 @media (min-width: 768px) {
3010 .main p { 3010 .main p {
3011 font-size: 18px; 3011 font-size: 18px;
3012 } 3012 }
3013 } 3013 }
3014 .main p a { 3014 .main p a {
3015 color: #4d88d9; 3015 color: #4d88d9;
3016 } 3016 }
3017 .main p a:hover { 3017 .main p a:hover {
3018 color: #377d87; 3018 color: #377d87;
3019 } 3019 }
3020 .main__breadcrumbs { 3020 .main__breadcrumbs {
3021 margin-bottom: 20px; 3021 margin-bottom: 20px;
3022 } 3022 }
3023 @media (min-width: 768px) { 3023 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3024 .main__breadcrumbs {
3025 margin-bottom: 40px; 3025 margin-bottom: 40px;
3026 } 3026 }
3027 } 3027 }
3028 .main__content { 3028 .main__content {
3029 display: -webkit-box; 3029 display: -webkit-box;
3030 display: -ms-flexbox; 3030 display: -ms-flexbox;
3031 display: flex; 3031 display: flex;
3032 -webkit-box-orient: vertical; 3032 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3033 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3034 -ms-flex-direction: column;
3035 flex-direction: column; 3035 flex-direction: column;
3036 gap: 20px; 3036 gap: 20px;
3037 font-size: 14px; 3037 font-size: 14px;
3038 } 3038 }
3039 @media (min-width: 992px) { 3039 @media (min-width: 992px) {
3040 .main__content { 3040 .main__content {
3041 font-size: 18px; 3041 font-size: 18px;
3042 gap: 32px; 3042 gap: 32px;
3043 } 3043 }
3044 } 3044 }
3045 .main__content-item { 3045 .main__content-item {
3046 display: -webkit-box; 3046 display: -webkit-box;
3047 display: -ms-flexbox; 3047 display: -ms-flexbox;
3048 display: flex; 3048 display: flex;
3049 -webkit-box-orient: vertical; 3049 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3050 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3051 -ms-flex-direction: column;
3052 flex-direction: column; 3052 flex-direction: column;
3053 gap: 16px; 3053 gap: 16px;
3054 } 3054 }
3055 .main__content h1, 3055 .main__content h1,
3056 .main__content h2, 3056 .main__content h2,
3057 .main__content h3, 3057 .main__content h3,
3058 .main__content h4, 3058 .main__content h4,
3059 .main__content h5, 3059 .main__content h5,
3060 .main__content h6 { 3060 .main__content h6 {
3061 color: #000; 3061 color: #000;
3062 } 3062 }
3063 .main__content ul, 3063 .main__content ul,
3064 .main__content ol { 3064 .main__content ol {
3065 padding: 0; 3065 padding: 0;
3066 margin: 0; 3066 margin: 0;
3067 padding-left: 20px; 3067 padding-left: 20px;
3068 display: -webkit-box; 3068 display: -webkit-box;
3069 display: -ms-flexbox; 3069 display: -ms-flexbox;
3070 display: flex; 3070 display: flex;
3071 -webkit-box-orient: vertical; 3071 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3072 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3073 -ms-flex-direction: column;
3074 flex-direction: column; 3074 flex-direction: column;
3075 gap: 8px; 3075 gap: 8px;
3076 } 3076 }
3077 @media (min-width: 992px) { 3077 @media (min-width: 992px) {
3078 .main__content ul, 3078 .main__content ul,
3079 .main__content ol { 3079 .main__content ol {
3080 gap: 16px; 3080 gap: 16px;
3081 padding-left: 30px; 3081 padding-left: 30px;
3082 } 3082 }
3083 } 3083 }
3084 .main__content li ul, 3084 .main__content li ul,
3085 .main__content li ol { 3085 .main__content li ol {
3086 margin-top: 8px; 3086 margin-top: 8px;
3087 } 3087 }
3088 @media (min-width: 992px) { 3088 @media (min-width: 992px) {
3089 .main__content li ul, 3089 .main__content li ul,
3090 .main__content li ol { 3090 .main__content li ol {
3091 margin-top: 16px; 3091 margin-top: 16px;
3092 } 3092 }
3093 } 3093 }
3094 .main__content li ul li, 3094 .main__content li ul li,
3095 .main__content li ol li { 3095 .main__content li ol li {
3096 list-style-type: disc; 3096 list-style-type: disc;
3097 } 3097 }
3098 .main__gallery { 3098 .main__gallery {
3099 display: -webkit-box; 3099 display: -webkit-box;
3100 display: -ms-flexbox; 3100 display: -ms-flexbox;
3101 display: flex; 3101 display: flex;
3102 -webkit-box-orient: vertical; 3102 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3103 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3104 -ms-flex-direction: column;
3105 flex-direction: column; 3105 flex-direction: column;
3106 gap: 20px; 3106 gap: 20px;
3107 } 3107 }
3108 @media (min-width: 768px) { 3108 @media (min-width: 768px) {
3109 .main__gallery { 3109 .main__gallery {
3110 display: grid; 3110 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3111 grid-template-columns: repeat(2, 1fr);
3112 } 3112 }
3113 } 3113 }
3114 @media (min-width: 992px) { 3114 @media (min-width: 992px) {
3115 .main__gallery { 3115 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3116 grid-template-columns: repeat(3, 1fr);
3117 } 3117 }
3118 } 3118 }
3119 .main__gallery-item { 3119 .main__gallery-item {
3120 width: 100%; 3120 width: 100%;
3121 aspect-ratio: 400/224; 3121 aspect-ratio: 400/224;
3122 border-radius: 30px; 3122 border-radius: 30px;
3123 position: relative; 3123 position: relative;
3124 overflow: hidden; 3124 overflow: hidden;
3125 } 3125 }
3126 .main__gallery-item:hover { 3126 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3127 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3128 filter: brightness(1.1);
3129 } 3129 }
3130 .main__gallery-item img { 3130 .main__gallery-item img {
3131 position: absolute; 3131 position: absolute;
3132 top: 0; 3132 top: 0;
3133 left: 0; 3133 left: 0;
3134 width: 100%; 3134 width: 100%;
3135 height: 100%; 3135 height: 100%;
3136 -o-object-fit: cover; 3136 -o-object-fit: cover;
3137 object-fit: cover; 3137 object-fit: cover;
3138 } 3138 }
3139 .main__employers { 3139 .main__employers {
3140 display: -webkit-box; 3140 display: -webkit-box;
3141 display: -ms-flexbox; 3141 display: -ms-flexbox;
3142 display: flex; 3142 display: flex;
3143 -webkit-box-orient: vertical; 3143 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3144 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3145 -ms-flex-direction: column;
3146 flex-direction: column; 3146 flex-direction: column;
3147 gap: 10px; 3147 gap: 10px;
3148 } 3148 }
3149 @media (min-width: 768px) { 3149 @media (min-width: 768px) {
3150 .main__employers { 3150 .main__employers {
3151 gap: 30px; 3151 gap: 30px;
3152 } 3152 }
3153 } 3153 }
3154 .main__employers-body { 3154 .main__employers-body {
3155 display: none; 3155 display: none;
3156 -webkit-box-orient: vertical; 3156 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3158 -ms-flex-direction: column;
3159 flex-direction: column; 3159 flex-direction: column;
3160 gap: 20px; 3160 gap: 20px;
3161 } 3161 }
3162 @media (min-width: 992px) { 3162 @media (min-width: 992px) {
3163 .main__employers-body { 3163 .main__employers-body {
3164 gap: 30px; 3164 gap: 30px;
3165 } 3165 }
3166 } 3166 }
3167 .main__employers-body.showed { 3167 .main__employers-body.showed {
3168 display: -webkit-box; 3168 display: -webkit-box;
3169 display: -ms-flexbox; 3169 display: -ms-flexbox;
3170 display: flex; 3170 display: flex;
3171 } 3171 }
3172 .main__employers-item { 3172 .main__employers-item {
3173 display: -webkit-box; 3173 display: -webkit-box;
3174 display: -ms-flexbox; 3174 display: -ms-flexbox;
3175 display: flex; 3175 display: flex;
3176 -webkit-box-orient: vertical; 3176 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3177 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3178 -ms-flex-direction: column;
3179 flex-direction: column; 3179 flex-direction: column;
3180 border: 1px solid #cecece; 3180 border: 1px solid #cecece;
3181 border-radius: 8px; 3181 border-radius: 8px;
3182 position: relative; 3182 position: relative;
3183 overflow: hidden; 3183 overflow: hidden;
3184 padding: 10px; 3184 padding: 10px;
3185 padding-top: 50px; 3185 padding-top: 50px;
3186 padding-bottom: 30px; 3186 padding-bottom: 30px;
3187 } 3187 }
3188 @media (min-width: 768px) { 3188 @media (min-width: 768px) {
3189 .main__employers-item { 3189 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3190 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3191 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3192 -ms-flex-direction: row;
3193 flex-direction: row; 3193 flex-direction: row;
3194 -webkit-box-align: center; 3194 -webkit-box-align: center;
3195 -ms-flex-align: center; 3195 -ms-flex-align: center;
3196 align-items: center; 3196 align-items: center;
3197 -webkit-box-pack: justify; 3197 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3198 -ms-flex-pack: justify;
3199 justify-content: space-between; 3199 justify-content: space-between;
3200 padding: 55px 20px; 3200 padding: 55px 20px;
3201 } 3201 }
3202 } 3202 }
3203 @media (min-width: 1280px) { 3203 @media (min-width: 1280px) {
3204 .main__employers-item { 3204 .main__employers-item {
3205 padding-left: 55px; 3205 padding-left: 55px;
3206 } 3206 }
3207 } 3207 }
3208 .main__employers-item-inner { 3208 .main__employers-item-inner {
3209 display: -webkit-box; 3209 display: -webkit-box;
3210 display: -ms-flexbox; 3210 display: -ms-flexbox;
3211 display: flex; 3211 display: flex;
3212 -webkit-box-orient: vertical; 3212 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3213 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3214 -ms-flex-direction: column;
3215 flex-direction: column; 3215 flex-direction: column;
3216 } 3216 }
3217 @media (min-width: 768px) { 3217 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3218 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3219 width: calc(100% - 200px);
3220 padding-right: 40px; 3220 padding-right: 40px;
3221 } 3221 }
3222 } 3222 }
3223 @media (min-width: 992px) { 3223 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3224 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3225 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3227 -ms-flex-direction: row;
3228 flex-direction: row; 3228 flex-direction: row;
3229 -webkit-box-align: center; 3229 -webkit-box-align: center;
3230 -ms-flex-align: center; 3230 -ms-flex-align: center;
3231 align-items: center; 3231 align-items: center;
3232 } 3232 }
3233 } 3233 }
3234 .main__employers-item-pic { 3234 .main__employers-item-pic {
3235 height: 30px; 3235 height: 30px;
3236 position: absolute; 3236 position: absolute;
3237 top: 10px; 3237 top: 10px;
3238 left: 10px; 3238 left: 10px;
3239 } 3239 }
3240 @media (min-width: 768px) { 3240 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3241 .main__employers-item-pic {
3242 position: static; 3242 position: static;
3243 width: 150px; 3243 width: 150px;
3244 height: auto; 3244 height: auto;
3245 max-height: 150px; 3245 max-height: 150px;
3246 -o-object-fit: contain; 3246 -o-object-fit: contain;
3247 object-fit: contain; 3247 object-fit: contain;
3248 } 3248 }
3249 } 3249 }
3250 .main__employers-item-body { 3250 .main__employers-item-body {
3251 font-size: 12px; 3251 font-size: 12px;
3252 display: -webkit-box; 3252 display: -webkit-box;
3253 display: -ms-flexbox; 3253 display: -ms-flexbox;
3254 display: flex; 3254 display: flex;
3255 -webkit-box-orient: vertical; 3255 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3256 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3257 -ms-flex-direction: column;
3258 flex-direction: column; 3258 flex-direction: column;
3259 gap: 10px; 3259 gap: 10px;
3260 } 3260 }
3261 @media (min-width: 768px) { 3261 @media (min-width: 768px) {
3262 .main__employers-item-body { 3262 .main__employers-item-body {
3263 font-size: 16px; 3263 font-size: 16px;
3264 padding-top: 20px; 3264 padding-top: 20px;
3265 } 3265 }
3266 } 3266 }
3267 @media (min-width: 992px) { 3267 @media (min-width: 992px) {
3268 .main__employers-item-body { 3268 .main__employers-item-body {
3269 width: calc(100% - 150px); 3269 width: calc(100% - 150px);
3270 padding: 0; 3270 padding: 0;
3271 padding-left: 40px; 3271 padding-left: 40px;
3272 } 3272 }
3273 } 3273 }
3274 .main__employers-item-body b { 3274 .main__employers-item-body b {
3275 font-weight: 700; 3275 font-weight: 700;
3276 } 3276 }
3277 @media (min-width: 768px) { 3277 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3278 .main__employers-item-body b {
3279 font-size: 20px; 3279 font-size: 20px;
3280 } 3280 }
3281 } 3281 }
3282 .main__employers-item-body i { 3282 .main__employers-item-body i {
3283 font-style: normal; 3283 font-style: normal;
3284 color: #000; 3284 color: #000;
3285 } 3285 }
3286 .main__employers-item-more { 3286 .main__employers-item-more {
3287 position: absolute; 3287 position: absolute;
3288 top: 10px; 3288 top: 10px;
3289 right: 10px; 3289 right: 10px;
3290 } 3290 }
3291 @media (min-width: 768px) { 3291 @media (min-width: 768px) {
3292 .main__employers-item-more { 3292 .main__employers-item-more {
3293 width: 200px; 3293 width: 200px;
3294 padding: 0; 3294 padding: 0;
3295 position: static; 3295 position: static;
3296 } 3296 }
3297 } 3297 }
3298 .main__employers-item-label { 3298 .main__employers-item-label {
3299 background: #4d88d9; 3299 background: #4d88d9;
3300 color: #fff; 3300 color: #fff;
3301 border-radius: 6px; 3301 border-radius: 6px;
3302 width: 100%; 3302 width: 100%;
3303 height: 20px; 3303 height: 20px;
3304 display: -webkit-box; 3304 display: -webkit-box;
3305 display: -ms-flexbox; 3305 display: -ms-flexbox;
3306 display: flex; 3306 display: flex;
3307 -webkit-box-align: center; 3307 -webkit-box-align: center;
3308 -ms-flex-align: center; 3308 -ms-flex-align: center;
3309 align-items: center; 3309 align-items: center;
3310 padding: 0 12px; 3310 padding: 0 12px;
3311 position: absolute; 3311 position: absolute;
3312 bottom: 0; 3312 bottom: 0;
3313 left: 0; 3313 left: 0;
3314 font-size: 12px; 3314 font-size: 12px;
3315 line-height: 1; 3315 line-height: 1;
3316 } 3316 }
3317 @media (min-width: 768px) { 3317 @media (min-width: 768px) {
3318 .main__employers-item-label { 3318 .main__employers-item-label {
3319 max-width: 350px; 3319 max-width: 350px;
3320 height: 30px; 3320 height: 30px;
3321 font-size: 15px; 3321 font-size: 15px;
3322 } 3322 }
3323 } 3323 }
3324 .main__employers-item-label svg { 3324 .main__employers-item-label svg {
3325 width: 8px; 3325 width: 8px;
3326 height: 8px; 3326 height: 8px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3329 .main__employers-item-label svg {
3330 width: 12px; 3330 width: 12px;
3331 height: 12px; 3331 height: 12px;
3332 } 3332 }
3333 } 3333 }
3334 .main__employers-item-label span { 3334 .main__employers-item-label span {
3335 overflow: hidden; 3335 overflow: hidden;
3336 display: -webkit-box; 3336 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3337 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3338 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3339 width: calc(100% - 8px);
3340 padding-left: 6px; 3340 padding-left: 6px;
3341 } 3341 }
3342 .main__employers-one { 3342 .main__employers-one {
3343 display: -webkit-box; 3343 display: -webkit-box;
3344 display: -ms-flexbox; 3344 display: -ms-flexbox;
3345 display: flex; 3345 display: flex;
3346 -webkit-box-orient: vertical; 3346 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3347 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3348 -ms-flex-direction: column;
3349 flex-direction: column; 3349 flex-direction: column;
3350 gap: 20px; 3350 gap: 20px;
3351 } 3351 }
3352 .main__employers-two { 3352 .main__employers-two {
3353 display: -webkit-box; 3353 display: -webkit-box;
3354 display: -ms-flexbox; 3354 display: -ms-flexbox;
3355 display: flex; 3355 display: flex;
3356 -webkit-box-orient: vertical; 3356 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3357 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3358 -ms-flex-direction: column;
3359 flex-direction: column; 3359 flex-direction: column;
3360 gap: 20px; 3360 gap: 20px;
3361 } 3361 }
3362 @media (min-width: 768px) { 3362 @media (min-width: 768px) {
3363 .main__employers-two { 3363 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3364 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3365 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3366 -ms-flex-direction: row;
3367 flex-direction: row; 3367 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3368 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3369 flex-wrap: wrap;
3370 -webkit-box-align: start; 3370 -webkit-box-align: start;
3371 -ms-flex-align: start; 3371 -ms-flex-align: start;
3372 align-items: flex-start; 3372 align-items: flex-start;
3373 -webkit-box-pack: justify; 3373 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3374 -ms-flex-pack: justify;
3375 justify-content: space-between; 3375 justify-content: space-between;
3376 gap: 20px 0; 3376 gap: 20px 0;
3377 } 3377 }
3378 } 3378 }
3379 .main__employers-two .main__employers-item { 3379 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3380 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3381 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3382 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3383 -ms-flex-direction: column;
3384 flex-direction: column; 3384 flex-direction: column;
3385 -webkit-box-align: stretch; 3385 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3386 -ms-flex-align: stretch;
3387 align-items: stretch; 3387 align-items: stretch;
3388 padding-top: 30px; 3388 padding-top: 30px;
3389 } 3389 }
3390 .main__employers-two .main__employers-item-inner { 3390 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3391 width: 100%;
3392 padding: 0; 3392 padding: 0;
3393 } 3393 }
3394 .main__employers-two .main__employers-item-more { 3394 .main__employers-two .main__employers-item-more {
3395 position: static; 3395 position: static;
3396 margin-top: 20px; 3396 margin-top: 20px;
3397 } 3397 }
3398 @media (min-width: 992px) { 3398 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3399 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3400 margin-left: 190px;
3401 } 3401 }
3402 } 3402 }
3403 .main__employers-two .main__employers-item-label { 3403 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3404 max-width: none;
3405 } 3405 }
3406 .main__employer-page { 3406 .main__employer-page {
3407 display: -webkit-box; 3407 display: -webkit-box;
3408 display: -ms-flexbox; 3408 display: -ms-flexbox;
3409 display: flex; 3409 display: flex;
3410 -webkit-box-orient: vertical; 3410 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3411 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3412 -ms-flex-direction: column;
3413 flex-direction: column; 3413 flex-direction: column;
3414 gap: 20px; 3414 gap: 20px;
3415 } 3415 }
3416 @media (min-width: 768px) { 3416 @media (min-width: 768px) {
3417 .main__employer-page { 3417 .main__employer-page {
3418 gap: 30px; 3418 gap: 30px;
3419 } 3419 }
3420 } 3420 }
3421 .main__employer-page-title { 3421 .main__employer-page-title {
3422 color: #000; 3422 color: #000;
3423 margin: 0; 3423 margin: 0;
3424 font-size: 30px; 3424 font-size: 30px;
3425 } 3425 }
3426 @media (min-width: 768px) { 3426 @media (min-width: 768px) {
3427 .main__employer-page-title { 3427 .main__employer-page-title {
3428 font-size: 36px; 3428 font-size: 36px;
3429 } 3429 }
3430 } 3430 }
3431 @media (min-width: 992px) { 3431 @media (min-width: 992px) {
3432 .main__employer-page-title { 3432 .main__employer-page-title {
3433 font-size: 44px; 3433 font-size: 44px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employer-page-item { 3436 .main__employer-page-item {
3437 display: -webkit-box; 3437 display: -webkit-box;
3438 display: -ms-flexbox; 3438 display: -ms-flexbox;
3439 display: flex; 3439 display: flex;
3440 -webkit-box-orient: vertical; 3440 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3441 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3442 -ms-flex-direction: column;
3443 flex-direction: column; 3443 flex-direction: column;
3444 gap: 4px; 3444 gap: 4px;
3445 font-size: 12px; 3445 font-size: 12px;
3446 line-height: 1.4; 3446 line-height: 1.4;
3447 width: 190px; 3447 width: 190px;
3448 } 3448 }
3449 .main__employer-page-item.main__employer-page-description{ 3449 .main__employer-page-item.main__employer-page-description{
3450 width: unset; 3450 width: unset;
3451 } 3451 }
3452 @media (min-width: 768px) { 3452 @media (min-width: 768px) {
3453 .main__employer-page-item { 3453 .main__employer-page-item {
3454 font-size: 18px; 3454 font-size: 18px;
3455 gap: 8px; 3455 gap: 8px;
3456 } 3456 }
3457 } 3457 }
3458 .main__employer-page-item b { 3458 .main__employer-page-item b {
3459 color: #377d87; 3459 color: #377d87;
3460 font-size: 14px; 3460 font-size: 14px;
3461 } 3461 }
3462 @media (min-width: 768px) { 3462 @media (min-width: 768px) {
3463 .main__employer-page-item b { 3463 .main__employer-page-item b {
3464 font-size: 18px; 3464 font-size: 18px;
3465 } 3465 }
3466 } 3466 }
3467 .main__employer-page-item span { 3467 .main__employer-page-item span {
3468 color: #000; 3468 color: #000;
3469 } 3469 }
3470 .main__employer-page-info { 3470 .main__employer-page-info {
3471 display: -webkit-box; 3471 display: -webkit-box;
3472 display: -ms-flexbox; 3472 display: -ms-flexbox;
3473 display: flex; 3473 display: flex;
3474 -webkit-box-orient: vertical; 3474 -webkit-box-orient: vertical;
3475 -webkit-box-direction: normal; 3475 -webkit-box-direction: normal;
3476 -ms-flex-direction: column; 3476 -ms-flex-direction: column;
3477 flex-direction: column; 3477 flex-direction: column;
3478 gap: 20px; 3478 gap: 20px;
3479 } 3479 }
3480 .main__employer-page-info.row2{ 3480 .main__employer-page-info.row2{
3481 justify-content: flex-start; 3481 justify-content: flex-start;
3482 } 3482 }
3483 .main__employer-page-info.row2 .main__employer-page-item{ 3483 .main__employer-page-info.row2 .main__employer-page-item{
3484 width: 25%; 3484 width: 25%;
3485 } 3485 }
3486 @media (min-width: 768px) { 3486 @media (min-width: 768px) {
3487 .main__employer-page-info { 3487 .main__employer-page-info {
3488 display: grid; 3488 display: grid;
3489 grid-template-columns: repeat(2, 1fr); 3489 grid-template-columns: repeat(2, 1fr);
3490 gap: 30px 40px; 3490 gap: 30px 40px;
3491 } 3491 }
3492 } 3492 }
3493 @media (min-width: 1280px) { 3493 @media (min-width: 1280px) {
3494 .main__employer-page-info { 3494 .main__employer-page-info {
3495 display: -webkit-box; 3495 display: -webkit-box;
3496 display: -ms-flexbox; 3496 display: -ms-flexbox;
3497 display: flex; 3497 display: flex;
3498 -webkit-box-orient: horizontal; 3498 -webkit-box-orient: horizontal;
3499 -webkit-box-direction: normal; 3499 -webkit-box-direction: normal;
3500 -ms-flex-direction: row; 3500 -ms-flex-direction: row;
3501 flex-direction: row; 3501 flex-direction: row;
3502 -webkit-box-align: start; 3502 -webkit-box-align: start;
3503 -ms-flex-align: start; 3503 -ms-flex-align: start;
3504 align-items: flex-start; 3504 align-items: flex-start;
3505 -webkit-box-pack: justify; 3505 -webkit-box-pack: justify;
3506 -ms-flex-pack: justify; 3506 -ms-flex-pack: justify;
3507 justify-content: space-between; 3507 justify-content: space-between;
3508 padding-right: 160px; 3508 padding-right: 160px;
3509 } 3509 }
3510 } 3510 }
3511 @media (min-width: 768px) { 3511 @media (min-width: 768px) {
3512 .main__employer-page-info .main__employer-page-item b, 3512 .main__employer-page-info .main__employer-page-item b,
3513 .main__employer-page-info .main__employer-page-item span { 3513 .main__employer-page-info .main__employer-page-item span {
3514 max-width: 300px; 3514 max-width: 300px;
3515 } 3515 }
3516 } 3516 }
3517 .main__employer-page-tabs { 3517 .main__employer-page-tabs {
3518 display: -webkit-box; 3518 display: -webkit-box;
3519 display: -ms-flexbox; 3519 display: -ms-flexbox;
3520 display: flex; 3520 display: flex;
3521 -webkit-box-align: center; 3521 -webkit-box-align: center;
3522 -ms-flex-align: center; 3522 -ms-flex-align: center;
3523 align-items: center; 3523 align-items: center;
3524 gap: 20px; 3524 gap: 20px;
3525 } 3525 }
3526 @media (min-width: 768px) { 3526 @media (min-width: 768px) {
3527 .main__employer-page-tabs { 3527 .main__employer-page-tabs {
3528 margin-top: 20px; 3528 margin-top: 20px;
3529 } 3529 }
3530 } 3530 }
3531 .main__employer-page-tabs-item { 3531 .main__employer-page-tabs-item {
3532 font-size: 22px; 3532 font-size: 22px;
3533 font-weight: 700; 3533 font-weight: 700;
3534 border: none; 3534 border: none;
3535 background: none; 3535 background: none;
3536 padding: 0; 3536 padding: 0;
3537 color: #9c9d9d; 3537 color: #9c9d9d;
3538 text-decoration: underline; 3538 text-decoration: underline;
3539 text-decoration-thickness: 1px; 3539 text-decoration-thickness: 1px;
3540 } 3540 }
3541 @media (min-width: 768px) { 3541 @media (min-width: 768px) {
3542 .main__employer-page-tabs-item { 3542 .main__employer-page-tabs-item {
3543 font-size: 24px; 3543 font-size: 24px;
3544 } 3544 }
3545 } 3545 }
3546 .main__employer-page-tabs-item.active { 3546 .main__employer-page-tabs-item.active {
3547 color: #377d87; 3547 color: #377d87;
3548 } 3548 }
3549 .main__employer-page-body { 3549 .main__employer-page-body {
3550 display: -webkit-box; 3550 display: -webkit-box;
3551 display: -ms-flexbox; 3551 display: -ms-flexbox;
3552 display: flex; 3552 display: flex;
3553 -webkit-box-orient: vertical; 3553 -webkit-box-orient: vertical;
3554 -webkit-box-direction: normal; 3554 -webkit-box-direction: normal;
3555 -ms-flex-direction: column; 3555 -ms-flex-direction: column;
3556 flex-direction: column; 3556 flex-direction: column;
3557 margin-top: 10px; 3557 margin-top: 10px;
3558 } 3558 }
3559 @media (min-width: 768px) { 3559 @media (min-width: 768px) {
3560 .main__employer-page-body { 3560 .main__employer-page-body {
3561 margin-top: 30px; 3561 margin-top: 30px;
3562 } 3562 }
3563 } 3563 }
3564 .main__employer-page-body-item { 3564 .main__employer-page-body-item {
3565 display: none; 3565 display: none;
3566 -webkit-box-orient: vertical; 3566 -webkit-box-orient: vertical;
3567 -webkit-box-direction: normal; 3567 -webkit-box-direction: normal;
3568 -ms-flex-direction: column; 3568 -ms-flex-direction: column;
3569 flex-direction: column; 3569 flex-direction: column;
3570 gap: 20px; 3570 gap: 20px;
3571 } 3571 }
3572 .main__employer-page-body-item.showed { 3572 .main__employer-page-body-item.showed {
3573 display: -webkit-box; 3573 display: -webkit-box;
3574 display: -ms-flexbox; 3574 display: -ms-flexbox;
3575 display: flex; 3575 display: flex;
3576 } 3576 }
3577 .main__employer-page-one { 3577 .main__employer-page-one {
3578 display: -webkit-box; 3578 display: -webkit-box;
3579 display: -ms-flexbox; 3579 display: -ms-flexbox;
3580 display: flex; 3580 display: flex;
3581 -webkit-box-orient: vertical; 3581 -webkit-box-orient: vertical;
3582 -webkit-box-direction: normal; 3582 -webkit-box-direction: normal;
3583 -ms-flex-direction: column; 3583 -ms-flex-direction: column;
3584 flex-direction: column; 3584 flex-direction: column;
3585 gap: 20px; 3585 gap: 20px;
3586 } 3586 }
3587 @media (min-width: 768px) { 3587 @media (min-width: 768px) {
3588 .main__employer-page-one { 3588 .main__employer-page-one {
3589 display: grid; 3589 display: grid;
3590 grid-template-columns: repeat(2, 1fr); 3590 grid-template-columns: repeat(2, 1fr);
3591 } 3591 }
3592 } 3592 }
3593 @media (min-width: 992px) { 3593 @media (min-width: 992px) {
3594 .main__employer-page-one { 3594 .main__employer-page-one {
3595 grid-template-columns: repeat(3, 1fr); 3595 grid-template-columns: repeat(3, 1fr);
3596 } 3596 }
3597 } 3597 }
3598 @media (min-width: 1280px) { 3598 @media (min-width: 1280px) {
3599 .main__employer-page-one { 3599 .main__employer-page-one {
3600 grid-template-columns: repeat(4, 1fr); 3600 grid-template-columns: repeat(4, 1fr);
3601 gap: 30px 20px; 3601 gap: 30px 20px;
3602 } 3602 }
3603 } 3603 }
3604 .main__employer-page-one-item { 3604 .main__employer-page-one-item {
3605 display: -webkit-box; 3605 display: -webkit-box;
3606 display: -ms-flexbox; 3606 display: -ms-flexbox;
3607 display: flex; 3607 display: flex;
3608 -webkit-box-orient: vertical; 3608 -webkit-box-orient: vertical;
3609 -webkit-box-direction: normal; 3609 -webkit-box-direction: normal;
3610 -ms-flex-direction: column; 3610 -ms-flex-direction: column;
3611 flex-direction: column; 3611 flex-direction: column;
3612 gap: 10px; 3612 gap: 10px;
3613 font-size: 12px; 3613 font-size: 12px;
3614 position: relative; 3614 position: relative;
3615 } 3615 }
3616 @media (min-width: 1280px) { 3616 @media (min-width: 1280px) {
3617 .main__employer-page-one-item { 3617 .main__employer-page-one-item {
3618 font-size: 18px; 3618 font-size: 18px;
3619 } 3619 }
3620 } 3620 }
3621 .main__employer-page-one-item img { 3621 .main__employer-page-one-item img {
3622 border-radius: 10px; 3622 border-radius: 10px;
3623 -o-object-fit: cover; 3623 -o-object-fit: cover;
3624 object-fit: cover; 3624 object-fit: cover;
3625 width: 100%; 3625 width: 100%;
3626 max-height: 250px; 3626 max-height: 250px;
3627 aspect-ratio: 247/174; 3627 aspect-ratio: 247/174;
3628 } 3628 }
3629 @media (min-width: 1280px) { 3629 @media (min-width: 1280px) {
3630 .main__employer-page-one-item img { 3630 .main__employer-page-one-item img {
3631 margin-bottom: 10px; 3631 margin-bottom: 10px;
3632 } 3632 }
3633 } 3633 }
3634 .main__employer-page-one-item b { 3634 .main__employer-page-one-item b {
3635 font-weight: 700; 3635 font-weight: 700;
3636 color: #377d87; 3636 color: #377d87;
3637 } 3637 }
3638 .main__employer-page-one-item span { 3638 .main__employer-page-one-item span {
3639 color: #000; 3639 color: #000;
3640 } 3640 }
3641 .main__employer-page-one-item i { 3641 .main__employer-page-one-item i {
3642 font-style: normal; 3642 font-style: normal;
3643 color: #377d87; 3643 color: #377d87;
3644 } 3644 }
3645 .main__employer-page-one-item .del { 3645 .main__employer-page-one-item .del {
3646 position: absolute; 3646 position: absolute;
3647 z-index: 1; 3647 z-index: 1;
3648 top: 8px; 3648 top: 8px;
3649 left: 8px; 3649 left: 8px;
3650 } 3650 }
3651 .main__employer-page-two { 3651 .main__employer-page-two {
3652 display: -webkit-box; 3652 display: -webkit-box;
3653 display: -ms-flexbox; 3653 display: -ms-flexbox;
3654 display: flex; 3654 display: flex;
3655 -webkit-box-orient: vertical; 3655 -webkit-box-orient: vertical;
3656 -webkit-box-direction: normal; 3656 -webkit-box-direction: normal;
3657 -ms-flex-direction: column; 3657 -ms-flex-direction: column;
3658 flex-direction: column; 3658 flex-direction: column;
3659 -webkit-box-align: center; 3659 -webkit-box-align: center;
3660 -ms-flex-align: center; 3660 -ms-flex-align: center;
3661 align-items: center; 3661 align-items: center;
3662 gap: 20px; 3662 gap: 20px;
3663 } 3663 }
3664 .main__employer-page-two-item { 3664 .main__employer-page-two-item {
3665 width: 100%; 3665 width: 100%;
3666 display: -webkit-box; 3666 display: -webkit-box;
3667 display: -ms-flexbox; 3667 display: -ms-flexbox;
3668 display: flex; 3668 display: flex;
3669 -webkit-box-orient: vertical; 3669 -webkit-box-orient: vertical;
3670 -webkit-box-direction: normal; 3670 -webkit-box-direction: normal;
3671 -ms-flex-direction: column; 3671 -ms-flex-direction: column;
3672 flex-direction: column; 3672 flex-direction: column;
3673 gap: 16px; 3673 gap: 16px;
3674 padding: 20px 10px; 3674 padding: 20px 10px;
3675 border-radius: 12px; 3675 border-radius: 12px;
3676 border: 1px solid #cecece; 3676 border: 1px solid #cecece;
3677 position: relative; 3677 position: relative;
3678 overflow: hidden; 3678 overflow: hidden;
3679 font-size: 12px; 3679 font-size: 12px;
3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681 } 3681 }
3682 @media (min-width: 768px) { 3682 @media (min-width: 768px) {
3683 .main__employer-page-two-item { 3683 .main__employer-page-two-item {
3684 font-size: 14px; 3684 font-size: 14px;
3685 padding: 20px; 3685 padding: 20px;
3686 gap: 24px; 3686 gap: 24px;
3687 padding-bottom: 35px; 3687 padding-bottom: 35px;
3688 } 3688 }
3689 } 3689 }
3690 @media (min-width: 992px) { 3690 @media (min-width: 992px) {
3691 .main__employer-page-two-item { 3691 .main__employer-page-two-item {
3692 font-size: 16px; 3692 font-size: 16px;
3693 } 3693 }
3694 } 3694 }
3695 @media (min-width: 1280px) { 3695 @media (min-width: 1280px) {
3696 .main__employer-page-two-item { 3696 .main__employer-page-two-item {
3697 font-size: 18px; 3697 font-size: 18px;
3698 } 3698 }
3699 } 3699 }
3700 .main__employer-page-two-item-toper { 3700 .main__employer-page-two-item-toper {
3701 display: -webkit-box; 3701 display: -webkit-box;
3702 display: -ms-flexbox; 3702 display: -ms-flexbox;
3703 display: flex; 3703 display: flex;
3704 -webkit-box-align: center; 3704 -webkit-box-align: center;
3705 -ms-flex-align: center; 3705 -ms-flex-align: center;
3706 align-items: center; 3706 align-items: center;
3707 font-size: 22px; 3707 font-size: 22px;
3708 font-weight: 700; 3708 font-weight: 700;
3709 color: #000; 3709 color: #000;
3710 } 3710 }
3711 @media (min-width: 768px) { 3711 @media (min-width: 768px) {
3712 .main__employer-page-two-item-toper { 3712 .main__employer-page-two-item-toper {
3713 font-size: 30px; 3713 font-size: 30px;
3714 } 3714 }
3715 } 3715 }
3716 .main__employer-page-two-item-toper img { 3716 .main__employer-page-two-item-toper img {
3717 width: 60px; 3717 width: 60px;
3718 aspect-ratio: 1/1; 3718 aspect-ratio: 1/1;
3719 -o-object-fit: contain; 3719 -o-object-fit: contain;
3720 object-fit: contain; 3720 object-fit: contain;
3721 } 3721 }
3722 .main__employer-page-two-item-toper span { 3722 .main__employer-page-two-item-toper span {
3723 width: calc(100% - 60px); 3723 width: calc(100% - 60px);
3724 padding-left: 10px; 3724 padding-left: 10px;
3725 } 3725 }
3726 @media (min-width: 768px) { 3726 @media (min-width: 768px) {
3727 .main__employer-page-two-item-toper span { 3727 .main__employer-page-two-item-toper span {
3728 padding-left: 20px; 3728 padding-left: 20px;
3729 } 3729 }
3730 } 3730 }
3731 .main__employer-page-two-item-title { 3731 .main__employer-page-two-item-title {
3732 font-size: 18px; 3732 font-size: 18px;
3733 font-weight: 700; 3733 font-weight: 700;
3734 color: #377d87; 3734 color: #377d87;
3735 } 3735 }
3736 @media (min-width: 768px) { 3736 @media (min-width: 768px) {
3737 .main__employer-page-two-item-title { 3737 .main__employer-page-two-item-title {
3738 font-size: 24px; 3738 font-size: 24px;
3739 } 3739 }
3740 } 3740 }
3741 .main__employer-page-two-item-text { 3741 .main__employer-page-two-item-text {
3742 display: -webkit-box; 3742 display: -webkit-box;
3743 display: -ms-flexbox; 3743 display: -ms-flexbox;
3744 display: flex; 3744 display: flex;
3745 -webkit-box-orient: vertical; 3745 -webkit-box-orient: vertical;
3746 -webkit-box-direction: normal; 3746 -webkit-box-direction: normal;
3747 -ms-flex-direction: column; 3747 -ms-flex-direction: column;
3748 flex-direction: column; 3748 flex-direction: column;
3749 gap: 10px; 3749 gap: 10px;
3750 } 3750 }
3751 .main__employer-page-two-item-text-name { 3751 .main__employer-page-two-item-text-name {
3752 font-weight: 700; 3752 font-weight: 700;
3753 } 3753 }
3754 .main__employer-page-two-item-text-body { 3754 .main__employer-page-two-item-text-body {
3755 color: #000; 3755 color: #000;
3756 display: -webkit-box; 3756 display: -webkit-box;
3757 display: -ms-flexbox; 3757 display: -ms-flexbox;
3758 display: flex; 3758 display: flex;
3759 -webkit-box-orient: vertical; 3759 -webkit-box-orient: vertical;
3760 -webkit-box-direction: normal; 3760 -webkit-box-direction: normal;
3761 -ms-flex-direction: column; 3761 -ms-flex-direction: column;
3762 flex-direction: column; 3762 flex-direction: column;
3763 gap: 6px; 3763 gap: 6px;
3764 padding: 0 10px; 3764 padding: 0 10px;
3765 } 3765 }
3766 .main__employer-page-two-item-text-body p { 3766 .main__employer-page-two-item-text-body p {
3767 margin: 0; 3767 margin: 0;
3768 } 3768 }
3769 .main__employer-page-two-item-text-body ul { 3769 .main__employer-page-two-item-text-body ul {
3770 margin: 0; 3770 margin: 0;
3771 padding: 0; 3771 padding: 0;
3772 padding-left: 16px; 3772 padding-left: 16px;
3773 display: -webkit-box; 3773 display: -webkit-box;
3774 display: -ms-flexbox; 3774 display: -ms-flexbox;
3775 display: flex; 3775 display: flex;
3776 -webkit-box-orient: vertical; 3776 -webkit-box-orient: vertical;
3777 -webkit-box-direction: normal; 3777 -webkit-box-direction: normal;
3778 -ms-flex-direction: column; 3778 -ms-flex-direction: column;
3779 flex-direction: column; 3779 flex-direction: column;
3780 gap: 6px; 3780 gap: 6px;
3781 } 3781 }
3782 @media (min-width: 768px) { 3782 @media (min-width: 768px) {
3783 .main__employer-page-two-item-text-body ul { 3783 .main__employer-page-two-item-text-body ul {
3784 margin: 0 5px; 3784 margin: 0 5px;
3785 } 3785 }
3786 } 3786 }
3787 .main__employer-page-two-item-text-body ul span, 3787 .main__employer-page-two-item-text-body ul span,
3788 .main__employer-page-two-item-text-body ul a { 3788 .main__employer-page-two-item-text-body ul a {
3789 color: #000; 3789 color: #000;
3790 position: relative; 3790 position: relative;
3791 } 3791 }
3792 .main__employer-page-two-item-text-body ul a:hover { 3792 .main__employer-page-two-item-text-body ul a:hover {
3793 color: #377d87; 3793 color: #377d87;
3794 } 3794 }
3795 .main__employer-page-two-item-text-body p + ul { 3795 .main__employer-page-two-item-text-body p + ul {
3796 margin-top: 10px; 3796 margin-top: 10px;
3797 } 3797 }
3798 .main__employer-page-two-item-text-links { 3798 .main__employer-page-two-item-text-links {
3799 display: -webkit-box; 3799 display: -webkit-box;
3800 display: -ms-flexbox; 3800 display: -ms-flexbox;
3801 display: flex; 3801 display: flex;
3802 -webkit-box-orient: vertical; 3802 -webkit-box-orient: vertical;
3803 -webkit-box-direction: normal; 3803 -webkit-box-direction: normal;
3804 -ms-flex-direction: column; 3804 -ms-flex-direction: column;
3805 flex-direction: column; 3805 flex-direction: column;
3806 -webkit-box-align: start; 3806 -webkit-box-align: start;
3807 -ms-flex-align: start; 3807 -ms-flex-align: start;
3808 align-items: flex-start; 3808 align-items: flex-start;
3809 gap: 10px; 3809 gap: 10px;
3810 padding: 0 10px; 3810 padding: 0 10px;
3811 font-weight: 700; 3811 font-weight: 700;
3812 margin-top: 5px; 3812 margin-top: 5px;
3813 } 3813 }
3814 @media (min-width: 768px) { 3814 @media (min-width: 768px) {
3815 .main__employer-page-two-item-text-links { 3815 .main__employer-page-two-item-text-links {
3816 gap: 20px; 3816 gap: 20px;
3817 } 3817 }
3818 } 3818 }
3819 .main__employer-page-two-item-text-links a { 3819 .main__employer-page-two-item-text-links a {
3820 color: #4d88d9; 3820 color: #4d88d9;
3821 } 3821 }
3822 .main__employer-page-two-item-text-links a:hover { 3822 .main__employer-page-two-item-text-links a:hover {
3823 color: #377d87; 3823 color: #377d87;
3824 } 3824 }
3825 .main__employer-page-two-item-tags { 3825 .main__employer-page-two-item-tags {
3826 color: #4d88d9; 3826 color: #4d88d9;
3827 font-weight: 500; 3827 font-weight: 500;
3828 display: -webkit-box; 3828 display: -webkit-box;
3829 display: -ms-flexbox; 3829 display: -ms-flexbox;
3830 display: flex; 3830 display: flex;
3831 -webkit-box-align: center; 3831 -webkit-box-align: center;
3832 -ms-flex-align: center; 3832 -ms-flex-align: center;
3833 align-items: center; 3833 align-items: center;
3834 -ms-flex-wrap: wrap; 3834 -ms-flex-wrap: wrap;
3835 flex-wrap: wrap; 3835 flex-wrap: wrap;
3836 gap: 10px 20px; 3836 gap: 10px 20px;
3837 } 3837 }
3838 @media (min-width: 768px) { 3838 @media (min-width: 768px) {
3839 .main__employer-page-two-item-tags { 3839 .main__employer-page-two-item-tags {
3840 font-size: 14px; 3840 font-size: 14px;
3841 } 3841 }
3842 } 3842 }
3843 .main__employer-page-two-item-buttons { 3843 .main__employer-page-two-item-buttons {
3844 display: grid; 3844 display: grid;
3845 grid-template-columns: repeat(2, 1fr); 3845 grid-template-columns: repeat(2, 1fr);
3846 gap: 20px; 3846 gap: 20px;
3847 } 3847 }
3848 @media (min-width: 768px) { 3848 @media (min-width: 768px) {
3849 .main__employer-page-two-item-button { 3849 .main__employer-page-two-item-button {
3850 position: absolute; 3850 position: absolute;
3851 bottom: 20px; 3851 bottom: 20px;
3852 left: 20px; 3852 left: 20px;
3853 width: 200px; 3853 width: 200px;
3854 padding: 0; 3854 padding: 0;
3855 } 3855 }
3856 } 3856 }
3857 @media (min-width: 768px) { 3857 @media (min-width: 768px) {
3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859 left: auto; 3859 left: auto;
3860 right: 20px; 3860 right: 20px;
3861 } 3861 }
3862 } 3862 }
3863 .main__employer-page-two-item-bottom { 3863 .main__employer-page-two-item-bottom {
3864 display: -webkit-box; 3864 display: -webkit-box;
3865 display: -ms-flexbox; 3865 display: -ms-flexbox;
3866 display: flex; 3866 display: flex;
3867 -webkit-box-align: center; 3867 -webkit-box-align: center;
3868 -ms-flex-align: center; 3868 -ms-flex-align: center;
3869 align-items: center; 3869 align-items: center;
3870 -webkit-box-pack: justify; 3870 -webkit-box-pack: justify;
3871 -ms-flex-pack: justify; 3871 -ms-flex-pack: justify;
3872 justify-content: space-between; 3872 justify-content: space-between;
3873 } 3873 }
3874 .main__employer-page-two-item-bottom-date { 3874 .main__employer-page-two-item-bottom-date {
3875 color: #000; 3875 color: #000;
3876 } 3876 }
3877 @media (min-width: 768px) { 3877 @media (min-width: 768px) {
3878 .main__employer-page-two-item-bottom-date { 3878 .main__employer-page-two-item-bottom-date {
3879 position: absolute; 3879 position: absolute;
3880 bottom: 20px; 3880 bottom: 20px;
3881 right: 240px; 3881 right: 240px;
3882 height: 42px; 3882 height: 42px;
3883 display: -webkit-box; 3883 display: -webkit-box;
3884 display: -ms-flexbox; 3884 display: -ms-flexbox;
3885 display: flex; 3885 display: flex;
3886 -webkit-box-align: center; 3886 -webkit-box-align: center;
3887 -ms-flex-align: center; 3887 -ms-flex-align: center;
3888 align-items: center; 3888 align-items: center;
3889 } 3889 }
3890 } 3890 }
3891 @media (min-width: 992px) { 3891 @media (min-width: 992px) {
3892 .main__employer-page-two-item-bottom-date { 3892 .main__employer-page-two-item-bottom-date {
3893 font-size: 16px; 3893 font-size: 16px;
3894 } 3894 }
3895 } 3895 }
3896 @media (min-width: 768px) { 3896 @media (min-width: 768px) {
3897 .main__employer-page-two-item-bottom-like { 3897 .main__employer-page-two-item-bottom-like {
3898 position: absolute; 3898 position: absolute;
3899 bottom: 20px; 3899 bottom: 20px;
3900 left: 240px; 3900 left: 240px;
3901 } 3901 }
3902 } 3902 }
3903 @media (min-width: 768px) { 3903 @media (min-width: 768px) {
3904 .main__employer-page-two-more { 3904 .main__employer-page-two-more {
3905 margin-top: 10px; 3905 margin-top: 10px;
3906 padding: 0; 3906 padding: 0;
3907 width: 200px; 3907 width: 200px;
3908 } 3908 }
3909 } 3909 }
3910 .main__employer-page-two .main__employer-page-two-item { 3910 .main__employer-page-two .main__employer-page-two-item {
3911 /*display: none;*/ 3911 /*display: none;*/
3912 } 3912 }
3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 } 3917 }
3918 .main__employer-page-two.active .main__employer-page-two-item { 3918 .main__employer-page-two.active .main__employer-page-two-item {
3919 display: -webkit-box; 3919 display: -webkit-box;
3920 display: -ms-flexbox; 3920 display: -ms-flexbox;
3921 display: flex; 3921 display: flex;
3922 } 3922 }
3923 .main__resume-base { 3923 .main__resume-base {
3924 display: -webkit-box; 3924 display: -webkit-box;
3925 display: -ms-flexbox; 3925 display: -ms-flexbox;
3926 display: flex; 3926 display: flex;
3927 -webkit-box-orient: vertical; 3927 -webkit-box-orient: vertical;
3928 -webkit-box-direction: normal; 3928 -webkit-box-direction: normal;
3929 -ms-flex-direction: column; 3929 -ms-flex-direction: column;
3930 flex-direction: column; 3930 flex-direction: column;
3931 color: #000; 3931 color: #000;
3932 } 3932 }
3933 .main__resume-base-body { 3933 .main__resume-base-body {
3934 display: none; 3934 display: none;
3935 -webkit-box-orient: vertical; 3935 -webkit-box-orient: vertical;
3936 -webkit-box-direction: normal; 3936 -webkit-box-direction: normal;
3937 -ms-flex-direction: column; 3937 -ms-flex-direction: column;
3938 flex-direction: column; 3938 flex-direction: column;
3939 margin-top: 10px; 3939 margin-top: 10px;
3940 } 3940 }
3941 @media (min-width: 768px) { 3941 @media (min-width: 768px) {
3942 .main__resume-base-body { 3942 .main__resume-base-body {
3943 margin-top: 30px; 3943 margin-top: 30px;
3944 } 3944 }
3945 } 3945 }
3946 .main__resume-base-body.showed { 3946 .main__resume-base-body.showed {
3947 display: -webkit-box; 3947 display: -webkit-box;
3948 display: -ms-flexbox; 3948 display: -ms-flexbox;
3949 display: flex; 3949 display: flex;
3950 } 3950 }
3951 .main__resume-base-body-one { 3951 .main__resume-base-body-one {
3952 display: -webkit-box; 3952 display: -webkit-box;
3953 display: -ms-flexbox; 3953 display: -ms-flexbox;
3954 display: flex; 3954 display: flex;
3955 -webkit-box-orient: vertical; 3955 -webkit-box-orient: vertical;
3956 -webkit-box-direction: normal; 3956 -webkit-box-direction: normal;
3957 -ms-flex-direction: column; 3957 -ms-flex-direction: column;
3958 flex-direction: column; 3958 flex-direction: column;
3959 -webkit-box-align: center; 3959 -webkit-box-align: center;
3960 -ms-flex-align: center; 3960 -ms-flex-align: center;
3961 align-items: center; 3961 align-items: center;
3962 gap: 20px; 3962 gap: 20px;
3963 } 3963 }
3964 @media (min-width: 768px) { 3964 @media (min-width: 768px) {
3965 .main__resume-base-body-one { 3965 .main__resume-base-body-one {
3966 gap: 30px; 3966 gap: 30px;
3967 } 3967 }
3968 } 3968 }
3969 .main__resume-base-body-two { 3969 .main__resume-base-body-two {
3970 display: -webkit-box; 3970 display: -webkit-box;
3971 display: -ms-flexbox; 3971 display: -ms-flexbox;
3972 display: flex; 3972 display: flex;
3973 -webkit-box-orient: vertical; 3973 -webkit-box-orient: vertical;
3974 -webkit-box-direction: normal; 3974 -webkit-box-direction: normal;
3975 -ms-flex-direction: column; 3975 -ms-flex-direction: column;
3976 flex-direction: column; 3976 flex-direction: column;
3977 gap: 20px; 3977 gap: 20px;
3978 } 3978 }
3979 @media (min-width: 768px) { 3979 @media (min-width: 768px) {
3980 .main__resume-base-body-two { 3980 .main__resume-base-body-two {
3981 -webkit-box-orient: horizontal; 3981 -webkit-box-orient: horizontal;
3982 -webkit-box-direction: normal; 3982 -webkit-box-direction: normal;
3983 -ms-flex-direction: row; 3983 -ms-flex-direction: row;
3984 flex-direction: row; 3984 flex-direction: row;
3985 -webkit-box-pack: justify; 3985 -webkit-box-pack: justify;
3986 -ms-flex-pack: justify; 3986 -ms-flex-pack: justify;
3987 justify-content: space-between; 3987 justify-content: space-between;
3988 -webkit-box-align: start; 3988 -webkit-box-align: start;
3989 -ms-flex-align: start; 3989 -ms-flex-align: start;
3990 align-items: flex-start; 3990 align-items: flex-start;
3991 -ms-flex-wrap: wrap; 3991 -ms-flex-wrap: wrap;
3992 flex-wrap: wrap; 3992 flex-wrap: wrap;
3993 gap: 30px 0; 3993 gap: 30px 0;
3994 } 3994 }
3995 } 3995 }
3996 @media (min-width: 768px) { 3996 @media (min-width: 768px) {
3997 .main__resume-base-body-two .main__resume-base-body-item { 3997 .main__resume-base-body-two .main__resume-base-body-item {
3998 width: calc(50% - 10px); 3998 width: calc(50% - 10px);
3999 } 3999 }
4000 } 4000 }
4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002 -webkit-box-orient: vertical; 4002 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4003 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4004 -ms-flex-direction: column;
4005 flex-direction: column; 4005 flex-direction: column;
4006 } 4006 }
4007 .main__resume-base-body-item { 4007 .main__resume-base-body-item {
4008 width: 100%; 4008 width: 100%;
4009 display: -webkit-box; 4009 display: -webkit-box;
4010 display: -ms-flexbox; 4010 display: -ms-flexbox;
4011 display: flex; 4011 display: flex;
4012 -webkit-box-orient: vertical; 4012 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4013 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4014 -ms-flex-direction: column;
4015 flex-direction: column; 4015 flex-direction: column;
4016 gap: 20px; 4016 gap: 20px;
4017 position: relative; 4017 position: relative;
4018 border: 1px solid #377d87; 4018 border: 1px solid #377d87;
4019 border-radius: 8px; 4019 border-radius: 8px;
4020 padding: 10px; 4020 padding: 10px;
4021 -webkit-box-align: center; 4021 -webkit-box-align: center;
4022 -ms-flex-align: center; 4022 -ms-flex-align: center;
4023 align-items: center; 4023 align-items: center;
4024 } 4024 }
4025 @media (min-width: 768px) { 4025 @media (min-width: 768px) {
4026 .main__resume-base-body-item { 4026 .main__resume-base-body-item {
4027 padding: 20px; 4027 padding: 20px;
4028 } 4028 }
4029 } 4029 }
4030 .main__resume-base-body-item-buttons { 4030 .main__resume-base-body-item-buttons {
4031 margin-top: 10px; 4031 margin-top: 10px;
4032 } 4032 }
4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034 width: 100%; 4034 width: 100%;
4035 margin-bottom: 10px; 4035 margin-bottom: 10px;
4036 } 4036 }
4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87; 4038 background: #377d87;
4039 color: #fff; 4039 color: #fff;
4040 } 4040 }
4041 .main__resume-base-body-item-buttons .chat.active{ 4041 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff; 4042 background: #fff;
4043 color: #377d87; 4043 color: #377d87;
4044 } 4044 }
4045 .main__resume-base-body-item-buttons button.like.active{ 4045 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff; 4046 background-color: #ffffff;
4047 color: #eb5757; 4047 color: #eb5757;
4048 } 4048 }
4049 .main__resume-base-body-item-buttons button span{ 4049 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px; 4050 margin-left: 10px;
4051 } 4051 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{ 4052 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none; 4053 display: none;
4054 } 4054 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4055 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block; 4056 display: block;
4057 color: #eb5757; 4057 color: #eb5757;
4058 } 4058 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4059 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none; 4060 display: none;
4061 } 4061 }
4062 .main__resume-base-body-item-wrapper { 4062 .main__resume-base-body-item-wrapper {
4063 display: -webkit-box; 4063 display: -webkit-box;
4064 display: -ms-flexbox; 4064 display: -ms-flexbox;
4065 display: flex; 4065 display: flex;
4066 -webkit-box-orient: vertical; 4066 -webkit-box-orient: vertical;
4067 -webkit-box-direction: normal; 4067 -webkit-box-direction: normal;
4068 -ms-flex-direction: column; 4068 -ms-flex-direction: column;
4069 flex-direction: column; 4069 flex-direction: column;
4070 -webkit-box-align: start; 4070 -webkit-box-align: start;
4071 -ms-flex-align: start; 4071 -ms-flex-align: start;
4072 align-items: flex-start; 4072 align-items: flex-start;
4073 gap: 20px; 4073 gap: 20px;
4074 width: 100%; 4074 width: 100%;
4075 } 4075 }
4076 @media (min-width: 768px) { 4076 @media (min-width: 768px) {
4077 .main__resume-base-body-item-wrapper { 4077 .main__resume-base-body-item-wrapper {
4078 -webkit-box-orient: horizontal; 4078 -webkit-box-orient: horizontal;
4079 -webkit-box-direction: normal; 4079 -webkit-box-direction: normal;
4080 -ms-flex-direction: row; 4080 -ms-flex-direction: row;
4081 flex-direction: row; 4081 flex-direction: row;
4082 } 4082 }
4083 } 4083 }
4084 .main__resume-base-body-item-photo { 4084 .main__resume-base-body-item-photo {
4085 width: 180px; 4085 width: 180px;
4086 aspect-ratio: 1/1; 4086 aspect-ratio: 1/1;
4087 -o-object-fit: cover; 4087 -o-object-fit: cover;
4088 object-fit: cover; 4088 object-fit: cover;
4089 border-radius: 8px; 4089 border-radius: 8px;
4090 } 4090 }
4091 @media (min-width: 768px) { 4091 @media (min-width: 768px) {
4092 .main__resume-base-body-item-photo { 4092 .main__resume-base-body-item-photo {
4093 width: 210px; 4093 width: 210px;
4094 } 4094 }
4095 } 4095 }
4096 .main__resume-base-body-item-inner { 4096 .main__resume-base-body-item-inner {
4097 display: -webkit-box; 4097 display: -webkit-box;
4098 display: -ms-flexbox; 4098 display: -ms-flexbox;
4099 display: flex; 4099 display: flex;
4100 -webkit-box-orient: vertical; 4100 -webkit-box-orient: vertical;
4101 -webkit-box-direction: normal; 4101 -webkit-box-direction: normal;
4102 -ms-flex-direction: column; 4102 -ms-flex-direction: column;
4103 flex-direction: column; 4103 flex-direction: column;
4104 gap: 10px; 4104 gap: 10px;
4105 width: 100%; 4105 width: 100%;
4106 row-gap: 10px; 4106 row-gap: 10px;
4107 } 4107 }
4108 .main__resume-base-body-item-inner .horizontal{ 4108 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal; 4109 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset; 4110 -ms-flex-direction: unset;
4111 flex-direction: row; 4111 flex-direction: row;
4112 align-items: start; 4112 align-items: start;
4113 } 4113 }
4114 .main__resume-base-item-status{ 4114 .main__resume-base-item-status{
4115 width: fit-content; 4115 width: fit-content;
4116 background-color: #e6e6e6; 4116 background-color: #e6e6e6;
4117 font-weight: bold; 4117 font-weight: bold;
4118 padding: 5px 10px; 4118 padding: 5px 10px;
4119 border-radius: 8px; 4119 border-radius: 8px;
4120 } 4120 }
4121 .main__resume-base-item-status.looking-for-job{ 4121 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757; 4122 background-color: #eb5757;
4123 color: #fff; 4123 color: #fff;
4124 } 4124 }
4125 .main__resume-base-item-updated-at{ 4125 .main__resume-base-item-updated-at{
4126 padding: 5px 10px; 4126 padding: 5px 10px;
4127 border-radius: 8px; 4127 border-radius: 8px;
4128 border: 1px #e6e6e6 solid; 4128 border: 1px #e6e6e6 solid;
4129 } 4129 }
4130 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner { 4131 .main__resume-base-body-item-inner {
4132 gap: 16px; 4132 gap: 16px;
4133 padding-right: 50px; 4133 padding-right: 50px;
4134 } 4134 }
4135 } 4135 }
4136 @media (min-width: 992px) { 4136 @media (min-width: 992px) {
4137 .main__resume-base-body-item-inner { 4137 .main__resume-base-body-item-inner {
4138 display: grid; 4138 display: grid;
4139 grid-template-columns: repeat(2, 1fr); 4139 grid-template-columns: repeat(2, 1fr);
4140 gap: 30px; 4140 gap: 30px;
4141 row-gap: 10px; 4141 row-gap: 10px;
4142 } 4142 }
4143 } 4143 }
4144 .main__resume-base-body-item-inner div { 4144 .main__resume-base-body-item-inner div {
4145 display: -webkit-box; 4145 display: -webkit-box;
4146 display: -ms-flexbox; 4146 display: -ms-flexbox;
4147 display: flex; 4147 display: flex;
4148 -webkit-box-orient: vertical; 4148 -webkit-box-orient: vertical;
4149 -webkit-box-direction: normal; 4149 -webkit-box-direction: normal;
4150 -ms-flex-direction: column; 4150 -ms-flex-direction: column;
4151 flex-direction: column; 4151 flex-direction: column;
4152 gap: 4px; 4152 gap: 4px;
4153 font-size: 12px; 4153 font-size: 12px;
4154 } 4154 }
4155 @media (min-width: 768px) { 4155 @media (min-width: 768px) {
4156 .main__resume-base-body-item-inner div { 4156 .main__resume-base-body-item-inner div {
4157 font-size: 16px; 4157 font-size: 16px;
4158 } 4158 }
4159 } 4159 }
4160 .main__resume-base-body-item-inner b { 4160 .main__resume-base-body-item-inner b {
4161 color: #377d87; 4161 color: #377d87;
4162 font-size: 14px; 4162 font-size: 14px;
4163 } 4163 }
4164 @media (min-width: 768px) { 4164 @media (min-width: 768px) {
4165 .main__resume-base-body-item-inner b { 4165 .main__resume-base-body-item-inner b {
4166 font-size: 18px; 4166 font-size: 18px;
4167 } 4167 }
4168 } 4168 }
4169 .main__resume-base-body-item-link { 4169 .main__resume-base-body-item-link {
4170 width: 100%; 4170 width: 100%;
4171 padding: 0; 4171 padding: 0;
4172 } 4172 }
4173 @media (min-width: 768px) { 4173 @media (min-width: 768px) {
4174 .main__resume-base-body-item-link { 4174 .main__resume-base-body-item-link {
4175 width: 200px; 4175 width: 200px;
4176 } 4176 }
4177 } 4177 }
4178 .main__spoiler { 4178 .main__spoiler {
4179 overflow: hidden; 4179 overflow: hidden;
4180 border-radius: 8px; 4180 border-radius: 8px;
4181 display: -webkit-box; 4181 display: -webkit-box;
4182 display: -ms-flexbox; 4182 display: -ms-flexbox;
4183 display: flex; 4183 display: flex;
4184 -webkit-box-orient: vertical; 4184 -webkit-box-orient: vertical;
4185 -webkit-box-direction: normal; 4185 -webkit-box-direction: normal;
4186 -ms-flex-direction: column; 4186 -ms-flex-direction: column;
4187 flex-direction: column; 4187 flex-direction: column;
4188 } 4188 }
4189 .main__spoiler-toper { 4189 .main__spoiler-toper {
4190 background: #377d87; 4190 background: #377d87;
4191 height: 30px; 4191 height: 30px;
4192 display: -webkit-box; 4192 display: -webkit-box;
4193 display: -ms-flexbox; 4193 display: -ms-flexbox;
4194 display: flex; 4194 display: flex;
4195 -webkit-box-align: center; 4195 -webkit-box-align: center;
4196 -ms-flex-align: center; 4196 -ms-flex-align: center;
4197 align-items: center; 4197 align-items: center;
4198 -webkit-box-pack: center; 4198 -webkit-box-pack: center;
4199 -ms-flex-pack: center; 4199 -ms-flex-pack: center;
4200 justify-content: center; 4200 justify-content: center;
4201 color: #fff; 4201 color: #fff;
4202 font-size: 12px; 4202 font-size: 12px;
4203 font-weight: 700; 4203 font-weight: 700;
4204 padding: 0 30px; 4204 padding: 0 30px;
4205 border: none; 4205 border: none;
4206 position: relative; 4206 position: relative;
4207 } 4207 }
4208 @media (min-width: 768px) { 4208 @media (min-width: 768px) {
4209 .main__spoiler-toper { 4209 .main__spoiler-toper {
4210 font-size: 18px; 4210 font-size: 18px;
4211 height: 50px; 4211 height: 50px;
4212 padding: 0 60px; 4212 padding: 0 60px;
4213 } 4213 }
4214 } 4214 }
4215 .main__spoiler-toper:before, .main__spoiler-toper:after { 4215 .main__spoiler-toper:before, .main__spoiler-toper:after {
4216 content: ""; 4216 content: "";
4217 background: #fff; 4217 background: #fff;
4218 border-radius: 999px; 4218 border-radius: 999px;
4219 width: 10px; 4219 width: 10px;
4220 height: 1px; 4220 height: 1px;
4221 position: absolute; 4221 position: absolute;
4222 top: 50%; 4222 top: 50%;
4223 right: 10px; 4223 right: 10px;
4224 -webkit-transition: 0.3s; 4224 -webkit-transition: 0.3s;
4225 transition: 0.3s; 4225 transition: 0.3s;
4226 -webkit-transform: translate(0, -50%); 4226 -webkit-transform: translate(0, -50%);
4227 -ms-transform: translate(0, -50%); 4227 -ms-transform: translate(0, -50%);
4228 transform: translate(0, -50%); 4228 transform: translate(0, -50%);
4229 } 4229 }
4230 @media (min-width: 768px) { 4230 @media (min-width: 768px) {
4231 .main__spoiler-toper:before, .main__spoiler-toper:after { 4231 .main__spoiler-toper:before, .main__spoiler-toper:after {
4232 width: 20px; 4232 width: 20px;
4233 height: 2px; 4233 height: 2px;
4234 right: 20px; 4234 right: 20px;
4235 } 4235 }
4236 } 4236 }
4237 .main__spoiler-toper:after { 4237 .main__spoiler-toper:after {
4238 -webkit-transform: rotate(90deg); 4238 -webkit-transform: rotate(90deg);
4239 -ms-transform: rotate(90deg); 4239 -ms-transform: rotate(90deg);
4240 transform: rotate(90deg); 4240 transform: rotate(90deg);
4241 } 4241 }
4242 .main__spoiler-toper.active:after { 4242 .main__spoiler-toper.active:after {
4243 -webkit-transform: rotate(0deg); 4243 -webkit-transform: rotate(0deg);
4244 -ms-transform: rotate(0deg); 4244 -ms-transform: rotate(0deg);
4245 transform: rotate(0deg); 4245 transform: rotate(0deg);
4246 } 4246 }
4247 .main__spoiler-body { 4247 .main__spoiler-body {
4248 opacity: 0; 4248 opacity: 0;
4249 height: 0; 4249 height: 0;
4250 overflow: hidden; 4250 overflow: hidden;
4251 border-radius: 0 0 8px 8px; 4251 border-radius: 0 0 8px 8px;
4252 background: #fff; 4252 background: #fff;
4253 } 4253 }
4254 .main__spoiler-body table { 4254 .main__spoiler-body table {
4255 width: calc(100% + 2px); 4255 width: calc(100% + 2px);
4256 margin-left: -1px; 4256 margin-left: -1px;
4257 margin-bottom: -1px; 4257 margin-bottom: -1px;
4258 } 4258 }
4259 @media (min-width: 992px) { 4259 @media (min-width: 992px) {
4260 .main__spoiler-body table td { 4260 .main__spoiler-body table td {
4261 width: 40%; 4261 width: 50%;
4262 } 4262 }
4263 } 4263 }
4264 @media (min-width: 992px) { 4264 @media (min-width: 992px) {
4265 .main__spoiler-body table td + td { 4265 .main__spoiler-body table td + td {
4266 width: 60%; 4266 width: 50%;
4267 } 4267 }
4268 } 4268 }
4269 .active + .main__spoiler-body { 4269 .active + .main__spoiler-body {
4270 -webkit-transition: 0.3s; 4270 -webkit-transition: 0.3s;
4271 transition: 0.3s; 4271 transition: 0.3s;
4272 opacity: 1; 4272 opacity: 1;
4273 height: auto; 4273 height: auto;
4274 border: 1px solid #cecece; 4274 border: 1px solid #cecece;
4275 border-top: none; 4275 border-top: none;
4276 } 4276 }
4277 .main__table { 4277 .main__table {
4278 border-collapse: collapse; 4278 border-collapse: collapse;
4279 table-layout: fixed; 4279 table-layout: fixed;
4280 font-size: 12px; 4280 font-size: 12px;
4281 width: 100%; 4281 width: 100%;
4282 background: #fff; 4282 background: #fff;
4283 } 4283 }
4284 @media (min-width: 768px) { 4284 @media (min-width: 768px) {
4285 .main__table { 4285 .main__table {
4286 font-size: 16px; 4286 font-size: 16px;
4287 } 4287 }
4288 } 4288 }
4289 .main__table td { 4289 .main__table td {
4290 border: 1px solid #cecece; 4290 border: 1px solid #cecece;
4291 padding: 4px 8px; 4291 padding: 4px 8px;
4292 vertical-align: top; 4292 vertical-align: top;
4293 } 4293 }
4294 @media (min-width: 768px) { 4294 @media (min-width: 768px) {
4295 .main__table td { 4295 .main__table td {
4296 padding: 8px 16px; 4296 padding: 8px 16px;
4297 } 4297 }
4298 } 4298 }
4299 .main__table td b { 4299 .main__table td b {
4300 font-weight: 700; 4300 font-weight: 700;
4301 } 4301 }
4302 .main__table_three { 4302 .main__table_three {
4303 table-layout: auto; 4303 table-layout: auto;
4304 } 4304 }
4305 .main__table_three td { 4305 .main__table_three td {
4306 width: 25% !important; 4306 width: 25% !important;
4307 } 4307 }
4308 .main__table_three td:last-child { 4308 .main__table_three td:last-child {
4309 width: 50% !important; 4309 width: 50% !important;
4310 } 4310 }
4311 .main__table b { 4311 .main__table b {
4312 display: block; 4312 display: block;
4313 } 4313 }
4314 .main__table a { 4314 .main__table a {
4315 color: #377d87; 4315 color: #377d87;
4316 text-decoration: underline; 4316 text-decoration: underline;
4317 } 4317 }
4318 .main__table a:hover { 4318 .main__table a:hover {
4319 color: #000; 4319 color: #000;
4320 } 4320 }
4321 .main__resume-profile-about { 4321 .main__resume-profile-about {
4322 padding-top: 20px; 4322 padding-top: 20px;
4323 padding-bottom: 30px; 4323 padding-bottom: 30px;
4324 position: relative; 4324 position: relative;
4325 margin-top: 30px; 4325 margin-top: 30px;
4326 display: -webkit-box; 4326 display: -webkit-box;
4327 display: -ms-flexbox; 4327 display: -ms-flexbox;
4328 display: flex; 4328 display: flex;
4329 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4332 flex-direction: column; 4332 flex-direction: column;
4333 -webkit-box-align: start; 4333 -webkit-box-align: start;
4334 -ms-flex-align: start; 4334 -ms-flex-align: start;
4335 align-items: flex-start; 4335 align-items: flex-start;
4336 gap: 10px; 4336 gap: 10px;
4337 } 4337 }
4338 @media (min-width: 992px) { 4338 @media (min-width: 992px) {
4339 .main__resume-profile-about { 4339 .main__resume-profile-about {
4340 padding: 50px 0; 4340 padding: 50px 0;
4341 } 4341 }
4342 } 4342 }
4343 .main__resume-profile-about:before { 4343 .main__resume-profile-about:before {
4344 content: ""; 4344 content: "";
4345 position: absolute; 4345 position: absolute;
4346 z-index: 1; 4346 z-index: 1;
4347 top: 0; 4347 top: 0;
4348 left: 50%; 4348 left: 50%;
4349 width: 20000px; 4349 width: 20000px;
4350 height: 100%; 4350 height: 100%;
4351 margin-left: -10000px; 4351 margin-left: -10000px;
4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353 } 4353 }
4354 .main__resume-profile-about-title { 4354 .main__resume-profile-about-title {
4355 position: relative; 4355 position: relative;
4356 z-index: 2; 4356 z-index: 2;
4357 color: #000; 4357 color: #000;
4358 } 4358 }
4359 .main__resume-profile-about-text { 4359 .main__resume-profile-about-buttons{
4360 position: relative; 4360 display: flex;
4361 z-index: 2; 4361 width: 100%;
4362 position: relative;
4363 z-index: 2;
4364 }
4365 .main__resume-profile-about-buttons .like{
4366 width: 200px;
4362 } 4367 }
4363 .main__resume-profile-about-button { 4368 .main__resume-profile-about-text {
4364 position: relative; 4369 position: relative;
4365 z-index: 2; 4370 z-index: 2;
4366 margin-top: 10px;
4367 } 4371 }
4368 .main__resume-profile-info { 4372 .main__resume-profile-info {
4369 display: -webkit-box; 4373 display: -webkit-box;
4370 display: -ms-flexbox; 4374 display: -ms-flexbox;
4371 display: flex; 4375 display: flex;
4372 -webkit-box-orient: vertical; 4376 -webkit-box-orient: vertical;
4373 -webkit-box-direction: normal; 4377 -webkit-box-direction: normal;
4374 -ms-flex-direction: column; 4378 -ms-flex-direction: column;
4375 flex-direction: column; 4379 flex-direction: column;
4376 gap: 20px; 4380 gap: 20px;
4377 margin-top: 30px; 4381 margin-top: 30px;
4378 } 4382 }
4379 @media (min-width: 992px) { 4383 @media (min-width: 992px) {
4380 .main__resume-profile-info { 4384 .main__resume-profile-info {
4381 margin-top: 50px; 4385 margin-top: 50px;
4382 gap: 30px; 4386 gap: 30px;
4383 } 4387 }
4384 } 4388 }
4385 .main__resume-profile-info-title { 4389 .main__resume-profile-info-title {
4386 color: #000; 4390 color: #000;
4387 } 4391 }
4388 .main__resume-profile-info-body { 4392 .main__resume-profile-info-body {
4389 display: -webkit-box; 4393 display: -webkit-box;
4390 display: -ms-flexbox; 4394 display: -ms-flexbox;
4391 display: flex; 4395 display: flex;
4392 -webkit-box-orient: vertical; 4396 -webkit-box-orient: vertical;
4393 -webkit-box-direction: normal; 4397 -webkit-box-direction: normal;
4394 -ms-flex-direction: column; 4398 -ms-flex-direction: column;
4395 flex-direction: column; 4399 flex-direction: column;
4396 gap: 20px; 4400 gap: 20px;
4397 } 4401 }
4398 @media (min-width: 992px) { 4402 @media (min-width: 992px) {
4399 .main__resume-profile-info-body { 4403 .main__resume-profile-info-body {
4400 gap: 30px; 4404 gap: 30px;
4401 } 4405 }
4402 } 4406 }
4403 .main__resume-profile-info-body-item { 4407 .main__resume-profile-info-body-item {
4404 display: -webkit-box; 4408 display: -webkit-box;
4405 display: -ms-flexbox; 4409 display: -ms-flexbox;
4406 display: flex; 4410 display: flex;
4407 -webkit-box-orient: vertical; 4411 -webkit-box-orient: vertical;
4408 -webkit-box-direction: normal; 4412 -webkit-box-direction: normal;
4409 -ms-flex-direction: column; 4413 -ms-flex-direction: column;
4410 flex-direction: column; 4414 flex-direction: column;
4411 gap: 10px; 4415 gap: 10px;
4412 } 4416 }
4413 @media (min-width: 768px) { 4417 @media (min-width: 768px) {
4414 .main__resume-profile-info-body-item { 4418 .main__resume-profile-info-body-item {
4415 gap: 20px; 4419 gap: 20px;
4416 } 4420 }
4417 } 4421 }
4418 .main__resume-profile-info-body-subtitle { 4422 .main__resume-profile-info-body-subtitle {
4419 color: #4d88d9; 4423 color: #4d88d9;
4420 } 4424 }
4421 .main__resume-profile-info-body-inner { 4425 .main__resume-profile-info-body-inner {
4422 display: -webkit-box; 4426 display: -webkit-box;
4423 display: -ms-flexbox; 4427 display: -ms-flexbox;
4424 display: flex; 4428 display: flex;
4425 -webkit-box-orient: vertical; 4429 -webkit-box-orient: vertical;
4426 -webkit-box-direction: normal; 4430 -webkit-box-direction: normal;
4427 -ms-flex-direction: column; 4431 -ms-flex-direction: column;
4428 flex-direction: column; 4432 flex-direction: column;
4429 gap: 20px; 4433 gap: 20px;
4430 margin: 0; 4434 margin: 0;
4431 padding: 0; 4435 padding: 0;
4432 font-size: 12px; 4436 font-size: 12px;
4433 } 4437 }
4434 @media (min-width: 768px) { 4438 @media (min-width: 768px) {
4435 .main__resume-profile-info-body-inner { 4439 .main__resume-profile-info-body-inner {
4436 display: grid; 4440 display: grid;
4437 grid-template-columns: repeat(2, 1fr); 4441 grid-template-columns: repeat(2, 1fr);
4438 } 4442 }
4439 } 4443 }
4440 @media (min-width: 992px) { 4444 @media (min-width: 992px) {
4441 .main__resume-profile-info-body-inner { 4445 .main__resume-profile-info-body-inner {
4442 grid-template-columns: repeat(3, 1fr); 4446 grid-template-columns: repeat(3, 1fr);
4443 font-size: 16px; 4447 font-size: 16px;
4444 } 4448 }
4445 } 4449 }
4446 .main__resume-profile-info-body-inner li { 4450 .main__resume-profile-info-body-inner li {
4447 display: -webkit-box; 4451 display: -webkit-box;
4448 display: -ms-flexbox; 4452 display: -ms-flexbox;
4449 display: flex; 4453 display: flex;
4450 -webkit-box-orient: vertical; 4454 -webkit-box-orient: vertical;
4451 -webkit-box-direction: normal; 4455 -webkit-box-direction: normal;
4452 -ms-flex-direction: column; 4456 -ms-flex-direction: column;
4453 flex-direction: column; 4457 flex-direction: column;
4454 gap: 6px; 4458 gap: 6px;
4455 } 4459 }
4456 @media (min-width: 992px) { 4460 @media (min-width: 992px) {
4457 .main__resume-profile-info-body-inner li { 4461 .main__resume-profile-info-body-inner li {
4458 gap: 8px; 4462 gap: 8px;
4459 } 4463 }
4460 } 4464 }
4461 .main__resume-profile-info-body-inner b { 4465 .main__resume-profile-info-body-inner b {
4462 color: #377d87; 4466 color: #377d87;
4463 font-size: 14px; 4467 font-size: 14px;
4464 } 4468 }
4465 @media (min-width: 992px) { 4469 @media (min-width: 992px) {
4466 .main__resume-profile-info-body-inner b { 4470 .main__resume-profile-info-body-inner b {
4467 font-size: 18px; 4471 font-size: 18px;
4468 } 4472 }
4469 } 4473 }
4470 .main__resume-profile-info-body-inner span { 4474 .main__resume-profile-info-body-inner span {
4471 display: -webkit-box; 4475 display: -webkit-box;
4472 display: -ms-flexbox; 4476 display: -ms-flexbox;
4473 display: flex; 4477 display: flex;
4474 -webkit-box-orient: vertical; 4478 -webkit-box-orient: vertical;
4475 -webkit-box-direction: normal; 4479 -webkit-box-direction: normal;
4476 -ms-flex-direction: column; 4480 -ms-flex-direction: column;
4477 flex-direction: column; 4481 flex-direction: column;
4478 gap: 4px; 4482 gap: 4px;
4479 } 4483 }
4480 @media (min-width: 992px) { 4484 @media (min-width: 992px) {
4481 .main__resume-profile-info-body-inner span { 4485 .main__resume-profile-info-body-inner span {
4482 gap: 6px; 4486 gap: 6px;
4483 } 4487 }
4484 } 4488 }
4485 .main__resume-profile-review { 4489 .main__resume-profile-review {
4486 display: -webkit-box; 4490 display: -webkit-box;
4487 display: -ms-flexbox; 4491 display: -ms-flexbox;
4488 display: flex; 4492 display: flex;
4489 -webkit-box-orient: vertical; 4493 -webkit-box-orient: vertical;
4490 -webkit-box-direction: normal; 4494 -webkit-box-direction: normal;
4491 -ms-flex-direction: column; 4495 -ms-flex-direction: column;
4492 flex-direction: column; 4496 flex-direction: column;
4493 gap: 20px; 4497 gap: 20px;
4494 padding: 20px 10px; 4498 padding: 20px 10px;
4495 margin-top: 30px; 4499 margin-top: 30px;
4496 border-radius: 16px; 4500 border-radius: 16px;
4497 border: 1px solid #cecece; 4501 border: 1px solid #cecece;
4498 background: #fff; 4502 background: #fff;
4499 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4503 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4500 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4504 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4501 } 4505 }
4502 @media (min-width: 992px) { 4506 @media (min-width: 992px) {
4503 .main__resume-profile-review { 4507 .main__resume-profile-review {
4504 margin-top: 50px; 4508 margin-top: 50px;
4505 padding: 50px 40px; 4509 padding: 50px 40px;
4506 gap: 30px; 4510 gap: 30px;
4507 } 4511 }
4508 } 4512 }
4509 .main__resume-profile-review-title { 4513 .main__resume-profile-review-title {
4510 color: #000; 4514 color: #000;
4511 } 4515 }
4512 .main__resume-profile-review-body { 4516 .main__resume-profile-review-body {
4513 display: -webkit-box; 4517 display: -webkit-box;
4514 display: -ms-flexbox; 4518 display: -ms-flexbox;
4515 display: flex; 4519 display: flex;
4516 -webkit-box-orient: vertical; 4520 -webkit-box-orient: vertical;
4517 -webkit-box-direction: normal; 4521 -webkit-box-direction: normal;
4518 -ms-flex-direction: column; 4522 -ms-flex-direction: column;
4519 flex-direction: column; 4523 flex-direction: column;
4520 -webkit-box-align: start; 4524 -webkit-box-align: start;
4521 -ms-flex-align: start; 4525 -ms-flex-align: start;
4522 align-items: flex-start; 4526 align-items: flex-start;
4523 gap: 10px; 4527 gap: 10px;
4524 } 4528 }
4525 .main__resume-profile-review-body .textarea { 4529 .main__resume-profile-review-body .textarea {
4526 width: 100%; 4530 width: 100%;
4527 } 4531 }
4528 .main__resume-profile-review-body .button { 4532 .main__resume-profile-review-body .button {
4529 margin-top: 10px; 4533 margin-top: 10px;
4530 } 4534 }
4531 .main__vacancies { 4535 .main__vacancies {
4532 display: -webkit-box; 4536 display: -webkit-box;
4533 display: -ms-flexbox; 4537 display: -ms-flexbox;
4534 display: flex; 4538 display: flex;
4535 -webkit-box-orient: vertical; 4539 -webkit-box-orient: vertical;
4536 -webkit-box-direction: normal; 4540 -webkit-box-direction: normal;
4537 -ms-flex-direction: column; 4541 -ms-flex-direction: column;
4538 flex-direction: column; 4542 flex-direction: column;
4539 -webkit-box-align: center; 4543 -webkit-box-align: center;
4540 -ms-flex-align: center; 4544 -ms-flex-align: center;
4541 align-items: center; 4545 align-items: center;
4542 gap: 20px; 4546 gap: 20px;
4543 } 4547 }
4544 @media (min-width: 768px) { 4548 @media (min-width: 768px) {
4545 .main__vacancies { 4549 .main__vacancies {
4546 gap: 30px; 4550 gap: 30px;
4547 } 4551 }
4548 } 4552 }
4549 .main__vacancies-title { 4553 .main__vacancies-title {
4550 color: #000; 4554 color: #000;
4551 width: 100%; 4555 width: 100%;
4552 } 4556 }
4553 .main__vacancies-filters { 4557 .main__vacancies-filters {
4554 width: 100%; 4558 width: 100%;
4555 } 4559 }
4556 .main__vacancies-item { 4560 .main__vacancies-item {
4557 width: 100%; 4561 width: 100%;
4558 background: none; 4562 background: none;
4559 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4563 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4560 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4564 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4561 } 4565 }
4562 .main__vacancies-item-page { 4566 .main__vacancies-item-page {
4563 border: none; 4567 border: none;
4564 -webkit-box-shadow: none; 4568 -webkit-box-shadow: none;
4565 box-shadow: none; 4569 box-shadow: none;
4566 background: none; 4570 background: none;
4567 margin: 0 -10px; 4571 margin: 0 -10px;
4568 } 4572 }
4569 @media (min-width: 768px) { 4573 @media (min-width: 768px) {
4570 .main__vacancies-item-page { 4574 .main__vacancies-item-page {
4571 margin: 0 -20px; 4575 margin: 0 -20px;
4572 } 4576 }
4573 } 4577 }
4574 .main__vacancies-thing { 4578 .main__vacancies-thing {
4575 width: 100%; 4579 width: 100%;
4576 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4580 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4577 padding: 20px 10px; 4581 padding: 20px 10px;
4578 padding-bottom: 30px; 4582 padding-bottom: 30px;
4579 display: -webkit-box; 4583 display: -webkit-box;
4580 display: -ms-flexbox; 4584 display: -ms-flexbox;
4581 display: flex; 4585 display: flex;
4582 -webkit-box-orient: vertical; 4586 -webkit-box-orient: vertical;
4583 -webkit-box-direction: normal; 4587 -webkit-box-direction: normal;
4584 -ms-flex-direction: column; 4588 -ms-flex-direction: column;
4585 flex-direction: column; 4589 flex-direction: column;
4586 gap: 24px; 4590 gap: 24px;
4587 border-radius: 12px; 4591 border-radius: 12px;
4588 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4592 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4589 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4593 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4590 } 4594 }
4591 @media (min-width: 992px) { 4595 @media (min-width: 992px) {
4592 .main__vacancies-thing { 4596 .main__vacancies-thing {
4593 padding: 30px 20px; 4597 padding: 30px 20px;
4594 -webkit-box-orient: horizontal; 4598 -webkit-box-orient: horizontal;
4595 -webkit-box-direction: normal; 4599 -webkit-box-direction: normal;
4596 -ms-flex-direction: row; 4600 -ms-flex-direction: row;
4597 flex-direction: row; 4601 flex-direction: row;
4598 -webkit-box-align: start; 4602 -webkit-box-align: start;
4599 -ms-flex-align: start; 4603 -ms-flex-align: start;
4600 align-items: flex-start; 4604 align-items: flex-start;
4601 gap: 0; 4605 gap: 0;
4602 } 4606 }
4603 } 4607 }
4604 @media (min-width: 1280px) { 4608 @media (min-width: 1280px) {
4605 .main__vacancies-thing { 4609 .main__vacancies-thing {
4606 padding: 50px 20px; 4610 padding: 50px 20px;
4607 } 4611 }
4608 } 4612 }
4609 .main__vacancies-thing-pic { 4613 .main__vacancies-thing-pic {
4610 position: relative; 4614 position: relative;
4611 z-index: 2; 4615 z-index: 2;
4612 width: 100%; 4616 width: 100%;
4613 aspect-ratio: 42/34; 4617 aspect-ratio: 42/34;
4614 -o-object-fit: cover; 4618 -o-object-fit: cover;
4615 object-fit: cover; 4619 object-fit: cover;
4616 border-radius: 8px; 4620 border-radius: 8px;
4617 max-height: 340px; 4621 max-height: 340px;
4618 } 4622 }
4619 @media (min-width: 992px) { 4623 @media (min-width: 992px) {
4620 .main__vacancies-thing-pic { 4624 .main__vacancies-thing-pic {
4621 width: 380px; 4625 width: 380px;
4622 } 4626 }
4623 } 4627 }
4624 @media (min-width: 1280px) { 4628 @media (min-width: 1280px) {
4625 .main__vacancies-thing-pic { 4629 .main__vacancies-thing-pic {
4626 width: 420px; 4630 width: 420px;
4627 } 4631 }
4628 } 4632 }
4629 .main__vacancies-thing-body { 4633 .main__vacancies-thing-body {
4630 display: -webkit-box; 4634 display: -webkit-box;
4631 display: -ms-flexbox; 4635 display: -ms-flexbox;
4632 display: flex; 4636 display: flex;
4633 -webkit-box-orient: vertical; 4637 -webkit-box-orient: vertical;
4634 -webkit-box-direction: normal; 4638 -webkit-box-direction: normal;
4635 -ms-flex-direction: column; 4639 -ms-flex-direction: column;
4636 flex-direction: column; 4640 flex-direction: column;
4637 -webkit-box-align: start; 4641 -webkit-box-align: start;
4638 -ms-flex-align: start; 4642 -ms-flex-align: start;
4639 align-items: flex-start; 4643 align-items: flex-start;
4640 gap: 16px; 4644 gap: 16px;
4641 color: #000; 4645 color: #000;
4642 } 4646 }
4643 @media (min-width: 992px) { 4647 @media (min-width: 992px) {
4644 .main__vacancies-thing-body { 4648 .main__vacancies-thing-body {
4645 width: calc(100% - 380px); 4649 width: calc(100% - 380px);
4646 padding-left: 20px; 4650 padding-left: 20px;
4647 } 4651 }
4648 } 4652 }
4649 @media (min-width: 1280px) { 4653 @media (min-width: 1280px) {
4650 .main__vacancies-thing-body { 4654 .main__vacancies-thing-body {
4651 width: calc(100% - 420px); 4655 width: calc(100% - 420px);
4652 gap: 20px; 4656 gap: 20px;
4653 } 4657 }
4654 } 4658 }
4655 .main__vacancies-thing-body > * { 4659 .main__vacancies-thing-body > * {
4656 width: 100%; 4660 width: 100%;
4657 } 4661 }
4658 .main__vacancies-thing-body .button { 4662 .main__vacancies-thing-body .button {
4659 width: auto; 4663 width: auto;
4660 } 4664 }
4661 @media (min-width: 768px) { 4665 @media (min-width: 768px) {
4662 .main__vacancies-thing-body .button { 4666 .main__vacancies-thing-body .button {
4663 min-width: 200px; 4667 min-width: 200px;
4664 } 4668 }
4665 } 4669 }
4666 .main__vacancies-thing-scroll { 4670 .main__vacancies-thing-scroll {
4667 display: -webkit-box; 4671 display: -webkit-box;
4668 display: -ms-flexbox; 4672 display: -ms-flexbox;
4669 display: flex; 4673 display: flex;
4670 -webkit-box-orient: vertical; 4674 -webkit-box-orient: vertical;
4671 -webkit-box-direction: normal; 4675 -webkit-box-direction: normal;
4672 -ms-flex-direction: column; 4676 -ms-flex-direction: column;
4673 flex-direction: column; 4677 flex-direction: column;
4674 -webkit-box-align: start; 4678 -webkit-box-align: start;
4675 -ms-flex-align: start; 4679 -ms-flex-align: start;
4676 align-items: flex-start; 4680 align-items: flex-start;
4677 gap: 16px; 4681 gap: 16px;
4678 overflow: hidden; 4682 overflow: hidden;
4679 overflow-y: auto; 4683 overflow-y: auto;
4680 max-height: 180px; 4684 max-height: 180px;
4681 padding-right: 10px; 4685 padding-right: 10px;
4682 } 4686 }
4683 @media (min-width: 768px) { 4687 @media (min-width: 768px) {
4684 .main__vacancies-thing-scroll { 4688 .main__vacancies-thing-scroll {
4685 max-height: 210px; 4689 max-height: 210px;
4686 padding-right: 20px; 4690 padding-right: 20px;
4687 } 4691 }
4688 } 4692 }
4689 @media (min-width: 992px) { 4693 @media (min-width: 992px) {
4690 .main__vacancies-thing-scroll { 4694 .main__vacancies-thing-scroll {
4691 max-height: 175px; 4695 max-height: 175px;
4692 } 4696 }
4693 } 4697 }
4694 @media (min-width: 1280px) { 4698 @media (min-width: 1280px) {
4695 .main__vacancies-thing-scroll { 4699 .main__vacancies-thing-scroll {
4696 max-height: 200px; 4700 max-height: 200px;
4697 gap: 20px; 4701 gap: 20px;
4698 } 4702 }
4699 } 4703 }
4700 .main__cond { 4704 .main__cond {
4701 display: -webkit-box; 4705 display: -webkit-box;
4702 display: -ms-flexbox; 4706 display: -ms-flexbox;
4703 display: flex; 4707 display: flex;
4704 -webkit-box-orient: vertical; 4708 -webkit-box-orient: vertical;
4705 -webkit-box-direction: normal; 4709 -webkit-box-direction: normal;
4706 -ms-flex-direction: column; 4710 -ms-flex-direction: column;
4707 flex-direction: column; 4711 flex-direction: column;
4708 gap: 50px; 4712 gap: 50px;
4709 } 4713 }
4710 .main__cond > div { 4714 .main__cond > div {
4711 display: -webkit-box; 4715 display: -webkit-box;
4712 display: -ms-flexbox; 4716 display: -ms-flexbox;
4713 display: flex; 4717 display: flex;
4714 -webkit-box-orient: vertical; 4718 -webkit-box-orient: vertical;
4715 -webkit-box-direction: normal; 4719 -webkit-box-direction: normal;
4716 -ms-flex-direction: column; 4720 -ms-flex-direction: column;
4717 flex-direction: column; 4721 flex-direction: column;
4718 gap: 10px; 4722 gap: 10px;
4719 } 4723 }
4720 .main__cond-label { 4724 .main__cond-label {
4721 border-radius: 16px; 4725 border-radius: 16px;
4722 border: 1px solid #cecece; 4726 border: 1px solid #cecece;
4723 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4727 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4724 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4728 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4725 padding: 30px 20px; 4729 padding: 30px 20px;
4726 font-weight: 700; 4730 font-weight: 700;
4727 color: #000; 4731 color: #000;
4728 line-height: 2; 4732 line-height: 2;
4729 text-align: center; 4733 text-align: center;
4730 } 4734 }
4731 @media (min-width: 992px) { 4735 @media (min-width: 992px) {
4732 .main__cond-label { 4736 .main__cond-label {
4733 font-size: 30px; 4737 font-size: 30px;
4734 } 4738 }
4735 } 4739 }
4736 .main__cond-icons { 4740 .main__cond-icons {
4737 padding: 0; 4741 padding: 0;
4738 margin: 0; 4742 margin: 0;
4739 display: -webkit-box; 4743 display: -webkit-box;
4740 display: -ms-flexbox; 4744 display: -ms-flexbox;
4741 display: flex; 4745 display: flex;
4742 -webkit-box-orient: vertical; 4746 -webkit-box-orient: vertical;
4743 -webkit-box-direction: normal; 4747 -webkit-box-direction: normal;
4744 -ms-flex-direction: column; 4748 -ms-flex-direction: column;
4745 flex-direction: column; 4749 flex-direction: column;
4746 gap: 25px; 4750 gap: 25px;
4747 margin-top: 10px; 4751 margin-top: 10px;
4748 } 4752 }
4749 @media (min-width: 768px) { 4753 @media (min-width: 768px) {
4750 .main__cond-icons { 4754 .main__cond-icons {
4751 display: grid; 4755 display: grid;
4752 grid-template-columns: repeat(2, 1fr); 4756 grid-template-columns: repeat(2, 1fr);
4753 gap: 60px; 4757 gap: 60px;
4754 margin-top: 20px; 4758 margin-top: 20px;
4755 } 4759 }
4756 } 4760 }
4757 @media (min-width: 1280px) { 4761 @media (min-width: 1280px) {
4758 .main__cond-icons { 4762 .main__cond-icons {
4759 grid-template-columns: repeat(3, 1fr); 4763 grid-template-columns: repeat(3, 1fr);
4760 } 4764 }
4761 } 4765 }
4762 .main__cond-icons li { 4766 .main__cond-icons li {
4763 display: -webkit-box; 4767 display: -webkit-box;
4764 display: -ms-flexbox; 4768 display: -ms-flexbox;
4765 display: flex; 4769 display: flex;
4766 -webkit-box-orient: vertical; 4770 -webkit-box-orient: vertical;
4767 -webkit-box-direction: normal; 4771 -webkit-box-direction: normal;
4768 -ms-flex-direction: column; 4772 -ms-flex-direction: column;
4769 flex-direction: column; 4773 flex-direction: column;
4770 -webkit-box-align: start; 4774 -webkit-box-align: start;
4771 -ms-flex-align: start; 4775 -ms-flex-align: start;
4772 align-items: flex-start; 4776 align-items: flex-start;
4773 gap: 20px; 4777 gap: 20px;
4774 font-size: 12px; 4778 font-size: 12px;
4775 line-height: 1.4; 4779 line-height: 1.4;
4776 color: #000; 4780 color: #000;
4777 } 4781 }
4778 @media (min-width: 768px) { 4782 @media (min-width: 768px) {
4779 .main__cond-icons li { 4783 .main__cond-icons li {
4780 font-size: 14px; 4784 font-size: 14px;
4781 } 4785 }
4782 } 4786 }
4783 @media (min-width: 992px) { 4787 @media (min-width: 992px) {
4784 .main__cond-icons li { 4788 .main__cond-icons li {
4785 font-size: 16px; 4789 font-size: 16px;
4786 line-height: 1.6; 4790 line-height: 1.6;
4787 } 4791 }
4788 } 4792 }
4789 @media (min-width: 1280px) { 4793 @media (min-width: 1280px) {
4790 .main__cond-icons li { 4794 .main__cond-icons li {
4791 font-size: 18px; 4795 font-size: 18px;
4792 } 4796 }
4793 } 4797 }
4794 .main__cond-icons li span { 4798 .main__cond-icons li span {
4795 width: 48px; 4799 width: 48px;
4796 height: 48px; 4800 height: 48px;
4797 display: -webkit-box; 4801 display: -webkit-box;
4798 display: -ms-flexbox; 4802 display: -ms-flexbox;
4799 display: flex; 4803 display: flex;
4800 -webkit-box-align: center; 4804 -webkit-box-align: center;
4801 -ms-flex-align: center; 4805 -ms-flex-align: center;
4802 align-items: center; 4806 align-items: center;
4803 } 4807 }
4804 .main__cond-icons li span img { 4808 .main__cond-icons li span img {
4805 max-width: 48px; 4809 max-width: 48px;
4806 } 4810 }
4807 .main__cond-callback { 4811 .main__cond-callback {
4808 margin-top: 10px; 4812 margin-top: 10px;
4809 } 4813 }
4810 .main__ads { 4814 .main__ads {
4811 display: -webkit-box; 4815 display: -webkit-box;
4812 display: -ms-flexbox; 4816 display: -ms-flexbox;
4813 display: flex; 4817 display: flex;
4814 -webkit-box-orient: vertical; 4818 -webkit-box-orient: vertical;
4815 -webkit-box-direction: normal; 4819 -webkit-box-direction: normal;
4816 -ms-flex-direction: column; 4820 -ms-flex-direction: column;
4817 flex-direction: column; 4821 flex-direction: column;
4818 gap: 30px; 4822 gap: 30px;
4819 margin: 30px 0; 4823 margin: 30px 0;
4820 } 4824 }
4821 @media (min-width: 992px) { 4825 @media (min-width: 992px) {
4822 .main__ads { 4826 .main__ads {
4823 margin: 60px 0; 4827 margin: 60px 0;
4824 } 4828 }
4825 } 4829 }
4826 .main__ads-item { 4830 .main__ads-item {
4827 display: -webkit-box; 4831 display: -webkit-box;
4828 display: -ms-flexbox; 4832 display: -ms-flexbox;
4829 display: flex; 4833 display: flex;
4830 -webkit-box-orient: vertical; 4834 -webkit-box-orient: vertical;
4831 -webkit-box-direction: normal; 4835 -webkit-box-direction: normal;
4832 -ms-flex-direction: column; 4836 -ms-flex-direction: column;
4833 flex-direction: column; 4837 flex-direction: column;
4834 gap: 16px; 4838 gap: 16px;
4835 } 4839 }
4836 @media (min-width: 992px) { 4840 @media (min-width: 992px) {
4837 .main__ads-item { 4841 .main__ads-item {
4838 -webkit-box-orient: horizontal; 4842 -webkit-box-orient: horizontal;
4839 -webkit-box-direction: normal; 4843 -webkit-box-direction: normal;
4840 -ms-flex-direction: row; 4844 -ms-flex-direction: row;
4841 flex-direction: row; 4845 flex-direction: row;
4842 gap: 0; 4846 gap: 0;
4843 } 4847 }
4844 } 4848 }
4845 .main__ads-item-pic { 4849 .main__ads-item-pic {
4846 width: 100%; 4850 width: 100%;
4847 max-width: 440px; 4851 max-width: 440px;
4848 max-height: 200px; 4852 max-height: 200px;
4849 aspect-ratio: 3/2; 4853 aspect-ratio: 3/2;
4850 position: relative; 4854 position: relative;
4851 overflow: hidden; 4855 overflow: hidden;
4852 border-radius: 12px; 4856 border-radius: 12px;
4853 } 4857 }
4854 @media (min-width: 992px) { 4858 @media (min-width: 992px) {
4855 .main__ads-item-pic { 4859 .main__ads-item-pic {
4856 width: 200px; 4860 width: 200px;
4857 aspect-ratio: 1/1; 4861 aspect-ratio: 1/1;
4858 } 4862 }
4859 } 4863 }
4860 .main__ads-item-pic img { 4864 .main__ads-item-pic img {
4861 z-index: 1; 4865 z-index: 1;
4862 position: absolute; 4866 position: absolute;
4863 top: 0; 4867 top: 0;
4864 left: 0; 4868 left: 0;
4865 width: 100%; 4869 width: 100%;
4866 height: 100%; 4870 height: 100%;
4867 -o-object-fit: cover; 4871 -o-object-fit: cover;
4868 object-fit: cover; 4872 object-fit: cover;
4869 } 4873 }
4870 .main__ads-item-pic span { 4874 .main__ads-item-pic span {
4871 z-index: 2; 4875 z-index: 2;
4872 width: 30px; 4876 width: 30px;
4873 height: 30px; 4877 height: 30px;
4874 border-radius: 6px; 4878 border-radius: 6px;
4875 background: #4d88d9; 4879 background: #4d88d9;
4876 display: -webkit-box; 4880 display: -webkit-box;
4877 display: -ms-flexbox; 4881 display: -ms-flexbox;
4878 display: flex; 4882 display: flex;
4879 -webkit-box-pack: center; 4883 -webkit-box-pack: center;
4880 -ms-flex-pack: center; 4884 -ms-flex-pack: center;
4881 justify-content: center; 4885 justify-content: center;
4882 -webkit-box-align: center; 4886 -webkit-box-align: center;
4883 -ms-flex-align: center; 4887 -ms-flex-align: center;
4884 align-items: center; 4888 align-items: center;
4885 position: absolute; 4889 position: absolute;
4886 top: 10px; 4890 top: 10px;
4887 left: 10px; 4891 left: 10px;
4888 color: #fff; 4892 color: #fff;
4889 } 4893 }
4890 @media (min-width: 992px) { 4894 @media (min-width: 992px) {
4891 .main__ads-item-pic span { 4895 .main__ads-item-pic span {
4892 width: 42px; 4896 width: 42px;
4893 height: 42px; 4897 height: 42px;
4894 } 4898 }
4895 } 4899 }
4896 .main__ads-item-pic span svg { 4900 .main__ads-item-pic span svg {
4897 width: 12px; 4901 width: 12px;
4898 height: 12px; 4902 height: 12px;
4899 } 4903 }
4900 @media (min-width: 992px) { 4904 @media (min-width: 992px) {
4901 .main__ads-item-pic span svg { 4905 .main__ads-item-pic span svg {
4902 width: 20px; 4906 width: 20px;
4903 height: 20px; 4907 height: 20px;
4904 } 4908 }
4905 } 4909 }
4906 .main__ads-item-body { 4910 .main__ads-item-body {
4907 display: -webkit-box; 4911 display: -webkit-box;
4908 display: -ms-flexbox; 4912 display: -ms-flexbox;
4909 display: flex; 4913 display: flex;
4910 -webkit-box-orient: vertical; 4914 -webkit-box-orient: vertical;
4911 -webkit-box-direction: normal; 4915 -webkit-box-direction: normal;
4912 -ms-flex-direction: column; 4916 -ms-flex-direction: column;
4913 flex-direction: column; 4917 flex-direction: column;
4914 -webkit-box-align: start; 4918 -webkit-box-align: start;
4915 -ms-flex-align: start; 4919 -ms-flex-align: start;
4916 align-items: flex-start; 4920 align-items: flex-start;
4917 gap: 10px; 4921 gap: 10px;
4918 font-size: 12px; 4922 font-size: 12px;
4919 } 4923 }
4920 @media (min-width: 992px) { 4924 @media (min-width: 992px) {
4921 .main__ads-item-body { 4925 .main__ads-item-body {
4922 width: calc(100% - 200px); 4926 width: calc(100% - 200px);
4923 padding-left: 40px; 4927 padding-left: 40px;
4924 -webkit-box-pack: center; 4928 -webkit-box-pack: center;
4925 -ms-flex-pack: center; 4929 -ms-flex-pack: center;
4926 justify-content: center; 4930 justify-content: center;
4927 font-size: 16px; 4931 font-size: 16px;
4928 gap: 20px; 4932 gap: 20px;
4929 } 4933 }
4930 } 4934 }
4931 .main__ads-item-body b { 4935 .main__ads-item-body b {
4932 width: 100%; 4936 width: 100%;
4933 font-weight: 700; 4937 font-weight: 700;
4934 font-size: 14px; 4938 font-size: 14px;
4935 } 4939 }
4936 @media (min-width: 992px) { 4940 @media (min-width: 992px) {
4937 .main__ads-item-body b { 4941 .main__ads-item-body b {
4938 font-size: 20px; 4942 font-size: 20px;
4939 } 4943 }
4940 } 4944 }
4941 .main__ads-item-body span { 4945 .main__ads-item-body span {
4942 width: 100%; 4946 width: 100%;
4943 } 4947 }
4944 4948
4945 .work { 4949 .work {
4946 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4950 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4947 color: #000; 4951 color: #000;
4948 padding-top: 70px; 4952 padding-top: 70px;
4949 padding-bottom: 10px; 4953 padding-bottom: 10px;
4950 position: relative; 4954 position: relative;
4951 overflow: hidden; 4955 overflow: hidden;
4952 } 4956 }
4953 @media (min-width: 768px) { 4957 @media (min-width: 768px) {
4954 .work { 4958 .work {
4955 padding-bottom: 25px; 4959 padding-bottom: 25px;
4956 } 4960 }
4957 } 4961 }
4958 @media (min-width: 1280px) { 4962 @media (min-width: 1280px) {
4959 .work { 4963 .work {
4960 padding-top: 80px; 4964 padding-top: 80px;
4961 padding-bottom: 25px; 4965 padding-bottom: 25px;
4962 } 4966 }
4963 } 4967 }
4964 .work__pic { 4968 .work__pic {
4965 position: absolute; 4969 position: absolute;
4966 height: calc(100% - 40px); 4970 height: calc(100% - 40px);
4967 z-index: 1; 4971 z-index: 1;
4968 display: none; 4972 display: none;
4969 bottom: 0; 4973 bottom: 0;
4970 left: 50%; 4974 left: 50%;
4971 margin-left: 40px; 4975 margin-left: 40px;
4972 } 4976 }
4973 @media (min-width: 992px) { 4977 @media (min-width: 992px) {
4974 .work__pic { 4978 .work__pic {
4975 display: block; 4979 display: block;
4976 } 4980 }
4977 } 4981 }
4978 @media (min-width: 1280px) { 4982 @media (min-width: 1280px) {
4979 .work__pic { 4983 .work__pic {
4980 margin-left: 80px; 4984 margin-left: 80px;
4981 } 4985 }
4982 } 4986 }
4983 .work__body { 4987 .work__body {
4984 position: relative; 4988 position: relative;
4985 z-index: 2; 4989 z-index: 2;
4986 display: -webkit-box; 4990 display: -webkit-box;
4987 display: -ms-flexbox; 4991 display: -ms-flexbox;
4988 display: flex; 4992 display: flex;
4989 -webkit-box-orient: vertical; 4993 -webkit-box-orient: vertical;
4990 -webkit-box-direction: normal; 4994 -webkit-box-direction: normal;
4991 -ms-flex-direction: column; 4995 -ms-flex-direction: column;
4992 flex-direction: column; 4996 flex-direction: column;
4993 -webkit-box-align: center; 4997 -webkit-box-align: center;
4994 -ms-flex-align: center; 4998 -ms-flex-align: center;
4995 align-items: center; 4999 align-items: center;
4996 } 5000 }
4997 @media (min-width: 768px) { 5001 @media (min-width: 768px) {
4998 .work__body { 5002 .work__body {
4999 -webkit-box-align: start; 5003 -webkit-box-align: start;
5000 -ms-flex-align: start; 5004 -ms-flex-align: start;
5001 align-items: flex-start; 5005 align-items: flex-start;
5002 } 5006 }
5003 } 5007 }
5004 @media (min-width: 992px) { 5008 @media (min-width: 992px) {
5005 .work__body { 5009 .work__body {
5006 max-width: 600px; 5010 max-width: 600px;
5007 } 5011 }
5008 } 5012 }
5009 .work__title { 5013 .work__title {
5010 width: 100%; 5014 width: 100%;
5011 font-size: 40px; 5015 font-size: 40px;
5012 font-weight: 700; 5016 font-weight: 700;
5013 line-height: 1; 5017 line-height: 1;
5014 } 5018 }
5015 @media (min-width: 768px) { 5019 @media (min-width: 768px) {
5016 .work__title { 5020 .work__title {
5017 font-size: 64px; 5021 font-size: 64px;
5018 line-height: 94px; 5022 line-height: 94px;
5019 } 5023 }
5020 } 5024 }
5021 .work__text { 5025 .work__text {
5022 width: 100%; 5026 width: 100%;
5023 font-size: 12px; 5027 font-size: 12px;
5024 margin-top: 10px; 5028 margin-top: 10px;
5025 } 5029 }
5026 @media (min-width: 768px) { 5030 @media (min-width: 768px) {
5027 .work__text { 5031 .work__text {
5028 font-size: 18px; 5032 font-size: 18px;
5029 margin-top: 20px; 5033 margin-top: 20px;
5030 line-height: 1.4; 5034 line-height: 1.4;
5031 } 5035 }
5032 } 5036 }
5033 .work__list { 5037 .work__list {
5034 width: 100%; 5038 width: 100%;
5035 display: -webkit-box; 5039 display: -webkit-box;
5036 display: -ms-flexbox; 5040 display: -ms-flexbox;
5037 display: flex; 5041 display: flex;
5038 -webkit-box-orient: vertical; 5042 -webkit-box-orient: vertical;
5039 -webkit-box-direction: normal; 5043 -webkit-box-direction: normal;
5040 -ms-flex-direction: column; 5044 -ms-flex-direction: column;
5041 flex-direction: column; 5045 flex-direction: column;
5042 gap: 5px; 5046 gap: 5px;
5043 font-size: 14px; 5047 font-size: 14px;
5044 font-weight: 700; 5048 font-weight: 700;
5045 margin-top: 15px; 5049 margin-top: 15px;
5046 } 5050 }
5047 @media (min-width: 768px) { 5051 @media (min-width: 768px) {
5048 .work__list { 5052 .work__list {
5049 font-size: 18px; 5053 font-size: 18px;
5050 gap: 8px; 5054 gap: 8px;
5051 margin-top: 30px; 5055 margin-top: 30px;
5052 } 5056 }
5053 } 5057 }
5054 .work__list div { 5058 .work__list div {
5055 position: relative; 5059 position: relative;
5056 padding-left: 10px; 5060 padding-left: 10px;
5057 } 5061 }
5058 @media (min-width: 768px) { 5062 @media (min-width: 768px) {
5059 .work__list div { 5063 .work__list div {
5060 padding-left: 16px; 5064 padding-left: 16px;
5061 } 5065 }
5062 } 5066 }
5063 .work__list div:before { 5067 .work__list div:before {
5064 content: ""; 5068 content: "";
5065 width: 4px; 5069 width: 4px;
5066 height: 4px; 5070 height: 4px;
5067 background: #000; 5071 background: #000;
5068 border-radius: 999px; 5072 border-radius: 999px;
5069 position: absolute; 5073 position: absolute;
5070 top: 5px; 5074 top: 5px;
5071 left: 0; 5075 left: 0;
5072 } 5076 }
5073 @media (min-width: 768px) { 5077 @media (min-width: 768px) {
5074 .work__list div:before { 5078 .work__list div:before {
5075 top: 8px; 5079 top: 8px;
5076 } 5080 }
5077 } 5081 }
5078 .work__form { 5082 .work__form {
5079 margin-top: 20px; 5083 margin-top: 20px;
5080 } 5084 }
5081 @media (min-width: 768px) { 5085 @media (min-width: 768px) {
5082 .work__form { 5086 .work__form {
5083 margin-top: 30px; 5087 margin-top: 30px;
5084 } 5088 }
5085 } 5089 }
5086 .work__search { 5090 .work__search {
5087 width: 100%; 5091 width: 100%;
5088 max-width: 180px; 5092 max-width: 180px;
5089 margin-top: 20px; 5093 margin-top: 20px;
5090 } 5094 }
5091 @media (min-width: 768px) { 5095 @media (min-width: 768px) {
5092 .work__search { 5096 .work__search {
5093 max-width: 270px; 5097 max-width: 270px;
5094 margin-top: 50px; 5098 margin-top: 50px;
5095 } 5099 }
5096 } 5100 }
5097 .work__get { 5101 .work__get {
5098 width: 100%; 5102 width: 100%;
5099 display: -webkit-box; 5103 display: -webkit-box;
5100 display: -ms-flexbox; 5104 display: -ms-flexbox;
5101 display: flex; 5105 display: flex;
5102 -webkit-box-align: start; 5106 -webkit-box-align: start;
5103 -ms-flex-align: start; 5107 -ms-flex-align: start;
5104 align-items: flex-start; 5108 align-items: flex-start;
5105 -ms-flex-wrap: wrap; 5109 -ms-flex-wrap: wrap;
5106 flex-wrap: wrap; 5110 flex-wrap: wrap;
5107 margin-top: 48px; 5111 margin-top: 48px;
5108 } 5112 }
5109 .work__get b { 5113 .work__get b {
5110 width: 100%; 5114 width: 100%;
5111 margin-bottom: 10px; 5115 margin-bottom: 10px;
5112 font-size: 14px; 5116 font-size: 14px;
5113 } 5117 }
5114 @media (min-width: 768px) { 5118 @media (min-width: 768px) {
5115 .work__get b { 5119 .work__get b {
5116 font-size: 18px; 5120 font-size: 18px;
5117 } 5121 }
5118 } 5122 }
5119 .work__get a { 5123 .work__get a {
5120 display: -webkit-box; 5124 display: -webkit-box;
5121 display: -ms-flexbox; 5125 display: -ms-flexbox;
5122 display: flex; 5126 display: flex;
5123 -webkit-box-align: center; 5127 -webkit-box-align: center;
5124 -ms-flex-align: center; 5128 -ms-flex-align: center;
5125 align-items: center; 5129 align-items: center;
5126 -webkit-box-pack: center; 5130 -webkit-box-pack: center;
5127 -ms-flex-pack: center; 5131 -ms-flex-pack: center;
5128 justify-content: center; 5132 justify-content: center;
5129 margin-right: 20px; 5133 margin-right: 20px;
5130 } 5134 }
5131 .work__get a img { 5135 .work__get a img {
5132 -webkit-transition: 0.3s; 5136 -webkit-transition: 0.3s;
5133 transition: 0.3s; 5137 transition: 0.3s;
5134 width: 111px; 5138 width: 111px;
5135 } 5139 }
5136 @media (min-width: 768px) { 5140 @media (min-width: 768px) {
5137 .work__get a img { 5141 .work__get a img {
5138 width: 131px; 5142 width: 131px;
5139 } 5143 }
5140 } 5144 }
5141 .work__get a:hover img { 5145 .work__get a:hover img {
5142 -webkit-transform: scale(1.1); 5146 -webkit-transform: scale(1.1);
5143 -ms-transform: scale(1.1); 5147 -ms-transform: scale(1.1);
5144 transform: scale(1.1); 5148 transform: scale(1.1);
5145 } 5149 }
5146 .work__get a + a { 5150 .work__get a + a {
5147 margin-right: 0; 5151 margin-right: 0;
5148 } 5152 }
5149 5153
5150 .numbers { 5154 .numbers {
5151 padding: 30px 0; 5155 padding: 30px 0;
5152 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5156 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5153 color: #fff; 5157 color: #fff;
5154 } 5158 }
5155 @media (min-width: 1280px) { 5159 @media (min-width: 1280px) {
5156 .numbers { 5160 .numbers {
5157 padding: 100px 0; 5161 padding: 100px 0;
5158 background-position: 100% 100%; 5162 background-position: 100% 100%;
5159 background-size: auto 500px; 5163 background-size: auto 500px;
5160 } 5164 }
5161 } 5165 }
5162 .numbers__body { 5166 .numbers__body {
5163 display: -webkit-box; 5167 display: -webkit-box;
5164 display: -ms-flexbox; 5168 display: -ms-flexbox;
5165 display: flex; 5169 display: flex;
5166 -webkit-box-orient: vertical; 5170 -webkit-box-orient: vertical;
5167 -webkit-box-direction: normal; 5171 -webkit-box-direction: normal;
5168 -ms-flex-direction: column; 5172 -ms-flex-direction: column;
5169 flex-direction: column; 5173 flex-direction: column;
5170 gap: 30px; 5174 gap: 30px;
5171 } 5175 }
5172 @media (min-width: 768px) { 5176 @media (min-width: 768px) {
5173 .numbers__body { 5177 .numbers__body {
5174 display: grid; 5178 display: grid;
5175 grid-template-columns: 1fr 1fr 1fr; 5179 grid-template-columns: 1fr 1fr 1fr;
5176 } 5180 }
5177 } 5181 }
5178 .numbers__item { 5182 .numbers__item {
5179 font-size: 12px; 5183 font-size: 12px;
5180 display: -webkit-box; 5184 display: -webkit-box;
5181 display: -ms-flexbox; 5185 display: -ms-flexbox;
5182 display: flex; 5186 display: flex;
5183 -webkit-box-orient: vertical; 5187 -webkit-box-orient: vertical;
5184 -webkit-box-direction: normal; 5188 -webkit-box-direction: normal;
5185 -ms-flex-direction: column; 5189 -ms-flex-direction: column;
5186 flex-direction: column; 5190 flex-direction: column;
5187 line-height: 1.4; 5191 line-height: 1.4;
5188 } 5192 }
5189 @media (min-width: 1280px) { 5193 @media (min-width: 1280px) {
5190 .numbers__item { 5194 .numbers__item {
5191 font-size: 16px; 5195 font-size: 16px;
5192 line-height: 20px; 5196 line-height: 20px;
5193 } 5197 }
5194 } 5198 }
5195 .numbers__item b { 5199 .numbers__item b {
5196 font-size: 40px; 5200 font-size: 40px;
5197 font-weight: 700; 5201 font-weight: 700;
5198 border-bottom: 1px solid #fff; 5202 border-bottom: 1px solid #fff;
5199 line-height: 1; 5203 line-height: 1;
5200 } 5204 }
5201 @media (min-width: 1280px) { 5205 @media (min-width: 1280px) {
5202 .numbers__item b { 5206 .numbers__item b {
5203 font-size: 100px; 5207 font-size: 100px;
5204 line-height: 147px; 5208 line-height: 147px;
5205 } 5209 }
5206 } 5210 }
5207 .numbers__item span { 5211 .numbers__item span {
5208 font-weight: 700; 5212 font-weight: 700;
5209 font-size: 14px; 5213 font-size: 14px;
5210 margin: 10px 0; 5214 margin: 10px 0;
5211 line-height: 1; 5215 line-height: 1;
5212 } 5216 }
5213 @media (min-width: 1280px) { 5217 @media (min-width: 1280px) {
5214 .numbers__item span { 5218 .numbers__item span {
5215 font-size: 24px; 5219 font-size: 24px;
5216 margin-top: 30px; 5220 margin-top: 30px;
5217 } 5221 }
5218 } 5222 }
5219 5223
5220 .vacancies { 5224 .vacancies {
5221 padding: 50px 0; 5225 padding: 50px 0;
5222 } 5226 }
5223 @media (min-width: 1280px) { 5227 @media (min-width: 1280px) {
5224 .vacancies { 5228 .vacancies {
5225 padding: 100px 0; 5229 padding: 100px 0;
5226 } 5230 }
5227 } 5231 }
5228 .vacancies__body { 5232 .vacancies__body {
5229 display: -webkit-box; 5233 display: -webkit-box;
5230 display: -ms-flexbox; 5234 display: -ms-flexbox;
5231 display: flex; 5235 display: flex;
5232 -webkit-box-orient: vertical; 5236 -webkit-box-orient: vertical;
5233 -webkit-box-direction: reverse; 5237 -webkit-box-direction: reverse;
5234 -ms-flex-direction: column-reverse; 5238 -ms-flex-direction: column-reverse;
5235 flex-direction: column-reverse; 5239 flex-direction: column-reverse;
5236 gap: 20px; 5240 gap: 20px;
5237 width: 100%; 5241 width: 100%;
5238 margin-top: 20px; 5242 margin-top: 20px;
5239 } 5243 }
5240 @media (min-width: 992px) { 5244 @media (min-width: 992px) {
5241 .vacancies__body { 5245 .vacancies__body {
5242 margin-top: 30px; 5246 margin-top: 30px;
5243 gap: 30px; 5247 gap: 30px;
5244 } 5248 }
5245 } 5249 }
5246 .vacancies__more { 5250 .vacancies__more {
5247 width: 100%; 5251 width: 100%;
5248 } 5252 }
5249 @media (min-width: 768px) { 5253 @media (min-width: 768px) {
5250 .vacancies__more { 5254 .vacancies__more {
5251 width: auto; 5255 width: auto;
5252 margin: 0 auto; 5256 margin: 0 auto;
5253 } 5257 }
5254 } 5258 }
5255 .vacancies__list { 5259 .vacancies__list {
5256 display: -webkit-box; 5260 display: -webkit-box;
5257 display: -ms-flexbox; 5261 display: -ms-flexbox;
5258 display: flex; 5262 display: flex;
5259 -webkit-box-orient: vertical; 5263 -webkit-box-orient: vertical;
5260 -webkit-box-direction: normal; 5264 -webkit-box-direction: normal;
5261 -ms-flex-direction: column; 5265 -ms-flex-direction: column;
5262 flex-direction: column; 5266 flex-direction: column;
5263 gap: 15px; 5267 gap: 15px;
5264 } 5268 }
5265 @media (min-width: 768px) { 5269 @media (min-width: 768px) {
5266 .vacancies__list { 5270 .vacancies__list {
5267 display: grid; 5271 display: grid;
5268 grid-template-columns: repeat(2, 1fr); 5272 grid-template-columns: repeat(2, 1fr);
5269 } 5273 }
5270 } 5274 }
5271 @media (min-width: 992px) { 5275 @media (min-width: 992px) {
5272 .vacancies__list { 5276 .vacancies__list {
5273 display: grid; 5277 display: grid;
5274 grid-template-columns: repeat(3, 1fr); 5278 grid-template-columns: repeat(3, 1fr);
5275 gap: 20px; 5279 gap: 20px;
5276 } 5280 }
5277 } 5281 }
5278 @media (min-width: 1280px) { 5282 @media (min-width: 1280px) {
5279 .vacancies__list { 5283 .vacancies__list {
5280 grid-template-columns: repeat(4, 1fr); 5284 grid-template-columns: repeat(4, 1fr);
5281 } 5285 }
5282 } 5286 }
5283 .vacancies__list-label { 5287 .vacancies__list-label {
5284 font-weight: 700; 5288 font-weight: 700;
5285 font-size: 22px; 5289 font-size: 22px;
5286 } 5290 }
5287 .vacancies__list-col { 5291 .vacancies__list-col {
5288 display: -webkit-box; 5292 display: -webkit-box;
5289 display: -ms-flexbox; 5293 display: -ms-flexbox;
5290 display: flex; 5294 display: flex;
5291 -webkit-box-orient: vertical; 5295 -webkit-box-orient: vertical;
5292 -webkit-box-direction: normal; 5296 -webkit-box-direction: normal;
5293 -ms-flex-direction: column; 5297 -ms-flex-direction: column;
5294 flex-direction: column; 5298 flex-direction: column;
5295 gap: 15px; 5299 gap: 15px;
5296 margin-top: 15px; 5300 margin-top: 15px;
5297 margin-bottom: 30px; 5301 margin-bottom: 30px;
5298 } 5302 }
5299 @media (min-width: 768px) { 5303 @media (min-width: 768px) {
5300 .vacancies__list-col { 5304 .vacancies__list-col {
5301 margin-top: 0; 5305 margin-top: 0;
5302 } 5306 }
5303 } 5307 }
5304 .vacancies__list-col:first-child { 5308 .vacancies__list-col:first-child {
5305 margin-top: 0; 5309 margin-top: 0;
5306 } 5310 }
5307 .vacancies__item { 5311 .vacancies__item {
5308 display: none; 5312 display: none;
5309 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5313 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5310 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5314 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5311 border-radius: 12px; 5315 border-radius: 12px;
5312 background: #fff; 5316 background: #fff;
5313 border: 1px solid #e6e7e7; 5317 border: 1px solid #e6e7e7;
5314 overflow: hidden; 5318 overflow: hidden;
5315 } 5319 }
5316 .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) { 5320 .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) {
5317 display: -webkit-box; 5321 display: -webkit-box;
5318 display: -ms-flexbox; 5322 display: -ms-flexbox;
5319 display: flex; 5323 display: flex;
5320 } 5324 }
5321 .vacancies__item > span { 5325 .vacancies__item > span {
5322 border-left: 10px solid #377d87; 5326 border-left: 10px solid #377d87;
5323 padding: 20px 14px; 5327 padding: 20px 14px;
5324 display: -webkit-box; 5328 display: -webkit-box;
5325 display: -ms-flexbox; 5329 display: -ms-flexbox;
5326 display: flex; 5330 display: flex;
5327 -webkit-box-orient: vertical; 5331 -webkit-box-orient: vertical;
5328 -webkit-box-direction: normal; 5332 -webkit-box-direction: normal;
5329 -ms-flex-direction: column; 5333 -ms-flex-direction: column;
5330 flex-direction: column; 5334 flex-direction: column;
5331 -webkit-box-align: start; 5335 -webkit-box-align: start;
5332 -ms-flex-align: start; 5336 -ms-flex-align: start;
5333 align-items: flex-start; 5337 align-items: flex-start;
5334 gap: 5px; 5338 gap: 5px;
5335 -webkit-box-pack: justify; 5339 -webkit-box-pack: justify;
5336 -ms-flex-pack: justify; 5340 -ms-flex-pack: justify;
5337 justify-content: space-between; 5341 justify-content: space-between;
5338 } 5342 }
5339 @media (min-width: 992px) { 5343 @media (min-width: 992px) {
5340 .vacancies__item > span { 5344 .vacancies__item > span {
5341 gap: 10px; 5345 gap: 10px;
5342 } 5346 }
5343 } 5347 }
5344 .vacancies__item b { 5348 .vacancies__item b {
5345 font-weight: 700; 5349 font-weight: 700;
5346 font-size: 14px; 5350 font-size: 14px;
5347 } 5351 }
5348 @media (min-width: 992px) { 5352 @media (min-width: 992px) {
5349 .vacancies__item b { 5353 .vacancies__item b {
5350 font-size: 20px; 5354 font-size: 20px;
5351 } 5355 }
5352 } 5356 }
5353 .vacancies__item:hover b { 5357 .vacancies__item:hover b {
5354 color: #377d87; 5358 color: #377d87;
5355 } 5359 }
5356 .vacancies__item u { 5360 .vacancies__item u {
5357 text-decoration: none; 5361 text-decoration: none;
5358 font-size: 14px; 5362 font-size: 14px;
5359 } 5363 }
5360 @media (min-width: 992px) { 5364 @media (min-width: 992px) {
5361 .vacancies__item u { 5365 .vacancies__item u {
5362 font-size: 18px; 5366 font-size: 18px;
5363 } 5367 }
5364 } 5368 }
5365 .vacancies__item i { 5369 .vacancies__item i {
5366 font-size: 12px; 5370 font-size: 12px;
5367 font-style: normal; 5371 font-style: normal;
5368 border-bottom: 1px dashed #377d87; 5372 border-bottom: 1px dashed #377d87;
5369 } 5373 }
5370 @media (min-width: 992px) { 5374 @media (min-width: 992px) {
5371 .vacancies__item i { 5375 .vacancies__item i {
5372 font-size: 16px; 5376 font-size: 16px;
5373 } 5377 }
5374 } 5378 }
5375 .vacancies__item i span { 5379 .vacancies__item i span {
5376 font-weight: 700; 5380 font-weight: 700;
5377 color: #377d87; 5381 color: #377d87;
5378 } 5382 }
5379 .vacancies__body.active .vacancies__list .vacancies__item { 5383 .vacancies__body.active .vacancies__list .vacancies__item {
5380 display: -webkit-box; 5384 display: -webkit-box;
5381 display: -ms-flexbox; 5385 display: -ms-flexbox;
5382 display: flex; 5386 display: flex;
5383 } 5387 }
5384 5388
5385 .employer { 5389 .employer {
5386 padding-bottom: 50px; 5390 padding-bottom: 50px;
5387 } 5391 }
5388 @media (min-width: 768px) { 5392 @media (min-width: 768px) {
5389 .employer { 5393 .employer {
5390 padding-bottom: 100px; 5394 padding-bottom: 100px;
5391 } 5395 }
5392 } 5396 }
5393 .employer .swiper { 5397 .employer .swiper {
5394 margin: 20px 0; 5398 margin: 20px 0;
5395 } 5399 }
5396 @media (min-width: 768px) { 5400 @media (min-width: 768px) {
5397 .employer .swiper { 5401 .employer .swiper {
5398 display: none; 5402 display: none;
5399 } 5403 }
5400 } 5404 }
5401 .employer__item { 5405 .employer__item {
5402 display: -webkit-box; 5406 display: -webkit-box;
5403 display: -ms-flexbox; 5407 display: -ms-flexbox;
5404 display: flex; 5408 display: flex;
5405 -webkit-box-orient: vertical; 5409 -webkit-box-orient: vertical;
5406 -webkit-box-direction: normal; 5410 -webkit-box-direction: normal;
5407 -ms-flex-direction: column; 5411 -ms-flex-direction: column;
5408 flex-direction: column; 5412 flex-direction: column;
5409 gap: 30px; 5413 gap: 30px;
5410 } 5414 }
5411 .employer__item a { 5415 .employer__item a {
5412 display: -webkit-box; 5416 display: -webkit-box;
5413 display: -ms-flexbox; 5417 display: -ms-flexbox;
5414 display: flex; 5418 display: flex;
5415 -webkit-box-orient: vertical; 5419 -webkit-box-orient: vertical;
5416 -webkit-box-direction: normal; 5420 -webkit-box-direction: normal;
5417 -ms-flex-direction: column; 5421 -ms-flex-direction: column;
5418 flex-direction: column; 5422 flex-direction: column;
5419 -webkit-box-align: center; 5423 -webkit-box-align: center;
5420 -ms-flex-align: center; 5424 -ms-flex-align: center;
5421 align-items: center; 5425 align-items: center;
5422 } 5426 }
5423 .employer__item img { 5427 .employer__item img {
5424 width: 100%; 5428 width: 100%;
5425 aspect-ratio: 295/98; 5429 aspect-ratio: 295/98;
5426 -o-object-fit: contain; 5430 -o-object-fit: contain;
5427 object-fit: contain; 5431 object-fit: contain;
5428 } 5432 }
5429 .employer__body { 5433 .employer__body {
5430 display: none; 5434 display: none;
5431 grid-template-columns: 1fr 1fr; 5435 grid-template-columns: 1fr 1fr;
5432 gap: 30px; 5436 gap: 30px;
5433 margin-top: 30px; 5437 margin-top: 30px;
5434 margin-bottom: 40px; 5438 margin-bottom: 40px;
5435 } 5439 }
5436 @media (min-width: 768px) { 5440 @media (min-width: 768px) {
5437 .employer__body { 5441 .employer__body {
5438 display: grid; 5442 display: grid;
5439 } 5443 }
5440 } 5444 }
5441 @media (min-width: 992px) { 5445 @media (min-width: 992px) {
5442 .employer__body { 5446 .employer__body {
5443 grid-template-columns: 1fr 1fr 1fr; 5447 grid-template-columns: 1fr 1fr 1fr;
5444 } 5448 }
5445 } 5449 }
5446 @media (min-width: 1280px) { 5450 @media (min-width: 1280px) {
5447 .employer__body { 5451 .employer__body {
5448 grid-template-columns: 1fr 1fr 1fr 1fr; 5452 grid-template-columns: 1fr 1fr 1fr 1fr;
5449 } 5453 }
5450 } 5454 }
5451 .employer__body a { 5455 .employer__body a {
5452 display: -webkit-box; 5456 display: -webkit-box;
5453 display: -ms-flexbox; 5457 display: -ms-flexbox;
5454 display: flex; 5458 display: flex;
5455 -webkit-box-pack: center; 5459 -webkit-box-pack: center;
5456 -ms-flex-pack: center; 5460 -ms-flex-pack: center;
5457 justify-content: center; 5461 justify-content: center;
5458 -webkit-box-align: center; 5462 -webkit-box-align: center;
5459 -ms-flex-align: center; 5463 -ms-flex-align: center;
5460 align-items: center; 5464 align-items: center;
5461 height: 98px; 5465 height: 98px;
5462 } 5466 }
5463 .employer__body img { 5467 .employer__body img {
5464 max-width: 100%; 5468 max-width: 100%;
5465 max-height: 98px; 5469 max-height: 98px;
5466 -o-object-fit: contain; 5470 -o-object-fit: contain;
5467 object-fit: contain; 5471 object-fit: contain;
5468 } 5472 }
5469 .employer__more { 5473 .employer__more {
5470 height: 38px; 5474 height: 38px;
5471 } 5475 }
5472 @media (min-width: 768px) { 5476 @media (min-width: 768px) {
5473 .employer__more { 5477 .employer__more {
5474 width: 250px; 5478 width: 250px;
5475 margin: 0 auto; 5479 margin: 0 auto;
5476 height: 44px; 5480 height: 44px;
5477 } 5481 }
5478 } 5482 }
5479 5483
5480 .about { 5484 .about {
5481 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5485 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5482 background-size: cover; 5486 background-size: cover;
5483 padding: 30px 0; 5487 padding: 30px 0;
5484 padding-bottom: 70px; 5488 padding-bottom: 70px;
5485 } 5489 }
5486 @media (min-width: 768px) { 5490 @media (min-width: 768px) {
5487 .about { 5491 .about {
5488 padding-top: 40px; 5492 padding-top: 40px;
5489 background-size: auto calc(100% - 10px); 5493 background-size: auto calc(100% - 10px);
5490 } 5494 }
5491 } 5495 }
5492 @media (min-width: 1280px) { 5496 @media (min-width: 1280px) {
5493 .about { 5497 .about {
5494 padding: 100px 0; 5498 padding: 100px 0;
5495 } 5499 }
5496 } 5500 }
5497 .about__wrapper { 5501 .about__wrapper {
5498 display: -webkit-box; 5502 display: -webkit-box;
5499 display: -ms-flexbox; 5503 display: -ms-flexbox;
5500 display: flex; 5504 display: flex;
5501 -webkit-box-orient: vertical; 5505 -webkit-box-orient: vertical;
5502 -webkit-box-direction: normal; 5506 -webkit-box-direction: normal;
5503 -ms-flex-direction: column; 5507 -ms-flex-direction: column;
5504 flex-direction: column; 5508 flex-direction: column;
5505 position: relative; 5509 position: relative;
5506 } 5510 }
5507 .about__title { 5511 .about__title {
5508 color: #fff; 5512 color: #fff;
5509 line-height: 1.2; 5513 line-height: 1.2;
5510 } 5514 }
5511 @media (min-width: 1280px) { 5515 @media (min-width: 1280px) {
5512 .about__title { 5516 .about__title {
5513 position: absolute; 5517 position: absolute;
5514 top: -45px; 5518 top: -45px;
5515 left: 0; 5519 left: 0;
5516 } 5520 }
5517 } 5521 }
5518 .about__body { 5522 .about__body {
5519 display: -webkit-box; 5523 display: -webkit-box;
5520 display: -ms-flexbox; 5524 display: -ms-flexbox;
5521 display: flex; 5525 display: flex;
5522 -webkit-box-orient: vertical; 5526 -webkit-box-orient: vertical;
5523 -webkit-box-direction: normal; 5527 -webkit-box-direction: normal;
5524 -ms-flex-direction: column; 5528 -ms-flex-direction: column;
5525 flex-direction: column; 5529 flex-direction: column;
5526 } 5530 }
5527 @media (min-width: 1280px) { 5531 @media (min-width: 1280px) {
5528 .about__body { 5532 .about__body {
5529 padding-left: 495px; 5533 padding-left: 495px;
5530 } 5534 }
5531 } 5535 }
5532 .about__line { 5536 .about__line {
5533 background: #fff; 5537 background: #fff;
5534 width: 100%; 5538 width: 100%;
5535 height: 1px; 5539 height: 1px;
5536 max-width: 400px; 5540 max-width: 400px;
5537 margin-top: 10px; 5541 margin-top: 10px;
5538 } 5542 }
5539 .about__item { 5543 .about__item {
5540 display: -webkit-box; 5544 display: -webkit-box;
5541 display: -ms-flexbox; 5545 display: -ms-flexbox;
5542 display: flex; 5546 display: flex;
5543 -webkit-box-orient: vertical; 5547 -webkit-box-orient: vertical;
5544 -webkit-box-direction: normal; 5548 -webkit-box-direction: normal;
5545 -ms-flex-direction: column; 5549 -ms-flex-direction: column;
5546 flex-direction: column; 5550 flex-direction: column;
5547 margin-top: 10px; 5551 margin-top: 10px;
5548 max-width: 600px; 5552 max-width: 600px;
5549 } 5553 }
5550 @media (min-width: 768px) { 5554 @media (min-width: 768px) {
5551 .about__item { 5555 .about__item {
5552 margin-top: 20px; 5556 margin-top: 20px;
5553 } 5557 }
5554 } 5558 }
5555 @media (min-width: 1280px) { 5559 @media (min-width: 1280px) {
5556 .about__item { 5560 .about__item {
5557 margin-top: 30px; 5561 margin-top: 30px;
5558 } 5562 }
5559 } 5563 }
5560 .about__item b { 5564 .about__item b {
5561 font-size: 20px; 5565 font-size: 20px;
5562 font-weight: 700; 5566 font-weight: 700;
5563 } 5567 }
5564 .about__item span { 5568 .about__item span {
5565 font-size: 13px; 5569 font-size: 13px;
5566 line-height: 1.4; 5570 line-height: 1.4;
5567 margin-top: 6px; 5571 margin-top: 6px;
5568 } 5572 }
5569 @media (min-width: 1280px) { 5573 @media (min-width: 1280px) {
5570 .about__item span { 5574 .about__item span {
5571 font-size: 16px; 5575 font-size: 16px;
5572 margin-top: 12px; 5576 margin-top: 12px;
5573 } 5577 }
5574 } 5578 }
5575 .about__item a { 5579 .about__item a {
5576 text-decoration: underline; 5580 text-decoration: underline;
5577 } 5581 }
5578 .about__item + .about__item { 5582 .about__item + .about__item {
5579 margin-top: 30px; 5583 margin-top: 30px;
5580 } 5584 }
5581 @media (min-width: 992px) { 5585 @media (min-width: 992px) {
5582 .about__item + .about__item { 5586 .about__item + .about__item {
5583 margin-top: 40px; 5587 margin-top: 40px;
5584 } 5588 }
5585 } 5589 }
5586 .about__button { 5590 .about__button {
5587 margin-top: 20px; 5591 margin-top: 20px;
5588 height: 38px; 5592 height: 38px;
5589 padding: 0; 5593 padding: 0;
5590 } 5594 }
5591 @media (min-width: 768px) { 5595 @media (min-width: 768px) {
5592 .about__button { 5596 .about__button {
5593 max-width: 200px; 5597 max-width: 200px;
5594 height: 42px; 5598 height: 42px;
5595 margin-top: 30px; 5599 margin-top: 30px;
5596 } 5600 }
5597 } 5601 }
5598 5602
5599 .news { 5603 .news {
5600 padding: 50px 0; 5604 padding: 50px 0;
5601 overflow: hidden; 5605 overflow: hidden;
5602 } 5606 }
5603 @media (min-width: 1280px) { 5607 @media (min-width: 1280px) {
5604 .news { 5608 .news {
5605 padding: 100px 0; 5609 padding: 100px 0;
5606 padding-bottom: 0; 5610 padding-bottom: 0;
5607 } 5611 }
5608 } 5612 }
5609 .news__toper { 5613 .news__toper {
5610 display: -webkit-box; 5614 display: -webkit-box;
5611 display: -ms-flexbox; 5615 display: -ms-flexbox;
5612 display: flex; 5616 display: flex;
5613 -webkit-box-pack: justify; 5617 -webkit-box-pack: justify;
5614 -ms-flex-pack: justify; 5618 -ms-flex-pack: justify;
5615 justify-content: space-between; 5619 justify-content: space-between;
5616 -webkit-box-align: center; 5620 -webkit-box-align: center;
5617 -ms-flex-align: center; 5621 -ms-flex-align: center;
5618 align-items: center; 5622 align-items: center;
5619 } 5623 }
5620 @media (min-width: 1280px) { 5624 @media (min-width: 1280px) {
5621 .news__toper .title { 5625 .news__toper .title {
5622 width: calc(100% - 160px); 5626 width: calc(100% - 160px);
5623 } 5627 }
5624 } 5628 }
5625 .news__toper .navs { 5629 .news__toper .navs {
5626 display: none; 5630 display: none;
5627 } 5631 }
5628 @media (min-width: 1280px) { 5632 @media (min-width: 1280px) {
5629 .news__toper .navs { 5633 .news__toper .navs {
5630 display: -webkit-box; 5634 display: -webkit-box;
5631 display: -ms-flexbox; 5635 display: -ms-flexbox;
5632 display: flex; 5636 display: flex;
5633 } 5637 }
5634 } 5638 }
5635 .news .swiper { 5639 .news .swiper {
5636 margin-top: 20px; 5640 margin-top: 20px;
5637 } 5641 }
5638 @media (min-width: 768px) { 5642 @media (min-width: 768px) {
5639 .news .swiper { 5643 .news .swiper {
5640 overflow: visible; 5644 overflow: visible;
5641 } 5645 }
5642 } 5646 }
5643 @media (min-width: 992px) { 5647 @media (min-width: 992px) {
5644 .news .swiper { 5648 .news .swiper {
5645 margin-top: 40px; 5649 margin-top: 40px;
5646 } 5650 }
5647 } 5651 }
5648 .news__item { 5652 .news__item {
5649 display: -webkit-box; 5653 display: -webkit-box;
5650 display: -ms-flexbox; 5654 display: -ms-flexbox;
5651 display: flex; 5655 display: flex;
5652 -webkit-box-orient: vertical; 5656 -webkit-box-orient: vertical;
5653 -webkit-box-direction: normal; 5657 -webkit-box-direction: normal;
5654 -ms-flex-direction: column; 5658 -ms-flex-direction: column;
5655 flex-direction: column; 5659 flex-direction: column;
5656 line-height: 1.4; 5660 line-height: 1.4;
5657 } 5661 }
5658 .news__item-pic { 5662 .news__item-pic {
5659 width: 100%; 5663 width: 100%;
5660 aspect-ratio: 3/2; 5664 aspect-ratio: 3/2;
5661 border-radius: 12px; 5665 border-radius: 12px;
5662 border: 1px solid #e6e7e7; 5666 border: 1px solid #e6e7e7;
5663 -o-object-fit: cover; 5667 -o-object-fit: cover;
5664 object-fit: cover; 5668 object-fit: cover;
5665 min-height: 200px; 5669 min-height: 200px;
5666 } 5670 }
5667 @media (min-width: 1280px) { 5671 @media (min-width: 1280px) {
5668 .news__item-pic { 5672 .news__item-pic {
5669 aspect-ratio: 4/2; 5673 aspect-ratio: 4/2;
5670 } 5674 }
5671 } 5675 }
5672 .news__item-body { 5676 .news__item-body {
5673 display: -webkit-box; 5677 display: -webkit-box;
5674 display: -ms-flexbox; 5678 display: -ms-flexbox;
5675 display: flex; 5679 display: flex;
5676 -webkit-box-orient: vertical; 5680 -webkit-box-orient: vertical;
5677 -webkit-box-direction: normal; 5681 -webkit-box-direction: normal;
5678 -ms-flex-direction: column; 5682 -ms-flex-direction: column;
5679 flex-direction: column; 5683 flex-direction: column;
5680 padding-top: 15px; 5684 padding-top: 15px;
5681 } 5685 }
5682 @media (min-width: 768px) { 5686 @media (min-width: 768px) {
5683 .news__item-body { 5687 .news__item-body {
5684 padding: 20px; 5688 padding: 20px;
5685 padding-top: 30px; 5689 padding-top: 30px;
5686 margin-top: -15px; 5690 margin-top: -15px;
5687 border-radius: 0 0 12px 12px; 5691 border-radius: 0 0 12px 12px;
5688 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5692 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5689 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5693 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5690 } 5694 }
5691 } 5695 }
5692 .news__item-date { 5696 .news__item-date {
5693 font-size: 14px; 5697 font-size: 14px;
5694 font-weight: 700; 5698 font-weight: 700;
5695 color: #377d87; 5699 color: #377d87;
5696 } 5700 }
5697 .news__item-title { 5701 .news__item-title {
5698 font-size: 20px; 5702 font-size: 20px;
5699 font-weight: 700; 5703 font-weight: 700;
5700 line-height: 1.2; 5704 line-height: 1.2;
5701 margin-top: 5px; 5705 margin-top: 5px;
5702 } 5706 }
5703 .news__item-text { 5707 .news__item-text {
5704 color: #000; 5708 color: #000;
5705 font-size: 13px; 5709 font-size: 13px;
5706 margin-top: 10px; 5710 margin-top: 10px;
5707 overflow: hidden; 5711 overflow: hidden;
5708 display: -webkit-box; 5712 display: -webkit-box;
5709 -webkit-box-orient: vertical; 5713 -webkit-box-orient: vertical;
5710 -webkit-line-clamp: 4; 5714 -webkit-line-clamp: 4;
5711 } 5715 }
5712 @media (min-width: 1280px) { 5716 @media (min-width: 1280px) {
5713 .news__item-text { 5717 .news__item-text {
5714 font-size: 16px; 5718 font-size: 16px;
5715 } 5719 }
5716 } 5720 }
5717 .news__item-more { 5721 .news__item-more {
5718 height: 42px; 5722 height: 42px;
5719 margin-top: 20px; 5723 margin-top: 20px;
5720 } 5724 }
5721 @media (min-width: 1280px) { 5725 @media (min-width: 1280px) {
5722 .news__item-more { 5726 .news__item-more {
5723 height: 44px; 5727 height: 44px;
5724 max-width: 190px; 5728 max-width: 190px;
5725 } 5729 }
5726 } 5730 }
5727 .news__all { 5731 .news__all {
5728 height: 42px; 5732 height: 42px;
5729 margin: 0 auto; 5733 margin: 0 auto;
5730 margin-top: 20px; 5734 margin-top: 20px;
5731 padding: 0; 5735 padding: 0;
5732 display: none; 5736 display: none;
5733 } 5737 }
5734 @media (min-width: 768px) { 5738 @media (min-width: 768px) {
5735 .news__all { 5739 .news__all {
5736 max-width: 170px; 5740 max-width: 170px;
5737 margin-top: 30px; 5741 margin-top: 30px;
5738 display: -webkit-box; 5742 display: -webkit-box;
5739 display: -ms-flexbox; 5743 display: -ms-flexbox;
5740 display: flex; 5744 display: flex;
5741 } 5745 }
5742 } 5746 }
5743 @media (min-width: 1280px) { 5747 @media (min-width: 1280px) {
5744 .news__all { 5748 .news__all {
5745 height: 44px; 5749 height: 44px;
5746 } 5750 }
5747 } 5751 }
5748 .news__items { 5752 .news__items {
5749 display: grid; 5753 display: grid;
5750 gap: 20px; 5754 gap: 20px;
5751 margin-bottom: 10px; 5755 margin-bottom: 10px;
5752 } 5756 }
5753 @media (min-width: 768px) { 5757 @media (min-width: 768px) {
5754 .news__items { 5758 .news__items {
5755 grid-template-columns: 1fr 1fr; 5759 grid-template-columns: 1fr 1fr;
5756 } 5760 }
5757 } 5761 }
5758 @media (min-width: 992px) { 5762 @media (min-width: 992px) {
5759 .news__items { 5763 .news__items {
5760 grid-template-columns: 1fr 1fr 1fr; 5764 grid-template-columns: 1fr 1fr 1fr;
5761 } 5765 }
5762 } 5766 }
5763 5767
5764 main + .news { 5768 main + .news {
5765 padding: 0; 5769 padding: 0;
5766 } 5770 }
5767 5771
5768 .info { 5772 .info {
5769 position: relative; 5773 position: relative;
5770 overflow: hidden; 5774 overflow: hidden;
5771 } 5775 }
5772 @media (min-width: 1280px) { 5776 @media (min-width: 1280px) {
5773 .info { 5777 .info {
5774 margin-bottom: -25px; 5778 margin-bottom: -25px;
5775 } 5779 }
5776 } 5780 }
5777 .info__pic { 5781 .info__pic {
5778 display: none; 5782 display: none;
5779 z-index: 1; 5783 z-index: 1;
5780 position: absolute; 5784 position: absolute;
5781 top: 0; 5785 top: 0;
5782 left: 50%; 5786 left: 50%;
5783 height: 100%; 5787 height: 100%;
5784 margin-left: 130px; 5788 margin-left: 130px;
5785 } 5789 }
5786 @media (min-width: 992px) { 5790 @media (min-width: 992px) {
5787 .info__pic { 5791 .info__pic {
5788 display: block; 5792 display: block;
5789 } 5793 }
5790 } 5794 }
5791 @media (min-width: 1280px) { 5795 @media (min-width: 1280px) {
5792 .info__pic { 5796 .info__pic {
5793 width: 610px; 5797 width: 610px;
5794 height: auto; 5798 height: auto;
5795 margin-left: 10px; 5799 margin-left: 10px;
5796 } 5800 }
5797 } 5801 }
5798 .info__body { 5802 .info__body {
5799 z-index: 2; 5803 z-index: 2;
5800 position: relative; 5804 position: relative;
5801 display: -webkit-box; 5805 display: -webkit-box;
5802 display: -ms-flexbox; 5806 display: -ms-flexbox;
5803 display: flex; 5807 display: flex;
5804 -webkit-box-orient: vertical; 5808 -webkit-box-orient: vertical;
5805 -webkit-box-direction: normal; 5809 -webkit-box-direction: normal;
5806 -ms-flex-direction: column; 5810 -ms-flex-direction: column;
5807 flex-direction: column; 5811 flex-direction: column;
5808 } 5812 }
5809 @media (min-width: 1280px) { 5813 @media (min-width: 1280px) {
5810 .info__body { 5814 .info__body {
5811 padding-top: 100px; 5815 padding-top: 100px;
5812 min-height: 600px; 5816 min-height: 600px;
5813 } 5817 }
5814 } 5818 }
5815 @media (min-width: 1280px) { 5819 @media (min-width: 1280px) {
5816 .info__title { 5820 .info__title {
5817 max-width: 520px; 5821 max-width: 520px;
5818 line-height: 1; 5822 line-height: 1;
5819 } 5823 }
5820 } 5824 }
5821 .info__item { 5825 .info__item {
5822 margin-top: 20px; 5826 margin-top: 20px;
5823 display: -webkit-box; 5827 display: -webkit-box;
5824 display: -ms-flexbox; 5828 display: -ms-flexbox;
5825 display: flex; 5829 display: flex;
5826 -webkit-box-orient: vertical; 5830 -webkit-box-orient: vertical;
5827 -webkit-box-direction: normal; 5831 -webkit-box-direction: normal;
5828 -ms-flex-direction: column; 5832 -ms-flex-direction: column;
5829 flex-direction: column; 5833 flex-direction: column;
5830 gap: 20px; 5834 gap: 20px;
5831 } 5835 }
5832 @media (min-width: 992px) { 5836 @media (min-width: 992px) {
5833 .info__item { 5837 .info__item {
5834 max-width: 610px; 5838 max-width: 610px;
5835 } 5839 }
5836 } 5840 }
5837 .info__item + .info__item { 5841 .info__item + .info__item {
5838 margin-top: 60px; 5842 margin-top: 60px;
5839 } 5843 }
5840 .info__text { 5844 .info__text {
5841 color: #000; 5845 color: #000;
5842 font-size: 13px; 5846 font-size: 13px;
5843 line-height: 1.4; 5847 line-height: 1.4;
5844 } 5848 }
5845 @media (min-width: 768px) { 5849 @media (min-width: 768px) {
5846 .info__text { 5850 .info__text {
5847 font-size: 16px; 5851 font-size: 16px;
5848 } 5852 }
5849 } 5853 }
5850 @media (min-width: 1280px) { 5854 @media (min-width: 1280px) {
5851 .info__text { 5855 .info__text {
5852 font-size: 18px; 5856 font-size: 18px;
5853 } 5857 }
5854 } 5858 }
5855 .info__link { 5859 .info__link {
5856 border-radius: 8px; 5860 border-radius: 8px;
5857 display: -webkit-box; 5861 display: -webkit-box;
5858 display: -ms-flexbox; 5862 display: -ms-flexbox;
5859 display: flex; 5863 display: flex;
5860 -webkit-box-pack: center; 5864 -webkit-box-pack: center;
5861 -ms-flex-pack: center; 5865 -ms-flex-pack: center;
5862 justify-content: center; 5866 justify-content: center;
5863 -webkit-box-align: center; 5867 -webkit-box-align: center;
5864 -ms-flex-align: center; 5868 -ms-flex-align: center;
5865 align-items: center; 5869 align-items: center;
5866 line-height: 1; 5870 line-height: 1;
5867 height: 40px; 5871 height: 40px;
5868 font-size: 12px; 5872 font-size: 12px;
5869 font-weight: 700; 5873 font-weight: 700;
5870 gap: 8px; 5874 gap: 8px;
5871 color: #fff; 5875 color: #fff;
5872 background: #377d87; 5876 background: #377d87;
5873 } 5877 }
5874 .info__link:hover { 5878 .info__link:hover {
5875 -webkit-filter: grayscale(50%); 5879 -webkit-filter: grayscale(50%);
5876 filter: grayscale(50%); 5880 filter: grayscale(50%);
5877 } 5881 }
5878 @media (min-width: 768px) { 5882 @media (min-width: 768px) {
5879 .info__link { 5883 .info__link {
5880 height: 44px; 5884 height: 44px;
5881 font-size: 16px; 5885 font-size: 16px;
5882 gap: 10px; 5886 gap: 10px;
5883 max-width: 300px; 5887 max-width: 300px;
5884 } 5888 }
5885 } 5889 }
5886 @media (min-width: 992px) { 5890 @media (min-width: 992px) {
5887 .info__link { 5891 .info__link {
5888 max-width: 210px; 5892 max-width: 210px;
5889 } 5893 }
5890 } 5894 }
5891 .info__link svg { 5895 .info__link svg {
5892 width: 16px; 5896 width: 16px;
5893 height: 16px; 5897 height: 16px;
5894 } 5898 }
5895 @media (min-width: 768px) { 5899 @media (min-width: 768px) {
5896 .info__link svg { 5900 .info__link svg {
5897 width: 20px; 5901 width: 20px;
5898 height: 20px; 5902 height: 20px;
5899 } 5903 }
5900 } 5904 }
5901 5905
5902 .thing { 5906 .thing {
5903 padding-top: 15px; 5907 padding-top: 15px;
5904 padding-bottom: 30px; 5908 padding-bottom: 30px;
5905 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5909 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5906 color: #000; 5910 color: #000;
5907 overflow: hidden; 5911 overflow: hidden;
5908 position: relative; 5912 position: relative;
5909 } 5913 }
5910 @media (min-width: 992px) { 5914 @media (min-width: 992px) {
5911 .thing { 5915 .thing {
5912 padding-top: 20px; 5916 padding-top: 20px;
5913 padding-bottom: 60px; 5917 padding-bottom: 60px;
5914 } 5918 }
5915 } 5919 }
5916 @media (min-width: 1280px) { 5920 @media (min-width: 1280px) {
5917 .thing { 5921 .thing {
5918 padding-bottom: 90px; 5922 padding-bottom: 90px;
5919 } 5923 }
5920 } 5924 }
5921 .thing_pdf { 5925 .thing_pdf {
5922 padding: 30px 0; 5926 padding: 30px 0;
5923 } 5927 }
5924 @media (min-width: 992px) { 5928 @media (min-width: 992px) {
5925 .thing_pdf { 5929 .thing_pdf {
5926 padding: 60px 0; 5930 padding: 60px 0;
5927 } 5931 }
5928 } 5932 }
5929 @media (min-width: 1280px) { 5933 @media (min-width: 1280px) {
5930 .thing_pdf { 5934 .thing_pdf {
5931 padding: 90px 0; 5935 padding: 90px 0;
5932 } 5936 }
5933 } 5937 }
5934 .thing__body { 5938 .thing__body {
5935 display: -webkit-box; 5939 display: -webkit-box;
5936 display: -ms-flexbox; 5940 display: -ms-flexbox;
5937 display: flex; 5941 display: flex;
5938 -webkit-box-orient: vertical; 5942 -webkit-box-orient: vertical;
5939 -webkit-box-direction: normal; 5943 -webkit-box-direction: normal;
5940 -ms-flex-direction: column; 5944 -ms-flex-direction: column;
5941 flex-direction: column; 5945 flex-direction: column;
5942 -webkit-box-align: start; 5946 -webkit-box-align: start;
5943 -ms-flex-align: start; 5947 -ms-flex-align: start;
5944 align-items: flex-start; 5948 align-items: flex-start;
5945 } 5949 }
5946 .thing__breadcrumbs { 5950 .thing__breadcrumbs {
5947 width: 100%; 5951 width: 100%;
5948 margin-bottom: 40px; 5952 margin-bottom: 40px;
5949 position: relative; 5953 position: relative;
5950 z-index: 2; 5954 z-index: 2;
5951 } 5955 }
5952 @media (min-width: 768px) { 5956 @media (min-width: 768px) {
5953 .thing__breadcrumbs { 5957 .thing__breadcrumbs {
5954 margin-bottom: 60px; 5958 margin-bottom: 60px;
5955 } 5959 }
5956 } 5960 }
5957 .thing__date { 5961 .thing__date {
5958 color: #000; 5962 color: #000;
5959 font-size: 14px; 5963 font-size: 14px;
5960 font-weight: 700; 5964 font-weight: 700;
5961 line-height: 21px; 5965 line-height: 21px;
5962 margin-bottom: 10px; 5966 margin-bottom: 10px;
5963 } 5967 }
5964 @media (min-width: 768px) { 5968 @media (min-width: 768px) {
5965 .thing__date { 5969 .thing__date {
5966 font-size: 18px; 5970 font-size: 18px;
5967 line-height: 27px; 5971 line-height: 27px;
5968 } 5972 }
5969 } 5973 }
5970 .thing__title { 5974 .thing__title {
5971 width: 100%; 5975 width: 100%;
5972 font-size: 32px; 5976 font-size: 32px;
5973 font-weight: 700; 5977 font-weight: 700;
5974 margin: 0; 5978 margin: 0;
5975 max-width: 780px; 5979 max-width: 780px;
5976 position: relative; 5980 position: relative;
5977 z-index: 2; 5981 z-index: 2;
5978 line-height: 1.1; 5982 line-height: 1.1;
5979 } 5983 }
5980 @media (min-width: 768px) { 5984 @media (min-width: 768px) {
5981 .thing__title { 5985 .thing__title {
5982 font-size: 40px; 5986 font-size: 40px;
5983 } 5987 }
5984 } 5988 }
5985 @media (min-width: 1280px) { 5989 @media (min-width: 1280px) {
5986 .thing__title { 5990 .thing__title {
5987 font-size: 64px; 5991 font-size: 64px;
5988 } 5992 }
5989 } 5993 }
5990 .thing__text { 5994 .thing__text {
5991 width: 100%; 5995 width: 100%;
5992 font-weight: 700; 5996 font-weight: 700;
5993 font-size: 14px; 5997 font-size: 14px;
5994 line-height: 1.4; 5998 line-height: 1.4;
5995 margin: 15px 0 0 0; 5999 margin: 15px 0 0 0;
5996 max-width: 780px; 6000 max-width: 780px;
5997 position: relative; 6001 position: relative;
5998 z-index: 2; 6002 z-index: 2;
5999 } 6003 }
6000 @media (min-width: 768px) { 6004 @media (min-width: 768px) {
6001 .thing__text { 6005 .thing__text {
6002 margin-top: 15px; 6006 margin-top: 15px;
6003 } 6007 }
6004 } 6008 }
6005 @media (min-width: 992px) { 6009 @media (min-width: 992px) {
6006 .thing__text { 6010 .thing__text {
6007 font-weight: 400; 6011 font-weight: 400;
6008 font-size: 18px; 6012 font-size: 18px;
6009 } 6013 }
6010 } 6014 }
6011 .thing__search { 6015 .thing__search {
6012 width: 100%; 6016 width: 100%;
6013 max-width: 640px; 6017 max-width: 640px;
6014 margin-top: 20px; 6018 margin-top: 20px;
6015 position: relative; 6019 position: relative;
6016 z-index: 2; 6020 z-index: 2;
6017 } 6021 }
6018 @media (min-width: 768px) { 6022 @media (min-width: 768px) {
6019 .thing__search { 6023 .thing__search {
6020 margin-top: 30px; 6024 margin-top: 30px;
6021 } 6025 }
6022 } 6026 }
6023 .thing__badge { 6027 .thing__badge {
6024 position: relative; 6028 position: relative;
6025 z-index: 2; 6029 z-index: 2;
6026 display: -webkit-box; 6030 display: -webkit-box;
6027 display: -ms-flexbox; 6031 display: -ms-flexbox;
6028 display: flex; 6032 display: flex;
6029 -webkit-box-align: center; 6033 -webkit-box-align: center;
6030 -ms-flex-align: center; 6034 -ms-flex-align: center;
6031 align-items: center; 6035 align-items: center;
6032 gap: 5px; 6036 gap: 5px;
6033 padding: 0 12px; 6037 padding: 0 12px;
6034 background: #4d88d9; 6038 background: #4d88d9;
6035 color: #fff; 6039 color: #fff;
6036 font-size: 12px; 6040 font-size: 12px;
6037 line-height: 1; 6041 line-height: 1;
6038 height: 26px; 6042 height: 26px;
6039 border-radius: 999px; 6043 border-radius: 999px;
6040 margin-bottom: 20px; 6044 margin-bottom: 20px;
6041 } 6045 }
6042 @media (min-width: 992px) { 6046 @media (min-width: 992px) {
6043 .thing__badge { 6047 .thing__badge {
6044 font-size: 16px; 6048 font-size: 16px;
6045 gap: 10px; 6049 gap: 10px;
6046 padding: 0 24px; 6050 padding: 0 24px;
6047 height: 42px; 6051 height: 42px;
6048 margin-bottom: 30px; 6052 margin-bottom: 30px;
6049 } 6053 }
6050 } 6054 }
6051 .thing__badge svg { 6055 .thing__badge svg {
6052 width: 12px; 6056 width: 12px;
6053 height: 12px; 6057 height: 12px;
6054 } 6058 }
6055 @media (min-width: 992px) { 6059 @media (min-width: 992px) {
6056 .thing__badge svg { 6060 .thing__badge svg {
6057 width: 20px; 6061 width: 20px;
6058 height: 20px; 6062 height: 20px;
6059 } 6063 }
6060 } 6064 }
6061 .thing__pic { 6065 .thing__pic {
6062 width: 60px; 6066 width: 60px;
6063 aspect-ratio: 1/1; 6067 aspect-ratio: 1/1;
6064 -o-object-fit: contain; 6068 -o-object-fit: contain;
6065 object-fit: contain; 6069 object-fit: contain;
6066 position: relative; 6070 position: relative;
6067 z-index: 1; 6071 z-index: 1;
6068 margin-bottom: 15px; 6072 margin-bottom: 15px;
6069 } 6073 }
6070 @media (min-width: 768px) { 6074 @media (min-width: 768px) {
6071 .thing__pic { 6075 .thing__pic {
6072 width: 160px; 6076 width: 160px;
6073 position: absolute; 6077 position: absolute;
6074 top: 15px; 6078 top: 15px;
6075 right: 20px; 6079 right: 20px;
6076 } 6080 }
6077 } 6081 }
6078 @media (min-width: 992px) { 6082 @media (min-width: 992px) {
6079 .thing__pic { 6083 .thing__pic {
6080 width: 330px; 6084 width: 330px;
6081 top: 50%; 6085 top: 50%;
6082 -webkit-transform: translate(0, -50%); 6086 -webkit-transform: translate(0, -50%);
6083 -ms-transform: translate(0, -50%); 6087 -ms-transform: translate(0, -50%);
6084 transform: translate(0, -50%); 6088 transform: translate(0, -50%);
6085 } 6089 }
6086 } 6090 }
6087 @media (min-width: 1280px) { 6091 @media (min-width: 1280px) {
6088 .thing__pic { 6092 .thing__pic {
6089 right: auto; 6093 right: auto;
6090 left: 50%; 6094 left: 50%;
6091 margin-left: 200px; 6095 margin-left: 200px;
6092 } 6096 }
6093 } 6097 }
6094 .thing__pic_two { 6098 .thing__pic_two {
6095 -o-object-fit: cover; 6099 -o-object-fit: cover;
6096 object-fit: cover; 6100 object-fit: cover;
6097 border-radius: 30px; 6101 border-radius: 30px;
6098 aspect-ratio: 44/37; 6102 aspect-ratio: 44/37;
6099 width: 100%; 6103 width: 100%;
6100 max-width: 440px; 6104 max-width: 440px;
6101 } 6105 }
6102 @media (min-width: 768px) { 6106 @media (min-width: 768px) {
6103 .thing__pic_two { 6107 .thing__pic_two {
6104 position: static; 6108 position: static;
6105 -webkit-transform: translate(0, 0); 6109 -webkit-transform: translate(0, 0);
6106 -ms-transform: translate(0, 0); 6110 -ms-transform: translate(0, 0);
6107 transform: translate(0, 0); 6111 transform: translate(0, 0);
6108 } 6112 }
6109 } 6113 }
6110 @media (min-width: 1280px) { 6114 @media (min-width: 1280px) {
6111 .thing__pic_two { 6115 .thing__pic_two {
6112 position: absolute; 6116 position: absolute;
6113 -webkit-transform: translate(0, -50%); 6117 -webkit-transform: translate(0, -50%);
6114 -ms-transform: translate(0, -50%); 6118 -ms-transform: translate(0, -50%);
6115 transform: translate(0, -50%); 6119 transform: translate(0, -50%);
6116 } 6120 }
6117 } 6121 }
6118 .thing__buttons { 6122 .thing__buttons {
6119 width: 100%; 6123 width: 100%;
6120 position: relative; 6124 position: relative;
6121 z-index: 2; 6125 z-index: 2;
6122 display: -webkit-box; 6126 display: -webkit-box;
6123 display: -ms-flexbox; 6127 display: -ms-flexbox;
6124 display: flex; 6128 display: flex;
6125 -webkit-box-align: center; 6129 -webkit-box-align: center;
6126 -ms-flex-align: center; 6130 -ms-flex-align: center;
6127 align-items: center; 6131 align-items: center;
6128 gap: 20px; 6132 gap: 20px;
6129 margin-top: 15px; 6133 margin-top: 15px;
6130 } 6134 }
6131 @media (min-width: 992px) { 6135 @media (min-width: 992px) {
6132 .thing__buttons { 6136 .thing__buttons {
6133 margin-top: 30px; 6137 margin-top: 30px;
6134 gap: 30px; 6138 gap: 30px;
6135 } 6139 }
6136 } 6140 }
6137 @media (min-width: 992px) { 6141 @media (min-width: 992px) {
6138 .thing__buttons .button { 6142 .thing__buttons .button {
6139 padding: 0 22px; 6143 padding: 0 22px;
6140 } 6144 }
6141 } 6145 }
6142 .thing__checkbox { 6146 .thing__checkbox {
6143 margin-top: 20px; 6147 margin-top: 20px;
6144 } 6148 }
6145 .thing__checkbox .checkbox__icon { 6149 .thing__checkbox .checkbox__icon {
6146 border-color: #377d87; 6150 border-color: #377d87;
6147 } 6151 }
6148 .thing__checkbox .checkbox__text { 6152 .thing__checkbox .checkbox__text {
6149 color: #377d87; 6153 color: #377d87;
6150 } 6154 }
6151 .thing__profile { 6155 .thing__profile {
6152 display: -webkit-box; 6156 display: -webkit-box;
6153 display: -ms-flexbox; 6157 display: -ms-flexbox;
6154 display: flex; 6158 display: flex;
6155 -webkit-box-orient: vertical; 6159 -webkit-box-orient: vertical;
6156 -webkit-box-direction: normal; 6160 -webkit-box-direction: normal;
6157 -ms-flex-direction: column; 6161 -ms-flex-direction: column;
6158 flex-direction: column; 6162 flex-direction: column;
6159 } 6163 }
6160 @media (min-width: 768px) { 6164 @media (min-width: 768px) {
6161 .thing__profile { 6165 .thing__profile {
6162 -webkit-box-orient: horizontal; 6166 -webkit-box-orient: horizontal;
6163 -webkit-box-direction: normal; 6167 -webkit-box-direction: normal;
6164 -ms-flex-direction: row; 6168 -ms-flex-direction: row;
6165 flex-direction: row; 6169 flex-direction: row;
6166 -webkit-box-align: start; 6170 -webkit-box-align: start;
6167 -ms-flex-align: start; 6171 -ms-flex-align: start;
6168 align-items: flex-start; 6172 align-items: flex-start;
6169 } 6173 }
6170 } 6174 }
6171 .thing__profile-photo { 6175 .thing__profile-photo {
6172 width: 210px; 6176 width: 210px;
6173 border-radius: 8px; 6177 border-radius: 8px;
6174 aspect-ratio: 1/1; 6178 aspect-ratio: 1/1;
6175 } 6179 }
6176 .thing__profile-body { 6180 .thing__profile-body {
6177 display: -webkit-box; 6181 display: -webkit-box;
6178 display: -ms-flexbox; 6182 display: -ms-flexbox;
6179 display: flex; 6183 display: flex;
6180 -webkit-box-orient: vertical; 6184 -webkit-box-orient: vertical;
6181 -webkit-box-direction: normal; 6185 -webkit-box-direction: normal;
6182 -ms-flex-direction: column; 6186 -ms-flex-direction: column;
6183 flex-direction: column; 6187 flex-direction: column;
6184 margin-top: 15px; 6188 margin-top: 15px;
6185 } 6189 }
6186 @media (min-width: 768px) { 6190 @media (min-width: 768px) {
6187 .thing__profile-body { 6191 .thing__profile-body {
6188 width: calc(100% - 210px); 6192 width: calc(100% - 210px);
6189 padding-left: 35px; 6193 padding-left: 35px;
6190 } 6194 }
6191 } 6195 }
6192 .thing__profile .thing__title { 6196 .thing__profile .thing__title {
6193 max-width: none; 6197 max-width: none;
6194 } 6198 }
6195 @media (min-width: 768px) { 6199 @media (min-width: 768px) {
6196 .thing__profile .thing__title { 6200 .thing__profile .thing__title {
6197 margin-top: -20px; 6201 margin-top: -20px;
6198 } 6202 }
6199 } 6203 }
6200 .thing__profile .thing__text { 6204 .thing__profile .thing__text {
6201 max-width: none; 6205 max-width: none;
6202 } 6206 }
6203 .thing__bottom { 6207 .thing__bottom {
6204 display: -webkit-box; 6208 display: -webkit-box;
6205 display: -ms-flexbox; 6209 display: -ms-flexbox;
6206 display: flex; 6210 display: flex;
6207 -webkit-box-align: center; 6211 -webkit-box-align: center;
6208 -ms-flex-align: center; 6212 -ms-flex-align: center;
6209 align-items: center; 6213 align-items: center;
6210 gap: 15px; 6214 gap: 15px;
6211 margin-top: 15px; 6215 margin-top: 15px;
6212 } 6216 }
6213 @media (min-width: 768px) { 6217 @media (min-width: 768px) {
6214 .thing__bottom { 6218 .thing__bottom {
6215 margin-top: 30px; 6219 margin-top: 30px;
6216 } 6220 }
6217 } 6221 }
6218 .thing__select { 6222 .thing__select {
6219 width: 100%; 6223 width: 100%;
6220 max-width: 640px; 6224 max-width: 640px;
6221 margin-top: 20px; 6225 margin-top: 20px;
6222 } 6226 }
6223 @media (min-width: 768px) { 6227 @media (min-width: 768px) {
6224 .thing__select { 6228 .thing__select {
6225 margin-top: 30px; 6229 margin-top: 30px;
6226 } 6230 }
6227 } 6231 }
6228 6232
6229 .page-404 { 6233 .page-404 {
6230 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6234 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6231 overflow: hidden; 6235 overflow: hidden;
6232 } 6236 }
6233 .page-404__body { 6237 .page-404__body {
6234 display: -webkit-box; 6238 display: -webkit-box;
6235 display: -ms-flexbox; 6239 display: -ms-flexbox;
6236 display: flex; 6240 display: flex;
6237 -webkit-box-orient: vertical; 6241 -webkit-box-orient: vertical;
6238 -webkit-box-direction: normal; 6242 -webkit-box-direction: normal;
6239 -ms-flex-direction: column; 6243 -ms-flex-direction: column;
6240 flex-direction: column; 6244 flex-direction: column;
6241 -webkit-box-align: center; 6245 -webkit-box-align: center;
6242 -ms-flex-align: center; 6246 -ms-flex-align: center;
6243 align-items: center; 6247 align-items: center;
6244 -webkit-box-pack: center; 6248 -webkit-box-pack: center;
6245 -ms-flex-pack: center; 6249 -ms-flex-pack: center;
6246 justify-content: center; 6250 justify-content: center;
6247 text-align: center; 6251 text-align: center;
6248 padding: 60px 0; 6252 padding: 60px 0;
6249 color: #000; 6253 color: #000;
6250 font-size: 12px; 6254 font-size: 12px;
6251 gap: 10px; 6255 gap: 10px;
6252 line-height: 1.4; 6256 line-height: 1.4;
6253 } 6257 }
6254 @media (min-width: 768px) { 6258 @media (min-width: 768px) {
6255 .page-404__body { 6259 .page-404__body {
6256 font-size: 18px; 6260 font-size: 18px;
6257 padding: 120px 0; 6261 padding: 120px 0;
6258 gap: 20px; 6262 gap: 20px;
6259 } 6263 }
6260 } 6264 }
6261 @media (min-width: 1280px) { 6265 @media (min-width: 1280px) {
6262 .page-404__body { 6266 .page-404__body {
6263 padding: 180px 0; 6267 padding: 180px 0;
6264 text-align: left; 6268 text-align: left;
6265 } 6269 }
6266 } 6270 }
6267 .page-404__numb { 6271 .page-404__numb {
6268 font-size: 114px; 6272 font-size: 114px;
6269 line-height: 1; 6273 line-height: 1;
6270 color: #377d87; 6274 color: #377d87;
6271 font-weight: 700; 6275 font-weight: 700;
6272 } 6276 }
6273 @media (min-width: 768px) { 6277 @media (min-width: 768px) {
6274 .page-404__numb { 6278 .page-404__numb {
6275 font-size: 184px; 6279 font-size: 184px;
6276 } 6280 }
6277 } 6281 }
6278 @media (min-width: 768px) { 6282 @media (min-width: 768px) {
6279 .page-404__title { 6283 .page-404__title {
6280 font-weight: 700; 6284 font-weight: 700;
6281 font-size: 44px; 6285 font-size: 44px;
6282 } 6286 }
6283 } 6287 }
6284 @media (min-width: 1280px) { 6288 @media (min-width: 1280px) {
6285 .page-404__title { 6289 .page-404__title {
6286 width: 710px; 6290 width: 710px;
6287 position: relative; 6291 position: relative;
6288 left: 200px; 6292 left: 200px;
6289 } 6293 }
6290 } 6294 }
6291 @media (min-width: 1280px) { 6295 @media (min-width: 1280px) {
6292 .page-404__subtitle { 6296 .page-404__subtitle {
6293 width: 710px; 6297 width: 710px;
6294 position: relative; 6298 position: relative;
6295 left: 200px; 6299 left: 200px;
6296 } 6300 }
6297 } 6301 }
6298 .page-404__button { 6302 .page-404__button {
6299 margin-top: 10px; 6303 margin-top: 10px;
6300 } 6304 }
6301 @media (min-width: 1280px) { 6305 @media (min-width: 1280px) {
6302 .page-404__button { 6306 .page-404__button {
6303 position: relative; 6307 position: relative;
6304 left: -45px; 6308 left: -45px;
6305 } 6309 }
6306 } 6310 }
6307 6311
6308 .cookies { 6312 .cookies {
6309 display: none; 6313 display: none;
6310 -webkit-box-align: end; 6314 -webkit-box-align: end;
6311 -ms-flex-align: end; 6315 -ms-flex-align: end;
6312 align-items: flex-end; 6316 align-items: flex-end;
6313 padding: 10px; 6317 padding: 10px;
6314 padding-top: 0; 6318 padding-top: 0;
6315 height: 0; 6319 height: 0;
6316 position: fixed; 6320 position: fixed;
6317 z-index: 999; 6321 z-index: 999;
6318 bottom: 0; 6322 bottom: 0;
6319 left: 0; 6323 left: 0;
6320 width: 100%; 6324 width: 100%;
6321 } 6325 }
6322 .cookies-is-actived .cookies { 6326 .cookies-is-actived .cookies {
6323 display: -webkit-box; 6327 display: -webkit-box;
6324 display: -ms-flexbox; 6328 display: -ms-flexbox;
6325 display: flex; 6329 display: flex;
6326 } 6330 }
6327 .cookies__body { 6331 .cookies__body {
6328 border-radius: 6px; 6332 border-radius: 6px;
6329 border: 1px solid #377d87; 6333 border: 1px solid #377d87;
6330 background: #fff; 6334 background: #fff;
6331 padding: 15px; 6335 padding: 15px;
6332 padding-right: 50px; 6336 padding-right: 50px;
6333 position: relative; 6337 position: relative;
6334 max-width: 940px; 6338 max-width: 940px;
6335 margin: 0 auto; 6339 margin: 0 auto;
6336 } 6340 }
6337 @media (min-width: 768px) { 6341 @media (min-width: 768px) {
6338 .cookies__body { 6342 .cookies__body {
6339 padding: 25px; 6343 padding: 25px;
6340 padding-right: 50px; 6344 padding-right: 50px;
6341 border-radius: 12px; 6345 border-radius: 12px;
6342 } 6346 }
6343 } 6347 }
6344 @media (min-width: 992px) { 6348 @media (min-width: 992px) {
6345 .cookies__body { 6349 .cookies__body {
6346 padding: 40px 60px; 6350 padding: 40px 60px;
6347 } 6351 }
6348 } 6352 }
6349 .cookies__close { 6353 .cookies__close {
6350 display: -webkit-box; 6354 display: -webkit-box;
6351 display: -ms-flexbox; 6355 display: -ms-flexbox;
6352 display: flex; 6356 display: flex;
6353 -webkit-box-pack: center; 6357 -webkit-box-pack: center;
6354 -ms-flex-pack: center; 6358 -ms-flex-pack: center;
6355 justify-content: center; 6359 justify-content: center;
6356 -webkit-box-align: center; 6360 -webkit-box-align: center;
6357 -ms-flex-align: center; 6361 -ms-flex-align: center;
6358 align-items: center; 6362 align-items: center;
6359 color: #377d87; 6363 color: #377d87;
6360 padding: 0; 6364 padding: 0;
6361 border: none; 6365 border: none;
6362 background: none; 6366 background: none;
6363 position: absolute; 6367 position: absolute;
6364 top: 15px; 6368 top: 15px;
6365 right: 15px; 6369 right: 15px;
6366 } 6370 }
6367 .cookies__close:hover { 6371 .cookies__close:hover {
6368 color: #000; 6372 color: #000;
6369 } 6373 }
6370 .cookies__close svg { 6374 .cookies__close svg {
6371 width: 16px; 6375 width: 16px;
6372 height: 16px; 6376 height: 16px;
6373 } 6377 }
6374 .cookies__text { 6378 .cookies__text {
6375 font-size: 12px; 6379 font-size: 12px;
6376 color: #377d87; 6380 color: #377d87;
6377 line-height: 1.4; 6381 line-height: 1.4;
6378 } 6382 }
6379 @media (min-width: 768px) { 6383 @media (min-width: 768px) {
6380 .cookies__text { 6384 .cookies__text {
6381 font-size: 16px; 6385 font-size: 16px;
6382 font-weight: 700; 6386 font-weight: 700;
6383 } 6387 }
6384 } 6388 }
6385 6389
6386 .fancybox-active { 6390 .fancybox-active {
6387 overflow: hidden; 6391 overflow: hidden;
6388 } 6392 }
6389 .fancybox-is-open .fancybox-bg { 6393 .fancybox-is-open .fancybox-bg {
6390 background: #080b0b; 6394 background: #080b0b;
6391 opacity: 0.6; 6395 opacity: 0.6;
6392 z-index: 9999; 6396 z-index: 9999;
6393 } 6397 }
6394 .fancybox-slide { 6398 .fancybox-slide {
6395 padding: 0; 6399 padding: 0;
6396 } 6400 }
6397 @media (min-width: 992px) { 6401 @media (min-width: 992px) {
6398 .fancybox-slide { 6402 .fancybox-slide {
6399 padding: 30px; 6403 padding: 30px;
6400 } 6404 }
6401 } 6405 }
6402 .fancybox-slide--html .fancybox-close-small { 6406 .fancybox-slide--html .fancybox-close-small {
6403 padding: 0; 6407 padding: 0;
6404 opacity: 1; 6408 opacity: 1;
6405 color: #377d87; 6409 color: #377d87;
6406 } 6410 }
6407 @media (min-width: 768px) { 6411 @media (min-width: 768px) {
6408 .fancybox-slide--html .fancybox-close-small { 6412 .fancybox-slide--html .fancybox-close-small {
6409 top: 10px; 6413 top: 10px;
6410 right: 10px; 6414 right: 10px;
6411 } 6415 }
6412 } 6416 }
6413 .fancybox-slide--html .fancybox-close-small:hover { 6417 .fancybox-slide--html .fancybox-close-small:hover {
6414 color: #000; 6418 color: #000;
6415 } 6419 }
6416 6420
6417 .modal { 6421 .modal {
6418 width: 100%; 6422 width: 100%;
6419 max-width: 820px; 6423 max-width: 820px;
6420 padding: 0; 6424 padding: 0;
6421 background: #fff; 6425 background: #fff;
6422 z-index: 99999; 6426 z-index: 99999;
6423 } 6427 }
6424 @media (min-width: 992px) { 6428 @media (min-width: 992px) {
6425 .modal { 6429 .modal {
6426 border-radius: 10px; 6430 border-radius: 10px;
6427 border: 1px solid #377d87; 6431 border: 1px solid #377d87;
6428 } 6432 }
6429 } 6433 }
6430 .modal_bg { 6434 .modal_bg {
6431 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6435 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6432 } 6436 }
6433 @media (min-width: 768px) { 6437 @media (min-width: 768px) {
6434 .modal_bg { 6438 .modal_bg {
6435 background-position: 100% 100%; 6439 background-position: 100% 100%;
6436 } 6440 }
6437 } 6441 }
6438 .modal__body { 6442 .modal__body {
6439 padding: 40px 15px; 6443 padding: 40px 15px;
6440 padding-bottom: 30px; 6444 padding-bottom: 30px;
6441 display: -webkit-box; 6445 display: -webkit-box;
6442 display: -ms-flexbox; 6446 display: -ms-flexbox;
6443 display: flex; 6447 display: flex;
6444 -webkit-box-orient: vertical; 6448 -webkit-box-orient: vertical;
6445 -webkit-box-direction: normal; 6449 -webkit-box-direction: normal;
6446 -ms-flex-direction: column; 6450 -ms-flex-direction: column;
6447 flex-direction: column; 6451 flex-direction: column;
6448 -webkit-box-align: center; 6452 -webkit-box-align: center;
6449 -ms-flex-align: center; 6453 -ms-flex-align: center;
6450 align-items: center; 6454 align-items: center;
6451 -webkit-box-pack: center; 6455 -webkit-box-pack: center;
6452 -ms-flex-pack: center; 6456 -ms-flex-pack: center;
6453 justify-content: center; 6457 justify-content: center;
6454 width: 100%; 6458 width: 100%;
6455 min-height: 100vh; 6459 min-height: 100vh;
6456 overflow: hidden; 6460 overflow: hidden;
6457 font-size: 12px; 6461 font-size: 12px;
6458 } 6462 }
6459 @media (min-width: 768px) { 6463 @media (min-width: 768px) {
6460 .modal__body { 6464 .modal__body {
6461 font-size: 16px; 6465 font-size: 16px;
6462 padding-left: 22px; 6466 padding-left: 22px;
6463 padding-right: 22px; 6467 padding-right: 22px;
6464 } 6468 }
6465 } 6469 }
6466 @media (min-width: 992px) { 6470 @media (min-width: 992px) {
6467 .modal__body { 6471 .modal__body {
6468 min-height: 450px; 6472 min-height: 450px;
6469 padding: 60px 80px; 6473 padding: 60px 80px;
6470 padding-bottom: 40px; 6474 padding-bottom: 40px;
6471 } 6475 }
6472 } 6476 }
6473 @media (min-width: 768px) { 6477 @media (min-width: 768px) {
6474 .modal__body .left { 6478 .modal__body .left {
6475 text-align: left; 6479 text-align: left;
6476 } 6480 }
6477 } 6481 }
6478 .modal__title { 6482 .modal__title {
6479 width: 100%; 6483 width: 100%;
6480 font-size: 22px; 6484 font-size: 22px;
6481 font-weight: 700; 6485 font-weight: 700;
6482 text-align: center; 6486 text-align: center;
6483 color: #000; 6487 color: #000;
6484 } 6488 }
6485 @media (min-width: 768px) { 6489 @media (min-width: 768px) {
6486 .modal__title { 6490 .modal__title {
6487 font-size: 32px; 6491 font-size: 32px;
6488 } 6492 }
6489 } 6493 }
6490 @media (min-width: 992px) { 6494 @media (min-width: 992px) {
6491 .modal__title { 6495 .modal__title {
6492 font-size: 44px; 6496 font-size: 44px;
6493 } 6497 }
6494 } 6498 }
6495 .modal__text { 6499 .modal__text {
6496 width: 100%; 6500 width: 100%;
6497 text-align: center; 6501 text-align: center;
6498 margin-top: 10px; 6502 margin-top: 10px;
6499 color: #000; 6503 color: #000;
6500 } 6504 }
6501 @media (min-width: 768px) { 6505 @media (min-width: 768px) {
6502 .modal__text { 6506 .modal__text {
6503 margin-top: 20px; 6507 margin-top: 20px;
6504 } 6508 }
6505 } 6509 }
6506 .modal__text span { 6510 .modal__text span {
6507 color: #9c9d9d; 6511 color: #9c9d9d;
6508 } 6512 }
6509 .modal__text a { 6513 .modal__text a {
6510 font-weight: 700; 6514 font-weight: 700;
6511 color: #377d87; 6515 color: #377d87;
6512 } 6516 }
6513 .modal__text a:hover { 6517 .modal__text a:hover {
6514 color: #000; 6518 color: #000;
6515 } 6519 }
6516 .modal__button { 6520 .modal__button {
6517 margin-top: 20px; 6521 margin-top: 20px;
6518 } 6522 }
6519 @media (min-width: 768px) { 6523 @media (min-width: 768px) {
6520 .modal__button { 6524 .modal__button {
6521 min-width: 200px; 6525 min-width: 200px;
6522 margin-top: 30px; 6526 margin-top: 30px;
6523 } 6527 }
6524 } 6528 }
6525 .modal__buttons { 6529 .modal__buttons {
6526 display: grid; 6530 display: grid;
6527 grid-template-columns: repeat(2, 1fr); 6531 grid-template-columns: repeat(2, 1fr);
6528 gap: 20px; 6532 gap: 20px;
6529 margin-top: 20px; 6533 margin-top: 20px;
6530 } 6534 }
6531 @media (min-width: 768px) { 6535 @media (min-width: 768px) {
6532 .modal__buttons { 6536 .modal__buttons {
6533 gap: 30px; 6537 gap: 30px;
6534 margin-top: 30px; 6538 margin-top: 30px;
6535 } 6539 }
6536 } 6540 }
6537 .modal__form { 6541 .modal__form {
6538 width: 100%; 6542 width: 100%;
6539 display: -webkit-box; 6543 display: -webkit-box;
6540 display: -ms-flexbox; 6544 display: -ms-flexbox;
6541 display: flex; 6545 display: flex;
6542 -webkit-box-orient: vertical; 6546 -webkit-box-orient: vertical;
6543 -webkit-box-direction: normal; 6547 -webkit-box-direction: normal;
6544 -ms-flex-direction: column; 6548 -ms-flex-direction: column;
6545 flex-direction: column; 6549 flex-direction: column;
6546 gap: 16px; 6550 gap: 16px;
6547 margin-top: 10px; 6551 margin-top: 10px;
6548 } 6552 }
6549 @media (min-width: 768px) { 6553 @media (min-width: 768px) {
6550 .modal__form { 6554 .modal__form {
6551 margin-top: 20px; 6555 margin-top: 20px;
6552 } 6556 }
6553 } 6557 }
6554 .modal__form-item { 6558 .modal__form-item {
6555 display: -webkit-box; 6559 display: -webkit-box;
6556 display: -ms-flexbox; 6560 display: -ms-flexbox;
6557 display: flex; 6561 display: flex;
6558 -webkit-box-orient: vertical; 6562 -webkit-box-orient: vertical;
6559 -webkit-box-direction: normal; 6563 -webkit-box-direction: normal;
6560 -ms-flex-direction: column; 6564 -ms-flex-direction: column;
6561 flex-direction: column; 6565 flex-direction: column;
6562 -webkit-box-align: center; 6566 -webkit-box-align: center;
6563 -ms-flex-align: center; 6567 -ms-flex-align: center;
6564 align-items: center; 6568 align-items: center;
6565 gap: 4px; 6569 gap: 4px;
6566 } 6570 }
6567 .modal__form-item > .input { 6571 .modal__form-item > .input {
6568 width: 100%; 6572 width: 100%;
6569 } 6573 }
6570 .modal__form-item > .textarea { 6574 .modal__form-item > .textarea {
6571 width: 100%; 6575 width: 100%;
6572 height: 175px; 6576 height: 175px;
6573 } 6577 }
6574 @media (min-width: 768px) { 6578 @media (min-width: 768px) {
6575 .modal__form-item > .textarea { 6579 .modal__form-item > .textarea {
6576 height: 195px; 6580 height: 195px;
6577 } 6581 }
6578 } 6582 }
6579 .modal__form-item > .file { 6583 .modal__form-item > .file {
6580 width: 100%; 6584 width: 100%;
6581 } 6585 }
6582 .modal__form-item > .button { 6586 .modal__form-item > .button {
6583 min-width: 120px; 6587 min-width: 120px;
6584 } 6588 }
6585 .modal__form-item > label { 6589 .modal__form-item > label {
6586 width: 100%; 6590 width: 100%;
6587 display: none; 6591 display: none;
6588 color: #eb5757; 6592 color: #eb5757;
6589 padding: 0 10px; 6593 padding: 0 10px;
6590 font-size: 12px; 6594 font-size: 12px;
6591 } 6595 }
6592 @media (min-width: 768px) { 6596 @media (min-width: 768px) {
6593 .modal__form-item > label { 6597 .modal__form-item > label {
6594 padding: 0 20px; 6598 padding: 0 20px;
6595 font-size: 16px; 6599 font-size: 16px;
6596 } 6600 }
6597 } 6601 }
6598 .modal__sign { 6602 .modal__sign {
6599 display: -webkit-box; 6603 display: -webkit-box;
6600 display: -ms-flexbox; 6604 display: -ms-flexbox;
6601 display: flex; 6605 display: flex;
6602 -webkit-box-orient: vertical; 6606 -webkit-box-orient: vertical;
6603 -webkit-box-direction: normal; 6607 -webkit-box-direction: normal;
6604 -ms-flex-direction: column; 6608 -ms-flex-direction: column;
6605 flex-direction: column; 6609 flex-direction: column;
6606 gap: 20px; 6610 gap: 20px;
6607 margin-top: 10px; 6611 margin-top: 10px;
6608 margin-bottom: 20px; 6612 margin-bottom: 20px;
6609 width: 100%; 6613 width: 100%;
6610 } 6614 }
6611 @media (min-width: 768px) { 6615 @media (min-width: 768px) {
6612 .modal__sign { 6616 .modal__sign {
6613 margin-top: 20px; 6617 margin-top: 20px;
6614 margin-bottom: 40px; 6618 margin-bottom: 40px;
6615 } 6619 }
6616 } 6620 }
6617 .modal__sign-item { 6621 .modal__sign-item {
6618 display: -webkit-box; 6622 display: -webkit-box;
6619 display: -ms-flexbox; 6623 display: -ms-flexbox;
6620 display: flex; 6624 display: flex;
6621 -webkit-box-orient: vertical; 6625 -webkit-box-orient: vertical;
6622 -webkit-box-direction: normal; 6626 -webkit-box-direction: normal;
6623 -ms-flex-direction: column; 6627 -ms-flex-direction: column;
6624 flex-direction: column; 6628 flex-direction: column;
6625 -webkit-box-align: center; 6629 -webkit-box-align: center;
6626 -ms-flex-align: center; 6630 -ms-flex-align: center;
6627 align-items: center; 6631 align-items: center;
6628 position: relative; 6632 position: relative;
6629 } 6633 }
6630 .modal__sign-item > .input { 6634 .modal__sign-item > .input {
6631 width: 100%; 6635 width: 100%;
6632 padding-right: 36px; 6636 padding-right: 36px;
6633 position: relative; 6637 position: relative;
6634 z-index: 1; 6638 z-index: 1;
6635 } 6639 }
6636 @media (min-width: 768px) { 6640 @media (min-width: 768px) {
6637 .modal__sign-item > .input { 6641 .modal__sign-item > .input {
6638 height: 52px; 6642 height: 52px;
6639 padding-right: 60px; 6643 padding-right: 60px;
6640 } 6644 }
6641 } 6645 }
6642 .modal__sign-item > .textarea { 6646 .modal__sign-item > .textarea {
6643 width: 100%; 6647 width: 100%;
6644 } 6648 }
6645 .modal__sign-bottom { 6649 .modal__sign-bottom {
6646 display: -webkit-box; 6650 display: -webkit-box;
6647 display: -ms-flexbox; 6651 display: -ms-flexbox;
6648 display: flex; 6652 display: flex;
6649 -webkit-box-pack: justify; 6653 -webkit-box-pack: justify;
6650 -ms-flex-pack: justify; 6654 -ms-flex-pack: justify;
6651 justify-content: space-between; 6655 justify-content: space-between;
6652 -webkit-box-align: center; 6656 -webkit-box-align: center;
6653 -ms-flex-align: center; 6657 -ms-flex-align: center;
6654 align-items: center; 6658 align-items: center;
6655 width: 100%; 6659 width: 100%;
6656 } 6660 }
6657 .modal__sign-bottom-link { 6661 .modal__sign-bottom-link {
6658 font-weight: 700; 6662 font-weight: 700;
6659 color: #377d87; 6663 color: #377d87;
6660 } 6664 }
6661 .modal__tabs { 6665 .modal__tabs {
6662 width: 100%; 6666 width: 100%;
6663 display: grid; 6667 display: grid;
6664 grid-template-columns: repeat(2, 1fr); 6668 grid-template-columns: repeat(2, 1fr);
6665 gap: 16px; 6669 gap: 16px;
6666 margin-top: 10px; 6670 margin-top: 10px;
6667 } 6671 }
6668 @media (min-width: 768px) { 6672 @media (min-width: 768px) {
6669 .modal__tabs { 6673 .modal__tabs {
6670 gap: 24px; 6674 gap: 24px;
6671 margin-top: 20px; 6675 margin-top: 20px;
6672 } 6676 }
6673 } 6677 }
6674 .modal__tabs-item.active { 6678 .modal__tabs-item.active {
6675 background: #377d87; 6679 background: #377d87;
6676 color: #fff; 6680 color: #fff;
6677 } 6681 }
6678 .modal__reg { 6682 .modal__reg {
6679 display: none; 6683 display: none;
6680 -webkit-box-orient: vertical; 6684 -webkit-box-orient: vertical;
6681 -webkit-box-direction: normal; 6685 -webkit-box-direction: normal;
6682 -ms-flex-direction: column; 6686 -ms-flex-direction: column;
6683 flex-direction: column; 6687 flex-direction: column;
6684 -webkit-box-align: center; 6688 -webkit-box-align: center;
6685 -ms-flex-align: center; 6689 -ms-flex-align: center;
6686 align-items: center; 6690 align-items: center;
6687 gap: 10px; 6691 gap: 10px;
6688 width: 100%; 6692 width: 100%;
6689 margin-top: 10px; 6693 margin-top: 10px;
6690 margin-bottom: 20px; 6694 margin-bottom: 20px;
6691 } 6695 }
6692 @media (min-width: 768px) { 6696 @media (min-width: 768px) {
6693 .modal__reg { 6697 .modal__reg {
6694 margin-top: 20px; 6698 margin-top: 20px;
6695 margin-bottom: 30px; 6699 margin-bottom: 30px;
6696 gap: 20px; 6700 gap: 20px;
6697 } 6701 }
6698 } 6702 }
6699 .modal__reg.showed { 6703 .modal__reg.showed {
6700 display: -webkit-box; 6704 display: -webkit-box;
6701 display: -ms-flexbox; 6705 display: -ms-flexbox;
6702 display: flex; 6706 display: flex;
6703 } 6707 }
6704 .modal__reg-item { 6708 .modal__reg-item {
6705 width: 100%; 6709 width: 100%;
6706 display: -webkit-box; 6710 display: -webkit-box;
6707 display: -ms-flexbox; 6711 display: -ms-flexbox;
6708 display: flex; 6712 display: flex;
6709 -webkit-box-orient: vertical; 6713 -webkit-box-orient: vertical;
6710 -webkit-box-direction: normal; 6714 -webkit-box-direction: normal;
6711 -ms-flex-direction: column; 6715 -ms-flex-direction: column;
6712 flex-direction: column; 6716 flex-direction: column;
6713 } 6717 }
6714 .modal__reg-item > .captcha { 6718 .modal__reg-item > .captcha {
6715 width: 100%; 6719 width: 100%;
6716 max-width: 300px; 6720 max-width: 300px;
6717 } 6721 }
6718 6722
6719 .messages { 6723 .messages {
6720 display: -webkit-box; 6724 display: -webkit-box;
6721 display: -ms-flexbox; 6725 display: -ms-flexbox;
6722 display: flex; 6726 display: flex;
6723 -webkit-box-orient: vertical; 6727 -webkit-box-orient: vertical;
6724 -webkit-box-direction: reverse; 6728 -webkit-box-direction: reverse;
6725 -ms-flex-direction: column-reverse; 6729 -ms-flex-direction: column-reverse;
6726 flex-direction: column-reverse; 6730 flex-direction: column-reverse;
6727 -webkit-box-align: center; 6731 -webkit-box-align: center;
6728 -ms-flex-align: center; 6732 -ms-flex-align: center;
6729 align-items: center; 6733 align-items: center;
6730 gap: 20px; 6734 gap: 20px;
6731 } 6735 }
6732 .messages__body { 6736 .messages__body {
6733 display: -webkit-box; 6737 display: -webkit-box;
6734 display: -ms-flexbox; 6738 display: -ms-flexbox;
6735 display: flex; 6739 display: flex;
6736 -webkit-box-orient: vertical; 6740 -webkit-box-orient: vertical;
6737 -webkit-box-direction: normal; 6741 -webkit-box-direction: normal;
6738 -ms-flex-direction: column; 6742 -ms-flex-direction: column;
6739 flex-direction: column; 6743 flex-direction: column;
6740 gap: 10px; 6744 gap: 10px;
6741 width: 100%; 6745 width: 100%;
6742 } 6746 }
6743 @media (min-width: 768px) { 6747 @media (min-width: 768px) {
6744 .messages__body { 6748 .messages__body {
6745 gap: 20px; 6749 gap: 20px;
6746 } 6750 }
6747 } 6751 }
6748 .messages__item { 6752 .messages__item {
6749 display: none; 6753 display: none;
6750 -webkit-box-align: center; 6754 -webkit-box-align: center;
6751 -ms-flex-align: center; 6755 -ms-flex-align: center;
6752 align-items: center; 6756 align-items: center;
6753 border-radius: 8px; 6757 border-radius: 8px;
6754 border: 1px solid #e7e7e7; 6758 border: 1px solid #e7e7e7;
6755 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6759 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6756 padding: 10px; 6760 padding: 10px;
6757 font-size: 12px; 6761 font-size: 12px;
6758 } 6762 }
6759 @media (min-width: 768px) { 6763 @media (min-width: 768px) {
6760 .messages__item { 6764 .messages__item {
6761 padding: 20px; 6765 padding: 20px;
6762 font-size: 16px; 6766 font-size: 16px;
6763 } 6767 }
6764 } 6768 }
6765 .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) { 6769 .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) {
6766 display: -webkit-box; 6770 display: -webkit-box;
6767 display: -ms-flexbox; 6771 display: -ms-flexbox;
6768 display: flex; 6772 display: flex;
6769 } 6773 }
6770 .messages__item-info { 6774 .messages__item-info {
6771 display: -webkit-box; 6775 display: -webkit-box;
6772 display: -ms-flexbox; 6776 display: -ms-flexbox;
6773 display: flex; 6777 display: flex;
6774 -webkit-box-align: center; 6778 -webkit-box-align: center;
6775 -ms-flex-align: center; 6779 -ms-flex-align: center;
6776 align-items: center; 6780 align-items: center;
6777 width: calc(100% - 90px); 6781 width: calc(100% - 90px);
6778 } 6782 }
6779 @media (min-width: 768px) { 6783 @media (min-width: 768px) {
6780 .messages__item-info { 6784 .messages__item-info {
6781 width: calc(100% - 150px); 6785 width: calc(100% - 150px);
6782 } 6786 }
6783 } 6787 }
6784 .messages__item-photo { 6788 .messages__item-photo {
6785 position: relative; 6789 position: relative;
6786 aspect-ratio: 1/1; 6790 aspect-ratio: 1/1;
6787 overflow: hidden; 6791 overflow: hidden;
6788 background: #9c9d9d; 6792 background: #9c9d9d;
6789 color: #fff; 6793 color: #fff;
6790 width: 36px; 6794 width: 36px;
6791 border-radius: 6px; 6795 border-radius: 6px;
6792 display: -webkit-box; 6796 display: -webkit-box;
6793 display: -ms-flexbox; 6797 display: -ms-flexbox;
6794 display: flex; 6798 display: flex;
6795 -webkit-box-pack: center; 6799 -webkit-box-pack: center;
6796 -ms-flex-pack: center; 6800 -ms-flex-pack: center;
6797 justify-content: center; 6801 justify-content: center;
6798 -webkit-box-align: center; 6802 -webkit-box-align: center;
6799 -ms-flex-align: center; 6803 -ms-flex-align: center;
6800 align-items: center; 6804 align-items: center;
6801 } 6805 }
6802 @media (min-width: 768px) { 6806 @media (min-width: 768px) {
6803 .messages__item-photo { 6807 .messages__item-photo {
6804 width: 52px; 6808 width: 52px;
6805 } 6809 }
6806 } 6810 }
6807 .messages__item-photo svg { 6811 .messages__item-photo svg {
6808 width: 50%; 6812 width: 50%;
6809 position: relative; 6813 position: relative;
6810 z-index: 1; 6814 z-index: 1;
6811 } 6815 }
6812 .messages__item-photo img { 6816 .messages__item-photo img {
6813 position: absolute; 6817 position: absolute;
6814 z-index: 2; 6818 z-index: 2;
6815 top: 0; 6819 top: 0;
6816 left: 0; 6820 left: 0;
6817 width: 100%; 6821 width: 100%;
6818 height: 100%; 6822 height: 100%;
6819 -o-object-fit: cover; 6823 -o-object-fit: cover;
6820 object-fit: cover; 6824 object-fit: cover;
6821 } 6825 }
6822 .messages__item-text { 6826 .messages__item-text {
6823 width: calc(100% - 36px); 6827 width: calc(100% - 36px);
6824 padding-left: 6px; 6828 padding-left: 6px;
6825 color: #000; 6829 color: #000;
6826 display: -webkit-box; 6830 display: -webkit-box;
6827 display: -ms-flexbox; 6831 display: -ms-flexbox;
6828 display: flex; 6832 display: flex;
6829 -webkit-box-orient: vertical; 6833 -webkit-box-orient: vertical;
6830 -webkit-box-direction: normal; 6834 -webkit-box-direction: normal;
6831 -ms-flex-direction: column; 6835 -ms-flex-direction: column;
6832 flex-direction: column; 6836 flex-direction: column;
6833 gap: 4px; 6837 gap: 4px;
6834 } 6838 }
6835 @media (min-width: 768px) { 6839 @media (min-width: 768px) {
6836 .messages__item-text { 6840 .messages__item-text {
6837 padding-left: 20px; 6841 padding-left: 20px;
6838 width: calc(100% - 52px); 6842 width: calc(100% - 52px);
6839 gap: 8px; 6843 gap: 8px;
6840 } 6844 }
6841 } 6845 }
6842 .messages__item-text span { 6846 .messages__item-text span {
6843 color: #000; 6847 color: #000;
6844 } 6848 }
6845 .messages__item-date { 6849 .messages__item-date {
6846 color: #000; 6850 color: #000;
6847 width: 90px; 6851 width: 90px;
6848 text-align: right; 6852 text-align: right;
6849 } 6853 }
6850 @media (min-width: 768px) { 6854 @media (min-width: 768px) {
6851 .messages__item-date { 6855 .messages__item-date {
6852 width: 150px; 6856 width: 150px;
6853 } 6857 }
6854 } 6858 }
6855 .messages.active .messages__item { 6859 .messages.active .messages__item {
6856 display: -webkit-box; 6860 display: -webkit-box;
6857 display: -ms-flexbox; 6861 display: -ms-flexbox;
6858 display: flex; 6862 display: flex;
6859 } 6863 }
6860 6864
6861 .responses { 6865 .responses {
6862 display: -webkit-box; 6866 display: -webkit-box;
6863 display: -ms-flexbox; 6867 display: -ms-flexbox;
6864 display: flex; 6868 display: flex;
6865 -webkit-box-orient: vertical; 6869 -webkit-box-orient: vertical;
6866 -webkit-box-direction: reverse; 6870 -webkit-box-direction: reverse;
6867 -ms-flex-direction: column-reverse; 6871 -ms-flex-direction: column-reverse;
6868 flex-direction: column-reverse; 6872 flex-direction: column-reverse;
6869 -webkit-box-align: center; 6873 -webkit-box-align: center;
6870 -ms-flex-align: center; 6874 -ms-flex-align: center;
6871 align-items: center; 6875 align-items: center;
6872 gap: 20px; 6876 gap: 20px;
6873 } 6877 }
6874 .responses__body { 6878 .responses__body {
6875 width: 100%; 6879 width: 100%;
6876 display: -webkit-box; 6880 display: -webkit-box;
6877 display: -ms-flexbox; 6881 display: -ms-flexbox;
6878 display: flex; 6882 display: flex;
6879 -webkit-box-orient: vertical; 6883 -webkit-box-orient: vertical;
6880 -webkit-box-direction: normal; 6884 -webkit-box-direction: normal;
6881 -ms-flex-direction: column; 6885 -ms-flex-direction: column;
6882 flex-direction: column; 6886 flex-direction: column;
6883 gap: 20px; 6887 gap: 20px;
6884 } 6888 }
6885 .responses__item { 6889 .responses__item {
6886 display: none; 6890 display: none;
6887 -webkit-box-orient: vertical; 6891 -webkit-box-orient: vertical;
6888 -webkit-box-direction: normal; 6892 -webkit-box-direction: normal;
6889 -ms-flex-direction: column; 6893 -ms-flex-direction: column;
6890 flex-direction: column; 6894 flex-direction: column;
6891 gap: 20px; 6895 gap: 20px;
6892 border-radius: 8px; 6896 border-radius: 8px;
6893 border: 1px solid #e7e7e7; 6897 border: 1px solid #e7e7e7;
6894 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6898 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6895 padding: 20px 10px; 6899 padding: 20px 10px;
6896 font-size: 12px; 6900 font-size: 12px;
6897 position: relative; 6901 position: relative;
6898 } 6902 }
6899 @media (min-width: 768px) { 6903 @media (min-width: 768px) {
6900 .responses__item { 6904 .responses__item {
6901 padding: 20px; 6905 padding: 20px;
6902 font-size: 16px; 6906 font-size: 16px;
6903 } 6907 }
6904 } 6908 }
6905 .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) { 6909 .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) {
6906 display: -webkit-box; 6910 display: -webkit-box;
6907 display: -ms-flexbox; 6911 display: -ms-flexbox;
6908 display: flex; 6912 display: flex;
6909 } 6913 }
6910 .responses__item-date { 6914 .responses__item-date {
6911 color: #000; 6915 color: #000;
6912 } 6916 }
6913 @media (min-width: 992px) { 6917 @media (min-width: 992px) {
6914 .responses__item-date { 6918 .responses__item-date {
6915 position: absolute; 6919 position: absolute;
6916 top: 20px; 6920 top: 20px;
6917 right: 20px; 6921 right: 20px;
6918 } 6922 }
6919 } 6923 }
6920 .responses__item-wrapper { 6924 .responses__item-wrapper {
6921 display: -webkit-box; 6925 display: -webkit-box;
6922 display: -ms-flexbox; 6926 display: -ms-flexbox;
6923 display: flex; 6927 display: flex;
6924 -webkit-box-orient: vertical; 6928 -webkit-box-orient: vertical;
6925 -webkit-box-direction: normal; 6929 -webkit-box-direction: normal;
6926 -ms-flex-direction: column; 6930 -ms-flex-direction: column;
6927 flex-direction: column; 6931 flex-direction: column;
6928 gap: 20px; 6932 gap: 20px;
6929 } 6933 }
6930 .responses__item-inner { 6934 .responses__item-inner {
6931 display: -webkit-box; 6935 display: -webkit-box;
6932 display: -ms-flexbox; 6936 display: -ms-flexbox;
6933 display: flex; 6937 display: flex;
6934 -webkit-box-orient: vertical; 6938 -webkit-box-orient: vertical;
6935 -webkit-box-direction: normal; 6939 -webkit-box-direction: normal;
6936 -ms-flex-direction: column; 6940 -ms-flex-direction: column;
6937 flex-direction: column; 6941 flex-direction: column;
6938 gap: 10px; 6942 gap: 10px;
6939 } 6943 }
6940 @media (min-width: 768px) { 6944 @media (min-width: 768px) {
6941 .responses__item-inner { 6945 .responses__item-inner {
6942 gap: 20px; 6946 gap: 20px;
6943 } 6947 }
6944 } 6948 }
6945 @media (min-width: 1280px) { 6949 @media (min-width: 1280px) {
6946 .responses__item-inner { 6950 .responses__item-inner {
6947 width: calc(100% - 150px); 6951 width: calc(100% - 150px);
6948 } 6952 }
6949 } 6953 }
6950 .responses__item-row { 6954 .responses__item-row {
6951 display: grid; 6955 display: grid;
6952 grid-template-columns: 1fr 1fr; 6956 grid-template-columns: 1fr 1fr;
6953 gap: 20px; 6957 gap: 20px;
6954 color: #000; 6958 color: #000;
6955 text-align: right; 6959 text-align: right;
6956 } 6960 }
6957 @media (min-width: 992px) { 6961 @media (min-width: 992px) {
6958 .responses__item-row { 6962 .responses__item-row {
6959 display: -webkit-box; 6963 display: -webkit-box;
6960 display: -ms-flexbox; 6964 display: -ms-flexbox;
6961 display: flex; 6965 display: flex;
6962 -webkit-box-orient: vertical; 6966 -webkit-box-orient: vertical;
6963 -webkit-box-direction: normal; 6967 -webkit-box-direction: normal;
6964 -ms-flex-direction: column; 6968 -ms-flex-direction: column;
6965 flex-direction: column; 6969 flex-direction: column;
6966 gap: 6px; 6970 gap: 6px;
6967 text-align: left; 6971 text-align: left;
6968 } 6972 }
6969 } 6973 }
6970 .responses__item-row span { 6974 .responses__item-row span {
6971 color: #000; 6975 color: #000;
6972 text-align: left; 6976 text-align: left;
6973 } 6977 }
6974 .responses__item-buttons { 6978 .responses__item-buttons {
6975 display: -webkit-box; 6979 display: -webkit-box;
6976 display: -ms-flexbox; 6980 display: -ms-flexbox;
6977 display: flex; 6981 display: flex;
6978 -webkit-box-orient: vertical; 6982 -webkit-box-orient: vertical;
6979 -webkit-box-direction: normal; 6983 -webkit-box-direction: normal;
6980 -ms-flex-direction: column; 6984 -ms-flex-direction: column;
6981 flex-direction: column; 6985 flex-direction: column;
6982 gap: 10px; 6986 gap: 10px;
6983 } 6987 }
6984 @media (min-width: 768px) { 6988 @media (min-width: 768px) {
6985 .responses__item-buttons { 6989 .responses__item-buttons {
6986 display: grid; 6990 display: grid;
6987 grid-template-columns: 1fr 1fr; 6991 grid-template-columns: 1fr 1fr;
6988 } 6992 }
6989 } 6993 }
6990 @media (min-width: 1280px) { 6994 @media (min-width: 1280px) {
6991 .responses__item-buttons { 6995 .responses__item-buttons {
6992 grid-template-columns: 1fr 1fr 1fr 1fr; 6996 grid-template-columns: 1fr 1fr 1fr 1fr;
6993 } 6997 }
6994 } 6998 }
6995 .responses__item-buttons .button.active { 6999 .responses__item-buttons .button.active {
6996 background: #377d87; 7000 background: #377d87;
6997 color: #fff; 7001 color: #fff;
6998 } 7002 }
6999 .responses.active .responses__item { 7003 .responses.active .responses__item {
7000 display: -webkit-box; 7004 display: -webkit-box;
7001 display: -ms-flexbox; 7005 display: -ms-flexbox;
7002 display: flex; 7006 display: flex;
7003 } 7007 }
7004 7008
7005 .chatbox { 7009 .chatbox {
7006 display: -webkit-box; 7010 display: -webkit-box;
7007 display: -ms-flexbox; 7011 display: -ms-flexbox;
7008 display: flex; 7012 display: flex;
7009 -webkit-box-orient: vertical; 7013 -webkit-box-orient: vertical;
7010 -webkit-box-direction: normal; 7014 -webkit-box-direction: normal;
7011 -ms-flex-direction: column; 7015 -ms-flex-direction: column;
7012 flex-direction: column; 7016 flex-direction: column;
7013 gap: 20px; 7017 gap: 20px;
7014 } 7018 }
7015 @media (min-width: 768px) { 7019 @media (min-width: 768px) {
7016 .chatbox { 7020 .chatbox {
7017 gap: 30px; 7021 gap: 30px;
7018 } 7022 }
7019 } 7023 }
7020 @media (min-width: 1280px) { 7024 @media (min-width: 1280px) {
7021 .chatbox { 7025 .chatbox {
7022 gap: 40px; 7026 gap: 40px;
7023 } 7027 }
7024 } 7028 }
7025 .chatbox__toper { 7029 .chatbox__toper {
7026 display: -webkit-box; 7030 display: -webkit-box;
7027 display: -ms-flexbox; 7031 display: -ms-flexbox;
7028 display: flex; 7032 display: flex;
7029 -webkit-box-orient: vertical; 7033 -webkit-box-orient: vertical;
7030 -webkit-box-direction: normal; 7034 -webkit-box-direction: normal;
7031 -ms-flex-direction: column; 7035 -ms-flex-direction: column;
7032 flex-direction: column; 7036 flex-direction: column;
7033 gap: 10px; 7037 gap: 10px;
7034 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7038 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7035 border: 1px solid #e7e7e7; 7039 border: 1px solid #e7e7e7;
7036 border-radius: 8px; 7040 border-radius: 8px;
7037 padding: 10px; 7041 padding: 10px;
7038 } 7042 }
7039 @media (min-width: 768px) { 7043 @media (min-width: 768px) {
7040 .chatbox__toper { 7044 .chatbox__toper {
7041 padding: 20px; 7045 padding: 20px;
7042 -webkit-box-orient: horizontal; 7046 -webkit-box-orient: horizontal;
7043 -webkit-box-direction: normal; 7047 -webkit-box-direction: normal;
7044 -ms-flex-direction: row; 7048 -ms-flex-direction: row;
7045 flex-direction: row; 7049 flex-direction: row;
7046 -webkit-box-align: center; 7050 -webkit-box-align: center;
7047 -ms-flex-align: center; 7051 -ms-flex-align: center;
7048 align-items: center; 7052 align-items: center;
7049 -webkit-box-pack: justify; 7053 -webkit-box-pack: justify;
7050 -ms-flex-pack: justify; 7054 -ms-flex-pack: justify;
7051 justify-content: space-between; 7055 justify-content: space-between;
7052 } 7056 }
7053 } 7057 }
7054 .chatbox__toper-info { 7058 .chatbox__toper-info {
7055 font-size: 12px; 7059 font-size: 12px;
7056 } 7060 }
7057 @media (min-width: 768px) { 7061 @media (min-width: 768px) {
7058 .chatbox__toper-info { 7062 .chatbox__toper-info {
7059 font-size: 16px; 7063 font-size: 16px;
7060 width: calc(100% - 230px); 7064 width: calc(100% - 230px);
7061 } 7065 }
7062 } 7066 }
7063 @media (min-width: 768px) { 7067 @media (min-width: 768px) {
7064 .chatbox__toper-button { 7068 .chatbox__toper-button {
7065 width: 210px; 7069 width: 210px;
7066 padding: 0; 7070 padding: 0;
7067 } 7071 }
7068 } 7072 }
7069 .chatbox__list { 7073 .chatbox__list {
7070 display: -webkit-box; 7074 display: -webkit-box;
7071 display: -ms-flexbox; 7075 display: -ms-flexbox;
7072 display: flex; 7076 display: flex;
7073 -webkit-box-orient: vertical; 7077 -webkit-box-orient: vertical;
7074 -webkit-box-direction: normal; 7078 -webkit-box-direction: normal;
7075 -ms-flex-direction: column; 7079 -ms-flex-direction: column;
7076 flex-direction: column; 7080 flex-direction: column;
7077 gap: 10px; 7081 gap: 10px;
7078 } 7082 }
7079 @media (min-width: 768px) { 7083 @media (min-width: 768px) {
7080 .chatbox__list { 7084 .chatbox__list {
7081 gap: 20px; 7085 gap: 20px;
7082 } 7086 }
7083 } 7087 }
7084 @media (min-width: 1280px) { 7088 @media (min-width: 1280px) {
7085 .chatbox__list { 7089 .chatbox__list {
7086 gap: 40px; 7090 gap: 40px;
7087 } 7091 }
7088 } 7092 }
7089 .chatbox__item { 7093 .chatbox__item {
7090 display: -webkit-box; 7094 display: -webkit-box;
7091 display: -ms-flexbox; 7095 display: -ms-flexbox;
7092 display: flex; 7096 display: flex;
7093 -webkit-box-align: start; 7097 -webkit-box-align: start;
7094 -ms-flex-align: start; 7098 -ms-flex-align: start;
7095 align-items: flex-start; 7099 align-items: flex-start;
7096 -webkit-box-pack: justify; 7100 -webkit-box-pack: justify;
7097 -ms-flex-pack: justify; 7101 -ms-flex-pack: justify;
7098 justify-content: space-between; 7102 justify-content: space-between;
7099 -ms-flex-wrap: wrap; 7103 -ms-flex-wrap: wrap;
7100 flex-wrap: wrap; 7104 flex-wrap: wrap;
7101 color: #000; 7105 color: #000;
7102 font-size: 12px; 7106 font-size: 12px;
7103 } 7107 }
7104 @media (min-width: 768px) { 7108 @media (min-width: 768px) {
7105 .chatbox__item { 7109 .chatbox__item {
7106 font-size: 16px; 7110 font-size: 16px;
7107 } 7111 }
7108 } 7112 }
7109 .chatbox__item_reverse { 7113 .chatbox__item_reverse {
7110 -webkit-box-orient: horizontal; 7114 -webkit-box-orient: horizontal;
7111 -webkit-box-direction: reverse; 7115 -webkit-box-direction: reverse;
7112 -ms-flex-direction: row-reverse; 7116 -ms-flex-direction: row-reverse;
7113 flex-direction: row-reverse; 7117 flex-direction: row-reverse;
7114 } 7118 }
7115 .chatbox__item-photo { 7119 .chatbox__item-photo {
7116 position: relative; 7120 position: relative;
7117 aspect-ratio: 1/1; 7121 aspect-ratio: 1/1;
7118 overflow: hidden; 7122 overflow: hidden;
7119 background: #9c9d9d; 7123 background: #9c9d9d;
7120 color: #fff; 7124 color: #fff;
7121 width: 44px; 7125 width: 44px;
7122 border-radius: 6px; 7126 border-radius: 6px;
7123 display: -webkit-box; 7127 display: -webkit-box;
7124 display: -ms-flexbox; 7128 display: -ms-flexbox;
7125 display: flex; 7129 display: flex;
7126 -webkit-box-pack: center; 7130 -webkit-box-pack: center;
7127 -ms-flex-pack: center; 7131 -ms-flex-pack: center;
7128 justify-content: center; 7132 justify-content: center;
7129 -webkit-box-align: center; 7133 -webkit-box-align: center;
7130 -ms-flex-align: center; 7134 -ms-flex-align: center;
7131 align-items: center; 7135 align-items: center;
7132 } 7136 }
7133 .chatbox__item-photo svg { 7137 .chatbox__item-photo svg {
7134 width: 50%; 7138 width: 50%;
7135 position: relative; 7139 position: relative;
7136 z-index: 1; 7140 z-index: 1;
7137 } 7141 }
7138 .chatbox__item-photo img { 7142 .chatbox__item-photo img {
7139 position: absolute; 7143 position: absolute;
7140 z-index: 2; 7144 z-index: 2;
7141 top: 0; 7145 top: 0;
7142 left: 0; 7146 left: 0;
7143 width: 100%; 7147 width: 100%;
7144 height: 100%; 7148 height: 100%;
7145 -o-object-fit: cover; 7149 -o-object-fit: cover;
7146 object-fit: cover; 7150 object-fit: cover;
7147 } 7151 }
7148 .chatbox__item-body { 7152 .chatbox__item-body {
7149 width: calc(100% - 54px); 7153 width: calc(100% - 54px);
7150 display: -webkit-box; 7154 display: -webkit-box;
7151 display: -ms-flexbox; 7155 display: -ms-flexbox;
7152 display: flex; 7156 display: flex;
7153 -webkit-box-orient: vertical; 7157 -webkit-box-orient: vertical;
7154 -webkit-box-direction: normal; 7158 -webkit-box-direction: normal;
7155 -ms-flex-direction: column; 7159 -ms-flex-direction: column;
7156 flex-direction: column; 7160 flex-direction: column;
7157 -webkit-box-align: start; 7161 -webkit-box-align: start;
7158 -ms-flex-align: start; 7162 -ms-flex-align: start;
7159 align-items: flex-start; 7163 align-items: flex-start;
7160 } 7164 }
7161 @media (min-width: 768px) { 7165 @media (min-width: 768px) {
7162 .chatbox__item-body { 7166 .chatbox__item-body {
7163 width: calc(100% - 60px); 7167 width: calc(100% - 60px);
7164 } 7168 }
7165 } 7169 }
7166 .chatbox__item_reverse .chatbox__item-body { 7170 .chatbox__item_reverse .chatbox__item-body {
7167 -webkit-box-align: end; 7171 -webkit-box-align: end;
7168 -ms-flex-align: end; 7172 -ms-flex-align: end;
7169 align-items: flex-end; 7173 align-items: flex-end;
7170 } 7174 }
7171 .chatbox__item-text { 7175 .chatbox__item-text {
7172 border-radius: 8px; 7176 border-radius: 8px;
7173 background: #fff; 7177 background: #fff;
7174 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7178 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7175 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7179 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7176 padding: 10px; 7180 padding: 10px;
7177 line-height: 1.6; 7181 line-height: 1.6;
7178 } 7182 }
7179 .chatbox__item-time { 7183 .chatbox__item-time {
7180 width: 100%; 7184 width: 100%;
7181 padding-left: 54px; 7185 padding-left: 54px;
7182 margin-top: 10px; 7186 margin-top: 10px;
7183 color: #9c9d9d; 7187 color: #9c9d9d;
7184 } 7188 }
7185 .chatbox__item_reverse .chatbox__item-time { 7189 .chatbox__item_reverse .chatbox__item-time {
7186 text-align: right; 7190 text-align: right;
7187 } 7191 }
7188 .chatbox__bottom { 7192 .chatbox__bottom {
7189 background: #4d88d9; 7193 background: #4d88d9;
7190 padding: 10px; 7194 padding: 10px;
7191 border-radius: 8px; 7195 border-radius: 8px;
7192 display: -webkit-box; 7196 display: -webkit-box;
7193 display: -ms-flexbox; 7197 display: -ms-flexbox;
7194 display: flex; 7198 display: flex;
7195 -webkit-box-align: center; 7199 -webkit-box-align: center;
7196 -ms-flex-align: center; 7200 -ms-flex-align: center;
7197 align-items: center; 7201 align-items: center;
7198 -webkit-box-pack: justify; 7202 -webkit-box-pack: justify;
7199 -ms-flex-pack: justify; 7203 -ms-flex-pack: justify;
7200 justify-content: space-between; 7204 justify-content: space-between;
7201 } 7205 }
7202 @media (min-width: 768px) { 7206 @media (min-width: 768px) {
7203 .chatbox__bottom { 7207 .chatbox__bottom {
7204 padding: 16px 20px; 7208 padding: 16px 20px;
7205 } 7209 }
7206 } 7210 }
7207 .chatbox__bottom-file { 7211 .chatbox__bottom-file {
7208 width: 20px; 7212 width: 20px;
7209 aspect-ratio: 1/1; 7213 aspect-ratio: 1/1;
7210 display: -webkit-box; 7214 display: -webkit-box;
7211 display: -ms-flexbox; 7215 display: -ms-flexbox;
7212 display: flex; 7216 display: flex;
7213 -webkit-box-pack: center; 7217 -webkit-box-pack: center;
7214 -ms-flex-pack: center; 7218 -ms-flex-pack: center;
7215 justify-content: center; 7219 justify-content: center;
7216 -webkit-box-align: center; 7220 -webkit-box-align: center;
7217 -ms-flex-align: center; 7221 -ms-flex-align: center;
7218 align-items: center; 7222 align-items: center;
7219 background: #fff; 7223 background: #fff;
7220 color: #4d88d9; 7224 color: #4d88d9;
7221 border-radius: 8px; 7225 border-radius: 8px;
7222 } 7226 }
7223 @media (min-width: 768px) { 7227 @media (min-width: 768px) {
7224 .chatbox__bottom-file { 7228 .chatbox__bottom-file {
7225 width: 48px; 7229 width: 48px;
7226 } 7230 }
7227 } 7231 }
7228 .chatbox__bottom-file:hover { 7232 .chatbox__bottom-file:hover {
7229 color: #377d87; 7233 color: #377d87;
7230 } 7234 }
7231 .chatbox__bottom-file input { 7235 .chatbox__bottom-file input {
7232 display: none; 7236 display: none;
7233 } 7237 }
7234 .chatbox__bottom-file svg { 7238 .chatbox__bottom-file svg {
7235 width: 50%; 7239 width: 50%;
7236 aspect-ratio: 1/1; 7240 aspect-ratio: 1/1;
7237 } 7241 }
7238 @media (min-width: 768px) { 7242 @media (min-width: 768px) {
7239 .chatbox__bottom-file svg { 7243 .chatbox__bottom-file svg {
7240 width: 40%; 7244 width: 40%;
7241 } 7245 }
7242 } 7246 }
7243 .chatbox__bottom-text { 7247 .chatbox__bottom-text {
7244 width: calc(100% - 60px); 7248 width: calc(100% - 60px);
7245 height: 20px; 7249 height: 20px;
7246 border-color: #fff; 7250 border-color: #fff;
7247 } 7251 }
7248 @media (min-width: 768px) { 7252 @media (min-width: 768px) {
7249 .chatbox__bottom-text { 7253 .chatbox__bottom-text {
7250 width: calc(100% - 128px); 7254 width: calc(100% - 128px);
7251 height: 48px; 7255 height: 48px;
7252 } 7256 }
7253 } 7257 }
7254 .chatbox__bottom-text:focus { 7258 .chatbox__bottom-text:focus {
7255 border-color: #fff; 7259 border-color: #fff;
7256 } 7260 }
7257 .chatbox__bottom-send { 7261 .chatbox__bottom-send {
7258 width: 20px; 7262 width: 20px;
7259 aspect-ratio: 1/1; 7263 aspect-ratio: 1/1;
7260 display: -webkit-box; 7264 display: -webkit-box;
7261 display: -ms-flexbox; 7265 display: -ms-flexbox;
7262 display: flex; 7266 display: flex;
7263 -webkit-box-pack: center; 7267 -webkit-box-pack: center;
7264 -ms-flex-pack: center; 7268 -ms-flex-pack: center;
7265 justify-content: center; 7269 justify-content: center;
7266 -webkit-box-align: center; 7270 -webkit-box-align: center;
7267 -ms-flex-align: center; 7271 -ms-flex-align: center;
7268 align-items: center; 7272 align-items: center;
7269 padding: 0; 7273 padding: 0;
7270 background: #fff; 7274 background: #fff;
7271 border: none; 7275 border: none;
7272 color: #4d88d9; 7276 color: #4d88d9;
7273 border-radius: 999px; 7277 border-radius: 999px;
7274 } 7278 }
7275 @media (min-width: 768px) { 7279 @media (min-width: 768px) {
7276 .chatbox__bottom-send { 7280 .chatbox__bottom-send {
7277 width: 48px; 7281 width: 48px;
7278 } 7282 }
7279 } 7283 }
7280 .chatbox__bottom-send:hover { 7284 .chatbox__bottom-send:hover {
7281 color: #377d87; 7285 color: #377d87;
7282 } 7286 }
7283 .chatbox__bottom-send svg { 7287 .chatbox__bottom-send svg {
7284 width: 50%; 7288 width: 50%;
7285 aspect-ratio: 1/1; 7289 aspect-ratio: 1/1;
7286 position: relative; 7290 position: relative;
7287 left: 1px; 7291 left: 1px;
7288 } 7292 }
7289 @media (min-width: 768px) { 7293 @media (min-width: 768px) {
7290 .chatbox__bottom-send svg { 7294 .chatbox__bottom-send svg {
7291 width: 40%; 7295 width: 40%;
7292 left: 2px; 7296 left: 2px;
7293 } 7297 }
7294 } 7298 }
7295 7299
7296 .cvs { 7300 .cvs {
7297 display: -webkit-box; 7301 display: -webkit-box;
7298 display: -ms-flexbox; 7302 display: -ms-flexbox;
7299 display: flex; 7303 display: flex;
7300 -webkit-box-orient: vertical; 7304 -webkit-box-orient: vertical;
7301 -webkit-box-direction: reverse; 7305 -webkit-box-direction: reverse;
7302 -ms-flex-direction: column-reverse; 7306 -ms-flex-direction: column-reverse;
7303 flex-direction: column-reverse; 7307 flex-direction: column-reverse;
7304 -webkit-box-align: center; 7308 -webkit-box-align: center;
7305 -ms-flex-align: center; 7309 -ms-flex-align: center;
7306 align-items: center; 7310 align-items: center;
7307 gap: 20px; 7311 gap: 20px;
7308 } 7312 }
7309 .cvs__body { 7313 .cvs__body {
7310 display: -webkit-box; 7314 display: -webkit-box;
7311 display: -ms-flexbox; 7315 display: -ms-flexbox;
7312 display: flex; 7316 display: flex;
7313 -webkit-box-orient: vertical; 7317 -webkit-box-orient: vertical;
7314 -webkit-box-direction: normal; 7318 -webkit-box-direction: normal;
7315 -ms-flex-direction: column; 7319 -ms-flex-direction: column;
7316 flex-direction: column; 7320 flex-direction: column;
7317 gap: 20px; 7321 gap: 20px;
7318 width: 100%; 7322 width: 100%;
7319 } 7323 }
7320 @media (min-width: 768px) { 7324 @media (min-width: 768px) {
7321 .cvs__body { 7325 .cvs__body {
7322 gap: 30px; 7326 gap: 30px;
7323 } 7327 }
7324 } 7328 }
7325 .cvs__item { 7329 .cvs__item {
7326 display: none; 7330 display: none;
7327 -webkit-box-orient: vertical; 7331 -webkit-box-orient: vertical;
7328 -webkit-box-direction: normal; 7332 -webkit-box-direction: normal;
7329 -ms-flex-direction: column; 7333 -ms-flex-direction: column;
7330 flex-direction: column; 7334 flex-direction: column;
7331 gap: 10px; 7335 gap: 10px;
7332 border-radius: 8px; 7336 border-radius: 8px;
7333 border: 1px solid #e7e7e7; 7337 border: 1px solid #e7e7e7;
7334 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7338 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7335 padding: 10px; 7339 padding: 10px;
7336 font-size: 12px; 7340 font-size: 12px;
7337 position: relative; 7341 position: relative;
7338 } 7342 }
7339 @media (min-width: 768px) { 7343 @media (min-width: 768px) {
7340 .cvs__item { 7344 .cvs__item {
7341 gap: 0; 7345 gap: 0;
7342 padding: 20px; 7346 padding: 20px;
7343 font-size: 16px; 7347 font-size: 16px;
7344 -webkit-box-orient: horizontal; 7348 -webkit-box-orient: horizontal;
7345 -webkit-box-direction: normal; 7349 -webkit-box-direction: normal;
7346 -ms-flex-direction: row; 7350 -ms-flex-direction: row;
7347 flex-direction: row; 7351 flex-direction: row;
7348 -webkit-box-align: start; 7352 -webkit-box-align: start;
7349 -ms-flex-align: start; 7353 -ms-flex-align: start;
7350 align-items: flex-start; 7354 align-items: flex-start;
7351 -ms-flex-wrap: wrap; 7355 -ms-flex-wrap: wrap;
7352 flex-wrap: wrap; 7356 flex-wrap: wrap;
7353 } 7357 }
7354 } 7358 }
7355 .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) { 7359 .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) {
7356 display: -webkit-box; 7360 display: -webkit-box;
7357 display: -ms-flexbox; 7361 display: -ms-flexbox;
7358 display: flex; 7362 display: flex;
7359 } 7363 }
7360 .cvs__item-like { 7364 .cvs__item-like {
7361 position: absolute; 7365 position: absolute;
7362 top: 10px; 7366 top: 10px;
7363 right: 10px; 7367 right: 10px;
7364 } 7368 }
7365 @media (min-width: 768px) { 7369 @media (min-width: 768px) {
7366 .cvs__item-like { 7370 .cvs__item-like {
7367 top: 20px; 7371 top: 20px;
7368 right: 20px; 7372 right: 20px;
7369 } 7373 }
7370 } 7374 }
7371 .cvs__item-photo { 7375 .cvs__item-photo {
7372 position: relative; 7376 position: relative;
7373 aspect-ratio: 1/1; 7377 aspect-ratio: 1/1;
7374 overflow: hidden; 7378 overflow: hidden;
7375 background: #9c9d9d; 7379 background: #9c9d9d;
7376 color: #fff; 7380 color: #fff;
7377 width: 36px; 7381 width: 36px;
7378 border-radius: 6px; 7382 border-radius: 6px;
7379 display: -webkit-box; 7383 display: -webkit-box;
7380 display: -ms-flexbox; 7384 display: -ms-flexbox;
7381 display: flex; 7385 display: flex;
7382 -webkit-box-pack: center; 7386 -webkit-box-pack: center;
7383 -ms-flex-pack: center; 7387 -ms-flex-pack: center;
7384 justify-content: center; 7388 justify-content: center;
7385 -webkit-box-align: center; 7389 -webkit-box-align: center;
7386 -ms-flex-align: center; 7390 -ms-flex-align: center;
7387 align-items: center; 7391 align-items: center;
7388 } 7392 }
7389 @media (min-width: 768px) { 7393 @media (min-width: 768px) {
7390 .cvs__item-photo { 7394 .cvs__item-photo {
7391 width: 68px; 7395 width: 68px;
7392 } 7396 }
7393 } 7397 }
7394 .cvs__item-photo svg { 7398 .cvs__item-photo svg {
7395 width: 50%; 7399 width: 50%;
7396 position: relative; 7400 position: relative;
7397 z-index: 1; 7401 z-index: 1;
7398 } 7402 }
7399 .cvs__item-photo img { 7403 .cvs__item-photo img {
7400 position: absolute; 7404 position: absolute;
7401 z-index: 2; 7405 z-index: 2;
7402 top: 0; 7406 top: 0;
7403 left: 0; 7407 left: 0;
7404 width: 100%; 7408 width: 100%;
7405 height: 100%; 7409 height: 100%;
7406 -o-object-fit: cover; 7410 -o-object-fit: cover;
7407 object-fit: cover; 7411 object-fit: cover;
7408 } 7412 }
7409 .cvs__item-text { 7413 .cvs__item-text {
7410 display: -webkit-box; 7414 display: -webkit-box;
7411 display: -ms-flexbox; 7415 display: -ms-flexbox;
7412 display: flex; 7416 display: flex;
7413 -webkit-box-orient: vertical; 7417 -webkit-box-orient: vertical;
7414 -webkit-box-direction: normal; 7418 -webkit-box-direction: normal;
7415 -ms-flex-direction: column; 7419 -ms-flex-direction: column;
7416 flex-direction: column; 7420 flex-direction: column;
7417 gap: 10px; 7421 gap: 10px;
7418 } 7422 }
7419 @media (min-width: 768px) { 7423 @media (min-width: 768px) {
7420 .cvs__item-text { 7424 .cvs__item-text {
7421 gap: 20px; 7425 gap: 20px;
7422 width: calc(100% - 68px); 7426 width: calc(100% - 68px);
7423 padding-left: 20px; 7427 padding-left: 20px;
7424 padding-right: 60px; 7428 padding-right: 60px;
7425 } 7429 }
7426 } 7430 }
7427 .cvs__item-text div { 7431 .cvs__item-text div {
7428 display: -webkit-box; 7432 display: -webkit-box;
7429 display: -ms-flexbox; 7433 display: -ms-flexbox;
7430 display: flex; 7434 display: flex;
7431 -webkit-box-align: center; 7435 -webkit-box-align: center;
7432 -ms-flex-align: center; 7436 -ms-flex-align: center;
7433 align-items: center; 7437 align-items: center;
7434 -webkit-box-pack: justify; 7438 -webkit-box-pack: justify;
7435 -ms-flex-pack: justify; 7439 -ms-flex-pack: justify;
7436 justify-content: space-between; 7440 justify-content: space-between;
7437 } 7441 }
7438 @media (min-width: 768px) { 7442 @media (min-width: 768px) {
7439 .cvs__item-text div { 7443 .cvs__item-text div {
7440 -webkit-box-orient: vertical; 7444 -webkit-box-orient: vertical;
7441 -webkit-box-direction: normal; 7445 -webkit-box-direction: normal;
7442 -ms-flex-direction: column; 7446 -ms-flex-direction: column;
7443 flex-direction: column; 7447 flex-direction: column;
7444 -webkit-box-pack: start; 7448 -webkit-box-pack: start;
7445 -ms-flex-pack: start; 7449 -ms-flex-pack: start;
7446 justify-content: flex-start; 7450 justify-content: flex-start;
7447 -webkit-box-align: start; 7451 -webkit-box-align: start;
7448 -ms-flex-align: start; 7452 -ms-flex-align: start;
7449 align-items: flex-start; 7453 align-items: flex-start;
7450 } 7454 }
7451 } 7455 }
7452 .cvs__item-text span, 7456 .cvs__item-text span,
7453 .cvs__item-text a { 7457 .cvs__item-text a {
7454 color: #000; 7458 color: #000;
7455 } 7459 }
7456 .cvs__item-button { 7460 .cvs__item-button {
7457 display: -webkit-box; 7461 display: -webkit-box;
7458 display: -ms-flexbox; 7462 display: -ms-flexbox;
7459 display: flex; 7463 display: flex;
7460 -webkit-box-orient: vertical; 7464 -webkit-box-orient: vertical;
7461 -webkit-box-direction: normal; 7465 -webkit-box-direction: normal;
7462 -ms-flex-direction: column; 7466 -ms-flex-direction: column;
7463 flex-direction: column; 7467 flex-direction: column;
7464 -webkit-box-align: center; 7468 -webkit-box-align: center;
7465 -ms-flex-align: center; 7469 -ms-flex-align: center;
7466 align-items: center; 7470 align-items: center;
7467 } 7471 }
7468 @media (min-width: 768px) { 7472 @media (min-width: 768px) {
7469 .cvs__item-button { 7473 .cvs__item-button {
7470 -webkit-box-align: end; 7474 -webkit-box-align: end;
7471 -ms-flex-align: end; 7475 -ms-flex-align: end;
7472 align-items: flex-end; 7476 align-items: flex-end;
7473 width: 100%; 7477 width: 100%;
7474 padding-top: 20px; 7478 padding-top: 20px;
7475 } 7479 }
7476 } 7480 }
7477 .cvs.active .cvs__item { 7481 .cvs.active .cvs__item {
7478 display: -webkit-box; 7482 display: -webkit-box;
7479 display: -ms-flexbox; 7483 display: -ms-flexbox;
7480 display: flex; 7484 display: flex;
7481 } 7485 }
7482 7486
7483 .faqs { 7487 .faqs {
7484 display: -webkit-box; 7488 display: -webkit-box;
7485 display: -ms-flexbox; 7489 display: -ms-flexbox;
7486 display: flex; 7490 display: flex;
7487 -webkit-box-orient: vertical; 7491 -webkit-box-orient: vertical;
7488 -webkit-box-direction: reverse; 7492 -webkit-box-direction: reverse;
7489 -ms-flex-direction: column-reverse; 7493 -ms-flex-direction: column-reverse;
7490 flex-direction: column-reverse; 7494 flex-direction: column-reverse;
7491 -webkit-box-align: center; 7495 -webkit-box-align: center;
7492 -ms-flex-align: center; 7496 -ms-flex-align: center;
7493 align-items: center; 7497 align-items: center;
7494 gap: 20px; 7498 gap: 20px;
7495 } 7499 }
7496 .faqs__body { 7500 .faqs__body {
7497 display: -webkit-box; 7501 display: -webkit-box;
7498 display: -ms-flexbox; 7502 display: -ms-flexbox;
7499 display: flex; 7503 display: flex;
7500 -webkit-box-orient: vertical; 7504 -webkit-box-orient: vertical;
7501 -webkit-box-direction: normal; 7505 -webkit-box-direction: normal;
7502 -ms-flex-direction: column; 7506 -ms-flex-direction: column;
7503 flex-direction: column; 7507 flex-direction: column;
7504 gap: 20px; 7508 gap: 20px;
7505 width: 100%; 7509 width: 100%;
7506 } 7510 }
7507 .faqs__item { 7511 .faqs__item {
7508 display: none; 7512 display: none;
7509 -webkit-box-orient: vertical; 7513 -webkit-box-orient: vertical;
7510 -webkit-box-direction: normal; 7514 -webkit-box-direction: normal;
7511 -ms-flex-direction: column; 7515 -ms-flex-direction: column;
7512 flex-direction: column; 7516 flex-direction: column;
7513 border-radius: 8px; 7517 border-radius: 8px;
7514 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7518 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7515 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7519 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7516 background: #fff; 7520 background: #fff;
7517 padding: 10px; 7521 padding: 10px;
7518 font-size: 12px; 7522 font-size: 12px;
7519 } 7523 }
7520 @media (min-width: 768px) { 7524 @media (min-width: 768px) {
7521 .faqs__item { 7525 .faqs__item {
7522 padding: 20px; 7526 padding: 20px;
7523 font-size: 16px; 7527 font-size: 16px;
7524 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7528 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7525 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7529 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7526 } 7530 }
7527 } 7531 }
7528 .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) { 7532 .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) {
7529 display: -webkit-box; 7533 display: -webkit-box;
7530 display: -ms-flexbox; 7534 display: -ms-flexbox;
7531 display: flex; 7535 display: flex;
7532 } 7536 }
7533 .faqs__item-button { 7537 .faqs__item-button {
7534 background: none; 7538 background: none;
7535 padding: 0; 7539 padding: 0;
7536 border: none; 7540 border: none;
7537 display: -webkit-box; 7541 display: -webkit-box;
7538 display: -ms-flexbox; 7542 display: -ms-flexbox;
7539 display: flex; 7543 display: flex;
7540 -webkit-box-align: center; 7544 -webkit-box-align: center;
7541 -ms-flex-align: center; 7545 -ms-flex-align: center;
7542 align-items: center; 7546 align-items: center;
7543 color: #000; 7547 color: #000;
7544 text-align: left; 7548 text-align: left;
7545 font-size: 14px; 7549 font-size: 14px;
7546 font-weight: 700; 7550 font-weight: 700;
7547 } 7551 }
7548 @media (min-width: 768px) { 7552 @media (min-width: 768px) {
7549 .faqs__item-button { 7553 .faqs__item-button {
7550 font-size: 20px; 7554 font-size: 20px;
7551 } 7555 }
7552 } 7556 }
7553 .faqs__item-button span { 7557 .faqs__item-button span {
7554 width: calc(100% - 16px); 7558 width: calc(100% - 16px);
7555 padding-right: 16px; 7559 padding-right: 16px;
7556 } 7560 }
7557 .faqs__item-button i { 7561 .faqs__item-button i {
7558 display: -webkit-box; 7562 display: -webkit-box;
7559 display: -ms-flexbox; 7563 display: -ms-flexbox;
7560 display: flex; 7564 display: flex;
7561 -webkit-box-pack: center; 7565 -webkit-box-pack: center;
7562 -ms-flex-pack: center; 7566 -ms-flex-pack: center;
7563 justify-content: center; 7567 justify-content: center;
7564 -webkit-box-align: center; 7568 -webkit-box-align: center;
7565 -ms-flex-align: center; 7569 -ms-flex-align: center;
7566 align-items: center; 7570 align-items: center;
7567 width: 16px; 7571 width: 16px;
7568 aspect-ratio: 1/1; 7572 aspect-ratio: 1/1;
7569 color: #377d87; 7573 color: #377d87;
7570 -webkit-transition: 0.3s; 7574 -webkit-transition: 0.3s;
7571 transition: 0.3s; 7575 transition: 0.3s;
7572 } 7576 }
7573 .faqs__item-button i svg { 7577 .faqs__item-button i svg {
7574 width: 16px; 7578 width: 16px;
7575 aspect-ratio: 1/1; 7579 aspect-ratio: 1/1;
7576 -webkit-transform: rotate(90deg); 7580 -webkit-transform: rotate(90deg);
7577 -ms-transform: rotate(90deg); 7581 -ms-transform: rotate(90deg);
7578 transform: rotate(90deg); 7582 transform: rotate(90deg);
7579 } 7583 }
7580 .faqs__item-button.active i { 7584 .faqs__item-button.active i {
7581 -webkit-transform: rotate(180deg); 7585 -webkit-transform: rotate(180deg);
7582 -ms-transform: rotate(180deg); 7586 -ms-transform: rotate(180deg);
7583 transform: rotate(180deg); 7587 transform: rotate(180deg);
7584 } 7588 }
7585 .faqs__item-body { 7589 .faqs__item-body {
7586 display: -webkit-box; 7590 display: -webkit-box;
7587 display: -ms-flexbox; 7591 display: -ms-flexbox;
7588 display: flex; 7592 display: flex;
7589 -webkit-box-orient: vertical; 7593 -webkit-box-orient: vertical;
7590 -webkit-box-direction: normal; 7594 -webkit-box-direction: normal;
7591 -ms-flex-direction: column; 7595 -ms-flex-direction: column;
7592 flex-direction: column; 7596 flex-direction: column;
7593 gap: 10px; 7597 gap: 10px;
7594 opacity: 0; 7598 opacity: 0;
7595 height: 0; 7599 height: 0;
7596 overflow: hidden; 7600 overflow: hidden;
7597 font-size: 12px; 7601 font-size: 12px;
7598 line-height: 1.4; 7602 line-height: 1.4;
7599 } 7603 }
7600 @media (min-width: 768px) { 7604 @media (min-width: 768px) {
7601 .faqs__item-body { 7605 .faqs__item-body {
7602 font-size: 16px; 7606 font-size: 16px;
7603 gap: 20px; 7607 gap: 20px;
7604 } 7608 }
7605 } 7609 }
7606 .faqs__item-body p { 7610 .faqs__item-body p {
7607 margin: 0; 7611 margin: 0;
7608 } 7612 }
7609 .active + .faqs__item-body { 7613 .active + .faqs__item-body {
7610 opacity: 1; 7614 opacity: 1;
7611 height: auto; 7615 height: auto;
7612 -webkit-transition: 0.3s; 7616 -webkit-transition: 0.3s;
7613 transition: 0.3s; 7617 transition: 0.3s;
7614 padding-top: 10px; 7618 padding-top: 10px;
7615 } 7619 }
7616 @media (min-width: 768px) { 7620 @media (min-width: 768px) {
7617 .active + .faqs__item-body { 7621 .active + .faqs__item-body {
7618 padding-top: 20px; 7622 padding-top: 20px;
7619 } 7623 }
7620 } 7624 }
7621 .faqs.active .faqs__item { 7625 .faqs.active .faqs__item {
7622 display: -webkit-box; 7626 display: -webkit-box;
7623 display: -ms-flexbox; 7627 display: -ms-flexbox;
7624 display: flex; 7628 display: flex;
7625 } 7629 }
7626 7630
7627 .cabinet { 7631 .cabinet {
7628 padding: 20px 0; 7632 padding: 20px 0;
7629 padding-bottom: 40px; 7633 padding-bottom: 40px;
7630 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7634 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7631 } 7635 }
7632 @media (min-width: 992px) { 7636 @media (min-width: 992px) {
7633 .cabinet { 7637 .cabinet {
7634 padding: 30px 0; 7638 padding: 30px 0;
7635 padding-bottom: 60px; 7639 padding-bottom: 60px;
7636 } 7640 }
7637 } 7641 }
7638 .cabinet__breadcrumbs { 7642 .cabinet__breadcrumbs {
7639 margin-bottom: 50px; 7643 margin-bottom: 50px;
7640 } 7644 }
7641 .cabinet__wrapper { 7645 .cabinet__wrapper {
7642 display: -webkit-box; 7646 display: -webkit-box;
7643 display: -ms-flexbox; 7647 display: -ms-flexbox;
7644 display: flex; 7648 display: flex;
7645 -webkit-box-orient: vertical; 7649 -webkit-box-orient: vertical;
7646 -webkit-box-direction: normal; 7650 -webkit-box-direction: normal;
7647 -ms-flex-direction: column; 7651 -ms-flex-direction: column;
7648 flex-direction: column; 7652 flex-direction: column;
7649 } 7653 }
7650 @media (min-width: 992px) { 7654 @media (min-width: 992px) {
7651 .cabinet__wrapper { 7655 .cabinet__wrapper {
7652 -webkit-box-orient: horizontal; 7656 -webkit-box-orient: horizontal;
7653 -webkit-box-direction: normal; 7657 -webkit-box-direction: normal;
7654 -ms-flex-direction: row; 7658 -ms-flex-direction: row;
7655 flex-direction: row; 7659 flex-direction: row;
7656 -webkit-box-align: start; 7660 -webkit-box-align: start;
7657 -ms-flex-align: start; 7661 -ms-flex-align: start;
7658 align-items: flex-start; 7662 align-items: flex-start;
7659 -webkit-box-pack: justify; 7663 -webkit-box-pack: justify;
7660 -ms-flex-pack: justify; 7664 -ms-flex-pack: justify;
7661 justify-content: space-between; 7665 justify-content: space-between;
7662 } 7666 }
7663 } 7667 }
7664 .cabinet__side { 7668 .cabinet__side {
7665 border-radius: 8px; 7669 border-radius: 8px;
7666 background: #fff; 7670 background: #fff;
7667 padding: 20px 10px; 7671 padding: 20px 10px;
7668 display: -webkit-box; 7672 display: -webkit-box;
7669 display: -ms-flexbox; 7673 display: -ms-flexbox;
7670 display: flex; 7674 display: flex;
7671 -webkit-box-orient: vertical; 7675 -webkit-box-orient: vertical;
7672 -webkit-box-direction: normal; 7676 -webkit-box-direction: normal;
7673 -ms-flex-direction: column; 7677 -ms-flex-direction: column;
7674 flex-direction: column; 7678 flex-direction: column;
7675 gap: 30px; 7679 gap: 30px;
7676 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7680 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7677 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7681 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7678 } 7682 }
7679 @media (min-width: 768px) { 7683 @media (min-width: 768px) {
7680 .cabinet__side { 7684 .cabinet__side {
7681 padding: 30px 20px; 7685 padding: 30px 20px;
7682 margin-bottom: 50px; 7686 margin-bottom: 50px;
7683 } 7687 }
7684 } 7688 }
7685 @media (min-width: 992px) { 7689 @media (min-width: 992px) {
7686 .cabinet__side { 7690 .cabinet__side {
7687 width: 340px; 7691 width: 340px;
7688 margin: 0; 7692 margin: 0;
7689 position: sticky; 7693 position: sticky;
7690 top: 6px; 7694 top: 6px;
7691 } 7695 }
7692 } 7696 }
7693 @media (min-width: 1280px) { 7697 @media (min-width: 1280px) {
7694 .cabinet__side { 7698 .cabinet__side {
7695 width: 400px; 7699 width: 400px;
7696 } 7700 }
7697 } 7701 }
7698 .cabinet__side-item { 7702 .cabinet__side-item {
7699 display: -webkit-box; 7703 display: -webkit-box;
7700 display: -ms-flexbox; 7704 display: -ms-flexbox;
7701 display: flex; 7705 display: flex;
7702 -webkit-box-orient: vertical; 7706 -webkit-box-orient: vertical;
7703 -webkit-box-direction: normal; 7707 -webkit-box-direction: normal;
7704 -ms-flex-direction: column; 7708 -ms-flex-direction: column;
7705 flex-direction: column; 7709 flex-direction: column;
7706 gap: 20px; 7710 gap: 20px;
7707 } 7711 }
7708 .cabinet__side-toper { 7712 .cabinet__side-toper {
7709 display: -webkit-box; 7713 display: -webkit-box;
7710 display: -ms-flexbox; 7714 display: -ms-flexbox;
7711 display: flex; 7715 display: flex;
7712 -webkit-box-align: center; 7716 -webkit-box-align: center;
7713 -ms-flex-align: center; 7717 -ms-flex-align: center;
7714 align-items: center; 7718 align-items: center;
7715 } 7719 }
7716 .cabinet__side-toper-pic { 7720 .cabinet__side-toper-pic {
7717 width: 70px; 7721 width: 70px;
7718 aspect-ratio: 1/1; 7722 aspect-ratio: 1/1;
7719 overflow: hidden; 7723 overflow: hidden;
7720 border-radius: 8px; 7724 border-radius: 8px;
7721 color: #fff; 7725 color: #fff;
7722 background: #9c9d9d; 7726 background: #9c9d9d;
7723 display: -webkit-box; 7727 display: -webkit-box;
7724 display: -ms-flexbox; 7728 display: -ms-flexbox;
7725 display: flex; 7729 display: flex;
7726 -webkit-box-align: center; 7730 -webkit-box-align: center;
7727 -ms-flex-align: center; 7731 -ms-flex-align: center;
7728 align-items: center; 7732 align-items: center;
7729 -webkit-box-pack: center; 7733 -webkit-box-pack: center;
7730 -ms-flex-pack: center; 7734 -ms-flex-pack: center;
7731 justify-content: center; 7735 justify-content: center;
7732 position: relative; 7736 position: relative;
7733 } 7737 }
7734 .cabinet__side-toper-pic img { 7738 .cabinet__side-toper-pic img {
7735 width: 100%; 7739 width: 100%;
7736 height: 100%; 7740 height: 100%;
7737 -o-object-fit: cover; 7741 -o-object-fit: cover;
7738 object-fit: cover; 7742 object-fit: cover;
7739 position: absolute; 7743 position: absolute;
7740 z-index: 2; 7744 z-index: 2;
7741 top: 0; 7745 top: 0;
7742 left: 0; 7746 left: 0;
7743 aspect-ratio: 1/1; 7747 aspect-ratio: 1/1;
7744 -o-object-fit: contain; 7748 -o-object-fit: contain;
7745 object-fit: contain; 7749 object-fit: contain;
7746 } 7750 }
7747 .cabinet__side-toper-pic svg { 7751 .cabinet__side-toper-pic svg {
7748 width: 50%; 7752 width: 50%;
7749 aspect-ratio: 1/1; 7753 aspect-ratio: 1/1;
7750 } 7754 }
7751 .cabinet__side-toper b { 7755 .cabinet__side-toper b {
7752 width: calc(100% - 70px); 7756 width: calc(100% - 70px);
7753 font-size: 14px; 7757 font-size: 14px;
7754 font-weight: 700; 7758 font-weight: 700;
7755 padding-left: 16px; 7759 padding-left: 16px;
7756 } 7760 }
7757 @media (min-width: 768px) { 7761 @media (min-width: 768px) {
7758 .cabinet__side-toper b { 7762 .cabinet__side-toper b {
7759 font-size: 20px; 7763 font-size: 20px;
7760 } 7764 }
7761 } 7765 }
7762 .cabinet__menu { 7766 .cabinet__menu {
7763 display: -webkit-box; 7767 display: -webkit-box;
7764 display: -ms-flexbox; 7768 display: -ms-flexbox;
7765 display: flex; 7769 display: flex;
7766 -webkit-box-orient: vertical; 7770 -webkit-box-orient: vertical;
7767 -webkit-box-direction: normal; 7771 -webkit-box-direction: normal;
7768 -ms-flex-direction: column; 7772 -ms-flex-direction: column;
7769 flex-direction: column; 7773 flex-direction: column;
7770 } 7774 }
7771 .cabinet__menu-toper { 7775 .cabinet__menu-toper {
7772 display: -webkit-box; 7776 display: -webkit-box;
7773 display: -ms-flexbox; 7777 display: -ms-flexbox;
7774 display: flex; 7778 display: flex;
7775 -webkit-box-align: center; 7779 -webkit-box-align: center;
7776 -ms-flex-align: center; 7780 -ms-flex-align: center;
7777 align-items: center; 7781 align-items: center;
7778 -webkit-box-pack: justify; 7782 -webkit-box-pack: justify;
7779 -ms-flex-pack: justify; 7783 -ms-flex-pack: justify;
7780 justify-content: space-between; 7784 justify-content: space-between;
7781 padding: 0 16px; 7785 padding: 0 16px;
7782 padding-right: 12px; 7786 padding-right: 12px;
7783 border: none; 7787 border: none;
7784 border-radius: 8px; 7788 border-radius: 8px;
7785 background: #377d87; 7789 background: #377d87;
7786 color: #fff; 7790 color: #fff;
7787 } 7791 }
7788 @media (min-width: 768px) { 7792 @media (min-width: 768px) {
7789 .cabinet__menu-toper { 7793 .cabinet__menu-toper {
7790 padding: 0 20px; 7794 padding: 0 20px;
7791 } 7795 }
7792 } 7796 }
7793 @media (min-width: 992px) { 7797 @media (min-width: 992px) {
7794 .cabinet__menu-toper { 7798 .cabinet__menu-toper {
7795 display: none; 7799 display: none;
7796 } 7800 }
7797 } 7801 }
7798 .cabinet__menu-toper-text { 7802 .cabinet__menu-toper-text {
7799 width: calc(100% - 16px); 7803 width: calc(100% - 16px);
7800 display: -webkit-box; 7804 display: -webkit-box;
7801 display: -ms-flexbox; 7805 display: -ms-flexbox;
7802 display: flex; 7806 display: flex;
7803 -webkit-box-align: center; 7807 -webkit-box-align: center;
7804 -ms-flex-align: center; 7808 -ms-flex-align: center;
7805 align-items: center; 7809 align-items: center;
7806 } 7810 }
7807 @media (min-width: 768px) { 7811 @media (min-width: 768px) {
7808 .cabinet__menu-toper-text { 7812 .cabinet__menu-toper-text {
7809 width: calc(100% - 20px); 7813 width: calc(100% - 20px);
7810 } 7814 }
7811 } 7815 }
7812 .cabinet__menu-toper-text i { 7816 .cabinet__menu-toper-text i {
7813 width: 16px; 7817 width: 16px;
7814 height: 16px; 7818 height: 16px;
7815 display: -webkit-box; 7819 display: -webkit-box;
7816 display: -ms-flexbox; 7820 display: -ms-flexbox;
7817 display: flex; 7821 display: flex;
7818 -webkit-box-align: center; 7822 -webkit-box-align: center;
7819 -ms-flex-align: center; 7823 -ms-flex-align: center;
7820 align-items: center; 7824 align-items: center;
7821 -webkit-box-pack: center; 7825 -webkit-box-pack: center;
7822 -ms-flex-pack: center; 7826 -ms-flex-pack: center;
7823 justify-content: center; 7827 justify-content: center;
7824 } 7828 }
7825 @media (min-width: 768px) { 7829 @media (min-width: 768px) {
7826 .cabinet__menu-toper-text i { 7830 .cabinet__menu-toper-text i {
7827 width: 22px; 7831 width: 22px;
7828 height: 22px; 7832 height: 22px;
7829 } 7833 }
7830 } 7834 }
7831 .cabinet__menu-toper-text svg { 7835 .cabinet__menu-toper-text svg {
7832 width: 16px; 7836 width: 16px;
7833 height: 16px; 7837 height: 16px;
7834 } 7838 }
7835 @media (min-width: 768px) { 7839 @media (min-width: 768px) {
7836 .cabinet__menu-toper-text svg { 7840 .cabinet__menu-toper-text svg {
7837 width: 22px; 7841 width: 22px;
7838 height: 22px; 7842 height: 22px;
7839 } 7843 }
7840 } 7844 }
7841 .cabinet__menu-toper-text span { 7845 .cabinet__menu-toper-text span {
7842 display: -webkit-box; 7846 display: -webkit-box;
7843 display: -ms-flexbox; 7847 display: -ms-flexbox;
7844 display: flex; 7848 display: flex;
7845 -webkit-box-align: center; 7849 -webkit-box-align: center;
7846 -ms-flex-align: center; 7850 -ms-flex-align: center;
7847 align-items: center; 7851 align-items: center;
7848 padding: 0 10px; 7852 padding: 0 10px;
7849 min-height: 30px; 7853 min-height: 30px;
7850 font-size: 12px; 7854 font-size: 12px;
7851 width: calc(100% - 16px); 7855 width: calc(100% - 16px);
7852 } 7856 }
7853 @media (min-width: 768px) { 7857 @media (min-width: 768px) {
7854 .cabinet__menu-toper-text span { 7858 .cabinet__menu-toper-text span {
7855 width: calc(100% - 22px); 7859 width: calc(100% - 22px);
7856 font-size: 20px; 7860 font-size: 20px;
7857 min-height: 52px; 7861 min-height: 52px;
7858 padding: 0 16px; 7862 padding: 0 16px;
7859 } 7863 }
7860 } 7864 }
7861 .cabinet__menu-toper-arrow { 7865 .cabinet__menu-toper-arrow {
7862 width: 16px; 7866 width: 16px;
7863 height: 16px; 7867 height: 16px;
7864 display: -webkit-box; 7868 display: -webkit-box;
7865 display: -ms-flexbox; 7869 display: -ms-flexbox;
7866 display: flex; 7870 display: flex;
7867 -webkit-box-pack: center; 7871 -webkit-box-pack: center;
7868 -ms-flex-pack: center; 7872 -ms-flex-pack: center;
7869 justify-content: center; 7873 justify-content: center;
7870 -webkit-box-align: center; 7874 -webkit-box-align: center;
7871 -ms-flex-align: center; 7875 -ms-flex-align: center;
7872 align-items: center; 7876 align-items: center;
7873 -webkit-transition: 0.3s; 7877 -webkit-transition: 0.3s;
7874 transition: 0.3s; 7878 transition: 0.3s;
7875 } 7879 }
7876 @media (min-width: 768px) { 7880 @media (min-width: 768px) {
7877 .cabinet__menu-toper-arrow { 7881 .cabinet__menu-toper-arrow {
7878 width: 20px; 7882 width: 20px;
7879 height: 20px; 7883 height: 20px;
7880 } 7884 }
7881 } 7885 }
7882 .cabinet__menu-toper-arrow svg { 7886 .cabinet__menu-toper-arrow svg {
7883 width: 12px; 7887 width: 12px;
7884 height: 12px; 7888 height: 12px;
7885 -webkit-transform: rotate(90deg); 7889 -webkit-transform: rotate(90deg);
7886 -ms-transform: rotate(90deg); 7890 -ms-transform: rotate(90deg);
7887 transform: rotate(90deg); 7891 transform: rotate(90deg);
7888 } 7892 }
7889 @media (min-width: 768px) { 7893 @media (min-width: 768px) {
7890 .cabinet__menu-toper-arrow svg { 7894 .cabinet__menu-toper-arrow svg {
7891 width: 20px; 7895 width: 20px;
7892 height: 20px; 7896 height: 20px;
7893 } 7897 }
7894 } 7898 }
7895 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7899 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7896 -webkit-transform: rotate(180deg); 7900 -webkit-transform: rotate(180deg);
7897 -ms-transform: rotate(180deg); 7901 -ms-transform: rotate(180deg);
7898 transform: rotate(180deg); 7902 transform: rotate(180deg);
7899 } 7903 }
7900 .cabinet__menu-body { 7904 .cabinet__menu-body {
7901 opacity: 0; 7905 opacity: 0;
7902 height: 0; 7906 height: 0;
7903 overflow: hidden; 7907 overflow: hidden;
7904 display: -webkit-box; 7908 display: -webkit-box;
7905 display: -ms-flexbox; 7909 display: -ms-flexbox;
7906 display: flex; 7910 display: flex;
7907 -webkit-box-orient: vertical; 7911 -webkit-box-orient: vertical;
7908 -webkit-box-direction: normal; 7912 -webkit-box-direction: normal;
7909 -ms-flex-direction: column; 7913 -ms-flex-direction: column;
7910 flex-direction: column; 7914 flex-direction: column;
7911 } 7915 }
7912 @media (min-width: 992px) { 7916 @media (min-width: 992px) {
7913 .cabinet__menu-body { 7917 .cabinet__menu-body {
7914 opacity: 1; 7918 opacity: 1;
7915 height: auto; 7919 height: auto;
7916 } 7920 }
7917 } 7921 }
7918 .active + .cabinet__menu-body { 7922 .active + .cabinet__menu-body {
7919 opacity: 1; 7923 opacity: 1;
7920 height: auto; 7924 height: auto;
7921 -webkit-transition: 0.3s; 7925 -webkit-transition: 0.3s;
7922 transition: 0.3s; 7926 transition: 0.3s;
7923 } 7927 }
7924 .cabinet__menu-items { 7928 .cabinet__menu-items {
7925 display: -webkit-box; 7929 display: -webkit-box;
7926 display: -ms-flexbox; 7930 display: -ms-flexbox;
7927 display: flex; 7931 display: flex;
7928 -webkit-box-orient: vertical; 7932 -webkit-box-orient: vertical;
7929 -webkit-box-direction: normal; 7933 -webkit-box-direction: normal;
7930 -ms-flex-direction: column; 7934 -ms-flex-direction: column;
7931 flex-direction: column; 7935 flex-direction: column;
7932 } 7936 }
7933 .cabinet__menu-item { 7937 .cabinet__menu-item {
7934 padding: 8px 16px; 7938 padding: 8px 16px;
7935 border-radius: 8px; 7939 border-radius: 8px;
7936 display: -webkit-box; 7940 display: -webkit-box;
7937 display: -ms-flexbox; 7941 display: -ms-flexbox;
7938 display: flex; 7942 display: flex;
7939 -webkit-box-align: center; 7943 -webkit-box-align: center;
7940 -ms-flex-align: center; 7944 -ms-flex-align: center;
7941 align-items: center; 7945 align-items: center;
7942 } 7946 }
7943 @media (min-width: 768px) { 7947 @media (min-width: 768px) {
7944 .cabinet__menu-item { 7948 .cabinet__menu-item {
7945 padding: 14px 20px; 7949 padding: 14px 20px;
7946 } 7950 }
7947 } 7951 }
7948 .cabinet__menu-item:hover { 7952 .cabinet__menu-item:hover {
7949 color: #377d87; 7953 color: #377d87;
7950 } 7954 }
7951 @media (min-width: 992px) { 7955 @media (min-width: 992px) {
7952 .cabinet__menu-item.active { 7956 .cabinet__menu-item.active {
7953 background: #377d87; 7957 background: #377d87;
7954 color: #fff; 7958 color: #fff;
7955 } 7959 }
7956 } 7960 }
7957 @media (min-width: 992px) { 7961 @media (min-width: 992px) {
7958 .cabinet__menu-item.active svg { 7962 .cabinet__menu-item.active svg {
7959 color: #fff; 7963 color: #fff;
7960 } 7964 }
7961 } 7965 }
7962 @media (min-width: 992px) { 7966 @media (min-width: 992px) {
7963 .cabinet__menu-item.active.red { 7967 .cabinet__menu-item.active.red {
7964 background: #eb5757; 7968 background: #eb5757;
7965 } 7969 }
7966 } 7970 }
7967 .cabinet__menu-item i { 7971 .cabinet__menu-item i {
7968 width: 16px; 7972 width: 16px;
7969 height: 16px; 7973 height: 16px;
7970 color: #377d87; 7974 color: #377d87;
7971 } 7975 }
7972 @media (min-width: 768px) { 7976 @media (min-width: 768px) {
7973 .cabinet__menu-item i { 7977 .cabinet__menu-item i {
7974 width: 22px; 7978 width: 22px;
7975 height: 22px; 7979 height: 22px;
7976 } 7980 }
7977 } 7981 }
7978 .cabinet__menu-item svg { 7982 .cabinet__menu-item svg {
7979 width: 16px; 7983 width: 16px;
7980 height: 16px; 7984 height: 16px;
7981 } 7985 }
7982 @media (min-width: 768px) { 7986 @media (min-width: 768px) {
7983 .cabinet__menu-item svg { 7987 .cabinet__menu-item svg {
7984 width: 22px; 7988 width: 22px;
7985 height: 22px; 7989 height: 22px;
7986 } 7990 }
7987 } 7991 }
7988 .cabinet__menu-item span { 7992 .cabinet__menu-item span {
7989 width: calc(100% - 16px); 7993 width: calc(100% - 16px);
7990 font-size: 12px; 7994 font-size: 12px;
7991 padding-left: 10px; 7995 padding-left: 10px;
7992 } 7996 }
7993 @media (min-width: 768px) { 7997 @media (min-width: 768px) {
7994 .cabinet__menu-item span { 7998 .cabinet__menu-item span {
7995 font-size: 20px; 7999 font-size: 20px;
7996 width: calc(100% - 22px); 8000 width: calc(100% - 22px);
7997 padding-left: 16px; 8001 padding-left: 16px;
7998 } 8002 }
7999 } 8003 }
8000 .cabinet__menu-bottom { 8004 .cabinet__menu-bottom {
8001 display: -webkit-box; 8005 display: -webkit-box;
8002 display: -ms-flexbox; 8006 display: -ms-flexbox;
8003 display: flex; 8007 display: flex;
8004 -webkit-box-orient: vertical; 8008 -webkit-box-orient: vertical;
8005 -webkit-box-direction: normal; 8009 -webkit-box-direction: normal;
8006 -ms-flex-direction: column; 8010 -ms-flex-direction: column;
8007 flex-direction: column; 8011 flex-direction: column;
8008 gap: 10px; 8012 gap: 10px;
8009 margin-top: 10px; 8013 margin-top: 10px;
8010 } 8014 }
8011 @media (min-width: 768px) { 8015 @media (min-width: 768px) {
8012 .cabinet__menu-bottom { 8016 .cabinet__menu-bottom {
8013 gap: 20px; 8017 gap: 20px;
8014 margin-top: 20px; 8018 margin-top: 20px;
8015 } 8019 }
8016 } 8020 }
8017 .cabinet__menu-copy { 8021 .cabinet__menu-copy {
8018 color: #9c9d9d; 8022 color: #9c9d9d;
8019 text-align: center; 8023 text-align: center;
8020 font-size: 12px; 8024 font-size: 12px;
8021 } 8025 }
8022 @media (min-width: 768px) { 8026 @media (min-width: 768px) {
8023 .cabinet__menu-copy { 8027 .cabinet__menu-copy {
8024 font-size: 16px; 8028 font-size: 16px;
8025 } 8029 }
8026 } 8030 }
8027 .cabinet__body { 8031 .cabinet__body {
8028 margin: 0 -10px; 8032 margin: 0 -10px;
8029 margin-top: 50px; 8033 margin-top: 50px;
8030 background: #fff; 8034 background: #fff;
8031 padding: 20px 10px; 8035 padding: 20px 10px;
8032 display: -webkit-box; 8036 display: -webkit-box;
8033 display: -ms-flexbox; 8037 display: -ms-flexbox;
8034 display: flex; 8038 display: flex;
8035 -webkit-box-orient: vertical; 8039 -webkit-box-orient: vertical;
8036 -webkit-box-direction: normal; 8040 -webkit-box-direction: normal;
8037 -ms-flex-direction: column; 8041 -ms-flex-direction: column;
8038 flex-direction: column; 8042 flex-direction: column;
8039 gap: 30px; 8043 gap: 30px;
8040 color: #000; 8044 color: #000;
8041 } 8045 }
8042 @media (min-width: 768px) { 8046 @media (min-width: 768px) {
8043 .cabinet__body { 8047 .cabinet__body {
8044 padding: 30px 20px; 8048 padding: 30px 20px;
8045 margin: 0; 8049 margin: 0;
8046 border-radius: 8px; 8050 border-radius: 8px;
8047 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8051 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8048 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8052 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8049 } 8053 }
8050 } 8054 }
8051 @media (min-width: 992px) { 8055 @media (min-width: 992px) {
8052 .cabinet__body { 8056 .cabinet__body {
8053 width: calc(100% - 360px); 8057 width: calc(100% - 360px);
8054 } 8058 }
8055 } 8059 }
8056 @media (min-width: 1280px) { 8060 @media (min-width: 1280px) {
8057 .cabinet__body { 8061 .cabinet__body {
8058 width: calc(100% - 420px); 8062 width: calc(100% - 420px);
8059 } 8063 }
8060 } 8064 }
8061 .cabinet__body-item { 8065 .cabinet__body-item {
8062 display: -webkit-box; 8066 display: -webkit-box;
8063 display: -ms-flexbox; 8067 display: -ms-flexbox;
8064 display: flex; 8068 display: flex;
8065 -webkit-box-orient: vertical; 8069 -webkit-box-orient: vertical;
8066 -webkit-box-direction: normal; 8070 -webkit-box-direction: normal;
8067 -ms-flex-direction: column; 8071 -ms-flex-direction: column;
8068 flex-direction: column; 8072 flex-direction: column;
8069 gap: 20px; 8073 gap: 20px;
8070 } 8074 }
8071 .cabinet__title { 8075 .cabinet__title {
8072 font-size: 24px; 8076 font-size: 24px;
8073 margin-bottom: 20px; 8077 margin-bottom: 20px;
8074 } 8078 }
8075 @media (min-width: 768px) { 8079 @media (min-width: 768px) {
8076 .cabinet__title { 8080 .cabinet__title {
8077 font-size: 32px; 8081 font-size: 32px;
8078 } 8082 }
8079 } 8083 }
8080 @media (min-width: 992px) { 8084 @media (min-width: 992px) {
8081 .cabinet__title { 8085 .cabinet__title {
8082 font-size: 40px; 8086 font-size: 40px;
8083 } 8087 }
8084 } 8088 }
8085 .cabinet__subtitle { 8089 .cabinet__subtitle {
8086 font-size: 22px; 8090 font-size: 22px;
8087 margin: 0; 8091 margin: 0;
8088 font-weight: 700; 8092 font-weight: 700;
8089 color: #000; 8093 color: #000;
8090 } 8094 }
8091 @media (min-width: 768px) { 8095 @media (min-width: 768px) {
8092 .cabinet__subtitle { 8096 .cabinet__subtitle {
8093 font-size: 24px; 8097 font-size: 24px;
8094 } 8098 }
8095 } 8099 }
8096 .cabinet__h4 { 8100 .cabinet__h4 {
8097 font-size: 20px; 8101 font-size: 20px;
8098 margin: 0; 8102 margin: 0;
8099 font-weight: 700; 8103 font-weight: 700;
8100 color: #000; 8104 color: #000;
8101 } 8105 }
8102 @media (min-width: 768px) { 8106 @media (min-width: 768px) {
8103 .cabinet__h4 { 8107 .cabinet__h4 {
8104 font-size: 22px; 8108 font-size: 22px;
8105 } 8109 }
8106 } 8110 }
8107 .cabinet__text { 8111 .cabinet__text {
8108 margin: 0; 8112 margin: 0;
8109 font-size: 14px; 8113 font-size: 14px;
8110 } 8114 }
8111 @media (min-width: 768px) { 8115 @media (min-width: 768px) {
8112 .cabinet__text { 8116 .cabinet__text {
8113 font-size: 16px; 8117 font-size: 16px;
8114 } 8118 }
8115 } 8119 }
8116 .cabinet__text b { 8120 .cabinet__text b {
8117 color: #000; 8121 color: #000;
8118 font-size: 18px; 8122 font-size: 18px;
8119 } 8123 }
8120 @media (min-width: 768px) { 8124 @media (min-width: 768px) {
8121 .cabinet__text b { 8125 .cabinet__text b {
8122 font-size: 24px; 8126 font-size: 24px;
8123 } 8127 }
8124 } 8128 }
8125 .cabinet__descr { 8129 .cabinet__descr {
8126 display: -webkit-box; 8130 display: -webkit-box;
8127 display: -ms-flexbox; 8131 display: -ms-flexbox;
8128 display: flex; 8132 display: flex;
8129 -webkit-box-orient: vertical; 8133 -webkit-box-orient: vertical;
8130 -webkit-box-direction: normal; 8134 -webkit-box-direction: normal;
8131 -ms-flex-direction: column; 8135 -ms-flex-direction: column;
8132 flex-direction: column; 8136 flex-direction: column;
8133 gap: 6px; 8137 gap: 6px;
8134 } 8138 }
8135 @media (min-width: 768px) { 8139 @media (min-width: 768px) {
8136 .cabinet__descr { 8140 .cabinet__descr {
8137 gap: 12px; 8141 gap: 12px;
8138 } 8142 }
8139 } 8143 }
8140 .cabinet__avatar { 8144 .cabinet__avatar {
8141 display: -webkit-box; 8145 display: -webkit-box;
8142 display: -ms-flexbox; 8146 display: -ms-flexbox;
8143 display: flex; 8147 display: flex;
8144 -webkit-box-align: start; 8148 -webkit-box-align: start;
8145 -ms-flex-align: start; 8149 -ms-flex-align: start;
8146 align-items: flex-start; 8150 align-items: flex-start;
8147 } 8151 }
8148 @media (min-width: 768px) { 8152 @media (min-width: 768px) {
8149 .cabinet__avatar { 8153 .cabinet__avatar {
8150 -webkit-box-align: center; 8154 -webkit-box-align: center;
8151 -ms-flex-align: center; 8155 -ms-flex-align: center;
8152 align-items: center; 8156 align-items: center;
8153 } 8157 }
8154 } 8158 }
8155 .cabinet__avatar-pic { 8159 .cabinet__avatar-pic {
8156 width: 100px; 8160 width: 100px;
8157 aspect-ratio: 1/1; 8161 aspect-ratio: 1/1;
8158 position: relative; 8162 position: relative;
8159 display: -webkit-box; 8163 display: -webkit-box;
8160 display: -ms-flexbox; 8164 display: -ms-flexbox;
8161 display: flex; 8165 display: flex;
8162 -webkit-box-pack: center; 8166 -webkit-box-pack: center;
8163 -ms-flex-pack: center; 8167 -ms-flex-pack: center;
8164 justify-content: center; 8168 justify-content: center;
8165 -webkit-box-align: center; 8169 -webkit-box-align: center;
8166 -ms-flex-align: center; 8170 -ms-flex-align: center;
8167 align-items: center; 8171 align-items: center;
8168 overflow: hidden; 8172 overflow: hidden;
8169 border-radius: 8px; 8173 border-radius: 8px;
8170 color: #fff; 8174 color: #fff;
8171 background: #9c9d9d; 8175 background: #9c9d9d;
8172 } 8176 }
8173 .cabinet__avatar-pic svg { 8177 .cabinet__avatar-pic svg {
8174 width: 50%; 8178 width: 50%;
8175 aspect-ratio: 1/1; 8179 aspect-ratio: 1/1;
8176 z-index: 1; 8180 z-index: 1;
8177 position: relative; 8181 position: relative;
8178 } 8182 }
8179 .cabinet__avatar-pic img{ 8183 .cabinet__avatar-pic img{
8180 max-width: 100%; 8184 max-width: 100%;
8181 max-height: 100%; 8185 max-height: 100%;
8182 } 8186 }
8183 .cabinet__avatar-form { 8187 .cabinet__avatar-form {
8184 width: calc(100% - 100px); 8188 width: calc(100% - 100px);
8185 padding-left: 15px; 8189 padding-left: 15px;
8186 display: -webkit-box; 8190 display: -webkit-box;
8187 display: -ms-flexbox; 8191 display: -ms-flexbox;
8188 display: flex; 8192 display: flex;
8189 -webkit-box-orient: vertical; 8193 -webkit-box-orient: vertical;
8190 -webkit-box-direction: normal; 8194 -webkit-box-direction: normal;
8191 -ms-flex-direction: column; 8195 -ms-flex-direction: column;
8192 flex-direction: column; 8196 flex-direction: column;
8193 gap: 6px; 8197 gap: 6px;
8194 } 8198 }
8195 .candidate-top-wrapper{ 8199 .candidate-top-wrapper{
8196 display: flex; 8200 display: flex;
8197 } 8201 }
8198 .candidate-top-wrapper .candidate-thumbnail{ 8202 .candidate-top-wrapper .candidate-thumbnail{
8199 width: 100px; 8203 width: 100px;
8200 height: 100px; 8204 height: 100px;
8201 min-width: 100px; 8205 min-width: 100px;
8202 border-radius: 8px; 8206 border-radius: 8px;
8203 overflow: hidden; 8207 overflow: hidden;
8204 } 8208 }
8205 .candidate-top-wrapper .candidate-thumbnail img{ 8209 .candidate-top-wrapper .candidate-thumbnail img{
8206 max-height: 100%; 8210 max-height: 100%;
8207 max-width: 100%; 8211 max-width: 100%;
8208 } 8212 }
8209 .candidate-top-wrapper .candidate-information{ 8213 .candidate-top-wrapper .candidate-information{
8210 padding-left: 20px; 8214 padding-left: 20px;
8211 font-size: 21px; 8215 font-size: 21px;
8212 display: flex; 8216 display: flex;
8213 align-items: center; 8217 align-items: center;
8214 } 8218 }
8215 .candidate-top-wrapper .candidate-information .candidate-title{ 8219 .candidate-top-wrapper .candidate-information .candidate-title{
8216 font-size: inherit; 8220 font-size: inherit;
8217 } 8221 }
8218 .content-single-candidate .education-detail-description{ 8222 .content-single-candidate .education-detail-description{
8219 margin-bottom: 50px; 8223 margin-bottom: 50px;
8220 text-align: justify; 8224 text-align: justify;
8221 } 8225 }
8222 .content-single-candidate .education-detail-description h3.title{ 8226 .content-single-candidate .education-detail-description h3.title{
8223 font-size: 18px; 8227 font-size: 18px;
8224 margin: 0 0 20px; 8228 margin: 0 0 20px;
8225 } 8229 }
8226 .content-single-candidate .education-detail-description .inner{ 8230 .content-single-candidate .education-detail-description .inner{
8227 font-size: 16px; 8231 font-size: 16px;
8228 font-weight: 300; 8232 font-weight: 300;
8229 line-height: 22px; 8233 line-height: 22px;
8230 color: #77838F; 8234 color: #77838F;
8231 } 8235 }
8232 .education-detail-programs h3.title{ 8236 .education-detail-programs h3.title{
8233 font-size: 18px; 8237 font-size: 18px;
8234 margin: 0 0 20px; 8238 margin: 0 0 20px;
8235 } 8239 }
8236 .education-detail-programs .accordion{ 8240 .education-detail-programs .accordion{
8237 margin: 1rem 0; 8241 margin: 1rem 0;
8238 padding: 0; 8242 padding: 0;
8239 list-style: none; 8243 list-style: none;
8240 border-top: 1px solid #ECEDF2; 8244 border-top: 1px solid #ECEDF2;
8241 } 8245 }
8242 .education-detail-programs .accordion.sub{ 8246 .education-detail-programs .accordion.sub{
8243 padding-left: 20px; 8247 padding-left: 20px;
8244 display: none; 8248 display: none;
8245 } 8249 }
8246 .education-detail-programs .accordion-item { 8250 .education-detail-programs .accordion-item {
8247 border-bottom: 1px solid #ECEDF2; 8251 border-bottom: 1px solid #ECEDF2;
8248 } 8252 }
8249 .education-detail-programs .accordion-thumb { 8253 .education-detail-programs .accordion-thumb {
8250 margin: 0; 8254 margin: 0;
8251 padding: 25px 0; 8255 padding: 25px 0;
8252 cursor: pointer; 8256 cursor: pointer;
8253 font-weight: normal; 8257 font-weight: normal;
8254 color: #0E5C69; 8258 color: #0E5C69;
8255 font-size: 16px; 8259 font-size: 16px;
8256 text-transform: uppercase; 8260 text-transform: uppercase;
8257 } 8261 }
8258 .education-detail-programs .accordion-thumb::after { 8262 .education-detail-programs .accordion-thumb::after {
8259 content: ""; 8263 content: "";
8260 display: block; 8264 display: block;
8261 float: right; 8265 float: right;
8262 position: relative; 8266 position: relative;
8263 top: 6px; 8267 top: 6px;
8264 height: 7px; 8268 height: 7px;
8265 width: 7px; 8269 width: 7px;
8266 margin-right: 1rem; 8270 margin-right: 1rem;
8267 margin-left: 0.5rem; 8271 margin-left: 0.5rem;
8268 border-right: 1px solid; 8272 border-right: 1px solid;
8269 border-bottom: 1px solid; 8273 border-bottom: 1px solid;
8270 border-color: #828A96; 8274 border-color: #828A96;
8271 transform: rotate(-45deg); 8275 transform: rotate(-45deg);
8272 transition: transform 0.2s ease-out; 8276 transition: transform 0.2s ease-out;
8273 } 8277 }
8274 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8278 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8275 transform: rotate(45deg); 8279 transform: rotate(45deg);
8276 } 8280 }
8277 .accordion-sub .accordion-panel{ 8281 .accordion-sub .accordion-panel{
8278 display: none; 8282 display: none;
8279 } 8283 }
8280 .accordion > .accordion-item > .accordion-panel{ 8284 .accordion > .accordion-item > .accordion-panel{
8281 opacity: 1; 8285 opacity: 1;
8282 } 8286 }
8283 .accordion-sub li{ 8287 .accordion-sub li{
8284 list-style-type: none; 8288 list-style-type: none;
8285 } 8289 }
8286 .education-detail-contacts{ 8290 .education-detail-contacts{
8287 margin-top: 50px; 8291 margin-top: 50px;
8288 } 8292 }
8289 .education-detail-contacts h3.title{ 8293 .education-detail-contacts h3.title{
8290 font-size: 18px; 8294 font-size: 18px;
8291 margin: 0 0 20px; 8295 margin: 0 0 20px;
8292 } 8296 }
8293 .education-detail-contacts .inner > div{ 8297 .education-detail-contacts .inner > div{
8294 display: flex; 8298 display: flex;
8295 align-items: center; 8299 align-items: center;
8296 margin-bottom: 20px; 8300 margin-bottom: 20px;
8297 } 8301 }
8298 .education-detail-contacts .inner > div .icon{ 8302 .education-detail-contacts .inner > div .icon{
8299 margin-right: 20px; 8303 margin-right: 20px;
8300 } 8304 }
8301 @media (min-width: 768px) { 8305 @media (min-width: 768px) {
8302 .cabinet__avatar-form { 8306 .cabinet__avatar-form {
8303 -webkit-box-align: start; 8307 -webkit-box-align: start;
8304 -ms-flex-align: start; 8308 -ms-flex-align: start;
8305 align-items: flex-start; 8309 align-items: flex-start;
8306 padding-left: 30px; 8310 padding-left: 30px;
8307 gap: 12px; 8311 gap: 12px;
8308 } 8312 }
8309 } 8313 }
8310 @media (min-width: 768px) { 8314 @media (min-width: 768px) {
8311 .cabinet__avatar-form .file { 8315 .cabinet__avatar-form .file {
8312 min-width: 215px; 8316 min-width: 215px;
8313 } 8317 }
8314 } 8318 }
8315 .cabinet__inputs { 8319 .cabinet__inputs {
8316 display: -webkit-box; 8320 display: -webkit-box;
8317 display: -ms-flexbox; 8321 display: -ms-flexbox;
8318 display: flex; 8322 display: flex;
8319 -webkit-box-orient: vertical; 8323 -webkit-box-orient: vertical;
8320 -webkit-box-direction: normal; 8324 -webkit-box-direction: normal;
8321 -ms-flex-direction: column; 8325 -ms-flex-direction: column;
8322 flex-direction: column; 8326 flex-direction: column;
8323 gap: 20px; 8327 gap: 20px;
8324 } 8328 }
8325 @media (min-width: 1280px) { 8329 @media (min-width: 1280px) {
8326 .cabinet__inputs { 8330 .cabinet__inputs {
8327 -webkit-box-orient: horizontal; 8331 -webkit-box-orient: horizontal;
8328 -webkit-box-direction: normal; 8332 -webkit-box-direction: normal;
8329 -ms-flex-direction: row; 8333 -ms-flex-direction: row;
8330 flex-direction: row; 8334 flex-direction: row;
8331 -webkit-box-align: end; 8335 -webkit-box-align: end;
8332 -ms-flex-align: end; 8336 -ms-flex-align: end;
8333 align-items: end; 8337 align-items: end;
8334 -webkit-box-pack: justify; 8338 -webkit-box-pack: justify;
8335 -ms-flex-pack: justify; 8339 -ms-flex-pack: justify;
8336 justify-content: space-between; 8340 justify-content: space-between;
8337 -ms-flex-wrap: wrap; 8341 -ms-flex-wrap: wrap;
8338 flex-wrap: wrap; 8342 flex-wrap: wrap;
8339 } 8343 }
8340 } 8344 }
8341 @media (min-width: 1280px) { 8345 @media (min-width: 1280px) {
8342 .cabinet__inputs-item { 8346 .cabinet__inputs-item {
8343 width: calc(50% - 10px); 8347 width: calc(50% - 10px);
8344 } 8348 }
8345 } 8349 }
8346 @media (min-width: 1280px) { 8350 @media (min-width: 1280px) {
8347 .cabinet__inputs-item_fullwidth { 8351 .cabinet__inputs-item_fullwidth {
8348 width: 100%; 8352 width: 100%;
8349 } 8353 }
8350 } 8354 }
8351 @media (min-width: 1280px) { 8355 @media (min-width: 1280px) {
8352 .cabinet__inputs-item_min { 8356 .cabinet__inputs-item_min {
8353 width: calc(15% - 10px); 8357 width: calc(15% - 10px);
8354 } 8358 }
8355 } 8359 }
8356 @media (min-width: 1280px) { 8360 @media (min-width: 1280px) {
8357 .cabinet__inputs-item_max { 8361 .cabinet__inputs-item_max {
8358 width: calc(85% - 10px); 8362 width: calc(85% - 10px);
8359 } 8363 }
8360 } 8364 }
8361 @media (min-width: 768px) { 8365 @media (min-width: 768px) {
8362 .cabinet__inputs-item .button { 8366 .cabinet__inputs-item .button {
8363 width: 100%; 8367 width: 100%;
8364 max-width: 215px; 8368 max-width: 215px;
8365 padding: 0; 8369 padding: 0;
8366 } 8370 }
8367 } 8371 }
8368 .cabinet__inputs-item.column-count-3{ 8372 .cabinet__inputs-item.column-count-3{
8369 width: calc(32% - 10px); 8373 width: calc(32% - 10px);
8370 } 8374 }
8371 .cabinet__inputs-item-full-row { 8375 .cabinet__inputs-item-full-row {
8372 width: 100%; 8376 width: 100%;
8373 } 8377 }
8374 .cabinet__inputs-item .buttons { 8378 .cabinet__inputs-item .buttons {
8375 display: grid; 8379 display: grid;
8376 grid-template-columns: 1fr 1fr; 8380 grid-template-columns: 1fr 1fr;
8377 gap: 10px; 8381 gap: 10px;
8378 } 8382 }
8379 .cabinet__inputs-item .form-group__label{ 8383 .cabinet__inputs-item .form-group__label{
8380 font-weight: bold; 8384 font-weight: bold;
8381 } 8385 }
8382 @media (min-width: 768px) { 8386 @media (min-width: 768px) {
8383 .cabinet__inputs-item .buttons { 8387 .cabinet__inputs-item .buttons {
8384 gap: 20px; 8388 gap: 20px;
8385 max-width: 470px; 8389 max-width: 470px;
8386 } 8390 }
8387 } 8391 }
8388 @media (min-width: 992px) { 8392 @media (min-width: 992px) {
8389 .cabinet__inputs-item .buttons { 8393 .cabinet__inputs-item .buttons {
8390 max-width: none; 8394 max-width: none;
8391 } 8395 }
8392 } 8396 }
8393 @media (min-width: 1280px) { 8397 @media (min-width: 1280px) {
8394 .cabinet__inputs-item .buttons { 8398 .cabinet__inputs-item .buttons {
8395 max-width: 470px; 8399 max-width: 470px;
8396 } 8400 }
8397 } 8401 }
8398 .cabinet__inputs-item .buttons .button { 8402 .cabinet__inputs-item .buttons .button {
8399 max-width: none; 8403 max-width: none;
8400 } 8404 }
8401 .cabinet__inputs > .button { 8405 .cabinet__inputs > .button {
8402 padding: 0; 8406 padding: 0;
8403 width: 100%; 8407 width: 100%;
8404 max-width: 140px; 8408 max-width: 140px;
8405 } 8409 }
8406 @media (min-width: 768px) { 8410 @media (min-width: 768px) {
8407 .cabinet__inputs > .button { 8411 .cabinet__inputs > .button {
8408 max-width: 190px; 8412 max-width: 190px;
8409 } 8413 }
8410 } 8414 }
8411 .cabinet__add { 8415 .cabinet__add {
8412 display: -webkit-box; 8416 display: -webkit-box;
8413 display: -ms-flexbox; 8417 display: -ms-flexbox;
8414 display: flex; 8418 display: flex;
8415 -webkit-box-orient: vertical; 8419 -webkit-box-orient: vertical;
8416 -webkit-box-direction: normal; 8420 -webkit-box-direction: normal;
8417 -ms-flex-direction: column; 8421 -ms-flex-direction: column;
8418 flex-direction: column; 8422 flex-direction: column;
8419 gap: 10px; 8423 gap: 10px;
8420 } 8424 }
8421 @media (min-width: 768px) { 8425 @media (min-width: 768px) {
8422 .cabinet__add { 8426 .cabinet__add {
8423 gap: 0; 8427 gap: 0;
8424 -webkit-box-orient: horizontal; 8428 -webkit-box-orient: horizontal;
8425 -webkit-box-direction: normal; 8429 -webkit-box-direction: normal;
8426 -ms-flex-direction: row; 8430 -ms-flex-direction: row;
8427 flex-direction: row; 8431 flex-direction: row;
8428 -webkit-box-align: end; 8432 -webkit-box-align: end;
8429 -ms-flex-align: end; 8433 -ms-flex-align: end;
8430 align-items: flex-end; 8434 align-items: flex-end;
8431 } 8435 }
8432 } 8436 }
8433 .cabinet__add-pic { 8437 .cabinet__add-pic {
8434 border-radius: 4px; 8438 border-radius: 4px;
8435 position: relative; 8439 position: relative;
8436 overflow: hidden; 8440 overflow: hidden;
8437 background: #9c9d9d; 8441 background: #9c9d9d;
8438 color: #fff; 8442 color: #fff;
8439 width: 100px; 8443 width: 100px;
8440 aspect-ratio: 1/1; 8444 aspect-ratio: 1/1;
8441 -webkit-transition: 0.3s; 8445 -webkit-transition: 0.3s;
8442 transition: 0.3s; 8446 transition: 0.3s;
8443 } 8447 }
8444 @media (min-width: 768px) { 8448 @media (min-width: 768px) {
8445 .cabinet__add-pic { 8449 .cabinet__add-pic {
8446 width: 220px; 8450 width: 220px;
8447 border-radius: 8px; 8451 border-radius: 8px;
8448 } 8452 }
8449 } 8453 }
8450 .cabinet__add-pic:hover { 8454 .cabinet__add-pic:hover {
8451 background: #000; 8455 background: #000;
8452 } 8456 }
8453 .cabinet__add-pic input { 8457 .cabinet__add-pic input {
8454 display: none; 8458 display: none;
8455 } 8459 }
8456 .cabinet__add-pic > svg { 8460 .cabinet__add-pic > svg {
8457 width: 20px; 8461 width: 20px;
8458 position: absolute; 8462 position: absolute;
8459 top: 50%; 8463 top: 50%;
8460 left: 50%; 8464 left: 50%;
8461 -webkit-transform: translate(-50%, -50%); 8465 -webkit-transform: translate(-50%, -50%);
8462 -ms-transform: translate(-50%, -50%); 8466 -ms-transform: translate(-50%, -50%);
8463 transform: translate(-50%, -50%); 8467 transform: translate(-50%, -50%);
8464 z-index: 1; 8468 z-index: 1;
8465 } 8469 }
8466 @media (min-width: 768px) { 8470 @media (min-width: 768px) {
8467 .cabinet__add-pic > svg { 8471 .cabinet__add-pic > svg {
8468 width: 50px; 8472 width: 50px;
8469 } 8473 }
8470 } 8474 }
8471 .cabinet__add-pic span { 8475 .cabinet__add-pic span {
8472 display: -webkit-box; 8476 display: -webkit-box;
8473 display: -ms-flexbox; 8477 display: -ms-flexbox;
8474 display: flex; 8478 display: flex;
8475 -webkit-box-align: center; 8479 -webkit-box-align: center;
8476 -ms-flex-align: center; 8480 -ms-flex-align: center;
8477 align-items: center; 8481 align-items: center;
8478 -webkit-box-pack: center; 8482 -webkit-box-pack: center;
8479 -ms-flex-pack: center; 8483 -ms-flex-pack: center;
8480 justify-content: center; 8484 justify-content: center;
8481 width: 100%; 8485 width: 100%;
8482 gap: 4px; 8486 gap: 4px;
8483 font-weight: 700; 8487 font-weight: 700;
8484 font-size: 8px; 8488 font-size: 8px;
8485 line-height: 1; 8489 line-height: 1;
8486 position: absolute; 8490 position: absolute;
8487 top: 50%; 8491 top: 50%;
8488 left: 50%; 8492 left: 50%;
8489 -webkit-transform: translate(-50%, -50%); 8493 -webkit-transform: translate(-50%, -50%);
8490 -ms-transform: translate(-50%, -50%); 8494 -ms-transform: translate(-50%, -50%);
8491 transform: translate(-50%, -50%); 8495 transform: translate(-50%, -50%);
8492 margin-top: 25px; 8496 margin-top: 25px;
8493 } 8497 }
8494 @media (min-width: 768px) { 8498 @media (min-width: 768px) {
8495 .cabinet__add-pic span { 8499 .cabinet__add-pic span {
8496 font-size: 16px; 8500 font-size: 16px;
8497 margin-top: 60px; 8501 margin-top: 60px;
8498 } 8502 }
8499 } 8503 }
8500 .cabinet__add-pic span svg { 8504 .cabinet__add-pic span svg {
8501 width: 7px; 8505 width: 7px;
8502 aspect-ratio: 1/1; 8506 aspect-ratio: 1/1;
8503 } 8507 }
8504 @media (min-width: 768px) { 8508 @media (min-width: 768px) {
8505 .cabinet__add-pic span svg { 8509 .cabinet__add-pic span svg {
8506 width: 16px; 8510 width: 16px;
8507 } 8511 }
8508 } 8512 }
8509 .cabinet__add-body { 8513 .cabinet__add-body {
8510 display: -webkit-box; 8514 display: -webkit-box;
8511 display: -ms-flexbox; 8515 display: -ms-flexbox;
8512 display: flex; 8516 display: flex;
8513 -webkit-box-orient: vertical; 8517 -webkit-box-orient: vertical;
8514 -webkit-box-direction: normal; 8518 -webkit-box-direction: normal;
8515 -ms-flex-direction: column; 8519 -ms-flex-direction: column;
8516 flex-direction: column; 8520 flex-direction: column;
8517 gap: 10px; 8521 gap: 10px;
8518 } 8522 }
8519 @media (min-width: 768px) { 8523 @media (min-width: 768px) {
8520 .cabinet__add-body { 8524 .cabinet__add-body {
8521 gap: 20px; 8525 gap: 20px;
8522 width: calc(100% - 220px); 8526 width: calc(100% - 220px);
8523 padding-left: 20px; 8527 padding-left: 20px;
8524 } 8528 }
8525 } 8529 }
8526 @media (min-width: 768px) { 8530 @media (min-width: 768px) {
8527 .cabinet__add-body .button { 8531 .cabinet__add-body .button {
8528 width: 215px; 8532 width: 215px;
8529 padding: 0; 8533 padding: 0;
8530 } 8534 }
8531 } 8535 }
8532 .cabinet__fleet { 8536 .cabinet__fleet {
8533 display: -webkit-box; 8537 display: -webkit-box;
8534 display: -ms-flexbox; 8538 display: -ms-flexbox;
8535 display: flex; 8539 display: flex;
8536 -webkit-box-orient: vertical; 8540 -webkit-box-orient: vertical;
8537 -webkit-box-direction: normal; 8541 -webkit-box-direction: normal;
8538 -ms-flex-direction: column; 8542 -ms-flex-direction: column;
8539 flex-direction: column; 8543 flex-direction: column;
8540 gap: 20px; 8544 gap: 20px;
8541 } 8545 }
8542 @media (min-width: 768px) { 8546 @media (min-width: 768px) {
8543 .cabinet__fleet { 8547 .cabinet__fleet {
8544 display: grid; 8548 display: grid;
8545 grid-template-columns: repeat(2, 1fr); 8549 grid-template-columns: repeat(2, 1fr);
8546 } 8550 }
8547 } 8551 }
8548 @media (min-width: 1280px) { 8552 @media (min-width: 1280px) {
8549 .cabinet__fleet { 8553 .cabinet__fleet {
8550 grid-template-columns: repeat(3, 1fr); 8554 grid-template-columns: repeat(3, 1fr);
8551 } 8555 }
8552 } 8556 }
8553 @media (min-width: 768px) { 8557 @media (min-width: 768px) {
8554 .cabinet__submit { 8558 .cabinet__submit {
8555 width: 215px; 8559 width: 215px;
8556 padding: 0; 8560 padding: 0;
8557 margin: 0 auto; 8561 margin: 0 auto;
8558 } 8562 }
8559 } 8563 }
8560 .cabinet__filters { 8564 .cabinet__filters {
8561 display: -webkit-box; 8565 display: -webkit-box;
8562 display: -ms-flexbox; 8566 display: -ms-flexbox;
8563 display: flex; 8567 display: flex;
8564 -webkit-box-orient: vertical; 8568 -webkit-box-orient: vertical;
8565 -webkit-box-direction: normal; 8569 -webkit-box-direction: normal;
8566 -ms-flex-direction: column; 8570 -ms-flex-direction: column;
8567 flex-direction: column; 8571 flex-direction: column;
8568 gap: 10px; 8572 gap: 10px;
8569 } 8573 }
8570 .cabinet__export-wrap{ 8574 .cabinet__export-wrap{
8571 padding: 10px; 8575 padding: 10px;
8572 border: 1px #cecece solid; 8576 border: 1px #cecece solid;
8573 border-radius: 8px; 8577 border-radius: 8px;
8574 width: 100%; 8578 width: 100%;
8575 } 8579 }
8576 .cabinet__export-button-wrap{ 8580 .cabinet__export-button-wrap{
8577 max-width: 200px; 8581 max-width: 200px;
8578 margin-bottom: 10px; 8582 margin-bottom: 10px;
8579 } 8583 }
8580 .cabinet__export-options-wrap{ 8584 .cabinet__export-options-wrap{
8581 display: flex; 8585 display: flex;
8582 justify-content: space-between; 8586 justify-content: space-between;
8583 } 8587 }
8584 .job-title-list-wrap{ 8588 .job-title-list-wrap{
8585 margin-top: 5px; 8589 margin-top: 5px;
8586 } 8590 }
8587 .cabinet__export-error{ 8591 .cabinet__export-error{
8588 color: red; 8592 color: red;
8589 } 8593 }
8590 .flot-image-wrap img{ 8594 .flot-image-wrap img{
8591 max-width: 100%; 8595 max-width: 100%;
8592 max-height: 100%; 8596 max-height: 100%;
8593 flex: 0 0 auto; 8597 flex: 0 0 auto;
8594 } 8598 }
8595 .flot-image-wrap{ 8599 .flot-image-wrap{
8596 width: 220px; 8600 width: 220px;
8597 height: 220px; 8601 height: 220px;
8598 display: flex; 8602 display: flex;
8599 justify-content: center; 8603 justify-content: center;
8600 align-items: center; 8604 align-items: center;
8601 } 8605 }
8602 @media (min-width: 768px) { 8606 @media (min-width: 768px) {
8603 .cabinet__filters { 8607 .cabinet__filters {
8604 gap: 20px; 8608 gap: 20px;
8605 } 8609 }
8606 } 8610 }
8607 @media (min-width: 1280px) { 8611 @media (min-width: 1280px) {
8608 .cabinet__filters { 8612 .cabinet__filters {
8609 -webkit-box-orient: horizontal; 8613 -webkit-box-orient: horizontal;
8610 -webkit-box-direction: normal; 8614 -webkit-box-direction: normal;
8611 -ms-flex-direction: row; 8615 -ms-flex-direction: row;
8612 flex-direction: row; 8616 flex-direction: row;
8613 -webkit-box-align: start; 8617 -webkit-box-align: start;
8614 -ms-flex-align: start; 8618 -ms-flex-align: start;
8615 align-items: flex-start; 8619 align-items: flex-start;
8616 -webkit-box-pack: justify; 8620 -webkit-box-pack: justify;
8617 -ms-flex-pack: justify; 8621 -ms-flex-pack: justify;
8618 justify-content: space-between; 8622 justify-content: space-between;
8619 } 8623 }
8620 } 8624 }
8621 .cabinet__filters-item { 8625 .cabinet__filters-item {
8622 display: -webkit-box; 8626 display: -webkit-box;
8623 display: -ms-flexbox; 8627 display: -ms-flexbox;
8624 display: flex; 8628 display: flex;
8625 -webkit-box-orient: vertical; 8629 -webkit-box-orient: vertical;
8626 -webkit-box-direction: normal; 8630 -webkit-box-direction: normal;
8627 -ms-flex-direction: column; 8631 -ms-flex-direction: column;
8628 flex-direction: column; 8632 flex-direction: column;
8629 -webkit-box-align: start; 8633 -webkit-box-align: start;
8630 -ms-flex-align: start; 8634 -ms-flex-align: start;
8631 align-items: flex-start; 8635 align-items: flex-start;
8632 gap: 10px; 8636 gap: 10px;
8633 } 8637 }
8634 @media (min-width: 768px) { 8638 @media (min-width: 768px) {
8635 .cabinet__filters-item { 8639 .cabinet__filters-item {
8636 gap: 20px; 8640 gap: 20px;
8637 } 8641 }
8638 } 8642 }
8639 @media (min-width: 1280px) { 8643 @media (min-width: 1280px) {
8640 .cabinet__filters-item { 8644 .cabinet__filters-item {
8641 width: calc(50% - 10px); 8645 width: calc(50% - 10px);
8642 max-width: 410px; 8646 max-width: 410px;
8643 } 8647 }
8644 } 8648 }
8645 .cabinet__filters-item .button, 8649 .cabinet__filters-item .button,
8646 .cabinet__filters-item .select { 8650 .cabinet__filters-item .select {
8647 width: 100%; 8651 width: 100%;
8648 } 8652 }
8649 @media (min-width: 1280px) { 8653 @media (min-width: 1280px) {
8650 .cabinet__filters-item .button, 8654 .cabinet__filters-item .button,
8651 .cabinet__filters-item .select { 8655 .cabinet__filters-item .select {
8652 width: auto; 8656 width: auto;
8653 } 8657 }
8654 } 8658 }
8655 .cabinet__filters-item + .cabinet__filters-item { 8659 .cabinet__filters-item + .cabinet__filters-item {
8656 -webkit-box-align: end; 8660 -webkit-box-align: end;
8657 -ms-flex-align: end; 8661 -ms-flex-align: end;
8658 align-items: flex-end; 8662 align-items: flex-end;
8659 } 8663 }
8660 @media (min-width: 1280px) { 8664 @media (min-width: 1280px) {
8661 .cabinet__filters-item + .cabinet__filters-item { 8665 .cabinet__filters-item + .cabinet__filters-item {
8662 max-width: 280px; 8666 max-width: 280px;
8663 } 8667 }
8664 } 8668 }
8665 .cabinet__filters .search input { 8669 .cabinet__filters .search input {
8666 padding-right: 135px; 8670 padding-right: 135px;
8667 } 8671 }
8668 .cabinet__filters .search button { 8672 .cabinet__filters .search button {
8669 width: 115px; 8673 width: 115px;
8670 } 8674 }
8671 .cabinet__filters-buttons { 8675 .cabinet__filters-buttons {
8672 display: grid; 8676 display: grid;
8673 grid-template-columns: 1fr 1fr; 8677 grid-template-columns: 1fr 1fr;
8674 gap: 10px; 8678 gap: 10px;
8675 width: 100%; 8679 width: 100%;
8676 } 8680 }
8677 @media (min-width: 768px) { 8681 @media (min-width: 768px) {
8678 .cabinet__filters-buttons { 8682 .cabinet__filters-buttons {
8679 gap: 20px; 8683 gap: 20px;
8680 } 8684 }
8681 } 8685 }
8682 .cabinet__filters-buttons .button { 8686 .cabinet__filters-buttons .button {
8683 padding: 0; 8687 padding: 0;
8684 gap: 5px; 8688 gap: 5px;
8685 } 8689 }
8686 .cabinet__filters-buttons .button.active { 8690 .cabinet__filters-buttons .button.active {
8687 background: #377d87; 8691 background: #377d87;
8688 color: #fff; 8692 color: #fff;
8689 } 8693 }
8690 .cabinet__filters-buttons .button.active:before { 8694 .cabinet__filters-buttons .button.active:before {
8691 content: ""; 8695 content: "";
8692 width: 6px; 8696 width: 6px;
8693 height: 6px; 8697 height: 6px;
8694 background: #fff; 8698 background: #fff;
8695 border-radius: 999px; 8699 border-radius: 999px;
8696 } 8700 }
8697 .cabinet__table-header { 8701 .cabinet__table-header {
8698 display: -webkit-box; 8702 display: -webkit-box;
8699 display: -ms-flexbox; 8703 display: -ms-flexbox;
8700 display: flex; 8704 display: flex;
8701 -webkit-box-pack: justify; 8705 -webkit-box-pack: justify;
8702 -ms-flex-pack: justify; 8706 -ms-flex-pack: justify;
8703 justify-content: space-between; 8707 justify-content: space-between;
8704 -webkit-box-align: center; 8708 -webkit-box-align: center;
8705 -ms-flex-align: center; 8709 -ms-flex-align: center;
8706 align-items: center; 8710 align-items: center;
8707 font-weight: 700; 8711 font-weight: 700;
8708 margin-bottom: -10px; 8712 margin-bottom: -10px;
8709 } 8713 }
8710 .cabinet__table-header div { 8714 .cabinet__table-header div {
8711 font-size: 18px; 8715 font-size: 18px;
8712 } 8716 }
8713 @media (min-width: 768px) { 8717 @media (min-width: 768px) {
8714 .cabinet__table-header div { 8718 .cabinet__table-header div {
8715 font-size: 24px; 8719 font-size: 24px;
8716 } 8720 }
8717 } 8721 }
8718 .cabinet__table-header span { 8722 .cabinet__table-header span {
8719 color: #000; 8723 color: #000;
8720 font-size: 14px; 8724 font-size: 14px;
8721 } 8725 }
8722 @media (min-width: 768px) { 8726 @media (min-width: 768px) {
8723 .cabinet__table-header span { 8727 .cabinet__table-header span {
8724 font-size: 18px; 8728 font-size: 18px;
8725 } 8729 }
8726 } 8730 }
8727 .cabinet__table-header span b { 8731 .cabinet__table-header span b {
8728 color: #377d87; 8732 color: #377d87;
8729 } 8733 }
8730 .cabinet__tabs { 8734 .cabinet__tabs {
8731 display: grid; 8735 display: grid;
8732 grid-template-columns: 1fr 1fr; 8736 grid-template-columns: 1fr 1fr;
8733 gap: 20px; 8737 gap: 20px;
8734 } 8738 }
8735 @media (min-width: 768px) { 8739 @media (min-width: 768px) {
8736 .cabinet__tabs { 8740 .cabinet__tabs {
8737 max-width: 420px; 8741 max-width: 420px;
8738 } 8742 }
8739 } 8743 }
8740 .cabinet__tabs .button.active { 8744 .cabinet__tabs .button.active {
8741 background: #377d87; 8745 background: #377d87;
8742 color: #fff; 8746 color: #fff;
8743 } 8747 }
8744 .cabinet__bodies { 8748 .cabinet__bodies {
8745 display: none; 8749 display: none;
8746 } 8750 }
8747 .cabinet__bodies.showed { 8751 .cabinet__bodies.showed {
8748 display: block; 8752 display: block;
8749 } 8753 }
8750 .cabinet__nots { 8754 .cabinet__nots {
8751 display: -webkit-box; 8755 display: -webkit-box;
8752 display: -ms-flexbox; 8756 display: -ms-flexbox;
8753 display: flex; 8757 display: flex;
8754 -webkit-box-orient: vertical; 8758 -webkit-box-orient: vertical;
8755 -webkit-box-direction: normal; 8759 -webkit-box-direction: normal;
8756 -ms-flex-direction: column; 8760 -ms-flex-direction: column;
8757 flex-direction: column; 8761 flex-direction: column;
8758 -webkit-box-align: start; 8762 -webkit-box-align: start;
8759 -ms-flex-align: start; 8763 -ms-flex-align: start;
8760 align-items: flex-start; 8764 align-items: flex-start;
8761 gap: 10px; 8765 gap: 10px;
8762 } 8766 }
8763 @media (min-width: 768px) { 8767 @media (min-width: 768px) {
8764 .cabinet__nots { 8768 .cabinet__nots {
8765 gap: 20px; 8769 gap: 20px;
8766 } 8770 }
8767 } 8771 }
8768 .cabinet__nots .input { 8772 .cabinet__nots .input {
8769 width: 100%; 8773 width: 100%;
8770 } 8774 }
8771 .cabinet__anketa { 8775 .cabinet__anketa {
8772 display: -webkit-box; 8776 display: -webkit-box;
8773 display: -ms-flexbox; 8777 display: -ms-flexbox;
8774 display: flex; 8778 display: flex;
8775 -webkit-box-orient: vertical; 8779 -webkit-box-orient: vertical;
8776 -webkit-box-direction: normal; 8780 -webkit-box-direction: normal;
8777 -ms-flex-direction: column; 8781 -ms-flex-direction: column;
8778 flex-direction: column; 8782 flex-direction: column;
8779 -webkit-box-pack: justify; 8783 -webkit-box-pack: justify;
8780 -ms-flex-pack: justify; 8784 -ms-flex-pack: justify;
8781 justify-content: space-between; 8785 justify-content: space-between;
8782 gap: 10px; 8786 gap: 10px;
8783 } 8787 }
8784 @media (min-width: 768px) { 8788 @media (min-width: 768px) {
8785 .cabinet__anketa { 8789 .cabinet__anketa {
8786 -webkit-box-orient: horizontal; 8790 -webkit-box-orient: horizontal;
8787 -webkit-box-direction: normal; 8791 -webkit-box-direction: normal;
8788 -ms-flex-direction: row; 8792 -ms-flex-direction: row;
8789 flex-direction: row; 8793 flex-direction: row;
8790 -webkit-box-align: center; 8794 -webkit-box-align: center;
8791 -ms-flex-align: center; 8795 -ms-flex-align: center;
8792 align-items: center; 8796 align-items: center;
8793 } 8797 }
8794 } 8798 }
8795 @media (min-width: 992px) { 8799 @media (min-width: 992px) {
8796 .cabinet__anketa { 8800 .cabinet__anketa {
8797 -webkit-box-orient: vertical; 8801 -webkit-box-orient: vertical;
8798 -webkit-box-direction: normal; 8802 -webkit-box-direction: normal;
8799 -ms-flex-direction: column; 8803 -ms-flex-direction: column;
8800 flex-direction: column; 8804 flex-direction: column;
8801 -webkit-box-align: stretch; 8805 -webkit-box-align: stretch;
8802 -ms-flex-align: stretch; 8806 -ms-flex-align: stretch;
8803 align-items: stretch; 8807 align-items: stretch;
8804 } 8808 }
8805 } 8809 }
8806 @media (min-width: 1280px) { 8810 @media (min-width: 1280px) {
8807 .cabinet__anketa { 8811 .cabinet__anketa {
8808 -webkit-box-orient: horizontal; 8812 -webkit-box-orient: horizontal;
8809 -webkit-box-direction: normal; 8813 -webkit-box-direction: normal;
8810 -ms-flex-direction: row; 8814 -ms-flex-direction: row;
8811 flex-direction: row; 8815 flex-direction: row;
8812 -webkit-box-align: center; 8816 -webkit-box-align: center;
8813 -ms-flex-align: center; 8817 -ms-flex-align: center;
8814 align-items: center; 8818 align-items: center;
8815 -webkit-box-pack: justify; 8819 -webkit-box-pack: justify;
8816 -ms-flex-pack: justify; 8820 -ms-flex-pack: justify;
8817 justify-content: space-between; 8821 justify-content: space-between;
8818 } 8822 }
8819 } 8823 }
8820 .cabinet__anketa-buttons { 8824 .cabinet__anketa-buttons {
8821 display: -webkit-box; 8825 display: -webkit-box;
8822 display: -ms-flexbox; 8826 display: -ms-flexbox;
8823 display: flex; 8827 display: flex;
8824 -webkit-box-orient: vertical; 8828 -webkit-box-orient: vertical;
8825 -webkit-box-direction: normal; 8829 -webkit-box-direction: normal;
8826 -ms-flex-direction: column; 8830 -ms-flex-direction: column;
8827 flex-direction: column; 8831 flex-direction: column;
8828 gap: 10px; 8832 gap: 10px;
8829 } 8833 }
8830 @media (min-width: 768px) { 8834 @media (min-width: 768px) {
8831 .cabinet__anketa-buttons { 8835 .cabinet__anketa-buttons {
8832 display: grid; 8836 display: grid;
8833 grid-template-columns: 1fr 1fr; 8837 grid-template-columns: 1fr 1fr;
8834 gap: 20px; 8838 gap: 20px;
8835 } 8839 }
8836 } 8840 }
8837 .cabinet__stats { 8841 .cabinet__stats {
8838 display: -webkit-box; 8842 display: -webkit-box;
8839 display: -ms-flexbox; 8843 display: -ms-flexbox;
8840 display: flex; 8844 display: flex;
8841 -webkit-box-orient: vertical; 8845 -webkit-box-orient: vertical;
8842 -webkit-box-direction: normal; 8846 -webkit-box-direction: normal;
8843 -ms-flex-direction: column; 8847 -ms-flex-direction: column;
8844 flex-direction: column; 8848 flex-direction: column;
8845 gap: 6px; 8849 gap: 6px;
8846 } 8850 }
8847 @media (min-width: 768px) { 8851 @media (min-width: 768px) {
8848 .cabinet__stats { 8852 .cabinet__stats {
8849 gap: 12px; 8853 gap: 12px;
8850 } 8854 }
8851 } 8855 }
8852 .cabinet__stats-title { 8856 .cabinet__stats-title {
8853 font-size: 14px; 8857 font-size: 14px;
8854 font-weight: 700; 8858 font-weight: 700;
8855 color: #000; 8859 color: #000;
8856 } 8860 }
8857 @media (min-width: 768px) { 8861 @media (min-width: 768px) {
8858 .cabinet__stats-title { 8862 .cabinet__stats-title {
8859 font-size: 24px; 8863 font-size: 24px;
8860 } 8864 }
8861 } 8865 }
8862 .cabinet__stats-body { 8866 .cabinet__stats-body {
8863 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8867 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8864 border-radius: 8px; 8868 border-radius: 8px;
8865 padding: 10px; 8869 padding: 10px;
8866 display: grid; 8870 display: grid;
8867 grid-template-columns: 1fr 1fr; 8871 grid-template-columns: 1fr 1fr;
8868 gap: 20px; 8872 gap: 20px;
8869 margin-bottom: 10px; 8873 margin-bottom: 10px;
8870 } 8874 }
8871 @media (min-width: 768px) { 8875 @media (min-width: 768px) {
8872 .cabinet__stats-body { 8876 .cabinet__stats-body {
8873 padding: 10px 20px; 8877 padding: 10px 20px;
8874 } 8878 }
8875 } 8879 }
8876 .cabinet__stats-item { 8880 .cabinet__stats-item {
8877 font-size: 12px; 8881 font-size: 12px;
8878 display: -webkit-box; 8882 display: -webkit-box;
8879 display: -ms-flexbox; 8883 display: -ms-flexbox;
8880 display: flex; 8884 display: flex;
8881 -webkit-box-align: center; 8885 -webkit-box-align: center;
8882 -ms-flex-align: center; 8886 -ms-flex-align: center;
8883 align-items: center; 8887 align-items: center;
8884 line-height: 1; 8888 line-height: 1;
8885 gap: 6px; 8889 gap: 6px;
8886 } 8890 }
8887 @media (min-width: 768px) { 8891 @media (min-width: 768px) {
8888 .cabinet__stats-item { 8892 .cabinet__stats-item {
8889 font-size: 20px; 8893 font-size: 20px;
8890 gap: 10px; 8894 gap: 10px;
8891 } 8895 }
8892 } 8896 }
8893 .cabinet__stats-item svg { 8897 .cabinet__stats-item svg {
8894 width: 20px; 8898 width: 20px;
8895 aspect-ratio: 1/1; 8899 aspect-ratio: 1/1;
8896 color: #377d87; 8900 color: #377d87;
8897 } 8901 }
8898 @media (min-width: 768px) { 8902 @media (min-width: 768px) {
8899 .cabinet__stats-item svg { 8903 .cabinet__stats-item svg {
8900 width: 40px; 8904 width: 40px;
8901 margin-right: 10px; 8905 margin-right: 10px;
8902 } 8906 }
8903 } 8907 }
8904 .cabinet__stats-item span { 8908 .cabinet__stats-item span {
8905 font-weight: 700; 8909 font-weight: 700;
8906 color: #000; 8910 color: #000;
8907 } 8911 }
8908 .cabinet__stats-item b { 8912 .cabinet__stats-item b {
8909 color: #377d87; 8913 color: #377d87;
8910 font-size: 14px; 8914 font-size: 14px;
8911 } 8915 }
8912 @media (min-width: 768px) { 8916 @media (min-width: 768px) {
8913 .cabinet__stats-item b { 8917 .cabinet__stats-item b {
8914 font-size: 24px; 8918 font-size: 24px;
8915 } 8919 }
8916 } 8920 }
8917 .cabinet__stats-subtitle { 8921 .cabinet__stats-subtitle {
8918 font-size: 14px; 8922 font-size: 14px;
8919 font-weight: 700; 8923 font-weight: 700;
8920 color: #377d87; 8924 color: #377d87;
8921 } 8925 }
8922 @media (min-width: 768px) { 8926 @media (min-width: 768px) {
8923 .cabinet__stats-subtitle { 8927 .cabinet__stats-subtitle {
8924 font-size: 18px; 8928 font-size: 18px;
8925 } 8929 }
8926 } 8930 }
8927 .cabinet__stats-line { 8931 .cabinet__stats-line {
8928 width: 100%; 8932 width: 100%;
8929 position: relative; 8933 position: relative;
8930 overflow: hidden; 8934 overflow: hidden;
8931 height: 8px; 8935 height: 8px;
8932 border-radius: 999px; 8936 border-radius: 999px;
8933 background: #cecece; 8937 background: #cecece;
8934 } 8938 }
8935 .cabinet__stats-line span { 8939 .cabinet__stats-line span {
8936 position: absolute; 8940 position: absolute;
8937 top: 0; 8941 top: 0;
8938 left: 0; 8942 left: 0;
8939 width: 100%; 8943 width: 100%;
8940 height: 100%; 8944 height: 100%;
8941 background: #377d87; 8945 background: #377d87;
8942 border-radius: 999px; 8946 border-radius: 999px;
8943 } 8947 }
8944 .cabinet__stats-bottom { 8948 .cabinet__stats-bottom {
8945 color: #000; 8949 color: #000;
8946 font-size: 12px; 8950 font-size: 12px;
8947 } 8951 }
8948 @media (min-width: 768px) { 8952 @media (min-width: 768px) {
8949 .cabinet__stats-bottom { 8953 .cabinet__stats-bottom {
8950 font-size: 16px; 8954 font-size: 16px;
8951 } 8955 }
8952 } 8956 }
8953 .cabinet__works { 8957 .cabinet__works {
8954 display: -webkit-box; 8958 display: -webkit-box;
8955 display: -ms-flexbox; 8959 display: -ms-flexbox;
8956 display: flex; 8960 display: flex;
8957 -webkit-box-orient: vertical; 8961 -webkit-box-orient: vertical;
8958 -webkit-box-direction: normal; 8962 -webkit-box-direction: normal;
8959 -ms-flex-direction: column; 8963 -ms-flex-direction: column;
8960 flex-direction: column; 8964 flex-direction: column;
8961 gap: 20px; 8965 gap: 20px;
8962 } 8966 }
8963 @media (min-width: 768px) { 8967 @media (min-width: 768px) {
8964 .cabinet__works { 8968 .cabinet__works {
8965 gap: 30px; 8969 gap: 30px;
8966 } 8970 }
8967 } 8971 }
8968 .cabinet__works-item { 8972 .cabinet__works-item {
8969 border-bottom: 1px #cccccc solid; 8973 border-bottom: 1px #cccccc solid;
8970 padding-bottom: 35px; 8974 padding-bottom: 35px;
8971 } 8975 }
8972 .cabinet__works-spoiler { 8976 .cabinet__works-spoiler {
8973 display: -webkit-box; 8977 display: -webkit-box;
8974 display: -ms-flexbox; 8978 display: -ms-flexbox;
8975 display: flex; 8979 display: flex;
8976 -webkit-box-align: center; 8980 -webkit-box-align: center;
8977 -ms-flex-align: center; 8981 -ms-flex-align: center;
8978 align-items: center; 8982 align-items: center;
8979 -webkit-box-pack: justify; 8983 -webkit-box-pack: justify;
8980 -ms-flex-pack: justify; 8984 -ms-flex-pack: justify;
8981 justify-content: space-between; 8985 justify-content: space-between;
8982 } 8986 }
8983 .cabinet__works-spoiler-left { 8987 .cabinet__works-spoiler-left {
8984 display: -webkit-box; 8988 display: -webkit-box;
8985 display: -ms-flexbox; 8989 display: -ms-flexbox;
8986 display: flex; 8990 display: flex;
8987 -webkit-box-align: center; 8991 -webkit-box-align: center;
8988 -ms-flex-align: center; 8992 -ms-flex-align: center;
8989 align-items: center; 8993 align-items: center;
8990 width: calc(100% - 22px); 8994 width: calc(100% - 22px);
8991 } 8995 }
8992 .cabinet__works-spoiler-right { 8996 .cabinet__works-spoiler-right {
8993 width: 22px; 8997 width: 22px;
8994 height: 22px; 8998 height: 22px;
8995 display: -webkit-box; 8999 display: -webkit-box;
8996 display: -ms-flexbox; 9000 display: -ms-flexbox;
8997 display: flex; 9001 display: flex;
8998 -webkit-box-align: center; 9002 -webkit-box-align: center;
8999 -ms-flex-align: center; 9003 -ms-flex-align: center;
9000 align-items: center; 9004 align-items: center;
9001 -webkit-box-pack: center; 9005 -webkit-box-pack: center;
9002 -ms-flex-pack: center; 9006 -ms-flex-pack: center;
9003 justify-content: center; 9007 justify-content: center;
9004 color: #377d87; 9008 color: #377d87;
9005 padding: 0; 9009 padding: 0;
9006 background: none; 9010 background: none;
9007 border: none; 9011 border: none;
9008 } 9012 }
9009 .cabinet__works-spoiler-right svg { 9013 .cabinet__works-spoiler-right svg {
9010 width: 60%; 9014 width: 60%;
9011 aspect-ratio: 1/1; 9015 aspect-ratio: 1/1;
9012 -webkit-transform: rotate(90deg); 9016 -webkit-transform: rotate(90deg);
9013 -ms-transform: rotate(90deg); 9017 -ms-transform: rotate(90deg);
9014 transform: rotate(90deg); 9018 transform: rotate(90deg);
9015 -webkit-transition: 0.3s; 9019 -webkit-transition: 0.3s;
9016 transition: 0.3s; 9020 transition: 0.3s;
9017 } 9021 }
9018 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9022 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9019 -webkit-transform: rotate(-90deg); 9023 -webkit-transform: rotate(-90deg);
9020 -ms-transform: rotate(-90deg); 9024 -ms-transform: rotate(-90deg);
9021 transform: rotate(-90deg); 9025 transform: rotate(-90deg);
9022 } 9026 }
9023 .cabinet__works-spoiler-buttons { 9027 .cabinet__works-spoiler-buttons {
9024 display: -webkit-box; 9028 display: -webkit-box;
9025 display: -ms-flexbox; 9029 display: -ms-flexbox;
9026 display: flex; 9030 display: flex;
9027 -webkit-box-align: center; 9031 -webkit-box-align: center;
9028 -ms-flex-align: center; 9032 -ms-flex-align: center;
9029 align-items: center; 9033 align-items: center;
9030 -webkit-box-pack: justify; 9034 -webkit-box-pack: justify;
9031 -ms-flex-pack: justify; 9035 -ms-flex-pack: justify;
9032 justify-content: space-between; 9036 justify-content: space-between;
9033 width: 60px; 9037 width: 60px;
9034 } 9038 }
9035 @media (min-width: 768px) { 9039 @media (min-width: 768px) {
9036 .cabinet__works-spoiler-buttons { 9040 .cabinet__works-spoiler-buttons {
9037 width: 74px; 9041 width: 74px;
9038 } 9042 }
9039 } 9043 }
9040 .cabinet__works-spoiler-buttons .button { 9044 .cabinet__works-spoiler-buttons .button {
9041 width: 22px; 9045 width: 22px;
9042 height: 22px; 9046 height: 22px;
9043 padding: 0; 9047 padding: 0;
9044 } 9048 }
9045 @media (min-width: 768px) { 9049 @media (min-width: 768px) {
9046 .cabinet__works-spoiler-buttons .button { 9050 .cabinet__works-spoiler-buttons .button {
9047 width: 30px; 9051 width: 30px;
9048 height: 30px; 9052 height: 30px;
9049 } 9053 }
9050 } 9054 }
9051 .cabinet__works-spoiler-text { 9055 .cabinet__works-spoiler-text {
9052 width: calc(100% - 60px); 9056 width: calc(100% - 60px);
9053 font-size: 17px; 9057 font-size: 17px;
9054 font-weight: 700; 9058 font-weight: 700;
9055 color: #000; 9059 color: #000;
9056 } 9060 }
9057 @media (min-width: 768px) { 9061 @media (min-width: 768px) {
9058 .cabinet__works-spoiler-text { 9062 .cabinet__works-spoiler-text {
9059 width: calc(100% - 74px); 9063 width: calc(100% - 74px);
9060 font-size: 22px; 9064 font-size: 22px;
9061 } 9065 }
9062 } 9066 }
9063 9067
9064 .cabinet__works-add { 9068 .cabinet__works-add {
9065 padding: 0; 9069 padding: 0;
9066 width: 100%; 9070 width: 100%;
9067 max-width: 160px; 9071 max-width: 160px;
9068 } 9072 }
9069 @media (min-width: 768px) { 9073 @media (min-width: 768px) {
9070 .cabinet__works-add { 9074 .cabinet__works-add {
9071 max-width: 220px; 9075 max-width: 220px;
9072 } 9076 }
9073 } 9077 }
9074 .cabinet__buttons { 9078 .cabinet__buttons {
9075 display: -webkit-box; 9079 display: -webkit-box;
9076 display: -ms-flexbox; 9080 display: -ms-flexbox;
9077 display: flex; 9081 display: flex;
9078 -webkit-box-orient: vertical; 9082 -webkit-box-orient: vertical;
9079 -webkit-box-direction: normal; 9083 -webkit-box-direction: normal;
9080 -ms-flex-direction: column; 9084 -ms-flex-direction: column;
9081 flex-direction: column; 9085 flex-direction: column;
9082 -webkit-box-align: center; 9086 -webkit-box-align: center;
9083 -ms-flex-align: center; 9087 -ms-flex-align: center;
9084 align-items: center; 9088 align-items: center;
9085 gap: 10px; 9089 gap: 10px;
9086 } 9090 }
9087 @media (min-width: 768px) { 9091 @media (min-width: 768px) {
9088 .cabinet__buttons { 9092 .cabinet__buttons {
9089 display: grid; 9093 display: grid;
9090 grid-template-columns: 1fr 1fr; 9094 grid-template-columns: 1fr 1fr;
9091 gap: 20px; 9095 gap: 20px;
9092 } 9096 }
9093 } 9097 }
9094 .cabinet__buttons .button, 9098 .cabinet__buttons .button,
9095 .cabinet__buttons .file { 9099 .cabinet__buttons .file {
9096 padding: 0; 9100 padding: 0;
9097 width: 100%; 9101 width: 100%;
9098 max-width: 140px; 9102 max-width: 140px;
9099 } 9103 }
9100 @media (min-width: 768px) { 9104 @media (min-width: 768px) {
9101 .cabinet__buttons .button, 9105 .cabinet__buttons .button,
9102 .cabinet__buttons .file { 9106 .cabinet__buttons .file {
9103 max-width: none; 9107 max-width: none;
9104 } 9108 }
9105 } 9109 }
9106 @media (min-width: 768px) { 9110 @media (min-width: 768px) {
9107 .cabinet__buttons { 9111 .cabinet__buttons {
9108 gap: 20px; 9112 gap: 20px;
9109 } 9113 }
9110 } 9114 }
9111 @media (min-width: 1280px) { 9115 @media (min-width: 1280px) {
9112 .cabinet__buttons { 9116 .cabinet__buttons {
9113 max-width: 400px; 9117 max-width: 400px;
9114 } 9118 }
9115 } 9119 }
9116 .cabinet__buttons_flex{ 9120 .cabinet__buttons_flex{
9117 display: flex; 9121 display: flex;
9118 } 9122 }
9119 .cabinet__buttons_flex > *{ 9123 .cabinet__buttons_flex > *{
9120 margin-right: 10px; 9124 margin-right: 10px;
9121 } 9125 }
9122 .cabinet__vacs { 9126 .cabinet__vacs {
9123 display: -webkit-box; 9127 display: -webkit-box;
9124 display: -ms-flexbox; 9128 display: -ms-flexbox;
9125 display: flex; 9129 display: flex;
9126 -webkit-box-orient: vertical; 9130 -webkit-box-orient: vertical;
9127 -webkit-box-direction: reverse; 9131 -webkit-box-direction: reverse;
9128 -ms-flex-direction: column-reverse; 9132 -ms-flex-direction: column-reverse;
9129 flex-direction: column-reverse; 9133 flex-direction: column-reverse;
9130 -webkit-box-align: center; 9134 -webkit-box-align: center;
9131 -ms-flex-align: center; 9135 -ms-flex-align: center;
9132 align-items: center; 9136 align-items: center;
9133 gap: 20px; 9137 gap: 20px;
9134 } 9138 }
9135 .cabinet__vacs-body { 9139 .cabinet__vacs-body {
9136 display: -webkit-box; 9140 display: -webkit-box;
9137 display: -ms-flexbox; 9141 display: -ms-flexbox;
9138 display: flex; 9142 display: flex;
9139 -webkit-box-orient: vertical; 9143 -webkit-box-orient: vertical;
9140 -webkit-box-direction: normal; 9144 -webkit-box-direction: normal;
9141 -ms-flex-direction: column; 9145 -ms-flex-direction: column;
9142 flex-direction: column; 9146 flex-direction: column;
9143 gap: 20px; 9147 gap: 20px;
9144 width: 100%; 9148 width: 100%;
9145 } 9149 }
9146 @media (min-width: 768px) { 9150 @media (min-width: 768px) {
9147 .cabinet__vacs-body { 9151 .cabinet__vacs-body {
9148 gap: 30px; 9152 gap: 30px;
9149 } 9153 }
9150 } 9154 }
9151 .cabinet__vacs-item { 9155 .cabinet__vacs-item {
9152 display: none; 9156 display: none;
9153 background: #fff; 9157 background: #fff;
9154 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9158 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9155 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9159 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9156 } 9160 }
9157 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9161 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9158 display: -webkit-box; 9162 display: -webkit-box;
9159 display: -ms-flexbox; 9163 display: -ms-flexbox;
9160 display: flex; 9164 display: flex;
9161 } 9165 }
9162 .cabinet__vacs.active .cabinet__vacs-item { 9166 .cabinet__vacs.active .cabinet__vacs-item {
9163 display: -webkit-box; 9167 display: -webkit-box;
9164 display: -ms-flexbox; 9168 display: -ms-flexbox;
9165 display: flex; 9169 display: flex;
9166 } 9170 }
9167 .main__vacancies-item .main__employer-page-two-item-text-body img { 9171 .main__employer-page-two-item-text-body img {
9168 display: inline !important; 9172 display: inline !important;
9169 border: none !important; 9173 border: none !important;
9170 box-shadow: none !important; 9174 box-shadow: none !important;
9171 height: 1em !important; 9175 height: 1em !important;
9172 width: 1em !important; 9176 width: 1em !important;
9173 margin: 0 0.07em !important; 9177 margin: 0 0.07em !important;
9174 vertical-align: -0.1em !important; 9178 vertical-align: -0.1em !important;
9175 background: none !important; 9179 background: none !important;
9176 padding: 0 !important; 9180 padding: 0 !important;
9177 } 9181 }
9178 .main__vacancies-item .main__employer-page-two-item-text-body p{ 9182 .main__employer-page-two-item-text-body p{
9179 margin: 0 0 20px; 9183 margin: 0 0 20px;
9180 } 9184 }
9181 #sertificate .one-sertificate{ 9185 #sertificate .one-sertificate{
9182 display: flex; 9186 display: flex;
9183 justify-content: space-between; 9187 justify-content: space-between;
9184 margin-bottom: 15px; 9188 margin-bottom: 15px;
9185 border-bottom: 1px #ccc solid; 9189 border-bottom: 1px #ccc solid;
9186 padding-bottom: 15px; 9190 padding-bottom: 15px;
9187 } 9191 }
9188 #sertificate .one-sertificate .sertificate-field{ 9192 #sertificate .one-sertificate .sertificate-field{
9189 display: block; 9193 display: block;
9190 } 9194 }
9191 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9195 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9192 width: 50%; 9196 width: 50%;
9193 max-width: 50%; 9197 max-width: 50%;
9194 } 9198 }
9195 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9199 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9196 display: flex; 9200 display: flex;
9197 justify-content: space-between; 9201 justify-content: space-between;
9198 } 9202 }
9199 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9203 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9200 width: 30px; 9204 width: 30px;
9201 height: 30px; 9205 height: 30px;
9202 padding: 5px; 9206 padding: 5px;
9203 } 9207 }
9204 #prev_worker .cabinet__inputs-item-buttons a{ 9208 #prev_worker .cabinet__inputs-item-buttons a{
9205 width: 30px; 9209 width: 30px;
9206 height: 30px; 9210 height: 30px;
9207 padding: 5px; 9211 padding: 5px;
9208 } 9212 }
9209 #prev_worker .cabinet__inputs-item-buttons{ 9213 #prev_worker .cabinet__inputs-item-buttons{
9210 width: 100px; 9214 width: 100px;
9211 } 9215 }
9212 #prev_worker .cabinet__inputs{ 9216 #prev_worker .cabinet__inputs{
9213 -webkit-box-align: start; 9217 -webkit-box-align: start;
9214 -ms-flex-align: start; 9218 -ms-flex-align: start;
9215 align-items: start; 9219 align-items: start;
9216 } 9220 }
9217 #prev_worker .cabinet__inputs-item-buttons flex{ 9221 #prev_worker .cabinet__inputs-item-buttons flex{
9218 justify-content: end; 9222 justify-content: end;
9219 } 9223 }
9220 #prev_worker .cabinet__body-item{ 9224 #prev_worker .cabinet__body-item{
9221 border-bottom: 1px #cccccc solid; 9225 border-bottom: 1px #cccccc solid;
9222 padding-bottom: 25px; 9226 padding-bottom: 25px;
9223 } 9227 }
resources/views/modals/send_worker.blade.php
Diff comments   View file @ cf60bea
1 <script> 1 <script>
2 console.log('Сообщение работнику'); 2 console.log('Сообщение работнику');
3 $("#form_worker" ).submit(function(event) { 3 $("#form_worker" ).submit(function(event) {
4 var val = $(this).val(); 4 var val = $(this).val();
5 var send_title = $('#send_title'); 5 var send_title = $('#send_title');
6 var send_title_val = send_title.val(); 6 var send_title_val = send_title.val();
7 7
8 console.log('Click form.'); 8 console.log('Click form.');
9 }); 9 });
10 10
11 $(document).on('change', '#btn_send_file', function() { 11 $(document).on('change', '#btn_send_file', function() {
12 12
13 var send_name = $('#send_name'); 13 var send_name = $('#send_name');
14 var send_name_val = send_name.val(); 14 var send_name_val = send_name.val();
15 var send_name_file = $('#send_name_file'); 15 var send_name_file = $('#send_name_file');
16 16
17 console.log(send_name_val); 17 console.log(send_name_val);
18 send_name_file.html(send_name_val); 18 send_name_file.html(send_name_val);
19 19
20 }); 20 });
21 </script> 21 </script>
22 <div id="send3" class="modal"> 22 <div id="send3" class="modal">
23 <div class="modal__body"> 23 <div class="modal__body">
24 <div class="modal__title">Отправить сообщение работодателю</div> 24 <div class="modal__title">Отправить сообщение работодателю</div>
25 <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</div> 25 <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</div>
26 <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST"> 26 <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST">
27 @csrf 27 @csrf
28 <div class="modal__form-item"> 28 <div class="modal__form-item" style="display: none">
29 Отправитель сообщения: 29 Отправитель сообщения:
30 <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value=""> 30 <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value="">
31 Получатель сообщения: 31 Получатель сообщения:
32 <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value=""> 32 <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value="">
33 Вакансия: 33 Вакансия:
34 <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value=""> 34 <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value="">
35 </div> 35 </div>
36 <div class="modal__form-item send_title_div error_"> 36 <div class="modal__form-item send_title_div error_">
37 <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required> 37 <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required>
38 <label for="title">Не заполнено поле</label> 38 <label for="title">Не заполнено поле</label>
39 </div> 39 </div>
40 <div class="modal__form-item send_title_div error_"> 40 <div class="modal__form-item send_title_div error_">
41 <select class="js-select2" name="send_job_title_id" id="send_job_title_id"> 41 <select class="js-select2" name="send_job_title_id" id="send_job_title_id">
42 @if ($jobs->count()) 42 @if ($jobs->count())
43 @foreach($jobs as $j) 43 @foreach($jobs as $j)
44 <option value="{{ $j->id }}">{{ $j->name }} ({{ $j->id }})</option> 44 <option value="{{ $j->id }}">{{ $j->name }} ({{ $j->id }})</option>
45 @endforeach 45 @endforeach
46 @endif 46 @endif
47 </select> 47 </select>
48 <label for="title">Не заполнено поле</label> 48 <label for="title">Не заполнено поле</label>
49 </div> 49 </div>
50 <div class="modal__form-item send_text_div"> 50 <div class="modal__form-item send_text_div">
51 <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Напишите текст с предложением о работе" required></textarea> 51 <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Напишите текст с предложением о работе" required></textarea>
52 <label for="i2">Не заполнено поле</label> 52 <label for="i2">Не заполнено поле</label>
53 </div> 53 </div>
54 <div class="modal__form-item"> 54 <div class="modal__form-item">
55 <div class="file"> 55 <div class="file">
56 <label class="file__input" id="btn_send_file" name="btn_send_file"> 56 <label class="file__input" id="btn_send_file" name="btn_send_file">
57 <input type="file" name="send_file" id="send_name"> 57 <input type="file" name="send_file" id="send_name">
58 <span class="button button_light"> 58 <span class="button button_light">
59 <svg> 59 <svg>
60 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 60 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
61 </svg> 61 </svg>
62 Прикрепить файл-документ 62 Прикрепить файл-документ
63 </span> 63 </span>
64 </label> 64 </label>
65 65
66 <div class="file__list" id="div_file" name="div_file"> 66 <div class="file__list" id="div_file" name="div_file">
67 <div class="file__list-item"> 67 <div class="file__list-item">
68 <div class="file__list-item-left"> 68 <div class="file__list-item-left">
69 <svg> 69 <svg>
70 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 70 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
71 </svg> 71 </svg>
72 <span id="send_name_file" name="send_name_file"></span> 72 <span id="send_name_file" name="send_name_file"></span>
73 </div> 73 </div>
74 <button type="button" class="file__list-item-right js-parent-remove"> 74 <button type="button" class="file__list-item-right js-parent-remove">
75 <svg> 75 <svg>
76 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use> 76 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
77 </svg> 77 </svg>
78 </button> 78 </button>
79 </div> 79 </div>
80 </div> 80 </div>
81 </div> 81 </div>
82 </div> 82 </div>
83 <div class="modal__form-item"> 83 <div class="modal__form-item">
84 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button> 84 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button>
85 </div> 85 </div>
86 </form> 86 </form>
87 </div> 87 </div>
88 </div> 88 </div>
89 89
resources/views/modals/send_worker_new.blade.php
Diff comments   View file @ cf60bea
1 <script> 1 <script>
2 console.log('Сообщение работнику'); 2 console.log('Сообщение работнику');
3 $("#form_worker" ).submit(function(event) { 3 $("#form_worker" ).submit(function(event) {
4 var val = $(this).val(); 4 var val = $(this).val();
5 var send_title = $('#send_title'); 5 var send_title = $('#send_title');
6 var send_title_val = send_title.val(); 6 var send_title_val = send_title.val();
7 7
8 console.log('Click form.'); 8 console.log('Click form.');
9 }); 9 });
10 10
11 $(document).on('change', '#btn_send_file', function() { 11 $(document).on('change', '#btn_send_file', function() {
12 12
13 var send_name = $('#send_name'); 13 var send_name = $('#send_name');
14 var send_name_val = send_name.val(); 14 var send_name_val = send_name.val();
15 var send_name_file = $('#send_name_file'); 15 var send_name_file = $('#send_name_file');
16 16
17 console.log(send_name_val); 17 console.log(send_name_val);
18 send_name_file.html(send_name_val); 18 send_name_file.html(send_name_val);
19 19
20 }); 20 });
21 </script> 21 </script>
22 <div id="send" class="modal"> 22 <div id="send" class="modal">
23 <div class="modal__body"> 23 <div class="modal__body">
24 <div class="modal__title">Отправить сообщение работодателю</div> 24 <div class="modal__title">Отправить сообщение работодателю</div>
25 <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</div> 25 <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</div>
26 <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST"> 26 <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST">
27 @csrf 27 @csrf
28 <div class="modal__form-item"> 28 <div class="modal__form-item" style="display: none">
29 Отправитель сообщения: 29 Отправитель сообщения:
30 <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value=""> 30 <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value="">
31 Получатель сообщения: 31 Получатель сообщения:
32 <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value=""> 32 <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value="">
33 Вакансия: 33 Вакансия:
34 <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value=""> 34 <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value="">
35 Должность: 35 Должность:
36 <input type="text" id="send_job_title_id" name="send_job_title_id" class="input" placeholder="vacancy" value="0"> 36 <input type="text" id="send_job_title_id" name="send_job_title_id" class="input" placeholder="vacancy" value="0">
37 37
38 </div> 38 </div>
39 <div class="modal__form-item send_title_div error_"> 39 <div class="modal__form-item send_title_div error_">
40 <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required> 40 <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required>
41 <label for="title">Не заполнено поле</label> 41 <label for="title">Не заполнено поле</label>
42 </div> 42 </div>
43 <!--<div class="modal__form-item send_title_div error_">
44 <select class="js-select2" name="send_job_title_id" id="send_job_title_id">
45 if ($jobs->count())
46 foreach($jobs as $j)
47 <option value=" $j->id }}"> $j->name }} ( $j->id }})</option>
48 endforeach
49 endif
50 </select>
51 <label for="title">Не заполнено поле</label>
52 </div>-->
53 <div class="modal__form-item send_text_div"> 43 <div class="modal__form-item send_text_div">
54 <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Напишите текст с предложением о работе" required></textarea> 44 <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Напишите текст с предложением о работе" required></textarea>
55 <label for="i2">Не заполнено поле</label> 45 <label for="i2">Не заполнено поле</label>
56 </div> 46 </div>
57 <div class="modal__form-item"> 47 <div class="modal__form-item">
58 <div class="file"> 48 <div class="file">
59 <label class="file__input" id="btn_send_file" name="btn_send_file"> 49 <label class="file__input" id="btn_send_file" name="btn_send_file">
60 <input type="file" name="send_file" id="send_name"> 50 <input type="file" name="send_file" id="send_name">
61 <span class="button button_light"> 51 <span class="button button_light">
62 <svg> 52 <svg>
63 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 53 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
64 </svg> 54 </svg>
65 Прикрепить файл-документ 55 Прикрепить файл-документ
66 </span> 56 </span>
67 </label> 57 </label>
68 58
69 <div class="file__list" id="div_file" name="div_file"> 59 <div class="file__list" id="div_file" name="div_file">
70 <div class="file__list-item"> 60 <div class="file__list-item">
71 <div class="file__list-item-left"> 61 <div class="file__list-item-left">
72 <svg> 62 <svg>
73 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 63 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
74 </svg> 64 </svg>
75 <span id="send_name_file" name="send_name_file"></span> 65 <span id="send_name_file" name="send_name_file"></span>
76 </div> 66 </div>
77 <button type="button" class="file__list-item-right js-parent-remove"> 67 <button type="button" class="file__list-item-right js-parent-remove">
78 <svg> 68 <svg>
79 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use> 69 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
80 </svg> 70 </svg>
81 </button> 71 </button>
82 </div> 72 </div>
83 </div> 73 </div>
84 </div> 74 </div>
85 </div> 75 </div>
86 <div class="modal__form-item"> 76 <div class="modal__form-item">
87 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button> 77 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button>
88 </div> 78 </div>
89 </form> 79 </form>
90 </div> 80 </div>
91 </div> 81 </div>
92 82
93 83
resources/views/resume.blade.php
Diff comments   View file @ cf60bea
1 @extends('layout.frontend', ['title' => 'База резюме - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'База резюме - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 4 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
5 <script> 5 <script>
6 console.log('Test system'); 6 console.log('Test system');
7 $(document).on('change', '#jobs', function() { 7 $(document).on('change', '#jobs', function() {
8 var val = $(this).val(); 8 var val = $(this).val();
9 var main_oskar = $('#main_ockar'); 9 var main_oskar = $('#main_ockar');
10 10
11 console.log('Code='+val); 11 console.log('Code='+val);
12 console.log('Click change...'); 12 console.log('Click change...');
13 $.ajax({ 13 $.ajax({
14 type: "GET", 14 type: "GET",
15 url: "", 15 url: "",
16 data: "job="+val, 16 data: "job="+val,
17 success: function (data) { 17 success: function (data) {
18 console.log('Выбор сделан!'); 18 console.log('Выбор сделан!');
19 console.log(data); 19 console.log(data);
20 main_oskar.html(data); 20 main_oskar.html(data);
21 }, 21 },
22 headers: { 22 headers: {
23 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 23 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
24 }, 24 },
25 error: function (data) { 25 error: function (data) {
26 data = JSON.stringify(data); 26 data = JSON.stringify(data);
27 console.log('Error: ' + data); 27 console.log('Error: ' + data);
28 } 28 }
29 }); 29 });
30 }); 30 });
31 </script> 31 </script>
32 32
33 <script> 33 <script>
34 $(document).ready(function() { 34 $(document).ready(function() {
35 $(document).on('click', '.js_box_favorites', function () { 35 $(document).on('click', '.js_box_favorites', function () {
36 var _this = $(this); 36 var _this = $(this);
37 var id_worker = _this.attr('data-val'); 37 var id_worker = _this.attr('data-val');
38 38
39 if (_this.hasClass('active')) { 39 if (_this.hasClass('active')) {
40 add_in_array(id_worker); 40 add_in_array(id_worker);
41 console.log('Добавлено в избранное id=' + id_worker); 41 console.log('Добавлено в избранное id=' + id_worker);
42 } else { 42 } else {
43 delete_in_array(id_worker); 43 delete_in_array(id_worker);
44 console.log('Удалено из избранных id='+id_worker) 44 console.log('Удалено из избранных id='+id_worker)
45 } 45 }
46 var str = $.cookie('favorite_worker'); 46 var str = $.cookie('favorite_worker');
47 console.log("Вывод куков "+str); 47 console.log("Вывод куков "+str);
48 48
49 }); 49 });
50 }); 50 });
51 51
52 //помеченный элемент 52 //помеченный элемент
53 function selected_item(obj) { 53 function selected_item(obj) {
54 var arr = read_array(); 54 var arr = read_array();
55 var index = arr.indexOf(obj); 55 var index = arr.indexOf(obj);
56 56
57 if (index > 0) 57 if (index > 0)
58 return "active"; 58 return "active";
59 else 59 else
60 return ""; 60 return "";
61 } 61 }
62 62
63 // запись элемента массива в cookie 63 // запись элемента массива в cookie
64 function add_in_array(obj){ 64 function add_in_array(obj){
65 var arr = read_array();//получаем текущее состояние массива 65 var arr = read_array();//получаем текущее состояние массива
66 arr[arr.length]=obj; //добавляем элемент в конец 66 arr[arr.length]=obj; //добавляем элемент в конец
67 //var str = JSON.stringify(arr);//конвертируем в строку 67 //var str = JSON.stringify(arr);//конвертируем в строку
68 //$.cookie('arr',str);//записываем массив в куки 68 //$.cookie('arr',str);//записываем массив в куки
69 $.cookie('favorite_worker', JSON.stringify(arr)); 69 $.cookie('favorite_worker', JSON.stringify(arr));
70 70
71 } 71 }
72 72
73 // удаление элемента из массива в cookie 73 // удаление элемента из массива в cookie
74 function delete_in_array(obj) { 74 function delete_in_array(obj) {
75 var arr = read_array(); 75 var arr = read_array();
76 var unique = [...new Set(arr)] 76 var unique = [...new Set(arr)]
77 var index = unique.indexOf(obj); 77 var index = unique.indexOf(obj);
78 78
79 unique.splice(index, 1); 79 unique.splice(index, 1);
80 80
81 //var str = JSON.stringify(arr);//конвертируем в строку 81 //var str = JSON.stringify(arr);//конвертируем в строку
82 //$.cookie('arr',str);//записываем массив в куки 82 //$.cookie('arr',str);//записываем массив в куки
83 $.cookie('favorite_worker', JSON.stringify(unique)); 83 $.cookie('favorite_worker', JSON.stringify(unique));
84 84
85 } 85 }
86 86
87 function read_array(){ 87 function read_array(){
88 var dataArr=$.cookie('favorite_worker');//считываем данные из куков 88 var dataArr=$.cookie('favorite_worker');//считываем данные из куков
89 89
90 //если массив не был обнаружен, иницилизируем его 90 //если массив не был обнаружен, иницилизируем его
91 if(dataArr===null){ 91 if(dataArr===null){
92 dataArr = init_array(); //возвращаем инициализированный пустой маасив 92 dataArr = init_array(); //возвращаем инициализированный пустой маасив
93 } 93 }
94 //возвращаем полученный массив 94 //возвращаем полученный массив
95 //return JSON.parse(dataArr); 95 //return JSON.parse(dataArr);
96 return JSON.parse(dataArr); 96 return JSON.parse(dataArr);
97 } 97 }
98 98
99 //другими словами создаем пустой массив 99 //другими словами создаем пустой массив
100 function init_array(){ 100 function init_array(){
101 //var str = JSON.stringify(new Array());//конвертируем в строку 101 //var str = JSON.stringify(new Array());//конвертируем в строку
102 var str = JSON.stringify(new Array()); 102 var str = JSON.stringify(new Array());
103 $.cookie('favorite_worker',str);//записываем массив в куки 103 $.cookie('favorite_worker',str);//записываем массив в куки
104 104
105 return str; 105 return str;
106 } 106 }
107 </script> 107 </script>
108 <script> 108 <script>
109 $(document).on('click', '.js_it_button', function() { 109 $(document).on('click', '.js_it_button', function() {
110 var this_ = $(this); 110 var this_ = $(this);
111 var code_user_id = this_.attr('data-uid'); 111 var code_user_id = this_.attr('data-uid');
112 var code_to_user_id = this_.attr('data-tuid'); 112 var code_to_user_id = this_.attr('data-tuid');
113 var code_vacancy = this_.attr('data-vacancy'); 113 var code_vacancy = this_.attr('data-vacancy');
114 var user_id = $('#_user_id'); 114 var user_id = $('#_user_id');
115 var to_user_id = $('#_to_user_id'); 115 var to_user_id = $('#_to_user_id');
116 var vacancy = $('#_vacancy'); 116 var vacancy = $('#_vacancy');
117 117
118 console.log('code_to_user_id='+code_to_user_id); 118 console.log('code_to_user_id='+code_to_user_id);
119 console.log('code_user_id='+code_user_id); 119 console.log('code_user_id='+code_user_id);
120 console.log('code_vacancy='+code_vacancy); 120 console.log('code_vacancy='+code_vacancy);
121 console.log('Клик на кнопке...'); 121 console.log('Клик на кнопке...');
122 122
123 user_id.val(code_user_id); 123 user_id.val(code_user_id);
124 to_user_id.val(code_to_user_id); 124 to_user_id.val(code_to_user_id);
125 vacancy.val(code_vacancy); 125 vacancy.val(code_vacancy);
126 }); 126 });
127 </script> 127 </script>
128 <script> 128 <script>
129 $(document).on('change', '#sort_ajax', function() { 129 $(document).on('change', '#sort_ajax', function() {
130 var this_ = $(this); 130 var this_ = $(this);
131 var val_ = this_.val(); 131 var val_ = this_.val();
132 console.log('sort items '+val_); 132 console.log('sort items '+val_);
133 133
134 $.ajax({ 134 $.ajax({
135 type: "GET", 135 type: "GET",
136 url: "{{ route('bd_resume') }}", 136 url: "{{ route('bd_resume') }}",
137 data: "sort="+val_+"&block=1", 137 data: "sort="+val_+"&block=1",
138 success: function (data) { 138 success: function (data) {
139 console.log('Выбор сортировки'); 139 console.log('Выбор сортировки');
140 console.log(data); 140 console.log(data);
141 $('#block1').html(data); 141 $('#block1').html(data);
142 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 142 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
143 }, 143 },
144 headers: { 144 headers: {
145 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 145 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
146 }, 146 },
147 error: function (data) { 147 error: function (data) {
148 data = JSON.stringify(data); 148 data = JSON.stringify(data);
149 console.log('Error: ' + data); 149 console.log('Error: ' + data);
150 } 150 }
151 }); 151 });
152 152
153 $.ajax({ 153 $.ajax({
154 type: "GET", 154 type: "GET",
155 url: "{{ route('bd_resume') }}", 155 url: "{{ route('bd_resume') }}",
156 data: "sort="+val_+"&block=2", 156 data: "sort="+val_+"&block=2",
157 success: function (data) { 157 success: function (data) {
158 console.log('Выбор сортировки'); 158 console.log('Выбор сортировки');
159 console.log(data); 159 console.log(data);
160 $('#block2').html(data); 160 $('#block2').html(data);
161 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 161 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
162 }, 162 },
163 headers: { 163 headers: {
164 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 164 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
165 }, 165 },
166 error: function (data) { 166 error: function (data) {
167 data = JSON.stringify(data); 167 data = JSON.stringify(data);
168 console.log('Error: ' + data); 168 console.log('Error: ' + data);
169 } 169 }
170 }); 170 });
171 171
172 }); 172 });
173 173
174 $(document).ready(function(){ 174 $(document).ready(function(){
175 var sel = $('#select2-sort_ajax-container'); 175 var sel = $('#select2-sort_ajax-container');
176 var key = getUrlParameter('sort'); 176 var key = getUrlParameter('sort');
177 console.log(sel); 177 console.log(sel);
178 console.log(key); 178 console.log(key);
179 179
180 if (key !=='') { 180 if (key !=='') {
181 console.log(key); 181 console.log(key);
182 switch (key) { 182 switch (key) {
183 case "default": sel.html('Сортировка (по умолчанию)'); break; 183 case "default": sel.html('Сортировка (по умолчанию)'); break;
184 case "name_up": sel.html('По имени (возрастание)'); break; 184 case "name_up": sel.html('По имени (возрастание)'); break;
185 case "name_down": sel.html('По дате (убывание)'); break; 185 case "name_down": sel.html('По дате (убывание)'); break;
186 case "created_at_up": sel.html('По дате (возрастание)'); break; 186 case "created_at_up": sel.html('По дате (возрастание)'); break;
187 case "created_at_down": sel.html('По дате (убывание)'); break; 187 case "created_at_down": sel.html('По дате (убывание)'); break;
188 } 188 }
189 189
190 } 190 }
191 }); 191 });
192 </script> 192 </script>
193 193
194 <script> 194 <script>
195 console.log('Test system'); 195 console.log('Test system');
196 $(document).on('change', '.jobs', function() { 196 $(document).on('change', '.jobs', function() {
197 var val = $(this).val(); 197 var val = $(this).val();
198 198
199 console.log('Click filter вакансии...'); 199 console.log('Click filter вакансии...');
200 $.ajax({ 200 $.ajax({
201 type: "GET", 201 type: "GET",
202 url: "{{ route('bd_resume') }}", 202 url: "{{ route('bd_resume') }}",
203 data: "job="+val+'&block=1', 203 data: "job="+val+'&block=1',
204 success: function (data) { 204 success: function (data) {
205 console.log('Выбор должности'); 205 console.log('Выбор должности');
206 console.log(data); 206 console.log(data);
207 $('#block1').html(data); 207 $('#block1').html(data);
208 history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 208 history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
209 }, 209 },
210 headers: { 210 headers: {
211 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 211 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
212 }, 212 },
213 error: function (data) { 213 error: function (data) {
214 data = JSON.stringify(data); 214 data = JSON.stringify(data);
215 console.log('Error: ' + data); 215 console.log('Error: ' + data);
216 } 216 }
217 }); 217 });
218 218
219 $.ajax({ 219 $.ajax({
220 type: "GET", 220 type: "GET",
221 url: "{{ route('bd_resume') }}", 221 url: "{{ route('bd_resume') }}",
222 data: "job="+val+'&block=2', 222 data: "job="+val+'&block=2',
223 success: function (data) { 223 success: function (data) {
224 console.log('Выбор должности'); 224 console.log('Выбор должности');
225 console.log(data); 225 console.log(data);
226 $('#block2').html(data); 226 $('#block2').html(data);
227 }, 227 },
228 headers: { 228 headers: {
229 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 229 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
230 }, 230 },
231 error: function (data) { 231 error: function (data) {
232 data = JSON.stringify(data); 232 data = JSON.stringify(data);
233 console.log('Error: ' + data); 233 console.log('Error: ' + data);
234 } 234 }
235 }); 235 });
236 }); 236 });
237 </script> 237 </script>
238 @include('js.favorite-worker') 238 @include('js.favorite-worker')
239 @endsection 239 @endsection
240 240
241 241
242 @section('content') 242 @section('content')
243 <section class="thing"> 243 <section class="thing">
244 <div class="container"> 244 <div class="container">
245 <form class="thing__body" action="{{ url()->current() }}"> 245 <form class="thing__body" action="{{ url()->current() }}">
246 <ul class="breadcrumbs thing__breadcrumbs"> 246 <ul class="breadcrumbs thing__breadcrumbs">
247 <li><a href="{{ route('index') }}">Главная</a></li> 247 <li><a href="{{ route('index') }}">Главная</a></li>
248 <li><b>База резюме</b></li> 248 <li><b>База резюме</b></li>
249 </ul> 249 </ul>
250 <h1 class="thing__title">База резюме</h1> 250 <h1 class="thing__title">База резюме</h1>
251 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для 251 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
252 существующих финансовых и административных условий.</p> 252 существующих финансовых и административных условий.</p>
253 <!--<div class="search thing__search"> 253 <!--<div class="search thing__search">
254 <input type="search" class="input" name="search" id="search" placeholder="Введите наименование должности" required> 254 <input type="search" class="input" name="search" id="search" placeholder="Введите наименование должности" required>
255 <button type="submit" class="button">Найти</button> 255 <button type="submit" class="button">Найти</button>
256 <span> 256 <span>
257 <svg> 257 <svg>
258 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 258 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
259 </svg> 259 </svg>
260 </span> 260 </span>
261 </div>--> 261 </div>-->
262 262
263 <div class="select select_search thing__select"> 263 <div class="select select_search thing__select">
264 <div class="select__icon"> 264 <div class="select__icon">
265 <svg> 265 <svg>
266 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 266 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
267 </svg> 267 </svg>
268 </div> 268 </div>
269 <select class="js-select2 jobs" name="search" id="search"> 269 <select class="js-select2 jobs" name="search" id="search">
270 <option value="0">Выберите должность</option> 270 <option value="0">Выберите должность</option>
271 @if($Job_title->count()) 271 @if($Job_title->count())
272 @foreach($Job_title as $JT) 272 @foreach($Job_title as $JT)
273 <option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option> 273 <option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option>
274 @endforeach 274 @endforeach
275 @endif 275 @endif
276 </select> 276 </select>
277 </div> 277 </div>
278 278
279 <!--<label class="checkbox thing__checkbox"> 279 <!--<label class="checkbox thing__checkbox">
280 <input type="checkbox" class="checkbox__input" name="experience" id="experience"> 280 <input type="checkbox" class="checkbox__input" name="experience" id="experience">
281 <span class="checkbox__icon"> 281 <span class="checkbox__icon">
282 <svg> 282 <svg>
283 <use xlink:href=" asset('images/sprite.svg#v') }}"></use> 283 <use xlink:href=" asset('images/sprite.svg#v') }}"></use>
284 </svg> 284 </svg>
285 </span> 285 </span>
286 <span class="checkbox__text"> 286 <span class="checkbox__text">
287 <span> 287 <span>
288 Опыт работы 288 Опыт работы
289 </span> 289 </span>
290 </span> 290 </span>
291 </label>--> 291 </label>-->
292 </form> 292 </form>
293 </div> 293 </div>
294 </section> 294 </section>
295 <main class="main"> 295 <main class="main">
296 <div class="container"> 296 <div class="container">
297 <div class="main__resume-base"> 297 <div class="main__resume-base">
298 <h2>Резюме работников</h2> 298 <h2>Резюме работников</h2>
299 <div class="filters"> 299 <div class="filters">
300 <div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div> 300 <div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div>
301 <div class="filters__body"> 301 <div class="filters__body">
302 <div class="select filters__select"> 302 <div class="select filters__select">
303 <select class="js-select2" id="sort_ajax" name="sort_ajax"> 303 <select class="js-select2" id="sort_ajax" name="sort_ajax">
304 <option value="default">Сортировка (по умолчанию)</option> 304 <option value="default">Сортировка (по умолчанию)</option>
305 <option value="name_up">По имени (возрастание)</option> 305 <option value="name_up">По имени (возрастание)</option>
306 <option value="name_down">По имени (убывание)</option> 306 <option value="name_down">По имени (убывание)</option>
307 <option value="created_at_up">По дате (возрастание)</option> 307 <option value="created_at_up">По дате (возрастание)</option>
308 <option value="created_at_down">По дате (убывание)</option> 308 <option value="created_at_down">По дате (убывание)</option>
309 </select> 309 </select>
310 </div> 310 </div>
311 <button type="button" class="filters__item active" data-tab="1">
312 <svg>
313 <use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use>
314 </svg>
315 </button>
316 <button type="button" class="filters__item" data-tab="2">
317 <svg>
318 <use xlink:href="{{ asset('images/sprite.svg#grid-2') }}"></use>
319 </svg>
320 </button>
321 </div> 311 </div>
322 </div> 312 </div>
323 <div class="main__resume-base-body showed" data-body="1"> 313 <div class="main__resume-base-body showed" data-body="1">
324 <div class="main__resume-base-body-one" id="block1" name="block1"> 314 <div class="main__resume-base-body-one" id="block1" name="block1">
325 @if ($resumes->count()) 315 @if ($resumes->count())
326 @foreach ($resumes as $res) 316 @foreach ($resumes as $res)
327 <div class="main__resume-base-body-item"> 317 <div class="main__resume-base-body-item">
328 <div class="main__resume-base-body-item-wrapper"> 318 <div class="main__resume-base-body-item-wrapper">
329 <div> 319 <div>
330 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo"> 320 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
331 <div> 321 <div>
332 <div class="main__resume-base-body-item-buttons"> 322 <div class="main__resume-base-body-item-buttons">
333 <button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}"> 323 <button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
334 <svg> 324 <svg>
335 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 325 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
336 </svg> 326 </svg>
337 <span class="to-favorites">В избранное</span> 327 <span class="to-favorites">В избранное</span>
338 <span class="in-favorites">В избранном</span> 328 <span class="in-favorites">В избранном</span>
339 </button> 329 </button>
340 330
341 @guest 331 @guest
342 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 332 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
343 class="chat js-toggle js_it_button"> 333 class="chat js-toggle js_it_button">
344 <svg> 334 <svg>
345 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 335 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
346 </svg> 336 </svg>
347 <span>Написать</span> 337 <span>Написать</span>
348 </button> 338 </button>
349 @else 339 @else
350 @if (App\Classes\StatusUser::Status()==0) 340 @if (App\Classes\StatusUser::Status()==0)
351 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message)) 341 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
352 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'> 342 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
353 <svg> 343 <svg>
354 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 344 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
355 </svg> 345 </svg>
356 <span>Написать</span> 346 <span>Написать</span>
357 </button> 347 </button>
358 @endif 348 @endif
359 @else 349 @else
360 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' 350 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
361 class="chat js-toggle js_it_button"> 351 class="chat js-toggle js_it_button">
362 <svg> 352 <svg>
363 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 353 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
364 </svg> 354 </svg>
365 <span>Написать</span> 355 <span>Написать</span>
366 </button> 356 </button>
367 @endif 357 @endif
368 @endif 358 @endif
369 359
370 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a> 360 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a>
371 </div> 361 </div>
372 </div> 362 </div>
373 </div> 363 </div>
374 <div class="main__resume-base-body-item-inner"> 364 <div class="main__resume-base-body-item-inner">
375 <div class="horizontal"> 365 <div class="horizontal">
376 <div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif"> 366 <div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif">
377 {{ $status_work[$res->status_work] }} 367 {{ $status_work[$res->status_work] }}
378 </div> 368 </div>
379 <div class="main__resume-base-item-updated-at"> 369 <div class="main__resume-base-item-updated-at">
380 Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }} 370 Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }}
381 </div> 371 </div>
382 </div> 372 </div>
383 <div> 373 <div>
384 <b>Предпочтение по типу судна:</b> 374 <b>Предпочтение по типу судна:</b>
385 <span>{{ $res->boart_type_preference ?? '-' }}</span> 375 <span>{{ $res->boart_type_preference ?? '-' }}</span>
386 </div> 376 </div>
387 <div> 377 <div>
388 <b>ФИО:</b> 378 <b>ФИО:</b>
389 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span> 379 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>
390 </div> 380 </div>
391 <div> 381 <div>
392 <b>Наличие визы:</b> 382 <b>Наличие визы:</b>
393 <span>{{ $res->visa_available ?? '-' }}</span> 383 <span>{{ $res->visa_available ?? '-' }}</span>
394 </div> 384 </div>
395 <div> 385 <div>
396 <b>Возраст:</b> 386 <b>Возраст:</b>
397 <span>{{ $res->old_year ?? '-' }}</span> 387 <span>{{ $res->old_year ?? '-' }}</span>
398 </div> 388 </div>
399 <div> 389 <div>
400 <b>Наличие танкерных документов:</b> 390 <b>Наличие танкерных документов:</b>
401 <span>{{ $res->tanker_documents_available ?? '-' }}</span> 391 <span>{{ $res->tanker_documents_available ?? '-' }}</span>
402 </div> 392 </div>
403 <div> 393 <div>
404 <b>Желаемые вакансии:</b> 394 <b>Желаемые вакансии:</b>
405 <span> 395 <span>
406 @if ($res->job_titles->count()) 396 @if ($res->job_titles->count())
407 @foreach ($res->job_titles as $job_title) 397 @foreach ($res->job_titles as $job_title)
408 {{ $job_title->name }} 398 {{ $job_title->name }}
409 @if (!$loop->last) / @endif 399 @if (!$loop->last) / @endif
410 @endforeach 400 @endforeach
411 @else 401 @else
412 - 402 -
413 @endif 403 @endif
414 </span> 404 </span>
415 </div> 405 </div>
416 <div> 406 <div>
417 <b>Наличие подтверждения для работы на ВВП:</b> 407 <b>Наличие подтверждения для работы на ВВП:</b>
418 <span>{{ $res->confirmation_work_for_vvp ?? '-' }}</span> 408 <span>{{ $res->confirmation_work_for_vvp ?? '-' }}</span>
419 </div> 409 </div>
420 <div> 410 <div>
421 <b>Пожелание к З/П:</b> 411 <b>Пожелание к З/П:</b>
422 <span>{{ $res->salary_expectations ?? '-' }}</span> 412 <span>{{ $res->salary_expectations ?? '-' }}</span>
423 </div> 413 </div>
424 <div> 414 <div>
425 <b>Город проживания</b> 415 <b>Город проживания</b>
426 <span>{{ $res->city ?? "-" }}</span> 416 <span>{{ $res->city ?? "-" }}</span>
427 </div> 417 </div>
428 <div> 418 <div>
429 <b>Уровень английского:</b> 419 <b>Уровень английского:</b>
430 <span>{{ $res->english_level ?? '-' }}</span> 420 <span>{{ $res->english_level ?? '-' }}</span>
431 </div> 421 </div>
432 <div> 422 <div>
433 <b>Номер телефона</b> 423 <b>Номер телефона</b>
434 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone ?? '-' }}</a></span> 424 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone ?? '-' }}</a></span>
435 </div> 425 </div>
436 <div> 426 <div>
437 <b>Дата готовности к посадке:</b> 427 <b>Дата готовности к посадке:</b>
438 <span>{{ $res->ready_boart_date ?? '-' }}</span> 428 <span>{{ $res->ready_boart_date ?? '-' }}</span>
439 </div> 429 </div>
440 <div> 430 <div>
441 <b>E-mail:</b> 431 <b>E-mail:</b>
442 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span> 432 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>
443 </div> 433 </div>
444 <div>
445 <b>Опыт работы:</b>
446 <span>{{ $res->experience }}</span>
447 </div>
448 </div> 434 </div>
449 </div> 435 </div>
450 </div> 436 </div>
451 @endforeach 437 @endforeach
452 438
453 {{ $resumes->appends($_GET)->links('paginate') }} 439 {{ $resumes->appends($_GET)->links('paginate') }}
454 @else 440 @else
455 <p>По данному запросу ничего не найдено</p> 441 <p>По данному запросу ничего не найдено</p>
456 @endif 442 @endif
457 </div> 443 </div>
458 </div> 444 </div>
459 <div class="main__resume-base-body" data-body="2"> 445 <div class="main__resume-base-body" data-body="2">
460 <div class="main__resume-base-body-two" id="block2" name="block2"> 446 <div class="main__resume-base-body-two" id="block2" name="block2">
461 @if ($resumes->count()) 447 @if ($resumes->count())
462 @foreach ($resumes as $res) 448 @foreach ($resumes as $res)
463 <div class="main__resume-base-body-item"> 449 <div class="main__resume-base-body-item">
464 <div class="main__resume-base-body-item-buttons"> 450 <div class="main__resume-base-body-item-buttons">
465 <button type="button" id="elem_{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}"> 451 <button type="button" id="elem_{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
466 <svg> 452 <svg>
467 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 453 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
468 </svg> 454 </svg>
469 </button> 455 </button>
470 <!--<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid=" $idiot}}" data-tuid=" $res->id }}" data-options='{"touch":false,"autoFocus":false}'> 456 <!--<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid=" $idiot}}" data-tuid=" $res->id }}" data-options='{"touch":false,"autoFocus":false}'>
471 <svg> 457 <svg>
472 <use xlink:href=" asset('images/sprite.svg#chat') }}"></use> 458 <use xlink:href=" asset('images/sprite.svg#chat') }}"></use>
473 </svg> 459 </svg>
474 </button>--> 460 </button>-->
475 @guest 461 @guest
476 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 462 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
477 class="chat js-toggle js_it_button"> 463 class="chat js-toggle js_it_button">
478 <svg> 464 <svg>
479 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 465 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
480 </svg> 466 </svg>
481 </button> 467 </button>
482 @else 468 @else
483 @if (App\Classes\StatusUser::Status()==0) 469 @if (App\Classes\StatusUser::Status()==0)
484 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message)) 470 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
485 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'> 471 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
486 <svg> 472 <svg>
487 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 473 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
488 </svg> 474 </svg>
489 </button> 475 </button>
490 @endif 476 @endif
491 @else 477 @else
492 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' 478 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
493 class="chat js-toggle js_it_button"> 479 class="chat js-toggle js_it_button">
494 <svg> 480 <svg>
495 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 481 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
496 </svg> 482 </svg>
497 </button> 483 </button>
498 @endif 484 @endif
499 @endif 485 @endif
500 </div> 486 </div>
501 <div class="main__resume-base-body-item-wrapper"> 487 <div class="main__resume-base-body-item-wrapper">
502 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo"> 488 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
503 <div class="main__resume-base-body-item-inner"> 489 <div class="main__resume-base-body-item-inner">
504 <div> 490 <div>
505 <b>Статус</b> 491 <b>Статус</b>
506 <span>{{ $status_work[$res->status_work] }}</span> 492 <span>{{ $status_work[$res->status_work] }}</span>
507 </div> 493 </div>
508 <div> 494 <div>
509 <b>Имя работника</b> 495 <b>Имя работника</b>
510 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span> 496 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>
511 </div> 497 </div>
512 <div> 498 <div>
513 <b>Номер телефона</b> 499 <b>Номер телефона</b>
514 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone }}</a></span> 500 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone }}</a></span>
515 </div> 501 </div>
516 <div> 502 <div>
517 <b>Электронный адрес</b> 503 <b>Электронный адрес</b>
518 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span> 504 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>
519 </div> 505 </div>
520 <div> 506 <div>
521 <b>Город проживания</b> 507 <b>Город проживания</b>
522 <span>{{ $res->city }}</span> 508 <span>{{ $res->city }}</span>
523 </div> 509 </div>
524 <div> 510 <div>
525 <b>Опыт работы</b> 511 <b>Опыт работы</b>
526 <span>{{ $res->experience }}</span> 512 <span>{{ $res->experience }}</span>
527 </div> 513 </div>
528 </div> 514 </div>
529 </div> 515 </div>
530 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Перейти в 516 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Перейти в
531 резюме</a> 517 резюме</a>
532 </div> 518 </div>
533 @endforeach 519 @endforeach
534 520
535 {{ $resumes->appends($_GET)->links('paginate') }} 521 {{ $resumes->appends($_GET)->links('paginate') }}
536 @endif 522 @endif
537 </div> 523 </div>
538 </div> 524 </div>
539 </div> 525 </div>
540 </div> 526 </div>
541 </main> 527 </main>
542 </div> 528 </div>
543 </div> 529 </div>
544 @endsection 530 @endsection
545 531
resources/views/worker.blade.php
Diff comments   View file @ cf60bea
1 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 $(function(){
6 $('[name="footer-like-button"]').click(function(){
7 $('[name="header-like-button"]').click();
8 });
9 $('[name="header-like-button"]').click(function(){
10 $('[name="footer-like-button"]').toggleClass('active');
11 });
12 });
13
5 console.log('Test system'); 14 console.log('Test system');
6 $(document).on('change', '#jobs', function() { 15 $(document).on('change', '#jobs', function() {
7 var val = $(this).val(); 16 var val = $(this).val();
8 var main_oskar = $('#main_ockar'); 17 var main_oskar = $('#main_ockar');
9 18
10 console.log('Code='+val); 19 console.log('Code='+val);
11 console.log('Click change...'); 20 console.log('Click change...');
12 $.ajax({ 21 $.ajax({
13 type: "GET", 22 type: "GET",
14 url: "", 23 url: "",
15 data: "job="+val, 24 data: "job="+val,
16 success: function (data) { 25 success: function (data) {
17 console.log('Выбор сделан!'); 26 console.log('Выбор сделан!');
18 console.log(data); 27 console.log(data);
19 main_oskar.html(data); 28 main_oskar.html(data);
20 }, 29 },
21 headers: { 30 headers: {
22 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 31 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
23 }, 32 },
24 error: function (data) { 33 error: function (data) {
25 data = JSON.stringify(data); 34 data = JSON.stringify(data);
26 console.log('Error: ' + data); 35 console.log('Error: ' + data);
27 } 36 }
28 }); 37 });
29 }); 38 });
30 </script> 39 </script>
31 40
32 <script> 41 <script>
33 $(document).on('click', '.js_it_button', function() { 42 $(document).on('click', '.js_it_button', function() {
34 var this_ = $(this); 43 var this_ = $(this);
35 var code_user_id = this_.attr('data-uid'); 44 var code_user_id = this_.attr('data-uid');
36 var code_to_user_id = this_.attr('data-tuid'); 45 var code_to_user_id = this_.attr('data-tuid');
37 var code_vacancy = this_.attr('data-vacancy'); 46 var code_vacancy = this_.attr('data-vacancy');
38 var user_id = $('#_user_id'); 47 var user_id = $('#_user_id');
39 var to_user_id = $('#_to_user_id'); 48 var to_user_id = $('#_to_user_id');
40 var vacancy = $('#_vacancy'); 49 var vacancy = $('#_vacancy');
41 50
42 console.log('code_to_user_id='+code_to_user_id); 51 console.log('code_to_user_id='+code_to_user_id);
43 console.log('code_user_id='+code_user_id); 52 console.log('code_user_id='+code_user_id);
44 console.log('code_vacancy='+code_vacancy); 53 console.log('code_vacancy='+code_vacancy);
45 console.log('Клик на кнопке...'); 54 console.log('Клик на кнопке...');
46 55
47 user_id.val(code_user_id); 56 user_id.val(code_user_id);
48 to_user_id.val(code_to_user_id); 57 to_user_id.val(code_to_user_id);
49 vacancy.val(code_vacancy); 58 vacancy.val(code_vacancy);
50 }); 59 });
51 </script> 60 </script>
52 @include('js.favorite-worker') 61 @include('js.favorite-worker')
53 @endsection 62 @endsection
54 63
55 @section('content') 64 @section('content')
65 @php
66 $worker = $Query[0];
67 @endphp
56 <section class="thing"> 68 <section class="thing">
57 <div class="container"> 69 <div class="container">
58 <ul class="breadcrumbs thing__breadcrumbs"> 70 <ul class="breadcrumbs thing__breadcrumbs">
59 <li><a href="{{ route('index') }}">Главная</a></li> 71 <li><a href="{{ route('index') }}">Главная</a></li>
60 <li><a href="{{ route('bd_resume') }}">База резюме</a></li> 72 <li><a href="{{ route('bd_resume') }}">База резюме</a></li>
61 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li> 73 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li>
62 </ul> 74 </ul>
63 <div class="thing__profile"> 75 <div class="thing__profile">
64 <img src="@if (isset($Query[0]->photo)) {{ asset(Storage::url($Query[0]->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="main__resume-base-body-item-photo"> 76 <img src="@if (isset($Query[0]->photo)) {{ asset(Storage::url($Query[0]->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="main__resume-base-body-item-photo">
65 <div class="thing__profile-body"> 77 <div class="thing__profile-body">
66 <h1 class="thing__title">@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</h1> 78 <h1 class="thing__title">@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</h1>
67 <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены 79 <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены
68 исключительно в разрезе маркетинговых и финансовых предпосылок.</p> 80 исключительно в разрезе маркетинговых и финансовых предпосылок.</p>
69 <div class="thing__bottom"> 81 <div class="thing__bottom">
70 <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}"> 82 <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
71 Скачать резюме 83 Скачать резюме
72 <svg> 84 <svg>
73 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use> 85 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
74 </svg> 86 </svg>
75 </a> 87 </a>
76 <button type="button" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" data-val="{{ $Query[0]->id }}" id="elem{{ $Query[0]->id }}"> 88 <button type="button" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" data-val="{{ $Query[0]->id }}" id="elem{{ $Query[0]->id }}"
89 name="header-like-button"
90 >
77 <svg> 91 <svg>
78 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 92 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
79 </svg> 93 </svg>
80 </button> 94 </button>
81 </div> 95 </div>
82 </div> 96 </div>
83 </div> 97 </div>
84 </div> 98 </div>
85 </section> 99 </section>
86 <main class="main"> 100 <main class="main">
87 <div class="container"> 101 <div class="container">
88 <div class="main__resume-profile"> 102 <div class="main__resume-profile">
89 <div class="main__content"> 103 <div class="main__content">
90 <div class="main__spoiler"> 104 <div class="main__spoiler">
91 <button type="button" class="main__spoiler-toper js-toggle active"> 105 <button type="button" class="main__spoiler-toper js-toggle active">
92 Основная информация</button> 106 Основная информация</button>
93 107
94 <div class="main__spoiler-body"> 108 <div class="main__spoiler-body">
95 <table class="main__table"> 109 <table class="main__table">
96 <tbody> 110 <tbody>
97 <tr> 111 <tr>
98 <td>Имя:</td> 112 <td><b>Статус:</b></td>
99 <td><b>{{ $Query[0]->users->name_man }}</b></td> 113 <td>{{ $status_work[$worker->status_work] }}</td>
114 </tr>
115 <tr>
116 <td><b>ФИО:</b></td>
117 <td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td>
118 </tr>
119 <tr>
120 <td><b>Возраст:</b></td>
121 <td>{{ $worker->old_year ?? '-' }}</td>
100 </tr> 122 </tr>
101 <tr> 123 <tr>
102 <td>Должность:</td> 124 <td><b>Желаемые вакансии:</b></td>
103 <td> 125 <td>
104 @if ($Query[0]->job_titles->count()) 126 @if ($Query[0]->job_titles->count())
105 @foreach ($Query[0]->job_titles as $it) 127 @foreach ($Query[0]->job_titles as $it)
106 @if ($it->is_remove == 0) 128 @if ($it->is_remove == 0)
107 <b>{{ $it->name }}</b> 129 {{ $it->name }} /
108 @endif 130 @endif
109 @endforeach 131 @endforeach
132 @else
133 -
110 @endif 134 @endif
111 </td> 135 </td>
112 </tr> 136 </tr>
113 <tr> 137 <tr>
114 <td>Телефон:</td> 138 <td><b>Пожелания по З/П:</b></td>
115 <td><b><a href="tel:{{ $Query[0]->telephone }}">{{ $Query[0]->telephone }}</a></b></td> 139 <td>{{ $worker->salary_expectations ?? '-' }}</td>
140 </tr>
141 <tr>
142 <td><b>Опыт работы:</b></td>
143 <td>{{ $worker->experience ?? '-' }}</td>
144 </tr>
145 <tr>
146 <td><b>Уровень английского:</b></td>
147 <td>{{ $worker->english_level ?? '-' }}</td>
148 </tr>
149 <tr>
150 <td><b>Дата готовности к посадке:</b></td>
151 <td>{{ $worker->ready_boart_date ?? '-' }}</td>
116 </tr> 152 </tr>
117 <tr> 153 <tr>
118 <td>E-mail:</td> 154 <td><b>Предпочтение по типу судна:</b></td>
119 <td><b><a href="mailto:{{ $Query[0]->email }}">{{ $Query[0]->email }}</a></b></td> 155 <td>{{ $worker->boart_type_preference ?? '-' }}</td>
120 </tr> 156 </tr>
121 <tr> 157 <tr>
122 <td>Возраст:</td> 158 <td><b>Наличие визы:</b></td>
123 <td><b>{{ $Query[0]->old_year }}</b></td> 159 <td>{{ $worker->visa_available ?? '-' }}</td>
124 </tr> 160 </tr>
125 <tr> 161 <tr>
126 <td>Статус:</td> 162 <td><b>Наличие танкерных документов:</b></td>
127 <td><b>{{ $status_work[$Query[0]->status_work] }}</b></td> 163 <td>{{ $worker->tanker_documents_available ?? '-' }}</td>
128 </tr> 164 </tr>
129 <tr> 165 <tr>
130 <td>Город проживания:</td> 166 <td><b>Наличие подтверждения для работы на ВВП:</b></td>
131 <td><b>{{ $Query[0]->city }}</b></td> 167 <td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td>
132 </tr> 168 </tr>
133 <tr> 169 <tr>
134 <td>Уровень английского:</td> 170 <td><b>Наличие военного билета / приписного свидетельства:</b></td>
135 <td><b>{{ $Query[0]->en_is }}</b></td> 171 <td>{{ $worker->military_id_available ?? '-' }}</td>
136 </tr> 172 </tr>
137 <tr> 173 <tr>
138 <td>Опыт работы:</td> 174 <td><b>Город проживания:</b></td>
139 <td><b>{{ $Query[0]->experience }}</b></td> 175 <td>{{ $worker->city ?? '-' }}</td>
176 </tr>
177 <tr>
178 <td><b>Телефон:</b></td>
179 <td>{{ $worker->telephone ?? '-' }}</td>
180 </tr>
181 <tr>
182 <td><b>E-mail:</b></td>
183 <td>{{ $worker->email ?? '-' }}</td>
184 </tr>
185 <tr>
186 <td><b>Контакты родственников:</b></td>
187 <td>{{ $worker->telephone2 ?? '-' }}</td>
140 </tr> 188 </tr>
141 </tbody> 189 </tbody>
142 </table> 190 </table>
143 </div> 191 </div>
144 </div> 192 </div>
193
145 <div class="main__spoiler"> 194 <div class="main__spoiler">
146 <button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button> 195 <button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button>
147 <div class="main__spoiler-body"> 196 <div class="main__spoiler-body">
148 197
149 @if (isset($Query[0]->sertificate)) 198 @if (isset($Query[0]->sertificate))
150 @if ($Query[0]->sertificate->count()) 199 @if ($Query[0]->sertificate->count())
151 @foreach($Query[0]->sertificate as $it)
152 <table class="main__table"> 200 <table class="main__table">
153 <tbody> 201 <tbody>
154 <tr> 202 <tr>
155 <td>Название сертификата:</td> 203 <td><b>Название сертификата:</b></td>
156 <td><b>{{ $it->name }}</b></td> 204 <td><b>Действителен до:</b></td>
157 </tr> 205 </tr>
158 <tr> 206 @foreach($Query[0]->sertificate as $it)
159 <td>Организация выдавшая документ:</td> 207 <tr>
160 <td><b>{{ $it->education }}</b></td> 208 <td>{{ $it->name }}</td>
161 </tr> 209 <td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td>
162 <tr> 210 </tr>
163 <td>Дата начала обучения:</td> 211 @endforeach
164 <td><b>{{ $it->date_begin }}</b></td>
165 </tr>
166 <tr>
167 <td>Дата конца обучения:</td>
168 <td><b>{{ $it->end_begin }}</b></td>
169 </tr>
170 </tbody> 212 </tbody>
171 </table> 213 </table>
172 <br>
173 @endforeach
174 @endif 214 @endif
175 @endif 215 @endif
176 </div> 216 </div>
177 </div> 217 </div>
178 218
179 <div class="main__spoiler"> 219 <div class="main__spoiler">
220 <button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button>
221 <div class="main__spoiler-body">
222 @if ($infoblocks->count())
223 <table class="main__table">
224 <tbody>
225 @foreach ($infoblocks as $info)
226 @php $finder = false; @endphp
227 @if (isset($Query[0]->infobloks))
228 @if ($Query[0]->infobloks->count())
229
230 @foreach($Query[0]->infobloks as $it)
231 @if ($info->id == $it->id)
232 <tr>
233 <td><b>{{ $it->name }}</b></td>
234 <td>
235 @if ($it->model_dop_info[0]->status == 0) Не указано
236 @elseif($it->model_dop_info[0]->status==1) В наличии
237 @else Отсутствует
238 @endif
239 </td>
240 </tr>
241 @php $finder = true; @endphp
242 @endif
243 @endforeach
244 @endif
245 @endif
246 @if (!$finder)
247 <tr>
248 <td><b>{{ $info->name }}</b></td>
249 <td>
250 Не указано
251 </td>
252 </tr>
253 @endif
254 @endforeach
255 </tbody>
256 </table>
257 @endif
258 </div>
259 </div>
260
261 <div class="main__spoiler">
180 <button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button> 262 <button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button>
181 <div class="main__spoiler-body"> 263 <div class="main__spoiler-body">
182 264
183 @if (isset($Query[0]->place_worker)) 265 @if (isset($Query[0]->place_worker))
184 @if ($Query[0]->place_worker->count()) 266 @if ($Query[0]->place_worker->count())
185 @foreach($Query[0]->place_worker as $it) 267 <table class="main__table">
186 268 <tbody>
187 <table class="main__table">
188 <tbody>
189 <tr>
190 <td>Должность:</td>
191 <td><b>{{ $it->job_title }}</b></td>
192 </tr>
193 <tr>
194 <td>Опыт работы в танкерном флоте:</td>
195 <td><b>@if($it->tanker==1) Есть @else Нет @endif</b></td>
196 </tr>
197 <tr>
198 <td>Дата начала работы:</td>
199 <td><b>{{ $it->begin_work }}</b></td>
200 </tr>
201 <tr>
202 <td>Дата конца работы:</td>
203 <td><b>{{ $it->end_work }}</b></td>
204 </tr>
205 <tr>
206 <td>Название компании:</td>
207 <td><b>{{ $it->name_company }}</b></td>
208 </tr>
209 <tr>
210 <td>GWT тип</td>
211 <td><b>{{ $it->GWT }}</b></td>
212 </tr>
213 <tr> 269 <tr>
214 <td>ГД:</td> 270 <td><b>Должность:</b></td>
215 <td><b>{{ $it->KBT }}</b></td> 271 <td><b>Название т/х:</b></td>
272 <td><b>Тип судна:</b></td>
273 <td><b>Марка ГД:</b></td>
274 <td><b>Мощность ГД (кВТ):</b></td>
275 <td><b>Водоизмещение (DWT):</b></td>
276 <td><b>Название компании:</b></td>
277 <td><b>Начало контракта:</b></td>
278 <td><b>Конец контракта:</b></td>
216 </tr> 279 </tr>
217 </tbody> 280 @foreach($Query[0]->place_worker as $it)
218 </table> 281 <tr>
219 <br> 282 <td>{{ $it->job_title }}</td>
220 @endforeach 283 <td>{{ $it->teplohod }}</td>
284 <td>{{ $it->GWT }}</td>
285 <td>{{ $it->Marka_GD }}</td>
286 <td>{{ $it->KBT }}</td>
287 <td>{{ $it->GRT }}</td>
288 <td>{{ $it->name_company }}</td>
289 <td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td>
290 <td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td>
291 </tr>
292 @endforeach
293 </tbody>
294 </table>
221 @endif 295 @endif
222 @endif 296 @endif
223 </div> 297 </div>
224 </div> 298 </div>
225 299
226 <div class="main__spoiler"> 300 <div class="main__spoiler">
227 <button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button> 301 <button type="button" class="main__spoiler-toper js-toggle">Данные о прошлых компаниях</button>
228 <div class="main__spoiler-body"> 302 <div class="main__spoiler-body">
229 @if ($infoblocks->count()) 303 @if ((isset($worker->prev_company)) && ($worker->prev_company->count()))
230 <table class="main__table"> 304 <table class="main__table">
231 <tbody> 305 <tbody>
232 @foreach ($infoblocks as $info) 306 <tr>
233 @php $finder = false; @endphp 307 <td><b>Название компании:</b></td>
234 @if (isset($Query[0]->infobloks)) 308 <td><b>ФИО сотрудника:</b></td>
235 @if ($Query[0]->infobloks->count()) 309 <td><b>Должность сотрудника:</b></td>
236 310 <td><b>Телефон сотрудника:</b></td>
237 @foreach($Query[0]->infobloks as $it) 311 </tr>
238 @if ($info->id == $it->id) 312 @foreach ($worker->prev_company as $prev_company)
239 <tr>
240 <td><b>{{ $it->name }}</b></td>
241 <td>
242 @if ($it->model_dop_info[0]->status == 0) Не указано
243 @elseif($it->model_dop_info[0]->status==1) В наличии
244 @else Отсутствует
245 @endif
246 </td>
247 </tr>
248 @php $finder = true; @endphp
249 @endif
250 @endforeach
251 @endif
252 @endif
253 @if (!$finder)
254 <tr> 313 <tr>
255 <td><b>{{ $info->name }}</b></td> 314 <td>{{ $prev_company->name_company }}</td>
256 <td> 315 <td>{{ $prev_company->direct }}</td>
257 Не указано 316 <td>{{ $prev_company->telephone }}</td>
258 </td> 317 <td>{{ $prev_company->telephone2 }}</td>
259 </tr> 318 </tr>
260 @endif 319 @endforeach
261 @endforeach
262 </tbody> 320 </tbody>
263 </table> 321 </table>
264 @endif 322 @endif
265 </div> 323 </div>
266 </div> 324 </div>
267 </div> 325 </div>
268 326
269 <div class="main__resume-profile-about"> 327 <div class="main__resume-profile-about">
270 <h2 class="main__resume-profile-about-title">О себе</h2> 328 <h2 class="main__resume-profile-about-title">О себе</h2>
271 <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p> 329 <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p>
272 @if (App\Classes\StatusUser::Status()==0) 330 @if (App\Classes\StatusUser::Status()==0)
273 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message)) 331 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
274 <div class="button main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'>Написать сообщение</div> 332 <div class="main__resume-profile-about-buttons flex width100">
275 @endif 333 <button type="button" class="like js-toggle mr-10 js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}"
276 @endif 334 name="footer-like-button"
277 </div> 335 >
278 <div class="main__resume-profile-info"> 336 <svg class="mr-5">
279 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2> 337 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
280 <div class="main__resume-profile-info-body"> 338 </svg>
281 @if ((isset($Query[0]->prev_company)) && ($Query[0]->prev_company->count())) 339 В избранное
282 @foreach ($Query[0]->prev_company as $it) 340 </button>
283 <div class="main__resume-profile-info-body-item"> 341 <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
284 <h3 class="main__resume-profile-info-body-subtitle">{{ $it->name_company }}</h3> 342 <svg>
285 <ul class="main__resume-profile-info-body-inner"> 343 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
286 <li> 344 </svg>
287 <b>Руководитель</b> 345 Написать
288 <span>{{ $it->direct }}</span> 346 </div>
289 </li> 347 <a class="button mr-10" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
290 <li> 348 <svg>
291 <b>Телефон того, кто может дать рекомендацию</b> 349 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
292 <span> 350 </svg>
293 @if (!empty($it->telephone)) 351 Скачать резюме
294 <a href="tel:{{$it->telephone }}">{{ $it->telephone }}</a> 352 </a>
295 @endif
296 @if (!empty($it->telephone2))
297 <a href="tel:{{$it->telephone2 }}">{{ $it->telephone2 }}</a>
298 @endif
299 </span>
300 </li>
301 </ul>
302 </div>
303 @endforeach
304 @else
305 <div class="main__resume-profile-info-body-item">
306 <h3 class="main__resume-profile-info-body-subtitle">Нету данных о компании</h3>
307 </div> 353 </div>
resources/views/workers/cabinet.blade.php
Diff comments   View file @ cf60bea
1 @extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 $(function() { 5 $(function() {
6 $('.cabinet__avatar-form [type="file"][name="photo"]').change(function (event) { 6 $('.cabinet__avatar-form [type="file"][name="photo"]').change(function (event) {
7 var form = $(this).closest('form'); 7 var form = $(this).closest('form');
8 const file = event.target.files[0]; 8 const file = event.target.files[0];
9 9
10 if (file) { 10 if (file) {
11 var img_wrap = $('.cabinet__avatar-pic'); 11 var img_wrap = $('.cabinet__avatar-pic');
12 var img = $('<img src="#"/>'); 12 var img = $('<img src="#"/>');
13 const reader = new FileReader(); 13 const reader = new FileReader();
14 14
15 reader.onload = function(e) { 15 reader.onload = function(e) {
16 img.attr('src', e.target.result); 16 img.attr('src', e.target.result);
17 img_wrap.find('svg, img').remove(); 17 img_wrap.find('svg, img').remove();
18 img_wrap.append(img); 18 img_wrap.append(img);
19 19
20 setTimeout(function () { 20 setTimeout(function () {
21 form.submit(); 21 form.submit();
22 }, 1000); 22 }, 1000);
23 }; 23 };
24 24
25 reader.readAsDataURL(file); 25 reader.readAsDataURL(file);
26 } 26 }
27 }); 27 });
28 }); 28 });
29 29
30 $(document).on('click', '#old_year', function() { 30 $(document).on('click', '#old_year', function() {
31 var this_ = $(this); 31 var this_ = $(this);
32 var val = this_.val(); 32 var val = this_.val();
33 33
34 if (val < 0) 34 if (val < 0)
35 $('#old_year').val(0); 35 $('#old_year').val(0);
36 }); 36 });
37 </script> 37 </script>
38 @endsection 38 @endsection
39 39
40 @section('content') 40 @section('content')
41 @php 41 @php
42 $user = $worker->users 42 $user = $worker->users
43 @endphp 43 @endphp
44 <section class="cabinet"> 44 <section class="cabinet">
45 <div class="container"> 45 <div class="container">
46 <ul class="breadcrumbs cabinet__breadcrumbs"> 46 <ul class="breadcrumbs cabinet__breadcrumbs">
47 <li><a href="{{ route('index') }}">Главная</a></li> 47 <li><a href="{{ route('index') }}">Главная</a></li>
48 <li><b>Личный кабинет</b></li> 48 <li><b>Личный кабинет</b></li>
49 </ul> 49 </ul>
50 <div class="cabinet__wrapper"> 50 <div class="cabinet__wrapper">
51 <div class="cabinet__side"> 51 <div class="cabinet__side">
52 <div class="cabinet__side-toper"> 52 <div class="cabinet__side-toper">
53 @include('workers.emblema') 53 @include('workers.emblema')
54 54
55 </div> 55 </div>
56 56
57 @include('workers.menu', ['item' => 1]) 57 @include('workers.menu', ['item' => 1])
58 </div> 58 </div>
59 <div class="cabinet__body"> 59 <div class="cabinet__body">
60 <div class="cabinet__body-item"> 60 <div class="cabinet__body-item">
61 <div class="cabinet__anketa"> 61 <div class="cabinet__anketa">
62 <h2 class="title cabinet__title">Моя анкета</h2> 62 <h2 class="title cabinet__title">Моя анкета</h2>
63 <div class="cabinet__anketa-buttons"> 63 <div class="cabinet__anketa-buttons">
64 <a href="{{ route('worker.up', ['worker' => $worker->id]) }}" class="button">Поднять резюме</a> 64 <a href="{{ route('worker.up', ['worker' => $worker->id]) }}" class="button">Поднять резюме</a>
65 <a href="{{ route('resume_download', ['worker' => $worker->id]) }}" target="_blank" class="button"> 65 <a href="{{ route('resume_download', ['worker' => $worker->id]) }}" target="_blank" class="button">
66 <svg> 66 <svg>
67 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 67 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
68 </svg> 68 </svg>
69 Скачать резюме 69 Скачать резюме
70 </a> 70 </a>
71 </div> 71 </div>
72 </div> 72 </div>
73 </div> 73 </div>
74 74
75 <div class="cabinet__body-item"> 75 <div class="cabinet__body-item">
76 <div class="cabinet__stats"> 76 <div class="cabinet__stats">
77 <h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3> 77 <h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3>
78 <div class="cabinet__stats-body"> 78 <div class="cabinet__stats-body">
79 <div class="cabinet__stats-item"> 79 <div class="cabinet__stats-item">
80 <svg> 80 <svg>
81 <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use> 81 <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>
82 </svg> 82 </svg>
83 <span>Просмотров:</span> 83 <span>Просмотров:</span>
84 <b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b> 84 <b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b>
85 </div> 85 </div>
86 <div class="cabinet__stats-item"> 86 <div class="cabinet__stats-item">
87 <svg> 87 <svg>
88 <use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use> 88 <use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use>
89 </svg> 89 </svg>
90 <span>Отзывов:</span> 90 <span>Отзывов:</span>
91 <b>@if(isset($worker->response)) {{ $worker->response->count() }} @else 0 @endif</b> 91 <b>@if(isset($worker->response)) {{ $worker->response->count() }} @else 0 @endif</b>
92 </div> 92 </div>
93 </div> 93 </div>
94 <div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div> 94 <div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div>
95 <div class="cabinet__stats-line"> 95 <div class="cabinet__stats-line">
96 <span style="width:{{ $persent }}%"></span> 96 <span style="width:{{ $persent }}%"></span>
97 </div> 97 </div>
98 <div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div> 98 <div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div>
99 </div> 99 </div>
100 </div> 100 </div>
101 101
102 <form class="" action="{{ route('worker.cabinet_save_foto', ['worker' => $worker->id]) }}" enctype="multipart/form-data" method="POST"> 102 <form class="" action="{{ route('worker.cabinet_save_foto', ['worker' => $worker->id]) }}" enctype="multipart/form-data" method="POST">
103 @csrf 103 @csrf
104 @include('messages_error') 104 @include('messages_error')
105 105
106 <div class="cabinet__body-item"> 106 <div class="cabinet__body-item">
107 <h3 class="cabinet__subtitle">Профиль</h3> 107 <h3 class="cabinet__subtitle">Профиль</h3>
108 <div class="cabinet__avatar"> 108 <div class="cabinet__avatar">
109 <div class="cabinet__avatar-pic"> 109 <div class="cabinet__avatar-pic">
110 110
111 @if (!empty($worker->photo)) 111 @if (!empty($worker->photo))
112 <img src="{{ asset(Storage::url($worker->photo)) }}"/> 112 <img src="{{ asset(Storage::url($worker->photo)) }}"/>
113 @else 113 @else
114 <svg> 114 <svg>
115 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 115 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
116 </svg> 116 </svg>
117 @endif 117 @endif
118 </div> 118 </div>
119 <div class="cabinet__avatar-form"> 119 <div class="cabinet__avatar-form">
120 <label class="file"> 120 <label class="file">
121 <span class="file__input"> 121 <span class="file__input">
122 <input type="file" name="photo" id="photo"> 122 <input type="file" name="photo" id="photo">
123 123
124 <span class="button"> 124 <span class="button">
125 <svg> 125 <svg>
126 <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use> 126 <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use>
127 </svg> 127 </svg>
128 Загрузить 128 Загрузить
129 </span> 129 </span>
130 </span> 130 </span>
131 </label> 131 </label>
132 <p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p> 132 <p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p>
133 </div> 133 </div>
134 </div> 134 </div>
135 </div> 135 </div>
136 </form> 136 </form>
137 137
138 <div class="cabinet__body-item mb-40"> 138 <div class="cabinet__body-item mb-40">
139 <h3 class="cabinet__subtitle font30">Основная информация</h3> 139 <h3 class="cabinet__subtitle font30">Основная информация</h3>
140 140
141 <div class="cabinet__inputs"> 141 <div class="cabinet__inputs">
142 <div class="cabinet__inputs-item form-group"> 142 <div class="cabinet__inputs-item form-group">
143 <label class="form-group__label">Фамилия:</label> 143 <label class="form-group__label">Фамилия:</label>
144 <div class="form-group__item"> 144 <div class="form-group__item">
145 {{ $user->surname }} 145 {{ $user->surname }}
146 </div> 146 </div>
147 </div> 147 </div>
148 <div class="cabinet__inputs-item form-group"> 148 <div class="cabinet__inputs-item form-group">
149 <label class="form-group__label">Наличие визы:</label> 149 <label class="form-group__label">Наличие визы:</label>
150 <div class="form-group__item"> 150 <div class="form-group__item">
151 {{ $worker->visa_available }} 151 {{ $worker->visa_available }}
152 </div> 152 </div>
153 </div> 153 </div>
154 154
155 <div class="cabinet__inputs-item form-group"> 155 <div class="cabinet__inputs-item form-group">
156 <label class="form-group__label">Имя:</label> 156 <label class="form-group__label">Имя:</label>
157 <div class="form-group__item"> 157 <div class="form-group__item">
158 {{ $user->name_man }} 158 {{ $user->name_man }}
159 </div> 159 </div>
160 </div> 160 </div>
161 <div class="cabinet__inputs-item form-group"> 161 <div class="cabinet__inputs-item form-group">
162 <label class="form-group__label">Наличие танкерных документов:</label> 162 <label class="form-group__label">Наличие танкерных документов:</label>
163 <div class="form-group__item"> 163 <div class="form-group__item">
164 {{ $worker->tanker_documents_available ?? '-' }} 164 {{ $worker->tanker_documents_available ?? '-' }}
165 </div> 165 </div>
166 </div> 166 </div>
167 167
168 <div class="cabinet__inputs-item form-group"> 168 <div class="cabinet__inputs-item form-group">
169 <label class="form-group__label">Отчество:</label> 169 <label class="form-group__label">Отчество:</label>
170 <div class="form-group__item"> 170 <div class="form-group__item">
171 {{ $user->surname2 }} 171 {{ $user->surname2 }}
172 </div> 172 </div>
173 </div> 173 </div>
174 <div class="cabinet__inputs-item form-group"> 174 <div class="cabinet__inputs-item form-group">
175 <label class="form-group__label">Наличие подтверждения для работы на ВВП:</label> 175 <label class="form-group__label">Наличие подтверждения для работы на ВВП:</label>
176 <div class="form-group__item"> 176 <div class="form-group__item">
177 {{ $worker->confirmation_work_for_vvp ?? '-' }} 177 {{ $worker->confirmation_work_for_vvp ?? '-' }}
178 </div> 178 </div>
179 </div> 179 </div>
180 180
181 <div class="cabinet__inputs-item form-group"> 181 <div class="cabinet__inputs-item form-group">
182 <label class="form-group__label">Возраст:</label> 182 <label class="form-group__label">Возраст:</label>
183 <div class="form-group__item"> 183 <div class="form-group__item">
184 {{ $worker->old_year ?? '-' }} 184 {{ $worker->old_year ?? '-' }}
185 </div> 185 </div>
186 </div> 186 </div>
187 <div class="cabinet__inputs-item form-group"> 187 <div class="cabinet__inputs-item form-group">
188 <label class="form-group__label">Наличие военного билета / приписного свидетельства:</label> 188 <label class="form-group__label">Наличие военного билета / приписного свидетельства:</label>
189 <div class="form-group__item"> 189 <div class="form-group__item">
190 {{ $worker->military_id_available ?? '-' }} 190 {{ $worker->military_id_available ?? '-' }}
191 </div> 191 </div>
192 </div> 192 </div>
193 193
194 <div class="cabinet__inputs-item form-group"> 194 <div class="cabinet__inputs-item form-group">
195 <label class="form-group__label">Статус:</label> 195 <label class="form-group__label">Статус:</label>
196 <div class="form-group__item"> 196 <div class="form-group__item">
197 {{ $status_work[$worker->status_work] ?? '-' }} 197 {{ $status_work[$worker->status_work] ?? '-' }}
198 </div> 198 </div>
199 </div> 199 </div>
200 <div class="cabinet__inputs-item form-group"> 200 <div class="cabinet__inputs-item form-group">
201 <label class="form-group__label">Город проживания:</label> 201 <label class="form-group__label">Город проживания:</label>
202 <div class="form-group__item"> 202 <div class="form-group__item">
203 {{ $worker->city ?? '-' }} 203 {{ $worker->city ?? '-' }}
204 </div> 204 </div>
205 </div> 205 </div>
206 206
207 <div class="cabinet__inputs-item form-group"> 207 <div class="cabinet__inputs-item form-group">
208 <label class="form-group__label">Желаемые вакансии:</label> 208 <label class="form-group__label">Желаемые вакансии:</label>
209 <div class="form-group__item"> 209 <div class="form-group__item">
210 @if ($worker->job_titles->count()) 210 @if ($worker->job_titles->count())
211 @foreach($worker->job_titles as $job_title) 211 @foreach($worker->job_titles as $job_title)
212 {{ $job_title->name }} 212 {{ $job_title->name }}
213 @if (!$loop->last) / @endif 213 @if (!$loop->last) / @endif
214 @endforeach 214 @endforeach
215 @endif 215 @endif
216 </div> 216 </div>
217 </div> 217 </div>
218 <div class="cabinet__inputs-item form-group"> 218 <div class="cabinet__inputs-item form-group">
219 <label class="form-group__label">Город проживания:</label> 219 <label class="form-group__label">Телефон:</label>
220 <div class="form-group__item"> 220 <div class="form-group__item">
221 {{ $worker->city ?? '-' }} 221 {{ $worker->telephone ?? '-' }}
222 </div> 222 </div>
223 </div> 223 </div>
224 224
225 <div class="cabinet__inputs-item form-group"> 225 <div class="cabinet__inputs-item form-group">
226 <label class="form-group__label">Пожелания к З/П:</label> 226 <label class="form-group__label">Пожелания к З/П:</label>
227 <div class="form-group__item"> 227 <div class="form-group__item">
228 {{ $worker->salary_expectations ?? '-' }} 228 {{ $worker->salary_expectations ?? '-' }}
229 </div> 229 </div>
230 </div> 230 </div>
231 <div class="cabinet__inputs-item form-group"> 231 <div class="cabinet__inputs-item form-group">
232 <label class="form-group__label">E-mail:</label> 232 <label class="form-group__label">E-mail:</label>
233 <div class="form-group__item"> 233 <div class="form-group__item">
234 {{ $worker->email ?? '-' }} 234 {{ $worker->email ?? '-' }}
235 </div> 235 </div>
236 </div> 236 </div>
237 237
238 <div class="cabinet__inputs-item form-group"> 238 <div class="cabinet__inputs-item form-group">
239 <label class="form-group__label">Уровень английского:</label> 239 <label class="form-group__label">Уровень английского:</label>
240 <div class="form-group__item"> 240 <div class="form-group__item">
241 {{ $worker->english_level ?? '-' }} 241 {{ $worker->english_level ?? '-' }}
242 </div> 242 </div>
243 </div> 243 </div>
244 <div class="cabinet__inputs-item form-group"> 244 <div class="cabinet__inputs-item form-group">
245 <label class="form-group__label">Контакты родственников:</label> 245 <label class="form-group__label">Контакты родственников:</label>
246 <div class="form-group__item"> 246 <div class="form-group__item">
247 {{ $worker->telephon2 ?? '-' }} 247 {{ $worker->telephon2 ?? '-' }}
248 </div> 248 </div>
249 </div> 249 </div>
250 250
251 <div class="cabinet__inputs-item form-group"> 251 <div class="cabinet__inputs-item form-group">
252 <label class="form-group__label">Дата готовности к посадке:</label> 252 <label class="form-group__label">Дата готовности к посадке:</label>
253 <div class="form-group__item"> 253 <div class="form-group__item">
254 {{ $worker->ready_boart_date ?? '-' }} 254 {{ $worker->ready_boart_date ?? '-' }}
255 </div> 255 </div>
256 </div> 256 </div>
257 <div class="cabinet__inputs-item form-group"></div>
258
257 <div class="cabinet__inputs-item form-group"> 259 <div class="cabinet__inputs-item form-group">
258 <label class="form-group__label">Предпочтение по типу судна:</label> 260 <label class="form-group__label">Предпочтение по типу судна:</label>
259 <div class="form-group__item"> 261 <div class="form-group__item">
260 {{ $worker->boart_type_preference ?? '-' }} 262 {{ $worker->boart_type_preference ?? '-' }}
261 </div> 263 </div>
262 </div> 264 </div>
263 265
264 <div class="width100"> 266 <div class="width100">
265 <h4 class="cabinet__h4 mb-10">О себе</h4> 267 <h4 class="cabinet__h4 mb-10">О себе</h4>
266 <div>{{ $worker->text }}</div> 268 <div>{{ $worker->text }}</div>
267 </div> 269 </div>
268 270
269 <div class=""> 271 <div class="">
270 <a href="{{ route('worker.basic_information') }}" class="button active">Редактировать основную информацию</a> 272 <a href="{{ route('worker.basic_information') }}" class="button active">Редактировать основную информацию</a>
271 </div> 273 </div>
272 </div> 274 </div>
273 </div> 275 </div>
274 276
275 <div class="mb-40" id="sertificate" name="sertificate"> 277 <div class="mb-40" id="sertificate" name="sertificate">
276 <h3 class="cabinet__subtitle font30 mb-20">Сертификаты / документы</h3> 278 <h3 class="cabinet__subtitle font30 mb-20">Сертификаты / документы</h3>
277 279
278 @if($worker->sertificate->count()) 280 @if($worker->sertificate->count())
279 @foreach($worker->sertificate as $sertificate) 281 @foreach($worker->sertificate as $sertificate)
280 <div class="one-sertificate"> 282 <div class="one-sertificate">
281 <div class="sertificate-field sertificate-name"> 283 <div class="sertificate-field sertificate-name">
282 <label class="bold">Название сертификата:</label> 284 <label class="bold">Название сертификата:</label>
283 <div>{{ $sertificate->name }}</div> 285 <div>{{ $sertificate->name }}</div>
284 </div> 286 </div>
285 <div class="sertificate-field"> 287 <div class="sertificate-field">
286 <label class="bold">Действителен до:</label> 288 <label class="bold">Действителен до:</label>
287 <div>{{ date('d.m.Y', strtotime($sertificate->end_begin)) }}</div> 289 <div>{{ date('d.m.Y', strtotime($sertificate->end_begin)) }}</div>
288 </div> 290 </div>
289 <div class="sertificate-field sertificate-buttons"> 291 <div class="sertificate-field sertificate-buttons">
290 <a href="{{ route('worker.edit_sertificate', ['worker' => $worker->id, 'doc' => $sertificate->id ]) }}" class="button button_light mr-10"> 292 <a href="{{ route('worker.edit_sertificate', ['worker' => $worker->id, 'doc' => $sertificate->id ]) }}" class="button button_light mr-10">
291 <svg><use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use></svg> 293 <svg><use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use></svg>
292 </a> 294 </a>
293 <a href="{{ route('worker.delete_sertificate', ['doc' => $sertificate->id]) }}" class="button button_light"> 295 <a href="{{ route('worker.delete_sertificate', ['doc' => $sertificate->id]) }}" class="button button_light">
294 <svg><use xlink:href="{{ asset('images/sprite.svg#del') }}"></use></svg> 296 <svg><use xlink:href="{{ asset('images/sprite.svg#del') }}"></use></svg>
295 </a> 297 </a>
296 </div> 298 </div>
297 </div> 299 </div>
298 @endforeach 300 @endforeach
299 @endif 301 @endif
300 302
301 <a class="button fit-content" href="{{ route('worker.new_sertificate',['worker' => $worker->id]) }}" id="button_new_doc" name="button_new_doc"> 303 <a class="button fit-content" href="{{ route('worker.new_sertificate',['worker' => $worker->id]) }}" id="button_new_doc" name="button_new_doc">
302 Добавить сертификат / документ 304 Добавить сертификат / документ
303 </a> 305 </a>
304 </div> 306 </div>
305 307
306 <div class="cabinet__body-item mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi"> 308 <div class="cabinet__body-item mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
307 <h3 class="cabinet__subtitle font30">Дополнительные документы</h3> 309 <h3 class="cabinet__subtitle font30">Дополнительные документы</h3>
308 310
309 <div class="cabinet__inputs" id="block_sertificate"> 311 <div class="cabinet__inputs" id="block_sertificate">
310 @if ($info_blocks->count()) 312 @if ($info_blocks->count())
311 @foreach ($info_blocks as $info_block) 313 @foreach ($info_blocks as $info_block)
312 <div class="cabinet__inputs-item column-count-3 form-group"> 314 <div class="cabinet__inputs-item column-count-3 form-group">
313 <label class="form-group__label">{{ $info_block->name }}:</label> 315 <label class="form-group__label">{{ $info_block->name }}:</label>
314 316
315 <div class="form-group__item"> 317 <div class="form-group__item">
316 @php $status = 0; @endphp 318 @php $status = 0; @endphp
317 @if (!empty($worker->dop_info[$info_block->id]) && $worker->dop_info[$info_block->id]['status']) 319 @if (!empty($worker->dop_info[$info_block->id]) && $worker->dop_info[$info_block->id]['status'])
318 @php $status = $worker->dop_info[$info_block->id]['status']; @endphp 320 @php $status = $worker->dop_info[$info_block->id]['status']; @endphp
319 @endif 321 @endif
320 {{ $additional_document_statuses[$status] }} 322 {{ $additional_document_statuses[$status] }}
321 </div> 323 </div>
322 </div> 324 </div>
323 @endforeach 325 @endforeach
324 @endif 326 @endif
325 </div> 327 </div>
326 328
327 <a class="button fit-content" href="{{ route('worker.additional_documents') }}"> 329 <a class="button fit-content" href="{{ route('worker.additional_documents') }}">
328 Редактировать дополнительные документы 330 Редактировать дополнительные документы
329 </a> 331 </a>
330 </div> 332 </div>
331 333
332 <div class="cabinet__body-item mb-20"> 334 <div class="cabinet__body-item mb-20">
333 <div> 335 <div>
334 <h3 class="cabinet__subtitle font30">Опыт работы</h3> 336 <h3 class="cabinet__subtitle font30">Опыт работы</h3>
335 <div class="">Начните заполнение анкеты с указания последнего места работы</div> 337 <div class="">Начните заполнение анкеты с указания последнего места работы</div>
336 </div> 338 </div>
337 339
338 <div class="cabinet__works"> 340 <div class="cabinet__works">
339 @if (isset($worker->place_worker)) 341 @if (isset($worker->place_worker))
340 @foreach($worker->place_worker as $company) 342 @foreach($worker->place_worker as $company)
341 <div class="cabinet__works-item"> 343 <div class="cabinet__works-item">
342 <div class="cabinet__works-spoiler active"> 344 <div class="cabinet__works-spoiler active">
343 <div class="cabinet__works-spoiler-left"> 345 <div class="cabinet__works-spoiler-left">
344 <div class="cabinet__works-spoiler-text">Место работы {{ $loop->iteration }}</div> 346 <div class="cabinet__works-spoiler-text">Место работы {{ $loop->iteration }}</div>
345 </div> 347 </div>
346 <div class="cabinet__works-spoiler-buttons"> 348 <div class="cabinet__works-spoiler-buttons">
347 <a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove"> 349 <a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $worker->id]) }}" type="button" class="button button_light mr-10 js-works-edit">
348 <svg> 350 <svg>
349 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 351 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
350 </svg> 352 </svg>
351 </a> 353 </a>
352 <a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $worker->id]) }}" type="button" class="button button_light js-works-edit"> 354 <a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove">
353 <svg> 355 <svg>
354 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use> 356 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
355 </svg> 357 </svg>
356 </a> 358 </a>
357 </div> 359 </div>
358 </div> 360 </div>
359 361
360 <div class="cabinet__works-body"> 362 <div class="cabinet__works-body">
361 <div class="cabinet__inputs"> 363 <div class="cabinet__inputs">
362 <div class="cabinet__inputs-item column-count-3 form-group"> 364 <div class="cabinet__inputs-item column-count-3 form-group">
363 <label class="form-group__label">Должность:</label> 365 <label class="form-group__label">Должность:</label>
364 <div class="form-group__item"> 366 <div class="form-group__item">
365 {{ $company->job_title ?? '-' }} 367 {{ $company->job_title ?? '-' }}
366 </div> 368 </div>
367 </div> 369 </div>
368 370
369 <div class="cabinet__inputs-item column-count-3 form-group"> 371 <div class="cabinet__inputs-item column-count-3 form-group">
370 <label class="form-group__label">Название т/х:</label> 372 <label class="form-group__label">Название т/х:</label>
371 <div class="form-group__item"> 373 <div class="form-group__item">
372 {{ $company->teplohod ?? '-' }} 374 {{ $company->teplohod ?? '-' }}
373 </div> 375 </div>
374 </div> 376 </div>
375 <div class="cabinet__inputs-item column-count-3 form-group"> 377 <div class="cabinet__inputs-item column-count-3 form-group">
376 <label class="form-group__label">Тип суда:</label> 378 <label class="form-group__label">Тип суда:</label>
377 <div class="form-group__item"> 379 <div class="form-group__item">
378 {{ $company->GWT ?? '-' }} 380 {{ $company->GWT ?? '-' }}
379 </div> 381 </div>
380 </div> 382 </div>
381 <div class="cabinet__inputs-item column-count-3 form-group"> 383 <div class="cabinet__inputs-item column-count-3 form-group">
382 <label class="form-group__label">Марка ГД:</label> 384 <label class="form-group__label">Марка ГД:</label>
383 <div class="form-group__item"> 385 <div class="form-group__item">
384 {{ $company->Marka_GD ?? '-' }} 386 {{ $company->Marka_GD ?? '-' }}
385 </div> 387 </div>
386 </div> 388 </div>
387 <div class="cabinet__inputs-item column-count-3 form-group"> 389 <div class="cabinet__inputs-item column-count-3 form-group">
388 <label class="form-group__label">Мощность ГД (кВТ):</label> 390 <label class="form-group__label">Мощность ГД (кВТ):</label>
389 <div class="form-group__item"> 391 <div class="form-group__item">
390 {{ $company->KBT ?? '-' }} 392 {{ $company->KBT ?? '-' }}
391 </div> 393 </div>
392 </div> 394 </div>
393 <div class="cabinet__inputs-item column-count-3 form-group"> 395 <div class="cabinet__inputs-item column-count-3 form-group">
394 <label class="form-group__label">Водоизмещение (DWT):</label> 396 <label class="form-group__label">Водоизмещение (DWT):</label>
395 <div class="form-group__item"> 397 <div class="form-group__item">
396 {{ $company->GRT ?? '-' }} 398 {{ $company->GRT ?? '-' }}
397 </div> 399 </div>
398 </div> 400 </div>
399 <div class="cabinet__inputs-item column-count-3 form-group"> 401 <div class="cabinet__inputs-item column-count-3 form-group">
400 <label class="form-group__label">Название компании:</label> 402 <label class="form-group__label">Название компании:</label>
401 <div class="form-group__item"> 403 <div class="form-group__item">
402 {{ $company->name_company ?? '-' }} 404 {{ $company->name_company ?? '-' }}
403 </div> 405 </div>
404 </div> 406 </div>
405 <div class="cabinet__inputs-item column-count-3 form-group"> 407 <div class="cabinet__inputs-item column-count-3 form-group">
406 <label class="form-group__label">Начало контракта:</label> 408 <label class="form-group__label">Начало контракта:</label>
407 <div class="form-group__item"> 409 <div class="form-group__item">
408 {{ $company->begin_work ?? '-' }} 410 {{ $company->begin_work ?? '-' }}
409 </div> 411 </div>
410 </div> 412 </div>
411 <div class="cabinet__inputs-item column-count-3 form-group"> 413 <div class="cabinet__inputs-item column-count-3 form-group">
412 <label class="form-group__label">Окончание контракта:</label> 414 <label class="form-group__label">Окончание контракта:</label>
413 <div class="form-group__item"> 415 <div class="form-group__item">
414 {{ $company->end_work ?? '-' }} 416 {{ $company->end_work ?? '-' }}
415 </div> 417 </div>
416 </div> 418 </div>
417 419
418 </div> 420 </div>
419 </div> 421 </div>
420 </div> 422 </div>
421 @endforeach 423 @endforeach
422 @endif 424 @endif
423 </div> 425 </div>
424 426
425 <a href="{{ route('worker.add_document', ['worker' => $worker->id]) }}" id="new_work" name="new_work" class="button fit-content"> 427 <a href="{{ route('worker.add_document', ['worker' => $worker->id]) }}" id="new_work" name="new_work" class="button fit-content">
426 Добавить место работы 428 Добавить место работы
427 </a> 429 </a>
428 </div> 430 </div>
429 431
430 <div id="prev_worker" name="prev_worker"> 432 <div id="prev_worker" name="prev_worker">
431 <div> 433 <div>
432 <h3 class="cabinet__subtitle font30">Рекомендации</h3> 434 <h3 class="cabinet__subtitle font30">Рекомендации</h3>
433 <div class="">Укажите контакты компаний, которые могут дать рекомендации</div> 435 <div class="">Укажите контакты компаний, которые могут дать рекомендации</div>
434 </div> 436 </div>
435 437
436 @if ((isset($worker->prev_company)) && ($worker->prev_company->count() > 0)) 438 @if ((isset($worker->prev_company)) && ($worker->prev_company->count() > 0))
437 @foreach($worker->prev_company as $it) 439 @foreach($worker->prev_company as $it)
438 <div class="cabinet__body-item"> 440 <div class="cabinet__body-item">
439 <div class="cabinet__inputs mt-30"> 441 <div class="cabinet__inputs mt-30">
440 <div class="cabinet__inputs-item column-count-3 form-group"> 442 <div class="cabinet__inputs-item column-count-3 form-group">
441 <label class="form-group__label">Название компании:</label> 443 <label class="form-group__label">Название компании:</label>
442 <div class="form-group__item"> 444 <div class="form-group__item">
443 {{ $it->name_company }} 445 {{ $it->name_company }}
444 </div> 446 </div>
445 </div> 447 </div>
446 <div class="cabinet__inputs-item column-count-3 form-group"> 448 <div class="cabinet__inputs-item column-count-3 form-group">
447 <label class="form-group__label">ФИО сотрудника:</label> 449 <label class="form-group__label">ФИО сотрудника:</label>
448 <div class="form-group__item"> 450 <div class="form-group__item">
449 {{ $it->direct }} 451 {{ $it->direct }}
450 </div> 452 </div>
451 </div> 453 </div>
452 <div class="cabinet__inputs-item column-count-3 form-group cabinet__inputs-item-buttons"> 454 <div class="cabinet__inputs-item column-count-3 form-group cabinet__inputs-item-buttons">
453 <div class="flex"> 455 <div class="flex">
454 <a href="{{ route('worker.delete_prev_company', ['doc' => $it->id]) }}" class="button button_light mr-10"> 456 <a href="{{ route('worker.edit_prev_company', ['worker' => $worker->id, 'doc' => $it->id ]) }}" class="button button_light mr-10">
455 <svg> 457 <svg>
456 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 458 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
457 </svg> 459 </svg>
458 </a> 460 </a>
459 <a href="{{ route('worker.edit_prev_company', ['worker' => $worker->id, 'doc' => $it->id ]) }}" class="button button_light"> 461 <a href="{{ route('worker.delete_prev_company', ['doc' => $it->id]) }}" class="button button_light">
460 <svg> 462 <svg>
461 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use> 463 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
462 </svg> 464 </svg>
463 </a> 465 </a>
464 </div> 466 </div>
465 </div> 467 </div>
466 <div class="cabinet__inputs-item column-count-3 form-group"> 468 <div class="cabinet__inputs-item column-count-3 form-group">
467 <label class="form-group__label">Должность сотрудника:</label> 469 <label class="form-group__label">Должность сотрудника:</label>
468 <div class="form-group__item"> 470 <div class="form-group__item">
469 {{ $it->telephone }} 471 {{ $it->telephone }}
470 </div> 472 </div>
471 </div> 473 </div>
472 <div class="cabinet__inputs-item column-count-3 form-group"> 474 <div class="cabinet__inputs-item column-count-3 form-group">
473 <label class="form-group__label">Телефон сотрудника:</label> 475 <label class="form-group__label">Телефон сотрудника:</label>
474 <div class="form-group__item"> 476 <div class="form-group__item">
475 {{ $it->telephone2 }} 477 {{ $it->telephone2 }}
476 </div> 478 </div>
477 </div> 479 </div>
478 <div class="cabinet__inputs-item column-count-3 form-group cabinet__inputs-item-buttons"></div> 480 <div class="cabinet__inputs-item column-count-3 form-group cabinet__inputs-item-buttons"></div>
479 </div> 481 </div>
480 </div> 482 </div>
481 @endforeach 483 @endforeach
482 @endif 484 @endif
483 </div> 485 </div>
484 486
485 <div class="cabinet__body-item"> 487 <div class="cabinet__body-item">
486 <a class="button fit-content" href="{{ route('worker.new_prev_company',['worker' => $worker->id]) }}"> 488 <a class="button fit-content" href="{{ route('worker.new_prev_company',['worker' => $worker->id]) }}">
487 Добавить контакт для рекомендации 489 Добавить контакт для рекомендации
488 </a> 490 </a>
489 </div> 491 </div>
490 </div> 492 </div>
491 </div> 493 </div>
492 </div> 494 </div>
493 </section> 495 </section>
494 @endsection 496 @endsection
495 497