From f86fd56d9814d6c577fab0b2f7fe4316a7c64fdd Mon Sep 17 00:00:00 2001 From: Fedor Date: Mon, 21 Oct 2024 16:40:07 +0700 Subject: [PATCH] task-132985 autoresponder completed, autolift in progress --- .../Commands/RecountEmployerVacancyLiftTime.php | 34 + app/Console/Kernel.php | 2 +- app/Http/Controllers/EmployerController.php | 67 + app/Jobs/RecountEmployerVacancyLiftTimeJob.php | 39 + app/Models/Ad_employer.php | 6 +- app/Models/Employer.php | 27 +- app/Models/User.php | 4 +- app/Observers/MessageObserver.php | 89 + app/Providers/EventServiceProvider.php | 4 +- ...18_034024_add_columns_to_ad_employers_table.php | 34 + ...10_18_043718_add_columns_to_employers_table.php | 36 + public/css/picker.min.css | 9 + public/css/style-apr.css | 8976 ------------- public/css/style123.css | 8859 ------------- public/css/style45.css | 8930 ------------- public/css/style_21.css | 8894 ------------- public/css/style_21march.css | 8912 ------------- public/css/style_22.css | 8912 ------------- public/css/style_9marth.css | 8765 ------------- public/css/style_final.css | 8859 ------------- public/css/style_may2024.css |13253 ++++++++++---------- public/css/style_new.css | 8830 ------------- public/css/style_old.css | 8745 ------------- public/images/sprite.svg | 594 +- public/js/picker.min.js | 11 + public/js/script-vc.js | 17 + public/js/script0.js | 173 - public/js/script145.js | 180 - public/js/script45.js | 180 - public/js/script__.js | 150 - public/scss_2/blocks/_cabinet.scss | 3238 ++--- resources/views/employers/autoresponder.blade.php | 55 + resources/views/employers/menu.blade.php | 16 + .../views/employers/vacancy_autolift.blade.php | 237 + resources/views/layout/frontend.blade.php | 15 +- routes/web.php | 6 + 36 files changed, 9265 insertions(+), 97893 deletions(-) create mode 100644 app/Console/Commands/RecountEmployerVacancyLiftTime.php create mode 100644 app/Jobs/RecountEmployerVacancyLiftTimeJob.php create mode 100644 app/Observers/MessageObserver.php create mode 100644 database/migrations/2024_10_18_034024_add_columns_to_ad_employers_table.php create mode 100644 database/migrations/2024_10_18_043718_add_columns_to_employers_table.php create mode 100644 public/css/picker.min.css delete mode 100644 public/css/style-apr.css delete mode 100644 public/css/style123.css delete mode 100644 public/css/style45.css delete mode 100644 public/css/style_21.css delete mode 100644 public/css/style_21march.css delete mode 100644 public/css/style_22.css delete mode 100644 public/css/style_9marth.css delete mode 100644 public/css/style_final.css delete mode 100644 public/css/style_new.css delete mode 100644 public/css/style_old.css create mode 100644 public/js/picker.min.js delete mode 100644 public/js/script0.js delete mode 100644 public/js/script145.js delete mode 100644 public/js/script45.js delete mode 100644 public/js/script__.js create mode 100644 resources/views/employers/autoresponder.blade.php create mode 100644 resources/views/employers/vacancy_autolift.blade.php diff --git a/app/Console/Commands/RecountEmployerVacancyLiftTime.php b/app/Console/Commands/RecountEmployerVacancyLiftTime.php new file mode 100644 index 0000000..87ec866 --- /dev/null +++ b/app/Console/Commands/RecountEmployerVacancyLiftTime.php @@ -0,0 +1,34 @@ +command('inspire')->hourly(); + $schedule->command('vacancy:recount_lift_time')->hourly(); } /** diff --git a/app/Http/Controllers/EmployerController.php b/app/Http/Controllers/EmployerController.php index 3db42d8..05f997c 100644 --- a/app/Http/Controllers/EmployerController.php +++ b/app/Http/Controllers/EmployerController.php @@ -26,6 +26,7 @@ use App\Models\MessagesRequests; use Carbon\Carbon; use Illuminate\Auth\Events\Registered; use Illuminate\Database\Eloquent\Builder; +use Illuminate\Http\RedirectResponse; use Illuminate\Http\Request; use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Hash; @@ -35,6 +36,8 @@ use Illuminate\Support\Facades\Storage; use App\Models\User as User_Model; use Illuminate\Support\Facades\Validator; use App\Enums\DbExportColumns; +use Illuminate\View\View; +use JsonException; use Throwable; class EmployerController extends Controller @@ -777,4 +780,68 @@ class EmployerController extends Controller get(); return view('favorite_people', compact('favorite_people')); } + + /** + * @throws JsonException + */ + public function vacancyAutoLiftForm(): View + { + $employer = Auth::user()->employers[0]; + $vacancies = $employer + ->ads() + ->where('is_remove', 0) + ->where('active_is', 1) + ->get(); + + $options = $employer->autolift_options; + + return view('employers.vacancy_autolift', compact('vacancies', 'options')); + } + + /** + * @throws JsonException + */ + public function vacancyAutoLiftSave(Request $request) + { + $employer = Auth::user()->employers[0]; + + $employer->autolift_options = [ + 'times_per_day' => $request->get('times_per_day'), + 'days_repeat' => $request->get('days_repeat'), + 'time_send_first' => $request->get('time_send_first'), + 'time_send_second' => $request->get('time_send_second'), + 'time_send_third' => $request->get('time_send_third'), + 'time_send_tg' => $request->get('time_send_tg'), + ]; + + $employer->save(); + + foreach ($request->get('vacancies') as $vacancy) { + Ad_employer::query() + ->where('id', $vacancy['id']) + ->update([ + 'autolift_site' => $vacancy['autolift_site'], + 'autosend_tg' => $vacancy['autosend_tg'], + ]); + } + + return response(['success' => true]); + } + + public function autoresponder() + { + $employer = Auth::user()->employers[0]; + return view('employers.autoresponder', compact('employer')); + } + + public function autoresponderSave(Request $request): RedirectResponse + { + /** @var Employer $employer */ + $employer = Auth::user()->employers[0]; + $employer->autoresponder = $request->get('autoresponder', false) === 'on'; + $employer->autoresponder_message = $request->get('autoresponder_message'); + $employer->save(); + + return redirect(route('employer.autoresponder')); + } } diff --git a/app/Jobs/RecountEmployerVacancyLiftTimeJob.php b/app/Jobs/RecountEmployerVacancyLiftTimeJob.php new file mode 100644 index 0000000..b2dafed --- /dev/null +++ b/app/Jobs/RecountEmployerVacancyLiftTimeJob.php @@ -0,0 +1,39 @@ + null, + 'days_repeat' => null, + 'time_send_first' => null, + 'time_send_second' => null, + 'time_send_third' => null, + 'time_send_tg' => null, + ]; + + return Attribute::make( + get: fn ($value) => $value === null ? $template : json_decode($value, true, 512, JSON_THROW_ON_ERROR), + set: fn ($value) => json_encode($value, JSON_THROW_ON_ERROR) + ); + } + /* * Связь таблицы users с таблицей employers */ @@ -45,7 +67,8 @@ class Employer extends Model /* * Связь Работодателя с вакансиями */ - public function ads() { + public function ads(): HasMany + { return $this->hasMany(Ad_employer::class); } diff --git a/app/Models/User.php b/app/Models/User.php index 07baaf0..c5ed660 100644 --- a/app/Models/User.php +++ b/app/Models/User.php @@ -4,6 +4,7 @@ namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; +use Illuminate\Database\Eloquent\Relations\HasMany; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use JsonException; @@ -71,7 +72,8 @@ class User extends Authenticatable * Связь Пользователей системы с работодателями * users - employers */ - public function employers() { + public function employers(): HasMany + { return $this->hasMany(Employer::class, 'user_id'); } diff --git a/app/Observers/MessageObserver.php b/app/Observers/MessageObserver.php new file mode 100644 index 0000000..b107298 --- /dev/null +++ b/app/Observers/MessageObserver.php @@ -0,0 +1,89 @@ +where('user_id', $message->to_user_id) + ->first(); + + if ($employer === null || !$employer->autoresponder) { + return; + } + + $recentAutoresponderMessage = Message::query() + ->where('user_id', $message->to_user_id) + ->where('to_user_id', $message->user_id) + ->where('text', $employer->autoresponder_message) + ->where('created_at', '>', now()->subDays(4)) + ->orderBy('id', 'desc') + ->first(); + + if ($recentAutoresponderMessage !== null) { + return; + } + + Message::add_message( + request: new Request(), + user_id: $message->to_user_id, + to_user_id: $message->user_id, + message_params: [ + 'text' => $employer->autoresponder_message, + 'flag_new' => 1 + ] + ); + } + + /** + * Handle the Message "updated" event. + * + * @param \App\Models\Message $message + * @return void + */ + public function updated(Message $message) + { + // + } + + /** + * Handle the Message "deleted" event. + * + * @param \App\Models\Message $message + * @return void + */ + public function deleted(Message $message) + { + // + } + + /** + * Handle the Message "restored" event. + * + * @param \App\Models\Message $message + * @return void + */ + public function restored(Message $message) + { + // + } + + /** + * Handle the Message "force deleted" event. + * + * @param \App\Models\Message $message + * @return void + */ + public function forceDeleted(Message $message) + { + // + } +} diff --git a/app/Providers/EventServiceProvider.php b/app/Providers/EventServiceProvider.php index ab8b2cf..4d512c9 100644 --- a/app/Providers/EventServiceProvider.php +++ b/app/Providers/EventServiceProvider.php @@ -2,6 +2,8 @@ namespace App\Providers; +use App\Models\Message; +use App\Observers\MessageObserver; use Illuminate\Auth\Events\Registered; use Illuminate\Auth\Listeners\SendEmailVerificationNotification; use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider; @@ -27,7 +29,7 @@ class EventServiceProvider extends ServiceProvider */ public function boot() { - // + Message::observe(MessageObserver::class); } /** diff --git a/database/migrations/2024_10_18_034024_add_columns_to_ad_employers_table.php b/database/migrations/2024_10_18_034024_add_columns_to_ad_employers_table.php new file mode 100644 index 0000000..f36ec87 --- /dev/null +++ b/database/migrations/2024_10_18_034024_add_columns_to_ad_employers_table.php @@ -0,0 +1,34 @@ +boolean('autolift_site')->default(false); + $table->boolean('autosend_tg')->default(false); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::table('ad_employers', function (Blueprint $table) { + $table->dropColumn('autolift_site'); + $table->dropColumn('autosend_tg'); + }); + } +}; diff --git a/database/migrations/2024_10_18_043718_add_columns_to_employers_table.php b/database/migrations/2024_10_18_043718_add_columns_to_employers_table.php new file mode 100644 index 0000000..f563352 --- /dev/null +++ b/database/migrations/2024_10_18_043718_add_columns_to_employers_table.php @@ -0,0 +1,36 @@ +boolean('autoresponder')->default(false); + $table->text('autoresponder_message')->nullable(); + $table->jsonb('autolift_options')->nullable(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::table('employers', function (Blueprint $table) { + $table->dropColumn('autoresponder'); + $table->dropColumn('autoresponder_message'); + $table->dropColumn('autolift_options'); + }); + } +}; diff --git a/public/css/picker.min.css b/public/css/picker.min.css new file mode 100644 index 0000000..33c74f2 --- /dev/null +++ b/public/css/picker.min.css @@ -0,0 +1,9 @@ +/*! + * Picker.js v1.2.1 + * https://fengyuanchen.github.io/pickerjs + * + * Copyright 2016-present Chen Fengyuan + * Released under the MIT license + * + * Date: 2019-02-18T13:08:09.658Z + */:root{--gray:#999;--blue:#0074d9;--color:#333;--background-color:#fff;--border:1px solid #eee}.picker{background-color:rgba(0,0,0,.5);color:#333;color:var(--color);direction:ltr;display:none;font-size:1rem;line-height:1.5;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker-fixed{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1986}.picker-fixed>.picker-dialog{bottom:-100%;left:0;max-height:100%;position:absolute;right:0;-webkit-transition:bottom .3s;transition:bottom .3s}.picker-fixed .picker-header{display:block}.picker-fixed .picker-footer{display:table}.picker-open{display:block;opacity:0}.picker-opened{opacity:1}.picker-opened>.picker-dialog{bottom:0}.picker-dialog{background-color:#fff;background-color:var(--background-color);border:1px solid #eee;border:var(--border)}.picker-header{border-bottom:1px solid #eee;border-bottom:var(--border);display:none;padding:.875rem 1.25rem;position:relative}.picker-title{font-size:1.125rem;font-weight:500;line-height:1.25rem;margin:0}.picker-close{background-color:rgba(0,0,0,0);border-width:0;color:#999;color:var(--gray);cursor:pointer;font-size:1.75rem;height:3rem;opacity:.75;padding:0;position:absolute;right:0;top:0;width:3rem}.picker-close:focus,.picker-close:hover{opacity:1;outline:none}.picker-body{overflow:hidden}.picker-grid{display:table;table-layout:fixed;width:100%}.picker-cell{display:table-cell;position:relative}.picker-cell:after,.picker-cell:before{content:"";display:block;left:0;position:absolute;right:0;z-index:3}.picker-cell:before{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.05));bottom:50%;margin-bottom:1rem;top:0}.picker-cell:after{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.05));bottom:0;margin-top:1rem;top:50%}.picker-cell+.picker-cell{border-left:1px solid #eee;border-left:var(--border)}.picker-headers .picker-cell:before{margin-bottom:0}.picker-headers .picker-cell:after{margin-top:2rem}.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell:after,.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell:before{display:none}.picker-cell__header{color:#999;color:var(--gray);font-size:.875rem;font-weight:500;line-height:1.5rem;margin:0;overflow:hidden;padding:.25rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.picker-cell__control{cursor:pointer;height:2rem;padding:.25rem .5rem;position:relative;z-index:4}.picker-cell__control:before{border:0 solid #ccc;content:"";display:block;height:.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:.5rem}.picker-cell__control:hover:before{border-color:var(--primary)}.picker-cell__control--prev:before{border-right-width:1px;border-top-width:1px;margin-top:2px}.picker-cell__control--next:before{border-bottom-width:1px;border-left-width:1px;margin-bottom:2px}.picker-cell__body{overflow:hidden;position:relative}.picker-cell__body:after,.picker-cell__body:before{content:"";height:2rem;left:0;position:absolute;right:0;z-index:1}.picker-cell__body:before{background-image:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(0deg,hsla(0,0%,100%,0),#fff);top:0}.picker-cell__body:after{background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0}.picker-single .picker-cell__body:after,.picker-single .picker-cell__body:before{display:none}.picker-list{list-style:none;margin:-2rem 0;padding:0;position:relative}.picker-item{color:#999;color:var(--gray);padding:.25rem .5rem;text-align:center;white-space:nowrap}.picker-picked{color:#0074d9;color:var(--blue);font-size:1.125em;line-height:1.5rem}.picker-footer{border-top:1px solid #eee;border-top:var(--border);display:none;width:100%}.picker-cancel,.picker-confirm{background-color:rgba(0,0,0,0);border-width:0;cursor:pointer;display:table-cell;font-size:1rem;padding:.75rem 1rem;width:50%}.picker-cancel:focus,.picker-cancel:hover,.picker-confirm:focus,.picker-confirm:hover{background-color:#fcfcfc;outline:none}.picker-confirm{color:#0074d9;color:var(--blue)} \ No newline at end of file diff --git a/public/css/style-apr.css b/public/css/style-apr.css deleted file mode 100644 index 97c5b8c..0000000 --- a/public/css/style-apr.css +++ /dev/null @@ -1,8976 +0,0 @@ -/*! 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(star-rating.min.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: #000; - background: #acc0e6; -} - -::selection { - color: #000; - background: #acc0e6; -} - -::-webkit-scrollbar { - width: 8px; - height: 8px; -} - -::-webkit-scrollbar-track { - border-radius: 999px; - background-color: #fff; -} - -::-webkit-scrollbar-thumb { - border-radius: 999px; - background-color: #377d87; -} - -::-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; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; -} - -#body { - font-family: "Circe", sans-serif; - color: #000; - background: #fff; - 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; - } -} -#body.pdf { - gap: 0; -} - -.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: #fff; - 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: #fff; - 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: #fff; -} -.socials svg { - width: 12px; - height: 12px; -} - -.nls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - color: #000; - 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--multiple .select2-selection__rendered { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding-top: 10px !important; - padding-bottom: 10px !important; -} -.select2-selection--multiple .select2-selection__rendered .select2-selection__choice { - margin: 0; -} -.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: #fff; - 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: #fff !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: #fff; - 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: #fff; - font-size: 12px; - border-radius: 8px; - padding: 0 10px; - color: #000; - -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: #fff; - -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: #fff; - 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: #fff; -} -.button_whited { - background: #fff; - color: #377d87; - border-color: #fff; -} -.button_whited:hover { - background: #377d87; - color: #fff; -} - -.search { - width: 100%; - position: relative; - background: #fff; - 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; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: 1; - color: #000; - 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: #fff; - 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: #fff; -} -.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: #fff; - 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: #fff; -} -.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: #fff; -} -.like svg, -.chat svg { - width: 14px; - height: 14px; -} -@media (min-width: 768px) { - .like svg, - .chat svg { - width: 20px; - height: 20px; - } -} - -.like.active { - background: #eb5757; - border-color: #eb5757; -} - -.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: #fff; - color: #fff; - 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: #000; -} -.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: #fff; - 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: #fff; - 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: #fff; - 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: #000; -} -.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: #fff; -} -.table__controls-item svg { - width: 60%; - aspect-ratio: 1/1; -} -.table__controls-item:nth-of-type(4) svg { - 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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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: #fff; - 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: #000; - 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 #fff; - 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: #fff; - 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: #000; - 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: #fff; - 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: #fff; - 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: #000; -} -.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: #000; -} -.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: #000; -} - -.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: #000; -} -.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: #000; -} -.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: #fff; - 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: #000; - 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: #000; -} -.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: #000; -} -.main__employer-page-one-item i { - font-style: normal; - color: #377d87; -} -.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: #000; -} -@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: #000; - 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: #000; - 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: #000; -} -@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: #000; -} -.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: #fff; - 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: #fff; - 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: #fff; -} - -.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: #fff; -} - -@media (min-width: 768px) { - .main__table { - font-size: 16px; - } -} - -.main__table td { - border: 1px solid #cecece; - padding: 4px 8px; - vertical-align: top; -} - -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} - -.main__table td b { - font-weight: 700; -} - -.main__table_three { - table-layout: auto; -} - -.main__table_three td { - width: 25% !important; -} - -.main__table_three td:last-child { - width: 50% !important; -} - -.main__table b { - display: block; -} - -.main__table a { - color: #377d87; - text-decoration: underline; -} - -.main__table a:hover { - color: #000; -} - -.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: #000; -} -.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: #000; -} -.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: #fff; - -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: #000; -} -.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: #000; - width: 100%; -} -.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%; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - padding: 20px 10px; - 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; - border-radius: 12px; - -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__vacancies-thing { - padding: 30px 20px; - -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; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing { - padding: 50px 20px; - } -} -.main__vacancies-thing-pic { - position: relative; - z-index: 2; - width: 100%; - aspect-ratio: 42/34; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; - max-height: 340px; -} -@media (min-width: 992px) { - .main__vacancies-thing-pic { - width: 380px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-pic { - width: 420px; - } -} -.main__vacancies-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; - gap: 16px; - color: #000; -} -@media (min-width: 992px) { - .main__vacancies-thing-body { - width: calc(100% - 380px); - padding-left: 20px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-body { - width: calc(100% - 420px); - gap: 20px; - } -} -.main__vacancies-thing-body > * { - width: 100%; -} -.main__vacancies-thing-body .button { - width: auto; -} -@media (min-width: 768px) { - .main__vacancies-thing-body .button { - min-width: 200px; - } -} -.main__vacancies-thing-scroll { - 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; - overflow: hidden; - overflow-y: auto; - max-height: 180px; - padding-right: 10px; -} -@media (min-width: 768px) { - .main__vacancies-thing-scroll { - max-height: 210px; - padding-right: 20px; - } -} -@media (min-width: 992px) { - .main__vacancies-thing-scroll { - max-height: 175px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-scroll { - max-height: 200px; - gap: 20px; - } -} -.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: #000; - 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: #000; -} -@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: #fff; -} -@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: #000; - 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: #000; - 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: #fff; -} -@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 #fff; - 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__list-label { - font-weight: 700; - font-size: 22px; -} -.vacancies__list-col { - 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; - margin-top: 15px; -} -@media (min-width: 768px) { - .vacancies__list-col { - margin-top: 0; - } -} -.vacancies__list-col:first-child { - margin-top: 0; -} -.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: #fff; - 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) { - 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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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: #fff; - 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: #fff; - 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: #000; - 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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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: #000; - 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: #fff; - 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: #000; - overflow: hidden; - position: relative; -} -@media (min-width: 992px) { - .thing { - padding-top: 20px; - padding-bottom: 60px; - } -} -@media (min-width: 1280px) { - .thing { - padding-bottom: 90px; - } -} -.thing_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #000; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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: #fff; - 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: #000; - 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: #fff; - 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: #000; -} -.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: #000; -} - -.modal { - width: 100%; - max-width: 820px; - padding: 0; - background: #fff; - z-index: 99999; -} -@media (min-width: 992px) { - .modal { - border-radius: 10px; - border: 1px solid #377d87; - } -} -.modal_bg { - background: #fff 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: #000; -} -@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: #000; -} -@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: #000; -} -.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: #fff; -} -.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: #fff; - 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: #000; - 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: #000; -} -.messages__item-date { - color: #000; - 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: #000; -} -@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: #000; - 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: #000; - 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: #fff; -} -.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: #000; - 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: #fff; - 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: #fff; - -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: #fff; - 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: #fff; -} -@media (min-width: 768px) { - .chatbox__bottom-text { - width: calc(100% - 128px); - height: 48px; - } -} -.chatbox__bottom-text:focus { - border-color: #fff; -} -.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: #fff; - 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: #fff; - 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: #000; -} -.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: #fff; - 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: #000; - 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: #fff; - 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: #fff; - 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: #fff; -} -@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: #fff; - } -} -@media (min-width: 992px) { - .cabinet__menu-item.active svg { - color: #fff; - } -} -@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: #fff; - 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: #000; -} -@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: #000; -} -@media (min-width: 768px) { - .cabinet__subtitle { - font-size: 24px; - } -} -.cabinet__h4 { - font-size: 20px; - margin: 0; - font-weight: 700; - color: #000; -} -@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: #000; - 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: #fff; - 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: #fff; - 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: #000; -} -.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: #fff; -} -.cabinet__filters-buttons .button.active:before { - content: ""; - width: 6px; - height: 6px; - background: #fff; - 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: #000; - 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: #fff; -} -.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: #000; -} -@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: #000; -} -.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: #000; - 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: #000; -} -@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: #fff; - -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; -} diff --git a/public/css/style123.css b/public/css/style123.css deleted file mode 100644 index 78f99a6..0000000 --- a/public/css/style123.css +++ /dev/null @@ -1,8859 +0,0 @@ -/*! 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(star-rating.min.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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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 i { - font-style: normal; - color: #377d87; -} -.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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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/css/style45.css b/public/css/style45.css deleted file mode 100644 index f580ac2..0000000 --- a/public/css/style45.css +++ /dev/null @@ -1,8930 +0,0 @@ -/*! 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(star-rating.min.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: 8px; - height: 8px; -} - -::-webkit-scrollbar-track { - border-radius: 999px; - background-color: #ffffff; -} - -::-webkit-scrollbar-thumb { - border-radius: 999px; - background-color: #377d87; -} - -::-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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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 i { - font-style: normal; - color: #377d87; -} -.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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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%; -} -.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%; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - padding: 20px 10px; - 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; - border-radius: 12px; - -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__vacancies-thing { - padding: 30px 20px; - -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; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing { - padding: 50px 20px; - } -} -.main__vacancies-thing-pic { - position: relative; - z-index: 2; - width: 100%; - aspect-ratio: 42/34; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; - max-height: 340px; -} -@media (min-width: 992px) { - .main__vacancies-thing-pic { - width: 380px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-pic { - width: 420px; - } -} -.main__vacancies-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; - gap: 16px; - color: #3a3b3c; -} -@media (min-width: 992px) { - .main__vacancies-thing-body { - width: calc(100% - 380px); - padding-left: 20px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-body { - width: calc(100% - 420px); - gap: 20px; - } -} -.main__vacancies-thing-body > * { - width: 100%; -} -.main__vacancies-thing-body .button { - width: auto; -} -@media (min-width: 768px) { - .main__vacancies-thing-body .button { - min-width: 200px; - } -} -.main__vacancies-thing-scroll { - 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; - overflow: hidden; - overflow-y: auto; - max-height: 180px; - padding-right: 10px; -} -@media (min-width: 768px) { - .main__vacancies-thing-scroll { - max-height: 210px; - padding-right: 20px; - } -} -@media (min-width: 992px) { - .main__vacancies-thing-scroll { - max-height: 175px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-scroll { - max-height: 200px; - gap: 20px; - } -} -.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__list-label { - font-weight: 700; - font-size: 22px; -} -.vacancies__list-col { - 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; - margin-top: 15px; -} -@media (min-width: 768px) { - .vacancies__list-col { - margin-top: 0; - } -} -.vacancies__list-col:first-child { - margin-top: 0; -} -.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) { - 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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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; -} - -.select2-selection--multiple .select2-selection__rendered { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding-top: 10px !important; - padding-bottom: 10px !important; -} - -.select2-selection--multiple .select2-selection__rendered .select2-selection__choice { - margin: 0; -} diff --git a/public/css/style_21.css b/public/css/style_21.css deleted file mode 100644 index 6d20123..0000000 --- a/public/css/style_21.css +++ /dev/null @@ -1,8894 +0,0 @@ -/*! 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(star-rating.min.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: 8px; - height: 8px; -} - -::-webkit-scrollbar-track { - border-radius: 999px; - background-color: #ffffff; -} - -::-webkit-scrollbar-thumb { - border-radius: 999px; - background-color: #377d87; -} - -::-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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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 i { - font-style: normal; - color: #377d87; -} -.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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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%; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - padding: 20px 10px; - 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; - border-radius: 12px; - -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__vacancies-thing { - padding: 30px 20px; - -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; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing { - padding: 50px 20px; - } -} -.main__vacancies-thing-pic { - position: relative; - z-index: 2; - width: 100%; - aspect-ratio: 42/34; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; - max-height: 340px; -} -@media (min-width: 992px) { - .main__vacancies-thing-pic { - width: 380px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-pic { - width: 420px; - } -} -.main__vacancies-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; - gap: 16px; - color: #3a3b3c; -} -@media (min-width: 992px) { - .main__vacancies-thing-body { - width: calc(100% - 380px); - padding-left: 20px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-body { - width: calc(100% - 420px); - gap: 20px; - } -} -.main__vacancies-thing-body > * { - width: 100%; -} -.main__vacancies-thing-body .button { - width: auto; -} -@media (min-width: 768px) { - .main__vacancies-thing-body .button { - min-width: 200px; - } -} -.main__vacancies-thing-scroll { - 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; - overflow: hidden; - overflow-y: auto; - max-height: 180px; - padding-right: 10px; -} -@media (min-width: 768px) { - .main__vacancies-thing-scroll { - max-height: 210px; - padding-right: 20px; - } -} -@media (min-width: 992px) { - .main__vacancies-thing-scroll { - max-height: 175px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-scroll { - max-height: 200px; - gap: 20px; - } -} -.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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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/css/style_21march.css b/public/css/style_21march.css deleted file mode 100644 index 1a85cff..0000000 --- a/public/css/style_21march.css +++ /dev/null @@ -1,8912 +0,0 @@ -/*! 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(star-rating.min.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: 8px; - height: 8px; -} - -::-webkit-scrollbar-track { - border-radius: 999px; - background-color: #ffffff; -} - -::-webkit-scrollbar-thumb { - border-radius: 999px; - background-color: #377d87; -} - -::-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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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 i { - font-style: normal; - color: #377d87; -} -.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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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%; -} -.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%; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - padding: 20px 10px; - 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; - border-radius: 12px; - -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__vacancies-thing { - padding: 30px 20px; - -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; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing { - padding: 50px 20px; - } -} -.main__vacancies-thing-pic { - position: relative; - z-index: 2; - width: 100%; - aspect-ratio: 42/34; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; - max-height: 340px; -} -@media (min-width: 992px) { - .main__vacancies-thing-pic { - width: 380px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-pic { - width: 420px; - } -} -.main__vacancies-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; - gap: 16px; - color: #3a3b3c; -} -@media (min-width: 992px) { - .main__vacancies-thing-body { - width: calc(100% - 380px); - padding-left: 20px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-body { - width: calc(100% - 420px); - gap: 20px; - } -} -.main__vacancies-thing-body > * { - width: 100%; -} -.main__vacancies-thing-body .button { - width: auto; -} -@media (min-width: 768px) { - .main__vacancies-thing-body .button { - min-width: 200px; - } -} -.main__vacancies-thing-scroll { - 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; - overflow: hidden; - overflow-y: auto; - max-height: 180px; - padding-right: 10px; -} -@media (min-width: 768px) { - .main__vacancies-thing-scroll { - max-height: 210px; - padding-right: 20px; - } -} -@media (min-width: 992px) { - .main__vacancies-thing-scroll { - max-height: 175px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-scroll { - max-height: 200px; - gap: 20px; - } -} -.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__list-label { - font-weight: 700; - font-size: 22px; -} -.vacancies__list-col { - 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; - margin-top: 15px; -} -@media (min-width: 768px) { - .vacancies__list-col { - margin-top: 0; - } -} -.vacancies__list-col:first-child { - margin-top: 0; -} -.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) { - 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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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/css/style_22.css b/public/css/style_22.css deleted file mode 100644 index 1a85cff..0000000 --- a/public/css/style_22.css +++ /dev/null @@ -1,8912 +0,0 @@ -/*! 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(star-rating.min.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: 8px; - height: 8px; -} - -::-webkit-scrollbar-track { - border-radius: 999px; - background-color: #ffffff; -} - -::-webkit-scrollbar-thumb { - border-radius: 999px; - background-color: #377d87; -} - -::-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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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 i { - font-style: normal; - color: #377d87; -} -.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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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%; -} -.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%; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - padding: 20px 10px; - 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; - border-radius: 12px; - -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__vacancies-thing { - padding: 30px 20px; - -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; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing { - padding: 50px 20px; - } -} -.main__vacancies-thing-pic { - position: relative; - z-index: 2; - width: 100%; - aspect-ratio: 42/34; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; - max-height: 340px; -} -@media (min-width: 992px) { - .main__vacancies-thing-pic { - width: 380px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-pic { - width: 420px; - } -} -.main__vacancies-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; - gap: 16px; - color: #3a3b3c; -} -@media (min-width: 992px) { - .main__vacancies-thing-body { - width: calc(100% - 380px); - padding-left: 20px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-body { - width: calc(100% - 420px); - gap: 20px; - } -} -.main__vacancies-thing-body > * { - width: 100%; -} -.main__vacancies-thing-body .button { - width: auto; -} -@media (min-width: 768px) { - .main__vacancies-thing-body .button { - min-width: 200px; - } -} -.main__vacancies-thing-scroll { - 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; - overflow: hidden; - overflow-y: auto; - max-height: 180px; - padding-right: 10px; -} -@media (min-width: 768px) { - .main__vacancies-thing-scroll { - max-height: 210px; - padding-right: 20px; - } -} -@media (min-width: 992px) { - .main__vacancies-thing-scroll { - max-height: 175px; - } -} -@media (min-width: 1280px) { - .main__vacancies-thing-scroll { - max-height: 200px; - gap: 20px; - } -} -.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__list-label { - font-weight: 700; - font-size: 22px; -} -.vacancies__list-col { - 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; - margin-top: 15px; -} -@media (min-width: 768px) { - .vacancies__list-col { - margin-top: 0; - } -} -.vacancies__list-col:first-child { - margin-top: 0; -} -.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) { - 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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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/css/style_9marth.css b/public/css/style_9marth.css deleted file mode 100644 index 6ab91ed..0000000 --- a/public/css/style_9marth.css +++ /dev/null @@ -1,8765 +0,0 @@ -/*! 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(star-rating.min.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%; -} - -.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); - 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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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/css/style_final.css b/public/css/style_final.css deleted file mode 100644 index 78f99a6..0000000 --- a/public/css/style_final.css +++ /dev/null @@ -1,8859 +0,0 @@ -/*! 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(star-rating.min.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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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; - } -} - -.more { - 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; -} -.more_mt { - margin-top: 20px; -} -.more .button { - min-width: 100px; - padding: 0; -} -@media (min-width: 768px) { - .more .button { - min-width: 180px; - } -} - -.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 i { - font-style: normal; - color: #377d87; -} -.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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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/css/style_may2024.css b/public/css/style_may2024.css index 96ad2a5..238f7ae 100644 --- a/public/css/style_may2024.css +++ b/public/css/style_may2024.css @@ -10,10 +10,10 @@ @import url(jquery.select2.css); @import url(star-rating.min.css); @import url(swiper.css); -@import url(general.css); +@import url(picker.min.css); html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections @@ -22,14 +22,14 @@ html { * Remove the margin in all browsers. */ body { - margin: 0; + margin: 0; } /** * Render the `main` element consistently in IE. */ main { - display: block; + display: block; } /** @@ -37,8 +37,8 @@ main { * `article` contexts in Chrome, Firefox, and Safari. */ h1 { - font-size: 2em; - margin: 0.67em 0; + font-size: 2em; + margin: 0.67em 0; } /* Grouping content @@ -48,10 +48,10 @@ h1 { * 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 */ + -webkit-box-sizing: content-box; + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -59,8 +59,8 @@ hr { * 2. Correct the odd `em` font sizing in all browsers. */ pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /* Text-level semantics @@ -69,7 +69,7 @@ pre { * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; + background-color: transparent; } /** @@ -77,10 +77,10 @@ a { * 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 */ + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; /* 2 */ } /** @@ -88,7 +88,7 @@ abbr[title] { */ b, strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -98,15 +98,15 @@ strong { code, kbd, samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { - font-size: 80%; + font-size: 80%; } /** @@ -115,18 +115,18 @@ small { */ sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* Embedded content @@ -135,7 +135,7 @@ sup { * Remove the border on images inside links in IE 10. */ img { - border-style: none; + border-style: none; } /* Forms @@ -149,10 +149,10 @@ input, optgroup, select, textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -161,7 +161,7 @@ textarea { */ button, input { /* 1 */ - overflow: visible; + overflow: visible; } /** @@ -170,7 +170,7 @@ input { /* 1 */ */ button, select { /* 1 */ - text-transform: none; + text-transform: none; } /** @@ -180,7 +180,7 @@ button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; + -webkit-appearance: button; } /** @@ -190,8 +190,8 @@ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -201,14 +201,14 @@ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -218,27 +218,27 @@ fieldset { * `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 */ + -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; + vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; + overflow: auto; } /** @@ -247,9 +247,9 @@ textarea { */ [type=checkbox], [type=radio] { - -webkit-box-sizing: border-box; - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -257,7 +257,7 @@ textarea { */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -265,15 +265,15 @@ textarea { * 2. Correct the outline style in Safari. */ [type=search] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ + -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; + -webkit-appearance: none; } /** @@ -281,8 +281,8 @@ textarea { * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive @@ -291,14 +291,14 @@ textarea { * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; + display: block; } /* * Add the correct display in all browsers. */ summary { - display: list-item; + display: list-item; } /* Misc @@ -307,194 +307,194 @@ summary { * Add the correct display in IE 10+. */ template { - display: none; + display: none; } /** * Add the correct display in IE 10. */ [hidden] { - display: none; + display: none; } .green { - color: #377d87; + color: #377d87; } .red { - color: #eb5757; + color: #eb5757; } .rotate180 { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } ::-moz-selection { - color: #000; - background: #acc0e6; + color: #000; + background: #acc0e6; } ::selection { - color: #000; - background: #acc0e6; + color: #000; + background: #acc0e6; } ::-webkit-scrollbar { - width: 8px; - height: 8px; + width: 8px; + height: 8px; } ::-webkit-scrollbar-track { - border-radius: 999px; - background-color: #fff; + border-radius: 999px; + background-color: #fff; } ::-webkit-scrollbar-thumb { - border-radius: 999px; - background-color: #377d87; + border-radius: 999px; + background-color: #377d87; } ::-webkit-input-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } :focus::-webkit-input-placeholder { - color: transparent; + color: transparent; } :-ms-input-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } :focus:-ms-input-placeholder { - color: transparent; + color: transparent; } ::-ms-input-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } :focus::-ms-input-placeholder { - color: transparent; + color: transparent; } ::-moz-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } :focus::-moz-placeholder { - color: transparent; + color: transparent; } ::-webkit-input-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } ::-moz-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } :-ms-input-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } ::-ms-input-placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } ::placeholder { - color: #9c9d9d; - opacity: 1; + color: #9c9d9d; + opacity: 1; } :focus::-webkit-input-placeholder { - color: transparent; + color: transparent; } :focus::-moz-placeholder { - color: transparent; + color: transparent; } :focus:-ms-input-placeholder { - color: transparent; + color: transparent; } :focus::-ms-input-placeholder { - color: transparent; + color: transparent; } :focus::placeholder { - color: transparent; + 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; + -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; + color: inherit; } a { - text-decoration: none; + 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; + -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; + letter-spacing: 1px; } .br, img, svg { - display: block; + display: block; } .float-left { - float: left; + float: left; } .float-right { - float: right; + float: right; } .clear-both:after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } h1, @@ -503,2573 +503,2691 @@ h3, h4, h5, h6 { - margin: 0; + margin: 0; } #body { - font-family: "Circe", sans-serif; - color: #000; - background: #fff; - 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; - } + font-family: "Circe", sans-serif; + color: #000; + background: #fff; + 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; + } } #body.pdf { - gap: 0; + gap: 0; } .container { - width: 100%; - max-width: 1280px; - margin-left: auto; - margin-right: auto; - padding-left: 10px; - padding-right: 10px; + 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; - } + .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: #fff; - 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; + 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: #fff; + 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: #fff; - color: #377d87; + background: #fff; + color: #377d87; } .to-top svg { - width: 10px; - height: 10px; + 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; - } + .to-top { + width: 50px; + height: 50px; + right: 20px; + bottom: 20px; + } + .to-top svg { + width: 12px; + height: 12px; + } } .begin .to-top { - margin-right: 0; + 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; + 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; + 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: #fff; + background: #377d87; + color: #fff; } .socials svg { - width: 12px; - height: 12px; + width: 12px; + height: 12px; } .nls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - color: #000; - text-align: left; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + color: #000; + text-align: left; } .nls:hover { - color: #377d87; + color: #377d87; } .nls svg { - width: 30px; - height: 40px; + width: 30px; + height: 40px; } @media (min-width: 768px) { - .nls svg { - width: 24px; - height: 31px; - } + .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); - } + 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; + font-weight: 400; } .title, h1 { - margin: 0; - font-weight: 700; - font-size: 32px; + margin: 0; + font-weight: 700; + font-size: 32px; } @media (min-width: 768px) { - .title, - h1 { - font-size: 40px; - } + .title, + h1 { + font-size: 40px; + } } @media (min-width: 992px) { - .title, - h1 { - font-size: 48px; - } + .title, + h1 { + font-size: 48px; + } } @media (min-width: 1280px) { - .title, - h1 { - font-size: 64px; - } + .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; - } + 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; + 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; + 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; + border-color: #377d87; } .swiper-pagination-bullet-active { - border-color: #377d87; + border-color: #377d87; } .swiper-pagination-bullet-active:before { - opacity: 1; + 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; + 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; + color: #377d87; + background: none; + border: none; + padding: 0; } .navs button[disabled] { - cursor: not-allowed; - color: #cddee1; + cursor: not-allowed; + color: #cddee1; } .navs svg { - width: 14px; - height: 28px; + width: 14px; + height: 28px; } .select { - position: relative; + position: relative; } .select2 { - width: 100% !important; + width: 100% !important; } .select2-container { - font-size: 12px; + font-size: 12px; } @media (min-width: 768px) { - .select2-container { - font-size: 16px; - } + .select2-container { + font-size: 16px; + } } .select2-container--open .select2-selection { - border-color: #377d87 !important; + border-color: #377d87 !important; } .select2-container--open .select2-selection__arrow svg { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); + -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; + 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 { + min-height: 50px !important; + } } .select2-selection__rendered { - line-height: 28px !important; - padding: 0 30px 0 10px !important; + 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__rendered { + line-height: 48px !important; + padding: 0 46px 0 20px !important; + } } .select2-selection--multiple .select2-selection__rendered { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding-top: 10px !important; - padding-bottom: 10px !important; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + padding-top: 10px !important; + padding-bottom: 10px !important; } .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { - margin: 0; + margin: 0; } .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; - } + 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; + 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__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: #fff; - height: 24px; -} -@media (min-width: 768px) { - .select2-selection__choice { - height: 32px; - gap: 6px; - padding: 0 6px 0 10px !important; - border-radius: 8px !important; - } + 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: #fff; + 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: #fff !important; - font-weight: 400 !important; - font-size: 26px; + 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: #fff !important; + font-weight: 400 !important; + font-size: 26px; } .select2-search { - display: none; + display: none; } .select2-dropdown { - z-index: 99999; - border: none; - border-radius: 0; - background: none; - padding: 5px 0; + z-index: 99999; + border: none; + border-radius: 0; + background: none; + padding: 5px 0; } @media (min-width: 768px) { - .select2-dropdown { - padding: 10px 0; - } + .select2-dropdown { + padding: 10px 0; + } } .select2-results { - background: #fff; - border-radius: 8px; - border: 1px solid #377d87; - overflow: hidden; + background: #fff; + border-radius: 8px; + border: 1px solid #377d87; + overflow: hidden; } @media (min-width: 768px) { - .select2-results__option { - padding: 10px 14px; - } + .select2-results__option { + padding: 10px 14px; + } } .select2-results__option--highlighted { - background: #377d87 !important; + background: #377d87 !important; } @media (min-width: 768px) { - .select_search .select2-selection__rendered { - padding-left: 60px !important; - } + .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; + 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 { + 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; + 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; + 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; - } -} + 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; + 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; +} +.form-group__item-icon { + width: 16px; + aspect-ratio: 1/1; + z-index: 2; + position: absolute; + top: 50%; + right: 4px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + 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) { + .form-group__item-icon { + width: 22px; + right: 20px; + } +} +.form-group__item-icon svg { + width: 14px; + aspect-ratio: 1/1; +} +@media (min-width: 768px) { + .form-group__item-icon svg { + width: 20px; + } +} +.form-group__item-icon + .input { + padding-right: 24px; +} +@media (min-width: 768px) { + .form-group__item-icon + .input { + padding-right: 60px; + } } .input { - display: block; - height: 30px; - border: 1px solid #cecece; - background: #fff; - font-size: 12px; - border-radius: 8px; - padding: 0 10px; - color: #000; - -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; - } + display: block; + height: 30px; + border: 1px solid #cecece; + background: #fff; + font-size: 12px; + border-radius: 8px; + padding: 0 10px; + color: #000; + -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; + border-color: #377d87; } .input[disabled] { - color: #9c9d9d; - background: #e7e7e7; + color: #9c9d9d; + background: #e7e7e7; } .input[type=date] { - text-transform: uppercase; + text-transform: uppercase; } .textarea { - resize: none; - display: block; - width: 100%; - border-radius: 8px; - border: 1px solid #cecece; - background: #fff; - -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; - } + resize: none; + display: block; + width: 100%; + border-radius: 8px; + border: 1px solid #cecece; + background: #fff; + -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; + 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: #fff; - 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; - } + 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: #fff; + 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 { + padding: 0 36px; + } } .button:hover { - background: transparent; - color: #377d87; + background: transparent; + color: #377d87; } .button img, .button svg { - width: 12px; - height: 12px; + width: 12px; + height: 12px; } @media (min-width: 768px) { - .button img, - .button svg { - width: 18px; - height: 18px; - } + .button img, + .button svg { + width: 18px; + height: 18px; + } } .button_more span + span { - display: none; + display: none; } .button_more.active span { - display: none; + display: none; } .button_more.active span + span { - display: block; + display: block; } .button_light { - background: transparent; - color: #377d87; + background: transparent; + color: #377d87; } .button_light:hover { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .button_whited { - background: #fff; - color: #377d87; - border-color: #fff; + background: #fff; + color: #377d87; + border-color: #fff; } .button_whited:hover { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .search { - width: 100%; - position: relative; - background: #fff; - border-radius: 8px; + width: 100%; + position: relative; + background: #fff; + 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; + 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 { + 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; + 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; + color: #9c9d9d; + width: 20px; + height: 20px; } .search input { - width: 100%; - padding-right: 150px; - position: relative; - z-index: 2; - background: none; + 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 input { + padding-left: 60px; + padding-right: 220px; + } } .search button { - width: 140px; - position: absolute; - padding: 0; - top: 0; - right: 0; - z-index: 3; + width: 140px; + position: absolute; + padding: 0; + top: 0; + right: 0; + z-index: 3; } @media (min-width: 768px) { - .search button { - width: 200px; - } + .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; + 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; - } + .breadcrumbs { + font-size: 13px; + } } @media (min-width: 1280px) { - .breadcrumbs { - font-size: 16px; - } + .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; + 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; + content: ""; + width: 4px; + height: 4px; + background: #cecece; + border-radius: 999px; + position: relative; + top: -1px; } .breadcrumbs li:first-child:before { - display: none; + display: none; } .breadcrumbs li:last-child:before { - background: #377d87; + background: #377d87; } .breadcrumbs a:hover { - color: #377d87; + color: #377d87; } .breadcrumbs b { - color: #377d87; - font-weight: 700; + 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; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: 1; - color: #000; - font-size: 12px; - margin: 0 auto; -} -@media (min-width: 768px) { - .pagination { - font-size: 14px; - gap: 3px; - } + 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; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: 1; + color: #000; + 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; + 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; + -webkit-transition: 0s; + transition: 0s; + color: #377d87; + font-weight: 700; } .pagination__item.active { - font-weight: 700; - color: #fff; - background: #377d87; - border-color: #377d87; + font-weight: 700; + color: #fff; + 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; + 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; + 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; + 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 { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } .pagination__nav:hover { - border-color: #377d87; - background: #377d87; - color: #fff; + border-color: #377d87; + background: #377d87; + color: #fff; } .pagination__nav svg { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } .pagination__nav_prev { - margin-right: 37px; + margin-right: 37px; } .pagination__nav_prev svg { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } .pagination__nav_next { - margin-left: 37px; + 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; + 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; + .filters { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; + flex-direction: row; + -webkit-box-align: center; -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; + align-items: center; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - } + justify-content: space-between; + } } .filters__label { - color: #377d87; - font-size: 12px; - font-weight: 700; + color: #377d87; + font-size: 12px; + font-weight: 700; } @media (min-width: 768px) { - .filters__label { - font-size: 16px; - } + .filters__label { + font-size: 16px; + } } @media (min-width: 992px) { - .filters__label { - font-size: 18px; - } + .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; + 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; + .filters__body { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; + flex-direction: row; + -webkit-box-align: center; -ms-flex-align: center; - align-items: center; - } + align-items: center; + } } @media (min-width: 768px) { - .filters__select { - width: 250px; - } + .filters__select { + width: 250px; + } } @media (min-width: 992px) { - .filters__select { - width: 310px; - } + .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: #fff; - border: 1px solid #377d87; - color: #377d87; - border-radius: 8px; - margin-left: 20px; + 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: #fff; + 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 { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } .filters__item svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .filters__item.active { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .filters__item + .filters__item { - margin-left: 8px; + 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; - } + 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: #fff; + background: #377d87; + color: #fff; } .like svg, .chat svg { - width: 14px; - height: 14px; + width: 14px; + height: 14px; } @media (min-width: 768px) { - .like svg, - .chat svg { - width: 20px; - height: 20px; - } + .like svg, + .chat svg { + width: 20px; + height: 20px; + } } .like.active { - background: #eb5757; - border-color: #eb5757; + background: #eb5757; + border-color: #eb5757; } .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; + 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; + 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__input { + width: 20px; + height: 20px; + } } .checkbox__icon { - width: 14px; - height: 14px; - border: 1px solid #cfcfcf; - background: #fff; - color: #fff; - 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; - } + width: 14px; + height: 14px; + border: 1px solid #cfcfcf; + background: #fff; + color: #fff; + 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; + width: 8px; + height: 8px; + opacity: 0; } @media (min-width: 768px) { - .checkbox__icon svg { - width: 10px; - height: 10px; - } + .checkbox__icon svg { + width: 10px; + height: 10px; + } } .checkbox__input:checked + .checkbox__icon { - border-color: #377d87; - background: #377d87; + border-color: #377d87; + background: #377d87; } .checkbox__input:checked + .checkbox__icon svg { - opacity: 1; + 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; - } + 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; + color: #377d87; + text-decoration: underline; +} +.checkbox-empty { + 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; +} +.checkbox-empty .checkbox { + width: 20px; } .file { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + 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; + 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; + 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; + 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; - } + 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; + 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; + 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; + 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: #000; + color: #000; } .file__list-item-right svg { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } .file__list-item + .file__list-item { - margin-top: 10px; + margin-top: 10px; +} + +.toggle { + display: block; + width: 36px; + height: 20px; + position: relative; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle__input { + z-index: 1; + position: absolute; + top: 0; + left: 0; + opacity: 0; + width: 100%; + height: 100%; + background: none; + border: none; + padding: 0; +} +.toggle__icon { + z-index: 2; + position: absolute; + width: 100%; + height: 100%; + border-radius: 999px; + background: #c3c7d9; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.toggle__icon:before { + content: ""; + -webkit-transition: 0.3s; + transition: 0.3s; + position: absolute; + top: 50%; + left: 2px; + width: 16px; + aspect-ratio: 1/1; + border-radius: 999px; + background: #fff; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.toggle__input:checked + .toggle__icon { + background: #377d87; +} +.toggle__input:checked + .toggle__icon:before { + left: 18px; +} + +.label-toggle { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.label-toggle__text { + width: calc(100% - 36px); + font-size: 14px; + line-height: 20px; + padding-left: 12px; +} +@media (min-width: 768px) { + .label-toggle__text { + font-size: 16px; + line-height: 22px; + } } .rate { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + 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 { + gap: 20px; + } } .rate__label { - font-size: 12px; - font-weight: 700; - line-height: 1; + font-size: 12px; + font-weight: 700; + line-height: 1; } @media (min-width: 768px) { - .rate__label { - font-size: 18px; - } + .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; + 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; - } + 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; + color: #4d88d9; } .back svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media (min-width: 768px) { - .back svg { - width: 26px; - height: 26px; - } + .back svg { + width: 26px; + height: 26px; + } } .back span { - width: calc(100% - 16px); - padding-left: 10px; + width: calc(100% - 16px); + padding-left: 10px; } @media (min-width: 768px) { - .back span { - width: calc(100% - 26px); - padding-left: 20px; - } + .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; + 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; + .callback { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; + flex-direction: row; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-wrap: wrap; + justify-content: space-between; + -ms-flex-wrap: wrap; flex-wrap: wrap; - gap: 20px 0; - } + 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; + 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; - } + .callback__body { + width: calc(50% - 10px); + gap: 10px; + } } @media (min-width: 992px) { - .callback__textarea { - width: calc(50% - 10px); - height: auto; - } + .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; - } + 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; - } + .callback__bottom { + width: 100%; + gap: 20px; + } } .error .input, .error .textarea { - border-color: #eb5757; + border-color: #eb5757; } .error label { - display: block; + 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; - } + 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%; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } .eye svg + svg { - display: none; + display: none; } .eye.active { - color: #377d87; + color: #377d87; } .eye.active svg { - display: none; + display: none; } .eye.active svg + svg { - display: block; + display: block; } .del { - width: 32px; - aspect-ratio: 1/1; - background: #377d87; - color: #fff; - 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; + width: 32px; + aspect-ratio: 1/1; + background: #377d87; + color: #fff; + 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: #fff; - color: #377d87; + background: #fff; + color: #377d87; } .del svg { - width: 50%; - aspect-ratio: 1/1; + 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; + 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 { + padding: 12px 20px; + } } .notify_red { - background: #f9cdcd; + background: #f9cdcd; } .notify svg { - color: #4d88d9; - width: 20px; - aspect-ratio: 1/1; + 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; + 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; - } + .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; - } + 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; + display: none; } .table_spoiler .table__button { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } .table__scroll { - overflow: hidden; - overflow-x: auto; - padding: 0 10px; - width: 100%; + overflow: hidden; + overflow-x: auto; + padding: 0 10px; + width: 100%; } @media (min-width: 768px) { - .table__scroll { - padding: 0; - } + .table__scroll { + padding: 0; + } } .table__body { - border-radius: 8px; - overflow: hidden; + border-radius: 8px 8px 0 0; + overflow: hidden; } .table__body_min-width { - min-width: 580px; + min-width: 580px; } .table table { - border-collapse: collapse; - width: 100%; - font-size: 12px; - border-radius: 8px; + border-collapse: collapse; + width: 100%; + font-size: 12px; } @media (min-width: 768px) { - .table table { - font-size: 14px; - } + .table table { + font-size: 14px; + } } @media (min-width: 1280px) { - .table table { - font-size: 16px; - } + .table table { + font-size: 16px; + } } .table thead tr th, .table thead tr td { - background: #377d87; - color: #fff; - font-weight: 700; - border-top-color: #377d87; + background: #377d87; + color: #fff; + font-weight: 700; + border-top-color: #377d87; } .table thead tr th:first-child, .table thead tr td:first-child { - border-left-color: #377d87; + border-left-color: #377d87; } .table thead tr th:last-child, .table thead tr td:last-child { - border-right-color: #377d87; + border-right-color: #377d87; } .table_spoiler tr { - /*display: none;*/ + 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 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), .table_spoiler tr:nth-of-type(7), .table_spoiler tr:nth-of-type(8), .table_spoiler tr:nth-of-type(9), .table_spoiler tr:nth-of-type(10) { + display: table-row; } .table_spoiler.active tr { - display: table-row; + display: table-row; } .table th, .table td { - text-align: left; - padding: 10px; - border: 1px solid #cecece; + text-align: left; + padding: 10px; + border: 1px solid #cecece; } @media (min-width: 768px) { - .table td { - padding: 14px 10px; - } + .table th, + .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; + 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; + background: #9c9d9d; + width: 8px; + aspect-ratio: 1/1; + border-radius: 999px; + position: absolute; + top: 4px; + left: 0; } .table__status.green { - color: #377d87; + color: #377d87; } .table__status.green i { - background: #377d87; + 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; + 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 { + gap: 6px; + } } .table__link:hover { - color: #000; + color: #000; } .table__link svg { - width: 12px; - aspect-ratio: 1/1; + width: 12px; + aspect-ratio: 1/1; } @media (min-width: 768px) { - .table__link svg { - width: 16px; - } + .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; + 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 { + 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; + 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 { + width: 30px; + } } .table__controls-item:hover { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .table__controls-item svg { - width: 60%; - aspect-ratio: 1/1; + width: 60%; + aspect-ratio: 1/1; } .table__controls-item:nth-of-type(4) svg { - width: 80%; + width: 80%; } .gl-star-rating--stars:before, .gl-star-rating--stars:after { - display: none; + display: none; } .gl-star-rating--stars span { - width: 22px !important; - height: 22px !important; - background-size: 22px 22px !important; + 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; - } + .gl-star-rating--stars span { + width: 30px !important; + height: 30px !important; + background-size: 30px 30px !important; + } } .more { - 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; + 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; } .more_mt { - margin-top: 20px; + margin-top: 20px; } .more .button { - min-width: 100px; - padding: 0; + min-width: 100px; + padding: 0; } @media (min-width: 768px) { - .more .button { - min-width: 180px; - } + .more .button { + min-width: 180px; + } } .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: #fff; - position: relative; - z-index: 5; - overflow: hidden; + -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: #fff; + position: relative; + z-index: 5; + overflow: hidden; } @media (min-width: 768px) { - .header { - -webkit-box-shadow: none; - box-shadow: none; - } + .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; - } + 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; + 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; + 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 { + gap: 20px; + } } .header__right-line { - width: 1px; - height: 32px; - background: #e6e7e7; - border-radius: 999px; + width: 1px; + height: 32px; + background: #e6e7e7; + border-radius: 999px; } @media (min-width: 992px) { - .header__right-line { - display: none; - } + .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; + 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; + width: 105px; + height: 31px; } @media (min-width: 768px) { - .header__logo svg { - width: 182px; - height: 54px; - } + .header__logo svg { + width: 182px; + height: 54px; + } } .header__menu { - display: none; -} -.header.active-menu{ - position: unset; -} -.header.active-menu .header__menu{ - position: absolute; - display: flex; - flex-direction: column; - z-index: 999; - top: 48px; - background: #fff; - -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); - left: 0; - border: 1px solid #e9e9e9; - width: 100%; + 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{ - padding: 5px 10px; -} -.header__menu-item:hover, .header__menu-item:active{ - border: 1px solid #cfcfcf; + .header__menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } .header__menu-item:hover { - color: #377d87; + 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; + 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: #000; - line-height: 1.4; - } + .header__notifs { + width: auto; + height: auto; + color: #000; + line-height: 1.4; + } } @media (min-width: 992px) { - .header__notifs:hover { - color: #377d87; - } + .header__notifs:hover { + color: #377d87; + } } .header__notifs svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } @media (min-width: 992px) { - .header__notifs svg { - display: none; - } + .header__notifs svg { + display: none; + } } .header__notifs span { - display: none; + display: none; } @media (min-width: 992px) { - .header__notifs span { - display: inline; - } + .header__notifs span { + display: inline; + } } .header__notifs_actived { - position: relative; + position: relative; } @media (min-width: 992px) { - .header__notifs_actived { - padding-right: 12px; - } + .header__notifs_actived { + padding-right: 12px; + } } .header__notifs_actived:after { - content: ""; - border: 1px solid #fff; - background: #377d87; - border-radius: 999px; - width: 10px; - height: 10px; - position: absolute; - z-index: 1; - top: 0; - right: 0; + content: ""; + border: 1px solid #fff; + 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__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; + 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 { + display: none; + } } .header__burger svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .header__burger svg + svg { - display: none; + display: none; } .header__sign { - display: none; + display: none; } @media (min-width: 992px) { - .header__sign { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } + .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: #fff; - overflow: hidden; - overflow-y: auto; - padding: 50px 0; + display: none; + position: fixed; + bottom: 0; + left: 0; + width: 100vw; + height: calc(100vh - 42px); + z-index: 4; + background: #fff; + 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; + 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; + min-width: 120px; } .mob-menu__bottom-link { - text-decoration: underline; - margin-top: 50px; + text-decoration: underline; + margin-top: 50px; } .mob-menu__bottom-link:hover { - color: #377d87; + color: #377d87; } .mob-menu__bottom-link + .mob-menu__bottom-link { - margin-top: 10px; + margin-top: 10px; } .mob-menu__bottom .socials { - margin-top: 35px; + margin-top: 35px; } .mob-menu .footer__mobile-menu { - opacity: 1; - height: auto; - overflow: visible; + opacity: 1; + height: auto; + overflow: visible; } .mob-menu .footer__mobile-menu-item button { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .mob-menu .footer__mobile-menu-item div { - font-size: 20px; + font-size: 20px; } .mob-menu .footer__mobile-contacts a { - font-size: 20px; - font-weight: 700; - color: #000; - text-decoration: none; + font-size: 20px; + font-weight: 700; + color: #000; + text-decoration: none; } .mob-menu .footer__mobile-contacts a:hover { - color: #377d87; + color: #377d87; } .mob-menu .footer__mobile-menu-item button b, .mob-menu .footer__mobile-contacts a { - font-size: 30px; + font-size: 30px; } .menu-is-actived { - overflow: hidden; + overflow: hidden; } @media (min-width: 992px) { - .menu-is-actived { - overflow: auto; - } + .menu-is-actived { + overflow: auto; + } } .menu-is-actived .header__burger svg { - display: none; + display: none; } .menu-is-actived .header__burger svg + svg { - display: block; + display: block; } .menu-is-actived .mob-menu { - display: block; + display: block; } @media (min-width: 992px) { - .menu-is-actived .mob-menu { - display: none; - } + .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: #fff; - position: relative; - z-index: 1; - overflow: hidden; + -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: #fff; + 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; + 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; - } + .footer__mobile { + padding: 30px 0; + } } @media (min-width: 992px) { - .footer__mobile { - display: none; - } + .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; + 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; + 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; + 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: #fff; - border-radius: 999px; + 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: #fff; + border-radius: 999px; } .footer__mobile-toper span svg { - width: 10px; - height: 10px; - -webkit-transition: 0.3s; - transition: 0.3s; + 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); + -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; - } + 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; + 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; + 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; + 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; + 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; + 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); + 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); + -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; + 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; + color: #377d87; } .footer__mobile-menu-item .active + div { - opacity: 1; - height: auto; - overflow: visible; - padding-top: 15px; + opacity: 1; + height: auto; + overflow: visible; + padding-top: 15px; } .active + .footer__mobile-menu { - opacity: 1; - height: auto; - overflow: visible; - padding-top: 35px; + 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; + 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; + font-size: 20px; + font-weight: 700; + width: 100%; + margin-bottom: 20px; } .footer__mobile-contacts a { - color: #377d87; - text-decoration: underline; + color: #377d87; + text-decoration: underline; } .footer__mobile-contacts a + a { - color: #000; + color: #000; } .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; + 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; + 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; + color: #377d87; } .footer__mobile-links span { - width: 60px; - height: 1px; - background: #377d87; + 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; + 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 { + .footer__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.footer__main-body { 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; + -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; + 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; + width: 182px; + height: 54px; } .footer__main-title { - font-size: 20px; - font-weight: 700; - margin-bottom: 16px; + 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; + 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; -} + 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: #000; + color: #000; } .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; + 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; + 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; + color: #377d87; } .footer__main-copy nav span { - width: 1px; - height: 20px; - background: #000; + width: 1px; + height: 20px; + background: #000; } .main { - position: relative; - overflow: hidden; - padding: 30px 0; + position: relative; + overflow: hidden; + padding: 30px 0; } @media (min-width: 768px) { - .main { - padding: 40px 0; - } + .main { + padding: 40px 0; + } } @media (min-width: 992px) { - .main { - padding: 50px 0; - } + .main { + padding: 50px 0; + } } @media (min-width: 1280px) { - .main { - padding: 60px 0; - } + .main { + padding: 60px 0; + } } .main h2 { - margin: 0; - font-weight: 700; - font-size: 30px; + margin: 0; + font-weight: 700; + font-size: 30px; } @media (min-width: 768px) { - .main h2 { - font-size: 44px; - } + .main h2 { + font-size: 44px; + } } .main h3 { - margin: 0; - font-weight: 700; - font-size: 22px; + margin: 0; + font-weight: 700; + font-size: 22px; } @media (min-width: 768px) { - .main h3 { - font-size: 28px; - } + .main h3 { + font-size: 28px; + } } .main p { - margin: 0; - font-size: 14px; - line-height: 1.4; + margin: 0; + font-size: 14px; + line-height: 1.4; } @media (min-width: 768px) { - .main p { - font-size: 18px; - } + .main p { + font-size: 18px; + } } .main p a { - color: #4d88d9; + color: #4d88d9; } .main p a:hover { - color: #377d87; + color: #377d87; } .main__breadcrumbs { - margin-bottom: 20px; + margin-bottom: 20px; } @media (min-width: 768px) { - .main__breadcrumbs { - margin-bottom: 40px; - } + .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; + 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 { + 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; + 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, @@ -3077,6353 +3195,6128 @@ h1 { .main__content h4, .main__content h5, .main__content h6 { - color: #000; + color: #000; } .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; + 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 ul, + .main__content ol { + gap: 16px; + padding-left: 30px; + } } .main__content li ul, .main__content li ol { - margin-top: 8px; + margin-top: 8px; } @media (min-width: 992px) { - .main__content li ul, - .main__content li ol { - margin-top: 16px; - } + .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; + 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; + 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); - } + .main__gallery { + display: grid; + grid-template-columns: repeat(2, 1fr); + } } @media (min-width: 992px) { - .main__gallery { - grid-template-columns: repeat(3, 1fr); - } + .main__gallery { + grid-template-columns: repeat(3, 1fr); + } } .main__gallery-item { - width: 100%; - aspect-ratio: 400/224; - border-radius: 30px; - position: relative; - overflow: hidden; + 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); + -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; + 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; + 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 { + gap: 30px; + } } .main__employers-body { - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: 20px; + 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 { + gap: 30px; + } } .main__employers-body.showed { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + 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; + 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; + flex-direction: row; + -webkit-box-align: center; -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; + align-items: center; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - padding: 55px 20px; - } + justify-content: space-between; + padding: 55px 20px; + } } @media (min-width: 1280px) { - .main__employers-item { - padding-left: 55px; - } + .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; + 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; - } + .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; + .main__employers-item-inner { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; + flex-direction: row; + -webkit-box-align: center; -ms-flex-align: center; - align-items: center; - } + align-items: center; + } } .main__employers-item-pic { - height: 30px; - position: absolute; - top: 10px; - left: 10px; + 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-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; - } + 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 { + width: calc(100% - 150px); + padding: 0; + padding-left: 40px; + } } .main__employers-item-body b { - font-weight: 700; + font-weight: 700; } @media (min-width: 768px) { - .main__employers-item-body b { - font-size: 20px; - } + .main__employers-item-body b { + font-size: 20px; + } } .main__employers-item-body i { - font-style: normal; - color: #000; + font-style: normal; + color: #000; } .main__employers-item-more { - position: absolute; - top: 10px; - right: 10px; + position: absolute; + top: 10px; + right: 10px; } @media (min-width: 768px) { - .main__employers-item-more { - width: 200px; - padding: 0; - position: static; - } + .main__employers-item-more { + width: 200px; + padding: 0; + position: static; + } } .main__employers-item-label { - background: #4d88d9; - color: #fff; - 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; - } + background: #4d88d9; + color: #fff; + 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; + width: 8px; + height: 8px; } @media (min-width: 768px) { - .main__employers-item-label svg { - width: 12px; - height: 12px; - } + .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; + 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; + 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; + 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; + .main__employers-two { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; + flex-direction: row; + -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-box-align: start; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; + align-items: flex-start; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px 0; - } + 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; + 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; + width: 100%; + padding: 0; } .main__employers-two .main__employers-item-more { - position: static; - margin-top: 20px; + 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-more { + margin-left: 190px; + } } .main__employers-two .main__employers-item-label { - max-width: none; + 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; - } + 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: #000; - margin: 0; - font-size: 30px; + color: #000; + margin: 0; + font-size: 30px; } @media (min-width: 768px) { - .main__employer-page-title { - font-size: 36px; - } + .main__employer-page-title { + font-size: 36px; + } } @media (min-width: 992px) { - .main__employer-page-title { - font-size: 44px; - } + .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; - width: 190px; -} -.main__employer-page-item.main__employer-page-description{ - width: unset; -} -.main__employer-page-description p{ - margin-bottom: 10px; - line-height: 25px; + 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 { + font-size: 18px; + gap: 8px; + } } .main__employer-page-item b { - color: #377d87; - font-size: 14px; + color: #377d87; + font-size: 14px; } @media (min-width: 768px) { - .main__employer-page-item b { - font-size: 18px; - } + .main__employer-page-item b { + font-size: 18px; + } } .main__employer-page-item span { - color: #000; + color: #000; } .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; -} -.main__employer-page-info.row2{ - justify-content: flex-start; -} -.main__employer-page-info.row2 .main__employer-page-item{ - width: 25%; -} -@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-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; + flex-direction: row; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; + align-items: flex-start; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - padding-right: 160px; - } + 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-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; + 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 { + 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; + 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 { + font-size: 24px; + } } .main__employer-page-tabs-item.active { - color: #377d87; + 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; + 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 { + 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; + 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; + 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; + 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); - } + .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); - } + .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 { + 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; + 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 { + 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; + 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 img { + margin-bottom: 10px; + } } .main__employer-page-one-item b { - font-weight: 700; - color: #377d87; + font-weight: 700; + color: #377d87; } .main__employer-page-one-item span { - color: #000; + color: #000; } .main__employer-page-one-item i { - font-style: normal; - color: #377d87; + font-style: normal; + color: #377d87; } .main__employer-page-one-item .del { - position: absolute; - z-index: 1; - top: 8px; - left: 8px; + 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; + 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; - } + 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; - } + .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 { + 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: #000; -} -@media (min-width: 768px) { - .main__employer-page-two-item-toper { - font-size: 30px; - } + 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: #000; +} +@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; + 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; + 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-toper span { + padding-left: 20px; + } } .main__employer-page-two-item-title { - font-size: 18px; - font-weight: 700; - color: #377d87; + 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-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; + 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; + font-weight: 700; } .main__employer-page-two-item-text-body { - color: #000; - 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; + color: #000; + 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; + 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; - } + 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: #000; - position: relative; + color: #000; + position: relative; } .main__employer-page-two-item-text-body ul a:hover { - color: #377d87; + color: #377d87; } .main__employer-page-two-item-text-body p + ul { - margin-top: 10px; + 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; - } + 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; + color: #4d88d9; } .main__employer-page-two-item-text-links a:hover { - color: #377d87; + 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; - } + 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; + 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; - } + .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-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: #000; -} -@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; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.main__employer-page-two-item-bottom-date { + color: #000; +} +@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; - } + align-items: center; + } } @media (min-width: 992px) { - .main__employer-page-two-item-bottom-date { - font-size: 16px; - } + .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; - } + .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-more { + margin-top: 10px; + padding: 0; + width: 200px; + } } .main__employer-page-two .main__employer-page-two-item { - /*display: none;*/ + 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; + 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; + 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: #000; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + color: #000; } .main__resume-base-body { - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin-top: 10px; + 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 { + margin-top: 30px; + } } .main__resume-base-body.showed { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + 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; - } + 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; + 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; + .main__resume-base-body-two { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; + flex-direction: row; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: start; + justify-content: space-between; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; + align-items: flex-start; + -ms-flex-wrap: wrap; flex-wrap: wrap; - gap: 30px 0; - } + 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 { + 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; + -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 { - margin-top: 10px; -} -.main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ width: 100%; - margin-bottom: 10px; -} -.main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ - background: #377d87; - color: #fff; -} -.main__resume-base-body-item-buttons .chat.active{ - background: #fff; - color: #377d87; -} -.main__resume-base-body-item-buttons button.like.active{ - background-color: #ffffff; - color: #eb5757; -} -.main__resume-base-body-item-buttons button span{ - margin-left: 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: 20px; + position: relative; + border: 1px solid #377d87; + border-radius: 8px; + padding: 10px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } -.main__resume-base-body-item-buttons .like .in-favorites{ - display: none; +@media (min-width: 768px) { + .main__resume-base-body-item { + padding: 20px; + } } -.main__resume-base-body-item-buttons .like.active .in-favorites{ - display: block; - color: #eb5757; +.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; } -.main__resume-base-body-item-buttons .like.active .to-favorites{ - display: none; +@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; + 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; - } + 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; + 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-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%; - row-gap: 10px; -} -.main__resume-base-body-item-inner .horizontal{ - -webkit-box-orient: horizontal; - -ms-flex-direction: unset; - flex-direction: row; - align-items: start; -} -.main__resume-base-item-status{ - width: fit-content; - background-color: #e6e6e6; - font-weight: bold; - padding: 5px 10px; - border-radius: 8px; -} -.main__resume-base-item-status.looking-for-job{ - background-color: #eb5757; - color: #fff; -} -.main__resume-base-item-updated-at{ - padding: 5px 10px; - border-radius: 8px; - border: 1px #e6e6e6 solid; + 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; - } + .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; - row-gap: 10px; - } + .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; + 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 div { + font-size: 16px; + } } .main__resume-base-body-item-inner b { - color: #377d87; - font-size: 14px; + color: #377d87; + font-size: 14px; } @media (min-width: 768px) { - .main__resume-base-body-item-inner b { - font-size: 18px; - } + .main__resume-base-body-item-inner b { + font-size: 18px; + } } .main__resume-base-body-item-link { - width: 100%; - padding: 0; + width: 100%; + padding: 0; } @media (min-width: 768px) { - .main__resume-base-body-item-link { - width: 200px; - } + .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; + 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: #fff; - 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; - } + 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: #fff; + 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: #fff; - 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; - } + content: ""; + background: #fff; + 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); + -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); + -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: #fff; + opacity: 0; + height: 0; + overflow: hidden; + border-radius: 0 0 8px 8px; + background: #fff; } .main__spoiler-body table { - width: calc(100% + 2px); - margin-left: -1px; - margin-bottom: -1px; + width: calc(100% + 2px); + margin-left: -1px; + margin-bottom: -1px; } @media (min-width: 992px) { - .main__spoiler-body table td { - width: 50%; - } + .main__spoiler-body table td { + width: 40%; + } } @media (min-width: 992px) { - .main__spoiler-body table td + td { - width: 50%; - } + .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; + -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: #fff; + border-collapse: collapse; + table-layout: fixed; + font-size: 12px; + width: 100%; + background: #fff; } @media (min-width: 768px) { - .main__table { - font-size: 16px; - } + .main__table { + font-size: 16px; + } } .main__table td { - border: 1px solid #cecece; - padding: 4px 8px; - vertical-align: top; + border: 1px solid #cecece; + padding: 4px 8px; + vertical-align: top; } @media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } + .main__table td { + padding: 8px 16px; + } } .main__table td b { - font-weight: 700; + font-weight: 700; } .main__table_three { - table-layout: auto; + table-layout: auto; } .main__table_three td { - width: 25% !important; + width: 25% !important; } .main__table_three td:last-child { - width: 50% !important; + width: 50% !important; } .main__table b { - display: block; + display: block; } .main__table a { - color: #377d87; - text-decoration: underline; + color: #377d87; + text-decoration: underline; } .main__table a:hover { - color: #000; + color: #000; } .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; + 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 { + 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%); + 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: #000; -} -.main__resume-profile-about-buttons{ - display: flex; - width: 100%; position: relative; z-index: 2; -} -.main__resume-profile-about-buttons .like{ - width: 200px; -} -.main__resume-profile-about-buttons .like.active{ - background: #fff; - color: #eb5757; -} -.main__resume-profile-about-buttons .like .in-favorites{ - display: none; -} -.main__resume-profile-about-buttons .like.active .in-favorites{ - display: block; - color: #eb5757; -} -.main__resume-profile-about-buttons .like.active .to-favorites{ - display: none; + color: #000; } .main__resume-profile-about-text { - position: relative; - z-index: 2; + position: relative; + z-index: 2; } -.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; +.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 { + margin-top: 50px; + gap: 30px; + } } .main__resume-profile-info-title { - color: #000; + color: #000; } .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; + 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 { + 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; + 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-item { + gap: 20px; + } } .main__resume-profile-info-body-subtitle { - color: #4d88d9; + 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); - } + 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 { + 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; + 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 li { + gap: 8px; + } } .main__resume-profile-info-body-inner b { - color: #377d87; - font-size: 14px; + 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 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; + 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-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: #fff; - -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); + 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: #fff; + -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 { + margin-top: 50px; + padding: 50px 40px; + gap: 30px; + } } .main__resume-profile-review-title { - color: #000; + color: #000; } .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; + 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%; + width: 100%; } .main__resume-profile-review-body .button { - margin-top: 10px; + 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; - } + 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: #000; - width: 100%; + color: #000; + width: 100%; } .main__vacancies-filters { - width: 100%; + 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); + 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; + 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-item-page { + margin: 0 -20px; + } } .main__vacancies-thing { - width: 100%; - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - padding: 20px 10px; - 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; - border-radius: 12px; - -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); + width: 100%; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + padding: 20px 10px; + 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; + border-radius: 12px; + -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__vacancies-thing { - padding: 30px 20px; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; + .main__vacancies-thing { + padding: 30px 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; + flex-direction: row; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - gap: 0; - } + align-items: flex-start; + gap: 0; + } } @media (min-width: 1280px) { - .main__vacancies-thing { - padding: 50px 20px; - } + .main__vacancies-thing { + padding: 50px 20px; + } } .main__vacancies-thing-pic { - position: relative; - z-index: 2; - width: 100%; - aspect-ratio: 42/34; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; - max-height: 340px; + position: relative; + z-index: 2; + width: 100%; + aspect-ratio: 42/34; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; + max-height: 340px; } @media (min-width: 992px) { - .main__vacancies-thing-pic { - width: 380px; - } + .main__vacancies-thing-pic { + width: 380px; + } } @media (min-width: 1280px) { - .main__vacancies-thing-pic { - width: 420px; - } + .main__vacancies-thing-pic { + width: 420px; + } } .main__vacancies-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; - gap: 16px; - color: #000; + 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: #000; } @media (min-width: 992px) { - .main__vacancies-thing-body { - width: calc(100% - 380px); - padding-left: 20px; - } + .main__vacancies-thing-body { + width: calc(100% - 380px); + padding-left: 20px; + } } @media (min-width: 1280px) { - .main__vacancies-thing-body { - width: calc(100% - 420px); - gap: 20px; - } + .main__vacancies-thing-body { + width: calc(100% - 420px); + gap: 20px; + } } .main__vacancies-thing-body > * { - width: 100%; + width: 100%; } .main__vacancies-thing-body .button { - width: auto; + width: auto; } @media (min-width: 768px) { - .main__vacancies-thing-body .button { - min-width: 200px; - } + .main__vacancies-thing-body .button { + min-width: 200px; + } } .main__vacancies-thing-scroll { - 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; - overflow: hidden; - overflow-y: auto; - max-height: 180px; - padding-right: 10px; -} -@media (min-width: 768px) { - .main__vacancies-thing-scroll { - max-height: 210px; - padding-right: 20px; - } + 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; + overflow: hidden; + overflow-y: auto; + max-height: 180px; + padding-right: 10px; +} +@media (min-width: 768px) { + .main__vacancies-thing-scroll { + max-height: 210px; + padding-right: 20px; + } } @media (min-width: 992px) { - .main__vacancies-thing-scroll { - max-height: 175px; - } + .main__vacancies-thing-scroll { + max-height: 175px; + } } @media (min-width: 1280px) { - .main__vacancies-thing-scroll { - max-height: 200px; - gap: 20px; - } + .main__vacancies-thing-scroll { + max-height: 200px; + gap: 20px; + } } .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; + 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; + 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: #000; - line-height: 2; - text-align: center; + 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: #000; + line-height: 2; + text-align: center; } @media (min-width: 992px) { - .main__cond-label { - font-size: 30px; - } + .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; - } + 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 { + 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: #000; -} -@media (min-width: 768px) { - .main__cond-icons li { - font-size: 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: 20px; + font-size: 12px; + line-height: 1.4; + color: #000; +} +@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; - } + .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 { + 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; + 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; + max-width: 48px; } .main__cond-callback { - margin-top: 10px; + 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; + 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 { + 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; + 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; + .main__ads-item { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - gap: 0; - } + 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; + 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 { + 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; + 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: #fff; + 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: #fff; } @media (min-width: 992px) { - .main__ads-item-pic span { - width: 42px; - height: 42px; - } + .main__ads-item-pic span { + width: 42px; + height: 42px; + } } .main__ads-item-pic span svg { - width: 12px; - height: 12px; + width: 12px; + height: 12px; } @media (min-width: 992px) { - .main__ads-item-pic span svg { - width: 20px; - height: 20px; - } + .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; + 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; + .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; - } + justify-content: center; + font-size: 16px; + gap: 20px; + } } .main__ads-item-body b { - width: 100%; - font-weight: 700; - font-size: 14px; + width: 100%; + font-weight: 700; + font-size: 14px; } @media (min-width: 992px) { - .main__ads-item-body b { - font-size: 20px; - } + .main__ads-item-body b { + font-size: 20px; + } } .main__ads-item-body span { - width: 100%; + width: 100%; } .work { - background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); - color: #000; - padding-top: 70px; - padding-bottom: 10px; - position: relative; - overflow: hidden; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + color: #000; + padding-top: 70px; + padding-bottom: 10px; + position: relative; + overflow: hidden; } @media (min-width: 768px) { - .work { - padding-bottom: 25px; - } + .work { + padding-bottom: 25px; + } } @media (min-width: 1280px) { - .work { - padding-top: 80px; - padding-bottom: 25px; - } + .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; + 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; - } + .work__pic { + display: block; + } } @media (min-width: 1280px) { - .work__pic { - margin-left: 80px; - } + .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; + 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; - } + align-items: flex-start; + } } @media (min-width: 992px) { - .work__body { - max-width: 600px; - } + .work__body { + max-width: 600px; + } } .work__title { - width: 100%; - font-size: 40px; - font-weight: 700; - line-height: 1; + width: 100%; + font-size: 40px; + font-weight: 700; + line-height: 1; } @media (min-width: 768px) { - .work__title { - font-size: 64px; - line-height: 94px; - } + .work__title { + font-size: 64px; + line-height: 94px; + } } .work__text { - width: 100%; - font-size: 12px; - margin-top: 10px; + 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__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; - } + 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; + position: relative; + padding-left: 10px; } @media (min-width: 768px) { - .work__list div { - padding-left: 16px; - } + .work__list div { + padding-left: 16px; + } } .work__list div:before { - content: ""; - width: 4px; - height: 4px; - background: #000; - border-radius: 999px; - position: absolute; - top: 5px; - left: 0; + content: ""; + width: 4px; + height: 4px; + background: #000; + border-radius: 999px; + position: absolute; + top: 5px; + left: 0; } @media (min-width: 768px) { - .work__list div:before { - top: 8px; - } + .work__list div:before { + top: 8px; + } } .work__form { - margin-top: 20px; + margin-top: 20px; } @media (min-width: 768px) { - .work__form { - margin-top: 30px; - } + .work__form { + margin-top: 30px; + } } .work__search { - width: 100%; - max-width: 180px; - margin-top: 20px; + width: 100%; + max-width: 180px; + margin-top: 20px; } @media (min-width: 768px) { - .work__search { - max-width: 270px; - margin-top: 50px; - } + .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; + 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; + width: 100%; + margin-bottom: 10px; + font-size: 14px; } @media (min-width: 768px) { - .work__get b { - font-size: 18px; - } + .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; + 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; + -webkit-transition: 0.3s; + transition: 0.3s; + width: 111px; } @media (min-width: 768px) { - .work__get a img { - width: 131px; - } + .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); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } .work__get a + a { - margin-right: 0; + margin-right: 0; } .numbers { - padding: 30px 0; - background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); - color: #fff; + padding: 30px 0; + background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); + color: #fff; } @media (min-width: 1280px) { - .numbers { - padding: 100px 0; - background-position: 100% 100%; - background-size: auto 500px; - } + .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; + 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__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; + 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 { + font-size: 16px; + line-height: 20px; + } } .numbers__item b { - font-size: 40px; - font-weight: 700; - border-bottom: 1px solid #fff; - line-height: 1; + font-size: 40px; + font-weight: 700; + border-bottom: 1px solid #fff; + line-height: 1; } @media (min-width: 1280px) { - .numbers__item b { - font-size: 100px; - line-height: 147px; - } + .numbers__item b { + font-size: 100px; + line-height: 147px; + } } .numbers__item span { - font-weight: 700; - font-size: 14px; - margin: 10px 0; - line-height: 1; + 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; - } + .numbers__item span { + font-size: 24px; + margin-top: 30px; + } } .vacancies { - padding: 50px 0; + padding: 50px 0; } @media (min-width: 1280px) { - .vacancies { - padding: 100px 0; - } + .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; + 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__body { + margin-top: 30px; + gap: 30px; + } } .vacancies__more { - width: 100%; + width: 100%; } @media (min-width: 768px) { - .vacancies__more { - width: auto; - margin: 0 auto; - } + .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; + 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); - } + .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; - } + .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__list { + grid-template-columns: repeat(4, 1fr); + } } .vacancies__list-label { - font-weight: 700; - font-size: 22px; + font-weight: 700; + font-size: 22px; } .vacancies__list-col { - 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; - margin-top: 15px; - margin-bottom: 30px; -} -@media (min-width: 768px) { - .vacancies__list-col { - margin-top: 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: 15px; + margin-top: 15px; +} +@media (min-width: 768px) { + .vacancies__list-col { + margin-top: 0; + } } .vacancies__list-col:first-child { - margin-top: 0; + margin-top: 0; } .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: #fff; - border: 1px solid #e6e7e7; - overflow: hidden; + 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: #fff; + 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) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + 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; + 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 > span { + gap: 10px; + } } .vacancies__item b { - font-weight: 700; - font-size: 14px; + font-weight: 700; + font-size: 14px; } @media (min-width: 992px) { - .vacancies__item b { - font-size: 20px; - } + .vacancies__item b { + font-size: 20px; + } } .vacancies__item:hover b { - color: #377d87; + color: #377d87; } .vacancies__item u { - text-decoration: none; - font-size: 14px; + text-decoration: none; + font-size: 14px; } @media (min-width: 992px) { - .vacancies__item u { - font-size: 18px; - } + .vacancies__item u { + font-size: 18px; + } } .vacancies__item i { - font-size: 12px; - font-style: normal; - border-bottom: 1px dashed #377d87; + font-size: 12px; + font-style: normal; + border-bottom: 1px dashed #377d87; } @media (min-width: 992px) { - .vacancies__item i { - font-size: 16px; - } + .vacancies__item i { + font-size: 16px; + } } .vacancies__item i span { - font-weight: 700; - color: #377d87; + font-weight: 700; + color: #377d87; } .vacancies__body.active .vacancies__list .vacancies__item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } .employer { - padding-bottom: 50px; + padding-bottom: 50px; } @media (min-width: 768px) { - .employer { - padding-bottom: 100px; - } + .employer { + padding-bottom: 100px; + } } .employer .swiper { - margin: 20px 0; + margin: 20px 0; } @media (min-width: 768px) { - .employer .swiper { - display: none; - } + .employer .swiper { + display: none; + } } .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; + 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; + 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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; + width: 100%; + aspect-ratio: 295/98; + -o-object-fit: contain; + object-fit: contain; } .employer__body { - display: none; - grid-template-columns: 1fr 1fr; - gap: 30px; - margin-top: 30px; - margin-bottom: 40px; + display: none; + grid-template-columns: 1fr 1fr; + gap: 30px; + margin-top: 30px; + margin-bottom: 40px; } @media (min-width: 768px) { - .employer__body { - display: grid; - } + .employer__body { + display: grid; + } } @media (min-width: 992px) { - .employer__body { - grid-template-columns: 1fr 1fr 1fr; - } + .employer__body { + grid-template-columns: 1fr 1fr 1fr; + } } @media (min-width: 1280px) { - .employer__body { - grid-template-columns: 1fr 1fr 1fr 1fr; - } + .employer__body { + grid-template-columns: 1fr 1fr 1fr 1fr; + } } .employer__body a { - 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; - height: 98px; + 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; + height: 98px; } .employer__body img { - max-width: 100%; - max-height: 98px; - -o-object-fit: contain; - object-fit: contain; + max-width: 100%; + max-height: 98px; + -o-object-fit: contain; + object-fit: contain; } .employer__more { - height: 38px; + height: 38px; } @media (min-width: 768px) { - .employer__more { - width: 250px; - margin: 0 auto; - height: 44px; - } + .employer__more { + width: 250px; + margin: 0 auto; + height: 44px; + } } .about { - background: #acc0e6 url("../images/space.svg") no-repeat 0 0; - background-size: cover; - padding: 30px 0; - padding-bottom: 70px; + 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); - } + .about { + padding-top: 40px; + background-size: auto calc(100% - 10px); + } } @media (min-width: 1280px) { - .about { - padding: 100px 0; - } + .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; + 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: #fff; - line-height: 1.2; + color: #fff; + line-height: 1.2; } @media (min-width: 1280px) { - .about__title { - position: absolute; - top: -45px; - left: 0; - } + .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; + 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__body { + padding-left: 495px; + } } .about__line { - background: #fff; - width: 100%; - height: 1px; - max-width: 400px; - margin-top: 10px; + background: #fff; + 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; - } + 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 { + margin-top: 30px; + } } .about__item b { - font-size: 20px; - font-weight: 700; + font-size: 20px; + font-weight: 700; } .about__item span { - font-size: 13px; - line-height: 1.4; - margin-top: 6px; + 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 span { + font-size: 16px; + margin-top: 12px; + } } .about__item a { - text-decoration: underline; + text-decoration: underline; } .about__item + .about__item { - margin-top: 30px; + margin-top: 30px; } @media (min-width: 992px) { - .about__item + .about__item { - margin-top: 40px; - } + .about__item + .about__item { + margin-top: 40px; + } } .about__button { - margin-top: 20px; - height: 38px; - padding: 0; + margin-top: 20px; + height: 38px; + padding: 0; } @media (min-width: 768px) { - .about__button { - max-width: 200px; - height: 42px; - margin-top: 30px; - } + .about__button { + max-width: 200px; + height: 42px; + margin-top: 30px; + } } .news { - padding: 50px 0; - overflow: hidden; + padding: 50px 0; + overflow: hidden; } @media (min-width: 1280px) { - .news { - padding: 100px 0; - padding-bottom: 0; - } + .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; + 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 .title { + width: calc(100% - 160px); + } } .news__toper .navs { - display: none; + display: none; } @media (min-width: 1280px) { - .news__toper .navs { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } + .news__toper .navs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } .news .swiper { - margin-top: 20px; + margin-top: 20px; } @media (min-width: 768px) { - .news .swiper { - overflow: visible; - } + .news .swiper { + overflow: visible; + } } @media (min-width: 992px) { - .news .swiper { - margin-top: 40px; - } + .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; + 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; + 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-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); - } + 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; + font-size: 14px; + font-weight: 700; + color: #377d87; } .news__item-title { - font-size: 20px; - font-weight: 700; - line-height: 1.2; - margin-top: 5px; + font-size: 20px; + font-weight: 700; + line-height: 1.2; + margin-top: 5px; } .news__item-text { - color: #000; - font-size: 13px; - margin-top: 10px; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 4; + color: #000; + 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-text { + font-size: 16px; + } } .news__item-more { - height: 42px; - margin-top: 20px; + height: 42px; + margin-top: 20px; } @media (min-width: 1280px) { - .news__item-more { - height: 44px; - max-width: 190px; - } + .news__item-more { + height: 44px; + max-width: 190px; + } } .news__all { - height: 42px; - margin: 0 auto; - margin-top: 20px; - padding: 0; - display: none; + 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; - } + .news__all { + max-width: 170px; + margin-top: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } @media (min-width: 1280px) { - .news__all { - height: 44px; - } + .news__all { + height: 44px; + } } .news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; + display: grid; + gap: 20px; + margin-bottom: 10px; } @media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } + .news__items { + grid-template-columns: 1fr 1fr; + } } @media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } + .news__items { + grid-template-columns: 1fr 1fr 1fr; + } } main + .news { - padding: 0; + padding: 0; } .info { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } @media (min-width: 1280px) { - .info { - margin-bottom: -25px; - } + .info { + margin-bottom: -25px; + } } .info__pic { - display: none; - z-index: 1; - position: absolute; - top: 0; - left: 50%; - height: 100%; - margin-left: 130px; + display: none; + z-index: 1; + position: absolute; + top: 0; + left: 50%; + height: 100%; + margin-left: 130px; } @media (min-width: 992px) { - .info__pic { - display: block; - } + .info__pic { + display: block; + } } @media (min-width: 1280px) { - .info__pic { - width: 610px; - height: auto; - margin-left: 10px; - } + .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; + 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; - } + .info__body { + padding-top: 100px; + min-height: 600px; + } } @media (min-width: 1280px) { - .info__title { - max-width: 520px; - line-height: 1; - } + .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; + 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 { + max-width: 610px; + } } .info__item + .info__item { - margin-top: 60px; + margin-top: 60px; } .info__text { - color: #000; - font-size: 13px; - line-height: 1.4; + color: #000; + font-size: 13px; + line-height: 1.4; } @media (min-width: 768px) { - .info__text { - font-size: 16px; - } + .info__text { + font-size: 16px; + } } @media (min-width: 1280px) { - .info__text { - font-size: 18px; - } + .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: #fff; - background: #377d87; + 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: #fff; + background: #377d87; } .info__link:hover { - -webkit-filter: grayscale(50%); - filter: grayscale(50%); + -webkit-filter: grayscale(50%); + filter: grayscale(50%); } @media (min-width: 768px) { - .info__link { - height: 44px; - font-size: 16px; - gap: 10px; - max-width: 300px; - } + .info__link { + height: 44px; + font-size: 16px; + gap: 10px; + max-width: 300px; + } } @media (min-width: 992px) { - .info__link { - max-width: 210px; - } + .info__link { + max-width: 210px; + } } .info__link svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media (min-width: 768px) { - .info__link svg { - width: 20px; - height: 20px; - } + .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: #000; - overflow: hidden; - position: relative; + padding-top: 15px; + padding-bottom: 30px; + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); + color: #000; + overflow: hidden; + position: relative; } @media (min-width: 992px) { - .thing { - padding-top: 20px; - padding-bottom: 60px; - } + .thing { + padding-top: 20px; + padding-bottom: 60px; + } } @media (min-width: 1280px) { - .thing { - padding-bottom: 90px; - } + .thing { + padding-bottom: 90px; + } } .thing_pdf { - padding: 30px 0; + padding: 30px 0; } @media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } + .thing_pdf { + padding: 60px 0; + } } @media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } + .thing_pdf { + padding: 90px 0; + } } .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; + 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; + width: 100%; + margin-bottom: 40px; + position: relative; + z-index: 2; } @media (min-width: 768px) { - .thing__breadcrumbs { - margin-bottom: 60px; - } + .thing__breadcrumbs { + margin-bottom: 60px; + } } .thing__date { - color: #000; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; + color: #000; + font-size: 14px; + font-weight: 700; + line-height: 21px; + margin-bottom: 10px; } @media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } + .thing__date { + font-size: 18px; + line-height: 27px; + } } .thing__title { - width: 100%; - font-size: 32px; - font-weight: 700; - margin: 0; - max-width: 780px; - position: relative; - z-index: 2; - line-height: 1.1; -} + 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; - } + .thing__title { + font-size: 40px; + } } @media (min-width: 1280px) { - .thing__title { - font-size: 64px; - } + .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; + 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; - } + .thing__text { + margin-top: 15px; + } } @media (min-width: 992px) { - .thing__text { - font-weight: 400; - font-size: 18px; - } + .thing__text { + font-weight: 400; + font-size: 18px; + } } .thing__search { - width: 100%; - max-width: 640px; - margin-top: 20px; - position: relative; - z-index: 2; + width: 100%; + max-width: 640px; + margin-top: 20px; + position: relative; + z-index: 2; } @media (min-width: 768px) { - .thing__search { - margin-top: 30px; - } + .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: #fff; - font-size: 12px; - line-height: 1; - height: 26px; - border-radius: 999px; - margin-bottom: 20px; + 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: #fff; + 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 { + font-size: 16px; + gap: 10px; + padding: 0 24px; + height: 42px; + margin-bottom: 30px; + } } .thing__badge svg { - width: 12px; - height: 12px; + width: 12px; + height: 12px; } @media (min-width: 992px) { - .thing__badge svg { - width: 20px; - height: 20px; - } + .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; + 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; - } + .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%); + .thing__pic { + width: 330px; + top: 50%; + -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); - transform: translate(0, -50%); - } + transform: translate(0, -50%); + } } @media (min-width: 1280px) { - .thing__pic { - right: auto; - left: 50%; - margin-left: 200px; - } + .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; + -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); + .thing__pic_two { + position: static; + -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); - transform: translate(0, 0); - } + transform: translate(0, 0); + } } @media (min-width: 1280px) { - .thing__pic_two { - position: absolute; - -webkit-transform: translate(0, -50%); + .thing__pic_two { + position: absolute; + -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); - 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; + 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; - } + .thing__buttons { + margin-top: 30px; + gap: 30px; + } } @media (min-width: 992px) { - .thing__buttons .button { - padding: 0 22px; - } + .thing__buttons .button { + padding: 0 22px; + } } .thing__checkbox { - margin-top: 20px; + margin-top: 20px; } .thing__checkbox .checkbox__icon { - border-color: #377d87; + border-color: #377d87; } .thing__checkbox .checkbox__text { - color: #377d87; + 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; + 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; + .thing__profile { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; + flex-direction: row; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - } + align-items: flex-start; + } } .thing__profile-photo { - width: 210px; - border-radius: 8px; - aspect-ratio: 1/1; + 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; + 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-body { + width: calc(100% - 210px); + padding-left: 35px; + } } .thing__profile .thing__title { - max-width: none; + max-width: none; } @media (min-width: 768px) { - .thing__profile .thing__title { - margin-top: -20px; - } + .thing__profile .thing__title { + margin-top: -20px; + } } .thing__profile .thing__text { - max-width: none; + 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; + 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__bottom { + margin-top: 30px; + } } .thing__select { - width: 100%; - max-width: 640px; - margin-top: 20px; + width: 100%; + max-width: 640px; + margin-top: 20px; } @media (min-width: 768px) { - .thing__select { - margin-top: 30px; - } + .thing__select { + margin-top: 30px; + } } .page-404 { - background: url(../images/bg-3.svg) no-repeat 100%/cover; - overflow: hidden; + 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: #000; - font-size: 12px; - gap: 10px; - line-height: 1.4; -} -@media (min-width: 768px) { - .page-404__body { - font-size: 18px; - padding: 120px 0; - gap: 20px; - } + 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: #000; + 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__body { + padding: 180px 0; + text-align: left; + } } .page-404__numb { - font-size: 114px; - line-height: 1; - color: #377d87; - font-weight: 700; + font-size: 114px; + line-height: 1; + color: #377d87; + font-weight: 700; } @media (min-width: 768px) { - .page-404__numb { - font-size: 184px; - } + .page-404__numb { + font-size: 184px; + } } @media (min-width: 768px) { - .page-404__title { - font-weight: 700; - font-size: 44px; - } + .page-404__title { + font-weight: 700; + font-size: 44px; + } } @media (min-width: 1280px) { - .page-404__title { - width: 710px; - position: relative; - left: 200px; - } + .page-404__title { + width: 710px; + position: relative; + left: 200px; + } } @media (min-width: 1280px) { - .page-404__subtitle { - width: 710px; - position: relative; - left: 200px; - } + .page-404__subtitle { + width: 710px; + position: relative; + left: 200px; + } } .page-404__button { - margin-top: 10px; + margin-top: 10px; } @media (min-width: 1280px) { - .page-404__button { - position: relative; - left: -45px; - } + .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%; + 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; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } .cookies__body { - border-radius: 6px; - border: 1px solid #377d87; - background: #fff; - padding: 15px; - padding-right: 50px; - position: relative; - max-width: 940px; - margin: 0 auto; -} -@media (min-width: 768px) { - .cookies__body { - padding: 25px; + border-radius: 6px; + border: 1px solid #377d87; + background: #fff; + padding: 15px; padding-right: 50px; - border-radius: 12px; - } + 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__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; + 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: #000; + color: #000; } .cookies__close svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cookies__text { - font-size: 12px; - color: #377d87; - line-height: 1.4; + font-size: 12px; + color: #377d87; + line-height: 1.4; } @media (min-width: 768px) { - .cookies__text { - font-size: 16px; - font-weight: 700; - } + .cookies__text { + font-size: 16px; + font-weight: 700; + } } .fancybox-active { - overflow: hidden; + overflow: hidden; } .fancybox-is-open .fancybox-bg { - background: #080b0b; - opacity: 0.6; - z-index: 9999; + background: #080b0b; + opacity: 0.6; + z-index: 9999; } .fancybox-slide { - padding: 0; + padding: 0; } @media (min-width: 992px) { - .fancybox-slide { - padding: 30px; - } + .fancybox-slide { + padding: 30px; + } } .fancybox-slide--html .fancybox-close-small { - padding: 0; - opacity: 1; - color: #377d87; + 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 { + top: 10px; + right: 10px; + } } .fancybox-slide--html .fancybox-close-small:hover { - color: #000; + color: #000; } .modal { - width: 100%; - max-width: 820px; - padding: 0; - background: #fff; - z-index: 99999; + width: 100%; + max-width: 820px; + padding: 0; + background: #fff; + z-index: 99999; } @media (min-width: 992px) { - .modal { - border-radius: 10px; - border: 1px solid #377d87; - } + .modal { + border-radius: 10px; + border: 1px solid #377d87; + } } .modal_bg { - background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; + background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; } @media (min-width: 768px) { - .modal_bg { - background-position: 100% 100%; - } + .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; - } + 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; - } + .modal__body { + min-height: 450px; + padding: 60px 80px; + padding-bottom: 40px; + } } @media (min-width: 768px) { - .modal__body .left { - text-align: left; - } + .modal__body .left { + text-align: left; + } } .modal__title { - width: 100%; - font-size: 22px; - font-weight: 700; - text-align: center; - color: #000; + width: 100%; + font-size: 22px; + font-weight: 700; + text-align: center; + color: #000; } @media (min-width: 768px) { - .modal__title { - font-size: 32px; - } + .modal__title { + font-size: 32px; + } } @media (min-width: 992px) { - .modal__title { - font-size: 44px; - } + .modal__title { + font-size: 44px; + } } .modal__text { - width: 100%; - text-align: center; - margin-top: 10px; - color: #000; + width: 100%; + text-align: center; + margin-top: 10px; + color: #000; } @media (min-width: 768px) { - .modal__text { - margin-top: 20px; - } + .modal__text { + margin-top: 20px; + } } .modal__text span { - color: #9c9d9d; + color: #9c9d9d; } .modal__text a { - font-weight: 700; - color: #377d87; + font-weight: 700; + color: #377d87; } .modal__text a:hover { - color: #000; + color: #000; } .modal__button { - margin-top: 20px; + margin-top: 20px; } @media (min-width: 768px) { - .modal__button { - min-width: 200px; - margin-top: 30px; - } + .modal__button { + min-width: 200px; + margin-top: 30px; + } } .modal__buttons { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 20px; - margin-top: 20px; + 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__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; - } -} + 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; + 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%; + width: 100%; } .modal__form-item > .textarea { - width: 100%; - height: 175px; + width: 100%; + height: 175px; } @media (min-width: 768px) { - .modal__form-item > .textarea { - height: 195px; - } + .modal__form-item > .textarea { + height: 195px; + } } .modal__form-item > .file { - width: 100%; + width: 100%; } .modal__form-item > .button { - min-width: 120px; + min-width: 120px; } .modal__form-item > label { - width: 100%; - display: none; - color: #eb5757; - padding: 0 10px; - font-size: 12px; + 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__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; - } + 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; + 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; + 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 > .input { + height: 52px; + padding-right: 60px; + } } .modal__sign-item > .textarea { - width: 100%; + 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%; + 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; + font-weight: 700; + color: #377d87; } .modal__tabs { - width: 100%; - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 16px; - margin-top: 10px; + 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 { + gap: 24px; + margin-top: 20px; + } } .modal__tabs-item.active { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .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; - } + 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; + 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; + 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; + 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; + 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%; - max-height: 800px; - overflow: auto; - padding: 5px; +} +@media (min-width: 768px) { + .messages__body { + gap: 20px; + } } .messages__item { - -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: 0px; - font-size: 12px; - display: flex; - justify-content: space-between; - margin-bottom: 20px; + 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 { - font-size: 18px; - } + .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); - padding: 20px; + 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-info { + width: calc(100% - 150px); + } } .messages__item-photo { - position: relative; - aspect-ratio: 1/1; - overflow: hidden; - background: #9c9d9d; - color: #fff; - 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; - } + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: #9c9d9d; + color: #fff; + 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; + 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; + 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: #000; - 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: #000; -} -.messages__item-actions{ - padding: 20px; -} -.messages__item-buttons{ - float: right; + width: calc(100% - 36px); + padding-left: 6px; + color: #000; + display: -webkit-box; + display: -ms-flexbox; display: flex; - align-items: center; -} -.messages__item-buttons button{ - padding: 0; - background: unset; - border: unset; -} -.messages__item-buttons button svg{ - width: 25px; - height: 25px; - color: gray; -} -.messages__item-buttons button svg path{ - stroke: gray; -} -.messages__item-buttons button:hover svg{ - color: black; -} -.messages__item-buttons button:hover svg path{ - stroke: black; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; } -.messages__item-buttons button.pin-on:hover svg#pin_off path{ - fill: black; +@media (min-width: 768px) { + .messages__item-text { + padding-left: 20px; + width: calc(100% - 52px); + gap: 8px; + } } -.messages__item-buttons button.pin-on svg{ - fill: gray; +.messages__item-text span { + color: #000; } .messages__item-date { - color: #00000070; + color: #000; width: 90px; text-align: right; - font-size: 14px; - margin-bottom: 8px; } - +@media (min-width: 768px) { + .messages__item-date { + width: 150px; + } +} .messages.active .messages__item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + 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; + 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; + 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; - } + 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; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } .responses__item-date { - color: #000; + color: #000; } @media (min-width: 992px) { - .responses__item-date { - position: absolute; - top: 20px; - right: 20px; - } + .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; + 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; + 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; - } + .responses__item-inner { + gap: 20px; + } } @media (min-width: 1280px) { - .responses__item-inner { - width: calc(100% - 150px); - } + .responses__item-inner { + width: calc(100% - 150px); + } } .responses__item-row { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 20px; - color: #000; - text-align: right; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + color: #000; + 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; + .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; - } + flex-direction: column; + gap: 6px; + text-align: left; + } } .responses__item-row span { - color: #000; - text-align: left; + color: #000; + 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; + 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; - } + .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 { + grid-template-columns: 1fr 1fr 1fr 1fr; + } } .responses__item-buttons .button.active { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .responses.active .responses__item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + 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; + 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; - } + .chatbox { + gap: 30px; + } } @media (min-width: 1280px) { - .chatbox { - gap: 40px; - } + .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 { - -webkit-box-orient: horizontal; + 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; + flex-direction: row; + -webkit-box-align: center; -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; + align-items: center; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - } + justify-content: space-between; + } } .chatbox__toper-info { - font-size: 12px; + font-size: 12px; } @media (min-width: 768px) { - .chatbox__toper-info { - font-size: 16px; - width: calc(100% - 230px); - } + .chatbox__toper-info { + font-size: 16px; + width: calc(100% - 230px); + } } @media (min-width: 768px) { - .chatbox__toper-button { - width: 210px; - padding: 0; - } + .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; - max-height: 400px; - overflow: auto; + 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; - } + .chatbox__list { + gap: 20px; + } } @media (min-width: 1280px) { - .chatbox__list { - gap: 40px; - } + .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: #000; - font-size: 12px; -} -@media (min-width: 768px) { - .chatbox__item { - font-size: 16px; - } + 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: #000; + 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; + -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: #fff; - 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; + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: #9c9d9d; + color: #fff; + 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; + 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; + 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); - } + 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; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; } .chatbox__item-text { - border-radius: 8px; - background: #fff; - -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-body-file-name-wrap{ - display: flex; - align-items: center; -} -.chatbox__item-body-file-name-wrap svg{ - height: 20px; - width: 20px; -} -.chatbox__item-body-file-name-wrap a{ - margin-left: 20px; border-radius: 8px; - padding: 2px 8px; - -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); - -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); - box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); -} -.chatbox__item_reverse .chatbox__item-body-file-name-wrap a{ - margin-left: 0px; - margin-right: 20px; -} -.chatbox__item-body-file-name-wrap a:hover{ - box-shadow: 0px 0px 5px 1px rgb(139 136 136); -} -.chatbox__item-text .admin-chat-answer{ - padding: 2px 5px; - height: auto; - float: right; - margin-left: 10px; -} -.chatbox__item-text .reply-message{ - border-left: 1px grey solid; - padding-left: 11px; - font-size: 12px; - font-style: italic; - margin-top: 10px; + background: #fff; + -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; + width: 100%; + padding-left: 54px; + margin-top: 10px; + color: #9c9d9d; } .chatbox__item_reverse .chatbox__item-time { - text-align: right; + text-align: right; } .chatbox__bottom { - background: #377d87; - 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; - } + 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: #fff; - color: #4d88d9; - border-radius: 8px; -} -@media (min-width: 768px) { - .chatbox__bottom-file { - width: 48px; - } + 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: #fff; + color: #4d88d9; + border-radius: 8px; +} +@media (min-width: 768px) { + .chatbox__bottom-file { + width: 48px; + } } .chatbox__bottom-file:hover { - color: #377d87; + color: #377d87; } .chatbox__bottom-file input { - display: none; + display: none; } .chatbox__bottom-file svg { - width: 50%; - aspect-ratio: 1/1; - stroke-width: 1.5px; + 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: #fff; + width: calc(100% - 60px); + height: 20px; + border-color: #fff; } @media (min-width: 768px) { - .chatbox__bottom-text { - width: calc(100% - 128px); - height: 48px; - } + .chatbox__bottom-text { + width: calc(100% - 128px); + height: 48px; + } } .chatbox__bottom-text:focus { - border-color: #fff; + border-color: #fff; } .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: #fff; - border: none; - color: #4d88d9; - border-radius: 999px; -} -@media (min-width: 768px) { - .chatbox__bottom-send { - width: 48px; - } + 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: #fff; + border: none; + color: #4d88d9; + border-radius: 999px; +} +@media (min-width: 768px) { + .chatbox__bottom-send { + width: 48px; + } } .chatbox__bottom-send:hover { - color: #377d87; + color: #377d87; } .chatbox__bottom-send svg { - width: 50%; - aspect-ratio: 1/1; - position: relative; - left: 1px; + width: 50%; + aspect-ratio: 1/1; + position: relative; + left: 1px; } @media (min-width: 768px) { - .chatbox__bottom-send svg { - width: 40%; - left: 2px; - } + .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; + 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; - } + 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; + 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; + flex-direction: row; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; + 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; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } .cvs__item-like { - width: unset; - padding: 5px 10px; - margin-right: 10px; -} -.cvs__item .cvs__item-buttons .chat{ - width: unset; - padding: 5px 10px; - margin-right: 10px; + position: absolute; + top: 10px; + right: 10px; } -.cvs__item-like.active{ - background: #ffffff; - color: #eb5757; +@media (min-width: 768px) { + .cvs__item-like { + top: 20px; + right: 20px; + } } -.cvs__item-like .in-favorites{ - display: none; +.cvs__item-photo { + position: relative; + aspect-ratio: 1/1; + overflow: hidden; + background: #9c9d9d; + color: #fff; + 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; } -.cvs__item-like.active .in-favorites{ - display: block; - color: #eb5757; -} -.cvs__item-like.active .to-favorites{ - display: none; -} -.cvs__item .cvs__item-header{ - display: flex; - width: 100%; - justify-content: space-between; -} -.cvs__item-photo { - position: relative; - aspect-ratio: 1/1; - overflow: hidden; - background: #9c9d9d; - color: #fff; - 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; - } +@media (min-width: 768px) { + .cvs__item-photo { + width: 68px; + } } .cvs__item-photo svg { - width: 50%; - position: relative; - z-index: 1; + 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; + 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; - width: 100%; - margin-top: 30px; -} -.cvs__item .cvs__item-buttons{ + display: -webkit-box; + display: -ms-flexbox; display: flex; - align-items: start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; } -.cvs.active .cvs__item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; +@media (min-width: 768px) { + .cvs__item-text { + gap: 20px; + width: calc(100% - 68px); + padding-left: 20px; + padding-right: 60px; + } } -.cvs__item-text .cvs__item-text-row{ +.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; - width: 100%; } -.cvs__item-text .cvs__item-text-row > div{ - width: 50%; +@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 .cvs__item-text-row b{ - color: #377d87; - font-size: 18px; +.cvs__item-text span, +.cvs__item-text a { + color: #000; } -.cvs__item-text .cvs__item-text-status { - width: fit-content; - background-color: #e6e6e6; - font-weight: bold; - padding: 5px 10px; - border-radius: 8px; - margin-right: 30px; +.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; } -.cvs__item-text .cvs__item-text-status.looking-for-job { - background-color: #eb5757; - color: #fff; +@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__item-text .cvs__item-text-updated-at{ - padding: 5px 10px; - border-radius: 8px; - border: 1px #e6e6e6 solid; +.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; + 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%; + 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: #fff; - padding: 10px; - font-size: 12px; -} -@media (min-width: 768px) { - .faqs__item { - padding: 20px; - font-size: 16px; + 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); - } + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); + background: #fff; + 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; + 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: #000; - text-align: left; - font-size: 14px; - font-weight: 700; -} -@media (min-width: 768px) { - .faqs__item-button { - font-size: 20px; - } + 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: #000; + 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; + 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; + 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); + 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); + -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; - } + 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; } -.faqs__item-body p { - margin: 0; +@media (min-width: 768px) { + .faqs__item-body { + font-size: 16px; + gap: 20px; + } } -.faqs__item-body a { - color: #0f74a8; +.faqs__item-body p { + margin: 0; } .active + .faqs__item-body { - opacity: 1; - height: auto; - -webkit-transition: 0.3s; - transition: 0.3s; - padding-top: 10px; + 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; - } + .active + .faqs__item-body { + padding-top: 20px; + } } .faqs.active .faqs__item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + 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%); + 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 { + padding: 30px 0; + padding-bottom: 60px; + } } .cabinet__breadcrumbs { - margin-bottom: 50px; + 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; + 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; + .cabinet__wrapper { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; + flex-direction: row; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; + align-items: flex-start; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - } + justify-content: space-between; + } } .cabinet__side { - border-radius: 8px; - background: #fff; - 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; - } + border-radius: 8px; + background: #fff; + 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; - } + .cabinet__side { + width: 340px; + margin: 0; + position: sticky; + top: 6px; + } } @media (min-width: 1280px) { - .cabinet__side { - width: 400px; - } + .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; + 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; + 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: #fff; - 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; + width: 70px; + aspect-ratio: 1/1; + overflow: hidden; + border-radius: 8px; + color: #fff; + 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; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + position: absolute; + z-index: 2; + top: 0; + left: 0; + aspect-ratio: 1/1; + object-fit: cover; } .cabinet__side-toper-pic svg { - width: 50%; - aspect-ratio: 1/1; + width: 50%; + aspect-ratio: 1/1; } .cabinet__side-toper b { - width: calc(100% - 70px); - font-size: 14px; - font-weight: 700; - padding-left: 16px; + 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__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; + 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: #fff; -} -@media (min-width: 768px) { - .cabinet__menu-toper { - padding: 0 20px; - } + 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: #fff; +} +@media (min-width: 768px) { + .cabinet__menu-toper { + padding: 0 20px; + } } @media (min-width: 992px) { - .cabinet__menu-toper { - display: none; - } + .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; + 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 { + 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; - } + 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; + width: 16px; + height: 16px; } @media (min-width: 768px) { - .cabinet__menu-toper-text svg { - width: 22px; - height: 22px; - } + .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; - } + 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; - } + 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); + 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-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); + -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; + 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; - } + .cabinet__menu-body { + opacity: 1; + height: auto; + } } .active + .cabinet__menu-body { - opacity: 1; - height: auto; - -webkit-transition: 0.3s; - transition: 0.3s; + 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; + 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; + 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 { + padding: 14px 20px; + } } .cabinet__menu-item:hover { - color: #377d87; + color: #377d87; } @media (min-width: 992px) { - .cabinet__menu-item.active { - background: #377d87; - color: #fff; - } + .cabinet__menu-item.active { + background: #377d87; + color: #fff; + } } @media (min-width: 992px) { - .cabinet__menu-item.active svg { - color: #fff; - } + .cabinet__menu-item.active svg { + color: #fff; + } } @media (min-width: 992px) { - .cabinet__menu-item.active.red { - background: #eb5757; - } + .cabinet__menu-item.active.red { + background: #eb5757; + } } .cabinet__menu-item i { - width: 16px; - height: 16px; - color: #377d87; + width: 16px; + height: 16px; + color: #377d87; } @media (min-width: 768px) { - .cabinet__menu-item i { - width: 22px; - height: 22px; - } + .cabinet__menu-item i { + width: 22px; + height: 22px; + } } .cabinet__menu-item svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media (min-width: 768px) { - .cabinet__menu-item svg { - width: 22px; - height: 22px; - } + .cabinet__menu-item svg { + width: 22px; + height: 22px; + } } .cabinet__menu-item span { - width: calc(100% - 16px); - font-size: 12px; - padding-left: 10px; + 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-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; - } + 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; + color: #9c9d9d; + text-align: center; + font-size: 12px; } @media (min-width: 768px) { - .cabinet__menu-copy { - font-size: 16px; - } + .cabinet__menu-copy { + font-size: 16px; + } } .cabinet__body { - margin: 0 -10px; - margin-top: 50px; - background: #fff; - 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: #000; -} -@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); - } + margin: 0 -10px; + margin-top: 50px; + background: #fff; + 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: #000; +} +@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); - } + .cabinet__body { + width: calc(100% - 360px); + } } @media (min-width: 1280px) { - .cabinet__body { - width: calc(100% - 420px); - } + .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; + 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; - margin-bottom: 20px; + font-size: 24px; + color: #6b6c6d; } @media (min-width: 768px) { - .cabinet__title { - font-size: 32px; - } + .cabinet__title { + font-size: 32px; + } } @media (min-width: 992px) { - .cabinet__title { - font-size: 40px; - } + .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: #000; + font-size: 22px; + margin: 0; + font-weight: 700; + color: #000; } @media (min-width: 768px) { - .cabinet__subtitle { - font-size: 24px; - } + .cabinet__subtitle { + font-size: 24px; + } } .cabinet__h4 { - font-size: 20px; - margin: 0; - font-weight: 700; - color: #000; + font-size: 20px; + margin: 0; + font-weight: 700; + color: #000; } @media (min-width: 768px) { - .cabinet__h4 { - font-size: 22px; - } + .cabinet__h4 { + font-size: 22px; + } } .cabinet__text { - margin: 0; - font-size: 14px; + margin: 0; + font-size: 14px; } @media (min-width: 768px) { - .cabinet__text { - font-size: 16px; - } + .cabinet__text { + font-size: 16px; + } } .cabinet__text b { - color: #000; - font-size: 18px; + color: #000; + font-size: 18px; } @media (min-width: 768px) { - .cabinet__text b { - font-size: 24px; - } + .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; + 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__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; + 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; + .cabinet__avatar { + -webkit-box-align: center; -ms-flex-align: center; - align-items: 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: #fff; - background: #9c9d9d; + 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: #fff; + background: #9c9d9d; } .cabinet__avatar-pic svg { - width: 50%; - aspect-ratio: 1/1; - z-index: 1; - position: relative; -} -.cabinet__avatar-pic img{ - max-width: 100%; - max-height: 100%; + 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; -} -.candidate-top-wrapper{ + 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; } -.candidate-top-wrapper .candidate-thumbnail{ - width: 100px; - height: 100px; - min-width: 100px; - border-radius: 8px; - overflow: hidden; +@media (min-width: 768px) { + .cabinet__avatar-form { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + padding-left: 30px; + gap: 12px; + } } -.candidate-top-wrapper .candidate-thumbnail img{ - max-height: 100%; - max-width: 100%; +@media (min-width: 768px) { + .cabinet__avatar-form .file { + min-width: 215px; + } } -.candidate-top-wrapper .candidate-information{ - padding-left: 20px; - font-size: 21px; +.cabinet__inputs { + display: -webkit-box; + display: -ms-flexbox; display: flex; - align-items: center; -} -.candidate-top-wrapper .candidate-information .candidate-title{ - font-size: inherit; -} -.content-single-candidate .education-detail-description{ - margin-bottom: 50px; - text-align: justify; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; } -.content-single-candidate .education-detail-description h3.title{ - font-size: 18px; - margin: 0 0 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; + } } -.content-single-candidate .education-detail-description .inner{ - font-size: 16px; - font-weight: 300; - line-height: 22px; - color: #77838F; +@media (min-width: 1280px) { + .cabinet__inputs-item { + width: calc(50% - 10px); + } } -.education-detail-programs h3.title{ - font-size: 18px; - margin: 0 0 20px; +@media (min-width: 1280px) { + .cabinet__inputs-item_fullwidth { + width: 100%; + } } -.education-detail-programs .accordion{ - margin: 1rem 0; - padding: 0; - list-style: none; - border-top: 1px solid #ECEDF2; +@media (min-width: 1280px) { + .cabinet__inputs-item_min { + width: calc(15% - 10px); + } } -.education-detail-programs .accordion.sub{ - padding-left: 20px; - display: none; +@media (min-width: 1280px) { + .cabinet__inputs-item_max { + width: calc(85% - 10px); + } } -.education-detail-programs .accordion-item { - border-bottom: 1px solid #ECEDF2; +@media (min-width: 768px) { + .cabinet__inputs-item .button { + width: 100%; + max-width: 215px; + padding: 0; + } } -.education-detail-programs .accordion-thumb { - margin: 0; - padding: 25px 0; - cursor: pointer; - font-weight: normal; - color: #0E5C69; - font-size: 16px; - text-transform: uppercase; +.cabinet__inputs-item .buttons { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; } -.education-detail-programs .accordion-thumb::after { - content: ""; - display: block; - float: right; - position: relative; - top: 6px; - height: 7px; - width: 7px; - margin-right: 1rem; - margin-left: 0.5rem; - border-right: 1px solid; - border-bottom: 1px solid; - border-color: #828A96; - transform: rotate(-45deg); - transition: transform 0.2s ease-out; -} -.education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { - transform: rotate(45deg); -} -.accordion-sub .accordion-panel{ - display: none; +@media (min-width: 768px) { + .cabinet__inputs-item .buttons { + gap: 20px; + max-width: 470px; + } } -.accordion > .accordion-item > .accordion-panel{ - opacity: 1; +@media (min-width: 992px) { + .cabinet__inputs-item .buttons { + max-width: none; + } } -.accordion-sub li{ - list-style-type: none; +@media (min-width: 1280px) { + .cabinet__inputs-item .buttons { + max-width: 470px; + } } -.accordion-sub .accordion-item .accordion-panel{ - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -o-pre-wrap; +.cabinet__inputs-item .buttons .button { + max-width: none; } -.accordion-sub li:last-child { - border-bottom: unset; -} -.education-detail-contacts{ - margin-top: 50px; -} -.education-detail-contacts h3.title{ - font-size: 18px; - margin: 0 0 20px; -} -.education-detail-contacts .inner > div{ - display: flex; - align-items: center; - margin-bottom: 20px; -} -.education-detail-contacts .inner > div .icon{ - margin-right: 20px; -} -@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; -} -.cabinet__inputs .cabinet__inputs_to_columns_wrap{ - display: flex; -} -.cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ - width: 50%; - padding-right: 20px; -} -.cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ - margin-bottom: 20px; - width: 100%; -} -@media (min-width: 1280px) { - .cabinet__inputs { - -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: end; - -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); - } +.cabinet__inputs-item p { + margin: 0; + font-size: 14px; + line-height: 20px; } @media (min-width: 768px) { - .cabinet__inputs-item .button { - width: 100%; - max-width: 215px; - padding: 0; - } -} -@media (max-width: 768px) { - .cabinet__inputs .cabinet__inputs_to_columns_wrap{ - display: block; - } - .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ - width: 100%; + .cabinet__inputs-item p { + font-size: 16px; + line-height: 22px; } } -.cabinet__inputs-item.column-count-3{ - width: calc(32% - 10px); -} -.cabinet__inputs-item-full-row { - width: 100%; -} -.cabinet__inputs-item .buttons { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 10px; -} -.cabinet__inputs-item .form-group__label{ - font-weight: bold; -} -@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; + padding: 0; + width: 100%; + max-width: 140px; } @media (min-width: 768px) { - .cabinet__inputs > .button { - max-width: 190px; - } + .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; + 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; + .cabinet__add { + gap: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: end; + flex-direction: row; + -webkit-box-align: end; -ms-flex-align: end; - align-items: flex-end; - } + align-items: flex-end; + } } .cabinet__add-pic { - border-radius: 4px; - position: relative; - overflow: hidden; - background: #9c9d9d; - color: #fff; - 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; - } + border-radius: 4px; + position: relative; + overflow: hidden; + background: #9c9d9d; + color: #fff; + 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: #000; + background: #000; } .cabinet__add-pic input { - display: none; + 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; + 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 > 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; - } + 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; + width: 7px; + aspect-ratio: 1/1; } @media (min-width: 768px) { - .cabinet__add-pic span svg { - width: 16px; - } + .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; + 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; - } + .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__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; + 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); - } + .cabinet__fleet { + display: grid; + grid-template-columns: repeat(2, 1fr); + } } @media (min-width: 1280px) { - .cabinet__fleet { - grid-template-columns: repeat(3, 1fr); - } + .cabinet__fleet { + grid-template-columns: repeat(3, 1fr); + } } @media (min-width: 768px) { - .cabinet__submit { - width: 215px; - padding: 0; - margin: 0 auto; - } + .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; -} -.cabinet__export-wrap{ - padding: 10px; - border: 1px #cecece solid; - border-radius: 8px; - width: 100%; -} -.cabinet__export-button-wrap{ - max-width: 200px; - margin-bottom: 10px; -} -.cabinet__export-options-wrap{ - display: flex; - justify-content: space-between; -} -.job-title-list-wrap{ - margin-top: 5px; -} -.cabinet__export-error{ - color: red; -} -.flot-image-wrap img{ - max-width: 100%; - max-height: 100%; - flex: 0 0 auto; -} -.flot-image-wrap{ - width: 220px; - height: 220px; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; - align-items: center; + -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; - } + .cabinet__filters { + gap: 20px; + } } @media (min-width: 1280px) { - .cabinet__filters { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; + .cabinet__filters { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; + flex-direction: row; + -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; + align-items: flex-start; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - } + 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; - } + 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 { + width: calc(50% - 10px); + max-width: 410px; + } } .cabinet__filters-item .button, .cabinet__filters-item .select { - width: 100%; + width: 100%; } @media (min-width: 1280px) { - .cabinet__filters-item .button, - .cabinet__filters-item .select { - width: auto; - } + .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; + -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-item + .cabinet__filters-item { + max-width: 280px; + } } .cabinet__filters .search input { - padding-right: 135px; + padding-right: 135px; } .cabinet__filters .search button { - width: 115px; + width: 115px; } .cabinet__filters-buttons { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 10px; - width: 100%; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; + width: 100%; } @media (min-width: 768px) { - .cabinet__filters-buttons { - gap: 20px; - } + .cabinet__filters-buttons { + gap: 20px; + } } .cabinet__filters-buttons .button { - padding: 0; - gap: 5px; + padding: 0; + gap: 5px; } .cabinet__filters-buttons .button.active { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .cabinet__filters-buttons .button.active:before { - content: ""; - width: 6px; - height: 6px; - background: #fff; - border-radius: 999px; + content: ""; + width: 6px; + height: 6px; + background: #fff; + 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; + 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; + font-size: 18px; } @media (min-width: 768px) { - .cabinet__table-header div { - font-size: 24px; - } + .cabinet__table-header div { + font-size: 24px; + } } .cabinet__table-header span { - color: #000; - font-size: 14px; + color: #000; + font-size: 14px; } @media (min-width: 768px) { - .cabinet__table-header span { - font-size: 18px; - } + .cabinet__table-header span { + font-size: 18px; + } } .cabinet__table-header span b { - color: #377d87; + color: #377d87; } .cabinet__tabs { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 20px; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; } @media (min-width: 768px) { - .cabinet__tabs { - max-width: 420px; - } + .cabinet__tabs { + max-width: 420px; + } } .cabinet__tabs .button.active { - background: #377d87; - color: #fff; + background: #377d87; + color: #fff; } .cabinet__bodies { - display: none; + display: none; } .cabinet__bodies.showed { - display: block; + 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; - } + 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%; + 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; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } + -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; + .cabinet__anketa { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; + flex-direction: column; + -webkit-box-align: stretch; -ms-flex-align: stretch; - align-items: stretch; - } + align-items: stretch; + } } @media (min-width: 1280px) { - .cabinet__anketa { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; + .cabinet__anketa { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; + flex-direction: row; + -webkit-box-align: center; -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; + align-items: center; + -webkit-box-pack: justify; -ms-flex-pack: justify; - justify-content: space-between; - } + 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; + 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__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; + 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 { + gap: 12px; + } } .cabinet__stats-title { - font-size: 14px; - font-weight: 700; - color: #000; + font-size: 14px; + font-weight: 700; + color: #000; } @media (min-width: 768px) { - .cabinet__stats-title { - font-size: 24px; - } + .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; + 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-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; - } + 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; + width: 20px; + aspect-ratio: 1/1; + color: #377d87; } @media (min-width: 768px) { - .cabinet__stats-item svg { - width: 40px; - margin-right: 10px; - } + .cabinet__stats-item svg { + width: 40px; + margin-right: 10px; + } } .cabinet__stats-item span { - font-weight: 700; - color: #000; + font-weight: 700; + color: #000; } .cabinet__stats-item b { - color: #377d87; - font-size: 14px; + color: #377d87; + font-size: 14px; } @media (min-width: 768px) { - .cabinet__stats-item b { - font-size: 24px; - } + .cabinet__stats-item b { + font-size: 24px; + } } .cabinet__stats-subtitle { - font-size: 14px; - font-weight: 700; - color: #377d87; + font-size: 14px; + font-weight: 700; + color: #377d87; } @media (min-width: 768px) { - .cabinet__stats-subtitle { - font-size: 18px; - } + .cabinet__stats-subtitle { + font-size: 18px; + } } .cabinet__stats-line { - width: 100%; - position: relative; - overflow: hidden; - height: 8px; - border-radius: 999px; - background: #cecece; + 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; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #377d87; + border-radius: 999px; } .cabinet__stats-bottom { - color: #000; - font-size: 12px; + color: #000; + font-size: 12px; } @media (min-width: 768px) { - .cabinet__stats-bottom { - font-size: 16px; - } + .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; + 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 { + gap: 30px; + } } .cabinet__works-item { - border-bottom: 1px #cccccc solid; - padding-bottom: 35px; + -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; + 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); + 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; + 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; + 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); + -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; - } + 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; + width: 22px; + height: 22px; + padding: 0; } @media (min-width: 768px) { - .cabinet__works-spoiler-buttons .button { - width: 30px; - height: 30px; - } + .cabinet__works-spoiler-buttons .button { + width: 30px; + height: 30px; + } } .cabinet__works-spoiler-text { - width: calc(100% - 60px); - font-size: 17px; - font-weight: 700; - color: #000; + width: calc(100% - 60px); + padding-left: 20px; + font-size: 17px; + font-weight: 700; + color: #000; } @media (min-width: 768px) { - .cabinet__works-spoiler-text { - width: calc(100% - 74px); - font-size: 22px; - } + .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; + padding: 0; + width: 100%; + max-width: 160px; } @media (min-width: 768px) { - .cabinet__works-add { - max-width: 220px; - } + .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; - } + 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; + padding: 0; + width: 100%; + max-width: 140px; } @media (min-width: 768px) { - .cabinet__buttons .button, - .cabinet__buttons .file { - max-width: none; - } + .cabinet__buttons .button, + .cabinet__buttons .file { + max-width: none; + } } @media (min-width: 768px) { - .cabinet__buttons { - gap: 20px; - } + .cabinet__buttons { + gap: 20px; + } } @media (min-width: 1280px) { - .cabinet__buttons { - max-width: 400px; - } -} -.cabinet__buttons_flex{ - display: flex; -} -.cabinet__buttons_flex > *{ - margin-right: 10px; + .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; + 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; - } + 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: #fff; - -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); + display: none; + background: #fff; + -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; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } .cabinet__vacs.active .cabinet__vacs-item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } -.main__employer-page-two-item-text-body img { - display: inline !important; - border: none !important; - box-shadow: none !important; - height: 1em !important; - width: 1em !important; - margin: 0 0.07em !important; - vertical-align: -0.1em !important; - background: none !important; - padding: 0 !important; + +.picker { + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } -.main__employer-page-two-item-text-body p{ - margin: 0 0 20px; +.picker-dialog { + position: relative !important; + max-width: 820px; + border: none; + background: #fff; + border-radius: 10px; + padding: 20px 10px; } -#sertificate .one-sertificate{ - display: flex; - justify-content: space-between; - margin-bottom: 15px; - border-bottom: 1px #ccc solid; - padding-bottom: 15px; +@media (min-width: 768px) { + .picker-dialog { + padding: 80px; + } } -#sertificate .one-sertificate .sertificate-field{ - display: block; +.picker-close { + font-size: 3rem; } -#sertificate .one-sertificate .sertificate-field.sertificate-name{ - width: 50%; - max-width: 50%; +.picker-close:hover { + color: #377d87; } -#sertificate .one-sertificate .sertificate-field.sertificate-buttons{ - display: flex; - justify-content: space-between; +.picker-header { + padding: 0; + position: static; + border: none; + margin-bottom: 10px; } -#sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ - width: 30px; - height: 30px; - padding: 5px; +@media (min-width: 768px) { + .picker-header { + margin-bottom: 20px; + } } -#prev_worker .cabinet__inputs-item-buttons a{ - width: 30px; - height: 30px; - padding: 5px; +.picker-title { + color: #696b6b; + font-weight: 700; + font-size: 22px; + line-height: 1.2; + text-align: center; } -#prev_worker .cabinet__inputs-item-buttons{ - width: 100px; +@media (min-width: 768px) { + .picker-title { + text-align: left; + font-size: 34px; + } } -#prev_worker .cabinet__inputs{ - -webkit-box-align: start; - -ms-flex-align: start; - align-items: start; +@media (min-width: 992px) { + .picker-title { + font-size: 44px; + } } -#prev_worker .cabinet__inputs-item-buttons flex{ - justify-content: end; +.picker-list { + padding: 0 20px; } -#prev_worker .cabinet__body-item{ - border-bottom: 1px #cccccc solid; - padding-bottom: 25px; +@media (min-width: 768px) { + .picker-list { + padding: 0 60px; + } } -@media (max-width: 1280px) { - #prev_worker .cabinet__inputs-item-buttons{ - position: absolute; - right: 0; +@media (min-width: 992px) { + .picker-list { + padding: 0 90px; } } -body .cke_notifications_area{ - opacity: 0; - display: none !important; +.picker-item { + 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; + font-size: 28px; + line-height: 40px; + color: #699da5; + font-weight: 700; } -.unread-messages-count{ - background-color: #377d87; - color: #fff; - padding: 5px 10px; - border-radius: 45px; +@media (min-width: 992px) { + .picker-item { + font-size: 36px; + } } - -.flot-one-ship .flot-label{ - font-weight: bold; - display: flex; +.picker-cell__header { + color: #377d87; +} +.picker-cell__control:before { + border-color: #377d87; } -.flot-one-ship .flot-label .flot-label-name{ +.picker-picked { + background: #fff; + border-radius: 8px; color: #377d87; - min-width: 120px; } - -/*.employer_dropdown_list_button { - inline-size: 100%; - padding: 0.5lh 1.5lh; - font: inherit; - color: currentColor; - !*background-color: #f28482;*! +.picker-footer { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -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; + gap: 12px; + margin-top: 20px; border: none; +} +.picker-footer 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: #fff; + 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; } - -.toggle-button:hover, -.toggle-button:focus-visible { - background-color: #f5cac3; +@media (min-width: 768px) { + .picker-footer button { + padding: 0 24px; + font-size: 16px; + height: 44px; + gap: 12px; + } } - -.employer_dropdown_list_menu { - position: relative; - display: grid; - margin-block-start: 0.5lh; - !*background-color: #f28482;*! - - overflow: hidden; - line-height: 0; - color: transparent; - transition: line-height 0.5s, color 0.5s; +@media (min-width: 992px) { + .picker-footer button { + padding: 0 36px; + } } - -.employer_dropdown_list_menu-item { - overflow: hidden; +.picker-footer button:hover { + background: transparent; + color: #377d87; } - -.employer_dropdown_list_menu-link { - display: block; - padding: 0.5lh 80px; +.picker-footer .picker-cancel { + background: transparent; + color: #377d87; } - -.employer_dropdown_list_menu-link:hover, -.employer_dropdown_list_menu-link:focus-visible { - background-color: #f5cac3; +.picker-footer .picker-cancel:hover { + background: #377d87; + color: #fff; } - -.employer_dropdown_list_button.active ~ .employer_dropdown_list_menu { - line-height: 1.2; - color: currentColor; -}*/ - -/* Drop Down Styles -================================ */ -nav .drop-down { - list-style: none; - overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */ - height: 200px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */ - margin: 0 auto; - padding: 0; - -webkit-transition: height 0.3s ease; - transition: height 0.3s ease; +.picker .picker-body { + background: #e9f1fb; + border-radius: 8px; +} +.picker .picker-cell__body:before { + background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb)); + background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb); +} +.picker .picker-cell__body:after { + background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb)); + background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb); } -nav .drop-down.closed { - /* When toggled via jQuery this class will reduce the height of the ul which inconjuction - with overflow: hidden set on the ul will hide all list items apart from the first */ - /* current li height 38px + 5px border */ - height: 43px; +.picker-open { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } diff --git a/public/css/style_new.css b/public/css/style_new.css deleted file mode 100644 index f58ea25..0000000 --- a/public/css/style_new.css +++ /dev/null @@ -1,8830 +0,0 @@ -/*! 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(star-rating.min.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; - } -} -#body.pdf { - gap: 0; -} - -.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%; -} - -.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); - 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; - vertical-align: top; -} -@media (min-width: 768px) { - .main__table td { - padding: 8px 16px; - } -} -.main__table td b { - font-weight: 700; -} -.main__table_three { - table-layout: auto; -} -.main__table_three td { - width: 25% !important; -} -.main__table_three td:last-child { - width: 50% !important; -} -.main__table b { - display: block; -} -.main__table a { - color: #377d87; - text-decoration: underline; -} -.main__table a:hover { - color: #3a3b3c; -} -.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: 100%; - aspect-ratio: 295/98; - -o-object-fit: contain; - object-fit: contain; -} -.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; - } -} -.news__items { - display: grid; - gap: 20px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .news__items { - grid-template-columns: 1fr 1fr; - } -} -@media (min-width: 992px) { - .news__items { - grid-template-columns: 1fr 1fr 1fr; - } -} - -main + .news { - padding: 0; -} - -.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_pdf { - padding: 30px 0; -} -@media (min-width: 992px) { - .thing_pdf { - padding: 60px 0; - } -} -@media (min-width: 1280px) { - .thing_pdf { - padding: 90px 0; - } -} -.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__date { - color: #6B6C6D; - font-size: 14px; - font-weight: 700; - line-height: 21px; - margin-bottom: 10px; -} -@media (min-width: 768px) { - .thing__date { - font-size: 18px; - line-height: 27px; - } -} -.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/css/style_old.css b/public/css/style_old.css deleted file mode 100644 index b211e4f..0000000 --- a/public/css/style_old.css +++ /dev/null @@ -1,8745 +0,0 @@ -/*! 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/sprite.svg b/public/images/sprite.svg index db6ecd3..33b3e4b 100644 --- a/public/images/sprite.svg +++ b/public/images/sprite.svg @@ -1,290 +1,312 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/js/picker.min.js b/public/js/picker.min.js new file mode 100644 index 0000000..ab3024d --- /dev/null +++ b/public/js/picker.min.js @@ -0,0 +1,11 @@ +/*! + * Picker.js v1.2.1 + * https://fengyuanchen.github.io/pickerjs + * + * Copyright 2016-present Chen Fengyuan + * Released under the MIT license + * + * Date: 2019-02-18T13:08:12.801Z + */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Picker=t()}(this,function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){for(var n=0;n=t.maxMoveY?this.prev(t.type):i<=-t.maxMoveY&&this.next(t.type))}},pointerup:function(e){var t=this.cell;t&&(e.preventDefault(),t.list.style.top=0,t.moveY>=t.minMoveY?this.prev(t.type):t.moveY<=-t.minMoveY&&this.next(t.type),this.cell=null)},keydown:function(e){!this.shown||"Escape"!==e.key&&27!==e.keyCode||this.hide()}},oe={render:function(e){var t=this;if(e){var n=this.options,i=this.data[e],r=this.current(e),a=V(i.max)?i.max():i.max,s=V(i.min)?i.min():i.min,o=0;L(a)&&(o=0 { + new Picker(picker, { + controls: true, + format: 'HH:mm', + headers: true, + text: { + title: 'Выберите первое время обновления', + cancel: 'Отменить', + confirm: 'Сохранить', + hour: 'Часы', + minute: 'Минуты', + }, + }); + }); + } }; diff --git a/public/js/script0.js b/public/js/script0.js deleted file mode 100644 index 741575c..0000000 --- a/public/js/script0.js +++ /dev/null @@ -1,173 +0,0 @@ -let scripts = function () { - - $('.js-toggle').on('click', function () { - $(this).toggleClass('active'); - }); - $('.js-parent-toggle').on('click', function () { - $(this).parent().toggleClass('active'); - }); - $('.js-parent-remove').on('click', function () { - $(this).parent().remove(); - }); - $('.js-menu-toggle').on('click', function () { - window.scrollTo(0, 0); - $('#body').toggleClass('menu-is-actived'); - }); - $('.js-cookies-close').on('click', function () { - $('#body').removeClass('cookies-is-actived'); - }); - $('.js-works-edit').on('click', function () { - $(this).parent().parent().parent().addClass('active'); - }); - $('.js-works-remove').on('click', function () { - $(this).parent().parent().parent().parent().remove(); - }); - - $('[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'); - }); - - $('.js-password-show').on('click', function () { - $(this).parent().addClass('active'); - $(this).parent().parent().find('input').attr('type', 'text'); - }); - - $('.js-password-hide').on('click', function () { - $(this).parent().removeClass('active'); - $(this).parent().parent().find('input').attr('type', 'password'); - }); - - let checkScrollTop = function () { - if ($(document).scrollTop() == 0) { - $('#body').removeClass('begin'); - } else { - $('#body').addClass('begin'); - } - } - checkScrollTop(); - $(document).on('scroll', function () { - checkScrollTop(); - }); - - let closeAll = function () { - $('.js-toggle').removeClass('active'); - $('.js-parent-toggle').parent().removeClass('active'); - $('#body').removeClass('menu-is-actived'); - $('#body').removeClass('cookies-is-actived'); - } - - $(document).keyup(function (e) { - if (e.key === "Escape") { - closeAll(); - } - }); - - $('.js-scroll-to').bind('click', function (e) { - let anchor = $(this); - $('html,body').stop().animate({ - scrollTop: $(anchor.attr('href')).offset().top - }, 300); - e.preventDefault(); - }); - - if ($('[type=tel]').is('[type=tel]')) { - $('[type=tel]').mask('+7 (999) 999-99-99'); - } - - if ($('.js-select2').is('.js-select2')) { - $('.js-select2').select2(); - } - - const starRating = document.querySelectorAll(".js-stars"); - if (starRating.length) { - starRating.forEach(item => { - new StarRating(item); - }); - } - - // cookies - const cookieItems = document.querySelectorAll(".js-ck"); - if (cookieItems.length) { - cookieItems.forEach(item => { - const id = item.dataset.id; - const like = item.querySelector(".like"); - const checkLike = function () { - if (like.classList.contains("active")) { - Cookies.set('favor_vacan-'+id, id); - } else { - Cookies.remove(id); - } - } - like.addEventListener("click", () => { - checkLike(); - }); - if (Cookies.get('favor_vacan-'+id) == id) { - like.classList.add("active"); - } - }); - } - console.log(Cookies.get()); - -}; - -let swipers = function () { - - if ($('.js-employer-swiper').is('.js-employer-swiper')) { - let slider = new Swiper('.js-employer-swiper', { - autoplay: { - delay: 5000, - }, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - 1280: { - slidesPerView: 4, - }, - } - }); - } - - if ($('.js-news-swiper').is('.js-news-swiper')) { - let slider = new Swiper('.js-news-swiper', { - spaceBetween: 20, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - navigation: { - prevEl: '.js-news-swiper-button-prev', - nextEl: '.js-news-swiper-button-next', - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - } - }); - } - -}; - -document.addEventListener("DOMContentLoaded", () => { - scripts(); - swipers(); -}); - -$(window).resize(function () { - swipers(); -}); diff --git a/public/js/script145.js b/public/js/script145.js deleted file mode 100644 index d77da3b..0000000 --- a/public/js/script145.js +++ /dev/null @@ -1,180 +0,0 @@ -let scripts = function () { - - $('.js-toggle').on('click', function () { - $(this).toggleClass('active'); - }); - $('.js-parent-toggle').on('click', function () { - $(this).parent().toggleClass('active'); - }); - $('.js-parent-remove').on('click', function () { - $(this).parent().remove(); - }); - $('.js-menu-toggle').on('click', function () { - window.scrollTo(0, 0); - $('#body').toggleClass('menu-is-actived'); - }); - $('.js-cookies-close').on('click', function () { - $('#body').removeClass('cookies-is-actived'); - }); - $('.js-works-edit').on('click', function () { - $(this).parent().parent().parent().addClass('active'); - }); - $('.js-works-remove').on('click', function () { - $(this).parent().parent().parent().parent().remove(); - }); - - $('[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'); - }); - - $('.js-password-show').on('click', function () { - $(this).parent().addClass('active'); - $(this).parent().parent().find('input').attr('type', 'text'); - }); - - $('.js-password-hide').on('click', function () { - $(this).parent().removeClass('active'); - $(this).parent().parent().find('input').attr('type', 'password'); - }); - - let checkScrollTop = function () { - if ($(document).scrollTop() == 0) { - $('#body').removeClass('begin'); - } else { - $('#body').addClass('begin'); - } - } - checkScrollTop(); - $(document).on('scroll', function () { - checkScrollTop(); - }); - - let closeAll = function () { - $('.js-toggle').removeClass('active'); - $('.js-parent-toggle').parent().removeClass('active'); - $('#body').removeClass('menu-is-actived'); - $('#body').removeClass('cookies-is-actived'); - } - - $(document).keyup(function (e) { - if (e.key === "Escape") { - closeAll(); - } - }); - - $('.js-scroll-to').bind('click', function (e) { - let anchor = $(this); - $('html,body').stop().animate({ - scrollTop: $(anchor.attr('href')).offset().top - }, 300); - e.preventDefault(); - }); - - if ($('[type=tel]').is('[type=tel]')) { - $('[type=tel]').mask('+7 (999) 999-99-99'); - } - - if ($('.js-select2').is('.js-select2')) { - $('.js-select2').select2(); - } - - const starRating = document.querySelectorAll(".js-stars"); - if (starRating.length) { - starRating.forEach(item => { - new StarRating(item); - }); - } -}; - -document.addEventListener("DOMContentLoaded", () => { - scripts(); - swipers(); -}); - -$(window).resize(function () { - swipers(); -}); - -let swipers = function () { - - if ($('.js-employer-swiper').is('.js-employer-swiper')) { - let slider = new Swiper('.js-employer-swiper', { - autoplay: { - delay: 5000, - }, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - 1280: { - slidesPerView: 4, - }, - } - }); - } - - if ($('.js-news-swiper').is('.js-news-swiper')) { - let slider = new Swiper('.js-news-swiper', { - spaceBetween: 20, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - navigation: { - prevEl: '.js-news-swiper-button-prev', - nextEl: '.js-news-swiper-button-next', - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - } - }); - } - - // cookies - /*const cookieItems = document.querySelectorAll(".js-ck"); - if (cookieItems.length) { - cookieItems.forEach(item => { - const id = item.dataset.id; - const like = item.querySelector(".like"); - const checkLike = function () { - if (like.classList.contains("active")) { - Cookies.set('favor_vacan-'+id, id); - } else { - Cookies.remove(id); - } - } - - like.addEventListener("click", () => { - checkLike(); - }); - - if (Cookies.get('favor_vacan-'+id) == id) { - like.classList.add("active"); - } - }); - } - console.log(Cookies.get()); - - - */ -}; - - - - diff --git a/public/js/script45.js b/public/js/script45.js deleted file mode 100644 index ee76b51..0000000 --- a/public/js/script45.js +++ /dev/null @@ -1,180 +0,0 @@ -let scripts = function () { - - $('.js-toggle').on('click', function () { - $(this).toggleClass('active'); - }); - $('.js-parent-toggle').on('click', function () { - $(this).parent().toggleClass('active'); - }); - $('.js-parent-remove').on('click', function () { - $(this).parent().remove(); - }); - $('.js-menu-toggle').on('click', function () { - window.scrollTo(0, 0); - $('#body').toggleClass('menu-is-actived'); - }); - $('.js-cookies-close').on('click', function () { - $('#body').removeClass('cookies-is-actived'); - }); - $('.js-works-edit').on('click', function () { - $(this).parent().parent().parent().addClass('active'); - }); - $('.js-works-remove').on('click', function () { - $(this).parent().parent().parent().parent().remove(); - }); - - $('[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'); - }); - - $('.js-password-show').on('click', function () { - $(this).parent().addClass('active'); - $(this).parent().parent().find('input').attr('type', 'text'); - }); - - $('.js-password-hide').on('click', function () { - $(this).parent().removeClass('active'); - $(this).parent().parent().find('input').attr('type', 'password'); - }); - - let checkScrollTop = function () { - if ($(document).scrollTop() == 0) { - $('#body').removeClass('begin'); - } else { - $('#body').addClass('begin'); - } - } - checkScrollTop(); - $(document).on('scroll', function () { - checkScrollTop(); - }); - - let closeAll = function () { - $('.js-toggle').removeClass('active'); - $('.js-parent-toggle').parent().removeClass('active'); - $('#body').removeClass('menu-is-actived'); - $('#body').removeClass('cookies-is-actived'); - } - - $(document).keyup(function (e) { - if (e.key === "Escape") { - closeAll(); - } - }); - - $('.js-scroll-to').bind('click', function (e) { - let anchor = $(this); - $('html,body').stop().animate({ - scrollTop: $(anchor.attr('href')).offset().top - }, 300); - e.preventDefault(); - }); - - if ($('[type=tel]').is('[type=tel]')) { - $('[type=tel]').mask('+7 (999) 999-99-99'); - } - - if ($('.js-select2').is('.js-select2')) { - $('.js-select2').select2(); - } - - const starRating = document.querySelectorAll(".js-stars"); - if (starRating.length) { - starRating.forEach(item => { - new StarRating(item); - }); - } -}; - -document.addEventListener("DOMContentLoaded", () => { - scripts(); - swipers(); -}); - -$(window).resize(function () { - swipers(); -}); - -let swipers = function () { - - if ($('.js-employer-swiper').is('.js-employer-swiper')) { - let slider = new Swiper('.js-employer-swiper', { - autoplay: { - delay: 5000, - }, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - 1280: { - slidesPerView: 4, - }, - } - }); - } - - if ($('.js-news-swiper').is('.js-news-swiper')) { - let slider = new Swiper('.js-news-swiper', { - spaceBetween: 20, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - navigation: { - prevEl: '.js-news-swiper-button-prev', - nextEl: '.js-news-swiper-button-next', - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - } - }); - } - - // cookies - /*const cookieItems = document.querySelectorAll(".js-ck"); - if (cookieItems.length) { - cookieItems.forEach(item => { - const id = item.dataset.id; - const like = item.querySelector(".like"); - const checkLike = function () { - if (like.classList.contains("active")) { - Cookies.set('favor_vacan-'+id, id); - } else { - Cookies.remove(id); - } - } - - like.addEventListener("click", () => { - checkLike(); - }); - - if (Cookies.get('favor_vacan-'+id) == id) { - like.classList.add("active"); - } - }); - } - console.log(Cookies.get()); - - - */ -}; - - - - diff --git a/public/js/script__.js b/public/js/script__.js deleted file mode 100644 index d7bd7b9..0000000 --- a/public/js/script__.js +++ /dev/null @@ -1,150 +0,0 @@ -let scripts = function () { - - $('.js-toggle').on('click', function () { - $(this).toggleClass('active'); - }); - $('.js-parent-toggle').on('click', function () { - $(this).parent().toggleClass('active'); - }); - $('.js-parent-remove').on('click', function () { - $(this).parent().remove(); - }); - $('.js-menu-toggle').on('click', function () { - window.scrollTo(0, 0); - $('#body').toggleClass('menu-is-actived'); - }); - $('.js-cookies-close').on('click', function () { - $('#body').removeClass('cookies-is-actived'); - }); - $('.js-works-edit').on('click', function () { - $(this).parent().parent().parent().addClass('active'); - }); - $('.js-works-remove').on('click', function () { - $(this).parent().parent().parent().parent().remove(); - }); - - $('[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'); - }); - - $('.js-password-show').on('click', function () { - $(this).parent().addClass('active'); - $(this).parent().parent().find('input').attr('type', 'text'); - }); - - $('.js-password-hide').on('click', function () { - $(this).parent().removeClass('active'); - $(this).parent().parent().find('input').attr('type', 'password'); - }); - - let checkScrollTop = function () { - if ($(document).scrollTop() == 0) { - $('#body').removeClass('begin'); - } else { - $('#body').addClass('begin'); - } - } - checkScrollTop(); - $(document).on('scroll', function () { - checkScrollTop(); - }); - - let closeAll = function () { - $('.js-toggle').removeClass('active'); - $('.js-parent-toggle').parent().removeClass('active'); - $('#body').removeClass('menu-is-actived'); - $('#body').removeClass('cookies-is-actived'); - } - - $(document).keyup(function (e) { - if (e.key === "Escape") { - closeAll(); - } - }); - - $('.js-scroll-to').bind('click', function (e) { - let anchor = $(this); - $('html,body').stop().animate({ - scrollTop: $(anchor.attr('href')).offset().top - }, 300); - e.preventDefault(); - }); - - if ($('[type=tel]').is('[type=tel]')) { - $('[type=tel]').mask('+7 (999) 999-99-99'); - } - - 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 () { - - if ($('.js-employer-swiper').is('.js-employer-swiper')) { - let slider = new Swiper('.js-employer-swiper', { - autoplay: { - delay: 5000, - }, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - 1280: { - slidesPerView: 4, - }, - } - }); - } - - if ($('.js-news-swiper').is('.js-news-swiper')) { - let slider = new Swiper('.js-news-swiper', { - spaceBetween: 20, - pagination: { - el: '.swiper-pagination', - clickable: true - }, - navigation: { - prevEl: '.js-news-swiper-button-prev', - nextEl: '.js-news-swiper-button-next', - }, - breakpoints: { - 768: { - slidesPerView: 2, - }, - 992: { - slidesPerView: 3, - }, - } - }); - } - -}; - -document.addEventListener("DOMContentLoaded", () => { - scripts(); - swipers(); -}); - -$(window).resize(function () { - swipers(); -}); diff --git a/public/scss_2/blocks/_cabinet.scss b/public/scss_2/blocks/_cabinet.scss index 5b8c191..fce1f0d 100644 --- a/public/scss_2/blocks/_cabinet.scss +++ b/public/scss_2/blocks/_cabinet.scss @@ -1,1560 +1,1712 @@ .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; - } + 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; - } + 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; - } - } - } - } + 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; - } + 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; - } + 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; - } - } + 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: cover; + } + 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; + color: #6b6c6d; + @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; + } + } + p { + margin: 0; + font-size: 14px; + line-height: 20px; + @media (min-width: $tablet) { + font-size: 16px; + line-height: 22px; + } + } + } + > .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; + } + } +} + +.picker { + display: none; + justify-content: center; + align-items: center; + &-dialog { + position: relative !important; + max-width: 820px; + border: none; + background: $white; + border-radius: 10px; + padding: 20px 10px; + @media (min-width: $tablet) { + padding: 80px; + } + } + &-close { + font-size: 3rem; + &:hover { + color: $green; + } + } + &-header { + padding: 0; + position: static; + border: none; + margin-bottom: 10px; + @media (min-width: $tablet) { + margin-bottom: 20px; + } + } + &-title { + color: #696b6b; + font-weight: 700; + font-size: 22px; + line-height: 1.2; + text-align: center; + @media (min-width: $tablet) { + text-align: left; + font-size: 34px; + } + @media (min-width: $laptop) { + font-size: 44px; + } + } + &-list { + padding: 0 20px; + @media (min-width: $tablet) { + padding: 0 60px; + } + @media (min-width: $laptop) { + padding: 0 90px; + } + } + &-item { + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + font-size: 28px; + line-height: 40px; + color: #699da5; + font-weight: 700; + @media (min-width: $laptop) { + font-size: 36px; + } + } + &-cell__header { + color: $green; + } + &-cell__control:before { + border-color: $green; + } + &-picked { + background: #fff; + border-radius: 8px; + color: $green; + } + &-footer { + display: flex !important; + flex-direction: row-reverse; + align-items: center; + gap: 12px; + margin-top: 20px; + border: none; + 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; + } + } + .picker-cancel { + background: transparent; + color: $green; + &:hover { + background: $green; + color: $white; + } + } + } + .picker-body { + background: #e9f1fb; + border-radius: 8px; + } + .picker-cell__body { + &:before { + background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb); + } + &:after { + background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb); + } + } +} +.picker-open { + display: flex; } diff --git a/resources/views/employers/autoresponder.blade.php b/resources/views/employers/autoresponder.blade.php new file mode 100644 index 0000000..9247d09 --- /dev/null +++ b/resources/views/employers/autoresponder.blade.php @@ -0,0 +1,55 @@ +@extends('layout.frontend', ['title' => 'Автоответчик']) + +@section('content') +
+
+ +
+
+
+ @include('employers.emblema') +
+ @include('employers.menu', ['item' => 16]) +
+ +
+
+

Автоответчик

+
+
+ +
+
+

В этом разделе вы сможете задать автоматический ответ на письма, поступающие в почтовый ящик.

+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+
+ +@endsection diff --git a/resources/views/employers/menu.blade.php b/resources/views/employers/menu.blade.php index 69b9d95..ef24be4 100644 --- a/resources/views/employers/menu.blade.php +++ b/resources/views/employers/menu.blade.php @@ -69,6 +69,14 @@ Избранные кандидаты + + + + + + + Автоподнятие вакансий + @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin)) @@ -95,6 +103,14 @@ Рассылка сообщений + + + + + + + Автоответчик + diff --git a/resources/views/employers/vacancy_autolift.blade.php b/resources/views/employers/vacancy_autolift.blade.php new file mode 100644 index 0000000..3198241 --- /dev/null +++ b/resources/views/employers/vacancy_autolift.blade.php @@ -0,0 +1,237 @@ +@extends('layout.frontend', ['title' => 'Автоподнятие вакансий']) +@section('scripts') + +@endsection +@section('content') +
+
+ +
+
+
+ @include('employers.emblema') +
+ @include('employers.menu', ['item' => 15]) +
+
+ @csrf +
+

Автоподнятие вакансий

+
+
+ +
+
+ +
+
+
+ + + + +
+ +
+
+ +
+
+
+
+
+ +
+
+ + + + + + + + + + @foreach($vacancies as $vacancy) + + + + + + @endforeach + +
НазваниеОбновлять на сайтеОтправлять в ТГ
{{ $vacancy->name }} + + + + + + + +
+
+
+
+ + + +
+
+
+
+ +
+
+
+
+
+
+ + +@endsection diff --git a/resources/views/layout/frontend.blade.php b/resources/views/layout/frontend.blade.php index 7bef777..9d6d84e 100644 --- a/resources/views/layout/frontend.blade.php +++ b/resources/views/layout/frontend.blade.php @@ -9,9 +9,9 @@ + - @@ -106,12 +106,10 @@ Регистрация @endif Вакансии - Образование Новости Телеграм ВКонтакте - Публичная оферта @@ -127,12 +125,8 @@ @if (\Illuminate\Support\Facades\Auth::user() === null) Регистрация @endif - База резюме Условия размещения - - - Телеграм ВКонтакте Публичная @@ -192,10 +186,8 @@ Регистрация @endif Вакансии - Образование Новости - Телеграм ВКонтакте Публичная @@ -208,12 +200,8 @@ @if (\Illuminate\Support\Facades\Auth::user() === null) Регистрация @endif - База резюме Условия размещения - - - Телеграм ВКонтакте Публичная @@ -325,6 +313,7 @@ +