/* Start:/local/templates/eospro_bootstrap_plus/style/style.css?1747092448131069*/
@charset "UTF-8";
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f5f5f5;
  position: relative;
}

main {
  width: 100%;
  overflow: hidden;
}

body,
input,
textarea {
  font-family: "Onest", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #1b1918;
}

menu {
  margin: 0;
  padding: 0;
}

input,
textarea {
  border: 0;
  outline: none;
}

textarea {
  resize: none;
}

h1,
h2,
h3,
.course__sign-up-price-number,
.modal__current-page,
h4,
h5,
.support__link,
h6,
.header__menu-link,
p {
  margin: 0;
  text-align: left;
}

a {
  color: #1b1918;
  text-decoration: none;
  cursor: pointer;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 64px;
}
@media (max-width: 1439px) {
  h1 {
    font-size: 44px;
    line-height: 48px;
  }
}

h2 {
  font-size: 48px;
  font-weight: 300;
  line-height: 56px;
}
@media (max-width: 1439px) {
  h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
  }
}

h3, .course__sign-up-price-number, .modal__current-page {
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}
@media (max-width: 1439px) {
  h3, .course__sign-up-price-number, .modal__current-page {
    font-size: 32px;
    line-height: 40px;
  }
}

h4 {
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
}

h5, .support__link {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
@media (max-width: 1439px) {
  h5, .support__link {
    font-size: 22px;
    line-height: 28px;
  }
}

h6, .header__menu-link {
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

img {
  object-fit: cover;
}

button {
  border: 0;
  padding: 16px 32px;
  font-family: "Onest", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  border-radius: 9px;
  transition: all 0.3s linear;
}

section {
  margin-bottom: 194px;
}
@media (max-width: 767px) {
  section {
    margin-bottom: 80px;
  }
}
section:first-child:not(.projects), section:last-child {
  margin-bottom: 0;
}

.p-large, .contacts__item a, .footer__link, .course__sign-up-price, .offer__details, .modal__total-pages, .expand-list__item-time, .cookies__text {
  font-size: 18px;
  font-weight: 400;
}

.p-small, .contacts__item span, .curators__description-title, .gallery__swiper-card-artist, .course__sign-up-title, .targeting__sidebar-title, .input-group__input--label:focus + .input-group__label, .input-group__input--filled + .input-group__label, .input-group .just-validate-error-label, .btn-primary__sticker {
  font-size: 12px;
  line-height: 16px;
}

.container {
  max-width: 1408px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1439px) {
  .container {
    max-width: 736px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: none;
    margin: 0 16px;
    width: auto;
  }
}

.text-chrysler {
  color: #ff8c0e;
}

.gradient-text {
  background: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-link, .contacts__item a, .footer__link, .support__link, .modules__module-number p, .input-group__checkbox a {
  transition: all 0.3s linear;
  filter: brightness(0);
}
.gradient-link:hover, .contacts__item a:hover, .footer__link:hover, .support__link:hover, .modules__module-number p:hover, .input-group__checkbox a:hover {
  filter: brightness(1);
}

.gradient-image, .contacts__image, .projects__grid > .projects__grid-item:nth-child(9n+4) > img, .projects__grid > .projects__grid-item:nth-child(9n+6) > img, .faq__art, .curators__art-image, .modules__module img, .targeting__side-art, .targeting__art-top, .modal__politics-art, .modal__art-bottom-right, .modal__art-top-left, .modal__art-top, .modal__art-bottom, .modal__start-art {
  filter: grayscale(1);
  transition: all 0.3s linear;
}
.gradient-image:hover, .contacts__image:hover, .projects__grid > .projects__grid-item:nth-child(9n+4) > img:hover, .projects__grid > .projects__grid-item:nth-child(9n+6) > img:hover, .faq__art:hover, .curators__art-image:hover, .modules__module img:hover, .targeting__side-art:hover, .targeting__art-top:hover, .modal__politics-art:hover, .modal__art-bottom-right:hover, .modal__art-top-left:hover, .modal__art-top:hover, .modal__art-bottom:hover, .modal__start-art:hover {
  filter: grayscale(0);
}
@media (max-width: 1439px) {
  .gradient-image:hover, .contacts__image:hover, .projects__grid > .projects__grid-item:nth-child(9n+4) > img:hover, .projects__grid > .projects__grid-item:nth-child(9n+6) > img:hover, .faq__art:hover, .curators__art-image:hover, .modules__module img:hover, .targeting__side-art:hover, .targeting__art-top:hover, .modal__politics-art:hover, .modal__art-bottom-right:hover, .modal__art-top-left:hover, .modal__art-top:hover, .modal__art-bottom:hover, .modal__start-art:hover {
    filter: grayscale(1);
  }
}

.gradient-link, .contacts__item a, .footer__link, .support__link, .modules__module-number p, .input-group__checkbox a {
  position: relative;
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  border-bottom: 1px solid transparent;
  transform: translateY(8px);
}
.gradient-link:hover, .contacts__item a:hover, .footer__link:hover, .support__link:hover, .modules__module-number p:hover, .input-group__checkbox a:hover {
  border-color: #ff8c0e;
}
.gradient-link:active, .contacts__item a:active, .footer__link:active, .support__link:active, .modules__module-number p:active, .input-group__checkbox a:active {
  background-image: linear-gradient(0deg, #ff8c0e 0%, #ff8c0e 100%);
}

.cookies {
  position: fixed;
  display: none;
  bottom: 16px;
  left: 0;
  right: 0;
  z-index: 1;
}
.cookies--show {
  display: block;
}
.cookies__container {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  padding: 24px 32px;
  background: #fcfcfc;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .cookies__container {
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.blur-background {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0);
  visibility: hidden;
  transition: background 0.3s linear, backdrop-filter 0.3s linear, visibility 0.3s linear;
}
.blur-background--show {
  visibility: visible;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
}

.divider {
  margin-top: 194px;
}

.btn-primary {
  position: relative;
  width: fit-content;
}
.btn-primary__main {
  cursor: pointer;
  width: 100%;
}
.btn-primary__text {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 16px;
  z-index: 1;
  color: #fcfcfc;
}
.btn-primary__main:disabled .btn-primary__text {
  color: #bfbfbf;
}
.btn-primary__text svg {
  fill: #fcfcfc;
  width: 24px;
  height: 24px;
}
.btn-primary__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  border-radius: 9px;
  z-index: 0;
  filter: brightness(0);
  transition: all 0.3s linear;
}
.btn-primary:hover .btn-primary__bg {
  filter: brightness(1);
}
.btn-primary__main:disabled .btn-primary__bg {
  opacity: 0.01;
}
.btn-primary__main:active .btn-primary__bg {
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
}
.btn-primary__sticker {
  z-index: 1;
  position: absolute;
  top: -4px;
  right: -8px;
  padding: 4px 8px;
  border-radius: 4px;
  color: #fcfcfc;
  background: #ff8c0e;
  transform: rotate(10deg);
}

.btn-secondary {
  position: relative;
  border-radius: 9px;
}
.btn-secondary__main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  cursor: pointer;
  transition: all 0.3s linear;
}
.btn-secondary__main:disabled {
  background: #f5f5f5;
}
.btn-secondary__main:disabled:hover {
  background: #f5f5f5;
}
.btn-secondary__main--white {
  background: #fcfcfc;
}
.btn-secondary__main--bg {
  background: #f5f5f5;
}
.btn-secondary__main:hover {
  background: transparent;
}
.btn-secondary__main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 9px;
  border: 1px solid transparent;
  opacity: 0;
  mask: linear-gradient(#fcfcfc 0 0) padding-box, linear-gradient(#fcfcfc 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  transition: all 0.3s linear;
}
.btn-secondary__main img {
  transition: all 0.3s linear;
  filter: brightness(0);
}
.btn-secondary__main:disabled:hover::before {
  content: none;
}
.btn-secondary__main:hover::before {
  background: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%) border-box;
  opacity: 1;
}
.btn-secondary__main:hover img {
  filter: brightness(1);
}
.btn-secondary__main--bg:active {
  background: #f5f5f5;
}
.btn-secondary__main--bg:active::before {
  background: none;
}
.btn-secondary__main--white:active {
  background: #fcfcfc;
}
.btn-secondary__main--white:active::before {
  background: none;
}
.btn-secondary__text {
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: brightness(0);
  transition: all 0.3s linear;
  line-height: normal;
}
.btn-secondary:hover .btn-secondary__text {
  filter: brightness(1);
}
.btn-secondary__main:disabled .btn-secondary__text {
  filter: brightness(1);
  color: #bfbfbf;
  background-image: none;
}

.input-group {
  position: relative;
  height: auto;
}
.input-group .just-validate-error-label {
  position: absolute;
  right: 0;
  bottom: -16px;
  color: #1b1918 !important;
}
.input-group__input {
  width: 100%;
  padding: 16px;
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s linear;
}
.input-group__input:hover {
  border-color: #767574;
}
.input-group__input:focus {
  border-color: #1b1918;
}
.input-group__input:disabled {
  border-color: #bfbfbf;
  background: #f5f5f5;
}
.input-group__input--label:focus, .input-group__input--filled {
  padding-top: 24px;
  padding-bottom: 8px;
}
.input-group__input--label:focus + .input-group__label, .input-group__input--filled + .input-group__label {
  padding-top: 8px;
  padding-bottom: 4px;
  width: calc(100% - 2px - 16px);
  transform: translateY(1px);
  pointer-events: none;
}
.input-group__input--phone::placeholder {
  color: #bfbfbf;
}
.input-group__label {
  position: absolute;
  left: 16px;
  transform: translateY(16px);
  color: #8c8c8c;
  transition: all 0.3s linear;
}
.input-group__input--textarea ~ .input-group__label {
  background: #f5f5f5;
}
.input-group__input:disabled + .input-group__label {
  color: #bfbfbf;
}
.input-group__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #8c8c8c;
}
.input-group__checkbox input {
  display: none;
}
.input-group__custom-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.input-group__custom-checkbox input:checked + .input-group__checkmark img {
  display: block;
}
.input-group__checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  filter: brightness(0);
  transition: all 0.3s linear;
}
.input-group__checkmark:hover {
  opacity: 1;
  filter: brightness(1);
}
.input-group__custom-checkbox input:checked + .input-group__checkmark {
  opacity: 1;
  filter: brightness(0);
}
.input-group__custom-checkbox input:checked + .input-group__checkmark:hover {
  filter: brightness(1);
}
.input-group__checkmark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  border: 2px solid transparent;
  mask: linear-gradient(#fcfcfc 0 0) padding-box, linear-gradient(#fcfcfc 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%) border-box;
  transition: all 0.3s linear;
}
.input-group__checkmark img {
  display: none;
  width: 16px;
  height: 16px;
  fill: #1b1918;
}
.input-group textarea {
  height: 100%;
}

.expand-list {
  width: 100%;
  padding: 16px 32px 40px;
  border-radius: 16px;
}
@media (max-width: 1439px) {
  .expand-list {
    padding: 16px 32px;
  }
}
@media (max-width: 767px) {
  .expand-list {
    padding: 16px;
  }
}
.expand-list__item {
  display: flex;
  flex-direction: column;
}
.expand-list__item-title {
  display: grid;
  grid-template: "a b c" 1fr;
  grid-template-columns: 32px 1fr 86px;
  gap: 16px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .expand-list__item-title {
    grid-template: "a c" 1fr "b b" 1fr;
    grid-template-columns: 32px 1fr;
    grid-template-rows: 32px 1fr;
    row-gap: 8px;
  }
}
.expand-list__item-title h5, .expand-list__item-title .support__link {
  grid-area: b;
}
.expand-list__item-icon {
  grid-area: a;
  width: 24px;
  height: 24px;
  transition: all 0.3s linear;
}
.expand-list__item--active .expand-list__item-icon {
  transform: rotate(45deg);
}
.expand-list__item-time {
  grid-area: c;
  color: #8c8c8c;
  text-align: right;
  text-wrap: nowrap;
}
.expand-list__item-content {
  transition: all 0.3s linear;
  max-height: 0;
  opacity: 0;
  z-index: -1;
}
.expand-list__item--active .expand-list__item-content {
  transition: all 0.3s linear;
  opacity: 1;
  z-index: 0;
}

.modal {
  display: block;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 100;
  transition: background 0.3s linear, backdrop-filter 0.3s linear, visibility 0.3s linear;
}
.modal--open {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  visibility: visible;
}
.modal__container {
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  padding: 16px;
  background: #fcfcfc;
  border-radius: 0 16px 16px 0;
  overflow: hidden;
  transition: all 0.3s linear;
  z-index: 100;
}
#modal-support .modal__container {
  left: -550px;
  width: 550px;
}
@media (max-width: 767px) {
  #modal-support .modal__container {
    left: -344px;
    max-width: 344px;
  }
}
#modal-support.modal--open .modal__container {
  left: 0;
}
@media (max-width: 767px) {
  .modal__container {
    gap: 16px;
  }
}
.modal__container--form {
  left: -550px;
  width: 550px;
}
@media (max-width: 767px) {
  .modal__container--form {
    left: -344px;
    width: 344px;
  }
}
.modal--open .modal__container--form {
  left: 0;
}
.modal__container--politics {
  left: -1084px;
  width: 1084px;
  overflow: auto;
}
@media (max-width: 1439px) {
  .modal__container--politics {
    left: -580px;
    width: 580px;
  }
}
@media (max-width: 767px) {
  .modal__container--politics {
    left: -344px;
    max-width: 344px;
  }
}
.modal--open .modal__container--politics {
  left: 0;
}
.modal__form {
  height: 100%;
}
.modal__form--hide {
  display: none;
}
.modal__header {
  display: flex;
}
.modal__header-main {
  display: flex;
  flex-direction: column;
  gap: 128px;
}
@media (max-width: 767px) {
  .modal__header-main {
    gap: 40px;
  }
}
.modal__header-main--hide {
  display: none;
}
.modal__total-pages {
  color: #8c8c8c;
}
.modal__close-container {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;
}
@media (max-width: 767px) {
  .modal__close-container {
    top: 0;
    right: 0;
  }
}
.modal__close {
  padding: 16px;
}
.modal__page {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.modal__success-content, .modal__error-content {
  display: none;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.modal__success-content--show {
  display: flex;
}
@media (max-width: 767px) {
  .modal__error-content {
    padding-top: 180px;
  }
}
.modal__error-content--show {
  display: flex;
}
.modal__main {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  background-color: #fcfcfc;
}
.modal__container--politics .modal__main {
  max-width: 696px;
  gap: 0;
}
.modal__success-content .modal__main, .modal__error-content .modal__main {
  height: 100%;
  justify-content: center;
}
@media (max-width: 767px) {
  .modal__main {
    gap: 16px;
  }
  .modal__error-content .modal__main {
    justify-content: flex-start;
  }
}
.modal__error-content .modal__user-name {
  color: #8c8c8c;
}
.modal__description {
  color: #8c8c8c;
}
.modal__start-art {
  position: absolute;
  height: 340px;
  width: auto;
  max-height: calc(100vh - 550px);
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .modal__start-art {
    display: none;
  }
}
.modal__button-container {
  margin-left: auto;
}
@media (max-width: 767px) {
  .modal__button-container {
    margin-left: 0;
    width: 100%;
  }
}
.modal__footer .modal__button-container {
  width: 100%;
}
@media (max-width: 767px) {
  .modal__next-button {
    width: 100%;
  }
}
.modal__art-top, .modal__art-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 476px;
  width: 100%;
  height: 176px;
}
@media (max-width: 767px) {
  .modal__art-top, .modal__art-bottom {
    height: 116px;
    max-width: 316px;
  }
}
.modal__art-top {
  top: 0;
}
.modal__art-bottom {
  bottom: 0;
  transform: translateX(-50%) rotate(180deg);
}
.modal__art-top-left {
  position: absolute;
  top: 16px;
  left: 16px;
  height: 340px;
  width: 162px;
  transform: rotate(90deg) scaleY(-1);
  transform-origin: left top;
}
@media (max-width: 767px) {
  .modal__art-top-left {
    top: 0;
    width: 96px;
    height: 170px;
  }
}
.modal__art-bottom-right {
  position: absolute;
  bottom: 88px;
  right: 16px;
  height: 340px;
  width: 162px;
  transform: rotate(270deg) scaleY(-1) translateY(calc(50% + 8px));
  transform-origin: left bottom;
}
@media (max-width: 767px) {
  .modal__art-bottom-right {
    display: none;
  }
}
.modal__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}
@media (max-width: 767px) {
  .modal__buttons {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.modal__buttons .btn-primary, .modal__buttons .btn-secondary .btn-secondary__main {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .modal__politics {
    display: block;
  }
}
.modal__politics span:nth-child(2) {
  text-wrap: nowrap;
}
.modal__politics-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
.modal__politics-title {
  margin-bottom: 66px;
}
@media (max-width: 1439px) {
  .modal__politics-title {
    margin-bottom: 82px;
  }
}
@media (max-width: 1439px) {
  .modal__politics-title {
    margin-bottom: 24px;
  }
}
.modal__politics-description {
  display: flex;
  flex-direction: column;
  gap: 84px;
}
@media (max-width: 1439px) {
  .modal__politics-description {
    gap: 102px;
  }
}
@media (max-width: 1439px) {
  .modal__politics-description {
    gap: 24px;
  }
}
.modal__politics-article h5, .modal__politics-article .support__link {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .modal__politics-article h5, .modal__politics-article .support__link {
    margin-bottom: 16px;
  }
}
.modal__politics-article p:not(:last-child) {
  margin-bottom: 16px;
}
.modal__politics-art {
  width: 340px;
  height: 874px;
}
@media (max-width: 1439px) {
  .modal__politics-art {
    display: none;
  }
}

.bg {
  position: relative;
  width: 100%;
  z-index: -2;
}
@media (max-width: 767px) {
  .bg {
    display: none;
  }
}
.bg__road-1, .bg__road-2, .bg__road-3, .bg__road-4 {
  position: absolute;
  height: 1469px;
  width: 986px;
  z-index: -1;
}
@media (max-width: 1439px) {
  .bg__road-1, .bg__road-2, .bg__road-3, .bg__road-4 {
    top: 0;
    bottom: 0;
    height: auto;
    width: auto;
  }
}
.bg__road-1 {
  top: -127px;
  left: 50%;
  transform: translateX(calc(-50% - 328px));
}
@media (max-width: 1439px) {
  .bg__road-1 {
    transform: translateX(calc(-50% - 170px));
  }
}
.bg__road-2 {
  top: -303px;
  left: 50%;
  transform: translateX(calc(-50% + 72px));
}
.bg__road-3 {
  top: -906px;
  left: 50%;
  transform: translateX(calc(-50% - 40px)) rotateX(180deg);
}
@media (max-width: 1439px) {
  .bg__road-3 {
    top: -934px;
    transform: translateX(calc(-50% - 280px)) rotateX(180deg);
  }
}
.bg__road-4 {
  top: -262px;
  left: 50%;
  transform: translateX(calc(-50% + 12px)) rotate(180deg);
}
@media (max-width: 1439px) {
  .bg__road-4 {
    top: -614px;
  }
}
.bg__big-tree {
  position: absolute;
  left: 50%;
  height: 56px;
  width: 54px;
}
.bg__small-tree {
  position: absolute;
  left: 50%;
  height: 43px;
  width: 44px;
}
.bg__tree-1 {
  transform: translate(calc(-50% - 92px), 130px);
}
@media (max-width: 1439px) {
  .bg__tree-1 {
    transform: translate(calc(-50% + 180px), 100px);
  }
}
.bg__tree-2 {
  transform: translate(calc(-50% - 140px), 226px);
}
@media (max-width: 1439px) {
  .bg__tree-2 {
    transform: translate(calc(-50% + 140px), 220px);
  }
}
.bg__tree-3 {
  transform: translate(calc(-50% + 132px), 384px);
}
@media (max-width: 1439px) {
  .bg__tree-3 {
    transform: translate(calc(-50% + 300px), 380px);
  }
}
.bg__tree-4 {
  transform: translate(calc(-50% - 572px), 415px);
}
@media (max-width: 1439px) {
  .bg__tree-4 {
    transform: translate(calc(-50% - 320px), 400px);
  }
}
.bg__tree-5 {
  transform: translate(calc(-50% - 386px), 550px);
}
@media (max-width: 1439px) {
  .bg__tree-5 {
    transform: translate(calc(-50% - 232px), 552px);
  }
}
.bg__tree-6 {
  transform: translate(calc(-50% - 572px), 631px);
}
@media (max-width: 1439px) {
  .bg__tree-6 {
    transform: translate(calc(-50% - 320px), 620px);
  }
}
.bg__tree-7 {
  transform: translate(calc(-50% - 572px), 1006px);
}
@media (max-width: 1439px) {
  .bg__tree-7 {
    transform: translate(calc(-50% - 320px), 1076px);
  }
}
.bg__tree-8 {
  transform: translate(calc(-50% + 568px), -134px);
}
.bg__tree-9 {
  transform: translate(calc(-50% + 600px), -46px);
}
.bg__tree-10 {
  transform: translate(calc(-50% + 404px), 24px);
}
.bg__tree-11 {
  transform: translate(calc(-50% - 450px), 752px);
}
.bg__tree-12 {
  transform: translate(calc(-50% - 144px), 855px);
}
.bg__tree-13 {
  transform: translate(calc(-50% - 80px), 920px);
}
.bg__tree-14 {
  transform: translate(calc(-50% - 320px), 964px);
}
.bg__tree-15 {
  transform: translate(calc(-50% - 90px), -168px);
}
.bg__tree-16 {
  transform: translate(calc(-50% + 20px), -152px);
}
.bg__tree-17 {
  transform: translate(calc(-50% - 468px), -112px);
}
@media (max-width: 1439px) {
  .bg__tree-17 {
    transform: translate(calc(-50% - 468px), -60px);
  }
}
.bg__tree-18 {
  transform: translate(calc(-50% - 392px), -76px);
}
@media (max-width: 1439px) {
  .bg__tree-18 {
    transform: translate(calc(-50% - 392px), -48px);
  }
}
.bg__tree-19 {
  transform: translate(calc(-50% + 352px), -76px);
}
.bg__tree-20 {
  transform: translate(calc(-50% + 156px), 40px);
}
@media (max-width: 1439px) {
  .bg__tree-20 {
    transform: translate(calc(-50% + 156px), -28px);
  }
}
.bg__tree-21 {
  transform: translate(calc(-50% + 480px), 100px);
}
.bg__tree-22 {
  transform: translate(calc(-50% + 320px), -164px);
}
.bg__tree-23 {
  transform: translate(calc(-50% + 96px), -124px);
}
.bg__tree-24 {
  transform: translate(calc(-50% + 314px), 40px);
}
.bg__tree-25 {
  transform: translate(calc(-50% - 367px), 856px);
}
.bg__tree-26 {
  transform: translate(calc(-50% - 512px), 962px);
}

.bg-lamps {
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .bg-lamps {
    display: none;
  }
}
.bg-lamps__lamp {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.bg-lamps__dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #e6e6e6;
}
.bg-lamps__lighting {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms linear;
  opacity: 0;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(50% 50% at 50% 50%, #ffbf36 28.5%, #ffd988 45.9%, rgba(255, 191, 54, 0) 100%);
  filter: blur(25px);
}
.bg-lamps__lamp:hover .bg-lamps__lighting {
  opacity: 0.9;
}
@media (max-width: 1439px) {
  .bg-lamps__lamp:hover .bg-lamps__lighting {
    opacity: 0;
  }
}
.bg-lamps__lamp-1 {
  transform: translate(-50%, -40px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-1 {
    transform: translate(calc(-50% + 180px), -38px);
  }
}
.bg-lamps__lamp-2 {
  transform: translate(calc(-50% + 52px), 112px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-2 {
    transform: translate(calc(-50% + 220px), 88px);
  }
}
.bg-lamps__lamp-3 {
  transform: translate(calc(-50% - 8px), 240px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-3 {
    transform: translate(calc(-50% + 178px), 220px);
  }
}
.bg-lamps__lamp-4 {
  transform: translate(calc(-50% - 80px), 412px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-4 {
    transform: translate(calc(-50% + 80px), 412px);
  }
}
.bg-lamps__lamp-5 {
  transform: translate(calc(-50% - 460px), 512px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-5 {
    transform: translate(calc(-50% - 272px), 512px);
  }
}
.bg-lamps__lamp-6 {
  transform: translate(calc(-50% - 660px), 640px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-6 {
    transform: translate(calc(-50% - 420px), 612px);
  }
}
.bg-lamps__lamp-7 {
  transform: translate(calc(-50% - 660px), 860px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-7 {
    transform: translate(calc(-50% - 420px), 940px);
  }
}
.bg-lamps__lamp-8 {
  transform: translate(calc(-50% - 500px), 1000px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-8 {
    transform: translate(calc(-50% - 240px), 1060px);
  }
}
.bg-lamps__lamp-9 {
  transform: translate(calc(-50% - 360px), 1080px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-9 {
    transform: translate(calc(-50% - 400px), 1180px);
  }
}
.bg-lamps__lamp-10 {
  transform: translate(calc(-50% + 360px), -216px);
}
.bg-lamps__lamp-11 {
  transform: translate(calc(-50% + 360px), 20px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-11 {
    transform: translate(calc(-50% + 400px), 40px);
  }
}
.bg-lamps__lamp-12 {
  transform: translate(calc(-50% - 220px), 712px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-12 {
    transform: translate(calc(-50% - 432px), 712px);
  }
}
.bg-lamps__lamp-13 {
  transform: translate(calc(-50% + 40px), 912px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-13 {
    display: none;
  }
}
.bg-lamps__lamp-14 {
  transform: translate(calc(-50% - 90px), -68px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-14 {
    transform: translate(calc(-50% - 320px), -252px);
  }
}
.bg-lamps__lamp-15 {
  transform: translate(calc(-50% + 228px), -20px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-15 {
    transform: translate(calc(-50% + 80px), -180px);
  }
}
.bg-lamps__lamp-16 {
  transform: translate(calc(-50% - 72px), -220px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-16 {
    transform: translate(calc(-50% + 368px), -220px);
  }
}
.bg-lamps__lamp-17 {
  transform: translate(calc(-50% + 180px), -112px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-17 {
    transform: translate(calc(-50% + 360px), -112px);
  }
}
.bg-lamps__lamp-18 {
  transform: translate(calc(-50% + 360px), 40px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-18 {
    transform: translate(calc(-50% + 200px), 40px);
  }
}
.bg-lamps__lamp-19 {
  transform: translate(calc(-50% - 340px), 844px);
}
@media (max-width: 1439px) {
  .bg-lamps__lamp-19 {
    transform: translate(calc(-50% - 440px), 684px);
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fcfcfc;
  border-radius: 0 0 8px 8px;
  z-index: 10;
  transition: all 0.3s linear;
  transform: translateY(0);
}
.header--hide {
  transform: translateY(-63px);
}
.header__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  height: 40px;
}
.header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53px;
  width: 126px;
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  border-radius: 0 0 8px 8px;
  left: 0;
  z-index: 1;
}
.header__logo img {
  width: 94px;
  height: 29px;
}
.header__menu-button {
  display: none;
  flex-direction: column;
  gap: 2px;
  cursor: pointer;
  padding: 4px;
}
.header__menu-button img {
  transition: all 0.3s linear;
}
.header__menu-button--close img:nth-child(1) {
  transform: translateY(150%) rotate(-45deg);
}
.header__menu-button--close img:nth-child(2) {
  opacity: 0;
}
.header__menu-button--close img:nth-child(3) {
  transform: translateY(-150%) rotate(35deg);
}
@media (max-width: 1439px) {
  .header__menu-button {
    display: flex;
  }
}
.header__menu {
  background: #fcfcfc;
  padding-right: 16px;
  padding-left: 188px;
  overflow: hidden;
  transition: all 0.3s linear;
}
@media (max-width: 767px) {
  .header__menu {
    padding-right: 0;
    padding-left: 0;
  }
}
.header__menu-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 46px;
}
.header__menu-link {
  display: flex;
  align-items: center;
}
.header__menu-link img {
  filter: brightness(0);
}
@media (max-width: 1439px) {
  .header__nav {
    display: none;
  }
}
.header__nav-list {
  display: flex;
}
.header__nav-list li {
  padding: 0 32px;
}
@media (max-width: 1439px) {
  .header__nav-list li {
    padding: 0 12px;
  }
}
.header__link {
  display: flex;
  align-items: center;
}
.header__link span {
  position: relative;
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transition: all 0.3s linear;
  text-wrap: nowrap;
  border-bottom: 1px solid transparent;
  filter: brightness(0);
}
.header__link img {
  height: 24px;
  width: 24px;
  filter: brightness(0);
  transition: all 0.3s linear;
}
.header__link:hover span {
  filter: brightness(1);
  border-color: #ff8c0e;
}
.header__link:hover img {
  filter: brightness(1);
}

.offer {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 890px;
  z-index: 1;
}
@media (max-width: 1439px) {
  .offer {
    min-height: 900px;
  }
}
@media (max-width: 767px) {
  .offer {
    min-height: 575px;
  }
}
.offer__bg-container {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 0px 0px 16px 16px;
  overflow: hidden;
}
.offer__bg-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  animation: background-animation 3s forwards alternate ease-in-out;
}
.offer__bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.offer__row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.offer__top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
}
.offer__logo-container {
  height: 72px;
  max-width: 126px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: #1b1918;
  border-radius: 0 0 16px 16px;
  animation: logo-animation 2s forwards alternate ease-in-out;
  padding: 0 16px 16px;
  z-index: -1;
}
@media (max-width: 1439px) {
  .offer__logo-container {
    max-width: 86px;
    padding: 0 12px 12px;
  }
}
.offer__logo {
  width: 100%;
  height: 24px;
  object-fit: contain;
}
@media (max-width: 1439px) {
  .offer__logo {
    height: 18px;
  }
}
.offer__promo-button {
  animation: promo-button-animation 2s forwards alternate ease-in-out;
}
@media (max-width: 767px) {
  .offer__promo-button button {
    padding: 16px;
  }
}
.offer__art-top {
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  object-fit: contain;
  height: 100%;
  width: 100%;
  animation: art-top-animation 2s forwards alternate ease-in-out;
}
@media (max-width: 767px) {
  .offer__art-top {
    max-width: 328px;
  }
}
.offer__art-bottom {
  position: absolute;
  bottom: 50%;
  transform: translateY(100%);
  object-fit: contain;
  height: 100%;
  width: 100%;
  animation: art-bottom-animation 2s forwards alternate ease-in-out;
}
.offer__title {
  position: absolute;
  left: 50%;
  text-align: center;
  text-wrap: nowrap;
  animation: title-animation 2s forwards alternate ease-in-out;
}
@media (max-width: 767px) {
  .offer__title {
    text-wrap: wrap;
  }
}
.offer__description {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: description-animation 2s forwards alternate ease-in-out;
}
.offer__details {
  text-align: center;
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .offer__details {
    margin-bottom: 40px;
  }
}
.offer__date-block {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .offer__date-block {
    margin-bottom: 16px;
  }
}
.offer__time {
  text-align: center;
}
.offer__full-date {
  text-align: center;
}
@keyframes background-animation {
  0% {
    background: rgba(252, 252, 252, 0.97);
  }
  50% {
    background: rgba(252, 252, 252, 0.9);
  }
  100% {
    background: rgba(252, 252, 252, 0.8);
  }
}
@keyframes art-top-animation {
  0% {
    top: 50%;
    transform: translateY(-100%);
    max-height: 259px;
    max-width: 518px;
    opacity: 1;
  }
  50% {
    top: 50%;
    transform: translateY(calc(-100% - 81px - 16px));
    max-height: 259px;
    max-width: 518px;
    opacity: 0.6;
  }
  100% {
    top: 92px;
    transform: translateY(0);
    max-height: 170px;
    max-width: 340px;
    opacity: 0;
  }
}
@media (max-width: 1439px) {
  @keyframes art-top-animation {
    0% {
      top: 50%;
      transform: translateY(-100%);
      max-height: 259px;
      max-width: 518px;
      opacity: 1;
    }
    50% {
      top: 50%;
      transform: translateY(calc(-100% - 81px - 16px));
      max-height: 259px;
      max-width: 518px;
      opacity: 0.6;
    }
    100% {
      top: 166px;
      transform: translateY(0);
      max-height: 170px;
      max-width: 340px;
      opacity: 0;
    }
  }
}
@media (max-width: 767px) {
  @keyframes art-top-animation {
    0% {
      top: 50%;
      transform: translateY(-100%);
      max-height: 164px;
      max-width: 328px;
      opacity: 1;
    }
    50% {
      top: 50%;
      transform: translateY(calc(-100% - 72px - 16px));
      max-height: 164px;
      max-width: 328px;
      opacity: 0.6;
    }
    100% {
      top: 50%;
      transform: translateY(calc(-100% - 72px));
      max-height: 164px;
      max-width: 328px;
      opacity: 0;
    }
  }
}
@keyframes art-bottom-animation {
  0% {
    bottom: 50%;
    transform: translateY(100%);
    max-height: 259px;
    max-width: 518px;
    opacity: 1;
  }
  50% {
    bottom: 50%;
    transform: translateY(calc(100% + 81px + 16px));
    max-height: 259px;
    max-width: 518px;
    opacity: 0.6;
  }
  100% {
    bottom: 50%;
    transform: translateY(calc(100% + 81px + 16px));
    max-height: 170px;
    max-width: 340px;
    opacity: 0;
  }
}
@media (max-width: 1439px) {
  @keyframes art-bottom-animation {
    0% {
      bottom: 50%;
      transform: translateY(100%);
      max-height: 259px;
      max-width: 518px;
      opacity: 1;
    }
    50% {
      bottom: 50%;
      transform: translateY(calc(100% + 81px + 16px));
      max-height: 259px;
      max-width: 518px;
      opacity: 0.6;
    }
    100% {
      bottom: 50%;
      transform: translateY(calc(100% + 81px + 16px));
      max-height: 170px;
      max-width: 340px;
      opacity: 0;
    }
  }
}
@media (max-width: 767px) {
  @keyframes art-bottom-animation {
    0% {
      bottom: 50%;
      transform: translateY(100%);
      max-height: 164px;
      max-width: 328px;
      opacity: 1;
    }
    50% {
      bottom: 50%;
      transform: translateY(calc(100% + 72px + 16px));
      max-height: 164px;
      max-width: 328px;
      opacity: 0.6;
    }
    100% {
      bottom: 50%;
      transform: translateY(calc(100% + 72px));
      max-height: 164px;
      max-width: 328px;
      opacity: 0;
    }
  }
}
@keyframes logo-animation {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes promo-button-animation {
  0% {
    transform: translate(50%, calc(-100% - 16px));
  }
  50% {
    transform: translate(50%, calc(-100% - 16px));
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@keyframes title-animation {
  0% {
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
  50% {
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    top: 293px;
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@media (max-width: 1439px) {
  @keyframes title-animation {
    0% {
      top: 50%;
      transform: translate(-50%, -50%) scale(0.5);
      opacity: 0;
    }
    50% {
      top: 50%;
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    100% {
      top: 368px;
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
    }
  }
}
@media (max-width: 767px) {
  @keyframes title-animation {
    0% {
      top: 50%;
      transform: translate(-50%, -50%) scale(0.5);
      opacity: 0;
    }
    50% {
      top: 50%;
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    100% {
      top: 152px;
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
    }
  }
}
@keyframes description-animation {
  0% {
    top: calc(100% - 173px);
    opacity: 0;
  }
  50% {
    top: calc(100% - 173px);
    @media (max-width: 1439px) {
      .offer {
        top: calc(100% - 132px);
      }
    }
    opacity: 0;
  }
  100% {
    top: 453px;
    opacity: 1;
  }
}
@media (max-width: 1439px) {
  @keyframes description-animation {
    0% {
      top: calc(100% - 173px);
      opacity: 0;
    }
    50% {
      top: calc(100% - 173px);
      @media (max-width: 1439px) and (max-width: 1439px) {
        .offer {
          top: calc(100% - 132px);
        }
      }
      opacity: 0;
    }
    100% {
      top: 512px;
      opacity: 1;
    }
  }
}
@media (max-width: 767px) {
  @keyframes description-animation {
    0% {
      top: calc(100% - 173px);
      opacity: 0;
    }
    50% {
      top: calc(100% - 173px);
      @media (max-width: 767px) and (max-width: 1439px) {
        .offer {
          top: calc(100% - 132px);
        }
      }
      opacity: 0;
    }
    100% {
      top: 362px;
      opacity: 1;
    }
  }
}

.targeting {
  padding-top: 372px;
  position: relative;
}
@media (max-width: 767px) {
  .targeting {
    padding-top: 240px;
  }
}
.targeting__art-top-container {
  position: absolute;
  z-index: 0;
  top: -126px;
  left: 50%;
  transform: translateX(calc(-50% + 494px));
  display: flex;
  justify-content: center;
}
@media (max-width: 1439px) {
  .targeting__art-top-container {
    transform: translateX(-50%);
    top: -40px;
  }
}
@media (max-width: 767px) {
  .targeting__art-top-container {
    margin: 16px 0 48px;
  }
}
.targeting__art-top {
  width: 580px;
  height: 580px;
}
@media (max-width: 1439px) {
  .targeting__art-top {
    width: 240px;
    height: 240px;
  }
}
.targeting__title {
  margin-left: 178px;
  margin-bottom: 120px;
}
@media (max-width: 1439px) {
  .targeting__title {
    margin-left: 188px;
  }
}
@media (max-width: 767px) {
  .targeting__title {
    margin-left: 0;
    margin-bottom: 32px;
  }
}
.targeting__row {
  display: flex;
  justify-content: flex-end;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  gap: 194px;
}
@media (max-width: 1439px) {
  .targeting__row {
    gap: 46px;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .targeting__row {
    gap: 32px;
  }
}
.targeting__description {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 516px;
  width: 100%;
}
@media (max-width: 1439px) {
  .targeting__description {
    margin-right: 32px;
  }
}
@media (max-width: 767px) {
  .targeting__description {
    max-width: none;
    margin-right: 0;
    gap: 20px;
  }
}
.targeting__description h5, .targeting__description .support__link {
  margin-bottom: 8px;
}
.targeting__description p {
  color: #8c8c8c;
}
.targeting__side-art {
  position: absolute;
  left: -100%;
  transform: translateX(calc(50% - 12px));
  top: 0;
  width: 340px;
  height: 518px;
}
@media (max-width: 767px) {
  .targeting__side-art {
    display: none;
  }
}
.targeting__sidebar {
  display: flex;
  flex-direction: column;
  max-width: 356px;
  width: 100%;
  gap: 16px;
  background: #fcfcfc;
  padding: 32px;
  border-radius: 16px 0 0 16px;
  height: fit-content;
  margin-right: -16px;
}
@media (max-width: 1439px) {
  .targeting__sidebar {
    max-width: 564px;
  }
}
.targeting__sidebar-title {
  color: #8c8c8c;
}
.targeting__sidebar-chrysler {
  color: #ff8c0e;
}

.promo .plyr {
  border-radius: 16px;
}
.promo .plyr__video-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.promo .plyr--full-ui input[type=range] {
  color: #fcfcfc;
}
.promo .plyr--video .plyr__control.plyr__tab-focus, .promo .plyr--video .plyr__control:hover, .promo .plyr--video .plyr__control[aria-expanded=true] {
  background: rgba(252, 252, 252, 0.4);
}
.promo .plyr__control--overlaid {
  background-color: transparent;
  border: 2px solid #fcfcfc;
}

@media (max-width: 767px) {
  .modules {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .modules .container {
    margin: 0;
  }
}
.modules__row {
  position: relative;
  display: flex;
  gap: 16px;
}
@media (max-width: 1439px) {
  .modules__row {
    flex-direction: column;
  }
}
.modules__left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 72px;
}
@media (max-width: 1439px) {
  .modules__left {
    padding-bottom: 0;
  }
}
.modules__right {
  margin-top: 178px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1439px) {
  .modules__right {
    margin-top: 0;
    padding-bottom: 192px;
  }
}
@media (max-width: 1439px) {
  .modules__right {
    padding-bottom: 72px;
  }
}
.modules__module {
  position: relative;
  width: 100%;
  padding: 32px;
  background: #fcfcfc;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .modules__module {
    padding: 16px;
  }
}
.modules__module-number {
  display: flex;
  margin-bottom: 48px;
  width: fit-content;
}
@media (max-width: 767px) {
  .modules__module-number {
    margin-bottom: 8px;
  }
}
.modules__module-number p {
  transform: translateY(0);
  background-image: linear-gradient(0deg, #ff8c0e 0%, #ff8c0e 100%);
  filter: brightness(1);
}
.modules__module-number:hover p {
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
  border-color: #ff8c0e;
}
.modules__module-number:active p {
  background-image: linear-gradient(113deg, #ff2300 4.2%, #f5c713 31.67%, #ff2a00 106.83%);
}
.modules__arrow-icon {
  width: 23px;
  height: 23px;
  margin-right: 16px;
  fill: #ff8c0e;
}
.modules__module-title {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .modules__module-title {
    margin-bottom: 8px;
  }
}
.modules__module-description {
  margin-top: 74px;
}
@media (max-width: 767px) {
  .modules__module-description {
    margin-top: 8px;
  }
}
.modules__module-description--offset {
  margin-top: 50px;
  max-width: 486px;
  width: 100%;
}
@media (max-width: 767px) {
  .modules__module-description--offset {
    margin-top: 8px;
    max-width: none;
  }
}
.modules__first-art {
  max-width: 632px;
  width: 100%;
  height: 340px;
}
@media (max-width: 767px) {
  .modules__first-art {
    max-width: 267px;
    height: 267px;
    object-position: right;
  }
}
.modules__second-art, .modules__third-art {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 308px;
  height: 276px;
}
@media (max-width: 767px) {
  .modules__second-art {
    position: static;
  }
}
@media (max-width: 767px) {
  .modules__third-art {
    position: static;
  }
}
.modules__button {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .modules__button {
    width: calc(100% - 32px);
    margin: 0 16px;
  }
}

@media (max-width: 767px) {
  .course .container {
    margin: 0;
  }
}
.course__block-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.course__block {
  background: #fcfcfc;
  padding: 32px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .course__block {
    padding: 16px;
  }
}
.course__pre-title {
  color: #8c8c8c;
  margin-bottom: 154px;
}
@media (max-width: 1439px) {
  .course__pre-title {
    margin-bottom: 16px;
  }
}
.course__module-title {
  margin-bottom: 90px;
}
@media (max-width: 1439px) {
  .course__module-title {
    margin-bottom: 16px;
  }
}
.course__module-description {
  display: flex;
  gap: 16px;
}
@media (max-width: 1439px) {
  .course__module-description {
    flex-direction: column;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.course__sign-up {
  display: flex;
  flex-direction: column;
  max-width: 308px;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #f5f5f5;
  height: fit-content;
}
@media (max-width: 1439px) {
  .course__sign-up {
    max-width: none;
  }
}
.course__sign-up-description {
  gap: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.course__sign-up-price h3, .course__sign-up-price .course__sign-up-price-number, .course__sign-up-price .modal__current-page {
  display: inline;
}
.course__sign-up-title {
  color: #8c8c8c;
}
.course__sign-up-curator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course__sign-up-curator img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.course__join-button-container {
  width: 100%;
}
.course .expand-list {
  background: #f5f5f5;
}

.gallery {
  position: relative;
}
@media (max-width: 767px) {
  .gallery {
    margin-bottom: 150px;
  }
}
.gallery__top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .gallery__top button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .gallery__top {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .gallery__all {
    position: absolute;
    width: calc(100% - 32px);
    bottom: -70px;
  }
}
.gallery__swiper-container {
  margin-right: calc(50% - 50vw);
}
.gallery__swiper {
  z-index: 0;
  height: 696px;
  overflow: hidden;
  padding-right: calc(100% - 1408px);
}
@media (max-width: 1439px) {
  .gallery__swiper {
    padding-right: calc(100% - 736px);
  }
}
@media (max-width: 767px) {
  .gallery__swiper {
    height: 328px;
    padding-right: 16px;
  }
}
.gallery__slide {
  width: fit-content;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .gallery__slide {
    width: 100%;
  }
}
.gallery__slide:nth-child(1) {
  max-width: 696px;
}
@media (max-width: 767px) {
  .gallery__slide:nth-child(1) {
    max-width: 328px;
  }
}
.gallery__slide:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 518px;
}
@media (max-width: 767px) {
  .gallery__slide:nth-child(2) {
    max-width: 243px;
  }
}
.gallery__slide:nth-child(3) {
  max-width: 696px;
}
@media (max-width: 767px) {
  .gallery__slide:nth-child(3) {
    max-width: 328px;
  }
}
.gallery__slide:nth-child(4) {
  display: grid;
  height: 100%;
  max-width: 696px;
  gap: 16px;
  grid-template: "a b" calc(50% - 8px) "c c" calc(50% - 8px)/1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
@media (max-width: 767px) {
  .gallery__slide:nth-child(4) {
    max-width: 328px;
    gap: 8px;
  }
}
.gallery__slide:nth-child(4) .gallery__image-container:nth-child(1) {
  grid-area: a;
}
.gallery__slide:nth-child(4) .gallery__image-container:nth-child(2) {
  grid-area: b;
}
.gallery__slide:nth-child(4) .gallery__image-container:nth-child(3) {
  grid-area: c;
}
.gallery__slide:nth-child(5) {
  max-width: 1408px;
}
@media (max-width: 767px) {
  .gallery__slide:nth-child(5) {
    max-width: 328px;
  }
}
.gallery__image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
}
.gallery__image-container:hover > img {
  transform: scale(1.05);
}
@media (max-width: 1439px) {
  .gallery__image-container:hover > img {
    transform: none;
  }
}
.gallery__image-container > img {
  max-height: 696px;
  height: 100%;
  width: 100%;
  transition: all 0.3s linear;
}
.gallery__swiper-card {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 32px);
  padding: 16px 24px 16px 16px;
  border-radius: 9px;
  color: #fcfcfc;
  background: #1b1918;
  opacity: 0;
  transition: all 0.3s linear;
}
@media (max-width: 767px) {
  .gallery__swiper-card {
    display: none;
  }
}
.gallery__image-container:hover .gallery__swiper-card {
  bottom: 16px;
  opacity: 1;
}
@media (max-width: 1439px) {
  .gallery__image-container:hover .gallery__swiper-card {
    opacity: 0;
  }
}
.gallery__swiper-card-main {
  display: flex;
  gap: 16px;
  align-items: center;
}
.gallery__swiper-card-avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.gallery__swiper-card-artist {
  color: #8c8c8c;
}
.gallery__swiper-card-socials {
  display: flex;
  gap: 16px;
}
.gallery__swiper-card-socials-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  transition: all 0.3s linear;
}
.gallery__swiper-card-socials-link:hover {
  border-color: #fcfcfc;
}
.gallery__swiper-card-socials-link svg {
  fill: #8c8c8c;
  transition: all 0.3s linear;
  height: 16px;
  width: 16px;
}
.gallery__swiper-card-socials-link:hover svg {
  fill: #fcfcfc;
}

@media (max-width: 767px) {
  .curators .container {
    margin: 0;
  }
}
.curators__title {
  margin-left: 164px;
  margin-bottom: 120px;
}
@media (max-width: 1439px) {
  .curators__title {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .curators__title {
    margin-left: 16px;
    margin-bottom: 16px;
  }
}
.curators__swiper {
  height: 696px;
  z-index: 0;
}
@media (max-width: 1439px) {
  .curators__swiper {
    height: auto;
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .curators__swiper {
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .curators__swiper-wrapper {
    margin-right: 0;
  }
}
.curators__slide {
  display: flex;
  gap: 16px;
  padding-left: 164px;
  width: 100%;
  height: auto !important;
}
@media (max-width: 1439px) {
  .curators__slide {
    flex-direction: column;
    padding-left: 0;
  }
}
.curators__image-container {
  display: flex;
  justify-content: center;
}
.curators__curator-image {
  height: 100%;
  max-width: 696px;
  width: 100%;
  border-radius: 16px;
}
@media (max-width: 1439px) {
  .curators__curator-image {
    height: 518px;
    max-width: 548px;
  }
}
@media (max-width: 767px) {
  .curators__curator-image {
    height: 328px;
    max-width: 328px;
  }
}
.curators__art-container {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 162px;
}
@media (max-width: 1439px) {
  .curators__art-container {
    display: none;
  }
}
.curators__art-image {
  max-width: 162px;
}
.curators__slide-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-right: -16px;
}
@media (max-width: 1439px) {
  .curators__slide-right {
    margin-right: 0;
  }
}
.curators__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  border-radius: 16px 0 0 16px;
  background: #fcfcfc;
  max-width: 356px;
  width: 100%;
}
@media (max-width: 1439px) {
  .curators__description {
    max-width: none;
    border-radius: 16px;
  }
}
.curators__description-title {
  color: #8c8c8c;
}
.curators__description-socials {
  display: flex;
  gap: 16px;
}
.curators__socials-link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  transition: all 0.3s linear;
}
.curators__socials-link:hover {
  border: 1px solid transparent;
}
.curators__socials-link svg {
  fill: #8c8c8c;
  transition: all 0.3s linear;
  height: 16px;
  width: 16px;
}
.curators__socials-link:hover svg {
  fill: #1b1918;
  transform: scale(1.5);
}
.curators__buttons {
  position: absolute;
  left: 1056px;
  bottom: 0;
  display: flex;
  gap: 16px;
}
@media (max-width: 1439px) {
  .curators__buttons {
    display: none;
  }
}
.curators__buttons .btn-secondary {
  height: 56px;
  width: 88px;
}
.curators__button-prev, .curators__button-next {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  fill: #1b1918;
  margin-top: 0;
  transform: translateY(-50%);
}
.curators__button-prev img, .curators__button-next img {
  width: 24px;
  height: 24px;
}
.curators__button-next img {
  transform: rotate(180deg);
}
.curators__button-prev::after, .curators__button-next::after {
  display: none;
}

.faq__row {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 16px;
}
@media (max-width: 1439px) {
  .faq__row {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.faq__art-container {
  position: relative;
  min-height: 840px;
  height: 100%;
}
@media (max-width: 1439px) {
  .faq__art-container {
    display: none;
  }
}
.faq__art {
  position: absolute;
  top: 840px;
  transform: translateY(-100%);
  max-width: 340px;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .faq__art {
    top: auto;
    bottom: 0;
    transform: translateY(0);
    height: 404px;
    max-width: 360px;
  }
}
@media (max-width: 767px) {
  .faq__art {
    max-width: 338px;
  }
}
.faq__title {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .faq__title {
    margin-bottom: 82px;
  }
}
.faq .expand-list {
  background: #fcfcfc;
}
@media (max-width: 1439px) {
  .faq .expand-list {
    order: 0;
  }
}

.support__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  grid-template: "a b" 162px "a c" 1fr/1fr 1fr;
}
@media (max-width: 1439px) {
  .support__main {
    grid-template: "b" 96px "a" 518px "c" 1fr;
  }
}
@media (max-width: 767px) {
  .support__main {
    grid-template: "b" 96px "a" 268px "c" 1fr;
  }
}
.support__image {
  grid-area: a;
  height: 696px;
  width: 100%;
  border-radius: 16px;
}
@media (max-width: 1439px) {
  .support__image {
    height: 518px;
  }
}
@media (max-width: 767px) {
  .support__image {
    height: 268px;
  }
}
.support__title {
  grid-area: b;
  margin: 0 32px;
}
@media (max-width: 1439px) {
  .support__title {
    margin: 0;
  }
}
.support__form {
  grid-area: c;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 178px 32px 32px;
  border-radius: 16px;
  background: #fcfcfc;
  height: 100%;
}
@media (max-width: 1439px) {
  .support__form {
    padding: 32px;
  }
  .support__form .input-group__checkbox {
    max-width: 390px;
  }
}
@media (max-width: 767px) {
  .support__form {
    padding: 16px;
  }
}
.support__button-container {
  width: 100%;
}
.support__socials {
  height: 162px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
  gap: 64px;
}
@media (max-width: 1439px) {
  .support__socials {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .support__socials {
    flex-wrap: wrap;
    padding: 0 24px;
    margin: 24px 0;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .support__politics {
    display: block;
  }
}
.support__politics span:nth-child(2) {
  text-wrap: nowrap;
}
.footer {
  margin-bottom: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .footer {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .footer .container {
    margin: 0;
  }
}
.footer__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  border-radius: 16px;
  background: #fcfcfc;
  height: 340px;
}
@media (max-width: 1439px) {
  .footer__row {
    grid-template-columns: 1fr;
    height: auto;
  }
}
@media (max-width: 767px) {
  .footer__row {
    border-radius: 16px 16px 0 0;
    gap: 0;
  }
}
.footer__copyright {
  display: flex;
  align-items: flex-end;
  padding: 32px;
}
@media (max-width: 1439px) {
  .footer__copyright {
    padding: 24px;
    order: 1;
  }
}
.footer__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
}
@media (max-width: 1439px) {
  .footer__list {
    flex-direction: row;
    padding: 24px;
    gap: 24px;
  }
  .footer__list--hide-narrow-screen {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer__list {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .projects .divider {
    margin-top: 112px;
  }
}
.projects__title {
  margin-bottom: 120px;
}
@media (max-width: 1439px) {
  .projects__title {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .projects__title {
    margin-bottom: 16px;
  }
}
.projects__row {
  display: flex;
  flex-direction: column;
  gap: 178px;
}
.projects__grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(16, 162px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.projects__grid > .projects__grid-item:nth-child(9n+1) {
  grid-area: span 4/span 4;
}
.projects__grid > .projects__grid-item:nth-child(9n+2) {
  grid-area: span 2/6/span 2/9;
}
.projects__grid > .projects__grid-item:nth-child(9n+3) {
  grid-area: span 2/6/span 2/9;
}
.projects__grid > .projects__grid-item:nth-child(9n+4) {
  grid-area: span 2/1/span 2/6;
}
.projects__grid > .projects__grid-item:nth-child(9n+5) {
  grid-area: span 4/span 8;
}
.projects__grid > .projects__grid-item:nth-child(9n+6) {
  grid-area: span 3/7/span 3/9;
}
.projects__grid > .projects__grid-item:nth-child(9n+7) {
  grid-area: span 2/1/span 2/3;
}
.projects__grid > .projects__grid-item:nth-child(9n+8) {
  grid-area: span 2/3/span 2/5;
}
.projects__grid > .projects__grid-item:nth-child(9n+9) {
  grid-area: span 3/4/span 3/8;
}
.projects__grid > .projects__grid-item:nth-child(9n+1), .projects__grid > .projects__grid-item:nth-child(9n+2), .projects__grid > .projects__grid-item:nth-child(9n+3), .projects__grid > .projects__grid-item:nth-child(9n+5), .projects__grid > .projects__grid-item:nth-child(9n+7), .projects__grid > .projects__grid-item:nth-child(9n+8), .projects__grid > .projects__grid-item:nth-child(9n+9) {
  position: relative;
  border-radius: 16px;
}
.projects__grid > .projects__grid-item:nth-child(9n+1) > img, .projects__grid > .projects__grid-item:nth-child(9n+2) > img, .projects__grid > .projects__grid-item:nth-child(9n+3) > img, .projects__grid > .projects__grid-item:nth-child(9n+5) > img, .projects__grid > .projects__grid-item:nth-child(9n+7) > img, .projects__grid > .projects__grid-item:nth-child(9n+8) > img, .projects__grid > .projects__grid-item:nth-child(9n+9) > img {
  transition: all 0.3s linear;
}
.projects__grid > .projects__grid-item:nth-child(9n+1):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+2):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+3):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+5):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+7):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+8):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+9):hover .projects__card {
  bottom: 16px;
  opacity: 1;
}
@media (max-width: 1439px) {
  .projects__grid > .projects__grid-item:nth-child(9n+1):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+2):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+3):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+5):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+7):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+8):hover .projects__card, .projects__grid > .projects__grid-item:nth-child(9n+9):hover .projects__card {
    opacity: 0;
  }
}
.projects__grid > .projects__grid-item:nth-child(9n+1):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+2):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+3):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+5):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+7):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+8):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+9):hover > img {
  transform: scale(1.05);
}
@media (max-width: 1439px) {
  .projects__grid > .projects__grid-item:nth-child(9n+1):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+2):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+3):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+5):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+7):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+8):hover > img, .projects__grid > .projects__grid-item:nth-child(9n+9):hover > img {
    transform: none;
  }
}
@media (max-width: 1439px) {
  .projects__grid {
    grid-template-rows: repeat(16, 85px);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}
@media (max-width: 767px) {
  .projects__grid {
    grid-template-rows: repeat(16, 40px);
  }
}
.projects__grid-item {
  overflow: hidden;
}
.projects__grid-item > img {
  width: 100%;
  height: 100%;
}
.projects__card {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 32px);
  padding: 16px 24px 16px 16px;
  border-radius: 9px;
  color: #fcfcfc;
  background: #1b1918;
  opacity: 0;
  transition: all 0.3s linear;
}
@media (max-width: 767px) {
  .projects__card {
    display: none;
  }
}
.projects__card-main {
  display: flex;
  gap: 16px;
  align-items: center;
}
.projects__card-avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.contacts__image {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(calc(-50% + 356px));
}
@media (max-width: 1439px) {
  .contacts__image {
    height: 226px;
    width: 522px;
    transform: translateX(calc(-50% + 106px));
  }
}
@media (max-width: 767px) {
  .contacts__image {
    height: 150px;
    width: 358px;
    left: calc(100% - 179px - 16px);
    transform: translateX(-50%);
  }
}
.contacts__title {
  margin-bottom: 66px;
}
@media (max-width: 1439px) {
  .contacts__title {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .contacts__title {
    margin-bottom: 16px;
  }
}
.contacts__list {
  display: flex;
  gap: 64px;
  margin-bottom: 16px;
}
@media (max-width: 1439px) {
  .contacts__list {
    flex-direction: column;
    gap: 16px;
  }
}
.contacts__item {
  display: flex;
  flex-direction: column;
}
.contacts__item span {
  color: #8c8c8c;
}
.contacts__item a {
  width: fit-content;
  transform: translate(0);
}
.contacts__map {
  width: 100%;
  height: 696px;
  border: 0;
  border-radius: 8px;
}
@media (max-width: 1439px) {
  .contacts__map {
    height: 464px;
  }
}

.not-found {
  position: relative;
  height: 100vh;
  background: #f5f5f5;
}
.not-found__logo-container {
  height: 72px;
  max-width: 126px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: #1b1918;
  border-radius: 0 0 16px 16px;
  padding: 0 16px 16px;
}
@media (max-width: 767px) {
  .not-found__logo-container {
    max-width: 86px;
    padding: 0 12px 12px;
  }
}
.not-found__logo {
  width: 100%;
  height: 24px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .not-found__logo {
    height: 18px;
  }
}
.not-found__image-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 840px;
}
@media (max-width: 1439px) {
  .not-found__image-container {
    width: 621px;
  }
}
@media (max-width: 767px) {
  .not-found__image-container {
    width: 328px;
  }
}
.not-found__image {
  display: flex;
  width: 100%;
  height: 300px;
}
@media (max-width: 1439px) {
  .not-found__image {
    height: 221px;
  }
}
@media (max-width: 767px) {
  .not-found__image {
    height: 117px;
  }
}
.not-found__button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 244px);
}
@media (max-width: 1439px) {
  .not-found__button-container {
    transform: translate(-50%, 204.5px);
  }
}
@media (max-width: 767px) {
  .not-found__button-container {
    transform: translate(-50%, 152.5px);
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/eospro_bootstrap_plus/eshop/template_styles.min.css?17470924488037*/
.bx-yellow,.bx-theme-yellow{--primary:#f9a91d;--theme-color-primary:#f9a91d;--theme-color-second:#faba4a;--theme-color-light:#fff;--theme-b-link:#f9a91d;--theme-b-link-hover:#faba4a;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#f9a91d;--theme-b-bd-primary:#f9a91d;--theme-b-sd-primary:rgba(249,169,29,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#faba4a;--theme-b-bd-primary-hover:#daa53e;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#faba4a;--theme-b-bd-primary-active:#daa53e;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#daa53e;--theme-b-bd-primary-disabled:#b7853b}.bx-blue,.bx-theme-blue{--primary:#0083d1;--theme-color-primary:#0083d1;--theme-color-second:#5ca6e4;--theme-color-light:#f0f6f8;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#0083d1;--theme-b-bd-primary:#0083d1;--theme-b-sd-primary:rgba(0,131,209,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5ca6e4;--theme-b-bd-primary-hover:#5599d2;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5ca6e4;--theme-b-bd-primary-active:#5599d2;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#5599d2;--theme-b-bd-primary-disabled:#4d8bbf}.bx-red,.bx-theme-red{--primary:#e22b2b;--theme-color-primary:#e22b2b;--theme-color-second:#e95c5c;--theme-color-light:#f0f0f0;--theme-b-link:#e22b2b;--theme-b-link-hover:#e95c5c;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#e22b2b;--theme-b-bd-primary:#e22b2b;--theme-b-sd-primary:rgba(226,43,43,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#e95c5c;--theme-b-bd-primary-hover:#d05454;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#e95c5c;--theme-b-bd-primary-active:#d05454;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#d05454;--theme-b-bd-primary-disabled:#c04e4e}.bx-green,.bx-theme-green{--primary:#63aa28;--theme-color-primary:#63aa28;--theme-color-second:#5b9f0b;--theme-color-light:#a8d95b;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#63aa28;--theme-b-bd-primary:#63aa28;--theme-b-sd-primary:rgba(99,170,40,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5b9f0b;--theme-b-bd-primary-hover:#56940b;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5b9f0b;--theme-b-bd-primary-active:#56940b;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#56940b;--theme-b-bd-primary-disabled:#497c09}body{background-attachment:fixed;background-size:cover;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}#pagetitle{margin-bottom:35px}h1,h2,h3,h4,h5{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-content-section,.bx-header-section{padding-bottom:2px;background-color:rgba(255,255,255,.95)}.bx-header-logo{order:1}.bx-header-personal{order:3}.bx-header-contact{order:2}.bx-logo-block{display:block;height:50px;border-bottom:0}.bx-logo-block img{max-height:50px;width:auto}@media(max-width:767px){.bx-logo-block img{max-width:100%;max-height:45px;width:auto;height:auto}.bx-header-logo{padding:5px 50px;height:55px;background-color:var(--theme-color-primary)}.bx-logo-block{height:auto}body.bx-theme-green .bx-store-logo{background:#33b111}}.bx-header-phone-block{display:flex;align-items:center}.bx-header-phone-number{color:#000;white-space:nowrap;font:21px/28px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-header-phone-icon{display:block;margin-right:10px;width:26px;height:26px;	background: no-repeat center url(/local/templates/eospro_bootstrap_plus/eshop/images/phone.svg);}@media(max-width:991px){.bx-header-phone-number{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}}.bx-header-worktime{color:#000;font:16px/22px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-worktime-title{color:#adadad;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-worktime-schedule{color:#000;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}@media(max-width:991px){.bx-header-worktime{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}}.sidebar-block-title{color:#343434;text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.bx-footer-bg{background-color:#1f496a}.bx-footer-logo{border-bottom:none !important;text-decoration:none !important}.bx-footer-logo img{max-width:100%;height:auto}.bx-inclinkspersonal-item.bx-theme-blue:hover{background:#0083d1}.bx-theme-blue.bx-inclinkspersonal-selected{background:#3398d7}.bx-inclinkspersonal-item.bx-theme-black:hover{background:#303030}.bx-theme-black.bx-inclinkspersonal-selected{background:#484848}.bx-inclinkspersonal-item.bx-theme-green:hover{background:#44b1c9}.bx-theme-green.bx-inclinkspersonal-selected{background:#5cc3d1}.bx-inclinkspersonal-item.bx-theme-red:hover{background:#e63c3c}.bx-theme-red.bx-inclinkspersonal-selected{background:#e95c5c}.bx-inclinkspersonal-item.bx-theme-yellow:hover{background:#f4a52e}.bx-theme-yellow.bx-inclinkspersonal-selected{background:#fbb859}.btn-primary,.list-group-item.active{border-color:var(--theme-b-bd-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:hover{border-color:var(--theme-b-bd-primary-hover);background-color:var(--theme-b-bg-primary-hover);color:var(--theme-b-tx-primary-hover)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.btn-primary.disabled,.btn-primary:disabled{border-color:var(--theme-b-bg-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-b-bd-primary-active);background-color:var(--theme-b-bg-primary-active);color:var(--theme-b-tx-primary-active)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.form-control:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}a,.btn-link{color:var(--theme-b-link)}a:hover,.btn-link:hover{color:var(--theme-b-link-hover)}.g-font-size-15{font-size:15px}.g-font-size-17{font-size:17px}.g-font-size-20{font-size:20px}.text-primary{color:var(--primary) !important}.bg-primary{background:var(--primary) !important}.border-primary{border-color:var(--primary) !important}.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5{text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar li{font-size:12px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar-icon{width:27px;height:27px;margin-right:5px;border-radius:50%;background-color:var(--theme-color-primary);background-repeat:no-repeat;background-position:center;}

.sidebar-icon-label {
	background-image:  url(/local/templates/eospro_bootstrap_plus/eshop/images/label.svg); background-size:19px auto;}

.sidebar-icon-delivery {
	background-image: url(/local/templates/eospro_bootstrap_plus/eshop/images/delivery.svg); background-size:17px auto;}

.sidebar-icon-sale {
	background-image: url(/local/templates/eospro_bootstrap_plus/eshop/images/sale.svg); background-size:auto 17px;}

.sidebar-icon-self {
	background-image: url(/local/templates/eospro_bootstrap_plus/eshop/images/self.svg); background-size:auto 17px;}

.sidebar-icon-phone {
	background-image: url(/local/templates/eospro_bootstrap_plus/eshop/images/phone_white.svg); background-size:auto 21px}
/* End */


/* Start:/local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_header/style.min.css?1747092448483*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_header/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_header_mob/style.min.css?1747092448483*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_header_mob/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_footer/style.min.css?1747092448483*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_footer/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/eospro_bootstrap_plus/template_styles.css?17470924481491*/
.modal__politics-description ol {
    /* убираем стандартную нумерацию */
    list-style: none;
    /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
    counter-reset: li;
}
.modal__politics-description li:before {
    /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
    counter-increment: li;
    /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
    content: counters(li, ".") ". ";
}
.bx-content-section{
margin-top: 80px;
}
/* End */
/* /local/templates/eospro_bootstrap_plus/style/style.css?1747092448131069 */
/* /local/templates/eospro_bootstrap_plus/eshop/template_styles.min.css?17470924488037 */
/* /local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_header/style.min.css?1747092448483 */
/* /local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_header_mob/style.min.css?1747092448483 */
/* /local/templates/eospro_bootstrap_plus/components/bitrix/menu/topmenu_footer/style.min.css?1747092448483 */
/* /local/templates/eospro_bootstrap_plus/template_styles.css?17470924481491 */