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;
}
}.banner-img {
min-height: 550px;
max-height: 700px;
}
@media (min-width: 576px) {
.banner-img {
min-height: 450px;
}
}: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;
} .products-grid-swiper .card:hover {
background-color: #EC8538;
box-shadow: 0 0 50px 0 #EC8538;
}
.products-grid-swiper .card:hover h3 {
color: #fff;
}
@media (min-width: 1200px) {
.products-grid-swiper {
overflow: visible;
}
.products-grid-wrapper.row {
width: auto;
}
.products-grid-wrapper-slide.col-3 {
width: 25%;
}
}.card {
transition: background-color 0.1s, box-shadow 0.1s, border-color 0.1s;
}
.card h2, .card h3 {
hyphens: auto;
transition: color 0.1s;
}
.card svg path, .card svg rect {
transition: fill 0.1s;
}.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;
}
}.form-control::-moz-placeholder {
text-transform: uppercase;
}
.form-control::placeholder {
text-transform: uppercase;
}.case {
border: 3px solid transparent;
transition: border-color 0.1s, box-shadow 0.1s;
}
.case svg path, .case svg rect {
transition: fill 0.1s;
}
.case:hover {
box-shadow: 0 0 50px 0 #EC8538;
border-color: #EC8538;
}
.case:hover svg path {
fill: #fff;
}
.case:hover svg rect {
fill: #EC8538;
} .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;
}.address-map {
min-height: 300px;
filter: grayscale(1);
}.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;
}
}