diff --git a/public/css/style.css b/public/css/style.css
deleted file mode 100644
index 1a85cff..0000000
--- a/public/css/style.css
+++ /dev/null
@@ -1,8912 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-/* Document
- ========================================================================== */
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-@import url(fonts.css);
-@import url(jquery.fancybox.css);
-@import url(jquery.select2.css);
-@import url(star-rating.min.css);
-@import url(swiper.css);
-html {
- line-height: 1.15; /* 1 */
- -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
- ========================================================================== */
-/**
- * Remove the margin in all browsers.
- */
-body {
- margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-main {
- display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/* Grouping content
- ========================================================================== */
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
- -webkit-box-sizing: content-box;
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
- ========================================================================== */
-/**
- * Remove the gray background on active links in IE 10.
- */
-a {
- background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
- border-bottom: none; /* 1 */
- text-decoration: underline; /* 2 */
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
- font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-small {
- font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/* Embedded content
- ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
- border-style: none;
-}
-
-/* Forms
- ========================================================================== */
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit; /* 1 */
- font-size: 100%; /* 1 */
- line-height: 1.15; /* 1 */
- margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-button,
-input { /* 1 */
- overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select { /* 1 */
- text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-[type=button],
-[type=reset],
-[type=submit] {
- -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-button::-moz-focus-inner,
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-button:-moz-focusring,
-[type=button]:-moz-focusring,
-[type=reset]:-moz-focusring,
-[type=submit]:-moz-focusring {
- outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-fieldset {
- padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-legend {
- -webkit-box-sizing: border-box;
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
- vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-textarea {
- overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-[type=checkbox],
-[type=radio] {
- -webkit-box-sizing: border-box;
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type=number]::-webkit-inner-spin-button,
-[type=number]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type=search] {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-[type=search]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
-}
-
-/* Interactive
- ========================================================================== */
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-details {
- display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-summary {
- display: list-item;
-}
-
-/* Misc
- ========================================================================== */
-/**
- * Add the correct display in IE 10+.
- */
-template {
- display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-[hidden] {
- display: none;
-}
-
-.green {
- color: #377d87;
-}
-
-.red {
- color: #eb5757;
-}
-
-.rotate180 {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-
-::-moz-selection {
- color: #3a3b3c;
- background: #acc0e6;
-}
-
-::selection {
- color: #3a3b3c;
- background: #acc0e6;
-}
-
-::-webkit-scrollbar {
- width: 8px;
- height: 8px;
-}
-
-::-webkit-scrollbar-track {
- border-radius: 999px;
- background-color: #ffffff;
-}
-
-::-webkit-scrollbar-thumb {
- border-radius: 999px;
- background-color: #377d87;
-}
-
-::-webkit-input-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-:focus::-webkit-input-placeholder {
- color: transparent;
-}
-
-:-ms-input-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-:focus:-ms-input-placeholder {
- color: transparent;
-}
-
-::-ms-input-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-:focus::-ms-input-placeholder {
- color: transparent;
-}
-
-::-moz-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-:focus::-moz-placeholder {
- color: transparent;
-}
-
-::-webkit-input-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-::-moz-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-:-ms-input-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-::-ms-input-placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-::placeholder {
- color: #9c9d9d;
- opacity: 1;
-}
-
-:focus::-webkit-input-placeholder {
- color: transparent;
-}
-
-:focus::-moz-placeholder {
- color: transparent;
-}
-
-:focus:-ms-input-placeholder {
- color: transparent;
-}
-
-:focus::-ms-input-placeholder {
- color: transparent;
-}
-
-:focus::placeholder {
- color: transparent;
-}
-
-*,
-*:before,
-*:after {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: none;
- -webkit-box-shadow: none;
- box-shadow: none;
-}
-
-a,
-button,
-select {
- color: inherit;
-}
-
-a {
- text-decoration: none;
-}
-
-a,
-input[type=button],
-input[type=submit],
-button {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- cursor: pointer;
-}
-
-[type=tel] {
- letter-spacing: 1px;
-}
-
-.br,
-img,
-svg {
- display: block;
-}
-
-.float-left {
- float: left;
-}
-
-.float-right {
- float: right;
-}
-
-.clear-both:after {
- content: "";
- display: block;
- clear: both;
-}
-
-#body {
- font-family: "Circe", sans-serif;
- color: #3a3b3c;
- background: #ffffff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- gap: 50px;
- min-width: 320px;
- min-height: 100vh;
- line-height: 1.25;
-}
-@media (min-width: 768px) {
- #body {
- gap: 60px;
- }
-}
-#body.pdf {
- gap: 0;
-}
-
-.container {
- width: 100%;
- max-width: 1280px;
- margin-left: auto;
- margin-right: auto;
- padding-left: 10px;
- padding-right: 10px;
-}
-@media (min-width: 768px) {
- .container {
- padding-left: 20px;
- padding-right: 20px;
- }
-}
-
-.to-top {
- position: fixed;
- right: 10px;
- bottom: 10px;
- border-radius: 999px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #ffffff;
- background: #377d87;
- width: 40px;
- height: 40px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- margin-right: -100px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- z-index: 99;
- border: 1px solid #377d87;
-}
-.to-top:hover {
- background: #ffffff;
- color: #377d87;
-}
-.to-top svg {
- width: 10px;
- height: 10px;
-}
-@media (min-width: 768px) {
- .to-top {
- width: 50px;
- height: 50px;
- right: 20px;
- bottom: 20px;
- }
- .to-top svg {
- width: 12px;
- height: 12px;
- }
-}
-
-.begin .to-top {
- margin-right: 0;
-}
-
-.socials {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- gap: 8px;
-}
-.socials a {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- border: 1px solid #377d87;
- color: #377d87;
- border-radius: 999px;
- width: 38px;
- height: 38px;
-}
-.socials a:hover {
- background: #377d87;
- color: #ffffff;
-}
-.socials svg {
- width: 12px;
- height: 12px;
-}
-
-.nls {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- color: #3a3b3c;
- text-align: left;
-}
-.nls:hover {
- color: #377d87;
-}
-.nls svg {
- width: 30px;
- height: 40px;
-}
-@media (min-width: 768px) {
- .nls svg {
- width: 24px;
- height: 31px;
- }
-}
-.nls span {
- width: calc(100% - 30px);
- padding-left: 12px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- font-size: 12px;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .nls span {
- width: calc(100% - 24px);
- }
-}
-.nls b {
- font-weight: 400;
-}
-
-.title,
-h1 {
- margin: 0;
- font-weight: 700;
- font-size: 32px;
-}
-@media (min-width: 768px) {
- .title,
- h1 {
- font-size: 40px;
- }
-}
-@media (min-width: 992px) {
- .title,
- h1 {
- font-size: 48px;
- }
-}
-@media (min-width: 1280px) {
- .title,
- h1 {
- font-size: 64px;
- }
-}
-
-.swiper-pagination {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: static;
- margin-top: 20px;
- gap: 8px;
-}
-@media (min-width: 768px) {
- .swiper-pagination {
- margin-top: 30px;
- }
-}
-.swiper-pagination-bullet {
- width: 16px;
- height: 16px;
- opacity: 1;
- border: 1px solid #cdcece;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- background: transparent;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0 !important;
-}
-.swiper-pagination-bullet:before {
- content: "";
- width: 6px;
- height: 6px;
- border-radius: 999px;
- background: #377d87;
- opacity: 0;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-.swiper-pagination-bullet:hover {
- border-color: #377d87;
-}
-.swiper-pagination-bullet-active {
- border-color: #377d87;
-}
-.swiper-pagination-bullet-active:before {
- opacity: 1;
-}
-
-.navs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- gap: 20px;
- width: 80px;
-}
-.navs button {
- color: #377d87;
- background: none;
- border: none;
- padding: 0;
-}
-.navs button[disabled] {
- cursor: not-allowed;
- color: #cddee1;
-}
-.navs svg {
- width: 14px;
- height: 28px;
-}
-
-.select {
- position: relative;
-}
-.select2 {
- width: 100% !important;
-}
-.select2-container {
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .select2-container {
- font-size: 16px;
- }
-}
-.select2-container--open .select2-selection {
- border-color: #377d87 !important;
-}
-.select2-container--open .select2-selection__arrow svg {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.select2-selection {
- min-height: 30px !important;
- border-radius: 8px !important;
- border-color: #e7e7e7 !important;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-@media (min-width: 768px) {
- .select2-selection {
- min-height: 50px !important;
- }
-}
-.select2-selection__rendered {
- line-height: 28px !important;
- padding: 0 30px 0 10px !important;
-}
-@media (min-width: 768px) {
- .select2-selection__rendered {
- line-height: 48px !important;
- padding: 0 46px 0 20px !important;
- }
-}
-.select2-selection__arrow {
- top: 0 !important;
- right: 0 !important;
- width: 30px !important;
- height: 100% !important;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #377d87;
-}
-@media (min-width: 768px) {
- .select2-selection__arrow {
- width: 50px !important;
- }
-}
-.select2-selection__arrow svg {
- width: 12px;
- height: 12px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-@media (min-width: 768px) {
- .select2-selection__arrow svg {
- width: 14px;
- height: 14px;
- }
-}
-.select2-selection__choice {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: reverse;
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- gap: 4px;
- padding: 0 4px 0 6px !important;
- background: #377d87 !important;
- border: none !important;
- border-radius: 6px !important;
- line-height: 1 !important;
- color: #ffffff;
- height: 24px;
-}
-@media (min-width: 768px) {
- .select2-selection__choice {
- height: 32px;
- gap: 6px;
- padding: 0 6px 0 10px !important;
- border-radius: 8px !important;
- }
-}
-.select2-selection__choice__remove {
- width: 14px;
- height: 14px;
- padding-top: 4px;
- display: -webkit-box !important;
- display: -ms-flexbox !important;
- display: flex !important;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #ffffff !important;
- font-weight: 400 !important;
- font-size: 26px;
-}
-.select2-search {
- display: none;
-}
-.select2-dropdown {
- z-index: 99999;
- border: none;
- border-radius: 0;
- background: none;
- padding: 5px 0;
-}
-@media (min-width: 768px) {
- .select2-dropdown {
- padding: 10px 0;
- }
-}
-.select2-results {
- background: #ffffff;
- border-radius: 8px;
- border: 1px solid #377d87;
- overflow: hidden;
-}
-@media (min-width: 768px) {
- .select2-results__option {
- padding: 10px 14px;
- }
-}
-.select2-results__option--highlighted {
- background: #377d87 !important;
-}
-@media (min-width: 768px) {
- .select_search .select2-selection__rendered {
- padding-left: 60px !important;
- }
-}
-.select_search .select__icon {
- display: none;
- height: 28px;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding-right: 12px;
- z-index: 2;
- position: absolute;
- top: 50%;
- left: 15px;
- margin-top: -14px;
-}
-@media (min-width: 768px) {
- .select_search .select__icon {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.select_search .select__icon:after {
- content: "";
- width: 1px;
- height: 100%;
- border-radius: 999px;
- position: absolute;
- top: 0;
- right: 0;
- background: #cecece;
-}
-.select_search .select__icon svg {
- color: #9c9d9d;
- width: 20px;
- height: 20px;
-}
-
-.form-group {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 4px;
-}
-.form-group__label {
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .form-group__label {
- font-size: 16px;
- }
-}
-.form-group__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
-}
-
-.input {
- display: block;
- height: 30px;
- border: 1px solid #cecece;
- background: #ffffff;
- font-size: 12px;
- border-radius: 8px;
- padding: 0 10px;
- color: #3a3b3c;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- position: relative;
- z-index: 1;
-}
-@media (min-width: 768px) {
- .input {
- padding: 0 20px;
- height: 44px;
- font-size: 16px;
- }
-}
-.input:focus {
- border-color: #377d87;
-}
-.input[disabled] {
- color: #9c9d9d;
- background: #e7e7e7;
-}
-.input[type=date] {
- text-transform: uppercase;
-}
-
-.textarea {
- resize: none;
- display: block;
- width: 100%;
- border-radius: 8px;
- border: 1px solid #cecece;
- background: #ffffff;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- font-size: 12px;
- line-height: 1.4;
- padding: 10px;
- aspect-ratio: 8/3;
- max-height: 250px;
-}
-@media (min-width: 768px) {
- .textarea {
- padding: 20px;
- font-size: 16px;
- height: 280px;
- }
-}
-.textarea:focus {
- border-color: #377d87;
-}
-
-.button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #ffffff;
- background: #377d87;
- height: 30px;
- border-radius: 8px;
- padding: 0 12px;
- border: 1px solid #377d87;
- font-weight: 700;
- font-size: 12px;
- text-align: center;
- line-height: 1;
- gap: 6px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- cursor: pointer;
-}
-@media (min-width: 768px) {
- .button {
- padding: 0 24px;
- font-size: 16px;
- height: 44px;
- gap: 12px;
- }
-}
-@media (min-width: 992px) {
- .button {
- padding: 0 36px;
- }
-}
-.button:hover {
- background: transparent;
- color: #377d87;
-}
-.button img,
-.button svg {
- width: 12px;
- height: 12px;
-}
-@media (min-width: 768px) {
- .button img,
- .button svg {
- width: 18px;
- height: 18px;
- }
-}
-.button_more span + span {
- display: none;
-}
-.button_more.active span {
- display: none;
-}
-.button_more.active span + span {
- display: block;
-}
-.button_light {
- background: transparent;
- color: #377d87;
-}
-.button_light:hover {
- background: #377d87;
- color: #ffffff;
-}
-.button_whited {
- background: #ffffff;
- color: #377d87;
- border-color: #ffffff;
-}
-.button_whited:hover {
- background: #377d87;
- color: #ffffff;
-}
-
-.search {
- width: 100%;
- position: relative;
- background: #ffffff;
- border-radius: 8px;
-}
-.search span {
- display: none;
- height: 28px;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding-right: 12px;
- z-index: 1;
- position: absolute;
- top: 50%;
- left: 15px;
- margin-top: -14px;
-}
-@media (min-width: 768px) {
- .search span {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.search span:after {
- content: "";
- width: 1px;
- height: 100%;
- border-radius: 999px;
- position: absolute;
- top: 0;
- right: 0;
- background: #cecece;
-}
-.search span svg {
- color: #9c9d9d;
- width: 20px;
- height: 20px;
-}
-.search input {
- width: 100%;
- padding-right: 150px;
- position: relative;
- z-index: 2;
- background: none;
-}
-@media (min-width: 768px) {
- .search input {
- padding-left: 60px;
- padding-right: 220px;
- }
-}
-.search button {
- width: 140px;
- position: absolute;
- padding: 0;
- top: 0;
- right: 0;
- z-index: 3;
-}
-@media (min-width: 768px) {
- .search button {
- width: 200px;
- }
-}
-
-.breadcrumbs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- gap: 12px 6px;
- margin: 0;
- padding: 0;
- font-size: 11px;
- color: #cecece;
- line-height: 1;
-}
-@media (min-width: 992px) {
- .breadcrumbs {
- font-size: 13px;
- }
-}
-@media (min-width: 1280px) {
- .breadcrumbs {
- font-size: 16px;
- }
-}
-.breadcrumbs li {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 6px;
-}
-.breadcrumbs li:before {
- content: "";
- width: 4px;
- height: 4px;
- background: #cecece;
- border-radius: 999px;
- position: relative;
- top: -1px;
-}
-.breadcrumbs li:first-child:before {
- display: none;
-}
-.breadcrumbs li:last-child:before {
- background: #377d87;
-}
-.breadcrumbs a:hover {
- color: #377d87;
-}
-.breadcrumbs b {
- color: #377d87;
- font-weight: 700;
-}
-
-.pagination {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- line-height: 1;
- color: #3a3b3c;
- font-size: 12px;
- margin: 0 auto;
-}
-@media (min-width: 768px) {
- .pagination {
- font-size: 14px;
- gap: 3px;
- }
-}
-.pagination__item {
- width: 40px;
- height: 40px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background: none;
- padding: 0;
- border: 1px solid transparent;
- border-radius: 8px;
-}
-.pagination__item:hover {
- -webkit-transition: 0s;
- transition: 0s;
- color: #377d87;
- font-weight: 700;
-}
-.pagination__item.active {
- font-weight: 700;
- color: #ffffff;
- background: #377d87;
- border-color: #377d87;
-}
-.pagination__dots {
- width: 40px;
- height: 40px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.pagination__dots svg {
- width: 15px;
- height: 15px;
-}
-.pagination__nav {
- width: 40px;
- height: 40px;
- display: none;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background: none;
- padding: 0;
- border: 1px solid #cddee1;
- color: #377d87;
- border-radius: 8px;
-}
-@media (min-width: 768px) {
- .pagination__nav {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.pagination__nav:hover {
- border-color: #377d87;
- background: #377d87;
- color: #ffffff;
-}
-.pagination__nav svg {
- width: 10px;
- height: 10px;
-}
-.pagination__nav_prev {
- margin-right: 37px;
-}
-.pagination__nav_prev svg {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.pagination__nav_next {
- margin-left: 37px;
-}
-
-.filters {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .filters {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-.filters__label {
- color: #377d87;
- font-size: 12px;
- font-weight: 700;
-}
-@media (min-width: 768px) {
- .filters__label {
- font-size: 16px;
- }
-}
-@media (min-width: 992px) {
- .filters__label {
- font-size: 18px;
- }
-}
-.filters__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 768px) {
- .filters__body {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-@media (min-width: 768px) {
- .filters__select {
- width: 250px;
- }
-}
-@media (min-width: 992px) {
- .filters__select {
- width: 310px;
- }
-}
-.filters__item {
- display: none;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 50px;
- height: 50px;
- padding: 0;
- background: #ffffff;
- border: 1px solid #377d87;
- color: #377d87;
- border-radius: 8px;
- margin-left: 20px;
-}
-@media (min-width: 768px) {
- .filters__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.filters__item svg {
- width: 24px;
- height: 24px;
-}
-.filters__item.active {
- background: #377d87;
- color: #ffffff;
-}
-.filters__item + .filters__item {
- margin-left: 8px;
-}
-
-.like,
-.chat {
- width: 30px;
- height: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background: none;
- border: 1px solid #377d87;
- padding: 0;
- color: #377d87;
- border-radius: 6px;
-}
-@media (min-width: 768px) {
- .like,
- .chat {
- width: 44px;
- height: 44px;
- }
-}
-.like.active,
-.chat.active {
- background: #377d87;
- color: #ffffff;
-}
-.like svg,
-.chat svg {
- width: 14px;
- height: 14px;
-}
-@media (min-width: 768px) {
- .like svg,
- .chat svg {
- width: 20px;
- height: 20px;
- }
-}
-
-.checkbox {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- cursor: pointer;
- position: relative;
-}
-.checkbox__input {
- position: absolute;
- z-index: 1;
- width: 14px;
- height: 14px;
- padding: 0;
- background: none;
- border: none;
- opacity: 0;
-}
-@media (min-width: 768px) {
- .checkbox__input {
- width: 20px;
- height: 20px;
- }
-}
-.checkbox__icon {
- width: 14px;
- height: 14px;
- border: 1px solid #cfcfcf;
- background: #ffffff;
- color: #ffffff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 4px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- position: relative;
- z-index: 2;
-}
-@media (min-width: 768px) {
- .checkbox__icon {
- width: 20px;
- height: 20px;
- }
-}
-.checkbox__icon svg {
- width: 8px;
- height: 8px;
- opacity: 0;
-}
-@media (min-width: 768px) {
- .checkbox__icon svg {
- width: 10px;
- height: 10px;
- }
-}
-.checkbox__input:checked + .checkbox__icon {
- border-color: #377d87;
- background: #377d87;
-}
-.checkbox__input:checked + .checkbox__icon svg {
- opacity: 1;
-}
-.checkbox__text {
- width: calc(100% - 14px);
- padding-left: 6px;
- font-size: 12px;
- line-height: 1;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 14px;
-}
-@media (min-width: 768px) {
- .checkbox__text {
- width: calc(100% - 20px);
- padding-left: 12px;
- font-size: 15px;
- min-height: 20px;
- }
-}
-.checkbox__text a {
- color: #377d87;
- text-decoration: underline;
-}
-
-.file {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.file__input input {
- display: none;
-}
-.file__list {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.file__list-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- margin-top: 16px;
-}
-.file__list-item-left {
- width: calc(100% - 16px);
- min-height: 16px;
- color: #9c9d9d;
- font-size: 12px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-@media (min-width: 768px) {
- .file__list-item-left {
- width: auto;
- max-width: calc(100% - 16px);
- font-size: 16px;
- }
-}
-.file__list-item-left svg {
- width: 16px;
- height: 16px;
-}
-.file__list-item-left span {
- width: calc(100% - 16px);
- min-height: 16px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0 8px;
-}
-.file__list-item-right {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0;
- background: none;
- border: none;
- width: 16px;
- height: 16px;
- color: #377d87;
-}
-.file__list-item-right:hover {
- color: #3a3b3c;
-}
-.file__list-item-right svg {
- width: 10px;
- height: 10px;
-}
-.file__list-item + .file__list-item {
- margin-top: 10px;
-}
-
-.rate {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .rate {
- gap: 20px;
- }
-}
-.rate__label {
- font-size: 12px;
- font-weight: 700;
- line-height: 1;
-}
-@media (min-width: 768px) {
- .rate__label {
- font-size: 18px;
- }
-}
-.rate__stars {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-
-.back {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 14px;
- color: #377d87;
- font-weight: 700;
-}
-@media (min-width: 768px) {
- .back {
- font-size: 18px;
- }
-}
-.back:hover {
- color: #4d88d9;
-}
-.back svg {
- width: 16px;
- height: 16px;
-}
-@media (min-width: 768px) {
- .back svg {
- width: 26px;
- height: 26px;
- }
-}
-.back span {
- width: calc(100% - 16px);
- padding-left: 10px;
-}
-@media (min-width: 768px) {
- .back span {
- width: calc(100% - 26px);
- padding-left: 20px;
- }
-}
-
-.callback {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
-}
-@media (min-width: 992px) {
- .callback {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- gap: 20px 0;
- }
-}
-.callback__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
-}
-@media (min-width: 992px) {
- .callback__body {
- width: calc(50% - 10px);
- gap: 10px;
- }
-}
-@media (min-width: 992px) {
- .callback__textarea {
- width: calc(50% - 10px);
- height: auto;
- }
-}
-.callback__bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
-}
-@media (min-width: 768px) {
- .callback__bottom {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- }
-}
-@media (min-width: 992px) {
- .callback__bottom {
- width: 100%;
- gap: 20px;
- }
-}
-
-.error .input,
-.error .textarea {
- border-color: #eb5757;
-}
-.error label {
- display: block;
-}
-
-.eye {
- position: absolute;
- z-index: 2;
- top: 50%;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
- right: 10px;
- aspect-ratio: 1/1;
- width: 16px;
- padding: 0;
- border: none;
- background: none;
- color: #9c9d9d;
-}
-@media (min-width: 768px) {
- .eye {
- width: 24px;
- right: 20px;
- }
-}
-.eye svg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-.eye svg + svg {
- display: none;
-}
-.eye.active {
- color: #377d87;
-}
-.eye.active svg {
- display: none;
-}
-.eye.active svg + svg {
- display: block;
-}
-
-.del {
- width: 32px;
- aspect-ratio: 1/1;
- background: #377d87;
- color: #ffffff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 8px;
- padding: 0;
- border: 1px solid #377d87;
-}
-.del:hover {
- background: #ffffff;
- color: #377d87;
-}
-.del svg {
- width: 50%;
- aspect-ratio: 1/1;
-}
-
-.notify {
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- padding: 6px 12px;
- border-radius: 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-@media (min-width: 768px) {
- .notify {
- padding: 12px 20px;
- }
-}
-.notify_red {
- background: #f9cdcd;
-}
-.notify svg {
- color: #4d88d9;
- width: 20px;
- aspect-ratio: 1/1;
-}
-.notify span {
- font-size: 12px;
- padding-left: 10px;
- min-height: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .notify span {
- font-size: 16px;
- }
-}
-
-.table {
- margin: 0 -10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .table {
- margin: 0;
- gap: 30px;
- }
-}
-.table__button {
- display: none;
-}
-.table_spoiler .table__button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.table__scroll {
- overflow: hidden;
- overflow-x: auto;
- padding: 0 10px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .table__scroll {
- padding: 0;
- }
-}
-.table__body {
- border-radius: 8px;
- overflow: hidden;
-}
-.table__body_min-width {
- min-width: 580px;
-}
-.table table {
- border-collapse: collapse;
- width: 100%;
- font-size: 12px;
- border-radius: 8px;
-}
-@media (min-width: 768px) {
- .table table {
- font-size: 14px;
- }
-}
-@media (min-width: 1280px) {
- .table table {
- font-size: 16px;
- }
-}
-.table thead tr th,
-.table thead tr td {
- background: #377d87;
- color: #ffffff;
- font-weight: 700;
- border-top-color: #377d87;
-}
-.table thead tr th:first-child,
-.table thead tr td:first-child {
- border-left-color: #377d87;
-}
-.table thead tr th:last-child,
-.table thead tr td:last-child {
- border-right-color: #377d87;
-}
-.table_spoiler tr {
- display: none;
-}
-.table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
- display: table-row;
-}
-.table_spoiler.active tr {
- display: table-row;
-}
-.table th,
-.table td {
- text-align: left;
- padding: 10px;
- border: 1px solid #cecece;
-}
-@media (min-width: 768px) {
- .table td {
- padding: 14px 10px;
- }
-}
-.table__status {
- color: #9c9d9d;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 6px;
- position: relative;
- padding-left: 14px;
-}
-.table__status i {
- background: #9c9d9d;
- width: 8px;
- aspect-ratio: 1/1;
- border-radius: 999px;
- position: absolute;
- top: 4px;
- left: 0;
-}
-.table__status.green {
- color: #377d87;
-}
-.table__status.green i {
- background: #377d87;
-}
-.table__link {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 4px;
- color: #4d88d9;
-}
-@media (min-width: 768px) {
- .table__link {
- gap: 6px;
- }
-}
-.table__link:hover {
- color: #3a3b3c;
-}
-.table__link svg {
- width: 12px;
- aspect-ratio: 1/1;
-}
-@media (min-width: 768px) {
- .table__link svg {
- width: 16px;
- }
-}
-.table__controls {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 8px;
-}
-@media (min-width: 1280px) {
- .table__controls {
- gap: 12px;
- }
-}
-.table__controls-item {
- width: 24px;
- aspect-ratio: 1/1;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border: 1px solid #377d87;
- border-radius: 8px;
- color: #377d87;
- background: none;
- padding: 0;
-}
-@media (min-width: 1280px) {
- .table__controls-item {
- width: 30px;
- }
-}
-.table__controls-item:hover {
- background: #377d87;
- color: #ffffff;
-}
-.table__controls-item svg {
- width: 60%;
- aspect-ratio: 1/1;
-}
-.table__controls-item:nth-of-type(4) svg {
- width: 80%;
-}
-
-.gl-star-rating--stars:before, .gl-star-rating--stars:after {
- display: none;
-}
-.gl-star-rating--stars span {
- width: 22px !important;
- height: 22px !important;
- background-size: 22px 22px !important;
-}
-@media (min-width: 768px) {
- .gl-star-rating--stars span {
- width: 30px !important;
- height: 30px !important;
- background-size: 30px 30px !important;
- }
-}
-
-.more {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.more_mt {
- margin-top: 20px;
-}
-.more .button {
- min-width: 100px;
- padding: 0;
-}
-@media (min-width: 768px) {
- .more .button {
- min-width: 180px;
- }
-}
-
-.header {
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- background: #ffffff;
- position: relative;
- z-index: 5;
- overflow: hidden;
-}
-@media (min-width: 768px) {
- .header {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-}
-.header__body {
- height: 42px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .header__body {
- height: 70px;
- }
-}
-.header__left {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 40px;
-}
-.header__right {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 14px;
-}
-@media (min-width: 768px) {
- .header__right {
- gap: 20px;
- }
-}
-.header__right-line {
- width: 1px;
- height: 32px;
- background: #e6e7e7;
- border-radius: 999px;
-}
-@media (min-width: 992px) {
- .header__right-line {
- display: none;
- }
-}
-.header__logo {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- color: #377d87;
-}
-.header__logo svg {
- width: 105px;
- height: 31px;
-}
-@media (min-width: 768px) {
- .header__logo svg {
- width: 182px;
- height: 54px;
- }
-}
-.header__menu {
- display: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .header__menu {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.header__menu-item:hover {
- color: #377d87;
-}
-.header__notifs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- color: #377d87;
- padding: 0;
- border: none;
- background: none;
- width: 24px;
- height: 24px;
-}
-@media (min-width: 992px) {
- .header__notifs {
- width: auto;
- height: auto;
- color: #3a3b3c;
- line-height: 1.4;
- }
-}
-@media (min-width: 992px) {
- .header__notifs:hover {
- color: #377d87;
- }
-}
-.header__notifs svg {
- width: 20px;
- height: 20px;
-}
-@media (min-width: 992px) {
- .header__notifs svg {
- display: none;
- }
-}
-.header__notifs span {
- display: none;
-}
-@media (min-width: 992px) {
- .header__notifs span {
- display: inline;
- }
-}
-.header__notifs_actived {
- position: relative;
-}
-@media (min-width: 992px) {
- .header__notifs_actived {
- padding-right: 12px;
- }
-}
-.header__notifs_actived:after {
- content: "";
- border: 1px solid #ffffff;
- background: #377d87;
- border-radius: 999px;
- width: 10px;
- height: 10px;
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
-}
-@media (min-width: 992px) {
- .header__notifs_actived:after {
- width: 8px;
- height: 8px;
- border: none;
- }
-}
-.header__burger {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- width: 24px;
- height: 24px;
- color: #377d87;
- padding: 0;
- border: none;
- background: none;
-}
-@media (min-width: 992px) {
- .header__burger {
- display: none;
- }
-}
-.header__burger svg {
- width: 20px;
- height: 20px;
-}
-.header__burger svg + svg {
- display: none;
-}
-.header__sign {
- display: none;
-}
-@media (min-width: 992px) {
- .header__sign {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-
-.mob-menu {
- display: none;
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100vw;
- height: calc(100vh - 42px);
- z-index: 4;
- background: #ffffff;
- overflow: hidden;
- overflow-y: auto;
- padding: 50px 0;
-}
-.mob-menu__bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-top: 80px;
-}
-.mob-menu__bottom .button {
- min-width: 120px;
-}
-.mob-menu__bottom-link {
- text-decoration: underline;
- margin-top: 50px;
-}
-.mob-menu__bottom-link:hover {
- color: #377d87;
-}
-.mob-menu__bottom-link + .mob-menu__bottom-link {
- margin-top: 10px;
-}
-.mob-menu__bottom .socials {
- margin-top: 35px;
-}
-.mob-menu .footer__mobile-menu {
- opacity: 1;
- height: auto;
- overflow: visible;
-}
-.mob-menu .footer__mobile-menu-item button {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.mob-menu .footer__mobile-menu-item div {
- font-size: 20px;
-}
-.mob-menu .footer__mobile-contacts a {
- font-size: 20px;
- font-weight: 700;
- color: #3a3b3c;
- text-decoration: none;
-}
-.mob-menu .footer__mobile-contacts a:hover {
- color: #377d87;
-}
-.mob-menu .footer__mobile-menu-item button b,
-.mob-menu .footer__mobile-contacts a {
- font-size: 30px;
-}
-
-.menu-is-actived {
- overflow: hidden;
-}
-@media (min-width: 992px) {
- .menu-is-actived {
- overflow: auto;
- }
-}
-.menu-is-actived .header__burger svg {
- display: none;
-}
-.menu-is-actived .header__burger svg + svg {
- display: block;
-}
-.menu-is-actived .mob-menu {
- display: block;
-}
-@media (min-width: 992px) {
- .menu-is-actived .mob-menu {
- display: none;
- }
-}
-
-.footer {
- -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
- background: #ffffff;
- position: relative;
- z-index: 1;
- overflow: hidden;
-}
-.footer__mobile {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- padding: 25px 0 30px 0;
-}
-@media (min-width: 768px) {
- .footer__mobile {
- padding: 30px 0;
- }
-}
-@media (min-width: 992px) {
- .footer__mobile {
- display: none;
- }
-}
-.footer__mobile-toper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0;
- border: none;
- background: none;
-}
-.footer__mobile-toper a, .footer__mobile-toper b {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #377d87;
-}
-.footer__mobile-toper a svg, .footer__mobile-toper b svg {
- width: 137px;
- height: 40px;
-}
-.footer__mobile-toper span {
- width: 40px;
- height: 40px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background: #377d87;
- color: #ffffff;
- border-radius: 999px;
-}
-.footer__mobile-toper span svg {
- width: 10px;
- height: 10px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-.footer__mobile-toper.active span svg {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.footer__mobile-menu {
- height: 0;
- opacity: 0;
- overflow: hidden;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 30px;
-}
-@media (min-width: 768px) {
- .footer__mobile-menu {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 100px;
- }
-}
-.footer__mobile-menu-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.footer__mobile-menu-item button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- padding: 0;
- border: none;
- background: none;
-}
-.footer__mobile-menu-item button.active {
- color: #377d87;
-}
-.footer__mobile-menu-item button b {
- width: calc(100% - 24px);
- padding-right: 12px;
- min-height: 24px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 20px;
- font-weight: 700;
-}
-.footer__mobile-menu-item button span {
- width: 24px;
- height: 24px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0;
- border: none;
- background: none;
-}
-.footer__mobile-menu-item button svg {
- width: 12px;
- height: 12px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.footer__mobile-menu-item button.active svg {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
-}
-.footer__mobile-menu-item div {
- height: 0;
- opacity: 0;
- overflow: hidden;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 15px;
-}
-.footer__mobile-menu-item div a:hover {
- color: #377d87;
-}
-.footer__mobile-menu-item .active + div {
- opacity: 1;
- height: auto;
- overflow: visible;
- padding-top: 15px;
-}
-.active + .footer__mobile-menu {
- opacity: 1;
- height: auto;
- overflow: visible;
- padding-top: 35px;
-}
-.footer__mobile-contacts {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-top: 30px;
-}
-.footer__mobile-contacts b {
- font-size: 20px;
- font-weight: 700;
- width: 100%;
- margin-bottom: 20px;
-}
-.footer__mobile-contacts a {
- color: #377d87;
- text-decoration: underline;
-}
-.footer__mobile-contacts a + a {
- color: #3a3b3c;
-}
-.footer__mobile-bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- text-align: center;
- gap: 20px;
- margin-top: 100px;
-}
-.footer__mobile-links {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 10px;
-}
-.footer__mobile-links a:hover {
- color: #377d87;
-}
-.footer__mobile-links span {
- width: 60px;
- height: 1px;
- background: #377d87;
-}
-.footer__main {
- display: none;
- padding: 55px 0 20px 0;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 70px;
-}
-@media (min-width: 992px) {
- .footer__main {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.footer__main-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-.footer__main-logo {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #377d87;
-}
-.footer__main-logo svg {
- width: 182px;
- height: 54px;
-}
-.footer__main-title {
- font-size: 20px;
- font-weight: 700;
- margin-bottom: 16px;
-}
-.footer__main-col {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-.footer__main-col nav {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 8px;
-}
-.footer__main-col nav a:hover {
- color: #377d87;
-}
-.footer__main-contacts {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 16px;
- margin-bottom: 16px;
-}
-.footer__main-contacts a {
- color: #377d87;
- text-decoration: underline;
-}
-.footer__main-contacts a + a {
- color: #3a3b3c;
-}
-.footer__main-copy {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 14px;
- line-height: 1.4;
-}
-.footer__main-copy nav {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 10px;
-}
-.footer__main-copy nav a:hover {
- color: #377d87;
-}
-.footer__main-copy nav span {
- width: 1px;
- height: 20px;
- background: #6b6c6d;
-}
-
-.main {
- position: relative;
- overflow: hidden;
- padding: 30px 0;
-}
-@media (min-width: 768px) {
- .main {
- padding: 40px 0;
- }
-}
-@media (min-width: 992px) {
- .main {
- padding: 50px 0;
- }
-}
-@media (min-width: 1280px) {
- .main {
- padding: 60px 0;
- }
-}
-.main h2 {
- margin: 0;
- font-weight: 700;
- font-size: 30px;
-}
-@media (min-width: 768px) {
- .main h2 {
- font-size: 44px;
- }
-}
-.main h3 {
- margin: 0;
- font-weight: 700;
- font-size: 22px;
-}
-@media (min-width: 768px) {
- .main h3 {
- font-size: 28px;
- }
-}
-.main p {
- margin: 0;
- font-size: 14px;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .main p {
- font-size: 18px;
- }
-}
-.main p a {
- color: #4d88d9;
-}
-.main p a:hover {
- color: #377d87;
-}
-.main__breadcrumbs {
- margin-bottom: 20px;
-}
-@media (min-width: 768px) {
- .main__breadcrumbs {
- margin-bottom: 40px;
- }
-}
-.main__content {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- font-size: 14px;
-}
-@media (min-width: 992px) {
- .main__content {
- font-size: 18px;
- gap: 32px;
- }
-}
-.main__content-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
-}
-.main__content h1,
-.main__content h2,
-.main__content h3,
-.main__content h4,
-.main__content h5,
-.main__content h6 {
- color: #3a3b3c;
-}
-.main__content ul,
-.main__content ol {
- padding: 0;
- margin: 0;
- padding-left: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 8px;
-}
-@media (min-width: 992px) {
- .main__content ul,
- .main__content ol {
- gap: 16px;
- padding-left: 30px;
- }
-}
-.main__content li ul,
-.main__content li ol {
- margin-top: 8px;
-}
-@media (min-width: 992px) {
- .main__content li ul,
- .main__content li ol {
- margin-top: 16px;
- }
-}
-.main__content li ul li,
-.main__content li ol li {
- list-style-type: disc;
-}
-.main__gallery {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__gallery {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- }
-}
-@media (min-width: 992px) {
- .main__gallery {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-.main__gallery-item {
- width: 100%;
- aspect-ratio: 400/224;
- border-radius: 30px;
- position: relative;
- overflow: hidden;
-}
-.main__gallery-item:hover {
- -webkit-filter: brightness(1.1);
- filter: brightness(1.1);
-}
-.main__gallery-item img {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.main__employers {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .main__employers {
- gap: 30px;
- }
-}
-.main__employers-body {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 992px) {
- .main__employers-body {
- gap: 30px;
- }
-}
-.main__employers-body.showed {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.main__employers-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- border: 1px solid #cecece;
- border-radius: 8px;
- position: relative;
- overflow: hidden;
- padding: 10px;
- padding-top: 50px;
- padding-bottom: 30px;
-}
-@media (min-width: 768px) {
- .main__employers-item {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding: 55px 20px;
- }
-}
-@media (min-width: 1280px) {
- .main__employers-item {
- padding-left: 55px;
- }
-}
-.main__employers-item-inner {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 768px) {
- .main__employers-item-inner {
- width: calc(100% - 200px);
- padding-right: 40px;
- }
-}
-@media (min-width: 992px) {
- .main__employers-item-inner {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-.main__employers-item-pic {
- height: 30px;
- position: absolute;
- top: 10px;
- left: 10px;
-}
-@media (min-width: 768px) {
- .main__employers-item-pic {
- position: static;
- width: 150px;
- height: auto;
- max-height: 150px;
- -o-object-fit: contain;
- object-fit: contain;
- }
-}
-.main__employers-item-body {
- font-size: 12px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .main__employers-item-body {
- font-size: 16px;
- padding-top: 20px;
- }
-}
-@media (min-width: 992px) {
- .main__employers-item-body {
- width: calc(100% - 150px);
- padding: 0;
- padding-left: 40px;
- }
-}
-.main__employers-item-body b {
- font-weight: 700;
-}
-@media (min-width: 768px) {
- .main__employers-item-body b {
- font-size: 20px;
- }
-}
-.main__employers-item-body i {
- font-style: normal;
- color: #3a3b3c;
-}
-.main__employers-item-more {
- position: absolute;
- top: 10px;
- right: 10px;
-}
-@media (min-width: 768px) {
- .main__employers-item-more {
- width: 200px;
- padding: 0;
- position: static;
- }
-}
-.main__employers-item-label {
- background: #4d88d9;
- color: #ffffff;
- border-radius: 6px;
- width: 100%;
- height: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0 12px;
- position: absolute;
- bottom: 0;
- left: 0;
- font-size: 12px;
- line-height: 1;
-}
-@media (min-width: 768px) {
- .main__employers-item-label {
- max-width: 350px;
- height: 30px;
- font-size: 15px;
- }
-}
-.main__employers-item-label svg {
- width: 8px;
- height: 8px;
-}
-@media (min-width: 768px) {
- .main__employers-item-label svg {
- width: 12px;
- height: 12px;
- }
-}
-.main__employers-item-label span {
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- width: calc(100% - 8px);
- padding-left: 6px;
-}
-.main__employers-one {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-.main__employers-two {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__employers-two {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- gap: 20px 0;
- }
-}
-.main__employers-two .main__employers-item {
- width: calc(50% - 10px);
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- padding-top: 30px;
-}
-.main__employers-two .main__employers-item-inner {
- width: 100%;
- padding: 0;
-}
-.main__employers-two .main__employers-item-more {
- position: static;
- margin-top: 20px;
-}
-@media (min-width: 992px) {
- .main__employers-two .main__employers-item-more {
- margin-left: 190px;
- }
-}
-.main__employers-two .main__employers-item-label {
- max-width: none;
-}
-.main__employer-page {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__employer-page {
- gap: 30px;
- }
-}
-.main__employer-page-title {
- color: #3a3b3c;
- margin: 0;
- font-size: 30px;
-}
-@media (min-width: 768px) {
- .main__employer-page-title {
- font-size: 36px;
- }
-}
-@media (min-width: 992px) {
- .main__employer-page-title {
- font-size: 44px;
- }
-}
-.main__employer-page-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .main__employer-page-item {
- font-size: 18px;
- gap: 8px;
- }
-}
-.main__employer-page-item b {
- color: #377d87;
- font-size: 14px;
-}
-@media (min-width: 768px) {
- .main__employer-page-item b {
- font-size: 18px;
- }
-}
-.main__employer-page-item span {
- color: #3a3b3c;
-}
-.main__employer-page-info {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__employer-page-info {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 30px 40px;
- }
-}
-@media (min-width: 1280px) {
- .main__employer-page-info {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding-right: 160px;
- }
-}
-@media (min-width: 768px) {
- .main__employer-page-info .main__employer-page-item b,
- .main__employer-page-info .main__employer-page-item span {
- max-width: 300px;
- }
-}
-.main__employer-page-tabs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__employer-page-tabs {
- margin-top: 20px;
- }
-}
-.main__employer-page-tabs-item {
- font-size: 22px;
- font-weight: 700;
- border: none;
- background: none;
- padding: 0;
- color: #9c9d9d;
- text-decoration: underline;
- text-decoration-thickness: 1px;
-}
-@media (min-width: 768px) {
- .main__employer-page-tabs-item {
- font-size: 24px;
- }
-}
-.main__employer-page-tabs-item.active {
- color: #377d87;
-}
-.main__employer-page-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .main__employer-page-body {
- margin-top: 30px;
- }
-}
-.main__employer-page-body-item {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-.main__employer-page-body-item.showed {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.main__employer-page-one {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__employer-page-one {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- }
-}
-@media (min-width: 992px) {
- .main__employer-page-one {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-@media (min-width: 1280px) {
- .main__employer-page-one {
- grid-template-columns: repeat(4, 1fr);
- gap: 30px 20px;
- }
-}
-.main__employer-page-one-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- font-size: 12px;
- position: relative;
-}
-@media (min-width: 1280px) {
- .main__employer-page-one-item {
- font-size: 18px;
- }
-}
-.main__employer-page-one-item img {
- border-radius: 10px;
- -o-object-fit: cover;
- object-fit: cover;
- width: 100%;
- max-height: 250px;
- aspect-ratio: 247/174;
-}
-@media (min-width: 1280px) {
- .main__employer-page-one-item img {
- margin-bottom: 10px;
- }
-}
-.main__employer-page-one-item b {
- font-weight: 700;
- color: #377d87;
-}
-.main__employer-page-one-item span {
- color: #3a3b3c;
-}
-.main__employer-page-one-item i {
- font-style: normal;
- color: #377d87;
-}
-.main__employer-page-one-item .del {
- position: absolute;
- z-index: 1;
- top: 8px;
- left: 8px;
-}
-.main__employer-page-two {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-.main__employer-page-two-item {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
- padding: 20px 10px;
- border-radius: 12px;
- border: 1px solid #cecece;
- position: relative;
- overflow: hidden;
- font-size: 12px;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item {
- font-size: 14px;
- padding: 20px;
- gap: 24px;
- padding-bottom: 35px;
- }
-}
-@media (min-width: 992px) {
- .main__employer-page-two-item {
- font-size: 16px;
- }
-}
-@media (min-width: 1280px) {
- .main__employer-page-two-item {
- font-size: 18px;
- }
-}
-.main__employer-page-two-item-toper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 22px;
- font-weight: 700;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-toper {
- font-size: 30px;
- }
-}
-.main__employer-page-two-item-toper img {
- width: 60px;
- aspect-ratio: 1/1;
- -o-object-fit: contain;
- object-fit: contain;
-}
-.main__employer-page-two-item-toper span {
- width: calc(100% - 60px);
- padding-left: 10px;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-toper span {
- padding-left: 20px;
- }
-}
-.main__employer-page-two-item-title {
- font-size: 18px;
- font-weight: 700;
- color: #377d87;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-title {
- font-size: 24px;
- }
-}
-.main__employer-page-two-item-text {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-.main__employer-page-two-item-text-name {
- font-weight: 700;
-}
-.main__employer-page-two-item-text-body {
- color: #3a3b3c;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
- padding: 0 10px;
-}
-.main__employer-page-two-item-text-body p {
- margin: 0;
-}
-.main__employer-page-two-item-text-body ul {
- margin: 0;
- padding: 0;
- padding-left: 16px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-text-body ul {
- margin: 0 5px;
- }
-}
-.main__employer-page-two-item-text-body ul span,
-.main__employer-page-two-item-text-body ul a {
- color: #3a3b3c;
- position: relative;
-}
-.main__employer-page-two-item-text-body ul a:hover {
- color: #377d87;
-}
-.main__employer-page-two-item-text-body p + ul {
- margin-top: 10px;
-}
-.main__employer-page-two-item-text-links {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
- padding: 0 10px;
- font-weight: 700;
- margin-top: 5px;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-text-links {
- gap: 20px;
- }
-}
-.main__employer-page-two-item-text-links a {
- color: #4d88d9;
-}
-.main__employer-page-two-item-text-links a:hover {
- color: #377d87;
-}
-.main__employer-page-two-item-tags {
- color: #4d88d9;
- font-weight: 500;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- gap: 10px 20px;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-tags {
- font-size: 14px;
- }
-}
-.main__employer-page-two-item-buttons {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-button {
- position: absolute;
- bottom: 20px;
- left: 20px;
- width: 200px;
- padding: 0;
- }
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-button + .main__employer-page-two-item-button {
- left: auto;
- right: 20px;
- }
-}
-.main__employer-page-two-item-bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-.main__employer-page-two-item-bottom-date {
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-bottom-date {
- position: absolute;
- bottom: 20px;
- right: 240px;
- height: 42px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-@media (min-width: 992px) {
- .main__employer-page-two-item-bottom-date {
- font-size: 16px;
- }
-}
-@media (min-width: 768px) {
- .main__employer-page-two-item-bottom-like {
- position: absolute;
- bottom: 20px;
- left: 240px;
- }
-}
-@media (min-width: 768px) {
- .main__employer-page-two-more {
- margin-top: 10px;
- padding: 0;
- width: 200px;
- }
-}
-.main__employer-page-two .main__employer-page-two-item {
- display: none;
-}
-.main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.main__employer-page-two.active .main__employer-page-two-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.main__resume-base {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- color: #3a3b3c;
-}
-.main__resume-base-body {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body {
- margin-top: 30px;
- }
-}
-.main__resume-base-body.showed {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.main__resume-base-body-one {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-one {
- gap: 30px;
- }
-}
-.main__resume-base-body-two {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-two {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- gap: 30px 0;
- }
-}
-@media (min-width: 768px) {
- .main__resume-base-body-two .main__resume-base-body-item {
- width: calc(50% - 10px);
- }
-}
-.main__resume-base-body-two .main__resume-base-body-item-wrapper {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.main__resume-base-body-item {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- position: relative;
- border: 1px solid #377d87;
- border-radius: 8px;
- padding: 10px;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item {
- padding: 20px;
- }
-}
-.main__resume-base-body-item-buttons {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
- position: absolute;
- top: 10px;
- right: 10px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-buttons {
- top: 20px;
- right: 20px;
- }
-}
-.main__resume-base-body-item-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 20px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-wrapper {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- }
-}
-.main__resume-base-body-item-photo {
- width: 180px;
- aspect-ratio: 1/1;
- -o-object-fit: cover;
- object-fit: cover;
- border-radius: 8px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-photo {
- width: 210px;
- }
-}
-.main__resume-base-body-item-inner {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-inner {
- gap: 16px;
- padding-right: 50px;
- }
-}
-@media (min-width: 992px) {
- .main__resume-base-body-item-inner {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 30px;
- }
-}
-.main__resume-base-body-item-inner div {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-inner div {
- font-size: 16px;
- }
-}
-.main__resume-base-body-item-inner b {
- color: #377d87;
- font-size: 14px;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-inner b {
- font-size: 18px;
- }
-}
-.main__resume-base-body-item-link {
- width: 100%;
- padding: 0;
-}
-@media (min-width: 768px) {
- .main__resume-base-body-item-link {
- width: 200px;
- }
-}
-.main__spoiler {
- overflow: hidden;
- border-radius: 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.main__spoiler-toper {
- background: #377d87;
- height: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- color: #ffffff;
- font-size: 12px;
- font-weight: 700;
- padding: 0 30px;
- border: none;
- position: relative;
-}
-@media (min-width: 768px) {
- .main__spoiler-toper {
- font-size: 18px;
- height: 50px;
- padding: 0 60px;
- }
-}
-.main__spoiler-toper:before, .main__spoiler-toper:after {
- content: "";
- background: #ffffff;
- border-radius: 999px;
- width: 10px;
- height: 1px;
- position: absolute;
- top: 50%;
- right: 10px;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
-}
-@media (min-width: 768px) {
- .main__spoiler-toper:before, .main__spoiler-toper:after {
- width: 20px;
- height: 2px;
- right: 20px;
- }
-}
-.main__spoiler-toper:after {
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
-}
-.main__spoiler-toper.active:after {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
-}
-.main__spoiler-body {
- opacity: 0;
- height: 0;
- overflow: hidden;
- border-radius: 0 0 8px 8px;
- background: #ffffff;
-}
-.main__spoiler-body table {
- width: calc(100% + 2px);
- margin-left: -1px;
- margin-bottom: -1px;
-}
-@media (min-width: 992px) {
- .main__spoiler-body table td {
- width: 40%;
- }
-}
-@media (min-width: 992px) {
- .main__spoiler-body table td + td {
- width: 60%;
- }
-}
-.active + .main__spoiler-body {
- -webkit-transition: 0.3s;
- transition: 0.3s;
- opacity: 1;
- height: auto;
- border: 1px solid #cecece;
- border-top: none;
-}
-.main__table {
- border-collapse: collapse;
- table-layout: fixed;
- font-size: 12px;
- width: 100%;
- background: #ffffff;
-}
-@media (min-width: 768px) {
- .main__table {
- font-size: 16px;
- }
-}
-.main__table td {
- border: 1px solid #cecece;
- padding: 4px 8px;
- vertical-align: top;
-}
-@media (min-width: 768px) {
- .main__table td {
- padding: 8px 16px;
- }
-}
-.main__table td b {
- font-weight: 700;
-}
-.main__table_three {
- table-layout: auto;
-}
-.main__table_three td {
- width: 25% !important;
-}
-.main__table_three td:last-child {
- width: 50% !important;
-}
-.main__table b {
- display: block;
-}
-.main__table a {
- color: #377d87;
- text-decoration: underline;
-}
-.main__table a:hover {
- color: #3a3b3c;
-}
-.main__resume-profile-about {
- padding-top: 20px;
- padding-bottom: 30px;
- position: relative;
- margin-top: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
-}
-@media (min-width: 992px) {
- .main__resume-profile-about {
- padding: 50px 0;
- }
-}
-.main__resume-profile-about:before {
- content: "";
- position: absolute;
- z-index: 1;
- top: 0;
- left: 50%;
- width: 20000px;
- height: 100%;
- margin-left: -10000px;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
-}
-.main__resume-profile-about-title {
- position: relative;
- z-index: 2;
- color: #3a3b3c;
-}
-.main__resume-profile-about-text {
- position: relative;
- z-index: 2;
-}
-.main__resume-profile-about-button {
- position: relative;
- z-index: 2;
- margin-top: 10px;
-}
-.main__resume-profile-info {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- margin-top: 30px;
-}
-@media (min-width: 992px) {
- .main__resume-profile-info {
- margin-top: 50px;
- gap: 30px;
- }
-}
-.main__resume-profile-info-title {
- color: #3a3b3c;
-}
-.main__resume-profile-info-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 992px) {
- .main__resume-profile-info-body {
- gap: 30px;
- }
-}
-.main__resume-profile-info-body-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .main__resume-profile-info-body-item {
- gap: 20px;
- }
-}
-.main__resume-profile-info-body-subtitle {
- color: #4d88d9;
-}
-.main__resume-profile-info-body-inner {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- margin: 0;
- padding: 0;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .main__resume-profile-info-body-inner {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- }
-}
-@media (min-width: 992px) {
- .main__resume-profile-info-body-inner {
- grid-template-columns: repeat(3, 1fr);
- font-size: 16px;
- }
-}
-.main__resume-profile-info-body-inner li {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
-}
-@media (min-width: 992px) {
- .main__resume-profile-info-body-inner li {
- gap: 8px;
- }
-}
-.main__resume-profile-info-body-inner b {
- color: #377d87;
- font-size: 14px;
-}
-@media (min-width: 992px) {
- .main__resume-profile-info-body-inner b {
- font-size: 18px;
- }
-}
-.main__resume-profile-info-body-inner span {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 4px;
-}
-@media (min-width: 992px) {
- .main__resume-profile-info-body-inner span {
- gap: 6px;
- }
-}
-.main__resume-profile-review {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- padding: 20px 10px;
- margin-top: 30px;
- border-radius: 16px;
- border: 1px solid #cecece;
- background: #ffffff;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
-}
-@media (min-width: 992px) {
- .main__resume-profile-review {
- margin-top: 50px;
- padding: 50px 40px;
- gap: 30px;
- }
-}
-.main__resume-profile-review-title {
- color: #3a3b3c;
-}
-.main__resume-profile-review-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
-}
-.main__resume-profile-review-body .textarea {
- width: 100%;
-}
-.main__resume-profile-review-body .button {
- margin-top: 10px;
-}
-.main__vacancies {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .main__vacancies {
- gap: 30px;
- }
-}
-.main__vacancies-title {
- color: #3a3b3c;
- width: 100%;
-}
-.main__vacancies-filters {
- width: 100%;
-}
-.main__vacancies-item {
- width: 100%;
- background: none;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
-}
-.main__vacancies-item-page {
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: none;
- margin: 0 -10px;
-}
-@media (min-width: 768px) {
- .main__vacancies-item-page {
- margin: 0 -20px;
- }
-}
-.main__vacancies-thing {
- width: 100%;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- padding: 20px 10px;
- padding-bottom: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 24px;
- border-radius: 12px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
-}
-@media (min-width: 992px) {
- .main__vacancies-thing {
- padding: 30px 20px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 0;
- }
-}
-@media (min-width: 1280px) {
- .main__vacancies-thing {
- padding: 50px 20px;
- }
-}
-.main__vacancies-thing-pic {
- position: relative;
- z-index: 2;
- width: 100%;
- aspect-ratio: 42/34;
- -o-object-fit: cover;
- object-fit: cover;
- border-radius: 8px;
- max-height: 340px;
-}
-@media (min-width: 992px) {
- .main__vacancies-thing-pic {
- width: 380px;
- }
-}
-@media (min-width: 1280px) {
- .main__vacancies-thing-pic {
- width: 420px;
- }
-}
-.main__vacancies-thing-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 16px;
- color: #3a3b3c;
-}
-@media (min-width: 992px) {
- .main__vacancies-thing-body {
- width: calc(100% - 380px);
- padding-left: 20px;
- }
-}
-@media (min-width: 1280px) {
- .main__vacancies-thing-body {
- width: calc(100% - 420px);
- gap: 20px;
- }
-}
-.main__vacancies-thing-body > * {
- width: 100%;
-}
-.main__vacancies-thing-body .button {
- width: auto;
-}
-@media (min-width: 768px) {
- .main__vacancies-thing-body .button {
- min-width: 200px;
- }
-}
-.main__vacancies-thing-scroll {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 16px;
- overflow: hidden;
- overflow-y: auto;
- max-height: 180px;
- padding-right: 10px;
-}
-@media (min-width: 768px) {
- .main__vacancies-thing-scroll {
- max-height: 210px;
- padding-right: 20px;
- }
-}
-@media (min-width: 992px) {
- .main__vacancies-thing-scroll {
- max-height: 175px;
- }
-}
-@media (min-width: 1280px) {
- .main__vacancies-thing-scroll {
- max-height: 200px;
- gap: 20px;
- }
-}
-.main__cond {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 50px;
-}
-.main__cond > div {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-.main__cond-label {
- border-radius: 16px;
- border: 1px solid #cecece;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- padding: 30px 20px;
- font-weight: 700;
- color: #3a3b3c;
- line-height: 2;
- text-align: center;
-}
-@media (min-width: 992px) {
- .main__cond-label {
- font-size: 30px;
- }
-}
-.main__cond-icons {
- padding: 0;
- margin: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 25px;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .main__cond-icons {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 60px;
- margin-top: 20px;
- }
-}
-@media (min-width: 1280px) {
- .main__cond-icons {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-.main__cond-icons li {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 20px;
- font-size: 12px;
- line-height: 1.4;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .main__cond-icons li {
- font-size: 14px;
- }
-}
-@media (min-width: 992px) {
- .main__cond-icons li {
- font-size: 16px;
- line-height: 1.6;
- }
-}
-@media (min-width: 1280px) {
- .main__cond-icons li {
- font-size: 18px;
- }
-}
-.main__cond-icons li span {
- width: 48px;
- height: 48px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.main__cond-icons li span img {
- max-width: 48px;
-}
-.main__cond-callback {
- margin-top: 10px;
-}
-.main__ads {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 30px;
- margin: 30px 0;
-}
-@media (min-width: 992px) {
- .main__ads {
- margin: 60px 0;
- }
-}
-.main__ads-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
-}
-@media (min-width: 992px) {
- .main__ads-item {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- gap: 0;
- }
-}
-.main__ads-item-pic {
- width: 100%;
- max-width: 440px;
- max-height: 200px;
- aspect-ratio: 3/2;
- position: relative;
- overflow: hidden;
- border-radius: 12px;
-}
-@media (min-width: 992px) {
- .main__ads-item-pic {
- width: 200px;
- aspect-ratio: 1/1;
- }
-}
-.main__ads-item-pic img {
- z-index: 1;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.main__ads-item-pic span {
- z-index: 2;
- width: 30px;
- height: 30px;
- border-radius: 6px;
- background: #4d88d9;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: absolute;
- top: 10px;
- left: 10px;
- color: #ffffff;
-}
-@media (min-width: 992px) {
- .main__ads-item-pic span {
- width: 42px;
- height: 42px;
- }
-}
-.main__ads-item-pic span svg {
- width: 12px;
- height: 12px;
-}
-@media (min-width: 992px) {
- .main__ads-item-pic span svg {
- width: 20px;
- height: 20px;
- }
-}
-.main__ads-item-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
- font-size: 12px;
-}
-@media (min-width: 992px) {
- .main__ads-item-body {
- width: calc(100% - 200px);
- padding-left: 40px;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- font-size: 16px;
- gap: 20px;
- }
-}
-.main__ads-item-body b {
- width: 100%;
- font-weight: 700;
- font-size: 14px;
-}
-@media (min-width: 992px) {
- .main__ads-item-body b {
- font-size: 20px;
- }
-}
-.main__ads-item-body span {
- width: 100%;
-}
-
-.work {
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- color: #6b6c6d;
- padding-top: 70px;
- padding-bottom: 10px;
- position: relative;
- overflow: hidden;
-}
-@media (min-width: 768px) {
- .work {
- padding-bottom: 25px;
- }
-}
-@media (min-width: 1280px) {
- .work {
- padding-top: 80px;
- padding-bottom: 25px;
- }
-}
-.work__pic {
- position: absolute;
- height: calc(100% - 40px);
- z-index: 1;
- display: none;
- bottom: 0;
- left: 50%;
- margin-left: 40px;
-}
-@media (min-width: 992px) {
- .work__pic {
- display: block;
- }
-}
-@media (min-width: 1280px) {
- .work__pic {
- margin-left: 80px;
- }
-}
-.work__body {
- position: relative;
- z-index: 2;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .work__body {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- }
-}
-@media (min-width: 992px) {
- .work__body {
- max-width: 600px;
- }
-}
-.work__title {
- width: 100%;
- font-size: 40px;
- font-weight: 700;
- line-height: 1;
-}
-@media (min-width: 768px) {
- .work__title {
- font-size: 64px;
- line-height: 94px;
- }
-}
-.work__text {
- width: 100%;
- font-size: 12px;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .work__text {
- font-size: 18px;
- margin-top: 20px;
- line-height: 1.4;
- }
-}
-.work__list {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 5px;
- font-size: 14px;
- font-weight: 700;
- margin-top: 15px;
-}
-@media (min-width: 768px) {
- .work__list {
- font-size: 18px;
- gap: 8px;
- margin-top: 30px;
- }
-}
-.work__list div {
- position: relative;
- padding-left: 10px;
-}
-@media (min-width: 768px) {
- .work__list div {
- padding-left: 16px;
- }
-}
-.work__list div:before {
- content: "";
- width: 4px;
- height: 4px;
- background: #6b6c6d;
- border-radius: 999px;
- position: absolute;
- top: 5px;
- left: 0;
-}
-@media (min-width: 768px) {
- .work__list div:before {
- top: 8px;
- }
-}
-.work__form {
- margin-top: 20px;
-}
-@media (min-width: 768px) {
- .work__form {
- margin-top: 30px;
- }
-}
-.work__search {
- width: 100%;
- max-width: 180px;
- margin-top: 20px;
-}
-@media (min-width: 768px) {
- .work__search {
- max-width: 270px;
- margin-top: 50px;
- }
-}
-.work__get {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-top: 48px;
-}
-.work__get b {
- width: 100%;
- margin-bottom: 10px;
- font-size: 14px;
-}
-@media (min-width: 768px) {
- .work__get b {
- font-size: 18px;
- }
-}
-.work__get a {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- margin-right: 20px;
-}
-.work__get a img {
- -webkit-transition: 0.3s;
- transition: 0.3s;
- width: 111px;
-}
-@media (min-width: 768px) {
- .work__get a img {
- width: 131px;
- }
-}
-.work__get a:hover img {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
-}
-.work__get a + a {
- margin-right: 0;
-}
-
-.numbers {
- padding: 30px 0;
- background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
- color: #ffffff;
-}
-@media (min-width: 1280px) {
- .numbers {
- padding: 100px 0;
- background-position: 100% 100%;
- background-size: auto 500px;
- }
-}
-.numbers__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 30px;
-}
-@media (min-width: 768px) {
- .numbers__body {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- }
-}
-.numbers__item {
- font-size: 12px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- line-height: 1.4;
-}
-@media (min-width: 1280px) {
- .numbers__item {
- font-size: 16px;
- line-height: 20px;
- }
-}
-.numbers__item b {
- font-size: 40px;
- font-weight: 700;
- border-bottom: 1px solid #ffffff;
- line-height: 1;
-}
-@media (min-width: 1280px) {
- .numbers__item b {
- font-size: 100px;
- line-height: 147px;
- }
-}
-.numbers__item span {
- font-weight: 700;
- font-size: 14px;
- margin: 10px 0;
- line-height: 1;
-}
-@media (min-width: 1280px) {
- .numbers__item span {
- font-size: 24px;
- margin-top: 30px;
- }
-}
-
-.vacancies {
- padding: 50px 0;
-}
-@media (min-width: 1280px) {
- .vacancies {
- padding: 100px 0;
- }
-}
-.vacancies__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- gap: 20px;
- width: 100%;
- margin-top: 20px;
-}
-@media (min-width: 992px) {
- .vacancies__body {
- margin-top: 30px;
- gap: 30px;
- }
-}
-.vacancies__more {
- width: 100%;
-}
-@media (min-width: 768px) {
- .vacancies__more {
- width: auto;
- margin: 0 auto;
- }
-}
-.vacancies__list {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 15px;
-}
-@media (min-width: 768px) {
- .vacancies__list {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- }
-}
-@media (min-width: 992px) {
- .vacancies__list {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .vacancies__list {
- grid-template-columns: repeat(4, 1fr);
- }
-}
-.vacancies__list-label {
- font-weight: 700;
- font-size: 22px;
-}
-.vacancies__list-col {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 15px;
- margin-top: 15px;
-}
-@media (min-width: 768px) {
- .vacancies__list-col {
- margin-top: 0;
- }
-}
-.vacancies__list-col:first-child {
- margin-top: 0;
-}
-.vacancies__item {
- display: none;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- border-radius: 12px;
- background: #ffffff;
- border: 1px solid #e6e7e7;
- overflow: hidden;
-}
-.vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.vacancies__item > span {
- border-left: 10px solid #377d87;
- padding: 20px 14px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 5px;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-@media (min-width: 992px) {
- .vacancies__item > span {
- gap: 10px;
- }
-}
-.vacancies__item b {
- font-weight: 700;
- font-size: 14px;
-}
-@media (min-width: 992px) {
- .vacancies__item b {
- font-size: 20px;
- }
-}
-.vacancies__item:hover b {
- color: #377d87;
-}
-.vacancies__item u {
- text-decoration: none;
- font-size: 14px;
-}
-@media (min-width: 992px) {
- .vacancies__item u {
- font-size: 18px;
- }
-}
-.vacancies__item i {
- font-size: 12px;
- font-style: normal;
- border-bottom: 1px dashed #377d87;
-}
-@media (min-width: 992px) {
- .vacancies__item i {
- font-size: 16px;
- }
-}
-.vacancies__item i span {
- font-weight: 700;
- color: #377d87;
-}
-.vacancies__body.active .vacancies__list .vacancies__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.employer {
- padding-bottom: 50px;
-}
-@media (min-width: 992px) {
- .employer {
- padding-bottom: 100px;
- }
-}
-.employer .swiper {
- margin-top: 20px;
-}
-@media (min-width: 992px) {
- .employer .swiper {
- margin-top: 30px;
- }
-}
-.employer__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 30px;
-}
-.employer__item a {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.employer__item img {
- width: 100%;
- aspect-ratio: 295/98;
- -o-object-fit: contain;
- object-fit: contain;
-}
-.employer__more {
- height: 38px;
- margin-top: 20px;
-}
-@media (min-width: 992px) {
- .employer__more {
- width: 250px;
- margin: 0 auto;
- height: 44px;
- margin-top: 40px;
- }
-}
-
-.about {
- background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
- background-size: cover;
- padding: 30px 0;
- padding-bottom: 70px;
-}
-@media (min-width: 768px) {
- .about {
- padding-top: 40px;
- background-size: auto calc(100% - 10px);
- }
-}
-@media (min-width: 1280px) {
- .about {
- padding: 100px 0;
- }
-}
-.about__wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
-}
-.about__title {
- color: #ffffff;
- line-height: 1.2;
-}
-@media (min-width: 1280px) {
- .about__title {
- position: absolute;
- top: -45px;
- left: 0;
- }
-}
-.about__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 1280px) {
- .about__body {
- padding-left: 495px;
- }
-}
-.about__line {
- background: #ffffff;
- width: 100%;
- height: 1px;
- max-width: 400px;
- margin-top: 10px;
-}
-.about__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-top: 10px;
- max-width: 600px;
-}
-@media (min-width: 768px) {
- .about__item {
- margin-top: 20px;
- }
-}
-@media (min-width: 1280px) {
- .about__item {
- margin-top: 30px;
- }
-}
-.about__item b {
- font-size: 20px;
- font-weight: 700;
-}
-.about__item span {
- font-size: 13px;
- line-height: 1.4;
- margin-top: 6px;
-}
-@media (min-width: 1280px) {
- .about__item span {
- font-size: 16px;
- margin-top: 12px;
- }
-}
-.about__item a {
- text-decoration: underline;
-}
-.about__item + .about__item {
- margin-top: 30px;
-}
-@media (min-width: 992px) {
- .about__item + .about__item {
- margin-top: 40px;
- }
-}
-.about__button {
- margin-top: 20px;
- height: 38px;
- padding: 0;
-}
-@media (min-width: 768px) {
- .about__button {
- max-width: 200px;
- height: 42px;
- margin-top: 30px;
- }
-}
-
-.news {
- padding: 50px 0;
- overflow: hidden;
-}
-@media (min-width: 1280px) {
- .news {
- padding: 100px 0;
- padding-bottom: 0;
- }
-}
-.news__toper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 1280px) {
- .news__toper .title {
- width: calc(100% - 160px);
- }
-}
-.news__toper .navs {
- display: none;
-}
-@media (min-width: 1280px) {
- .news__toper .navs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-.news .swiper {
- margin-top: 20px;
-}
-@media (min-width: 768px) {
- .news .swiper {
- overflow: visible;
- }
-}
-@media (min-width: 992px) {
- .news .swiper {
- margin-top: 40px;
- }
-}
-.news__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- line-height: 1.4;
-}
-.news__item-pic {
- width: 100%;
- aspect-ratio: 3/2;
- border-radius: 12px;
- border: 1px solid #e6e7e7;
- -o-object-fit: cover;
- object-fit: cover;
- min-height: 200px;
-}
-@media (min-width: 1280px) {
- .news__item-pic {
- aspect-ratio: 4/2;
- }
-}
-.news__item-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- padding-top: 15px;
-}
-@media (min-width: 768px) {
- .news__item-body {
- padding: 20px;
- padding-top: 30px;
- margin-top: -15px;
- border-radius: 0 0 12px 12px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
- }
-}
-.news__item-date {
- font-size: 14px;
- font-weight: 700;
- color: #377d87;
-}
-.news__item-title {
- font-size: 20px;
- font-weight: 700;
- line-height: 1.2;
- margin-top: 5px;
-}
-.news__item-text {
- color: #6b6c6d;
- font-size: 13px;
- margin-top: 10px;
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 4;
-}
-@media (min-width: 1280px) {
- .news__item-text {
- font-size: 16px;
- }
-}
-.news__item-more {
- height: 42px;
- margin-top: 20px;
-}
-@media (min-width: 1280px) {
- .news__item-more {
- height: 44px;
- max-width: 190px;
- }
-}
-.news__all {
- height: 42px;
- margin: 0 auto;
- margin-top: 20px;
- padding: 0;
- display: none;
-}
-@media (min-width: 768px) {
- .news__all {
- max-width: 170px;
- margin-top: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
-}
-@media (min-width: 1280px) {
- .news__all {
- height: 44px;
- }
-}
-.news__items {
- display: grid;
- gap: 20px;
- margin-bottom: 10px;
-}
-@media (min-width: 768px) {
- .news__items {
- grid-template-columns: 1fr 1fr;
- }
-}
-@media (min-width: 992px) {
- .news__items {
- grid-template-columns: 1fr 1fr 1fr;
- }
-}
-
-main + .news {
- padding: 0;
-}
-
-.info {
- position: relative;
- overflow: hidden;
-}
-@media (min-width: 1280px) {
- .info {
- margin-bottom: -25px;
- }
-}
-.info__pic {
- display: none;
- z-index: 1;
- position: absolute;
- top: 0;
- left: 50%;
- height: 100%;
- margin-left: 130px;
-}
-@media (min-width: 992px) {
- .info__pic {
- display: block;
- }
-}
-@media (min-width: 1280px) {
- .info__pic {
- width: 610px;
- height: auto;
- margin-left: 10px;
- }
-}
-.info__body {
- z-index: 2;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 1280px) {
- .info__body {
- padding-top: 100px;
- min-height: 600px;
- }
-}
-@media (min-width: 1280px) {
- .info__title {
- max-width: 520px;
- line-height: 1;
- }
-}
-.info__item {
- margin-top: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 992px) {
- .info__item {
- max-width: 610px;
- }
-}
-.info__item + .info__item {
- margin-top: 60px;
-}
-.info__text {
- color: #6b6c6d;
- font-size: 13px;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .info__text {
- font-size: 16px;
- }
-}
-@media (min-width: 1280px) {
- .info__text {
- font-size: 18px;
- }
-}
-.info__link {
- border-radius: 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- line-height: 1;
- height: 40px;
- font-size: 12px;
- font-weight: 700;
- gap: 8px;
- color: #ffffff;
- background: #377d87;
-}
-.info__link:hover {
- -webkit-filter: grayscale(50%);
- filter: grayscale(50%);
-}
-@media (min-width: 768px) {
- .info__link {
- height: 44px;
- font-size: 16px;
- gap: 10px;
- max-width: 300px;
- }
-}
-@media (min-width: 992px) {
- .info__link {
- max-width: 210px;
- }
-}
-.info__link svg {
- width: 16px;
- height: 16px;
-}
-@media (min-width: 768px) {
- .info__link svg {
- width: 20px;
- height: 20px;
- }
-}
-
-.thing {
- padding-top: 15px;
- padding-bottom: 30px;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- color: #3a3b3c;
- overflow: hidden;
- position: relative;
-}
-@media (min-width: 992px) {
- .thing {
- padding-top: 20px;
- padding-bottom: 60px;
- }
-}
-@media (min-width: 1280px) {
- .thing {
- padding-bottom: 90px;
- }
-}
-.thing_pdf {
- padding: 30px 0;
-}
-@media (min-width: 992px) {
- .thing_pdf {
- padding: 60px 0;
- }
-}
-@media (min-width: 1280px) {
- .thing_pdf {
- padding: 90px 0;
- }
-}
-.thing__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-.thing__breadcrumbs {
- width: 100%;
- margin-bottom: 40px;
- position: relative;
- z-index: 2;
-}
-@media (min-width: 768px) {
- .thing__breadcrumbs {
- margin-bottom: 60px;
- }
-}
-.thing__date {
- color: #6B6C6D;
- font-size: 14px;
- font-weight: 700;
- line-height: 21px;
- margin-bottom: 10px;
-}
-@media (min-width: 768px) {
- .thing__date {
- font-size: 18px;
- line-height: 27px;
- }
-}
-.thing__title {
- width: 100%;
- font-size: 32px;
- font-weight: 700;
- margin: 0;
- max-width: 780px;
- position: relative;
- z-index: 2;
- line-height: 1.1;
-}
-@media (min-width: 768px) {
- .thing__title {
- font-size: 40px;
- }
-}
-@media (min-width: 1280px) {
- .thing__title {
- font-size: 64px;
- }
-}
-.thing__text {
- width: 100%;
- font-weight: 700;
- font-size: 14px;
- line-height: 1.4;
- margin: 15px 0 0 0;
- max-width: 780px;
- position: relative;
- z-index: 2;
-}
-@media (min-width: 768px) {
- .thing__text {
- margin-top: 15px;
- }
-}
-@media (min-width: 992px) {
- .thing__text {
- font-weight: 400;
- font-size: 18px;
- }
-}
-.thing__search {
- width: 100%;
- max-width: 640px;
- margin-top: 20px;
- position: relative;
- z-index: 2;
-}
-@media (min-width: 768px) {
- .thing__search {
- margin-top: 30px;
- }
-}
-.thing__badge {
- position: relative;
- z-index: 2;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 5px;
- padding: 0 12px;
- background: #4d88d9;
- color: #ffffff;
- font-size: 12px;
- line-height: 1;
- height: 26px;
- border-radius: 999px;
- margin-bottom: 20px;
-}
-@media (min-width: 992px) {
- .thing__badge {
- font-size: 16px;
- gap: 10px;
- padding: 0 24px;
- height: 42px;
- margin-bottom: 30px;
- }
-}
-.thing__badge svg {
- width: 12px;
- height: 12px;
-}
-@media (min-width: 992px) {
- .thing__badge svg {
- width: 20px;
- height: 20px;
- }
-}
-.thing__pic {
- width: 60px;
- aspect-ratio: 1/1;
- -o-object-fit: contain;
- object-fit: contain;
- position: relative;
- z-index: 1;
- margin-bottom: 15px;
-}
-@media (min-width: 768px) {
- .thing__pic {
- width: 160px;
- position: absolute;
- top: 15px;
- right: 20px;
- }
-}
-@media (min-width: 992px) {
- .thing__pic {
- width: 330px;
- top: 50%;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
- }
-}
-@media (min-width: 1280px) {
- .thing__pic {
- right: auto;
- left: 50%;
- margin-left: 200px;
- }
-}
-.thing__pic_two {
- -o-object-fit: cover;
- object-fit: cover;
- border-radius: 30px;
- aspect-ratio: 44/37;
- width: 100%;
- max-width: 440px;
-}
-@media (min-width: 768px) {
- .thing__pic_two {
- position: static;
- -webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- transform: translate(0, 0);
- }
-}
-@media (min-width: 1280px) {
- .thing__pic_two {
- position: absolute;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
- }
-}
-.thing__buttons {
- width: 100%;
- position: relative;
- z-index: 2;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
- margin-top: 15px;
-}
-@media (min-width: 992px) {
- .thing__buttons {
- margin-top: 30px;
- gap: 30px;
- }
-}
-@media (min-width: 992px) {
- .thing__buttons .button {
- padding: 0 22px;
- }
-}
-.thing__checkbox {
- margin-top: 20px;
-}
-.thing__checkbox .checkbox__icon {
- border-color: #377d87;
-}
-.thing__checkbox .checkbox__text {
- color: #377d87;
-}
-.thing__profile {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 768px) {
- .thing__profile {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- }
-}
-.thing__profile-photo {
- width: 210px;
- border-radius: 8px;
- aspect-ratio: 1/1;
-}
-.thing__profile-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-top: 15px;
-}
-@media (min-width: 768px) {
- .thing__profile-body {
- width: calc(100% - 210px);
- padding-left: 35px;
- }
-}
-.thing__profile .thing__title {
- max-width: none;
-}
-@media (min-width: 768px) {
- .thing__profile .thing__title {
- margin-top: -20px;
- }
-}
-.thing__profile .thing__text {
- max-width: none;
-}
-.thing__bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 15px;
- margin-top: 15px;
-}
-@media (min-width: 768px) {
- .thing__bottom {
- margin-top: 30px;
- }
-}
-.thing__select {
- width: 100%;
- max-width: 640px;
- margin-top: 20px;
-}
-@media (min-width: 768px) {
- .thing__select {
- margin-top: 30px;
- }
-}
-
-.page-404 {
- background: url(../images/bg-3.svg) no-repeat 100%/cover;
- overflow: hidden;
-}
-.page-404__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-align: center;
- padding: 60px 0;
- color: #3a3b3c;
- font-size: 12px;
- gap: 10px;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .page-404__body {
- font-size: 18px;
- padding: 120px 0;
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .page-404__body {
- padding: 180px 0;
- text-align: left;
- }
-}
-.page-404__numb {
- font-size: 114px;
- line-height: 1;
- color: #377d87;
- font-weight: 700;
-}
-@media (min-width: 768px) {
- .page-404__numb {
- font-size: 184px;
- }
-}
-@media (min-width: 768px) {
- .page-404__title {
- font-weight: 700;
- font-size: 44px;
- }
-}
-@media (min-width: 1280px) {
- .page-404__title {
- width: 710px;
- position: relative;
- left: 200px;
- }
-}
-@media (min-width: 1280px) {
- .page-404__subtitle {
- width: 710px;
- position: relative;
- left: 200px;
- }
-}
-.page-404__button {
- margin-top: 10px;
-}
-@media (min-width: 1280px) {
- .page-404__button {
- position: relative;
- left: -45px;
- }
-}
-
-.cookies {
- display: none;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- padding: 10px;
- padding-top: 0;
- height: 0;
- position: fixed;
- z-index: 999;
- bottom: 0;
- left: 0;
- width: 100%;
-}
-.cookies-is-actived .cookies {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.cookies__body {
- border-radius: 6px;
- border: 1px solid #377d87;
- background: #ffffff;
- padding: 15px;
- padding-right: 50px;
- position: relative;
- max-width: 940px;
- margin: 0 auto;
-}
-@media (min-width: 768px) {
- .cookies__body {
- padding: 25px;
- padding-right: 50px;
- border-radius: 12px;
- }
-}
-@media (min-width: 992px) {
- .cookies__body {
- padding: 40px 60px;
- }
-}
-.cookies__close {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #377d87;
- padding: 0;
- border: none;
- background: none;
- position: absolute;
- top: 15px;
- right: 15px;
-}
-.cookies__close:hover {
- color: #3a3b3c;
-}
-.cookies__close svg {
- width: 16px;
- height: 16px;
-}
-.cookies__text {
- font-size: 12px;
- color: #377d87;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .cookies__text {
- font-size: 16px;
- font-weight: 700;
- }
-}
-
-.fancybox-active {
- overflow: hidden;
-}
-.fancybox-is-open .fancybox-bg {
- background: #080B0B;
- opacity: 0.6;
- z-index: 9999;
-}
-.fancybox-slide {
- padding: 0;
-}
-@media (min-width: 992px) {
- .fancybox-slide {
- padding: 30px;
- }
-}
-.fancybox-slide--html .fancybox-close-small {
- padding: 0;
- opacity: 1;
- color: #377d87;
-}
-@media (min-width: 768px) {
- .fancybox-slide--html .fancybox-close-small {
- top: 10px;
- right: 10px;
- }
-}
-.fancybox-slide--html .fancybox-close-small:hover {
- color: #3a3b3c;
-}
-
-.modal {
- width: 100%;
- max-width: 820px;
- padding: 0;
- background: #ffffff;
- z-index: 99999;
-}
-@media (min-width: 992px) {
- .modal {
- border-radius: 10px;
- border: 1px solid #377d87;
- }
-}
-.modal_bg {
- background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
-}
-@media (min-width: 768px) {
- .modal_bg {
- background-position: 100% 100%;
- }
-}
-.modal__body {
- padding: 40px 15px;
- padding-bottom: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- width: 100%;
- min-height: 100vh;
- overflow: hidden;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .modal__body {
- font-size: 16px;
- padding-left: 22px;
- padding-right: 22px;
- }
-}
-@media (min-width: 992px) {
- .modal__body {
- min-height: 450px;
- padding: 60px 80px;
- padding-bottom: 40px;
- }
-}
-@media (min-width: 768px) {
- .modal__body .left {
- text-align: left;
- }
-}
-.modal__title {
- width: 100%;
- font-size: 22px;
- font-weight: 700;
- text-align: center;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .modal__title {
- font-size: 32px;
- }
-}
-@media (min-width: 992px) {
- .modal__title {
- font-size: 44px;
- }
-}
-.modal__text {
- width: 100%;
- text-align: center;
- margin-top: 10px;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .modal__text {
- margin-top: 20px;
- }
-}
-.modal__text span {
- color: #9C9D9D;
-}
-.modal__text a {
- font-weight: 700;
- color: #377d87;
-}
-.modal__text a:hover {
- color: #3a3b3c;
-}
-.modal__button {
- margin-top: 20px;
-}
-@media (min-width: 768px) {
- .modal__button {
- min-width: 200px;
- margin-top: 30px;
- }
-}
-.modal__buttons {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 20px;
- margin-top: 20px;
-}
-@media (min-width: 768px) {
- .modal__buttons {
- gap: 30px;
- margin-top: 30px;
- }
-}
-.modal__form {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 16px;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .modal__form {
- margin-top: 20px;
- }
-}
-.modal__form-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 4px;
-}
-.modal__form-item > .input {
- width: 100%;
-}
-.modal__form-item > .textarea {
- width: 100%;
- height: 175px;
-}
-@media (min-width: 768px) {
- .modal__form-item > .textarea {
- height: 195px;
- }
-}
-.modal__form-item > .file {
- width: 100%;
-}
-.modal__form-item > .button {
- min-width: 120px;
-}
-.modal__form-item > label {
- width: 100%;
- display: none;
- color: #eb5757;
- padding: 0 10px;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .modal__form-item > label {
- padding: 0 20px;
- font-size: 16px;
- }
-}
-.modal__sign {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- margin-top: 10px;
- margin-bottom: 20px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .modal__sign {
- margin-top: 20px;
- margin-bottom: 40px;
- }
-}
-.modal__sign-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: relative;
-}
-.modal__sign-item > .input {
- width: 100%;
- padding-right: 36px;
- position: relative;
- z-index: 1;
-}
-@media (min-width: 768px) {
- .modal__sign-item > .input {
- height: 52px;
- padding-right: 60px;
- }
-}
-.modal__sign-item > .textarea {
- width: 100%;
-}
-.modal__sign-bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
-}
-.modal__sign-bottom-link {
- font-weight: 700;
- color: #377d87;
-}
-.modal__tabs {
- width: 100%;
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 16px;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .modal__tabs {
- gap: 24px;
- margin-top: 20px;
- }
-}
-.modal__tabs-item.active {
- background: #377d87;
- color: #ffffff;
-}
-.modal__reg {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 10px;
- width: 100%;
- margin-top: 10px;
- margin-bottom: 20px;
-}
-@media (min-width: 768px) {
- .modal__reg {
- margin-top: 20px;
- margin-bottom: 30px;
- gap: 20px;
- }
-}
-.modal__reg.showed {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.modal__reg-item {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.modal__reg-item > .captcha {
- width: 100%;
- max-width: 300px;
-}
-
-.messages {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-.messages__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .messages__body {
- gap: 20px;
- }
-}
-.messages__item {
- display: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 8px;
- border: 1px solid #e7e7e7;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- padding: 10px;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .messages__item {
- padding: 20px;
- font-size: 16px;
- }
-}
-.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.messages__item-info {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: calc(100% - 90px);
-}
-@media (min-width: 768px) {
- .messages__item-info {
- width: calc(100% - 150px);
- }
-}
-.messages__item-photo {
- position: relative;
- aspect-ratio: 1/1;
- overflow: hidden;
- background: #9c9d9d;
- color: #ffffff;
- width: 36px;
- border-radius: 6px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .messages__item-photo {
- width: 52px;
- }
-}
-.messages__item-photo svg {
- width: 50%;
- position: relative;
- z-index: 1;
-}
-.messages__item-photo img {
- position: absolute;
- z-index: 2;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.messages__item-text {
- width: calc(100% - 36px);
- padding-left: 6px;
- color: #3a3b3c;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 4px;
-}
-@media (min-width: 768px) {
- .messages__item-text {
- padding-left: 20px;
- width: calc(100% - 52px);
- gap: 8px;
- }
-}
-.messages__item-text span {
- color: #3a3b3c;
-}
-.messages__item-date {
- color: #3a3b3c;
- width: 90px;
- text-align: right;
-}
-@media (min-width: 768px) {
- .messages__item-date {
- width: 150px;
- }
-}
-.messages.active .messages__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.responses {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-.responses__body {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-.responses__item {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- border-radius: 8px;
- border: 1px solid #e7e7e7;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- padding: 20px 10px;
- font-size: 12px;
- position: relative;
-}
-@media (min-width: 768px) {
- .responses__item {
- padding: 20px;
- font-size: 16px;
- }
-}
-.responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.responses__item-date {
- color: #3a3b3c;
-}
-@media (min-width: 992px) {
- .responses__item-date {
- position: absolute;
- top: 20px;
- right: 20px;
- }
-}
-.responses__item-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-.responses__item-inner {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .responses__item-inner {
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .responses__item-inner {
- width: calc(100% - 150px);
- }
-}
-.responses__item-row {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 20px;
- color: #3a3b3c;
- text-align: right;
-}
-@media (min-width: 992px) {
- .responses__item-row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
- text-align: left;
- }
-}
-.responses__item-row span {
- color: #3a3b3c;
- text-align: left;
-}
-.responses__item-buttons {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .responses__item-buttons {
- display: grid;
- grid-template-columns: 1fr 1fr;
- }
-}
-@media (min-width: 1280px) {
- .responses__item-buttons {
- grid-template-columns: 1fr 1fr 1fr 1fr;
- }
-}
-.responses__item-buttons .button.active {
- background: #377d87;
- color: #ffffff;
-}
-.responses.active .responses__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.chatbox {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .chatbox {
- gap: 30px;
- }
-}
-@media (min-width: 1280px) {
- .chatbox {
- gap: 40px;
- }
-}
-.chatbox__toper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- border: 1px solid #e7e7e7;
- border-radius: 8px;
- padding: 10px;
-}
-@media (min-width: 768px) {
- .chatbox__toper {
- padding: 20px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-.chatbox__toper-info {
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .chatbox__toper-info {
- font-size: 16px;
- width: calc(100% - 230px);
- }
-}
-@media (min-width: 768px) {
- .chatbox__toper-button {
- width: 210px;
- padding: 0;
- }
-}
-.chatbox__list {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .chatbox__list {
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .chatbox__list {
- gap: 40px;
- }
-}
-.chatbox__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- color: #3a3b3c;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .chatbox__item {
- font-size: 16px;
- }
-}
-.chatbox__item_reverse {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: reverse;
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
-}
-.chatbox__item-photo {
- position: relative;
- aspect-ratio: 1/1;
- overflow: hidden;
- background: #9c9d9d;
- color: #ffffff;
- width: 44px;
- border-radius: 6px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.chatbox__item-photo svg {
- width: 50%;
- position: relative;
- z-index: 1;
-}
-.chatbox__item-photo img {
- position: absolute;
- z-index: 2;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.chatbox__item-body {
- width: calc(100% - 54px);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-@media (min-width: 768px) {
- .chatbox__item-body {
- width: calc(100% - 60px);
- }
-}
-.chatbox__item_reverse .chatbox__item-body {
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
-}
-.chatbox__item-text {
- border-radius: 8px;
- background: #ffffff;
- -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
- padding: 10px;
- line-height: 1.6;
-}
-.chatbox__item-time {
- width: 100%;
- padding-left: 54px;
- margin-top: 10px;
- color: #9c9d9d;
-}
-.chatbox__item_reverse .chatbox__item-time {
- text-align: right;
-}
-.chatbox__bottom {
- background: #4d88d9;
- padding: 10px;
- border-radius: 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-@media (min-width: 768px) {
- .chatbox__bottom {
- padding: 16px 20px;
- }
-}
-.chatbox__bottom-file {
- width: 20px;
- aspect-ratio: 1/1;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background: #ffffff;
- color: #4d88d9;
- border-radius: 8px;
-}
-@media (min-width: 768px) {
- .chatbox__bottom-file {
- width: 48px;
- }
-}
-.chatbox__bottom-file:hover {
- color: #377d87;
-}
-.chatbox__bottom-file input {
- display: none;
-}
-.chatbox__bottom-file svg {
- width: 50%;
- aspect-ratio: 1/1;
-}
-@media (min-width: 768px) {
- .chatbox__bottom-file svg {
- width: 40%;
- }
-}
-.chatbox__bottom-text {
- width: calc(100% - 60px);
- height: 20px;
- border-color: #ffffff;
-}
-@media (min-width: 768px) {
- .chatbox__bottom-text {
- width: calc(100% - 128px);
- height: 48px;
- }
-}
-.chatbox__bottom-text:focus {
- border-color: #ffffff;
-}
-.chatbox__bottom-send {
- width: 20px;
- aspect-ratio: 1/1;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0;
- background: #ffffff;
- border: none;
- color: #4d88d9;
- border-radius: 999px;
-}
-@media (min-width: 768px) {
- .chatbox__bottom-send {
- width: 48px;
- }
-}
-.chatbox__bottom-send:hover {
- color: #377d87;
-}
-.chatbox__bottom-send svg {
- width: 50%;
- aspect-ratio: 1/1;
- position: relative;
- left: 1px;
-}
-@media (min-width: 768px) {
- .chatbox__bottom-send svg {
- width: 40%;
- left: 2px;
- }
-}
-
-.cvs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-.cvs__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .cvs__body {
- gap: 30px;
- }
-}
-.cvs__item {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- border-radius: 8px;
- border: 1px solid #e7e7e7;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- padding: 10px;
- font-size: 12px;
- position: relative;
-}
-@media (min-width: 768px) {
- .cvs__item {
- gap: 0;
- padding: 20px;
- font-size: 16px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
-}
-.cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.cvs__item-like {
- position: absolute;
- top: 10px;
- right: 10px;
-}
-@media (min-width: 768px) {
- .cvs__item-like {
- top: 20px;
- right: 20px;
- }
-}
-.cvs__item-photo {
- position: relative;
- aspect-ratio: 1/1;
- overflow: hidden;
- background: #9c9d9d;
- color: #ffffff;
- width: 36px;
- border-radius: 6px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .cvs__item-photo {
- width: 68px;
- }
-}
-.cvs__item-photo svg {
- width: 50%;
- position: relative;
- z-index: 1;
-}
-.cvs__item-photo img {
- position: absolute;
- z-index: 2;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.cvs__item-text {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cvs__item-text {
- gap: 20px;
- width: calc(100% - 68px);
- padding-left: 20px;
- padding-right: 60px;
- }
-}
-.cvs__item-text div {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-@media (min-width: 768px) {
- .cvs__item-text div {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- }
-}
-.cvs__item-text span,
-.cvs__item-text a {
- color: #3a3b3c;
-}
-.cvs__item-button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .cvs__item-button {
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- width: 100%;
- padding-top: 20px;
- }
-}
-.cvs.active .cvs__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.faqs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-.faqs__body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- width: 100%;
-}
-.faqs__item {
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- border-radius: 8px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- background: #ffffff;
- padding: 10px;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .faqs__item {
- padding: 20px;
- font-size: 16px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- }
-}
-.faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.faqs__item-button {
- background: none;
- padding: 0;
- border: none;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #3a3b3c;
- text-align: left;
- font-size: 14px;
- font-weight: 700;
-}
-@media (min-width: 768px) {
- .faqs__item-button {
- font-size: 20px;
- }
-}
-.faqs__item-button span {
- width: calc(100% - 16px);
- padding-right: 16px;
-}
-.faqs__item-button i {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 16px;
- aspect-ratio: 1/1;
- color: #377d87;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-.faqs__item-button i svg {
- width: 16px;
- aspect-ratio: 1/1;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
-}
-.faqs__item-button.active i {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.faqs__item-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- opacity: 0;
- height: 0;
- overflow: hidden;
- font-size: 12px;
- line-height: 1.4;
-}
-@media (min-width: 768px) {
- .faqs__item-body {
- font-size: 16px;
- gap: 20px;
- }
-}
-.faqs__item-body p {
- margin: 0;
-}
-.active + .faqs__item-body {
- opacity: 1;
- height: auto;
- -webkit-transition: 0.3s;
- transition: 0.3s;
- padding-top: 10px;
-}
-@media (min-width: 768px) {
- .active + .faqs__item-body {
- padding-top: 20px;
- }
-}
-.faqs.active .faqs__item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.cabinet {
- padding: 20px 0;
- padding-bottom: 40px;
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
-}
-@media (min-width: 992px) {
- .cabinet {
- padding: 30px 0;
- padding-bottom: 60px;
- }
-}
-.cabinet__breadcrumbs {
- margin-bottom: 50px;
-}
-.cabinet__wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 992px) {
- .cabinet__wrapper {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-.cabinet__side {
- border-radius: 8px;
- background: #ffffff;
- padding: 20px 10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 30px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
-}
-@media (min-width: 768px) {
- .cabinet__side {
- padding: 30px 20px;
- margin-bottom: 50px;
- }
-}
-@media (min-width: 992px) {
- .cabinet__side {
- width: 340px;
- margin: 0;
- position: sticky;
- top: 6px;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__side {
- width: 400px;
- }
-}
-.cabinet__side-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-.cabinet__side-toper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.cabinet__side-toper-pic {
- width: 70px;
- aspect-ratio: 1/1;
- overflow: hidden;
- border-radius: 8px;
- color: #ffffff;
- background: #9c9d9d;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- position: relative;
-}
-.cabinet__side-toper-pic img {
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
- position: absolute;
- z-index: 2;
- top: 0;
- left: 0;
- aspect-ratio: 1/1;
- -o-object-fit: contain;
- object-fit: contain;
-}
-.cabinet__side-toper-pic svg {
- width: 50%;
- aspect-ratio: 1/1;
-}
-.cabinet__side-toper b {
- width: calc(100% - 70px);
- font-size: 14px;
- font-weight: 700;
- padding-left: 16px;
-}
-@media (min-width: 768px) {
- .cabinet__side-toper b {
- font-size: 20px;
- }
-}
-.cabinet__menu {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.cabinet__menu-toper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding: 0 16px;
- padding-right: 12px;
- border: none;
- border-radius: 8px;
- background: #377d87;
- color: #ffffff;
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper {
- padding: 0 20px;
- }
-}
-@media (min-width: 992px) {
- .cabinet__menu-toper {
- display: none;
- }
-}
-.cabinet__menu-toper-text {
- width: calc(100% - 16px);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper-text {
- width: calc(100% - 20px);
- }
-}
-.cabinet__menu-toper-text i {
- width: 16px;
- height: 16px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper-text i {
- width: 22px;
- height: 22px;
- }
-}
-.cabinet__menu-toper-text svg {
- width: 16px;
- height: 16px;
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper-text svg {
- width: 22px;
- height: 22px;
- }
-}
-.cabinet__menu-toper-text span {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0 10px;
- min-height: 30px;
- font-size: 12px;
- width: calc(100% - 16px);
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper-text span {
- width: calc(100% - 22px);
- font-size: 20px;
- min-height: 52px;
- padding: 0 16px;
- }
-}
-.cabinet__menu-toper-arrow {
- width: 16px;
- height: 16px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper-arrow {
- width: 20px;
- height: 20px;
- }
-}
-.cabinet__menu-toper-arrow svg {
- width: 12px;
- height: 12px;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
-}
-@media (min-width: 768px) {
- .cabinet__menu-toper-arrow svg {
- width: 20px;
- height: 20px;
- }
-}
-.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.cabinet__menu-body {
- opacity: 0;
- height: 0;
- overflow: hidden;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-@media (min-width: 992px) {
- .cabinet__menu-body {
- opacity: 1;
- height: auto;
- }
-}
-.active + .cabinet__menu-body {
- opacity: 1;
- height: auto;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-.cabinet__menu-items {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-.cabinet__menu-item {
- padding: 8px 16px;
- border-radius: 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-@media (min-width: 768px) {
- .cabinet__menu-item {
- padding: 14px 20px;
- }
-}
-.cabinet__menu-item:hover {
- color: #377d87;
-}
-@media (min-width: 992px) {
- .cabinet__menu-item.active {
- background: #377d87;
- color: #ffffff;
- }
-}
-@media (min-width: 992px) {
- .cabinet__menu-item.active svg {
- color: #ffffff;
- }
-}
-@media (min-width: 992px) {
- .cabinet__menu-item.active.red {
- background: #eb5757;
- }
-}
-.cabinet__menu-item i {
- width: 16px;
- height: 16px;
- color: #377d87;
-}
-@media (min-width: 768px) {
- .cabinet__menu-item i {
- width: 22px;
- height: 22px;
- }
-}
-.cabinet__menu-item svg {
- width: 16px;
- height: 16px;
-}
-@media (min-width: 768px) {
- .cabinet__menu-item svg {
- width: 22px;
- height: 22px;
- }
-}
-.cabinet__menu-item span {
- width: calc(100% - 16px);
- font-size: 12px;
- padding-left: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__menu-item span {
- font-size: 20px;
- width: calc(100% - 22px);
- padding-left: 16px;
- }
-}
-.cabinet__menu-bottom {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
- margin-top: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__menu-bottom {
- gap: 20px;
- margin-top: 20px;
- }
-}
-.cabinet__menu-copy {
- color: #9c9d9d;
- text-align: center;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .cabinet__menu-copy {
- font-size: 16px;
- }
-}
-.cabinet__body {
- margin: 0 -10px;
- margin-top: 50px;
- background: #ffffff;
- padding: 20px 10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 30px;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .cabinet__body {
- padding: 30px 20px;
- margin: 0;
- border-radius: 8px;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- }
-}
-@media (min-width: 992px) {
- .cabinet__body {
- width: calc(100% - 360px);
- }
-}
-@media (min-width: 1280px) {
- .cabinet__body {
- width: calc(100% - 420px);
- }
-}
-.cabinet__body-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-.cabinet__title {
- font-size: 24px;
-}
-@media (min-width: 768px) {
- .cabinet__title {
- font-size: 32px;
- }
-}
-@media (min-width: 992px) {
- .cabinet__title {
- font-size: 40px;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__title {
- font-size: 48px;
- }
-}
-.cabinet__subtitle {
- font-size: 22px;
- margin: 0;
- font-weight: 700;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .cabinet__subtitle {
- font-size: 24px;
- }
-}
-.cabinet__h4 {
- font-size: 20px;
- margin: 0;
- font-weight: 700;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .cabinet__h4 {
- font-size: 22px;
- }
-}
-.cabinet__text {
- margin: 0;
- font-size: 14px;
-}
-@media (min-width: 768px) {
- .cabinet__text {
- font-size: 16px;
- }
-}
-.cabinet__text b {
- color: #3a3b3c;
- font-size: 18px;
-}
-@media (min-width: 768px) {
- .cabinet__text b {
- font-size: 24px;
- }
-}
-.cabinet__descr {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
-}
-@media (min-width: 768px) {
- .cabinet__descr {
- gap: 12px;
- }
-}
-.cabinet__avatar {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-@media (min-width: 768px) {
- .cabinet__avatar {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-.cabinet__avatar-pic {
- width: 100px;
- aspect-ratio: 1/1;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- overflow: hidden;
- border-radius: 8px;
- color: #ffffff;
- background: #9c9d9d;
-}
-.cabinet__avatar-pic svg {
- width: 50%;
- aspect-ratio: 1/1;
- z-index: 1;
- position: relative;
-}
-.cabinet__avatar-form {
- width: calc(100% - 100px);
- padding-left: 15px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
-}
-@media (min-width: 768px) {
- .cabinet__avatar-form {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- padding-left: 30px;
- gap: 12px;
- }
-}
-@media (min-width: 768px) {
- .cabinet__avatar-form .file {
- min-width: 215px;
- }
-}
-.cabinet__inputs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 1280px) {
- .cabinet__inputs {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__inputs-item {
- width: calc(50% - 10px);
- }
-}
-@media (min-width: 1280px) {
- .cabinet__inputs-item_fullwidth {
- width: 100%;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__inputs-item_min {
- width: calc(15% - 10px);
- }
-}
-@media (min-width: 1280px) {
- .cabinet__inputs-item_max {
- width: calc(85% - 10px);
- }
-}
-@media (min-width: 768px) {
- .cabinet__inputs-item .button {
- width: 100%;
- max-width: 215px;
- padding: 0;
- }
-}
-.cabinet__inputs-item .buttons {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__inputs-item .buttons {
- gap: 20px;
- max-width: 470px;
- }
-}
-@media (min-width: 992px) {
- .cabinet__inputs-item .buttons {
- max-width: none;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__inputs-item .buttons {
- max-width: 470px;
- }
-}
-.cabinet__inputs-item .buttons .button {
- max-width: none;
-}
-.cabinet__inputs > .button {
- padding: 0;
- width: 100%;
- max-width: 140px;
-}
-@media (min-width: 768px) {
- .cabinet__inputs > .button {
- max-width: 190px;
- }
-}
-.cabinet__add {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__add {
- gap: 0;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- }
-}
-.cabinet__add-pic {
- border-radius: 4px;
- position: relative;
- overflow: hidden;
- background: #9c9d9d;
- color: #ffffff;
- width: 100px;
- aspect-ratio: 1/1;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-@media (min-width: 768px) {
- .cabinet__add-pic {
- width: 220px;
- border-radius: 8px;
- }
-}
-.cabinet__add-pic:hover {
- background: #3a3b3c;
-}
-.cabinet__add-pic input {
- display: none;
-}
-.cabinet__add-pic > svg {
- width: 20px;
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- z-index: 1;
-}
-@media (min-width: 768px) {
- .cabinet__add-pic > svg {
- width: 50px;
- }
-}
-.cabinet__add-pic span {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- width: 100%;
- gap: 4px;
- font-weight: 700;
- font-size: 8px;
- line-height: 1;
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- margin-top: 25px;
-}
-@media (min-width: 768px) {
- .cabinet__add-pic span {
- font-size: 16px;
- margin-top: 60px;
- }
-}
-.cabinet__add-pic span svg {
- width: 7px;
- aspect-ratio: 1/1;
-}
-@media (min-width: 768px) {
- .cabinet__add-pic span svg {
- width: 16px;
- }
-}
-.cabinet__add-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__add-body {
- gap: 20px;
- width: calc(100% - 220px);
- padding-left: 20px;
- }
-}
-@media (min-width: 768px) {
- .cabinet__add-body .button {
- width: 215px;
- padding: 0;
- }
-}
-.cabinet__fleet {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .cabinet__fleet {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- }
-}
-@media (min-width: 1280px) {
- .cabinet__fleet {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-@media (min-width: 768px) {
- .cabinet__submit {
- width: 215px;
- padding: 0;
- margin: 0 auto;
- }
-}
-.cabinet__filters {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__filters {
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__filters {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-.cabinet__filters-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__filters-item {
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__filters-item {
- width: calc(50% - 10px);
- max-width: 410px;
- }
-}
-.cabinet__filters-item .button, .cabinet__filters-item .select {
- width: 100%;
-}
-@media (min-width: 1280px) {
- .cabinet__filters-item .button, .cabinet__filters-item .select {
- width: auto;
- }
-}
-.cabinet__filters-item + .cabinet__filters-item {
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
-}
-@media (min-width: 1280px) {
- .cabinet__filters-item + .cabinet__filters-item {
- max-width: 280px;
- }
-}
-.cabinet__filters .search input {
- padding-right: 135px;
-}
-.cabinet__filters .search button {
- width: 115px;
-}
-.cabinet__filters-buttons {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 10px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .cabinet__filters-buttons {
- gap: 20px;
- }
-}
-.cabinet__filters-buttons .button {
- padding: 0;
- gap: 5px;
-}
-.cabinet__filters-buttons .button.active {
- background: #377d87;
- color: #ffffff;
-}
-.cabinet__filters-buttons .button.active:before {
- content: "";
- width: 6px;
- height: 6px;
- background: #ffffff;
- border-radius: 999px;
-}
-.cabinet__table-header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 700;
- margin-bottom: -10px;
-}
-.cabinet__table-header div {
- font-size: 18px;
-}
-@media (min-width: 768px) {
- .cabinet__table-header div {
- font-size: 24px;
- }
-}
-.cabinet__table-header span {
- color: #3a3b3c;
- font-size: 14px;
-}
-@media (min-width: 768px) {
- .cabinet__table-header span {
- font-size: 18px;
- }
-}
-.cabinet__table-header span b {
- color: #377d87;
-}
-.cabinet__tabs {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .cabinet__tabs {
- max-width: 420px;
- }
-}
-.cabinet__tabs .button.active {
- background: #377d87;
- color: #ffffff;
-}
-.cabinet__bodies {
- display: none;
-}
-.cabinet__bodies.showed {
- display: block;
-}
-.cabinet__nots {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__nots {
- gap: 20px;
- }
-}
-.cabinet__nots .input {
- width: 100%;
-}
-.cabinet__anketa {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__anketa {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-@media (min-width: 992px) {
- .cabinet__anketa {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__anketa {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-.cabinet__anketa-buttons {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__anketa-buttons {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 20px;
- }
-}
-.cabinet__stats {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 6px;
-}
-@media (min-width: 768px) {
- .cabinet__stats {
- gap: 12px;
- }
-}
-.cabinet__stats-title {
- font-size: 14px;
- font-weight: 700;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .cabinet__stats-title {
- font-size: 24px;
- }
-}
-.cabinet__stats-body {
- background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
- border-radius: 8px;
- padding: 10px;
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 20px;
- margin-bottom: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__stats-body {
- padding: 10px 20px;
- }
-}
-.cabinet__stats-item {
- font-size: 12px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- line-height: 1;
- gap: 6px;
-}
-@media (min-width: 768px) {
- .cabinet__stats-item {
- font-size: 20px;
- gap: 10px;
- }
-}
-.cabinet__stats-item svg {
- width: 20px;
- aspect-ratio: 1/1;
- color: #377d87;
-}
-@media (min-width: 768px) {
- .cabinet__stats-item svg {
- width: 40px;
- margin-right: 10px;
- }
-}
-.cabinet__stats-item span {
- font-weight: 700;
- color: #3a3b3c;
-}
-.cabinet__stats-item b {
- color: #377d87;
- font-size: 14px;
-}
-@media (min-width: 768px) {
- .cabinet__stats-item b {
- font-size: 24px;
- }
-}
-.cabinet__stats-subtitle {
- font-size: 14px;
- font-weight: 700;
- color: #377d87;
-}
-@media (min-width: 768px) {
- .cabinet__stats-subtitle {
- font-size: 18px;
- }
-}
-.cabinet__stats-line {
- width: 100%;
- position: relative;
- overflow: hidden;
- height: 8px;
- border-radius: 999px;
- background: #CECECE;
-}
-.cabinet__stats-line span {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #377d87;
- border-radius: 999px;
-}
-.cabinet__stats-bottom {
- color: #3a3b3c;
- font-size: 12px;
-}
-@media (min-width: 768px) {
- .cabinet__stats-bottom {
- font-size: 16px;
- }
-}
-.cabinet__works {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
-}
-@media (min-width: 768px) {
- .cabinet__works {
- gap: 30px;
- }
-}
-.cabinet__works-item {
- -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
- padding: 10px;
- border-radius: 4px;
-}
-@media (min-width: 768px) {
- .cabinet__works-item {
- padding: 20px;
- border-radius: 8px;
- }
-}
-.cabinet__works-spoiler {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-.cabinet__works-spoiler-left {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: calc(100% - 22px);
-}
-.cabinet__works-spoiler-right {
- width: 22px;
- height: 22px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- color: #377d87;
- padding: 0;
- background: none;
- border: none;
-}
-.cabinet__works-spoiler-right svg {
- width: 60%;
- aspect-ratio: 1/1;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
-}
-.cabinet__works-spoiler-buttons {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- width: 60px;
-}
-@media (min-width: 768px) {
- .cabinet__works-spoiler-buttons {
- width: 74px;
- }
-}
-.cabinet__works-spoiler-buttons .button {
- width: 22px;
- height: 22px;
- padding: 0;
-}
-@media (min-width: 768px) {
- .cabinet__works-spoiler-buttons .button {
- width: 30px;
- height: 30px;
- }
-}
-.cabinet__works-spoiler-text {
- width: calc(100% - 60px);
- padding-left: 20px;
- font-size: 17px;
- font-weight: 700;
- color: #3a3b3c;
-}
-@media (min-width: 768px) {
- .cabinet__works-spoiler-text {
- width: calc(100% - 74px);
- font-size: 20px;
- }
-}
-.cabinet__works-body {
- opacity: 0;
- height: 0;
- overflow: hidden;
-}
-.active + .cabinet__works-body {
- -webkit-transition: 0.3s;
- transition: 0.3s;
- opacity: 1;
- height: auto;
- padding-top: 20px;
-}
-.cabinet__works-add {
- padding: 0;
- width: 100%;
- max-width: 160px;
-}
-@media (min-width: 768px) {
- .cabinet__works-add {
- max-width: 220px;
- }
-}
-.cabinet__buttons {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 10px;
-}
-@media (min-width: 768px) {
- .cabinet__buttons {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 20px;
- }
-}
-.cabinet__buttons .button, .cabinet__buttons .file {
- padding: 0;
- width: 100%;
- max-width: 140px;
-}
-@media (min-width: 768px) {
- .cabinet__buttons .button, .cabinet__buttons .file {
- max-width: none;
- }
-}
-@media (min-width: 768px) {
- .cabinet__buttons {
- gap: 20px;
- }
-}
-@media (min-width: 1280px) {
- .cabinet__buttons {
- max-width: 400px;
- }
-}
-.cabinet__vacs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 20px;
-}
-.cabinet__vacs-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- gap: 20px;
- width: 100%;
-}
-@media (min-width: 768px) {
- .cabinet__vacs-body {
- gap: 30px;
- }
-}
-.cabinet__vacs-item {
- display: none;
- background: #ffffff;
- -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
-}
-.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.cabinet__vacs.active .cabinet__vacs-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
\ No newline at end of file
diff --git a/public/css/style45.css b/public/css/style45.css
new file mode 100644
index 0000000..1a85cff
--- /dev/null
+++ b/public/css/style45.css
@@ -0,0 +1,8912 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+@import url(fonts.css);
+@import url(jquery.fancybox.css);
+@import url(jquery.select2.css);
+@import url(star-rating.min.css);
+@import url(swiper.css);
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type=checkbox],
+[type=radio] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type=search] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+ display: none;
+}
+
+.green {
+ color: #377d87;
+}
+
+.red {
+ color: #eb5757;
+}
+
+.rotate180 {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+::-moz-selection {
+ color: #3a3b3c;
+ background: #acc0e6;
+}
+
+::selection {
+ color: #3a3b3c;
+ background: #acc0e6;
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-track {
+ border-radius: 999px;
+ background-color: #ffffff;
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 999px;
+ background-color: #377d87;
+}
+
+::-webkit-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+:-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus:-ms-input-placeholder {
+ color: transparent;
+}
+
+::-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-ms-input-placeholder {
+ color: transparent;
+}
+
+::-moz-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-moz-placeholder {
+ color: transparent;
+}
+
+::-webkit-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+::-moz-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+::-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+::placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+:focus::-moz-placeholder {
+ color: transparent;
+}
+
+:focus:-ms-input-placeholder {
+ color: transparent;
+}
+
+:focus::-ms-input-placeholder {
+ color: transparent;
+}
+
+:focus::placeholder {
+ color: transparent;
+}
+
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+a,
+button,
+select {
+ color: inherit;
+}
+
+a {
+ text-decoration: none;
+}
+
+a,
+input[type=button],
+input[type=submit],
+button {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ cursor: pointer;
+}
+
+[type=tel] {
+ letter-spacing: 1px;
+}
+
+.br,
+img,
+svg {
+ display: block;
+}
+
+.float-left {
+ float: left;
+}
+
+.float-right {
+ float: right;
+}
+
+.clear-both:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
+#body {
+ font-family: "Circe", sans-serif;
+ color: #3a3b3c;
+ background: #ffffff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 50px;
+ min-width: 320px;
+ min-height: 100vh;
+ line-height: 1.25;
+}
+@media (min-width: 768px) {
+ #body {
+ gap: 60px;
+ }
+}
+#body.pdf {
+ gap: 0;
+}
+
+.container {
+ width: 100%;
+ max-width: 1280px;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+@media (min-width: 768px) {
+ .container {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+}
+
+.to-top {
+ position: fixed;
+ right: 10px;
+ bottom: 10px;
+ border-radius: 999px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #ffffff;
+ background: #377d87;
+ width: 40px;
+ height: 40px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ margin-right: -100px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ z-index: 99;
+ border: 1px solid #377d87;
+}
+.to-top:hover {
+ background: #ffffff;
+ color: #377d87;
+}
+.to-top svg {
+ width: 10px;
+ height: 10px;
+}
+@media (min-width: 768px) {
+ .to-top {
+ width: 50px;
+ height: 50px;
+ right: 20px;
+ bottom: 20px;
+ }
+ .to-top svg {
+ width: 12px;
+ height: 12px;
+ }
+}
+
+.begin .to-top {
+ margin-right: 0;
+}
+
+.socials {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ gap: 8px;
+}
+.socials a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border: 1px solid #377d87;
+ color: #377d87;
+ border-radius: 999px;
+ width: 38px;
+ height: 38px;
+}
+.socials a:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+.socials svg {
+ width: 12px;
+ height: 12px;
+}
+
+.nls {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ color: #3a3b3c;
+ text-align: left;
+}
+.nls:hover {
+ color: #377d87;
+}
+.nls svg {
+ width: 30px;
+ height: 40px;
+}
+@media (min-width: 768px) {
+ .nls svg {
+ width: 24px;
+ height: 31px;
+ }
+}
+.nls span {
+ width: calc(100% - 30px);
+ padding-left: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 12px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .nls span {
+ width: calc(100% - 24px);
+ }
+}
+.nls b {
+ font-weight: 400;
+}
+
+.title,
+h1 {
+ margin: 0;
+ font-weight: 700;
+ font-size: 32px;
+}
+@media (min-width: 768px) {
+ .title,
+ h1 {
+ font-size: 40px;
+ }
+}
+@media (min-width: 992px) {
+ .title,
+ h1 {
+ font-size: 48px;
+ }
+}
+@media (min-width: 1280px) {
+ .title,
+ h1 {
+ font-size: 64px;
+ }
+}
+
+.swiper-pagination {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: static;
+ margin-top: 20px;
+ gap: 8px;
+}
+@media (min-width: 768px) {
+ .swiper-pagination {
+ margin-top: 30px;
+ }
+}
+.swiper-pagination-bullet {
+ width: 16px;
+ height: 16px;
+ opacity: 1;
+ border: 1px solid #cdcece;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ background: transparent;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0 !important;
+}
+.swiper-pagination-bullet:before {
+ content: "";
+ width: 6px;
+ height: 6px;
+ border-radius: 999px;
+ background: #377d87;
+ opacity: 0;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.swiper-pagination-bullet:hover {
+ border-color: #377d87;
+}
+.swiper-pagination-bullet-active {
+ border-color: #377d87;
+}
+.swiper-pagination-bullet-active:before {
+ opacity: 1;
+}
+
+.navs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 20px;
+ width: 80px;
+}
+.navs button {
+ color: #377d87;
+ background: none;
+ border: none;
+ padding: 0;
+}
+.navs button[disabled] {
+ cursor: not-allowed;
+ color: #cddee1;
+}
+.navs svg {
+ width: 14px;
+ height: 28px;
+}
+
+.select {
+ position: relative;
+}
+.select2 {
+ width: 100% !important;
+}
+.select2-container {
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .select2-container {
+ font-size: 16px;
+ }
+}
+.select2-container--open .select2-selection {
+ border-color: #377d87 !important;
+}
+.select2-container--open .select2-selection__arrow svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.select2-selection {
+ min-height: 30px !important;
+ border-radius: 8px !important;
+ border-color: #e7e7e7 !important;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .select2-selection {
+ min-height: 50px !important;
+ }
+}
+.select2-selection__rendered {
+ line-height: 28px !important;
+ padding: 0 30px 0 10px !important;
+}
+@media (min-width: 768px) {
+ .select2-selection__rendered {
+ line-height: 48px !important;
+ padding: 0 46px 0 20px !important;
+ }
+}
+.select2-selection__arrow {
+ top: 0 !important;
+ right: 0 !important;
+ width: 30px !important;
+ height: 100% !important;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .select2-selection__arrow {
+ width: 50px !important;
+ }
+}
+.select2-selection__arrow svg {
+ width: 12px;
+ height: 12px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .select2-selection__arrow svg {
+ width: 14px;
+ height: 14px;
+ }
+}
+.select2-selection__choice {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ gap: 4px;
+ padding: 0 4px 0 6px !important;
+ background: #377d87 !important;
+ border: none !important;
+ border-radius: 6px !important;
+ line-height: 1 !important;
+ color: #ffffff;
+ height: 24px;
+}
+@media (min-width: 768px) {
+ .select2-selection__choice {
+ height: 32px;
+ gap: 6px;
+ padding: 0 6px 0 10px !important;
+ border-radius: 8px !important;
+ }
+}
+.select2-selection__choice__remove {
+ width: 14px;
+ height: 14px;
+ padding-top: 4px;
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #ffffff !important;
+ font-weight: 400 !important;
+ font-size: 26px;
+}
+.select2-search {
+ display: none;
+}
+.select2-dropdown {
+ z-index: 99999;
+ border: none;
+ border-radius: 0;
+ background: none;
+ padding: 5px 0;
+}
+@media (min-width: 768px) {
+ .select2-dropdown {
+ padding: 10px 0;
+ }
+}
+.select2-results {
+ background: #ffffff;
+ border-radius: 8px;
+ border: 1px solid #377d87;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ .select2-results__option {
+ padding: 10px 14px;
+ }
+}
+.select2-results__option--highlighted {
+ background: #377d87 !important;
+}
+@media (min-width: 768px) {
+ .select_search .select2-selection__rendered {
+ padding-left: 60px !important;
+ }
+}
+.select_search .select__icon {
+ display: none;
+ height: 28px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 12px;
+ z-index: 2;
+ position: absolute;
+ top: 50%;
+ left: 15px;
+ margin-top: -14px;
+}
+@media (min-width: 768px) {
+ .select_search .select__icon {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.select_search .select__icon:after {
+ content: "";
+ width: 1px;
+ height: 100%;
+ border-radius: 999px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #cecece;
+}
+.select_search .select__icon svg {
+ color: #9c9d9d;
+ width: 20px;
+ height: 20px;
+}
+
+.form-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+}
+.form-group__label {
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .form-group__label {
+ font-size: 16px;
+ }
+}
+.form-group__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+}
+
+.input {
+ display: block;
+ height: 30px;
+ border: 1px solid #cecece;
+ background: #ffffff;
+ font-size: 12px;
+ border-radius: 8px;
+ padding: 0 10px;
+ color: #3a3b3c;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ position: relative;
+ z-index: 1;
+}
+@media (min-width: 768px) {
+ .input {
+ padding: 0 20px;
+ height: 44px;
+ font-size: 16px;
+ }
+}
+.input:focus {
+ border-color: #377d87;
+}
+.input[disabled] {
+ color: #9c9d9d;
+ background: #e7e7e7;
+}
+.input[type=date] {
+ text-transform: uppercase;
+}
+
+.textarea {
+ resize: none;
+ display: block;
+ width: 100%;
+ border-radius: 8px;
+ border: 1px solid #cecece;
+ background: #ffffff;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ font-size: 12px;
+ line-height: 1.4;
+ padding: 10px;
+ aspect-ratio: 8/3;
+ max-height: 250px;
+}
+@media (min-width: 768px) {
+ .textarea {
+ padding: 20px;
+ font-size: 16px;
+ height: 280px;
+ }
+}
+.textarea:focus {
+ border-color: #377d87;
+}
+
+.button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #ffffff;
+ background: #377d87;
+ height: 30px;
+ border-radius: 8px;
+ padding: 0 12px;
+ border: 1px solid #377d87;
+ font-weight: 700;
+ font-size: 12px;
+ text-align: center;
+ line-height: 1;
+ gap: 6px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ cursor: pointer;
+}
+@media (min-width: 768px) {
+ .button {
+ padding: 0 24px;
+ font-size: 16px;
+ height: 44px;
+ gap: 12px;
+ }
+}
+@media (min-width: 992px) {
+ .button {
+ padding: 0 36px;
+ }
+}
+.button:hover {
+ background: transparent;
+ color: #377d87;
+}
+.button img,
+.button svg {
+ width: 12px;
+ height: 12px;
+}
+@media (min-width: 768px) {
+ .button img,
+ .button svg {
+ width: 18px;
+ height: 18px;
+ }
+}
+.button_more span + span {
+ display: none;
+}
+.button_more.active span {
+ display: none;
+}
+.button_more.active span + span {
+ display: block;
+}
+.button_light {
+ background: transparent;
+ color: #377d87;
+}
+.button_light:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+.button_whited {
+ background: #ffffff;
+ color: #377d87;
+ border-color: #ffffff;
+}
+.button_whited:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+
+.search {
+ width: 100%;
+ position: relative;
+ background: #ffffff;
+ border-radius: 8px;
+}
+.search span {
+ display: none;
+ height: 28px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 12px;
+ z-index: 1;
+ position: absolute;
+ top: 50%;
+ left: 15px;
+ margin-top: -14px;
+}
+@media (min-width: 768px) {
+ .search span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.search span:after {
+ content: "";
+ width: 1px;
+ height: 100%;
+ border-radius: 999px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #cecece;
+}
+.search span svg {
+ color: #9c9d9d;
+ width: 20px;
+ height: 20px;
+}
+.search input {
+ width: 100%;
+ padding-right: 150px;
+ position: relative;
+ z-index: 2;
+ background: none;
+}
+@media (min-width: 768px) {
+ .search input {
+ padding-left: 60px;
+ padding-right: 220px;
+ }
+}
+.search button {
+ width: 140px;
+ position: absolute;
+ padding: 0;
+ top: 0;
+ right: 0;
+ z-index: 3;
+}
+@media (min-width: 768px) {
+ .search button {
+ width: 200px;
+ }
+}
+
+.breadcrumbs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 12px 6px;
+ margin: 0;
+ padding: 0;
+ font-size: 11px;
+ color: #cecece;
+ line-height: 1;
+}
+@media (min-width: 992px) {
+ .breadcrumbs {
+ font-size: 13px;
+ }
+}
+@media (min-width: 1280px) {
+ .breadcrumbs {
+ font-size: 16px;
+ }
+}
+.breadcrumbs li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 6px;
+}
+.breadcrumbs li:before {
+ content: "";
+ width: 4px;
+ height: 4px;
+ background: #cecece;
+ border-radius: 999px;
+ position: relative;
+ top: -1px;
+}
+.breadcrumbs li:first-child:before {
+ display: none;
+}
+.breadcrumbs li:last-child:before {
+ background: #377d87;
+}
+.breadcrumbs a:hover {
+ color: #377d87;
+}
+.breadcrumbs b {
+ color: #377d87;
+ font-weight: 700;
+}
+
+.pagination {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ line-height: 1;
+ color: #3a3b3c;
+ font-size: 12px;
+ margin: 0 auto;
+}
+@media (min-width: 768px) {
+ .pagination {
+ font-size: 14px;
+ gap: 3px;
+ }
+}
+.pagination__item {
+ width: 40px;
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: none;
+ padding: 0;
+ border: 1px solid transparent;
+ border-radius: 8px;
+}
+.pagination__item:hover {
+ -webkit-transition: 0s;
+ transition: 0s;
+ color: #377d87;
+ font-weight: 700;
+}
+.pagination__item.active {
+ font-weight: 700;
+ color: #ffffff;
+ background: #377d87;
+ border-color: #377d87;
+}
+.pagination__dots {
+ width: 40px;
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.pagination__dots svg {
+ width: 15px;
+ height: 15px;
+}
+.pagination__nav {
+ width: 40px;
+ height: 40px;
+ display: none;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: none;
+ padding: 0;
+ border: 1px solid #cddee1;
+ color: #377d87;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .pagination__nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.pagination__nav:hover {
+ border-color: #377d87;
+ background: #377d87;
+ color: #ffffff;
+}
+.pagination__nav svg {
+ width: 10px;
+ height: 10px;
+}
+.pagination__nav_prev {
+ margin-right: 37px;
+}
+.pagination__nav_prev svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.pagination__nav_next {
+ margin-left: 37px;
+}
+
+.filters {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .filters {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.filters__label {
+ color: #377d87;
+ font-size: 12px;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .filters__label {
+ font-size: 16px;
+ }
+}
+@media (min-width: 992px) {
+ .filters__label {
+ font-size: 18px;
+ }
+}
+.filters__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 768px) {
+ .filters__body {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+@media (min-width: 768px) {
+ .filters__select {
+ width: 250px;
+ }
+}
+@media (min-width: 992px) {
+ .filters__select {
+ width: 310px;
+ }
+}
+.filters__item {
+ display: none;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 50px;
+ height: 50px;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #377d87;
+ color: #377d87;
+ border-radius: 8px;
+ margin-left: 20px;
+}
+@media (min-width: 768px) {
+ .filters__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.filters__item svg {
+ width: 24px;
+ height: 24px;
+}
+.filters__item.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.filters__item + .filters__item {
+ margin-left: 8px;
+}
+
+.like,
+.chat {
+ width: 30px;
+ height: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: none;
+ border: 1px solid #377d87;
+ padding: 0;
+ color: #377d87;
+ border-radius: 6px;
+}
+@media (min-width: 768px) {
+ .like,
+ .chat {
+ width: 44px;
+ height: 44px;
+ }
+}
+.like.active,
+.chat.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.like svg,
+.chat svg {
+ width: 14px;
+ height: 14px;
+}
+@media (min-width: 768px) {
+ .like svg,
+ .chat svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+
+.checkbox {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ cursor: pointer;
+ position: relative;
+}
+.checkbox__input {
+ position: absolute;
+ z-index: 1;
+ width: 14px;
+ height: 14px;
+ padding: 0;
+ background: none;
+ border: none;
+ opacity: 0;
+}
+@media (min-width: 768px) {
+ .checkbox__input {
+ width: 20px;
+ height: 20px;
+ }
+}
+.checkbox__icon {
+ width: 14px;
+ height: 14px;
+ border: 1px solid #cfcfcf;
+ background: #ffffff;
+ color: #ffffff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 4px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .checkbox__icon {
+ width: 20px;
+ height: 20px;
+ }
+}
+.checkbox__icon svg {
+ width: 8px;
+ height: 8px;
+ opacity: 0;
+}
+@media (min-width: 768px) {
+ .checkbox__icon svg {
+ width: 10px;
+ height: 10px;
+ }
+}
+.checkbox__input:checked + .checkbox__icon {
+ border-color: #377d87;
+ background: #377d87;
+}
+.checkbox__input:checked + .checkbox__icon svg {
+ opacity: 1;
+}
+.checkbox__text {
+ width: calc(100% - 14px);
+ padding-left: 6px;
+ font-size: 12px;
+ line-height: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 14px;
+}
+@media (min-width: 768px) {
+ .checkbox__text {
+ width: calc(100% - 20px);
+ padding-left: 12px;
+ font-size: 15px;
+ min-height: 20px;
+ }
+}
+.checkbox__text a {
+ color: #377d87;
+ text-decoration: underline;
+}
+
+.file {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.file__input input {
+ display: none;
+}
+.file__list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.file__list-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ margin-top: 16px;
+}
+.file__list-item-left {
+ width: calc(100% - 16px);
+ min-height: 16px;
+ color: #9c9d9d;
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .file__list-item-left {
+ width: auto;
+ max-width: calc(100% - 16px);
+ font-size: 16px;
+ }
+}
+.file__list-item-left svg {
+ width: 16px;
+ height: 16px;
+}
+.file__list-item-left span {
+ width: calc(100% - 16px);
+ min-height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 8px;
+}
+.file__list-item-right {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ background: none;
+ border: none;
+ width: 16px;
+ height: 16px;
+ color: #377d87;
+}
+.file__list-item-right:hover {
+ color: #3a3b3c;
+}
+.file__list-item-right svg {
+ width: 10px;
+ height: 10px;
+}
+.file__list-item + .file__list-item {
+ margin-top: 10px;
+}
+
+.rate {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .rate {
+ gap: 20px;
+ }
+}
+.rate__label {
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 1;
+}
+@media (min-width: 768px) {
+ .rate__label {
+ font-size: 18px;
+ }
+}
+.rate__stars {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.back {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 14px;
+ color: #377d87;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .back {
+ font-size: 18px;
+ }
+}
+.back:hover {
+ color: #4d88d9;
+}
+.back svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .back svg {
+ width: 26px;
+ height: 26px;
+ }
+}
+.back span {
+ width: calc(100% - 16px);
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .back span {
+ width: calc(100% - 26px);
+ padding-left: 20px;
+ }
+}
+
+.callback {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 992px) {
+ .callback {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 20px 0;
+ }
+}
+.callback__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 992px) {
+ .callback__body {
+ width: calc(50% - 10px);
+ gap: 10px;
+ }
+}
+@media (min-width: 992px) {
+ .callback__textarea {
+ width: calc(50% - 10px);
+ height: auto;
+ }
+}
+.callback__bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 768px) {
+ .callback__bottom {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+@media (min-width: 992px) {
+ .callback__bottom {
+ width: 100%;
+ gap: 20px;
+ }
+}
+
+.error .input,
+.error .textarea {
+ border-color: #eb5757;
+}
+.error label {
+ display: block;
+}
+
+.eye {
+ position: absolute;
+ z-index: 2;
+ top: 50%;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ right: 10px;
+ aspect-ratio: 1/1;
+ width: 16px;
+ padding: 0;
+ border: none;
+ background: none;
+ color: #9c9d9d;
+}
+@media (min-width: 768px) {
+ .eye {
+ width: 24px;
+ right: 20px;
+ }
+}
+.eye svg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.eye svg + svg {
+ display: none;
+}
+.eye.active {
+ color: #377d87;
+}
+.eye.active svg {
+ display: none;
+}
+.eye.active svg + svg {
+ display: block;
+}
+
+.del {
+ width: 32px;
+ aspect-ratio: 1/1;
+ background: #377d87;
+ color: #ffffff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 8px;
+ padding: 0;
+ border: 1px solid #377d87;
+}
+.del:hover {
+ background: #ffffff;
+ color: #377d87;
+}
+.del svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+}
+
+.notify {
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 6px 12px;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .notify {
+ padding: 12px 20px;
+ }
+}
+.notify_red {
+ background: #f9cdcd;
+}
+.notify svg {
+ color: #4d88d9;
+ width: 20px;
+ aspect-ratio: 1/1;
+}
+.notify span {
+ font-size: 12px;
+ padding-left: 10px;
+ min-height: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .notify span {
+ font-size: 16px;
+ }
+}
+
+.table {
+ margin: 0 -10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .table {
+ margin: 0;
+ gap: 30px;
+ }
+}
+.table__button {
+ display: none;
+}
+.table_spoiler .table__button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.table__scroll {
+ overflow: hidden;
+ overflow-x: auto;
+ padding: 0 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .table__scroll {
+ padding: 0;
+ }
+}
+.table__body {
+ border-radius: 8px;
+ overflow: hidden;
+}
+.table__body_min-width {
+ min-width: 580px;
+}
+.table table {
+ border-collapse: collapse;
+ width: 100%;
+ font-size: 12px;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .table table {
+ font-size: 14px;
+ }
+}
+@media (min-width: 1280px) {
+ .table table {
+ font-size: 16px;
+ }
+}
+.table thead tr th,
+.table thead tr td {
+ background: #377d87;
+ color: #ffffff;
+ font-weight: 700;
+ border-top-color: #377d87;
+}
+.table thead tr th:first-child,
+.table thead tr td:first-child {
+ border-left-color: #377d87;
+}
+.table thead tr th:last-child,
+.table thead tr td:last-child {
+ border-right-color: #377d87;
+}
+.table_spoiler tr {
+ display: none;
+}
+.table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
+ display: table-row;
+}
+.table_spoiler.active tr {
+ display: table-row;
+}
+.table th,
+.table td {
+ text-align: left;
+ padding: 10px;
+ border: 1px solid #cecece;
+}
+@media (min-width: 768px) {
+ .table td {
+ padding: 14px 10px;
+ }
+}
+.table__status {
+ color: #9c9d9d;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 6px;
+ position: relative;
+ padding-left: 14px;
+}
+.table__status i {
+ background: #9c9d9d;
+ width: 8px;
+ aspect-ratio: 1/1;
+ border-radius: 999px;
+ position: absolute;
+ top: 4px;
+ left: 0;
+}
+.table__status.green {
+ color: #377d87;
+}
+.table__status.green i {
+ background: #377d87;
+}
+.table__link {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 4px;
+ color: #4d88d9;
+}
+@media (min-width: 768px) {
+ .table__link {
+ gap: 6px;
+ }
+}
+.table__link:hover {
+ color: #3a3b3c;
+}
+.table__link svg {
+ width: 12px;
+ aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+ .table__link svg {
+ width: 16px;
+ }
+}
+.table__controls {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 8px;
+}
+@media (min-width: 1280px) {
+ .table__controls {
+ gap: 12px;
+ }
+}
+.table__controls-item {
+ width: 24px;
+ aspect-ratio: 1/1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border: 1px solid #377d87;
+ border-radius: 8px;
+ color: #377d87;
+ background: none;
+ padding: 0;
+}
+@media (min-width: 1280px) {
+ .table__controls-item {
+ width: 30px;
+ }
+}
+.table__controls-item:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+.table__controls-item svg {
+ width: 60%;
+ aspect-ratio: 1/1;
+}
+.table__controls-item:nth-of-type(4) svg {
+ width: 80%;
+}
+
+.gl-star-rating--stars:before, .gl-star-rating--stars:after {
+ display: none;
+}
+.gl-star-rating--stars span {
+ width: 22px !important;
+ height: 22px !important;
+ background-size: 22px 22px !important;
+}
+@media (min-width: 768px) {
+ .gl-star-rating--stars span {
+ width: 30px !important;
+ height: 30px !important;
+ background-size: 30px 30px !important;
+ }
+}
+
+.more {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.more_mt {
+ margin-top: 20px;
+}
+.more .button {
+ min-width: 100px;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .more .button {
+ min-width: 180px;
+ }
+}
+
+.header {
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ background: #ffffff;
+ position: relative;
+ z-index: 5;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ .header {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+}
+.header__body {
+ height: 42px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .header__body {
+ height: 70px;
+ }
+}
+.header__left {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 40px;
+}
+.header__right {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 14px;
+}
+@media (min-width: 768px) {
+ .header__right {
+ gap: 20px;
+ }
+}
+.header__right-line {
+ width: 1px;
+ height: 32px;
+ background: #e6e7e7;
+ border-radius: 999px;
+}
+@media (min-width: 992px) {
+ .header__right-line {
+ display: none;
+ }
+}
+.header__logo {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #377d87;
+}
+.header__logo svg {
+ width: 105px;
+ height: 31px;
+}
+@media (min-width: 768px) {
+ .header__logo svg {
+ width: 182px;
+ height: 54px;
+ }
+}
+.header__menu {
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .header__menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.header__menu-item:hover {
+ color: #377d87;
+}
+.header__notifs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #377d87;
+ padding: 0;
+ border: none;
+ background: none;
+ width: 24px;
+ height: 24px;
+}
+@media (min-width: 992px) {
+ .header__notifs {
+ width: auto;
+ height: auto;
+ color: #3a3b3c;
+ line-height: 1.4;
+ }
+}
+@media (min-width: 992px) {
+ .header__notifs:hover {
+ color: #377d87;
+ }
+}
+.header__notifs svg {
+ width: 20px;
+ height: 20px;
+}
+@media (min-width: 992px) {
+ .header__notifs svg {
+ display: none;
+ }
+}
+.header__notifs span {
+ display: none;
+}
+@media (min-width: 992px) {
+ .header__notifs span {
+ display: inline;
+ }
+}
+.header__notifs_actived {
+ position: relative;
+}
+@media (min-width: 992px) {
+ .header__notifs_actived {
+ padding-right: 12px;
+ }
+}
+.header__notifs_actived:after {
+ content: "";
+ border: 1px solid #ffffff;
+ background: #377d87;
+ border-radius: 999px;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ right: 0;
+}
+@media (min-width: 992px) {
+ .header__notifs_actived:after {
+ width: 8px;
+ height: 8px;
+ border: none;
+ }
+}
+.header__burger {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 24px;
+ height: 24px;
+ color: #377d87;
+ padding: 0;
+ border: none;
+ background: none;
+}
+@media (min-width: 992px) {
+ .header__burger {
+ display: none;
+ }
+}
+.header__burger svg {
+ width: 20px;
+ height: 20px;
+}
+.header__burger svg + svg {
+ display: none;
+}
+.header__sign {
+ display: none;
+}
+@media (min-width: 992px) {
+ .header__sign {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+
+.mob-menu {
+ display: none;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100vw;
+ height: calc(100vh - 42px);
+ z-index: 4;
+ background: #ffffff;
+ overflow: hidden;
+ overflow-y: auto;
+ padding: 50px 0;
+}
+.mob-menu__bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-top: 80px;
+}
+.mob-menu__bottom .button {
+ min-width: 120px;
+}
+.mob-menu__bottom-link {
+ text-decoration: underline;
+ margin-top: 50px;
+}
+.mob-menu__bottom-link:hover {
+ color: #377d87;
+}
+.mob-menu__bottom-link + .mob-menu__bottom-link {
+ margin-top: 10px;
+}
+.mob-menu__bottom .socials {
+ margin-top: 35px;
+}
+.mob-menu .footer__mobile-menu {
+ opacity: 1;
+ height: auto;
+ overflow: visible;
+}
+.mob-menu .footer__mobile-menu-item button {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.mob-menu .footer__mobile-menu-item div {
+ font-size: 20px;
+}
+.mob-menu .footer__mobile-contacts a {
+ font-size: 20px;
+ font-weight: 700;
+ color: #3a3b3c;
+ text-decoration: none;
+}
+.mob-menu .footer__mobile-contacts a:hover {
+ color: #377d87;
+}
+.mob-menu .footer__mobile-menu-item button b,
+.mob-menu .footer__mobile-contacts a {
+ font-size: 30px;
+}
+
+.menu-is-actived {
+ overflow: hidden;
+}
+@media (min-width: 992px) {
+ .menu-is-actived {
+ overflow: auto;
+ }
+}
+.menu-is-actived .header__burger svg {
+ display: none;
+}
+.menu-is-actived .header__burger svg + svg {
+ display: block;
+}
+.menu-is-actived .mob-menu {
+ display: block;
+}
+@media (min-width: 992px) {
+ .menu-is-actived .mob-menu {
+ display: none;
+ }
+}
+
+.footer {
+ -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
+ background: #ffffff;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+.footer__mobile {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 25px 0 30px 0;
+}
+@media (min-width: 768px) {
+ .footer__mobile {
+ padding: 30px 0;
+ }
+}
+@media (min-width: 992px) {
+ .footer__mobile {
+ display: none;
+ }
+}
+.footer__mobile-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ border: none;
+ background: none;
+}
+.footer__mobile-toper a, .footer__mobile-toper b {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+}
+.footer__mobile-toper a svg, .footer__mobile-toper b svg {
+ width: 137px;
+ height: 40px;
+}
+.footer__mobile-toper span {
+ width: 40px;
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #377d87;
+ color: #ffffff;
+ border-radius: 999px;
+}
+.footer__mobile-toper span svg {
+ width: 10px;
+ height: 10px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.footer__mobile-toper.active span svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.footer__mobile-menu {
+ height: 0;
+ opacity: 0;
+ overflow: hidden;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+}
+@media (min-width: 768px) {
+ .footer__mobile-menu {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 100px;
+ }
+}
+.footer__mobile-menu-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.footer__mobile-menu-item button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 0;
+ border: none;
+ background: none;
+}
+.footer__mobile-menu-item button.active {
+ color: #377d87;
+}
+.footer__mobile-menu-item button b {
+ width: calc(100% - 24px);
+ padding-right: 12px;
+ min-height: 24px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 20px;
+ font-weight: 700;
+}
+.footer__mobile-menu-item button span {
+ width: 24px;
+ height: 24px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ border: none;
+ background: none;
+}
+.footer__mobile-menu-item button svg {
+ width: 12px;
+ height: 12px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.footer__mobile-menu-item button.active svg {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+.footer__mobile-menu-item div {
+ height: 0;
+ opacity: 0;
+ overflow: hidden;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 15px;
+}
+.footer__mobile-menu-item div a:hover {
+ color: #377d87;
+}
+.footer__mobile-menu-item .active + div {
+ opacity: 1;
+ height: auto;
+ overflow: visible;
+ padding-top: 15px;
+}
+.active + .footer__mobile-menu {
+ opacity: 1;
+ height: auto;
+ overflow: visible;
+ padding-top: 35px;
+}
+.footer__mobile-contacts {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: 30px;
+}
+.footer__mobile-contacts b {
+ font-size: 20px;
+ font-weight: 700;
+ width: 100%;
+ margin-bottom: 20px;
+}
+.footer__mobile-contacts a {
+ color: #377d87;
+ text-decoration: underline;
+}
+.footer__mobile-contacts a + a {
+ color: #3a3b3c;
+}
+.footer__mobile-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: center;
+ gap: 20px;
+ margin-top: 100px;
+}
+.footer__mobile-links {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+.footer__mobile-links a:hover {
+ color: #377d87;
+}
+.footer__mobile-links span {
+ width: 60px;
+ height: 1px;
+ background: #377d87;
+}
+.footer__main {
+ display: none;
+ padding: 55px 0 20px 0;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 70px;
+}
+@media (min-width: 992px) {
+ .footer__main {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.footer__main-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.footer__main-logo {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+}
+.footer__main-logo svg {
+ width: 182px;
+ height: 54px;
+}
+.footer__main-title {
+ font-size: 20px;
+ font-weight: 700;
+ margin-bottom: 16px;
+}
+.footer__main-col {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.footer__main-col nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 8px;
+}
+.footer__main-col nav a:hover {
+ color: #377d87;
+}
+.footer__main-contacts {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 16px;
+ margin-bottom: 16px;
+}
+.footer__main-contacts a {
+ color: #377d87;
+ text-decoration: underline;
+}
+.footer__main-contacts a + a {
+ color: #3a3b3c;
+}
+.footer__main-copy {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 14px;
+ line-height: 1.4;
+}
+.footer__main-copy nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+.footer__main-copy nav a:hover {
+ color: #377d87;
+}
+.footer__main-copy nav span {
+ width: 1px;
+ height: 20px;
+ background: #6b6c6d;
+}
+
+.main {
+ position: relative;
+ overflow: hidden;
+ padding: 30px 0;
+}
+@media (min-width: 768px) {
+ .main {
+ padding: 40px 0;
+ }
+}
+@media (min-width: 992px) {
+ .main {
+ padding: 50px 0;
+ }
+}
+@media (min-width: 1280px) {
+ .main {
+ padding: 60px 0;
+ }
+}
+.main h2 {
+ margin: 0;
+ font-weight: 700;
+ font-size: 30px;
+}
+@media (min-width: 768px) {
+ .main h2 {
+ font-size: 44px;
+ }
+}
+.main h3 {
+ margin: 0;
+ font-weight: 700;
+ font-size: 22px;
+}
+@media (min-width: 768px) {
+ .main h3 {
+ font-size: 28px;
+ }
+}
+.main p {
+ margin: 0;
+ font-size: 14px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .main p {
+ font-size: 18px;
+ }
+}
+.main p a {
+ color: #4d88d9;
+}
+.main p a:hover {
+ color: #377d87;
+}
+.main__breadcrumbs {
+ margin-bottom: 20px;
+}
+@media (min-width: 768px) {
+ .main__breadcrumbs {
+ margin-bottom: 40px;
+ }
+}
+.main__content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .main__content {
+ font-size: 18px;
+ gap: 32px;
+ }
+}
+.main__content-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+.main__content h1,
+.main__content h2,
+.main__content h3,
+.main__content h4,
+.main__content h5,
+.main__content h6 {
+ color: #3a3b3c;
+}
+.main__content ul,
+.main__content ol {
+ padding: 0;
+ margin: 0;
+ padding-left: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 8px;
+}
+@media (min-width: 992px) {
+ .main__content ul,
+ .main__content ol {
+ gap: 16px;
+ padding-left: 30px;
+ }
+}
+.main__content li ul,
+.main__content li ol {
+ margin-top: 8px;
+}
+@media (min-width: 992px) {
+ .main__content li ul,
+ .main__content li ol {
+ margin-top: 16px;
+ }
+}
+.main__content li ul li,
+.main__content li ol li {
+ list-style-type: disc;
+}
+.main__gallery {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__gallery {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .main__gallery {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+.main__gallery-item {
+ width: 100%;
+ aspect-ratio: 400/224;
+ border-radius: 30px;
+ position: relative;
+ overflow: hidden;
+}
+.main__gallery-item:hover {
+ -webkit-filter: brightness(1.1);
+ filter: brightness(1.1);
+}
+.main__gallery-item img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.main__employers {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers {
+ gap: 30px;
+ }
+}
+.main__employers-body {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 992px) {
+ .main__employers-body {
+ gap: 30px;
+ }
+}
+.main__employers-body.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__employers-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border: 1px solid #cecece;
+ border-radius: 8px;
+ position: relative;
+ overflow: hidden;
+ padding: 10px;
+ padding-top: 50px;
+ padding-bottom: 30px;
+}
+@media (min-width: 768px) {
+ .main__employers-item {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 55px 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__employers-item {
+ padding-left: 55px;
+ }
+}
+.main__employers-item-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 768px) {
+ .main__employers-item-inner {
+ width: calc(100% - 200px);
+ padding-right: 40px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employers-item-inner {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+.main__employers-item-pic {
+ height: 30px;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-pic {
+ position: static;
+ width: 150px;
+ height: auto;
+ max-height: 150px;
+ -o-object-fit: contain;
+ object-fit: contain;
+ }
+}
+.main__employers-item-body {
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-body {
+ font-size: 16px;
+ padding-top: 20px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employers-item-body {
+ width: calc(100% - 150px);
+ padding: 0;
+ padding-left: 40px;
+ }
+}
+.main__employers-item-body b {
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .main__employers-item-body b {
+ font-size: 20px;
+ }
+}
+.main__employers-item-body i {
+ font-style: normal;
+ color: #3a3b3c;
+}
+.main__employers-item-more {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-more {
+ width: 200px;
+ padding: 0;
+ position: static;
+ }
+}
+.main__employers-item-label {
+ background: #4d88d9;
+ color: #ffffff;
+ border-radius: 6px;
+ width: 100%;
+ height: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 12px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ font-size: 12px;
+ line-height: 1;
+}
+@media (min-width: 768px) {
+ .main__employers-item-label {
+ max-width: 350px;
+ height: 30px;
+ font-size: 15px;
+ }
+}
+.main__employers-item-label svg {
+ width: 8px;
+ height: 8px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-label svg {
+ width: 12px;
+ height: 12px;
+ }
+}
+.main__employers-item-label span {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ width: calc(100% - 8px);
+ padding-left: 6px;
+}
+.main__employers-one {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.main__employers-two {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employers-two {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 20px 0;
+ }
+}
+.main__employers-two .main__employers-item {
+ width: calc(50% - 10px);
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ padding-top: 30px;
+}
+.main__employers-two .main__employers-item-inner {
+ width: 100%;
+ padding: 0;
+}
+.main__employers-two .main__employers-item-more {
+ position: static;
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .main__employers-two .main__employers-item-more {
+ margin-left: 190px;
+ }
+}
+.main__employers-two .main__employers-item-label {
+ max-width: none;
+}
+.main__employer-page {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page {
+ gap: 30px;
+ }
+}
+.main__employer-page-title {
+ color: #3a3b3c;
+ margin: 0;
+ font-size: 30px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-title {
+ font-size: 36px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-title {
+ font-size: 44px;
+ }
+}
+.main__employer-page-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+ font-size: 12px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .main__employer-page-item {
+ font-size: 18px;
+ gap: 8px;
+ }
+}
+.main__employer-page-item b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-item b {
+ font-size: 18px;
+ }
+}
+.main__employer-page-item span {
+ color: #3a3b3c;
+}
+.main__employer-page-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-info {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 30px 40px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__employer-page-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding-right: 160px;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-info .main__employer-page-item b,
+ .main__employer-page-info .main__employer-page-item span {
+ max-width: 300px;
+ }
+}
+.main__employer-page-tabs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-tabs {
+ margin-top: 20px;
+ }
+}
+.main__employer-page-tabs-item {
+ font-size: 22px;
+ font-weight: 700;
+ border: none;
+ background: none;
+ padding: 0;
+ color: #9c9d9d;
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-tabs-item {
+ font-size: 24px;
+ }
+}
+.main__employer-page-tabs-item.active {
+ color: #377d87;
+}
+.main__employer-page-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-body {
+ margin-top: 30px;
+ }
+}
+.main__employer-page-body-item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.main__employer-page-body-item.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__employer-page-one {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-one {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-one {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+@media (min-width: 1280px) {
+ .main__employer-page-one {
+ grid-template-columns: repeat(4, 1fr);
+ gap: 30px 20px;
+ }
+}
+.main__employer-page-one-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ font-size: 12px;
+ position: relative;
+}
+@media (min-width: 1280px) {
+ .main__employer-page-one-item {
+ font-size: 18px;
+ }
+}
+.main__employer-page-one-item img {
+ border-radius: 10px;
+ -o-object-fit: cover;
+ object-fit: cover;
+ width: 100%;
+ max-height: 250px;
+ aspect-ratio: 247/174;
+}
+@media (min-width: 1280px) {
+ .main__employer-page-one-item img {
+ margin-bottom: 10px;
+ }
+}
+.main__employer-page-one-item b {
+ font-weight: 700;
+ color: #377d87;
+}
+.main__employer-page-one-item span {
+ color: #3a3b3c;
+}
+.main__employer-page-one-item i {
+ font-style: normal;
+ color: #377d87;
+}
+.main__employer-page-one-item .del {
+ position: absolute;
+ z-index: 1;
+ top: 8px;
+ left: 8px;
+}
+.main__employer-page-two {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.main__employer-page-two-item {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+ padding: 20px 10px;
+ border-radius: 12px;
+ border: 1px solid #cecece;
+ position: relative;
+ overflow: hidden;
+ font-size: 12px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item {
+ font-size: 14px;
+ padding: 20px;
+ gap: 24px;
+ padding-bottom: 35px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-two-item {
+ font-size: 16px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__employer-page-two-item {
+ font-size: 18px;
+ }
+}
+.main__employer-page-two-item-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 22px;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-toper {
+ font-size: 30px;
+ }
+}
+.main__employer-page-two-item-toper img {
+ width: 60px;
+ aspect-ratio: 1/1;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+.main__employer-page-two-item-toper span {
+ width: calc(100% - 60px);
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-toper span {
+ padding-left: 20px;
+ }
+}
+.main__employer-page-two-item-title {
+ font-size: 18px;
+ font-weight: 700;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-title {
+ font-size: 24px;
+ }
+}
+.main__employer-page-two-item-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+.main__employer-page-two-item-text-name {
+ font-weight: 700;
+}
+.main__employer-page-two-item-text-body {
+ color: #3a3b3c;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+ padding: 0 10px;
+}
+.main__employer-page-two-item-text-body p {
+ margin: 0;
+}
+.main__employer-page-two-item-text-body ul {
+ margin: 0;
+ padding: 0;
+ padding-left: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-text-body ul {
+ margin: 0 5px;
+ }
+}
+.main__employer-page-two-item-text-body ul span,
+.main__employer-page-two-item-text-body ul a {
+ color: #3a3b3c;
+ position: relative;
+}
+.main__employer-page-two-item-text-body ul a:hover {
+ color: #377d87;
+}
+.main__employer-page-two-item-text-body p + ul {
+ margin-top: 10px;
+}
+.main__employer-page-two-item-text-links {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+ padding: 0 10px;
+ font-weight: 700;
+ margin-top: 5px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-text-links {
+ gap: 20px;
+ }
+}
+.main__employer-page-two-item-text-links a {
+ color: #4d88d9;
+}
+.main__employer-page-two-item-text-links a:hover {
+ color: #377d87;
+}
+.main__employer-page-two-item-tags {
+ color: #4d88d9;
+ font-weight: 500;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 10px 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-tags {
+ font-size: 14px;
+ }
+}
+.main__employer-page-two-item-buttons {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-button {
+ position: absolute;
+ bottom: 20px;
+ left: 20px;
+ width: 200px;
+ padding: 0;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-button + .main__employer-page-two-item-button {
+ left: auto;
+ right: 20px;
+ }
+}
+.main__employer-page-two-item-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.main__employer-page-two-item-bottom-date {
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-bottom-date {
+ position: absolute;
+ bottom: 20px;
+ right: 240px;
+ height: 42px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-two-item-bottom-date {
+ font-size: 16px;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-bottom-like {
+ position: absolute;
+ bottom: 20px;
+ left: 240px;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-more {
+ margin-top: 10px;
+ padding: 0;
+ width: 200px;
+ }
+}
+.main__employer-page-two .main__employer-page-two-item {
+ display: none;
+}
+.main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__employer-page-two.active .main__employer-page-two-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__resume-base {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ color: #3a3b3c;
+}
+.main__resume-base-body {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body {
+ margin-top: 30px;
+ }
+}
+.main__resume-base-body.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__resume-base-body-one {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-one {
+ gap: 30px;
+ }
+}
+.main__resume-base-body-two {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-two {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 30px 0;
+ }
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-two .main__resume-base-body-item {
+ width: calc(50% - 10px);
+ }
+}
+.main__resume-base-body-two .main__resume-base-body-item-wrapper {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.main__resume-base-body-item {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ position: relative;
+ border: 1px solid #377d87;
+ border-radius: 8px;
+ padding: 10px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item {
+ padding: 20px;
+ }
+}
+.main__resume-base-body-item-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-buttons {
+ top: 20px;
+ right: 20px;
+ }
+}
+.main__resume-base-body-item-wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-wrapper {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.main__resume-base-body-item-photo {
+ width: 180px;
+ aspect-ratio: 1/1;
+ -o-object-fit: cover;
+ object-fit: cover;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-photo {
+ width: 210px;
+ }
+}
+.main__resume-base-body-item-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-inner {
+ gap: 16px;
+ padding-right: 50px;
+ }
+}
+@media (min-width: 992px) {
+ .main__resume-base-body-item-inner {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 30px;
+ }
+}
+.main__resume-base-body-item-inner div {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-inner div {
+ font-size: 16px;
+ }
+}
+.main__resume-base-body-item-inner b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-inner b {
+ font-size: 18px;
+ }
+}
+.main__resume-base-body-item-link {
+ width: 100%;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-link {
+ width: 200px;
+ }
+}
+.main__spoiler {
+ overflow: hidden;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.main__spoiler-toper {
+ background: #377d87;
+ height: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #ffffff;
+ font-size: 12px;
+ font-weight: 700;
+ padding: 0 30px;
+ border: none;
+ position: relative;
+}
+@media (min-width: 768px) {
+ .main__spoiler-toper {
+ font-size: 18px;
+ height: 50px;
+ padding: 0 60px;
+ }
+}
+.main__spoiler-toper:before, .main__spoiler-toper:after {
+ content: "";
+ background: #ffffff;
+ border-radius: 999px;
+ width: 10px;
+ height: 1px;
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+@media (min-width: 768px) {
+ .main__spoiler-toper:before, .main__spoiler-toper:after {
+ width: 20px;
+ height: 2px;
+ right: 20px;
+ }
+}
+.main__spoiler-toper:after {
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.main__spoiler-toper.active:after {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+.main__spoiler-body {
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+ border-radius: 0 0 8px 8px;
+ background: #ffffff;
+}
+.main__spoiler-body table {
+ width: calc(100% + 2px);
+ margin-left: -1px;
+ margin-bottom: -1px;
+}
+@media (min-width: 992px) {
+ .main__spoiler-body table td {
+ width: 40%;
+ }
+}
+@media (min-width: 992px) {
+ .main__spoiler-body table td + td {
+ width: 60%;
+ }
+}
+.active + .main__spoiler-body {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ opacity: 1;
+ height: auto;
+ border: 1px solid #cecece;
+ border-top: none;
+}
+.main__table {
+ border-collapse: collapse;
+ table-layout: fixed;
+ font-size: 12px;
+ width: 100%;
+ background: #ffffff;
+}
+@media (min-width: 768px) {
+ .main__table {
+ font-size: 16px;
+ }
+}
+.main__table td {
+ border: 1px solid #cecece;
+ padding: 4px 8px;
+ vertical-align: top;
+}
+@media (min-width: 768px) {
+ .main__table td {
+ padding: 8px 16px;
+ }
+}
+.main__table td b {
+ font-weight: 700;
+}
+.main__table_three {
+ table-layout: auto;
+}
+.main__table_three td {
+ width: 25% !important;
+}
+.main__table_three td:last-child {
+ width: 50% !important;
+}
+.main__table b {
+ display: block;
+}
+.main__table a {
+ color: #377d87;
+ text-decoration: underline;
+}
+.main__table a:hover {
+ color: #3a3b3c;
+}
+.main__resume-profile-about {
+ padding-top: 20px;
+ padding-bottom: 30px;
+ position: relative;
+ margin-top: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-about {
+ padding: 50px 0;
+ }
+}
+.main__resume-profile-about:before {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 50%;
+ width: 20000px;
+ height: 100%;
+ margin-left: -10000px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+.main__resume-profile-about-title {
+ position: relative;
+ z-index: 2;
+ color: #3a3b3c;
+}
+.main__resume-profile-about-text {
+ position: relative;
+ z-index: 2;
+}
+.main__resume-profile-about-button {
+ position: relative;
+ z-index: 2;
+ margin-top: 10px;
+}
+.main__resume-profile-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ margin-top: 30px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info {
+ margin-top: 50px;
+ gap: 30px;
+ }
+}
+.main__resume-profile-info-title {
+ color: #3a3b3c;
+}
+.main__resume-profile-info-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body {
+ gap: 30px;
+ }
+}
+.main__resume-profile-info-body-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .main__resume-profile-info-body-item {
+ gap: 20px;
+ }
+}
+.main__resume-profile-info-body-subtitle {
+ color: #4d88d9;
+}
+.main__resume-profile-info-body-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ margin: 0;
+ padding: 0;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .main__resume-profile-info-body-inner {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner {
+ grid-template-columns: repeat(3, 1fr);
+ font-size: 16px;
+ }
+}
+.main__resume-profile-info-body-inner li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner li {
+ gap: 8px;
+ }
+}
+.main__resume-profile-info-body-inner b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner b {
+ font-size: 18px;
+ }
+}
+.main__resume-profile-info-body-inner span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner span {
+ gap: 6px;
+ }
+}
+.main__resume-profile-review {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ padding: 20px 10px;
+ margin-top: 30px;
+ border-radius: 16px;
+ border: 1px solid #cecece;
+ background: #ffffff;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 992px) {
+ .main__resume-profile-review {
+ margin-top: 50px;
+ padding: 50px 40px;
+ gap: 30px;
+ }
+}
+.main__resume-profile-review-title {
+ color: #3a3b3c;
+}
+.main__resume-profile-review-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+.main__resume-profile-review-body .textarea {
+ width: 100%;
+}
+.main__resume-profile-review-body .button {
+ margin-top: 10px;
+}
+.main__vacancies {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__vacancies {
+ gap: 30px;
+ }
+}
+.main__vacancies-title {
+ color: #3a3b3c;
+ width: 100%;
+}
+.main__vacancies-filters {
+ width: 100%;
+}
+.main__vacancies-item {
+ width: 100%;
+ background: none;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+.main__vacancies-item-page {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ margin: 0 -10px;
+}
+@media (min-width: 768px) {
+ .main__vacancies-item-page {
+ margin: 0 -20px;
+ }
+}
+.main__vacancies-thing {
+ width: 100%;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 20px 10px;
+ padding-bottom: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 24px;
+ border-radius: 12px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing {
+ padding: 30px 20px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 0;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing {
+ padding: 50px 20px;
+ }
+}
+.main__vacancies-thing-pic {
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ aspect-ratio: 42/34;
+ -o-object-fit: cover;
+ object-fit: cover;
+ border-radius: 8px;
+ max-height: 340px;
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing-pic {
+ width: 380px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing-pic {
+ width: 420px;
+ }
+}
+.main__vacancies-thing-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 16px;
+ color: #3a3b3c;
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing-body {
+ width: calc(100% - 380px);
+ padding-left: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing-body {
+ width: calc(100% - 420px);
+ gap: 20px;
+ }
+}
+.main__vacancies-thing-body > * {
+ width: 100%;
+}
+.main__vacancies-thing-body .button {
+ width: auto;
+}
+@media (min-width: 768px) {
+ .main__vacancies-thing-body .button {
+ min-width: 200px;
+ }
+}
+.main__vacancies-thing-scroll {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 16px;
+ overflow: hidden;
+ overflow-y: auto;
+ max-height: 180px;
+ padding-right: 10px;
+}
+@media (min-width: 768px) {
+ .main__vacancies-thing-scroll {
+ max-height: 210px;
+ padding-right: 20px;
+ }
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing-scroll {
+ max-height: 175px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing-scroll {
+ max-height: 200px;
+ gap: 20px;
+ }
+}
+.main__cond {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 50px;
+}
+.main__cond > div {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+.main__cond-label {
+ border-radius: 16px;
+ border: 1px solid #cecece;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ padding: 30px 20px;
+ font-weight: 700;
+ color: #3a3b3c;
+ line-height: 2;
+ text-align: center;
+}
+@media (min-width: 992px) {
+ .main__cond-label {
+ font-size: 30px;
+ }
+}
+.main__cond-icons {
+ padding: 0;
+ margin: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 25px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .main__cond-icons {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 60px;
+ margin-top: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__cond-icons {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+.main__cond-icons li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 20px;
+ font-size: 12px;
+ line-height: 1.4;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .main__cond-icons li {
+ font-size: 14px;
+ }
+}
+@media (min-width: 992px) {
+ .main__cond-icons li {
+ font-size: 16px;
+ line-height: 1.6;
+ }
+}
+@media (min-width: 1280px) {
+ .main__cond-icons li {
+ font-size: 18px;
+ }
+}
+.main__cond-icons li span {
+ width: 48px;
+ height: 48px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.main__cond-icons li span img {
+ max-width: 48px;
+}
+.main__cond-callback {
+ margin-top: 10px;
+}
+.main__ads {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+ margin: 30px 0;
+}
+@media (min-width: 992px) {
+ .main__ads {
+ margin: 60px 0;
+ }
+}
+.main__ads-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 992px) {
+ .main__ads-item {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ gap: 0;
+ }
+}
+.main__ads-item-pic {
+ width: 100%;
+ max-width: 440px;
+ max-height: 200px;
+ aspect-ratio: 3/2;
+ position: relative;
+ overflow: hidden;
+ border-radius: 12px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-pic {
+ width: 200px;
+ aspect-ratio: 1/1;
+ }
+}
+.main__ads-item-pic img {
+ z-index: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.main__ads-item-pic span {
+ z-index: 2;
+ width: 30px;
+ height: 30px;
+ border-radius: 6px;
+ background: #4d88d9;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ color: #ffffff;
+}
+@media (min-width: 992px) {
+ .main__ads-item-pic span {
+ width: 42px;
+ height: 42px;
+ }
+}
+.main__ads-item-pic span svg {
+ width: 12px;
+ height: 12px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-pic span svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+.main__ads-item-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+ font-size: 12px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-body {
+ width: calc(100% - 200px);
+ padding-left: 40px;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 16px;
+ gap: 20px;
+ }
+}
+.main__ads-item-body b {
+ width: 100%;
+ font-weight: 700;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-body b {
+ font-size: 20px;
+ }
+}
+.main__ads-item-body span {
+ width: 100%;
+}
+
+.work {
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ color: #6b6c6d;
+ padding-top: 70px;
+ padding-bottom: 10px;
+ position: relative;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ .work {
+ padding-bottom: 25px;
+ }
+}
+@media (min-width: 1280px) {
+ .work {
+ padding-top: 80px;
+ padding-bottom: 25px;
+ }
+}
+.work__pic {
+ position: absolute;
+ height: calc(100% - 40px);
+ z-index: 1;
+ display: none;
+ bottom: 0;
+ left: 50%;
+ margin-left: 40px;
+}
+@media (min-width: 992px) {
+ .work__pic {
+ display: block;
+ }
+}
+@media (min-width: 1280px) {
+ .work__pic {
+ margin-left: 80px;
+ }
+}
+.work__body {
+ position: relative;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .work__body {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+@media (min-width: 992px) {
+ .work__body {
+ max-width: 600px;
+ }
+}
+.work__title {
+ width: 100%;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 1;
+}
+@media (min-width: 768px) {
+ .work__title {
+ font-size: 64px;
+ line-height: 94px;
+ }
+}
+.work__text {
+ width: 100%;
+ font-size: 12px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .work__text {
+ font-size: 18px;
+ margin-top: 20px;
+ line-height: 1.4;
+ }
+}
+.work__list {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 5px;
+ font-size: 14px;
+ font-weight: 700;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .work__list {
+ font-size: 18px;
+ gap: 8px;
+ margin-top: 30px;
+ }
+}
+.work__list div {
+ position: relative;
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .work__list div {
+ padding-left: 16px;
+ }
+}
+.work__list div:before {
+ content: "";
+ width: 4px;
+ height: 4px;
+ background: #6b6c6d;
+ border-radius: 999px;
+ position: absolute;
+ top: 5px;
+ left: 0;
+}
+@media (min-width: 768px) {
+ .work__list div:before {
+ top: 8px;
+ }
+}
+.work__form {
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .work__form {
+ margin-top: 30px;
+ }
+}
+.work__search {
+ width: 100%;
+ max-width: 180px;
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .work__search {
+ max-width: 270px;
+ margin-top: 50px;
+ }
+}
+.work__get {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: 48px;
+}
+.work__get b {
+ width: 100%;
+ margin-bottom: 10px;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .work__get b {
+ font-size: 18px;
+ }
+}
+.work__get a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-right: 20px;
+}
+.work__get a img {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ width: 111px;
+}
+@media (min-width: 768px) {
+ .work__get a img {
+ width: 131px;
+ }
+}
+.work__get a:hover img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.work__get a + a {
+ margin-right: 0;
+}
+
+.numbers {
+ padding: 30px 0;
+ background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
+ color: #ffffff;
+}
+@media (min-width: 1280px) {
+ .numbers {
+ padding: 100px 0;
+ background-position: 100% 100%;
+ background-size: auto 500px;
+ }
+}
+.numbers__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+}
+@media (min-width: 768px) {
+ .numbers__body {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+.numbers__item {
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ line-height: 1.4;
+}
+@media (min-width: 1280px) {
+ .numbers__item {
+ font-size: 16px;
+ line-height: 20px;
+ }
+}
+.numbers__item b {
+ font-size: 40px;
+ font-weight: 700;
+ border-bottom: 1px solid #ffffff;
+ line-height: 1;
+}
+@media (min-width: 1280px) {
+ .numbers__item b {
+ font-size: 100px;
+ line-height: 147px;
+ }
+}
+.numbers__item span {
+ font-weight: 700;
+ font-size: 14px;
+ margin: 10px 0;
+ line-height: 1;
+}
+@media (min-width: 1280px) {
+ .numbers__item span {
+ font-size: 24px;
+ margin-top: 30px;
+ }
+}
+
+.vacancies {
+ padding: 50px 0;
+}
+@media (min-width: 1280px) {
+ .vacancies {
+ padding: 100px 0;
+ }
+}
+.vacancies__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ gap: 20px;
+ width: 100%;
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .vacancies__body {
+ margin-top: 30px;
+ gap: 30px;
+ }
+}
+.vacancies__more {
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .vacancies__more {
+ width: auto;
+ margin: 0 auto;
+ }
+}
+.vacancies__list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 15px;
+}
+@media (min-width: 768px) {
+ .vacancies__list {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .vacancies__list {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .vacancies__list {
+ grid-template-columns: repeat(4, 1fr);
+ }
+}
+.vacancies__list-label {
+ font-weight: 700;
+ font-size: 22px;
+}
+.vacancies__list-col {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 15px;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .vacancies__list-col {
+ margin-top: 0;
+ }
+}
+.vacancies__list-col:first-child {
+ margin-top: 0;
+}
+.vacancies__item {
+ display: none;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ border-radius: 12px;
+ background: #ffffff;
+ border: 1px solid #e6e7e7;
+ overflow: hidden;
+}
+.vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.vacancies__item > span {
+ border-left: 10px solid #377d87;
+ padding: 20px 14px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 5px;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+@media (min-width: 992px) {
+ .vacancies__item > span {
+ gap: 10px;
+ }
+}
+.vacancies__item b {
+ font-weight: 700;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .vacancies__item b {
+ font-size: 20px;
+ }
+}
+.vacancies__item:hover b {
+ color: #377d87;
+}
+.vacancies__item u {
+ text-decoration: none;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .vacancies__item u {
+ font-size: 18px;
+ }
+}
+.vacancies__item i {
+ font-size: 12px;
+ font-style: normal;
+ border-bottom: 1px dashed #377d87;
+}
+@media (min-width: 992px) {
+ .vacancies__item i {
+ font-size: 16px;
+ }
+}
+.vacancies__item i span {
+ font-weight: 700;
+ color: #377d87;
+}
+.vacancies__body.active .vacancies__list .vacancies__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.employer {
+ padding-bottom: 50px;
+}
+@media (min-width: 992px) {
+ .employer {
+ padding-bottom: 100px;
+ }
+}
+.employer .swiper {
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .employer .swiper {
+ margin-top: 30px;
+ }
+}
+.employer__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+}
+.employer__item a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.employer__item img {
+ width: 100%;
+ aspect-ratio: 295/98;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+.employer__more {
+ height: 38px;
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .employer__more {
+ width: 250px;
+ margin: 0 auto;
+ height: 44px;
+ margin-top: 40px;
+ }
+}
+
+.about {
+ background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
+ background-size: cover;
+ padding: 30px 0;
+ padding-bottom: 70px;
+}
+@media (min-width: 768px) {
+ .about {
+ padding-top: 40px;
+ background-size: auto calc(100% - 10px);
+ }
+}
+@media (min-width: 1280px) {
+ .about {
+ padding: 100px 0;
+ }
+}
+.about__wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+}
+.about__title {
+ color: #ffffff;
+ line-height: 1.2;
+}
+@media (min-width: 1280px) {
+ .about__title {
+ position: absolute;
+ top: -45px;
+ left: 0;
+ }
+}
+.about__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 1280px) {
+ .about__body {
+ padding-left: 495px;
+ }
+}
+.about__line {
+ background: #ffffff;
+ width: 100%;
+ height: 1px;
+ max-width: 400px;
+ margin-top: 10px;
+}
+.about__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+ max-width: 600px;
+}
+@media (min-width: 768px) {
+ .about__item {
+ margin-top: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .about__item {
+ margin-top: 30px;
+ }
+}
+.about__item b {
+ font-size: 20px;
+ font-weight: 700;
+}
+.about__item span {
+ font-size: 13px;
+ line-height: 1.4;
+ margin-top: 6px;
+}
+@media (min-width: 1280px) {
+ .about__item span {
+ font-size: 16px;
+ margin-top: 12px;
+ }
+}
+.about__item a {
+ text-decoration: underline;
+}
+.about__item + .about__item {
+ margin-top: 30px;
+}
+@media (min-width: 992px) {
+ .about__item + .about__item {
+ margin-top: 40px;
+ }
+}
+.about__button {
+ margin-top: 20px;
+ height: 38px;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .about__button {
+ max-width: 200px;
+ height: 42px;
+ margin-top: 30px;
+ }
+}
+
+.news {
+ padding: 50px 0;
+ overflow: hidden;
+}
+@media (min-width: 1280px) {
+ .news {
+ padding: 100px 0;
+ padding-bottom: 0;
+ }
+}
+.news__toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 1280px) {
+ .news__toper .title {
+ width: calc(100% - 160px);
+ }
+}
+.news__toper .navs {
+ display: none;
+}
+@media (min-width: 1280px) {
+ .news__toper .navs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.news .swiper {
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .news .swiper {
+ overflow: visible;
+ }
+}
+@media (min-width: 992px) {
+ .news .swiper {
+ margin-top: 40px;
+ }
+}
+.news__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ line-height: 1.4;
+}
+.news__item-pic {
+ width: 100%;
+ aspect-ratio: 3/2;
+ border-radius: 12px;
+ border: 1px solid #e6e7e7;
+ -o-object-fit: cover;
+ object-fit: cover;
+ min-height: 200px;
+}
+@media (min-width: 1280px) {
+ .news__item-pic {
+ aspect-ratio: 4/2;
+ }
+}
+.news__item-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-top: 15px;
+}
+@media (min-width: 768px) {
+ .news__item-body {
+ padding: 20px;
+ padding-top: 30px;
+ margin-top: -15px;
+ border-radius: 0 0 12px 12px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+ }
+}
+.news__item-date {
+ font-size: 14px;
+ font-weight: 700;
+ color: #377d87;
+}
+.news__item-title {
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-top: 5px;
+}
+.news__item-text {
+ color: #6b6c6d;
+ font-size: 13px;
+ margin-top: 10px;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 4;
+}
+@media (min-width: 1280px) {
+ .news__item-text {
+ font-size: 16px;
+ }
+}
+.news__item-more {
+ height: 42px;
+ margin-top: 20px;
+}
+@media (min-width: 1280px) {
+ .news__item-more {
+ height: 44px;
+ max-width: 190px;
+ }
+}
+.news__all {
+ height: 42px;
+ margin: 0 auto;
+ margin-top: 20px;
+ padding: 0;
+ display: none;
+}
+@media (min-width: 768px) {
+ .news__all {
+ max-width: 170px;
+ margin-top: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+@media (min-width: 1280px) {
+ .news__all {
+ height: 44px;
+ }
+}
+.news__items {
+ display: grid;
+ gap: 20px;
+ margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+ .news__items {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+@media (min-width: 992px) {
+ .news__items {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+main + .news {
+ padding: 0;
+}
+
+.info {
+ position: relative;
+ overflow: hidden;
+}
+@media (min-width: 1280px) {
+ .info {
+ margin-bottom: -25px;
+ }
+}
+.info__pic {
+ display: none;
+ z-index: 1;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ height: 100%;
+ margin-left: 130px;
+}
+@media (min-width: 992px) {
+ .info__pic {
+ display: block;
+ }
+}
+@media (min-width: 1280px) {
+ .info__pic {
+ width: 610px;
+ height: auto;
+ margin-left: 10px;
+ }
+}
+.info__body {
+ z-index: 2;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 1280px) {
+ .info__body {
+ padding-top: 100px;
+ min-height: 600px;
+ }
+}
+@media (min-width: 1280px) {
+ .info__title {
+ max-width: 520px;
+ line-height: 1;
+ }
+}
+.info__item {
+ margin-top: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 992px) {
+ .info__item {
+ max-width: 610px;
+ }
+}
+.info__item + .info__item {
+ margin-top: 60px;
+}
+.info__text {
+ color: #6b6c6d;
+ font-size: 13px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .info__text {
+ font-size: 16px;
+ }
+}
+@media (min-width: 1280px) {
+ .info__text {
+ font-size: 18px;
+ }
+}
+.info__link {
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ line-height: 1;
+ height: 40px;
+ font-size: 12px;
+ font-weight: 700;
+ gap: 8px;
+ color: #ffffff;
+ background: #377d87;
+}
+.info__link:hover {
+ -webkit-filter: grayscale(50%);
+ filter: grayscale(50%);
+}
+@media (min-width: 768px) {
+ .info__link {
+ height: 44px;
+ font-size: 16px;
+ gap: 10px;
+ max-width: 300px;
+ }
+}
+@media (min-width: 992px) {
+ .info__link {
+ max-width: 210px;
+ }
+}
+.info__link svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .info__link svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+
+.thing {
+ padding-top: 15px;
+ padding-bottom: 30px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ color: #3a3b3c;
+ overflow: hidden;
+ position: relative;
+}
+@media (min-width: 992px) {
+ .thing {
+ padding-top: 20px;
+ padding-bottom: 60px;
+ }
+}
+@media (min-width: 1280px) {
+ .thing {
+ padding-bottom: 90px;
+ }
+}
+.thing_pdf {
+ padding: 30px 0;
+}
+@media (min-width: 992px) {
+ .thing_pdf {
+ padding: 60px 0;
+ }
+}
+@media (min-width: 1280px) {
+ .thing_pdf {
+ padding: 90px 0;
+ }
+}
+.thing__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.thing__breadcrumbs {
+ width: 100%;
+ margin-bottom: 40px;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .thing__breadcrumbs {
+ margin-bottom: 60px;
+ }
+}
+.thing__date {
+ color: #6B6C6D;
+ font-size: 14px;
+ font-weight: 700;
+ line-height: 21px;
+ margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+ .thing__date {
+ font-size: 18px;
+ line-height: 27px;
+ }
+}
+.thing__title {
+ width: 100%;
+ font-size: 32px;
+ font-weight: 700;
+ margin: 0;
+ max-width: 780px;
+ position: relative;
+ z-index: 2;
+ line-height: 1.1;
+}
+@media (min-width: 768px) {
+ .thing__title {
+ font-size: 40px;
+ }
+}
+@media (min-width: 1280px) {
+ .thing__title {
+ font-size: 64px;
+ }
+}
+.thing__text {
+ width: 100%;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 1.4;
+ margin: 15px 0 0 0;
+ max-width: 780px;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .thing__text {
+ margin-top: 15px;
+ }
+}
+@media (min-width: 992px) {
+ .thing__text {
+ font-weight: 400;
+ font-size: 18px;
+ }
+}
+.thing__search {
+ width: 100%;
+ max-width: 640px;
+ margin-top: 20px;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .thing__search {
+ margin-top: 30px;
+ }
+}
+.thing__badge {
+ position: relative;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 5px;
+ padding: 0 12px;
+ background: #4d88d9;
+ color: #ffffff;
+ font-size: 12px;
+ line-height: 1;
+ height: 26px;
+ border-radius: 999px;
+ margin-bottom: 20px;
+}
+@media (min-width: 992px) {
+ .thing__badge {
+ font-size: 16px;
+ gap: 10px;
+ padding: 0 24px;
+ height: 42px;
+ margin-bottom: 30px;
+ }
+}
+.thing__badge svg {
+ width: 12px;
+ height: 12px;
+}
+@media (min-width: 992px) {
+ .thing__badge svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+.thing__pic {
+ width: 60px;
+ aspect-ratio: 1/1;
+ -o-object-fit: contain;
+ object-fit: contain;
+ position: relative;
+ z-index: 1;
+ margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+ .thing__pic {
+ width: 160px;
+ position: absolute;
+ top: 15px;
+ right: 20px;
+ }
+}
+@media (min-width: 992px) {
+ .thing__pic {
+ width: 330px;
+ top: 50%;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ }
+}
+@media (min-width: 1280px) {
+ .thing__pic {
+ right: auto;
+ left: 50%;
+ margin-left: 200px;
+ }
+}
+.thing__pic_two {
+ -o-object-fit: cover;
+ object-fit: cover;
+ border-radius: 30px;
+ aspect-ratio: 44/37;
+ width: 100%;
+ max-width: 440px;
+}
+@media (min-width: 768px) {
+ .thing__pic_two {
+ position: static;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@media (min-width: 1280px) {
+ .thing__pic_two {
+ position: absolute;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ }
+}
+.thing__buttons {
+ width: 100%;
+ position: relative;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+ margin-top: 15px;
+}
+@media (min-width: 992px) {
+ .thing__buttons {
+ margin-top: 30px;
+ gap: 30px;
+ }
+}
+@media (min-width: 992px) {
+ .thing__buttons .button {
+ padding: 0 22px;
+ }
+}
+.thing__checkbox {
+ margin-top: 20px;
+}
+.thing__checkbox .checkbox__icon {
+ border-color: #377d87;
+}
+.thing__checkbox .checkbox__text {
+ color: #377d87;
+}
+.thing__profile {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 768px) {
+ .thing__profile {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+.thing__profile-photo {
+ width: 210px;
+ border-radius: 8px;
+ aspect-ratio: 1/1;
+}
+.thing__profile-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .thing__profile-body {
+ width: calc(100% - 210px);
+ padding-left: 35px;
+ }
+}
+.thing__profile .thing__title {
+ max-width: none;
+}
+@media (min-width: 768px) {
+ .thing__profile .thing__title {
+ margin-top: -20px;
+ }
+}
+.thing__profile .thing__text {
+ max-width: none;
+}
+.thing__bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 15px;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .thing__bottom {
+ margin-top: 30px;
+ }
+}
+.thing__select {
+ width: 100%;
+ max-width: 640px;
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .thing__select {
+ margin-top: 30px;
+ }
+}
+
+.page-404 {
+ background: url(../images/bg-3.svg) no-repeat 100%/cover;
+ overflow: hidden;
+}
+.page-404__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-align: center;
+ padding: 60px 0;
+ color: #3a3b3c;
+ font-size: 12px;
+ gap: 10px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .page-404__body {
+ font-size: 18px;
+ padding: 120px 0;
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .page-404__body {
+ padding: 180px 0;
+ text-align: left;
+ }
+}
+.page-404__numb {
+ font-size: 114px;
+ line-height: 1;
+ color: #377d87;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .page-404__numb {
+ font-size: 184px;
+ }
+}
+@media (min-width: 768px) {
+ .page-404__title {
+ font-weight: 700;
+ font-size: 44px;
+ }
+}
+@media (min-width: 1280px) {
+ .page-404__title {
+ width: 710px;
+ position: relative;
+ left: 200px;
+ }
+}
+@media (min-width: 1280px) {
+ .page-404__subtitle {
+ width: 710px;
+ position: relative;
+ left: 200px;
+ }
+}
+.page-404__button {
+ margin-top: 10px;
+}
+@media (min-width: 1280px) {
+ .page-404__button {
+ position: relative;
+ left: -45px;
+ }
+}
+
+.cookies {
+ display: none;
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ padding: 10px;
+ padding-top: 0;
+ height: 0;
+ position: fixed;
+ z-index: 999;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+}
+.cookies-is-actived .cookies {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.cookies__body {
+ border-radius: 6px;
+ border: 1px solid #377d87;
+ background: #ffffff;
+ padding: 15px;
+ padding-right: 50px;
+ position: relative;
+ max-width: 940px;
+ margin: 0 auto;
+}
+@media (min-width: 768px) {
+ .cookies__body {
+ padding: 25px;
+ padding-right: 50px;
+ border-radius: 12px;
+ }
+}
+@media (min-width: 992px) {
+ .cookies__body {
+ padding: 40px 60px;
+ }
+}
+.cookies__close {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+ padding: 0;
+ border: none;
+ background: none;
+ position: absolute;
+ top: 15px;
+ right: 15px;
+}
+.cookies__close:hover {
+ color: #3a3b3c;
+}
+.cookies__close svg {
+ width: 16px;
+ height: 16px;
+}
+.cookies__text {
+ font-size: 12px;
+ color: #377d87;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .cookies__text {
+ font-size: 16px;
+ font-weight: 700;
+ }
+}
+
+.fancybox-active {
+ overflow: hidden;
+}
+.fancybox-is-open .fancybox-bg {
+ background: #080B0B;
+ opacity: 0.6;
+ z-index: 9999;
+}
+.fancybox-slide {
+ padding: 0;
+}
+@media (min-width: 992px) {
+ .fancybox-slide {
+ padding: 30px;
+ }
+}
+.fancybox-slide--html .fancybox-close-small {
+ padding: 0;
+ opacity: 1;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .fancybox-slide--html .fancybox-close-small {
+ top: 10px;
+ right: 10px;
+ }
+}
+.fancybox-slide--html .fancybox-close-small:hover {
+ color: #3a3b3c;
+}
+
+.modal {
+ width: 100%;
+ max-width: 820px;
+ padding: 0;
+ background: #ffffff;
+ z-index: 99999;
+}
+@media (min-width: 992px) {
+ .modal {
+ border-radius: 10px;
+ border: 1px solid #377d87;
+ }
+}
+.modal_bg {
+ background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
+}
+@media (min-width: 768px) {
+ .modal_bg {
+ background-position: 100% 100%;
+ }
+}
+.modal__body {
+ padding: 40px 15px;
+ padding-bottom: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ min-height: 100vh;
+ overflow: hidden;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .modal__body {
+ font-size: 16px;
+ padding-left: 22px;
+ padding-right: 22px;
+ }
+}
+@media (min-width: 992px) {
+ .modal__body {
+ min-height: 450px;
+ padding: 60px 80px;
+ padding-bottom: 40px;
+ }
+}
+@media (min-width: 768px) {
+ .modal__body .left {
+ text-align: left;
+ }
+}
+.modal__title {
+ width: 100%;
+ font-size: 22px;
+ font-weight: 700;
+ text-align: center;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .modal__title {
+ font-size: 32px;
+ }
+}
+@media (min-width: 992px) {
+ .modal__title {
+ font-size: 44px;
+ }
+}
+.modal__text {
+ width: 100%;
+ text-align: center;
+ margin-top: 10px;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .modal__text {
+ margin-top: 20px;
+ }
+}
+.modal__text span {
+ color: #9C9D9D;
+}
+.modal__text a {
+ font-weight: 700;
+ color: #377d87;
+}
+.modal__text a:hover {
+ color: #3a3b3c;
+}
+.modal__button {
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .modal__button {
+ min-width: 200px;
+ margin-top: 30px;
+ }
+}
+.modal__buttons {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px;
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .modal__buttons {
+ gap: 30px;
+ margin-top: 30px;
+ }
+}
+.modal__form {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .modal__form {
+ margin-top: 20px;
+ }
+}
+.modal__form-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 4px;
+}
+.modal__form-item > .input {
+ width: 100%;
+}
+.modal__form-item > .textarea {
+ width: 100%;
+ height: 175px;
+}
+@media (min-width: 768px) {
+ .modal__form-item > .textarea {
+ height: 195px;
+ }
+}
+.modal__form-item > .file {
+ width: 100%;
+}
+.modal__form-item > .button {
+ min-width: 120px;
+}
+.modal__form-item > label {
+ width: 100%;
+ display: none;
+ color: #eb5757;
+ padding: 0 10px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .modal__form-item > label {
+ padding: 0 20px;
+ font-size: 16px;
+ }
+}
+.modal__sign {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .modal__sign {
+ margin-top: 20px;
+ margin-bottom: 40px;
+ }
+}
+.modal__sign-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+}
+.modal__sign-item > .input {
+ width: 100%;
+ padding-right: 36px;
+ position: relative;
+ z-index: 1;
+}
+@media (min-width: 768px) {
+ .modal__sign-item > .input {
+ height: 52px;
+ padding-right: 60px;
+ }
+}
+.modal__sign-item > .textarea {
+ width: 100%;
+}
+.modal__sign-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+}
+.modal__sign-bottom-link {
+ font-weight: 700;
+ color: #377d87;
+}
+.modal__tabs {
+ width: 100%;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 16px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .modal__tabs {
+ gap: 24px;
+ margin-top: 20px;
+ }
+}
+.modal__tabs-item.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.modal__reg {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+ width: 100%;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+@media (min-width: 768px) {
+ .modal__reg {
+ margin-top: 20px;
+ margin-bottom: 30px;
+ gap: 20px;
+ }
+}
+.modal__reg.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.modal__reg-item {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.modal__reg-item > .captcha {
+ width: 100%;
+ max-width: 300px;
+}
+
+.messages {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.messages__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .messages__body {
+ gap: 20px;
+ }
+}
+.messages__item {
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px solid #e7e7e7;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 10px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .messages__item {
+ padding: 20px;
+ font-size: 16px;
+ }
+}
+.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.messages__item-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: calc(100% - 90px);
+}
+@media (min-width: 768px) {
+ .messages__item-info {
+ width: calc(100% - 150px);
+ }
+}
+.messages__item-photo {
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 36px;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .messages__item-photo {
+ width: 52px;
+ }
+}
+.messages__item-photo svg {
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+.messages__item-photo img {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.messages__item-text {
+ width: calc(100% - 36px);
+ padding-left: 6px;
+ color: #3a3b3c;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+}
+@media (min-width: 768px) {
+ .messages__item-text {
+ padding-left: 20px;
+ width: calc(100% - 52px);
+ gap: 8px;
+ }
+}
+.messages__item-text span {
+ color: #3a3b3c;
+}
+.messages__item-date {
+ color: #3a3b3c;
+ width: 90px;
+ text-align: right;
+}
+@media (min-width: 768px) {
+ .messages__item-date {
+ width: 150px;
+ }
+}
+.messages.active .messages__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.responses {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.responses__body {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.responses__item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ border-radius: 8px;
+ border: 1px solid #e7e7e7;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 20px 10px;
+ font-size: 12px;
+ position: relative;
+}
+@media (min-width: 768px) {
+ .responses__item {
+ padding: 20px;
+ font-size: 16px;
+ }
+}
+.responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.responses__item-date {
+ color: #3a3b3c;
+}
+@media (min-width: 992px) {
+ .responses__item-date {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ }
+}
+.responses__item-wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.responses__item-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .responses__item-inner {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .responses__item-inner {
+ width: calc(100% - 150px);
+ }
+}
+.responses__item-row {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ color: #3a3b3c;
+ text-align: right;
+}
+@media (min-width: 992px) {
+ .responses__item-row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+ text-align: left;
+ }
+}
+.responses__item-row span {
+ color: #3a3b3c;
+ text-align: left;
+}
+.responses__item-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .responses__item-buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ }
+}
+@media (min-width: 1280px) {
+ .responses__item-buttons {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+}
+.responses__item-buttons .button.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.responses.active .responses__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.chatbox {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .chatbox {
+ gap: 30px;
+ }
+}
+@media (min-width: 1280px) {
+ .chatbox {
+ gap: 40px;
+ }
+}
+.chatbox__toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ border: 1px solid #e7e7e7;
+ border-radius: 8px;
+ padding: 10px;
+}
+@media (min-width: 768px) {
+ .chatbox__toper {
+ padding: 20px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.chatbox__toper-info {
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .chatbox__toper-info {
+ font-size: 16px;
+ width: calc(100% - 230px);
+ }
+}
+@media (min-width: 768px) {
+ .chatbox__toper-button {
+ width: 210px;
+ padding: 0;
+ }
+}
+.chatbox__list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .chatbox__list {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .chatbox__list {
+ gap: 40px;
+ }
+}
+.chatbox__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ color: #3a3b3c;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .chatbox__item {
+ font-size: 16px;
+ }
+}
+.chatbox__item_reverse {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+.chatbox__item-photo {
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 44px;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.chatbox__item-photo svg {
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+.chatbox__item-photo img {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.chatbox__item-body {
+ width: calc(100% - 54px);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .chatbox__item-body {
+ width: calc(100% - 60px);
+ }
+}
+.chatbox__item_reverse .chatbox__item-body {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+.chatbox__item-text {
+ border-radius: 8px;
+ background: #ffffff;
+ -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ padding: 10px;
+ line-height: 1.6;
+}
+.chatbox__item-time {
+ width: 100%;
+ padding-left: 54px;
+ margin-top: 10px;
+ color: #9c9d9d;
+}
+.chatbox__item_reverse .chatbox__item-time {
+ text-align: right;
+}
+.chatbox__bottom {
+ background: #4d88d9;
+ padding: 10px;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom {
+ padding: 16px 20px;
+ }
+}
+.chatbox__bottom-file {
+ width: 20px;
+ aspect-ratio: 1/1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #ffffff;
+ color: #4d88d9;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-file {
+ width: 48px;
+ }
+}
+.chatbox__bottom-file:hover {
+ color: #377d87;
+}
+.chatbox__bottom-file input {
+ display: none;
+}
+.chatbox__bottom-file svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-file svg {
+ width: 40%;
+ }
+}
+.chatbox__bottom-text {
+ width: calc(100% - 60px);
+ height: 20px;
+ border-color: #ffffff;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-text {
+ width: calc(100% - 128px);
+ height: 48px;
+ }
+}
+.chatbox__bottom-text:focus {
+ border-color: #ffffff;
+}
+.chatbox__bottom-send {
+ width: 20px;
+ aspect-ratio: 1/1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ background: #ffffff;
+ border: none;
+ color: #4d88d9;
+ border-radius: 999px;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-send {
+ width: 48px;
+ }
+}
+.chatbox__bottom-send:hover {
+ color: #377d87;
+}
+.chatbox__bottom-send svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+ position: relative;
+ left: 1px;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-send svg {
+ width: 40%;
+ left: 2px;
+ }
+}
+
+.cvs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.cvs__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .cvs__body {
+ gap: 30px;
+ }
+}
+.cvs__item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ border-radius: 8px;
+ border: 1px solid #e7e7e7;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 10px;
+ font-size: 12px;
+ position: relative;
+}
+@media (min-width: 768px) {
+ .cvs__item {
+ gap: 0;
+ padding: 20px;
+ font-size: 16px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+.cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.cvs__item-like {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+@media (min-width: 768px) {
+ .cvs__item-like {
+ top: 20px;
+ right: 20px;
+ }
+}
+.cvs__item-photo {
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 36px;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cvs__item-photo {
+ width: 68px;
+ }
+}
+.cvs__item-photo svg {
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+.cvs__item-photo img {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.cvs__item-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cvs__item-text {
+ gap: 20px;
+ width: calc(100% - 68px);
+ padding-left: 20px;
+ padding-right: 60px;
+ }
+}
+.cvs__item-text div {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+@media (min-width: 768px) {
+ .cvs__item-text div {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+.cvs__item-text span,
+.cvs__item-text a {
+ color: #3a3b3c;
+}
+.cvs__item-button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cvs__item-button {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ width: 100%;
+ padding-top: 20px;
+ }
+}
+.cvs.active .cvs__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.faqs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.faqs__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ width: 100%;
+}
+.faqs__item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-radius: 8px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ background: #ffffff;
+ padding: 10px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .faqs__item {
+ padding: 20px;
+ font-size: 16px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ }
+}
+.faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.faqs__item-button {
+ background: none;
+ padding: 0;
+ border: none;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #3a3b3c;
+ text-align: left;
+ font-size: 14px;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .faqs__item-button {
+ font-size: 20px;
+ }
+}
+.faqs__item-button span {
+ width: calc(100% - 16px);
+ padding-right: 16px;
+}
+.faqs__item-button i {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 16px;
+ aspect-ratio: 1/1;
+ color: #377d87;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.faqs__item-button i svg {
+ width: 16px;
+ aspect-ratio: 1/1;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.faqs__item-button.active i {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.faqs__item-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+ font-size: 12px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .faqs__item-body {
+ font-size: 16px;
+ gap: 20px;
+ }
+}
+.faqs__item-body p {
+ margin: 0;
+}
+.active + .faqs__item-body {
+ opacity: 1;
+ height: auto;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ padding-top: 10px;
+}
+@media (min-width: 768px) {
+ .active + .faqs__item-body {
+ padding-top: 20px;
+ }
+}
+.faqs.active .faqs__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.cabinet {
+ padding: 20px 0;
+ padding-bottom: 40px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+@media (min-width: 992px) {
+ .cabinet {
+ padding: 30px 0;
+ padding-bottom: 60px;
+ }
+}
+.cabinet__breadcrumbs {
+ margin-bottom: 50px;
+}
+.cabinet__wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 992px) {
+ .cabinet__wrapper {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.cabinet__side {
+ border-radius: 8px;
+ background: #ffffff;
+ padding: 20px 10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 768px) {
+ .cabinet__side {
+ padding: 30px 20px;
+ margin-bottom: 50px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__side {
+ width: 340px;
+ margin: 0;
+ position: sticky;
+ top: 6px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__side {
+ width: 400px;
+ }
+}
+.cabinet__side-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.cabinet__side-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.cabinet__side-toper-pic {
+ width: 70px;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ border-radius: 8px;
+ color: #ffffff;
+ background: #9c9d9d;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: relative;
+}
+.cabinet__side-toper-pic img {
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ aspect-ratio: 1/1;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+.cabinet__side-toper-pic svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+}
+.cabinet__side-toper b {
+ width: calc(100% - 70px);
+ font-size: 14px;
+ font-weight: 700;
+ padding-left: 16px;
+}
+@media (min-width: 768px) {
+ .cabinet__side-toper b {
+ font-size: 20px;
+ }
+}
+.cabinet__menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.cabinet__menu-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 0 16px;
+ padding-right: 12px;
+ border: none;
+ border-radius: 8px;
+ background: #377d87;
+ color: #ffffff;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper {
+ padding: 0 20px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__menu-toper {
+ display: none;
+ }
+}
+.cabinet__menu-toper-text {
+ width: calc(100% - 16px);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text {
+ width: calc(100% - 20px);
+ }
+}
+.cabinet__menu-toper-text i {
+ width: 16px;
+ height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text i {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-toper-text svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text svg {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-toper-text span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 10px;
+ min-height: 30px;
+ font-size: 12px;
+ width: calc(100% - 16px);
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text span {
+ width: calc(100% - 22px);
+ font-size: 20px;
+ min-height: 52px;
+ padding: 0 16px;
+ }
+}
+.cabinet__menu-toper-arrow {
+ width: 16px;
+ height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-arrow {
+ width: 20px;
+ height: 20px;
+ }
+}
+.cabinet__menu-toper-arrow svg {
+ width: 12px;
+ height: 12px;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-arrow svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.cabinet__menu-body {
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 992px) {
+ .cabinet__menu-body {
+ opacity: 1;
+ height: auto;
+ }
+}
+.active + .cabinet__menu-body {
+ opacity: 1;
+ height: auto;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.cabinet__menu-items {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.cabinet__menu-item {
+ padding: 8px 16px;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item {
+ padding: 14px 20px;
+ }
+}
+.cabinet__menu-item:hover {
+ color: #377d87;
+}
+@media (min-width: 992px) {
+ .cabinet__menu-item.active {
+ background: #377d87;
+ color: #ffffff;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__menu-item.active svg {
+ color: #ffffff;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__menu-item.active.red {
+ background: #eb5757;
+ }
+}
+.cabinet__menu-item i {
+ width: 16px;
+ height: 16px;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item i {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-item svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item svg {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-item span {
+ width: calc(100% - 16px);
+ font-size: 12px;
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item span {
+ font-size: 20px;
+ width: calc(100% - 22px);
+ padding-left: 16px;
+ }
+}
+.cabinet__menu-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-bottom {
+ gap: 20px;
+ margin-top: 20px;
+ }
+}
+.cabinet__menu-copy {
+ color: #9c9d9d;
+ text-align: center;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-copy {
+ font-size: 16px;
+ }
+}
+.cabinet__body {
+ margin: 0 -10px;
+ margin-top: 50px;
+ background: #ffffff;
+ padding: 20px 10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__body {
+ padding: 30px 20px;
+ margin: 0;
+ border-radius: 8px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__body {
+ width: calc(100% - 360px);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__body {
+ width: calc(100% - 420px);
+ }
+}
+.cabinet__body-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.cabinet__title {
+ font-size: 24px;
+}
+@media (min-width: 768px) {
+ .cabinet__title {
+ font-size: 32px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__title {
+ font-size: 40px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__title {
+ font-size: 48px;
+ }
+}
+.cabinet__subtitle {
+ font-size: 22px;
+ margin: 0;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__subtitle {
+ font-size: 24px;
+ }
+}
+.cabinet__h4 {
+ font-size: 20px;
+ margin: 0;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__h4 {
+ font-size: 22px;
+ }
+}
+.cabinet__text {
+ margin: 0;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .cabinet__text {
+ font-size: 16px;
+ }
+}
+.cabinet__text b {
+ color: #3a3b3c;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .cabinet__text b {
+ font-size: 24px;
+ }
+}
+.cabinet__descr {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__descr {
+ gap: 12px;
+ }
+}
+.cabinet__avatar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .cabinet__avatar {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+.cabinet__avatar-pic {
+ width: 100px;
+ aspect-ratio: 1/1;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ overflow: hidden;
+ border-radius: 8px;
+ color: #ffffff;
+ background: #9c9d9d;
+}
+.cabinet__avatar-pic svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+ z-index: 1;
+ position: relative;
+}
+.cabinet__avatar-form {
+ width: calc(100% - 100px);
+ padding-left: 15px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__avatar-form {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding-left: 30px;
+ gap: 12px;
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__avatar-form .file {
+ min-width: 215px;
+ }
+}
+.cabinet__inputs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item {
+ width: calc(50% - 10px);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item_fullwidth {
+ width: 100%;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item_min {
+ width: calc(15% - 10px);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item_max {
+ width: calc(85% - 10px);
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__inputs-item .button {
+ width: 100%;
+ max-width: 215px;
+ padding: 0;
+ }
+}
+.cabinet__inputs-item .buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__inputs-item .buttons {
+ gap: 20px;
+ max-width: 470px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__inputs-item .buttons {
+ max-width: none;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item .buttons {
+ max-width: 470px;
+ }
+}
+.cabinet__inputs-item .buttons .button {
+ max-width: none;
+}
+.cabinet__inputs > .button {
+ padding: 0;
+ width: 100%;
+ max-width: 140px;
+}
+@media (min-width: 768px) {
+ .cabinet__inputs > .button {
+ max-width: 190px;
+ }
+}
+.cabinet__add {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__add {
+ gap: 0;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ }
+}
+.cabinet__add-pic {
+ border-radius: 4px;
+ position: relative;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 100px;
+ aspect-ratio: 1/1;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic {
+ width: 220px;
+ border-radius: 8px;
+ }
+}
+.cabinet__add-pic:hover {
+ background: #3a3b3c;
+}
+.cabinet__add-pic input {
+ display: none;
+}
+.cabinet__add-pic > svg {
+ width: 20px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ z-index: 1;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic > svg {
+ width: 50px;
+ }
+}
+.cabinet__add-pic span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ gap: 4px;
+ font-weight: 700;
+ font-size: 8px;
+ line-height: 1;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ margin-top: 25px;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic span {
+ font-size: 16px;
+ margin-top: 60px;
+ }
+}
+.cabinet__add-pic span svg {
+ width: 7px;
+ aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic span svg {
+ width: 16px;
+ }
+}
+.cabinet__add-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__add-body {
+ gap: 20px;
+ width: calc(100% - 220px);
+ padding-left: 20px;
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__add-body .button {
+ width: 215px;
+ padding: 0;
+ }
+}
+.cabinet__fleet {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .cabinet__fleet {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__fleet {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__submit {
+ width: 215px;
+ padding: 0;
+ margin: 0 auto;
+ }
+}
+.cabinet__filters {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__filters {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__filters {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.cabinet__filters-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__filters-item {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__filters-item {
+ width: calc(50% - 10px);
+ max-width: 410px;
+ }
+}
+.cabinet__filters-item .button, .cabinet__filters-item .select {
+ width: 100%;
+}
+@media (min-width: 1280px) {
+ .cabinet__filters-item .button, .cabinet__filters-item .select {
+ width: auto;
+ }
+}
+.cabinet__filters-item + .cabinet__filters-item {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+@media (min-width: 1280px) {
+ .cabinet__filters-item + .cabinet__filters-item {
+ max-width: 280px;
+ }
+}
+.cabinet__filters .search input {
+ padding-right: 135px;
+}
+.cabinet__filters .search button {
+ width: 115px;
+}
+.cabinet__filters-buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .cabinet__filters-buttons {
+ gap: 20px;
+ }
+}
+.cabinet__filters-buttons .button {
+ padding: 0;
+ gap: 5px;
+}
+.cabinet__filters-buttons .button.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.cabinet__filters-buttons .button.active:before {
+ content: "";
+ width: 6px;
+ height: 6px;
+ background: #ffffff;
+ border-radius: 999px;
+}
+.cabinet__table-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 700;
+ margin-bottom: -10px;
+}
+.cabinet__table-header div {
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .cabinet__table-header div {
+ font-size: 24px;
+ }
+}
+.cabinet__table-header span {
+ color: #3a3b3c;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .cabinet__table-header span {
+ font-size: 18px;
+ }
+}
+.cabinet__table-header span b {
+ color: #377d87;
+}
+.cabinet__tabs {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .cabinet__tabs {
+ max-width: 420px;
+ }
+}
+.cabinet__tabs .button.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.cabinet__bodies {
+ display: none;
+}
+.cabinet__bodies.showed {
+ display: block;
+}
+.cabinet__nots {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__nots {
+ gap: 20px;
+ }
+}
+.cabinet__nots .input {
+ width: 100%;
+}
+.cabinet__anketa {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__anketa {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__anketa {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__anketa {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.cabinet__anketa-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__anketa-buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ }
+}
+.cabinet__stats {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats {
+ gap: 12px;
+ }
+}
+.cabinet__stats-title {
+ font-size: 14px;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-title {
+ font-size: 24px;
+ }
+}
+.cabinet__stats-body {
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ border-radius: 8px;
+ padding: 10px;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-body {
+ padding: 10px 20px;
+ }
+}
+.cabinet__stats-item {
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ line-height: 1;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-item {
+ font-size: 20px;
+ gap: 10px;
+ }
+}
+.cabinet__stats-item svg {
+ width: 20px;
+ aspect-ratio: 1/1;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-item svg {
+ width: 40px;
+ margin-right: 10px;
+ }
+}
+.cabinet__stats-item span {
+ font-weight: 700;
+ color: #3a3b3c;
+}
+.cabinet__stats-item b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-item b {
+ font-size: 24px;
+ }
+}
+.cabinet__stats-subtitle {
+ font-size: 14px;
+ font-weight: 700;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-subtitle {
+ font-size: 18px;
+ }
+}
+.cabinet__stats-line {
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ height: 8px;
+ border-radius: 999px;
+ background: #CECECE;
+}
+.cabinet__stats-line span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #377d87;
+ border-radius: 999px;
+}
+.cabinet__stats-bottom {
+ color: #3a3b3c;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-bottom {
+ font-size: 16px;
+ }
+}
+.cabinet__works {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .cabinet__works {
+ gap: 30px;
+ }
+}
+.cabinet__works-item {
+ -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ padding: 10px;
+ border-radius: 4px;
+}
+@media (min-width: 768px) {
+ .cabinet__works-item {
+ padding: 20px;
+ border-radius: 8px;
+ }
+}
+.cabinet__works-spoiler {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.cabinet__works-spoiler-left {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: calc(100% - 22px);
+}
+.cabinet__works-spoiler-right {
+ width: 22px;
+ height: 22px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #377d87;
+ padding: 0;
+ background: none;
+ border: none;
+}
+.cabinet__works-spoiler-right svg {
+ width: 60%;
+ aspect-ratio: 1/1;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.cabinet__works-spoiler-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ width: 60px;
+}
+@media (min-width: 768px) {
+ .cabinet__works-spoiler-buttons {
+ width: 74px;
+ }
+}
+.cabinet__works-spoiler-buttons .button {
+ width: 22px;
+ height: 22px;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .cabinet__works-spoiler-buttons .button {
+ width: 30px;
+ height: 30px;
+ }
+}
+.cabinet__works-spoiler-text {
+ width: calc(100% - 60px);
+ padding-left: 20px;
+ font-size: 17px;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__works-spoiler-text {
+ width: calc(100% - 74px);
+ font-size: 20px;
+ }
+}
+.cabinet__works-body {
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+}
+.active + .cabinet__works-body {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ opacity: 1;
+ height: auto;
+ padding-top: 20px;
+}
+.cabinet__works-add {
+ padding: 0;
+ width: 100%;
+ max-width: 160px;
+}
+@media (min-width: 768px) {
+ .cabinet__works-add {
+ max-width: 220px;
+ }
+}
+.cabinet__buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ }
+}
+.cabinet__buttons .button, .cabinet__buttons .file {
+ padding: 0;
+ width: 100%;
+ max-width: 140px;
+}
+@media (min-width: 768px) {
+ .cabinet__buttons .button, .cabinet__buttons .file {
+ max-width: none;
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__buttons {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__buttons {
+ max-width: 400px;
+ }
+}
+.cabinet__vacs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.cabinet__vacs-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .cabinet__vacs-body {
+ gap: 30px;
+ }
+}
+.cabinet__vacs-item {
+ display: none;
+ background: #ffffff;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.cabinet__vacs.active .cabinet__vacs-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
\ No newline at end of file
diff --git a/public/css/style_22.css b/public/css/style_22.css
new file mode 100644
index 0000000..1a85cff
--- /dev/null
+++ b/public/css/style_22.css
@@ -0,0 +1,8912 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+@import url(fonts.css);
+@import url(jquery.fancybox.css);
+@import url(jquery.select2.css);
+@import url(star-rating.min.css);
+@import url(swiper.css);
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type=checkbox],
+[type=radio] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type=search] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+ display: none;
+}
+
+.green {
+ color: #377d87;
+}
+
+.red {
+ color: #eb5757;
+}
+
+.rotate180 {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+::-moz-selection {
+ color: #3a3b3c;
+ background: #acc0e6;
+}
+
+::selection {
+ color: #3a3b3c;
+ background: #acc0e6;
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-track {
+ border-radius: 999px;
+ background-color: #ffffff;
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 999px;
+ background-color: #377d87;
+}
+
+::-webkit-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+:-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus:-ms-input-placeholder {
+ color: transparent;
+}
+
+::-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-ms-input-placeholder {
+ color: transparent;
+}
+
+::-moz-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-moz-placeholder {
+ color: transparent;
+}
+
+::-webkit-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+::-moz-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+::-ms-input-placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+::placeholder {
+ color: #9c9d9d;
+ opacity: 1;
+}
+
+:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+:focus::-moz-placeholder {
+ color: transparent;
+}
+
+:focus:-ms-input-placeholder {
+ color: transparent;
+}
+
+:focus::-ms-input-placeholder {
+ color: transparent;
+}
+
+:focus::placeholder {
+ color: transparent;
+}
+
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+a,
+button,
+select {
+ color: inherit;
+}
+
+a {
+ text-decoration: none;
+}
+
+a,
+input[type=button],
+input[type=submit],
+button {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ cursor: pointer;
+}
+
+[type=tel] {
+ letter-spacing: 1px;
+}
+
+.br,
+img,
+svg {
+ display: block;
+}
+
+.float-left {
+ float: left;
+}
+
+.float-right {
+ float: right;
+}
+
+.clear-both:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
+#body {
+ font-family: "Circe", sans-serif;
+ color: #3a3b3c;
+ background: #ffffff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 50px;
+ min-width: 320px;
+ min-height: 100vh;
+ line-height: 1.25;
+}
+@media (min-width: 768px) {
+ #body {
+ gap: 60px;
+ }
+}
+#body.pdf {
+ gap: 0;
+}
+
+.container {
+ width: 100%;
+ max-width: 1280px;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+@media (min-width: 768px) {
+ .container {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+}
+
+.to-top {
+ position: fixed;
+ right: 10px;
+ bottom: 10px;
+ border-radius: 999px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #ffffff;
+ background: #377d87;
+ width: 40px;
+ height: 40px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ margin-right: -100px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ z-index: 99;
+ border: 1px solid #377d87;
+}
+.to-top:hover {
+ background: #ffffff;
+ color: #377d87;
+}
+.to-top svg {
+ width: 10px;
+ height: 10px;
+}
+@media (min-width: 768px) {
+ .to-top {
+ width: 50px;
+ height: 50px;
+ right: 20px;
+ bottom: 20px;
+ }
+ .to-top svg {
+ width: 12px;
+ height: 12px;
+ }
+}
+
+.begin .to-top {
+ margin-right: 0;
+}
+
+.socials {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ gap: 8px;
+}
+.socials a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border: 1px solid #377d87;
+ color: #377d87;
+ border-radius: 999px;
+ width: 38px;
+ height: 38px;
+}
+.socials a:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+.socials svg {
+ width: 12px;
+ height: 12px;
+}
+
+.nls {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ color: #3a3b3c;
+ text-align: left;
+}
+.nls:hover {
+ color: #377d87;
+}
+.nls svg {
+ width: 30px;
+ height: 40px;
+}
+@media (min-width: 768px) {
+ .nls svg {
+ width: 24px;
+ height: 31px;
+ }
+}
+.nls span {
+ width: calc(100% - 30px);
+ padding-left: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 12px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .nls span {
+ width: calc(100% - 24px);
+ }
+}
+.nls b {
+ font-weight: 400;
+}
+
+.title,
+h1 {
+ margin: 0;
+ font-weight: 700;
+ font-size: 32px;
+}
+@media (min-width: 768px) {
+ .title,
+ h1 {
+ font-size: 40px;
+ }
+}
+@media (min-width: 992px) {
+ .title,
+ h1 {
+ font-size: 48px;
+ }
+}
+@media (min-width: 1280px) {
+ .title,
+ h1 {
+ font-size: 64px;
+ }
+}
+
+.swiper-pagination {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: static;
+ margin-top: 20px;
+ gap: 8px;
+}
+@media (min-width: 768px) {
+ .swiper-pagination {
+ margin-top: 30px;
+ }
+}
+.swiper-pagination-bullet {
+ width: 16px;
+ height: 16px;
+ opacity: 1;
+ border: 1px solid #cdcece;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ background: transparent;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0 !important;
+}
+.swiper-pagination-bullet:before {
+ content: "";
+ width: 6px;
+ height: 6px;
+ border-radius: 999px;
+ background: #377d87;
+ opacity: 0;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.swiper-pagination-bullet:hover {
+ border-color: #377d87;
+}
+.swiper-pagination-bullet-active {
+ border-color: #377d87;
+}
+.swiper-pagination-bullet-active:before {
+ opacity: 1;
+}
+
+.navs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 20px;
+ width: 80px;
+}
+.navs button {
+ color: #377d87;
+ background: none;
+ border: none;
+ padding: 0;
+}
+.navs button[disabled] {
+ cursor: not-allowed;
+ color: #cddee1;
+}
+.navs svg {
+ width: 14px;
+ height: 28px;
+}
+
+.select {
+ position: relative;
+}
+.select2 {
+ width: 100% !important;
+}
+.select2-container {
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .select2-container {
+ font-size: 16px;
+ }
+}
+.select2-container--open .select2-selection {
+ border-color: #377d87 !important;
+}
+.select2-container--open .select2-selection__arrow svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.select2-selection {
+ min-height: 30px !important;
+ border-radius: 8px !important;
+ border-color: #e7e7e7 !important;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .select2-selection {
+ min-height: 50px !important;
+ }
+}
+.select2-selection__rendered {
+ line-height: 28px !important;
+ padding: 0 30px 0 10px !important;
+}
+@media (min-width: 768px) {
+ .select2-selection__rendered {
+ line-height: 48px !important;
+ padding: 0 46px 0 20px !important;
+ }
+}
+.select2-selection__arrow {
+ top: 0 !important;
+ right: 0 !important;
+ width: 30px !important;
+ height: 100% !important;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .select2-selection__arrow {
+ width: 50px !important;
+ }
+}
+.select2-selection__arrow svg {
+ width: 12px;
+ height: 12px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .select2-selection__arrow svg {
+ width: 14px;
+ height: 14px;
+ }
+}
+.select2-selection__choice {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ gap: 4px;
+ padding: 0 4px 0 6px !important;
+ background: #377d87 !important;
+ border: none !important;
+ border-radius: 6px !important;
+ line-height: 1 !important;
+ color: #ffffff;
+ height: 24px;
+}
+@media (min-width: 768px) {
+ .select2-selection__choice {
+ height: 32px;
+ gap: 6px;
+ padding: 0 6px 0 10px !important;
+ border-radius: 8px !important;
+ }
+}
+.select2-selection__choice__remove {
+ width: 14px;
+ height: 14px;
+ padding-top: 4px;
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #ffffff !important;
+ font-weight: 400 !important;
+ font-size: 26px;
+}
+.select2-search {
+ display: none;
+}
+.select2-dropdown {
+ z-index: 99999;
+ border: none;
+ border-radius: 0;
+ background: none;
+ padding: 5px 0;
+}
+@media (min-width: 768px) {
+ .select2-dropdown {
+ padding: 10px 0;
+ }
+}
+.select2-results {
+ background: #ffffff;
+ border-radius: 8px;
+ border: 1px solid #377d87;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ .select2-results__option {
+ padding: 10px 14px;
+ }
+}
+.select2-results__option--highlighted {
+ background: #377d87 !important;
+}
+@media (min-width: 768px) {
+ .select_search .select2-selection__rendered {
+ padding-left: 60px !important;
+ }
+}
+.select_search .select__icon {
+ display: none;
+ height: 28px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 12px;
+ z-index: 2;
+ position: absolute;
+ top: 50%;
+ left: 15px;
+ margin-top: -14px;
+}
+@media (min-width: 768px) {
+ .select_search .select__icon {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.select_search .select__icon:after {
+ content: "";
+ width: 1px;
+ height: 100%;
+ border-radius: 999px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #cecece;
+}
+.select_search .select__icon svg {
+ color: #9c9d9d;
+ width: 20px;
+ height: 20px;
+}
+
+.form-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+}
+.form-group__label {
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .form-group__label {
+ font-size: 16px;
+ }
+}
+.form-group__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+}
+
+.input {
+ display: block;
+ height: 30px;
+ border: 1px solid #cecece;
+ background: #ffffff;
+ font-size: 12px;
+ border-radius: 8px;
+ padding: 0 10px;
+ color: #3a3b3c;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ position: relative;
+ z-index: 1;
+}
+@media (min-width: 768px) {
+ .input {
+ padding: 0 20px;
+ height: 44px;
+ font-size: 16px;
+ }
+}
+.input:focus {
+ border-color: #377d87;
+}
+.input[disabled] {
+ color: #9c9d9d;
+ background: #e7e7e7;
+}
+.input[type=date] {
+ text-transform: uppercase;
+}
+
+.textarea {
+ resize: none;
+ display: block;
+ width: 100%;
+ border-radius: 8px;
+ border: 1px solid #cecece;
+ background: #ffffff;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ font-size: 12px;
+ line-height: 1.4;
+ padding: 10px;
+ aspect-ratio: 8/3;
+ max-height: 250px;
+}
+@media (min-width: 768px) {
+ .textarea {
+ padding: 20px;
+ font-size: 16px;
+ height: 280px;
+ }
+}
+.textarea:focus {
+ border-color: #377d87;
+}
+
+.button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #ffffff;
+ background: #377d87;
+ height: 30px;
+ border-radius: 8px;
+ padding: 0 12px;
+ border: 1px solid #377d87;
+ font-weight: 700;
+ font-size: 12px;
+ text-align: center;
+ line-height: 1;
+ gap: 6px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ cursor: pointer;
+}
+@media (min-width: 768px) {
+ .button {
+ padding: 0 24px;
+ font-size: 16px;
+ height: 44px;
+ gap: 12px;
+ }
+}
+@media (min-width: 992px) {
+ .button {
+ padding: 0 36px;
+ }
+}
+.button:hover {
+ background: transparent;
+ color: #377d87;
+}
+.button img,
+.button svg {
+ width: 12px;
+ height: 12px;
+}
+@media (min-width: 768px) {
+ .button img,
+ .button svg {
+ width: 18px;
+ height: 18px;
+ }
+}
+.button_more span + span {
+ display: none;
+}
+.button_more.active span {
+ display: none;
+}
+.button_more.active span + span {
+ display: block;
+}
+.button_light {
+ background: transparent;
+ color: #377d87;
+}
+.button_light:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+.button_whited {
+ background: #ffffff;
+ color: #377d87;
+ border-color: #ffffff;
+}
+.button_whited:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+
+.search {
+ width: 100%;
+ position: relative;
+ background: #ffffff;
+ border-radius: 8px;
+}
+.search span {
+ display: none;
+ height: 28px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 12px;
+ z-index: 1;
+ position: absolute;
+ top: 50%;
+ left: 15px;
+ margin-top: -14px;
+}
+@media (min-width: 768px) {
+ .search span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.search span:after {
+ content: "";
+ width: 1px;
+ height: 100%;
+ border-radius: 999px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #cecece;
+}
+.search span svg {
+ color: #9c9d9d;
+ width: 20px;
+ height: 20px;
+}
+.search input {
+ width: 100%;
+ padding-right: 150px;
+ position: relative;
+ z-index: 2;
+ background: none;
+}
+@media (min-width: 768px) {
+ .search input {
+ padding-left: 60px;
+ padding-right: 220px;
+ }
+}
+.search button {
+ width: 140px;
+ position: absolute;
+ padding: 0;
+ top: 0;
+ right: 0;
+ z-index: 3;
+}
+@media (min-width: 768px) {
+ .search button {
+ width: 200px;
+ }
+}
+
+.breadcrumbs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 12px 6px;
+ margin: 0;
+ padding: 0;
+ font-size: 11px;
+ color: #cecece;
+ line-height: 1;
+}
+@media (min-width: 992px) {
+ .breadcrumbs {
+ font-size: 13px;
+ }
+}
+@media (min-width: 1280px) {
+ .breadcrumbs {
+ font-size: 16px;
+ }
+}
+.breadcrumbs li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 6px;
+}
+.breadcrumbs li:before {
+ content: "";
+ width: 4px;
+ height: 4px;
+ background: #cecece;
+ border-radius: 999px;
+ position: relative;
+ top: -1px;
+}
+.breadcrumbs li:first-child:before {
+ display: none;
+}
+.breadcrumbs li:last-child:before {
+ background: #377d87;
+}
+.breadcrumbs a:hover {
+ color: #377d87;
+}
+.breadcrumbs b {
+ color: #377d87;
+ font-weight: 700;
+}
+
+.pagination {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ line-height: 1;
+ color: #3a3b3c;
+ font-size: 12px;
+ margin: 0 auto;
+}
+@media (min-width: 768px) {
+ .pagination {
+ font-size: 14px;
+ gap: 3px;
+ }
+}
+.pagination__item {
+ width: 40px;
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: none;
+ padding: 0;
+ border: 1px solid transparent;
+ border-radius: 8px;
+}
+.pagination__item:hover {
+ -webkit-transition: 0s;
+ transition: 0s;
+ color: #377d87;
+ font-weight: 700;
+}
+.pagination__item.active {
+ font-weight: 700;
+ color: #ffffff;
+ background: #377d87;
+ border-color: #377d87;
+}
+.pagination__dots {
+ width: 40px;
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.pagination__dots svg {
+ width: 15px;
+ height: 15px;
+}
+.pagination__nav {
+ width: 40px;
+ height: 40px;
+ display: none;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: none;
+ padding: 0;
+ border: 1px solid #cddee1;
+ color: #377d87;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .pagination__nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.pagination__nav:hover {
+ border-color: #377d87;
+ background: #377d87;
+ color: #ffffff;
+}
+.pagination__nav svg {
+ width: 10px;
+ height: 10px;
+}
+.pagination__nav_prev {
+ margin-right: 37px;
+}
+.pagination__nav_prev svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.pagination__nav_next {
+ margin-left: 37px;
+}
+
+.filters {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .filters {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.filters__label {
+ color: #377d87;
+ font-size: 12px;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .filters__label {
+ font-size: 16px;
+ }
+}
+@media (min-width: 992px) {
+ .filters__label {
+ font-size: 18px;
+ }
+}
+.filters__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 768px) {
+ .filters__body {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+@media (min-width: 768px) {
+ .filters__select {
+ width: 250px;
+ }
+}
+@media (min-width: 992px) {
+ .filters__select {
+ width: 310px;
+ }
+}
+.filters__item {
+ display: none;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 50px;
+ height: 50px;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #377d87;
+ color: #377d87;
+ border-radius: 8px;
+ margin-left: 20px;
+}
+@media (min-width: 768px) {
+ .filters__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.filters__item svg {
+ width: 24px;
+ height: 24px;
+}
+.filters__item.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.filters__item + .filters__item {
+ margin-left: 8px;
+}
+
+.like,
+.chat {
+ width: 30px;
+ height: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: none;
+ border: 1px solid #377d87;
+ padding: 0;
+ color: #377d87;
+ border-radius: 6px;
+}
+@media (min-width: 768px) {
+ .like,
+ .chat {
+ width: 44px;
+ height: 44px;
+ }
+}
+.like.active,
+.chat.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.like svg,
+.chat svg {
+ width: 14px;
+ height: 14px;
+}
+@media (min-width: 768px) {
+ .like svg,
+ .chat svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+
+.checkbox {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ cursor: pointer;
+ position: relative;
+}
+.checkbox__input {
+ position: absolute;
+ z-index: 1;
+ width: 14px;
+ height: 14px;
+ padding: 0;
+ background: none;
+ border: none;
+ opacity: 0;
+}
+@media (min-width: 768px) {
+ .checkbox__input {
+ width: 20px;
+ height: 20px;
+ }
+}
+.checkbox__icon {
+ width: 14px;
+ height: 14px;
+ border: 1px solid #cfcfcf;
+ background: #ffffff;
+ color: #ffffff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 4px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .checkbox__icon {
+ width: 20px;
+ height: 20px;
+ }
+}
+.checkbox__icon svg {
+ width: 8px;
+ height: 8px;
+ opacity: 0;
+}
+@media (min-width: 768px) {
+ .checkbox__icon svg {
+ width: 10px;
+ height: 10px;
+ }
+}
+.checkbox__input:checked + .checkbox__icon {
+ border-color: #377d87;
+ background: #377d87;
+}
+.checkbox__input:checked + .checkbox__icon svg {
+ opacity: 1;
+}
+.checkbox__text {
+ width: calc(100% - 14px);
+ padding-left: 6px;
+ font-size: 12px;
+ line-height: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 14px;
+}
+@media (min-width: 768px) {
+ .checkbox__text {
+ width: calc(100% - 20px);
+ padding-left: 12px;
+ font-size: 15px;
+ min-height: 20px;
+ }
+}
+.checkbox__text a {
+ color: #377d87;
+ text-decoration: underline;
+}
+
+.file {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.file__input input {
+ display: none;
+}
+.file__list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.file__list-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ margin-top: 16px;
+}
+.file__list-item-left {
+ width: calc(100% - 16px);
+ min-height: 16px;
+ color: #9c9d9d;
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .file__list-item-left {
+ width: auto;
+ max-width: calc(100% - 16px);
+ font-size: 16px;
+ }
+}
+.file__list-item-left svg {
+ width: 16px;
+ height: 16px;
+}
+.file__list-item-left span {
+ width: calc(100% - 16px);
+ min-height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 8px;
+}
+.file__list-item-right {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ background: none;
+ border: none;
+ width: 16px;
+ height: 16px;
+ color: #377d87;
+}
+.file__list-item-right:hover {
+ color: #3a3b3c;
+}
+.file__list-item-right svg {
+ width: 10px;
+ height: 10px;
+}
+.file__list-item + .file__list-item {
+ margin-top: 10px;
+}
+
+.rate {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .rate {
+ gap: 20px;
+ }
+}
+.rate__label {
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 1;
+}
+@media (min-width: 768px) {
+ .rate__label {
+ font-size: 18px;
+ }
+}
+.rate__stars {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.back {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 14px;
+ color: #377d87;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .back {
+ font-size: 18px;
+ }
+}
+.back:hover {
+ color: #4d88d9;
+}
+.back svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .back svg {
+ width: 26px;
+ height: 26px;
+ }
+}
+.back span {
+ width: calc(100% - 16px);
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .back span {
+ width: calc(100% - 26px);
+ padding-left: 20px;
+ }
+}
+
+.callback {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 992px) {
+ .callback {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 20px 0;
+ }
+}
+.callback__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 992px) {
+ .callback__body {
+ width: calc(50% - 10px);
+ gap: 10px;
+ }
+}
+@media (min-width: 992px) {
+ .callback__textarea {
+ width: calc(50% - 10px);
+ height: auto;
+ }
+}
+.callback__bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 768px) {
+ .callback__bottom {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+@media (min-width: 992px) {
+ .callback__bottom {
+ width: 100%;
+ gap: 20px;
+ }
+}
+
+.error .input,
+.error .textarea {
+ border-color: #eb5757;
+}
+.error label {
+ display: block;
+}
+
+.eye {
+ position: absolute;
+ z-index: 2;
+ top: 50%;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ right: 10px;
+ aspect-ratio: 1/1;
+ width: 16px;
+ padding: 0;
+ border: none;
+ background: none;
+ color: #9c9d9d;
+}
+@media (min-width: 768px) {
+ .eye {
+ width: 24px;
+ right: 20px;
+ }
+}
+.eye svg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.eye svg + svg {
+ display: none;
+}
+.eye.active {
+ color: #377d87;
+}
+.eye.active svg {
+ display: none;
+}
+.eye.active svg + svg {
+ display: block;
+}
+
+.del {
+ width: 32px;
+ aspect-ratio: 1/1;
+ background: #377d87;
+ color: #ffffff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 8px;
+ padding: 0;
+ border: 1px solid #377d87;
+}
+.del:hover {
+ background: #ffffff;
+ color: #377d87;
+}
+.del svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+}
+
+.notify {
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 6px 12px;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .notify {
+ padding: 12px 20px;
+ }
+}
+.notify_red {
+ background: #f9cdcd;
+}
+.notify svg {
+ color: #4d88d9;
+ width: 20px;
+ aspect-ratio: 1/1;
+}
+.notify span {
+ font-size: 12px;
+ padding-left: 10px;
+ min-height: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .notify span {
+ font-size: 16px;
+ }
+}
+
+.table {
+ margin: 0 -10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .table {
+ margin: 0;
+ gap: 30px;
+ }
+}
+.table__button {
+ display: none;
+}
+.table_spoiler .table__button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.table__scroll {
+ overflow: hidden;
+ overflow-x: auto;
+ padding: 0 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .table__scroll {
+ padding: 0;
+ }
+}
+.table__body {
+ border-radius: 8px;
+ overflow: hidden;
+}
+.table__body_min-width {
+ min-width: 580px;
+}
+.table table {
+ border-collapse: collapse;
+ width: 100%;
+ font-size: 12px;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .table table {
+ font-size: 14px;
+ }
+}
+@media (min-width: 1280px) {
+ .table table {
+ font-size: 16px;
+ }
+}
+.table thead tr th,
+.table thead tr td {
+ background: #377d87;
+ color: #ffffff;
+ font-weight: 700;
+ border-top-color: #377d87;
+}
+.table thead tr th:first-child,
+.table thead tr td:first-child {
+ border-left-color: #377d87;
+}
+.table thead tr th:last-child,
+.table thead tr td:last-child {
+ border-right-color: #377d87;
+}
+.table_spoiler tr {
+ display: none;
+}
+.table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
+ display: table-row;
+}
+.table_spoiler.active tr {
+ display: table-row;
+}
+.table th,
+.table td {
+ text-align: left;
+ padding: 10px;
+ border: 1px solid #cecece;
+}
+@media (min-width: 768px) {
+ .table td {
+ padding: 14px 10px;
+ }
+}
+.table__status {
+ color: #9c9d9d;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 6px;
+ position: relative;
+ padding-left: 14px;
+}
+.table__status i {
+ background: #9c9d9d;
+ width: 8px;
+ aspect-ratio: 1/1;
+ border-radius: 999px;
+ position: absolute;
+ top: 4px;
+ left: 0;
+}
+.table__status.green {
+ color: #377d87;
+}
+.table__status.green i {
+ background: #377d87;
+}
+.table__link {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 4px;
+ color: #4d88d9;
+}
+@media (min-width: 768px) {
+ .table__link {
+ gap: 6px;
+ }
+}
+.table__link:hover {
+ color: #3a3b3c;
+}
+.table__link svg {
+ width: 12px;
+ aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+ .table__link svg {
+ width: 16px;
+ }
+}
+.table__controls {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 8px;
+}
+@media (min-width: 1280px) {
+ .table__controls {
+ gap: 12px;
+ }
+}
+.table__controls-item {
+ width: 24px;
+ aspect-ratio: 1/1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border: 1px solid #377d87;
+ border-radius: 8px;
+ color: #377d87;
+ background: none;
+ padding: 0;
+}
+@media (min-width: 1280px) {
+ .table__controls-item {
+ width: 30px;
+ }
+}
+.table__controls-item:hover {
+ background: #377d87;
+ color: #ffffff;
+}
+.table__controls-item svg {
+ width: 60%;
+ aspect-ratio: 1/1;
+}
+.table__controls-item:nth-of-type(4) svg {
+ width: 80%;
+}
+
+.gl-star-rating--stars:before, .gl-star-rating--stars:after {
+ display: none;
+}
+.gl-star-rating--stars span {
+ width: 22px !important;
+ height: 22px !important;
+ background-size: 22px 22px !important;
+}
+@media (min-width: 768px) {
+ .gl-star-rating--stars span {
+ width: 30px !important;
+ height: 30px !important;
+ background-size: 30px 30px !important;
+ }
+}
+
+.more {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.more_mt {
+ margin-top: 20px;
+}
+.more .button {
+ min-width: 100px;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .more .button {
+ min-width: 180px;
+ }
+}
+
+.header {
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ background: #ffffff;
+ position: relative;
+ z-index: 5;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ .header {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+}
+.header__body {
+ height: 42px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .header__body {
+ height: 70px;
+ }
+}
+.header__left {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 40px;
+}
+.header__right {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 14px;
+}
+@media (min-width: 768px) {
+ .header__right {
+ gap: 20px;
+ }
+}
+.header__right-line {
+ width: 1px;
+ height: 32px;
+ background: #e6e7e7;
+ border-radius: 999px;
+}
+@media (min-width: 992px) {
+ .header__right-line {
+ display: none;
+ }
+}
+.header__logo {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #377d87;
+}
+.header__logo svg {
+ width: 105px;
+ height: 31px;
+}
+@media (min-width: 768px) {
+ .header__logo svg {
+ width: 182px;
+ height: 54px;
+ }
+}
+.header__menu {
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .header__menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.header__menu-item:hover {
+ color: #377d87;
+}
+.header__notifs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #377d87;
+ padding: 0;
+ border: none;
+ background: none;
+ width: 24px;
+ height: 24px;
+}
+@media (min-width: 992px) {
+ .header__notifs {
+ width: auto;
+ height: auto;
+ color: #3a3b3c;
+ line-height: 1.4;
+ }
+}
+@media (min-width: 992px) {
+ .header__notifs:hover {
+ color: #377d87;
+ }
+}
+.header__notifs svg {
+ width: 20px;
+ height: 20px;
+}
+@media (min-width: 992px) {
+ .header__notifs svg {
+ display: none;
+ }
+}
+.header__notifs span {
+ display: none;
+}
+@media (min-width: 992px) {
+ .header__notifs span {
+ display: inline;
+ }
+}
+.header__notifs_actived {
+ position: relative;
+}
+@media (min-width: 992px) {
+ .header__notifs_actived {
+ padding-right: 12px;
+ }
+}
+.header__notifs_actived:after {
+ content: "";
+ border: 1px solid #ffffff;
+ background: #377d87;
+ border-radius: 999px;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ right: 0;
+}
+@media (min-width: 992px) {
+ .header__notifs_actived:after {
+ width: 8px;
+ height: 8px;
+ border: none;
+ }
+}
+.header__burger {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 24px;
+ height: 24px;
+ color: #377d87;
+ padding: 0;
+ border: none;
+ background: none;
+}
+@media (min-width: 992px) {
+ .header__burger {
+ display: none;
+ }
+}
+.header__burger svg {
+ width: 20px;
+ height: 20px;
+}
+.header__burger svg + svg {
+ display: none;
+}
+.header__sign {
+ display: none;
+}
+@media (min-width: 992px) {
+ .header__sign {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+
+.mob-menu {
+ display: none;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100vw;
+ height: calc(100vh - 42px);
+ z-index: 4;
+ background: #ffffff;
+ overflow: hidden;
+ overflow-y: auto;
+ padding: 50px 0;
+}
+.mob-menu__bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-top: 80px;
+}
+.mob-menu__bottom .button {
+ min-width: 120px;
+}
+.mob-menu__bottom-link {
+ text-decoration: underline;
+ margin-top: 50px;
+}
+.mob-menu__bottom-link:hover {
+ color: #377d87;
+}
+.mob-menu__bottom-link + .mob-menu__bottom-link {
+ margin-top: 10px;
+}
+.mob-menu__bottom .socials {
+ margin-top: 35px;
+}
+.mob-menu .footer__mobile-menu {
+ opacity: 1;
+ height: auto;
+ overflow: visible;
+}
+.mob-menu .footer__mobile-menu-item button {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.mob-menu .footer__mobile-menu-item div {
+ font-size: 20px;
+}
+.mob-menu .footer__mobile-contacts a {
+ font-size: 20px;
+ font-weight: 700;
+ color: #3a3b3c;
+ text-decoration: none;
+}
+.mob-menu .footer__mobile-contacts a:hover {
+ color: #377d87;
+}
+.mob-menu .footer__mobile-menu-item button b,
+.mob-menu .footer__mobile-contacts a {
+ font-size: 30px;
+}
+
+.menu-is-actived {
+ overflow: hidden;
+}
+@media (min-width: 992px) {
+ .menu-is-actived {
+ overflow: auto;
+ }
+}
+.menu-is-actived .header__burger svg {
+ display: none;
+}
+.menu-is-actived .header__burger svg + svg {
+ display: block;
+}
+.menu-is-actived .mob-menu {
+ display: block;
+}
+@media (min-width: 992px) {
+ .menu-is-actived .mob-menu {
+ display: none;
+ }
+}
+
+.footer {
+ -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
+ background: #ffffff;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+.footer__mobile {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 25px 0 30px 0;
+}
+@media (min-width: 768px) {
+ .footer__mobile {
+ padding: 30px 0;
+ }
+}
+@media (min-width: 992px) {
+ .footer__mobile {
+ display: none;
+ }
+}
+.footer__mobile-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ border: none;
+ background: none;
+}
+.footer__mobile-toper a, .footer__mobile-toper b {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+}
+.footer__mobile-toper a svg, .footer__mobile-toper b svg {
+ width: 137px;
+ height: 40px;
+}
+.footer__mobile-toper span {
+ width: 40px;
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #377d87;
+ color: #ffffff;
+ border-radius: 999px;
+}
+.footer__mobile-toper span svg {
+ width: 10px;
+ height: 10px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.footer__mobile-toper.active span svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.footer__mobile-menu {
+ height: 0;
+ opacity: 0;
+ overflow: hidden;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+}
+@media (min-width: 768px) {
+ .footer__mobile-menu {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 100px;
+ }
+}
+.footer__mobile-menu-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.footer__mobile-menu-item button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 0;
+ border: none;
+ background: none;
+}
+.footer__mobile-menu-item button.active {
+ color: #377d87;
+}
+.footer__mobile-menu-item button b {
+ width: calc(100% - 24px);
+ padding-right: 12px;
+ min-height: 24px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 20px;
+ font-weight: 700;
+}
+.footer__mobile-menu-item button span {
+ width: 24px;
+ height: 24px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ border: none;
+ background: none;
+}
+.footer__mobile-menu-item button svg {
+ width: 12px;
+ height: 12px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.footer__mobile-menu-item button.active svg {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+.footer__mobile-menu-item div {
+ height: 0;
+ opacity: 0;
+ overflow: hidden;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 15px;
+}
+.footer__mobile-menu-item div a:hover {
+ color: #377d87;
+}
+.footer__mobile-menu-item .active + div {
+ opacity: 1;
+ height: auto;
+ overflow: visible;
+ padding-top: 15px;
+}
+.active + .footer__mobile-menu {
+ opacity: 1;
+ height: auto;
+ overflow: visible;
+ padding-top: 35px;
+}
+.footer__mobile-contacts {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: 30px;
+}
+.footer__mobile-contacts b {
+ font-size: 20px;
+ font-weight: 700;
+ width: 100%;
+ margin-bottom: 20px;
+}
+.footer__mobile-contacts a {
+ color: #377d87;
+ text-decoration: underline;
+}
+.footer__mobile-contacts a + a {
+ color: #3a3b3c;
+}
+.footer__mobile-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: center;
+ gap: 20px;
+ margin-top: 100px;
+}
+.footer__mobile-links {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+.footer__mobile-links a:hover {
+ color: #377d87;
+}
+.footer__mobile-links span {
+ width: 60px;
+ height: 1px;
+ background: #377d87;
+}
+.footer__main {
+ display: none;
+ padding: 55px 0 20px 0;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 70px;
+}
+@media (min-width: 992px) {
+ .footer__main {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.footer__main-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.footer__main-logo {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+}
+.footer__main-logo svg {
+ width: 182px;
+ height: 54px;
+}
+.footer__main-title {
+ font-size: 20px;
+ font-weight: 700;
+ margin-bottom: 16px;
+}
+.footer__main-col {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.footer__main-col nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 8px;
+}
+.footer__main-col nav a:hover {
+ color: #377d87;
+}
+.footer__main-contacts {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 16px;
+ margin-bottom: 16px;
+}
+.footer__main-contacts a {
+ color: #377d87;
+ text-decoration: underline;
+}
+.footer__main-contacts a + a {
+ color: #3a3b3c;
+}
+.footer__main-copy {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 14px;
+ line-height: 1.4;
+}
+.footer__main-copy nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+.footer__main-copy nav a:hover {
+ color: #377d87;
+}
+.footer__main-copy nav span {
+ width: 1px;
+ height: 20px;
+ background: #6b6c6d;
+}
+
+.main {
+ position: relative;
+ overflow: hidden;
+ padding: 30px 0;
+}
+@media (min-width: 768px) {
+ .main {
+ padding: 40px 0;
+ }
+}
+@media (min-width: 992px) {
+ .main {
+ padding: 50px 0;
+ }
+}
+@media (min-width: 1280px) {
+ .main {
+ padding: 60px 0;
+ }
+}
+.main h2 {
+ margin: 0;
+ font-weight: 700;
+ font-size: 30px;
+}
+@media (min-width: 768px) {
+ .main h2 {
+ font-size: 44px;
+ }
+}
+.main h3 {
+ margin: 0;
+ font-weight: 700;
+ font-size: 22px;
+}
+@media (min-width: 768px) {
+ .main h3 {
+ font-size: 28px;
+ }
+}
+.main p {
+ margin: 0;
+ font-size: 14px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .main p {
+ font-size: 18px;
+ }
+}
+.main p a {
+ color: #4d88d9;
+}
+.main p a:hover {
+ color: #377d87;
+}
+.main__breadcrumbs {
+ margin-bottom: 20px;
+}
+@media (min-width: 768px) {
+ .main__breadcrumbs {
+ margin-bottom: 40px;
+ }
+}
+.main__content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .main__content {
+ font-size: 18px;
+ gap: 32px;
+ }
+}
+.main__content-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+.main__content h1,
+.main__content h2,
+.main__content h3,
+.main__content h4,
+.main__content h5,
+.main__content h6 {
+ color: #3a3b3c;
+}
+.main__content ul,
+.main__content ol {
+ padding: 0;
+ margin: 0;
+ padding-left: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 8px;
+}
+@media (min-width: 992px) {
+ .main__content ul,
+ .main__content ol {
+ gap: 16px;
+ padding-left: 30px;
+ }
+}
+.main__content li ul,
+.main__content li ol {
+ margin-top: 8px;
+}
+@media (min-width: 992px) {
+ .main__content li ul,
+ .main__content li ol {
+ margin-top: 16px;
+ }
+}
+.main__content li ul li,
+.main__content li ol li {
+ list-style-type: disc;
+}
+.main__gallery {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__gallery {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .main__gallery {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+.main__gallery-item {
+ width: 100%;
+ aspect-ratio: 400/224;
+ border-radius: 30px;
+ position: relative;
+ overflow: hidden;
+}
+.main__gallery-item:hover {
+ -webkit-filter: brightness(1.1);
+ filter: brightness(1.1);
+}
+.main__gallery-item img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.main__employers {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers {
+ gap: 30px;
+ }
+}
+.main__employers-body {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 992px) {
+ .main__employers-body {
+ gap: 30px;
+ }
+}
+.main__employers-body.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__employers-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border: 1px solid #cecece;
+ border-radius: 8px;
+ position: relative;
+ overflow: hidden;
+ padding: 10px;
+ padding-top: 50px;
+ padding-bottom: 30px;
+}
+@media (min-width: 768px) {
+ .main__employers-item {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 55px 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__employers-item {
+ padding-left: 55px;
+ }
+}
+.main__employers-item-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 768px) {
+ .main__employers-item-inner {
+ width: calc(100% - 200px);
+ padding-right: 40px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employers-item-inner {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+.main__employers-item-pic {
+ height: 30px;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-pic {
+ position: static;
+ width: 150px;
+ height: auto;
+ max-height: 150px;
+ -o-object-fit: contain;
+ object-fit: contain;
+ }
+}
+.main__employers-item-body {
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-body {
+ font-size: 16px;
+ padding-top: 20px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employers-item-body {
+ width: calc(100% - 150px);
+ padding: 0;
+ padding-left: 40px;
+ }
+}
+.main__employers-item-body b {
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .main__employers-item-body b {
+ font-size: 20px;
+ }
+}
+.main__employers-item-body i {
+ font-style: normal;
+ color: #3a3b3c;
+}
+.main__employers-item-more {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-more {
+ width: 200px;
+ padding: 0;
+ position: static;
+ }
+}
+.main__employers-item-label {
+ background: #4d88d9;
+ color: #ffffff;
+ border-radius: 6px;
+ width: 100%;
+ height: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 12px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ font-size: 12px;
+ line-height: 1;
+}
+@media (min-width: 768px) {
+ .main__employers-item-label {
+ max-width: 350px;
+ height: 30px;
+ font-size: 15px;
+ }
+}
+.main__employers-item-label svg {
+ width: 8px;
+ height: 8px;
+}
+@media (min-width: 768px) {
+ .main__employers-item-label svg {
+ width: 12px;
+ height: 12px;
+ }
+}
+.main__employers-item-label span {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ width: calc(100% - 8px);
+ padding-left: 6px;
+}
+.main__employers-one {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.main__employers-two {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employers-two {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 20px 0;
+ }
+}
+.main__employers-two .main__employers-item {
+ width: calc(50% - 10px);
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ padding-top: 30px;
+}
+.main__employers-two .main__employers-item-inner {
+ width: 100%;
+ padding: 0;
+}
+.main__employers-two .main__employers-item-more {
+ position: static;
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .main__employers-two .main__employers-item-more {
+ margin-left: 190px;
+ }
+}
+.main__employers-two .main__employers-item-label {
+ max-width: none;
+}
+.main__employer-page {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page {
+ gap: 30px;
+ }
+}
+.main__employer-page-title {
+ color: #3a3b3c;
+ margin: 0;
+ font-size: 30px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-title {
+ font-size: 36px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-title {
+ font-size: 44px;
+ }
+}
+.main__employer-page-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+ font-size: 12px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .main__employer-page-item {
+ font-size: 18px;
+ gap: 8px;
+ }
+}
+.main__employer-page-item b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-item b {
+ font-size: 18px;
+ }
+}
+.main__employer-page-item span {
+ color: #3a3b3c;
+}
+.main__employer-page-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-info {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 30px 40px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__employer-page-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding-right: 160px;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-info .main__employer-page-item b,
+ .main__employer-page-info .main__employer-page-item span {
+ max-width: 300px;
+ }
+}
+.main__employer-page-tabs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-tabs {
+ margin-top: 20px;
+ }
+}
+.main__employer-page-tabs-item {
+ font-size: 22px;
+ font-weight: 700;
+ border: none;
+ background: none;
+ padding: 0;
+ color: #9c9d9d;
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-tabs-item {
+ font-size: 24px;
+ }
+}
+.main__employer-page-tabs-item.active {
+ color: #377d87;
+}
+.main__employer-page-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-body {
+ margin-top: 30px;
+ }
+}
+.main__employer-page-body-item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.main__employer-page-body-item.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__employer-page-one {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-one {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-one {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+@media (min-width: 1280px) {
+ .main__employer-page-one {
+ grid-template-columns: repeat(4, 1fr);
+ gap: 30px 20px;
+ }
+}
+.main__employer-page-one-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ font-size: 12px;
+ position: relative;
+}
+@media (min-width: 1280px) {
+ .main__employer-page-one-item {
+ font-size: 18px;
+ }
+}
+.main__employer-page-one-item img {
+ border-radius: 10px;
+ -o-object-fit: cover;
+ object-fit: cover;
+ width: 100%;
+ max-height: 250px;
+ aspect-ratio: 247/174;
+}
+@media (min-width: 1280px) {
+ .main__employer-page-one-item img {
+ margin-bottom: 10px;
+ }
+}
+.main__employer-page-one-item b {
+ font-weight: 700;
+ color: #377d87;
+}
+.main__employer-page-one-item span {
+ color: #3a3b3c;
+}
+.main__employer-page-one-item i {
+ font-style: normal;
+ color: #377d87;
+}
+.main__employer-page-one-item .del {
+ position: absolute;
+ z-index: 1;
+ top: 8px;
+ left: 8px;
+}
+.main__employer-page-two {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.main__employer-page-two-item {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+ padding: 20px 10px;
+ border-radius: 12px;
+ border: 1px solid #cecece;
+ position: relative;
+ overflow: hidden;
+ font-size: 12px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item {
+ font-size: 14px;
+ padding: 20px;
+ gap: 24px;
+ padding-bottom: 35px;
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-two-item {
+ font-size: 16px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__employer-page-two-item {
+ font-size: 18px;
+ }
+}
+.main__employer-page-two-item-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 22px;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-toper {
+ font-size: 30px;
+ }
+}
+.main__employer-page-two-item-toper img {
+ width: 60px;
+ aspect-ratio: 1/1;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+.main__employer-page-two-item-toper span {
+ width: calc(100% - 60px);
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-toper span {
+ padding-left: 20px;
+ }
+}
+.main__employer-page-two-item-title {
+ font-size: 18px;
+ font-weight: 700;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-title {
+ font-size: 24px;
+ }
+}
+.main__employer-page-two-item-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+.main__employer-page-two-item-text-name {
+ font-weight: 700;
+}
+.main__employer-page-two-item-text-body {
+ color: #3a3b3c;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+ padding: 0 10px;
+}
+.main__employer-page-two-item-text-body p {
+ margin: 0;
+}
+.main__employer-page-two-item-text-body ul {
+ margin: 0;
+ padding: 0;
+ padding-left: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-text-body ul {
+ margin: 0 5px;
+ }
+}
+.main__employer-page-two-item-text-body ul span,
+.main__employer-page-two-item-text-body ul a {
+ color: #3a3b3c;
+ position: relative;
+}
+.main__employer-page-two-item-text-body ul a:hover {
+ color: #377d87;
+}
+.main__employer-page-two-item-text-body p + ul {
+ margin-top: 10px;
+}
+.main__employer-page-two-item-text-links {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+ padding: 0 10px;
+ font-weight: 700;
+ margin-top: 5px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-text-links {
+ gap: 20px;
+ }
+}
+.main__employer-page-two-item-text-links a {
+ color: #4d88d9;
+}
+.main__employer-page-two-item-text-links a:hover {
+ color: #377d87;
+}
+.main__employer-page-two-item-tags {
+ color: #4d88d9;
+ font-weight: 500;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 10px 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-tags {
+ font-size: 14px;
+ }
+}
+.main__employer-page-two-item-buttons {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-button {
+ position: absolute;
+ bottom: 20px;
+ left: 20px;
+ width: 200px;
+ padding: 0;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-button + .main__employer-page-two-item-button {
+ left: auto;
+ right: 20px;
+ }
+}
+.main__employer-page-two-item-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.main__employer-page-two-item-bottom-date {
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-bottom-date {
+ position: absolute;
+ bottom: 20px;
+ right: 240px;
+ height: 42px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+@media (min-width: 992px) {
+ .main__employer-page-two-item-bottom-date {
+ font-size: 16px;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-item-bottom-like {
+ position: absolute;
+ bottom: 20px;
+ left: 240px;
+ }
+}
+@media (min-width: 768px) {
+ .main__employer-page-two-more {
+ margin-top: 10px;
+ padding: 0;
+ width: 200px;
+ }
+}
+.main__employer-page-two .main__employer-page-two-item {
+ display: none;
+}
+.main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__employer-page-two.active .main__employer-page-two-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__resume-base {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ color: #3a3b3c;
+}
+.main__resume-base-body {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body {
+ margin-top: 30px;
+ }
+}
+.main__resume-base-body.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.main__resume-base-body-one {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-one {
+ gap: 30px;
+ }
+}
+.main__resume-base-body-two {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-two {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 30px 0;
+ }
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-two .main__resume-base-body-item {
+ width: calc(50% - 10px);
+ }
+}
+.main__resume-base-body-two .main__resume-base-body-item-wrapper {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.main__resume-base-body-item {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ position: relative;
+ border: 1px solid #377d87;
+ border-radius: 8px;
+ padding: 10px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item {
+ padding: 20px;
+ }
+}
+.main__resume-base-body-item-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-buttons {
+ top: 20px;
+ right: 20px;
+ }
+}
+.main__resume-base-body-item-wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-wrapper {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.main__resume-base-body-item-photo {
+ width: 180px;
+ aspect-ratio: 1/1;
+ -o-object-fit: cover;
+ object-fit: cover;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-photo {
+ width: 210px;
+ }
+}
+.main__resume-base-body-item-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-inner {
+ gap: 16px;
+ padding-right: 50px;
+ }
+}
+@media (min-width: 992px) {
+ .main__resume-base-body-item-inner {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 30px;
+ }
+}
+.main__resume-base-body-item-inner div {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-inner div {
+ font-size: 16px;
+ }
+}
+.main__resume-base-body-item-inner b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-inner b {
+ font-size: 18px;
+ }
+}
+.main__resume-base-body-item-link {
+ width: 100%;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .main__resume-base-body-item-link {
+ width: 200px;
+ }
+}
+.main__spoiler {
+ overflow: hidden;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.main__spoiler-toper {
+ background: #377d87;
+ height: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #ffffff;
+ font-size: 12px;
+ font-weight: 700;
+ padding: 0 30px;
+ border: none;
+ position: relative;
+}
+@media (min-width: 768px) {
+ .main__spoiler-toper {
+ font-size: 18px;
+ height: 50px;
+ padding: 0 60px;
+ }
+}
+.main__spoiler-toper:before, .main__spoiler-toper:after {
+ content: "";
+ background: #ffffff;
+ border-radius: 999px;
+ width: 10px;
+ height: 1px;
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+@media (min-width: 768px) {
+ .main__spoiler-toper:before, .main__spoiler-toper:after {
+ width: 20px;
+ height: 2px;
+ right: 20px;
+ }
+}
+.main__spoiler-toper:after {
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.main__spoiler-toper.active:after {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+.main__spoiler-body {
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+ border-radius: 0 0 8px 8px;
+ background: #ffffff;
+}
+.main__spoiler-body table {
+ width: calc(100% + 2px);
+ margin-left: -1px;
+ margin-bottom: -1px;
+}
+@media (min-width: 992px) {
+ .main__spoiler-body table td {
+ width: 40%;
+ }
+}
+@media (min-width: 992px) {
+ .main__spoiler-body table td + td {
+ width: 60%;
+ }
+}
+.active + .main__spoiler-body {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ opacity: 1;
+ height: auto;
+ border: 1px solid #cecece;
+ border-top: none;
+}
+.main__table {
+ border-collapse: collapse;
+ table-layout: fixed;
+ font-size: 12px;
+ width: 100%;
+ background: #ffffff;
+}
+@media (min-width: 768px) {
+ .main__table {
+ font-size: 16px;
+ }
+}
+.main__table td {
+ border: 1px solid #cecece;
+ padding: 4px 8px;
+ vertical-align: top;
+}
+@media (min-width: 768px) {
+ .main__table td {
+ padding: 8px 16px;
+ }
+}
+.main__table td b {
+ font-weight: 700;
+}
+.main__table_three {
+ table-layout: auto;
+}
+.main__table_three td {
+ width: 25% !important;
+}
+.main__table_three td:last-child {
+ width: 50% !important;
+}
+.main__table b {
+ display: block;
+}
+.main__table a {
+ color: #377d87;
+ text-decoration: underline;
+}
+.main__table a:hover {
+ color: #3a3b3c;
+}
+.main__resume-profile-about {
+ padding-top: 20px;
+ padding-bottom: 30px;
+ position: relative;
+ margin-top: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-about {
+ padding: 50px 0;
+ }
+}
+.main__resume-profile-about:before {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 50%;
+ width: 20000px;
+ height: 100%;
+ margin-left: -10000px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+.main__resume-profile-about-title {
+ position: relative;
+ z-index: 2;
+ color: #3a3b3c;
+}
+.main__resume-profile-about-text {
+ position: relative;
+ z-index: 2;
+}
+.main__resume-profile-about-button {
+ position: relative;
+ z-index: 2;
+ margin-top: 10px;
+}
+.main__resume-profile-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ margin-top: 30px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info {
+ margin-top: 50px;
+ gap: 30px;
+ }
+}
+.main__resume-profile-info-title {
+ color: #3a3b3c;
+}
+.main__resume-profile-info-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body {
+ gap: 30px;
+ }
+}
+.main__resume-profile-info-body-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .main__resume-profile-info-body-item {
+ gap: 20px;
+ }
+}
+.main__resume-profile-info-body-subtitle {
+ color: #4d88d9;
+}
+.main__resume-profile-info-body-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ margin: 0;
+ padding: 0;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .main__resume-profile-info-body-inner {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner {
+ grid-template-columns: repeat(3, 1fr);
+ font-size: 16px;
+ }
+}
+.main__resume-profile-info-body-inner li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner li {
+ gap: 8px;
+ }
+}
+.main__resume-profile-info-body-inner b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner b {
+ font-size: 18px;
+ }
+}
+.main__resume-profile-info-body-inner span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+}
+@media (min-width: 992px) {
+ .main__resume-profile-info-body-inner span {
+ gap: 6px;
+ }
+}
+.main__resume-profile-review {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ padding: 20px 10px;
+ margin-top: 30px;
+ border-radius: 16px;
+ border: 1px solid #cecece;
+ background: #ffffff;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 992px) {
+ .main__resume-profile-review {
+ margin-top: 50px;
+ padding: 50px 40px;
+ gap: 30px;
+ }
+}
+.main__resume-profile-review-title {
+ color: #3a3b3c;
+}
+.main__resume-profile-review-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+.main__resume-profile-review-body .textarea {
+ width: 100%;
+}
+.main__resume-profile-review-body .button {
+ margin-top: 10px;
+}
+.main__vacancies {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .main__vacancies {
+ gap: 30px;
+ }
+}
+.main__vacancies-title {
+ color: #3a3b3c;
+ width: 100%;
+}
+.main__vacancies-filters {
+ width: 100%;
+}
+.main__vacancies-item {
+ width: 100%;
+ background: none;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+.main__vacancies-item-page {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ margin: 0 -10px;
+}
+@media (min-width: 768px) {
+ .main__vacancies-item-page {
+ margin: 0 -20px;
+ }
+}
+.main__vacancies-thing {
+ width: 100%;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 20px 10px;
+ padding-bottom: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 24px;
+ border-radius: 12px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing {
+ padding: 30px 20px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 0;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing {
+ padding: 50px 20px;
+ }
+}
+.main__vacancies-thing-pic {
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ aspect-ratio: 42/34;
+ -o-object-fit: cover;
+ object-fit: cover;
+ border-radius: 8px;
+ max-height: 340px;
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing-pic {
+ width: 380px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing-pic {
+ width: 420px;
+ }
+}
+.main__vacancies-thing-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 16px;
+ color: #3a3b3c;
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing-body {
+ width: calc(100% - 380px);
+ padding-left: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing-body {
+ width: calc(100% - 420px);
+ gap: 20px;
+ }
+}
+.main__vacancies-thing-body > * {
+ width: 100%;
+}
+.main__vacancies-thing-body .button {
+ width: auto;
+}
+@media (min-width: 768px) {
+ .main__vacancies-thing-body .button {
+ min-width: 200px;
+ }
+}
+.main__vacancies-thing-scroll {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 16px;
+ overflow: hidden;
+ overflow-y: auto;
+ max-height: 180px;
+ padding-right: 10px;
+}
+@media (min-width: 768px) {
+ .main__vacancies-thing-scroll {
+ max-height: 210px;
+ padding-right: 20px;
+ }
+}
+@media (min-width: 992px) {
+ .main__vacancies-thing-scroll {
+ max-height: 175px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__vacancies-thing-scroll {
+ max-height: 200px;
+ gap: 20px;
+ }
+}
+.main__cond {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 50px;
+}
+.main__cond > div {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+.main__cond-label {
+ border-radius: 16px;
+ border: 1px solid #cecece;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ padding: 30px 20px;
+ font-weight: 700;
+ color: #3a3b3c;
+ line-height: 2;
+ text-align: center;
+}
+@media (min-width: 992px) {
+ .main__cond-label {
+ font-size: 30px;
+ }
+}
+.main__cond-icons {
+ padding: 0;
+ margin: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 25px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .main__cond-icons {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 60px;
+ margin-top: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .main__cond-icons {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+.main__cond-icons li {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 20px;
+ font-size: 12px;
+ line-height: 1.4;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .main__cond-icons li {
+ font-size: 14px;
+ }
+}
+@media (min-width: 992px) {
+ .main__cond-icons li {
+ font-size: 16px;
+ line-height: 1.6;
+ }
+}
+@media (min-width: 1280px) {
+ .main__cond-icons li {
+ font-size: 18px;
+ }
+}
+.main__cond-icons li span {
+ width: 48px;
+ height: 48px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.main__cond-icons li span img {
+ max-width: 48px;
+}
+.main__cond-callback {
+ margin-top: 10px;
+}
+.main__ads {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+ margin: 30px 0;
+}
+@media (min-width: 992px) {
+ .main__ads {
+ margin: 60px 0;
+ }
+}
+.main__ads-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+}
+@media (min-width: 992px) {
+ .main__ads-item {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ gap: 0;
+ }
+}
+.main__ads-item-pic {
+ width: 100%;
+ max-width: 440px;
+ max-height: 200px;
+ aspect-ratio: 3/2;
+ position: relative;
+ overflow: hidden;
+ border-radius: 12px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-pic {
+ width: 200px;
+ aspect-ratio: 1/1;
+ }
+}
+.main__ads-item-pic img {
+ z-index: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.main__ads-item-pic span {
+ z-index: 2;
+ width: 30px;
+ height: 30px;
+ border-radius: 6px;
+ background: #4d88d9;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ color: #ffffff;
+}
+@media (min-width: 992px) {
+ .main__ads-item-pic span {
+ width: 42px;
+ height: 42px;
+ }
+}
+.main__ads-item-pic span svg {
+ width: 12px;
+ height: 12px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-pic span svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+.main__ads-item-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+ font-size: 12px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-body {
+ width: calc(100% - 200px);
+ padding-left: 40px;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 16px;
+ gap: 20px;
+ }
+}
+.main__ads-item-body b {
+ width: 100%;
+ font-weight: 700;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .main__ads-item-body b {
+ font-size: 20px;
+ }
+}
+.main__ads-item-body span {
+ width: 100%;
+}
+
+.work {
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ color: #6b6c6d;
+ padding-top: 70px;
+ padding-bottom: 10px;
+ position: relative;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ .work {
+ padding-bottom: 25px;
+ }
+}
+@media (min-width: 1280px) {
+ .work {
+ padding-top: 80px;
+ padding-bottom: 25px;
+ }
+}
+.work__pic {
+ position: absolute;
+ height: calc(100% - 40px);
+ z-index: 1;
+ display: none;
+ bottom: 0;
+ left: 50%;
+ margin-left: 40px;
+}
+@media (min-width: 992px) {
+ .work__pic {
+ display: block;
+ }
+}
+@media (min-width: 1280px) {
+ .work__pic {
+ margin-left: 80px;
+ }
+}
+.work__body {
+ position: relative;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .work__body {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+@media (min-width: 992px) {
+ .work__body {
+ max-width: 600px;
+ }
+}
+.work__title {
+ width: 100%;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 1;
+}
+@media (min-width: 768px) {
+ .work__title {
+ font-size: 64px;
+ line-height: 94px;
+ }
+}
+.work__text {
+ width: 100%;
+ font-size: 12px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .work__text {
+ font-size: 18px;
+ margin-top: 20px;
+ line-height: 1.4;
+ }
+}
+.work__list {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 5px;
+ font-size: 14px;
+ font-weight: 700;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .work__list {
+ font-size: 18px;
+ gap: 8px;
+ margin-top: 30px;
+ }
+}
+.work__list div {
+ position: relative;
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .work__list div {
+ padding-left: 16px;
+ }
+}
+.work__list div:before {
+ content: "";
+ width: 4px;
+ height: 4px;
+ background: #6b6c6d;
+ border-radius: 999px;
+ position: absolute;
+ top: 5px;
+ left: 0;
+}
+@media (min-width: 768px) {
+ .work__list div:before {
+ top: 8px;
+ }
+}
+.work__form {
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .work__form {
+ margin-top: 30px;
+ }
+}
+.work__search {
+ width: 100%;
+ max-width: 180px;
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .work__search {
+ max-width: 270px;
+ margin-top: 50px;
+ }
+}
+.work__get {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: 48px;
+}
+.work__get b {
+ width: 100%;
+ margin-bottom: 10px;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .work__get b {
+ font-size: 18px;
+ }
+}
+.work__get a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-right: 20px;
+}
+.work__get a img {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ width: 111px;
+}
+@media (min-width: 768px) {
+ .work__get a img {
+ width: 131px;
+ }
+}
+.work__get a:hover img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.work__get a + a {
+ margin-right: 0;
+}
+
+.numbers {
+ padding: 30px 0;
+ background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
+ color: #ffffff;
+}
+@media (min-width: 1280px) {
+ .numbers {
+ padding: 100px 0;
+ background-position: 100% 100%;
+ background-size: auto 500px;
+ }
+}
+.numbers__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+}
+@media (min-width: 768px) {
+ .numbers__body {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+.numbers__item {
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ line-height: 1.4;
+}
+@media (min-width: 1280px) {
+ .numbers__item {
+ font-size: 16px;
+ line-height: 20px;
+ }
+}
+.numbers__item b {
+ font-size: 40px;
+ font-weight: 700;
+ border-bottom: 1px solid #ffffff;
+ line-height: 1;
+}
+@media (min-width: 1280px) {
+ .numbers__item b {
+ font-size: 100px;
+ line-height: 147px;
+ }
+}
+.numbers__item span {
+ font-weight: 700;
+ font-size: 14px;
+ margin: 10px 0;
+ line-height: 1;
+}
+@media (min-width: 1280px) {
+ .numbers__item span {
+ font-size: 24px;
+ margin-top: 30px;
+ }
+}
+
+.vacancies {
+ padding: 50px 0;
+}
+@media (min-width: 1280px) {
+ .vacancies {
+ padding: 100px 0;
+ }
+}
+.vacancies__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ gap: 20px;
+ width: 100%;
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .vacancies__body {
+ margin-top: 30px;
+ gap: 30px;
+ }
+}
+.vacancies__more {
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .vacancies__more {
+ width: auto;
+ margin: 0 auto;
+ }
+}
+.vacancies__list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 15px;
+}
+@media (min-width: 768px) {
+ .vacancies__list {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 992px) {
+ .vacancies__list {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .vacancies__list {
+ grid-template-columns: repeat(4, 1fr);
+ }
+}
+.vacancies__list-label {
+ font-weight: 700;
+ font-size: 22px;
+}
+.vacancies__list-col {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 15px;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .vacancies__list-col {
+ margin-top: 0;
+ }
+}
+.vacancies__list-col:first-child {
+ margin-top: 0;
+}
+.vacancies__item {
+ display: none;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ border-radius: 12px;
+ background: #ffffff;
+ border: 1px solid #e6e7e7;
+ overflow: hidden;
+}
+.vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.vacancies__item > span {
+ border-left: 10px solid #377d87;
+ padding: 20px 14px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 5px;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+@media (min-width: 992px) {
+ .vacancies__item > span {
+ gap: 10px;
+ }
+}
+.vacancies__item b {
+ font-weight: 700;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .vacancies__item b {
+ font-size: 20px;
+ }
+}
+.vacancies__item:hover b {
+ color: #377d87;
+}
+.vacancies__item u {
+ text-decoration: none;
+ font-size: 14px;
+}
+@media (min-width: 992px) {
+ .vacancies__item u {
+ font-size: 18px;
+ }
+}
+.vacancies__item i {
+ font-size: 12px;
+ font-style: normal;
+ border-bottom: 1px dashed #377d87;
+}
+@media (min-width: 992px) {
+ .vacancies__item i {
+ font-size: 16px;
+ }
+}
+.vacancies__item i span {
+ font-weight: 700;
+ color: #377d87;
+}
+.vacancies__body.active .vacancies__list .vacancies__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.employer {
+ padding-bottom: 50px;
+}
+@media (min-width: 992px) {
+ .employer {
+ padding-bottom: 100px;
+ }
+}
+.employer .swiper {
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .employer .swiper {
+ margin-top: 30px;
+ }
+}
+.employer__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+}
+.employer__item a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.employer__item img {
+ width: 100%;
+ aspect-ratio: 295/98;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+.employer__more {
+ height: 38px;
+ margin-top: 20px;
+}
+@media (min-width: 992px) {
+ .employer__more {
+ width: 250px;
+ margin: 0 auto;
+ height: 44px;
+ margin-top: 40px;
+ }
+}
+
+.about {
+ background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
+ background-size: cover;
+ padding: 30px 0;
+ padding-bottom: 70px;
+}
+@media (min-width: 768px) {
+ .about {
+ padding-top: 40px;
+ background-size: auto calc(100% - 10px);
+ }
+}
+@media (min-width: 1280px) {
+ .about {
+ padding: 100px 0;
+ }
+}
+.about__wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+}
+.about__title {
+ color: #ffffff;
+ line-height: 1.2;
+}
+@media (min-width: 1280px) {
+ .about__title {
+ position: absolute;
+ top: -45px;
+ left: 0;
+ }
+}
+.about__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 1280px) {
+ .about__body {
+ padding-left: 495px;
+ }
+}
+.about__line {
+ background: #ffffff;
+ width: 100%;
+ height: 1px;
+ max-width: 400px;
+ margin-top: 10px;
+}
+.about__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 10px;
+ max-width: 600px;
+}
+@media (min-width: 768px) {
+ .about__item {
+ margin-top: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .about__item {
+ margin-top: 30px;
+ }
+}
+.about__item b {
+ font-size: 20px;
+ font-weight: 700;
+}
+.about__item span {
+ font-size: 13px;
+ line-height: 1.4;
+ margin-top: 6px;
+}
+@media (min-width: 1280px) {
+ .about__item span {
+ font-size: 16px;
+ margin-top: 12px;
+ }
+}
+.about__item a {
+ text-decoration: underline;
+}
+.about__item + .about__item {
+ margin-top: 30px;
+}
+@media (min-width: 992px) {
+ .about__item + .about__item {
+ margin-top: 40px;
+ }
+}
+.about__button {
+ margin-top: 20px;
+ height: 38px;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .about__button {
+ max-width: 200px;
+ height: 42px;
+ margin-top: 30px;
+ }
+}
+
+.news {
+ padding: 50px 0;
+ overflow: hidden;
+}
+@media (min-width: 1280px) {
+ .news {
+ padding: 100px 0;
+ padding-bottom: 0;
+ }
+}
+.news__toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 1280px) {
+ .news__toper .title {
+ width: calc(100% - 160px);
+ }
+}
+.news__toper .navs {
+ display: none;
+}
+@media (min-width: 1280px) {
+ .news__toper .navs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+.news .swiper {
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .news .swiper {
+ overflow: visible;
+ }
+}
+@media (min-width: 992px) {
+ .news .swiper {
+ margin-top: 40px;
+ }
+}
+.news__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ line-height: 1.4;
+}
+.news__item-pic {
+ width: 100%;
+ aspect-ratio: 3/2;
+ border-radius: 12px;
+ border: 1px solid #e6e7e7;
+ -o-object-fit: cover;
+ object-fit: cover;
+ min-height: 200px;
+}
+@media (min-width: 1280px) {
+ .news__item-pic {
+ aspect-ratio: 4/2;
+ }
+}
+.news__item-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-top: 15px;
+}
+@media (min-width: 768px) {
+ .news__item-body {
+ padding: 20px;
+ padding-top: 30px;
+ margin-top: -15px;
+ border-radius: 0 0 12px 12px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+ }
+}
+.news__item-date {
+ font-size: 14px;
+ font-weight: 700;
+ color: #377d87;
+}
+.news__item-title {
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-top: 5px;
+}
+.news__item-text {
+ color: #6b6c6d;
+ font-size: 13px;
+ margin-top: 10px;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 4;
+}
+@media (min-width: 1280px) {
+ .news__item-text {
+ font-size: 16px;
+ }
+}
+.news__item-more {
+ height: 42px;
+ margin-top: 20px;
+}
+@media (min-width: 1280px) {
+ .news__item-more {
+ height: 44px;
+ max-width: 190px;
+ }
+}
+.news__all {
+ height: 42px;
+ margin: 0 auto;
+ margin-top: 20px;
+ padding: 0;
+ display: none;
+}
+@media (min-width: 768px) {
+ .news__all {
+ max-width: 170px;
+ margin-top: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+@media (min-width: 1280px) {
+ .news__all {
+ height: 44px;
+ }
+}
+.news__items {
+ display: grid;
+ gap: 20px;
+ margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+ .news__items {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+@media (min-width: 992px) {
+ .news__items {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+main + .news {
+ padding: 0;
+}
+
+.info {
+ position: relative;
+ overflow: hidden;
+}
+@media (min-width: 1280px) {
+ .info {
+ margin-bottom: -25px;
+ }
+}
+.info__pic {
+ display: none;
+ z-index: 1;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ height: 100%;
+ margin-left: 130px;
+}
+@media (min-width: 992px) {
+ .info__pic {
+ display: block;
+ }
+}
+@media (min-width: 1280px) {
+ .info__pic {
+ width: 610px;
+ height: auto;
+ margin-left: 10px;
+ }
+}
+.info__body {
+ z-index: 2;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 1280px) {
+ .info__body {
+ padding-top: 100px;
+ min-height: 600px;
+ }
+}
+@media (min-width: 1280px) {
+ .info__title {
+ max-width: 520px;
+ line-height: 1;
+ }
+}
+.info__item {
+ margin-top: 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 992px) {
+ .info__item {
+ max-width: 610px;
+ }
+}
+.info__item + .info__item {
+ margin-top: 60px;
+}
+.info__text {
+ color: #6b6c6d;
+ font-size: 13px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .info__text {
+ font-size: 16px;
+ }
+}
+@media (min-width: 1280px) {
+ .info__text {
+ font-size: 18px;
+ }
+}
+.info__link {
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ line-height: 1;
+ height: 40px;
+ font-size: 12px;
+ font-weight: 700;
+ gap: 8px;
+ color: #ffffff;
+ background: #377d87;
+}
+.info__link:hover {
+ -webkit-filter: grayscale(50%);
+ filter: grayscale(50%);
+}
+@media (min-width: 768px) {
+ .info__link {
+ height: 44px;
+ font-size: 16px;
+ gap: 10px;
+ max-width: 300px;
+ }
+}
+@media (min-width: 992px) {
+ .info__link {
+ max-width: 210px;
+ }
+}
+.info__link svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .info__link svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+
+.thing {
+ padding-top: 15px;
+ padding-bottom: 30px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ color: #3a3b3c;
+ overflow: hidden;
+ position: relative;
+}
+@media (min-width: 992px) {
+ .thing {
+ padding-top: 20px;
+ padding-bottom: 60px;
+ }
+}
+@media (min-width: 1280px) {
+ .thing {
+ padding-bottom: 90px;
+ }
+}
+.thing_pdf {
+ padding: 30px 0;
+}
+@media (min-width: 992px) {
+ .thing_pdf {
+ padding: 60px 0;
+ }
+}
+@media (min-width: 1280px) {
+ .thing_pdf {
+ padding: 90px 0;
+ }
+}
+.thing__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.thing__breadcrumbs {
+ width: 100%;
+ margin-bottom: 40px;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .thing__breadcrumbs {
+ margin-bottom: 60px;
+ }
+}
+.thing__date {
+ color: #6B6C6D;
+ font-size: 14px;
+ font-weight: 700;
+ line-height: 21px;
+ margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+ .thing__date {
+ font-size: 18px;
+ line-height: 27px;
+ }
+}
+.thing__title {
+ width: 100%;
+ font-size: 32px;
+ font-weight: 700;
+ margin: 0;
+ max-width: 780px;
+ position: relative;
+ z-index: 2;
+ line-height: 1.1;
+}
+@media (min-width: 768px) {
+ .thing__title {
+ font-size: 40px;
+ }
+}
+@media (min-width: 1280px) {
+ .thing__title {
+ font-size: 64px;
+ }
+}
+.thing__text {
+ width: 100%;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 1.4;
+ margin: 15px 0 0 0;
+ max-width: 780px;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .thing__text {
+ margin-top: 15px;
+ }
+}
+@media (min-width: 992px) {
+ .thing__text {
+ font-weight: 400;
+ font-size: 18px;
+ }
+}
+.thing__search {
+ width: 100%;
+ max-width: 640px;
+ margin-top: 20px;
+ position: relative;
+ z-index: 2;
+}
+@media (min-width: 768px) {
+ .thing__search {
+ margin-top: 30px;
+ }
+}
+.thing__badge {
+ position: relative;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 5px;
+ padding: 0 12px;
+ background: #4d88d9;
+ color: #ffffff;
+ font-size: 12px;
+ line-height: 1;
+ height: 26px;
+ border-radius: 999px;
+ margin-bottom: 20px;
+}
+@media (min-width: 992px) {
+ .thing__badge {
+ font-size: 16px;
+ gap: 10px;
+ padding: 0 24px;
+ height: 42px;
+ margin-bottom: 30px;
+ }
+}
+.thing__badge svg {
+ width: 12px;
+ height: 12px;
+}
+@media (min-width: 992px) {
+ .thing__badge svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+.thing__pic {
+ width: 60px;
+ aspect-ratio: 1/1;
+ -o-object-fit: contain;
+ object-fit: contain;
+ position: relative;
+ z-index: 1;
+ margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+ .thing__pic {
+ width: 160px;
+ position: absolute;
+ top: 15px;
+ right: 20px;
+ }
+}
+@media (min-width: 992px) {
+ .thing__pic {
+ width: 330px;
+ top: 50%;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ }
+}
+@media (min-width: 1280px) {
+ .thing__pic {
+ right: auto;
+ left: 50%;
+ margin-left: 200px;
+ }
+}
+.thing__pic_two {
+ -o-object-fit: cover;
+ object-fit: cover;
+ border-radius: 30px;
+ aspect-ratio: 44/37;
+ width: 100%;
+ max-width: 440px;
+}
+@media (min-width: 768px) {
+ .thing__pic_two {
+ position: static;
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@media (min-width: 1280px) {
+ .thing__pic_two {
+ position: absolute;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ }
+}
+.thing__buttons {
+ width: 100%;
+ position: relative;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+ margin-top: 15px;
+}
+@media (min-width: 992px) {
+ .thing__buttons {
+ margin-top: 30px;
+ gap: 30px;
+ }
+}
+@media (min-width: 992px) {
+ .thing__buttons .button {
+ padding: 0 22px;
+ }
+}
+.thing__checkbox {
+ margin-top: 20px;
+}
+.thing__checkbox .checkbox__icon {
+ border-color: #377d87;
+}
+.thing__checkbox .checkbox__text {
+ color: #377d87;
+}
+.thing__profile {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 768px) {
+ .thing__profile {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+.thing__profile-photo {
+ width: 210px;
+ border-radius: 8px;
+ aspect-ratio: 1/1;
+}
+.thing__profile-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .thing__profile-body {
+ width: calc(100% - 210px);
+ padding-left: 35px;
+ }
+}
+.thing__profile .thing__title {
+ max-width: none;
+}
+@media (min-width: 768px) {
+ .thing__profile .thing__title {
+ margin-top: -20px;
+ }
+}
+.thing__profile .thing__text {
+ max-width: none;
+}
+.thing__bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 15px;
+ margin-top: 15px;
+}
+@media (min-width: 768px) {
+ .thing__bottom {
+ margin-top: 30px;
+ }
+}
+.thing__select {
+ width: 100%;
+ max-width: 640px;
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .thing__select {
+ margin-top: 30px;
+ }
+}
+
+.page-404 {
+ background: url(../images/bg-3.svg) no-repeat 100%/cover;
+ overflow: hidden;
+}
+.page-404__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-align: center;
+ padding: 60px 0;
+ color: #3a3b3c;
+ font-size: 12px;
+ gap: 10px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .page-404__body {
+ font-size: 18px;
+ padding: 120px 0;
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .page-404__body {
+ padding: 180px 0;
+ text-align: left;
+ }
+}
+.page-404__numb {
+ font-size: 114px;
+ line-height: 1;
+ color: #377d87;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .page-404__numb {
+ font-size: 184px;
+ }
+}
+@media (min-width: 768px) {
+ .page-404__title {
+ font-weight: 700;
+ font-size: 44px;
+ }
+}
+@media (min-width: 1280px) {
+ .page-404__title {
+ width: 710px;
+ position: relative;
+ left: 200px;
+ }
+}
+@media (min-width: 1280px) {
+ .page-404__subtitle {
+ width: 710px;
+ position: relative;
+ left: 200px;
+ }
+}
+.page-404__button {
+ margin-top: 10px;
+}
+@media (min-width: 1280px) {
+ .page-404__button {
+ position: relative;
+ left: -45px;
+ }
+}
+
+.cookies {
+ display: none;
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ padding: 10px;
+ padding-top: 0;
+ height: 0;
+ position: fixed;
+ z-index: 999;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+}
+.cookies-is-actived .cookies {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.cookies__body {
+ border-radius: 6px;
+ border: 1px solid #377d87;
+ background: #ffffff;
+ padding: 15px;
+ padding-right: 50px;
+ position: relative;
+ max-width: 940px;
+ margin: 0 auto;
+}
+@media (min-width: 768px) {
+ .cookies__body {
+ padding: 25px;
+ padding-right: 50px;
+ border-radius: 12px;
+ }
+}
+@media (min-width: 992px) {
+ .cookies__body {
+ padding: 40px 60px;
+ }
+}
+.cookies__close {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #377d87;
+ padding: 0;
+ border: none;
+ background: none;
+ position: absolute;
+ top: 15px;
+ right: 15px;
+}
+.cookies__close:hover {
+ color: #3a3b3c;
+}
+.cookies__close svg {
+ width: 16px;
+ height: 16px;
+}
+.cookies__text {
+ font-size: 12px;
+ color: #377d87;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .cookies__text {
+ font-size: 16px;
+ font-weight: 700;
+ }
+}
+
+.fancybox-active {
+ overflow: hidden;
+}
+.fancybox-is-open .fancybox-bg {
+ background: #080B0B;
+ opacity: 0.6;
+ z-index: 9999;
+}
+.fancybox-slide {
+ padding: 0;
+}
+@media (min-width: 992px) {
+ .fancybox-slide {
+ padding: 30px;
+ }
+}
+.fancybox-slide--html .fancybox-close-small {
+ padding: 0;
+ opacity: 1;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .fancybox-slide--html .fancybox-close-small {
+ top: 10px;
+ right: 10px;
+ }
+}
+.fancybox-slide--html .fancybox-close-small:hover {
+ color: #3a3b3c;
+}
+
+.modal {
+ width: 100%;
+ max-width: 820px;
+ padding: 0;
+ background: #ffffff;
+ z-index: 99999;
+}
+@media (min-width: 992px) {
+ .modal {
+ border-radius: 10px;
+ border: 1px solid #377d87;
+ }
+}
+.modal_bg {
+ background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
+}
+@media (min-width: 768px) {
+ .modal_bg {
+ background-position: 100% 100%;
+ }
+}
+.modal__body {
+ padding: 40px 15px;
+ padding-bottom: 30px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ min-height: 100vh;
+ overflow: hidden;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .modal__body {
+ font-size: 16px;
+ padding-left: 22px;
+ padding-right: 22px;
+ }
+}
+@media (min-width: 992px) {
+ .modal__body {
+ min-height: 450px;
+ padding: 60px 80px;
+ padding-bottom: 40px;
+ }
+}
+@media (min-width: 768px) {
+ .modal__body .left {
+ text-align: left;
+ }
+}
+.modal__title {
+ width: 100%;
+ font-size: 22px;
+ font-weight: 700;
+ text-align: center;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .modal__title {
+ font-size: 32px;
+ }
+}
+@media (min-width: 992px) {
+ .modal__title {
+ font-size: 44px;
+ }
+}
+.modal__text {
+ width: 100%;
+ text-align: center;
+ margin-top: 10px;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .modal__text {
+ margin-top: 20px;
+ }
+}
+.modal__text span {
+ color: #9C9D9D;
+}
+.modal__text a {
+ font-weight: 700;
+ color: #377d87;
+}
+.modal__text a:hover {
+ color: #3a3b3c;
+}
+.modal__button {
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .modal__button {
+ min-width: 200px;
+ margin-top: 30px;
+ }
+}
+.modal__buttons {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px;
+ margin-top: 20px;
+}
+@media (min-width: 768px) {
+ .modal__buttons {
+ gap: 30px;
+ margin-top: 30px;
+ }
+}
+.modal__form {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 16px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .modal__form {
+ margin-top: 20px;
+ }
+}
+.modal__form-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 4px;
+}
+.modal__form-item > .input {
+ width: 100%;
+}
+.modal__form-item > .textarea {
+ width: 100%;
+ height: 175px;
+}
+@media (min-width: 768px) {
+ .modal__form-item > .textarea {
+ height: 195px;
+ }
+}
+.modal__form-item > .file {
+ width: 100%;
+}
+.modal__form-item > .button {
+ min-width: 120px;
+}
+.modal__form-item > label {
+ width: 100%;
+ display: none;
+ color: #eb5757;
+ padding: 0 10px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .modal__form-item > label {
+ padding: 0 20px;
+ font-size: 16px;
+ }
+}
+.modal__sign {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .modal__sign {
+ margin-top: 20px;
+ margin-bottom: 40px;
+ }
+}
+.modal__sign-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+}
+.modal__sign-item > .input {
+ width: 100%;
+ padding-right: 36px;
+ position: relative;
+ z-index: 1;
+}
+@media (min-width: 768px) {
+ .modal__sign-item > .input {
+ height: 52px;
+ padding-right: 60px;
+ }
+}
+.modal__sign-item > .textarea {
+ width: 100%;
+}
+.modal__sign-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+}
+.modal__sign-bottom-link {
+ font-weight: 700;
+ color: #377d87;
+}
+.modal__tabs {
+ width: 100%;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 16px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .modal__tabs {
+ gap: 24px;
+ margin-top: 20px;
+ }
+}
+.modal__tabs-item.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.modal__reg {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+ width: 100%;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+@media (min-width: 768px) {
+ .modal__reg {
+ margin-top: 20px;
+ margin-bottom: 30px;
+ gap: 20px;
+ }
+}
+.modal__reg.showed {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.modal__reg-item {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.modal__reg-item > .captcha {
+ width: 100%;
+ max-width: 300px;
+}
+
+.messages {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.messages__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .messages__body {
+ gap: 20px;
+ }
+}
+.messages__item {
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px solid #e7e7e7;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 10px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .messages__item {
+ padding: 20px;
+ font-size: 16px;
+ }
+}
+.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.messages__item-info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: calc(100% - 90px);
+}
+@media (min-width: 768px) {
+ .messages__item-info {
+ width: calc(100% - 150px);
+ }
+}
+.messages__item-photo {
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 36px;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .messages__item-photo {
+ width: 52px;
+ }
+}
+.messages__item-photo svg {
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+.messages__item-photo img {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.messages__item-text {
+ width: calc(100% - 36px);
+ padding-left: 6px;
+ color: #3a3b3c;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 4px;
+}
+@media (min-width: 768px) {
+ .messages__item-text {
+ padding-left: 20px;
+ width: calc(100% - 52px);
+ gap: 8px;
+ }
+}
+.messages__item-text span {
+ color: #3a3b3c;
+}
+.messages__item-date {
+ color: #3a3b3c;
+ width: 90px;
+ text-align: right;
+}
+@media (min-width: 768px) {
+ .messages__item-date {
+ width: 150px;
+ }
+}
+.messages.active .messages__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.responses {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.responses__body {
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.responses__item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ border-radius: 8px;
+ border: 1px solid #e7e7e7;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 20px 10px;
+ font-size: 12px;
+ position: relative;
+}
+@media (min-width: 768px) {
+ .responses__item {
+ padding: 20px;
+ font-size: 16px;
+ }
+}
+.responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.responses__item-date {
+ color: #3a3b3c;
+}
+@media (min-width: 992px) {
+ .responses__item-date {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ }
+}
+.responses__item-wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.responses__item-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .responses__item-inner {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .responses__item-inner {
+ width: calc(100% - 150px);
+ }
+}
+.responses__item-row {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ color: #3a3b3c;
+ text-align: right;
+}
+@media (min-width: 992px) {
+ .responses__item-row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+ text-align: left;
+ }
+}
+.responses__item-row span {
+ color: #3a3b3c;
+ text-align: left;
+}
+.responses__item-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .responses__item-buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ }
+}
+@media (min-width: 1280px) {
+ .responses__item-buttons {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+}
+.responses__item-buttons .button.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.responses.active .responses__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.chatbox {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .chatbox {
+ gap: 30px;
+ }
+}
+@media (min-width: 1280px) {
+ .chatbox {
+ gap: 40px;
+ }
+}
+.chatbox__toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ border: 1px solid #e7e7e7;
+ border-radius: 8px;
+ padding: 10px;
+}
+@media (min-width: 768px) {
+ .chatbox__toper {
+ padding: 20px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.chatbox__toper-info {
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .chatbox__toper-info {
+ font-size: 16px;
+ width: calc(100% - 230px);
+ }
+}
+@media (min-width: 768px) {
+ .chatbox__toper-button {
+ width: 210px;
+ padding: 0;
+ }
+}
+.chatbox__list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .chatbox__list {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .chatbox__list {
+ gap: 40px;
+ }
+}
+.chatbox__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ color: #3a3b3c;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .chatbox__item {
+ font-size: 16px;
+ }
+}
+.chatbox__item_reverse {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+.chatbox__item-photo {
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 44px;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.chatbox__item-photo svg {
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+.chatbox__item-photo img {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.chatbox__item-body {
+ width: calc(100% - 54px);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .chatbox__item-body {
+ width: calc(100% - 60px);
+ }
+}
+.chatbox__item_reverse .chatbox__item-body {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+.chatbox__item-text {
+ border-radius: 8px;
+ background: #ffffff;
+ -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ padding: 10px;
+ line-height: 1.6;
+}
+.chatbox__item-time {
+ width: 100%;
+ padding-left: 54px;
+ margin-top: 10px;
+ color: #9c9d9d;
+}
+.chatbox__item_reverse .chatbox__item-time {
+ text-align: right;
+}
+.chatbox__bottom {
+ background: #4d88d9;
+ padding: 10px;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom {
+ padding: 16px 20px;
+ }
+}
+.chatbox__bottom-file {
+ width: 20px;
+ aspect-ratio: 1/1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #ffffff;
+ color: #4d88d9;
+ border-radius: 8px;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-file {
+ width: 48px;
+ }
+}
+.chatbox__bottom-file:hover {
+ color: #377d87;
+}
+.chatbox__bottom-file input {
+ display: none;
+}
+.chatbox__bottom-file svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-file svg {
+ width: 40%;
+ }
+}
+.chatbox__bottom-text {
+ width: calc(100% - 60px);
+ height: 20px;
+ border-color: #ffffff;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-text {
+ width: calc(100% - 128px);
+ height: 48px;
+ }
+}
+.chatbox__bottom-text:focus {
+ border-color: #ffffff;
+}
+.chatbox__bottom-send {
+ width: 20px;
+ aspect-ratio: 1/1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0;
+ background: #ffffff;
+ border: none;
+ color: #4d88d9;
+ border-radius: 999px;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-send {
+ width: 48px;
+ }
+}
+.chatbox__bottom-send:hover {
+ color: #377d87;
+}
+.chatbox__bottom-send svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+ position: relative;
+ left: 1px;
+}
+@media (min-width: 768px) {
+ .chatbox__bottom-send svg {
+ width: 40%;
+ left: 2px;
+ }
+}
+
+.cvs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.cvs__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .cvs__body {
+ gap: 30px;
+ }
+}
+.cvs__item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ border-radius: 8px;
+ border: 1px solid #e7e7e7;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ padding: 10px;
+ font-size: 12px;
+ position: relative;
+}
+@media (min-width: 768px) {
+ .cvs__item {
+ gap: 0;
+ padding: 20px;
+ font-size: 16px;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+.cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.cvs__item-like {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+@media (min-width: 768px) {
+ .cvs__item-like {
+ top: 20px;
+ right: 20px;
+ }
+}
+.cvs__item-photo {
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 36px;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cvs__item-photo {
+ width: 68px;
+ }
+}
+.cvs__item-photo svg {
+ width: 50%;
+ position: relative;
+ z-index: 1;
+}
+.cvs__item-photo img {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.cvs__item-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cvs__item-text {
+ gap: 20px;
+ width: calc(100% - 68px);
+ padding-left: 20px;
+ padding-right: 60px;
+ }
+}
+.cvs__item-text div {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+@media (min-width: 768px) {
+ .cvs__item-text div {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+.cvs__item-text span,
+.cvs__item-text a {
+ color: #3a3b3c;
+}
+.cvs__item-button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cvs__item-button {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ width: 100%;
+ padding-top: 20px;
+ }
+}
+.cvs.active .cvs__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.faqs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.faqs__body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ width: 100%;
+}
+.faqs__item {
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-radius: 8px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ background: #ffffff;
+ padding: 10px;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .faqs__item {
+ padding: 20px;
+ font-size: 16px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ }
+}
+.faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.faqs__item-button {
+ background: none;
+ padding: 0;
+ border: none;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #3a3b3c;
+ text-align: left;
+ font-size: 14px;
+ font-weight: 700;
+}
+@media (min-width: 768px) {
+ .faqs__item-button {
+ font-size: 20px;
+ }
+}
+.faqs__item-button span {
+ width: calc(100% - 16px);
+ padding-right: 16px;
+}
+.faqs__item-button i {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 16px;
+ aspect-ratio: 1/1;
+ color: #377d87;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.faqs__item-button i svg {
+ width: 16px;
+ aspect-ratio: 1/1;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.faqs__item-button.active i {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.faqs__item-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+ font-size: 12px;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .faqs__item-body {
+ font-size: 16px;
+ gap: 20px;
+ }
+}
+.faqs__item-body p {
+ margin: 0;
+}
+.active + .faqs__item-body {
+ opacity: 1;
+ height: auto;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ padding-top: 10px;
+}
+@media (min-width: 768px) {
+ .active + .faqs__item-body {
+ padding-top: 20px;
+ }
+}
+.faqs.active .faqs__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.cabinet {
+ padding: 20px 0;
+ padding-bottom: 40px;
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+@media (min-width: 992px) {
+ .cabinet {
+ padding: 30px 0;
+ padding-bottom: 60px;
+ }
+}
+.cabinet__breadcrumbs {
+ margin-bottom: 50px;
+}
+.cabinet__wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 992px) {
+ .cabinet__wrapper {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.cabinet__side {
+ border-radius: 8px;
+ background: #ffffff;
+ padding: 20px 10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 768px) {
+ .cabinet__side {
+ padding: 30px 20px;
+ margin-bottom: 50px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__side {
+ width: 340px;
+ margin: 0;
+ position: sticky;
+ top: 6px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__side {
+ width: 400px;
+ }
+}
+.cabinet__side-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.cabinet__side-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.cabinet__side-toper-pic {
+ width: 70px;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ border-radius: 8px;
+ color: #ffffff;
+ background: #9c9d9d;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: relative;
+}
+.cabinet__side-toper-pic img {
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ aspect-ratio: 1/1;
+ -o-object-fit: contain;
+ object-fit: contain;
+}
+.cabinet__side-toper-pic svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+}
+.cabinet__side-toper b {
+ width: calc(100% - 70px);
+ font-size: 14px;
+ font-weight: 700;
+ padding-left: 16px;
+}
+@media (min-width: 768px) {
+ .cabinet__side-toper b {
+ font-size: 20px;
+ }
+}
+.cabinet__menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.cabinet__menu-toper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 0 16px;
+ padding-right: 12px;
+ border: none;
+ border-radius: 8px;
+ background: #377d87;
+ color: #ffffff;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper {
+ padding: 0 20px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__menu-toper {
+ display: none;
+ }
+}
+.cabinet__menu-toper-text {
+ width: calc(100% - 16px);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text {
+ width: calc(100% - 20px);
+ }
+}
+.cabinet__menu-toper-text i {
+ width: 16px;
+ height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text i {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-toper-text svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text svg {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-toper-text span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 10px;
+ min-height: 30px;
+ font-size: 12px;
+ width: calc(100% - 16px);
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-text span {
+ width: calc(100% - 22px);
+ font-size: 20px;
+ min-height: 52px;
+ padding: 0 16px;
+ }
+}
+.cabinet__menu-toper-arrow {
+ width: 16px;
+ height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-arrow {
+ width: 20px;
+ height: 20px;
+ }
+}
+.cabinet__menu-toper-arrow svg {
+ width: 12px;
+ height: 12px;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+@media (min-width: 768px) {
+ .cabinet__menu-toper-arrow svg {
+ width: 20px;
+ height: 20px;
+ }
+}
+.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.cabinet__menu-body {
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 992px) {
+ .cabinet__menu-body {
+ opacity: 1;
+ height: auto;
+ }
+}
+.active + .cabinet__menu-body {
+ opacity: 1;
+ height: auto;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.cabinet__menu-items {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.cabinet__menu-item {
+ padding: 8px 16px;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item {
+ padding: 14px 20px;
+ }
+}
+.cabinet__menu-item:hover {
+ color: #377d87;
+}
+@media (min-width: 992px) {
+ .cabinet__menu-item.active {
+ background: #377d87;
+ color: #ffffff;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__menu-item.active svg {
+ color: #ffffff;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__menu-item.active.red {
+ background: #eb5757;
+ }
+}
+.cabinet__menu-item i {
+ width: 16px;
+ height: 16px;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item i {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-item svg {
+ width: 16px;
+ height: 16px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item svg {
+ width: 22px;
+ height: 22px;
+ }
+}
+.cabinet__menu-item span {
+ width: calc(100% - 16px);
+ font-size: 12px;
+ padding-left: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-item span {
+ font-size: 20px;
+ width: calc(100% - 22px);
+ padding-left: 16px;
+ }
+}
+.cabinet__menu-bottom {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+ margin-top: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-bottom {
+ gap: 20px;
+ margin-top: 20px;
+ }
+}
+.cabinet__menu-copy {
+ color: #9c9d9d;
+ text-align: center;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .cabinet__menu-copy {
+ font-size: 16px;
+ }
+}
+.cabinet__body {
+ margin: 0 -10px;
+ margin-top: 50px;
+ background: #ffffff;
+ padding: 20px 10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 30px;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__body {
+ padding: 30px 20px;
+ margin: 0;
+ border-radius: 8px;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__body {
+ width: calc(100% - 360px);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__body {
+ width: calc(100% - 420px);
+ }
+}
+.cabinet__body-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+.cabinet__title {
+ font-size: 24px;
+}
+@media (min-width: 768px) {
+ .cabinet__title {
+ font-size: 32px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__title {
+ font-size: 40px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__title {
+ font-size: 48px;
+ }
+}
+.cabinet__subtitle {
+ font-size: 22px;
+ margin: 0;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__subtitle {
+ font-size: 24px;
+ }
+}
+.cabinet__h4 {
+ font-size: 20px;
+ margin: 0;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__h4 {
+ font-size: 22px;
+ }
+}
+.cabinet__text {
+ margin: 0;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .cabinet__text {
+ font-size: 16px;
+ }
+}
+.cabinet__text b {
+ color: #3a3b3c;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .cabinet__text b {
+ font-size: 24px;
+ }
+}
+.cabinet__descr {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__descr {
+ gap: 12px;
+ }
+}
+.cabinet__avatar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media (min-width: 768px) {
+ .cabinet__avatar {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+.cabinet__avatar-pic {
+ width: 100px;
+ aspect-ratio: 1/1;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ overflow: hidden;
+ border-radius: 8px;
+ color: #ffffff;
+ background: #9c9d9d;
+}
+.cabinet__avatar-pic svg {
+ width: 50%;
+ aspect-ratio: 1/1;
+ z-index: 1;
+ position: relative;
+}
+.cabinet__avatar-form {
+ width: calc(100% - 100px);
+ padding-left: 15px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__avatar-form {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding-left: 30px;
+ gap: 12px;
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__avatar-form .file {
+ min-width: 215px;
+ }
+}
+.cabinet__inputs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item {
+ width: calc(50% - 10px);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item_fullwidth {
+ width: 100%;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item_min {
+ width: calc(15% - 10px);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item_max {
+ width: calc(85% - 10px);
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__inputs-item .button {
+ width: 100%;
+ max-width: 215px;
+ padding: 0;
+ }
+}
+.cabinet__inputs-item .buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__inputs-item .buttons {
+ gap: 20px;
+ max-width: 470px;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__inputs-item .buttons {
+ max-width: none;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__inputs-item .buttons {
+ max-width: 470px;
+ }
+}
+.cabinet__inputs-item .buttons .button {
+ max-width: none;
+}
+.cabinet__inputs > .button {
+ padding: 0;
+ width: 100%;
+ max-width: 140px;
+}
+@media (min-width: 768px) {
+ .cabinet__inputs > .button {
+ max-width: 190px;
+ }
+}
+.cabinet__add {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__add {
+ gap: 0;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ }
+}
+.cabinet__add-pic {
+ border-radius: 4px;
+ position: relative;
+ overflow: hidden;
+ background: #9c9d9d;
+ color: #ffffff;
+ width: 100px;
+ aspect-ratio: 1/1;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic {
+ width: 220px;
+ border-radius: 8px;
+ }
+}
+.cabinet__add-pic:hover {
+ background: #3a3b3c;
+}
+.cabinet__add-pic input {
+ display: none;
+}
+.cabinet__add-pic > svg {
+ width: 20px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ z-index: 1;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic > svg {
+ width: 50px;
+ }
+}
+.cabinet__add-pic span {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ gap: 4px;
+ font-weight: 700;
+ font-size: 8px;
+ line-height: 1;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ margin-top: 25px;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic span {
+ font-size: 16px;
+ margin-top: 60px;
+ }
+}
+.cabinet__add-pic span svg {
+ width: 7px;
+ aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+ .cabinet__add-pic span svg {
+ width: 16px;
+ }
+}
+.cabinet__add-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__add-body {
+ gap: 20px;
+ width: calc(100% - 220px);
+ padding-left: 20px;
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__add-body .button {
+ width: 215px;
+ padding: 0;
+ }
+}
+.cabinet__fleet {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .cabinet__fleet {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__fleet {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__submit {
+ width: 215px;
+ padding: 0;
+ margin: 0 auto;
+ }
+}
+.cabinet__filters {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__filters {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__filters {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.cabinet__filters-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__filters-item {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__filters-item {
+ width: calc(50% - 10px);
+ max-width: 410px;
+ }
+}
+.cabinet__filters-item .button, .cabinet__filters-item .select {
+ width: 100%;
+}
+@media (min-width: 1280px) {
+ .cabinet__filters-item .button, .cabinet__filters-item .select {
+ width: auto;
+ }
+}
+.cabinet__filters-item + .cabinet__filters-item {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+@media (min-width: 1280px) {
+ .cabinet__filters-item + .cabinet__filters-item {
+ max-width: 280px;
+ }
+}
+.cabinet__filters .search input {
+ padding-right: 135px;
+}
+.cabinet__filters .search button {
+ width: 115px;
+}
+.cabinet__filters-buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 10px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .cabinet__filters-buttons {
+ gap: 20px;
+ }
+}
+.cabinet__filters-buttons .button {
+ padding: 0;
+ gap: 5px;
+}
+.cabinet__filters-buttons .button.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.cabinet__filters-buttons .button.active:before {
+ content: "";
+ width: 6px;
+ height: 6px;
+ background: #ffffff;
+ border-radius: 999px;
+}
+.cabinet__table-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 700;
+ margin-bottom: -10px;
+}
+.cabinet__table-header div {
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .cabinet__table-header div {
+ font-size: 24px;
+ }
+}
+.cabinet__table-header span {
+ color: #3a3b3c;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .cabinet__table-header span {
+ font-size: 18px;
+ }
+}
+.cabinet__table-header span b {
+ color: #377d87;
+}
+.cabinet__tabs {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .cabinet__tabs {
+ max-width: 420px;
+ }
+}
+.cabinet__tabs .button.active {
+ background: #377d87;
+ color: #ffffff;
+}
+.cabinet__bodies {
+ display: none;
+}
+.cabinet__bodies.showed {
+ display: block;
+}
+.cabinet__nots {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__nots {
+ gap: 20px;
+ }
+}
+.cabinet__nots .input {
+ width: 100%;
+}
+.cabinet__anketa {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__anketa {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+@media (min-width: 992px) {
+ .cabinet__anketa {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__anketa {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+.cabinet__anketa-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__anketa-buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ }
+}
+.cabinet__stats {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats {
+ gap: 12px;
+ }
+}
+.cabinet__stats-title {
+ font-size: 14px;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-title {
+ font-size: 24px;
+ }
+}
+.cabinet__stats-body {
+ background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+ border-radius: 8px;
+ padding: 10px;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-body {
+ padding: 10px 20px;
+ }
+}
+.cabinet__stats-item {
+ font-size: 12px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ line-height: 1;
+ gap: 6px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-item {
+ font-size: 20px;
+ gap: 10px;
+ }
+}
+.cabinet__stats-item svg {
+ width: 20px;
+ aspect-ratio: 1/1;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-item svg {
+ width: 40px;
+ margin-right: 10px;
+ }
+}
+.cabinet__stats-item span {
+ font-weight: 700;
+ color: #3a3b3c;
+}
+.cabinet__stats-item b {
+ color: #377d87;
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-item b {
+ font-size: 24px;
+ }
+}
+.cabinet__stats-subtitle {
+ font-size: 14px;
+ font-weight: 700;
+ color: #377d87;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-subtitle {
+ font-size: 18px;
+ }
+}
+.cabinet__stats-line {
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ height: 8px;
+ border-radius: 999px;
+ background: #CECECE;
+}
+.cabinet__stats-line span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #377d87;
+ border-radius: 999px;
+}
+.cabinet__stats-bottom {
+ color: #3a3b3c;
+ font-size: 12px;
+}
+@media (min-width: 768px) {
+ .cabinet__stats-bottom {
+ font-size: 16px;
+ }
+}
+.cabinet__works {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+}
+@media (min-width: 768px) {
+ .cabinet__works {
+ gap: 30px;
+ }
+}
+.cabinet__works-item {
+ -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+ padding: 10px;
+ border-radius: 4px;
+}
+@media (min-width: 768px) {
+ .cabinet__works-item {
+ padding: 20px;
+ border-radius: 8px;
+ }
+}
+.cabinet__works-spoiler {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.cabinet__works-spoiler-left {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: calc(100% - 22px);
+}
+.cabinet__works-spoiler-right {
+ width: 22px;
+ height: 22px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #377d87;
+ padding: 0;
+ background: none;
+ border: none;
+}
+.cabinet__works-spoiler-right svg {
+ width: 60%;
+ aspect-ratio: 1/1;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.cabinet__works-spoiler-buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ width: 60px;
+}
+@media (min-width: 768px) {
+ .cabinet__works-spoiler-buttons {
+ width: 74px;
+ }
+}
+.cabinet__works-spoiler-buttons .button {
+ width: 22px;
+ height: 22px;
+ padding: 0;
+}
+@media (min-width: 768px) {
+ .cabinet__works-spoiler-buttons .button {
+ width: 30px;
+ height: 30px;
+ }
+}
+.cabinet__works-spoiler-text {
+ width: calc(100% - 60px);
+ padding-left: 20px;
+ font-size: 17px;
+ font-weight: 700;
+ color: #3a3b3c;
+}
+@media (min-width: 768px) {
+ .cabinet__works-spoiler-text {
+ width: calc(100% - 74px);
+ font-size: 20px;
+ }
+}
+.cabinet__works-body {
+ opacity: 0;
+ height: 0;
+ overflow: hidden;
+}
+.active + .cabinet__works-body {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ opacity: 1;
+ height: auto;
+ padding-top: 20px;
+}
+.cabinet__works-add {
+ padding: 0;
+ width: 100%;
+ max-width: 160px;
+}
+@media (min-width: 768px) {
+ .cabinet__works-add {
+ max-width: 220px;
+ }
+}
+.cabinet__buttons {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 10px;
+}
+@media (min-width: 768px) {
+ .cabinet__buttons {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 20px;
+ }
+}
+.cabinet__buttons .button, .cabinet__buttons .file {
+ padding: 0;
+ width: 100%;
+ max-width: 140px;
+}
+@media (min-width: 768px) {
+ .cabinet__buttons .button, .cabinet__buttons .file {
+ max-width: none;
+ }
+}
+@media (min-width: 768px) {
+ .cabinet__buttons {
+ gap: 20px;
+ }
+}
+@media (min-width: 1280px) {
+ .cabinet__buttons {
+ max-width: 400px;
+ }
+}
+.cabinet__vacs {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ gap: 20px;
+}
+.cabinet__vacs-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ gap: 20px;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .cabinet__vacs-body {
+ gap: 30px;
+ }
+}
+.cabinet__vacs-item {
+ display: none;
+ background: #ffffff;
+ -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.cabinet__vacs.active .cabinet__vacs-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
\ No newline at end of file
diff --git a/public/js/script.js b/public/js/script.js
new file mode 100644
index 0000000..741575c
--- /dev/null
+++ b/public/js/script.js
@@ -0,0 +1,173 @@
+let scripts = function () {
+
+ $('.js-toggle').on('click', function () {
+ $(this).toggleClass('active');
+ });
+ $('.js-parent-toggle').on('click', function () {
+ $(this).parent().toggleClass('active');
+ });
+ $('.js-parent-remove').on('click', function () {
+ $(this).parent().remove();
+ });
+ $('.js-menu-toggle').on('click', function () {
+ window.scrollTo(0, 0);
+ $('#body').toggleClass('menu-is-actived');
+ });
+ $('.js-cookies-close').on('click', function () {
+ $('#body').removeClass('cookies-is-actived');
+ });
+ $('.js-works-edit').on('click', function () {
+ $(this).parent().parent().parent().addClass('active');
+ });
+ $('.js-works-remove').on('click', function () {
+ $(this).parent().parent().parent().parent().remove();
+ });
+
+ $('[data-tab]').on('click', function () {
+ $('[data-tab]').removeClass('active');
+ $('[data-body]').removeClass('showed');
+ $(this).addClass('active');
+ var id = $(this).data('tab');
+ $('[data-body=' + id + ']').addClass('showed');
+ });
+
+ $('.js-password-show').on('click', function () {
+ $(this).parent().addClass('active');
+ $(this).parent().parent().find('input').attr('type', 'text');
+ });
+
+ $('.js-password-hide').on('click', function () {
+ $(this).parent().removeClass('active');
+ $(this).parent().parent().find('input').attr('type', 'password');
+ });
+
+ let checkScrollTop = function () {
+ if ($(document).scrollTop() == 0) {
+ $('#body').removeClass('begin');
+ } else {
+ $('#body').addClass('begin');
+ }
+ }
+ checkScrollTop();
+ $(document).on('scroll', function () {
+ checkScrollTop();
+ });
+
+ let closeAll = function () {
+ $('.js-toggle').removeClass('active');
+ $('.js-parent-toggle').parent().removeClass('active');
+ $('#body').removeClass('menu-is-actived');
+ $('#body').removeClass('cookies-is-actived');
+ }
+
+ $(document).keyup(function (e) {
+ if (e.key === "Escape") {
+ closeAll();
+ }
+ });
+
+ $('.js-scroll-to').bind('click', function (e) {
+ let anchor = $(this);
+ $('html,body').stop().animate({
+ scrollTop: $(anchor.attr('href')).offset().top
+ }, 300);
+ e.preventDefault();
+ });
+
+ if ($('[type=tel]').is('[type=tel]')) {
+ $('[type=tel]').mask('+7 (999) 999-99-99');
+ }
+
+ if ($('.js-select2').is('.js-select2')) {
+ $('.js-select2').select2();
+ }
+
+ const starRating = document.querySelectorAll(".js-stars");
+ if (starRating.length) {
+ starRating.forEach(item => {
+ new StarRating(item);
+ });
+ }
+
+ // cookies
+ const cookieItems = document.querySelectorAll(".js-ck");
+ if (cookieItems.length) {
+ cookieItems.forEach(item => {
+ const id = item.dataset.id;
+ const like = item.querySelector(".like");
+ const checkLike = function () {
+ if (like.classList.contains("active")) {
+ Cookies.set('favor_vacan-'+id, id);
+ } else {
+ Cookies.remove(id);
+ }
+ }
+ like.addEventListener("click", () => {
+ checkLike();
+ });
+ if (Cookies.get('favor_vacan-'+id) == id) {
+ like.classList.add("active");
+ }
+ });
+ }
+ console.log(Cookies.get());
+
+};
+
+let swipers = function () {
+
+ if ($('.js-employer-swiper').is('.js-employer-swiper')) {
+ let slider = new Swiper('.js-employer-swiper', {
+ autoplay: {
+ delay: 5000,
+ },
+ pagination: {
+ el: '.swiper-pagination',
+ clickable: true
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ },
+ 992: {
+ slidesPerView: 3,
+ },
+ 1280: {
+ slidesPerView: 4,
+ },
+ }
+ });
+ }
+
+ if ($('.js-news-swiper').is('.js-news-swiper')) {
+ let slider = new Swiper('.js-news-swiper', {
+ spaceBetween: 20,
+ pagination: {
+ el: '.swiper-pagination',
+ clickable: true
+ },
+ navigation: {
+ prevEl: '.js-news-swiper-button-prev',
+ nextEl: '.js-news-swiper-button-next',
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ },
+ 992: {
+ slidesPerView: 3,
+ },
+ }
+ });
+ }
+
+};
+
+document.addEventListener("DOMContentLoaded", () => {
+ scripts();
+ swipers();
+});
+
+$(window).resize(function () {
+ swipers();
+});
diff --git a/public/js/script45.js b/public/js/script45.js
index 018c62d..2f823da 100644
--- a/public/js/script45.js
+++ b/public/js/script45.js
@@ -88,33 +88,16 @@ let scripts = function () {
new StarRating(item);
});
}
+};
- // cookies
- const cookieItems = document.querySelectorAll(".js-ck");
- if (cookieItems.length) {
- console.log('Work with cokomi');
- cookieItems.forEach(item => {
- let id = item.dataset.id;
- let like = item.querySelector(".like");
- let checkLike = function () {
- if (like.classList.contains("active")) {
- Cookies.set(id, id);
- } else {
- Cookies.remove(id);
- }
- }
- like.addEventListener("click", () => {
- checkLike();
- });
- if (Cookies.get(id) == id) {
- like.classList.add("active");
- }
- });
- }
- console.log(Cookies.get());
-
+document.addEventListener("DOMContentLoaded", () => {
+ scripts();
+ swipers();
+});
-};
+$(window).resize(function () {
+ swipers();
+});
let swipers = function () {
@@ -163,13 +146,33 @@ let swipers = function () {
});
}
+ // cookies
+ const cookieItems = document.querySelectorAll(".js-ck");
+ if (cookieItems.length) {
+ cookieItems.forEach(item => {
+ const id = item.dataset.id;
+ const like = item.querySelector(".like");
+ const checkLike = function () {
+ if (like.classList.contains("active")) {
+ Cookies.set('favor_vacan-'+id, id);
+ } else {
+ Cookies.remove(id);
+ }
+ }
+
+ like.addEventListener("click", () => {
+ checkLike();
+ });
+
+ if (Cookies.get('favor_vacan-'+id) == id) {
+ like.classList.add("active");
+ }
+ });
+ }
+ console.log(Cookies.get());
+
};
-document.addEventListener("DOMContentLoaded", () => {
- scripts();
- swipers();
-});
-$(window).resize(function () {
- swipers();
-});
+
+
diff --git a/resources/views/cookies.blade.php b/resources/views/cookies.blade.php
index c338271..65a5d07 100644
--- a/resources/views/cookies.blade.php
+++ b/resources/views/cookies.blade.php
@@ -1137,7 +1137,7 @@
-
+