From 5b68533bb1444a989029facbdb63007d1045205a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=90=D0=BD=D0=B4=D1=80=D0=B5=D0=B9=20=20=D0=9B=D0=B0=D1=80?= =?UTF-8?q?=D0=B8=D0=BE=D0=BD=D0=BE=D0=B2?= Date: Mon, 5 Feb 2024 23:29:56 +0700 Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=20=D0=BD=D0=B0?= =?UTF-8?q?=D0=B4=20=D0=BF=D1=80=D0=BE=D0=B5=D0=BA=D1=82=D0=BE=D0=BC=20-=20=D1?= =?UTF-8?q?=84=D1=80=D0=BE=D0=BD=D0=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/Http/Controllers/EmployerController.php | 10 + app/Http/Controllers/MainController.php | 80 +- app/Http/Controllers/PagesController.php | 8 + app/Http/Controllers/WorkerController.php | 9 +- app/Models/Ad_employer.php | 5 + app/Models/Category.php | 5 + app/Models/Employer.php | 1 - app/Models/News.php | 17 + app/Providers/MyServiceProvider.php | 12 + .../2024_01_16_060844_create_news_tables.php | 35 + public/css/news/fonts.css | 65 + public/css/news/jquery.fancybox.css | 1 + public/css/news/jquery.select2.css | 1 + public/css/news/style.css | 7185 ++++++++++++++++++++ public/css/news/swiper.css | 1 + resources/views/ajax/vacancies.blade.php | 19 + resources/views/index.blade.php | 284 +- resources/views/layout/frontend.blade.php | 91 +- resources/views/list_vacancies.blade.php | 400 ++ resources/views/vacancies.blade.php | 95 + routes/web.php | 47 +- 21 files changed, 8085 insertions(+), 286 deletions(-) create mode 100644 app/Http/Controllers/EmployerController.php create mode 100644 app/Models/News.php create mode 100644 database/migrations/2024_01_16_060844_create_news_tables.php create mode 100644 public/css/news/fonts.css create mode 100644 public/css/news/jquery.fancybox.css create mode 100644 public/css/news/jquery.select2.css create mode 100644 public/css/news/style.css create mode 100644 public/css/news/swiper.css create mode 100644 resources/views/ajax/vacancies.blade.php create mode 100644 resources/views/list_vacancies.blade.php create mode 100644 resources/views/private_policy.blade.php create mode 100644 resources/views/terms_of_use.blade.php create mode 100644 resources/views/vacancies.blade.php diff --git a/app/Http/Controllers/EmployerController.php b/app/Http/Controllers/EmployerController.php new file mode 100644 index 0000000..d7cd759 --- /dev/null +++ b/app/Http/Controllers/EmployerController.php @@ -0,0 +1,10 @@ +orderBy('id')->limit(6)->get(); + + $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') + ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') + ->OrderByDesc('created_at') + ->GroupBy('categories.id') + ->get(); + + $employers = Employer::query()->orderBy('id')->limit(20)->get(); + + return view('index', compact('news', 'categories', 'employers')); + } + + public function vacancies(Request $request) { + //должности + $Job_title = Job_title::query()->orderBy('name')->get(); + + $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') + ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary') + ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') + ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id'); + + //категории и вакансии + if ($request->ajax()) { + $categories = $categories->Where('job_title_id', '=', $request->get('job')) + ->OrderByDesc('created_at') + ->GroupBy('categories.id') + ->get(); + } else { + $categories = $categories->OrderByDesc('created_at') + ->GroupBy('categories.id') + ->get(); + } + + if ($request->ajax()) { + return view('ajax.vacancies', compact('categories')); + } else { + return view('vacancies', compact('Job_title', 'categories')); + } + } + + //Вакансии категория детальная + public function list_vacancies(Request $request) { + $data = $request->all(); + + if ($data['categories'] == 'all') { + $Categories_id = 0; + } else { + $Categories_id = $data['categories']; + } + + if ($data['job_titles'] == 'all') { + $job_titles_id = 0; + } else { + $job_titles_id = $data['job_titles']; + } + + $Query = Employer::with('jobs')->with('cat')->select('employers.*'); + if ($Categories_id > 0) { + $Query = $Query->where('category_id', '=', $Categories_id); + $Name_categori = Category::query()->where('id', '=', $Categories_id)->get(); + + } + + if ($job_titles_id > 0) { + $Query = $Query->join('ad_jobs', 'job_title_id', '=', $job_titles_id); + } + + // Данные + $Job_title = Job_title::query()->get(); + $Query = $Query->OrderBy('updated_at')->paginate(15); + $Reclama = reclame::query()->limit(3)->get(); + + return view('list_vacancies', compact('Query', 'Reclama', 'Name_categori', 'Job_title')); } } diff --git a/app/Http/Controllers/PagesController.php b/app/Http/Controllers/PagesController.php index 9dbbf1f..4e1f91e 100644 --- a/app/Http/Controllers/PagesController.php +++ b/app/Http/Controllers/PagesController.php @@ -35,4 +35,12 @@ class PagesController extends Controller $writer = new Xlsx($spreadsheet); $writer->save('hello_world.xlsx'); } + + public function private_policy() { + return view('private_policy'); + } + + public function terms_of_use() { + return view('terms_of_use'); + } } diff --git a/app/Http/Controllers/WorkerController.php b/app/Http/Controllers/WorkerController.php index 465a7ce..066b15f 100644 --- a/app/Http/Controllers/WorkerController.php +++ b/app/Http/Controllers/WorkerController.php @@ -8,10 +8,12 @@ use Illuminate\Http\Request; class WorkerController extends Controller { + //главная public function index() { - + return; } + //профиль public function profile(Worker $worker) { $get_date = date('Y.m'); @@ -37,4 +39,9 @@ class WorkerController extends Controller return view('public.workers.profile', compact('worker', 'stat')); } + + //публичная оферта + public function public_offer() { + return; + } } diff --git a/app/Models/Ad_employer.php b/app/Models/Ad_employer.php index b25d0a8..104f085 100644 --- a/app/Models/Ad_employer.php +++ b/app/Models/Ad_employer.php @@ -49,6 +49,11 @@ class Ad_employer extends Model return $this->hasMany(ad_response::class); } + // Связь модели Категории (Categories) с моделью Вакансии + public function cat() { + return $this->hasMany(Category::class, 'categories_id'); + } + public function scopeActive($query) { return $query->where('is_remove', '=', '0'); } diff --git a/app/Models/Category.php b/app/Models/Category.php index 5434c3e..2186d15 100644 --- a/app/Models/Category.php +++ b/app/Models/Category.php @@ -17,4 +17,9 @@ class Category extends Model public function scopeActive($query) { return $query->where('is_remove', '=', '0'); } + + // Один ко многим Категории - к - вакансиям + public function ad_employers() { + return $this->hasMany(ad_employer::class); + } } diff --git a/app/Models/Employer.php b/app/Models/Employer.php index c697ec2..f0870ab 100644 --- a/app/Models/Employer.php +++ b/app/Models/Employer.php @@ -50,5 +50,4 @@ class Employer extends Model public function scopeActive($query) { return $query->where('is_remove', '=', '0'); } - } diff --git a/app/Models/News.php b/app/Models/News.php new file mode 100644 index 0000000..13ee283 --- /dev/null +++ b/app/Models/News.php @@ -0,0 +1,17 @@ + $contents]); } ); + + $views3 = ['layout.frontend']; + + View::composer($views3, + function($view){ + $id = Auth::user(); + $companies = Company::query()->limit(1)->get(); + + $view->with(['UserId' => $id, 'companies' => $companies]); + } + ); } } diff --git a/database/migrations/2024_01_16_060844_create_news_tables.php b/database/migrations/2024_01_16_060844_create_news_tables.php new file mode 100644 index 0000000..c955d9f --- /dev/null +++ b/database/migrations/2024_01_16_060844_create_news_tables.php @@ -0,0 +1,35 @@ +id(); + $table->string('title', 255)->nullable(false); + $table->string('image', 255)->nullable(); + $table->text('text')->nullable(); + $table->string('slug', 255)->unique(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('news'); + } +}; diff --git a/public/css/news/fonts.css b/public/css/news/fonts.css new file mode 100644 index 0000000..b607ff8 --- /dev/null +++ b/public/css/news/fonts.css @@ -0,0 +1,65 @@ +@font-face { + font-family: 'Circe'; + src: url('../fonts/Circe-Regular.eot'); + src: local('Circe'), local('Circe-Regular'), + url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'), + url('../fonts/Circe-Regular.woff') format('woff'), + url('../fonts/Circe-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Circe'; + src: url('../fonts/Circe-ExtraLight.eot'); + src: local('Circe ExtraLight'), local('Circe-ExtraLight'), + url('../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'), + url('../fonts/Circe-ExtraLight.woff') format('woff'), + url('../fonts/Circe-ExtraLight.ttf') format('truetype'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'Circe'; + src: url('../fonts/Circe-Thin.eot'); + src: local('Circe Thin'), local('Circe-Thin'), + url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'), + url('../fonts/Circe-Thin.woff') format('woff'), + url('../fonts/Circe-Thin.ttf') format('truetype'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Circe'; + src: url('../fonts/Circe-Light.eot'); + src: local('Circe Light'), local('Circe-Light'), + url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'), + url('../fonts/Circe-Light.woff') format('woff'), + url('../fonts/Circe-Light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Circe'; + src: url('../fonts/Circe-Bold.eot'); + src: local('Circe Bold'), local('Circe-Bold'), + url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'), + url('../fonts/Circe-Bold.woff') format('woff'), + url('../fonts/Circe-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Circe'; + src: url('../fonts/Circe-ExtraBold.eot'); + src: local('Circe ExtraBold'), local('Circe-ExtraBold'), + url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'), + url('../fonts/Circe-ExtraBold.woff') format('woff'), + url('../fonts/Circe-ExtraBold.ttf') format('truetype'); + font-weight: 800; + font-style: normal; +} diff --git a/public/css/news/jquery.fancybox.css b/public/css/news/jquery.fancybox.css new file mode 100644 index 0000000..7cc60b2 --- /dev/null +++ b/public/css/news/jquery.fancybox.css @@ -0,0 +1 @@ +body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} \ No newline at end of file diff --git a/public/css/news/jquery.select2.css b/public/css/news/jquery.select2.css new file mode 100644 index 0000000..c661fb4 --- /dev/null +++ b/public/css/news/jquery.select2.css @@ -0,0 +1 @@ +.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:8px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:8px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:8px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:8px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:8px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:8px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:8px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} \ No newline at end of file diff --git a/public/css/news/style.css b/public/css/news/style.css new file mode 100644 index 0000000..a34c938 --- /dev/null +++ b/public/css/news/style.css @@ -0,0 +1,7185 @@ +/*! 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; + min-width: 320px; + min-height: 100vh; + line-height: 1.25; +} + +.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: 20px; +} +.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-size: 32px; + font-weight: 700; +} +@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 { + height: 30px !important; + border-radius: 8px !important; + border-color: #e7e7e7 !important; + -webkit-transition: 0.3s; + transition: 0.3s; +} +@media (min-width: 768px) { + .select2-selection { + height: 44px !important; + } +} +.select2-selection__rendered { + line-height: 28px !important; + padding: 0 30px 0 10px !important; +} +@media (min-width: 768px) { + .select2-selection__rendered { + line-height: 42px !important; + padding: 0 50px 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: 16px; + height: 16px; + } +} +.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 #e7e7e7; + 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; +} + +.textarea { + resize: none; + display: block; + width: 100%; + border-radius: 8px; + border: 1px solid #e7e7e7; + 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; +} +@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: #696b6b; + font-size: 12px; + margin: 0 auto; +} +@media (min-width: 768px) { + .pagination { + font-size: 14px; + } +} +.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: 40px; +} +.pagination__nav_prev svg { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.pagination__nav_next { + margin-left: 40px; +} + +.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; +} +.checkbox__input { + display: none; +} +.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; +} +@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 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 #e7e7e7; +} +@media (min-width: 1280px) { + .table th, + .table td { + padding: 14px 10px; + min-width: 170px; + } +} +.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__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%; +} + +.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: #696b6b; +} +.messages__item-date { + color: #696b6b; + 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; +} + +.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 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: 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: #696b6b; +} +.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 #e7e7e7; + 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; + } +} +.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: #696b6b; +} +.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; +} +.main__employer-page-title { + color: #696b6b; + 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: 20px; + } +} +.main__employer-page-item span { + color: #696b6b; +} +.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 { + grid-template-columns: repeat(4, 1fr); + } +} +@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: #696b6b; +} +.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 #e7e7e7; + 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: 50px; + } +} +@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: #696b6b; +} +@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; +} +.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: #696b6b; + 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: #696b6b; +} +.main__employer-page-two-item-text-body ul a:hover { + color: #377d87; +} +.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; +} +.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: #696b6b; +} +@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: 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; +} +.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; + } +} +.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 { + color: #696b6b; + 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 #e7e7e7; + 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 #e7e7e7; + 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: #696b6b; +} +.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: #696b6b; +} +.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 #e7e7e7; + 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: #696b6b; +} +.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: #696b6b; + 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: #696b6b; +} +@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 #e7e7e7; + -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: #696b6b; + 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: #696b6b; +} +@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: 40px; + } +} +.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; + } +} +.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; + } +} +.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; + } +} +.numbers__item span { + font-weight: 700; + font-size: 14px; + margin: 10px 0; +} +@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; + } +} +.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; + 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; +} +@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: 300px; + 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; +} +@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; +} +.info__pic { + display: none; + z-index: 1; + position: absolute; + bottom: 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; + } +} +.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 { + min-height: 605px; + padding-bottom: 75px; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } +} +@media (min-width: 1280px) { + .info__title { + max-width: 520px; + line-height: 1; + } +} +.info__item { + 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; + gap: 20px; +} +@media (min-width: 992px) { + .info__item { + max-width: 610px; + } +} +.info__item + .info__item { + border-top: 1px solid #e6e7e7; + padding-top: 30px; +} +.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: #696b6b; + 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; +} +@media (min-width: 992px) { + .thing__body { + min-height: 330px; + } +} +.thing__breadcrumbs { + width: 100%; + margin-bottom: 40px; + position: relative; + z-index: 2; +} +@media (min-width: 768px) { + .thing__breadcrumbs { + margin-bottom: 50px; + } +} +.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; + } +} +.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: #696b6b; + 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: #696b6b; +} +@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: #696b6b; +} +@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; +} + +.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 img { + width: 70px; + aspect-ratio: 1/1; + -o-object-fit: contain; + object-fit: contain; +} +.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; + } +} +.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: #696b6b; +} +@media (min-width: 768px) { + .cabinet__body { + padding: 30px 20px; + gap: 40px; + 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; +} +@media (min-width: 768px) { + .cabinet__body-item { + gap: 30px; + } +} +@media (min-width: 1280px) { + .cabinet__title { + font-size: 48px; + } +} +.cabinet__text { + margin: 0; + font-size: 14px; +} +@media (min-width: 768px) { + .cabinet__text { + font-size: 16px; + } +} +.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%; + } +} +.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: #696b6b; +} +.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; + 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; + } +} +@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: -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-buttons { + display: grid; + grid-template-columns: 1fr 1fr; + 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; +} \ No newline at end of file diff --git a/public/css/news/swiper.css b/public/css/news/swiper.css new file mode 100644 index 0000000..697ec16 --- /dev/null +++ b/public/css/news/swiper.css @@ -0,0 +1 @@ +@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} \ No newline at end of file diff --git a/resources/views/ajax/vacancies.blade.php b/resources/views/ajax/vacancies.blade.php new file mode 100644 index 0000000..1e378b5 --- /dev/null +++ b/resources/views/ajax/vacancies.blade.php @@ -0,0 +1,19 @@ +@php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF'); + $i = 0; +@endphp +@if ($categories->count()) + @foreach ($categories as $cat) + + + {{ $cat->name }} + {{ $cat->min_salary }} — {{ $cat->max_salary }} ₽ + Вакансий: {{ $cat->cnt }} + + + @php $i++; + if ($i > 4) {$i = 0;} + @endphp + @endforeach +@else + Тут пока нет никаких вакансий +@endif diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index 7fe181d..1562997 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -68,86 +68,18 @@
+ @if ($categories->count()) + @foreach ($categories as $cat) - - Речной флот + прибрежка - Вакансий: 123 - - - - Пассажирский флот - Вакансий: 123 - - - - Офисные и береговые специалисты - Вакансий: 123 - - - - Рыболовный флот - Вакансий: 123 - - - - Пассажирский флот - Вакансий: 123 - - - - Рыболовный флот - Вакансий: 123 - - - - Речной флот + прибрежка - Вакансий: 123 - - - - Пассажирский флот - Вакансий: 123 - - - - Рыболовный флот - Вакансий: 123 - - - - Речной флот + прибрежка - Вакансий: 123 - - - - Рыболовный флот - Вакансий: 123 - - - - Офисные и береговые специалисты - Вакансий: 123 - - - - Офисные и береговые специалисты - Вакансий: 123 - - - - Офисные и береговые специалисты - Вакансий: 123 - - - - Пассажирский флот - Вакансий: 123 - - - - Речной флот + прибрежка - Вакансий: 123 - + + {{ $cat->name }} + Вакансий: {{ $cat->cnt }} + + + @endforeach + @else + Тут пока нет никаких вакансий + @endif
@@ -157,82 +89,29 @@
Работодатели
-
-
- - - - - - - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - - - -
-
+ + @if ($employers->count()) + @php + $rec = 0; + $count = $employers->count(); + @endphp + @foreach($employers as $emp) + @php $rec++ @endphp + @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17)) +
+
+ @endif + + {{ $emp->name_company }} + + @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count)) +
+
+ @endif + @endforeach + @else +
Тут нет никаких записей
+ @endif
@@ -280,90 +159,21 @@
-
-
- -
- - Как перестать нервничать во время телефонного - разговора? - Нервничаете во время телефонного разговора? В статье - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать - повышенной нервозности во время телефонного звонка или - Читать далее -
-
-
-
-
- -
- - Как перестать нервничать во время телефонного - разговора? - Нервничаете во время телефонного разговора? В статье - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать - повышенной нервозности во время телефонного звонка или - Читать далее -
-
-
-
-
- -
- - Как перестать нервничать во время телефонного - разговора? - Нервничаете во время телефонного разговора? В статье - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать - повышенной нервозности во время телефонного звонка или - Читать далее + @if ($news->count()) + @foreach ($news as $new) +
+
+ +
+ + {{ $new->title }} + {{ mb_strimwidth($new->text, 0, 100) }} + Читать далее +
-
-
-
- -
- - Как перестать нервничать во время телефонного - разговора? - Нервничаете во время телефонного разговора? В статье - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать - повышенной нервозности во время телефонного звонка или - Читать далее -
-
-
-
-
- -
- - Как перестать нервничать во время телефонного - разговора? - Нервничаете во время телефонного разговора? В статье - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать - повышенной нервозности во время телефонного звонка или - Читать далее -
-
-
-
-
- -
- - Как перестать нервничать во время телефонного - разговора? - Нервничаете во время телефонного разговора? В статье - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать - повышенной нервозности во время телефонного звонка или - Читать далее -
-
-
+ @endforeach + @endif
diff --git a/resources/views/layout/frontend.blade.php b/resources/views/layout/frontend.blade.php index 46d3feb..1899c1f 100644 --- a/resources/views/layout/frontend.blade.php +++ b/resources/views/layout/frontend.blade.php @@ -6,7 +6,7 @@ {{ $title }} - + @@ -21,15 +21,15 @@
-
@@ -63,7 +63,7 @@
@@ -99,40 +99,40 @@
Контакты - +7(963)-87-43-197 - info@rekamore.su + {{ $companies[0]->telephone }} + {{ $companies[0]->email }}
- + - +
© 2023 — RekaMore.su - + @@ -153,38 +153,39 @@
Соискателям
Работодателям
+
Контакты
- +7(963)-87-43-197 - info@rekamore.su + {{ $companies[0]->telephone }} + {{ $companies[0]->email }}
- + - + @@ -195,18 +196,18 @@
© 2023 — RekaMore.su
 - + Дизайн и разработка: NoLogoStudio.ru - +
diff --git a/resources/views/list_vacancies.blade.php b/resources/views/list_vacancies.blade.php new file mode 100644 index 0000000..6c64a83 --- /dev/null +++ b/resources/views/list_vacancies.blade.php @@ -0,0 +1,400 @@ +@extends('layout.frontend', ['title' => 'Вакансии РекаМоре']) + +@section('scripts') + +@endsection + +@section('content') +
+
+
+ +

Вакансии

+

С другой стороны, социально-экономическое развитие не оставляет шанса для + существующих финансовых и административных условий.

+
+
+ + + +
+ +
+
+
+
+
+
+
+

Категория вакансий ВТОРОЙ МЕХАНИК

+
+
Показано 5 из 165 результатов поиска
+
+
+ +
+
+
+
+ + + + + + Вернуться к списку вакансий + + +
+ + Наяда +
+
+
Судоходная компания ведет набор + специалистов на следующие должности:
+
+ “Капитан” – з/п от 277 000 рублей (на руки) + “Старший помощник капитана” – з/п от 216 000 рублей (на руки) + “Второй помощник капитана”– з/п от 135 000 рублей (на руки) +
+
+
+
Мы предлагаем:
+
+
    +
  • трудоустройство по ТК РФ;
    • +
  • достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в + размере оклада (за первый месяц работы) + оплата дней обучения и прохождения + мед. осмотра);
    • +
  • оплату проезда до судна и с судна до дома;
    • +
  • оплату проживания на время ожидания судна;
    • +
  • обучение и продление документов за счет компании;
    • +
  • компенсацию медицинской комиссии;
    • +
  • обеспечение спецодеждой;
    • +
  • коллективное питание;
    • +
  • пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;– + компенсация курортно-санаторного лечения;– компенсация путевок в детские + оздоровительные лагеря для детей сотрудников;
    • +
  • возможности профессионального развития с помощью корпоративных программ + обучения;
    • +
  • яркие корпоративные мероприятия и регулярные круглые столы с + представителями руководства компании.
    • +
+
+
+
+
Наши ожидания:
+
+
    +
  • наличие действующих дипломов, соответствующих должности;
    • +
  • опыт работы в должности;
    • +
  • наличие речных документов (желательно);
    • +
  • знание английского языка.
    • +
+
+
+
+
Резюме направляйте на почту:
+
+ +
+
+
+
Или звоните:
+
+ +
+
+
+ #второй_механик + #моторист +
+
+ + Подробнее +
+
+
07.09.23 - 15:39
+ +
+
+
+ +
+

ООО «Флот Эксперт»

+

Приветствуем Вас коллеги!

+

Уведомления о новых вакансиях можно получать подписавшись на наш телеграм канал! +
Ссылка: https://t.me/rekamore_su

+

А еще это добавляет + 50 к карме, но это не точно)

+ Узнать больше +
+
+
+ + + + + + Вернуться к списку вакансий + + +
+ + Наяда +
+
+
Судоходная компания ведет набор + специалистов на следующие должности:
+
+ “Капитан” – з/п от 277 000 рублей (на руки) + “Старший помощник капитана” – з/п от 216 000 рублей (на руки) + “Второй помощник капитана”– з/п от 135 000 рублей (на руки) +
+
+
+
Мы предлагаем:
+
+
    +
  • трудоустройство по ТК РФ;
    • +
  • достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в + размере оклада (за первый месяц работы) + оплата дней обучения и прохождения + мед. осмотра);
    • +
  • оплату проезда до судна и с судна до дома;
    • +
  • оплату проживания на время ожидания судна;
    • +
  • обучение и продление документов за счет компании;
    • +
  • компенсацию медицинской комиссии;
    • +
  • обеспечение спецодеждой;
    • +
  • коллективное питание;
    • +
  • пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;– + компенсация курортно-санаторного лечения;– компенсация путевок в детские + оздоровительные лагеря для детей сотрудников;
    • +
  • возможности профессионального развития с помощью корпоративных программ + обучения;
    • +
  • яркие корпоративные мероприятия и регулярные круглые столы с + представителями руководства компании.
    • +
+
+
+
+
Наши ожидания:
+
+
    +
  • наличие действующих дипломов, соответствующих должности;
    • +
  • опыт работы в должности;
    • +
  • наличие речных документов (желательно);
    • +
  • знание английского языка.
    • +
+
+
+
+
Резюме направляйте на почту:
+
+ +
+
+
+
Или звоните:
+
+ +
+
+
+ #второй_механик + #моторист +
+
+ + Подробнее +
+
+
07.09.23 - 15:39
+ +
+
+
+ + + + + + Вернуться к списку вакансий + + +
+ + Наяда +
+
+
Судоходная компания ведет набор + специалистов на следующие должности:
+
+ “Капитан” – з/п от 277 000 рублей (на руки) + “Старший помощник капитана” – з/п от 216 000 рублей (на руки) + “Второй помощник капитана”– з/п от 135 000 рублей (на руки) +
+
+
+
Мы предлагаем:
+
+
    +
  • трудоустройство по ТК РФ;
    • +
  • достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в + размере оклада (за первый месяц работы) + оплата дней обучения и прохождения + мед. осмотра);
    • +
  • оплату проезда до судна и с судна до дома;
    • +
  • оплату проживания на время ожидания судна;
    • +
  • обучение и продление документов за счет компании;
    • +
  • компенсацию медицинской комиссии;
    • +
  • обеспечение спецодеждой;
    • +
  • коллективное питание;
    • +
  • пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;– + компенсация курортно-санаторного лечения;– компенсация путевок в детские + оздоровительные лагеря для детей сотрудников;
    • +
  • возможности профессионального развития с помощью корпоративных программ + обучения;
    • +
  • яркие корпоративные мероприятия и регулярные круглые столы с + представителями руководства компании.
    • +
+
+
+
+
Наши ожидания:
+
+
    +
  • наличие действующих дипломов, соответствующих должности;
    • +
  • опыт работы в должности;
    • +
  • наличие речных документов (желательно);
    • +
  • знание английского языка.
    • +
+
+
+
+
Резюме направляйте на почту:
+
+ +
+
+
+
Или звоните:
+
+ +
+
+
+ #второй_механик + #моторист +
+
+ + Подробнее +
+
+
07.09.23 - 15:39
+ +
+
+ +
+
+
+@endsection diff --git a/resources/views/private_policy.blade.php b/resources/views/private_policy.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/terms_of_use.blade.php b/resources/views/terms_of_use.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/vacancies.blade.php b/resources/views/vacancies.blade.php new file mode 100644 index 0000000..f269276 --- /dev/null +++ b/resources/views/vacancies.blade.php @@ -0,0 +1,95 @@ +@extends('layout.frontend', ['title' => 'Вакансии РекаМоре']) + +@section('scripts') + +@endsection + +@section('content') +
+
+
+ +

Вакансии

+

С другой стороны, социально-экономическое развитие не оставляет шанса для + существующих финансовых и административных условий.

+
+
+ + + +
+ +
+
+
+
+
+
+
+

Категории вакансий

+
+ +
+ @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF'); + $i = 0; + @endphp + @if ($categories->count()) + @foreach ($categories as $cat) + + + {{ $cat->name }} + {{ $cat->min_salary }} — {{ $cat->max_salary }} ₽ + Вакансий: {{ $cat->cnt }} + + + @php $i++; + if ($i > 4) {$i = 0;} + @endphp + @endforeach + @else + Тут пока нет никаких вакансий + @endif +
+
+
+
+
+
+@endsection diff --git a/routes/web.php b/routes/web.php index c1ea55c..94cf42b 100644 --- a/routes/web.php +++ b/routes/web.php @@ -26,6 +26,7 @@ use App\Http\Controllers\Admin\MsgAnswersController; use App\Http\Controllers\Admin\GroupsController; use App\Http\Controllers\PagesController; use Illuminate\Support\Facades\Storage; +use App\Http\Controllers\EmployerController; /* @@ -362,7 +363,6 @@ Route::group([ $files = Storage::files('logs/laravel.log'); print_r($files); })->name('logs'); - }); // Инструментальные страницы @@ -380,3 +380,48 @@ Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->na //Страница вакансии Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer'); + +//Вакансии +Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies'); + +//Вакансии категория детальная +Route::get('list-vacancies/{categories}/{job_titles?}', [MainController::class, 'list_vacancies'])->name('list-vacancies'); + +//Судоходные компании +Route::get('shipping-companies', [MainController::class, 'shipping_companies'])->name('shipping_companies'); + +//Образование +Route::get('education', [MainController::class, 'education'])->name('education'); + +//Условия размещения для соискателей +Route::get('if-public', [MainController::class, 'if_public'])->name('if_public'); + +//Новости +Route::get('news', [MainController::class, 'news'])->name('news'); + +//Контакты +Route::get('contacts', [MainController::class, 'contacts'])->name('contacts'); + +//Публичная оферта +Route::get('public-offer', [WorkerController::class, 'public_offer'])->name('public_offer'); + +//База резюме +Route::get('bd-resume', [MainController::class, 'bd_resume'])->name('bd_resume'); + +//Стоимость размещения для работодателей +Route::get('cost-public-employer', [EmployerController::class, 'cost_public_employer'])->name('cost_public_employer'); + +//Политика конфиденциальности +Route::get('privacy-policy', [PagesController::class, 'private_policy'])->name('private_policy'); + +//Пользовательское соглашение +Route::get('terms-of-use', [PagesController::class, 'terms_of_use'])->name('terms_of_use'); + +//Инструкции +Route::get('instruction', [EmployersController::class, 'instruction'])->name('instruction'); + +//Эффективность объявления +Route::get('effective-note', [EmployersController::class, 'effective_note'])->name('effective_note'); + +//Публичная оферта +Route::get('public-offer-emp', [EmployersController::class, 'public_offer_emp'])->name('public_offer_emp'); -- 1.7.10.4