diff --git a/app/Http/Controllers/EmployerController.php b/app/Http/Controllers/EmployerController.php index aea4f34..d8b0de4 100644 --- a/app/Http/Controllers/EmployerController.php +++ b/app/Http/Controllers/EmployerController.php @@ -588,4 +588,44 @@ class EmployerController extends Controller return view('employers.bd_tupe', compact('Resume')); } + + ////////////////////////////////////////////////////////////////// + // + // + // Отправил сообщение + // + // + // + // + ////////////////////////////////////////////////////////////////// + public function new_message(Request $request) { + $params = $request->all(); + + $id = $params['_user_id']; + $message = new Message(); + $message->user_id = $params['_user_id']; + $message->to_user_id = $params['_to_user_id']; + $message->title = $params['title']; + $message->text = $params['text']; + if ($request->has('_file')) { + $message->file = $request->file('_file')->store("worker/$id", 'public'); + } + $message->flag_new = 1; + $id_message = $message->save(); + + $data['message_id'] = $id_message; + $data['ad_employer_id'] = $params['_vacancy']; + $data['job_title_id'] = 0; + + $data['flag'] = 1; + $ad_responce = ad_response::create($data); + return redirect()->route('employer.messages', ['type_message' => 'output']); + } + + // Восстановление пароля + public function repair_password(Request $request) { + $params = $request->get('email'); + + + } } diff --git a/app/Http/Controllers/MainController.php b/app/Http/Controllers/MainController.php index 2c30253..68e998f 100644 --- a/app/Http/Controllers/MainController.php +++ b/app/Http/Controllers/MainController.php @@ -2,6 +2,9 @@ namespace App\Http\Controllers; +use App\Classes\Tools; +use App\Mail\MailRegistration; +use App\Mail\MailRepair; use App\Models\Ad_employer; use App\Models\Category; use App\Models\Education; @@ -9,8 +12,11 @@ use App\Models\Employer; use App\Models\Job_title; use App\Models\News; use App\Models\reclame; +use App\Models\User; use Illuminate\Http\Request; use Illuminate\Support\Facades\Auth; +use Illuminate\Support\Facades\Hash; +use Illuminate\Support\Facades\Mail; use Illuminate\Support\Facades\Validator; use App\Classes\StatusUser; @@ -219,4 +225,42 @@ class MainController extends Controller } } } + + // Восстановление пароля + public function repair_password(Request $request) { + $rules = [ + 'email' => 'required|string|email', + ]; + + $messages = [ + 'required' => 'Укажите обязательное поле «:attribute»', + 'email' => 'Введите корректный email', + 'min' => [ + 'string' => 'Поле «:attribute» должно быть не меньше :min символов', + 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' + ], + 'max' => [ + 'string' => 'Поле «:attribute» должно быть не больше :max символов', + 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' + ], + ]; + + $validator = Validator::make($request->all(), $rules, $messages); + + if ($validator->fails()) { + return redirect()->back()->with('Error', "Email невалидный"); + } else { + $new_password = Tools::generator_id(10); + $hash_password = Hash::make($new_password); + $user = User::query()->where('email', $request->get('email'))->first(); + $EditRec = User::find($user->id); + $EditRec->password = $hash_password; + $EditRec->save(); + + foreach ([$request->get('email')] as $recipient) { + Mail::to($recipient)->send(new MailRepair($new_password)); + } + } + + } } diff --git a/app/Http/Controllers/WorkerController.php b/app/Http/Controllers/WorkerController.php index 08b8255..ad6ccee 100644 --- a/app/Http/Controllers/WorkerController.php +++ b/app/Http/Controllers/WorkerController.php @@ -64,13 +64,24 @@ class WorkerController extends Controller // лист база резюме public function bd_resume() { + if (isset(Auth()->user()->id)) { + $idiot = Auth()->user()->id; + } else { + $idiot = 0; + } + $status_work = $this->status_work; - $resumes = Worker::query()->with('users')->with('job_titles'); + $resumes = Worker::query()->with('users')->with('job_titles')-> + WhereHas('users', + function (Builder $query) { + $query->Where('is_worker', '=', '1')-> + Where('is_bd', '=', '0'); + }); $res_count = $resumes->count(); $resumes = $resumes->paginate(5); - return view('resume', compact('resumes', 'status_work', 'res_count')); + return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot')); } // анкета соискателя diff --git a/app/Mail/MailRepair.php b/app/Mail/MailRepair.php new file mode 100644 index 0000000..b2b33e1 --- /dev/null +++ b/app/Mail/MailRepair.php @@ -0,0 +1,51 @@ +new_password = $new_password; + } + + public function envelope(): Envelope + { + return new Envelope( + from: new Address('jeffrey@example.com', 'Рассылка сообщений'), + subject: 'Send add messages', + ); + } + + public function content(): Content + { + return new Content( + view: 'emails.RepairPassword', + ); + } + + public function build() + { + + // Вернуть все данные + return $this->view('emails.RepairPassword', ['password' => $this->new_password]); + } + + + public function attachments(): array + { + return []; + } +} diff --git a/public/css/star-rating.min.css b/public/css/star-rating.min.css new file mode 100644 index 0000000..482cf57 --- /dev/null +++ b/public/css/star-rating.min.css @@ -0,0 +1 @@ +:root{--gl-star-color:#fdd835;--gl-star-color-inactive:#dcdce6;--gl-star-empty:url(../images/star-empty.svg);--gl-star-full:url(../images/star-full.svg);--gl-star-size:24px;--gl-tooltip-border-radius:4px;--gl-tooltip-font-size:0.875rem;--gl-tooltip-font-weight:400;--gl-tooltip-line-height:1;--gl-tooltip-margin:12px;--gl-tooltip-padding:.5em 1em;--gl-tooltip-size:6px}[data-star-rating]>select{-webkit-clip-path:circle(1px at 0 0)!important;clip-path:circle(1px at 0 0)!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;visibility:visible!important;white-space:nowrap!important;width:1px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}[data-star-rating]>select:after,[data-star-rating]>select:before{display:none!important}[data-star-rating].gl-star-rating--ltr>select{left:0!important}[data-star-rating].gl-star-rating--rtl>select{right:0!important}[data-star-rating]{align-items:center;display:flex;position:relative}.gl-star-rating:not([data-star-rating]) .gl-star-rating--stars{display:none}[data-star-rating] .gl-star-rating--stars{align-items:center;cursor:pointer;display:flex;position:relative}[data-star-rating]>select:focus+.gl-star-rating--stars span:first-child:before{box-shadow:0 0 0 3px -moz-mac-focusring;box-shadow:0 0 0 3px -webkit-focus-ring-color;box-shadow:0 0 0 3px Highlight;content:"";display:block;height:100%;outline:1px solid transparent;pointer-events:none;position:absolute;width:100%}[data-star-rating] select[disabled]+.gl-star-rating--stars{cursor:default}[data-star-rating] .gl-star-rating--stars>span{display:flex;height:24px;height:var(--gl-star-size);margin:0;width:24px;width:var(--gl-star-size)}[data-star-rating] .gl-star-rating--stars[aria-label]:after,[data-star-rating] .gl-star-rating--stars[aria-label]:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:auto;box-sizing:border-box;left:100%;pointer-events:none;position:absolute;top:50%;opacity:.9;transform-origin:top;transform:translate3d(0,-50%,0);white-space:nowrap;z-index:10}[data-star-rating] .gl-star-rating--stars[aria-label]:before{background-size:100% auto!important;background-position:50%!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 31'%3E%3Cpath fill='%23111' d='M12.002 31C12.002 25 0 19.838 0 15.5 0 11.24 12 6 12 0l.002 31z'/%3E%3C/svg%3E") no-repeat;content:"";height:18px;margin-bottom:0;margin-left:6px;margin-left:var(--gl-tooltip-size);width:6px;width:var(--gl-tooltip-size)}[data-star-rating] .gl-star-rating--stars[aria-label]:after{background:#111;border-radius:4px;border-radius:var(--gl-tooltip-border-radius);color:#fff;content:attr(aria-label);font-size:.875rem;font-size:var(--gl-tooltip-font-size);font-weight:400;margin-left:12px;margin-left:var(--gl-tooltip-margin);padding:.5em 1em;padding:var(--gl-tooltip-padding);text-transform:none}[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]:after,[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]:before{left:auto;right:100%}[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]:before{transform:scaleX(-1) translate3d(0,-50%,0);margin-left:0;margin-right:6px;margin-right:var(--gl-tooltip-size)}[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]:after{margin-left:0;margin-right:12px;margin-right:var(--gl-tooltip-margin)}[data-star-rating] svg{height:100%;width:100%}[data-star-rating] .gl-star-half{fill:none;stroke:none}[data-star-rating] .gl-star-full{fill:#dcdce6;fill:var(--gl-star-color-inactive);stroke:#dcdce6;stroke:var(--gl-star-color-inactive);transition:fill .15s ease-in-out,stroke .15s ease-in-out}[data-star-rating] .gl-active .gl-star-full{fill:#fdd835;fill:var(--gl-star-color);stroke:#fdd835;stroke:var(--gl-star-color)}.gl-star-rating--stars[class*=" s"]>span{background-image:url(../images/star-empty.svg)!important;background-image:var(--gl-star-empty)!important;background-position:50%;background-repeat:no-repeat;background-size:90%}.gl-star-rating--stars[class*=" s"]>span.gl-active,.gl-star-rating--stars[class*=" s"]>span.gl-active.gl-selected{background-image:url(../images/star-full.svg)!important;background-image:var(--gl-star-full)!important} \ No newline at end of file diff --git a/public/css/style.css b/public/css/style.css index b211e4f..6ab91ed 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -8,6 +8,7 @@ @import url(fonts.css); @import url(jquery.fancybox.css); @import url(jquery.select2.css); +@import url(star-rating.min.css); @import url(swiper.css); html { line-height: 1.15; /* 1 */ @@ -2178,6 +2179,22 @@ h1 { width: 80%; } +.gl-star-rating--stars:before, .gl-star-rating--stars:after { + display: none; +} +.gl-star-rating--stars span { + width: 22px !important; + height: 22px !important; + background-size: 22px 22px !important; +} +@media (min-width: 768px) { + .gl-star-rating--stars span { + width: 30px !important; + height: 30px !important; + background-size: 30px 30px !important; + } +} + .header { -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); @@ -5223,7 +5240,10 @@ h1 { align-items: center; } .employer__item img { - width: 295px; + width: 100%; + aspect-ratio: 295/98; + -o-object-fit: contain; + object-fit: contain; } .employer__more { height: 38px; diff --git a/public/css/style_old.css b/public/css/style_old.css new file mode 100644 index 0000000..b211e4f --- /dev/null +++ b/public/css/style_old.css @@ -0,0 +1,8745 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ +@import url(fonts.css); +@import url(jquery.fancybox.css); +@import url(jquery.select2.css); +@import url(swiper.css); +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers. + */ +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ +/** + * Remove the border on images inside links in IE 10. + */ +img { + border-style: none; +} + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ +[type=checkbox], +[type=radio] { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type=search] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ +/** + * Add the correct display in IE 10+. + */ +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ +[hidden] { + display: none; +} + +.green { + color: #377d87; +} + +.red { + color: #eb5757; +} + +.rotate180 { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +::-moz-selection { + color: #3a3b3c; + background: #acc0e6; +} + +::selection { + color: #3a3b3c; + background: #acc0e6; +} + +::-webkit-scrollbar { + width: 4px; + height: 4px; +} + +::-webkit-scrollbar-track { + border-radius: 999px; + background-color: #f3f3f3; +} + +::-webkit-scrollbar-thumb { + border-radius: 999px; + background-color: #acc0e6; +} + +::-webkit-input-placeholder { + color: #9c9d9d; + opacity: 1; +} + +:focus::-webkit-input-placeholder { + color: transparent; +} + +:-ms-input-placeholder { + color: #9c9d9d; + opacity: 1; +} + +:focus:-ms-input-placeholder { + color: transparent; +} + +::-ms-input-placeholder { + color: #9c9d9d; + opacity: 1; +} + +:focus::-ms-input-placeholder { + color: transparent; +} + +::-moz-placeholder { + color: #9c9d9d; + opacity: 1; +} + +:focus::-moz-placeholder { + color: transparent; +} + +::-webkit-input-placeholder { + color: #9c9d9d; + opacity: 1; +} + +::-moz-placeholder { + color: #9c9d9d; + opacity: 1; +} + +:-ms-input-placeholder { + color: #9c9d9d; + opacity: 1; +} + +::-ms-input-placeholder { + color: #9c9d9d; + opacity: 1; +} + +::placeholder { + color: #9c9d9d; + opacity: 1; +} + +:focus::-webkit-input-placeholder { + color: transparent; +} + +:focus::-moz-placeholder { + color: transparent; +} + +:focus:-ms-input-placeholder { + color: transparent; +} + +:focus::-ms-input-placeholder { + color: transparent; +} + +:focus::placeholder { + color: transparent; +} + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +a, +button, +select { + color: inherit; +} + +a { + text-decoration: none; +} + +a, +input[type=button], +input[type=submit], +button { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: 0.3s; + transition: 0.3s; + cursor: pointer; +} + +[type=tel] { + letter-spacing: 1px; +} + +.br, +img, +svg { + display: block; +} + +.float-left { + float: left; +} + +.float-right { + float: right; +} + +.clear-both:after { + content: ""; + display: block; + clear: both; +} + +#body { + font-family: "Circe", sans-serif; + color: #3a3b3c; + background: #ffffff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 50px; + min-width: 320px; + min-height: 100vh; + line-height: 1.25; +} +@media (min-width: 768px) { + #body { + gap: 60px; + } +} + +.container { + width: 100%; + max-width: 1280px; + margin-left: auto; + margin-right: auto; + padding-left: 10px; + padding-right: 10px; +} +@media (min-width: 768px) { + .container { + padding-left: 20px; + padding-right: 20px; + } +} + +.to-top { + position: fixed; + right: 10px; + bottom: 10px; + border-radius: 999px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #ffffff; + background: #377d87; + width: 40px; + height: 40px; + -webkit-transition: 0.3s; + transition: 0.3s; + margin-right: -100px; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + z-index: 99; + border: 1px solid #377d87; +} +.to-top:hover { + background: #ffffff; + color: #377d87; +} +.to-top svg { + width: 10px; + height: 10px; +} +@media (min-width: 768px) { + .to-top { + width: 50px; + height: 50px; + right: 20px; + bottom: 20px; + } + .to-top svg { + width: 12px; + height: 12px; + } +} + +.begin .to-top { + margin-right: 0; +} + +.socials { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; +} +.socials a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border: 1px solid #377d87; + color: #377d87; + border-radius: 999px; + width: 38px; + height: 38px; +} +.socials a:hover { + background: #377d87; + color: #ffffff; +} +.socials svg { + width: 12px; + height: 12px; +} + +.nls { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + color: #3a3b3c; + text-align: left; +} +.nls:hover { + color: #377d87; +} +.nls svg { + width: 30px; + height: 40px; +} +@media (min-width: 768px) { + .nls svg { + width: 24px; + height: 31px; + } +} +.nls span { + width: calc(100% - 30px); + padding-left: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 12px; + line-height: 1.4; +} +@media (min-width: 768px) { + .nls span { + width: calc(100% - 24px); + } +} +.nls b { + font-weight: 400; +} + +.title, +h1 { + margin: 0; + font-weight: 700; + font-size: 32px; +} +@media (min-width: 768px) { + .title, + h1 { + font-size: 40px; + } +} +@media (min-width: 992px) { + .title, + h1 { + font-size: 48px; + } +} +@media (min-width: 1280px) { + .title, + h1 { + font-size: 64px; + } +} + +.swiper-pagination { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: static; + margin-top: 20px; + gap: 8px; +} +@media (min-width: 768px) { + .swiper-pagination { + margin-top: 30px; + } +} +.swiper-pagination-bullet { + width: 16px; + height: 16px; + opacity: 1; + border: 1px solid #cdcece; + -webkit-transition: 0.3s; + transition: 0.3s; + background: transparent; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0 !important; +} +.swiper-pagination-bullet:before { + content: ""; + width: 6px; + height: 6px; + border-radius: 999px; + background: #377d87; + opacity: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.swiper-pagination-bullet:hover { + border-color: #377d87; +} +.swiper-pagination-bullet-active { + border-color: #377d87; +} +.swiper-pagination-bullet-active:before { + opacity: 1; +} + +.navs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + width: 80px; +} +.navs button { + color: #377d87; + background: none; + border: none; + padding: 0; +} +.navs button[disabled] { + cursor: not-allowed; + color: #cddee1; +} +.navs svg { + width: 14px; + height: 28px; +} + +.select { + position: relative; +} +.select2 { + width: 100% !important; +} +.select2-container { + font-size: 12px; +} +@media (min-width: 768px) { + .select2-container { + font-size: 16px; + } +} +.select2-container--open .select2-selection { + border-color: #377d87 !important; +} +.select2-container--open .select2-selection__arrow svg { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.select2-selection { + min-height: 30px !important; + border-radius: 8px !important; + border-color: #e7e7e7 !important; + -webkit-transition: 0.3s; + transition: 0.3s; +} +@media (min-width: 768px) { + .select2-selection { + min-height: 50px !important; + } +} +.select2-selection__rendered { + line-height: 28px !important; + padding: 0 30px 0 10px !important; +} +@media (min-width: 768px) { + .select2-selection__rendered { + line-height: 48px !important; + padding: 0 46px 0 20px !important; + } +} +.select2-selection__arrow { + top: 0 !important; + right: 0 !important; + width: 30px !important; + height: 100% !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #377d87; +} +@media (min-width: 768px) { + .select2-selection__arrow { + width: 50px !important; + } +} +.select2-selection__arrow svg { + width: 12px; + height: 12px; + -webkit-transition: 0.3s; + transition: 0.3s; +} +@media (min-width: 768px) { + .select2-selection__arrow svg { + width: 14px; + height: 14px; + } +} +.select2-selection__choice { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + padding: 0 4px 0 6px !important; + background: #377d87 !important; + border: none !important; + border-radius: 6px !important; + line-height: 1 !important; + color: #ffffff; + height: 24px; +} +@media (min-width: 768px) { + .select2-selection__choice { + height: 32px; + gap: 6px; + padding: 0 6px 0 10px !important; + border-radius: 8px !important; + } +} +.select2-selection__choice__remove { + width: 14px; + height: 14px; + padding-top: 4px; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #ffffff !important; + font-weight: 400 !important; + font-size: 26px; +} +.select2-search { + display: none; +} +.select2-dropdown { + z-index: 99999; + border: none; + border-radius: 0; + background: none; + padding: 5px 0; +} +@media (min-width: 768px) { + .select2-dropdown { + padding: 10px 0; + } +} +.select2-results { + background: #ffffff; + border-radius: 8px; + border: 1px solid #377d87; + overflow: hidden; +} +@media (min-width: 768px) { + .select2-results__option { + padding: 10px 14px; + } +} +.select2-results__option--highlighted { + background: #377d87 !important; +} +@media (min-width: 768px) { + .select_search .select2-selection__rendered { + padding-left: 60px !important; + } +} +.select_search .select__icon { + display: none; + height: 28px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 12px; + z-index: 2; + position: absolute; + top: 50%; + left: 15px; + margin-top: -14px; +} +@media (min-width: 768px) { + .select_search .select__icon { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.select_search .select__icon:after { + content: ""; + width: 1px; + height: 100%; + border-radius: 999px; + position: absolute; + top: 0; + right: 0; + background: #cecece; +} +.select_search .select__icon svg { + color: #9c9d9d; + width: 20px; + height: 20px; +} + +.form-group { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; +} +.form-group__label { + font-size: 12px; +} +@media (min-width: 768px) { + .form-group__label { + font-size: 16px; + } +} +.form-group__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; +} + +.input { + display: block; + height: 30px; + border: 1px solid #cecece; + background: #ffffff; + font-size: 12px; + border-radius: 8px; + padding: 0 10px; + color: #3a3b3c; + -webkit-transition: 0.3s; + transition: 0.3s; + position: relative; + z-index: 1; +} +@media (min-width: 768px) { + .input { + padding: 0 20px; + height: 44px; + font-size: 16px; + } +} +.input:focus { + border-color: #377d87; +} +.input[disabled] { + color: #9c9d9d; + background: #e7e7e7; +} +.input[type=date] { + text-transform: uppercase; +} + +.textarea { + resize: none; + display: block; + width: 100%; + border-radius: 8px; + border: 1px solid #cecece; + background: #ffffff; + -webkit-transition: 0.3s; + transition: 0.3s; + font-size: 12px; + line-height: 1.4; + padding: 10px; + aspect-ratio: 8/3; + max-height: 250px; +} +@media (min-width: 768px) { + .textarea { + padding: 20px; + font-size: 16px; + height: 280px; + } +} +.textarea:focus { + border-color: #377d87; +} + +.button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #ffffff; + background: #377d87; + height: 30px; + border-radius: 8px; + padding: 0 12px; + border: 1px solid #377d87; + font-weight: 700; + font-size: 12px; + text-align: center; + line-height: 1; + gap: 6px; + -webkit-transition: 0.3s; + transition: 0.3s; + cursor: pointer; +} +@media (min-width: 768px) { + .button { + padding: 0 24px; + font-size: 16px; + height: 44px; + gap: 12px; + } +} +@media (min-width: 992px) { + .button { + padding: 0 36px; + } +} +.button:hover { + background: transparent; + color: #377d87; +} +.button img, +.button svg { + width: 12px; + height: 12px; +} +@media (min-width: 768px) { + .button img, + .button svg { + width: 18px; + height: 18px; + } +} +.button_more span + span { + display: none; +} +.button_more.active span { + display: none; +} +.button_more.active span + span { + display: block; +} +.button_light { + background: transparent; + color: #377d87; +} +.button_light:hover { + background: #377d87; + color: #ffffff; +} +.button_whited { + background: #ffffff; + color: #377d87; + border-color: #ffffff; +} +.button_whited:hover { + background: #377d87; + color: #ffffff; +} + +.search { + width: 100%; + position: relative; + background: #ffffff; + border-radius: 8px; +} +.search span { + display: none; + height: 28px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 12px; + z-index: 1; + position: absolute; + top: 50%; + left: 15px; + margin-top: -14px; +} +@media (min-width: 768px) { + .search span { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.search span:after { + content: ""; + width: 1px; + height: 100%; + border-radius: 999px; + position: absolute; + top: 0; + right: 0; + background: #cecece; +} +.search span svg { + color: #9c9d9d; + width: 20px; + height: 20px; +} +.search input { + width: 100%; + padding-right: 150px; + position: relative; + z-index: 2; + background: none; +} +@media (min-width: 768px) { + .search input { + padding-left: 60px; + padding-right: 220px; + } +} +.search button { + width: 140px; + position: absolute; + padding: 0; + top: 0; + right: 0; + z-index: 3; +} +@media (min-width: 768px) { + .search button { + width: 200px; + } +} + +.breadcrumbs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 12px 6px; + margin: 0; + padding: 0; + font-size: 11px; + color: #cecece; + line-height: 1; +} +@media (min-width: 992px) { + .breadcrumbs { + font-size: 13px; + } +} +@media (min-width: 1280px) { + .breadcrumbs { + font-size: 16px; + } +} +.breadcrumbs li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.breadcrumbs li:before { + content: ""; + width: 4px; + height: 4px; + background: #cecece; + border-radius: 999px; + position: relative; + top: -1px; +} +.breadcrumbs li:first-child:before { + display: none; +} +.breadcrumbs li:last-child:before { + background: #377d87; +} +.breadcrumbs a:hover { + color: #377d87; +} +.breadcrumbs b { + color: #377d87; + font-weight: 700; +} + +.pagination { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + color: #3a3b3c; + font-size: 12px; + margin: 0 auto; +} +@media (min-width: 768px) { + .pagination { + font-size: 14px; + gap: 3px; + } +} +.pagination__item { + width: 40px; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + padding: 0; + border: 1px solid transparent; + border-radius: 8px; +} +.pagination__item:hover { + -webkit-transition: 0s; + transition: 0s; + color: #377d87; + font-weight: 700; +} +.pagination__item.active { + font-weight: 700; + color: #ffffff; + background: #377d87; + border-color: #377d87; +} +.pagination__dots { + width: 40px; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.pagination__dots svg { + width: 15px; + height: 15px; +} +.pagination__nav { + width: 40px; + height: 40px; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + padding: 0; + border: 1px solid #cddee1; + color: #377d87; + border-radius: 8px; +} +@media (min-width: 768px) { + .pagination__nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.pagination__nav:hover { + border-color: #377d87; + background: #377d87; + color: #ffffff; +} +.pagination__nav svg { + width: 10px; + height: 10px; +} +.pagination__nav_prev { + margin-right: 37px; +} +.pagination__nav_prev svg { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.pagination__nav_next { + margin-left: 37px; +} + +.filters { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .filters { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +.filters__label { + color: #377d87; + font-size: 12px; + font-weight: 700; +} +@media (min-width: 768px) { + .filters__label { + font-size: 16px; + } +} +@media (min-width: 992px) { + .filters__label { + font-size: 18px; + } +} +.filters__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 768px) { + .filters__body { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +@media (min-width: 768px) { + .filters__select { + width: 250px; + } +} +@media (min-width: 992px) { + .filters__select { + width: 310px; + } +} +.filters__item { + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 50px; + height: 50px; + padding: 0; + background: #ffffff; + border: 1px solid #377d87; + color: #377d87; + border-radius: 8px; + margin-left: 20px; +} +@media (min-width: 768px) { + .filters__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.filters__item svg { + width: 24px; + height: 24px; +} +.filters__item.active { + background: #377d87; + color: #ffffff; +} +.filters__item + .filters__item { + margin-left: 8px; +} + +.like, +.chat { + width: 30px; + height: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: none; + border: 1px solid #377d87; + padding: 0; + color: #377d87; + border-radius: 6px; +} +@media (min-width: 768px) { + .like, + .chat { + width: 44px; + height: 44px; + } +} +.like.active, +.chat.active { + background: #377d87; + color: #ffffff; +} +.like svg, +.chat svg { + width: 14px; + height: 14px; +} +@media (min-width: 768px) { + .like svg, + .chat svg { + width: 20px; + height: 20px; + } +} + +.checkbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + cursor: pointer; + position: relative; +} +.checkbox__input { + position: absolute; + z-index: 1; + width: 14px; + height: 14px; + padding: 0; + background: none; + border: none; + opacity: 0; +} +@media (min-width: 768px) { + .checkbox__input { + width: 20px; + height: 20px; + } +} +.checkbox__icon { + width: 14px; + height: 14px; + border: 1px solid #cfcfcf; + background: #ffffff; + color: #ffffff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + -webkit-transition: 0.3s; + transition: 0.3s; + position: relative; + z-index: 2; +} +@media (min-width: 768px) { + .checkbox__icon { + width: 20px; + height: 20px; + } +} +.checkbox__icon svg { + width: 8px; + height: 8px; + opacity: 0; +} +@media (min-width: 768px) { + .checkbox__icon svg { + width: 10px; + height: 10px; + } +} +.checkbox__input:checked + .checkbox__icon { + border-color: #377d87; + background: #377d87; +} +.checkbox__input:checked + .checkbox__icon svg { + opacity: 1; +} +.checkbox__text { + width: calc(100% - 14px); + padding-left: 6px; + font-size: 12px; + line-height: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 14px; +} +@media (min-width: 768px) { + .checkbox__text { + width: calc(100% - 20px); + padding-left: 12px; + font-size: 15px; + min-height: 20px; + } +} +.checkbox__text a { + color: #377d87; + text-decoration: underline; +} + +.file { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.file__input input { + display: none; +} +.file__list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.file__list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + margin-top: 16px; +} +.file__list-item-left { + width: calc(100% - 16px); + min-height: 16px; + color: #9c9d9d; + font-size: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +@media (min-width: 768px) { + .file__list-item-left { + width: auto; + max-width: calc(100% - 16px); + font-size: 16px; + } +} +.file__list-item-left svg { + width: 16px; + height: 16px; +} +.file__list-item-left span { + width: calc(100% - 16px); + min-height: 16px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 8px; +} +.file__list-item-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + background: none; + border: none; + width: 16px; + height: 16px; + color: #377d87; +} +.file__list-item-right:hover { + color: #3a3b3c; +} +.file__list-item-right svg { + width: 10px; + height: 10px; +} +.file__list-item + .file__list-item { + margin-top: 10px; +} + +.rate { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +@media (min-width: 768px) { + .rate { + gap: 20px; + } +} +.rate__label { + font-size: 12px; + font-weight: 700; + line-height: 1; +} +@media (min-width: 768px) { + .rate__label { + font-size: 18px; + } +} +.rate__stars { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.back { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + color: #377d87; + font-weight: 700; +} +@media (min-width: 768px) { + .back { + font-size: 18px; + } +} +.back:hover { + color: #4d88d9; +} +.back svg { + width: 16px; + height: 16px; +} +@media (min-width: 768px) { + .back svg { + width: 26px; + height: 26px; + } +} +.back span { + width: calc(100% - 16px); + padding-left: 10px; +} +@media (min-width: 768px) { + .back span { + width: calc(100% - 26px); + padding-left: 20px; + } +} + +.callback { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; +} +@media (min-width: 992px) { + .callback { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px 0; + } +} +.callback__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; +} +@media (min-width: 992px) { + .callback__body { + width: calc(50% - 10px); + gap: 10px; + } +} +@media (min-width: 992px) { + .callback__textarea { + width: calc(50% - 10px); + height: auto; + } +} +.callback__bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; +} +@media (min-width: 768px) { + .callback__bottom { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } +} +@media (min-width: 992px) { + .callback__bottom { + width: 100%; + gap: 20px; + } +} + +.error .input, +.error .textarea { + border-color: #eb5757; +} +.error label { + display: block; +} + +.eye { + position: absolute; + z-index: 2; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + right: 10px; + aspect-ratio: 1/1; + width: 16px; + padding: 0; + border: none; + background: none; + color: #9c9d9d; +} +@media (min-width: 768px) { + .eye { + width: 24px; + right: 20px; + } +} +.eye svg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.eye svg + svg { + display: none; +} +.eye.active { + color: #377d87; +} +.eye.active svg { + display: none; +} +.eye.active svg + svg { + display: block; +} + +.del { + width: 32px; + aspect-ratio: 1/1; + background: #377d87; + color: #ffffff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + padding: 0; + border: 1px solid #377d87; +} +.del:hover { + background: #ffffff; + color: #377d87; +} +.del svg { + width: 50%; + aspect-ratio: 1/1; +} + +.notify { + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + padding: 6px 12px; + border-radius: 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +@media (min-width: 768px) { + .notify { + padding: 12px 20px; + } +} +.notify_red { + background: #f9cdcd; +} +.notify svg { + color: #4d88d9; + width: 20px; + aspect-ratio: 1/1; +} +.notify span { + font-size: 12px; + padding-left: 10px; + min-height: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .notify span { + font-size: 16px; + } +} + +.table { + margin: 0 -10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +@media (min-width: 768px) { + .table { + margin: 0; + gap: 30px; + } +} +.table__button { + display: none; +} +.table_spoiler .table__button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.table__scroll { + overflow: hidden; + overflow-x: auto; + padding: 0 10px; + width: 100%; +} +@media (min-width: 768px) { + .table__scroll { + padding: 0; + } +} +.table__body { + border-radius: 8px; + overflow: hidden; +} +.table__body_min-width { + min-width: 580px; +} +.table table { + border-collapse: collapse; + width: 100%; + font-size: 12px; + border-radius: 8px; +} +@media (min-width: 768px) { + .table table { + font-size: 14px; + } +} +@media (min-width: 1280px) { + .table table { + font-size: 16px; + } +} +.table thead tr th, +.table thead tr td { + background: #377d87; + color: #ffffff; + font-weight: 700; + border-top-color: #377d87; +} +.table thead tr th:first-child, +.table thead tr td:first-child { + border-left-color: #377d87; +} +.table thead tr th:last-child, +.table thead tr td:last-child { + border-right-color: #377d87; +} +.table_spoiler tr { + display: none; +} +.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) { + display: table-row; +} +.table_spoiler.active tr { + display: table-row; +} +.table th, +.table td { + text-align: left; + padding: 10px; + border: 1px solid #cecece; +} +@media (min-width: 768px) { + .table td { + padding: 14px 10px; + } +} +.table__status { + color: #9c9d9d; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + position: relative; + padding-left: 14px; +} +.table__status i { + background: #9c9d9d; + width: 8px; + aspect-ratio: 1/1; + border-radius: 999px; + position: absolute; + top: 4px; + left: 0; +} +.table__status.green { + color: #377d87; +} +.table__status.green i { + background: #377d87; +} +.table__link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 4px; + color: #4d88d9; +} +@media (min-width: 768px) { + .table__link { + gap: 6px; + } +} +.table__link:hover { + color: #3a3b3c; +} +.table__link svg { + width: 12px; + aspect-ratio: 1/1; +} +@media (min-width: 768px) { + .table__link svg { + width: 16px; + } +} +.table__controls { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +@media (min-width: 1280px) { + .table__controls { + gap: 12px; + } +} +.table__controls-item { + width: 24px; + aspect-ratio: 1/1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid #377d87; + border-radius: 8px; + color: #377d87; + background: none; + padding: 0; +} +@media (min-width: 1280px) { + .table__controls-item { + width: 30px; + } +} +.table__controls-item:hover { + background: #377d87; + color: #ffffff; +} +.table__controls-item svg { + width: 60%; + aspect-ratio: 1/1; +} +.table__controls-item:nth-of-type(4) svg { + width: 80%; +} + +.header { + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + background: #ffffff; + position: relative; + z-index: 5; + overflow: hidden; +} +@media (min-width: 768px) { + .header { + -webkit-box-shadow: none; + box-shadow: none; + } +} +.header__body { + height: 42px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .header__body { + height: 70px; + } +} +.header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 40px; +} +.header__right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 14px; +} +@media (min-width: 768px) { + .header__right { + gap: 20px; + } +} +.header__right-line { + width: 1px; + height: 32px; + background: #e6e7e7; + border-radius: 999px; +} +@media (min-width: 992px) { + .header__right-line { + display: none; + } +} +.header__logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: #377d87; +} +.header__logo svg { + width: 105px; + height: 31px; +} +@media (min-width: 768px) { + .header__logo svg { + width: 182px; + height: 54px; + } +} +.header__menu { + display: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +@media (min-width: 768px) { + .header__menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.header__menu-item:hover { + color: #377d87; +} +.header__notifs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: #377d87; + padding: 0; + border: none; + background: none; + width: 24px; + height: 24px; +} +@media (min-width: 992px) { + .header__notifs { + width: auto; + height: auto; + color: #3a3b3c; + line-height: 1.4; + } +} +@media (min-width: 992px) { + .header__notifs:hover { + color: #377d87; + } +} +.header__notifs svg { + width: 20px; + height: 20px; +} +@media (min-width: 992px) { + .header__notifs svg { + display: none; + } +} +.header__notifs span { + display: none; +} +@media (min-width: 992px) { + .header__notifs span { + display: inline; + } +} +.header__notifs_actived { + position: relative; +} +@media (min-width: 992px) { + .header__notifs_actived { + padding-right: 12px; + } +} +.header__notifs_actived:after { + content: ""; + border: 1px solid #ffffff; + background: #377d87; + border-radius: 999px; + width: 10px; + height: 10px; + position: absolute; + z-index: 1; + top: 0; + right: 0; +} +@media (min-width: 992px) { + .header__notifs_actived:after { + width: 8px; + height: 8px; + border: none; + } +} +.header__burger { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 24px; + height: 24px; + color: #377d87; + padding: 0; + border: none; + background: none; +} +@media (min-width: 992px) { + .header__burger { + display: none; + } +} +.header__burger svg { + width: 20px; + height: 20px; +} +.header__burger svg + svg { + display: none; +} +.header__sign { + display: none; +} +@media (min-width: 992px) { + .header__sign { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.mob-menu { + display: none; + position: fixed; + bottom: 0; + left: 0; + width: 100vw; + height: calc(100vh - 42px); + z-index: 4; + background: #ffffff; + overflow: hidden; + overflow-y: auto; + padding: 50px 0; +} +.mob-menu__bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 80px; +} +.mob-menu__bottom .button { + min-width: 120px; +} +.mob-menu__bottom-link { + text-decoration: underline; + margin-top: 50px; +} +.mob-menu__bottom-link:hover { + color: #377d87; +} +.mob-menu__bottom-link + .mob-menu__bottom-link { + margin-top: 10px; +} +.mob-menu__bottom .socials { + margin-top: 35px; +} +.mob-menu .footer__mobile-menu { + opacity: 1; + height: auto; + overflow: visible; +} +.mob-menu .footer__mobile-menu-item button { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.mob-menu .footer__mobile-menu-item div { + font-size: 20px; +} +.mob-menu .footer__mobile-contacts a { + font-size: 20px; + font-weight: 700; + color: #3a3b3c; + text-decoration: none; +} +.mob-menu .footer__mobile-contacts a:hover { + color: #377d87; +} +.mob-menu .footer__mobile-menu-item button b, +.mob-menu .footer__mobile-contacts a { + font-size: 30px; +} + +.menu-is-actived { + overflow: hidden; +} +@media (min-width: 992px) { + .menu-is-actived { + overflow: auto; + } +} +.menu-is-actived .header__burger svg { + display: none; +} +.menu-is-actived .header__burger svg + svg { + display: block; +} +.menu-is-actived .mob-menu { + display: block; +} +@media (min-width: 992px) { + .menu-is-actived .mob-menu { + display: none; + } +} + +.footer { + -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); + background: #ffffff; + position: relative; + z-index: 1; + overflow: hidden; +} +.footer__mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 25px 0 30px 0; +} +@media (min-width: 768px) { + .footer__mobile { + padding: 30px 0; + } +} +@media (min-width: 992px) { + .footer__mobile { + display: none; + } +} +.footer__mobile-toper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + border: none; + background: none; +} +.footer__mobile-toper a, .footer__mobile-toper b { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #377d87; +} +.footer__mobile-toper a svg, .footer__mobile-toper b svg { + width: 137px; + height: 40px; +} +.footer__mobile-toper span { + width: 40px; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #377d87; + color: #ffffff; + border-radius: 999px; +} +.footer__mobile-toper span svg { + width: 10px; + height: 10px; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.footer__mobile-toper.active span svg { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.footer__mobile-menu { + height: 0; + opacity: 0; + overflow: hidden; + -webkit-transition: 0.3s; + transition: 0.3s; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; +} +@media (min-width: 768px) { + .footer__mobile-menu { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 100px; + } +} +.footer__mobile-menu-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.footer__mobile-menu-item button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + padding: 0; + border: none; + background: none; +} +.footer__mobile-menu-item button.active { + color: #377d87; +} +.footer__mobile-menu-item button b { + width: calc(100% - 24px); + padding-right: 12px; + min-height: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 20px; + font-weight: 700; +} +.footer__mobile-menu-item button span { + width: 24px; + height: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + border: none; + background: none; +} +.footer__mobile-menu-item button svg { + width: 12px; + height: 12px; + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.footer__mobile-menu-item button.active svg { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.footer__mobile-menu-item div { + height: 0; + opacity: 0; + overflow: hidden; + -webkit-transition: 0.3s; + transition: 0.3s; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 15px; +} +.footer__mobile-menu-item div a:hover { + color: #377d87; +} +.footer__mobile-menu-item .active + div { + opacity: 1; + height: auto; + overflow: visible; + padding-top: 15px; +} +.active + .footer__mobile-menu { + opacity: 1; + height: auto; + overflow: visible; + padding-top: 35px; +} +.footer__mobile-contacts { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 30px; +} +.footer__mobile-contacts b { + font-size: 20px; + font-weight: 700; + width: 100%; + margin-bottom: 20px; +} +.footer__mobile-contacts a { + color: #377d87; + text-decoration: underline; +} +.footer__mobile-contacts a + a { + color: #3a3b3c; +} +.footer__mobile-bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + gap: 20px; + margin-top: 100px; +} +.footer__mobile-links { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.footer__mobile-links a:hover { + color: #377d87; +} +.footer__mobile-links span { + width: 60px; + height: 1px; + background: #377d87; +} +.footer__main { + display: none; + padding: 55px 0 20px 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 70px; +} +@media (min-width: 992px) { + .footer__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.footer__main-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +.footer__main-logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #377d87; +} +.footer__main-logo svg { + width: 182px; + height: 54px; +} +.footer__main-title { + font-size: 20px; + font-weight: 700; + margin-bottom: 16px; +} +.footer__main-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +.footer__main-col nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 8px; +} +.footer__main-col nav a:hover { + color: #377d87; +} +.footer__main-contacts { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 16px; + margin-bottom: 16px; +} +.footer__main-contacts a { + color: #377d87; + text-decoration: underline; +} +.footer__main-contacts a + a { + color: #3a3b3c; +} +.footer__main-copy { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 1.4; +} +.footer__main-copy nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.footer__main-copy nav a:hover { + color: #377d87; +} +.footer__main-copy nav span { + width: 1px; + height: 20px; + background: #6b6c6d; +} + +.main { + position: relative; + overflow: hidden; + padding: 30px 0; +} +@media (min-width: 768px) { + .main { + padding: 40px 0; + } +} +@media (min-width: 992px) { + .main { + padding: 50px 0; + } +} +@media (min-width: 1280px) { + .main { + padding: 60px 0; + } +} +.main h2 { + margin: 0; + font-weight: 700; + font-size: 30px; +} +@media (min-width: 768px) { + .main h2 { + font-size: 44px; + } +} +.main h3 { + margin: 0; + font-weight: 700; + font-size: 22px; +} +@media (min-width: 768px) { + .main h3 { + font-size: 28px; + } +} +.main p { + margin: 0; + font-size: 14px; + line-height: 1.4; +} +@media (min-width: 768px) { + .main p { + font-size: 18px; + } +} +.main p a { + color: #4d88d9; +} +.main p a:hover { + color: #377d87; +} +.main__breadcrumbs { + margin-bottom: 20px; +} +@media (min-width: 768px) { + .main__breadcrumbs { + margin-bottom: 40px; + } +} +.main__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + font-size: 14px; +} +@media (min-width: 992px) { + .main__content { + font-size: 18px; + gap: 32px; + } +} +.main__content-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; +} +.main__content h1, +.main__content h2, +.main__content h3, +.main__content h4, +.main__content h5, +.main__content h6 { + color: #3a3b3c; +} +.main__content ul, +.main__content ol { + padding: 0; + margin: 0; + padding-left: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; +} +@media (min-width: 992px) { + .main__content ul, + .main__content ol { + gap: 16px; + padding-left: 30px; + } +} +.main__content li ul, +.main__content li ol { + margin-top: 8px; +} +@media (min-width: 992px) { + .main__content li ul, + .main__content li ol { + margin-top: 16px; + } +} +.main__content li ul li, +.main__content li ol li { + list-style-type: disc; +} +.main__gallery { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .main__gallery { + display: grid; + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 992px) { + .main__gallery { + grid-template-columns: repeat(3, 1fr); + } +} +.main__gallery-item { + width: 100%; + aspect-ratio: 400/224; + border-radius: 30px; + position: relative; + overflow: hidden; +} +.main__gallery-item:hover { + -webkit-filter: brightness(1.1); + filter: brightness(1.1); +} +.main__gallery-item img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.main__employers { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .main__employers { + gap: 30px; + } +} +.main__employers-body { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 992px) { + .main__employers-body { + gap: 30px; + } +} +.main__employers-body.showed { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.main__employers-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + border: 1px solid #cecece; + border-radius: 8px; + position: relative; + overflow: hidden; + padding: 10px; + padding-top: 50px; + padding-bottom: 30px; +} +@media (min-width: 768px) { + .main__employers-item { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 55px 20px; + } +} +@media (min-width: 1280px) { + .main__employers-item { + padding-left: 55px; + } +} +.main__employers-item-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 768px) { + .main__employers-item-inner { + width: calc(100% - 200px); + padding-right: 40px; + } +} +@media (min-width: 992px) { + .main__employers-item-inner { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +.main__employers-item-pic { + height: 30px; + position: absolute; + top: 10px; + left: 10px; +} +@media (min-width: 768px) { + .main__employers-item-pic { + position: static; + width: 150px; + height: auto; + max-height: 150px; + -o-object-fit: contain; + object-fit: contain; + } +} +.main__employers-item-body { + font-size: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .main__employers-item-body { + font-size: 16px; + padding-top: 20px; + } +} +@media (min-width: 992px) { + .main__employers-item-body { + width: calc(100% - 150px); + padding: 0; + padding-left: 40px; + } +} +.main__employers-item-body b { + font-weight: 700; +} +@media (min-width: 768px) { + .main__employers-item-body b { + font-size: 20px; + } +} +.main__employers-item-body i { + font-style: normal; + color: #3a3b3c; +} +.main__employers-item-more { + position: absolute; + top: 10px; + right: 10px; +} +@media (min-width: 768px) { + .main__employers-item-more { + width: 200px; + padding: 0; + position: static; + } +} +.main__employers-item-label { + background: #4d88d9; + color: #ffffff; + border-radius: 6px; + width: 100%; + height: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + position: absolute; + bottom: 0; + left: 0; + font-size: 12px; + line-height: 1; +} +@media (min-width: 768px) { + .main__employers-item-label { + max-width: 350px; + height: 30px; + font-size: 15px; + } +} +.main__employers-item-label svg { + width: 8px; + height: 8px; +} +@media (min-width: 768px) { + .main__employers-item-label svg { + width: 12px; + height: 12px; + } +} +.main__employers-item-label span { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + width: calc(100% - 8px); + padding-left: 6px; +} +.main__employers-one { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +.main__employers-two { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .main__employers-two { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px 0; + } +} +.main__employers-two .main__employers-item { + width: calc(50% - 10px); + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + padding-top: 30px; +} +.main__employers-two .main__employers-item-inner { + width: 100%; + padding: 0; +} +.main__employers-two .main__employers-item-more { + position: static; + margin-top: 20px; +} +@media (min-width: 992px) { + .main__employers-two .main__employers-item-more { + margin-left: 190px; + } +} +.main__employers-two .main__employers-item-label { + max-width: none; +} +.main__employer-page { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .main__employer-page { + gap: 30px; + } +} +.main__employer-page-title { + color: #3a3b3c; + margin: 0; + font-size: 30px; +} +@media (min-width: 768px) { + .main__employer-page-title { + font-size: 36px; + } +} +@media (min-width: 992px) { + .main__employer-page-title { + font-size: 44px; + } +} +.main__employer-page-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; + font-size: 12px; + line-height: 1.4; +} +@media (min-width: 768px) { + .main__employer-page-item { + font-size: 18px; + gap: 8px; + } +} +.main__employer-page-item b { + color: #377d87; + font-size: 14px; +} +@media (min-width: 768px) { + .main__employer-page-item b { + font-size: 18px; + } +} +.main__employer-page-item span { + color: #3a3b3c; +} +.main__employer-page-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .main__employer-page-info { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30px 40px; + } +} +@media (min-width: 1280px) { + .main__employer-page-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding-right: 160px; + } +} +@media (min-width: 768px) { + .main__employer-page-info .main__employer-page-item b, + .main__employer-page-info .main__employer-page-item span { + max-width: 300px; + } +} +.main__employer-page-tabs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +@media (min-width: 768px) { + .main__employer-page-tabs { + margin-top: 20px; + } +} +.main__employer-page-tabs-item { + font-size: 22px; + font-weight: 700; + border: none; + background: none; + padding: 0; + color: #9c9d9d; + text-decoration: underline; + text-decoration-thickness: 1px; +} +@media (min-width: 768px) { + .main__employer-page-tabs-item { + font-size: 24px; + } +} +.main__employer-page-tabs-item.active { + color: #377d87; +} +.main__employer-page-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 10px; +} +@media (min-width: 768px) { + .main__employer-page-body { + margin-top: 30px; + } +} +.main__employer-page-body-item { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +.main__employer-page-body-item.showed { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.main__employer-page-one { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .main__employer-page-one { + display: grid; + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 992px) { + .main__employer-page-one { + grid-template-columns: repeat(3, 1fr); + } +} +@media (min-width: 1280px) { + .main__employer-page-one { + grid-template-columns: repeat(4, 1fr); + gap: 30px 20px; + } +} +.main__employer-page-one-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + font-size: 12px; + position: relative; +} +@media (min-width: 1280px) { + .main__employer-page-one-item { + font-size: 18px; + } +} +.main__employer-page-one-item img { + border-radius: 10px; + -o-object-fit: cover; + object-fit: cover; + width: 100%; + max-height: 250px; + aspect-ratio: 247/174; +} +@media (min-width: 1280px) { + .main__employer-page-one-item img { + margin-bottom: 10px; + } +} +.main__employer-page-one-item b { + font-weight: 700; + color: #377d87; +} +.main__employer-page-one-item span { + color: #3a3b3c; +} +.main__employer-page-one-item .del { + position: absolute; + z-index: 1; + top: 8px; + left: 8px; +} +.main__employer-page-two { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +.main__employer-page-two-item { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; + padding: 20px 10px; + border-radius: 12px; + border: 1px solid #cecece; + position: relative; + overflow: hidden; + font-size: 12px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); +} +@media (min-width: 768px) { + .main__employer-page-two-item { + font-size: 14px; + padding: 20px; + gap: 24px; + padding-bottom: 35px; + } +} +@media (min-width: 992px) { + .main__employer-page-two-item { + font-size: 16px; + } +} +@media (min-width: 1280px) { + .main__employer-page-two-item { + font-size: 18px; + } +} +.main__employer-page-two-item-toper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 22px; + font-weight: 700; + color: #3a3b3c; +} +@media (min-width: 768px) { + .main__employer-page-two-item-toper { + font-size: 30px; + } +} +.main__employer-page-two-item-toper img { + width: 60px; + aspect-ratio: 1/1; + -o-object-fit: contain; + object-fit: contain; +} +.main__employer-page-two-item-toper span { + width: calc(100% - 60px); + padding-left: 10px; +} +@media (min-width: 768px) { + .main__employer-page-two-item-toper span { + padding-left: 20px; + } +} +.main__employer-page-two-item-title { + font-size: 18px; + font-weight: 700; + color: #377d87; +} +@media (min-width: 768px) { + .main__employer-page-two-item-title { + font-size: 24px; + } +} +.main__employer-page-two-item-text { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +.main__employer-page-two-item-text-name { + font-weight: 700; +} +.main__employer-page-two-item-text-body { + color: #3a3b3c; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + padding: 0 10px; +} +.main__employer-page-two-item-text-body p { + margin: 0; +} +.main__employer-page-two-item-text-body ul { + margin: 0; + padding: 0; + padding-left: 16px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; +} +@media (min-width: 768px) { + .main__employer-page-two-item-text-body ul { + margin: 0 5px; + } +} +.main__employer-page-two-item-text-body ul span, +.main__employer-page-two-item-text-body ul a { + color: #3a3b3c; + position: relative; +} +.main__employer-page-two-item-text-body ul a:hover { + color: #377d87; +} +.main__employer-page-two-item-text-body p + ul { + margin-top: 10px; +} +.main__employer-page-two-item-text-links { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + padding: 0 10px; + font-weight: 700; + margin-top: 5px; +} +@media (min-width: 768px) { + .main__employer-page-two-item-text-links { + gap: 20px; + } +} +.main__employer-page-two-item-text-links a { + color: #4d88d9; +} +.main__employer-page-two-item-text-links a:hover { + color: #377d87; +} +.main__employer-page-two-item-tags { + color: #4d88d9; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 20px; +} +@media (min-width: 768px) { + .main__employer-page-two-item-tags { + font-size: 14px; + } +} +.main__employer-page-two-item-buttons { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; +} +@media (min-width: 768px) { + .main__employer-page-two-item-button { + position: absolute; + bottom: 20px; + left: 20px; + width: 200px; + padding: 0; + } +} +@media (min-width: 768px) { + .main__employer-page-two-item-button + .main__employer-page-two-item-button { + left: auto; + right: 20px; + } +} +.main__employer-page-two-item-bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.main__employer-page-two-item-bottom-date { + color: #3a3b3c; +} +@media (min-width: 768px) { + .main__employer-page-two-item-bottom-date { + position: absolute; + bottom: 20px; + right: 240px; + height: 42px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +@media (min-width: 992px) { + .main__employer-page-two-item-bottom-date { + font-size: 16px; + } +} +@media (min-width: 768px) { + .main__employer-page-two-item-bottom-like { + position: absolute; + bottom: 20px; + left: 240px; + } +} +@media (min-width: 768px) { + .main__employer-page-two-more { + margin-top: 10px; + padding: 0; + width: 200px; + } +} +.main__employer-page-two .main__employer-page-two-item { + display: none; +} +.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) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.main__employer-page-two.active .main__employer-page-two-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.main__resume-base { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + color: #3a3b3c; +} +.main__resume-base-body { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 10px; +} +@media (min-width: 768px) { + .main__resume-base-body { + margin-top: 30px; + } +} +.main__resume-base-body.showed { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.main__resume-base-body-one { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +@media (min-width: 768px) { + .main__resume-base-body-one { + gap: 30px; + } +} +.main__resume-base-body-two { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .main__resume-base-body-two { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 30px 0; + } +} +@media (min-width: 768px) { + .main__resume-base-body-two .main__resume-base-body-item { + width: calc(50% - 10px); + } +} +.main__resume-base-body-two .main__resume-base-body-item-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.main__resume-base-body-item { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + position: relative; + border: 1px solid #377d87; + border-radius: 8px; + padding: 10px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .main__resume-base-body-item { + padding: 20px; + } +} +.main__resume-base-body-item-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + position: absolute; + top: 10px; + right: 10px; +} +@media (min-width: 768px) { + .main__resume-base-body-item-buttons { + top: 20px; + right: 20px; + } +} +.main__resume-base-body-item-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 20px; + width: 100%; +} +@media (min-width: 768px) { + .main__resume-base-body-item-wrapper { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } +} +.main__resume-base-body-item-photo { + width: 180px; + aspect-ratio: 1/1; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +@media (min-width: 768px) { + .main__resume-base-body-item-photo { + width: 210px; + } +} +.main__resume-base-body-item-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + width: 100%; +} +@media (min-width: 768px) { + .main__resume-base-body-item-inner { + gap: 16px; + padding-right: 50px; + } +} +@media (min-width: 992px) { + .main__resume-base-body-item-inner { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30px; + } +} +.main__resume-base-body-item-inner div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; + font-size: 12px; +} +@media (min-width: 768px) { + .main__resume-base-body-item-inner div { + font-size: 16px; + } +} +.main__resume-base-body-item-inner b { + color: #377d87; + font-size: 14px; +} +@media (min-width: 768px) { + .main__resume-base-body-item-inner b { + font-size: 18px; + } +} +.main__resume-base-body-item-link { + width: 100%; + padding: 0; +} +@media (min-width: 768px) { + .main__resume-base-body-item-link { + width: 200px; + } +} +.main__spoiler { + overflow: hidden; + border-radius: 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.main__spoiler-toper { + background: #377d87; + height: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: #ffffff; + font-size: 12px; + font-weight: 700; + padding: 0 30px; + border: none; + position: relative; +} +@media (min-width: 768px) { + .main__spoiler-toper { + font-size: 18px; + height: 50px; + padding: 0 60px; + } +} +.main__spoiler-toper:before, .main__spoiler-toper:after { + content: ""; + background: #ffffff; + border-radius: 999px; + width: 10px; + height: 1px; + position: absolute; + top: 50%; + right: 10px; + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +@media (min-width: 768px) { + .main__spoiler-toper:before, .main__spoiler-toper:after { + width: 20px; + height: 2px; + right: 20px; + } +} +.main__spoiler-toper:after { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.main__spoiler-toper.active:after { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.main__spoiler-body { + opacity: 0; + height: 0; + overflow: hidden; + border-radius: 0 0 8px 8px; + background: #ffffff; +} +.main__spoiler-body table { + width: calc(100% + 2px); + margin-left: -1px; + margin-bottom: -1px; +} +@media (min-width: 992px) { + .main__spoiler-body table td { + width: 40%; + } +} +@media (min-width: 992px) { + .main__spoiler-body table td + td { + width: 60%; + } +} +.active + .main__spoiler-body { + -webkit-transition: 0.3s; + transition: 0.3s; + opacity: 1; + height: auto; + border: 1px solid #cecece; + border-top: none; +} +.main__table { + border-collapse: collapse; + table-layout: fixed; + font-size: 12px; + width: 100%; + background: #ffffff; +} +@media (min-width: 768px) { + .main__table { + font-size: 16px; + } +} +.main__table td { + border: 1px solid #cecece; + padding: 4px 8px; +} +@media (min-width: 768px) { + .main__table td { + padding: 8px 16px; + } +} +.main__table td b { + font-weight: 700; +} +.main__table td a:hover { + color: #377d87; +} +.main__resume-profile-about { + padding-top: 20px; + padding-bottom: 30px; + position: relative; + margin-top: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; +} +@media (min-width: 992px) { + .main__resume-profile-about { + padding: 50px 0; + } +} +.main__resume-profile-about:before { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 50%; + width: 20000px; + height: 100%; + margin-left: -10000px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); +} +.main__resume-profile-about-title { + position: relative; + z-index: 2; + color: #3a3b3c; +} +.main__resume-profile-about-text { + position: relative; + z-index: 2; +} +.main__resume-profile-about-button { + position: relative; + z-index: 2; + margin-top: 10px; +} +.main__resume-profile-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + margin-top: 30px; +} +@media (min-width: 992px) { + .main__resume-profile-info { + margin-top: 50px; + gap: 30px; + } +} +.main__resume-profile-info-title { + color: #3a3b3c; +} +.main__resume-profile-info-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 992px) { + .main__resume-profile-info-body { + gap: 30px; + } +} +.main__resume-profile-info-body-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .main__resume-profile-info-body-item { + gap: 20px; + } +} +.main__resume-profile-info-body-subtitle { + color: #4d88d9; +} +.main__resume-profile-info-body-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + margin: 0; + padding: 0; + font-size: 12px; +} +@media (min-width: 768px) { + .main__resume-profile-info-body-inner { + display: grid; + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 992px) { + .main__resume-profile-info-body-inner { + grid-template-columns: repeat(3, 1fr); + font-size: 16px; + } +} +.main__resume-profile-info-body-inner li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; +} +@media (min-width: 992px) { + .main__resume-profile-info-body-inner li { + gap: 8px; + } +} +.main__resume-profile-info-body-inner b { + color: #377d87; + font-size: 14px; +} +@media (min-width: 992px) { + .main__resume-profile-info-body-inner b { + font-size: 18px; + } +} +.main__resume-profile-info-body-inner span { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; +} +@media (min-width: 992px) { + .main__resume-profile-info-body-inner span { + gap: 6px; + } +} +.main__resume-profile-review { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px 10px; + margin-top: 30px; + border-radius: 16px; + border: 1px solid #cecece; + background: #ffffff; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); +} +@media (min-width: 992px) { + .main__resume-profile-review { + margin-top: 50px; + padding: 50px 40px; + gap: 30px; + } +} +.main__resume-profile-review-title { + color: #3a3b3c; +} +.main__resume-profile-review-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; +} +.main__resume-profile-review-body .textarea { + width: 100%; +} +.main__resume-profile-review-body .button { + margin-top: 10px; +} +.main__vacancies { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +@media (min-width: 768px) { + .main__vacancies { + gap: 30px; + } +} +.main__vacancies-title { + color: #3a3b3c; + width: 100%; +} +@media (min-width: 992px) { + .main__vacancies .vacancies__list { + grid-template-columns: repeat(2, 1fr); + } +} +.main__vacancies-filters { + width: 100%; +} +.main__vacancies-item { + width: 100%; + background: none; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); +} +.main__vacancies-item-page { + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: none; + margin: 0 -10px; +} +@media (min-width: 768px) { + .main__vacancies-item-page { + margin: 0 -20px; + } +} +.main__vacancies-thing { + width: 100%; + position: relative; + padding: 10px 0; + padding-bottom: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 24px; +} +@media (min-width: 992px) { + .main__vacancies-thing { + display: grid; + grid-template-columns: repeat(2, 1fr); + padding: 30px 0; + } +} +@media (min-width: 1280px) { + .main__vacancies-thing { + padding: 50px 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 0; + } +} +.main__vacancies-thing:before { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 50%; + width: 20000px; + height: 100%; + margin-left: -10000px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); +} +.main__vacancies-thing-pic { + position: relative; + z-index: 2; + width: 100%; + height: 280px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +@media (min-width: 1280px) { + .main__vacancies-thing-pic { + width: 420px; + } +} +.main__vacancies-thing-body { + position: relative; + z-index: 2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 16px; + color: #3a3b3c; +} +@media (min-width: 1280px) { + .main__vacancies-thing-body { + width: calc(100% - 420px); + padding-left: 30px; + gap: 20px; + } +} +.main__vacancies-thing-body > * { + width: 100%; +} +.main__vacancies-thing-body .button { + width: auto; +} +.main__cond { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 50px; +} +.main__cond > div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +.main__cond-label { + border-radius: 16px; + border: 1px solid #cecece; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + padding: 30px 20px; + font-weight: 700; + color: #3a3b3c; + line-height: 2; + text-align: center; +} +@media (min-width: 992px) { + .main__cond-label { + font-size: 30px; + } +} +.main__cond-icons { + padding: 0; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 25px; + margin-top: 10px; +} +@media (min-width: 768px) { + .main__cond-icons { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 60px; + margin-top: 20px; + } +} +@media (min-width: 1280px) { + .main__cond-icons { + grid-template-columns: repeat(3, 1fr); + } +} +.main__cond-icons li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 20px; + font-size: 12px; + line-height: 1.4; + color: #3a3b3c; +} +@media (min-width: 768px) { + .main__cond-icons li { + font-size: 14px; + } +} +@media (min-width: 992px) { + .main__cond-icons li { + font-size: 16px; + line-height: 1.6; + } +} +@media (min-width: 1280px) { + .main__cond-icons li { + font-size: 18px; + } +} +.main__cond-icons li span { + width: 48px; + height: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.main__cond-icons li span img { + max-width: 48px; +} +.main__cond-callback { + margin-top: 10px; +} +.main__ads { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + margin: 30px 0; +} +@media (min-width: 992px) { + .main__ads { + margin: 60px 0; + } +} +.main__ads-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; +} +@media (min-width: 992px) { + .main__ads-item { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + gap: 0; + } +} +.main__ads-item-pic { + width: 100%; + max-width: 440px; + max-height: 200px; + aspect-ratio: 3/2; + position: relative; + overflow: hidden; + border-radius: 12px; +} +@media (min-width: 992px) { + .main__ads-item-pic { + width: 200px; + aspect-ratio: 1/1; + } +} +.main__ads-item-pic img { + z-index: 1; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.main__ads-item-pic span { + z-index: 2; + width: 30px; + height: 30px; + border-radius: 6px; + background: #4d88d9; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + top: 10px; + left: 10px; + color: #ffffff; +} +@media (min-width: 992px) { + .main__ads-item-pic span { + width: 42px; + height: 42px; + } +} +.main__ads-item-pic span svg { + width: 12px; + height: 12px; +} +@media (min-width: 992px) { + .main__ads-item-pic span svg { + width: 20px; + height: 20px; + } +} +.main__ads-item-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + font-size: 12px; +} +@media (min-width: 992px) { + .main__ads-item-body { + width: calc(100% - 200px); + padding-left: 40px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + gap: 20px; + } +} +.main__ads-item-body b { + width: 100%; + font-weight: 700; + font-size: 14px; +} +@media (min-width: 992px) { + .main__ads-item-body b { + font-size: 20px; + } +} +.main__ads-item-body span { + width: 100%; +} + +.work { + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + color: #6b6c6d; + padding-top: 70px; + padding-bottom: 10px; + position: relative; + overflow: hidden; +} +@media (min-width: 768px) { + .work { + padding-bottom: 25px; + } +} +@media (min-width: 1280px) { + .work { + padding-top: 80px; + padding-bottom: 25px; + } +} +.work__pic { + position: absolute; + height: calc(100% - 40px); + z-index: 1; + display: none; + bottom: 0; + left: 50%; + margin-left: 40px; +} +@media (min-width: 992px) { + .work__pic { + display: block; + } +} +@media (min-width: 1280px) { + .work__pic { + margin-left: 80px; + } +} +.work__body { + position: relative; + z-index: 2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .work__body { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } +} +@media (min-width: 992px) { + .work__body { + max-width: 600px; + } +} +.work__title { + width: 100%; + font-size: 40px; + font-weight: 700; + line-height: 1; +} +@media (min-width: 768px) { + .work__title { + font-size: 64px; + line-height: 94px; + } +} +.work__text { + width: 100%; + font-size: 12px; + margin-top: 10px; +} +@media (min-width: 768px) { + .work__text { + font-size: 18px; + margin-top: 20px; + line-height: 1.4; + } +} +.work__list { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 5px; + font-size: 14px; + font-weight: 700; + margin-top: 15px; +} +@media (min-width: 768px) { + .work__list { + font-size: 18px; + gap: 8px; + margin-top: 30px; + } +} +.work__list div { + position: relative; + padding-left: 10px; +} +@media (min-width: 768px) { + .work__list div { + padding-left: 16px; + } +} +.work__list div:before { + content: ""; + width: 4px; + height: 4px; + background: #6b6c6d; + border-radius: 999px; + position: absolute; + top: 5px; + left: 0; +} +@media (min-width: 768px) { + .work__list div:before { + top: 8px; + } +} +.work__form { + margin-top: 20px; +} +@media (min-width: 768px) { + .work__form { + margin-top: 30px; + } +} +.work__search { + width: 100%; + max-width: 180px; + margin-top: 20px; +} +@media (min-width: 768px) { + .work__search { + max-width: 270px; + margin-top: 50px; + } +} +.work__get { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 48px; +} +.work__get b { + width: 100%; + margin-bottom: 10px; + font-size: 14px; +} +@media (min-width: 768px) { + .work__get b { + font-size: 18px; + } +} +.work__get a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 20px; +} +.work__get a img { + -webkit-transition: 0.3s; + transition: 0.3s; + width: 111px; +} +@media (min-width: 768px) { + .work__get a img { + width: 131px; + } +} +.work__get a:hover img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.work__get a + a { + margin-right: 0; +} + +.numbers { + padding: 30px 0; + background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); + color: #ffffff; +} +@media (min-width: 1280px) { + .numbers { + padding: 100px 0; + background-position: 100% 100%; + background-size: auto 500px; + } +} +.numbers__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; +} +@media (min-width: 768px) { + .numbers__body { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + } +} +.numbers__item { + font-size: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + line-height: 1.4; +} +@media (min-width: 1280px) { + .numbers__item { + font-size: 16px; + line-height: 20px; + } +} +.numbers__item b { + font-size: 40px; + font-weight: 700; + border-bottom: 1px solid #ffffff; + line-height: 1; +} +@media (min-width: 1280px) { + .numbers__item b { + font-size: 100px; + line-height: 147px; + } +} +.numbers__item span { + font-weight: 700; + font-size: 14px; + margin: 10px 0; + line-height: 1; +} +@media (min-width: 1280px) { + .numbers__item span { + font-size: 24px; + margin-top: 30px; + } +} + +.vacancies { + padding: 50px 0; +} +@media (min-width: 1280px) { + .vacancies { + padding: 100px 0; + } +} +.vacancies__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + gap: 20px; + width: 100%; + margin-top: 20px; +} +@media (min-width: 992px) { + .vacancies__body { + margin-top: 30px; + gap: 30px; + } +} +.vacancies__more { + width: 100%; +} +@media (min-width: 768px) { + .vacancies__more { + width: auto; + margin: 0 auto; + } +} +.vacancies__list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 15px; +} +@media (min-width: 768px) { + .vacancies__list { + display: grid; + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 992px) { + .vacancies__list { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + } +} +@media (min-width: 1280px) { + .vacancies__list { + grid-template-columns: repeat(4, 1fr); + } +} +.vacancies__item { + display: none; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + border-radius: 12px; + background: #ffffff; + border: 1px solid #e6e7e7; + overflow: hidden; +} +.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), .vacancies__item:nth-of-type(9), .vacancies__item:nth-of-type(10), .vacancies__item:nth-of-type(11), .vacancies__item:nth-of-type(12), .vacancies__item:nth-of-type(13), .vacancies__item:nth-of-type(14), .vacancies__item:nth-of-type(15), .vacancies__item:nth-of-type(16) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.vacancies__item > span { + border-left: 10px solid #377d87; + padding: 20px 14px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 5px; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media (min-width: 992px) { + .vacancies__item > span { + gap: 10px; + } +} +.vacancies__item b { + font-weight: 700; + font-size: 14px; +} +@media (min-width: 992px) { + .vacancies__item b { + font-size: 20px; + } +} +.vacancies__item:hover b { + color: #377d87; +} +.vacancies__item u { + text-decoration: none; + font-size: 14px; +} +@media (min-width: 992px) { + .vacancies__item u { + font-size: 18px; + } +} +.vacancies__item i { + font-size: 12px; + font-style: normal; + border-bottom: 1px dashed #377d87; +} +@media (min-width: 992px) { + .vacancies__item i { + font-size: 16px; + } +} +.vacancies__item i span { + font-weight: 700; + color: #377d87; +} +.vacancies__body.active > .vacancies__list > .vacancies__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.employer { + padding-bottom: 50px; +} +@media (min-width: 992px) { + .employer { + padding-bottom: 100px; + } +} +.employer .swiper { + margin-top: 20px; +} +@media (min-width: 992px) { + .employer .swiper { + margin-top: 30px; + } +} +.employer__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; +} +.employer__item a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.employer__item img { + width: 295px; +} +.employer__more { + height: 38px; + margin-top: 20px; +} +@media (min-width: 992px) { + .employer__more { + width: 250px; + margin: 0 auto; + height: 44px; + margin-top: 40px; + } +} + +.about { + background: #acc0e6 url("../images/space.svg") no-repeat 0 0; + background-size: cover; + padding: 30px 0; + padding-bottom: 70px; +} +@media (min-width: 768px) { + .about { + padding-top: 40px; + background-size: auto calc(100% - 10px); + } +} +@media (min-width: 1280px) { + .about { + padding: 100px 0; + } +} +.about__wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; +} +.about__title { + color: #ffffff; + line-height: 1.2; +} +@media (min-width: 1280px) { + .about__title { + position: absolute; + top: -45px; + left: 0; + } +} +.about__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 1280px) { + .about__body { + padding-left: 495px; + } +} +.about__line { + background: #ffffff; + width: 100%; + height: 1px; + max-width: 400px; + margin-top: 10px; +} +.about__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 10px; + max-width: 600px; +} +@media (min-width: 768px) { + .about__item { + margin-top: 20px; + } +} +@media (min-width: 1280px) { + .about__item { + margin-top: 30px; + } +} +.about__item b { + font-size: 20px; + font-weight: 700; +} +.about__item span { + font-size: 13px; + line-height: 1.4; + margin-top: 6px; +} +@media (min-width: 1280px) { + .about__item span { + font-size: 16px; + margin-top: 12px; + } +} +.about__item a { + text-decoration: underline; +} +.about__item + .about__item { + margin-top: 30px; +} +@media (min-width: 992px) { + .about__item + .about__item { + margin-top: 40px; + } +} +.about__button { + margin-top: 20px; + height: 38px; + padding: 0; +} +@media (min-width: 768px) { + .about__button { + max-width: 200px; + height: 42px; + margin-top: 30px; + } +} + +.news { + padding: 50px 0; + overflow: hidden; +} +@media (min-width: 1280px) { + .news { + padding: 100px 0; + padding-bottom: 0; + } +} +.news__toper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 1280px) { + .news__toper .title { + width: calc(100% - 160px); + } +} +.news__toper .navs { + display: none; +} +@media (min-width: 1280px) { + .news__toper .navs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.news .swiper { + margin-top: 20px; +} +@media (min-width: 768px) { + .news .swiper { + overflow: visible; + } +} +@media (min-width: 992px) { + .news .swiper { + margin-top: 40px; + } +} +.news__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + line-height: 1.4; +} +.news__item-pic { + width: 100%; + aspect-ratio: 3/2; + border-radius: 12px; + border: 1px solid #e6e7e7; + -o-object-fit: cover; + object-fit: cover; + min-height: 200px; +} +@media (min-width: 1280px) { + .news__item-pic { + aspect-ratio: 4/2; + } +} +.news__item-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-top: 15px; +} +@media (min-width: 768px) { + .news__item-body { + padding: 20px; + padding-top: 30px; + margin-top: -15px; + border-radius: 0 0 12px 12px; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + } +} +.news__item-date { + font-size: 14px; + font-weight: 700; + color: #377d87; +} +.news__item-title { + font-size: 20px; + font-weight: 700; + line-height: 1.2; + margin-top: 5px; +} +.news__item-text { + color: #6b6c6d; + font-size: 13px; + margin-top: 10px; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; +} +@media (min-width: 1280px) { + .news__item-text { + font-size: 16px; + } +} +.news__item-more { + height: 42px; + margin-top: 20px; +} +@media (min-width: 1280px) { + .news__item-more { + height: 44px; + max-width: 190px; + } +} +.news__all { + height: 42px; + margin: 0 auto; + margin-top: 20px; + padding: 0; + display: none; +} +@media (min-width: 768px) { + .news__all { + max-width: 170px; + margin-top: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +@media (min-width: 1280px) { + .news__all { + height: 44px; + } +} + +.info { + position: relative; + overflow: hidden; +} +@media (min-width: 1280px) { + .info { + margin-bottom: -25px; + } +} +.info__pic { + display: none; + z-index: 1; + position: absolute; + top: 0; + left: 50%; + height: 100%; + margin-left: 130px; +} +@media (min-width: 992px) { + .info__pic { + display: block; + } +} +@media (min-width: 1280px) { + .info__pic { + width: 610px; + height: auto; + margin-left: 10px; + } +} +.info__body { + z-index: 2; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 1280px) { + .info__body { + padding-top: 100px; + min-height: 600px; + } +} +@media (min-width: 1280px) { + .info__title { + max-width: 520px; + line-height: 1; + } +} +.info__item { + margin-top: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 992px) { + .info__item { + max-width: 610px; + } +} +.info__item + .info__item { + margin-top: 60px; +} +.info__text { + color: #6b6c6d; + font-size: 13px; + line-height: 1.4; +} +@media (min-width: 768px) { + .info__text { + font-size: 16px; + } +} +@media (min-width: 1280px) { + .info__text { + font-size: 18px; + } +} +.info__link { + border-radius: 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 1; + height: 40px; + font-size: 12px; + font-weight: 700; + gap: 8px; + color: #ffffff; + background: #377d87; +} +.info__link:hover { + -webkit-filter: grayscale(50%); + filter: grayscale(50%); +} +@media (min-width: 768px) { + .info__link { + height: 44px; + font-size: 16px; + gap: 10px; + max-width: 300px; + } +} +@media (min-width: 992px) { + .info__link { + max-width: 210px; + } +} +.info__link svg { + width: 16px; + height: 16px; +} +@media (min-width: 768px) { + .info__link svg { + width: 20px; + height: 20px; + } +} + +.thing { + padding-top: 15px; + padding-bottom: 30px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + color: #3a3b3c; + overflow: hidden; + position: relative; +} +@media (min-width: 992px) { + .thing { + padding-top: 20px; + padding-bottom: 60px; + } +} +@media (min-width: 1280px) { + .thing { + padding-bottom: 90px; + } +} +.thing__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +.thing__breadcrumbs { + width: 100%; + margin-bottom: 40px; + position: relative; + z-index: 2; +} +@media (min-width: 768px) { + .thing__breadcrumbs { + margin-bottom: 60px; + } +} +.thing__title { + width: 100%; + font-size: 32px; + font-weight: 700; + margin: 0; + max-width: 780px; + position: relative; + z-index: 2; + line-height: 1.1; +} +@media (min-width: 768px) { + .thing__title { + font-size: 40px; + } +} +@media (min-width: 1280px) { + .thing__title { + font-size: 64px; + } +} +.thing__text { + width: 100%; + font-weight: 700; + font-size: 14px; + line-height: 1.4; + margin: 15px 0 0 0; + max-width: 780px; + position: relative; + z-index: 2; +} +@media (min-width: 768px) { + .thing__text { + margin-top: 15px; + } +} +@media (min-width: 992px) { + .thing__text { + font-weight: 400; + font-size: 18px; + } +} +.thing__search { + width: 100%; + max-width: 640px; + margin-top: 20px; + position: relative; + z-index: 2; +} +@media (min-width: 768px) { + .thing__search { + margin-top: 30px; + } +} +.thing__badge { + position: relative; + z-index: 2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + padding: 0 12px; + background: #4d88d9; + color: #ffffff; + font-size: 12px; + line-height: 1; + height: 26px; + border-radius: 999px; + margin-bottom: 20px; +} +@media (min-width: 992px) { + .thing__badge { + font-size: 16px; + gap: 10px; + padding: 0 24px; + height: 42px; + margin-bottom: 30px; + } +} +.thing__badge svg { + width: 12px; + height: 12px; +} +@media (min-width: 992px) { + .thing__badge svg { + width: 20px; + height: 20px; + } +} +.thing__pic { + width: 60px; + aspect-ratio: 1/1; + -o-object-fit: contain; + object-fit: contain; + position: relative; + z-index: 1; + margin-bottom: 15px; +} +@media (min-width: 768px) { + .thing__pic { + width: 160px; + position: absolute; + top: 15px; + right: 20px; + } +} +@media (min-width: 992px) { + .thing__pic { + width: 330px; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + } +} +@media (min-width: 1280px) { + .thing__pic { + right: auto; + left: 50%; + margin-left: 200px; + } +} +.thing__pic_two { + -o-object-fit: cover; + object-fit: cover; + border-radius: 30px; + aspect-ratio: 44/37; + width: 100%; + max-width: 440px; +} +@media (min-width: 768px) { + .thing__pic_two { + position: static; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@media (min-width: 1280px) { + .thing__pic_two { + position: absolute; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + } +} +.thing__buttons { + width: 100%; + position: relative; + z-index: 2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + margin-top: 15px; +} +@media (min-width: 992px) { + .thing__buttons { + margin-top: 30px; + gap: 30px; + } +} +@media (min-width: 992px) { + .thing__buttons .button { + padding: 0 22px; + } +} +.thing__checkbox { + margin-top: 20px; +} +.thing__checkbox .checkbox__icon { + border-color: #377d87; +} +.thing__checkbox .checkbox__text { + color: #377d87; +} +.thing__profile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 768px) { + .thing__profile { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.thing__profile-photo { + width: 210px; + border-radius: 8px; + aspect-ratio: 1/1; +} +.thing__profile-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 15px; +} +@media (min-width: 768px) { + .thing__profile-body { + width: calc(100% - 210px); + padding-left: 35px; + } +} +.thing__profile .thing__title { + max-width: none; +} +@media (min-width: 768px) { + .thing__profile .thing__title { + margin-top: -20px; + } +} +.thing__profile .thing__text { + max-width: none; +} +.thing__bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin-top: 15px; +} +@media (min-width: 768px) { + .thing__bottom { + margin-top: 30px; + } +} +.thing__select { + width: 100%; + max-width: 640px; + margin-top: 20px; +} +@media (min-width: 768px) { + .thing__select { + margin-top: 30px; + } +} + +.page-404 { + background: url(../images/bg-3.svg) no-repeat 100%/cover; + overflow: hidden; +} +.page-404__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + padding: 60px 0; + color: #3a3b3c; + font-size: 12px; + gap: 10px; + line-height: 1.4; +} +@media (min-width: 768px) { + .page-404__body { + font-size: 18px; + padding: 120px 0; + gap: 20px; + } +} +@media (min-width: 1280px) { + .page-404__body { + padding: 180px 0; + text-align: left; + } +} +.page-404__numb { + font-size: 114px; + line-height: 1; + color: #377d87; + font-weight: 700; +} +@media (min-width: 768px) { + .page-404__numb { + font-size: 184px; + } +} +@media (min-width: 768px) { + .page-404__title { + font-weight: 700; + font-size: 44px; + } +} +@media (min-width: 1280px) { + .page-404__title { + width: 710px; + position: relative; + left: 200px; + } +} +@media (min-width: 1280px) { + .page-404__subtitle { + width: 710px; + position: relative; + left: 200px; + } +} +.page-404__button { + margin-top: 10px; +} +@media (min-width: 1280px) { + .page-404__button { + position: relative; + left: -45px; + } +} + +.cookies { + display: none; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + padding: 10px; + padding-top: 0; + height: 0; + position: fixed; + z-index: 999; + bottom: 0; + left: 0; + width: 100%; +} +.cookies-is-actived .cookies { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.cookies__body { + border-radius: 6px; + border: 1px solid #377d87; + background: #ffffff; + padding: 15px; + padding-right: 50px; + position: relative; + max-width: 940px; + margin: 0 auto; +} +@media (min-width: 768px) { + .cookies__body { + padding: 25px; + padding-right: 50px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .cookies__body { + padding: 40px 60px; + } +} +.cookies__close { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #377d87; + padding: 0; + border: none; + background: none; + position: absolute; + top: 15px; + right: 15px; +} +.cookies__close:hover { + color: #3a3b3c; +} +.cookies__close svg { + width: 16px; + height: 16px; +} +.cookies__text { + font-size: 12px; + color: #377d87; + line-height: 1.4; +} +@media (min-width: 768px) { + .cookies__text { + font-size: 16px; + font-weight: 700; + } +} + +.fancybox-active { + overflow: hidden; +} +.fancybox-is-open .fancybox-bg { + background: #080B0B; + opacity: 0.6; + z-index: 9999; +} +.fancybox-slide { + padding: 0; +} +@media (min-width: 992px) { + .fancybox-slide { + padding: 30px; + } +} +.fancybox-slide--html .fancybox-close-small { + padding: 0; + opacity: 1; + color: #377d87; +} +@media (min-width: 768px) { + .fancybox-slide--html .fancybox-close-small { + top: 10px; + right: 10px; + } +} +.fancybox-slide--html .fancybox-close-small:hover { + color: #3a3b3c; +} + +.modal { + width: 100%; + max-width: 820px; + padding: 0; + background: #ffffff; + z-index: 99999; +} +@media (min-width: 992px) { + .modal { + border-radius: 10px; + border: 1px solid #377d87; + } +} +.modal_bg { + background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; +} +@media (min-width: 768px) { + .modal_bg { + background-position: 100% 100%; + } +} +.modal__body { + padding: 40px 15px; + padding-bottom: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + min-height: 100vh; + overflow: hidden; + font-size: 12px; +} +@media (min-width: 768px) { + .modal__body { + font-size: 16px; + padding-left: 22px; + padding-right: 22px; + } +} +@media (min-width: 992px) { + .modal__body { + min-height: 450px; + padding: 60px 80px; + padding-bottom: 40px; + } +} +@media (min-width: 768px) { + .modal__body .left { + text-align: left; + } +} +.modal__title { + width: 100%; + font-size: 22px; + font-weight: 700; + text-align: center; + color: #3a3b3c; +} +@media (min-width: 768px) { + .modal__title { + font-size: 32px; + } +} +@media (min-width: 992px) { + .modal__title { + font-size: 44px; + } +} +.modal__text { + width: 100%; + text-align: center; + margin-top: 10px; + color: #3a3b3c; +} +@media (min-width: 768px) { + .modal__text { + margin-top: 20px; + } +} +.modal__text span { + color: #9C9D9D; +} +.modal__text a { + font-weight: 700; + color: #377d87; +} +.modal__text a:hover { + color: #3a3b3c; +} +.modal__button { + margin-top: 20px; +} +@media (min-width: 768px) { + .modal__button { + min-width: 200px; + margin-top: 30px; + } +} +.modal__buttons { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + margin-top: 20px; +} +@media (min-width: 768px) { + .modal__buttons { + gap: 30px; + margin-top: 30px; + } +} +.modal__form { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; + margin-top: 10px; +} +@media (min-width: 768px) { + .modal__form { + margin-top: 20px; + } +} +.modal__form-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 4px; +} +.modal__form-item > .input { + width: 100%; +} +.modal__form-item > .textarea { + width: 100%; + height: 175px; +} +@media (min-width: 768px) { + .modal__form-item > .textarea { + height: 195px; + } +} +.modal__form-item > .file { + width: 100%; +} +.modal__form-item > .button { + min-width: 120px; +} +.modal__form-item > label { + width: 100%; + display: none; + color: #eb5757; + padding: 0 10px; + font-size: 12px; +} +@media (min-width: 768px) { + .modal__form-item > label { + padding: 0 20px; + font-size: 16px; + } +} +.modal__sign { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + margin-top: 10px; + margin-bottom: 20px; + width: 100%; +} +@media (min-width: 768px) { + .modal__sign { + margin-top: 20px; + margin-bottom: 40px; + } +} +.modal__sign-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} +.modal__sign-item > .input { + width: 100%; + padding-right: 36px; + position: relative; + z-index: 1; +} +@media (min-width: 768px) { + .modal__sign-item > .input { + height: 52px; + padding-right: 60px; + } +} +.modal__sign-item > .textarea { + width: 100%; +} +.modal__sign-bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; +} +.modal__sign-bottom-link { + font-weight: 700; + color: #377d87; +} +.modal__tabs { + width: 100%; + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 16px; + margin-top: 10px; +} +@media (min-width: 768px) { + .modal__tabs { + gap: 24px; + margin-top: 20px; + } +} +.modal__tabs-item.active { + background: #377d87; + color: #ffffff; +} +.modal__reg { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; + width: 100%; + margin-top: 10px; + margin-bottom: 20px; +} +@media (min-width: 768px) { + .modal__reg { + margin-top: 20px; + margin-bottom: 30px; + gap: 20px; + } +} +.modal__reg.showed { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.modal__reg-item { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.modal__reg-item > .captcha { + width: 100%; + max-width: 300px; +} + +.messages { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +.messages__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + width: 100%; +} +@media (min-width: 768px) { + .messages__body { + gap: 20px; + } +} +.messages__item { + display: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + border: 1px solid #e7e7e7; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + padding: 10px; + font-size: 12px; +} +@media (min-width: 768px) { + .messages__item { + padding: 20px; + font-size: 16px; + } +} +.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) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.messages__item-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: calc(100% - 90px); +} +@media (min-width: 768px) { + .messages__item-info { + width: calc(100% - 150px); + } +} +.messages__item-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: #9c9d9d; + color: #ffffff; + width: 36px; + border-radius: 6px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .messages__item-photo { + width: 52px; + } +} +.messages__item-photo svg { + width: 50%; + position: relative; + z-index: 1; +} +.messages__item-photo img { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.messages__item-text { + width: calc(100% - 36px); + padding-left: 6px; + color: #3a3b3c; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; +} +@media (min-width: 768px) { + .messages__item-text { + padding-left: 20px; + width: calc(100% - 52px); + gap: 8px; + } +} +.messages__item-text span { + color: #3a3b3c; +} +.messages__item-date { + color: #3a3b3c; + width: 90px; + text-align: right; +} +@media (min-width: 768px) { + .messages__item-date { + width: 150px; + } +} +.messages.active .messages__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.responses { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +.responses__body { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +.responses__item { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + border-radius: 8px; + border: 1px solid #e7e7e7; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + padding: 20px 10px; + font-size: 12px; + position: relative; +} +@media (min-width: 768px) { + .responses__item { + padding: 20px; + font-size: 16px; + } +} +.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) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.responses__item-date { + color: #3a3b3c; +} +@media (min-width: 992px) { + .responses__item-date { + position: absolute; + top: 20px; + right: 20px; + } +} +.responses__item-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +.responses__item-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .responses__item-inner { + gap: 20px; + } +} +@media (min-width: 1280px) { + .responses__item-inner { + width: calc(100% - 150px); + } +} +.responses__item-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + color: #3a3b3c; + text-align: right; +} +@media (min-width: 992px) { + .responses__item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + text-align: left; + } +} +.responses__item-row span { + color: #3a3b3c; + text-align: left; +} +.responses__item-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .responses__item-buttons { + display: grid; + grid-template-columns: 1fr 1fr; + } +} +@media (min-width: 1280px) { + .responses__item-buttons { + grid-template-columns: 1fr 1fr 1fr 1fr; + } +} +.responses__item-buttons .button.active { + background: #377d87; + color: #ffffff; +} +.responses.active .responses__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.chatbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .chatbox { + gap: 30px; + } +} +@media (min-width: 1280px) { + .chatbox { + gap: 40px; + } +} +.chatbox__toper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + border: 1px solid #e7e7e7; + border-radius: 8px; + padding: 10px; +} +@media (min-width: 768px) { + .chatbox__toper { + padding: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +.chatbox__toper-info { + font-size: 12px; +} +@media (min-width: 768px) { + .chatbox__toper-info { + font-size: 16px; + width: calc(100% - 230px); + } +} +@media (min-width: 768px) { + .chatbox__toper-button { + width: 210px; + padding: 0; + } +} +.chatbox__list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .chatbox__list { + gap: 20px; + } +} +@media (min-width: 1280px) { + .chatbox__list { + gap: 40px; + } +} +.chatbox__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + color: #3a3b3c; + font-size: 12px; +} +@media (min-width: 768px) { + .chatbox__item { + font-size: 16px; + } +} +.chatbox__item_reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.chatbox__item-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: #9c9d9d; + color: #ffffff; + width: 44px; + border-radius: 6px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.chatbox__item-photo svg { + width: 50%; + position: relative; + z-index: 1; +} +.chatbox__item-photo img { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.chatbox__item-body { + width: calc(100% - 54px); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +@media (min-width: 768px) { + .chatbox__item-body { + width: calc(100% - 60px); + } +} +.chatbox__item_reverse .chatbox__item-body { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +.chatbox__item-text { + border-radius: 8px; + background: #ffffff; + -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + padding: 10px; + line-height: 1.6; +} +.chatbox__item-time { + width: 100%; + padding-left: 54px; + margin-top: 10px; + color: #9c9d9d; +} +.chatbox__item_reverse .chatbox__item-time { + text-align: right; +} +.chatbox__bottom { + background: #4d88d9; + padding: 10px; + border-radius: 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media (min-width: 768px) { + .chatbox__bottom { + padding: 16px 20px; + } +} +.chatbox__bottom-file { + width: 20px; + aspect-ratio: 1/1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #ffffff; + color: #4d88d9; + border-radius: 8px; +} +@media (min-width: 768px) { + .chatbox__bottom-file { + width: 48px; + } +} +.chatbox__bottom-file:hover { + color: #377d87; +} +.chatbox__bottom-file input { + display: none; +} +.chatbox__bottom-file svg { + width: 50%; + aspect-ratio: 1/1; +} +@media (min-width: 768px) { + .chatbox__bottom-file svg { + width: 40%; + } +} +.chatbox__bottom-text { + width: calc(100% - 60px); + height: 20px; + border-color: #ffffff; +} +@media (min-width: 768px) { + .chatbox__bottom-text { + width: calc(100% - 128px); + height: 48px; + } +} +.chatbox__bottom-text:focus { + border-color: #ffffff; +} +.chatbox__bottom-send { + width: 20px; + aspect-ratio: 1/1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + background: #ffffff; + border: none; + color: #4d88d9; + border-radius: 999px; +} +@media (min-width: 768px) { + .chatbox__bottom-send { + width: 48px; + } +} +.chatbox__bottom-send:hover { + color: #377d87; +} +.chatbox__bottom-send svg { + width: 50%; + aspect-ratio: 1/1; + position: relative; + left: 1px; +} +@media (min-width: 768px) { + .chatbox__bottom-send svg { + width: 40%; + left: 2px; + } +} + +.cvs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +.cvs__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + width: 100%; +} +@media (min-width: 768px) { + .cvs__body { + gap: 30px; + } +} +.cvs__item { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + border-radius: 8px; + border: 1px solid #e7e7e7; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + padding: 10px; + font-size: 12px; + position: relative; +} +@media (min-width: 768px) { + .cvs__item { + gap: 0; + padding: 20px; + font-size: 16px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +.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) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.cvs__item-like { + position: absolute; + top: 10px; + right: 10px; +} +@media (min-width: 768px) { + .cvs__item-like { + top: 20px; + right: 20px; + } +} +.cvs__item-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: #9c9d9d; + color: #ffffff; + width: 36px; + border-radius: 6px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .cvs__item-photo { + width: 68px; + } +} +.cvs__item-photo svg { + width: 50%; + position: relative; + z-index: 1; +} +.cvs__item-photo img { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.cvs__item-text { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .cvs__item-text { + gap: 20px; + width: calc(100% - 68px); + padding-left: 20px; + padding-right: 60px; + } +} +.cvs__item-text div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media (min-width: 768px) { + .cvs__item-text div { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.cvs__item-text span, +.cvs__item-text a { + color: #3a3b3c; +} +.cvs__item-button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .cvs__item-button { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + width: 100%; + padding-top: 20px; + } +} +.cvs.active .cvs__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.faqs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +.faqs__body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + width: 100%; +} +.faqs__item { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 8px; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + background: #ffffff; + padding: 10px; + font-size: 12px; +} +@media (min-width: 768px) { + .faqs__item { + padding: 20px; + font-size: 16px; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + } +} +.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) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.faqs__item-button { + background: none; + padding: 0; + border: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #3a3b3c; + text-align: left; + font-size: 14px; + font-weight: 700; +} +@media (min-width: 768px) { + .faqs__item-button { + font-size: 20px; + } +} +.faqs__item-button span { + width: calc(100% - 16px); + padding-right: 16px; +} +.faqs__item-button i { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 16px; + aspect-ratio: 1/1; + color: #377d87; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.faqs__item-button i svg { + width: 16px; + aspect-ratio: 1/1; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.faqs__item-button.active i { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.faqs__item-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + opacity: 0; + height: 0; + overflow: hidden; + font-size: 12px; + line-height: 1.4; +} +@media (min-width: 768px) { + .faqs__item-body { + font-size: 16px; + gap: 20px; + } +} +.faqs__item-body p { + margin: 0; +} +.active + .faqs__item-body { + opacity: 1; + height: auto; + -webkit-transition: 0.3s; + transition: 0.3s; + padding-top: 10px; +} +@media (min-width: 768px) { + .active + .faqs__item-body { + padding-top: 20px; + } +} +.faqs.active .faqs__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.cabinet { + padding: 20px 0; + padding-bottom: 40px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); +} +@media (min-width: 992px) { + .cabinet { + padding: 30px 0; + padding-bottom: 60px; + } +} +.cabinet__breadcrumbs { + margin-bottom: 50px; +} +.cabinet__wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 992px) { + .cabinet__wrapper { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +.cabinet__side { + border-radius: 8px; + background: #ffffff; + padding: 20px 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); +} +@media (min-width: 768px) { + .cabinet__side { + padding: 30px 20px; + margin-bottom: 50px; + } +} +@media (min-width: 992px) { + .cabinet__side { + width: 340px; + margin: 0; + position: sticky; + top: 6px; + } +} +@media (min-width: 1280px) { + .cabinet__side { + width: 400px; + } +} +.cabinet__side-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +.cabinet__side-toper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.cabinet__side-toper-pic { + width: 70px; + aspect-ratio: 1/1; + overflow: hidden; + border-radius: 8px; + color: #ffffff; + background: #9c9d9d; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; +} +.cabinet__side-toper-pic img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + position: absolute; + z-index: 2; + top: 0; + left: 0; + aspect-ratio: 1/1; + -o-object-fit: contain; + object-fit: contain; +} +.cabinet__side-toper-pic svg { + width: 50%; + aspect-ratio: 1/1; +} +.cabinet__side-toper b { + width: calc(100% - 70px); + font-size: 14px; + font-weight: 700; + padding-left: 16px; +} +@media (min-width: 768px) { + .cabinet__side-toper b { + font-size: 20px; + } +} +.cabinet__menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.cabinet__menu-toper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 16px; + padding-right: 12px; + border: none; + border-radius: 8px; + background: #377d87; + color: #ffffff; +} +@media (min-width: 768px) { + .cabinet__menu-toper { + padding: 0 20px; + } +} +@media (min-width: 992px) { + .cabinet__menu-toper { + display: none; + } +} +.cabinet__menu-toper-text { + width: calc(100% - 16px); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .cabinet__menu-toper-text { + width: calc(100% - 20px); + } +} +.cabinet__menu-toper-text i { + width: 16px; + height: 16px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (min-width: 768px) { + .cabinet__menu-toper-text i { + width: 22px; + height: 22px; + } +} +.cabinet__menu-toper-text svg { + width: 16px; + height: 16px; +} +@media (min-width: 768px) { + .cabinet__menu-toper-text svg { + width: 22px; + height: 22px; + } +} +.cabinet__menu-toper-text span { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 10px; + min-height: 30px; + font-size: 12px; + width: calc(100% - 16px); +} +@media (min-width: 768px) { + .cabinet__menu-toper-text span { + width: calc(100% - 22px); + font-size: 20px; + min-height: 52px; + padding: 0 16px; + } +} +.cabinet__menu-toper-arrow { + width: 16px; + height: 16px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: 0.3s; + transition: 0.3s; +} +@media (min-width: 768px) { + .cabinet__menu-toper-arrow { + width: 20px; + height: 20px; + } +} +.cabinet__menu-toper-arrow svg { + width: 12px; + height: 12px; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +@media (min-width: 768px) { + .cabinet__menu-toper-arrow svg { + width: 20px; + height: 20px; + } +} +.cabinet__menu-toper.active .cabinet__menu-toper-arrow { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.cabinet__menu-body { + opacity: 0; + height: 0; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +@media (min-width: 992px) { + .cabinet__menu-body { + opacity: 1; + height: auto; + } +} +.active + .cabinet__menu-body { + opacity: 1; + height: auto; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.cabinet__menu-items { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.cabinet__menu-item { + padding: 8px 16px; + border-radius: 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .cabinet__menu-item { + padding: 14px 20px; + } +} +.cabinet__menu-item:hover { + color: #377d87; +} +@media (min-width: 992px) { + .cabinet__menu-item.active { + background: #377d87; + color: #ffffff; + } +} +@media (min-width: 992px) { + .cabinet__menu-item.active svg { + color: #ffffff; + } +} +@media (min-width: 992px) { + .cabinet__menu-item.active.red { + background: #eb5757; + } +} +.cabinet__menu-item i { + width: 16px; + height: 16px; + color: #377d87; +} +@media (min-width: 768px) { + .cabinet__menu-item i { + width: 22px; + height: 22px; + } +} +.cabinet__menu-item svg { + width: 16px; + height: 16px; +} +@media (min-width: 768px) { + .cabinet__menu-item svg { + width: 22px; + height: 22px; + } +} +.cabinet__menu-item span { + width: calc(100% - 16px); + font-size: 12px; + padding-left: 10px; +} +@media (min-width: 768px) { + .cabinet__menu-item span { + font-size: 20px; + width: calc(100% - 22px); + padding-left: 16px; + } +} +.cabinet__menu-bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + margin-top: 10px; +} +@media (min-width: 768px) { + .cabinet__menu-bottom { + gap: 20px; + margin-top: 20px; + } +} +.cabinet__menu-copy { + color: #9c9d9d; + text-align: center; + font-size: 12px; +} +@media (min-width: 768px) { + .cabinet__menu-copy { + font-size: 16px; + } +} +.cabinet__body { + margin: 0 -10px; + margin-top: 50px; + background: #ffffff; + padding: 20px 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + color: #3a3b3c; +} +@media (min-width: 768px) { + .cabinet__body { + padding: 30px 20px; + margin: 0; + border-radius: 8px; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + } +} +@media (min-width: 992px) { + .cabinet__body { + width: calc(100% - 360px); + } +} +@media (min-width: 1280px) { + .cabinet__body { + width: calc(100% - 420px); + } +} +.cabinet__body-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +.cabinet__title { + font-size: 24px; +} +@media (min-width: 768px) { + .cabinet__title { + font-size: 32px; + } +} +@media (min-width: 992px) { + .cabinet__title { + font-size: 40px; + } +} +@media (min-width: 1280px) { + .cabinet__title { + font-size: 48px; + } +} +.cabinet__subtitle { + font-size: 22px; + margin: 0; + font-weight: 700; + color: #3a3b3c; +} +@media (min-width: 768px) { + .cabinet__subtitle { + font-size: 24px; + } +} +.cabinet__h4 { + font-size: 20px; + margin: 0; + font-weight: 700; + color: #3a3b3c; +} +@media (min-width: 768px) { + .cabinet__h4 { + font-size: 22px; + } +} +.cabinet__text { + margin: 0; + font-size: 14px; +} +@media (min-width: 768px) { + .cabinet__text { + font-size: 16px; + } +} +.cabinet__text b { + color: #3a3b3c; + font-size: 18px; +} +@media (min-width: 768px) { + .cabinet__text b { + font-size: 24px; + } +} +.cabinet__descr { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; +} +@media (min-width: 768px) { + .cabinet__descr { + gap: 12px; + } +} +.cabinet__avatar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +@media (min-width: 768px) { + .cabinet__avatar { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +.cabinet__avatar-pic { + width: 100px; + aspect-ratio: 1/1; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; + border-radius: 8px; + color: #ffffff; + background: #9c9d9d; +} +.cabinet__avatar-pic svg { + width: 50%; + aspect-ratio: 1/1; + z-index: 1; + position: relative; +} +.cabinet__avatar-form { + width: calc(100% - 100px); + padding-left: 15px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; +} +@media (min-width: 768px) { + .cabinet__avatar-form { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + padding-left: 30px; + gap: 12px; + } +} +@media (min-width: 768px) { + .cabinet__avatar-form .file { + min-width: 215px; + } +} +.cabinet__inputs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 1280px) { + .cabinet__inputs { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media (min-width: 1280px) { + .cabinet__inputs-item { + width: calc(50% - 10px); + } +} +@media (min-width: 1280px) { + .cabinet__inputs-item_fullwidth { + width: 100%; + } +} +@media (min-width: 1280px) { + .cabinet__inputs-item_min { + width: calc(15% - 10px); + } +} +@media (min-width: 1280px) { + .cabinet__inputs-item_max { + width: calc(85% - 10px); + } +} +@media (min-width: 768px) { + .cabinet__inputs-item .button { + width: 100%; + max-width: 215px; + padding: 0; + } +} +.cabinet__inputs-item .buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__inputs-item .buttons { + gap: 20px; + max-width: 470px; + } +} +@media (min-width: 992px) { + .cabinet__inputs-item .buttons { + max-width: none; + } +} +@media (min-width: 1280px) { + .cabinet__inputs-item .buttons { + max-width: 470px; + } +} +.cabinet__inputs-item .buttons .button { + max-width: none; +} +.cabinet__inputs > .button { + padding: 0; + width: 100%; + max-width: 140px; +} +@media (min-width: 768px) { + .cabinet__inputs > .button { + max-width: 190px; + } +} +.cabinet__add { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__add { + gap: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } +} +.cabinet__add-pic { + border-radius: 4px; + position: relative; + overflow: hidden; + background: #9c9d9d; + color: #ffffff; + width: 100px; + aspect-ratio: 1/1; + -webkit-transition: 0.3s; + transition: 0.3s; +} +@media (min-width: 768px) { + .cabinet__add-pic { + width: 220px; + border-radius: 8px; + } +} +.cabinet__add-pic:hover { + background: #3a3b3c; +} +.cabinet__add-pic input { + display: none; +} +.cabinet__add-pic > svg { + width: 20px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 1; +} +@media (min-width: 768px) { + .cabinet__add-pic > svg { + width: 50px; + } +} +.cabinet__add-pic span { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + gap: 4px; + font-weight: 700; + font-size: 8px; + line-height: 1; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin-top: 25px; +} +@media (min-width: 768px) { + .cabinet__add-pic span { + font-size: 16px; + margin-top: 60px; + } +} +.cabinet__add-pic span svg { + width: 7px; + aspect-ratio: 1/1; +} +@media (min-width: 768px) { + .cabinet__add-pic span svg { + width: 16px; + } +} +.cabinet__add-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__add-body { + gap: 20px; + width: calc(100% - 220px); + padding-left: 20px; + } +} +@media (min-width: 768px) { + .cabinet__add-body .button { + width: 215px; + padding: 0; + } +} +.cabinet__fleet { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .cabinet__fleet { + display: grid; + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 1280px) { + .cabinet__fleet { + grid-template-columns: repeat(3, 1fr); + } +} +@media (min-width: 768px) { + .cabinet__submit { + width: 215px; + padding: 0; + margin: 0 auto; + } +} +.cabinet__filters { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__filters { + gap: 20px; + } +} +@media (min-width: 1280px) { + .cabinet__filters { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +.cabinet__filters-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__filters-item { + gap: 20px; + } +} +@media (min-width: 1280px) { + .cabinet__filters-item { + width: calc(50% - 10px); + max-width: 410px; + } +} +.cabinet__filters-item .button, .cabinet__filters-item .select { + width: 100%; +} +@media (min-width: 1280px) { + .cabinet__filters-item .button, .cabinet__filters-item .select { + width: auto; + } +} +.cabinet__filters-item + .cabinet__filters-item { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +@media (min-width: 1280px) { + .cabinet__filters-item + .cabinet__filters-item { + max-width: 280px; + } +} +.cabinet__filters .search input { + padding-right: 135px; +} +.cabinet__filters .search button { + width: 115px; +} +.cabinet__filters-buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; + width: 100%; +} +@media (min-width: 768px) { + .cabinet__filters-buttons { + gap: 20px; + } +} +.cabinet__filters-buttons .button { + padding: 0; + gap: 5px; +} +.cabinet__filters-buttons .button.active { + background: #377d87; + color: #ffffff; +} +.cabinet__filters-buttons .button.active:before { + content: ""; + width: 6px; + height: 6px; + background: #ffffff; + border-radius: 999px; +} +.cabinet__table-header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-weight: 700; + margin-bottom: -10px; +} +.cabinet__table-header div { + font-size: 18px; +} +@media (min-width: 768px) { + .cabinet__table-header div { + font-size: 24px; + } +} +.cabinet__table-header span { + color: #3a3b3c; + font-size: 14px; +} +@media (min-width: 768px) { + .cabinet__table-header span { + font-size: 18px; + } +} +.cabinet__table-header span b { + color: #377d87; +} +.cabinet__tabs { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; +} +@media (min-width: 768px) { + .cabinet__tabs { + max-width: 420px; + } +} +.cabinet__tabs .button.active { + background: #377d87; + color: #ffffff; +} +.cabinet__bodies { + display: none; +} +.cabinet__bodies.showed { + display: block; +} +.cabinet__nots { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__nots { + gap: 20px; + } +} +.cabinet__nots .input { + width: 100%; +} +.cabinet__anketa { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__anketa { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +@media (min-width: 992px) { + .cabinet__anketa { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } +} +@media (min-width: 1280px) { + .cabinet__anketa { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +.cabinet__anketa-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__anketa-buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + } +} +.cabinet__stats { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; +} +@media (min-width: 768px) { + .cabinet__stats { + gap: 12px; + } +} +.cabinet__stats-title { + font-size: 14px; + font-weight: 700; + color: #3a3b3c; +} +@media (min-width: 768px) { + .cabinet__stats-title { + font-size: 24px; + } +} +.cabinet__stats-body { + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + border-radius: 8px; + padding: 10px; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + margin-bottom: 10px; +} +@media (min-width: 768px) { + .cabinet__stats-body { + padding: 10px 20px; + } +} +.cabinet__stats-item { + font-size: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 1; + gap: 6px; +} +@media (min-width: 768px) { + .cabinet__stats-item { + font-size: 20px; + gap: 10px; + } +} +.cabinet__stats-item svg { + width: 20px; + aspect-ratio: 1/1; + color: #377d87; +} +@media (min-width: 768px) { + .cabinet__stats-item svg { + width: 40px; + margin-right: 10px; + } +} +.cabinet__stats-item span { + font-weight: 700; + color: #3a3b3c; +} +.cabinet__stats-item b { + color: #377d87; + font-size: 14px; +} +@media (min-width: 768px) { + .cabinet__stats-item b { + font-size: 24px; + } +} +.cabinet__stats-subtitle { + font-size: 14px; + font-weight: 700; + color: #377d87; +} +@media (min-width: 768px) { + .cabinet__stats-subtitle { + font-size: 18px; + } +} +.cabinet__stats-line { + width: 100%; + position: relative; + overflow: hidden; + height: 8px; + border-radius: 999px; + background: #CECECE; +} +.cabinet__stats-line span { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #377d87; + border-radius: 999px; +} +.cabinet__stats-bottom { + color: #3a3b3c; + font-size: 12px; +} +@media (min-width: 768px) { + .cabinet__stats-bottom { + font-size: 16px; + } +} +.cabinet__works { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .cabinet__works { + gap: 30px; + } +} +.cabinet__works-item { + -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + padding: 10px; + border-radius: 4px; +} +@media (min-width: 768px) { + .cabinet__works-item { + padding: 20px; + border-radius: 8px; + } +} +.cabinet__works-spoiler { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cabinet__works-spoiler-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: calc(100% - 22px); +} +.cabinet__works-spoiler-right { + width: 22px; + height: 22px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: #377d87; + padding: 0; + background: none; + border: none; +} +.cabinet__works-spoiler-right svg { + width: 60%; + aspect-ratio: 1/1; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.cabinet__works-spoiler-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 60px; +} +@media (min-width: 768px) { + .cabinet__works-spoiler-buttons { + width: 74px; + } +} +.cabinet__works-spoiler-buttons .button { + width: 22px; + height: 22px; + padding: 0; +} +@media (min-width: 768px) { + .cabinet__works-spoiler-buttons .button { + width: 30px; + height: 30px; + } +} +.cabinet__works-spoiler-text { + width: calc(100% - 60px); + padding-left: 20px; + font-size: 17px; + font-weight: 700; + color: #3a3b3c; +} +@media (min-width: 768px) { + .cabinet__works-spoiler-text { + width: calc(100% - 74px); + font-size: 20px; + } +} +.cabinet__works-body { + opacity: 0; + height: 0; + overflow: hidden; +} +.active + .cabinet__works-body { + -webkit-transition: 0.3s; + transition: 0.3s; + opacity: 1; + height: auto; + padding-top: 20px; +} +.cabinet__works-add { + padding: 0; + width: 100%; + max-width: 160px; +} +@media (min-width: 768px) { + .cabinet__works-add { + max-width: 220px; + } +} +.cabinet__buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +@media (min-width: 768px) { + .cabinet__buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + } +} +.cabinet__buttons .button, .cabinet__buttons .file { + padding: 0; + width: 100%; + max-width: 140px; +} +@media (min-width: 768px) { + .cabinet__buttons .button, .cabinet__buttons .file { + max-width: none; + } +} +@media (min-width: 768px) { + .cabinet__buttons { + gap: 20px; + } +} +@media (min-width: 1280px) { + .cabinet__buttons { + max-width: 400px; + } +} +.cabinet__vacs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; +} +.cabinet__vacs-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + width: 100%; +} +@media (min-width: 768px) { + .cabinet__vacs-body { + gap: 30px; + } +} +.cabinet__vacs-item { + display: none; + background: #ffffff; + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); +} +.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.cabinet__vacs.active .cabinet__vacs-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} \ No newline at end of file diff --git a/public/images/star-empty.svg b/public/images/star-empty.svg new file mode 100644 index 0000000..b88033a --- /dev/null +++ b/public/images/star-empty.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/star-full.svg b/public/images/star-full.svg new file mode 100644 index 0000000..d068c67 --- /dev/null +++ b/public/images/star-full.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/js/jquery.cookie.js b/public/js/jquery.cookie.js deleted file mode 100644 index 6df1fac..0000000 --- a/public/js/jquery.cookie.js +++ /dev/null @@ -1,96 +0,0 @@ -/** - * Cookie plugin - * - * Copyright (c) 2006 Klaus Hartl (stilbuero.de) - * Dual licensed under the MIT and GPL licenses: - * http://www.opensource.org/licenses/mit-license.php - * http://www.gnu.org/licenses/gpl.html - * - */ - -/** - * Create a cookie with the given name and value and other optional parameters. - * - * @example $.cookie('the_cookie', 'the_value'); - * @desc Set the value of a cookie. - * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); - * @desc Create a cookie with all available options. - * @example $.cookie('the_cookie', 'the_value'); - * @desc Create a session cookie. - * @example $.cookie('the_cookie', null); - * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain - * used when the cookie was set. - * - * @param String name The name of the cookie. - * @param String value The value of the cookie. - * @param Object options An object literal containing key/value pairs to provide optional cookie attributes. - * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object. - * If a negative value is specified (e.g. a date in the past), the cookie will be deleted. - * If set to null or omitted, the cookie will be a session cookie and will not be retained - * when the the browser exits. - * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie). - * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie). - * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will - * require a secure protocol (like HTTPS). - * @type undefined - * - * @name $.cookie - * @cat Plugins/Cookie - * @author Klaus Hartl/klaus.hartl@stilbuero.de - */ - -/** - * Get the value of a cookie with the given name. - * - * @example $.cookie('the_cookie'); - * @desc Get the value of a cookie. - * - * @param String name The name of the cookie. - * @return The value of the cookie. - * @type String - * - * @name $.cookie - * @cat Plugins/Cookie - * @author Klaus Hartl/klaus.hartl@stilbuero.de - */ -jQuery.cookie = function(name, value, options) { - if (typeof value != 'undefined') { // name and value given, set cookie - options = options || {}; - if (value === null) { - value = ''; - options.expires = -1; - } - var expires = ''; - if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { - var date; - if (typeof options.expires == 'number') { - date = new Date(); - date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); - } else { - date = options.expires; - } - expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE - } - // CAUTION: Needed to parenthesize options.path and options.domain - // in the following expressions, otherwise they evaluate to undefined - // in the packed version for some reason... - var path = options.path ? '; path=' + (options.path) : ''; - var domain = options.domain ? '; domain=' + (options.domain) : ''; - var secure = options.secure ? '; secure' : ''; - document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); - } else { // only name given, get cookie - var cookieValue = null; - if (document.cookie && document.cookie != '') { - var cookies = document.cookie.split(';'); - for (var i = 0; i < cookies.length; i++) { - var cookie = jQuery.trim(cookies[i]); - // Does this cookie string begin with the name we want? - if (cookie.substring(0, name.length + 1) == (name + '=')) { - cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); - break; - } - } - } - return cookieValue; - } -}; \ No newline at end of file diff --git a/public/js/script.js b/public/js/script.js index a7b31a0..d7bd7b9 100644 --- a/public/js/script.js +++ b/public/js/script.js @@ -10,7 +10,7 @@ let scripts = function () { $(this).parent().remove(); }); $('.js-menu-toggle').on('click', function () { - window.scrollTo(0,0); + window.scrollTo(0, 0); $('#body').toggleClass('menu-is-actived'); }); $('.js-cookies-close').on('click', function () { @@ -22,23 +22,23 @@ let scripts = function () { $('.js-works-remove').on('click', function () { $(this).parent().parent().parent().parent().remove(); }); - - $('[data-tab]').on('click',function(){ + + $('[data-tab]').on('click', function () { $('[data-tab]').removeClass('active'); $('[data-body]').removeClass('showed'); $(this).addClass('active'); var id = $(this).data('tab'); - $('[data-body='+id+']').addClass('showed'); + $('[data-body=' + id + ']').addClass('showed'); }); - $('.js-password-show').on('click',function(){ + $('.js-password-show').on('click', function () { $(this).parent().addClass('active'); - $(this).parent().parent().find('input').attr('type','text'); + $(this).parent().parent().find('input').attr('type', 'text'); }); - - $('.js-password-hide').on('click',function(){ + + $('.js-password-hide').on('click', function () { $(this).parent().removeClass('active'); - $(this).parent().parent().find('input').attr('type','password'); + $(this).parent().parent().find('input').attr('type', 'password'); }); let checkScrollTop = function () { @@ -74,14 +74,21 @@ let scripts = function () { e.preventDefault(); }); - if ($('[type=tel]').is('[type=tel]')){ + if ($('[type=tel]').is('[type=tel]')) { $('[type=tel]').mask('+7 (999) 999-99-99'); } - - if ($('.js-select2').is('.js-select2')){ + + if ($('.js-select2').is('.js-select2')) { $('.js-select2').select2(); } + const starRating = document.querySelectorAll(".js-stars"); + if (starRating.length) { + starRating.forEach(item => { + new StarRating(item); + }); + } + }; let swipers = function () { diff --git a/public/js/star-rating.min.js b/public/js/star-rating.min.js new file mode 100644 index 0000000..2934094 --- /dev/null +++ b/public/js/star-rating.min.js @@ -0,0 +1 @@ +var StarRating=function(){"use strict";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var i=0;i0&&t.push({index:e.index,text:e.text,value:i})})),t.sort((function(e,t){return e.value-t.value}))}(i),this.widgetEl=null,this.el.widget&&this.el.widget.destroy(),n=this.values.length,a=1,l=this.props.maxStars,/^\d+$/.test(n)&&a<=n&&n<=l?this.build():this.destroy()}return i(t,[{key:"build",value:function(){this.destroy(),this.buildWidget(),this.selectValue(this.indexSelected=this.selected(),!1),this.handleEvents("add"),this.el.widget=this}},{key:"buildWidget",value:function(){var e,t,i=this;this.props.prebuilt?(e=this.el.parentNode,t=e.querySelector("."+this.props.classNames.base+"--stars")):((e=l(this.el,!1,{class:this.props.classNames.base})).appendChild(this.el),t=l(this.el,!0,{class:this.props.classNames.base+"--stars"}),this.values.forEach((function(e,s){var n=a({"data-index":s,"data-value":e.value});"function"==typeof i.props.stars&&i.props.stars.call(i,n,e,s),[].forEach.call(n.children,(function(e){return e.style.pointerEvents="none"})),t.innerHTML+=n.outerHTML}))),e.dataset.starRating="",e.classList.add(this.props.classNames.base+"--"+this.direction),this.props.tooltip&&t.setAttribute("role","tooltip"),this.widgetEl=t}},{key:"changeIndexTo",value:function(e,t){var i=this;if(this.indexActive!==e||t){if([].forEach.call(this.widgetEl.children,(function(t,s){n(t,s<=e,i.props.classNames.active),n(t,s===i.indexSelected,i.props.classNames.selected)})),this.widgetEl.setAttribute("data-rating",e+1),"function"==typeof this.props.stars||this.props.prebuilt||(this.widgetEl.classList.remove("s"+10*(this.indexActive+1)),this.widgetEl.classList.add("s"+10*(e+1))),this.props.tooltip){var s,a=e<0?this.props.tooltip:null===(s=this.values[e])||void 0===s?void 0:s.text;this.widgetEl.setAttribute("aria-label",a)}this.indexActive=e}this.ticking=!1}},{key:"destroy",value:function(){this.indexActive=null,this.indexSelected=this.selected();var e=this.el.parentNode;e.classList.contains(this.props.classNames.base)&&(this.props.prebuilt?(this.widgetEl=e.querySelector("."+this.props.classNames.base+"--stars"),e.classList.remove(this.props.classNames.base+"--"+this.direction),delete e.dataset.starRating):e.parentNode.replaceChild(this.el,e),this.handleEvents("remove")),delete this.el.widget}},{key:"eventListener",value:function(e,t,i,s){var n=this;i.forEach((function(i){return e[t+"EventListener"](i,n.events[i],s||!1)}))}},{key:"handleEvents",value:function(e){var t=this.el.closest("form");t&&"FORM"===t.tagName&&this.eventListener(t,e,["reset"]),this.eventListener(this.el,e,["change"]),"add"===e&&this.el.disabled||(this.eventListener(this.el,e,["keydown"]),this.eventListener(this.widgetEl,e,["mousedown","mouseleave","mousemove","touchend","touchmove"],!1))}},{key:"indexFromEvent",value:function(e){var t,i,s=(null===(t=e.touches)||void 0===t?void 0:t[0])||(null===(i=e.changedTouches)||void 0===i?void 0:i[0])||e,n=document.elementFromPoint(s.clientX,s.clientY);return n.parentNode===this.widgetEl?[].slice.call(n.parentNode.children).indexOf(n):this.indexActive}},{key:"onChange",value:function(){this.changeIndexTo(this.selected(),!0)}},{key:"onKeyDown",value:function(e){var t=e.key.slice(5);if(~["Left","Right"].indexOf(t)){e.preventDefault();var i="Left"===t?-1:1;"rtl"===this.direction&&(i*=-1);var s=this.values.length-1,n=Math.min(Math.max(this.selected()+i,-1),s);this.selectValue(n,!0)}}},{key:"onPointerDown",value:function(e){e.preventDefault();var t=this.indexFromEvent(e);this.props.clearable&&t===this.indexSelected&&(t=-1),this.selectValue(t,!0)}},{key:"onPointerLeave",value:function(e){var t=this;e.preventDefault(),cancelAnimationFrame(this.tick),requestAnimationFrame((function(){return t.changeIndexTo(t.indexSelected)}))}},{key:"onPointerMove",value:function(e){var t=this;e.preventDefault(),this.ticking||(this.tick=requestAnimationFrame((function(){return t.changeIndexTo(t.indexFromEvent(e))})),this.ticking=!0)}},{key:"onReset",value:function(){var e,t=this.valueIndex(null===(e=this.el.querySelector("[selected]"))||void 0===e?void 0:e.value);this.selectValue(t||-1,!1)}},{key:"selected",value:function(){return this.valueIndex(this.el.value)}},{key:"selectValue",value:function(e,t){var i;this.el.value=(null===(i=this.values[e])||void 0===i?void 0:i.value)||"",this.indexSelected=this.selected(),!1===t?this.changeIndexTo(this.selected(),!0):this.el.dispatchEvent(new Event("change"))}},{key:"valueIndex",value:function(e){return this.values.findIndex((function(t){return t.value===+e}))}}]),t}();return function(){function t(i,s){e(this,t),this.destroy=this.destroy.bind(this),this.props=s,this.rebuild=this.rebuild.bind(this),this.selector=i,this.widgets=[],this.build()}return i(t,[{key:"build",value:function(){var e=this;this.queryElements(this.selector).forEach((function(t){var i=r(s,e.props,JSON.parse(t.getAttribute("data-options")));"SELECT"!==t.tagName||t.widget||(!i.prebuilt&&t.parentNode.classList.contains(i.classNames.base)&&e.unwrap(t),e.widgets.push(new u(t,i)))}))}},{key:"destroy",value:function(){this.widgets.forEach((function(e){return e.destroy()})),this.widgets=[]}},{key:"queryElements",value:function(e){return"HTMLSelectElement"===o(e)?[e]:"NodeList"===o(e)?[].slice.call(e):"String"===o(e)?[].slice.call(document.querySelectorAll(e)):[]}},{key:"rebuild",value:function(){this.destroy(),this.build()}},{key:"unwrap",value:function(e){var t=e.parentNode,i=t.parentNode;i.insertBefore(e,t),i.removeChild(t)}}]),t}()}(); \ No newline at end of file diff --git a/public/js_/jquery.cookie.js b/public/js_/jquery.cookie.js new file mode 100644 index 0000000..6df1fac --- /dev/null +++ b/public/js_/jquery.cookie.js @@ -0,0 +1,96 @@ +/** + * Cookie plugin + * + * Copyright (c) 2006 Klaus Hartl (stilbuero.de) + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + */ + +/** + * Create a cookie with the given name and value and other optional parameters. + * + * @example $.cookie('the_cookie', 'the_value'); + * @desc Set the value of a cookie. + * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); + * @desc Create a cookie with all available options. + * @example $.cookie('the_cookie', 'the_value'); + * @desc Create a session cookie. + * @example $.cookie('the_cookie', null); + * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain + * used when the cookie was set. + * + * @param String name The name of the cookie. + * @param String value The value of the cookie. + * @param Object options An object literal containing key/value pairs to provide optional cookie attributes. + * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object. + * If a negative value is specified (e.g. a date in the past), the cookie will be deleted. + * If set to null or omitted, the cookie will be a session cookie and will not be retained + * when the the browser exits. + * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie). + * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie). + * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will + * require a secure protocol (like HTTPS). + * @type undefined + * + * @name $.cookie + * @cat Plugins/Cookie + * @author Klaus Hartl/klaus.hartl@stilbuero.de + */ + +/** + * Get the value of a cookie with the given name. + * + * @example $.cookie('the_cookie'); + * @desc Get the value of a cookie. + * + * @param String name The name of the cookie. + * @return The value of the cookie. + * @type String + * + * @name $.cookie + * @cat Plugins/Cookie + * @author Klaus Hartl/klaus.hartl@stilbuero.de + */ +jQuery.cookie = function(name, value, options) { + if (typeof value != 'undefined') { // name and value given, set cookie + options = options || {}; + if (value === null) { + value = ''; + options.expires = -1; + } + var expires = ''; + if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { + var date; + if (typeof options.expires == 'number') { + date = new Date(); + date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); + } else { + date = options.expires; + } + expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE + } + // CAUTION: Needed to parenthesize options.path and options.domain + // in the following expressions, otherwise they evaluate to undefined + // in the packed version for some reason... + var path = options.path ? '; path=' + (options.path) : ''; + var domain = options.domain ? '; domain=' + (options.domain) : ''; + var secure = options.secure ? '; secure' : ''; + document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); + } else { // only name given, get cookie + var cookieValue = null; + if (document.cookie && document.cookie != '') { + var cookies = document.cookie.split(';'); + for (var i = 0; i < cookies.length; i++) { + var cookie = jQuery.trim(cookies[i]); + // Does this cookie string begin with the name we want? + if (cookie.substring(0, name.length + 1) == (name + '=')) { + cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); + break; + } + } + } + return cookieValue; + } +}; \ No newline at end of file diff --git a/public/js_/jquery.fancybox.js b/public/js_/jquery.fancybox.js new file mode 100644 index 0000000..c41326e --- /dev/null +++ b/public/js_/jquery.fancybox.js @@ -0,0 +1,3 @@ +!function(t,e,n,o){"use strict";function i(t,e){var o,i,a,s=[],r=0;t&&t.isDefaultPrevented()||(t.preventDefault(),e=e||{},t&&t.data&&(e=h(t.data.options,e)),o=e.$target||n(t.currentTarget).trigger("blur"),(a=n.fancybox.getInstance())&&a.$trigger&&a.$trigger.is(o)||(e.selector?s=n(e.selector):(i=o.attr("data-fancybox")||"",i?(s=t.data?t.data.items:[],s=s.length?s.filter('[data-fancybox="'+i+'"]'):n('[data-fancybox="'+i+'"]')):s=[o]),r=n(s).index(o),r<0&&(r=0),a=n.fancybox.open(s,e,r),a.$trigger=o))}if(t.console=t.console||{info:function(t){}},n){if(n.fn.fancybox)return void console.info("fancyBox already initialized");var a={closeExisting:!1,loop:!1,gutter:50,keyboard:!0,preventCaptionOverlap:!0,arrows:!0,infobar:!0,smallBtn:"auto",toolbar:"auto",buttons:["zoom","slideShow","thumbs","close"],idleTime:3,protect:!1,modal:!1,image:{preload:!1},ajax:{settings:{data:{fancybox:!0}}},iframe:{tpl:'',preload:!0,css:{},attr:{scrolling:"auto"}},video:{tpl:'',format:"",autoStart:!0},defaultType:"image",animationEffect:"zoom",animationDuration:366,zoomOpacity:"auto",transitionEffect:"fade",transitionDuration:366,slideClass:"",baseClass:"",baseTpl:'',spinnerTpl:'
',errorTpl:'

{{ERROR}}

',btnTpl:{download:'',zoom:'',close:'',arrowLeft:'',arrowRight:'',smallBtn:''},parentEl:"body",hideScrollbar:!0,autoFocus:!0,backFocus:!0,trapFocus:!0,fullScreen:{autoStart:!1},touch:{vertical:!0,momentum:!0},hash:null,media:{},slideShow:{autoStart:!1,speed:3e3},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"},wheel:"auto",onInit:n.noop,beforeLoad:n.noop,afterLoad:n.noop,beforeShow:n.noop,afterShow:n.noop,beforeClose:n.noop,afterClose:n.noop,onActivate:n.noop,onDeactivate:n.noop,clickContent:function(t,e){return"image"===t.type&&"zoom"},clickSlide:"close",clickOutside:"close",dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1,mobile:{preventCaptionOverlap:!1,idleTime:!1,clickContent:function(t,e){return"image"===t.type&&"toggleControls"},clickSlide:function(t,e){return"image"===t.type?"toggleControls":"close"},dblclickContent:function(t,e){return"image"===t.type&&"zoom"},dblclickSlide:function(t,e){return"image"===t.type&&"zoom"}},lang:"en",i18n:{en:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",ERROR:"The requested content cannot be loaded.
Please try again later.",PLAY_START:"Start slideshow",PLAY_STOP:"Pause slideshow",FULL_SCREEN:"Full screen",THUMBS:"Thumbnails",DOWNLOAD:"Download",SHARE:"Share",ZOOM:"Zoom"},de:{CLOSE:"Schließen",NEXT:"Weiter",PREV:"Zurück",ERROR:"Die angeforderten Daten konnten nicht geladen werden.
Bitte versuchen Sie es später nochmal.",PLAY_START:"Diaschau starten",PLAY_STOP:"Diaschau beenden",FULL_SCREEN:"Vollbild",THUMBS:"Vorschaubilder",DOWNLOAD:"Herunterladen",SHARE:"Teilen",ZOOM:"Vergrößern"}}},s=n(t),r=n(e),c=0,l=function(t){return t&&t.hasOwnProperty&&t instanceof n},d=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),u=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),f=function(){var t,n=e.createElement("fakeelement"),o={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in o)if(void 0!==n.style[t])return o[t];return"transitionend"}(),p=function(t){return t&&t.length&&t[0].offsetHeight},h=function(t,e){var o=n.extend(!0,{},t,e);return n.each(e,function(t,e){n.isArray(e)&&(o[t]=e)}),o},g=function(t){var o,i;return!(!t||t.ownerDocument!==e)&&(n(".fancybox-container").css("pointer-events","none"),o={x:t.getBoundingClientRect().left+t.offsetWidth/2,y:t.getBoundingClientRect().top+t.offsetHeight/2},i=e.elementFromPoint(o.x,o.y)===t,n(".fancybox-container").css("pointer-events",""),i)},b=function(t,e,o){var i=this;i.opts=h({index:o},n.fancybox.defaults),n.isPlainObject(e)&&(i.opts=h(i.opts,e)),n.fancybox.isMobile&&(i.opts=h(i.opts,i.opts.mobile)),i.id=i.opts.id||++c,i.currIndex=parseInt(i.opts.index,10)||0,i.prevIndex=null,i.prevPos=null,i.currPos=0,i.firstRun=!0,i.group=[],i.slides={},i.addContent(t),i.group.length&&i.init()};n.extend(b.prototype,{init:function(){var o,i,a=this,s=a.group[a.currIndex],r=s.opts;r.closeExisting&&n.fancybox.close(!0),n("body").addClass("fancybox-active"),!n.fancybox.getInstance()&&!1!==r.hideScrollbar&&!n.fancybox.isMobile&&e.body.scrollHeight>t.innerHeight&&(n("head").append('"),n("body").addClass("compensate-for-scrollbar")),i="",n.each(r.buttons,function(t,e){i+=r.btnTpl[e]||""}),o=n(a.translate(a,r.baseTpl.replace("{{buttons}}",i).replace("{{arrows}}",r.btnTpl.arrowLeft+r.btnTpl.arrowRight))).attr("id","fancybox-container-"+a.id).addClass(r.baseClass).data("FancyBox",a).appendTo(r.parentEl),a.$refs={container:o},["bg","inner","infobar","toolbar","stage","caption","navigation"].forEach(function(t){a.$refs[t]=o.find(".fancybox-"+t)}),a.trigger("onInit"),a.activate(),a.jumpTo(a.currIndex)},translate:function(t,e){var n=t.opts.i18n[t.opts.lang]||t.opts.i18n.en;return e.replace(/\{\{(\w+)\}\}/g,function(t,e){return void 0===n[e]?t:n[e]})},addContent:function(t){var e,o=this,i=n.makeArray(t);n.each(i,function(t,e){var i,a,s,r,c,l={},d={};n.isPlainObject(e)?(l=e,d=e.opts||e):"object"===n.type(e)&&n(e).length?(i=n(e),d=i.data()||{},d=n.extend(!0,{},d,d.options),d.$orig=i,l.src=o.opts.src||d.src||i.attr("href"),l.type||l.src||(l.type="inline",l.src=e)):l={type:"html",src:e+""},l.opts=n.extend(!0,{},o.opts,d),n.isArray(d.buttons)&&(l.opts.buttons=d.buttons),n.fancybox.isMobile&&l.opts.mobile&&(l.opts=h(l.opts,l.opts.mobile)),a=l.type||l.opts.type,r=l.src||"",!a&&r&&((s=r.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(a="video",l.opts.video.format||(l.opts.video.format="video/"+("ogv"===s[1]?"ogg":s[1]))):r.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?a="image":r.match(/\.(pdf)((\?|#).*)?$/i)?(a="iframe",l=n.extend(!0,l,{contentType:"pdf",opts:{iframe:{preload:!1}}})):"#"===r.charAt(0)&&(a="inline")),a?l.type=a:o.trigger("objectNeedsType",l),l.contentType||(l.contentType=n.inArray(l.type,["html","inline","ajax"])>-1?"html":l.type),l.index=o.group.length,"auto"==l.opts.smallBtn&&(l.opts.smallBtn=n.inArray(l.type,["html","inline","ajax"])>-1),"auto"===l.opts.toolbar&&(l.opts.toolbar=!l.opts.smallBtn),l.$thumb=l.opts.$thumb||null,l.opts.$trigger&&l.index===o.opts.index&&(l.$thumb=l.opts.$trigger.find("img:first"),l.$thumb.length&&(l.opts.$orig=l.opts.$trigger)),l.$thumb&&l.$thumb.length||!l.opts.$orig||(l.$thumb=l.opts.$orig.find("img:first")),l.$thumb&&!l.$thumb.length&&(l.$thumb=null),l.thumb=l.opts.thumb||(l.$thumb?l.$thumb[0].src:null),"function"===n.type(l.opts.caption)&&(l.opts.caption=l.opts.caption.apply(e,[o,l])),"function"===n.type(o.opts.caption)&&(l.opts.caption=o.opts.caption.apply(e,[o,l])),l.opts.caption instanceof n||(l.opts.caption=void 0===l.opts.caption?"":l.opts.caption+""),"ajax"===l.type&&(c=r.split(/\s+/,2),c.length>1&&(l.src=c.shift(),l.opts.filter=c.shift())),l.opts.modal&&(l.opts=n.extend(!0,l.opts,{trapFocus:!0,infobar:0,toolbar:0,smallBtn:0,keyboard:0,slideShow:0,fullScreen:0,thumbs:0,touch:0,clickContent:!1,clickSlide:!1,clickOutside:!1,dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1})),o.group.push(l)}),Object.keys(o.slides).length&&(o.updateControls(),(e=o.Thumbs)&&e.isActive&&(e.create(),e.focus()))},addEvents:function(){var e=this;e.removeEvents(),e.$refs.container.on("click.fb-close","[data-fancybox-close]",function(t){t.stopPropagation(),t.preventDefault(),e.close(t)}).on("touchstart.fb-prev click.fb-prev","[data-fancybox-prev]",function(t){t.stopPropagation(),t.preventDefault(),e.previous()}).on("touchstart.fb-next click.fb-next","[data-fancybox-next]",function(t){t.stopPropagation(),t.preventDefault(),e.next()}).on("click.fb","[data-fancybox-zoom]",function(t){e[e.isScaledDown()?"scaleToActual":"scaleToFit"]()}),s.on("orientationchange.fb resize.fb",function(t){t&&t.originalEvent&&"resize"===t.originalEvent.type?(e.requestId&&u(e.requestId),e.requestId=d(function(){e.update(t)})):(e.current&&"iframe"===e.current.type&&e.$refs.stage.hide(),setTimeout(function(){e.$refs.stage.show(),e.update(t)},n.fancybox.isMobile?600:250))}),r.on("keydown.fb",function(t){var o=n.fancybox?n.fancybox.getInstance():null,i=o.current,a=t.keyCode||t.which;if(9==a)return void(i.opts.trapFocus&&e.focus(t));if(!(!i.opts.keyboard||t.ctrlKey||t.altKey||t.shiftKey||n(t.target).is("input,textarea,video,audio,select")))return 8===a||27===a?(t.preventDefault(),void e.close(t)):37===a||38===a?(t.preventDefault(),void e.previous()):39===a||40===a?(t.preventDefault(),void e.next()):void e.trigger("afterKeydown",t,a)}),e.group[e.currIndex].opts.idleTime&&(e.idleSecondsCounter=0,r.on("mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle",function(t){e.idleSecondsCounter=0,e.isIdle&&e.showControls(),e.isIdle=!1}),e.idleInterval=t.setInterval(function(){++e.idleSecondsCounter>=e.group[e.currIndex].opts.idleTime&&!e.isDragging&&(e.isIdle=!0,e.idleSecondsCounter=0,e.hideControls())},1e3))},removeEvents:function(){var e=this;s.off("orientationchange.fb resize.fb"),r.off("keydown.fb .fb-idle"),this.$refs.container.off(".fb-close .fb-prev .fb-next"),e.idleInterval&&(t.clearInterval(e.idleInterval),e.idleInterval=null)},previous:function(t){return this.jumpTo(this.currPos-1,t)},next:function(t){return this.jumpTo(this.currPos+1,t)},jumpTo:function(t,e){var o,i,a,s,r,c,l,d,u,f=this,h=f.group.length;if(!(f.isDragging||f.isClosing||f.isAnimating&&f.firstRun)){if(t=parseInt(t,10),!(a=f.current?f.current.opts.loop:f.opts.loop)&&(t<0||t>=h))return!1;if(o=f.firstRun=!Object.keys(f.slides).length,r=f.current,f.prevIndex=f.currIndex,f.prevPos=f.currPos,s=f.createSlide(t),h>1&&((a||s.index0)&&f.createSlide(t-1)),f.current=s,f.currIndex=s.index,f.currPos=s.pos,f.trigger("beforeShow",o),f.updateControls(),s.forcedDuration=void 0,n.isNumeric(e)?s.forcedDuration=e:e=s.opts[o?"animationDuration":"transitionDuration"],e=parseInt(e,10),i=f.isMoved(s),s.$slide.addClass("fancybox-slide--current"),o)return s.opts.animationEffect&&e&&f.$refs.container.css("transition-duration",e+"ms"),f.$refs.container.addClass("fancybox-is-open").trigger("focus"),f.loadSlide(s),void f.preload("image");c=n.fancybox.getTranslate(r.$slide),l=n.fancybox.getTranslate(f.$refs.stage),n.each(f.slides,function(t,e){n.fancybox.stop(e.$slide,!0)}),r.pos!==s.pos&&(r.isComplete=!1),r.$slide.removeClass("fancybox-slide--complete fancybox-slide--current"),i?(u=c.left-(r.pos*c.width+r.pos*r.opts.gutter),n.each(f.slides,function(t,o){o.$slide.removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")});var i=o.pos*c.width+o.pos*o.opts.gutter;n.fancybox.setTranslate(o.$slide,{top:0,left:i-l.left+u}),o.pos!==s.pos&&o.$slide.addClass("fancybox-slide--"+(o.pos>s.pos?"next":"previous")),p(o.$slide),n.fancybox.animate(o.$slide,{top:0,left:(o.pos-s.pos)*c.width+(o.pos-s.pos)*o.opts.gutter},e,function(){o.$slide.css({transform:"",opacity:""}).removeClass("fancybox-slide--next fancybox-slide--previous"),o.pos===f.currPos&&f.complete()})})):e&&s.opts.transitionEffect&&(d="fancybox-animated fancybox-fx-"+s.opts.transitionEffect,r.$slide.addClass("fancybox-slide--"+(r.pos>s.pos?"next":"previous")),n.fancybox.animate(r.$slide,d,e,function(){r.$slide.removeClass(d).removeClass("fancybox-slide--next fancybox-slide--previous")},!1)),s.isLoaded?f.revealContent(s):f.loadSlide(s),f.preload("image")}},createSlide:function(t){var e,o,i=this;return o=t%i.group.length,o=o<0?i.group.length+o:o,!i.slides[t]&&i.group[o]&&(e=n('
').appendTo(i.$refs.stage),i.slides[t]=n.extend(!0,{},i.group[o],{pos:t,$slide:e,isLoaded:!1}),i.updateSlide(i.slides[t])),i.slides[t]},scaleToActual:function(t,e,o){var i,a,s,r,c,l=this,d=l.current,u=d.$content,f=n.fancybox.getTranslate(d.$slide).width,p=n.fancybox.getTranslate(d.$slide).height,h=d.width,g=d.height;l.isAnimating||l.isMoved()||!u||"image"!=d.type||!d.isLoaded||d.hasError||(l.isAnimating=!0,n.fancybox.stop(u),t=void 0===t?.5*f:t,e=void 0===e?.5*p:e,i=n.fancybox.getTranslate(u),i.top-=n.fancybox.getTranslate(d.$slide).top,i.left-=n.fancybox.getTranslate(d.$slide).left,r=h/i.width,c=g/i.height,a=.5*f-.5*h,s=.5*p-.5*g,h>f&&(a=i.left*r-(t*r-t),a>0&&(a=0),ap&&(s=i.top*c-(e*c-e),s>0&&(s=0),se-.5&&(l=e),d>o-.5&&(d=o),"image"===t.type?(u.top=Math.floor(.5*(o-d))+parseFloat(c.css("paddingTop")),u.left=Math.floor(.5*(e-l))+parseFloat(c.css("paddingLeft"))):"video"===t.contentType&&(a=t.opts.width&&t.opts.height?l/d:t.opts.ratio||16/9,d>l/a?d=l/a:l>d*a&&(l=d*a)),u.width=l,u.height=d,u)},update:function(t){var e=this;n.each(e.slides,function(n,o){e.updateSlide(o,t)})},updateSlide:function(t,e){var o=this,i=t&&t.$content,a=t.width||t.opts.width,s=t.height||t.opts.height,r=t.$slide;o.adjustCaption(t),i&&(a||s||"video"===t.contentType)&&!t.hasError&&(n.fancybox.stop(i),n.fancybox.setTranslate(i,o.getFitPos(t)),t.pos===o.currPos&&(o.isAnimating=!1,o.updateCursor())),o.adjustLayout(t),r.length&&(r.trigger("refresh"),t.pos===o.currPos&&o.$refs.toolbar.add(o.$refs.navigation.find(".fancybox-button--arrow_right")).toggleClass("compensate-for-scrollbar",r.get(0).scrollHeight>r.get(0).clientHeight)),o.trigger("onUpdate",t,e)},centerSlide:function(t){var e=this,o=e.current,i=o.$slide;!e.isClosing&&o&&(i.siblings().css({transform:"",opacity:""}),i.parent().children().removeClass("fancybox-slide--previous fancybox-slide--next"),n.fancybox.animate(i,{top:0,left:0,opacity:1},void 0===t?0:t,function(){i.css({transform:"",opacity:""}),o.isComplete||e.complete()},!1))},isMoved:function(t){var e,o,i=t||this.current;return!!i&&(o=n.fancybox.getTranslate(this.$refs.stage),e=n.fancybox.getTranslate(i.$slide),!i.$slide.hasClass("fancybox-animated")&&(Math.abs(e.top-o.top)>.5||Math.abs(e.left-o.left)>.5))},updateCursor:function(t,e){var o,i,a=this,s=a.current,r=a.$refs.container;s&&!a.isClosing&&a.Guestures&&(r.removeClass("fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-zoomOut fancybox-can-swipe fancybox-can-pan"),o=a.canPan(t,e),i=!!o||a.isZoomable(),r.toggleClass("fancybox-is-zoomable",i),n("[data-fancybox-zoom]").prop("disabled",!i),o?r.addClass("fancybox-can-pan"):i&&("zoom"===s.opts.clickContent||n.isFunction(s.opts.clickContent)&&"zoom"==s.opts.clickContent(s))?r.addClass("fancybox-can-zoomIn"):s.opts.touch&&(s.opts.touch.vertical||a.group.length>1)&&"video"!==s.contentType&&r.addClass("fancybox-can-swipe"))},isZoomable:function(){var t,e=this,n=e.current;if(n&&!e.isClosing&&"image"===n.type&&!n.hasError){if(!n.isLoaded)return!0;if((t=e.getFitPos(n))&&(n.width>t.width||n.height>t.height))return!0}return!1},isScaledDown:function(t,e){var o=this,i=!1,a=o.current,s=a.$content;return void 0!==t&&void 0!==e?i=t1.5||Math.abs(a.height-s.height)>1.5)),s},loadSlide:function(t){var e,o,i,a=this;if(!t.isLoading&&!t.isLoaded){if(t.isLoading=!0,!1===a.trigger("beforeLoad",t))return t.isLoading=!1,!1;switch(e=t.type,o=t.$slide,o.off("refresh").trigger("onReset").addClass(t.opts.slideClass),e){case"image":a.setImage(t);break;case"iframe":a.setIframe(t);break;case"html":a.setContent(t,t.src||t.content);break;case"video":a.setContent(t,t.opts.video.tpl.replace(/\{\{src\}\}/gi,t.src).replace("{{format}}",t.opts.videoFormat||t.opts.video.format||"").replace("{{poster}}",t.thumb||""));break;case"inline":n(t.src).length?a.setContent(t,n(t.src)):a.setError(t);break;case"ajax":a.showLoading(t),i=n.ajax(n.extend({},t.opts.ajax.settings,{url:t.src,success:function(e,n){"success"===n&&a.setContent(t,e)},error:function(e,n){e&&"abort"!==n&&a.setError(t)}})),o.one("onReset",function(){i.abort()});break;default:a.setError(t)}return!0}},setImage:function(t){var o,i=this;setTimeout(function(){var e=t.$image;i.isClosing||!t.isLoading||e&&e.length&&e[0].complete||t.hasError||i.showLoading(t)},50),i.checkSrcset(t),t.$content=n('
').addClass("fancybox-is-hidden").appendTo(t.$slide.addClass("fancybox-slide--image")),!1!==t.opts.preload&&t.opts.width&&t.opts.height&&t.thumb&&(t.width=t.opts.width,t.height=t.opts.height,o=e.createElement("img"),o.onerror=function(){n(this).remove(),t.$ghost=null},o.onload=function(){i.afterLoad(t)},t.$ghost=n(o).addClass("fancybox-image").appendTo(t.$content).attr("src",t.thumb)),i.setBigImage(t)},checkSrcset:function(e){var n,o,i,a,s=e.opts.srcset||e.opts.image.srcset;if(s){i=t.devicePixelRatio||1,a=t.innerWidth*i,o=s.split(",").map(function(t){var e={};return t.trim().split(/\s+/).forEach(function(t,n){var o=parseInt(t.substring(0,t.length-1),10);if(0===n)return e.url=t;o&&(e.value=o,e.postfix=t[t.length-1])}),e}),o.sort(function(t,e){return t.value-e.value});for(var r=0;r=a||"x"===c.postfix&&c.value>=i){n=c;break}}!n&&o.length&&(n=o[o.length-1]),n&&(e.src=n.url,e.width&&e.height&&"w"==n.postfix&&(e.height=e.width/e.height*n.value,e.width=n.value),e.opts.srcset=s)}},setBigImage:function(t){var o=this,i=e.createElement("img"),a=n(i);t.$image=a.one("error",function(){o.setError(t)}).one("load",function(){var e;t.$ghost||(o.resolveImageSlideSize(t,this.naturalWidth,this.naturalHeight),o.afterLoad(t)),o.isClosing||(t.opts.srcset&&(e=t.opts.sizes,e&&"auto"!==e||(e=(t.width/t.height>1&&s.width()/s.height()>1?"100":Math.round(t.width/t.height*100))+"vw"),a.attr("sizes",e).attr("srcset",t.opts.srcset)),t.$ghost&&setTimeout(function(){t.$ghost&&!o.isClosing&&t.$ghost.hide()},Math.min(300,Math.max(1e3,t.height/1600))),o.hideLoading(t))}).addClass("fancybox-image").attr("src",t.src).appendTo(t.$content),(i.complete||"complete"==i.readyState)&&a.naturalWidth&&a.naturalHeight?a.trigger("load"):i.error&&a.trigger("error")},resolveImageSlideSize:function(t,e,n){var o=parseInt(t.opts.width,10),i=parseInt(t.opts.height,10);t.width=e,t.height=n,o>0&&(t.width=o,t.height=Math.floor(o*n/e)),i>0&&(t.width=Math.floor(i*e/n),t.height=i)},setIframe:function(t){var e,o=this,i=t.opts.iframe,a=t.$slide;t.$content=n('
').css(i.css).appendTo(a),a.addClass("fancybox-slide--"+t.contentType),t.$iframe=e=n(i.tpl.replace(/\{rnd\}/g,(new Date).getTime())).attr(i.attr).appendTo(t.$content),i.preload?(o.showLoading(t),e.on("load.fb error.fb",function(e){this.isReady=1,t.$slide.trigger("refresh"),o.afterLoad(t)}),a.on("refresh.fb",function(){var n,o,s=t.$content,r=i.css.width,c=i.css.height;if(1===e[0].isReady){try{n=e.contents(),o=n.find("body")}catch(t){}o&&o.length&&o.children().length&&(a.css("overflow","visible"),s.css({width:"100%","max-width":"100%",height:"9999px"}),void 0===r&&(r=Math.ceil(Math.max(o[0].clientWidth,o.outerWidth(!0)))),s.css("width",r||"").css("max-width",""),void 0===c&&(c=Math.ceil(Math.max(o[0].clientHeight,o.outerHeight(!0)))),s.css("height",c||""),a.css("overflow","auto")),s.removeClass("fancybox-is-hidden")}})):o.afterLoad(t),e.attr("src",t.src),a.one("onReset",function(){try{n(this).find("iframe").hide().unbind().attr("src","//about:blank")}catch(t){}n(this).off("refresh.fb").empty(),t.isLoaded=!1,t.isRevealed=!1})},setContent:function(t,e){var o=this;o.isClosing||(o.hideLoading(t),t.$content&&n.fancybox.stop(t.$content),t.$slide.empty(),l(e)&&e.parent().length?((e.hasClass("fancybox-content")||e.parent().hasClass("fancybox-content"))&&e.parents(".fancybox-slide").trigger("onReset"),t.$placeholder=n("
").hide().insertAfter(e),e.css("display","inline-block")):t.hasError||("string"===n.type(e)&&(e=n("
").append(n.trim(e)).contents()),t.opts.filter&&(e=n("
").html(e).find(t.opts.filter))),t.$slide.one("onReset",function(){n(this).find("video,audio").trigger("pause"),t.$placeholder&&(t.$placeholder.after(e.removeClass("fancybox-content").hide()).remove(),t.$placeholder=null),t.$smallBtn&&(t.$smallBtn.remove(),t.$smallBtn=null),t.hasError||(n(this).empty(),t.isLoaded=!1,t.isRevealed=!1)}),n(e).appendTo(t.$slide),n(e).is("video,audio")&&(n(e).addClass("fancybox-video"),n(e).wrap("
"),t.contentType="video",t.opts.width=t.opts.width||n(e).attr("width"),t.opts.height=t.opts.height||n(e).attr("height")),t.$content=t.$slide.children().filter("div,form,main,video,audio,article,.fancybox-content").first(),t.$content.siblings().hide(),t.$content.length||(t.$content=t.$slide.wrapInner("
").children().first()),t.$content.addClass("fancybox-content"),t.$slide.addClass("fancybox-slide--"+t.contentType),o.afterLoad(t))},setError:function(t){t.hasError=!0,t.$slide.trigger("onReset").removeClass("fancybox-slide--"+t.contentType).addClass("fancybox-slide--error"),t.contentType="html",this.setContent(t,this.translate(t,t.opts.errorTpl)),t.pos===this.currPos&&(this.isAnimating=!1)},showLoading:function(t){var e=this;(t=t||e.current)&&!t.$spinner&&(t.$spinner=n(e.translate(e,e.opts.spinnerTpl)).appendTo(t.$slide).hide().fadeIn("fast"))},hideLoading:function(t){var e=this;(t=t||e.current)&&t.$spinner&&(t.$spinner.stop().remove(),delete t.$spinner)},afterLoad:function(t){var e=this;e.isClosing||(t.isLoading=!1,t.isLoaded=!0,e.trigger("afterLoad",t),e.hideLoading(t),!t.opts.smallBtn||t.$smallBtn&&t.$smallBtn.length||(t.$smallBtn=n(e.translate(t,t.opts.btnTpl.smallBtn)).appendTo(t.$content)),t.opts.protect&&t.$content&&!t.hasError&&(t.$content.on("contextmenu.fb",function(t){return 2==t.button&&t.preventDefault(),!0}),"image"===t.type&&n('
').appendTo(t.$content)),e.adjustCaption(t),e.adjustLayout(t),t.pos===e.currPos&&e.updateCursor(),e.revealContent(t))},adjustCaption:function(t){var e,n=this,o=t||n.current,i=o.opts.caption,a=o.opts.preventCaptionOverlap,s=n.$refs.caption,r=!1;s.toggleClass("fancybox-caption--separate",a),a&&i&&i.length&&(o.pos!==n.currPos?(e=s.clone().appendTo(s.parent()),e.children().eq(0).empty().html(i),r=e.outerHeight(!0),e.empty().remove()):n.$caption&&(r=n.$caption.outerHeight(!0)),o.$slide.css("padding-bottom",r||""))},adjustLayout:function(t){var e,n,o,i,a=this,s=t||a.current;s.isLoaded&&!0!==s.opts.disableLayoutFix&&(s.$content.css("margin-bottom",""),s.$content.outerHeight()>s.$slide.height()+.5&&(o=s.$slide[0].style["padding-bottom"],i=s.$slide.css("padding-bottom"),parseFloat(i)>0&&(e=s.$slide[0].scrollHeight,s.$slide.css("padding-bottom",0),Math.abs(e-s.$slide[0].scrollHeight)<1&&(n=i),s.$slide.css("padding-bottom",o))),s.$content.css("margin-bottom",n))},revealContent:function(t){var e,o,i,a,s=this,r=t.$slide,c=!1,l=!1,d=s.isMoved(t),u=t.isRevealed;return t.isRevealed=!0,e=t.opts[s.firstRun?"animationEffect":"transitionEffect"],i=t.opts[s.firstRun?"animationDuration":"transitionDuration"],i=parseInt(void 0===t.forcedDuration?i:t.forcedDuration,10),!d&&t.pos===s.currPos&&i||(e=!1),"zoom"===e&&(t.pos===s.currPos&&i&&"image"===t.type&&!t.hasError&&(l=s.getThumbPos(t))?c=s.getFitPos(t):e="fade"),"zoom"===e?(s.isAnimating=!0,c.scaleX=c.width/l.width,c.scaleY=c.height/l.height,a=t.opts.zoomOpacity,"auto"==a&&(a=Math.abs(t.width/t.height-l.width/l.height)>.1),a&&(l.opacity=.1,c.opacity=1),n.fancybox.setTranslate(t.$content.removeClass("fancybox-is-hidden"),l),p(t.$content),void n.fancybox.animate(t.$content,c,i,function(){s.isAnimating=!1,s.complete()})):(s.updateSlide(t),e?(n.fancybox.stop(r),o="fancybox-slide--"+(t.pos>=s.prevPos?"next":"previous")+" fancybox-animated fancybox-fx-"+e,r.addClass(o).removeClass("fancybox-slide--current"),t.$content.removeClass("fancybox-is-hidden"),p(r),"image"!==t.type&&t.$content.hide().show(0),void n.fancybox.animate(r,"fancybox-slide--current",i,function(){r.removeClass(o).css({transform:"",opacity:""}),t.pos===s.currPos&&s.complete()},!0)):(t.$content.removeClass("fancybox-is-hidden"),u||!d||"image"!==t.type||t.hasError||t.$content.hide().fadeIn("fast"),void(t.pos===s.currPos&&s.complete())))},getThumbPos:function(t){var e,o,i,a,s,r=!1,c=t.$thumb;return!(!c||!g(c[0]))&&(e=n.fancybox.getTranslate(c),o=parseFloat(c.css("border-top-width")||0),i=parseFloat(c.css("border-right-width")||0),a=parseFloat(c.css("border-bottom-width")||0),s=parseFloat(c.css("border-left-width")||0),r={top:e.top+o,left:e.left+s,width:e.width-i-s,height:e.height-o-a,scaleX:1,scaleY:1},e.width>0&&e.height>0&&r)},complete:function(){var t,e=this,o=e.current,i={};!e.isMoved()&&o.isLoaded&&(o.isComplete||(o.isComplete=!0,o.$slide.siblings().trigger("onReset"),e.preload("inline"),p(o.$slide),o.$slide.addClass("fancybox-slide--complete"),n.each(e.slides,function(t,o){o.pos>=e.currPos-1&&o.pos<=e.currPos+1?i[o.pos]=o:o&&(n.fancybox.stop(o.$slide),o.$slide.off().remove())}),e.slides=i),e.isAnimating=!1,e.updateCursor(),e.trigger("afterShow"),o.opts.video.autoStart&&o.$slide.find("video,audio").filter(":visible:first").trigger("play").one("ended",function(){Document.exitFullscreen?Document.exitFullscreen():this.webkitExitFullscreen&&this.webkitExitFullscreen(),e.next()}),o.opts.autoFocus&&"html"===o.contentType&&(t=o.$content.find("input[autofocus]:enabled:visible:first"),t.length?t.trigger("focus"):e.focus(null,!0)),o.$slide.scrollTop(0).scrollLeft(0))},preload:function(t){var e,n,o=this;o.group.length<2||(n=o.slides[o.currPos+1],e=o.slides[o.currPos-1],e&&e.type===t&&o.loadSlide(e),n&&n.type===t&&o.loadSlide(n))},focus:function(t,o){var i,a,s=this,r=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"])'].join(",");s.isClosing||(i=!t&&s.current&&s.current.isComplete?s.current.$slide.find("*:visible"+(o?":not(.fancybox-close-small)":"")):s.$refs.container.find("*:visible"),i=i.filter(r).filter(function(){return"hidden"!==n(this).css("visibility")&&!n(this).hasClass("disabled")}),i.length?(a=i.index(e.activeElement),t&&t.shiftKey?(a<0||0==a)&&(t.preventDefault(),i.eq(i.length-1).trigger("focus")):(a<0||a==i.length-1)&&(t&&t.preventDefault(),i.eq(0).trigger("focus"))):s.$refs.container.trigger("focus"))},activate:function(){var t=this;n(".fancybox-container").each(function(){var e=n(this).data("FancyBox");e&&e.id!==t.id&&!e.isClosing&&(e.trigger("onDeactivate"),e.removeEvents(),e.isVisible=!1)}),t.isVisible=!0,(t.current||t.isIdle)&&(t.update(),t.updateControls()),t.trigger("onActivate"),t.addEvents()},close:function(t,e){var o,i,a,s,r,c,l,u=this,f=u.current,h=function(){u.cleanUp(t)};return!u.isClosing&&(u.isClosing=!0,!1===u.trigger("beforeClose",t)?(u.isClosing=!1,d(function(){u.update()}),!1):(u.removeEvents(),a=f.$content,o=f.opts.animationEffect,i=n.isNumeric(e)?e:o?f.opts.animationDuration:0,f.$slide.removeClass("fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated"),!0!==t?n.fancybox.stop(f.$slide):o=!1,f.$slide.siblings().trigger("onReset").remove(),i&&u.$refs.container.removeClass("fancybox-is-open").addClass("fancybox-is-closing").css("transition-duration",i+"ms"),u.hideLoading(f),u.hideControls(!0),u.updateCursor(),"zoom"!==o||a&&i&&"image"===f.type&&!u.isMoved()&&!f.hasError&&(l=u.getThumbPos(f))||(o="fade"),"zoom"===o?(n.fancybox.stop(a),s=n.fancybox.getTranslate(a),c={top:s.top,left:s.left,scaleX:s.width/l.width,scaleY:s.height/l.height,width:l.width,height:l.height},r=f.opts.zoomOpacity, +"auto"==r&&(r=Math.abs(f.width/f.height-l.width/l.height)>.1),r&&(l.opacity=0),n.fancybox.setTranslate(a,c),p(a),n.fancybox.animate(a,l,i,h),!0):(o&&i?n.fancybox.animate(f.$slide.addClass("fancybox-slide--previous").removeClass("fancybox-slide--current"),"fancybox-animated fancybox-fx-"+o,i,h):!0===t?setTimeout(h,i):h(),!0)))},cleanUp:function(e){var o,i,a,s=this,r=s.current.opts.$orig;s.current.$slide.trigger("onReset"),s.$refs.container.empty().remove(),s.trigger("afterClose",e),s.current.opts.backFocus&&(r&&r.length&&r.is(":visible")||(r=s.$trigger),r&&r.length&&(i=t.scrollX,a=t.scrollY,r.trigger("focus"),n("html, body").scrollTop(a).scrollLeft(i))),s.current=null,o=n.fancybox.getInstance(),o?o.activate():(n("body").removeClass("fancybox-active compensate-for-scrollbar"),n("#fancybox-style-noscroll").remove())},trigger:function(t,e){var o,i=Array.prototype.slice.call(arguments,1),a=this,s=e&&e.opts?e:a.current;if(s?i.unshift(s):s=a,i.unshift(a),n.isFunction(s.opts[t])&&(o=s.opts[t].apply(s,i)),!1===o)return o;"afterClose"!==t&&a.$refs?a.$refs.container.trigger(t+".fb",i):r.trigger(t+".fb",i)},updateControls:function(){var t=this,o=t.current,i=o.index,a=t.$refs.container,s=t.$refs.caption,r=o.opts.caption;o.$slide.trigger("refresh"),r&&r.length?(t.$caption=s,s.children().eq(0).html(r)):t.$caption=null,t.hasHiddenControls||t.isIdle||t.showControls(),a.find("[data-fancybox-count]").html(t.group.length),a.find("[data-fancybox-index]").html(i+1),a.find("[data-fancybox-prev]").prop("disabled",!o.opts.loop&&i<=0),a.find("[data-fancybox-next]").prop("disabled",!o.opts.loop&&i>=t.group.length-1),"image"===o.type?a.find("[data-fancybox-zoom]").show().end().find("[data-fancybox-download]").attr("href",o.opts.image.src||o.src).show():o.opts.toolbar&&a.find("[data-fancybox-download],[data-fancybox-zoom]").hide(),n(e.activeElement).is(":hidden,[disabled]")&&t.$refs.container.trigger("focus")},hideControls:function(t){var e=this,n=["infobar","toolbar","nav"];!t&&e.current.opts.preventCaptionOverlap||n.push("caption"),this.$refs.container.removeClass(n.map(function(t){return"fancybox-show-"+t}).join(" ")),this.hasHiddenControls=!0},showControls:function(){var t=this,e=t.current?t.current.opts:t.opts,n=t.$refs.container;t.hasHiddenControls=!1,t.idleSecondsCounter=0,n.toggleClass("fancybox-show-toolbar",!(!e.toolbar||!e.buttons)).toggleClass("fancybox-show-infobar",!!(e.infobar&&t.group.length>1)).toggleClass("fancybox-show-caption",!!t.$caption).toggleClass("fancybox-show-nav",!!(e.arrows&&t.group.length>1)).toggleClass("fancybox-is-modal",!!e.modal)},toggleControls:function(){this.hasHiddenControls?this.showControls():this.hideControls()}}),n.fancybox={version:"3.5.7",defaults:a,getInstance:function(t){var e=n('.fancybox-container:not(".fancybox-is-closing"):last').data("FancyBox"),o=Array.prototype.slice.call(arguments,1);return e instanceof b&&("string"===n.type(t)?e[t].apply(e,o):"function"===n.type(t)&&t.apply(e,o),e)},open:function(t,e,n){return new b(t,e,n)},close:function(t){var e=this.getInstance();e&&(e.close(),!0===t&&this.close(t))},destroy:function(){this.close(!0),r.add("body").off("click.fb-start","**")},isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),use3d:function(){var n=e.createElement("div");return t.getComputedStyle&&t.getComputedStyle(n)&&t.getComputedStyle(n).getPropertyValue("transform")&&!(e.documentMode&&e.documentMode<11)}(),getTranslate:function(t){var e;return!(!t||!t.length)&&(e=t[0].getBoundingClientRect(),{top:e.top||0,left:e.left||0,width:e.width,height:e.height,opacity:parseFloat(t.css("opacity"))})},setTranslate:function(t,e){var n="",o={};if(t&&e)return void 0===e.left&&void 0===e.top||(n=(void 0===e.left?t.position().left:e.left)+"px, "+(void 0===e.top?t.position().top:e.top)+"px",n=this.use3d?"translate3d("+n+", 0px)":"translate("+n+")"),void 0!==e.scaleX&&void 0!==e.scaleY?n+=" scale("+e.scaleX+", "+e.scaleY+")":void 0!==e.scaleX&&(n+=" scaleX("+e.scaleX+")"),n.length&&(o.transform=n),void 0!==e.opacity&&(o.opacity=e.opacity),void 0!==e.width&&(o.width=e.width),void 0!==e.height&&(o.height=e.height),t.css(o)},animate:function(t,e,o,i,a){var s,r=this;n.isFunction(o)&&(i=o,o=null),r.stop(t),s=r.getTranslate(t),t.on(f,function(c){(!c||!c.originalEvent||t.is(c.originalEvent.target)&&"z-index"!=c.originalEvent.propertyName)&&(r.stop(t),n.isNumeric(o)&&t.css("transition-duration",""),n.isPlainObject(e)?void 0!==e.scaleX&&void 0!==e.scaleY&&r.setTranslate(t,{top:e.top,left:e.left,width:s.width*e.scaleX,height:s.height*e.scaleY,scaleX:1,scaleY:1}):!0!==a&&t.removeClass(e),n.isFunction(i)&&i(c))}),n.isNumeric(o)&&t.css("transition-duration",o+"ms"),n.isPlainObject(e)?(void 0!==e.scaleX&&void 0!==e.scaleY&&(delete e.width,delete e.height,t.parent().hasClass("fancybox-slide--image")&&t.parent().addClass("fancybox-is-scaling")),n.fancybox.setTranslate(t,e)):t.addClass(e),t.data("timer",setTimeout(function(){t.trigger(f)},o+33))},stop:function(t,e){t&&t.length&&(clearTimeout(t.data("timer")),e&&t.trigger(f),t.off(f).css("transition-duration",""),t.parent().removeClass("fancybox-is-scaling"))}},n.fn.fancybox=function(t){var e;return t=t||{},e=t.selector||!1,e?n("body").off("click.fb-start",e).on("click.fb-start",e,{options:t},i):this.off("click.fb-start").on("click.fb-start",{items:this,options:t},i),this},r.on("click.fb-start","[data-fancybox]",i),r.on("click.fb-start","[data-fancybox-trigger]",function(t){n('[data-fancybox="'+n(this).attr("data-fancybox-trigger")+'"]').eq(n(this).attr("data-fancybox-index")||0).trigger("click.fb-start",{$trigger:n(this)})}),function(){var t=null;r.on("mousedown mouseup focus blur",".fancybox-button",function(e){switch(e.type){case"mousedown":t=n(this);break;case"mouseup":t=null;break;case"focusin":n(".fancybox-button").removeClass("fancybox-focus"),n(this).is(t)||n(this).is("[disabled]")||n(this).addClass("fancybox-focus");break;case"focusout":n(".fancybox-button").removeClass("fancybox-focus")}})}()}}(window,document,jQuery),function(t){"use strict";var e={youtube:{matcher:/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,params:{autoplay:1,autohide:1,fs:1,rel:0,hd:1,wmode:"transparent",enablejsapi:1,html5:1},paramPlace:8,type:"iframe",url:"https://www.youtube-nocookie.com/embed/$4",thumb:"https://img.youtube.com/vi/$4/hqdefault.jpg"},vimeo:{matcher:/^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,params:{autoplay:1,hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},paramPlace:3,type:"iframe",url:"//player.vimeo.com/video/$2"},instagram:{matcher:/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,type:"image",url:"//$1/p/$2/media/?size=l"},gmap_place:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/?ll="+(t[9]?t[9]+"&z="+Math.floor(t[10])+(t[12]?t[12].replace(/^\//,"&"):""):t[12]+"").replace(/\?/,"&")+"&output="+(t[12]&&t[12].indexOf("layer=c")>0?"svembed":"embed")}},gmap_search:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/maps?q="+t[5].replace("query=","q=").replace("api=1","")+"&output=embed"}}},n=function(e,n,o){if(e)return o=o||"","object"===t.type(o)&&(o=t.param(o,!0)),t.each(n,function(t,n){e=e.replace("$"+t,n||"")}),o.length&&(e+=(e.indexOf("?")>0?"&":"?")+o),e};t(document).on("objectNeedsType.fb",function(o,i,a){var s,r,c,l,d,u,f,p=a.src||"",h=!1;s=t.extend(!0,{},e,a.opts.media),t.each(s,function(e,o){if(c=p.match(o.matcher)){if(h=o.type,f=e,u={},o.paramPlace&&c[o.paramPlace]){d=c[o.paramPlace],"?"==d[0]&&(d=d.substring(1)),d=d.split("&");for(var i=0;i1&&("youtube"===n.contentSource||"vimeo"===n.contentSource)&&o.load(n.contentSource)}})}(jQuery),function(t,e,n){"use strict";var o=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),i=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),a=function(e){var n=[];e=e.originalEvent||e||t.e,e=e.touches&&e.touches.length?e.touches:e.changedTouches&&e.changedTouches.length?e.changedTouches:[e];for(var o in e)e[o].pageX?n.push({x:e[o].pageX,y:e[o].pageY}):e[o].clientX&&n.push({x:e[o].clientX,y:e[o].clientY});return n},s=function(t,e,n){return e&&t?"x"===n?t.x-e.x:"y"===n?t.y-e.y:Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2)):0},r=function(t){if(t.is('a,area,button,[role="button"],input,label,select,summary,textarea,video,audio,iframe')||n.isFunction(t.get(0).onclick)||t.data("selectable"))return!0;for(var e=0,o=t[0].attributes,i=o.length;ee.clientHeight,a=("scroll"===o||"auto"===o)&&e.scrollWidth>e.clientWidth;return i||a},l=function(t){for(var e=!1;;){if(e=c(t.get(0)))break;if(t=t.parent(),!t.length||t.hasClass("fancybox-stage")||t.is("body"))break}return e},d=function(t){var e=this;e.instance=t,e.$bg=t.$refs.bg,e.$stage=t.$refs.stage,e.$container=t.$refs.container,e.destroy(),e.$container.on("touchstart.fb.touch mousedown.fb.touch",n.proxy(e,"ontouchstart"))};d.prototype.destroy=function(){var t=this;t.$container.off(".fb.touch"),n(e).off(".fb.touch"),t.requestId&&(i(t.requestId),t.requestId=null),t.tapped&&(clearTimeout(t.tapped),t.tapped=null)},d.prototype.ontouchstart=function(o){var i=this,c=n(o.target),d=i.instance,u=d.current,f=u.$slide,p=u.$content,h="touchstart"==o.type;if(h&&i.$container.off("mousedown.fb.touch"),(!o.originalEvent||2!=o.originalEvent.button)&&f.length&&c.length&&!r(c)&&!r(c.parent())&&(c.is("img")||!(o.originalEvent.clientX>c[0].clientWidth+c.offset().left))){if(!u||d.isAnimating||u.$slide.hasClass("fancybox-animated"))return o.stopPropagation(),void o.preventDefault();i.realPoints=i.startPoints=a(o),i.startPoints.length&&(u.touch&&o.stopPropagation(),i.startEvent=o,i.canTap=!0,i.$target=c,i.$content=p,i.opts=u.opts.touch,i.isPanning=!1,i.isSwiping=!1,i.isZooming=!1,i.isScrolling=!1,i.canPan=d.canPan(),i.startTime=(new Date).getTime(),i.distanceX=i.distanceY=i.distance=0,i.canvasWidth=Math.round(f[0].clientWidth),i.canvasHeight=Math.round(f[0].clientHeight),i.contentLastPos=null,i.contentStartPos=n.fancybox.getTranslate(i.$content)||{top:0,left:0},i.sliderStartPos=n.fancybox.getTranslate(f),i.stagePos=n.fancybox.getTranslate(d.$refs.stage),i.sliderStartPos.top-=i.stagePos.top,i.sliderStartPos.left-=i.stagePos.left,i.contentStartPos.top-=i.stagePos.top,i.contentStartPos.left-=i.stagePos.left,n(e).off(".fb.touch").on(h?"touchend.fb.touch touchcancel.fb.touch":"mouseup.fb.touch mouseleave.fb.touch",n.proxy(i,"ontouchend")).on(h?"touchmove.fb.touch":"mousemove.fb.touch",n.proxy(i,"ontouchmove")),n.fancybox.isMobile&&e.addEventListener("scroll",i.onscroll,!0),((i.opts||i.canPan)&&(c.is(i.$stage)||i.$stage.find(c).length)||(c.is(".fancybox-image")&&o.preventDefault(),n.fancybox.isMobile&&c.parents(".fancybox-caption").length))&&(i.isScrollable=l(c)||l(c.parent()),n.fancybox.isMobile&&i.isScrollable||o.preventDefault(),(1===i.startPoints.length||u.hasError)&&(i.canPan?(n.fancybox.stop(i.$content),i.isPanning=!0):i.isSwiping=!0,i.$container.addClass("fancybox-is-grabbing")),2===i.startPoints.length&&"image"===u.type&&(u.isLoaded||u.$ghost)&&(i.canTap=!1,i.isSwiping=!1,i.isPanning=!1,i.isZooming=!0,n.fancybox.stop(i.$content),i.centerPointStartX=.5*(i.startPoints[0].x+i.startPoints[1].x)-n(t).scrollLeft(),i.centerPointStartY=.5*(i.startPoints[0].y+i.startPoints[1].y)-n(t).scrollTop(),i.percentageOfImageAtPinchPointX=(i.centerPointStartX-i.contentStartPos.left)/i.contentStartPos.width,i.percentageOfImageAtPinchPointY=(i.centerPointStartY-i.contentStartPos.top)/i.contentStartPos.height,i.startDistanceBetweenFingers=s(i.startPoints[0],i.startPoints[1]))))}},d.prototype.onscroll=function(t){var n=this;n.isScrolling=!0,e.removeEventListener("scroll",n.onscroll,!0)},d.prototype.ontouchmove=function(t){var e=this;return void 0!==t.originalEvent.buttons&&0===t.originalEvent.buttons?void e.ontouchend(t):e.isScrolling?void(e.canTap=!1):(e.newPoints=a(t),void((e.opts||e.canPan)&&e.newPoints.length&&e.newPoints.length&&(e.isSwiping&&!0===e.isSwiping||t.preventDefault(),e.distanceX=s(e.newPoints[0],e.startPoints[0],"x"),e.distanceY=s(e.newPoints[0],e.startPoints[0],"y"),e.distance=s(e.newPoints[0],e.startPoints[0]),e.distance>0&&(e.isSwiping?e.onSwipe(t):e.isPanning?e.onPan():e.isZooming&&e.onZoom()))))},d.prototype.onSwipe=function(e){var a,s=this,r=s.instance,c=s.isSwiping,l=s.sliderStartPos.left||0;if(!0!==c)"x"==c&&(s.distanceX>0&&(s.instance.group.length<2||0===s.instance.current.index&&!s.instance.current.opts.loop)?l+=Math.pow(s.distanceX,.8):s.distanceX<0&&(s.instance.group.length<2||s.instance.current.index===s.instance.group.length-1&&!s.instance.current.opts.loop)?l-=Math.pow(-s.distanceX,.8):l+=s.distanceX),s.sliderLastPos={top:"x"==c?0:s.sliderStartPos.top+s.distanceY,left:l},s.requestId&&(i(s.requestId),s.requestId=null),s.requestId=o(function(){s.sliderLastPos&&(n.each(s.instance.slides,function(t,e){var o=e.pos-s.instance.currPos;n.fancybox.setTranslate(e.$slide,{top:s.sliderLastPos.top,left:s.sliderLastPos.left+o*s.canvasWidth+o*e.opts.gutter})}),s.$container.addClass("fancybox-is-sliding"))});else if(Math.abs(s.distance)>10){if(s.canTap=!1,r.group.length<2&&s.opts.vertical?s.isSwiping="y":r.isDragging||!1===s.opts.vertical||"auto"===s.opts.vertical&&n(t).width()>800?s.isSwiping="x":(a=Math.abs(180*Math.atan2(s.distanceY,s.distanceX)/Math.PI),s.isSwiping=a>45&&a<135?"y":"x"),"y"===s.isSwiping&&n.fancybox.isMobile&&s.isScrollable)return void(s.isScrolling=!0);r.isDragging=s.isSwiping,s.startPoints=s.newPoints,n.each(r.slides,function(t,e){var o,i;n.fancybox.stop(e.$slide),o=n.fancybox.getTranslate(e.$slide),i=n.fancybox.getTranslate(r.$refs.stage),e.$slide.css({transform:"",opacity:"","transition-duration":""}).removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")}),e.pos===r.current.pos&&(s.sliderStartPos.top=o.top-i.top,s.sliderStartPos.left=o.left-i.left),n.fancybox.setTranslate(e.$slide,{top:o.top-i.top,left:o.left-i.left})}),r.SlideShow&&r.SlideShow.isActive&&r.SlideShow.stop()}},d.prototype.onPan=function(){var t=this;if(s(t.newPoints[0],t.realPoints[0])<(n.fancybox.isMobile?10:5))return void(t.startPoints=t.newPoints);t.canTap=!1,t.contentLastPos=t.limitMovement(),t.requestId&&i(t.requestId),t.requestId=o(function(){n.fancybox.setTranslate(t.$content,t.contentLastPos)})},d.prototype.limitMovement=function(){var t,e,n,o,i,a,s=this,r=s.canvasWidth,c=s.canvasHeight,l=s.distanceX,d=s.distanceY,u=s.contentStartPos,f=u.left,p=u.top,h=u.width,g=u.height;return i=h>r?f+l:f,a=p+d,t=Math.max(0,.5*r-.5*h),e=Math.max(0,.5*c-.5*g),n=Math.min(r-h,.5*r-.5*h),o=Math.min(c-g,.5*c-.5*g),l>0&&i>t&&(i=t-1+Math.pow(-t+f+l,.8)||0),l<0&&i0&&a>e&&(a=e-1+Math.pow(-e+p+d,.8)||0),d<0&&aa?(t=t>0?0:t,t=ts?(e=e>0?0:e,e=e1&&(o.dMs>130&&s>10||s>50);o.sliderLastPos=null,"y"==t&&!e&&Math.abs(o.distanceY)>50?(n.fancybox.animate(o.instance.current.$slide,{top:o.sliderStartPos.top+o.distanceY+150*o.velocityY,opacity:0},200),i=o.instance.close(!0,250)):r&&o.distanceX>0?i=o.instance.previous(300):r&&o.distanceX<0&&(i=o.instance.next(300)),!1!==i||"x"!=t&&"y"!=t||o.instance.centerSlide(200),o.$container.removeClass("fancybox-is-sliding")},d.prototype.endPanning=function(){var t,e,o,i=this;i.contentLastPos&&(!1===i.opts.momentum||i.dMs>350?(t=i.contentLastPos.left,e=i.contentLastPos.top):(t=i.contentLastPos.left+500*i.velocityX,e=i.contentLastPos.top+500*i.velocityY),o=i.limitPosition(t,e,i.contentStartPos.width,i.contentStartPos.height),o.width=i.contentStartPos.width,o.height=i.contentStartPos.height,n.fancybox.animate(i.$content,o,366))},d.prototype.endZooming=function(){var t,e,o,i,a=this,s=a.instance.current,r=a.newWidth,c=a.newHeight;a.contentLastPos&&(t=a.contentLastPos.left,e=a.contentLastPos.top,i={top:e,left:t,width:r,height:c,scaleX:1,scaleY:1},n.fancybox.setTranslate(a.$content,i),rs.width||c>s.height?a.instance.scaleToActual(a.centerPointStartX,a.centerPointStartY,150):(o=a.limitPosition(t,e,r,c),n.fancybox.animate(a.$content,o,150)))},d.prototype.onTap=function(e){var o,i=this,s=n(e.target),r=i.instance,c=r.current,l=e&&a(e)||i.startPoints,d=l[0]?l[0].x-n(t).scrollLeft()-i.stagePos.left:0,u=l[0]?l[0].y-n(t).scrollTop()-i.stagePos.top:0,f=function(t){var o=c.opts[t];if(n.isFunction(o)&&(o=o.apply(r,[c,e])),o)switch(o){case"close":r.close(i.startEvent);break;case"toggleControls":r.toggleControls();break;case"next":r.next();break;case"nextOrClose":r.group.length>1?r.next():r.close(i.startEvent);break;case"zoom":"image"==c.type&&(c.isLoaded||c.$ghost)&&(r.canPan()?r.scaleToFit():r.isScaledDown()?r.scaleToActual(d,u):r.group.length<2&&r.close(i.startEvent))}};if((!e.originalEvent||2!=e.originalEvent.button)&&(s.is("img")||!(d>s[0].clientWidth+s.offset().left))){if(s.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container"))o="Outside";else if(s.is(".fancybox-slide"))o="Slide";else{if(!r.current.$content||!r.current.$content.find(s).addBack().filter(s).length)return;o="Content"}if(i.tapped){if(clearTimeout(i.tapped),i.tapped=null,Math.abs(d-i.tapX)>50||Math.abs(u-i.tapY)>50)return this;f("dblclick"+o)}else i.tapX=d,i.tapY=u,c.opts["dblclick"+o]&&c.opts["dblclick"+o]!==c.opts["click"+o]?i.tapped=setTimeout(function(){i.tapped=null,r.isAnimating||f("click"+o)},500):f("click"+o);return this}},n(e).on("onActivate.fb",function(t,e){e&&!e.Guestures&&(e.Guestures=new d(e))}).on("beforeClose.fb",function(t,e){e&&e.Guestures&&e.Guestures.destroy()})}(window,document,jQuery),function(t,e){"use strict";e.extend(!0,e.fancybox.defaults,{btnTpl:{slideShow:''},slideShow:{autoStart:!1,speed:3e3,progress:!0}});var n=function(t){this.instance=t,this.init()};e.extend(n.prototype,{timer:null,isActive:!1,$button:null,init:function(){var t=this,n=t.instance,o=n.group[n.currIndex].opts.slideShow;t.$button=n.$refs.toolbar.find("[data-fancybox-play]").on("click",function(){t.toggle()}),n.group.length<2||!o?t.$button.hide():o.progress&&(t.$progress=e('
').appendTo(n.$refs.inner))},set:function(t){var n=this,o=n.instance,i=o.current;i&&(!0===t||i.opts.loop||o.currIndex'},fullScreen:{autoStart:!1}}),e(t).on(n.fullscreenchange,function(){var t=o.isFullscreen(),n=e.fancybox.getInstance();n&&(n.current&&"image"===n.current.type&&n.isAnimating&&(n.isAnimating=!1,n.update(!0,!0,0),n.isComplete||n.complete()),n.trigger("onFullscreenChange",t),n.$refs.container.toggleClass("fancybox-is-fullscreen",t),n.$refs.toolbar.find("[data-fancybox-fullscreen]").toggleClass("fancybox-button--fsenter",!t).toggleClass("fancybox-button--fsexit",t))})}e(t).on({"onInit.fb":function(t,e){var i;if(!n)return void e.$refs.toolbar.find("[data-fancybox-fullscreen]").remove();e&&e.group[e.currIndex].opts.fullScreen?(i=e.$refs.container,i.on("click.fb-fullscreen","[data-fancybox-fullscreen]",function(t){t.stopPropagation(),t.preventDefault(),o.toggle()}),e.opts.fullScreen&&!0===e.opts.fullScreen.autoStart&&o.request(),e.FullScreen=o):e&&e.$refs.toolbar.find("[data-fancybox-fullscreen]").hide()},"afterKeydown.fb":function(t,e,n,o,i){e&&e.FullScreen&&70===i&&(o.preventDefault(),e.FullScreen.toggle())},"beforeClose.fb":function(t,e){e&&e.FullScreen&&e.$refs.container.hasClass("fancybox-is-fullscreen")&&o.exit()}})}(document,jQuery),function(t,e){"use strict";var n="fancybox-thumbs";e.fancybox.defaults=e.extend(!0,{btnTpl:{thumbs:''},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"}},e.fancybox.defaults);var o=function(t){this.init(t)};e.extend(o.prototype,{$button:null,$grid:null,$list:null,isVisible:!1,isActive:!1,init:function(t){var e=this,n=t.group,o=0;e.instance=t,e.opts=n[t.currIndex].opts.thumbs,t.Thumbs=e,e.$button=t.$refs.toolbar.find("[data-fancybox-thumbs]");for(var i=0,a=n.length;i1));i++);o>1&&e.opts?(e.$button.removeAttr("style").on("click",function(){e.toggle()}),e.isActive=!0):e.$button.hide()},create:function(){var t,o=this,i=o.instance,a=o.opts.parentEl,s=[];o.$grid||(o.$grid=e('
').appendTo(i.$refs.container.find(a).addBack().filter(a)),o.$grid.on("click","a",function(){i.jumpTo(e(this).attr("data-index"))})),o.$list||(o.$list=e('
').appendTo(o.$grid)),e.each(i.group,function(e,n){t=n.thumb,t||"image"!==n.type||(t=n.src),s.push('")}),o.$list[0].innerHTML=s.join(""),"x"===o.opts.axis&&o.$list.width(parseInt(o.$grid.css("padding-right"),10)+i.group.length*o.$list.children().eq(0).outerWidth(!0))},focus:function(t){var e,n,o=this,i=o.$list,a=o.$grid;o.instance.current&&(e=i.children().removeClass("fancybox-thumbs-active").filter('[data-index="'+o.instance.current.index+'"]').addClass("fancybox-thumbs-active"),n=e.position(),"y"===o.opts.axis&&(n.top<0||n.top>i.height()-e.outerHeight())?i.stop().animate({scrollTop:i.scrollTop()+n.top},t):"x"===o.opts.axis&&(n.lefta.scrollLeft()+(a.width()-e.outerWidth()))&&i.parent().stop().animate({scrollLeft:n.left},t))},update:function(){var t=this;t.instance.$refs.container.toggleClass("fancybox-show-thumbs",this.isVisible),t.isVisible?(t.$grid||t.create(),t.instance.trigger("onThumbsShow"),t.focus(0)):t.$grid&&t.instance.trigger("onThumbsHide"),t.instance.update()},hide:function(){this.isVisible=!1,this.update()},show:function(){this.isVisible=!0,this.update()},toggle:function(){this.isVisible=!this.isVisible,this.update()}}),e(t).on({"onInit.fb":function(t,e){var n;e&&!e.Thumbs&&(n=new o(e),n.isActive&&!0===n.opts.autoStart&&n.show())},"beforeShow.fb":function(t,e,n,o){var i=e&&e.Thumbs;i&&i.isVisible&&i.focus(o?0:250)},"afterKeydown.fb":function(t,e,n,o,i){var a=e&&e.Thumbs;a&&a.isActive&&71===i&&(o.preventDefault(),a.toggle())},"beforeClose.fb":function(t,e){var n=e&&e.Thumbs;n&&n.isVisible&&!1!==n.opts.hideOnClose&&n.$grid.hide()}})}(document,jQuery),function(t,e){"use strict";function n(t){var e={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="};return String(t).replace(/[&<>"'`=\/]/g,function(t){return e[t]})}e.extend(!0,e.fancybox.defaults,{btnTpl:{share:''},share:{url:function(t,e){return!t.currentHash&&"inline"!==e.type&&"html"!==e.type&&(e.origSrc||e.src)||window.location}, +tpl:'

{{SHARE}}

FacebookTwitterPinterest

'}}),e(t).on("click","[data-fancybox-share]",function(){var t,o,i=e.fancybox.getInstance(),a=i.current||null;a&&("function"===e.type(a.opts.share.url)&&(t=a.opts.share.url.apply(a,[i,a])),o=a.opts.share.tpl.replace(/\{\{media\}\}/g,"image"===a.type?encodeURIComponent(a.src):"").replace(/\{\{url\}\}/g,encodeURIComponent(t)).replace(/\{\{url_raw\}\}/g,n(t)).replace(/\{\{descr\}\}/g,i.$caption?encodeURIComponent(i.$caption.text()):""),e.fancybox.open({src:i.translate(i,o),type:"html",opts:{touch:!1,animationEffect:!1,afterLoad:function(t,e){i.$refs.container.one("beforeClose.fb",function(){t.close(null,0)}),e.$content.find(".fancybox-share__button").click(function(){return window.open(this.href,"Share","width=550, height=450"),!1})},mobile:{autoFocus:!1}}}))})}(document,jQuery),function(t,e,n){"use strict";function o(){var e=t.location.hash.substr(1),n=e.split("-"),o=n.length>1&&/^\+?\d+$/.test(n[n.length-1])?parseInt(n.pop(-1),10)||1:1,i=n.join("-");return{hash:e,index:o<1?1:o,gallery:i}}function i(t){""!==t.gallery&&n("[data-fancybox='"+n.escapeSelector(t.gallery)+"']").eq(t.index-1).focus().trigger("click.fb-start")}function a(t){var e,n;return!!t&&(e=t.current?t.current.opts:t.opts,""!==(n=e.hash||(e.$orig?e.$orig.data("fancybox")||e.$orig.data("fancybox-trigger"):""))&&n)}n.escapeSelector||(n.escapeSelector=function(t){return(t+"").replace(/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g,function(t,e){return e?"\0"===t?"�":t.slice(0,-1)+"\\"+t.charCodeAt(t.length-1).toString(16)+" ":"\\"+t})}),n(function(){!1!==n.fancybox.defaults.hash&&(n(e).on({"onInit.fb":function(t,e){var n,i;!1!==e.group[e.currIndex].opts.hash&&(n=o(),(i=a(e))&&n.gallery&&i==n.gallery&&(e.currIndex=n.index-1))},"beforeShow.fb":function(n,o,i,s){var r;i&&!1!==i.opts.hash&&(r=a(o))&&(o.currentHash=r+(o.group.length>1?"-"+(i.index+1):""),t.location.hash!=="#"+o.currentHash&&(s&&!o.origHash&&(o.origHash=t.location.hash),o.hashTimer&&clearTimeout(o.hashTimer),o.hashTimer=setTimeout(function(){"replaceState"in t.history?(t.history[s?"pushState":"replaceState"]({},e.title,t.location.pathname+t.location.search+"#"+o.currentHash),s&&(o.hasCreatedHistory=!0)):t.location.hash=o.currentHash,o.hashTimer=null},300)))},"beforeClose.fb":function(n,o,i){i&&!1!==i.opts.hash&&(clearTimeout(o.hashTimer),o.currentHash&&o.hasCreatedHistory?t.history.back():o.currentHash&&("replaceState"in t.history?t.history.replaceState({},e.title,t.location.pathname+t.location.search+(o.origHash||"")):t.location.hash=o.origHash),o.currentHash=null)}}),n(t).on("hashchange.fb",function(){var t=o(),e=null;n.each(n(".fancybox-container").get().reverse(),function(t,o){var i=n(o).data("FancyBox");if(i&&i.currentHash)return e=i,!1}),e?e.currentHash===t.gallery+"-"+t.index||1===t.index&&e.currentHash==t.gallery||(e.currentHash=null,e.close()):""!==t.gallery&&i(t)}),setTimeout(function(){n.fancybox.getInstance()||i(o())},50))})}(window,document,jQuery),function(t,e){"use strict";var n=(new Date).getTime();e(t).on({"onInit.fb":function(t,e,o){e.$refs.stage.on("mousewheel DOMMouseScroll wheel MozMousePixelScroll",function(t){var o=e.current,i=(new Date).getTime();e.group.length<2||!1===o.opts.wheel||"auto"===o.opts.wheel&&"image"!==o.type||(t.preventDefault(),t.stopPropagation(),o.$slide.hasClass("fancybox-animated")||(t=t.originalEvent||t,i-n<250||(n=i,e[(-t.deltaY||-t.deltaX||t.wheelDelta||-t.detail)<0?"next":"previous"]())))})}})}(document,jQuery); \ No newline at end of file diff --git a/public/js_/jquery.js b/public/js_/jquery.js new file mode 100644 index 0000000..f3e4b3e --- /dev/null +++ b/public/js_/jquery.js @@ -0,0 +1 @@ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.0",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},R=function(){V()},M=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&z(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function X(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&M(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function U(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function z(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",R),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Me(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return R(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return R(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 00){h=a(this[0]);var p=h.data(a.mask.dataName);return p?p():void 0}return g=a.extend({autoclear:a.mask.autoclear,placeholder:a.mask.placeholder,completed:null},g),i=a.mask.definitions,j=[],k=n=c.length,l=null,a.each(c.split(""),function(a,b){"?"==b?(n--,k=a):i[b]?(j.push(new RegExp(i[b])),null===l&&(l=j.length-1),k>a&&(m=j.length-1)):j.push(null)}),this.trigger("unmask").each(function(){function h(){if(g.completed){for(var a=l;m>=a;a++)if(j[a]&&C[a]===p(a))return;g.completed.call(B)}}function p(a){return g.placeholder.charAt(a=0&&!j[a];);return a}function s(a,b){var c,d;if(!(0>a)){for(c=a,d=q(b);n>c;c++)if(j[c]){if(!(n>d&&j[c].test(C[d])))break;C[c]=C[d],C[d]=p(d),d=q(d)}z(),B.caret(Math.max(l,a))}}function t(a){var b,c,d,e;for(b=a,c=p(a);n>b;b++)if(j[b]){if(d=q(b),e=C[b],C[b]=c,!(n>d&&j[d].test(e)))break;c=e}}function u(){var a=B.val(),b=B.caret();if(o&&o.length&&o.length>a.length){for(A(!0);b.begin>0&&!j[b.begin-1];)b.begin--;if(0===b.begin)for(;b.beging)&&g&&13!==g){if(i.end-i.begin!==0&&(y(i.begin,i.end),s(i.begin,i.end-1)),c=q(i.begin-1),n>c&&(d=String.fromCharCode(g),j[c].test(d))){if(t(c),C[c]=d,z(),e=q(c),f){var k=function(){a.proxy(a.fn.caret,B,e)()};setTimeout(k,0)}else B.caret(e);i.begin<=m&&h()}b.preventDefault()}}}function y(a,b){var c;for(c=a;b>c&&n>c;c++)j[c]&&(C[c]=p(c))}function z(){B.val(C.join(""))}function A(a){var b,c,d,e=B.val(),f=-1;for(b=0,d=0;n>b;b++)if(j[b]){for(C[b]=p(b);d++e.length){y(b+1,n);break}}else C[b]===e.charAt(d)&&d++,k>b&&(f=b);return a?z():k>f+1?g.autoclear||C.join("")===D?(B.val()&&B.val(""),y(0,n)):z():(z(),B.val(B.val().substring(0,f+1))),k?b:l}var B=a(this),C=a.map(c.split(""),function(a,b){return"?"!=a?i[a]?p(b):a:void 0}),D=C.join(""),E=B.val();B.data(a.mask.dataName,function(){return a.map(C,function(a,b){return j[b]&&a!=p(b)?a:null}).join("")}),B.one("unmask",function(){B.off(".mask").removeData(a.mask.dataName)}).on("focus.mask",function(){if(!B.prop("readonly")){clearTimeout(b);var a;E=B.val(),a=A(),b=setTimeout(function(){B.get(0)===document.activeElement&&(z(),a==c.replace("?","").length?B.caret(0,a):B.caret(a))},10)}}).on("blur.mask",v).on("keydown.mask",w).on("keypress.mask",x).on("input.mask paste.mask",function(){B.prop("readonly")||setTimeout(function(){var a=A(!0);B.caret(a),h()},0)}),e&&f&&B.off("input.mask").on("input.mask",u),A()})}})}); \ No newline at end of file diff --git a/public/js_/jquery.select2.js b/public/js_/jquery.select2.js new file mode 100644 index 0000000..9439fce --- /dev/null +++ b/public/js_/jquery.select2.js @@ -0,0 +1 @@ +!function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t),t}:n(jQuery)}(function(u){var e=function(){if(u&&u.fn&&u.fn.select2&&u.fn.select2.amd)var e=u.fn.select2.amd;var t,n,r,h,o,s,f,g,m,v,y,_,i,a,b;function w(e,t){return i.call(e,t)}function l(e,t){var n,r,i,o,s,a,l,c,u,d,p,h=t&&t.split("/"),f=y.map,g=f&&f["*"]||{};if(e){for(s=(e=e.split("/")).length-1,y.nodeIdCompat&&b.test(e[s])&&(e[s]=e[s].replace(b,"")),"."===e[0].charAt(0)&&h&&(e=h.slice(0,h.length-1).concat(e)),u=0;u":">",'"':""","'":"'","/":"/"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return t[e]})},i.appendMany=function(e,t){if("1.7"===o.fn.jquery.substr(0,3)){var n=o();o.map(t,function(e){n=n.add(e)}),t=n}e.append(t)},i.__cache={};var n=0;return i.GetUniqueElementId=function(e){var t=e.getAttribute("data-select2-id");return null==t&&(e.id?(t=e.id,e.setAttribute("data-select2-id",t)):(e.setAttribute("data-select2-id",++n),t=n.toString())),t},i.StoreData=function(e,t,n){var r=i.GetUniqueElementId(e);i.__cache[r]||(i.__cache[r]={}),i.__cache[r][t]=n},i.GetData=function(e,t){var n=i.GetUniqueElementId(e);return t?i.__cache[n]&&null!=i.__cache[n][t]?i.__cache[n][t]:o(e).data(t):i.__cache[n]},i.RemoveData=function(e){var t=i.GetUniqueElementId(e);null!=i.__cache[t]&&delete i.__cache[t],e.removeAttribute("data-select2-id")},i}),e.define("select2/results",["jquery","./utils"],function(h,f){function r(e,t,n){this.$element=e,this.data=n,this.options=t,r.__super__.constructor.call(this)}return f.Extend(r,f.Observable),r.prototype.render=function(){var e=h('
    ');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},r.prototype.clear=function(){this.$results.empty()},r.prototype.displayMessage=function(e){var t=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var n=h(''),r=this.options.get("translations").get(e.message);n.append(t(r(e.args))),n[0].className+=" select2-results__message",this.$results.append(n)},r.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},r.prototype.append=function(e){this.hideLoading();var t=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var n=0;n",{class:"select2-results__options select2-results__options--nested"});p.append(l),s.append(a),s.append(p)}else this.template(e,t);return f.StoreData(t,"data",e),t},r.prototype.bind=function(t,e){var l=this,n=t.id+"-results";this.$results.attr("id",n),t.on("results:all",function(e){l.clear(),l.append(e.data),t.isOpen()&&(l.setClasses(),l.highlightFirstItem())}),t.on("results:append",function(e){l.append(e.data),t.isOpen()&&l.setClasses()}),t.on("query",function(e){l.hideMessages(),l.showLoading(e)}),t.on("select",function(){t.isOpen()&&(l.setClasses(),l.options.get("scrollAfterSelect")&&l.highlightFirstItem())}),t.on("unselect",function(){t.isOpen()&&(l.setClasses(),l.options.get("scrollAfterSelect")&&l.highlightFirstItem())}),t.on("open",function(){l.$results.attr("aria-expanded","true"),l.$results.attr("aria-hidden","false"),l.setClasses(),l.ensureHighlightVisible()}),t.on("close",function(){l.$results.attr("aria-expanded","false"),l.$results.attr("aria-hidden","true"),l.$results.removeAttr("aria-activedescendant")}),t.on("results:toggle",function(){var e=l.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),t.on("results:select",function(){var e=l.getHighlightedResults();if(0!==e.length){var t=f.GetData(e[0],"data");"true"==e.attr("aria-selected")?l.trigger("close",{}):l.trigger("select",{data:t})}}),t.on("results:previous",function(){var e=l.getHighlightedResults(),t=l.$results.find("[aria-selected]"),n=t.index(e);if(!(n<=0)){var r=n-1;0===e.length&&(r=0);var i=t.eq(r);i.trigger("mouseenter");var o=l.$results.offset().top,s=i.offset().top,a=l.$results.scrollTop()+(s-o);0===r?l.$results.scrollTop(0):s-o<0&&l.$results.scrollTop(a)}}),t.on("results:next",function(){var e=l.getHighlightedResults(),t=l.$results.find("[aria-selected]"),n=t.index(e)+1;if(!(n>=t.length)){var r=t.eq(n);r.trigger("mouseenter");var i=l.$results.offset().top+l.$results.outerHeight(!1),o=r.offset().top+r.outerHeight(!1),s=l.$results.scrollTop()+o-i;0===n?l.$results.scrollTop(0):ithis.$results.outerHeight()||o<0)&&this.$results.scrollTop(i)}},r.prototype.template=function(e,t){var n=this.options.get("templateResult"),r=this.options.get("escapeMarkup"),i=n(e,t);null==i?t.style.display="none":"string"==typeof i?t.innerHTML=r(i):h(t).append(i)},r}),e.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),e.define("select2/selection/base",["jquery","../utils","../keys"],function(n,r,i){function o(e,t){this.$element=e,this.options=t,o.__super__.constructor.call(this)}return r.Extend(o,r.Observable),o.prototype.render=function(){var e=n('');return this._tabindex=0,null!=r.GetData(this.$element[0],"old-tabindex")?this._tabindex=r.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),e.attr("aria-disabled","false"),this.$selection=e},o.prototype.bind=function(e,t){var n=this,r=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){n.trigger("focus",e)}),this.$selection.on("blur",function(e){n._handleBlur(e)}),this.$selection.on("keydown",function(e){n.trigger("keypress",e),e.which===i.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){n.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){n.update(e.data)}),e.on("open",function(){n.$selection.attr("aria-expanded","true"),n.$selection.attr("aria-owns",r),n._attachCloseHandler(e)}),e.on("close",function(){n.$selection.attr("aria-expanded","false"),n.$selection.removeAttr("aria-activedescendant"),n.$selection.removeAttr("aria-owns"),n.$selection.trigger("focus"),n._detachCloseHandler(e)}),e.on("enable",function(){n.$selection.attr("tabindex",n._tabindex),n.$selection.attr("aria-disabled","false")}),e.on("disable",function(){n.$selection.attr("tabindex","-1"),n.$selection.attr("aria-disabled","true")})},o.prototype._handleBlur=function(e){var t=this;window.setTimeout(function(){document.activeElement==t.$selection[0]||n.contains(t.$selection[0],document.activeElement)||t.trigger("blur",e)},1)},o.prototype._attachCloseHandler=function(e){n(document.body).on("mousedown.select2."+e.id,function(e){var t=n(e.target).closest(".select2");n(".select2.select2-container--open").each(function(){this!=t[0]&&r.GetData(this,"element").select2("close")})})},o.prototype._detachCloseHandler=function(e){n(document.body).off("mousedown.select2."+e.id)},o.prototype.position=function(e,t){t.find(".selection").append(e)},o.prototype.destroy=function(){this._detachCloseHandler(this.container)},o.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},o.prototype.isEnabled=function(){return!this.isDisabled()},o.prototype.isDisabled=function(){return this.options.get("disabled")},o}),e.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,t,n,r){function i(){i.__super__.constructor.apply(this,arguments)}return n.Extend(i,t),i.prototype.render=function(){var e=i.__super__.render.call(this);return e.addClass("select2-selection--single"),e.html(''),e},i.prototype.bind=function(t,e){var n=this;i.__super__.bind.apply(this,arguments);var r=t.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",r).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",r),this.$selection.on("mousedown",function(e){1===e.which&&n.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("blur",function(e){}),t.on("focus",function(e){t.isOpen()||n.$selection.trigger("focus")})},i.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},i.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},i.prototype.selectionContainer=function(){return e("")},i.prototype.update=function(e){if(0!==e.length){var t=e[0],n=this.$selection.find(".select2-selection__rendered"),r=this.display(t,n);n.empty().append(r);var i=t.title||t.text;i?n.attr("title",i):n.removeAttr("title")}else this.clear()},i}),e.define("select2/selection/multiple",["jquery","./base","../utils"],function(i,e,l){function n(e,t){n.__super__.constructor.apply(this,arguments)}return l.Extend(n,e),n.prototype.render=function(){var e=n.__super__.render.call(this);return e.addClass("select2-selection--multiple"),e.html('
      '),e},n.prototype.bind=function(e,t){var r=this;n.__super__.bind.apply(this,arguments),this.$selection.on("click",function(e){r.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){if(!r.isDisabled()){var t=i(this).parent(),n=l.GetData(t[0],"data");r.trigger("unselect",{originalEvent:e,data:n})}})},n.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},n.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},n.prototype.selectionContainer=function(){return i('
    • ×
      • ')},n.prototype.update=function(e){if(this.clear(),0!==e.length){for(var t=[],n=0;n×');a.StoreData(r[0],"data",t),this.$selection.find(".select2-selection__rendered").prepend(r)}},e}),e.define("select2/selection/search",["jquery","../utils","../keys"],function(r,a,l){function e(e,t,n){e.call(this,t,n)}return e.prototype.render=function(e){var t=r('
      • ');this.$searchContainer=t,this.$search=t.find("input");var n=e.call(this);return this._transferTabIndex(),n},e.prototype.bind=function(e,t,n){var r=this,i=t.id+"-results";e.call(this,t,n),t.on("open",function(){r.$search.attr("aria-controls",i),r.$search.trigger("focus")}),t.on("close",function(){r.$search.val(""),r.$search.removeAttr("aria-controls"),r.$search.removeAttr("aria-activedescendant"),r.$search.trigger("focus")}),t.on("enable",function(){r.$search.prop("disabled",!1),r._transferTabIndex()}),t.on("disable",function(){r.$search.prop("disabled",!0)}),t.on("focus",function(e){r.$search.trigger("focus")}),t.on("results:focus",function(e){e.data._resultId?r.$search.attr("aria-activedescendant",e.data._resultId):r.$search.removeAttr("aria-activedescendant")}),this.$selection.on("focusin",".select2-search--inline",function(e){r.trigger("focus",e)}),this.$selection.on("focusout",".select2-search--inline",function(e){r._handleBlur(e)}),this.$selection.on("keydown",".select2-search--inline",function(e){if(e.stopPropagation(),r.trigger("keypress",e),r._keyUpPrevented=e.isDefaultPrevented(),e.which===l.BACKSPACE&&""===r.$search.val()){var t=r.$searchContainer.prev(".select2-selection__choice");if(0this.maximumInputLength?this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),e.define("select2/data/maximumSelectionLength",[],function(){function e(e,t,n){this.maximumSelectionLength=n.get("maximumSelectionLength"),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var r=this;e.call(this,t,n),t.on("select",function(){r._checkIfMaximumSelected()})},e.prototype.query=function(e,t,n){var r=this;this._checkIfMaximumSelected(function(){e.call(r,t,n)})},e.prototype._checkIfMaximumSelected=function(e,n){var r=this;this.current(function(e){var t=null!=e?e.length:0;0=r.maximumSelectionLength?r.trigger("results:message",{message:"maximumSelected",args:{maximum:r.maximumSelectionLength}}):n&&n()})},e}),e.define("select2/dropdown",["jquery","./utils"],function(t,e){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return e.Extend(n,e.Observable),n.prototype.render=function(){var e=t('');return e.attr("dir",this.options.get("dir")),this.$dropdown=e},n.prototype.bind=function(){},n.prototype.position=function(e,t){},n.prototype.destroy=function(){this.$dropdown.remove()},n}),e.define("select2/dropdown/search",["jquery","../utils"],function(o,e){function t(){}return t.prototype.render=function(e){var t=e.call(this),n=o('');return this.$searchContainer=n,this.$search=n.find("input"),t.prepend(n),t},t.prototype.bind=function(e,t,n){var r=this,i=t.id+"-results";e.call(this,t,n),this.$search.on("keydown",function(e){r.trigger("keypress",e),r._keyUpPrevented=e.isDefaultPrevented()}),this.$search.on("input",function(e){o(this).off("keyup")}),this.$search.on("keyup input",function(e){r.handleSearch(e)}),t.on("open",function(){r.$search.attr("tabindex",0),r.$search.attr("aria-controls",i),r.$search.trigger("focus"),window.setTimeout(function(){r.$search.trigger("focus")},0)}),t.on("close",function(){r.$search.attr("tabindex",-1),r.$search.removeAttr("aria-controls"),r.$search.removeAttr("aria-activedescendant"),r.$search.val(""),r.$search.trigger("blur")}),t.on("focus",function(){t.isOpen()||r.$search.trigger("focus")}),t.on("results:all",function(e){null!=e.query.term&&""!==e.query.term||(r.showSearch(e)?r.$searchContainer.removeClass("select2-search--hide"):r.$searchContainer.addClass("select2-search--hide"))}),t.on("results:focus",function(e){e.data._resultId?r.$search.attr("aria-activedescendant",e.data._resultId):r.$search.removeAttr("aria-activedescendant")})},t.prototype.handleSearch=function(e){if(!this._keyUpPrevented){var t=this.$search.val();this.trigger("query",{term:t})}this._keyUpPrevented=!1},t.prototype.showSearch=function(e,t){return!0},t}),e.define("select2/dropdown/hidePlaceholder",[],function(){function e(e,t,n,r){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n,r)}return e.prototype.append=function(e,t){t.results=this.removePlaceholder(t.results),e.call(this,t)},e.prototype.normalizePlaceholder=function(e,t){return"string"==typeof t&&(t={id:"",text:t}),t},e.prototype.removePlaceholder=function(e,t){for(var n=t.slice(0),r=t.length-1;0<=r;r--){var i=t[r];this.placeholder.id===i.id&&n.splice(r,1)}return n},e}),e.define("select2/dropdown/infiniteScroll",["jquery"],function(n){function e(e,t,n,r){this.lastParams={},e.call(this,t,n,r),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return e.prototype.append=function(e,t){this.$loadingMore.remove(),this.loading=!1,e.call(this,t),this.showLoadingMore(t)&&(this.$results.append(this.$loadingMore),this.loadMoreIfNeeded())},e.prototype.bind=function(e,t,n){var r=this;e.call(this,t,n),t.on("query",function(e){r.lastParams=e,r.loading=!0}),t.on("query:append",function(e){r.lastParams=e,r.loading=!0}),this.$results.on("scroll",this.loadMoreIfNeeded.bind(this))},e.prototype.loadMoreIfNeeded=function(){var e=n.contains(document.documentElement,this.$loadingMore[0]);if(!this.loading&&e){var t=this.$results.offset().top+this.$results.outerHeight(!1);this.$loadingMore.offset().top+this.$loadingMore.outerHeight(!1)<=t+50&&this.loadMore()}},e.prototype.loadMore=function(){this.loading=!0;var e=n.extend({},{page:1},this.lastParams);e.page++,this.trigger("query:append",e)},e.prototype.showLoadingMore=function(e,t){return t.pagination&&t.pagination.more},e.prototype.createLoadingMore=function(){var e=n('
    • '),t=this.options.get("translations").get("loadingMore");return e.html(t(this.lastParams)),e},e}),e.define("select2/dropdown/attachBody",["jquery","../utils"],function(f,a){function e(e,t,n){this.$dropdownParent=f(n.get("dropdownParent")||document.body),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var r=this;e.call(this,t,n),t.on("open",function(){r._showDropdown(),r._attachPositioningHandler(t),r._bindContainerResultHandlers(t)}),t.on("close",function(){r._hideDropdown(),r._detachPositioningHandler(t)}),this.$dropdownContainer.on("mousedown",function(e){e.stopPropagation()})},e.prototype.destroy=function(e){e.call(this),this.$dropdownContainer.remove()},e.prototype.position=function(e,t,n){t.attr("class",n.attr("class")),t.removeClass("select2"),t.addClass("select2-container--open"),t.css({position:"absolute",top:-999999}),this.$container=n},e.prototype.render=function(e){var t=f(""),n=e.call(this);return t.append(n),this.$dropdownContainer=t},e.prototype._hideDropdown=function(e){this.$dropdownContainer.detach()},e.prototype._bindContainerResultHandlers=function(e,t){if(!this._containerResultsHandlersBound){var n=this;t.on("results:all",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:append",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:message",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("select",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("unselect",function(){n._positionDropdown(),n._resizeDropdown()}),this._containerResultsHandlersBound=!0}},e.prototype._attachPositioningHandler=function(e,t){var n=this,r="scroll.select2."+t.id,i="resize.select2."+t.id,o="orientationchange.select2."+t.id,s=this.$container.parents().filter(a.hasScroll);s.each(function(){a.StoreData(this,"select2-scroll-position",{x:f(this).scrollLeft(),y:f(this).scrollTop()})}),s.on(r,function(e){var t=a.GetData(this,"select2-scroll-position");f(this).scrollTop(t.y)}),f(window).on(r+" "+i+" "+o,function(e){n._positionDropdown(),n._resizeDropdown()})},e.prototype._detachPositioningHandler=function(e,t){var n="scroll.select2."+t.id,r="resize.select2."+t.id,i="orientationchange.select2."+t.id;this.$container.parents().filter(a.hasScroll).off(n),f(window).off(n+" "+r+" "+i)},e.prototype._positionDropdown=function(){var e=f(window),t=this.$dropdown.hasClass("select2-dropdown--above"),n=this.$dropdown.hasClass("select2-dropdown--below"),r=null,i=this.$container.offset();i.bottom=i.top+this.$container.outerHeight(!1);var o={height:this.$container.outerHeight(!1)};o.top=i.top,o.bottom=i.top+o.height;var s=this.$dropdown.outerHeight(!1),a=e.scrollTop(),l=e.scrollTop()+e.height(),c=ai.bottom+s,d={left:i.left,top:o.bottom},p=this.$dropdownParent;"static"===p.css("position")&&(p=p.offsetParent());var h={top:0,left:0};(f.contains(document.body,p[0])||p[0].isConnected)&&(h=p.offset()),d.top-=h.top,d.left-=h.left,t||n||(r="below"),u||!c||t?!c&&u&&t&&(r="below"):r="above",("above"==r||t&&"below"!==r)&&(d.top=o.top-h.top-s),null!=r&&(this.$dropdown.removeClass("select2-dropdown--below select2-dropdown--above").addClass("select2-dropdown--"+r),this.$container.removeClass("select2-container--below select2-container--above").addClass("select2-container--"+r)),this.$dropdownContainer.css(d)},e.prototype._resizeDropdown=function(){var e={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(e.minWidth=e.width,e.position="relative",e.width="auto"),this.$dropdown.css(e)},e.prototype._showDropdown=function(e){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},e}),e.define("select2/dropdown/minimumResultsForSearch",[],function(){function e(e,t,n,r){this.minimumResultsForSearch=n.get("minimumResultsForSearch"),this.minimumResultsForSearch<0&&(this.minimumResultsForSearch=1/0),e.call(this,t,n,r)}return e.prototype.showSearch=function(e,t){return!(function e(t){for(var n=0,r=0;r');return e.attr("dir",this.options.get("dir")),this.$container=e,this.$container.addClass("select2-container--"+this.options.get("theme")),u.StoreData(e[0],"element",this.$element),e},d}),e.define("jquery-mousewheel",["jquery"],function(e){return e}),e.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(i,e,o,t,s){if(null==i.fn.select2){var a=["open","close","destroy"];i.fn.select2=function(t){if("object"==typeof(t=t||{}))return this.each(function(){var e=i.extend(!0,{},t);new o(i(this),e)}),this;if("string"!=typeof t)throw new Error("Invalid arguments for Select2: "+t);var n,r=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=s.GetData(this,"select2");null==e&&window.console&&console.error&&console.error("The select2('"+t+"') method was called on an element that is not using Select2."),n=e[t].apply(e,r)}),-1 { + scripts(); + swipers(); +}); + +$(window).resize(function () { + swipers(); +}); diff --git a/public/js_/swiper.js b/public/js_/swiper.js new file mode 100644 index 0000000..2f040ef --- /dev/null +++ b/public/js_/swiper.js @@ -0,0 +1 @@ +var Swiper=function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={}),Object.keys(a).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}function n(e,t){return void 0===t&&(t=0),setTimeout(e,t)}function l(){return Date.now()}function o(e,t){void 0===t&&(t="x");const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function d(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function c(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let a=1;at.indexOf(e)<0));for(let t=0,a=s.length;tn?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}function m(e){return e.querySelector(".swiper-slide-transform")||e.shadowRoot&&e.shadowRoot.querySelector(".swiper-slide-transform")||e}function h(e,t){return void 0===t&&(t=""),[...e.children].filter((e=>e.matches(t)))}function f(e,t){void 0===t&&(t=[]);const s=document.createElement(e);return s.classList.add(...Array.isArray(t)?t:[t]),s}function g(e){const t=r(),s=a(),i=e.getBoundingClientRect(),n=s.body,l=e.clientTop||n.clientTop||0,o=e.clientLeft||n.clientLeft||0,d=e===t?t.scrollY:e.scrollTop,c=e===t?t.scrollX:e.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}function v(e,t){return r().getComputedStyle(e,null).getPropertyValue(t)}function w(e){let t,s=e;if(s){for(t=0;null!==(s=s.previousSibling);)1===s.nodeType&&(t+=1);return t}}function b(e,t){const s=[];let a=e.parentElement;for(;a;)t?a.matches(t)&&s.push(a):s.push(a),a=a.parentElement;return s}function y(e,t){t&&e.addEventListener("transitionend",(function s(a){a.target===e&&(t.call(e,a),e.removeEventListener("transitionend",s))}))}function E(e,t,s){const a=r();return s?e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-left":"margin-bottom")):e.offsetWidth}let x,S,T;function M(){return x||(x=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&t.documentElement.style&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch)}}()),x}function C(e){return void 0===e&&(e={}),S||(S=function(e){let{userAgent:t}=void 0===e?{}:e;const s=M(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),m=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!h&&(l.os="android",l.android=!0),(p||m||u)&&(l.os="ios",l.ios=!0),l}(e)),S}function P(){return T||(T=function(){const e=r();let t=!1;function s(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}if(s()){const s=String(e.navigator.userAgent);if(s.includes("Version/")){const[e,a]=s.split("Version/")[1].split(" ")[0].split(".").map((e=>Number(e)));t=e<16||16===e&&a<2}}return{isSafari:t||s(),needPerspectiveFix:t,isWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent)}}()),T}var L={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};const z=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){const t=s.querySelector(`.${e.params.lazyPreloaderClass}`);t&&t.remove()}},A=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},$=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+a+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&A(e,s)}))}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(tr)&&A(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a=0?T=parseFloat(T.replace("%",""))/100*n:"string"==typeof T&&(T=parseFloat(T)),e.virtualSize=-T,u.forEach((e=>{l?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),a.centeredSlides&&a.cssMode&&(p(i,"--swiper-centered-offset-before",""),p(i,"--swiper-centered-offset-after",""));const L=a.grid&&a.grid.rows>1&&e.grid;let z;L&&e.grid.initSlides(m);const A="auto"===a.slidesPerView&&a.breakpoints&&Object.keys(a.breakpoints).filter((e=>void 0!==a.breakpoints[e].slidesPerView)).length>0;for(let i=0;i1&&f.push(e.virtualSize-n)}if(d&&a.loop){const t=w[0]+T;if(a.slidesPerGroup>1){const s=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/a.slidesPerGroup),i=t*a.slidesPerGroup;for(let e=0;e!(a.cssMode&&!a.loop)||t!==u.length-1)).forEach((e=>{e.style[s]=`${T}px`}))}if(a.centeredSlides&&a.centeredSlidesBounds){let e=0;w.forEach((t=>{e+=t+(T||0)})),e-=T;const t=e-n;f=f.map((e=>e<=0?-b:e>t?t+y:e))}if(a.centerInsufficientSlides){let e=0;if(w.forEach((t=>{e+=t+(T||0)})),e-=T,e{f[s]=e-t})),g.forEach(((e,s)=>{g[s]=e+t}))}}if(Object.assign(e,{slides:u,snapGrid:f,slidesGrid:g,slidesSizesGrid:w}),a.centeredSlides&&a.cssMode&&!a.centeredSlidesBounds){p(i,"--swiper-centered-offset-before",-f[0]+"px"),p(i,"--swiper-centered-offset-after",e.size/2-w[w.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(m!==c&&e.emit("slidesLengthChange"),f.length!==x&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),g.length!==S&&e.emit("slidesGridLengthChange"),a.watchSlidesProgress&&e.updateSlidesOffset(),!(d||a.cssMode||"slide"!==a.effect&&"fade"!==a.effect)){const t=`${a.containerModifierClass}backface-hidden`,s=e.el.classList.contains(t);m<=a.maxBackfaceHiddenSlides?s||e.el.classList.add(t):s&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach((e=>{s.push(e)}));else for(i=0;it.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;ir?e:r}(r||0===r)&&(t.wrapperEl.style.height=`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let a=0;a{e.classList.remove(s.slideVisibleClass)})),t.visibleSlidesIndexes=[],t.visibleSlides=[];let l=s.spaceBetween;"string"==typeof l&&l.indexOf("%")>=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e=0&&u1&&m<=t.size||u<=0&&m>=t.size)&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e),a[e].classList.add(s.slideVisibleClass)),o.progress=i?-c:c,o.originalProgress=i?-p:p}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n,progressLoop:l}=t;const o=r,d=n;if(0===a)i=0,r=!0,n=!0;else{i=(e-t.minTranslate())/a;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;r=s||i<=0,n=l||i>=1,s&&(i=0),l&&(i=1)}if(s.loop){const s=t.getSlideIndexByData(0),a=t.getSlideIndexByData(t.slides.length-1),i=t.slidesGrid[s],r=t.slidesGrid[a],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=i?(o-i)/n:(o+n-r)/n,l>1&&(l-=1)}Object.assign(t,{progress:i,progressLoop:l,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!r||d&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:a,activeIndex:i}=e,r=e.virtual&&s.virtual.enabled,n=e=>h(a,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let l;if(t.forEach((e=>{e.classList.remove(s.slideActiveClass,s.slideNextClass,s.slidePrevClass)})),r)if(s.loop){let t=i-e.virtual.slidesBefore;t<0&&(t=e.virtual.slides.length+t),t>=e.virtual.slides.length&&(t-=e.virtual.slides.length),l=n(`[data-swiper-slide-index="${t}"]`)}else l=n(`[data-swiper-slide-index="${i}"]`);else l=t[i];if(l){l.classList.add(s.slideActiveClass);let e=function(e,t){const s=[];for(;e.nextElementSibling;){const a=e.nextElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(l,`.${s.slideClass}, swiper-slide`)[0];s.loop&&!e&&(e=t[0]),e&&e.classList.add(s.slideNextClass);let a=function(e,t){const s=[];for(;e.previousElementSibling;){const a=e.previousElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(l,`.${s.slideClass}, swiper-slide`)[0];s.loop&&0===!a&&(a=t[t.length-1]),a&&a.classList.add(s.slidePrevClass)}e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:a,params:i,activeIndex:r,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{let s=e-t.virtual.slidesBefore;return s<0&&(s=t.virtual.slides.length+s),s>=t.virtual.slides.length&&(s-=t.virtual.slides.length),s};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,a=e.rtlTranslate?e.translate:-e.translate;let i;for(let e=0;e=t[e]&&a=t[e]&&a=t[e]&&(i=e);return s.normalizeSlideIndex&&(i<0||void 0===i)&&(i=0),i}(t)),a.indexOf(s)>=0)o=a.indexOf(s);else{const e=Math.min(i.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/i.slidesPerGroup)}if(o>=a.length&&(o=a.length-1),d===r)return o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")),void(t.params.loop&&t.virtual&&t.params.virtual.enabled&&(t.realIndex=c(d)));let p;p=t.virtual&&i.virtual.enabled&&i.loop?c(d):t.slides[d]?parseInt(t.slides[d].getAttribute("data-swiper-slide-index")||d,10):d,Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:p,previousIndex:r,activeIndex:d}),t.initialized&&$(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),n!==p&&t.emit("realIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&t.emit("slideChange")},updateClickedSlide:function(e){const t=this,s=t.params,a=e.closest(`.${s.slideClass}, swiper-slide`);let i,r=!1;if(a)for(let e=0;eo?o:a&&en?"next":r=o.length&&(v=o.length-1);const w=-o[v];if(l.normalizeSlideIndex)for(let e=0;e=s&&t=s&&t=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&(m?w>r.translate&&w>r.minTranslate():wr.translate&&w>r.maxTranslate()&&(p||0)!==n)return!1}let b;if(n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(w),b=n>p?"next":n0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,t&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}))}else{if(!r.support.smoothScroll)return u({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this;let r=e;return i.params.loop&&(i.virtual&&i.params.virtual.enabled?r+=i.virtual.slidesBefore:r=i.getSlideIndexByData(r)),i.slideTo(r,t,s,a)},slideNext:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{enabled:i,params:r,animating:n}=a;if(!i)return a;let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndexp(e)));let h=r[m.indexOf(u)-1];if(void 0===h&&i.cssMode){let e;r.forEach(((t,s)=>{u>=t&&(e=s)})),void 0!==e&&(h=r[e>0?e-1:e])}let f=0;if(void 0!==h&&(f=n.indexOf(h),f<0&&(f=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(f=f-a.slidesPerViewDynamic("previous",!0)+1,f=Math.max(f,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return a.slideTo(f,e,t,s)},slideReset:function(e,t,s){return void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),this.slideTo(this.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this,{params:t,slidesEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.clickedIndex;const l=e.isElement?"swiper-slide":`.${t.slideClass}`;if(t.loop){if(e.animating)return;i=parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10),t.centeredSlides?re.slides.length-e.loopedSlides+a/2?(e.loopFix(),r=e.getSlideIndex(h(s,`${l}[data-swiper-slide-index="${i}"]`)[0]),n((()=>{e.slideTo(r)}))):e.slideTo(r):r>e.slides.length-a?(e.loopFix(),r=e.getSlideIndex(h(s,`${l}[data-swiper-slide-index="${i}"]`)[0]),n((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var G={loopCreate:function(e){const t=this,{params:s,slidesEl:a}=t;if(!s.loop||t.virtual&&t.params.virtual.enabled)return;h(a,`.${s.slideClass}, swiper-slide`).forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t)})),t.loopFix({slideRealIndex:e,direction:s.centeredSlides?void 0:"next"})},loopFix:function(e){let{slideRealIndex:t,slideTo:s=!0,direction:a,setTranslate:i,activeSlideIndex:r,byController:n,byMousewheel:l}=void 0===e?{}:e;const o=this;if(!o.params.loop)return;o.emit("beforeLoopFix");const{slides:d,allowSlidePrev:c,allowSlideNext:p,slidesEl:u,params:m}=o;if(o.allowSlidePrev=!0,o.allowSlideNext=!0,o.virtual&&m.virtual.enabled)return s&&(m.centeredSlides||0!==o.snapIndex?m.centeredSlides&&o.snapIndexe.classList.contains(m.slideActiveClass)))[0]):w=r;const b="next"===a||!a,y="prev"===a||!a;let E=0,x=0;if(ro.slides.length-2*f){x=Math.max(r-(o.slides.length-2*f),m.slidesPerGroup);for(let e=0;e{o.slides[e].swiperLoopMoveDOM=!0,u.prepend(o.slides[e]),o.slides[e].swiperLoopMoveDOM=!1})),b&&v.forEach((e=>{o.slides[e].swiperLoopMoveDOM=!0,u.append(o.slides[e]),o.slides[e].swiperLoopMoveDOM=!1})),o.recalcSlides(),"auto"===m.slidesPerView&&o.updateSlides(),m.watchSlidesProgress&&o.updateSlidesOffset(),s)if(g.length>0&&y)if(void 0===t){const e=o.slidesGrid[w],t=o.slidesGrid[w+E]-e;l?o.setTranslate(o.translate-t):(o.slideTo(w+E,0,!1,!0),i&&(o.touches[o.isHorizontal()?"startX":"startY"]+=t,o.touchEventsData.currentTranslate=o.translate))}else i&&(o.slideToLoop(t,0,!1,!0),o.touchEventsData.currentTranslate=o.translate);else if(v.length>0&&b)if(void 0===t){const e=o.slidesGrid[w],t=o.slidesGrid[w-x]-e;l?o.setTranslate(o.translate-t):(o.slideTo(w-x,0,!1,!0),i&&(o.touches[o.isHorizontal()?"startX":"startY"]+=t,o.touchEventsData.currentTranslate=o.translate))}else o.slideToLoop(t,0,!1,!0);if(o.allowSlidePrev=c,o.allowSlideNext=p,o.controller&&o.controller.control&&!n){const e={slideRealIndex:t,slideTo:!1,direction:a,setTranslate:i,activeSlideIndex:r,byController:!0};Array.isArray(o.controller.control)?o.controller.control.forEach((t=>{!t.destroyed&&t.params.loop&&t.loopFix(e)})):o.controller.control instanceof o.constructor&&o.controller.control.params.loop&&o.controller.control.loopFix(e)}o.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||e.virtual&&e.params.virtual.enabled)return;e.recalcSlides();const a=[];e.slides.forEach((e=>{const t=void 0===e.swiperSlideIndex?1*e.getAttribute("data-swiper-slide-index"):e.swiperSlideIndex;a[t]=e})),e.slides.forEach((e=>{e.removeAttribute("data-swiper-slide-index")})),a.forEach((e=>{s.append(e)})),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function H(e){const t=this,s=a(),i=r(),n=t.touchEventsData;n.evCache.push(e);const{params:o,touches:d,enabled:c}=t;if(!c)return;if(!o.simulateTouch&&"mouse"===e.pointerType)return;if(t.animating&&o.preventInteractionOnTransition)return;!t.animating&&o.cssMode&&o.loop&&t.loopFix();let p=e;p.originalEvent&&(p=p.originalEvent);let u=p.target;if("wrapper"===o.touchEventsTarget&&!t.wrapperEl.contains(u))return;if("which"in p&&3===p.which)return;if("button"in p&&p.button>0)return;if(n.isTouched&&n.isMoved)return;const m=!!o.noSwipingClass&&""!==o.noSwipingClass,h=e.composedPath?e.composedPath():e.path;m&&p.target&&p.target.shadowRoot&&h&&(u=h[0]);const f=o.noSwipingSelector?o.noSwipingSelector:`.${o.noSwipingClass}`,g=!(!p.target||!p.target.shadowRoot);if(o.noSwiping&&(g?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(f,u):u.closest(f)))return void(t.allowClick=!0);if(o.swipeHandler&&!u.closest(o.swipeHandler))return;d.currentX=p.pageX,d.currentY=p.pageY;const v=d.currentX,w=d.currentY,b=o.edgeSwipeDetection||o.iOSEdgeSwipeDetection,y=o.edgeSwipeThreshold||o.iOSEdgeSwipeThreshold;if(b&&(v<=y||v>=i.innerWidth-y)){if("prevent"!==b)return;e.preventDefault()}Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=v,d.startY=w,n.touchStartTime=l(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,o.threshold>0&&(n.allowThresholdMove=!1);let E=!0;u.matches(n.focusableElements)&&(E=!1,"SELECT"===u.nodeName&&(n.isTouched=!1)),s.activeElement&&s.activeElement.matches(n.focusableElements)&&s.activeElement!==u&&s.activeElement.blur();const x=E&&t.allowTouchMove&&o.touchStartPreventDefault;!o.touchStartForcePreventDefault&&!x||u.isContentEditable||p.preventDefault(),o.freeMode&&o.freeMode.enabled&&t.freeMode&&t.animating&&!o.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",p)}function X(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:o,enabled:d}=s;if(!d)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;let c=e;if(c.originalEvent&&(c=c.originalEvent),!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",c));const p=i.evCache.findIndex((e=>e.pointerId===c.pointerId));p>=0&&(i.evCache[p]=c);const u=i.evCache.length>1?i.evCache[0]:c,m=u.pageX,h=u.pageY;if(c.preventedByNestedSwiper)return n.startX=m,void(n.startY=h);if(!s.allowTouchMove)return c.target.matches(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:m,startY:h,prevX:s.touches.currentX,prevY:s.touches.currentY,currentX:m,currentY:h}),i.touchStartTime=l()));if(r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(hn.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else if(mn.startX&&s.translate>=s.minTranslate())return;if(t.activeElement&&c.target===t.activeElement&&c.target.matches(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);if(i.allowTouchCallbacks&&s.emit("touchMove",c),c.targetTouches&&c.targetTouches.length>1)return;n.currentX=m,n.currentY=h;const f=n.currentX-n.startX,g=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(f**2+g**2)=25&&(e=180*Math.atan2(Math.abs(g),Math.abs(f))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",c),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling||s.zoom&&s.params.zoom&&s.params.zoom.enabled&&i.evCache.length>1)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&c.cancelable&&c.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&c.stopPropagation();let v=s.isHorizontal()?f:g,w=s.isHorizontal()?n.currentX-n.previousX:n.currentY-n.previousY;r.oneWayMovement&&(v=Math.abs(v)*(o?1:-1),w=Math.abs(w)*(o?1:-1)),n.diff=v,v*=r.touchRatio,o&&(v=-v,w=-w);const b=s.touchesDirection;s.swipeDirection=v>0?"prev":"next",s.touchesDirection=w>0?"prev":"next";const y=s.params.loop&&!r.cssMode;if(!i.isMoved){if(y&&s.loopFix({direction:s.swipeDirection}),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});s.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",c)}let E;i.isMoved&&b!==s.touchesDirection&&y&&Math.abs(v)>=1&&(s.loopFix({direction:s.swipeDirection,setTranslate:!0}),E=!0),s.emit("sliderMove",c),i.isMoved=!0,i.currentTranslate=v+i.startTranslate;let x=!0,S=r.resistanceRatio;if(r.touchReleaseOnEdges&&(S=0),v>0?(y&&!E&&i.currentTranslate>(r.centeredSlides?s.minTranslate()-s.size/2:s.minTranslate())&&s.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>s.minTranslate()&&(x=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+v)**S))):v<0&&(y&&!E&&i.currentTranslate<(r.centeredSlides?s.maxTranslate()+s.size/2:s.maxTranslate())&&s.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:s.slides.length-("auto"===r.slidesPerView?s.slidesPerViewDynamic():Math.ceil(parseFloat(r.slidesPerView,10)))}),i.currentTranslatei.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(v)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function Y(e){const t=this,s=t.touchEventsData,a=s.evCache.findIndex((t=>t.pointerId===e.pointerId));if(a>=0&&s.evCache.splice(a,1),["pointercancel","pointerout","pointerleave"].includes(e.type)){if(!("pointercancel"===e.type&&(t.browser.isSafari||t.browser.isWebView)))return}const{params:i,touches:r,rtlTranslate:o,slidesGrid:d,enabled:c}=t;if(!c)return;if(!i.simulateTouch&&"mouse"===e.pointerType)return;let p=e;if(p.originalEvent&&(p=p.originalEvent),s.allowTouchCallbacks&&t.emit("touchEnd",p),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&i.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);i.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const u=l(),m=u-s.touchStartTime;if(t.allowClick){const e=p.path||p.composedPath&&p.composedPath();t.updateClickedSlide(e&&e[0]||p.target),t.emit("tap click",p),m<300&&u-s.lastClickTime<300&&t.emit("doubleTap doubleClick",p)}if(s.lastClickTime=l(),n((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===r.diff||s.currentTranslate===s.startTranslate)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=i.followFinger?o?t.translate:-t.translate:-s.currentTranslate,i.cssMode)return;if(i.freeMode&&i.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});let f=0,g=t.slidesSizesGrid[0];for(let e=0;e=d[e]&&h=d[e]&&(f=e,g=d[d.length-1]-d[d.length-2])}let v=null,w=null;i.rewind&&(t.isBeginning?w=i.virtual&&i.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(v=0));const b=(h-d[f])/g,y=fi.longSwipesMs){if(!i.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(b>=i.longSwipesRatio?t.slideTo(i.rewind&&t.isEnd?v:f+y):t.slideTo(f)),"prev"===t.swipeDirection&&(b>1-i.longSwipesRatio?t.slideTo(f+y):null!==w&&b<0&&Math.abs(b)>i.longSwipesRatio?t.slideTo(w):t.slideTo(f))}else{if(!i.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(p.target===t.navigation.nextEl||p.target===t.navigation.prevEl)?p.target===t.navigation.nextEl?t.slideTo(f+y):t.slideTo(f):("next"===t.swipeDirection&&t.slideTo(null!==v?v:f+y),"prev"===t.swipeDirection&&t.slideTo(null!==w?w:f))}}function N(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e,n=e.virtual&&e.params.virtual.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l?e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0):e.slideTo(e.slides.length-1,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&(clearTimeout(e.autoplay.resizeTimeout),e.autoplay.resizeTimeout=setTimeout((()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()}),500)),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function B(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function R(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function q(e){const t=this;z(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update()}let F=!1;function _(){}const V=(e,t)=>{const s=a(),{params:i,el:r,wrapperEl:n,device:l}=e,o=!!i.nested,d="on"===t?"addEventListener":"removeEventListener",c=t;r[d]("pointerdown",e.onTouchStart,{passive:!1}),s[d]("pointermove",e.onTouchMove,{passive:!1,capture:o}),s[d]("pointerup",e.onTouchEnd,{passive:!0}),s[d]("pointercancel",e.onTouchEnd,{passive:!0}),s[d]("pointerout",e.onTouchEnd,{passive:!0}),s[d]("pointerleave",e.onTouchEnd,{passive:!0}),(i.preventClicks||i.preventClicksPropagation)&&r[d]("click",e.onClick,!0),i.cssMode&&n[d]("scroll",e.onScroll),i.updateOnWindowResize?e[c](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",N,!0):e[c]("observerUpdate",N,!0),r[d]("load",e.onLoad,{capture:!0})};const j=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var W={init:!0,direction:"horizontal",oneWayMovement:!1,touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopedSlides:null,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function U(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(["navigation","pagination","scrollbar"].indexOf(a)>=0&&!0===e[a]&&(e[a]={auto:!0}),a in e&&"enabled"in i?(!0===e[a]&&(e[a]={enabled:!0}),"object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),c(t,s)):c(t,s)):c(t,s)}}const K={eventsEmitter:L,update:I,translate:k,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||(s.wrapperEl.style.transitionDuration=`${e}ms`),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),O({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),O({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:D,loop:G,grabCursor:{setGrabCursor:function(e){const t=this;if(!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;t.isElement&&(t.__preventObserver__=!0),s.style.cursor="move",s.style.cursor=e?"grabbing":"grab",t.isElement&&requestAnimationFrame((()=>{t.__preventObserver__=!1}))},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame((()=>{e.__preventObserver__=!1})))}},events:{attachEvents:function(){const e=this,t=a(),{params:s}=e;e.onTouchStart=H.bind(e),e.onTouchMove=X.bind(e),e.onTouchEnd=Y.bind(e),s.cssMode&&(e.onScroll=R.bind(e)),e.onClick=B.bind(e),e.onLoad=q.bind(e),F||(t.addEventListener("touchstart",_),F=!0),V(e,"on")},detachEvents:function(){V(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:a,el:i}=e,r=a.breakpoints;if(!r||r&&0===Object.keys(r).length)return;const n=e.getBreakpoint(r,e.params.breakpointsBase,e.el);if(!n||e.currentBreakpoint===n)return;const l=(n in r?r[n]:void 0)||e.originalParams,o=j(e,a),d=j(e,l),p=a.enabled;o&&!d?(i.classList.remove(`${a.containerModifierClass}grid`,`${a.containerModifierClass}grid-column`),e.emitContainerClasses()):!o&&d&&(i.classList.add(`${a.containerModifierClass}grid`),(l.grid.fill&&"column"===l.grid.fill||!l.grid.fill&&"column"===a.grid.fill)&&i.classList.add(`${a.containerModifierClass}grid-column`),e.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach((t=>{if(void 0===l[t])return;const s=a[t]&&a[t].enabled,i=l[t]&&l[t].enabled;s&&!i&&e[t].disable(),!s&&i&&e[t].enable()}));const u=l.direction&&l.direction!==a.direction,m=a.loop&&(l.slidesPerView!==a.slidesPerView||u);u&&s&&e.changeDirection(),c(e.params,l);const h=e.params.enabled;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),p&&!h?e.disable():!p&&h&&e.enable(),e.currentBreakpoint=n,e.emit("_beforeBreakpoint",l),m&&s&&(e.loopDestroy(),e.loopCreate(t),e.updateSlides()),e.emit("breakpoint",l)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;es}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,el:i,device:r}=e,n=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),i.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e.classList.remove(...t),this.emitContainerClasses()}}},Z={};class Q{constructor(){let e,t;for(var s=arguments.length,i=new Array(s),r=0;r1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=c({},t,{el:s});e.push(new Q(a))})),e}const l=this;l.__swiper__=!0,l.support=M(),l.device=C({userAgent:t.userAgent}),l.browser=P(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:U(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=c({},W,o);return l.params=c({},d,Z,t),l.originalParams=c({},l.params),l.passedParams=c({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,evCache:[]},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=w(h(t,`.${s.slideClass}, swiper-slide`)[0]);return w(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter((t=>1*t.getAttribute("data-swiper-slide-index")===e))[0])}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=h(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if(s.centeredSlides){let e,t=a[l]?a[l].swiperSlideSize:0;for(let s=l+1;sn&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e=0;e-=1){i[l]-i[e]{t.complete&&z(e,t)})),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode&&s.freeMode.enabled&&!s.cssMode)a(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual.enabled?e.virtual.slides:e.slides;i=e.slideTo(t.length-1,0,!1,!0)}else i=e.slideTo(e.activeIndex,0,!1,!0);i||a()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${a}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;let s=e||t.params.el;if("string"==typeof s&&(s=document.querySelector(s)),!s)return!1;s.swiper=t,s.parentNode&&s.parentNode.host&&"SWIPER-CONTAINER"===s.parentNode.host.nodeName&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let i=(()=>{if(s&&s.shadowRoot&&s.shadowRoot.querySelector){return s.shadowRoot.querySelector(a())}return h(s,a())[0]})();return!i&&t.params.createElements&&(i=f("div",t.params.wrapperClass),s.append(i),h(s,`.${t.params.slideClass}`).forEach((e=>{i.append(e)}))),Object.assign(t,{el:s,wrapperEl:i,slidesEl:t.isElement&&!s.parentNode.host.slideSlots?s.parentNode.host:i,hostEl:t.isElement?s.parentNode.host:s,mounted:!0,rtl:"rtl"===s.dir.toLowerCase()||"rtl"===v(s,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===s.dir.toLowerCase()||"rtl"===v(s,"direction")),wrongRTL:"-webkit-box"===v(i,"display")}),!0}init(e){const t=this;if(t.initialized)return t;return!1===t.mount(e)||(t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual.enabled?t.slideTo(t.params.initialSlide+t.virtual.slidesBefore,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(),t.attachEvents(),[...t.el.querySelectorAll('[loading="lazy"]')].forEach((e=>{e.complete?z(t,e):e.addEventListener("load",(e=>{z(t,e.target)}))})),$(t),t.initialized=!0,$(t),t.emit("init"),t.emit("afterInit")),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,el:i,wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i.removeAttribute("style"),r.removeAttribute("style"),n&&n.length&&n.forEach((e=>{e.classList.remove(a.slideVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")}))),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.el.swiper=null,function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){c(Z,e)}static get extendedDefaults(){return Z}static get defaults(){return W}static installModule(e){Q.prototype.__modules__||(Q.prototype.__modules__=[]);const t=Q.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>Q.installModule(e))),Q):(Q.installModule(e),Q)}}function J(e,t,s,a){return e.params.createElements&&Object.keys(a).forEach((i=>{if(!s[i]&&!0===s.auto){let r=h(e.el,`.${a[i]}`)[0];r||(r=f("div",a[i]),r.className=a[i],e.el.append(r)),s[i]=r,t[i]=r}})),s}function ee(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function te(e){const t=this,{params:s,slidesEl:a}=t;s.loop&&t.loopDestroy();const i=e=>{if("string"==typeof e){const t=document.createElement("div");t.innerHTML=e,a.append(t.children[0]),t.innerHTML=""}else a.append(e)};if("object"==typeof e&&"length"in e)for(let t=0;t{if("string"==typeof e){const t=document.createElement("div");t.innerHTML=e,i.prepend(t.children[0]),t.innerHTML=""}else i.prepend(e)};if("object"==typeof e&&"length"in e){for(let t=0;t=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;ee?n+t.length:n}else r.append(t);for(let e=0;e{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function le(e,t){const s=m(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style["-webkit-backface-visibility"]="hidden"),s}function oe(e){let{swiper:t,duration:s,transformElements:a,allSlides:i}=e;const{activeIndex:r}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a:a.filter((e=>{const s=e.classList.contains("swiper-slide-transform")?(e=>{if(!e.parentElement)return t.slides.filter((t=>t.shadowRoot&&t.shadowRoot===e.parentNode))[0];return e.parentElement})(e):e;return t.getSlideIndex(s)===r})),e.forEach((e=>{y(e,(()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(e)}))}))}}function de(e,t,s){const a=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,i=m(t);let r=i.querySelector(`.${a.split(" ").join(".")}`);return r||(r=f("div",a.split(" ")),i.append(r)),r}Object.keys(K).forEach((e=>{Object.keys(K[e]).forEach((t=>{Q.prototype[t]=K[e][t]}))})),Q.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,s){void 0===s&&(s={});const a=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(t.__preventObserver__)return;if(1===e.length)return void i("observerUpdate",e[0]);const s=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(s):l.setTimeout(s,0)}));a.observe(e,{attributes:void 0===s.attributes||s.attributes,childList:void 0===s.childList||s.childList,characterData:void 0===s.characterData||s.characterData}),n.push(a)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=b(t.hostEl);for(let t=0;t{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const ce=[function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;i({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});const l=a();s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const o=l.createElement("div");function d(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];let i;return a.renderSlide?(i=a.renderSlide.call(s,e,t),"string"==typeof i&&(o.innerHTML=i,i=o.children[0])):i=s.isElement?f("swiper-slide"):f("div",s.params.slideClass),i.setAttribute("data-swiper-slide-index",t),a.renderSlide||(i.innerHTML=e),a.cache&&(s.virtual.cache[t]=i),i}function c(e){const{slidesPerView:t,slidesPerGroup:a,centeredSlides:i,loop:r}=s.params,{addSlidesBefore:l,addSlidesAfter:o}=s.params.virtual,{from:c,to:p,slides:u,slidesGrid:m,offset:f}=s.virtual;s.params.cssMode||s.updateActiveIndex();const g=s.activeIndex||0;let v,w,b;v=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",i?(w=Math.floor(t/2)+a+o,b=Math.floor(t/2)+a+l):(w=t+(a-1)+o,b=(r?t:a)+l);let y=g-b,E=g+w;r||(y=Math.max(y,0),E=Math.min(E,u.length-1));let x=(s.slidesGrid[y]||0)-(s.slidesGrid[0]||0);function S(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),n("virtualUpdate")}if(r&&g>=b?(y-=b,i||(x+=s.slidesGrid[0])):r&&g{e.style[v]=x-Math.abs(s.cssOverflowAdjustment())+"px"})),s.updateProgress(),void n("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:x,from:y,to:E,slides:function(){const e=[];for(let t=y;t<=E;t+=1)e.push(u[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?S():n("virtualUpdate"));const T=[],M=[],C=e=>{let t=e;return e<0?t=u.length+e:t>=u.length&&(t-=u.length),t};if(e)s.slidesEl.querySelectorAll(`.${s.params.slideClass}, swiper-slide`).forEach((e=>{e.remove()}));else for(let e=c;e<=p;e+=1)if(eE){const t=C(e);s.slidesEl.querySelectorAll(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`).forEach((e=>{e.remove()}))}const P=r?-u.length:0,L=r?2*u.length:u.length;for(let t=P;t=y&&t<=E){const s=C(t);void 0===p||e?M.push(s):(t>p&&M.push(s),t{s.slidesEl.append(d(u[e],e))})),r)for(let e=T.length-1;e>=0;e-=1){const t=T[e];s.slidesEl.prepend(d(u[t],t))}else T.sort(((e,t)=>t-e)),T.forEach((e=>{s.slidesEl.prepend(d(u[e],e))}));h(s.slidesEl,".swiper-slide, swiper-slide").forEach((e=>{e.style[v]=x-Math.abs(s.cssOverflowAdjustment())+"px"})),S()}r("beforeInit",(()=>{if(!s.params.virtual.enabled)return;let e;if(void 0===s.passedParams.virtual.slides){const t=[...s.slidesEl.children].filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`)));t&&t.length&&(s.virtual.slides=[...t],e=!0,t.forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t),s.virtual.cache[t]=e,e.remove()})))}e||(s.virtual.slides=s.params.virtual.slides),s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,s.params.initialSlide||c()})),r("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{c()}),100)):c())})),r("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&p(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t{const a=e[s],r=a.getAttribute("data-swiper-slide-index");r&&a.setAttribute("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}c(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.virtual.slides.splice(e[a],1),s.params.virtual.cache&&delete s.virtual.cache[e[a]],e[a]0&&0===b(t.el,`.${t.params.slideActiveClass}`).length)return;const a=t.el,i=a.clientWidth,r=a.clientHeight,n=o.innerWidth,l=o.innerHeight,d=g(a);s&&(d.left-=a.scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||m||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||h)&&t.slideNext(),(d||m)&&t.slidePrev()),n("keyPress",i)}}function c(){t.keyboard.enabled||(l.addEventListener("keydown",d),t.keyboard.enabled=!0)}function p(){t.keyboard.enabled&&(l.removeEventListener("keydown",d),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&c()})),i("destroy",(()=>{t.keyboard.enabled&&p()})),Object.assign(t.keyboard,{enable:c,disable:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const o=r();let d;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),t.mousewheel={enabled:!1};let c,p=l();const u=[];function m(){t.enabled&&(t.mouseEntered=!0)}function h(){t.enabled&&(t.mouseEntered=!1)}function f(e){return!(t.params.mousewheel.thresholdDelta&&e.delta=6&&l()-p<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),p=(new o.Date).getTime(),!1)))}function g(e){let s=e,a=!0;if(!t.enabled)return;if(e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let o=t.el;"container"!==t.params.mousewheel.eventsTarget&&(o=document.querySelector(t.params.mousewheel.eventsTarget));const p=o&&o.contains(s.target);if(!t.mouseEntered&&!p&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let m=0;const h=t.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;m=-g.pixelX*h}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;m=-g.pixelY}else m=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*h:-g.pixelY;if(0===m)return!0;r.invert&&(m=-m);let v=t.getTranslate()+m*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:l(),delta:Math.abs(m),direction:Math.sign(m)},a=c&&e.time=t.minTranslate()&&(l=t.minTranslate()),l<=t.maxTranslate()&&(l=t.maxTranslate()),t.setTransition(0),t.setTranslate(l),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!o&&t.isBeginning||!p&&t.isEnd)&&t.updateSlidesClasses(),t.params.loop&&t.loopFix({direction:e.direction<0?"next":"prev",byMousewheel:!0}),t.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const s=u.length?u[u.length-1]:void 0,a=u[0];if(u.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))u.splice(0);else if(u.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=m>0?.8:.2;c=e,u.splice(0),d=n((()=>{t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}d||(d=n((()=>{c=e,u.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplayDisableOnInteraction&&t.autoplay.stop(),r.releaseOnEdges&&(l===t.minTranslate()||l===t.maxTranslate()))return!0}}else{const s={time:l(),delta:Math.abs(m),direction:Math.sign(m),raw:e};u.length>=2&&u.shift();const a=u.length?u[u.length-1]:void 0;if(u.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&f(s):f(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function v(e){let s=t.el;"container"!==t.params.mousewheel.eventsTarget&&(s=document.querySelector(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",h),s[e]("wheel",g)}function w(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",g),!0):!t.mousewheel.enabled&&(v("addEventListener"),t.mousewheel.enabled=!0,!0)}function b(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,g),!0):!!t.mousewheel.enabled&&(v("removeEventListener"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&b(),t.params.mousewheel.enabled&&w()})),a("destroy",(()=>{t.params.cssMode&&w(),t.mousewheel.enabled&&b()})),Object.assign(t.mousewheel,{enable:w,disable:b})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,prevEl:null};const r=e=>(Array.isArray(e)?e:[e]).filter((e=>!!e));function n(e){let s;return e&&"string"==typeof e&&t.isElement&&(s=t.el.querySelector(e),s)?s:(e&&("string"==typeof e&&(s=[...document.querySelectorAll(e)]),t.params.uniqueNavElements&&"string"==typeof e&&s.length>1&&1===t.el.querySelectorAll(e).length&&(s=t.el.querySelector(e))),e&&!s?e:s)}function l(e,s){const a=t.params.navigation;(e=r(e)).forEach((e=>{e&&(e.classList[s?"add":"remove"](...a.disabledClass.split(" ")),"BUTTON"===e.tagName&&(e.disabled=s),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](a.lockClass))}))}function o(){const{nextEl:e,prevEl:s}=t.navigation;if(t.params.loop)return l(s,!1),void l(e,!1);l(s,t.isBeginning&&!t.params.rewind),l(e,t.isEnd&&!t.params.rewind)}function d(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function c(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function p(){const e=t.params.navigation;if(t.params.navigation=J(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;let s=n(e.nextEl),a=n(e.prevEl);Object.assign(t.navigation,{nextEl:s,prevEl:a}),s=r(s),a=r(a);const i=(s,a)=>{s&&s.addEventListener("click","next"===a?c:d),!t.enabled&&s&&s.classList.add(...e.lockClass.split(" "))};s.forEach((e=>i(e,"next"))),a.forEach((e=>i(e,"prev")))}function u(){let{nextEl:e,prevEl:s}=t.navigation;e=r(e),s=r(s);const a=(e,s)=>{e.removeEventListener("click","next"===s?c:d),e.classList.remove(...t.params.navigation.disabledClass.split(" "))};e.forEach((e=>a(e,"next"))),s.forEach((e=>a(e,"prev")))}a("init",(()=>{!1===t.params.navigation.enabled?m():(p(),o())})),a("toEdge fromEdge lock unlock",(()=>{o()})),a("destroy",(()=>{u()})),a("enable disable",(()=>{let{nextEl:e,prevEl:s}=t.navigation;e=r(e),s=r(s),[...e,...s].filter((e=>!!e)).forEach((e=>e.classList[t.enabled?"remove":"add"](t.params.navigation.lockClass)))})),a("click",((e,s)=>{let{nextEl:a,prevEl:n}=t.navigation;a=r(a),n=r(n);const l=s.target;if(t.params.navigation.hideOnClick&&!n.includes(l)&&!a.includes(l)){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===l||t.pagination.el.contains(l)))return;let e;a.length?e=a[0].classList.contains(t.params.navigation.hiddenClass):n.length&&(e=n[0].classList.contains(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),[...a,...n].filter((e=>!!e)).forEach((e=>e.classList.toggle(t.params.navigation.hiddenClass)))}}));const m=()=>{t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")),u()};Object.assign(t.navigation,{enable:()=>{t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")),p(),o()},disable:m,update:o,init:p,destroy:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,bullets:[]};let l=0;const o=e=>(Array.isArray(e)?e:[e]).filter((e=>!!e));function d(){return!t.params.pagination.el||!t.pagination.el||Array.isArray(t.pagination.el)&&0===t.pagination.el.length}function c(e,s){const{bulletActiveClass:a}=t.params.pagination;e&&(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&(e.classList.add(`${a}-${s}`),(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&e.classList.add(`${a}-${s}-${s}`))}function p(e){const s=e.target.closest(ee(t.params.pagination.bulletClass));if(!s)return;e.preventDefault();const a=w(s)*t.params.slidesPerGroup;if(t.params.loop){if(t.realIndex===a)return;const e=t.getSlideIndexByData(a),s=t.getSlideIndexByData(t.realIndex);e>t.slides.length-t.loopedSlides&&t.loopFix({direction:e>s?"next":"prev",activeSlideIndex:e,slideTo:!1}),t.slideToLoop(a)}else t.slideTo(a)}function u(){const e=t.rtl,s=t.params.pagination;if(d())return;let a,r,p=t.pagination.el;p=o(p);const u=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,m=t.params.loop?Math.ceil(u/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(r=t.previousRealIndex||0,a=t.params.slidesPerGroup>1?Math.floor(t.realIndex/t.params.slidesPerGroup):t.realIndex):void 0!==t.snapIndex?(a=t.snapIndex,r=t.previousSnapIndex):(r=t.previousIndex||0,a=t.activeIndex||0),"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const i=t.pagination.bullets;let o,d,u;if(s.dynamicBullets&&(n=E(i[0],t.isHorizontal()?"width":"height",!0),p.forEach((e=>{e.style[t.isHorizontal()?"width":"height"]=n*(s.dynamicMainBullets+4)+"px"})),s.dynamicMainBullets>1&&void 0!==r&&(l+=a-(r||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),o=Math.max(a-l,0),d=o+(Math.min(i.length,s.dynamicMainBullets)-1),u=(d+o)/2),i.forEach((e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`))].map((e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e)).flat();e.classList.remove(...t)})),p.length>1)i.forEach((e=>{const i=w(e);i===a?e.classList.add(...s.bulletActiveClass.split(" ")):t.isElement&&e.setAttribute("part","bullet"),s.dynamicBullets&&(i>=o&&i<=d&&e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),i===o&&c(e,"prev"),i===d&&c(e,"next"))}));else{const e=i[a];if(e&&e.classList.add(...s.bulletActiveClass.split(" ")),t.isElement&&i.forEach(((e,t)=>{e.setAttribute("part",t===a?"bullet-active":"bullet")})),s.dynamicBullets){const e=i[o],t=i[d];for(let e=o;e<=d;e+=1)i[e]&&i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));c(e,"prev"),c(t,"next")}}if(s.dynamicBullets){const a=Math.min(i.length,s.dynamicMainBullets+4),r=(n*a-n)/2-u*n,l=e?"right":"left";i.forEach((e=>{e.style[t.isHorizontal()?l:"top"]=`${r}px`}))}}p.forEach(((e,r)=>{if("fraction"===s.type&&(e.querySelectorAll(ee(s.currentClass)).forEach((e=>{e.textContent=s.formatFractionCurrent(a+1)})),e.querySelectorAll(ee(s.totalClass)).forEach((e=>{e.textContent=s.formatFractionTotal(m)}))),"progressbar"===s.type){let i;i=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const r=(a+1)/m;let n=1,l=1;"horizontal"===i?n=r:l=r,e.querySelectorAll(ee(s.progressbarFillClass)).forEach((e=>{e.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${l})`,e.style.transitionDuration=`${t.params.speed}ms`}))}"custom"===s.type&&s.renderCustom?(e.innerHTML=s.renderCustom(t,a+1,m),0===r&&i("paginationRender",e)):(0===r&&i("paginationRender",e),i("paginationUpdate",e)),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](s.lockClass)}))}function m(){const e=t.params.pagination;if(d())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length;let a=t.pagination.el;a=o(a);let r="";if("bullets"===e.type){let a=t.params.loop?Math.ceil(s/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&a>s&&(a=s);for(let s=0;s`}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):` / `),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):``),t.pagination.bullets=[],a.forEach((s=>{"custom"!==e.type&&(s.innerHTML=r||""),"bullets"===e.type&&t.pagination.bullets.push(...s.querySelectorAll(ee(e.bulletClass)))})),"custom"!==e.type&&i("paginationRender",a[0])}function h(){t.params.pagination=J(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s;"string"==typeof e.el&&t.isElement&&(s=t.el.querySelector(e.el)),s||"string"!=typeof e.el||(s=[...document.querySelectorAll(e.el)]),s||(s=e.el),s&&0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&Array.isArray(s)&&s.length>1&&(s=[...t.el.querySelectorAll(e.el)],s.length>1&&(s=s.filter((e=>b(e,".swiper")[0]===t.el))[0])),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(t.pagination,{el:s}),s=o(s),s.forEach((s=>{"bullets"===e.type&&e.clickable&&s.classList.add(e.clickableClass),s.classList.add(e.modifierClass+e.type),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.classList.add(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.classList.add(e.progressbarOppositeClass),e.clickable&&s.addEventListener("click",p),t.enabled||s.classList.add(e.lockClass)})))}function f(){const e=t.params.pagination;if(d())return;let s=t.pagination.el;s&&(s=o(s),s.forEach((s=>{s.classList.remove(e.hiddenClass),s.classList.remove(e.modifierClass+e.type),s.classList.remove(t.isHorizontal()?e.horizontalClass:e.verticalClass),e.clickable&&s.removeEventListener("click",p)}))),t.pagination.bullets&&t.pagination.bullets.forEach((t=>t.classList.remove(...e.bulletActiveClass.split(" "))))}a("changeDirection",(()=>{if(!t.pagination||!t.pagination.el)return;const e=t.params.pagination;let{el:s}=t.pagination;s=o(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),a("init",(()=>{!1===t.params.pagination.enabled?g():(h(),m(),u())})),a("activeIndexChange",(()=>{void 0===t.snapIndex&&u()})),a("snapIndexChange",(()=>{u()})),a("snapGridLengthChange",(()=>{m(),u()})),a("destroy",(()=>{f()})),a("enable disable",(()=>{let{el:e}=t.pagination;e&&(e=o(e),e.forEach((e=>e.classList[t.enabled?"remove":"add"](t.params.pagination.lockClass))))})),a("lock unlock",(()=>{u()})),a("click",((e,s)=>{const a=s.target,r=o(t.pagination.el);if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!a.classList.contains(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r[0].classList.contains(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.forEach((e=>e.classList.toggle(t.params.pagination.hiddenClass)))}}));const g=()=>{t.el.classList.add(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=o(e),e.forEach((e=>e.classList.add(t.params.pagination.paginationDisabledClass)))),f()};Object.assign(t.pagination,{enable:()=>{t.el.classList.remove(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=o(e),e.forEach((e=>e.classList.remove(t.params.pagination.paginationDisabledClass)))),h(),m(),u()},disable:g,render:m,update:u,init:h,destroy:f})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const l=a();let o,d,c,p,u=!1,m=null,h=null;function v(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s}=t,{dragEl:a,el:i}=e,r=t.params.scrollbar,n=t.params.loop?t.progressLoop:t.progress;let l=d,o=(c-d)*n;s?(o=-o,o>0?(l=d-o,o=0):-o+d>c&&(l=c+o)):o<0?(l=d+o,o=0):o+d>c&&(l=c-o),t.isHorizontal()?(a.style.transform=`translate3d(${o}px, 0, 0)`,a.style.width=`${l}px`):(a.style.transform=`translate3d(0px, ${o}px, 0)`,a.style.height=`${l}px`),r.hide&&(clearTimeout(m),i.style.opacity=1,m=setTimeout((()=>{i.style.opacity=0,i.style.transitionDuration="400ms"}),1e3))}function w(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{dragEl:s,el:a}=e;s.style.width="",s.style.height="",c=t.isHorizontal()?a.offsetWidth:a.offsetHeight,p=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),d="auto"===t.params.scrollbar.dragSize?c*p:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s.style.width=`${d}px`:s.style.height=`${d}px`,a.style.display=p>=1?"none":"",t.params.scrollbar.hide&&(a.style.opacity=0),t.params.watchOverflow&&t.enabled&&e.el.classList[t.isLocked?"add":"remove"](t.params.scrollbar.lockClass)}function b(e){return t.isHorizontal()?e.clientX:e.clientY}function y(e){const{scrollbar:s,rtlTranslate:a}=t,{el:i}=s;let r;r=(b(e)-g(i)[t.isHorizontal()?"left":"top"]-(null!==o?o:d/2))/(c-d),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function E(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n,dragEl:l}=a;u=!0,o=e.target===l?b(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.style.transitionDuration="100ms",l.style.transitionDuration="100ms",y(e),clearTimeout(h),n.style.transitionDuration="0ms",s.hide&&(n.style.opacity=1),t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="none"),r("scrollbarDragStart",e)}function x(e){const{scrollbar:s,wrapperEl:a}=t,{el:i,dragEl:n}=s;u&&(e.preventDefault?e.preventDefault():e.returnValue=!1,y(e),a.style.transitionDuration="0ms",i.style.transitionDuration="0ms",n.style.transitionDuration="0ms",r("scrollbarDragMove",e))}function S(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:l}=a;u&&(u=!1,t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="",i.style.transitionDuration=""),s.hide&&(clearTimeout(h),h=n((()=>{l.style.opacity=0,l.style.transitionDuration="400ms"}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function T(e){const{scrollbar:s,params:a}=t,i=s.el;if(!i)return;const r=i,n=!!a.passiveListeners&&{passive:!1,capture:!1},o=!!a.passiveListeners&&{passive:!0,capture:!1};if(!r)return;const d="on"===e?"addEventListener":"removeEventListener";r[d]("pointerdown",E,n),l[d]("pointermove",x,n),l[d]("pointerup",S,o)}function M(){const{scrollbar:e,el:s}=t;t.params.scrollbar=J(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i,r;"string"==typeof a.el&&t.isElement&&(i=t.el.querySelector(a.el)),i||"string"!=typeof a.el?i||(i=a.el):i=l.querySelectorAll(a.el),t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.querySelectorAll(a.el).length&&(i=s.querySelector(a.el)),i.length>0&&(i=i[0]),i.classList.add(t.isHorizontal()?a.horizontalClass:a.verticalClass),i&&(r=i.querySelector(`.${t.params.scrollbar.dragClass}`),r||(r=f("div",t.params.scrollbar.dragClass),i.append(r))),Object.assign(e,{el:i,dragEl:r}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&T("on"),i&&i.classList[t.enabled?"remove":"add"](t.params.scrollbar.lockClass)}function C(){const e=t.params.scrollbar,s=t.scrollbar.el;s&&s.classList.remove(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.params.scrollbar.el&&t.scrollbar.el&&T("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null},i("init",(()=>{!1===t.params.scrollbar.enabled?P():(M(),w(),v())})),i("update resize observerUpdate lock unlock",(()=>{w()})),i("setTranslate",(()=>{v()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&(t.scrollbar.dragEl.style.transitionDuration=`${e}ms`)}(s)})),i("enable disable",(()=>{const{el:e}=t.scrollbar;e&&e.classList[t.enabled?"remove":"add"](t.params.scrollbar.lockClass)})),i("destroy",(()=>{C()}));const P=()=>{t.el.classList.add(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.el&&t.scrollbar.el.classList.add(t.params.scrollbar.scrollbarDisabledClass),C()};Object.assign(t.scrollbar,{enable:()=>{t.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.el&&t.scrollbar.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass),M(),w(),v()},disable:P,updateSize:w,setTranslate:v,init:M,destroy:C})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i=(e,s)=>{const{rtl:a}=t,i=a?-1:1,r=e.getAttribute("data-swiper-parallax")||"0";let n=e.getAttribute("data-swiper-parallax-x"),l=e.getAttribute("data-swiper-parallax-y");const o=e.getAttribute("data-swiper-parallax-scale"),d=e.getAttribute("data-swiper-parallax-opacity"),c=e.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):t.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*i+"%":n*s*i+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":l*s+"px",null!=d){const t=d-(d-1)*(1-Math.abs(s));e.style.opacity=t}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){p+=` scale(${o-(o-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${c*s*-1}deg)`}e.style.transform=p},r=()=>{const{el:e,slides:s,progress:a,snapGrid:r}=t;h(e,"[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").forEach((e=>{i(e,a)})),s.forEach(((e,s)=>{let n=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(n+=Math.ceil(s/2)-a*(r.length-1)),n=Math.min(Math.max(n,-1),1),e.querySelectorAll("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale], [data-swiper-parallax-rotate]").forEach((e=>{i(e,n)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&r()})),a("setTranslate",(()=>{t.params.parallax.enabled&&r()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{el:s}=t;s.querySelectorAll("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").forEach((t=>{let s=parseInt(t.getAttribute("data-swiper-parallax-duration"),10)||e;0===e&&(s=0),t.style.transitionDuration=`${s}ms`}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l,d,c=1,p=!1;const u=[],m={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},f={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},v={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let w=1;function y(){if(u.length<2)return 1;const e=u[0].pageX,t=u[0].pageY,s=u[1].pageX,a=u[1].pageY;return Math.sqrt((s-e)**2+(a-t)**2)}function E(e){const s=t.isElement?"swiper-slide":`.${t.params.slideClass}`;return!!e.target.matches(s)||t.slides.filter((t=>t.contains(e.target))).length>0}function x(e){if("mouse"===e.pointerType&&u.splice(0,u.length),!E(e))return;const s=t.params.zoom;if(l=!1,d=!1,u.push(e),!(u.length<2)){if(l=!0,m.scaleStart=y(),!m.slideEl){m.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`),m.slideEl||(m.slideEl=t.slides[t.activeIndex]);let a=m.slideEl.querySelector(`.${s.containerClass}`);if(a&&(a=a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),m.imageEl=a,m.imageWrapEl=a?b(m.imageEl,`.${s.containerClass}`)[0]:void 0,!m.imageWrapEl)return void(m.imageEl=void 0);m.maxRatio=m.imageWrapEl.getAttribute("data-swiper-zoom")||s.maxRatio}if(m.imageEl){const[e,t]=function(){if(u.length<2)return{x:null,y:null};const e=m.imageEl.getBoundingClientRect();return[(u[0].pageX+(u[1].pageX-u[0].pageX)/2-e.x)/c,(u[0].pageY+(u[1].pageY-u[0].pageY)/2-e.y)/c]}();m.originX=e,m.originY=t,m.imageEl.style.transitionDuration="0ms"}p=!0}}function S(e){if(!E(e))return;const s=t.params.zoom,a=t.zoom,i=u.findIndex((t=>t.pointerId===e.pointerId));i>=0&&(u[i]=e),u.length<2||(d=!0,m.scaleMove=y(),m.imageEl&&(a.scale=m.scaleMove/m.scaleStart*c,a.scale>m.maxRatio&&(a.scale=m.maxRatio-1+(a.scale-m.maxRatio+1)**.5),a.scalet.pointerId===e.pointerId));i>=0&&u.splice(i,1),l&&d&&(l=!1,d=!1,m.imageEl&&(a.scale=Math.max(Math.min(a.scale,m.maxRatio),s.minRatio),m.imageEl.style.transitionDuration=`${t.params.speed}ms`,m.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`,c=a.scale,p=!1,a.scale>1&&m.slideEl?m.slideEl.classList.add(`${s.zoomedSlideClass}`):a.scale<=1&&m.slideEl&&m.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===a.scale&&(m.originX=0,m.originY=0,m.slideEl=void 0)))}function M(e){if(!E(e)||!function(e){const s=`.${t.params.zoom.containerClass}`;return!!e.target.matches(s)||[...t.hostEl.querySelectorAll(s)].filter((t=>t.contains(e.target))).length>0}(e))return;const s=t.zoom;if(!m.imageEl)return;if(!f.isTouched||!m.slideEl)return;f.isMoved||(f.width=m.imageEl.offsetWidth,f.height=m.imageEl.offsetHeight,f.startX=o(m.imageWrapEl,"x")||0,f.startY=o(m.imageWrapEl,"y")||0,m.slideWidth=m.slideEl.offsetWidth,m.slideHeight=m.slideEl.offsetHeight,m.imageWrapEl.style.transitionDuration="0ms");const a=f.width*s.scale,i=f.height*s.scale;if(a0?u[0].pageX:e.pageX,f.touchesCurrent.y=u.length>0?u[0].pageY:e.pageY;if(Math.max(Math.abs(f.touchesCurrent.x-f.touchesStart.x),Math.abs(f.touchesCurrent.y-f.touchesStart.y))>5&&(t.allowClick=!1),!f.isMoved&&!p){if(t.isHorizontal()&&(Math.floor(f.minX)===Math.floor(f.startX)&&f.touchesCurrent.xf.touchesStart.x))return void(f.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(f.minY)===Math.floor(f.startY)&&f.touchesCurrent.yf.touchesStart.y))return void(f.isTouched=!1)}e.cancelable&&e.preventDefault(),e.stopPropagation(),f.isMoved=!0;const r=(s.scale-c)/(m.maxRatio-t.params.zoom.minRatio),{originX:n,originY:l}=m;f.currentX=f.touchesCurrent.x-f.touchesStart.x+f.startX+r*(f.width-2*n),f.currentY=f.touchesCurrent.y-f.touchesStart.y+f.startY+r*(f.height-2*l),f.currentXf.maxX&&(f.currentX=f.maxX-1+(f.currentX-f.maxX+1)**.8),f.currentYf.maxY&&(f.currentY=f.maxY-1+(f.currentY-f.maxY+1)**.8),v.prevPositionX||(v.prevPositionX=f.touchesCurrent.x),v.prevPositionY||(v.prevPositionY=f.touchesCurrent.y),v.prevTime||(v.prevTime=Date.now()),v.x=(f.touchesCurrent.x-v.prevPositionX)/(Date.now()-v.prevTime)/2,v.y=(f.touchesCurrent.y-v.prevPositionY)/(Date.now()-v.prevTime)/2,Math.abs(f.touchesCurrent.x-v.prevPositionX)<2&&(v.x=0),Math.abs(f.touchesCurrent.y-v.prevPositionY)<2&&(v.y=0),v.prevPositionX=f.touchesCurrent.x,v.prevPositionY=f.touchesCurrent.y,v.prevTime=Date.now(),m.imageWrapEl.style.transform=`translate3d(${f.currentX}px, ${f.currentY}px,0)`}function C(){const e=t.zoom;m.slideEl&&t.activeIndex!==t.slides.indexOf(m.slideEl)&&(m.imageEl&&(m.imageEl.style.transform="translate3d(0,0,0) scale(1)"),m.imageWrapEl&&(m.imageWrapEl.style.transform="translate3d(0,0,0)"),m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),e.scale=1,c=1,m.slideEl=void 0,m.imageEl=void 0,m.imageWrapEl=void 0,m.originX=0,m.originY=0)}function P(e){const s=t.zoom,a=t.params.zoom;if(!m.slideEl){e&&e.target&&(m.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`)),m.slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.slideEl=h(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:m.slideEl=t.slides[t.activeIndex]);let s=m.slideEl.querySelector(`.${a.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),m.imageEl=s,m.imageWrapEl=s?b(m.imageEl,`.${a.containerClass}`)[0]:void 0}if(!m.imageEl||!m.imageWrapEl)return;let i,r,l,o,d,p,u,v,w,y,E,x,S,T,M,C,P,L;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),m.slideEl.classList.add(`${a.zoomedSlideClass}`),void 0===f.touchesStart.x&&e?(i=e.pageX,r=e.pageY):(i=f.touchesStart.x,r=f.touchesStart.y);const z="number"==typeof e?e:null;1===c&&z&&(i=void 0,r=void 0),s.scale=z||m.imageWrapEl.getAttribute("data-swiper-zoom")||a.maxRatio,c=z||m.imageWrapEl.getAttribute("data-swiper-zoom")||a.maxRatio,!e||1===c&&z?(u=0,v=0):(P=m.slideEl.offsetWidth,L=m.slideEl.offsetHeight,l=g(m.slideEl).left+n.scrollX,o=g(m.slideEl).top+n.scrollY,d=l+P/2-i,p=o+L/2-r,w=m.imageEl.offsetWidth,y=m.imageEl.offsetHeight,E=w*s.scale,x=y*s.scale,S=Math.min(P/2-E/2,0),T=Math.min(L/2-x/2,0),M=-S,C=-T,u=d*s.scale,v=p*s.scale,uM&&(u=M),vC&&(v=C)),z&&1===s.scale&&(m.originX=0,m.originY=0),m.imageWrapEl.style.transitionDuration="300ms",m.imageWrapEl.style.transform=`translate3d(${u}px, ${v}px,0)`,m.imageEl.style.transitionDuration="300ms",m.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function L(){const e=t.zoom,s=t.params.zoom;if(!m.slideEl){t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.slideEl=h(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:m.slideEl=t.slides[t.activeIndex];let e=m.slideEl.querySelector(`.${s.containerClass}`);e&&(e=e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),m.imageEl=e,m.imageWrapEl=e?b(m.imageEl,`.${s.containerClass}`)[0]:void 0}m.imageEl&&m.imageWrapEl&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,c=1,m.imageWrapEl.style.transitionDuration="300ms",m.imageWrapEl.style.transform="translate3d(0,0,0)",m.imageEl.style.transitionDuration="300ms",m.imageEl.style.transform="translate3d(0,0,0) scale(1)",m.slideEl.classList.remove(`${s.zoomedSlideClass}`),m.slideEl=void 0,m.originX=0,m.originY=0)}function z(e){const s=t.zoom;s.scale&&1!==s.scale?L():P(e)}function A(){return{passiveListener:!!t.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!t.params.passiveListeners||{passive:!1,capture:!0}}}function $(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const{passiveListener:s,activeListenerWithCapture:a}=A();t.wrapperEl.addEventListener("pointerdown",x,s),t.wrapperEl.addEventListener("pointermove",S,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.addEventListener(e,T,s)})),t.wrapperEl.addEventListener("pointermove",M,a)}function I(){const e=t.zoom;if(!e.enabled)return;e.enabled=!1;const{passiveListener:s,activeListenerWithCapture:a}=A();t.wrapperEl.removeEventListener("pointerdown",x,s),t.wrapperEl.removeEventListener("pointermove",S,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.removeEventListener(e,T,s)})),t.wrapperEl.removeEventListener("pointermove",M,a)}Object.defineProperty(t.zoom,"scale",{get:()=>w,set(e){if(w!==e){const t=m.imageEl,s=m.slideEl;i("zoomChange",e,t,s)}w=e}}),a("init",(()=>{t.params.zoom.enabled&&$()})),a("destroy",(()=>{I()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;if(!m.imageEl)return;if(f.isTouched)return;s.android&&e.cancelable&&e.preventDefault(),f.isTouched=!0;const a=u.length>0?u[0]:e;f.touchesStart.x=a.pageX,f.touchesStart.y=a.pageY}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(!m.imageEl)return;if(!f.isTouched||!f.isMoved)return f.isTouched=!1,void(f.isMoved=!1);f.isTouched=!1,f.isMoved=!1;let s=300,a=300;const i=v.x*s,r=f.currentX+i,n=v.y*a,l=f.currentY+n;0!==v.x&&(s=Math.abs((r-f.currentX)/v.x)),0!==v.y&&(a=Math.abs((l-f.currentY)/v.y));const o=Math.max(s,a);f.currentX=r,f.currentY=l;const d=f.width*e.scale,c=f.height*e.scale;f.minX=Math.min(m.slideWidth/2-d/2,0),f.maxX=-f.minX,f.minY=Math.min(m.slideHeight/2-c/2,0),f.maxY=-f.minY,f.currentX=Math.max(Math.min(f.currentX,f.maxX),f.minX),f.currentY=Math.max(Math.min(f.currentY,f.maxY),f.minY),m.imageWrapEl.style.transitionDuration=`${o}ms`,m.imageWrapEl.style.transform=`translate3d(${f.currentX}px, ${f.currentY}px,0)`}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&z(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&C()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&C()})),Object.assign(t.zoom,{enable:$,disable:I,in:P,out:L,toggle:z})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{if("undefined"!=typeof window&&("string"==typeof t.params.controller.control||t.params.controller.control instanceof HTMLElement)){const e=document.querySelector(t.params.controller.control);if(e&&e.swiper)t.controller.control=e.swiper;else if(e){const s=a=>{t.controller.control=a.detail[0],t.update(),e.removeEventListener("init",s)};e.addEventListener("init",s)}}else t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){if(e.destroyed)return;const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid)}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),!Number.isNaN(r)&&Number.isFinite(r)||(r=1),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e{s.updateAutoHeight()})),y(s.wrapperEl,(()=>{i&&s.transitionEnd()}))))}if(Array.isArray(i))for(r=0;r(Array.isArray(e)?e:[e]).filter((e=>!!e));function l(e){(e=n(e)).forEach((e=>{e.setAttribute("tabIndex","0")}))}function o(e){(e=n(e)).forEach((e=>{e.setAttribute("tabIndex","-1")}))}function d(e,t){(e=n(e)).forEach((e=>{e.setAttribute("role",t)}))}function c(e,t){(e=n(e)).forEach((e=>{e.setAttribute("aria-roledescription",t)}))}function p(e,t){(e=n(e)).forEach((e=>{e.setAttribute("aria-label",t)}))}function u(e){(e=n(e)).forEach((e=>{e.setAttribute("aria-disabled",!0)}))}function m(e){(e=n(e)).forEach((e=>{e.setAttribute("aria-disabled",!1)}))}function h(e){if(13!==e.keyCode&&32!==e.keyCode)return;const s=t.params.a11y,a=e.target;t.pagination&&t.pagination.el&&(a===t.pagination.el||t.pagination.el.contains(e.target))&&!e.target.matches(ee(t.params.pagination.bulletClass))||(t.navigation&&t.navigation.nextEl&&a===t.navigation.nextEl&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?r(s.lastSlideMessage):r(s.nextSlideMessage)),t.navigation&&t.navigation.prevEl&&a===t.navigation.prevEl&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?r(s.firstSlideMessage):r(s.prevSlideMessage)),t.pagination&&a.matches(ee(t.params.pagination.bulletClass))&&a.click())}function g(){return t.pagination&&t.pagination.bullets&&t.pagination.bullets.length}function v(){return g()&&t.params.pagination.clickable}const b=(e,t,s)=>{l(e),"BUTTON"!==e.tagName&&(d(e,"button"),e.addEventListener("keydown",h)),p(e,s),function(e,t){(e=n(e)).forEach((e=>{e.setAttribute("aria-controls",t)}))}(e,t)},y=()=>{t.a11y.clicked=!0},E=()=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.destroyed||(t.a11y.clicked=!1)}))}))},x=e=>{if(t.a11y.clicked)return;const s=e.target.closest(`.${t.params.slideClass}, swiper-slide`);if(!s||!t.slides.includes(s))return;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,t.slideTo(t.slides.indexOf(s),0))},S=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&c(t.slides,e.itemRoleDescriptionMessage),e.slideRole&&d(t.slides,e.slideRole);const s=t.slides.length;e.slideLabelMessage&&t.slides.forEach(((a,i)=>{const r=t.params.loop?parseInt(a.getAttribute("data-swiper-slide-index"),10):i;p(a,e.slideLabelMessage.replace(/\{\{index\}\}/,r+1).replace(/\{\{slidesLength\}\}/,s))}))},T=()=>{const e=t.params.a11y;t.el.append(i);const s=t.el;e.containerRoleDescriptionMessage&&c(s,e.containerRoleDescriptionMessage),e.containerMessage&&p(s,e.containerMessage);const a=t.wrapperEl,r=e.id||a.getAttribute("id")||`swiper-wrapper-${l=16,void 0===l&&(l=16),"x".repeat(l).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var l;const o=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var d;d=r,n(a).forEach((e=>{e.setAttribute("id",d)})),function(e,t){(e=n(e)).forEach((e=>{e.setAttribute("aria-live",t)}))}(a,o),S();let{nextEl:u,prevEl:m}=t.navigation?t.navigation:{};if(u=n(u),m=n(m),u&&u.forEach((t=>b(t,r,e.nextSlideMessage))),m&&m.forEach((t=>b(t,r,e.prevSlideMessage))),v()){(Array.isArray(t.pagination.el)?t.pagination.el:[t.pagination.el]).forEach((e=>{e.addEventListener("keydown",h)}))}t.el.addEventListener("focus",x,!0),t.el.addEventListener("pointerdown",y,!0),t.el.addEventListener("pointerup",E,!0)};a("beforeInit",(()=>{i=f("span",t.params.a11y.notificationClass),i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true")})),a("afterInit",(()=>{t.params.a11y.enabled&&T()})),a("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&S()})),a("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{nextEl:e,prevEl:s}=t.navigation;s&&(t.isBeginning?(u(s),o(s)):(m(s),l(s))),e&&(t.isEnd?(u(e),o(e)):(m(e),l(e)))}()})),a("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;g()&&t.pagination.bullets.forEach((s=>{t.params.pagination.clickable&&(l(s),t.params.pagination.renderBullet||(d(s,"button"),p(s,e.paginationBulletMessage.replace(/\{\{index\}\}/,w(s)+1)))),s.matches(ee(t.params.pagination.bulletActiveClass))?s.setAttribute("aria-current","true"):s.removeAttribute("aria-current")}))}()})),a("destroy",(()=>{t.params.a11y.enabled&&function(){i&&i.remove();let{nextEl:e,prevEl:s}=t.navigation?t.navigation:{};e=n(e),s=n(s),e&&e.forEach((e=>e.removeEventListener("keydown",h))),s&&s.forEach((e=>e.removeEventListener("keydown",h))),v()&&(Array.isArray(t.pagination.el)?t.pagination.el:[t.pagination.el]).forEach((e=>{e.removeEventListener("keydown",h)}));t.el.removeEventListener("focus",x,!0),t.el.removeEventListener("pointerdown",y,!0),t.el.removeEventListener("pointerup",E,!0)}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.slides[s];let d=l(o.getAttribute("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e?`${e}/`:""}${d}`}else n.pathname.includes(e)||(d=`${e?`${e}/`:""}${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),n.key||n.value?(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p)):t.params.history.replaceState||e.addEventListener("popstate",p)}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),d=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(e,s){if(t.virtual&&t.params.virtual.enabled){const e=t.slides.filter((e=>e.getAttribute("data-hash")===s))[0];if(!e)return 0;return parseInt(e.getAttribute("data-swiper-slide-index"),10)}return t.getSlideIndex(h(t.slidesEl,`.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0])}}});const c=()=>{i("hashChange");const e=o.location.hash.replace("#",""),s=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex];if(e!==(s?s.getAttribute("data-hash"):"")){const s=t.params.hashNavigation.getSlideIndex(t,e);if(void 0===s||Number.isNaN(s))return;t.slideTo(s)}},p=()=>{if(!l||!t.params.hashNavigation.enabled)return;const e=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex],s=e?e.getAttribute("data-hash")||e.getAttribute("data-history"):"";t.params.hashNavigation.replaceState&&d.history&&d.history.replaceState?(d.history.replaceState(null,null,`#${s}`||""),i("hashSet")):(o.location.hash=s||"",i("hashSet"))};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0,a=t.params.hashNavigation.getSlideIndex(t,e);t.slideTo(a||0,s,t.params.runCallbacksOnInit,!0)}t.params.hashNavigation.watchState&&d.addEventListener("hashchange",c)})()})),n("destroy",(()=>{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d.removeEventListener("hashchange",c)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&p()})),n("slideChange",(()=>{l&&t.params.cssMode&&p()}))},function(e){let t,s,{swiper:i,extendParams:r,on:n,emit:l,params:o}=e;i.autoplay={running:!1,paused:!1,timeLeft:0},r({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let d,c,p,u,m,h,f,g=o&&o.autoplay?o.autoplay.delay:3e3,v=o&&o.autoplay?o.autoplay.delay:3e3,w=(new Date).getTime;function b(e){i&&!i.destroyed&&i.wrapperEl&&e.target===i.wrapperEl&&(i.wrapperEl.removeEventListener("transitionend",b),M())}const y=()=>{if(i.destroyed||!i.autoplay.running)return;i.autoplay.paused?c=!0:c&&(v=d,c=!1);const e=i.autoplay.paused?d:w+v-(new Date).getTime();i.autoplay.timeLeft=e,l("autoplayTimeLeft",e,e/g),s=requestAnimationFrame((()=>{y()}))},E=e=>{if(i.destroyed||!i.autoplay.running)return;cancelAnimationFrame(s),y();let a=void 0===e?i.params.autoplay.delay:e;g=i.params.autoplay.delay,v=i.params.autoplay.delay;const r=(()=>{let e;if(e=i.virtual&&i.params.virtual.enabled?i.slides.filter((e=>e.classList.contains("swiper-slide-active")))[0]:i.slides[i.activeIndex],!e)return;return parseInt(e.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(r)&&r>0&&void 0===e&&(a=r,g=r,v=r),d=a;const n=i.params.speed,o=()=>{i&&!i.destroyed&&(i.params.autoplay.reverseDirection?!i.isBeginning||i.params.loop||i.params.rewind?(i.slidePrev(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(i.slides.length-1,n,!0,!0),l("autoplay")):!i.isEnd||i.params.loop||i.params.rewind?(i.slideNext(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(0,n,!0,!0),l("autoplay")),i.params.cssMode&&(w=(new Date).getTime(),requestAnimationFrame((()=>{E()}))))};return a>0?(clearTimeout(t),t=setTimeout((()=>{o()}),a)):requestAnimationFrame((()=>{o()})),a},x=()=>{i.autoplay.running=!0,E(),l("autoplayStart")},S=()=>{i.autoplay.running=!1,clearTimeout(t),cancelAnimationFrame(s),l("autoplayStop")},T=(e,s)=>{if(i.destroyed||!i.autoplay.running)return;clearTimeout(t),e||(f=!0);const a=()=>{l("autoplayPause"),i.params.autoplay.waitForTransition?i.wrapperEl.addEventListener("transitionend",b):M()};if(i.autoplay.paused=!0,s)return h&&(d=i.params.autoplay.delay),h=!1,void a();const r=d||i.params.autoplay.delay;d=r-((new Date).getTime()-w),i.isEnd&&d<0&&!i.params.loop||(d<0&&(d=0),a())},M=()=>{i.isEnd&&d<0&&!i.params.loop||i.destroyed||!i.autoplay.running||(w=(new Date).getTime(),f?(f=!1,E(d)):E(),i.autoplay.paused=!1,l("autoplayResume"))},C=()=>{if(i.destroyed||!i.autoplay.running)return;const e=a();"hidden"===e.visibilityState&&(f=!0,T(!0)),"visible"===e.visibilityState&&M()},P=e=>{"mouse"===e.pointerType&&(f=!0,T(!0))},L=e=>{"mouse"===e.pointerType&&i.autoplay.paused&&M()};n("init",(()=>{i.params.autoplay.enabled&&(i.params.autoplay.pauseOnMouseEnter&&(i.el.addEventListener("pointerenter",P),i.el.addEventListener("pointerleave",L)),a().addEventListener("visibilitychange",C),w=(new Date).getTime(),x())})),n("destroy",(()=>{i.el.removeEventListener("pointerenter",P),i.el.removeEventListener("pointerleave",L),a().removeEventListener("visibilitychange",C),i.autoplay.running&&S()})),n("beforeTransitionStart",((e,t,s)=>{!i.destroyed&&i.autoplay.running&&(s||!i.params.autoplay.disableOnInteraction?T(!0,!0):S())})),n("sliderFirstMove",(()=>{!i.destroyed&&i.autoplay.running&&(i.params.autoplay.disableOnInteraction?S():(p=!0,u=!1,f=!1,m=setTimeout((()=>{f=!0,u=!0,T(!0)}),200)))})),n("touchEnd",(()=>{if(!i.destroyed&&i.autoplay.running&&p){if(clearTimeout(m),clearTimeout(t),i.params.autoplay.disableOnInteraction)return u=!1,void(p=!1);u&&i.params.cssMode&&M(),u=!1,p=!1}})),n("slideChange",(()=>{!i.destroyed&&i.autoplay.running&&(h=!0)})),Object.assign(i.autoplay,{start:x,stop:S,pause:T,resume:M})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,n=!1;function l(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&a.classList.contains(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;i=e.params.loop?parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10):s,t.params.loop?t.slideToLoop(i):t.slideTo(i)}function o(){const{thumbs:e}=t.params;if(r)return!1;r=!0;const s=t.constructor;if(e.swiper instanceof s)t.thumbs.swiper=e.swiper,Object.assign(t.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(t.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper.update();else if(d(e.swiper)){const a=Object.assign({},e.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper=new s(a),n=!0}return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass),t.thumbs.swiper.on("tap",l),!0}function c(e){const s=t.thumbs.swiper;if(!s||s.destroyed)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView;let i=1;const r=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.forEach((e=>e.classList.remove(r))),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e{e.classList.add(r)}));else for(let e=0;ee.getAttribute("data-swiper-slide-index")===`${t.realIndex}`))[0];r=s.slides.indexOf(e),o=t.activeIndex>t.previousIndex?"next":"prev"}else r=t.realIndex,o=r>t.previousIndex?"next":"prev";l&&(r+="next"===o?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>i?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>i&&s.params.slidesPerGroup,s.slideTo(r,e?0:void 0))}}t.thumbs={swiper:null},i("beforeInit",(()=>{const{thumbs:e}=t.params;if(e&&e.swiper)if("string"==typeof e.swiper||e.swiper instanceof HTMLElement){const s=a(),i=()=>{const a="string"==typeof e.swiper?s.querySelector(e.swiper):e.swiper;if(a&&a.swiper)e.swiper=a.swiper,o(),c(!0);else if(a){const s=i=>{e.swiper=i.detail[0],a.removeEventListener("init",s),o(),c(!0),e.swiper.update(),t.update()};a.addEventListener("init",s)}return a},r=()=>{if(t.destroyed)return;i()||requestAnimationFrame(r)};requestAnimationFrame(r)}else o(),c(!0)})),i("slideChange update resize observerUpdate",(()=>{c()})),i("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),i("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&n&&e.destroy()})),Object.assign(t.thumbs,{init:o,update:c})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){if(t.params.cssMode)return;const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){if(t.params.cssMode)return;const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:l()})},onTouchEnd:function(e){let{currentPos:s}=e;if(t.params.cssMode)return;const{params:r,wrapperEl:n,rtlTranslate:o,snapGrid:d,touchEventsData:c}=t,p=l()-c.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length1){const e=c.velocities.pop(),s=c.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)150||l()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,c.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let p=t.translate+s;o&&(p=-p);let u,m=!1;const h=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(pt.minTranslate())r.freeMode.momentumBounce?(p-t.minTranslate()>h&&(p=t.minTranslate()+h),u=t.minTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t-p){e=t;break}p=Math.abs(d[e]-p){t.loopFix()})),0!==t.velocity){if(e=o?Math.abs((-p-t.translate)/t.velocity):Math.abs((p-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((o?-p:p)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s{t&&!t.destroyed&&c.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(u),y(n,(()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(p),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,y(n,(()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(p),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||p>=r.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,{swiper:i,extendParams:r}=e;r({grid:{rows:1,fill:"column"}});const n=()=>{let e=i.params.spaceBetween;return"string"==typeof e&&e.indexOf("%")>=0?e=parseFloat(e.replace("%",""))/100*i.size:"string"==typeof e&&(e=parseFloat(e)),e};i.grid={initSlides:e=>{const{slidesPerView:r}=i.params,{rows:n,fill:l}=i.params.grid;a=Math.floor(e/n),t=Math.floor(e/n)===e/n?e:Math.ceil(e/n)*n,"auto"!==r&&"row"===l&&(t=Math.max(t,r*n)),s=t/n},updateSlide:(e,r,l,o)=>{const{slidesPerGroup:d}=i.params,c=n(),{rows:p,fill:u}=i.params.grid;let m,h,f;if("row"===u&&d>1){const s=Math.floor(e/(d*p)),a=e-p*d*s,i=0===s?d:Math.min(Math.ceil((l-s*p*d)/p),d);f=Math.floor(a/i),h=a-f*i+s*d,m=h+f*t/p,r.style.order=m}else"column"===u?(h=Math.floor(e/p),f=e-h*p,(h>a||h===a&&f===p-1)&&(f+=1,f>=p&&(f=0,h+=1))):(f=Math.floor(e/s),h=e-f*s);r.row=f,r.column=h,r.style[o("margin-top")]=0!==f?c&&`${c}px`:""},updateWrapperSize:(e,s,a)=>{const{centeredSlides:r,roundLengths:l}=i.params,o=n(),{rows:d}=i.params.grid;if(i.virtualSize=(e+o)*t,i.virtualSize=Math.ceil(i.virtualSize/d)-o,i.wrapperEl.style[a("width")]=`${i.virtualSize+o}px`,r){const e=[];for(let t=0;t{const{slides:e}=t;t.params.fadeEffect;for(let s=0;s{const s=t.slides.map((e=>m(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`})),oe({swiper:t,duration:e,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=f("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(a)),i||(i=f("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(i)),a&&(a.style.opacity=Math.max(-t,0)),i&&(i.style.opacity=Math.max(t,0))};ne({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{el:e,wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:d}=t,c=t.params.cubeEffect,p=t.isHorizontal(),u=t.virtual&&t.params.virtual.enabled;let m,h=0;c.shadow&&(p?(m=t.wrapperEl.querySelector(".swiper-cube-shadow"),m||(m=f("div","swiper-cube-shadow"),t.wrapperEl.append(m)),m.style.height=`${r}px`):(m=e.querySelector(".swiper-cube-shadow"),m||(m=f("div","swiper-cube-shadow"),e.append(m))));for(let e=0;e-1&&(h=90*s+90*d,l&&(h=90*-s-90*d)),t.style.transform=v,c.slideShadows&&i(t,d,p)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,c.shadow)if(p)m.style.transform=`translate3d(0px, ${r/2+c.shadowOffset}px, ${-r/2}px) rotateX(90deg) rotateZ(0deg) scale(${c.shadowScale})`;else{const e=Math.abs(h)-90*Math.floor(Math.abs(h)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=c.shadowScale,a=c.shadowScale/t,i=c.shadowOffset;m.style.transform=`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-90deg)`}const g=(d.isSafari||d.isWebView)&&d.needPerspectiveFix?-o/2:0;s.style.transform=`translate3d(0px,0,${g}px) rotateX(${t.isHorizontal()?0:h}deg) rotateY(${t.isHorizontal()?-h:0}deg)`,s.style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{el:s,slides:a}=t;if(a.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),t.params.cubeEffect.shadow&&!t.isHorizontal()){const t=s.querySelector(".swiper-cube-shadow");t&&(t.style.transitionDuration=`${e}ms`)}},recreateShadows:()=>{const e=t.isHorizontal();t.slides.forEach((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(t,s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0}});const i=(e,s)=>{let a=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=de("flip",e,t.isHorizontal()?"left":"top")),i||(i=de("flip",e,t.isHorizontal()?"right":"bottom")),a&&(a.style.opacity=Math.max(-s,0)),i&&(i.style.opacity=Math.max(s,0))};ne({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect;for(let r=0;r{const s=t.slides.map((e=>m(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),oe({swiper:t,duration:e,transformElements:s})},recreateShadows:()=>{t.params.flipEffect,t.slides.forEach((e=>{let s=e.progress;t.params.flipEffect.limitRotation&&(s=Math.max(Math.min(e.progress,1),-1)),i(e,s)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}}),ne({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth;for(let e=0,t=a.length;e0?p:0),s&&(s.style.opacity=-p>0?-p:0)}}},setTransition:e=>{t.slides.map((e=>m(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;ne({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides;if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s0&&(f=r.prev,h=!0),u.forEach(((e,t)=>{u[t]=`calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d*n)}))`})),m.forEach(((e,t)=>{m[t]=f.rotate[t]*Math.abs(d*n)})),a.style.zIndex=-Math.abs(Math.round(o))+e.length;const g=u.join(", "),v=`rotateX(${m[0]}deg) rotateY(${m[1]}deg) rotateZ(${m[2]}deg)`,w=c<0?`scale(${1+(1-f.scale)*c*n})`:`scale(${1-(1-f.scale)*c*n})`,b=c<0?1+(1-f.opacity)*c*n:1-(1-f.opacity)*c*n,y=`translate3d(${g}) ${v} ${w}`;if(h&&f.shadow||!h){let e=a.querySelector(".swiper-slide-shadow");if(!e&&f.shadow&&(e=de("creative",a)),e){const t=r.shadowPerProgress?d*(1/r.limitProgress):d;e.style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const E=le(0,a);E.style.transform=y,E.style.opacity=b,f.origin&&(E.style.transformOrigin=f.origin)}},setTransition:e=>{const s=t.slides.map((e=>m(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),oe({swiper:t,duration:e,transformElements:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),ne({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s,rtlTranslate:a}=t,i=t.params.cardsEffect,{startTranslate:r,isTouched:n}=t.touchEventsData,l=a?-t.translate:t.translate;for(let o=0;o0&&p<1&&(n||t.params.cssMode)&&l-1&&(n||t.params.cssMode)&&l>r;if(y||E){const e=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*e,g+=-.5*e,w+=96*e,h=-25*e*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${a?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${a?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!t.isHorizontal()){const e=h;h=m,m=e}const x=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),S=`\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${i.rotate?a?-v:v:0}deg)\n scale(${x})\n `;if(i.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=de("cards",d)),e&&(e.style.opacity=Math.min(Math.max((Math.abs(p)-.5)/.5,0),1))}d.style.zIndex=-Math.abs(Math.round(c))+e.length;le(0,d).style.transform=S}},setTransition:e=>{const s=t.slides.map((e=>m(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),oe({swiper:t,duration:e,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}];return Q.use(ce),Q}(); \ No newline at end of file diff --git a/public/scss/_global.scss b/public/scss/_global.scss new file mode 100644 index 0000000..985c50d --- /dev/null +++ b/public/scss/_global.scss @@ -0,0 +1,1283 @@ +#body { + font-family: $circe; + color: $black; + background: $white; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 50px; + min-width: $min-width; + min-height: 100vh; + line-height: 1.25; + @media (min-width: $tablet) { + gap: 60px; + } +} + +.container { + width: 100%; + max-width: $desktop; + margin-left: auto; + margin-right: auto; + padding-left: 10px; + padding-right: 10px; + @media (min-width: $tablet) { + padding-left: 20px; + padding-right: 20px; + } +} + +.to-top { + position: fixed; + right: 10px; + bottom: 10px; + border-radius: 999px; + display: flex; + justify-content: center; + align-items: center; + color: $white; + background: $green; + width: 40px; + height: 40px; + transition: $transition; + margin-right: -100px; + box-shadow: $shadow; + z-index: 99; + border: 1px solid $green; + &:hover { + background: $white; + color: $green; + } + svg { + width: 10px; + height: 10px; + } + @media (min-width: $tablet) { + width: 50px; + height: 50px; + right: 20px; + bottom: 20px; + svg { + width: 12px; + height: 12px; + } + } +} +.begin .to-top { + margin-right: 0; +} + +.socials { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + a { + display: flex; + align-items: center; + justify-content: center; + border: 1px solid $green; + color: $green; + border-radius: 999px; + width: 38px; + height: 38px; + &:hover { + background: $green; + color: $white; + } + } + svg { + width: 12px; + height: 12px; + } +} + +.nls { + display: flex; + color: $black; + text-align: left; + &:hover { + color: $green; + } + svg { + width: 30px; + height: 40px; + @media (min-width: $tablet) { + width: 24px; + height: 31px; + } + } + span { + width: calc(100% - 30px); + padding-left: 12px; + display: flex; + flex-direction: column; + justify-content: center; + font-size: 12px; + line-height: 1.4; + @media (min-width: $tablet) { + width: calc(100% - 24px); + } + } + b { + font-weight: 400; + } +} + +.title, +h1 { + margin: 0; + font-weight: 700; + font-size: 32px; + @media (min-width: $tablet) { + font-size: 40px; + } + @media (min-width: $laptop) { + font-size: 48px; + } + @media (min-width: $desktop) { + font-size: 64px; + } +} + +.swiper { + &-pagination { + display: flex; + justify-content: center; + align-items: center; + position: static; + margin-top: 20px; + gap: 8px; + @media (min-width: $tablet) { + margin-top: 30px; + } + &-bullet { + width: 16px; + height: 16px; + opacity: 1; + border: 1px solid #cdcece; + transition: $transition; + background: transparent; + display: flex; + justify-content: center; + align-items: center; + margin: 0 !important; + &:before { + content: ""; + width: 6px; + height: 6px; + border-radius: 999px; + background: $green; + opacity: 0; + transition: $transition; + } + &:hover { + border-color: $green; + } + &-active { + border-color: $green; + &:before { + opacity: 1; + } + } + } + } +} + +.navs { + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + width: 80px; + button { + color: $green; + background: none; + border: none; + padding: 0; + &[disabled] { + cursor: not-allowed; + color: #cddee1; + } + } + svg { + width: 14px; + height: 28px; + } +} + +.select { + position: relative; + &2 { + width: 100% !important; + &-container { + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + &--open { + .select2-selection { + border-color: $green !important; + } + .select2-selection__arrow svg { + transform: $rotate180; + } + } + } + &-selection { + min-height: 30px !important; + border-radius: 8px !important; + border-color: #e7e7e7 !important; + transition: $transition; + @media (min-width: $tablet) { + min-height: 50px !important; + } + &__rendered { + line-height: 28px !important; + padding: 0 30px 0 10px !important; + @media (min-width: $tablet) { + line-height: 48px !important; + padding: 0 46px 0 20px !important; + } + } + &__arrow { + top: 0 !important; + right: 0 !important; + width: 30px !important; + height: 100% !important; + display: flex; + justify-content: center; + align-items: center; + color: $green; + @media (min-width: $tablet) { + width: 50px !important; + } + svg { + width: 12px; + height: 12px; + transition: $transition; + @media (min-width: $tablet) { + width: 14px; + height: 14px; + } + } + } + &__choice { + display: flex; + flex-direction: row-reverse; + align-items: center; + justify-content: center; + gap: 4px; + padding: 0 4px 0 6px !important; + background: $green !important; + border: none !important; + border-radius: 6px !important; + line-height: 1 !important; + color: $white; + height: 24px; + @media (min-width: $tablet) { + height: 32px; + gap: 6px; + padding: 0 6px 0 10px !important; + border-radius: 8px !important; + } + &__remove { + width: 14px; + height: 14px; + padding-top: 4px; + display: flex !important; + justify-content: center; + align-items: center; + color: $white !important; + font-weight: 400 !important; + font-size: 26px; + } + } + } + &-search { + display: none; + } + &-dropdown { + z-index: 99999; + border: none; + border-radius: 0; + background: none; + padding: 5px 0; + @media (min-width: $tablet) { + padding: 10px 0; + } + } + &-results { + background: $white; + border-radius: 8px; + border: 1px solid $green; + overflow: hidden; + &__option { + @media (min-width: $tablet) { + padding: 10px 14px; + } + &--highlighted { + background: $green !important; + } + } + } + } + &_search &2-selection__rendered { + @media (min-width: $tablet) { + padding-left: 60px !important; + } + } + &_search &__icon { + display: none; + height: 28px; + align-items: center; + padding-right: 12px; + z-index: 2; + position: absolute; + top: 50%; + left: 15px; + margin-top: -14px; + @media (min-width: $tablet) { + display: flex; + } + &:after { + content: ""; + width: 1px; + height: 100%; + border-radius: 999px; + position: absolute; + top: 0; + right: 0; + background: #cecece; + } + svg { + color: #9c9d9d; + width: 20px; + height: 20px; + } + } +} + +.form-group { + display: flex; + flex-direction: column; + gap: 4px; + &__label { + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + } + &__item { + display: flex; + flex-direction: column; + position: relative; + } +} + +.input { + display: block; + height: 30px; + border: 1px solid #cecece; + background: $white; + font-size: 12px; + border-radius: 8px; + padding: 0 10px; + color: $black; + transition: $transition; + position: relative; + z-index: 1; + @media (min-width: $tablet) { + padding: 0 20px; + height: 44px; + font-size: 16px; + } + &:focus { + border-color: $green; + } + &[disabled] { + color: $silver; + background: #e7e7e7; + } + &[type="date"] { + text-transform: uppercase; + } +} + +.textarea { + resize: none; + display: block; + width: 100%; + border-radius: 8px; + border: 1px solid #cecece; + background: $white; + transition: $transition; + font-size: 12px; + line-height: 1.4; + padding: 10px; + aspect-ratio: 8/3; + max-height: 250px; + @media (min-width: $tablet) { + padding: 20px; + font-size: 16px; + height: 280px; + } + &:focus { + border-color: $green; + } +} + +.button { + display: flex; + justify-content: center; + align-items: center; + color: $white; + background: $green; + height: 30px; + border-radius: 8px; + padding: 0 12px; + border: 1px solid $green; + font-weight: 700; + font-size: 12px; + text-align: center; + line-height: 1; + gap: 6px; + transition: $transition; + cursor: pointer; + @media (min-width: $tablet) { + padding: 0 24px; + font-size: 16px; + height: 44px; + gap: 12px; + } + @media (min-width: $laptop) { + padding: 0 36px; + } + &:hover { + background: transparent; + color: $green; + } + img, + svg { + width: 12px; + height: 12px; + @media (min-width: $tablet) { + width: 18px; + height: 18px; + } + } + &_more { + span + span { + display: none; + } + &.active { + span { + display: none; + } + span + span { + display: block; + } + } + } + &_light { + background: transparent; + color: $green; + &:hover { + background: $green; + color: $white; + } + } + &_whited { + background: $white; + color: $green; + border-color: $white; + &:hover { + background: $green; + color: $white; + } + } +} + +.search { + width: 100%; + position: relative; + background: $white; + border-radius: 8px; + span { + display: none; + height: 28px; + align-items: center; + padding-right: 12px; + z-index: 1; + position: absolute; + top: 50%; + left: 15px; + margin-top: -14px; + @media (min-width: $tablet) { + display: flex; + } + &:after { + content: ""; + width: 1px; + height: 100%; + border-radius: 999px; + position: absolute; + top: 0; + right: 0; + background: #cecece; + } + svg { + color: #9c9d9d; + width: 20px; + height: 20px; + } + } + input { + width: 100%; + padding-right: 150px; + position: relative; + z-index: 2; + background: none; + @media (min-width: $tablet) { + padding-left: 60px; + padding-right: 220px; + } + } + button { + width: 140px; + position: absolute; + padding: 0; + top: 0; + right: 0; + z-index: 3; + @media (min-width: $tablet) { + width: 200px; + } + } +} + +.breadcrumbs { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 12px 6px; + margin: 0; + padding: 0; + font-size: 11px; + color: #cecece; + line-height: 1; + @media (min-width: $laptop) { + font-size: 13px; + } + @media (min-width: $desktop) { + font-size: 16px; + } + li { + display: flex; + align-items: center; + gap: 6px; + &:before { + content: ""; + width: 4px; + height: 4px; + background: #cecece; + border-radius: 999px; + position: relative; + top: -1px; + } + &:first-child:before { + display: none; + } + &:last-child:before { + background: $green; + } + } + a { + &:hover { + color: $green; + } + } + b { + color: $green; + font-weight: 700; + } +} + +.pagination { + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + color: $black; + font-size: 12px; + margin: 0 auto; + @media (min-width: $tablet) { + font-size: 14px; + gap: 3px; + } + &__item { + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + background: none; + padding: 0; + border: 1px solid transparent; + border-radius: 8px; + &:hover { + transition: 0s; + color: $green; + font-weight: 700; + } + &.active { + font-weight: 700; + color: $white; + background: $green; + border-color: $green; + } + } + &__dots { + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + svg { + width: 15px; + height: 15px; + } + } + &__nav { + width: 40px; + height: 40px; + display: none; + justify-content: center; + align-items: center; + background: none; + padding: 0; + border: 1px solid #cddee1; + color: $green; + border-radius: 8px; + @media (min-width: $tablet) { + display: flex; + } + &:hover { + border-color: $green; + background: $green; + color: $white; + } + svg { + width: 10px; + height: 10px; + } + &_prev { + margin-right: 37px; + svg { + transform: $rotate180; + } + } + &_next { + margin-left: 37px; + } + } +} + +.filters { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + flex-direction: row; + align-items: center; + justify-content: space-between; + } + &__label { + color: $green; + font-size: 12px; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 16px; + } + @media (min-width: $laptop) { + font-size: 18px; + } + } + &__body { + display: flex; + flex-direction: column; + @media (min-width: $tablet) { + flex-direction: row; + align-items: center; + } + } + &__select { + @media (min-width: $tablet) { + width: 250px; + } + @media (min-width: $laptop) { + width: 310px; + } + } + &__item { + display: none; + justify-content: center; + align-items: center; + width: 50px; + height: 50px; + padding: 0; + background: $white; + border: 1px solid $green; + color: $green; + border-radius: 8px; + margin-left: 20px; + @media (min-width: $tablet) { + display: flex; + } + svg { + width: 24px; + height: 24px; + } + &.active { + background: $green; + color: $white; + } + } + &__item + &__item { + margin-left: 8px; + } +} + +.like, +.chat { + width: 30px; + height: 30px; + display: flex; + justify-content: center; + align-items: center; + background: none; + border: 1px solid $green; + padding: 0; + color: $green; + border-radius: 6px; + @media (min-width: $tablet) { + width: 44px; + height: 44px; + } + &.active { + background: $green; + color: $white; + } + svg { + width: 14px; + height: 14px; + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + } +} + +.checkbox { + display: flex; + align-items: flex-start; + cursor: pointer; + position: relative; + &__input { + position: absolute; + z-index: 1; + width: 14px; + height: 14px; + padding: 0; + background: none; + border: none; + opacity: 0; + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + } + &__icon { + width: 14px; + height: 14px; + border: 1px solid #cfcfcf; + background: $white; + color: $white; + display: flex; + justify-content: center; + align-items: center; + border-radius: 4px; + transition: $transition; + position: relative; + z-index: 2; + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + svg { + width: 8px; + height: 8px; + opacity: 0; + @media (min-width: $tablet) { + width: 10px; + height: 10px; + } + } + } + &__input:checked + &__icon { + border-color: $green; + background: $green; + svg { + opacity: 1; + } + } + &__text { + width: calc(100% - 14px); + padding-left: 6px; + font-size: 12px; + line-height: 1; + display: flex; + align-items: center; + min-height: 14px; + @media (min-width: $tablet) { + width: calc(100% - 20px); + padding-left: 12px; + font-size: 15px; + min-height: 20px; + } + a { + color: $green; + text-decoration: underline; + } + } +} + +.file { + display: flex; + flex-direction: column; + &__input { + input { + display: none; + } + } + &__list { + display: flex; + flex-direction: column; + &-item { + display: flex; + align-items: flex-start; + margin-top: 16px; + &-left { + width: calc(100% - 16px); + min-height: 16px; + color: #9c9d9d; + font-size: 12px; + display: flex; + align-items: flex-start; + @media (min-width: $tablet) { + width: auto; + max-width: calc(100% - 16px); + font-size: 16px; + } + svg { + width: 16px; + height: 16px; + } + span { + width: calc(100% - 16px); + min-height: 16px; + display: flex; + align-items: center; + padding: 0 8px; + } + } + &-right { + display: flex; + justify-content: center; + align-items: center; + padding: 0; + background: none; + border: none; + width: 16px; + height: 16px; + color: $green; + &:hover { + color: $black; + } + svg { + width: 10px; + height: 10px; + } + } + } + &-item + &-item { + margin-top: 10px; + } + } +} + +.rate { + display: flex; + align-items: center; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + &__label { + font-size: 12px; + font-weight: 700; + line-height: 1; + @media (min-width: $tablet) { + font-size: 18px; + } + } + &__stars { + display: flex; + flex-direction: column; + } +} + +.back { + display: flex; + align-items: center; + font-size: 14px; + color: $green; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 18px; + } + &:hover { + color: $blue; + } + svg { + width: 16px; + height: 16px; + @media (min-width: $tablet) { + width: 26px; + height: 26px; + } + } + span { + width: calc(100% - 16px); + padding-left: 10px; + @media (min-width: $tablet) { + width: calc(100% - 26px); + padding-left: 20px; + } + } +} + +.callback { + display: flex; + flex-direction: column; + gap: 16px; + @media (min-width: $laptop) { + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + gap: 20px 0; + } + &__body { + display: flex; + flex-direction: column; + gap: 16px; + @media (min-width: $laptop) { + width: calc(50% - 10px); + gap: 10px; + } + } + &__textarea { + @media (min-width: $laptop) { + width: calc(50% - 10px); + height: auto; + } + } + &__bottom { + display: flex; + flex-direction: column; + gap: 16px; + @media (min-width: $tablet) { + align-items: flex-start; + } + @media (min-width: $laptop) { + width: 100%; + gap: 20px; + } + } +} + +.error { + .input, + .textarea { + border-color: $red; + } + label { + display: block; + } +} + +.eye { + position: absolute; + z-index: 2; + top: 50%; + transform: translate(0, -50%); + right: 10px; + aspect-ratio: 1/1; + width: 16px; + padding: 0; + border: none; + background: none; + color: #9c9d9d; + @media (min-width: $tablet) { + width: 24px; + right: 20px; + } + svg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + svg + svg { + display: none; + } + &.active { + color: $green; + svg { + display: none; + } + svg + svg { + display: block; + } + } +} + +.del { + width: 32px; + aspect-ratio: 1/1; + background: $green; + color: $white; + display: flex; + justify-content: center; + align-items: center; + border-radius: 8px; + padding: 0; + border: 1px solid $green; + &:hover { + background: $white; + color: $green; + } + svg { + width: 50%; + aspect-ratio: 1/1; + } +} + +.notify { + background: $gradient; + padding: 6px 12px; + border-radius: 8px; + display: flex; + align-items: flex-start; + @media (min-width: $tablet) { + padding: 12px 20px; + } + &_red { + background: #f9cdcd; + } + svg { + color: $blue; + width: 20px; + aspect-ratio: 1/1; + } + span { + font-size: 12px; + padding-left: 10px; + min-height: 20px; + display: flex; + align-items: center; + @media (min-width: $tablet) { + font-size: 16px; + } + } +} + +.table { + margin: 0 -10px; + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 20px; + @media (min-width: $tablet) { + margin: 0; + gap: 30px; + } + &__button { + display: none; + } + &_spoiler &__button { + display: flex; + } + &__scroll { + overflow: hidden; + overflow-x: auto; + padding: 0 10px; + width: 100%; + @media (min-width: $tablet) { + padding: 0; + } + } + &__body { + border-radius: 8px; + overflow: hidden; + &_min-width { + min-width: 580px; + } + } + table { + border-collapse: collapse; + width: 100%; + font-size: 12px; + border-radius: 8px; + @media (min-width: $tablet) { + font-size: 14px; + } + @media (min-width: $desktop) { + font-size: 16px; + } + } + thead tr { + th, + td { + background: $green; + color: $white; + font-weight: 700; + border-top-color: $green; + &:first-child { + border-left-color: $green; + } + &:last-child { + border-right-color: $green; + } + } + } + &_spoiler tr { + display: none; + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6) { + display: table-row; + } + } + &_spoiler.active tr { + display: table-row; + } + th, + td { + text-align: left; + padding: 10px; + border: 1px solid #cecece; + } + td { + @media (min-width: $tablet) { + padding: 14px 10px; + } + } + &__status { + color: $silver; + display: flex; + align-items: center; + gap: 6px; + position: relative; + padding-left: 14px; + i { + background: $silver; + width: 8px; + aspect-ratio: 1/1; + border-radius: 999px; + position: absolute; + top: 4px; + left: 0; + } + &.green { + color: $green; + i { + background: $green; + } + } + } + &__link { + display: flex; + align-items: center; + gap: 4px; + color: $blue; + @media (min-width: $tablet) { + gap: 6px; + } + &:hover { + color: $black; + } + svg { + width: 12px; + aspect-ratio: 1/1; + @media (min-width: $tablet) { + width: 16px; + } + } + } + &__controls { + display: flex; + align-items: center; + gap: 8px; + @media (min-width: $desktop) { + gap: 12px; + } + &-item { + width: 24px; + aspect-ratio: 1/1; + display: flex; + justify-content: center; + align-items: center; + border: 1px solid $green; + border-radius: 8px; + color: $green; + background: none; + padding: 0; + @media (min-width: $desktop) { + width: 30px; + } + &:hover { + background: $green; + color: $white; + } + svg { + width: 60%; + aspect-ratio: 1/1; + } + &:nth-of-type(4) svg { + width: 80%; + } + } + } +} + +.gl-star-rating--stars { + &:before, + &:after { + display: none; + } + span { + width: 22px !important; + height: 22px !important; + background-size: 22px 22px !important; + @media (min-width: $tablet) { + width: 30px !important; + height: 30px !important; + background-size: 30px 30px !important; + } + } +} diff --git a/public/scss/blocks/_404.scss b/public/scss/blocks/_404.scss new file mode 100644 index 0000000..7e89176 --- /dev/null +++ b/public/scss/blocks/_404.scss @@ -0,0 +1,59 @@ +.page-404 { + background: url(../images/bg-3.svg) no-repeat 100% / cover; + overflow: hidden; + &__body { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + padding: 60px 0; + color: $black; + font-size: 12px; + gap: 10px; + line-height: 1.4; + @media (min-width: $tablet) { + font-size: 18px; + padding: 120px 0; + gap: 20px; + } + @media (min-width: $desktop) { + padding: 180px 0; + text-align: left; + } + } + &__numb { + font-size: 114px; + line-height: 1; + color: $green; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 184px; + } + } + &__title { + @media (min-width: $tablet) { + font-weight: 700; + font-size: 44px; + } + @media (min-width: $desktop) { + width: 710px; + position: relative; + left: 200px; + } + } + &__subtitle { + @media (min-width: $desktop) { + width: 710px; + position: relative; + left: 200px; + } + } + &__button { + margin-top: 10px; + @media (min-width: $desktop) { + position: relative; + left: -45px; + } + } +} \ No newline at end of file diff --git a/public/scss/blocks/_about.scss b/public/scss/blocks/_about.scss index ec466c3..26121b1 100644 --- a/public/scss/blocks/_about.scss +++ b/public/scss/blocks/_about.scss @@ -77,7 +77,7 @@ height: 38px; padding: 0; @media (min-width: $tablet) { - max-width: 300px; + max-width: 200px; height: 42px; margin-top: 30px; } diff --git a/public/scss/blocks/_cabinet.scss b/public/scss/blocks/_cabinet.scss new file mode 100644 index 0000000..5b8c191 --- /dev/null +++ b/public/scss/blocks/_cabinet.scss @@ -0,0 +1,1560 @@ +.messages { + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 20px; + &__body { + display: flex; + flex-direction: column; + gap: 10px; + width: 100%; + @media (min-width: $tablet) { + gap: 20px; + } + } + &__item { + display: none; + align-items: center; + border-radius: 8px; + border: 1px solid #e7e7e7; + background: $gradient; + padding: 10px; + font-size: 12px; + @media (min-width: $tablet) { + padding: 20px; + font-size: 16px; + } + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6) { + display: flex; + } + &-info { + display: flex; + align-items: center; + width: calc(100% - 90px); + @media (min-width: $tablet) { + width: calc(100% - 150px); + } + } + &-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: $silver; + color: $white; + width: 36px; + border-radius: 6px; + display: flex; + justify-content: center; + align-items: center; + @media (min-width: $tablet) { + width: 52px; + } + svg { + width: 50%; + position: relative; + z-index: 1; + } + img { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + &-text { + width: calc(100% - 36px); + padding-left: 6px; + color: $black; + display: flex; + flex-direction: column; + gap: 4px; + @media (min-width: $tablet) { + padding-left: 20px; + width: calc(100% - 52px); + gap: 8px; + } + span { + color: $black; + } + } + &-date { + color: $black; + width: 90px; + text-align: right; + @media (min-width: $tablet) { + width: 150px; + } + } + } + &.active &__item { + display: flex; + } +} + +.responses { + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 20px; + &__body { + width: 100%; + display: flex; + flex-direction: column; + gap: 20px; + } + &__item { + display: none; + flex-direction: column; + gap: 20px; + border-radius: 8px; + border: 1px solid #e7e7e7; + background: $gradient; + padding: 20px 10px; + font-size: 12px; + position: relative; + @media (min-width: $tablet) { + padding: 20px; + font-size: 16px; + } + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6) { + display: flex; + } + &-date { + color: $black; + @media (min-width: $laptop) { + position: absolute; + top: 20px; + right: 20px; + } + } + &-wrapper { + display: flex; + flex-direction: column; + gap: 20px; + } + &-inner { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + @media (min-width: $desktop) { + width: calc(100% - 150px); + } + } + &-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + color: $black; + text-align: right; + @media (min-width: $laptop) { + display: flex; + flex-direction: column; + gap: 6px; + text-align: left; + } + span { + color: $black; + text-align: left; + } + } + &-buttons { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: 1fr 1fr; + } + @media (min-width: $desktop) { + grid-template-columns: 1fr 1fr 1fr 1fr; + } + .button { + &.active { + background: $green; + color: $white; + } + } + } + } + &.active &__item { + display: flex; + } +} + +.chatbox { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + gap: 30px; + } + @media (min-width: $desktop) { + gap: 40px; + } + &__toper { + display: flex; + flex-direction: column; + gap: 10px; + background: $gradient; + border: 1px solid #e7e7e7; + border-radius: 8px; + padding: 10px; + @media (min-width: $tablet) { + padding: 20px; + flex-direction: row; + align-items: center; + justify-content: space-between; + } + &-info { + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + width: calc(100% - 230px); + } + } + &-button { + @media (min-width: $tablet) { + width: 210px; + padding: 0; + } + } + } + &__list { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + @media (min-width: $desktop) { + gap: 40px; + } + } + &__item { + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + color: $black; + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + &_reverse { + flex-direction: row-reverse; + } + &-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: $silver; + color: $white; + width: 44px; + border-radius: 6px; + display: flex; + justify-content: center; + align-items: center; + svg { + width: 50%; + position: relative; + z-index: 1; + } + img { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + &-body { + width: calc(100% - 54px); + display: flex; + flex-direction: column; + align-items: flex-start; + @media (min-width: $tablet) { + width: calc(100% - 60px); + } + } + &_reverse &-body { + align-items: flex-end; + } + &-text { + border-radius: 8px; + background: $white; + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + padding: 10px; + line-height: 1.6; + } + &-time { + width: 100%; + padding-left: 54px; + margin-top: 10px; + color: $silver; + } + &_reverse &-time { + text-align: right; + } + } + &__bottom { + background: $blue; + padding: 10px; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: space-between; + @media (min-width: $tablet) { + padding: 16px 20px; + } + &-file { + width: 20px; + aspect-ratio: 1/1; + display: flex; + justify-content: center; + align-items: center; + background: $white; + color: $blue; + border-radius: 8px; + @media (min-width: $tablet) { + width: 48px; + } + &:hover { + color: $green; + } + input { + display: none; + } + svg { + width: 50%; + aspect-ratio: 1/1; + @media (min-width: $tablet) { + width: 40%; + } + } + } + &-text { + width: calc(100% - 60px); + height: 20px; + border-color: $white; + @media (min-width: $tablet) { + width: calc(100% - 128px); + height: 48px; + } + &:focus { + border-color: $white; + } + } + &-send { + width: 20px; + aspect-ratio: 1/1; + display: flex; + justify-content: center; + align-items: center; + padding: 0; + background: $white; + border: none; + color: $blue; + border-radius: 999px; + @media (min-width: $tablet) { + width: 48px; + } + &:hover { + color: $green; + } + svg { + width: 50%; + aspect-ratio: 1/1; + position: relative; + left: 1px; + @media (min-width: $tablet) { + width: 40%; + left: 2px; + } + } + } + } +} + +.cvs { + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 20px; + &__body { + display: flex; + flex-direction: column; + gap: 20px; + width: 100%; + @media (min-width: $tablet) { + gap: 30px; + } + } + &__item { + display: none; + flex-direction: column; + gap: 10px; + border-radius: 8px; + border: 1px solid #e7e7e7; + background: $gradient; + padding: 10px; + font-size: 12px; + position: relative; + @media (min-width: $tablet) { + gap: 0; + padding: 20px; + font-size: 16px; + flex-direction: row; + align-items: flex-start; + flex-wrap: wrap; + } + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6) { + display: flex; + } + &-like { + position: absolute; + top: 10px; + right: 10px; + @media (min-width: $tablet) { + top: 20px; + right: 20px; + } + } + &-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: $silver; + color: $white; + width: 36px; + border-radius: 6px; + display: flex; + justify-content: center; + align-items: center; + @media (min-width: $tablet) { + width: 68px; + } + svg { + width: 50%; + position: relative; + z-index: 1; + } + img { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + &-text { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + width: calc(100% - 68px); + padding-left: 20px; + padding-right: 60px; + } + div { + display: flex; + align-items: center; + justify-content: space-between; + @media (min-width: $tablet) { + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + } + } + span, + a { + color: $black; + } + } + &-button { + display: flex; + flex-direction: column; + align-items: center; + @media (min-width: $tablet) { + align-items: flex-end; + width: 100%; + padding-top: 20px; + } + } + } + &.active &__item { + display: flex; + } +} + +.faqs { + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 20px; + &__body { + display: flex; + flex-direction: column; + gap: 20px; + width: 100%; + } + &__item { + display: none; + flex-direction: column; + border-radius: 8px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + background: $white; + padding: 10px; + font-size: 12px; + @media (min-width: $tablet) { + padding: 20px; + font-size: 16px; + box-shadow: $shadow; + } + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6) { + display: flex; + } + &-button { + background: none; + padding: 0; + border: none; + display: flex; + align-items: center; + color: $black; + text-align: left; + font-size: 14px; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 20px; + } + span { + width: calc(100% - 16px); + padding-right: 16px; + } + i { + display: flex; + justify-content: center; + align-items: center; + width: 16px; + aspect-ratio: 1/1; + color: $green; + transition: $transition; + svg { + width: 16px; + aspect-ratio: 1/1; + transform: rotate(90deg); + } + } + &.active i { + transform: $rotate180; + } + } + &-body { + display: flex; + flex-direction: column; + gap: 10px; + opacity: 0; + height: 0; + overflow: hidden; + font-size: 12px; + line-height: 1.4; + @media (min-width: $tablet) { + font-size: 16px; + gap: 20px; + } + p { + margin: 0; + } + } + .active + &-body { + opacity: 1; + height: auto; + transition: $transition; + padding-top: 10px; + @media (min-width: $tablet) { + padding-top: 20px; + } + } + } + &.active &__item { + display: flex; + } +} + +.cabinet { + padding: 20px 0; + padding-bottom: 40px; + background: $gradient; + @media (min-width: $laptop) { + padding: 30px 0; + padding-bottom: 60px; + } + &__breadcrumbs { + margin-bottom: 50px; + } + &__wrapper { + display: flex; + flex-direction: column; + @media (min-width: $laptop) { + flex-direction: row; + align-items: flex-start; + justify-content: space-between; + } + } + &__side { + border-radius: 8px; + background: $white; + padding: 20px 10px; + display: flex; + flex-direction: column; + gap: 30px; + box-shadow: $shadow; + @media (min-width: $tablet) { + padding: 30px 20px; + margin-bottom: 50px; + } + @media (min-width: $laptop) { + width: 340px; + margin: 0; + position: sticky; + top: 6px; + } + @media (min-width: $desktop) { + width: 400px; + } + &-item { + display: flex; + flex-direction: column; + gap: 20px; + } + &-toper { + display: flex; + align-items: center; + &-pic { + width: 70px; + aspect-ratio: 1/1; + overflow: hidden; + border-radius: 8px; + color: $white; + background: $silver; + display: flex; + align-items: center; + justify-content: center; + position: relative; + img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + z-index: 2; + top: 0; + left: 0; + aspect-ratio: 1/1; + object-fit: contain; + } + svg { + width: 50%; + aspect-ratio: 1/1; + } + } + b { + width: calc(100% - 70px); + font-size: 14px; + font-weight: 700; + padding-left: 16px; + @media (min-width: $tablet) { + font-size: 20px; + } + } + } + } + &__menu { + display: flex; + flex-direction: column; + &-toper { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 16px; + padding-right: 12px; + border: none; + border-radius: 8px; + background: $green; + color: $white; + @media (min-width: $tablet) { + padding: 0 20px; + } + @media (min-width: $laptop) { + display: none; + } + &-text { + width: calc(100% - 16px); + display: flex; + align-items: center; + @media (min-width: $tablet) { + width: calc(100% - 20px); + } + i { + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; + @media (min-width: $tablet) { + width: 22px; + height: 22px; + } + } + svg { + width: 16px; + height: 16px; + @media (min-width: $tablet) { + width: 22px; + height: 22px; + } + } + span { + display: flex; + align-items: center; + padding: 0 10px; + min-height: 30px; + font-size: 12px; + width: calc(100% - 16px); + @media (min-width: $tablet) { + width: calc(100% - 22px); + font-size: 20px; + min-height: 52px; + padding: 0 16px; + } + } + } + &-arrow { + width: 16px; + height: 16px; + display: flex; + justify-content: center; + align-items: center; + transition: $transition; + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + svg { + width: 12px; + height: 12px; + transform: rotate(90deg); + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + } + } + &.active &-arrow { + transform: $rotate180; + } + } + &-body { + opacity: 0; + height: 0; + overflow: hidden; + display: flex; + flex-direction: column; + @media (min-width: $laptop) { + opacity: 1; + height: auto; + } + } + .active + &-body { + opacity: 1; + height: auto; + transition: $transition; + } + &-items { + display: flex; + flex-direction: column; + } + &-item { + padding: 8px 16px; + border-radius: 8px; + display: flex; + align-items: center; + @media (min-width: $tablet) { + padding: 14px 20px; + } + &:hover { + color: $green; + } + &.active { + @media (min-width: $laptop) { + background: $green; + color: $white; + } + svg { + @media (min-width: $laptop) { + color: $white; + } + } + &.red { + @media (min-width: $laptop) { + background: $red; + } + } + } + i { + width: 16px; + height: 16px; + color: $green; + @media (min-width: $tablet) { + width: 22px; + height: 22px; + } + } + svg { + width: 16px; + height: 16px; + @media (min-width: $tablet) { + width: 22px; + height: 22px; + } + } + span { + width: calc(100% - 16px); + font-size: 12px; + padding-left: 10px; + @media (min-width: $tablet) { + font-size: 20px; + width: calc(100% - 22px); + padding-left: 16px; + } + } + } + &-bottom { + display: flex; + flex-direction: column; + gap: 10px; + margin-top: 10px; + @media (min-width: $tablet) { + gap: 20px; + margin-top: 20px; + } + } + &-copy { + color: $silver; + text-align: center; + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + } + } + &__body { + margin: 0 -10px; + margin-top: 50px; + background: $white; + padding: 20px 10px; + display: flex; + flex-direction: column; + gap: 30px; + color: $black; + @media (min-width: $tablet) { + padding: 30px 20px; + margin: 0; + border-radius: 8px; + box-shadow: $shadow; + } + @media (min-width: $laptop) { + width: calc(100% - 360px); + } + @media (min-width: $desktop) { + width: calc(100% - 420px); + } + &-item { + display: flex; + flex-direction: column; + gap: 20px; + } + } + &__title { + font-size: 24px; + @media (min-width: $tablet) { + font-size: 32px; + } + @media (min-width: $laptop) { + font-size: 40px; + } + @media (min-width: $desktop) { + font-size: 48px; + } + } + &__subtitle { + font-size: 22px; + margin: 0; + font-weight: 700; + color: $black; + @media (min-width: $tablet) { + font-size: 24px; + } + } + &__h4 { + font-size: 20px; + margin: 0; + font-weight: 700; + color: $black; + @media (min-width: $tablet) { + font-size: 22px; + } + } + &__text { + margin: 0; + font-size: 14px; + @media (min-width: $tablet) { + font-size: 16px; + } + b { + color: $black; + font-size: 18px; + @media (min-width: $tablet) { + font-size: 24px; + } + } + } + &__descr { + display: flex; + flex-direction: column; + gap: 6px; + @media (min-width: $tablet) { + gap: 12px; + } + } + &__avatar { + display: flex; + align-items: flex-start; + @media (min-width: $tablet) { + align-items: center; + } + &-pic { + width: 100px; + aspect-ratio: 1/1; + position: relative; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + border-radius: 8px; + color: $white; + background: $silver; + svg { + width: 50%; + aspect-ratio: 1/1; + z-index: 1; + position: relative; + } + } + &-form { + width: calc(100% - 100px); + padding-left: 15px; + display: flex; + flex-direction: column; + gap: 6px; + @media (min-width: $tablet) { + align-items: flex-start; + padding-left: 30px; + gap: 12px; + } + .file { + @media (min-width: $tablet) { + min-width: 215px; + } + } + } + } + &__inputs { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $desktop) { + flex-direction: row; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + } + &-item { + @media (min-width: $desktop) { + width: calc(50% - 10px); + } + &_fullwidth { + @media (min-width: $desktop) { + width: 100%; + } + } + &_min { + @media (min-width: $desktop) { + width: calc(15% - 10px); + } + } + &_max { + @media (min-width: $desktop) { + width: calc(85% - 10px); + } + } + .button { + @media (min-width: $tablet) { + width: 100%; + max-width: 215px; + padding: 0; + } + } + .buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + max-width: 470px; + } + @media (min-width: $laptop) { + max-width: none; + } + @media (min-width: $desktop) { + max-width: 470px; + } + .button { + max-width: none; + } + } + } + > .button { + padding: 0; + width: 100%; + max-width: 140px; + @media (min-width: $tablet) { + max-width: 190px; + } + } + } + &__add { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 0; + flex-direction: row; + align-items: flex-end; + } + &-pic { + border-radius: 4px; + position: relative; + overflow: hidden; + background: $silver; + color: $white; + width: 100px; + aspect-ratio: 1/1; + transition: $transition; + @media (min-width: $tablet) { + width: 220px; + border-radius: 8px; + } + &:hover { + background: $black; + } + input { + display: none; + } + > svg { + width: 20px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 1; + @media (min-width: $tablet) { + width: 50px; + } + } + span { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + gap: 4px; + font-weight: 700; + font-size: 8px; + line-height: 1; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin-top: 25px; + @media (min-width: $tablet) { + font-size: 16px; + margin-top: 60px; + } + svg { + width: 7px; + aspect-ratio: 1/1; + @media (min-width: $tablet) { + width: 16px; + } + } + } + } + &-body { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + width: calc(100% - 220px); + padding-left: 20px; + } + .button { + @media (min-width: $tablet) { + width: 215px; + padding: 0; + } + } + } + } + &__fleet { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: repeat(2, 1fr); + } + @media (min-width: $desktop) { + grid-template-columns: repeat(3, 1fr); + } + } + &__submit { + @media (min-width: $tablet) { + width: 215px; + padding: 0; + margin: 0 auto; + } + } + &__filters { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + @media (min-width: $desktop) { + flex-direction: row; + align-items: flex-start; + justify-content: space-between; + } + &-item { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + @media (min-width: $desktop) { + width: calc(50% - 10px); + max-width: 410px; + } + .button, .select { + width: 100%; + @media (min-width: $desktop) { + width: auto; + } + } + } + &-item + &-item { + align-items: flex-end; + @media (min-width: $desktop) { + max-width: 280px; + } + } + .search { + input { + padding-right: 135px; + } + button { + width: 115px; + } + } + &-buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; + width: 100%; + @media (min-width: $tablet) { + gap: 20px; + } + .button { + padding: 0; + gap: 5px; + &.active { + background: $green; + color: $white; + &:before { + content: ""; + width: 6px; + height: 6px; + background: $white; + border-radius: 999px; + } + } + } + } + } + &__table-header { + display: flex; + justify-content: space-between; + align-items: center; + font-weight: 700; + margin-bottom: -10px; + div { + font-size: 18px; + @media (min-width: $tablet) { + font-size: 24px; + } + } + span { + color: $black; + font-size: 14px; + @media (min-width: $tablet) { + font-size: 18px; + } + b { + color: $green; + } + } + } + &__tabs { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + @media (min-width: $tablet) { + max-width: 420px; + } + .button { + &.active { + background: $green; + color: $white; + } + } + } + &__bodies { + display: none; + &.showed { + display: block; + } + } + &__nots { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + .input { + width: 100%; + } + } + &__anketa { + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 10px; + @media (min-width: $tablet) { + flex-direction: row; + align-items: center; + } + @media (min-width: $laptop) { + flex-direction: column; + align-items: stretch; + } + @media (min-width: $desktop) { + flex-direction: row; + align-items: center; + justify-content: space-between; + } + &-buttons { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + } + } + } + &__stats { + display: flex; + flex-direction: column; + gap: 6px; + @media (min-width: $tablet) { + gap: 12px; + } + &-title { + font-size: 14px; + font-weight: 700; + color: $black; + @media (min-width: $tablet) { + font-size: 24px; + } + } + &-body { + background: $gradient; + border-radius: 8px; + padding: 10px; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + margin-bottom: 10px; + @media (min-width: $tablet) { + padding: 10px 20px; + } + } + &-item { + font-size: 12px; + display: flex; + align-items: center; + line-height: 1; + gap: 6px; + @media (min-width: $tablet) { + font-size: 20px; + gap: 10px; + } + svg { + width: 20px; + aspect-ratio: 1/1; + color: $green; + @media (min-width: $tablet) { + width: 40px; + margin-right: 10px; + } + } + span { + font-weight: 700; + color: $black; + } + b { + color: $green; + font-size: 14px; + @media (min-width: $tablet) { + font-size: 24px; + } + } + } + &-subtitle { + font-size: 14px; + font-weight: 700; + color: $green; + @media (min-width: $tablet) { + font-size: 18px; + } + } + &-line { + width: 100%; + position: relative; + overflow: hidden; + height: 8px; + border-radius: 999px; + background: #CECECE; + span { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: $green; + border-radius: 999px; + } + } + &-bottom { + color: $black; + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + } + } + &__works { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + gap: 30px; + } + &-item { + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + padding: 10px; + border-radius: 4px; + @media (min-width: $tablet) { + padding: 20px; + border-radius: 8px; + } + } + &-spoiler { + display: flex; + align-items: center; + justify-content: space-between; + &-left { + display: flex; + align-items: center; + width: calc(100% - 22px); + } + &-right { + width: 22px; + height: 22px; + display: flex; + align-items: center; + justify-content: center; + color: $green; + padding: 0; + background: none; + border: none; + svg { + width: 60%; + aspect-ratio: 1/1; + transform: rotate(90deg); + transition: $transition; + } + } + &.active &-right svg { + transform: rotate(-90deg); + } + &-buttons { + display: flex; + align-items: center; + justify-content: space-between; + width: 60px; + @media (min-width: $tablet) { + width: 74px; + } + .button { + width: 22px; + height: 22px; + padding: 0; + @media (min-width: $tablet) { + width: 30px; + height: 30px; + } + } + } + &-text { + width: calc(100% - 60px); + padding-left: 20px; + font-size: 17px; + font-weight: 700; + color: $black; + @media (min-width: $tablet) { + width: calc(100% - 74px); + font-size: 20px; + } + } + } + &-body { + opacity: 0; + height: 0; + overflow: hidden; + } + .active + &-body { + transition: $transition; + opacity: 1; + height: auto; + padding-top: 20px; + } + &-add { + padding: 0; + width: 100%; + max-width: 160px; + @media (min-width: $tablet) { + max-width: 220px; + } + } + } + &__buttons { + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + } + .button, .file { + padding: 0; + width: 100%; + max-width: 140px; + @media (min-width: $tablet) { + max-width: none; + } + } + @media (min-width: $tablet) { + gap: 20px; + } + @media (min-width: $desktop) { + max-width: 400px; + } + } + &__vacs { + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 20px; + &-body { + display: flex; + flex-direction: column; + gap: 20px; + width: 100%; + @media (min-width: $tablet) { + gap: 30px; + } + } + &-item { + display: none; + background: $white; + box-shadow: $shadow; + &:nth-of-type(1), + &:nth-of-type(2) { + display: flex; + } + + } + &.active &-item { + display: flex; + } + } +} diff --git a/public/scss/blocks/_employer.scss b/public/scss/blocks/_employer.scss index f5aadcb..a6cf898 100644 --- a/public/scss/blocks/_employer.scss +++ b/public/scss/blocks/_employer.scss @@ -19,7 +19,9 @@ align-items: center; } img { - width: 295px; + width: 100%; + aspect-ratio: 295/98; + object-fit: contain; } } &__more { diff --git a/public/scss/blocks/_footer.scss b/public/scss/blocks/_footer.scss index d3778ca..fde0f82 100644 --- a/public/scss/blocks/_footer.scss +++ b/public/scss/blocks/_footer.scss @@ -1,13 +1,9 @@ .footer { - box-shadow: $shadow; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); background: $white; position: relative; z-index: 1; overflow: hidden; - margin-top: 50px; - @media (min-width: $laptop) { - margin-top: 30px; - } &__mobile { display: flex; flex-direction: column; @@ -25,7 +21,7 @@ padding: 0; border: none; background: none; - a { + a, b { display: flex; justify-content: center; align-items: center; @@ -121,7 +117,6 @@ flex-direction: column; gap: 15px; a { - text-decoration: underline; &:hover { color: $green; } diff --git a/public/scss/blocks/_global.scss b/public/scss/blocks/_global.scss deleted file mode 100644 index b2643a0..0000000 --- a/public/scss/blocks/_global.scss +++ /dev/null @@ -1,631 +0,0 @@ -#body { - font-family: $circe; - color: $black; - background: $white; - display: flex; - flex-direction: column; - justify-content: space-between; - min-width: $min-width; - min-height: 100vh; - line-height: 1.25; -} - -.container { - width: 100%; - max-width: $desktop; - margin-left: auto; - margin-right: auto; - padding-left: 10px; - padding-right: 10px; - @media (min-width: $tablet) { - padding-left: 20px; - padding-right: 20px; - } -} - -.to-top { - position: fixed; - right: 10px; - bottom: 10px; - border-radius: 999px; - display: flex; - justify-content: center; - align-items: center; - color: $white; - background: $green; - width: 40px; - height: 40px; - transition: $transition; - margin-right: -100px; - box-shadow: $shadow; - z-index: 99; - border: 1px solid $green; - &:hover { - background: $white; - color: $green; - } - svg { - width: 10px; - height: 10px; - } - @media (min-width: $tablet) { - width: 50px; - height: 50px; - right: 20px; - bottom: 20px; - svg { - width: 12px; - height: 12px; - } - } -} -.begin .to-top { - margin-right: 0; -} - -.socials { - display: flex; - align-items: center; - justify-content: center; - gap: 20px; - a { - display: flex; - align-items: center; - justify-content: center; - border: 1px solid $green; - color: $green; - border-radius: 999px; - width: 38px; - height: 38px; - &:hover { - background: $green; - color: $white; - } - } - svg { - width: 12px; - height: 12px; - } -} - -.nls { - display: flex; - color: $black; - text-align: left; - &:hover { - color: $green; - } - svg { - width: 30px; - height: 40px; - @media (min-width: $tablet) { - width: 24px; - height: 31px; - } - } - span { - width: calc(100% - 30px); - padding-left: 12px; - display: flex; - flex-direction: column; - justify-content: center; - font-size: 12px; - line-height: 1.4; - @media (min-width: $tablet) { - width: calc(100% - 24px); - } - } - b { - font-weight: 400; - } -} - -.title { - font-size: 32px; - font-weight: 700; - @media (min-width: $tablet) { - font-size: 40px; - } - @media (min-width: $laptop) { - font-size: 48px; - } - @media (min-width: $desktop) { - font-size: 64px; - } -} - -.swiper { - &-pagination { - display: flex; - justify-content: center; - align-items: center; - position: static; - margin-top: 20px; - gap: 8px; - @media (min-width: $tablet) { - margin-top: 30px; - } - &-bullet { - width: 16px; - height: 16px; - opacity: 1; - border: 1px solid #cdcece; - transition: $transition; - background: transparent; - display: flex; - justify-content: center; - align-items: center; - margin: 0 !important; - &:before { - content: ""; - width: 6px; - height: 6px; - border-radius: 999px; - background: $green; - opacity: 0; - transition: $transition; - } - &:hover { - border-color: $green; - } - &-active { - border-color: $green; - &:before { - opacity: 1; - } - } - } - } -} - -.navs { - display: flex; - align-items: center; - justify-content: space-between; - gap: 20px; - width: 80px; - button { - color: $green; - background: none; - border: none; - padding: 0; - &[disabled] { - cursor: not-allowed; - color: #cddee1; - } - } - svg { - width: 14px; - height: 28px; - } -} - -.select { - &2 { - width: 100% !important; - &-container { - font-size: 12px; - @media (min-width: $tablet) { - font-size: 16px; - } - &--open { - .select2-selection__arrow svg { - transform: $rotate180; - } - } - } - &-selection { - height: 30px !important; - border-radius: 8px !important; - border-color: $green !important; - @media (min-width: $tablet) { - height: 50px !important; - } - &__rendered { - line-height: 28px !important; - padding: 0 30px 0 10px !important; - @media (min-width: $tablet) { - line-height: 48px !important; - padding: 0 50px 0 20px !important; - } - } - &__arrow { - top: 0 !important; - right: 0 !important; - width: 30px !important; - height: 100% !important; - display: flex; - justify-content: center; - align-items: center; - color: $green; - @media (min-width: $tablet) { - width: 50px !important; - } - svg { - width: 12px; - height: 12px; - transition: $transition; - @media (min-width: $tablet) { - width: 16px; - height: 16px; - } - } - } - } - &-search { - display: none; - } - &-dropdown { - border: none; - border-radius: 0; - background: none; - padding: 5px 0; - @media (min-width: $tablet) { - padding: 10px 0; - } - } - &-results { - background: $white; - border-radius: 8px; - border: 1px solid $green; - overflow: hidden; - &__option { - @media (min-width: $tablet) { - padding: 10px 14px; - } - &--highlighted { - background: $green !important; - } - } - } - } -} - -.button { - display: flex; - justify-content: center; - align-items: center; - color: $white; - background: $green; - height: 30px; - border-radius: 8px; - padding: 0 12px; - border: 1px solid $green; - font-weight: 700; - font-size: 12px; - text-align: center; - line-height: 1; - gap: 10px; - @media (min-width: $tablet) { - padding: 0 24px; - font-size: 16px; - height: 42px; - border-radius: 12px; - } - &:hover { - background: transparent; - color: $green; - } - &_more { - span + span { - display: none; - } - &.active { - span { - display: none; - } - span + span { - display: block; - } - } - } - &_light { - background: transparent; - color: $green; - &:hover { - background: $green; - color: $white; - } - } - &_whited { - background: $white; - color: $green; - border-color: $white; - &:hover { - background: $green; - color: $white; - } - } -} - -.input { - display: block; - height: 30px; - border: none; - background: $white; - font-size: 12px; - border-radius: 8px; - padding: 0 10px; - color: $black; - @media (min-width: $tablet) { - padding: 0 20px; - height: 42px; - font-size: 16px; - border-radius: 12px; - } -} - -.search { - width: 100%; - position: relative; - span { - display: none; - height: 28px; - align-items: center; - padding-right: 12px; - z-index: 2; - position: absolute; - top: 50%; - left: 15px; - margin-top: -14px; - @media (min-width: $tablet) { - display: flex; - } - &:after { - content: ""; - width: 1px; - height: 100%; - border-radius: 999px; - position: absolute; - top: 0; - right: 0; - background: #cecece; - } - svg { - color: #9c9d9d; - width: 20px; - height: 20px; - } - } - input { - width: 100%; - padding-right: 150px; - position: relative; - z-index: 1; - @media (min-width: $tablet) { - padding-left: 60px; - padding-right: 220px; - } - } - button { - width: 140px; - position: absolute; - padding: 0; - top: 0; - right: 0; - z-index: 2; - @media (min-width: $tablet) { - width: 200px; - } - } -} - -.breadcrumbs { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 10px 5px; - margin: 0; - padding: 0; - font-size: 11px; - color: #cecece; - line-height: 1; - @media (min-width: $laptop) { - font-size: 13px; - gap: 10px 6px; - } - @media (min-width: $desktop) { - font-size: 16px; - } - li { - display: flex; - align-items: center; - gap: 5px; - &:before { - content: ""; - width: 4px; - height: 4px; - background: #cecece; - border-radius: 999px; - position: relative; - top: -1px; - } - &:first-child:before { - display: none; - } - &:last-child:before { - background: $green; - } - } - a { - &:hover { - color: $green; - } - } - b { - color: $green; - font-weight: 700; - } -} - -.pagination { - display: flex; - align-items: center; - justify-content: center; - line-height: 1; - color: $gray; - font-size: 12px; - @media (min-width: $tablet) { - font-size: 14px; - } - &__item { - width: 40px; - height: 40px; - display: flex; - justify-content: center; - align-items: center; - background: none; - padding: 0; - border: 1px solid transparent; - border-radius: 8px; - &:hover { - transition: 0s; - color: $green; - font-weight: 700; - } - &.active { - font-weight: 700; - color: $white; - background: $green; - border-color: $green; - } - } - &__dots { - width: 40px; - height: 40px; - display: flex; - justify-content: center; - align-items: center; - svg { - width: 15px; - height: 15px; - } - } - &__nav { - width: 40px; - height: 40px; - display: none; - justify-content: center; - align-items: center; - background: none; - padding: 0; - border: 1px solid #cddee1; - color: $green; - border-radius: 8px; - @media (min-width: $tablet) { - display: flex; - } - &:hover { - border-color: $green; - background: $green; - color: $white; - } - svg { - width: 10px; - height: 10px; - } - &_prev { - margin-right: 40px; - svg { - transform: $rotate180; - } - } - &_next { - margin-left: 40px; - } - } -} - -.filters { - display: flex; - flex-direction: column; - gap: 10px; - @media (min-width: $tablet) { - flex-direction: row; - align-items: center; - justify-content: space-between; - } - &__label { - color: $green; - font-size: 12px; - font-weight: 700; - @media (min-width: $tablet) { - font-size: 16px; - } - @media (min-width: $laptop) { - font-size: 18px; - } - } - &__body { - display: flex; - flex-direction: column; - @media (min-width: $tablet) { - flex-direction: row; - align-items: center; - } - } - &__select { - @media (min-width: $tablet) { - width: 250px; - } - @media (min-width: $laptop) { - width: 310px; - } - } - &__item { - display: none; - justify-content: center; - align-items: center; - width: 50px; - height: 50px; - padding: 0; - background: $white; - border: 1px solid $green; - color: $green; - border-radius: 8px; - margin-left: 20px; - @media (min-width: $tablet) { - display: flex; - } - svg { - width: 24px; - height: 24px; - } - &.active { - background: $green; - color: $white; - } - } - &__item + &__item { - margin-left: 8px; - } -} - -.like { - width: 30px; - height: 30px; - display: flex; - justify-content: center; - align-items: center; - background: none; - border: 1px solid $green; - padding: 0; - color: $green; - border-radius: 6px; - @media (min-width: $tablet) { - width: 42px; - height: 42px; - } - &.active { - background: $green; - color: $white; - } - svg { - width: 14px; - height: 14px; - @media (min-width: $tablet) { - width: 20px; - height: 20px; - } - } -} diff --git a/public/scss/blocks/_header.scss b/public/scss/blocks/_header.scss index bea316f..76d1e6b 100644 --- a/public/scss/blocks/_header.scss +++ b/public/scss/blocks/_header.scss @@ -2,7 +2,7 @@ box-shadow: $shadow; background: $white; position: relative; - z-index: 1; + z-index: 5; overflow: hidden; @media (min-width: $tablet) { box-shadow: none; @@ -140,6 +140,9 @@ width: 20px; height: 20px; } + svg + svg { + display: none; + } } &__sign { display: none; @@ -148,3 +151,86 @@ } } } + +.mob-menu { + display: none; + position: fixed; + bottom: 0; + left: 0; + width: 100vw; + height: calc(100vh - 42px); + z-index: 4; + background: $white; + overflow: hidden; + overflow-y: auto; + padding: 50px 0; + &__bottom { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 80px; + .button { + min-width: 120px; + } + &-link { + text-decoration: underline; + margin-top: 50px; + &:hover { + color: $green; + } + } + &-link + &-link { + margin-top: 10px; + } + .socials { + margin-top: 35px; + } + } + .footer__mobile-menu { + opacity: 1; + height: auto; + overflow: visible; + &-item { + button { + align-items: center; + } + div { + font-size: 20px; + } + } + } + .footer__mobile-contacts a { + font-size: 20px; + font-weight: 700; + color: $black; + text-decoration: none; + &:hover { + color: $green; + } + } + .footer__mobile-menu-item button b, + .footer__mobile-contacts a { + font-size: 30px; + } +} + +.menu-is-actived { + overflow: hidden; + @media (min-width: $laptop) { + overflow: auto; + } + .header__burger { + svg { + display: none; + } + svg + svg { + display: block; + } + } + .mob-menu { + display: block; + @media (min-width: $laptop) { + display: none; + } + } +} diff --git a/public/scss/blocks/_info.scss b/public/scss/blocks/_info.scss index 4184df5..a4ba47b 100644 --- a/public/scss/blocks/_info.scss +++ b/public/scss/blocks/_info.scss @@ -1,11 +1,14 @@ .info { position: relative; overflow: hidden; + @media (min-width: $desktop) { + margin-bottom: -25px; + } &__pic { display: none; z-index: 1; position: absolute; - bottom: 0; + top: 0; left: 50%; height: 100%; margin-left: 130px; @@ -15,6 +18,7 @@ @media (min-width: $desktop) { width: 610px; height: auto; + margin-left: 10px; } } &__body { @@ -23,9 +27,8 @@ display: flex; flex-direction: column; @media (min-width: $desktop) { - min-height: 605px; - padding-bottom: 75px; - justify-content: flex-end; + padding-top: 100px; + min-height: 600px; } } &__title { @@ -35,7 +38,7 @@ } } &__item { - margin-top: 30px; + margin-top: 20px; display: flex; flex-direction: column; gap: 20px; @@ -44,8 +47,7 @@ } } &__item + &__item { - border-top: 1px solid #e6e7e7; - padding-top: 30px; + margin-top: 60px; } &__text { color: #6b6c6d; diff --git a/public/scss/blocks/_main.scss b/public/scss/blocks/_main.scss index 1e5c36b..47ba0a5 100644 --- a/public/scss/blocks/_main.scss +++ b/public/scss/blocks/_main.scss @@ -1,15 +1,135 @@ .main { position: relative; overflow: hidden; - padding: 20px 0; + padding: 30px 0; @media (min-width: $tablet) { padding: 40px 0; } - &__employers { + @media (min-width: $laptop) { + padding: 50px 0; + } + @media (min-width: $desktop) { + padding: 60px 0; + } + h2 { + margin: 0; + font-weight: 700; + font-size: 30px; + @media (min-width: $tablet) { + font-size: 44px; + } + } + h3 { + margin: 0; + font-weight: 700; + font-size: 22px; + @media (min-width: $tablet) { + font-size: 28px; + } + } + p { + margin: 0; + font-size: 14px; + line-height: 1.4; + @media (min-width: $tablet) { + font-size: 18px; + } + a { + color: $blue; + &:hover { + color: $green; + } + } + } + &__breadcrumbs { + margin-bottom: 20px; + @media (min-width: $tablet) { + margin-bottom: 40px; + } + } + &__content { + display: flex; + flex-direction: column; + gap: 20px; + font-size: 14px; + @media (min-width: $laptop) { + font-size: 18px; + gap: 32px; + } + &-item { + display: flex; + flex-direction: column; + gap: 16px; + } + h1, + h2, + h3, + h4, + h5, + h6 { + color: $black; + } + ul, + ol { + padding: 0; + margin: 0; + padding-left: 20px; + display: flex; + flex-direction: column; + gap: 8px; + @media (min-width: $laptop) { + gap: 16px; + padding-left: 30px; + } + } + li { + ul, + ol { + margin-top: 8px; + @media (min-width: $laptop) { + margin-top: 16px; + } + li { + list-style-type: disc; + } + } + } + } + &__gallery { display: flex; flex-direction: column; gap: 20px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: repeat(2, 1fr); + } @media (min-width: $laptop) { + grid-template-columns: repeat(3, 1fr); + } + &-item { + width: 100%; + aspect-ratio: 400/224; + border-radius: 30px; + position: relative; + overflow: hidden; + &:hover { + filter: brightness(1.1); + } + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + &__employers { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { gap: 30px; } &-body { @@ -22,32 +142,11 @@ &.showed { display: flex; } - .main__employers-item { - display: none; - &:nth-of-type(1), - &:nth-of-type(2), - &:nth-of-type(3), - &:nth-of-type(4), - &:nth-of-type(5), - &:nth-of-type(6), - &:nth-of-type(7), - &:nth-of-type(8) { - display: flex; - } - } - &.active { - .main__employers-item { - display: flex; - } - } - } - &-more { - margin: 0 auto; } &-item { display: flex; flex-direction: column; - border: 1px solid #e7e7e7; + border: 1px solid #cecece; border-radius: 8px; position: relative; overflow: hidden; @@ -60,6 +159,9 @@ justify-content: space-between; padding: 55px 20px; } + @media (min-width: $desktop) { + padding-left: 55px; + } &-inner { display: flex; flex-direction: column; @@ -107,7 +209,7 @@ } i { font-style: normal; - color: $gray; + color: $black; } } &-more { @@ -200,7 +302,7 @@ gap: 30px; } &-title { - color: $gray; + color: $black; margin: 0; font-size: 30px; @media (min-width: $tablet) { @@ -224,11 +326,11 @@ color: $green; font-size: 14px; @media (min-width: $tablet) { - font-size: 20px; + font-size: 18px; } } span { - color: $gray; + color: $black; } } &-info { @@ -241,7 +343,11 @@ gap: 30px 40px; } @media (min-width: $desktop) { - grid-template-columns: repeat(4, 1fr); + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: space-between; + padding-right: 160px; } } &-info &-item { @@ -312,6 +418,7 @@ flex-direction: column; gap: 10px; font-size: 12px; + position: relative; @media (min-width: $desktop) { font-size: 18px; } @@ -320,7 +427,7 @@ object-fit: cover; width: 100%; max-height: 250px; - aspect-ratio: 29/17; + aspect-ratio: 247/174; @media (min-width: $desktop) { margin-bottom: 10px; } @@ -330,7 +437,13 @@ color: $green; } span { - color: $gray; + color: $black; + } + .del { + position: absolute; + z-index: 1; + top: 8px; + left: 8px; } } } @@ -343,18 +456,22 @@ width: 100%; display: flex; flex-direction: column; - gap: 20px; + gap: 16px; padding: 20px 10px; border-radius: 12px; - border: 1px solid #e7e7e7; + border: 1px solid #cecece; position: relative; overflow: hidden; font-size: 12px; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + background: $gradient; @media (min-width: $tablet) { - font-size: 16px; + font-size: 14px; padding: 20px; - padding-bottom: 50px; + gap: 24px; + padding-bottom: 35px; + } + @media (min-width: $laptop) { + font-size: 16px; } @media (min-width: $desktop) { font-size: 18px; @@ -364,7 +481,7 @@ align-items: center; font-size: 22px; font-weight: 700; - color: $gray; + color: $black; @media (min-width: $tablet) { font-size: 30px; } @@ -376,6 +493,9 @@ span { width: calc(100% - 60px); padding-left: 10px; + @media (min-width: $tablet) { + padding-left: 20px; + } } } &-title { @@ -389,16 +509,12 @@ &-text { display: flex; flex-direction: column; - gap: 8px; + gap: 10px; &-name { - font-size: 14px; font-weight: 700; - @media (min-width: $tablet) { - font-size: 18px; - } } &-body { - color: $gray; + color: $black; display: flex; flex-direction: column; gap: 6px; @@ -413,10 +529,42 @@ display: flex; flex-direction: column; gap: 6px; + @media (min-width: $tablet) { + margin: 0 5px; + } + span, + a { + color: $black; + position: relative; + } span { - color: $gray; - font-size: 14px; - font-weight: 700; + @media (min-width: $tablet) { + + } + } + a:hover { + color: $green; + } + } + p + ul { + margin-top: 10px; + } + } + &-links { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + padding: 0 10px; + font-weight: 700; + margin-top: 5px; + @media (min-width: $tablet) { + gap: 20px; + } + a { + color: $blue; + &:hover { + color: $green; } } } @@ -428,6 +576,9 @@ align-items: center; flex-wrap: wrap; gap: 10px 20px; + @media (min-width: $tablet) { + font-size: 14px; + } } &-buttons { display: grid; @@ -454,7 +605,7 @@ align-items: center; justify-content: space-between; &-date { - color: $gray; + color: $black; @media (min-width: $tablet) { position: absolute; bottom: 20px; @@ -463,6 +614,9 @@ display: flex; align-items: center; } + @media (min-width: $laptop) { + font-size: 16px; + } } &-like { @media (min-width: $tablet) { @@ -482,7 +636,7 @@ } } &-two { - &-item { + & &-item { display: none; &:nth-of-type(1), &:nth-of-type(2) { @@ -494,5 +648,635 @@ } } } - + &__resume-base { + display: flex; + flex-direction: column; + color: $black; + &-body { + display: none; + flex-direction: column; + margin-top: 10px; + @media (min-width: $tablet) { + margin-top: 30px; + } + &.showed { + display: flex; + } + &-one { + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + @media (min-width: $tablet) { + gap: 30px; + } + } + &-two { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + flex-direction: row; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + gap: 30px 0; + } + } + &-two &-item { + @media (min-width: $tablet) { + width: calc(50% - 10px); + } + &-wrapper { + flex-direction: column; + } + } + &-item { + width: 100%; + display: flex; + flex-direction: column; + gap: 20px; + position: relative; + border: 1px solid $green; + border-radius: 8px; + padding: 10px; + align-items: center; + @media (min-width: $tablet) { + padding: 20px; + } + &-buttons { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + position: absolute; + top: 10px; + right: 10px; + @media (min-width: $tablet) { + top: 20px; + right: 20px; + } + } + &-wrapper { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 20px; + width: 100%; + @media (min-width: $tablet) { + flex-direction: row; + } + } + &-photo { + width: 180px; + aspect-ratio: 1/1; + object-fit: cover; + border-radius: 8px; + @media (min-width: $tablet) { + width: 210px; + } + } + &-inner { + display: flex; + flex-direction: column; + gap: 10px; + width: 100%; + @media (min-width: $tablet) { + gap: 16px; + padding-right: 50px; + } + @media (min-width: $laptop) { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30px; + } + div { + display: flex; + flex-direction: column; + gap: 4px; + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + } + b { + color: $green; + font-size: 14px; + @media (min-width: $tablet) { + font-size: 18px; + } + } + } + &-link { + width: 100%; + padding: 0; + @media (min-width: $tablet) { + width: 200px; + } + } + } + } + } + &__spoiler { + overflow: hidden; + border-radius: 8px; + display: flex; + flex-direction: column; + &-toper { + background: $green; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + color: $white; + font-size: 12px; + font-weight: 700; + padding: 0 30px; + border: none; + position: relative; + @media (min-width: $tablet) { + font-size: 18px; + height: 50px; + padding: 0 60px; + } + &:before, + &:after { + content: ""; + background: $white; + border-radius: 999px; + width: 10px; + height: 1px; + position: absolute; + top: 50%; + right: 10px; + transition: $transition; + transform: translate(0, -50%); + @media (min-width: $tablet) { + width: 20px; + height: 2px; + right: 20px; + } + } + &:after { + transform: rotate(90deg); + } + &.active:after { + transform: rotate(0deg); + } + } + &-body { + opacity: 0; + height: 0; + overflow: hidden; + border-radius: 0 0 8px 8px; + background: $white; + table { + width: calc(100% + 2px); + margin-left: -1px; + margin-bottom: -1px; + td { + @media (min-width: $laptop) { + width: 40%; + } + } + td + td { + @media (min-width: $laptop) { + width: 60%; + } + } + } + } + .active + &-body { + transition: $transition; + opacity: 1; + height: auto; + border: 1px solid #cecece; + border-top: none; + } + } + &__table { + border-collapse: collapse; + table-layout: fixed; + font-size: 12px; + width: 100%; + background: $white; + @media (min-width: $tablet) { + font-size: 16px; + } + td { + border: 1px solid #cecece; + padding: 4px 8px; + @media (min-width: $tablet) { + padding: 8px 16px; + } + b { + font-weight: 700; + } + a:hover { + color: $green; + } + } + } + &__resume-profile { + &-about { + padding-top: 20px; + padding-bottom: 30px; + position: relative; + margin-top: 30px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + @media (min-width: $laptop) { + padding: 50px 0; + } + &:before { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 50%; + width: 20000px; + height: 100%; + margin-left: -10000px; + background: $gradient; + } + &-title { + position: relative; + z-index: 2; + color: $black; + } + &-text { + position: relative; + z-index: 2; + } + &-button { + position: relative; + z-index: 2; + margin-top: 10px; + } + } + &-info { + display: flex; + flex-direction: column; + gap: 20px; + margin-top: 30px; + @media (min-width: $laptop) { + margin-top: 50px; + gap: 30px; + } + &-title { + color: $black; + } + &-body { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $laptop) { + gap: 30px; + } + &-item { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + gap: 20px; + } + } + &-subtitle { + color: $blue; + } + &-inner { + display: flex; + flex-direction: column; + gap: 20px; + margin: 0; + padding: 0; + font-size: 12px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: repeat(2, 1fr); + } + @media (min-width: $laptop) { + grid-template-columns: repeat(3, 1fr); + font-size: 16px; + } + li { + display: flex; + flex-direction: column; + gap: 6px; + @media (min-width: $laptop) { + gap: 8px; + } + } + b { + color: $green; + font-size: 14px; + @media (min-width: $laptop) { + font-size: 18px; + } + } + span { + display: flex; + flex-direction: column; + gap: 4px; + @media (min-width: $laptop) { + gap: 6px; + } + } + } + } + } + &-review { + display: flex; + flex-direction: column; + gap: 20px; + padding: 20px 10px; + margin-top: 30px; + border-radius: 16px; + border: 1px solid #cecece; + background: $white; + box-shadow: $shadow; + @media (min-width: $laptop) { + margin-top: 50px; + padding: 50px 40px; + gap: 30px; + } + &-title { + color: $black; + } + &-body { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + .textarea { + width: 100%; + } + .button { + margin-top: 10px; + } + } + } + } + &__vacancies { + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + @media (min-width: $tablet) { + gap: 30px; + } + &-title { + color: $black; + width: 100%; + } + .vacancies__list { + @media (min-width: $laptop) { + grid-template-columns: repeat(2, 1fr); + } + } + &-filters { + width: 100%; + } + &-item { + width: 100%; + background: none; + box-shadow: $shadow; + &-page { + border: none; + box-shadow: none; + background: none; + margin: 0 -10px; + @media (min-width: $tablet) { + margin: 0 -20px; + } + } + } + &-thing { + width: 100%; + position: relative; + padding: 10px 0; + padding-bottom: 30px; + display: flex; + flex-direction: column; + gap: 24px; + @media (min-width: $laptop) { + display: grid; + grid-template-columns: repeat(2, 1fr); + padding: 30px 0; + } + @media (min-width: $desktop) { + padding: 50px 0; + display: flex; + flex-direction: row; + align-items: flex-start; + gap: 0; + } + &:before { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 50%; + width: 20000px; + height: 100%; + margin-left: -10000px; + background: $gradient; + } + &-pic { + position: relative; + z-index: 2; + width: 100%; + height: 280px; + object-fit: cover; + border-radius: 8px; + @media (min-width: $desktop) { + width: 420px; + } + } + &-body { + position: relative; + z-index: 2; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 16px; + color: $black; + @media (min-width: $desktop) { + width: calc(100% - 420px); + padding-left: 30px; + gap: 20px; + } + > * { + width: 100%; + } + .button { + width: auto; + } + } + } + } + &__cond { + display: flex; + flex-direction: column; + gap: 50px; + > div { + display: flex; + flex-direction: column; + gap: 10px; + } + &-label { + border-radius: 16px; + border: 1px solid #cecece; + box-shadow: $shadow; + padding: 30px 20px; + font-weight: 700; + color: $black; + line-height: 2; + text-align: center; + @media (min-width: $laptop) { + font-size: 30px; + } + } + &-icons { + padding: 0; + margin: 0; + display: flex; + flex-direction: column; + gap: 25px; + margin-top: 10px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 60px; + margin-top: 20px; + } + @media (min-width: $desktop) { + grid-template-columns: repeat(3, 1fr); + } + li { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 20px; + font-size: 12px; + line-height: 1.4; + color: $black; + @media (min-width: $tablet) { + font-size: 14px; + } + @media (min-width: $laptop) { + font-size: 16px; + line-height: 1.6; + } + @media (min-width: $desktop) { + font-size: 18px; + } + span { + width: 48px; + height: 48px; + display: flex; + align-items: center; + img { + max-width: 48px; + } + } + } + } + &-callback { + margin-top: 10px; + } + } + &__ads { + display: flex; + flex-direction: column; + gap: 30px; + margin: 30px 0; + @media (min-width: $laptop) { + margin: 60px 0; + } + &-item { + display: flex; + flex-direction: column; + gap: 16px; + @media (min-width: $laptop) { + flex-direction: row; + gap: 0; + } + &-pic { + width: 100%; + max-width: 440px; + max-height: 200px; + aspect-ratio: 3/2; + position: relative; + overflow: hidden; + border-radius: 12px; + @media (min-width: $laptop) { + width: 200px; + aspect-ratio: 1/1; + } + img { + z-index: 1; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + span { + z-index: 2; + width: 30px; + height: 30px; + border-radius: 6px; + background: $blue; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + top: 10px; + left: 10px; + color: $white; + @media (min-width: $laptop) { + width: 42px; + height: 42px; + } + svg { + width: 12px; + height: 12px; + @media (min-width: $laptop) { + width: 20px; + height: 20px; + } + } + } + } + &-body { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + font-size: 12px; + @media (min-width: $laptop) { + width: calc(100% - 200px); + padding-left: 40px; + justify-content: center; + font-size: 16px; + gap: 20px; + } + b { + width: 100%; + font-weight: 700; + font-size: 14px; + @media (min-width: $laptop) { + font-size: 20px; + } + } + span { + width: 100%; + } + } + } + } } diff --git a/public/scss/blocks/_modals.scss b/public/scss/blocks/_modals.scss new file mode 100644 index 0000000..ec0c286 --- /dev/null +++ b/public/scss/blocks/_modals.scss @@ -0,0 +1,312 @@ +.cookies { + display: none; + align-items: flex-end; + padding: 10px; + padding-top: 0; + height: 0; + position: fixed; + z-index: 999; + bottom: 0; + left: 0; + width: 100%; + &-is-actived & { + display: flex; + } + &__body { + border-radius: 6px; + border: 1px solid $green; + background: $white; + padding: 15px; + padding-right: 50px; + position: relative; + max-width: 940px; + margin: 0 auto; + @media (min-width: $tablet) { + padding: 25px; + padding-right: 50px; + border-radius: 12px; + } + @media (min-width: $laptop) { + padding: 40px 60px; + } + } + &__close { + display: flex; + justify-content: center; + align-items: center; + color: $green; + padding: 0; + border: none; + background: none; + position: absolute; + top: 15px; + right: 15px; + &:hover { + color: $black; + } + svg { + width: 16px; + height: 16px; + } + } + &__text { + font-size: 12px; + color: $green; + line-height: 1.4; + @media (min-width: $tablet) { + font-size: 16px; + font-weight: 700; + } + } +} + +.fancybox { + &-active { + overflow: hidden; + } + &-is-open &-bg { + background: #080B0B; + opacity: 0.6; + z-index: 9999; + } + &-slide { + padding: 0; + @media (min-width: $laptop) { + padding: 30px; + } + } + &-slide--html &-close-small { + padding: 0; + opacity: 1; + color: $green; + @media (min-width: $tablet) { + top: 10px; + right: 10px; + } + &:hover { + color: $black; + } + } +} + +.modal { + width: 100%; + max-width: 820px; + padding: 0; + background: $white; + z-index: 99999; + @media (min-width: $laptop) { + border-radius: 10px; + border: 1px solid $green; + } + &_bg { + background: $white url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; + @media (min-width: $tablet) { + background-position: 100% 100%; + } + } + &__body { + padding: 40px 15px; + padding-bottom: 30px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + min-height: 100vh; + overflow: hidden; + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + padding-left: 22px; + padding-right: 22px; + } + @media (min-width: $laptop) { + min-height: 450px; + padding: 60px 80px; + padding-bottom: 40px; + } + .left { + @media (min-width: $tablet) { + text-align: left; + } + } + } + &__title { + width: 100%; + font-size: 22px; + font-weight: 700; + text-align: center; + color: $black; + @media (min-width: $tablet) { + font-size: 32px; + } + @media (min-width: $laptop) { + font-size: 44px; + } + } + &__text { + width: 100%; + text-align: center; + margin-top: 10px; + color: $black; + @media (min-width: $tablet) { + margin-top: 20px; + } + span { + color: #9C9D9D; + } + a { + font-weight: 700; + color: $green; + &:hover { + color: $black; + } + } + } + &__button { + margin-top: 20px; + @media (min-width: $tablet) { + min-width: 200px; + margin-top: 30px; + } + } + &__buttons { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + margin-top: 20px; + @media (min-width: $tablet) { + gap: 30px; + margin-top: 30px; + } + } + &__form { + width: 100%; + display: flex; + flex-direction: column; + gap: 16px; + margin-top: 10px; + @media (min-width: $tablet) { + margin-top: 20px; + } + &-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; + > .input { + width: 100%; + } + > .textarea { + width: 100%; + height: 175px; + @media (min-width: $tablet) { + height: 195px; + } + } + > .file { + width: 100%; + } + > .button { + min-width: 120px; + } + > label { + width: 100%; + display: none; + color: $red; + padding: 0 10px; + font-size: 12px; + @media (min-width: $tablet) { + padding: 0 20px; + font-size: 16px; + } + } + } + } + &__sign { + display: flex; + flex-direction: column; + gap: 20px; + margin-top: 10px; + margin-bottom: 20px; + width: 100%; + @media (min-width: $tablet) { + margin-top: 20px; + margin-bottom: 40px; + } + &-item { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + > .input { + width: 100%; + padding-right: 36px; + position: relative; + z-index: 1; + @media (min-width: $tablet) { + height: 52px; + padding-right: 60px; + } + } + > .textarea { + width: 100%; + } + } + &-bottom { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + &-link { + font-weight: 700; + color: $green; + } + } + } + &__tabs { + width: 100%; + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 16px; + margin-top: 10px; + @media (min-width: $tablet) { + gap: 24px; + margin-top: 20px; + } + &-item { + + &.active { + background: $green; + color: $white; + } + } + } + &__reg { + display: none; + flex-direction: column; + align-items: center; + gap: 10px; + width: 100%; + margin-top: 10px; + margin-bottom: 20px; + @media (min-width: $tablet) { + margin-top: 20px; + margin-bottom: 30px; + gap: 20px; + } + &.showed { + display: flex; + } + &-item { + width: 100%; + display: flex; + flex-direction: column; + > .captcha { + width: 100%; + max-width: 300px; + } + } + } +} diff --git a/public/scss/blocks/_news.scss b/public/scss/blocks/_news.scss index c560a6d..1b6034b 100644 --- a/public/scss/blocks/_news.scss +++ b/public/scss/blocks/_news.scss @@ -72,6 +72,7 @@ color: #6b6c6d; font-size: 13px; margin-top: 10px; + @include lines(4); @media (min-width: $desktop) { font-size: 16px; } diff --git a/public/scss/blocks/_numbers.scss b/public/scss/blocks/_numbers.scss index b6c2abe..a4214ad 100644 --- a/public/scss/blocks/_numbers.scss +++ b/public/scss/blocks/_numbers.scss @@ -23,6 +23,7 @@ line-height: 1.4; @media (min-width: $desktop) { font-size: 16px; + line-height: 20px; } b { font-size: 40px; @@ -31,12 +32,14 @@ line-height: 1; @media (min-width: $desktop) { font-size: 100px; + line-height: 147px; } } span { font-weight: 700; font-size: 14px; margin: 10px 0; + line-height: 1; @media (min-width: $desktop) { font-size: 24px; margin-top: 30px; diff --git a/public/scss/blocks/_thing.scss b/public/scss/blocks/_thing.scss index 59fc000..5cf62ef 100644 --- a/public/scss/blocks/_thing.scss +++ b/public/scss/blocks/_thing.scss @@ -1,8 +1,8 @@ .thing { padding-top: 15px; padding-bottom: 30px; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - color: $gray; + background: $gradient; + color: $black; overflow: hidden; position: relative; @media (min-width: $laptop) { @@ -16,9 +16,6 @@ display: flex; flex-direction: column; align-items: flex-start; - @media (min-width: $laptop) { - min-height: 330px; - } } &__breadcrumbs { width: 100%; @@ -26,17 +23,21 @@ position: relative; z-index: 2; @media (min-width: $tablet) { - margin-bottom: 50px; + margin-bottom: 60px; } } &__title { width: 100%; - font-size: 40px; + font-size: 32px; font-weight: 700; margin: 0; - max-width: 700px; + max-width: 780px; position: relative; z-index: 2; + line-height: 1.1; + @media (min-width: $tablet) { + font-size: 40px; + } @media (min-width: $desktop) { font-size: 64px; } @@ -45,12 +46,13 @@ width: 100%; font-weight: 700; font-size: 14px; + line-height: 1.4; margin: 15px 0 0 0; - max-width: 700px; + max-width: 780px; position: relative; z-index: 2; @media (min-width: $tablet) { - margin-top: 20px; + margin-top: 15px; } @media (min-width: $laptop) { font-weight: 400; @@ -99,11 +101,11 @@ } &__pic { width: 60px; - margin-bottom: 10px; aspect-ratio: 1/1; object-fit: contain; position: relative; z-index: 1; + margin-bottom: 15px; @media (min-width: $tablet) { width: 160px; position: absolute; @@ -120,6 +122,21 @@ left: 50%; margin-left: 200px; } + &_two { + object-fit: cover; + border-radius: 30px; + aspect-ratio: 44/37; + width: 100%; + max-width: 440px; + @media (min-width: $tablet) { + position: static; + transform: translate(0, 0); + } + @media (min-width: $desktop) { + position: absolute; + transform: translate(0, -50%); + } + } } &__buttons { width: 100%; @@ -133,15 +150,67 @@ margin-top: 30px; gap: 30px; } - &-item { - svg { - width: 16px; - height: 16px; - @media (min-width: $tablet) { - width: 24px; - height: 24px; - } + .button { + @media (min-width: $laptop) { + padding: 0 22px; + } + } + } + &__checkbox { + margin-top: 20px; + .checkbox__icon { + border-color: $green; + } + .checkbox__text { + color: $green; + } + } + &__profile { + display: flex; + flex-direction: column; + @media (min-width: $tablet) { + flex-direction: row; + align-items: flex-start; + } + &-photo { + width: 210px; + border-radius: 8px; + aspect-ratio: 1/1; + } + &-body { + display: flex; + flex-direction: column; + margin-top: 15px; + @media (min-width: $tablet) { + width: calc(100% - 210px); + padding-left: 35px; } } } + &__profile &__title { + max-width: none; + @media (min-width: $tablet) { + margin-top: -20px; + } + } + &__profile &__text { + max-width: none; + } + &__bottom { + display: flex; + align-items: center; + gap: 15px; + margin-top: 15px; + @media (min-width: $tablet) { + margin-top: 30px; + } + } + &__select { + width: 100%; + max-width: 640px; + margin-top: 20px; + @media (min-width: $tablet) { + margin-top: 30px; + } + } } diff --git a/public/scss/blocks/_vacancies.scss b/public/scss/blocks/_vacancies.scss index a349897..4d1e4ed 100644 --- a/public/scss/blocks/_vacancies.scss +++ b/public/scss/blocks/_vacancies.scss @@ -7,6 +7,7 @@ display: flex; flex-direction: column-reverse; gap: 20px; + width: 100%; margin-top: 20px; @media (min-width: $laptop) { margin-top: 30px; @@ -15,29 +16,27 @@ } &__more { width: 100%; - height: 38px; - @media (min-width: $laptop) { - width: 250px; + @media (min-width: $tablet) { + width: auto; margin: 0 auto; - height: 44px; } } - &__body.active > &__more { - display: none; - } &__list { display: flex; flex-direction: column; gap: 15px; @media (min-width: $tablet) { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: repeat(2, 1fr); } @media (min-width: $laptop) { display: grid; - grid-template-columns: 1fr 1fr 1fr; + grid-template-columns: repeat(3, 1fr); gap: 20px; } + @media (min-width: $desktop) { + grid-template-columns: repeat(4, 1fr); + } } &__item { display: none; @@ -53,7 +52,15 @@ &:nth-of-type(5), &:nth-of-type(6), &:nth-of-type(7), - &:nth-of-type(8) { + &:nth-of-type(8), + &:nth-of-type(9), + &:nth-of-type(10), + &:nth-of-type(11), + &:nth-of-type(12), + &:nth-of-type(13), + &:nth-of-type(14), + &:nth-of-type(15), + &:nth-of-type(16) { display: flex; } > span { @@ -61,8 +68,12 @@ padding: 20px 14px; display: flex; flex-direction: column; + align-items: flex-start; gap: 5px; justify-content: space-between; + @media (min-width: $laptop) { + gap: 10px; + } } b { font-weight: 700; @@ -74,9 +85,17 @@ &:hover b { color: $green; } + u { + text-decoration: none; + font-size: 14px; + @media (min-width: $laptop) { + font-size: 18px; + } + } i { font-size: 12px; font-style: normal; + border-bottom: 1px dashed $green; @media (min-width: $laptop) { font-size: 16px; } diff --git a/public/scss/blocks/_work.scss b/public/scss/blocks/_work.scss index 15d6a39..a6db771 100644 --- a/public/scss/blocks/_work.scss +++ b/public/scss/blocks/_work.scss @@ -1,5 +1,5 @@ .work { - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + background: $gradient; color: #6b6c6d; padding-top: 70px; padding-bottom: 10px; @@ -10,7 +10,7 @@ } @media (min-width: $desktop) { padding-top: 80px; - padding-bottom: 40px; + padding-bottom: 25px; } &__pic { position: absolute; @@ -47,6 +47,7 @@ line-height: 1; @media (min-width: $tablet) { font-size: 64px; + line-height: 94px; } } &__text { diff --git a/public/scss/style.scss b/public/scss/style.scss index bac9dd4..6f4d63f 100644 --- a/public/scss/style.scss +++ b/public/scss/style.scss @@ -2,6 +2,7 @@ @import url(fonts.css); @import url(jquery.fancybox.css); @import url(jquery.select2.css); +@import url(star-rating.min.css); @import url(swiper.css); $tablet: 768px; @@ -12,14 +13,22 @@ $min-width: 320px; $circe: "Circe", sans-serif; $transition: 0.3s; -$shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25); +$shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); +$gradient: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); $black: #3a3b3c; $white: #ffffff; $green: #377d87; $light: #acc0e6; -$gray: #6b6c6d; +$silver: #9c9d9d; $blue: #4d88d9; +$red: #eb5757; +.green { + color: $green; +} +.red { + color: $red; +} $rotate180: rotate(180deg); .rotate180 { @@ -108,10 +117,15 @@ a, input[type="button"], input[type="submit"], button { + user-select: none; transition: $transition; cursor: pointer; } +[type=tel] { + letter-spacing: 1px; +} + .br, img, svg { @@ -131,7 +145,7 @@ svg { } } -@import "blocks/global"; +@import "global"; @import "blocks/header"; @import "blocks/footer"; @import "blocks/main"; @@ -143,3 +157,6 @@ svg { @import "blocks/news"; @import "blocks/info"; @import "blocks/thing"; +@import "blocks/404"; +@import "blocks/modals"; +@import "blocks/cabinet"; diff --git a/public/scss_/blocks/_about.scss b/public/scss_/blocks/_about.scss new file mode 100644 index 0000000..ec466c3 --- /dev/null +++ b/public/scss_/blocks/_about.scss @@ -0,0 +1,85 @@ +.about { + background: $light url("../images/space.svg") no-repeat 0 0; + background-size: cover; + padding: 30px 0; + padding-bottom: 70px; + @media (min-width: $tablet) { + padding-top: 40px; + background-size: auto calc(100% - 10px); + } + @media (min-width: $desktop) { + padding: 100px 0; + } + &__wrapper { + display: flex; + flex-direction: column; + position: relative; + } + &__title { + color: $white; + line-height: 1.2; + @media (min-width: $desktop) { + position: absolute; + top: -45px; + left: 0; + } + } + &__body { + display: flex; + flex-direction: column; + @media (min-width: $desktop) { + padding-left: 495px; + } + } + &__line { + background: $white; + width: 100%; + height: 1px; + max-width: 400px; + margin-top: 10px; + } + &__item { + display: flex; + flex-direction: column; + margin-top: 10px; + max-width: 600px; + @media (min-width: $tablet) { + margin-top: 20px; + } + @media (min-width: $desktop) { + margin-top: 30px; + } + b { + font-size: 20px; + font-weight: 700; + } + span { + font-size: 13px; + line-height: 1.4; + margin-top: 6px; + @media (min-width: $desktop) { + font-size: 16px; + margin-top: 12px; + } + } + a { + text-decoration: underline; + } + } + &__item + &__item { + margin-top: 30px; + @media (min-width: $laptop) { + margin-top: 40px; + } + } + &__button { + margin-top: 20px; + height: 38px; + padding: 0; + @media (min-width: $tablet) { + max-width: 300px; + height: 42px; + margin-top: 30px; + } + } +} diff --git a/public/scss_/blocks/_employer.scss b/public/scss_/blocks/_employer.scss new file mode 100644 index 0000000..f5aadcb --- /dev/null +++ b/public/scss_/blocks/_employer.scss @@ -0,0 +1,35 @@ +.employer { + padding-bottom: 50px; + @media (min-width: $laptop) { + padding-bottom: 100px; + } + .swiper { + margin-top: 20px; + @media (min-width: $laptop) { + margin-top: 30px; + } + } + &__item { + display: flex; + flex-direction: column; + gap: 30px; + a { + display: flex; + flex-direction: column; + align-items: center; + } + img { + width: 295px; + } + } + &__more { + height: 38px; + margin-top: 20px; + @media (min-width: $laptop) { + width: 250px; + margin: 0 auto; + height: 44px; + margin-top: 40px; + } + } +} diff --git a/public/scss_/blocks/_footer.scss b/public/scss_/blocks/_footer.scss new file mode 100644 index 0000000..d3778ca --- /dev/null +++ b/public/scss_/blocks/_footer.scss @@ -0,0 +1,270 @@ +.footer { + box-shadow: $shadow; + background: $white; + position: relative; + z-index: 1; + overflow: hidden; + margin-top: 50px; + @media (min-width: $laptop) { + margin-top: 30px; + } + &__mobile { + display: flex; + flex-direction: column; + padding: 25px 0 30px 0; + @media (min-width: $tablet) { + padding: 30px 0; + } + @media (min-width: $laptop) { + display: none; + } + &-toper { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0; + border: none; + background: none; + a { + display: flex; + justify-content: center; + align-items: center; + color: $green; + svg { + width: 137px; + height: 40px; + } + } + span { + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + background: $green; + color: $white; + border-radius: 999px; + svg { + width: 10px; + height: 10px; + transition: $transition; + } + } + &.active { + span { + svg { + transform: $rotate180; + } + } + } + } + &-menu { + height: 0; + opacity: 0; + overflow: hidden; + transition: $transition; + display: flex; + flex-direction: column; + gap: 30px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 100px; + } + &-item { + display: flex; + flex-direction: column; + button { + display: flex; + align-items: flex-start; + padding: 0; + border: none; + background: none; + &.active { + color: $green; + } + b { + width: calc(100% - 24px); + padding-right: 12px; + min-height: 24px; + display: flex; + align-items: center; + font-size: 20px; + font-weight: 700; + } + span { + width: 24px; + height: 24px; + display: flex; + justify-content: center; + align-items: center; + padding: 0; + border: none; + background: none; + } + svg { + width: 12px; + height: 12px; + transition: $transition; + transform: $rotate180; + } + &.active svg { + transform: rotate(0deg); + } + } + div { + height: 0; + opacity: 0; + overflow: hidden; + transition: $transition; + display: flex; + flex-direction: column; + gap: 15px; + a { + text-decoration: underline; + &:hover { + color: $green; + } + } + } + .active + div { + opacity: 1; + height: auto; + overflow: visible; + padding-top: 15px; + } + } + } + .active + &-menu { + opacity: 1; + height: auto; + overflow: visible; + padding-top: 35px; + } + &-contacts { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + margin-top: 30px; + b { + font-size: 20px; + font-weight: 700; + width: 100%; + margin-bottom: 20px; + } + a { + color: $green; + text-decoration: underline; + } + a + a { + color: $black; + } + } + &-bottom { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + gap: 20px; + margin-top: 100px; + } + &-links { + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + a { + &:hover { + color: $green; + } + } + span { + width: 60px; + height: 1px; + background: $green; + } + } + } + &__main { + display: none; + padding: 55px 0 20px 0; + flex-direction: column; + gap: 70px; + @media (min-width: $laptop) { + display: flex; + } + &-body { + display: flex; + justify-content: space-between; + align-items: flex-start; + } + &-logo { + display: flex; + justify-content: center; + align-items: center; + color: $green; + svg { + width: 182px; + height: 54px; + } + } + &-title { + font-size: 20px; + font-weight: 700; + margin-bottom: 16px; + } + &-col { + display: flex; + flex-direction: column; + align-items: flex-start; + nav { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 8px; + a { + &:hover { + color: $green; + } + } + } + } + &-contacts { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 16px; + margin-bottom: 16px; + a { + color: $green; + text-decoration: underline; + } + a + a { + color: $black; + } + } + &-copy { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 14px; + line-height: 1.4; + nav { + display: flex; + align-items: center; + gap: 10px; + a { + &:hover { + color: $green; + } + } + span { + width: 1px; + height: 20px; + background: #6b6c6d; + } + } + } + } +} diff --git a/public/scss_/blocks/_global.scss b/public/scss_/blocks/_global.scss new file mode 100644 index 0000000..b2643a0 --- /dev/null +++ b/public/scss_/blocks/_global.scss @@ -0,0 +1,631 @@ +#body { + font-family: $circe; + color: $black; + background: $white; + display: flex; + flex-direction: column; + justify-content: space-between; + min-width: $min-width; + min-height: 100vh; + line-height: 1.25; +} + +.container { + width: 100%; + max-width: $desktop; + margin-left: auto; + margin-right: auto; + padding-left: 10px; + padding-right: 10px; + @media (min-width: $tablet) { + padding-left: 20px; + padding-right: 20px; + } +} + +.to-top { + position: fixed; + right: 10px; + bottom: 10px; + border-radius: 999px; + display: flex; + justify-content: center; + align-items: center; + color: $white; + background: $green; + width: 40px; + height: 40px; + transition: $transition; + margin-right: -100px; + box-shadow: $shadow; + z-index: 99; + border: 1px solid $green; + &:hover { + background: $white; + color: $green; + } + svg { + width: 10px; + height: 10px; + } + @media (min-width: $tablet) { + width: 50px; + height: 50px; + right: 20px; + bottom: 20px; + svg { + width: 12px; + height: 12px; + } + } +} +.begin .to-top { + margin-right: 0; +} + +.socials { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + a { + display: flex; + align-items: center; + justify-content: center; + border: 1px solid $green; + color: $green; + border-radius: 999px; + width: 38px; + height: 38px; + &:hover { + background: $green; + color: $white; + } + } + svg { + width: 12px; + height: 12px; + } +} + +.nls { + display: flex; + color: $black; + text-align: left; + &:hover { + color: $green; + } + svg { + width: 30px; + height: 40px; + @media (min-width: $tablet) { + width: 24px; + height: 31px; + } + } + span { + width: calc(100% - 30px); + padding-left: 12px; + display: flex; + flex-direction: column; + justify-content: center; + font-size: 12px; + line-height: 1.4; + @media (min-width: $tablet) { + width: calc(100% - 24px); + } + } + b { + font-weight: 400; + } +} + +.title { + font-size: 32px; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 40px; + } + @media (min-width: $laptop) { + font-size: 48px; + } + @media (min-width: $desktop) { + font-size: 64px; + } +} + +.swiper { + &-pagination { + display: flex; + justify-content: center; + align-items: center; + position: static; + margin-top: 20px; + gap: 8px; + @media (min-width: $tablet) { + margin-top: 30px; + } + &-bullet { + width: 16px; + height: 16px; + opacity: 1; + border: 1px solid #cdcece; + transition: $transition; + background: transparent; + display: flex; + justify-content: center; + align-items: center; + margin: 0 !important; + &:before { + content: ""; + width: 6px; + height: 6px; + border-radius: 999px; + background: $green; + opacity: 0; + transition: $transition; + } + &:hover { + border-color: $green; + } + &-active { + border-color: $green; + &:before { + opacity: 1; + } + } + } + } +} + +.navs { + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + width: 80px; + button { + color: $green; + background: none; + border: none; + padding: 0; + &[disabled] { + cursor: not-allowed; + color: #cddee1; + } + } + svg { + width: 14px; + height: 28px; + } +} + +.select { + &2 { + width: 100% !important; + &-container { + font-size: 12px; + @media (min-width: $tablet) { + font-size: 16px; + } + &--open { + .select2-selection__arrow svg { + transform: $rotate180; + } + } + } + &-selection { + height: 30px !important; + border-radius: 8px !important; + border-color: $green !important; + @media (min-width: $tablet) { + height: 50px !important; + } + &__rendered { + line-height: 28px !important; + padding: 0 30px 0 10px !important; + @media (min-width: $tablet) { + line-height: 48px !important; + padding: 0 50px 0 20px !important; + } + } + &__arrow { + top: 0 !important; + right: 0 !important; + width: 30px !important; + height: 100% !important; + display: flex; + justify-content: center; + align-items: center; + color: $green; + @media (min-width: $tablet) { + width: 50px !important; + } + svg { + width: 12px; + height: 12px; + transition: $transition; + @media (min-width: $tablet) { + width: 16px; + height: 16px; + } + } + } + } + &-search { + display: none; + } + &-dropdown { + border: none; + border-radius: 0; + background: none; + padding: 5px 0; + @media (min-width: $tablet) { + padding: 10px 0; + } + } + &-results { + background: $white; + border-radius: 8px; + border: 1px solid $green; + overflow: hidden; + &__option { + @media (min-width: $tablet) { + padding: 10px 14px; + } + &--highlighted { + background: $green !important; + } + } + } + } +} + +.button { + display: flex; + justify-content: center; + align-items: center; + color: $white; + background: $green; + height: 30px; + border-radius: 8px; + padding: 0 12px; + border: 1px solid $green; + font-weight: 700; + font-size: 12px; + text-align: center; + line-height: 1; + gap: 10px; + @media (min-width: $tablet) { + padding: 0 24px; + font-size: 16px; + height: 42px; + border-radius: 12px; + } + &:hover { + background: transparent; + color: $green; + } + &_more { + span + span { + display: none; + } + &.active { + span { + display: none; + } + span + span { + display: block; + } + } + } + &_light { + background: transparent; + color: $green; + &:hover { + background: $green; + color: $white; + } + } + &_whited { + background: $white; + color: $green; + border-color: $white; + &:hover { + background: $green; + color: $white; + } + } +} + +.input { + display: block; + height: 30px; + border: none; + background: $white; + font-size: 12px; + border-radius: 8px; + padding: 0 10px; + color: $black; + @media (min-width: $tablet) { + padding: 0 20px; + height: 42px; + font-size: 16px; + border-radius: 12px; + } +} + +.search { + width: 100%; + position: relative; + span { + display: none; + height: 28px; + align-items: center; + padding-right: 12px; + z-index: 2; + position: absolute; + top: 50%; + left: 15px; + margin-top: -14px; + @media (min-width: $tablet) { + display: flex; + } + &:after { + content: ""; + width: 1px; + height: 100%; + border-radius: 999px; + position: absolute; + top: 0; + right: 0; + background: #cecece; + } + svg { + color: #9c9d9d; + width: 20px; + height: 20px; + } + } + input { + width: 100%; + padding-right: 150px; + position: relative; + z-index: 1; + @media (min-width: $tablet) { + padding-left: 60px; + padding-right: 220px; + } + } + button { + width: 140px; + position: absolute; + padding: 0; + top: 0; + right: 0; + z-index: 2; + @media (min-width: $tablet) { + width: 200px; + } + } +} + +.breadcrumbs { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 10px 5px; + margin: 0; + padding: 0; + font-size: 11px; + color: #cecece; + line-height: 1; + @media (min-width: $laptop) { + font-size: 13px; + gap: 10px 6px; + } + @media (min-width: $desktop) { + font-size: 16px; + } + li { + display: flex; + align-items: center; + gap: 5px; + &:before { + content: ""; + width: 4px; + height: 4px; + background: #cecece; + border-radius: 999px; + position: relative; + top: -1px; + } + &:first-child:before { + display: none; + } + &:last-child:before { + background: $green; + } + } + a { + &:hover { + color: $green; + } + } + b { + color: $green; + font-weight: 700; + } +} + +.pagination { + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + color: $gray; + font-size: 12px; + @media (min-width: $tablet) { + font-size: 14px; + } + &__item { + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + background: none; + padding: 0; + border: 1px solid transparent; + border-radius: 8px; + &:hover { + transition: 0s; + color: $green; + font-weight: 700; + } + &.active { + font-weight: 700; + color: $white; + background: $green; + border-color: $green; + } + } + &__dots { + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + svg { + width: 15px; + height: 15px; + } + } + &__nav { + width: 40px; + height: 40px; + display: none; + justify-content: center; + align-items: center; + background: none; + padding: 0; + border: 1px solid #cddee1; + color: $green; + border-radius: 8px; + @media (min-width: $tablet) { + display: flex; + } + &:hover { + border-color: $green; + background: $green; + color: $white; + } + svg { + width: 10px; + height: 10px; + } + &_prev { + margin-right: 40px; + svg { + transform: $rotate180; + } + } + &_next { + margin-left: 40px; + } + } +} + +.filters { + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + flex-direction: row; + align-items: center; + justify-content: space-between; + } + &__label { + color: $green; + font-size: 12px; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 16px; + } + @media (min-width: $laptop) { + font-size: 18px; + } + } + &__body { + display: flex; + flex-direction: column; + @media (min-width: $tablet) { + flex-direction: row; + align-items: center; + } + } + &__select { + @media (min-width: $tablet) { + width: 250px; + } + @media (min-width: $laptop) { + width: 310px; + } + } + &__item { + display: none; + justify-content: center; + align-items: center; + width: 50px; + height: 50px; + padding: 0; + background: $white; + border: 1px solid $green; + color: $green; + border-radius: 8px; + margin-left: 20px; + @media (min-width: $tablet) { + display: flex; + } + svg { + width: 24px; + height: 24px; + } + &.active { + background: $green; + color: $white; + } + } + &__item + &__item { + margin-left: 8px; + } +} + +.like { + width: 30px; + height: 30px; + display: flex; + justify-content: center; + align-items: center; + background: none; + border: 1px solid $green; + padding: 0; + color: $green; + border-radius: 6px; + @media (min-width: $tablet) { + width: 42px; + height: 42px; + } + &.active { + background: $green; + color: $white; + } + svg { + width: 14px; + height: 14px; + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + } +} diff --git a/public/scss_/blocks/_header.scss b/public/scss_/blocks/_header.scss new file mode 100644 index 0000000..bea316f --- /dev/null +++ b/public/scss_/blocks/_header.scss @@ -0,0 +1,150 @@ +.header { + box-shadow: $shadow; + background: $white; + position: relative; + z-index: 1; + overflow: hidden; + @media (min-width: $tablet) { + box-shadow: none; + } + &__body { + height: 42px; + display: flex; + justify-content: space-between; + align-items: center; + @media (min-width: $tablet) { + height: 70px; + } + } + &__left { + display: flex; + align-items: center; + gap: 40px; + } + &__right { + display: flex; + align-items: center; + gap: 14px; + @media (min-width: $tablet) { + gap: 20px; + } + &-line { + width: 1px; + height: 32px; + background: #e6e7e7; + border-radius: 999px; + @media (min-width: $laptop) { + display: none; + } + } + } + &__logo { + display: flex; + align-items: center; + justify-content: center; + color: $green; + svg { + width: 105px; + height: 31px; + @media (min-width: $tablet) { + width: 182px; + height: 54px; + } + } + } + &__menu { + display: none; + align-items: center; + gap: 20px; + @media (min-width: $tablet) { + display: flex; + } + &-item { + &:hover { + color: $green; + } + } + } + &__notifs { + display: flex; + align-items: center; + justify-content: center; + color: $green; + padding: 0; + border: none; + background: none; + width: 24px; + height: 24px; + @media (min-width: $laptop) { + width: auto; + height: auto; + color: $black; + line-height: 1.4; + } + &:hover { + @media (min-width: $laptop) { + color: $green; + } + } + svg { + width: 20px; + height: 20px; + @media (min-width: $laptop) { + display: none; + } + } + span { + display: none; + @media (min-width: $laptop) { + display: inline; + } + } + &_actived { + position: relative; + @media (min-width: $laptop) { + padding-right: 12px; + } + &:after { + content: ""; + border: 1px solid $white; + background: $green; + border-radius: 999px; + width: 10px; + height: 10px; + position: absolute; + z-index: 1; + top: 0; + right: 0; + @media (min-width: $laptop) { + width: 8px; + height: 8px; + border: none; + } + } + } + } + &__burger { + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + color: $green; + padding: 0; + border: none; + background: none; + @media (min-width: $laptop) { + display: none; + } + svg { + width: 20px; + height: 20px; + } + } + &__sign { + display: none; + @media (min-width: $laptop) { + display: flex; + } + } +} diff --git a/public/scss_/blocks/_info.scss b/public/scss_/blocks/_info.scss new file mode 100644 index 0000000..4184df5 --- /dev/null +++ b/public/scss_/blocks/_info.scss @@ -0,0 +1,94 @@ +.info { + position: relative; + overflow: hidden; + &__pic { + display: none; + z-index: 1; + position: absolute; + bottom: 0; + left: 50%; + height: 100%; + margin-left: 130px; + @media (min-width: $laptop) { + display: block; + } + @media (min-width: $desktop) { + width: 610px; + height: auto; + } + } + &__body { + z-index: 2; + position: relative; + display: flex; + flex-direction: column; + @media (min-width: $desktop) { + min-height: 605px; + padding-bottom: 75px; + justify-content: flex-end; + } + } + &__title { + @media (min-width: $desktop) { + max-width: 520px; + line-height: 1; + } + } + &__item { + margin-top: 30px; + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $laptop) { + max-width: 610px; + } + } + &__item + &__item { + border-top: 1px solid #e6e7e7; + padding-top: 30px; + } + &__text { + color: #6b6c6d; + font-size: 13px; + line-height: 1.4; + @media (min-width: $tablet) { + font-size: 16px; + } + @media (min-width: $desktop) { + font-size: 18px; + } + } + &__link { + border-radius: 8px; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + height: 40px; + font-size: 12px; + font-weight: 700; + gap: 8px; + color: $white; + background: $green; + &:hover { + filter: grayscale(50%); + } + @media (min-width: $tablet) { + height: 44px; + font-size: 16px; + gap: 10px; + max-width: 300px; + } + @media (min-width: $laptop) { + max-width: 210px; + } + svg { + width: 16px; + height: 16px; + @media (min-width: $tablet) { + width: 20px; + height: 20px; + } + } + } +} diff --git a/public/scss_/blocks/_main.scss b/public/scss_/blocks/_main.scss new file mode 100644 index 0000000..1e5c36b --- /dev/null +++ b/public/scss_/blocks/_main.scss @@ -0,0 +1,498 @@ +.main { + position: relative; + overflow: hidden; + padding: 20px 0; + @media (min-width: $tablet) { + padding: 40px 0; + } + &__employers { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $laptop) { + gap: 30px; + } + &-body { + display: none; + flex-direction: column; + gap: 20px; + @media (min-width: $laptop) { + gap: 30px; + } + &.showed { + display: flex; + } + .main__employers-item { + display: none; + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6), + &:nth-of-type(7), + &:nth-of-type(8) { + display: flex; + } + } + &.active { + .main__employers-item { + display: flex; + } + } + } + &-more { + margin: 0 auto; + } + &-item { + display: flex; + flex-direction: column; + border: 1px solid #e7e7e7; + border-radius: 8px; + position: relative; + overflow: hidden; + padding: 10px; + padding-top: 50px; + padding-bottom: 30px; + @media (min-width: $tablet) { + flex-direction: row; + align-items: center; + justify-content: space-between; + padding: 55px 20px; + } + &-inner { + display: flex; + flex-direction: column; + @media (min-width: $tablet) { + width: calc(100% - 200px); + padding-right: 40px; + } + @media (min-width: $laptop) { + flex-direction: row; + align-items: center; + } + } + &-pic { + height: 30px; + position: absolute; + top: 10px; + left: 10px; + @media (min-width: $tablet) { + position: static; + width: 150px; + height: auto; + max-height: 150px; + object-fit: contain; + } + } + &-body { + font-size: 12px; + display: flex; + flex-direction: column; + gap: 10px; + @media (min-width: $tablet) { + font-size: 16px; + padding-top: 20px; + } + @media (min-width: $laptop) { + width: calc(100% - 150px); + padding: 0; + padding-left: 40px; + } + b { + font-weight: 700; + @media (min-width: $tablet) { + font-size: 20px; + } + } + i { + font-style: normal; + color: $gray; + } + } + &-more { + position: absolute; + top: 10px; + right: 10px; + @media (min-width: $tablet) { + width: 200px; + padding: 0; + position: static; + } + } + &-label { + background: $blue; + color: $white; + border-radius: 6px; + width: 100%; + height: 20px; + display: flex; + align-items: center; + padding: 0 12px; + position: absolute; + bottom: 0; + left: 0; + font-size: 12px; + line-height: 1; + @media (min-width: $tablet) { + max-width: 350px; + height: 30px; + font-size: 15px; + } + svg { + width: 8px; + height: 8px; + @media (min-width: $tablet) { + width: 12px; + height: 12px; + } + } + span { + @include lines(1); + width: calc(100% - 8px); + padding-left: 6px; + } + } + } + &-one { + display: flex; + flex-direction: column; + gap: 20px; + } + &-two { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + flex-direction: row; + flex-wrap: wrap; + align-items: flex-start; + justify-content: space-between; + gap: 20px 0; + } + .main__employers-item { + width: calc(50% - 10px); + flex-direction: column; + align-items: stretch; + padding-top: 30px; + &-inner { + width: 100%; + padding: 0; + } + &-more { + position: static; + margin-top: 20px; + @media (min-width: $laptop) { + margin-left: 190px; + } + } + &-label { + max-width: none; + } + } + } + } + &__employer-page { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + gap: 30px; + } + &-title { + color: $gray; + margin: 0; + font-size: 30px; + @media (min-width: $tablet) { + font-size: 36px; + } + @media (min-width: $laptop) { + font-size: 44px; + } + } + &-item { + display: flex; + flex-direction: column; + gap: 4px; + font-size: 12px; + line-height: 1.4; + @media (min-width: $tablet) { + font-size: 18px; + gap: 8px; + } + b { + color: $green; + font-size: 14px; + @media (min-width: $tablet) { + font-size: 20px; + } + } + span { + color: $gray; + } + } + &-info { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30px 40px; + } + @media (min-width: $desktop) { + grid-template-columns: repeat(4, 1fr); + } + } + &-info &-item { + b, + span { + @media (min-width: $tablet) { + max-width: 300px; + } + } + } + &-tabs { + display: flex; + align-items: center; + gap: 20px; + @media (min-width: $tablet) { + margin-top: 20px; + } + &-item { + font-size: 22px; + font-weight: 700; + border: none; + background: none; + padding: 0; + color: #9c9d9d; + text-decoration: underline; + text-decoration-thickness: 1px; + @media (min-width: $tablet) { + font-size: 24px; + } + &.active { + color: $green; + } + } + } + &-body { + display: flex; + flex-direction: column; + margin-top: 10px; + @media (min-width: $tablet) { + margin-top: 30px; + } + &-item { + display: none; + flex-direction: column; + gap: 20px; + &.showed { + display: flex; + } + } + } + &-one { + display: flex; + flex-direction: column; + gap: 20px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: repeat(2, 1fr); + } + @media (min-width: $laptop) { + grid-template-columns: repeat(3, 1fr); + } + @media (min-width: $desktop) { + grid-template-columns: repeat(4, 1fr); + gap: 30px 20px; + } + &-item { + display: flex; + flex-direction: column; + gap: 10px; + font-size: 12px; + @media (min-width: $desktop) { + font-size: 18px; + } + img { + border-radius: 10px; + object-fit: cover; + width: 100%; + max-height: 250px; + aspect-ratio: 29/17; + @media (min-width: $desktop) { + margin-bottom: 10px; + } + } + b { + font-weight: 700; + color: $green; + } + span { + color: $gray; + } + } + } + &-two { + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + &-item { + width: 100%; + display: flex; + flex-direction: column; + gap: 20px; + padding: 20px 10px; + border-radius: 12px; + border: 1px solid #e7e7e7; + position: relative; + overflow: hidden; + font-size: 12px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + @media (min-width: $tablet) { + font-size: 16px; + padding: 20px; + padding-bottom: 50px; + } + @media (min-width: $desktop) { + font-size: 18px; + } + &-toper { + display: flex; + align-items: center; + font-size: 22px; + font-weight: 700; + color: $gray; + @media (min-width: $tablet) { + font-size: 30px; + } + img { + width: 60px; + aspect-ratio: 1/1; + object-fit: contain; + } + span { + width: calc(100% - 60px); + padding-left: 10px; + } + } + &-title { + font-size: 18px; + font-weight: 700; + color: $green; + @media (min-width: $tablet) { + font-size: 24px; + } + } + &-text { + display: flex; + flex-direction: column; + gap: 8px; + &-name { + font-size: 14px; + font-weight: 700; + @media (min-width: $tablet) { + font-size: 18px; + } + } + &-body { + color: $gray; + display: flex; + flex-direction: column; + gap: 6px; + padding: 0 10px; + p { + margin: 0; + } + ul { + margin: 0; + padding: 0; + padding-left: 16px; + display: flex; + flex-direction: column; + gap: 6px; + span { + color: $gray; + font-size: 14px; + font-weight: 700; + } + } + } + } + &-tags { + color: $blue; + font-weight: 500; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 10px 20px; + } + &-buttons { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + } + &-button { + @media (min-width: $tablet) { + position: absolute; + bottom: 20px; + left: 20px; + width: 200px; + padding: 0; + } + } + &-button + &-button { + @media (min-width: $tablet) { + left: auto; + right: 20px; + } + } + &-bottom { + display: flex; + align-items: center; + justify-content: space-between; + &-date { + color: $gray; + @media (min-width: $tablet) { + position: absolute; + bottom: 20px; + right: 240px; + height: 42px; + display: flex; + align-items: center; + } + } + &-like { + @media (min-width: $tablet) { + position: absolute; + bottom: 20px; + left: 240px; + } + } + } + } + &-more { + @media (min-width: $tablet) { + margin-top: 10px; + padding: 0; + width: 200px; + } + } + } + &-two { + &-item { + display: none; + &:nth-of-type(1), + &:nth-of-type(2) { + display: flex; + } + } + &.active &-item { + display: flex; + } + } + } + +} diff --git a/public/scss_/blocks/_news.scss b/public/scss_/blocks/_news.scss new file mode 100644 index 0000000..c560a6d --- /dev/null +++ b/public/scss_/blocks/_news.scss @@ -0,0 +1,103 @@ +.news { + padding: 50px 0; + overflow: hidden; + @media (min-width: $desktop) { + padding: 100px 0; + padding-bottom: 0; + } + &__toper { + display: flex; + justify-content: space-between; + align-items: center; + .title { + @media (min-width: $desktop) { + width: calc(100% - 160px); + } + } + .navs { + display: none; + @media (min-width: $desktop) { + display: flex; + } + } + } + .swiper { + margin-top: 20px; + @media (min-width: $tablet) { + overflow: visible; + } + @media (min-width: $laptop) { + margin-top: 40px; + } + } + &__item { + display: flex; + flex-direction: column; + line-height: 1.4; + &-pic { + width: 100%; + aspect-ratio: 3/2; + border-radius: 12px; + border: 1px solid #e6e7e7; + object-fit: cover; + min-height: 200px; + @media (min-width: $desktop) { + aspect-ratio: 4/2; + } + } + &-body { + display: flex; + flex-direction: column; + padding-top: 15px; + @media (min-width: $tablet) { + padding: 20px; + padding-top: 30px; + margin-top: -15px; + border-radius: 0 0 12px 12px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + } + } + &-date { + font-size: 14px; + font-weight: 700; + color: $green; + } + &-title { + font-size: 20px; + font-weight: 700; + line-height: 1.2; + margin-top: 5px; + } + &-text { + color: #6b6c6d; + font-size: 13px; + margin-top: 10px; + @media (min-width: $desktop) { + font-size: 16px; + } + } + &-more { + height: 42px; + margin-top: 20px; + @media (min-width: $desktop) { + height: 44px; + max-width: 190px; + } + } + } + &__all { + height: 42px; + margin: 0 auto; + margin-top: 20px; + padding: 0; + display: none; + @media (min-width: $tablet) { + max-width: 170px; + margin-top: 30px; + display: flex; + } + @media (min-width: $desktop) { + height: 44px; + } + } +} diff --git a/public/scss_/blocks/_normalize.scss b/public/scss_/blocks/_normalize.scss new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/public/scss_/blocks/_normalize.scss @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/public/scss_/blocks/_numbers.scss b/public/scss_/blocks/_numbers.scss new file mode 100644 index 0000000..b6c2abe --- /dev/null +++ b/public/scss_/blocks/_numbers.scss @@ -0,0 +1,46 @@ +.numbers { + padding: 30px 0; + background: $green url("../images/bg.svg") no-repeat 100% calc(100% + 80px); + color: $white; + @media (min-width: $desktop) { + padding: 100px 0; + background-position: 100% 100%; + background-size: auto 500px; + } + &__body { + display: flex; + flex-direction: column; + gap: 30px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + } + } + &__item { + font-size: 12px; + display: flex; + flex-direction: column; + line-height: 1.4; + @media (min-width: $desktop) { + font-size: 16px; + } + b { + font-size: 40px; + font-weight: 700; + border-bottom: 1px solid $white; + line-height: 1; + @media (min-width: $desktop) { + font-size: 100px; + } + } + span { + font-weight: 700; + font-size: 14px; + margin: 10px 0; + @media (min-width: $desktop) { + font-size: 24px; + margin-top: 30px; + } + } + } +} diff --git a/public/scss_/blocks/_thing.scss b/public/scss_/blocks/_thing.scss new file mode 100644 index 0000000..59fc000 --- /dev/null +++ b/public/scss_/blocks/_thing.scss @@ -0,0 +1,147 @@ +.thing { + padding-top: 15px; + padding-bottom: 30px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + color: $gray; + overflow: hidden; + position: relative; + @media (min-width: $laptop) { + padding-top: 20px; + padding-bottom: 60px; + } + @media (min-width: $desktop) { + padding-bottom: 90px; + } + &__body { + display: flex; + flex-direction: column; + align-items: flex-start; + @media (min-width: $laptop) { + min-height: 330px; + } + } + &__breadcrumbs { + width: 100%; + margin-bottom: 40px; + position: relative; + z-index: 2; + @media (min-width: $tablet) { + margin-bottom: 50px; + } + } + &__title { + width: 100%; + font-size: 40px; + font-weight: 700; + margin: 0; + max-width: 700px; + position: relative; + z-index: 2; + @media (min-width: $desktop) { + font-size: 64px; + } + } + &__text { + width: 100%; + font-weight: 700; + font-size: 14px; + margin: 15px 0 0 0; + max-width: 700px; + position: relative; + z-index: 2; + @media (min-width: $tablet) { + margin-top: 20px; + } + @media (min-width: $laptop) { + font-weight: 400; + font-size: 18px; + } + } + &__search { + width: 100%; + max-width: 640px; + margin-top: 20px; + position: relative; + z-index: 2; + @media (min-width: $tablet) { + margin-top: 30px; + } + } + &__badge { + position: relative; + z-index: 2; + display: flex; + align-items: center; + gap: 5px; + padding: 0 12px; + background: $blue; + color: $white; + font-size: 12px; + line-height: 1; + height: 26px; + border-radius: 999px; + margin-bottom: 20px; + @media (min-width: $laptop) { + font-size: 16px; + gap: 10px; + padding: 0 24px; + height: 42px; + margin-bottom: 30px; + } + svg { + width: 12px; + height: 12px; + @media (min-width: $laptop) { + width: 20px; + height: 20px; + } + } + } + &__pic { + width: 60px; + margin-bottom: 10px; + aspect-ratio: 1/1; + object-fit: contain; + position: relative; + z-index: 1; + @media (min-width: $tablet) { + width: 160px; + position: absolute; + top: 15px; + right: 20px; + } + @media (min-width: $laptop) { + width: 330px; + top: 50%; + transform: translate(0, -50%); + } + @media (min-width: $desktop) { + right: auto; + left: 50%; + margin-left: 200px; + } + } + &__buttons { + width: 100%; + position: relative; + z-index: 2; + display: flex; + align-items: center; + gap: 20px; + margin-top: 15px; + @media (min-width: $laptop) { + margin-top: 30px; + gap: 30px; + } + &-item { + svg { + width: 16px; + height: 16px; + @media (min-width: $tablet) { + width: 24px; + height: 24px; + } + } + } + } +} diff --git a/public/scss_/blocks/_vacancies.scss b/public/scss_/blocks/_vacancies.scss new file mode 100644 index 0000000..a349897 --- /dev/null +++ b/public/scss_/blocks/_vacancies.scss @@ -0,0 +1,92 @@ +.vacancies { + padding: 50px 0; + @media (min-width: $desktop) { + padding: 100px 0; + } + &__body { + display: flex; + flex-direction: column-reverse; + gap: 20px; + margin-top: 20px; + @media (min-width: $laptop) { + margin-top: 30px; + gap: 30px; + } + } + &__more { + width: 100%; + height: 38px; + @media (min-width: $laptop) { + width: 250px; + margin: 0 auto; + height: 44px; + } + } + &__body.active > &__more { + display: none; + } + &__list { + display: flex; + flex-direction: column; + gap: 15px; + @media (min-width: $tablet) { + display: grid; + grid-template-columns: 1fr 1fr; + } + @media (min-width: $laptop) { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 20px; + } + } + &__item { + display: none; + box-shadow: $shadow; + border-radius: 12px; + background: $white; + border: 1px solid #e6e7e7; + overflow: hidden; + &:nth-of-type(1), + &:nth-of-type(2), + &:nth-of-type(3), + &:nth-of-type(4), + &:nth-of-type(5), + &:nth-of-type(6), + &:nth-of-type(7), + &:nth-of-type(8) { + display: flex; + } + > span { + border-left: 10px solid $green; + padding: 20px 14px; + display: flex; + flex-direction: column; + gap: 5px; + justify-content: space-between; + } + b { + font-weight: 700; + font-size: 14px; + @media (min-width: $laptop) { + font-size: 20px; + } + } + &:hover b { + color: $green; + } + i { + font-size: 12px; + font-style: normal; + @media (min-width: $laptop) { + font-size: 16px; + } + span { + font-weight: 700; + color: $green; + } + } + } + &__body.active > &__list > &__item { + display: flex; + } +} diff --git a/public/scss_/blocks/_work.scss b/public/scss_/blocks/_work.scss new file mode 100644 index 0000000..15d6a39 --- /dev/null +++ b/public/scss_/blocks/_work.scss @@ -0,0 +1,147 @@ +.work { + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + color: #6b6c6d; + padding-top: 70px; + padding-bottom: 10px; + position: relative; + overflow: hidden; + @media (min-width: $tablet) { + padding-bottom: 25px; + } + @media (min-width: $desktop) { + padding-top: 80px; + padding-bottom: 40px; + } + &__pic { + position: absolute; + height: calc(100% - 40px); + z-index: 1; + display: none; + bottom: 0; + left: 50%; + margin-left: 40px; + @media (min-width: $laptop) { + display: block; + } + @media (min-width: $desktop) { + margin-left: 80px; + } + } + &__body { + position: relative; + z-index: 2; + display: flex; + flex-direction: column; + align-items: center; + @media (min-width: $tablet) { + align-items: flex-start; + } + @media (min-width: $laptop) { + max-width: 600px; + } + } + &__title { + width: 100%; + font-size: 40px; + font-weight: 700; + line-height: 1; + @media (min-width: $tablet) { + font-size: 64px; + } + } + &__text { + width: 100%; + font-size: 12px; + margin-top: 10px; + @media (min-width: $tablet) { + font-size: 18px; + margin-top: 20px; + line-height: 1.4; + } + } + &__list { + width: 100%; + display: flex; + flex-direction: column; + gap: 5px; + font-size: 14px; + font-weight: 700; + margin-top: 15px; + @media (min-width: $tablet) { + font-size: 18px; + gap: 8px; + margin-top: 30px; + } + div { + position: relative; + padding-left: 10px; + @media (min-width: $tablet) { + padding-left: 16px; + } + &:before { + content: ""; + width: 4px; + height: 4px; + background: #6b6c6d; + border-radius: 999px; + position: absolute; + top: 5px; + left: 0; + @media (min-width: $tablet) { + top: 8px; + } + } + } + } + &__form { + margin-top: 20px; + @media (min-width: $tablet) { + margin-top: 30px; + } + } + &__search { + width: 100%; + max-width: 180px; + margin-top: 20px; + @media (min-width: $tablet) { + max-width: 270px; + margin-top: 50px; + } + } + &__get { + width: 100%; + display: flex; + align-items: flex-start; + flex-wrap: wrap; + margin-top: 48px; + b { + width: 100%; + margin-bottom: 10px; + font-size: 14px; + @media (min-width: $tablet) { + font-size: 18px; + } + } + a { + display: flex; + align-items: center; + justify-content: center; + margin-right: 20px; + img { + transition: $transition; + width: 111px; + @media (min-width: $tablet) { + width: 131px; + } + } + &:hover { + img { + transform: scale(1.1); + } + } + } + a + a { + margin-right: 0; + } + } +} diff --git a/public/scss_/style.scss b/public/scss_/style.scss new file mode 100644 index 0000000..bac9dd4 --- /dev/null +++ b/public/scss_/style.scss @@ -0,0 +1,145 @@ +@import "blocks/normalize"; +@import url(fonts.css); +@import url(jquery.fancybox.css); +@import url(jquery.select2.css); +@import url(swiper.css); + +$tablet: 768px; +$laptop: 992px; +$desktop: 1280px; + +$min-width: 320px; +$circe: "Circe", sans-serif; + +$transition: 0.3s; +$shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25); + +$black: #3a3b3c; +$white: #ffffff; +$green: #377d87; +$light: #acc0e6; +$gray: #6b6c6d; +$blue: #4d88d9; + +$rotate180: rotate(180deg); +.rotate180 { + transform: $rotate180; +} + +@mixin lines($numb) { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: $numb; +} + +::selection { + color: $black; + background: $light; +} + +::-webkit-scrollbar { + width: 4px; + height: 4px; +} +::-webkit-scrollbar-track { + border-radius: 999px; + background-color: #f3f3f3; +} +::-webkit-scrollbar-thumb { + border-radius: 999px; + background-color: $light; +} + +::-webkit-input-placeholder { + color: #9c9d9d; + opacity: 1; +} +:focus::-webkit-input-placeholder { + color: transparent; +} +:-ms-input-placeholder { + color: #9c9d9d; + opacity: 1; +} +:focus:-ms-input-placeholder { + color: transparent; +} +::-ms-input-placeholder { + color: #9c9d9d; + opacity: 1; +} +:focus::-ms-input-placeholder { + color: transparent; +} +::-moz-placeholder { + color: #9c9d9d; + opacity: 1; +} +:focus::-moz-placeholder { + color: transparent; +} +::placeholder { + color: #9c9d9d; + opacity: 1; +} +:focus::placeholder { + color: transparent; +} + +*, +*:before, +*:after { + box-sizing: border-box; + appearance: none; + outline: none; + box-shadow: none; +} + +a, +button, +select { + color: inherit; +} +a { + text-decoration: none; +} +a, +input[type="button"], +input[type="submit"], +button { + transition: $transition; + cursor: pointer; +} + +.br, +img, +svg { + display: block; +} +.float-left { + float: left; +} +.float-right { + float: right; +} +.clear-both { + &:after { + content: ""; + display: block; + clear: both; + } +} + +@import "blocks/global"; +@import "blocks/header"; +@import "blocks/footer"; +@import "blocks/main"; +@import "blocks/work"; +@import "blocks/numbers"; +@import "blocks/vacancies"; +@import "blocks/employer"; +@import "blocks/about"; +@import "blocks/news"; +@import "blocks/info"; +@import "blocks/thing"; diff --git a/resources/views/emails/RepairPassword.blade.php b/resources/views/emails/RepairPassword.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/info_company.blade.php b/resources/views/info_company.blade.php index 2e20952..622a695 100644 --- a/resources/views/info_company.blade.php +++ b/resources/views/info_company.blade.php @@ -226,11 +226,11 @@ #{{ $item->job_title->name }}
      - - Подробнее +
      {{ $job->updated_at }}
      @@ -244,11 +244,10 @@
      @endforeach @endforeach -
      diff --git a/resources/views/list_vacancies.blade.php b/resources/views/list_vacancies.blade.php index 7d33a07..29b3ec1 100644 --- a/resources/views/list_vacancies.blade.php +++ b/resources/views/list_vacancies.blade.php @@ -38,9 +38,9 @@ var code_user_id = this_.attr('data-uid'); var code_to_user_id = this_.attr('data-tuid'); var code_vacancy = this_.attr('data-vacancy'); - var user_id = $('#send_user_id'); - var to_user_id = $('#send_to_user_id'); - var vacancy = $('#send_vacancy'); + var user_id = $('#_user_id'); + var to_user_id = $('#_to_user_id'); + var vacancy = $('#_vacancy'); console.log('Клик на кнопки...'); diff --git a/resources/views/modals/reset_password.blade.php b/resources/views/modals/reset_password.blade.php index d70b58d..47d0086 100644 --- a/resources/views/modals/reset_password.blade.php +++ b/resources/views/modals/reset_password.blade.php @@ -2,9 +2,9 @@
      Сбросить пароль
      Пожалуйста, введите имя пользователя или адрес электронной почты
      -
      +
      - +
      @@ -13,7 +13,7 @@
      Вспомнили пароль?   - Войти + Войти
      diff --git a/resources/views/modals/send_employer.blade.php b/resources/views/modals/send_employer.blade.php index 5c0f567..4e30a4c 100644 --- a/resources/views/modals/send_employer.blade.php +++ b/resources/views/modals/send_employer.blade.php @@ -1,51 +1,60 @@ +