@import url("normalize.css");
/*!!!!!!!!!COLOR RULES!!!!!!!!!*/
:root {
  --primary-color: #ffffff; /* Основной цвет */
  --secondary-color: #fafafa; /* Вторичный цвет */
  --tertiary-color: rgb(248, 248, 248); /* 3 цвет */
  --quaternary-color: #ffe5bb; /* 4 цвет */
  --accent-color: #d60202; /* Акцентный цвет */
  --accent-color-2: #fcfcfb; /* Акцентный цвет */
  --border-color: rgba(81, 80, 77, 0.15);
  --font-main-color: #1d1d1b; /* Цвет текста */
  --font-alt-color: #80a5b1; /* Цвет текста */
  --font-accent-color: #5578a0;
  --font-four-color: #df8702;
  --button-color: #ffffff; /*Цвет кнопки */
  --button-hover-color: #000000;
  --dotnav-inactive: #80a5b1;
}

/*!!!!!!!!!UIKIT!!!!!!!!!*/
:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
}

.uk-visible-toggle {
  -webkit-tap-highlight-color: transparent;
}

.uk-slideshow {
  -webkit-tap-highlight-color: transparent;
}

.uk-slideshow-items {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  -webkit-touch-callout: none;
}

.uk-slideshow-items > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  will-change: transform, opacity;
  touch-action: pan-y;
}

.uk-slideshow-items > :focus {
  outline: 0;
}

.uk-slideshow-items > :not(.uk-active) {
  display: none;
}

.uk-slider {
  -webkit-tap-highlight-color: transparent;
}

.uk-slider-container {
  overflow: hidden;
}

.uk-slider-container-offset {
  margin: -11px -25px -39px -25px;
  padding: 11px 25px 39px 25px;
}

.uk-slider-items {
  will-change: transform;
  position: relative;
}

.uk-slider-items:not(.uk-grid) {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-touch-callout: none;
}

.uk-slider-items.uk-grid {
  flex-wrap: nowrap;
}

.uk-slider-items > * {
  flex: none;
  max-width: 100%;
  position: relative;
  touch-action: pan-y;
}

.uk-slider-items > :focus {
  outline: 0;
}

[class*="uk-child-width"] > * {
  box-sizing: border-box;
  width: 100%;
}

.uk-child-width-1-2 > * {
  width: 50%;
}

.uk-child-width-1-3 > * {
  width: calc(100% * 1 / 3.001);
}

.uk-child-width-1-4 > * {
  width: 25%;
}

.uk-child-width-1-5 > * {
  width: 20%;
}

.uk-child-width-1-6 > * {
  width: calc(100% * 1 / 6.001);
}

.uk-child-width-auto > * {
  width: auto;
}

.uk-child-width-expand > :not([class*="uk-width"]) {
  flex: 1;
  min-width: 1px;
}

@media (min-width: 640px) {
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }

  .uk-child-width-1-2\@s > * {
    width: 50%;
  }

  .uk-child-width-1-3\@s > * {
    width: calc(100% * 1 / 3.001);
  }

  .uk-child-width-1-4\@s > * {
    width: 25%;
  }

  .uk-child-width-1-5\@s > * {
    width: 20%;
  }

  .uk-child-width-1-6\@s > * {
    width: calc(100% * 1 / 6.001);
  }

  .uk-child-width-auto\@s > * {
    width: auto;
  }

  .uk-child-width-expand\@s > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}

@media (min-width: 960px) {
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }

  .uk-child-width-1-2\@m > * {
    width: 50%;
  }

  .uk-child-width-1-3\@m > * {
    width: calc(100% * 1 / 3.001);
  }

  .uk-child-width-1-4\@m > * {
    width: 25%;
  }

  .uk-child-width-1-5\@m > * {
    width: 20%;
  }

  .uk-child-width-1-6\@m > * {
    width: calc(100% * 1 / 6.001);
  }

  .uk-child-width-auto\@m > * {
    width: auto;
  }

  .uk-child-width-expand\@m > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}

@media (min-width: 1200px) {
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }

  .uk-child-width-1-2\@l > * {
    width: 50%;
  }

  .uk-child-width-1-3\@l > * {
    width: calc(100% * 1 / 3.001);
  }

  .uk-child-width-1-4\@l > * {
    width: 25%;
  }

  .uk-child-width-1-5\@l > * {
    width: 20%;
  }

  .uk-child-width-1-6\@l > * {
    width: calc(100% * 1 / 6.001);
  }

  .uk-child-width-auto\@l > * {
    width: auto;
  }

  .uk-child-width-expand\@l > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}

@media (min-width: 1600px) {
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }

  .uk-child-width-1-2\@xl > * {
    width: 50%;
  }

  .uk-child-width-1-3\@xl > * {
    width: calc(100% * 1 / 3.001);
  }

  .uk-child-width-1-4\@xl > * {
    width: 25%;
  }

  .uk-child-width-1-5\@xl > * {
    width: 20%;
  }

  .uk-child-width-1-6\@xl > * {
    width: calc(100% * 1 / 6.001);
  }

  .uk-child-width-auto\@xl > * {
    width: auto;
  }

  .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}

.uk-dotnav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -12px;
}

.uk-dotnav > * {
  flex: none;
  padding-left: 12px;
}

.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: 0 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 2px solid rgba(172, 173, 167, 1);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
  background-color: transparent;
}

.uk-dotnav > * > :focus,
.uk-dotnav > * > :hover {
  background-color: transparent;
  outline: 0;
  border-color: rgba(187, 67, 217, 1);
}

.uk-dotnav > * > :active {
  background-color: var(--secondary-color);
  border-color: var(--accent-color);
}

.uk-dotnav > .uk-active > * {
  background-color: #0597f2;
  border-color: #0597f2;
}

.uk-dotnav-vertical {
  flex-direction: column;
  margin-left: 0;
  margin-top: -12px;
}

.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}

.uk-accordion {
  padding: 0;
  list-style: none;
}

.uk-accordion > :nth-child(n + 2) {
  margin-top: 20px;
}

.uk-accordion-title {
  display: block;
  overflow: hidden;
  transition: 0.3s ease;
}
.uk-accordion-title h3 {
  transition: 0.3s ease;
}

.uk-accordion > .uk-open {
  background-color: rgba(5, 151, 242, 1);
  box-shadow: none;
  border-radius: 20px;
}
.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2015_8)'%3E%3Cpath d='M14 6H0V8H14V6Z' fill='white'/%3E%3Cpath d='M8 0H6V14H8V0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2015_8'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color:rgba(5, 151, 242, 1);
  border-radius: 500px;
  transition: 0.3s ease;
}

.uk-open > .uk-accordion-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0H0V2H14V0Z' fill='black'/%3E%3C/svg%3E ");;
  background-color: rgba(240, 244, 244, 1);
  border-radius: 500px;
  transition: 0.3s ease
}

.uk-accordion-title h3:hover {
  color: rgba(5, 151, 242, 1) !important;
  text-decoration: none;
  outline: 0;
}


.uk-open .uk-accordion-title h3 {
  transition: 0.3s ease;
  background: transparent;
  box-shadow: none;
  color: #ffffff !important;
  pointer-events: none;
}

.uk-accordion-content {
  display: flow-root;
  margin-top: 20px;
}

.uk-accordion-content > :last-child {
  margin-bottom: 0;
}

.uk-hidden,
[hidden] {
  display: none !important;
}

.uk-lightbox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  background: #000;
  opacity: 0;
  transition: opacity 0.15s linear;
  touch-action: pinch-zoom;
}

.uk-lightbox.uk-open {
  display: block;
  opacity: 1;
}

.uk-lightbox-page {
  overflow: hidden;
}

.uk-lightbox-items > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  will-change: transform, opacity;
}

.uk-lightbox-items > * > * {
  max-width: 100vw;
  max-height: 100vh;
}

.uk-lightbox-items > :focus {
  outline: 0;
}

.uk-lightbox-items > * > :not(iframe) {
  width: auto;
  height: auto;
}

.uk-lightbox-items > .uk-active {
  display: flex;
}

.uk-lightbox-toolbar {
  padding: 10px 10px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
}

.uk-lightbox-toolbar > * {
  color: rgba(255, 255, 255, 0.7);
}

.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: rgba(255, 255, 255, 0.7);
}

.uk-lightbox-toolbar-icon:hover {
  color: #fff;
}

.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.uk-lightbox-button:focus,
.uk-lightbox-button:hover {
  color: #fff;
}

.uk-lightbox-caption:empty {
  display: none;
}

.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}

.uk-timeline .uk-timeline-item .uk-card {
  max-height: 300px;
}

.uk-timeline .uk-timeline-item {
  display: flex;
  position: relative;
}

.uk-timeline .uk-timeline-item::before {
  background: #dadee4;
  content: "";
  height: 100%;
  left: 23px;
  position: absolute;
  top: 20px;
  width: 2px;
  z-index: -1;
}

.uk-timeline .uk-timeline-item .uk-timeline-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 0 1rem;
}

.uk-badge {
  box-sizing: border-box;
  min-width: 50px;
  height: 50px;
  padding: 0 5px;
  border-radius: 500px;
  border: 2px solid black;
  vertical-align: middle;
  background: var(--primary-color);
  color: #000000 !important;
  font-size: 11px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

.uk-badge:focus,
.uk-badge:hover {
  text-decoration: none;
  outline: 0;
}

.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}

.uk-switcher > :not(.uk-active) {
  display: none;
}

.uk-switcher > * > :last-child {
  margin-bottom: 0;
}

[class*="uk-animation-"] {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}

.uk-animation-scale-up {
  animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
  animation-name: uk-fade-scale-18;
}

.uk-animation-slide-top {
  animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
  animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
  animation-name: uk-fade-left;
}

.uk-animation-slide-right {
  animation-name: uk-fade-right;
}

.uk-animation-slide-top-small {
  animation-name: uk-fade-top-small;
}

.uk-animation-slide-bottom-small {
  animation-name: uk-fade-bottom-small;
}

.uk-animation-slide-left-small {
  animation-name: uk-fade-left-small;
}

.uk-animation-slide-right-small {
  animation-name: uk-fade-right-small;
}

.uk-animation-slide-top-medium {
  animation-name: uk-fade-top-medium;
}

.uk-animation-slide-bottom-medium {
  animation-name: uk-fade-bottom-medium;
}

.uk-animation-slide-left-medium {
  animation-name: uk-fade-left-medium;
}

.uk-animation-slide-right-medium {
  animation-name: uk-fade-right-medium;
}

.uk-animation-kenburns {
  animation-name: uk-scale-kenburns;
  animation-duration: 15s;
}

.uk-animation-shake {
  animation-name: uk-shake;
}

.uk-animation-stroke {
  animation-name: uk-stroke;
  stroke-dasharray: var(--uk-animation-stroke);
  animation-duration: 2s;
}

.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}

.uk-animation-fast {
  animation-duration: 0.1s;
}

.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
  animation-name: none;
}

.uk-animation-toggle {
  -webkit-tap-highlight-color: transparent;
}

.uk-animation-toggle:focus {
  outline: 0;
}

@keyframes uk-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes uk-scale-kenburns {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

@keyframes uk-shake {
  0%,
  100% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(-9px);
  }

  20% {
    transform: translateX(8px);
  }

  30% {
    transform: translateX(-7px);
  }

  40% {
    transform: translateX(6px);
  }

  50% {
    transform: translateX(-5px);
  }

  60% {
    transform: translateX(4px);
  }

  70% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(2px);
  }

  90% {
    transform: translateX(-1px);
  }
}

@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.uk-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
}

.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto;
}

.uk-offcanvas-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  background: #ffffff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
}

@media (min-width: 960px) {
  .uk-offcanvas-bar {
    left: -450px;
    width: 450px;
    padding: 0;
  }
}

.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}

@media (min-width: 960px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px;
  }
}

.uk-open > .uk-offcanvas-bar {
  left: 0;
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
  left: auto;
  right: 0;
}

.uk-offcanvas-bar-animation {
  transition: left 0.3s ease-out;
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right;
}

.uk-offcanvas-reveal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  transition: width 0.3s ease-out;
}

.uk-offcanvas-reveal .uk-offcanvas-bar {
  left: 0;
}

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
  left: auto;
  right: 0;
}

.uk-open > .uk-offcanvas-reveal {
  width: 270px;
}

@media (min-width: 960px) {
  .uk-open > .uk-offcanvas-reveal {
    width: 350px;
  }
}

.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto;
}

.uk-offcanvas-close {
  position: unset;
  z-index: 1000;
  top: 20px;
  right: 20px;
  padding: 5px;
}

.uk-offcanvas-close > svg line {
  stroke: black !important;
  stroke-width: 1.3;
}

.uk-offcanvas-overlay {
  width: 100vw;
  touch-action: none;
}

.uk-offcanvas-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.15s linear;
}

.uk-offcanvas-overlay.uk-open::before {
  opacity: 1;
}

.uk-offcanvas-container,
.uk-offcanvas-page {
  overflow-x: hidden;
}

.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left 0.3s ease-out;
  box-sizing: border-box;
  width: 100%;
}

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px;
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px;
}

@media (min-width: 960px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px;
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px;
  }
}

.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
  content: "/";
  display: inline-block;
  margin: 0 10px 0px calc(12px - 4px);
  font-size: 0.875rem;
  color: rgba(153, 153, 153, 1);
  font-weight: 700;
  font-style: italic;
}

.uk-modal-dialog {
  background: rgb(248, 248, 248);
  border-radius: 16px;
}

/*!!!!!!!!!!BUTTON RULES!!!!!!!!!!*/

.button {
  border-radius: 20px;
  padding: 1.5625rem 1.875rem;
  background-color: rgba(5, 151, 242, 1);
  transition: 0.3s ease;
  width: fit-content;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
  font-style: italic;
  box-shadow: 0px 4px 8.4px 0px rgba(0, 159, 227, 0.25);
  text-transform: uppercase;
}

.button-nav {
  transition: 0.3s ease;
  outline: none;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.button-alt {
  border-radius: 20px;
  padding: 1.5625rem 2.5rem;
  background-color: #ffffff;
  border: 1px solid rgba(5, 151, 242, 1);
  transition: 0.3s ease;
  width: fit-content;
  display: flex;
  align-items: center;
  color: rgba(5, 151, 242, 1);
  font-weight: 500;
  font-style: italic;
  box-shadow: 0px 4px 8.4px 0px rgba(0, 159, 227, 0.25);
  text-transform: uppercase;
}

.button-disabled {
  padding: 1rem 2.5rem;
  background-color: #f1f1f1;
  transition: 0.3s ease;
  border: 1px solid transparent;
  width: fit-content;
  display: flex;
  align-items: center;
}

.button-nav:hover {
  transition: 0.3s ease;
  opacity: 1;
}

.button-alt:hover,
.button:hover {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(4, 119, 191, 1);
  transition: 0.3s ease;
  text-decoration: none;
  box-shadow: 0px 4px 8.4px 0px rgba(92, 215, 242, 0.5);
}

/*.button-alt:hover {*/
/*    color: var(--button-hover-color);*/
/*    background-color: var(--primary-color);*/
/*    transition: 0.3s ease;*/
/*    box-shadow: 3px 4px 9.8px 0px rgba(0, 0, 0, 0.25);*/
/*    border: 1px solid var(--button-hover-color);*/
/*    text-decoration: none;*/
/*}*/

div.no-hover {
  pointer-events: none;
}

/*.button:focus-visible,*/
/*.button-nav:focus-visible,*/
/*.button-alt:focus-visible {*/
/*    color: var(--primary-color);*/
/*    background-color: var(--button-hover-color);*/
/*    transition: 0.3s ease;*/
/*    box-shadow: 3px 4px 9.8px 0px rgba(0, 72, 25, 0.25);*/
/*    border: 1px solid var(--button-focused-color);*/
/*}*/

/*.button:active,*/
/*.button-nav:active,*/
/*.button-alt:active {*/
/*    color: var(--primary-color);*/
/*    background-color: var(--button-pressed-color);*/
/*    box-shadow: 3px 4px 9.8px 0px rgba(0, 72, 25, 0.25);*/
/*    transition: 0.3s ease;*/
/*    border: 1px solid transparent;*/
/*}*/

.button-xl {
  font-size: 1.5rem;
  font-weight: 400;
  height: 4rem;
}

.button-l {
  font-size: 1.313rem;
  font-weight: 400;
  height: 3.5rem;
}

.button-m {
  font-size: 1.125rem;
  font-weight: 400;
  height: 3rem;
  letter-spacing: -1%;
}

.button-s {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -1%;
  text-align: center;
}

.button-xs {
  font-size: 0.75rem;
  height: 2rem;
}
.hover-blue,
.hover {
  transition: 0.3s ease;
}

.hover:hover {
  color: var(--button-hover-color);
  text-decoration: none;
}
.hover-blue {
  transition: 0.3s ease;
  color: rgba(5, 151, 242, 1);
}
/*!!!!!!!!!FONT RULES!!!!!!!!!*/
:root {
  font-size: 16px; /* 1rem = 16px для десктопа */
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
}

@media screen and (max-width: 1024px) {
  :root {
    font-size: 15px; /* 1rem = 14px для планшета */
  }
}

@media screen and (max-width: 768px) {
  :root {
    font-size: 14px; /* 1rem = 11px для мобильных устройств */
  }
}

.text-main {
  color: var(--font-main-color) !important;
}

.text-alt {
  color: var(--primary-color);
}

.text-alt-2 {
  color: var(--font-alt-color);
}

.text-alt-3 {
  color: var(--tertiary-color);
}

.text-accent {
  color: var(--font-accent-color);
}

.text-four {
  color: var(--font-four-color);
}

.text-five {
  color: #6c9abb;
}

.text-red {
  color: red;
}

.text-green {
  color: rgba(101, 169, 0, 1);
}

.text-dark-green {
  color: rgba(25, 64, 53, 1);
}

.text-five > a {
  color: #6c9abb;
  transition: 0.3s ease;
}

.text-five > a:hover {
  color: var(--button-hover-color);
  transition: 0.3s ease;
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

.road-radio {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.headline-0 {
  font-size: 6rem;
  font-weight: 800;
  line-height: 1.2;
}

.headline-1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline-2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline-3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline-4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline-5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline-6 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
}

.subtitle-1 {
  font-size: 1.125rem;
  font-weight: 600;
}

.subtitle-2 {
  font-size: 1rem;
  font-weight: 600;
}

.body-1 {
  font-size: 1.125rem;
  font-weight: 400;
}

.body-2 {
  font-size: 1rem;
  font-weight: 400;
}

.caption-1 {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.028rem;
}

.overline-1 {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.15rem;
}

.overline-2 {
  font-size: 0.75rem;
  font-weight: 400;
}

.small-text {
  font-size: 0.688rem;
  font-weight: 400;
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}

.font-900 {
  font-weight: 900;
}

.white-space-nw {
  white-space: nowrap;
}

/*!!!!!!!!!!POSITION RULES!!!!!!!!!!*/
.left0 {
  left: 0;
}

.left2 {
  left: 2%;
}

.left5 {
  left: 5%;
}

.left40 {
  left: 40%;
  transform: translatex(-50%);
}

.left50 {
  left: 50%;
  transform: translateX(-50%);
}

.right0 {
  right: 0;
}

.right2 {
  right: 2%;
}

.right5 {
  right: 5%;
}

.top0 {
  top: 0;
}

.top-8 {
  top: 0.5rem;
}

.left-8 {
  left: 0.5rem;
}

.left-10 {
  left: 15px;
}

.top50 {
  top: 50%;
  transform: translateY(-50%);
}

.bottom0 {
  bottom: 0;
}

.bottom10 {
  bottom: 0.625rem;
}

.bottom20 {
  bottom: 1.25rem;
}

.bottom30 {
  bottom: 1.875rem;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.line-height-08 {
  line-height: 0.8;
}

.t-decor-none {
  text-decoration: none;
}

/*!!!!!!!!!!WIDTH RULES!!!!!!!!!!*/

.width-fit-content {
  width: fit-content;
}

.h-150 {
  height: 9.375rem;
}

.w-150 {
  width: 9.375rem;
}

.width-100 {
  width: 100%;
}

.width-95 {
  width: 95%;
}

.width-90 {
  width: 90%;
}

.width-85 {
  width: 85%;
}

.width-80 {
  width: 80%;
}

.width-75 {
  width: 75%;
}

.width-70 {
  width: 70%;
}

.width-65 {
  width: 65%;
}

.width-60 {
  width: 60%;
}

.width-55 {
  width: 55%;
}

.width-50 {
  width: 50%;
}

.width-45 {
  width: 45%;
}

.width-40 {
  width: 40%;
}

.width-33 {
  width: 33%;
}

.width-35 {
  width: 35%;
}

.width-30 {
  width: 30%;
}

.width-25 {
  width: 25%;
}

.width-20 {
  width: 20%;
}

.width-16 {
  width: 16%;
}

.height-100 {
  height: 100%;
}

.height-fit-content {
  height: fit-content;
}

/*!!!!!!!!!!WRAPPER RULES!!!!!!!!!!*/
.container {
  max-width: calc(1600px + 5rem);
  padding: 0 2.5rem;
}

.container-alt {
  max-width: calc(1280px + 5rem);
  padding: 0 2.5rem;
}

/*!!!!!!!!!!MARGIN RULES!!!!!!!!!!*/
.margin-auto-top {
  margin: auto 0;
}

.margin-auto-sides {
  margin: 0 auto;
}

.margin-block {
  margin-top: 6.875rem;
}

.mt-0-p {
  margin-top: 0%;
}

.mt-5-p {
  margin-top: 5%;
}

.mt-10-p {
  margin-top: 10%;
}

.mt-15-p {
  margin-top: 15%;
}

.mt-20-p {
  margin-top: 20%;
}

.mt-25-p {
  margin-top: 25%;
}

.mt-30-p {
  margin-top: 30%;
}

.mt-35-p {
  margin-top: 35%;
}

.mt-40-p {
  margin-top: 40%;
}

.mt-45-p {
  margin-top: 45%;
}

.mt-50-p {
  margin-top: 50%;
}

.mt-55-p {
  margin-top: 55%;
}

.mt-60-p {
  margin-top: 60%;
}

.mt-65-p {
  margin-top: 65%;
}

.mt-70-p {
  margin-top: 70%;
}

.mt-75-p {
  margin-top: 75%;
}

.mt-80-p {
  margin-top: 80%;
}

.mt-85-p {
  margin-top: 85%;
}

.mt-90-p {
  margin-top: 90%;
}

.mt-95-p {
  margin-top: 95%;
}

.mt-100-p {
  margin-top: 100%;
}

.mb-0-p {
  margin-bottom: 0%;
}

.mb-5-p {
  margin-bottom: 5%;
}

.mb-10-p {
  margin-bottom: 10%;
}

.mb-15-p {
  margin-bottom: 15%;
}

.mb-20-p {
  margin-bottom: 20%;
}

.mb-25-p {
  margin-bottom: 25%;
}

.mb-30-p {
  margin-bottom: 30%;
}

.mb-35-p {
  margin-bottom: 35%;
}

.mb-40-p {
  margin-bottom: 40%;
}

.mb-45-p {
  margin-bottom: 45%;
}

.mb-50-p {
  margin-bottom: 50%;
}

.mb-55-p {
  margin-bottom: 55%;
}

.mb-60-p {
  margin-bottom: 60%;
}

.mb-65-p {
  margin-bottom: 65%;
}

.mb-70-p {
  margin-bottom: 70%;
}

.mb-75-p {
  margin-bottom: 75%;
}

.mb-80-p {
  margin-bottom: 80%;
}

.mb-85-p {
  margin-bottom: 85%;
}

.mb-90-p {
  margin-bottom: 90%;
}

.mb-95-p {
  margin-bottom: 95%;
}

.mb-100-p {
  margin-bottom: 100%;
}

.ml-0-p {
  margin-left: 0%;
}

.ml-5-p {
  margin-left: 5%;
}

.ml-10-p {
  margin-left: 10%;
}

.ml-15-p {
  margin-left: 15%;
}

.ml-20-p {
  margin-left: 20%;
}

.ml-25-p {
  margin-left: 25%;
}

.ml-30-p {
  margin-left: 30%;
}

.ml-35-p {
  margin-left: 35%;
}

.ml-40-p {
  margin-left: 40%;
}

.ml-45-p {
  margin-left: 45%;
}

.ml-50-p {
  margin-left: 50%;
}

.ml-55-p {
  margin-left: 55%;
}

.ml-60-p {
  margin-left: 60%;
}

.ml-65-p {
  margin-left: 65%;
}

.ml-70-p {
  margin-left: 70%;
}

.ml-75-p {
  margin-left: 75%;
}

.ml-80-p {
  margin-left: 80%;
}

.ml-85-p {
  margin-left: 85%;
}

.ml-90-p {
  margin-left: 90%;
}

.ml-95-p {
  margin-left: 95%;
}

.ml-100-p {
  margin-left: 100%;
}

.mr-0-p {
  margin-right: 0%;
}

.mr-5-p {
  margin-right: 5%;
}

.mr-10-p {
  margin-right: 10%;
}

.mr-15-p {
  margin-right: 15%;
}

.mr-20-p {
  margin-right: 20%;
}

.mr-25-p {
  margin-right: 25%;
}

.mr-30-p {
  margin-right: 30%;
}

.mr-35-p {
  margin-right: 35%;
}

.mr-40-p {
  margin-right: 40%;
}

.mr-45-p {
  margin-right: 45%;
}

.mr-50-p {
  margin-right: 50%;
}

.mr-55-p {
  margin-right: 55%;
}

.mr-60-p {
  margin-right: 60%;
}

.mr-65-p {
  margin-right: 65%;
}

.mr-70-p {
  margin-right: 70%;
}

.mr-75-p {
  margin-right: 75%;
}

.mr-80-p {
  margin-right: 80%;
}

.mr-85-p {
  margin-right: 85%;
}

.mr-90-p {
  margin-right: 90%;
}

.mr-95-p {
  margin-right: 95%;
}

.mr-100-p {
  margin-right: 100%;
}

.mt5 {
  margin-top: 0.313rem;
}

.mt10 {
  margin-top: 0.625rem;
}

.mt15 {
  margin-top: 0.938rem;
}

.mt20 {
  margin-top: 1.25rem;
}

.mt25 {
  margin-top: 1.563rem;
}

.mt30 {
  margin-top: 1.875rem;
}

.mt35 {
  margin-top: 2.188rem;
}

.mt40 {
  margin-top: 2.5rem;
}

.mt50 {
  margin-top: 3.125rem;
}

.mt60 {
  margin-top: 3.75rem;
}

.mt70 {
  margin-top: 4.375rem;
}

.mt80 {
  margin-top: 5rem;
}

.mt90 {
  margin-top: 5.625rem;
}

.mt120 {
  margin-top: 7.5rem;
}

.mt180 {
  margin-top: 11.25rem;
}

.mb5 {
  margin-bottom: 0.313rem;
}

.mb10 {
  margin-bottom: 0.625rem;
}

.mb15 {
  margin-bottom: 0.938rem;
}

.mb20 {
  margin-bottom: 1.25rem;
}

.mb25 {
  margin-bottom: 1.563rem;
}

.mb30 {
  margin-bottom: 1.875rem;
}

.mb40 {
  margin-bottom: 2.5rem;
}

.mb50 {
  margin-bottom: 3.125rem;
}

.mb60 {
  margin-bottom: 3.75rem;
}

.mb70 {
  margin-bottom: 4.375rem;
}

.mb80 {
  margin-bottom: 5rem;
}

.ml5 {
  margin-left: 0.313rem;
}

.ml10 {
  margin-left: 0.625rem;
}

.ml15 {
  margin-left: 0.938rem;
}

.ml20 {
  margin-left: 1.25rem;
}

.ml30 {
  margin-left: 1.875rem;
}

.ml40 {
  margin-left: 2.5rem;
}

.ml50 {
  margin-left: 3.125rem;
}

.ml60 {
  margin-left: 3.75rem;
}

.ml70 {
  margin-left: 4.375rem;
}

.ml80 {
  margin-left: 5rem;
}

.mr5 {
  margin-right: 0.313rem;
}

.mr10 {
  margin-right: 0.625rem;
}

.mr15 {
  margin-right: 0.938rem;
}

.mr20 {
  margin-right: 1.25rem;
}

.mr30 {
  margin-right: 1.875rem;
}

.mr40 {
  margin-right: 2.5rem;
}

.mr50 {
  margin-right: 3.125rem;
}

.mr60 {
  margin-right: 3.75rem;
}

.mr70 {
  margin-right: 4.375rem;
}

.mr80 {
  margin-right: 5rem;
}

/*!!!!!!!!!!PADDING RULES!!!!!!!!!!*/

.padding-min {
  padding: 1rem;
}

.padding-min-side {
  padding: 0 1rem;
}

.pr-5-p {
  padding-right: 5%;
}

.pr-10-p {
  padding-right: 10%;
}

.pr-15-p {
  padding-right: 15%;
}

.pr-20-p {
  padding-right: 20%;
}

.pr-25-p {
  padding-right: 25%;
}

.pr-30-p {
  padding-right: 30%;
}

.pr-35-p {
  padding-right: 35%;
}

.pr-40-p {
  padding-right: 40%;
}

.pr-45-p {
  padding-right: 45%;
}

.pr-50-p {
  padding-right: 50%;
}

.pr-55-p {
  padding-right: 55%;
}

.pr-60-p {
  padding-right: 60%;
}

.pr-65-p {
  padding-right: 65%;
}

.pr-70-p {
  padding-right: 70%;
}

.pr-75-p {
  padding-right: 75%;
}

.pr-80-p {
  padding-right: 80%;
}

.pr-85-p {
  padding-right: 85%;
}

.pr-90-p {
  padding-right: 90%;
}

.pr-95-p {
  padding-right: 95%;
}

.pr-100-p {
  padding-right: 100%;
}

.pl-5-p {
  padding-left: 5%;
}

.pl-10-p {
  padding-left: 10%;
}

.pl-15-p {
  padding-left: 15%;
}

.pl-20-p {
  padding-left: 20%;
}

.pl-25-p {
  padding-left: 25%;
}

.pl-30-p {
  padding-left: 30%;
}

.pl-35-p {
  padding-left: 35%;
}

.pl-40-p {
  padding-left: 40%;
}

.pl-45-p {
  padding-left: 45%;
}

.pl-50-p {
  padding-left: 50%;
}

.pl-55-p {
  padding-left: 55%;
}

.pl-60-p {
  padding-left: 60%;
}

.pl-65-p {
  padding-left: 65%;
}

.pl-70-p {
  padding-left: 70%;
}

.pl-75-p {
  padding-left: 75%;
}

.pl-80-p {
  padding-left: 80%;
}

.pl-85-p {
  padding-left: 85%;
}

.pl-90-p {
  padding-left: 90%;
}

.pl-95-p {
  padding-left: 95%;
}

.pl-100-p {
  padding-left: 100%;
}

.pb-5-p {
  padding-bottom: 5%;
}

.pb-10-p {
  padding-bottom: 10%;
}

.pb-15-p {
  padding-bottom: 15%;
}

.pb-20-p {
  padding-bottom: 20%;
}

.pb-25-p {
  padding-bottom: 25%;
}

.pb-30-p {
  padding-bottom: 30%;
}

.pb-35-p {
  padding-bottom: 35%;
}

.pb-40-p {
  padding-bottom: 40%;
}

.pb-45-p {
  padding-bottom: 45%;
}

.pb-50-p {
  padding-bottom: 50%;
}

.pb-55-p {
  padding-bottom: 55%;
}

.pb-60-p {
  padding-bottom: 60%;
}

.pb-65-p {
  padding-bottom: 65%;
}

.pb-70-p {
  padding-bottom: 70%;
}

.pb-75-p {
  padding-bottom: 75%;
}

.pb-80-p {
  padding-bottom: 80%;
}

.pb-85-p {
  padding-bottom: 85%;
}

.pb-90-p {
  padding-bottom: 90%;
}

.pb-95-p {
  padding-bottom: 95%;
}

.pb-100-p {
  padding-bottom: 100%;
}

.pt-5-p {
  padding-top: 5%;
}

.pt-10-p {
  padding-top: 10%;
}

.pt-15-p {
  padding-top: 15%;
}

.pt-20-p {
  padding-top: 20%;
}

.pt-25-p {
  padding-top: 25%;
}

.pt-30-p {
  padding-top: 30%;
}

.pt-35-p {
  padding-top: 35%;
}

.pt-40-p {
  padding-top: 40%;
}

.pt-45-p {
  padding-top: 45%;
}

.pt-50-p {
  padding-top: 50%;
}

.pt-55-p {
  padding-top: 55%;
}

.pt-60-p {
  padding-top: 60%;
}

.pt-65-p {
  padding-top: 65%;
}

.pt-70-p {
  padding-top: 70%;
}

.pt-75-p {
  padding-top: 75%;
}

.pt-80-p {
  padding-top: 80%;
}

.pt-85-p {
  padding-top: 85%;
}

.pt-90-p {
  padding-top: 90%;
}

.pt-95-p {
  padding-top: 95%;
}

.pt-100-p {
  padding-top: 100%;
}

.pt5 {
  padding-top: 0.313rem;
}

.pt10 {
  padding-top: 0.625rem;
}

.pt15 {
  padding-top: 0.938rem;
}

.pt20 {
  padding-top: 1.25rem;
}

.pt25 {
  padding-top: 1.563rem;
}

.pt30 {
  padding-top: 1.875rem;
}

.pt40 {
  padding-top: 2.5rem;
}

.pt45 {
  padding-top: 2.813rem;
}

.pt50 {
  padding-top: 3.125rem;
}

.pt60 {
  padding-top: 3.75rem;
}

.pt70 {
  padding-top: 4.375rem;
}

.pt80 {
  padding-top: 5rem;
}

.pt90 {
  padding-top: 5.625rem;
}

.pt90 {
  padding-top: 6.25rem;
}

.pt140 {
  padding-top: 8.75rem;
}

.pb4 {
  padding-bottom: 0.25rem;
}

.pb5 {
  padding-bottom: 0.313rem;
}

.pb10 {
  padding-bottom: 0.625rem;
}

.pb15 {
  padding-bottom: 0.938rem;
}

.pb20 {
  padding-bottom: 1.25rem;
}

.pb25 {
  padding-bottom: 1.563rem;
}

.pb30 {
  padding-bottom: 1.875rem;
}

.pb40 {
  padding-bottom: 2.5rem;
}

.pb45 {
  padding-bottom: 2.813rem;
}

.pb50 {
  padding-bottom: 3.125rem;
}

.pb60 {
  padding-bottom: 3.75rem;
}

.pb70 {
  padding-bottom: 4.375rem;
}

.pb80 {
  padding-bottom: 5rem;
}

.pb90 {
  padding-bottom: 5.625rem;
}

.pb110 {
  padding-bottom: 6.875rem;
}

.pb180 {
  padding-bottom: 12.25rem;
}

.pl5 {
  padding-left: 0.313rem;
}

.pl10 {
  padding-left: 0.625rem;
}

.pl15 {
  padding-left: 0.938rem;
}

.pl20 {
  padding-left: 1.25rem;
}

.pl25 {
  padding-left: 1.563rem;
}

.pl30 {
  padding-left: 1.875rem;
}

.pl40 {
  padding-left: 2.5rem;
}

.pl45 {
  padding-left: 2.813rem;
}

.pl50 {
  padding-left: 3.125rem;
}

.pl60 {
  padding-left: 3.75rem;
}

.pl70 {
  padding-left: 4.375rem;
}

.pl80 {
  padding-left: 5rem;
}

.pl90 {
  padding-left: 5.625rem;
}

.pl100 {
  padding-left: 6.25rem;
}

.pr5 {
  padding-right: 0.313rem;
}

.pr10 {
  padding-right: 0.625rem;
}

.pr15 {
  padding-right: 0.938rem;
}

.pr20 {
  padding-right: 1.25rem;
}

.pr25 {
  padding-right: 1.563rem;
}

.pr30 {
  padding-right: 1.875rem;
}

.pr40 {
  padding-right: 2.5rem;
}

.pr45 {
  padding-right: 2.813rem;
}

.pr50 {
  padding-right: 3.125rem;
}

.pr60 {
  padding-right: 3.75rem;
}

.pr70 {
  padding-right: 4.375rem;
}

.pr80 {
  padding-right: 5rem;
}

.pr90 {
  padding-right: 5.625rem;
}

.pr100 {
  padding-right: 6.25rem;
}

/*!!!!!!!!!!DISPLAY RULES!!!!!!!!!!*/
.display-none {
  display: none;
}

/*!!!!!!!!!!FLEX RULES!!!!!!!!!!*/

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column-reverse {
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-baseline {
  align-items: baseline;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-space-between {
  justify-content: space-between;
}

/*!!!!!!!!!!GRID RULES!!!!!!!!!!*/
.grid {
  display: grid;
}

.grid-inline {
  display: inline-grid;
}

.gtc-1 {
  grid-template-columns: 1fr;
  grid-row-gap: 2rem;
}

.gtc-2 {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 2rem;
  grid-column-gap: 1rem;
}

.gtc-2-advantage {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.gtc-2-gallery {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 1.25rem;
  grid-column-gap: 3.125rem;
}

.gtc-2-contacts {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}

.gtc-3 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 2rem;
  grid-column-gap: 1.5rem;
}

.gtc-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}

.gtc-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-row-gap: 2rem;
  grid-column-gap: 0.8rem;
}

/*!!!!!!!!!!OPACITY RULES!!!!!!!!!!*/
.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

/*!!!!!!!!!!BACKGROUND RULES!!!!!!!!!!*/
.main-color {
  background-color: var(--primary-color);
}

.secondary-color {
  background-color: var(--secondary-color);
}

.accent-color {
  background-color: var(--button-color);
}

.accent-color-2 {
  background-color: var(--accent-color-2);
}

.tertiary-color {
  background-color: var(--tertiary-color);
}

.quaternary-color {
  background-color: var(--quaternary-color);
}

.quinary-color {
  background-color: var(--font-main-color);
}

.fifth-color {
  background-color: rgba(239, 248, 255, 1);
}

.sixth-color {
  background-color: rgba(157, 217, 67, 1);
}

.seventh-color {
  background-color: #a6c3cc1a;
}

.eight-color {
  background-color: #f8f8f8;
}

.ninth-color {
  background-color: #d8eff7;
}

.tenth-color {
  background-color: rgba(255, 255, 255, 1);
}

.eleven-color {
  background-color: rgba(240, 244, 244, 1);
}

.cover-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*!!!!!!!!!!BOX-SHADOW RULES!!!!!!!!!!*/
.box-shadow {
  box-shadow: 0 10px 20px 0 rgba(41, 41, 42, 0.07);
}

/*!!!!!!!!!!OVERFLOW RULES!!!!!!!!!!*/
.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

/*!!!!!!!!!!IMAGES RULES!!!!!!!!!!*/
.service-image > a {
  display: flex;
  width: 100%;
}

.service-image picture {
  display: flex;
  width: 100%;
}

.img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-cover-picture picture {
  width: 100%;
  height: 100%;
}

.img-full {
  width: 100%;
  height: 100%;
  display: flex;
}

.img-contain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slick-list {
  display: flex;
  height: 100%;
}

.slick-track {
  display: flex;
  height: 100%;
}

.product-aspect {
  aspect-ratio: 335/363;
  overflow: hidden;
}

/*!!!!!!!!!!BORDER RULES!!!!!!!!!!*/
.bt-1 {
  border-top: 1px solid var(--border-color);
}

.btw-1 {
  border-top: 1px solid #ffffff;
}

.bt-dashed-1 {
  border-top: 1px dashed var(--border-color);
}

.border-1 {
  border: 1px solid var(--border-color);
}

.bb-1 {
  border-bottom: 1px solid var(--border-color);
}

.bbw-1 {
  border-bottom: 1px solid #ffffff;
}

.bb-2 {
  border-bottom: 2px solid var(--border-color);
}

.bb-1-alt {
  border-bottom: 1px solid rgba(116, 33, 28, 0.15);
}

.bb-1-alt-new {
  border-bottom: 1px solid rgba(242, 242, 242, 1);
}

.bb-dashed-1 {
  border-bottom: 1px dashed var(--border-color);
}

.bl-1 {
  border-left: 1px solid rgba(157, 217, 67, 1);
}

.br-1 {
  border-right: 1px solid var(--secondary-color);
}

.border-1-color {
  border: 1px solid var(--border-color);
}

.border-1-transparent {
  border: 1px solid transparent;
}

/*!!!!!!!!!!BORDER-RADIUS RULES!!!!!!!!!!*/
.border-rounded1 {
  border-radius: 6px;
}

.border-rounded2 {
  border-radius: 500px;
}

.border-rounded3 {
  border-radius: 16px;
}

.border-rounded4 {
  border-radius: 25px;
}

.border-rounded5 {
  border-radius: 50px;
}

.border-rounded6 {
  border-radius: 20px;
}

.border-rounded50 {
  border-radius: 50%;
}

/*!!!!!!!!!!MAX-WIDE RULES!!!!!!!!!!*/
.mw-739 {
  max-width: 46.188rem;
}

.mw-555 {
  max-width: 34.688rem;
}

.mw-512 {
  max-width: 32rem;
}

.mw-320 {
  max-width: 20rem;
}

.mw-200 {
  max-width: 12.5rem;
}

/*!!!!!!!!!!MIN-HEIGHT RULES!!!!!!!!!!*/

.min-height-64 {
  min-height: 3.75rem;
}

.min-height-167 {
  min-height: 10.438rem;
}

.min-height-580 {
  min-height: 36.25rem;
}

/*!!!!!!!!!!MAX-HEIGHT RULES!!!!!!!!!!*/
.mh-276 {
  max-height: 18.5rem;
}

.mh-412 {
  max-height: 25.75rem;
}

.mh-500 {
  max-height: 31.25rem;
}

.mh-550 {
  max-height: 34.375rem;
}

.mh-700 {
  max-height: 43.75rem;
}

/*!!!!!!!!!!LIST RULES!!!!!!!!!!*/
.list-style-square {
  list-style: square;
  color: var(--font-main-color);
}

.list li * {
  color: var(--font-main-color);
}

.numeric-list {
  list-style-type: decimal;
  list-style-position: outside;
  list-style-image: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: inherit;
  line-height: normal;
}

.numeric-list li * {
  color: var(--font-main-color);
}

/*!!!!!!!!!!GAP RULES!!!!!!!!!!*/
.gap-5 {
  gap: 0.313rem;
}

.gap-10 {
  gap: 0.625rem;
}

.gap-15 {
  gap: 0.938rem;
}

.gap-20 {
  gap: 1.25rem;
}

.gap-25 {
  gap: 1.563rem;
}

.gap-30 {
  gap: 1.875rem;
}

.gap-35 {
  gap: 2.188rem;
}

.gap-40 {
  gap: 2.5rem;
}

.gap-45 {
  gap: 2.813rem;
}

.gap-50 {
  gap: 3.125rem;
}

.gap-55 {
  gap: 3.438rem;
}

.gap-60 {
  gap: 3.75rem;
}

.gap-65 {
  gap: 4.063rem;
}

.gap-70 {
  gap: 4.375rem;
}

.gap-75 {
  gap: 4.688rem;
}

.gap-80 {
  gap: 5rem;
}

.gap-85 {
  gap: 5.313rem;
}

.gap-90 {
  gap: 5.625rem;
}

.gap-95 {
  gap: 5.938rem;
}

.gap-100 {
  gap: 6.25rem;
}

.gap-120 {
  gap: 7.5rem;
}

.gap-150 {
  gap: 9.375rem;
}

/*!!!!!!!!!!HEADER RULES!!!!!!!!!!*/

.header {
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 50;
  background-color: #ffffff;
}

.header-mobile {
  display: none;
}

.header-menu * {
  text-transform: uppercase;
}

.header-menu,
.header-menu > ul,
.header-menu > ul > li {
  display: flex;
  justify-content: center;
}

.header-menu > ul {
  gap: 5px;
}

.header-menu > ul > li > *:not(.dropdown-content) {
  color: #1d1d1b;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  padding: 0.625rem;
  transition: 0.3s ease;
}

.header-menu > ul > li:not(.uk-active) > a:hover,
.header-menu > ul > li:not(.uk-active) > span:hover {
  transition: 0.3s ease;
  color: rgba(5, 151, 242, 1);
  text-decoration: none;
}

.header-menu > ul > li.uk-active > * {
  border-radius: 0;
  color: #0477bf;
  border-bottom: 2px solid #0477bf;
}

.language-drop > li > * {
  color: rgb(152, 152, 154);
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  transition: 0.3s ease;
}

.language-drop li span {
  color: #000000;
  font-weight: 700;
}

.language-drop a:hover {
  color: #333333;
  text-decoration: none;
}

.header-address {
  color: rgb(51, 51, 51);
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
}

.header-address span {
  font-weight: 700;
}

.header-phone-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}
.header-phone-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.06px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.header-phone {
  font-family: Roboto;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 800;
  line-height: 23.44px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  transition: 0.3s ease;
  color: #1d1d1b;
}

.header-phone span {
  color: #1d1d1b;
  transition: 0.3s ease;
}

.header-phone:hover {
  color: #0597f2;
  transition: 0.3s ease;
  text-decoration: none;
}

.header-phone:hover span {
  color: #0597f2;
  transition: 0.3s ease;
  text-decoration: none;
}

.footer-social a svg > g > path {
  transition: 0.3s ease;
}

.d-none {
  display: none;
}
.header-bottom {
  background: rgba(246, 252, 233, 1);
}

.menu-items-parent {
  position: relative;
}

.dropdown-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  left: -13%;
  top: 100%;
  border-radius: 8px;
  background: #fff;
  width: fit-content;
  transition: 0.3s ease;
  transform: translatey(1rem);
}

.menu-items-parent:hover > .dropdown-content {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  transform: translatey(0);
}

.menu-items-parent:hover > span {
  transition: 0.3s ease;
  text-decoration: none;
  color: rgba(13, 13, 13, 1);
  background-color: rgba(157, 217, 67, 1);
}

.dropdown-content a {
  text-decoration: none;
  display: block;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  padding: 1.25rem 1.375rem;
  font-style: normal;
  white-space: nowrap;
  border-radius: 8px;
  transition: 0.3s ease;
}

.dropdown-content .uk-active span {
  text-decoration: none;
  display: block;
  color: rgba(96, 152, 24, 1);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  padding: 1.25rem 1.375rem;
  letter-spacing: 0px;
  font-style: normal;
  white-space: nowrap;
  border-radius: 0;
  background-color: rgba(246, 252, 233, 1);
}

.dropdown-content a:hover {
  background-color: rgba(246, 252, 233, 1);
  transition: 0.3s ease;
  color: rgba(157, 217, 67, 1);
}

.menu-items-parent > span svg {
  margin-left: 5px;
  transition: 0.3s ease;
}

.menu-items-parent > span svg path {
  transition: 0.3s;
}

.menu-items-parent:hover > span svg {
  transform: scale(1, -1);
}

/*!!!!!!!!!!SEO RULES!!!!!!!!!!*/
.seo-toggle {
  max-height: 100%;
}

/*!!!!!!!!!!SWITCHER RULES!!!!!!!!!!*/
.switcher-product a {
  text-decoration: none;
  font-family: RoadRadio;
  font-size: 14px;
  font-weight: 400;
  line-height: 14.13px;
  text-align: center;
  color: rgba(13, 13, 13, 1);
  outline: none;
  border: none;
  transition: 0.3s ease;
  width: 100%;
  text-align: center;
  display: flex;
}

.switcher-product > li {
  padding-bottom: 20px;
  border-bottom: 3px solid transparent;
  transition: 0.3s ease;
}

.switcher-product > li:not(.uk-active) > a:hover {
  transition: 0.3s ease;
  color: rgba(96, 152, 24, 1);
}

.switcher-product > .uk-active {
  border-bottom: 3px solid rgba(96, 152, 24, 1);
  transition: 0.3s ease;
}

.switcher-product > .uk-active > a {
  background-color: white;
  color: rgba(96, 152, 24, 1);
  text-decoration: none;
  box-shadow: none;
  transition: 0.3s ease;
}

/*!!!!!!!!!!FOOTER RULES!!!!!!!!!!*/

.footer {
  background: rgba(13, 13, 13, 1);
}

.footer-contacts-wrapper {
  border-bottom: 2px solid rgba(217, 217, 217, 0.25);
  padding-bottom: 10px;
}

.footer-menu-container li * {
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
  transition: 0.3s ease;
}

.footer-menu-container li a:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: #1d9ed9;
}

.footer-menu-container li.uk-active span {
  transition: 0.3s ease;
  text-decoration: none;
  color: #1d9ed9;
}

.footer-menu > li * {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: right;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #f5f5f5;
}

.footer-contacts > a span {
  color: rgba(224, 224, 224, 1);
  transition: 0.3s ease;
  text-decoration: none;
}

.footer-contacts > div span {
  color: rgba(224, 224, 224, 1);
}

.footer-contacts > a:hover {
  text-decoration: none;
}

.footer-contacts > a:hover span {
  color: #9dd943;
  transition: 0.3s ease;
  text-decoration: none;
}

.footer-social-wrapper a svg path,
.footer-social-wrapper a svg rect {
  transition: 0.3s ease;
}

.footer-social-wrapper a:hover svg path {
  transition: 0.3s ease;
  fill: #ffffff;
}

.footer-social-wrapper a:hover svg rect {
  transition: 0.3s ease;
  fill: #1d9ed9;
}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.footer-middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}

.footer-telegram {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d9d9d940;
}

.footer-telegram > div {
  margin: 10px 0;
  max-width: 347px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #fcfcfbb2;
}

.footer-telegram > a > span {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-left: 6px;
  color: #333333;
  transition: 0.3s ease;
}

.footer-telegram > a:hover > span {
  transition: 0.3s ease;
  color: #ffffff;
}

.pen {
  width: 100%;
  margin: 50px auto 0;
  opacity: 0;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-animation: 1s appear 1 forwards;
  -moz-animation: 1s appear 1 forwards;
  -o-animation: 1s appear 1 forwards;
  animation: 1s appear 1 forwards;
}

.credit {
  display: block;
  text-align: center;
  margin: 150px auto 0;
  padding: 0;
  font-size: 0.8em;
  color: #f0f0f0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
}

.credit p a,
.credit a {
  color: white;
  text-decoration: none;
  font-weight: 700;
}

.credit p a:hover,
.credit a:hover,
.credit p a:active,
.credit a:active {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
  color: white;
}

.credit p a.button,
.credit a.button {
  padding: 6px 12px;
  margin-top: 10px;
  background: #000000;
  border-radius: 3px;
}

.credit p a.button:hover,
.credit a.button:hover {
  background: #2b2b2b;
}

.credit p:last-of-type {
  margin-bottom: 30px;
}

.stage {
  width: 100%;
  height: 400px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.element {
  background: green;
  width: 202px;
  -webkit-transform-origin: 50% 50%;
  height: inherit;
  margin: 0 7px 0 0;
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.element.active {
  width: 282px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.element.inactive {
  width: 162px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0.4;
}

.element.franklin {
  background: url("http://www.eduardmayer.de/codepen-css-resources/images/gta/franklin.jpeg")
    45% 0 no-repeat;
  background-size: cover;
}

.element.michael {
  background: url("http://www.eduardmayer.de/codepen-css-resources/images/gta/michael.jpeg")
    45% 0 no-repeat;
  background-size: cover;
}

.element.trevor {
  background: url("http://www.eduardmayer.de/codepen-css-resources/images/gta/trevor.jpeg")
    45% 0 no-repeat;
  background-size: cover;
}

.element:last-of-type {
  margin: 0;
}

@media all and (min-width: 900px) {
  .element {
    width: 286px;
  }

  .element.inactive {
    width: 246px;
  }

  .element.active {
    width: 366px;
  }

  .stage {
    height: 600px;
  }
}

@media all and (max-width: 660px) {
  .element {
    width: 101px;
  }

  .element.inactive {
    width: 61px;
  }

  .element.active {
    width: 181px;
  }
}

@-webkit-keyframes appear {
  15% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes appear {
  15% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes appear {
  15% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes appear {
  15% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*!!!!RULES IN BODY!!!!*/
.seo-text h1 {
  font-weight: 700;
}

.seo-text h2 {
  font-weight: 700;
}

.seo-text h3 {
  font-weight: 700;
}

.seo-text h4 {
  font-weight: 700;
}

.seo-text h5 {
  font-weight: 700;
}

.seo-text h6 {
  font-weight: 700;
}

.seo-text p {
  font-size: 0.875rem;
  font-weight: 400;
}

.seo-text a {
  font-size: 0.875 remrem;
  font-weight: 400;
  color: var(--font-accent-color);
  transition: 0.3s ease;
  text-decoration: none;
}

.seo-text a:hover {
  text-decoration: none;
  color: var(--button-color);
  transition: 0.3s ease;
}

.seo-text ul {
  list-style: square;
  color: rgba(4, 119, 191, 1);
  margin-left: 0.938rem;
  font-size: 0.875rem;
}

.seo-text ul span {
  color: var(--font-main-color);
}

.seo-text ol {
  list-style: none;
  counter-reset: list;
  padding-left: 1.8rem;
}

.seo-text ol li {
  position: relative;
}

.seo-text ol li:not(:first-child) {
  margin-top: 10px;
}

.seo-text ol li::before {
  content: counter(list) "";
  counter-increment: list;
  position: absolute;
  top: 2px;
  left: -1.8rem;
  width: 1.25rem;
  height: 1.25rem;
  color: rgba(5, 151, 242, 1);
  text-align: center;
  background: transparent;
  border: 1px solid rgba(217, 217, 214, 1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 11.79px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding: 0;
}

.seo-text ol span {
  color: var(--font-main-color);
}

.seo-text ol a {
  color: rgb(191, 131, 96);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  text-decoration-line: underline;
  transition: 0.3s ease;
}

.seo-text ol a:hover {
  color: var(--font-alt-color);
  text-decoration-line: underline;
  transition: 0.3s ease;
}

.seo-text > *:not(:first-child) {
  margin-top: 10px;
}

.seo-text blockquote {
  font-size: 32px;
  font-weight: 700;
  line-height: 36.77px;
  text-align: left;
  color: rgba(5, 151, 242, 1);
  padding: 3rem 3rem;
  border-top: 1px solid #51504d26;
  border-bottom: 1px solid #51504d26;
  position: relative;
  margin: 1.563rem 0 !important;
}

.seo-text blockquote span {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.09px;
  text-align: left;
  color: #333333;
  display: block;
  margin-top: 1.563rem;
}

.seo-text blockquote:after {
  position: absolute;
  content: '"';
  top: 2rem;
  left: 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 73.54px;
  text-align: left;
  color: rgba(5, 151, 242, 1);
}

.seo-text table {
  width: 100%;
}

.seo-text tbody > tr:nth-child(even) {
  background-color: #a6c3cc26;
}

.seo-text tbody > tr:nth-child(even) td {
  color: rgb(108, 154, 187);
}

.seo-text th {
  font-size: 20px;
  text-align: start;
}

.seo-text td {
  font-size: 18px;
}

.slick-slider-related .slick-slide img {
  border-radius: 16px;
  border: 4px solid transparent;
}

.slick-slider-related .slick-slide {
  opacity: 0.5;
}

.slick-slider-related .slick-current {
  opacity: 1;
}

.slick-slider-related .slick-current img {
  border: 3px solid rgba(5, 151, 242, 1);
  border-radius: 12px;
}

.slick-slider-related {
  padding: 0 45px;
}

.category-card {
  transition: 0.3s ease;
  border-radius: 20px;
}

.category-card:hover {
  transition: 0.3s ease;
  box-shadow: 5px 2px 8px 0px rgba(108, 108, 108, 0.1);
}

a.category-card {
  text-decoration: none;
}

.category-card-wrapper {
  padding-bottom: 10px !important;
}

/*.category-card-wrapper:hover .category-card {*/
/*    filter: grayscale(1);*/
/*}*/

.category-card-wrapper .category-card:hover {
  transition: 0.3s ease;
}

.see-all:hover {
  border-radius: 8px;
  background: var(--button-hover-color);
}

.category-menu li > * {
  border: 1px solid rgba(166, 195, 204, 0.15);
  border-radius: 8px;
  background-color: transparent;
  color: rgb(51, 51, 51);
  font-weight: 500;
  line-height: 16px;
  transition: 0.3s ease;
  padding: 1rem 2.5rem;
  font-size: 0.875rem;
  letter-spacing: -1%;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin: 0 20px;
}

.category-menu li > a:hover {
  transition: 0.3s ease;
  color: rgb(51, 51, 51);
  background-color: var(--button-color);
  text-decoration: none;
}

.category-menu li > span {
  color: rgb(108, 154, 187);
  background: rgba(166, 195, 204, 0.15);
  pointer-events: none;
}

.service-wrapper > .service-card:not(:first-child) {
  margin-top: 3.75rem;
}

.service-wrapper > .service-card:nth-child(even) {
  flex-direction: row-reverse;
}

.box-field input[type="text"],
form input[type="text"] {
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  padding: 0.938rem 1.5rem;
  width: 100%;
  transition: 0.3s ease;
  height: 52px;
}

.box-field textarea {
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  padding: 0.938rem 1.5rem;
  width: 100%;
  resize: none;
}

.box-field input[type="text"]:focus,
form input[type="text"]:focus {
  box-sizing: border-box;
  border: 1px solid rgba(5, 151, 242, 1) !important;
  background-color: #fff;
  transition: 0.3s ease;
}

.uk-textarea,
.box-field textarea,
form textarea {
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  padding: 0.938rem 1.5rem;
  width: 100%;
  resize: none;
}

.box-form-field:focus-within label:not(.uk-display-inline-block) {
  color: rgba(5, 151, 242, 1);
  transition: color 0.3s ease;
}

.search-page form input[type="search"] {
  box-sizing: border-box;
  border: 1px solid rgba(189, 189, 189, 0.35);
  border-radius: 16px;
  background: rgb(248, 248, 248);
  padding: 0.938rem 1.5rem;
  width: 100%;
  resize: none;
}

.search-page form input[type="search"]:focus {
  box-sizing: border-box;
  border: 1px solid rgba(157, 217, 67, 1);
  background-color: #fff;
}

.box-field textarea:focus {
  box-sizing: border-box;
  border: 1px solid var(--button-hover-color);
  background-color: #fff;
}

.box-field label,
form label {
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  font-style: italic;
  padding-left: 1.25rem;
}

.form-field-required-mark {
  color: red;
}

.pagination-load-more > a {
  box-sizing: border-box;
  border: 1px solid rgb(189, 216, 225);
  border-radius: 8px;
  background-color: transparent;
  transition: 0.3s ease;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}

.pagination-load-more > a svg {
  margin-left: 5px;
}

.pagination-load-more > a svg path {
  transition: 0.3s ease;
}

.pagination-load-more > a:hover svg path {
  transition: 0.3s ease;
  fill: var(--primary-color);
}

.pagination > li:not(.pagination_arrow) > a {
  color: rgb(88, 88, 88);
  font-size: 1rem;
  line-height: 14.67px;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 5px;
  transition: 0.3s ease;
  font-style: italic;
  font-weight: 600;
}

.pagination > li:not(.pagination_arrow, .uk-active) > a:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: rgba(5, 151, 242, 1);
}

.pagination > li.uk-active > a {
  background-color: rgba(5, 151, 242, 1);
  color: rgba(255, 255, 255, 1);
}

.pagination > li.uk-active > a:hover {
  background-color: rgba(5, 151, 242, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.custom-checkbox-wrapper input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.custom-checkbox {
  display: inline-block;
  min-width: 16px;
  height: 16px;
  background-color: transparent;
  border-radius: 3px;
  transition: background-color 0.2s;
  position: relative;
  border: 1px solid var(--font-main-color);
  margin-right: 12px;
}

.custom-checkbox:hover {
  background-color: #ddd;
}

.custom-checkbox-wrapper input:checked + .custom-checkbox {
  background-color: rgba(5, 151, 242, 1);
}

/* Галочка при установленном чекбоксе */
.custom-checkbox::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}

/* Показываем галочку, когда чекбокс отмечен */
.custom-checkbox-wrapper input:checked + .custom-checkbox::after {
  display: block;
}

.custom-checkbox-wrapper label {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex !important;
  width: 100%;

  align-items: center;
}

.map {
  display: flex;
  width: 100%;
  height: 27.938rem;
}

.p-0 {
  padding: 0;
}

.contacts-address {
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  transition: 0.3s ease;
  display: flex;
}

a:hover .contacts-address {
  color: rgba(5, 151, 242, 1);
}

.product-specifications {
  display: flex;
  width: 100%;
}

.product-specifications tbody > tr:nth-child(even) {
  background-color: rgba(246, 252, 233, 1);
}

.product-specifications tbody > tr:nth-child(even) td {
  color: rgba(25, 64, 53, 1);
}

.uk-modal-close-default > svg {
  width: 20px;
  height: 20px;
}

.uk-alert-warning {
  color: rgb(0, 0, 0);
  background: rgba(224, 224, 224, 0.4);
}

.param-option {
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  padding-right: 10px;
  margin-top: 2px;
}

.category-filter-param {
  background-color: transparent;
  padding: 10px 15px;
  transition: 0.3s ease;
  border-bottom: none;
}

.category-filter-param a {
  color: rgba(29, 29, 27, 1) !important;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 10px 0 10px 30px;
}

.param-option span {
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: 400;
}

.filter-param-title {
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  transition: 0.3s ease;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 11.85px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.filter-param-title.expand {
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 11.85px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
  transition: 0.3s ease;
  padding-bottom: 10px;
}

.category-filter-param a:before {
  left: 7px !important;
  top: 8px !important;
  border: 1px solid rgb(51, 51, 51) !important;
  border-radius: 3px !important;
  height: 16px !important;
  width: 16px !important;
}

.category-filter-param:not(:last-child) {
  border-bottom: none !important;
}

.filter-param-items-inside > .active a {
  color: rgba(29, 29, 27, 1) !important;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

.category-filter-param.param-range .filter-param-title {
  color: rgba(29, 29, 27, 1);
  letter-spacing: 0%;
  text-align: left;
  padding-bottom: 10px;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 11.85px;

  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.range-button {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 10px 0px 10px;
  color: #000000;
  text-align: left;
  height: 100%;
  transition: 0.3s ease;
  min-width: 58px;
  box-shadow: 0px 4px 4px 0px rgba(25, 64, 53, 0.25);
  background: rgba(157, 217, 67, 1);
  font-family: RoadRadio;
  font-size: 16px;
  font-weight: 400;
  line-height: 16.14px;
  letter-spacing: -0.01em;
}

.range-button:hover {
  color: rgba(157, 217, 67, 1);
  background: #000000;
  transition: 0.3s ease;
  border: 1px solid #000000;
}

.param-option.active {
  background: rgba(255, 255, 255, 1);
}

.filter-param-items-inside > .active a:before {
  border: 1px solid transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%230597F2'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%230597F2'/%3E%3Cpath d='M10.5202 6.14645C10.7155 6.34171 10.7155 6.65829 10.5202 6.85355L7.18689 10.1869C6.99162 10.3821 6.67504 10.3821 6.47978 10.1869L5.14645 8.85355C4.95118 8.65829 4.95118 8.34171 5.14645 8.14645C5.34171 7.95118 5.65829 7.95118 5.85355 8.14645L6.83333 9.12623L9.81311 6.14645C10.0084 5.95118 10.325 5.95118 10.5202 6.14645Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
}

.selected-reset {
  top: -15px;
  left: 0;
  color: rgba(5, 151, 242, 1) !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  transition: 0.3s ease;
  border-bottom: 1px solid rgba(5, 151, 242, 1);
}

.selected-reset svg path {
  transition: 0.3s ease;
}

.selected-reset:hover {
  color: red !important;
  transition: 0.3s ease;
  text-decoration: none;
  border-color: red;
}

.selected-reset:hover svg path {
  transition: 0.3s ease;
  fill: red;
  stroke: red;
}

.catalog-filter-title {
  color: rgb(51, 51, 51) !important;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
}

.catalog-selected-items a {
  box-sizing: border-box !important;
  border: 1px solid rgba(166, 195, 204, 0.15) !important;
  border-radius: 8px !important;
  background: rgba(249, 248, 247, 1) !important;
  padding: 6px 12px 6px 12px !important;
  color: rgba(45, 41, 38, 1) !important;
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin: 0 !important;
}

.catalog-selected-items a:before {
  display: none !important;
}

.catalog-selected-items {
  margin: 16px 0 40px 0 !important;
  gap: 8px;
}

#category-filter-selected-params {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.dropdown-button > svg {
  transition: 0.3s ease;
}

.dropdown-button[aria-expanded="true"] > svg {
  transition: 0.3s ease;
  transform: scale(1, -1);
}

.custom-dropdown > div a {
  color: rgb(51, 51, 51);
  font-size: 1rem;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  transition: 0.3s ease;
}

.custom-dropdown > div a:hover {
  color: var(--button-hover-color);
  transition: 0.3s ease;
}

.filter-param-range label {
  border-radius: 15px;
  background: #ffffff;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  padding: 5px 6px 5px 6px;
  height: unset !important;
  display: flex;
  align-items: center;
  border: 1px solid rgba(215, 215, 215, 1);
  font-style: italic;
}

.filter-param-range input {
  background: transparent;
  outline: none;
  border: none;
  font-weight: 600;
}

.filter-param-range span {
  border-right: 1px solid rgba(201, 216, 171, 1);
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.09px;
  text-align: left;
}

.filter-param-range input:focus {
  background: transparent;
}

.product-marks > div {
  border-radius: 12px;
  padding: 0.625rem 0.6875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  font-style: italic;
  width: fit-content;
  line-height: 15.23px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.product-marks > .product-mark-new {
  background-color: rgba(255, 204, 0, 1);
  color: var(--font-main-color);
}

.product-marks > .product-mark-hit {
  background-color: rgba(92, 215, 242, 1);
  color: rgba(29, 29, 27, 1);
}

.product-marks > .product-mark-recommended {
  background-color: rgba(0, 122, 255, 1);
  color: white;
}

.product-marks > .product-discount-percent {
  background-color: rgba(205, 0, 21, 1);
  color: white;
}

.banner-link > picture {
  width: 100%;
  display: flex;
}

#app-eShop {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main-wrapper {
  flex: 1;
}

.margin-right-side {
  margin-left: auto;
}

.box-field input[type="password"],
form input[type="password"] {
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  padding: 0.938rem 1.5rem;
  width: 100%;
  transition: 0.3s ease;
  height: 52px;
}

/*#box-user-login-form-login-email input,*/
/*#box-user-login-form-login-password input {*/
/*    box-sizing: border-box;*/
/*    border: 1px solid rgba(189, 216, 225, 0.35);*/
/*    border-radius: 8px;*/
/*    background: rgb(248, 248, 248);*/
/*    padding: 0.938rem 1.5rem;*/
/*    width: 100%;*/
/*}*/

#message-ajax-modal .uk-modal-body {
  padding: 50px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  background-color: #ffffff;
}

#message-ajax-modal h2 {
  text-align: center;
}

#message-ajax-modal p {
  text-align: center;
}

#message-ajax-modal button {
  width: 100%;
  position: unset !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#message-ajax-modal button svg {
  display: none;
}

.link-hover {
  transition: 0.3s ease;
}

.link-hover:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: rgba(5, 151, 242, 1);
  opacity: 0.7;
}

.header-lang > .uk-dropdown {
  min-width: 40px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  padding: 10px 15px;
}

.header-lang > button > svg {
  transition: 0.3s ease;
}

.header-lang > button {
  transition: 0.3s ease;
}

.header-lang > button > svg path {
  transition: 0.3s ease;
}

.header-lang > button[aria-expanded="true"] svg {
  transform: scale(1, -1);
}

.header-lang .uk-button-link:hover {
  color: #0597f2;
  transition: 0.3s ease;
}

.header-lang > button:hover > svg path {
  transition: 0.3s ease;
  stroke: #0597f2;
}

.header-lang > button[aria-expanded="true"] {
  color: #0597f2;
  transition: 0.3s ease;
}

.header-lang > button[aria-expanded="true"] svg path {
  stroke: #0597f2;
  transition: 0.3s ease;
}

.header-lang ul li a {
  color: rgba(13, 13, 13, 1);
  transition: 0.3s ease;
}

.header-lang ul li a:hover {
  color: #0597f2;
  transition: 0.3s ease;
}

.basket-box-count {
  position: absolute;
  border-radius: 13px;
  background: #0597f2;
  width: 13px;
  height: 13px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  top: -1px;
  right: -7px;
}

.uk-search {
  position: unset !important;
  border-bottom: 1px solid rgba(96, 152, 24, 1);
}

.uk-search-navbar .uk-search-input {
  color: rgb(100, 100, 100);
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 3%;
  text-align: left;
  height: 30px;
}

.uk-search-input::placeholder {
  color: rgba(96, 152, 24, 1);
  font-family: RoadRadio;
}

.search-input {
  display: flex;
  align-items: center;
}

.search-results-items {
  display: flex;
  flex-direction: column;
  background-color: white;
  left: 50%;
  width: 60%;
  transform: translateX(-50%);
  padding: 20px;
  top: 130px;
  border-radius: 8px;
  z-index: 101;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}

.mini-product-teaser {
  padding: 10px 8px;
  overflow: hidden;
  border-radius: 5px;
  background: rgb(255, 255, 255);
  transition: 0.3s ease;
  width: 100%;
  justify-content: space-between;
}

.search-teaser-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--font-main-color);
  transition: 0.3s ease;
  white-space: nowrap;
}

.mini-product-teaser:hover {
  box-shadow: 0px 1px 8px 0px rgba(108, 108, 108, 0.08);
  transition: 0.3s ease;
  border-radius: 5px;
  text-decoration: none;
}

.mini-product-teaser:hover .search-teaser-title {
  color: rgba(157, 217, 67, 1);
}

.search-more {
  font-size: 18px;
  font-weight: 600;
  line-height: 17.76px;
  text-align: left;
  color: #000000;
  transition: 0.3s ease;
  font-family: RoadRadio;
}

.search-more:hover {
  color: rgba(157, 217, 67, 1);
  text-decoration: none;
  transition: 0.3s ease;
  opacity: 0.7;
}

.quantity-input {
  background: transparent;
  color: var(--font-main-color);
  outline: none;
  border: none;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 34px;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.add-disabled {
  opacity: 0.5;
}

.add-visible {
  opacity: 1;
}

#modal-basket-contents .uk-modal-dialog {
  background-color: white;
  width: 50%;
}

#modal-basket-contents .basket-products-list {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow-y: auto;
  gap: 4px;
}

.prod-delivery-card > .flex.flex-column:not(:first-child) {
  margin-top: 25px;
}

.prod-delivery-card > .flex.flex-column:nth-of-type(2) {
  padding: 25px 0;
  border-top: 1px solid rgba(217, 217, 217, 1);
  border-bottom: 1px solid rgba(217, 217, 217, 1);
}

body
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0.438rem 1.5rem;
  color: #080706;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  height: 40px;
}

body .select2-container--default .select2-selection--single {
  border-radius: 8px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid rgba(189, 189, 189, 0.35);
  background: rgb(248, 248, 248);

  width: 100%;
}

.select2-container *:focus {
  outline: none !important;
}

body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 9px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_119_1731)'%3E%3Cpath d='M0.5 1L4.5 5L8.5 1' stroke='%23080706' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_1731'%3E%3Crect width='9' height='5' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}

.select2-results__option {
  background: rgb(248, 248, 248);
  border: 1px solid rgba(189, 189, 189, 0.35);
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: var(--font-main-color) !important;
}

.radio-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.radio-wrapper label {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  font-family: Roboto;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 11.85px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--font-main-color);
}

.radio-wrapper input {
  display: none;
}

.radio-wrapper .box {
  margin-right: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.radio-wrapper label.active .box:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.radio-wrapper label.active .box:before {
  background-color: rgba(5, 151, 242, 1);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%230597F2'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%230597F2'/%3E%3Cpath d='M10.5202 6.14645C10.7155 6.34171 10.7155 6.65829 10.5202 6.85355L7.18689 10.1869C6.99162 10.3821 6.67504 10.3821 6.47978 10.1869L5.14645 8.85355C4.95118 8.65829 4.95118 8.34171 5.14645 8.14645C5.34171 7.95118 5.65829 7.95118 5.85355 8.14645L6.83333 9.12623L9.81311 6.14645C10.0084 5.95118 10.325 5.95118 10.5202 6.14645Z' fill='white'/%3E%3C/svg%3E%0A");
}

.uk-alert-primary {
  background: rgb(248, 248, 248);
  color: var(--font-main-color);
}

.call_me_wrapper label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  width: fit-content;
  color: #080706;
}

.call_me_wrapper input {
  display: none;
}

.call_me_wrapper .box {
  margin-right: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

#checkout .call_me_wrapper label.active .box {
  border-color: var(--font-main-color);
}

.call_me_wrapper label.active .box:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.call_me_wrapper label.active .box:before {
  background-color: rgba(5, 151, 242, 1);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='3' fill='%230597F2'/%3E%3Cpath d='M10.5202 6.14645C10.7155 6.34171 10.7155 6.65829 10.5202 6.85355L7.18689 10.1869C6.99162 10.3821 6.67504 10.3821 6.47978 10.1869L5.14645 8.85355C4.95118 8.65829 4.95118 8.34171 5.14645 8.14645C5.34171 7.95118 5.65829 7.95118 5.85355 8.14645L6.83333 9.12623L9.81311 6.14645C10.0084 5.95118 10.325 5.95118 10.5202 6.14645Z' fill='white'/%3E%3C/svg%3E%0A");
}

.brand-hover a {
  color: var(--font-main-color);
  transition: 0.3s ease;
  font-weight: 600;
}

.brand-hover a:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: inherit;
  opacity: 0.4;
}

.footer-copyright {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: right;
  color: #f5f5f5;
  opacity: 0.5;
}

.oleus {
  color: rgba(252, 252, 251, 1);
  font-size: 11px;
  font-weight: 400;
  line-height: 170%;
  text-align: left;
}

.oleus > span {
  color: rgba(252, 252, 251, 1);
  transition: 0.3s ease;
  opacity: 0.5;
}

.oleus:hover {
  text-decoration: none;
}

.oleus:hover span {
  color: #1d9ed9;
  transition: 0.3s ease;
  opacity: 1;
}

.footer-bottom a {
  transition: 0.3s ease;
}

.footer-bottom a:hover {
  color: #1d9ed9;
  transition: 0.3s ease;
  opacity: 1;
  text-decoration: none;
}

.category-menu-title {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.5px;
  text-align: center;
  color: rgba(13, 13, 13, 1);
  transition: 0.3s ease;
}

.category-card:hover .category-menu-title {
  color: rgba(157, 217, 67, 1);
  transition: 0.3s ease;
}

.news-card {
  transition: 0.3s ease;
}

.advantage-wrapper > li:not(:last-child) {
  border-right: 1px solid rgba(209, 225, 225, 1);
}

.param-range {
  background-color: #ffffff;
  border: none;
}

.category-param-open {
  background-color: transparent;
  transition: 0.3s ease;
}

.one-click-headline {
  font-family: RoadRadio;
  font-weight: 400;
  line-height: 24.22px;
  text-align: center;
  color: rgba(25, 64, 53, 1);
}

.one-click-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
  margin-top: 15px;
  color: rgba(13, 13, 13, 1);
}

.one-click-info {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: rgba(13, 13, 13, 1);
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#modal-product-buy-one-click .uk-modal-body {
  background-color: rgba(241, 241, 241, 1);
  border-radius: 20px;
}

.modal-label {
  font-family: RoadRadio;
  font-size: 16px;
  font-weight: 400;
  line-height: 11.85px;
  text-align: left;
  color: rgba(13, 13, 13, 1);
}

.min-width-button {
  min-width: 3.125rem;
}

.mod-button {
  padding: 16px 24px;
  gap: 12px;
  border-radius: 15px;
  border: 2px solid rgba(241, 241, 241, 1);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: rgba(51, 51, 51, 1);
  transition: 0.3s ease;
}

.mod-button:hover {
  transition: 0.3s ease;
  border-color: rgba(96, 152, 24, 1);
  color: rgba(96, 152, 24, 1);
  background-color: rgba(246, 252, 233, 1);
  text-decoration: none;
}

.uk-breadcrumb > :last-child > span {
  color: rgba(5, 151, 242, 1) !important;
}

.uk-breadcrumb a {
  transition: 0.3s ease;
}

.uk-breadcrumb > * > :hover {
  color: rgba(5, 151, 242, 1);
  text-decoration: none;
  transition: 0.3s ease;
}

.modal-count-alt,
.modal-count {
  color: #ffffff;
  border-radius: 8px;
  background-color: rgba(5, 151, 242, 1);
  height: 29px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-style: italic;
}

.modal-delete-button svg path {
  transition: 0.3s ease;
}

.modal-delete-button:hover svg path {
  transition: 0.3s ease;
  stroke: red;
}

#modal-basket-contents .uk-modal-checkout {
  background-color: rgba(241, 241, 241, 1);
  border-radius: 8px 8px 0 0;
  padding: 15px;
}

#modal-basket-contents .uk-modal-close-default {
  top: 15px;
  right: 15px;
}

#checkout .box-field input[type="text"],
#checkout form input[type="text"] {
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.938rem 1.5rem;
  width: 100%;
  transition: 0.3s ease;
}

#checkout .box-field textarea {
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.938rem 1.5rem;
  width: 100%;
  transition: 0.3s ease;
  resize: none;
  max-height: 300px;
}

#checkout .box-field textarea:focus {
  box-sizing: border-box;
  border: 1px solid rgba(5, 151, 242, 1);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.938rem 1.5rem;
  width: 100%;
  transition: 0.3s ease;
  resize: none;
  max-height: 300px;
}

#checkout .box-field label {
  font-family: Roboto;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 11.85px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.main-teaser-img {
  max-height: 335px;
  overflow: hidden;
}

#category-title {
  text-align: start;
}

.pop-up-fixed {
  position: fixed;
  right: 17px;
  bottom: 17px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 1000;
}

.popup-link {
  display: flex !important;
  height: 100%;
  align-items: center !important;
  gap: 10px;
  padding: 19px 40px !important;
  background-image: url("../images/link.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: 0.3s ease;
  border-radius: 25px;
}

.popup-link:hover {
  opacity: 1;
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow:
    0.36px 0.64px 3.71px 0px rgba(3, 223, 157, 0.07),
    1.61px 2.86px 8.58px 0px rgba(3, 223, 157, 0.11),
    4.01px 7.11px 19.58px 0px rgba(3, 223, 157, 0.15),
    7.81px 13.84px 41.73px 0px rgba(3, 223, 157, 0.19),
    13.27px 23.51px 80px 0px rgba(3, 223, 157, 0.26);
}

.popup-link svg path {
  stroke: var(--button-color);
}

.popup-link svg {
  transition: 0.3s ease;
  height: 18px;
  width: 18px;
}

.popup-link:hover svg {
  transition: 0.3s ease;
  transform: rotate(45deg);
}

.pop-up-close svg circle {
  transition: 0.3s ease;
}

.pop-up-close:hover svg circle {
  transition: 0.3s ease;
  fill: #dcdcdc;
}

.text-secondary-color {
  color: white;
}

.error404 {
  padding: 10px 25px;
  border-radius: 32px;
  opacity: 0px;
  font-family: RoadRadio;
  font-size: 16px;
  font-weight: 400;
  line-height: 16.14px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 59, 48, 1);
  margin-top: 10px;
}

.text404 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  color: var(--font-main-color);
}

.login-wrapper svg path {
  transition: 0.3s ease;
}

.login-wrapper a:hover svg path {
  transition: 0.3s ease;
  stroke: #0597f2;
}

#basket-box > button > svg path {
  transition: 0.3s ease;
}

#basket-box > button:hover > svg path {
  transition: 0.3s ease;
  stroke: #0597f2;
}

.footer-hover {
  transition: 0.3s ease;
}

.footer-hover:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: #1d9ed9;
}

.seo-text-main h4 {
  font-style: italic;
}

.seo-text-main > p:nth-of-type(1) {
  margin-top: 57px;
}

.main-top-separator {
  background-image: url("../images/main_top_separator.png");
  background-color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 141px;
}

.main-bottom-separator {
  background-image: url("../images/main_botton_separator.png");
  background-color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 141px;
}

.uk-timeline .uk-timeline-item .uk-card {
  max-height: 300px;
}

.uk-timeline .uk-timeline-item {
  display: flex;
  position: relative;
}

.uk-timeline .uk-timeline-item::before {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='321' viewBox='0 0 50 321' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.6543 290.596C25.6411 290.578 25.6236 290.564 25.6149 290.551L25.6105 290.547C25.453 290.395 25.2385 290.301 25.0022 290.301C24.7615 290.301 24.547 290.395 24.3939 290.547L24.3895 290.551C24.3764 290.564 24.3632 290.578 24.3501 290.596C24.0832 290.877 23.7462 291.239 23.3698 291.672C22.6083 292.551 21.6805 293.725 20.8096 295.1C19.3479 297.413 18.0569 300.283 18.0044 303.274C18.0044 303.332 18 303.395 18 303.453C18 304.332 18.1707 305.172 18.477 305.944C18.6565 306.39 18.8796 306.81 19.1422 307.203C20.3895 309.069 22.547 310.301 24.9978 310.301C28.8665 310.301 32 307.234 32 303.453C32 297.743 27.3961 292.408 25.6543 290.596ZM24.9978 307.801C24.3063 307.801 23.6543 307.636 23.0766 307.35C25.9606 306.707 28.2582 304.462 29.0197 301.569C29.2473 302.109 29.3786 302.707 29.3786 303.337C29.3742 305.801 27.4136 307.801 24.9978 307.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 250.596C25.6411 250.578 25.6236 250.564 25.6149 250.551L25.6105 250.547C25.453 250.395 25.2385 250.301 25.0022 250.301C24.7615 250.301 24.547 250.395 24.3939 250.547L24.3895 250.551C24.3764 250.564 24.3632 250.578 24.3501 250.596C24.0832 250.877 23.7462 251.239 23.3698 251.672C22.6083 252.551 21.6805 253.725 20.8096 255.1C19.3479 257.413 18.0569 260.283 18.0044 263.274C18.0044 263.332 18 263.395 18 263.453C18 264.332 18.1707 265.172 18.477 265.944C18.6565 266.39 18.8796 266.81 19.1422 267.203C20.3895 269.069 22.547 270.301 24.9978 270.301C28.8665 270.301 32 267.234 32 263.453C32 257.743 27.3961 252.408 25.6543 250.596ZM24.9978 267.801C24.3063 267.801 23.6543 267.636 23.0766 267.35C25.9606 266.707 28.2582 264.462 29.0197 261.569C29.2473 262.109 29.3786 262.707 29.3786 263.337C29.3742 265.801 27.4136 267.801 24.9978 267.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 210.596C25.6411 210.578 25.6236 210.564 25.6149 210.551L25.6105 210.547C25.453 210.395 25.2385 210.301 25.0022 210.301C24.7615 210.301 24.547 210.395 24.3939 210.547L24.3895 210.551C24.3764 210.564 24.3632 210.578 24.3501 210.596C24.0832 210.877 23.7462 211.239 23.3698 211.672C22.6083 212.551 21.6805 213.725 20.8096 215.1C19.3479 217.413 18.0569 220.283 18.0044 223.274C18.0044 223.332 18 223.395 18 223.453C18 224.332 18.1707 225.172 18.477 225.944C18.6565 226.39 18.8796 226.81 19.1422 227.203C20.3895 229.069 22.547 230.301 24.9978 230.301C28.8665 230.301 32 227.234 32 223.453C32 217.743 27.3961 212.408 25.6543 210.596ZM24.9978 227.801C24.3063 227.801 23.6543 227.636 23.0766 227.35C25.9606 226.707 28.2582 224.462 29.0197 221.569C29.2473 222.109 29.3786 222.707 29.3786 223.337C29.3742 225.801 27.4136 227.801 24.9978 227.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 170.596C25.6411 170.578 25.6236 170.564 25.6149 170.551L25.6105 170.547C25.453 170.395 25.2385 170.301 25.0022 170.301C24.7615 170.301 24.547 170.395 24.3939 170.547L24.3895 170.551C24.3764 170.564 24.3632 170.578 24.3501 170.596C24.0832 170.877 23.7462 171.239 23.3698 171.672C22.6083 172.551 21.6805 173.725 20.8096 175.1C19.3479 177.413 18.0569 180.283 18.0044 183.274C18.0044 183.332 18 183.395 18 183.453C18 184.332 18.1707 185.172 18.477 185.944C18.6565 186.39 18.8796 186.81 19.1422 187.203C20.3895 189.069 22.547 190.301 24.9978 190.301C28.8665 190.301 32 187.234 32 183.453C32 177.743 27.3961 172.408 25.6543 170.596ZM24.9978 187.801C24.3063 187.801 23.6543 187.636 23.0766 187.35C25.9606 186.707 28.2582 184.462 29.0197 181.569C29.2473 182.109 29.3786 182.707 29.3786 183.337C29.3742 185.801 27.4136 187.801 24.9978 187.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 130.596C25.6411 130.578 25.6236 130.564 25.6149 130.551L25.6105 130.547C25.453 130.395 25.2385 130.301 25.0022 130.301C24.7615 130.301 24.547 130.395 24.3939 130.547L24.3895 130.551C24.3764 130.564 24.3632 130.578 24.3501 130.596C24.0832 130.877 23.7462 131.239 23.3698 131.672C22.6083 132.551 21.6805 133.725 20.8096 135.1C19.3479 137.413 18.0569 140.283 18.0044 143.274C18.0044 143.332 18 143.395 18 143.453C18 144.332 18.1707 145.172 18.477 145.944C18.6565 146.39 18.8796 146.81 19.1422 147.203C20.3895 149.069 22.547 150.301 24.9978 150.301C28.8665 150.301 32 147.234 32 143.453C32 137.743 27.3961 132.408 25.6543 130.596ZM24.9978 147.801C24.3063 147.801 23.6543 147.636 23.0766 147.35C25.9606 146.707 28.2582 144.462 29.0197 141.569C29.2473 142.109 29.3786 142.707 29.3786 143.337C29.3742 145.801 27.4136 147.801 24.9978 147.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 90.5957C25.6411 90.5778 25.6236 90.5644 25.6149 90.551L25.6105 90.5466C25.453 90.3948 25.2385 90.301 25.0022 90.301C24.7615 90.301 24.547 90.3948 24.3939 90.5466L24.3895 90.551C24.3764 90.5644 24.3632 90.5778 24.3501 90.5957C24.0832 90.8769 23.7462 91.2385 23.3698 91.6716C22.6083 92.551 21.6805 93.7251 20.8096 95.1001C19.3479 97.4126 18.0569 100.283 18.0044 103.274C18.0044 103.332 18 103.395 18 103.453C18 104.332 18.1707 105.172 18.477 105.944C18.6565 106.39 18.8796 106.81 19.1422 107.203C20.3895 109.069 22.547 110.301 24.9978 110.301C28.8665 110.301 32 107.234 32 103.453C32 97.743 27.3961 92.4082 25.6543 90.5957ZM24.9978 107.801C24.3063 107.801 23.6543 107.636 23.0766 107.35C25.9606 106.707 28.2582 104.462 29.0197 101.569C29.2473 102.109 29.3786 102.707 29.3786 103.337C29.3742 105.801 27.4136 107.801 24.9978 107.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 50.5957C25.6411 50.5778 25.6236 50.5644 25.6149 50.551L25.6105 50.5466C25.453 50.3948 25.2385 50.301 25.0022 50.301C24.7615 50.301 24.547 50.3948 24.3939 50.5466L24.3895 50.551C24.3764 50.5644 24.3632 50.5778 24.3501 50.5957C24.0832 50.8769 23.7462 51.2385 23.3698 51.6716C22.6083 52.551 21.6805 53.7251 20.8096 55.1001C19.3479 57.4126 18.0569 60.2832 18.0044 63.2742C18.0044 63.3323 18 63.3948 18 63.4528C18 64.3323 18.1707 65.1716 18.477 65.9439C18.6565 66.3903 18.8796 66.81 19.1422 67.2028C20.3895 69.0689 22.547 70.301 24.9978 70.301C28.8665 70.301 32 67.2341 32 63.4528C32 57.743 27.3961 52.4082 25.6543 50.5957ZM24.9978 67.801C24.3063 67.801 23.6543 67.6358 23.0766 67.3501C25.9606 66.7073 28.2582 64.4617 29.0197 61.5689C29.2473 62.1091 29.3786 62.7073 29.3786 63.3367C29.3742 65.801 27.4136 67.801 24.9978 67.801Z' fill='%23B3E0EE'/%3E%3Cpath d='M25.6543 10.5957C25.6411 10.5778 25.6236 10.5644 25.6149 10.551L25.6105 10.5466C25.453 10.3948 25.2385 10.301 25.0022 10.301C24.7615 10.301 24.547 10.3948 24.3939 10.5466L24.3895 10.551C24.3764 10.5644 24.3632 10.5778 24.3501 10.5957C24.0832 10.8769 23.7462 11.2385 23.3698 11.6716C22.6083 12.551 21.6805 13.7251 20.8096 15.1001C19.3479 17.4126 18.0569 20.2832 18.0044 23.2742C18.0044 23.3323 18 23.3948 18 23.4528C18 24.3323 18.1707 25.1716 18.477 25.9439C18.6565 26.3903 18.8796 26.81 19.1422 27.2028C20.3895 29.0689 22.547 30.301 24.9978 30.301C28.8665 30.301 32 27.2341 32 23.4528C32 17.743 27.3961 12.4082 25.6543 10.5957ZM24.9978 27.801C24.3063 27.801 23.6543 27.6358 23.0766 27.3501C25.9606 26.7073 28.2582 24.4617 29.0197 21.5689C29.2473 22.1091 29.3786 22.7073 29.3786 23.3367C29.3742 25.801 27.4136 27.801 24.9978 27.801Z' fill='%23B3E0EE'/%3E%3C/svg%3E%0A");
  content: "";
  height: 100%;
  left: 17px;
  position: absolute;
  top: 30px;
  width: 16px;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.uk-timeline .uk-timeline-item .uk-timeline-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 0 1rem;
}

.uk-badge {
  border: none;
  box-sizing: border-box;
  min-width: 50px;
  height: 50px;
  padding: 0 5px;
  vertical-align: middle;
  border-radius: 12px;
  background: #0477bf;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #ffffff !important;
  font-family: "Antonio", sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 31px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}

.uk-badge:focus,
.uk-badge:hover {
  text-decoration: none;
  outline: 0;
}

.timeline-anchor {
  position: absolute;
  z-index: 10;
  bottom: -100px;
  left: -7px;
}

.timeline-link {
  font-size: 16px;
  font-style: italic;
  font-weight: 900;
  line-height: 48px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0597f2;
  transition: 0.3s ease;
}

.timeline-link:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: #0477bf;
}

.timeline-socials {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
}

.timeline-socials a svg rect {
  transition: 0.3s ease;
}

.timeline-socials a:hover svg rect {
  transition: 0.3s ease;
  fill: #0477bf;
}

.block-wrapper > div {
  border-radius: 150px;
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 1);
  backdrop-filter: blur(25.5px);
}

.custom-block-seo ul {
  list-style: none; /* Отключаем стандартные маркеры */
  font-size: 0.875rem;
  margin-left: 0;
  margin-top: 25px !important;
}

.custom-block-seo ul li {
  position: relative;
  padding-left: 2.5rem; /* Отступ для изображения */
}

.custom-block-seo ul li:not(:first-child) {
  margin-top: 20px;
}

.custom-block-seo ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px; /* Центровка маркера */
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0.150513C24.8116 0.150513 32 7.33892 32 16.1505C32 24.9621 24.8116 32.1505 16 32.1505C7.18841 32.1505 0 24.9621 0 16.1505C0 7.33892 7.18841 0.150513 16 0.150513ZM26.4348 9.19399L14.8406 25.4259L5.56522 17.8896L8 14.5273L13.6812 19.7447L22.9565 6.75921L26.4348 9.19399ZM16 0.962107C7.53623 0.962107 0.811594 7.68674 0.811594 16.1505C0.811594 24.4983 7.53623 31.3389 16 31.3389C24.3478 31.3389 31.1884 24.4983 31.1884 16.1505C31.1884 7.68674 24.3478 0.962107 16 0.962107Z' fill='%230597F2'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
}

.seo-text-list ul {
  list-style: square;
  color: rgba(4, 119, 191, 1);
  margin-left: 0.938rem;
  font-size: 1rem;
}

.seo-text-list ul span {
  color: var(--font-main-color);
}

.catalogue-menu {
  display: flex;
  flex-direction: column;
  background-color: rgba(240, 244, 244, 1);
  padding: 20px;
  border-radius: 20px;
}

.catalogue-menu-title {
  font-family: Roboto;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.16em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(4, 119, 191, 1);
  margin-bottom: 9px;
}

.category-menu-item {
  display: flex;
  background-color: rgba(255, 255, 255, 1);
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  border-radius: 14px;
  transition: 0.3s ease;
}

.category-menu-item svg path {
  transition: 0.3s ease;
}

.category-menu-item:hover {
  transition: 0.3s ease;
  text-decoration: none;
  box-shadow: 0px 4px 24.6px 0px rgba(0, 0, 0, 0.1);
}

.category-menu-item:hover svg path {
  stroke: rgba(5, 151, 242, 1);
}

.catalog-item-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.catalog-item-left > div {
  font-family: Roboto;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
  transition: 0.3s ease;
}

.category-menu-item:hover .catalog-item-left > div {
  color: rgba(5, 151, 242, 1);
  transition: 0.3s ease;
}

.footer-contacts-title {
  font-family: Roboto;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.04em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(245, 245, 245, 1);
  opacity: 0.6;
  text-transform: uppercase;
}

.news-card img {
  border-radius: 15px;
}

.contacts .timeline-socials {
  margin-top: 25px;
}

.prod-body-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}

.prod-body-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.prod-price-state {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 25px;
  gap: 25px;
}

#modal-basket-contents .uk-modal-footer {
  border-radius: 0 0 8px 8px;
  border-top: 0;
}

.step {
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 21.09px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(4, 119, 191, 1);
  position: relative;
  padding-right: 10px;
  border-right: 1px solid rgba(217, 217, 214, 1);
  text-transform: uppercase;
}

.box-field:focus-within label {
  color: rgba(5, 151, 242, 1) !important;
  transition: color 0.3s ease;
}

.time-radio {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.time-help {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(124, 124, 124, 1);
  margin-top: 5px;
}

.total-container {
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
}

.total-container:after {
  width: 110%;
  left: -25px;
  right: 25px;
  top: 0;
  height: 1px;
  background-color: #ffffff;
  content: "";
  position: absolute;
}

.uk-leader-fill::after {
  display: none;
}

.thanks-page {
  background-image: url("../images/thanks.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.thanks-wrapper {
  display: flex;
  flex-direction: column;
  padding: 50px;
  width: 70%;
  background-color: #ffffff;
  border-radius: 50px;
  box-shadow: 4px 4px 26.4px 0px rgba(2, 71, 115, 0.29);
  border: 1px solid rgba(241, 241, 241, 1);
}

.checkout-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.06em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
  text-transform: uppercase;
}

.checkout-order {
  font-size: 24px;
  font-style: italic;
  font-weight: 600;
  line-height: 28.13px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(4, 119, 191, 1);
}

.filter-button {
  padding: 0.75rem 1.25rem;
  gap: 12px;
  border-radius: 18px;
  border: 1px solid rgba(81, 80, 77, 0.15);
  font-family: Roboto;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.uk-offcanvas-bar .uk-input {
  color: rgba(29, 29, 27, 1);
}

.wrapper-404 {
  padding: 50px 150px;
  border-radius: 50px;
  background-color: #ffffff;
  border: 1px solid rgba(241, 241, 241, 1);
  box-shadow: 4px 4px 26.4px 0px rgba(2, 71, 115, 0.29);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.subtitle-404 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.13em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
  text-transform: uppercase;
}

.title-404 {
  font-family: Roboto;
  font-size: 128px;
  font-style: italic;
  font-weight: 900;
  line-height: 150px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.text-404 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.login-form-container {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 30px 35px;
  gap: 10px;
  border-radius: 15px;
  background-color: rgba(240, 244, 244, 1);
}

.login-form-container > div {
  margin: 0 !important;
  width: 50%;
}

#box-user-login-form-login-remember {
  margin: 0 !important;
}

.login-background {
  background-image: url("../images/login_background.png");
  background-color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
}

.login-wrapper {
  margin-top: 1.875rem;
}

.login-wrapper > a {
  font-family: Roboto;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 11.85px;
  text-align: left;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(4, 119, 191, 1);
  transition: 0.3s ease;
}

.login-wrapper > a:hover {
  color: var(--font-main-color);
  transition: 0.3s ease;
}

.register-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 38px;
  border-radius: 25px;
  width: 100%;
  background-color: rgba(240, 248, 255, 1);
  transition: 0.3s ease;
}

.register-button-wrapper:hover {
  box-shadow: 0px 4px 8.4px 0px rgba(0, 159, 227, 0.25);
  background-color: rgba(5, 151, 242, 1);
  text-decoration: none;
}

.register-button-wrapper:hover .text-main {
  transition: 0.3s ease;
  color: #ffffff;
  text-decoration: none;
}

.register-button-hover {
  margin-top: 30px;
}

.register-button-hover > a:hover {
  text-decoration: none;
}

.register-button-wrapper > .flex svg rect,
.register-button-wrapper > .flex svg path {
  transition: 0.3s ease;
}

.register-button-wrapper:hover > .flex svg rect,
.register-button-wrapper:hover > .flex svg path {
  transition: 0.3s ease;
  stroke: #ffffff;
}

.transition-03 {
  transition: 0.3s ease;
}

.register-button-wrapper > svg path {
  transition: 0.3s ease;
}

.register-button-wrapper:hover > svg path {
  transition: 0.3s ease;
  stroke: #ffffff;
}

.register-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 35px;
  gap: 10px;
  border-radius: 15px;
  background-color: rgba(240, 244, 244, 1);
}

.block19-middle {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}

.block19-middle > div {
  margin: 0 !important;
  width: 50%;
}

#box-user-password-request-form-reset-email {
  margin: 0;
  width: 100%;
}

.adv-symbol {
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: rgba(4, 119, 191, 1);
  border-radius: 12px;
  margin-top: 1.5625rem;
}

.account-menu {
  display: flex;
  flex-direction: column;
}

.account-menu > li:not(:last-child) {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 20px;
  justify-content: space-between;
  background-color: rgba(242, 242, 242, 1);
  width: 100%;
  transition: 0.3s ease;
}

.account-menu > li > * {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.account-menu > li .account-chapter {
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 400;
  line-height: 10.55px;
  letter-spacing: 0.12em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
  transition: 0.3s ease;
}

.account-menu > li .account-title {
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 500;
  transition: 0.3s ease;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
  text-transform: uppercase;
}

.account-menu > li.uk-active {
  background-color: rgba(4, 119, 191, 1);
}

.account-menu > li.uk-active .account-title,
.account-menu > li.uk-active .account-chapter {
  color: #ffffff;
}

.account-menu > li.uk-active > span > svg path {
  stroke: #ffffff;
}

.account-menu > li.uk-active > span > div > svg path {
  stroke: #ffffff;
}

.account-menu > li:not(.uk-active):not(:last-child):hover {
  background-color: rgba(4, 119, 191, 1);
}

.account-menu > li:not(.uk-active):hover > a:hover {
  text-decoration: none;
}

.account-menu > li:not(.uk-active):hover > a .account-chapter,
.account-menu > li:not(.uk-active):hover > a .account-title {
  color: #ffffff;
  transition: 0.3s ease;
}

.account-menu > li > a svg path {
  transition: 0.3s ease;
}

.account-menu > li:not(.uk-active):hover > a svg path {
  stroke: #ffffff;
  transition: 0.3s ease;
}

#user-logout-form > button {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 20px;
  justify-content: space-between;
  background-color: #ffffff;
  width: 100%;
  transition: 0.3s ease;
}

#user-logout-form > button:hover {
  background-color: red;
  color: #ffffff;
  transition: 0.3s ease;
}

#user-logout-form > button span {
  transition: 0.3s ease;
}

#user-logout-form > button:hover span {
  color: #ffffff;
  transition: 0.3s ease;
}

#user-logout-form > button svg rect,
#user-logout-form > button svg path {
  transition: 0.3s ease;
}

#user-logout-form > button:hover svg rect,
#user-logout-form > button:hover svg path {
  transition: 0.3s ease;
  stroke: #ffffff;
}

.account-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.account-info-wrapper > span:first-child {
  font-family: Roboto;
  font-size: 9px;
  font-weight: 400;
  line-height: 10.55px;
  letter-spacing: 0.12em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(124, 124, 124, 1);
  text-transform: uppercase;
}

.account-info-wrapper > span:last-child {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.86px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.account-edit {
  display: flex;
  align-items: center;
  gap: 25px;
  width: 80%;
}

.account-edit > div {
  margin: 0 !important;
  width: 50%;
}

.block19-form-inner-wide > .form-action {
  margin-top: 1.5625rem;
}

.history-card {
  border-radius: 20px;
  box-shadow: 0px 1px 8px 0px rgba(108, 108, 108, 0.08);
  background: rgba(240, 244, 244, 1);
  padding: 10px 20px;
}

.history-card-marker {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.86px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 15px;
  white-space: nowrap;
}

.history-number {
  color: rgb(255, 255, 255);
  background: rgb(38, 13, 10);
  font-weight: 600;
}

.history-status-ok {
  background-color: rgba(65, 201, 2, 1);
  border-radius: 10px;
}

.history-card.uk-open > .uk-accordion-title .history-card-last svg {
  transition: 0.3s ease;
  transform: scale(1, -1);
}

.history-status-refused {
  background: rgba(238, 0, 4, 1);
  border-radius: 10px;
}

.history-status-progress {
  border-radius: 10px;
  background-color: rgba(5, 151, 242, 1);
}

.history-card > .uk-accordion-title > svg {
  transition: 0.3s ease;
}

.history-card.uk-open > .uk-accordion-title {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 16px;
}

.history-card.uk-open > .uk-accordion-title > svg {
  transition: 0.3s ease;
  transform: scale(1, -1);
}

.history-card img {
  max-width: 70px;
}

.account-product-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.account-product-wrapper > div {
  background-color: #ffffff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
}

.order-history-time {
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(124, 124, 124, 1);
}

.order-history-number {
  font-family: Roboto;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 600;
  line-height: 28.13px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(4, 119, 191, 1);
}

.history-card-last {
  display: flex;
  align-items: center;
  gap: 50px;
}

.history-total-price-title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.history-total-price {
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 600;
  line-height: 28.13px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(29, 29, 27, 1);
}

.relative-title {
  position: relative;
  padding-bottom: 12px;
}

.relative-title:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0px;
  width: 10%;
  background-color: rgba(240, 244, 244, 1);
  height: 1px;
}

.block19-form-inner-wide {
  margin-top: 1.563rem;
}

.category-page-menu > div {
  width: 100%;
}

.category-page-left .param-range {
  background-color: rgba(240, 244, 244, 1);
}

.category-page-left {
  background-color: rgba(240, 244, 244, 1);
  border-radius: 20px;
  height: fit-content;
}

.uk-active.category-menu-item {
  pointer-events: none;
}

.uk-active.category-menu-item .catalog-item-left > div {
  color: rgba(5, 151, 242, 1);
  transition: 0.3s ease;
}

.uk-active.category-menu-item svg path {
  stroke: rgba(5, 151, 242, 1);
}
.login-link > a {
  transition: 0.3s ease;
}
.login-link > a span {
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #1d1d1b;
  transition: 0.3s ease;
}

.login-link > a svg path {
  transition: 0.3s ease;
  stroke: #1d1d1b;
}

.login-link > a:hover {
  text-decoration: none;
  transition: 0.3s ease;
}

.login-link > a:hover span {
  color: #0597f2;
  transition: 0.3s ease;
}

.login-link > a:hover svg path {
  transition: 0.3s ease;
  stroke: #0597f2;
}

.header-messengers {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-messengers-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.header-messengers-text span {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.header-center-wrapper {
  gap: 111px;
}

.flex.flex-column.justify-center.align-center.relative.pl20.pr20.pt20.pb20.uk-position-relative {
  min-height: 565px;
}

.video-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0597f2;
  box-shadow: 0px 4px 8.4px 0px #009fe340;
  font-weight: 500;
  font-style: italic;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  padding: 8px 10px;
  border-radius: 20px;
  gap: 10px;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-absolute:hover {
  transition: 0.3s ease;
  background-color: rgba(4, 119, 191, 1);
  color: #ffffff;
  text-decoration: none;
}

.youtube_white svg * {
  transition: 0.3s ease;
}

.youtube_white:hover svg g > path:first-child {
  fill: #1d9ed9;
}

.youtube_blue svg * {
  transition: 0.3s ease;
}

.youtube_blue:hover svg g > path:first-child {
  fill: #0f6ecd;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}



.news-img-wrapper {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  width: 100%;
  height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.news-img-inner {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 98%;
  padding: 51px 31px 31px 31px;

  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);

  border-radius: 14px;

  -webkit-mask-image: linear-gradient(
          to right,
          transparent 0px,
          black 20px,
          black calc(100% - 20px),
          transparent 100%
  ),
  linear-gradient(
          to bottom,
          transparent 0px,
          black 20px,
          black calc(100% - 20px),
          transparent 100%
  );

  -webkit-mask-composite: destination-in;

  mask-image: linear-gradient(
          to right,
          transparent 0px,
          black 20px,
          black calc(100% - 20px),
          transparent 100%
  ),
  linear-gradient(
          to bottom,
          transparent 0px,
          black 20px,
          black calc(100% - 20px),
          transparent 100%
  );

  mask-composite: intersect;
}

.news-page-date {
 background: rgba(5, 151, 242, 1);
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 17.77px;
  letter-spacing: 0.25px;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  padding: 6px 16px;
  border-radius: 8px;
}

.share-news {
  padding: 16px 20px;
  background-color: #0597f2;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky-news {
  position: sticky;
  top: 20px;
}

.share-link svg {
  transition: 0.3s ease;
}

.share-link:hover svg  {
  transition: 0.3s ease;
  transform: scale(1.2);
}


.news-page-tag {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
  background-color: rgba(5, 151, 242, 1);
  border-radius: 8px;
  padding: 5px 15px;
  transition: 0.3s ease;
}

.news-page-tag:hover {
  transition: 0.3s ease;
  background-color:rgba(4, 119, 191, 1);
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0px 4px 8.4px 0px rgba(92, 215, 242, 0.5);
}

.accordion-card-wrapper {
  background-color: rgba(240, 244, 244, 1);
  border-radius: 22px;
}

.tag-line {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
  background-color: rgba(5, 151, 242, 1);
  border-radius: 8px;
  padding: 5px 15px;
  transition: 0.3s ease;
}

.tag-line:hover {
  transition: 0.3s ease;
  background-color:rgba(4, 119, 191, 1);
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0px 4px 8.4px 0px rgba(92, 215, 242, 0.5);
}

.tag-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.tag-active {
  pointer-events: none;
  color: #ffffff;
  background-color: rgba(4, 119, 191, 1);
}


.accordion-card-wrapper {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 14px;
  padding: 20px 30px;
  border: 1px solid rgba(242, 235, 213, 1);
  transition: 0.3s ease;
}