@import url(https://fonts.googleapis.com/css2?family=Manrope&display=swap);
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@500;600&display=swap");
@font-face {
  font-display: optional;
  font-family: KyivTypeSans;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/0twgp6N8XkSX.woff2) format("woff2"),
    url(../fonts/wPmhzBrv80fp.woff) format("woff");
}

:root {
  --font-body: "Manrope", sans-serif;
  --font-accent: "Geologica", Sans-serif;
  --font-size: 20px;
  --font-weight: 500;
  --line-height: 1.7;
  --color: #060606;
  --light-color: #fff8ef;
  --bg: #fff;
  --accent-color-light: #012d30;
  --accent-color-dark: #022021;
  --second-color-light: #d9c3a5;
  --second-color-dark: #a48d73;
  --border-radius: 1px;
  --border-radius-button: 1px;
  --animation: 0.3s ease-out;
}

*,
:after,
:before {
  box-sizing: border-box;
}

:root,
body {
  font-size: var(--font-size);
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bg);
  color: var(--color);
  font-family: var(--font-body);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  overflow: overlay;
  word-spacing: 0.05rem;
}

hr {
  border: 0;
  border-top: 1px solid;
  color: rgba(164, 174, 198, 0.2);
  margin: 4.5rem 0;
  opacity: 1;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--accent-color-dark);
  font-weight: 500 !important;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.h1,
h1 {
  font-size: calc(1.27rem + 0.24vw);
}

@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 1.45rem;
  }
}

.h2,
h2 {
  font-size: calc(1.255rem + 0.06vw);
}

@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 1.3rem;
  }
}

.h3,
h3 {
  font-family: var(--font-accent);
  font-size: 1.1rem;
}

.h4,
h4 {
  font-size: 0.95rem;
}

.h5,
h5 {
  font-size: 0.9rem;
}

.h6,
h6 {
  font-size: 0.85rem;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

abbr[title] {
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

dl,
ol,
ul {
  list-style-type: none;
  margin-bottom: 1rem;
  margin-top: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

.small,
small {
  font-size: 0.6rem;
}

.mark,
mark {
  background-color: var(--bs-highlight-bg);
  padding: 0.05rem 0.4rem 0.2rem;
}

sub,
sup {
  font-size: 0.75em;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

pre {
  color: #273444;
  display: block;
  font-size: 0.65rem;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

code {
  word-wrap: break-word;
  font-size: 0.65rem;
}

a > code {
  color: inherit;
}

kbd {
  background-color: var(--bs-body-color);
  border-radius: 0.2rem;
  color: #60697b;
  font-size: 0.65rem;
  padding: 0.1875rem 0.375rem;
}

kbd kbd {
  font-size: 1em;
  padding: 0;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  caption-side: bottom;
}

caption {
  color: #aab0bc;
  padding-bottom: 0.9rem;
  padding-top: 0.9rem;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button,
input,
optgroup,
select,
textarea {
  font-size: inherit;
  line-height: inherit;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not(
    [type="week"]
  ):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  float: left;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  margin-bottom: 0.5rem;
  width: 100%;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  color: var(--light-color);
  text-decoration: none;
  transition: color var(--animation);
}

a:hover {
  color: var(--second-color-light);
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

@charset "UTF-8";
.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

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

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

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

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

.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 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.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 {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  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(270deg, rgba(0, 0, 0, 0.5), transparent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

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

.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 {
  height: var(--swiper-virtual-size);
  width: 1px;
}

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

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

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

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

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

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 1rem;
  right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: 1rem;
}

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

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  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: 10px;
  left: 0;
  width: 100%;
}

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.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 {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: 50%;
  display: inline-block;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
}

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

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

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

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

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

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

.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: transform 0.2s, top 0.2s;
}

.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: transform 0.2s, left 0.2s;
}

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

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

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

.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 {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}

.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 {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
}

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

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

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

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50;
}

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

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

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

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

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

.swiper-slide-zoomed {
  cursor: move;
}

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

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

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

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

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

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

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

.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-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

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

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

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

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.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 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }

  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}

@keyframes bounce {
  0%,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transform: translateZ(0) scaleY(0.95);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.animate__flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scaleX(1);
  }
}

.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scaleX(1);
  }
}

.animate__rubberBand {
  animation-name: rubberBand;
}

@keyframes shakeX {
  0%,
  to {
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.animate__shakeX {
  animation-name: shakeX;
}

@keyframes shakeY {
  0%,
  to {
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}

.animate__shakeY {
  animation-name: shakeY;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.animate__headShake {
  animation-name: headShake;
  animation-timing-function: ease-in-out;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  to {
    transform: rotate(0);
  }
}

.animate__swing {
  animation-name: swing;
  transform-origin: top center;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    transform: scaleX(1);
  }
}

.animate__tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: translateZ(0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__wobble {
  animation-name: wobble;
}

@keyframes jello {
  0%,
  11.1%,
  to {
    transform: translateZ(0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.animate__jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.animate__heartBeat {
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-name: heartBeat;
  animation-timing-function: ease-in-out;
}

@keyframes backInDown {
  0% {
    opacity: 0.7;
    transform: translateY(-1200px) scale(0.7);
  }

  80% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__backInDown {
  animation-name: backInDown;
}

@keyframes backInLeft {
  0% {
    opacity: 0.7;
    transform: translateX(-2000px) scale(0.7);
  }

  80% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__backInLeft {
  animation-name: backInLeft;
}

@keyframes backInRight {
  0% {
    opacity: 0.7;
    transform: translateX(2000px) scale(0.7);
  }

  80% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__backInRight {
  animation-name: backInRight;
}

@keyframes backInUp {
  0% {
    opacity: 0.7;
    transform: translateY(1200px) scale(0.7);
  }

  80% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__backInUp {
  animation-name: backInUp;
}

@keyframes backOutDown {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  20% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }

  to {
    opacity: 0.7;
    transform: translateY(700px) scale(0.7);
  }
}

.animate__backOutDown {
  animation-name: backOutDown;
}

@keyframes backOutLeft {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  20% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }

  to {
    opacity: 0.7;
    transform: translateX(-2000px) scale(0.7);
  }
}

.animate__backOutLeft {
  animation-name: backOutLeft;
}

@keyframes backOutRight {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  20% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }

  to {
    opacity: 0.7;
    transform: translateX(2000px) scale(0.7);
  }
}

.animate__backOutRight {
  animation-name: backOutRight;
}

@keyframes backOutUp {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  20% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }

  to {
    opacity: 0.7;
    transform: translateY(-700px) scale(0.7);
  }
}

.animate__backOutUp {
  animation-name: backOutUp;
}

.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}

.animate__bounceInDown {
  animation-name: bounceInDown;
}

.animate__bounceInLeft {
  animation-name: bounceInLeft;
}

.animate__bounceInRight {
  animation-name: bounceInRight;
}

.animate__bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

.animate__bounceOutUp {
  animation-name: bounceOutUp;
}

.animate__fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.animate__fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.animate__fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.animate__fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}

.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}

.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}

.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}

.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}

@keyframes flip {
  0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  }

  40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  }

  50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  }

  80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0);
  }

  to {
    animation-timing-function: ease-in;
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
  }
}

.animate__animated.animate__flip {
  animation-name: flip;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.animate__flipInX {
  animation-name: flipInX;
}

.animate__flipInX,
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.animate__flipInY {
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }

  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}

.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotateY(-15deg);
  }

  to {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
}

.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes lightSpeedInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(-30deg);
  }

  60% {
    opacity: 1;
    transform: skewX(20deg);
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) skewX(30deg);
  }

  60% {
    opacity: 1;
    transform: skewX(-20deg);
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}

.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
  }
}

.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}

.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-45deg);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

@keyframes rotateOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: rotate(200deg);
  }
}

.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: rotate(45deg);
  }
}

.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: rotate(-45deg);
  }
}

.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: rotate(-45deg);
  }
}

.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: rotate(90deg);
  }
}

.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
  }

  40%,
  80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 700px, 0);
  }
}

.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__jackInTheBox {
  animation-name: jackInTheBox;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.animate__rollOut {
  animation-name: rollOut;
}

.animate__zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}

.animate__zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}

.animate__zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}

.animate__zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}

.animate__zoomInUp {
  animation-name: zoomInUp;
}

.animate__zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }

  to {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  }
}

.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}

@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }

  to {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  }
}

.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

.animate__slideInDown {
  animation-name: slideInDown;
}

.animate__slideInLeft {
  animation-name: slideInLeft;
}

.animate__slideInRight {
  animation-name: slideInRight;
}

.animate__slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }
}

.animate__slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
  }
}

.animate__slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
  }
}

.animate__slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}

.animate__slideOutUp {
  animation-name: slideOutUp;
}

[data-cue="fadeIn"],
[data-cues="fadeIn"] > * {
  opacity: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

[data-cue="slideInLeft"],
[data-cues="slideInLeft"] > * {
  opacity: 0;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

[data-cue="slideInRight"],
[data-cues="slideInRight"] > * {
  opacity: 0;
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

[data-cue="slideInDown"],
[data-cues="slideInDown"] > * {
  opacity: 0;
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-cue="slideInUp"],
[data-cues="slideInUp"] > * {
  opacity: 0;
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-cue="zoomIn"],
[data-cues="zoomIn"] > * {
  opacity: 0;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

[data-cue="zoomOut"],
[data-cues="zoomOut"] > * {
  opacity: 0;
}

@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

[data-cue="rotateIn"],
[data-cues="rotateIn"] > * {
  opacity: 0;
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-15deg);
  }

  to {
    opacity: 1;
    transform: rotate(0);
  }
}

[data-cue="bounceIn"],
[data-cues="bounceIn"] > * {
  opacity: 0;
}

@keyframes bounceIn {
  0% {
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

[data-cue="bounceInLeft"],
[data-cues="bounceInLeft"] > * {
  opacity: 0;
}

@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

[data-cue="bounceInRight"],
[data-cues="bounceInRight"] > * {
  opacity: 0;
}

@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

[data-cue="bounceInDown"],
[data-cues="bounceInDown"] > * {
  opacity: 0;
}

@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

[data-cue="bounceInUp"],
[data-cues="bounceInUp"] > * {
  opacity: 0;
}

@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

[data-cue="flipInX"],
[data-cues="flipInX"] > * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  opacity: 0;
}

@keyframes flipInX {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }

  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }

  80% {
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    opacity: 1;
    transform: perspective(400px);
  }
}

[data-cue="flipInY"],
[data-cues="flipInY"] > * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  opacity: 0;
}

@keyframes flipInY {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }

  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(-20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotateY(10deg);
  }

  80% {
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    opacity: 1;
    transform: perspective(400px);
  }
}

.carousel {
  box-sizing: border-box;
  position: relative;
}

.carousel *,
.carousel :after,
.carousel :before {
  box-sizing: inherit;
}

.carousel.is-draggable {
  cursor: move;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.carousel__viewport {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel__track {
  display: flex;
}

.carousel__slide {
  flex: 0 0 auto;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1rem;
  position: relative;
  width: var(--carousel-slide-width, 60%);
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.carousel__dots .carousel__dot {
  cursor: pointer;
  display: block;
  height: 22px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 22px;
}

.carousel__dots .carousel__dot:after {
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  opacity: 0.25;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.15s ease-in-out;
  width: 8px;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  align-items: center;
  background: var(--carousel-button-bg, transparent);
  border: 0;
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  color: var(--carousel-button-color, currentColor);
  cursor: pointer;
  display: flex;
  height: var(--carousel-button-height, 48px);
  justify-content: center;
  padding: 0;
  pointer-events: all;
  transition: opacity 0.15s ease;
  width: var(--carousel-button-width, 48px);
}

.carousel__button.is-next,
.carousel__button.is-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}

.carousel__button svg {
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  height: var(--carousel-button-svg-height, 50%);
  pointer-events: none;
  width: var(--carousel-button-svg-width, 50%);
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none;
}

.fancybox__container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
  bottom: 0;
  box-sizing: border-box;
  color: var(--fancybox-color, #fff);
  direction: ltr;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0)
    env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  position: fixed;
  right: 0;
  top: 0;
  transform-origin: top left;
  z-index: 1050;
}

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
  box-sizing: inherit;
}

.fancybox__container :focus {
  outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff,
    0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 27px;
    --carousel-button-svg-height: 27px;
  }
}

.fancybox__backdrop {
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.fancybox__carousel {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  position: relative;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  cursor: default;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox__track {
  display: flex;
  height: 100%;
}

.fancybox__slide {
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  outline: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 48px 8px 8px;
  position: relative;
  width: 100%;
}

.fancybox__slide:after,
.fancybox__slide:before {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

@media (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}

.fancybox__content {
  align-self: center;
  background: var(--fancybox-content-bg, #fff);
  color: var(--fancybox-content-color, #374151);
  display: flex;
  flex-direction: column;
  margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
  padding: 36px;
  position: relative;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  box-shadow: none;
  outline: thin dotted;
}

.fancybox__caption {
  align-self: center;
  color: var(--fancybox-color, currentColor);
  cursor: auto;
  flex-shrink: 0;
  line-height: 1.375;
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 1rem 0 0;
  visibility: visible;
}

.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  color: var(--fancybox-color, #fff);
  top: 100%;
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

@media (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}

.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

@media (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}

.carousel__button.is-close {
  position: absolute;
  right: 8px;
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  top: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  z-index: 40;
}

@media (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}

.fancybox__content > .carousel__button.is-close {
  color: var(--fancybox-color, #fff);
  position: absolute;
  right: 0;
  top: -40px;
}

.fancybox__no-click,
.fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  color: var(--fancybox-color, currentColor);
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center center;
  width: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke: currentColor;
  animation: fancybox-dash 1.5s ease-in-out infinite;
}

@keyframes fancybox-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden="false"]
  .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__dots,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav {
  animation: fancybox-fadeIn 0.15s ease backwards;
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
  animation: fancybox-fadeOut 0.15s ease both;
}

.fancybox-fadeIn {
  animation: fancybox-fadeIn 0.15s ease both;
}

.fancybox-fadeOut {
  animation: fancybox-fadeOut 0.1s ease both;
}

.fancybox-zoomInUp {
  animation: fancybox-zoomInUp 0.2s ease both;
}

.fancybox-zoomOutDown {
  animation: fancybox-zoomOutDown 0.15s ease both;
}

.fancybox-throwOutUp {
  animation: fancybox-throwOutUp 0.15s ease both;
}

.fancybox-throwOutDown {
  animation: fancybox-throwOutDown 0.15s ease both;
}

@keyframes fancybox-fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes fancybox-zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.97) translate3d(0, 16px, 0);
  }

  to {
    opacity: 1;
    transform: scale(1) translateZ(0);
  }
}

@keyframes fancybox-zoomOutDown {
  to {
    opacity: 0;
    transform: scale(0.97) translate3d(0, 16px, 0);
  }
}

@keyframes fancybox-throwOutUp {
  to {
    opacity: 0;
    transform: translate3d(0, -30%, 0);
  }
}

@keyframes fancybox-throwOutDown {
  to {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
}

.fancybox__carousel .carousel__slide {
  scrollbar-color: #ccc hsla(0, 0%, 100%, 0.1);
  scrollbar-width: thin;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 100%, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__image {
  transform-origin: 0 0;
  transition: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.has-image .fancybox__content {
  background: transparent;
  min-height: 1px;
  padding: 0;
}

.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.has-image[data-image-fit="contain"] {
  overflow: visible;
  touch-action: none;
}

.has-image[data-image-fit="contain"] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}

.has-image[data-image-fit="contain"] .fancybox__image {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.has-image[data-image-fit="contain-w"] {
  overflow-x: hidden;
  overflow-y: auto;
}

.has-image[data-image-fit="contain-w"] .fancybox__content {
  min-height: auto;
}

.has-image[data-image-fit="contain-w"] .fancybox__image {
  height: auto;
  max-width: 100%;
}

.has-image[data-image-fit="cover"] {
  overflow: visible;
  touch-action: none;
}

.has-image[data-image-fit="cover"] .fancybox__content {
  height: 100%;
  width: 100%;
}

.has-image[data-image-fit="cover"] .fancybox__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
  flex-shrink: 1;
  max-width: 100%;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  height: 80%;
  width: 100%;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
  height: 540px;
  max-height: 100%;
  max-width: 100%;
  width: 960px;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
  padding: 0;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.fancybox-placeholder {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.fancybox__thumbs {
  flex: 0 0 auto;
  opacity: var(--fancybox-opacity, 1);
  padding: 0 3px;
  position: relative;
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs {
  animation: fancybox-fadeIn 0.15s ease-in backwards;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  align-items: center;
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin: 0;
  overflow: visible;
  padding: 8px 3px;
  width: var(--fancybox-thumbs-width, 96px);
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
  border-style: solid;
  border-width: 5px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.15s ease;
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after {
  opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox__thumb {
  background-color: hsla(0, 0%, 100%, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  position: relative;
  width: 100%;
}

.fancybox__toolbar {
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  background: linear-gradient(
    0deg,
    transparent 0,
    rgba(0, 0, 0, 0.006) 8.1%,
    rgba(0, 0, 0, 0.021) 15.5%,
    rgba(0, 0, 0, 0.046) 22.5%,
    rgba(0, 0, 0, 0.077) 29%,
    rgba(0, 0, 0, 0.114) 35.3%,
    rgba(0, 0, 0, 0.155) 41.2%,
    rgba(0, 0, 0, 0.198) 47.1%,
    rgba(0, 0, 0, 0.242) 52.9%,
    rgba(0, 0, 0, 0.285) 58.8%,
    rgba(0, 0, 0, 0.326) 64.7%,
    rgba(0, 0, 0, 0.363) 71%,
    rgba(0, 0, 0, 0.394) 77.5%,
    rgba(0, 0, 0, 0.419) 84.5%,
    rgba(0, 0, 0, 0.434) 91.9%,
    rgba(0, 0, 0, 0.44)
  );
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: var(--fancybox-opacity, 1);
  padding: 0;
  position: absolute;
  right: 0;
  text-shadow: var(
    --fancybox-toolbar-text-shadow,
    1px 1px 1px rgba(0, 0, 0, 0.4)
  );
  top: 0;
  touch-action: none;
  z-index: 20;
}

@media (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar {
  animation: fancybox-fadeIn 0.15s ease-in backwards;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

.fancybox__toolbar__items {
  display: flex;
}

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

.fancybox__toolbar__items--center {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

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

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}

.fancybox__counter {
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  line-height: var(--carousel-button-height, 48px);
  min-width: 72px;
  padding: 0 10px;
  text-align: center;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 30;
}

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:-webkit-full-screen
  .fancybox__button--fullscreen
  g:first-child {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
  display: none;
}

.fancybox__container:-webkit-full-screen
  .fancybox__button--fullscreen
  g:nth-child(2) {
  display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2),
.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}

@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: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  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.plyr__tab-focus {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  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: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 4px;
  border-radius: var(--plyr-menu-radius, 4px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  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 transparent;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  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;
  -moz-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 transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  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.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}

.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.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}

.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.1);
  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"].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
  background: rgba(35, 40, 47, 0.1);
}

.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;
  -moz-appearance: none;
  appearance: none;
  background: 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: 0 0;
  background-image: linear-gradient(90deg, currentColor, transparent 0);
  background-image: linear-gradient(
    to right,
    currentColor var(--value, 0),
    transparent 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.15), 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.15),
    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: 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;
  -moz-user-select: none;
  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.15), 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.15),
    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: transparent;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper,
.plyr--full-ui input[type="range"]::-ms-track {
  background: 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: 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.15), 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.15),
    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"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  outline-offset: 2px;
}

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

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  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: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  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 transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  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.plyr__tab-focus .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.plyr__tab-focus
  .plyr__tooltip,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control:hover
  .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .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.plyr__tab-focus .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: 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: 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%,
    transparent 0,
    transparent 50%,
    rgba(35, 40, 47, 0.6) 0,
    rgba(35, 40, 47, 0.6) 75%,
    transparent 0,
    transparent
  );
  background-image: linear-gradient(
    -45deg,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
    transparent 25%,
    transparent 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%,
    transparent 75%,
    transparent
  );
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px)
    var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(
    --plyr-video-progress-buffered-background,
    hsla(0, 0%, 100%, 0.25)
  );
}

.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;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}

.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);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.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.plyr__tab-focus,
.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.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      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.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      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.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      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.1));
}

.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 {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  overflow: hidden;
}

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

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  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(transparent, rgba(0, 0, 0, 0.75));
  background: var(
    --plyr-video-controls-background,
    linear-gradient(transparent, rgba(0, 0, 0, 0.75))
  );
  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.plyr__tab-focus,
.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: hsla(0, 0%, 100%, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
  );
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
  );
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
  );
}

.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      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, hsla(0, 0%, 100%, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      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, hsla(0, 0%, 100%, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      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, hsla(0, 0%, 100%, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, 0.25);
  color: var(
    --plyr-video-progress-buffered-background,
    hsla(0, 0%, 100%, 0.25)
  );
}

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

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

.plyr:-webkit-full-screen video {
  height: 100%;
}

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

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

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

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

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

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

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

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }

  .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;
  display: block;
  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: hsla(0, 0%, 100%, 0.9);
  background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  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 transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  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: 4px;
  border-radius: calc(var(--plyr-tooltip-radius, 5px) - 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.15);
  content: "";
  pointer-events: none;
}

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

.plyr__preview-thumb__time-container {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(
    --plyr-video-controls-background,
    linear-gradient(transparent, rgba(0, 0, 0, 0.75))
  );
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 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;
  -o-object-fit: contain;
  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;
}

.container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 2500px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.button {
  align-items: center;
  background-color: var(--accent-color-light);
  border: 0;
  border-radius: var(--border-radius-button);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 64px;
  justify-content: center;
  padding: 14px 32px;
  transition: all var(--animation);
  width: 100%;
}

.button,
.button:hover {
  color: var(--light-color);
}

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

input {
  background-color: #fff;
  border: 2px solid var(--accent-color-light);
  border-radius: var(--border-radius-button);
  color: var(--accent-color-light);
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 64px;
  line-height: 200%;
  margin-bottom: 0;
  padding: 14px 32px;
  transition: all var(--animation);
  vertical-align: middle;
  width: 100%;
}

input:-moz-placeholder {
  color: #999;
}

input::-moz-placeholder {
  color: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #999;
}

input:focus {
  outline: none;
}

.invalid {
  border-color: red !important;
  border-width: 2px !important;
}

.dark {
  color: var(--accent-color-dark);
}

.light {
  color: var(--light-color) !important;
}

.mobile {
  display: none !important;
}

.desc {
  display: inherit;
}

.display {
  color: var(--light-color);
  font-family: var(--font-accent);
  font-size: 90px;
  font-weight: 600;
  line-height: 1.167em;
  width: 80%;
}

.accent {
  color: var(--second-color-dark);
}

.accordion-wrap {
  width: 100%;
}

.accordion-item:first-child {
  border-top: 1px solid var(--second-color-dark);
}

.accordion-item {
  border-bottom: 1px solid var(--second-color-dark);
}

.accordion-title {
  cursor: pointer;
  font-family: KyivType Sans Bold2;
  font-size: 23px;
  padding: 20px 10px;
  position: relative;
}

.accordion-title:after,
.accordion-title:before {
  background-color: var(--accent-color-light);
  content: "";
  position: absolute;
  top: 50%;
  transition: all var(--animation);
}

.accordion-title:before {
  height: 20px;
  margin-top: -11px;
  right: 30px;
  width: 2px;
}

.accordion-title:after {
  height: 2px;
  margin-top: -2px;
  right: 21px;
  width: 20px;
}

.accordion-title {
  color: var(--accent-color-light);
}

.accordion-description {
  display: none;
  max-width: 780px;
  padding: 15px 10px 40px;
}

.accordion-description-list ul {
  padding-left: 5px;
}

.accordion-description-list li {
  list-style: inside;
  list-style-type: disclosure-closed;
  padding-bottom: 4px;
}

.accordion-title.active:before {
  transform: rotate(90deg);
}

.tab-content {
  display: none;
}

.tab-content:first-child {
  display: block;
}

.swiper-container .swiper img {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--second-color-light);
}

.modal-wrapper {
  background-color: rgba(9, 23, 27, 0.6);
  bottom: 0;
  display: flex;
  display: none;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1100;
}

.modal-block {
  grid-column-gap: 0;
  grid-row-gap: 0;
  background-color: var(--bg);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1.35fr 1fr;
  grid-template-rows: auto;
  margin: auto;
  max-width: 1160px;
}

.modal-presentation-block {
  background: var(--light-color);
  max-height: 643px;
  max-width: 1160px;
  padding-top: 43px;
  position: relative;
}

.modal-video {
  height: 100%;
  line-height: 0;
  width: 100%;
}

.modal-content {
  grid-row-gap: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}

.modal-title {
  font-size: 35px;
}

.modal-form-block {
  margin-bottom: 0;
  margin-top: 20px;
}

.modal-form {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.modal-phone {
  background-color: transparent;
  border-color: var(--accent-color-dark);
  border-radius: var(--border-radius-button);
  border-style: solid;
  border-width: 1px;
  font-size: 16px;
  margin-bottom: 12px;
  padding: 14px;
  transition: border-color 0.2s ease;
  width: 100%;
}

.modal-phone:focus {
  border-color: var(--second-color-dark);
}

.modal-phone::-moz-placeholder {
  font-size: 16px;
}

.modal-phone::placeholder {
  font-size: 16px;
}

.modal-submit {
  background: var(--primary-color);
  color: var(--second-bg-color);
}

.modal-submit:hover {
  background: var(--sup-color);
  color: var(--second-bg-color);
}

.close {
  cursor: pointer;
  height: 15px;
  left: auto;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
}

.close svg {
  fill: var(--second-color-dark);
  transition: all var(--animation);
}

.close svg,
.close:hover svg {
  display: block;
  height: 15px;
  width: 15px;
}

.close:hover svg {
  fill: var(--accent-color-light);
}

.navbar {
  align-items: center;
  bottom: auto;
  color: var(--light-color);
  display: flex;
  height: 120px;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all var(--animation);
  z-index: 1000;
}

.navbar.nav-bg {
  background-color: var(--accent-color-dark);
  border-bottom: 1px solid #d9c3a512;
  height: 100px;
}

.navbar .container {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.navbar-start {
  -ms-grid-column-span: 1;
  grid-column-gap: 40px;
  -ms-grid-row-span: 1;
  align-items: center;
  display: flex;
  grid-column-end: span 1;
  grid-column-start: span 1;
  grid-row-end: span 1;
  grid-row-start: span 1;
}

.logo-wrap {
  align-self: center;
  float: left;
  justify-self: start;
  position: relative;
}

.logo-img {
  fill: var(--light-color);
}

.navbar-menu,
.navbar-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}

.navbar-menu {
  float: right;
  position: static;
}

.navbar-menu-links {
  gap: 30px;
}

.navbar-menu-link,
.navbar-menu-links {
  align-items: center;
  display: flex;
  justify-content: center;
}

.navbar-menu-link {
  font-size: 16px;
  font-weight: 500;
  padding: 4px;
  position: static;
  text-align: center;
  text-decoration: none;
}

.navbar-end {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.navbar-phone {
  font-size: 16px;
  margin-right: 15px;
  padding: 16px;
  text-decoration: none;
}

.navbar-button {
  background-color: var(--second-color-dark);
  border-radius: 100px;
  cursor: pointer;
  height: 53px;
  width: auto;
}

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

.navbar-mobile-icon {
  display: none;
  width: 25px;
}

.navbar-wrap-mobile {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  padding: 10px 0;
  transition: all var(--animation);
}

.bar {
  background: var(--light-color);
  height: 2px;
  transition: 0.3s ease-in-out;
  width: 25px;
}

.bar:nth-child(2) {
  margin: 5px 0;
  width: 20px;
}

.bar:last-child {
  width: 25px;
}

.navbar.open .bar:first-child {
  transform: translateY(7px) rotate(45deg);
}

.navbar.open .bar:nth-child(2) {
  transform: scale(0);
}

.navbar.open .bar:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

.navbar.open .navbar-wrap-mobile .navbar-menu {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.navbar.open .navbar-wrap-mobile .navbar-menu .navbar-menu-links {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}

.navbar.open .navbar-wrap-mobile .navbar-menu .navbar-menu-link {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  padding-bottom: 5px;
  padding-right: 30px;
  padding-top: 5px;
  text-align: right;
}

.section {
  background: var(--light-color);
  overflow: hidden;
  padding-bottom: 80px;
  padding-top: 80px;
  position: relative;
}

.section-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 0;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  width: 100%;
}

.page .cottages .section-wrap {
  grid-template-columns: 1fr 0.8fr;
  margin-bottom: 30px;
}

.section-title {
  font-family: var(--font-accent);
  font-size: 50px;
  line-height: 1.222em;
}

.section-description {
  margin-left: 5px;
}

.section-body {
  margin-top: 60px;
  position: relative;
}

.hero {
  align-items: center;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.55),
    rgba(0, 0, 0, 0.55)
  );
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  position: relative;
}

.hero-bg {
  bottom: 0;
  min-height: 100%;
  object-fit: contain;
  position: relative;
  display: block;
  right: 0;
}

.hero .container,
.hero-bg {
  width: 100%;
  /* height: 100%; */
}

.hero-overlay {
  background-image: linear-gradient(0deg, #022021, rgba(28, 53, 51, 0)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.4));
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  right: 0;
}

.hero-text-wrap {
  position: relative;
  z-index: 10;
}

.hero-sub-title {
  color: var(--light-color);
  font-size: 16px;
  margin-top: 50px;
  max-width: 280px;
}

.hero-features-wrap {
  -ms-grid-column-span: 1;
  grid-column-gap: 80px;
  -ms-grid-row-span: 1;
  align-items: flex-start;
  display: flex;
  grid-column-end: span 1;
  grid-column-start: span 1;
  grid-row-end: span 1;
  grid-row-start: span 1;
}

.hero-feature {
  display: inline-block;
  width: 210px;
}

.feature-title {
  color: var(--second-color-dark);
  font-family: var(--font-accent);
  font-size: 60px;
  font-weight: 600;
  line-height: 1.167em;
}

.feature-description {
  color: var(--light-color);
  font-size: 16px;
}

.profit {
  background: var(--light-color);
}

.ribas-logo svg {
  fill: var(--second-color-dark);
  display: block;
  width: 100px;
}

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

.profit-count:first-child {
  margin-bottom: 30px;
}

.profit-title {
  color: var(--accent-color-light);
  font-family: var(--font-accent);
  font-size: 90px;
  line-height: 1.2;
}

.profit-description {
  color: var(--second-color-dark);
  font-size: 17px;
  padding-right: 3px;
}

.home-slider .swiper-slide {
  background-position: bottom;
  background-size: cover;
  height: 750px !important;
  position: relative;
}

.home-slider-wrap {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  height: 750px;
  justify-content: center;
  margin: auto;
  max-width: 1142px;
  padding: 150px 0;
  position: relative;
  z-index: 1;
}

.home-slider-title {
  color: var(--light-color);
  font-family: var(--font-accent);
  font-size: 70px;
  font-weight: 600;
  line-height: 1.167em;
  text-align: center;
}

.home-slider-features-wrap {
  -ms-grid-column-span: 1;
  grid-column-gap: 160px;
  -ms-grid-row-span: 1;
  align-items: center;
  display: flex;
  grid-column-end: span 1;
  grid-column-start: span 1;
  grid-row-end: span 1;
  grid-row-start: span 1;
  padding-bottom: 80px;
  text-align: center;
}

.home-slider-feature {
  display: inline-block;
  max-width: 260px;
}

.swiper-container,
.swiper-slide {
  position: relative;
}

.home-slider .swiper-slide .container {
  height: 100% !important;
}

.swiper-slide.overlay:before {
  background: linear-gradient(350deg, #022021b0 10%, #1211119c 80%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.swiper-controls {
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
}

.swiper-controls .swiper-navigation .swiper-button {
  height: 40px;
  transition: all 0.2s ease-in-out;
  width: 40px;
}

.swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23d9c3a5' clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.474 5.209 3.22 11.468c-.147.146-.22.338-.22.53s.073.384.22.53l6.252 6.257a.742.742 0 0 0 .527.217.753.753 0 0 0 .534-1.278l-4.976-4.976h14.692a.75.75 0 0 0 0-1.5H5.557l4.978-4.979a.745.745 0 0 0-.006-1.054.749.749 0 0 0-1.055-.006z' fill-rule='nonzero'/%3E%3C/svg%3E");
  height: 25px;
  width: 25px;
}

.swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23d9c3a5' clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.523 18.787 6.255-6.26a.747.747 0 0 0 0-1.06l-6.255-6.258a.75.75 0 0 0-1.056.004.746.746 0 0 0-.004 1.056l4.978 4.978H3.749a.75.75 0 0 0 0 1.5h14.692l-4.979 4.979a.746.746 0 0 0 .006 1.054.752.752 0 0 0 .533.222c.19 0 .378-.072.522-.215z' fill-rule='nonzero'/%3E%3C/svg%3E");
  height: 25px;
  width: 25px;
}

.swiper-controls .swiper-pagination .swiper-pagination-bullet {
  -webkit-backface-visibility: visible;
  background: var(--second-color-dark);
  border: none;
  border-radius: 0;
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  height: 0.4rem;
  margin: 0 0.3rem;
  opacity: 0.5;
  padding: 0;
  position: relative;
  transform: scale(0.6);
  transition: all 0.2s ease-in-out;
  width: 1rem;
}

.swiper-container.dots-over .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25rem 0.75rem rgb(30 34 40/2%);
}

.swiper-container.dots-over
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  transform: scale(1);
}

.proposals {
  background: var(--light-color);
}

.proposal-tabs {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-top: 40px;
  padding-left: 0;
}

.page .proposal-tabs {
  justify-content: flex-end;
  padding-left: 0;
}

.page .proposal-tab {
  margin-left: 3rem;
  margin-right: 0;
  text-align: right;
}

.proposal-tab {
  border: none;
  color: var(--accent-color-dark);
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  font-family: var(--font-accent);
  font-size: 22px;
  margin-right: 3rem;
  opacity: 0.4;
  outline: none;
  padding: 0;
  text-align: left;
  transition: opacity var(--animation);
  width: auto;
}

.proposal-tab:hover {
  color: var(--accent-color-dark);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.proposals .section-description {
  display: none;
}

.tab-item.active .proposal-tab {
  border-bottom: 2px solid var(--second-color-dark);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  padding-bottom: 4px;
}

.proposal-items {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

.proposal-item {
  align-self: center;
  background: var(--accent-color-dark);
  color: var(--light-color);
  margin-bottom: 60px;
  overflow: hidden;
}

.proposal-item:nth-child(2n) {
  margin-top: 109px;
}

.proposal-item .swiper-slide {
  background-position: bottom;
  background-size: cover;
  height: 410px !important;
  position: relative;
  width: 100%;
}

.proposal-item-content {
  padding: 32px 40px;
}

.proposal-item-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

.proposal-item-title {
  font-family: var(--font-accent);
  font-size: 40px;
}

.proposal-item-plan .item-link {
  align-items: center;
  display: flex;
  font-size: 15px;
  gap: 8px;
  justify-content: center;
  text-decoration: underline;
}

.proposal-item-plan .item-link svg {
  fill: var(--second-color-dark);
}

.proposal-item-info-cottage {
  grid-template-columns: 1fr 1fr 1fr 1.25fr;
}

.proposal-item-info-apartments,
.proposal-item-info-cottage {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-bottom: 1px solid var(--second-color-dark);
  border-top: 1px solid var(--second-color-dark);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-rows: auto;
  margin-bottom: 32px;
  padding: 15px 0;
}

.proposal-item-info-apartments {
  grid-template-columns: 1fr 1fr 1.25fr;
}

.proposal-item-column {
  align-self: start;
  justify-self: flex-start;
}

.proposal-item-details {
  color: #9b9b9b;
  font-size: 15px;
  margin-bottom: 8px;
}

.item-form {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

.proposal-button {
  background: var(--second-color-dark);
}

.proposal-button:hover {
  background: var(--second-color-light);
}

.video {
  background-size: 140px;
  padding: 60px;
  position: relative;
}

.header-overlay,
.video-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.video-button {
  background-color: var(--second-color-dark);
  border-radius: 100px;
  cursor: pointer;
  height: 63px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 40% !important;
}

.video-overlay:before {
  background: linear-gradient(350deg, #022021b0 10%, #1211119c 80%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.cta {
  background-size: 200px;
  padding-top: 210px !important;
  padding: 60px;
  height: 100vh;
}

.cta-block {
  grid-column-gap: 0;
  grid-row-gap: 0;
  background-color: var(--bg);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.35fr 1fr;
  grid-template-rows: auto;
  margin: auto;
  max-width: 1540px;
}

.cta-block.full {
  grid-template-columns: 1fr;
}

.cta-img {
  height: 100%;
  line-height: 0;
  width: 100%;
}

.list li {
  list-style: inside;
  list-style-type: disclosure-closed;
  padding-bottom: 4px;
}

.cta-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  position: relative;
}

.cta-form-block {
  margin-bottom: 0;
  margin-top: 20px;
}

.cta-form {
  align-items: center;
  display: flex;
}

.cta-name,
.cta-phone {
  margin-right: 24px;
}

.building-progress {
  background: var(--light-color);
}

.building-progress-tag {
  align-items: center;
  background: var(--accent-color-light);
  border-radius: 50%;
  color: var(--second-color-light);
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 100px;
  justify-content: center;
  left: 60px;
  padding: 2rem;
  position: absolute;
  rotate: 21deg;
  text-align: center;
  text-transform: uppercase;
  top: -45px;
  width: 100px;
  z-index: 55;
}

.building-progress .swiper-slide {
  height: 466px !important;
}

.introduction {
  padding-bottom: 0;
}

.page .cottages {
  padding-top: 20px;
}

.swiper-slide .item-link {
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: var(--accent-color-light);
  border-radius: 100%;
  display: flex;
  font-size: 1rem;
  height: 2.2rem;
  justify-content: center;
  line-height: 2.2rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  transform: scale(0.9);
  transition: transform var(--animation);
  width: 2.2rem;
  z-index: 1;
}

.swiper-slide .item-link svg {
  fill: var(--second-color-light);
  height: 20px;
  width: 20px;
}

.swiper-slide .item-link:hover {
  transform: scale(1);
}

.building-progress .swiper-controls .swiper-pagination {
  bottom: -2rem;
  pointer-events: all;
  position: absolute !important;
}

.app {
  background: var(--light-color);
}

.app-img {
  margin-bottom: -70%;
  margin-top: -8%;
  width: 80%;
}

.partner {
  background: var(--light-color);
}

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

.count .container {
  max-width: 932px;
}

.count .section-wrap {
  grid-column-gap: 0;
}

.count .section-column:first-child {
  border-right: 1px solid var(--second-color-dark);
}

.count-num {
  color: var(--light-color);
  font-family: var(--font-accent);
  font-size: 120px;
  text-align: center;
}

.count-description {
  color: var(--second-color-dark);
  font-size: 20px;
  text-align: center;
}

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

.faq-title {
  color: var(--light-color);
  font-size: 26px;
  padding: 40px 10px;
}

.faq-title:after,
.faq-title:before {
  background-color: var(--light-color);
}

.faq-description {
  color: var(--bg);
}

.faq-description-full {
  max-width: 100%;
}

.faq-title.active:before {
  transform: rotate(90deg);
}

.footwear {
  background-color: #fff;
}

footer {
  background-color: var(--bg);
  position: relative;
}

.footer-wrap {
  -ms-grid-row-align: start;
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  align-items: start;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  padding-bottom: 80px;
  padding-top: 80px;
}

.footer-column {
  justify-self: start;
  margin-top: 18px;
}

.footer-column-title {
  color: var(--accent-color-light);
  font-family: var(--font-accent);
  font-size: 25px;
  margin-bottom: 28px;
}

.footer-column-list {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.footer-column-item {
  line-height: 1.111em;
  margin-bottom: 18px;
  padding-left: 0;
}

.footer-link {
  color: var(--accent-color-light);
  cursor: pointer;
}

.footer-link:hover {
  color: var(--second-color-dark);
}

.footer-link.social {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
  line-height: 150%;
  text-decoration: none;
}

.footer-link.social svg {
  fill: var(--second-color-dark);
}

.footer-copyright {
  border-top: 1px solid #e1e1e1;
  color: #4a4a4a;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 20px 0;
}

.cottages .proposal-item .swiper-slide {
  width: 100% !important;
}

.cottages .section-column:last-child {
  align-self: baseline;
  justify-self: flex-end;
}

.cottages .proposal-tabs {
  margin-bottom: 60px;
  margin-top: 0;
}

.testimonials {
  background: var(--light-color);
}

.testimonials svg {
  fill: var(--second-color-dark);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  height: 200px;
  left: 343px;
  opacity: 0.4;
  position: absolute;
  top: 32px;
  width: 200px;
  z-index: 0;
}

.testimonials-title {
  font-family: var(--font-accent);
  font-size: 40px;
  margin: auto auto 40px;
  max-width: 800px;
}

.testimonials-text,
.testimonials-title {
  position: relative;
  text-align: center;
  z-index: 1;
}

.testimonials-text {
  font-family: EB Garamond, serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 36px;
  margin: auto;
  max-width: 1200px;
}

.section.mood {
  padding: 0;
}

.mood .swiper-slide {
  height: 400px;
  max-width: 400px;
  overflow: visible;
  width: 100%;
}

.mood .swiper-container .swiper img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

video.player {
  max-width: 100%;
}

.plyr {
  border-radius: 16px;
  margin: auto;
  max-width: 1200px;
}

.page.plyr {
  max-width: 1500px;
}

.plyr__control--overlaid {
  background: var(--accent-color-light);
  border: 0;
  color: var(--second-color-light);
  opacity: 1;
  padding: 1.25rem;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background: #fff !important;
  color: #fff !important;
}

.plyr--video .plyr__controls {
  background: var(--accent-color-dark);
  padding: 25px 20px;
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded="true"] {
  background: var(--second-color-dark);
}

.plyr--full-ui input[type="range"] {
  color: var(--second-color-dark);
}

.btn-circle.ripple:after,
.btn-circle.ripple:before,
.plyr__control--overlaid:after,
.plyr__control--overlaid:before {
  animation: ripple-1 2s ease-in-out infinite;
  background: var(--accent-color-light);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.btn-circle.ripple:after,
.plyr__control--overlaid:after {
  animation: ripple-2 2s ease-in-out infinite;
  animation-delay: 0.5s;
  opacity: 1;
}

.plyr__control {
  color: var(--light-color);
}

.page-header {
  background: var(--accent-color-dark);
  background-size: cover;
  height: 600px;
  padding-top: 240px;
  position: relative;
}

.page-header .section-title,
.page-header h2 {
  color: var(--light-color);
}

.header-overlay:before {
  background: linear-gradient(350deg, #000000b0 10%, #000000ad 80%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.blogs {
  background: #fff;
}

.post-list {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  padding-left: 0;
}

.post-img-block,
.post-item {
  position: relative;
}

.post-img-block {
  overflow: hidden;
}

.post-img {
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--animation);
}

.post-info {
  padding: 20px 2px;
}

.post-info-title {
  font-size: calc(var(--font-size) + 12px);
  margin: 0 0 10px;
  padding: 0;
  transition: color var(--animation);
}

.post-info a:hover .post-info-title {
  color: var(--second-color-dark);
}

.projects-info-description {
  font-size: calc(var(--font-size) + 3px);
  font-weight: 300;
  letter-spacing: 0.8px;
  margin: 0;
  padding: 0;
}

.infrastructure {
  background: var(--light-color);
}

.infrastructure-list {
  margin-bottom: 30px;
  padding-left: 0;
}

.infrastructure-item {
  border-bottom: 1px solid var(--second-color-dark);
  color: var(--accent-color-dark);
  cursor: pointer;
  font-family: var(--font-accent);
  font-size: calc(var(--font-size) + 3px);
  letter-spacing: 0.05em;
  line-height: 74px;
  transition: all var(--animation);
  width: 100%;
}

.infrastructure-item.active,
.infrastructure-item:hover {
  color: var(--second-color-dark);
  padding-left: 20px;
}

.infrastructure-image {
  height: auto;
  margin: auto;
  max-width: 780px;
  position: relative;
  width: 100%;
}

.infrastructure-image--item {
  left: 0;
  padding-top: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.infrastructure .accordion-description {
  padding: 0;
}

.infrastructure .accordion-description .infrastructure-detail {
  display: block;
  left: 0;
  opacity: inherit;
  width: 100%;
}

.infrastructure-image--item.accordion-description {
  padding-top: 100%;
  position: relative;
}

.infrastructure-image--item:first-child {
  position: relative;
}

.infrastructure-detail {
  background: var(--accent-color-light);
  bottom: 0;
  color: var(--light-color);
  opacity: 0;
  padding: 15px;
  position: absolute;
  width: 100%;
}

.infrastructure-image--item img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-out;
  width: 100%;
}

.infrastructure-image--item.active .infrastructure-detail,
.infrastructure-image--item.active img {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  :root {
    --font-size: 13px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button,
  input {
    border: 1px solid var(--accent-color-light);
    font-size: 15px;
    height: 50px;
    padding: 15px 20px;
    text-align: center;
  }

  .mobile {
    display: flex !important;
  }

  .section {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .feature-description {
    width: 120px;
  }

  .profit-title {
    font-size: 50px;
  }

  .profit-description {
    font-size: 14px;
  }

  .count-num {
    font-size: 80px;
  }

  .count .section-column:first-child {
    border-bottom: 1px solid var(--second-color-dark);
    border-right: none;
  }

  .count-description {
    font-size: 14px;
  }

  .accordion-title {
    font-size: 17px;
    padding: 15px 0;
  }

  .navbar {
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .navbar.nav-bg .navbar-wrap-mobile {
    top: 70px;
  }

  .navbar.nav-bg {
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .logo-img {
    height: 40px;
  }

  .display {
    font-size: 36px;
    width: 360px;
  }

  .page-header {
    height: 600px;
    padding-top: 240px;
  }

  .hero-feature {
    width: 120px;
  }

  .desc {
    display: none !important;
  }

  .cottages .proposal-tabs.mobile {
    margin-bottom: 40px;
    margin-top: 30px;
  }

  .post-list {
    grid-template-columns: 1fr;
  }

  .hero {
    height: 100%;
    width: 100%;
  }

  .home-slider-wrap {
    height: 550px;
    padding: 100px 0;
  }

  .home-slider-features-wrap {
    grid-column-gap: 20px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
    padding-bottom: 30px;
  }

  .page .feature-title {
    font-size: 50px;
  }

  .feature-title {
    font-size: 30px;
  }

  .home-slider .swiper-slide {
    height: 550px !important;
  }

  .navbar-container {
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
  }

  .navbar-phone {
    display: none;
  }

  .proposal-tabs {
    padding-left: 0;
  }

  .page .proposal-tabs {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 0;
  }

  .page .proposal-tab {
    margin-left: 0;
    margin-right: 0;
    text-align: right;
  }

  .proposal-item .swiper-container .swiper img,
  .proposal-item .swiper-slide,
  .proposal-item .swiper-wrapper {
    height: 260px !important;
  }

  .cta-block {
    max-width: 100%;
  }

  .cta {
    background-size: 100px;
    padding: 20px 0;
    height: 100%;
    padding-top: 70px !important;
  }

  .cta-content {
    padding: 20px;
  }

  .cta-name,
  .cta-phone {
    margin-right: 0;
  }

  .cta-block {
    grid-template-columns: 1fr;
  }

  .cta-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .testimonials-title {
    width: 100%;
  }

  .testimonials svg {
    height: 100px;
    left: 34px;
    top: 52px;
    width: 100px;
  }

  .testimonials-text {
    font-size: var(--font-size);
    line-height: 1.3;
    max-width: 100%;
  }

  .section-body {
    margin-top: 40px;
  }

  .footer-wrap {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .modal-block {
    display: flex;
    flex-direction: column;
  }

  .hero-features-wrap {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .home-slider-title {
    font-size: 24px;
    width: 280px;
  }

  .hero-sub-title {
    font-size: 14px;
    margin-top: 120px;
    width: 280px;
  }

  .feature-description {
    font-size: var(--font-size);
  }

  .proposal-items {
    grid-template-columns: 1fr;
  }

  .proposal-item {
    margin-bottom: 20px;
  }

  .proposal-item:nth-child(2n) {
    margin-top: 0;
  }

  .proposal-item-content {
    padding: 15px 20px;
  }

  .proposal-item-title {
    font-size: 24px;
  }

  .proposal-item-info-cottage {
    grid-template-columns: 1fr 1fr;
  }

  .item-form {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .building-progress-tag {
    font-size: 12px;
    height: 50px;
    left: 30px;
    letter-spacing: 1px;
    padding: 35px;
    top: -30px;
    width: 50px;
  }

  .building-progress .swiper-slide {
    height: 308px !important;
  }

  .swiper-controls .swiper-pagination .swiper-pagination-bullet {
    height: 7px;
    margin: 0 3px;
    width: 12px;
  }

  .building-progress .swiper-controls .swiper-pagination {
    bottom: 0;
  }

  .section-wrap {
    display: flex;
    flex-direction: column;
  }

  .app .section-wrap {
    display: flex;
    flex-direction: column-reverse;
  }

  .app-img {
    margin-bottom: -80px;
    margin-top: 27px;
    width: 100%;
  }

  .cta-img {
    height: 300px;
    overflow: hidden;
  }

  .cta-img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }

  .section-column {
    width: 100%;
  }

  .section-description {
    margin: 0;
    padding: 0 0 20px;
  }

  .section-title {
    font-size: 28px;
    padding-bottom: 15px;
  }

  .swiper-slide .item-link {
    bottom: 10px;
    height: 35px;
    line-height: 35px;
    right: 10px;
    width: 35px;
  }

  .proposal-item .swiper-slide {
    max-height: 240px !important;
  }

  .faq-title {
    font-size: 17px;
    padding: 15px 0;
  }

  .accordion-title:before {
    height: 11px;
    margin-top: -6px;
    right: 20px;
    width: 1px;
  }

  .accordion-title:after {
    height: 1px;
    margin-top: -1px;
    right: 15px;
    width: 11px;
  }

  .footer-wrap {
    grid-template-columns: 1fr;
  }

  .footer-copyright {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .video {
    background-size: 100px;
    padding: 10px;
  }

  .plyr {
    border-radius: 6px;
  }

  .plyr--video .plyr__controls {
    padding: 5px 10px;
  }

  .infrastructure-item {
    font-size: calc(var(--font-size) + 3px);
    line-height: 47px;
  }

  .infrastructure-image {
    max-width: 580px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-menu {
    display: none;
  }

  .navbar.open .navbar-wrap-mobile {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }

  .navbar-wrap-mobile {
    left: 0;
    position: absolute;
    top: 120px;
    width: 100%;
  }

  .navbar.nav-bg .navbar-wrap-mobile {
    background: var(--accent-color-light);
    top: 70px;
  }

  .navbar.open .navbar-wrap-mobile .navbar-menu {
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }

  .navbar .navbar-mobile-icon {
    display: block;
    float: right;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --font-size: 13px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .section-body {
    margin-top: 30px;
  }

  .section-title {
    font-size: 27px;
  }

  .page-header {
    height: 600px;
    padding-top: 240px;
  }

  .button,
  input {
    font-size: var(--font-size);
    height: 40px;
    padding: 10px 25px;
    text-align: center;
  }

  .navbar {
    height: 80px;
  }

  .navbar.nav-bg {
    height: 60px;
  }

  .logo-img {
    width: 75%;
  }

  .navbar-menu-links {
    gap: 15px;
  }

  .navbar-menu-link,
  .navbar-phone {
    font-size: var(--font-size);
  }

  .hero-features-wrap {
    grid-column-gap: 40px;
  }

  .hero-feature {
    width: 110px;
  }

  .hero-sub-title {
    font-size: var(--font-size);
    margin-top: 60px;
    max-width: 280px;
  }

  .display {
    font-size: 47px;
    width: 85%;
  }

  .feature-title {
    font-size: 35px;
  }

  .feature-description {
    font-size: 11px;
  }

  .profit-title {
    font-size: 46px;
  }

  .profit-description {
    font-size: var(--font-size);
  }

  .home-slider-wrap {
    height: 410px;
    max-width: 80%;
    padding: 55px 0;
  }

  .home-slider-title {
    font-size: 40px;
    max-width: 80%;
  }

  .home-slider .swiper-slide {
    height: 410px !important;
  }

  .cottages .proposal-tabs {
    margin-bottom: 30px;
  }

  .proposal-tab {
    font-size: 13px;
    margin-left: 20px !important;
    margin-right: 5px;
  }

  .proposal-items {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .proposal-item .swiper-slide {
    height: 250px !important;
  }

  .proposal-item:nth-child(2n) {
    margin-top: 30px;
  }

  .proposal-item .swiper-container .swiper img {
    height: 250px !important;
  }

  .swiper-controls .swiper-navigation .swiper-button {
    height: 28px;
    width: 28px;
  }

  .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {
    height: 17px;
    width: 16px;
  }

  .swiper-slide .item-link svg {
    height: 14px;
    width: 14px;
  }

  .proposal-item-plan .item-link {
    font-size: 13px;
  }

  .swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {
    height: 19px;
    width: 18px;
  }

  .proposal-item-content {
    padding: 20px;
  }

  .proposal-item-title {
    font-size: 25px;
  }

  .building-progress-tag {
    font-size: 10px;
    height: 70px;
    left: 33px;
    padding: 2rem;
    top: -31px;
    width: 70px;
  }

  .building-progress .swiper-container .swiper img,
  .building-progress .swiper-slide {
    height: 290px !important;
  }

  .mood .swiper-slide {
    height: 200px;
    max-width: 200px;
  }

  .count-num {
    font-size: 67px;
  }

  .count-description {
    font-size: var(--font-size);
  }

  .app-img {
    margin-left: 10%;
    margin-top: 13%;
    width: 70%;
  }

  .accordion-title,
  .faq-title {
    font-size: 17px;
    padding: 15px 5px;
  }

  .page .cottages .section-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .testimonials-title {
    font-size: 30px;
    margin-bottom: 30px;
    max-width: 50%;
  }

  .testimonials-text {
    font-size: 16px;
    line-height: 26px;
    max-width: 70%;
  }

  .testimonials svg {
    height: 150px;
    left: 143px;
    top: 22px;
    width: 150px;
  }

  .cta {
    background-size: 120px;
    padding: 25px;
  }

  .cta-block {
    max-width: 90%;
  }

  .cta-content {
    padding: 20px;
  }

  .modal-title {
    font-size: 25px;
  }

  .modal-block {
    grid-template-columns: 1.35fr 1fr;
    max-width: 100%;
  }

  .footer-wrap {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .footer-column-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .footer-copyright {
    font-size: 12px;
    padding: 10px 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  :root {
    --font-size: 14px;
  }

  .container {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .section {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .section-body {
    margin-top: 30px;
  }

  .button,
  input {
    font-size: var(--font-size);
    height: 43px;
    padding: 10px 25px;
    text-align: center;
  }

  .navbar {
    height: 100px;
  }

  .navbar.nav-bg {
    height: 80px;
  }

  .logo-img {
    height: 70px;
  }

  .navbar-menu-links {
    gap: 10px;
  }

  .navbar-menu-link,
  .navbar-phone {
    font-size: var(--font-size);
  }

  .hero-features-wrap {
    grid-column-gap: 50px;
  }

  .hero-feature {
    width: 150px;
  }

  .hero-sub-title {
    font-size: var(--font-size);
    margin-top: 80px;
    max-width: 280px;
  }

  .display {
    font-size: 60px;
    width: 85%;
  }

  .feature-title {
    font-size: 40px;
  }

  .feature-description {
    font-size: 12px;
  }

  .section-title {
    font-size: 30px;
  }

  .profit-title {
    font-size: 50px;
  }

  .profit-description {
    font-size: var(--font-size);
  }

  .home-slider-wrap {
    height: 500px;
    max-width: 70%;
    padding: 75px 0;
  }

  .home-slider-title {
    font-size: 40px;
    max-width: 60%;
  }

  .home-slider .swiper-slide {
    height: 500px !important;
  }

  .proposal-tab {
    font-size: 15px;
    margin-right: 3rem;
  }

  .proposal-items {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .proposal-item .swiper-container .swiper img,
  .proposal-item .swiper-slide {
    height: 280px !important;
  }

  .swiper-controls .swiper-navigation .swiper-button {
    height: 30px;
    width: 30px;
  }

  .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {
    height: 19px;
    width: 18px;
  }

  .swiper-slide .item-link svg {
    height: 15px;
    width: 15px;
  }

  .proposal-item-plan .item-link {
    font-size: 13px;
  }

  .swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {
    height: 19px;
    width: 18px;
  }

  .proposal-item-content {
    padding: 20px;
  }

  .proposal-item-title {
    font-size: 25px;
  }

  .building-progress .swiper-container .swiper img,
  .building-progress .swiper-slide {
    height: 317px !important;
  }

  .count-num {
    font-size: 70px;
  }

  .count-description {
    font-size: var(--font-size);
  }

  .app-img {
    margin-left: 3%;
    margin-top: 10%;
    width: 76%;
  }

  .accordion-title,
  .faq-title {
    font-size: 20px;
    padding: 25px 5px;
  }

  .amais .section-wrap {
    grid-template-columns: 0.9fr 1fr;
  }

  .page .cottages .section-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .testimonials-title {
    font-size: 30px;
    margin-bottom: 30px;
    max-width: 50%;
  }

  .testimonials-text {
    font-size: 16px;
    line-height: 26px;
    max-width: 70%;
  }

  .testimonials svg {
    height: 150px;
    left: 143px;
    top: 22px;
    width: 150px;
  }

  .cta {
    background-size: 120px;
    padding: 30px;
  }

  .modal-title {
    font-size: 25px;
  }

  .modal-block {
    grid-template-columns: 1.35fr 1fr;
    max-width: 100%;
  }

  .cta-content {
    padding: 25px;
  }

  .infrastructure-item {
    font-size: calc(var(--font-size) + 5px);
    line-height: 57px;
  }

  .infrastructure-image {
    max-width: 580px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1600px) {
  :root {
    --font-size: 14px;
  }

  .container {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .section {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .section-body {
    margin-top: 30px;
  }

  .button,
  input {
    font-size: var(--font-size);
    height: 43px;
    padding: 10px 25px;
    text-align: center;
  }

  .navbar {
    height: 80px;
  }

  .navbar.nav-bg {
    height: 60px;
  }

  .logo-img {
    width: 80%;
  }

  .navbar-menu-links {
    gap: 20px;
  }

  .navbar-menu-link,
  .navbar-phone {
    font-size: var(--font-size);
  }

  .hero-features-wrap {
    grid-column-gap: 50px;
  }

  .hero-feature {
    width: 150px;
  }

  .hero-sub-title {
    font-size: var(--font-size);
    margin-top: 80px;
    max-width: 280px;
  }

  .display {
    font-size: 60px;
    width: 85%;
  }

  .feature-title {
    font-size: 40px;
  }

  .feature-description {
    font-size: 12px;
  }

  .section-title {
    font-size: 30px;
  }

  .profit-title {
    font-size: 50px;
  }

  .profit-description {
    font-size: var(--font-size);
  }

  .home-slider-wrap {
    height: 500px;
    max-width: 70%;
    padding: 75px 0;
  }

  .home-slider-title {
    font-size: 40px;
    max-width: 60%;
  }

  .home-slider .swiper-slide {
    height: 500px !important;
  }

  .proposal-tab {
    font-size: 15px;
    margin-right: 3rem;
  }

  .proposal-item .swiper-container .swiper img,
  .proposal-item .swiper-slide {
    height: 310px !important;
  }

  .swiper-controls .swiper-navigation .swiper-button {
    height: 30px;
    width: 30px;
  }

  .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {
    height: 19px;
    width: 18px;
  }

  .swiper-slide .item-link svg {
    height: 15px;
    width: 15px;
  }

  .proposal-item-plan .item-link {
    font-size: 13px;
  }

  .swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {
    height: 19px;
    width: 18px;
  }

  .proposal-item-content {
    padding: 20px;
  }

  .proposal-item-title {
    font-size: 25px;
  }

  .building-progress .swiper-container .swiper img,
  .building-progress .swiper-slide {
    height: 317px !important;
  }

  .count-num {
    font-size: 70px;
  }

  .count-description {
    font-size: var(--font-size);
  }

  .app-img {
    margin-left: 10%;
    margin-top: 1%;
    width: 70%;
  }

  .accordion-title,
  .faq-title {
    font-size: 20px;
    padding: 25px 5px;
  }

  .amais .section-wrap {
    grid-template-columns: 0.9fr 1fr;
  }

  .page .cottages .section-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .testimonials-title {
    font-size: 30px;
    margin-bottom: 30px;
    max-width: 50%;
  }

  .testimonials-text {
    font-size: 16px;
    line-height: 26px;
    max-width: 70%;
  }

  .testimonials svg {
    height: 150px;
    left: 143px;
    top: 22px;
    width: 150px;
  }

  .building-progress-tag {
    font-size: 12px;
    height: 50px;
    left: 30px;
    letter-spacing: 1px;
    padding: 35px;
    top: -30px;
    width: 50px;
  }

  .cta {
    background-size: 120px;
    padding: 30px;
  }

  .modal-title {
    font-size: 25px;
  }

  .modal-block {
    grid-template-columns: 1fr 0.5fr;
  }

  .cta-block,
  .modal-block {
    max-width: 80%;
  }

  .cta-content {
    padding: 25px;
  }

  .infrastructure-item {
    font-size: calc(var(--font-size) + 5px);
    line-height: 57px;
  }

  .infrastructure-image {
    max-width: 580px;
  }
}