@charset "UTF-8";
body:has(.header-menu:not(.d-none)) {
overflow: hidden;
}
.header .js-open-menu {
cursor: pointer;
}
.header-menu {
opacity: 0;
transform: translateY(-8px);
transition: opacity 0.24s ease, transform 0.24s ease;
pointer-events: none;
}
.header-menu.is-open {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.header-menu.no-children .js-header-menu-items {
width: 100%;
max-width: 100%;
}
.header-menu [data-child-item] {
opacity: 0;
transition: opacity 0.18s ease;
}
.header-menu [data-child-item].is-active {
opacity: 1;
}
.header-menu ::-webkit-scrollbar {
width: 4px;
}
.header-menu ::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 4px;
}
.header-menu ::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #EC8538;
}
.header-menu-children__title {
cursor: pointer;
color: #EC8538;
}
@media (min-width: 1200px) {
.header-menu-children__title {
cursor: unset;
color: #fff;
}
}
.header-menu-children__title-arrow {
transform: rotate(90deg);
}
.header-menu-subchild > img {
transition: transform 0.3s ease-in-out;
}
.header-menu-subchild:not(.collapsed) > img {
transform: rotate(180deg);
}
.header-menu__item-subchild {
border: 1px solid #333333;
transition: border-color 0.15s ease;
}
.header-menu__item-subchild:hover {
border: 1px solid #EC8538;
}
.header .item-hover > .nav-link {
border: 1px solid #333333;
background-color: #333333;
transition: border-color 0.15s ease, background-color 0.15s ease;
}
@media (min-width: 1200px) {
.header .item-hover > .nav-link {
border: 1px solid #121212;
background-color: #121212;
}
}
@media (min-width: 1200px) {
.header .item-hover.item-active > .nav-link {
border: 1px solid #EC8538;
}
}
.header .item-hover-arrow {
transform: rotate(-90deg);
}
.header .nav-link > .arrow-menu {
transition: transform 0.2s ease-in-out;
}
.header .nav-link.active-menu > .arrow-menu {
transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
.header-menu,
.header-menu [data-child-item] {
transition: none;
}
}

.simple-text__item *:last-child {
margin-bottom: 0;
}
.simple-text .collapse:not(.show) {
display: block;
height: 19.25rem;
overflow: hidden;
-webkit-background-clip: text;
background-clip: text;
}
@media (min-width: 1200px) {
.simple-text .collapse:not(.show) {
height: 16rem;
}
}
.simple-text button.collapsed:after {
content: "Подробнее";
}
.simple-text button:not(.collapsed):after {
content: "Скрыть";
}
.simple-text .collapsing {
height: 19.25rem;
}
@media (min-width: 1200px) {
.simple-text .collapsing {
height: 16rem;
}
}
.simple-text__item a {
color: #EC8538;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.simple-text__item a:hover, .simple-text__item a:focus {
color: #EC8538;
text-decoration: none;
}
.simple-text__item h2 {
position: relative;
margin: 2.5rem 0 1rem;
padding-left: 1.125rem;
font-family: "Montserrat Alternates", sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: #121212;
}
.simple-text__item h2::before {
content: "";
position: absolute;
left: 0;
top: 0.1em;
bottom: 0.1em;
width: 0.375rem;
border-radius: 0.375rem;
background-color: #EC8538;
}
.simple-text__item h2:first-child {
margin-top: 0;
}
@media (min-width: 1200px) {
.simple-text__item h2 {
font-size: 2rem;
}
}
.simple-text__item h3 {
margin: 1.75rem 0 0.75rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
color: #121212;
}
@media (min-width: 1200px) {
.simple-text__item h3 {
font-size: 1.375rem;
}
}
.simple-text__item p {
margin-bottom: 1rem;
}
.simple-text__item ul {
margin: 0 0 1.25rem;
padding-left: 0;
list-style: none;
}
.simple-text__item ul > li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
.simple-text__item ul > li::before {
content: "";
position: absolute;
left: 0.125rem;
top: 0.6em;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #EC8538;
}
.simple-text__item ol {
margin: 0 0 1.25rem;
padding-left: 1.5rem;
}
.simple-text__item ol > li {
margin-bottom: 0.5rem;
padding-left: 0.25rem;
}
.simple-text__item ol > li::marker {
color: #EC8538;
font-weight: 700;
}
.simple-text__item ul.uf-seo__check > li {
padding-left: 1.75rem;
}
.simple-text__item ul.uf-seo__check > li::before {
content: "✓";
width: auto;
height: auto;
left: 0;
top: 0;
border-radius: 0;
background: none;
color: #EC8538;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6;
}
.simple-text__item .uf-seo__scroll {
margin: 0 0 1.5rem;
padding-bottom: 0.25rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.simple-text__item .uf-seo__scroll::-webkit-scrollbar {
height: 6px;
}
.simple-text__item .uf-seo__scroll::-webkit-scrollbar-track {
background-color: #D8D8D8;
border-radius: 4px;
}
.simple-text__item .uf-seo__scroll::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #EC8538;
}
.simple-text__item table {
width: 100%;
min-width: 30rem;
margin: 0;
border-collapse: separate;
border-spacing: 0.5rem;
}
.simple-text__item table td,
.simple-text__item table th {
padding: 0.75rem 1rem;
border: 2px solid #121212;
border-radius: 1rem;
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
word-break: break-word;
hyphens: auto;
vertical-align: top;
}
.simple-text__item table thead td,
.simple-text__item table thead th {
border-color: #EC8538;
color: #EC8538;
}
@media (min-width: 1200px) {
.simple-text__item table {
border-spacing: 1rem;
}
.simple-text__item table td,
.simple-text__item table th {
padding: 1rem 1.25rem;
border-radius: 1.5rem;
font-size: 1.125rem;
}
}
.simple-text__item .uf-seo__scroll table {
min-width: 30rem;
}
.simple-text__item .uf-seo__note {
margin: 0 0 1.5rem;
padding: 1rem 1.25rem;
border-left: 0.375rem solid #EC8538;
border-radius: 0 1rem 1rem 0;
background-color: rgba(236, 133, 56, 0.2);
}
.simple-text__item .uf-seo__note p:last-child {
margin-bottom: 0;
}
.simple-text__item .uf-seo__tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0 0 1.5rem;
padding: 0;
list-style: none;
}
.simple-text__item .uf-seo__tags > li {
position: static;
margin: 0;
padding: 0;
}
.simple-text__item .uf-seo__tags > li::before, .simple-text__item .uf-seo__tags > li::after {
content: none !important;
display: none !important;
}
.simple-text__item .uf-seo__tag {
display: inline-block;
padding: 0.5rem 0.75rem;
border: 2px solid #EC8538;
border-radius: 0.75rem;
color: #EC8538;
font-size: 0.875rem;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.simple-text__item .uf-seo__tag:hover, .simple-text__item .uf-seo__tag:focus {
color: #fff;
background-color: #EC8538;
text-decoration: none;
}:root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
.swiper-slide,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
} .swiper-css-mode {
> .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {
display: none;
}
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
scroll-snap-type: x mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-slides-offset-before);
scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-inline-end: var(--swiper-slides-offset-after);
}
}
&.swiper-vertical {
> .swiper-wrapper {
scroll-snap-type: y mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-slides-offset-before);
scroll-margin-block-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-block-end: var(--swiper-slides-offset-after);
}
}
&.swiper-free-mode {
> .swiper-wrapper {
scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
}
}  .swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
.swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} :root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
&.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > &,
&.swiper-pagination-disabled {
display: none !important;
}
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
.swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
button& {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable & {
cursor: pointer;
}
&:only-child {
display: none !important;
}
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
.swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
&.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
.swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
}
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
&.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
.swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
}
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
.swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl & .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > &,
&.swiper-pagination-horizontal,
.swiper-vertical > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > &,
&.swiper-pagination-vertical,
.swiper-horizontal > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
}
.swiper-pagination-lock {
display: none;
} .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #EC8538;
}
.swiper-pagination-bullet {
background: rgba(236, 133, 56, 0.2);
opacity: 1;
}
.swiper-pagination {
display: flex;
}
.swiper-pagination-lock {
display: none;
}.services-swiper {
padding: 24px 12px;
margin: 0 -12px;
}
.services-swiper .card {
min-height: 104px;
}
.services-swiper .card:hover {
box-shadow: 0 0 20px 0 #EC8538;
border-color: #EC8538;
}
.services-swiper .card:hover h3 {
color: #EC8538;
}
@media (min-width: 1200px) {
.services-swiper {
padding: 20px;
margin: 0 -20px;
}
}.posts .card:hover {
box-shadow: 0 0 50px 0 #EC8538;
border-color: #EC8538;
}
.posts .card:hover h2 {
color: #EC8538;
}
.posts .card:hover svg path {
fill: #fff;
}
.posts .card:hover svg rect {
fill: #EC8538;
}.form-control::-moz-placeholder {
text-transform: uppercase;
}
.form-control::placeholder {
text-transform: uppercase;
}.modal .btn-close {
border-radius: 0.875rem;
background-size: 1rem;
}
.modal .btn-close-gray {
background-color: #F5F5F5;
}
.modal .modal-header {
gap: 0.5rem;
}
.modal::-webkit-scrollbar {
width: 4px;
}
.modal::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 4px;
}
.modal::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #EC8538;
}
.modal-backdrop {
backdrop-filter: blur(7px);
}@media (min-width: 992px) {
.footer-menu__list {
grid-template-columns: repeat(3, 1fr);
justify-items: end;
}
}