@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0
  }
}

@keyframes plyr-popup {
  0% {
    opacity: .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);
  height: 100%;
  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 .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 .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 .4s ease-in-out;
  width: 100%
}

.plyr__captions span:empty {
  display: none
}

@media (min-width:480px) {
  .contact-button {
    left: 30%;
  }

  .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, .8);
  background: var(--plyr-captions-background, rgba(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: .2em .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 .3s ease
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  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-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px
}

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 .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 .2s ease;
  background: hsla(0, 0%, 100%, .9);
  background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(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 .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
  border: 4px solid transparent;
  border-width: var(--plyr-menu-arrow-size, 4px);
  border-top: var(--plyr-menu-arrow-size, 4px) solid hsla(0, 0%, 100%, .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;
  -ms-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, .1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all .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 .3s ease, opacity .3s ease;
  width: 6px
}

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

.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, .1)
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc(-7px - -2);
  margin-right: calc((var(--plyr-control-spacing, 10px)*0.7 - 2)*-1);
  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;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #00b3ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-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);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(90deg, currentColor var(--value, 0), transparent var(--value, 0))
}

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

.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 .3s ease;
  transition: box-shadow .3s ease;
  user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .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 .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  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 .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor
}

.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, .15), 0 0 0 1px rgba(35, 40, 47, .2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0
}

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

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

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

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px
}

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

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

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

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

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

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

@media (max-width:calc(768px - 1)) {
  .plyr__time+.plyr__time {
    display: none
  }
}

.plyr__tooltip {
  background: hsla(0, 0%, 100%, .9);
  background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(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(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .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%, .9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .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__control .plyr__tooltip,
.plyr__controls>.plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child .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(.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__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.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 .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.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__buffer,
.plyr__progress input[type=range] {
  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 {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0
}

.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 .2s ease;
  transition: width .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 .2s ease;
  transition: width .2s ease
}

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

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 0, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 0, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 0, 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%, .25);
  background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

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

.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: #00b3ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  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, .6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

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

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

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

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

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

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

.plyr--video {
  background: #000;
  overflow: hidden
}

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

.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0
}

.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, .75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(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 .4s ease-in-out, transform .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: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .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%, .25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

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

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

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

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

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

.plyr:fullscreen video {
  height: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative
}

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

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

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

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

  .plyr:-ms-fullscreen .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:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

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

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative
}

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

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

.plyr:-webkit-full-screen.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:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

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

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative
}

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

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

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

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

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

.plyr:-ms-fullscreen video {
  height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative
}

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

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

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

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

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000
}

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

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative
}

.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:after:empty {
  display: none
}

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

.plyr__preview-thumb {
  background-color: hsla(0, 0%, 100%, .9);
  background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .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%, .9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .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__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0
}

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

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, .55);
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px
}

.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 .3s ease;
  width: 100%;
  z-index: 1
}

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

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

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

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

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

.hero-section {
  position: relative;
  padding-top: 2.13rem;
  padding-bottom: 2.13rem;
  min-height: 7rem;
  overflow: hidden
}

.hero-section-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero-section-bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hero-section-bg:after {
  position: absolute;
  content: "";
  width: 10.85rem;
  height: 8.75rem;
  background: var(--radial-bg);
  opacity: .24;
  left: 5rem;
  top: .34rem
}

.hero-section .text-block {
  width: 5.42rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

.hero-section-title {
  margin-bottom: .24rem
}

.hero-section-title .anim-item {
  opacity: 0
}

.hero-section .desc-1 {
  margin-bottom: .6rem;
  opacity: 0
}

.hero-section .btn-wrap {
  opacity: 0
}

.hero-section .video-block {
  position: absolute;
  pointer-events: none;
  mix-blend-mode: screen;
  width: 10.3rem;
  height: auto;
  top: -.2rem;
  right: -.8rem
}

.hero-section .video-block-video {
  width: 100%;
  height: auto
}

.hero-section .video-block .layer {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-black);
  background: radial-gradient(circle, transparent 10%, #000 100%, #000 0);
  width: 100%;
  height: 100%
}

.hero-section .partners {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .92rem;
  background: var(--color-Sapphire)
}

.hero-section .partners-item {
  width: 1.21rem
}

.hero-section .partners .container {
  align-items: center;
  justify-content: space-between;
  width: 8.34rem;
  min-width: unset;
  height: 100%
}

.product-section {
  position: relative;
  padding-top: 1.31rem;
  /* height: 20rem; */
  background: var(--color-solitude);
  z-index: 1
}

.product-section .container {
  flex-direction: column
}

.product-section .text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 7.82rem;
  margin: 0 auto 1rem
}

.product-section .subtitle1 {
  margin-bottom: .11rem
}

.product-section .title-h1 {
  margin-bottom: .32rem;
  text-align: center
}

.product-section .desc-1 {
  max-width: 3.88rem;
  margin: 0 auto;
  text-align: center
}

.product-section .images-block {
  position: relative;
  width: 10.17rem;
  height: auto;
  margin: 0 auto
}

.product-section .images-block-dashboard {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.75rem
}

.product-section .images-block-mobile {
  position: absolute;
  right: .1rem;
  top: .67rem;
  width: 2.56rem
}

.contact-section {
  position: relative;
  padding-top: 1.31rem;
  /* height: 8rem; */
  background: var(--color-solitude);
  z-index: 1
}

.contact-section .container {
  flex-direction: column
}

.contact-section .text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 7.82rem;
  margin: 0 auto 1rem
}

.contact-section .subtitle1 {
  margin-bottom: .11rem
}

.contact-section .title-h1 {
  margin-bottom: .32rem;
  text-align: center
}

.contact-section .desc-1 {
  max-width: 3.88rem;
  margin: 0 auto;
  text-align: center
}

.contact-section .images-block {
  position: relative;
  width: 10.17rem;
  height: auto;
  margin: 0 auto
}

.contact-section .images-block-dashboard {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.75rem
}

.contact-section .images-block-mobile {
  position: absolute;
  right: .1rem;
  top: .67rem;
  width: 2.56rem
}

.features-list {
  flex-direction: column;
  width: 100%;
  margin-top: .3rem;
}

.features-list,
.features-list-item {
  display: block;
  align-items: flex-start;
}

.features-list-item {
  position: relative;
  padding-left: .24rem
}

.features-list-item:not(:last-child) {
  margin-bottom: .14rem
}

.features-list-item:before {
  position: absolute;
  content: "";
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  left: 0;
  top: .09rem;
  background: var(--color-accent);
  box-shadow: 0 0 .1rem var(--color-Bright-Turquoise-op04)
}

.data-integration-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4.1rem;
  min-height: 9.04rem
}

.data-integration-section .container {
  position: relative;
  align-items: center;
  justify-content: flex-end;
  min-height: 4.6rem;
  margin-bottom: .34rem
}

.data-integration-section .video-block {
  position: absolute;
  top: -.3rem;
  left: .7rem;
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary)
}

.data-integration-section .video-block-video {
  width: 5.2rem;
  mix-blend-mode: screen
}

.data-integration-section .video-block:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--radial-bg);
  opacity: .15;
  display: none
}

.data-integration-section .text-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 4.4rem;
  left: -.5rem
}

.dashboard-reporting-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 9.1rem;
  z-index: 2
}

.dashboard-reporting-section .container {
  position: relative;
  align-items: center;
  justify-content: flex-start;
  min-height: 5.64rem
}

.dashboard-reporting-section .video-block {
  position: absolute;
  width: 7.75rem;
  height: 7.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -.83rem;
  top: -1.06rem;
  background: var(--color-primary)
}

.dashboard-reporting-section .video-block:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--radial-bg);
  opacity: .15;
  display: none
}

.dashboard-reporting-section .video-block-video {
  width: 4.42rem;
  mix-blend-mode: screen
}

.dashboard-reporting-section .text-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 4.4rem;
  left: 1.01rem
}

.dashboard-reporting-section .big-text {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.14rem;
  height: 5.33rem;
  border-radius: .06rem;
  overflow: hidden;
  background: #0d155e;
  bottom: -2.5rem;
  z-index: 1
}

.dashboard-reporting-section .big-text:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--radial-bg);
  opacity: .24
}

.dashboard-reporting-section .big-text .title-h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 9rem;
  line-height: .68rem;
  font-weight: 400;
  padding-top: .08rem
}

.dashboard-reporting-section .big-text .title-h2 .line34 {
  max-width: 8.1rem
}

.dashboard-reporting-section .big-text .title-h2 .accent {
  position: relative;
  background: linear-gradient(270deg, rgba(24, 154, 227, .3) 29.4%, rgba(24, 154, 227, 0) 132.64%);
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47);
  padding: 0 .46rem;
  color: var(--color-accent)
}

.dashboard-reporting-section .big-text .title-h2 .accent:after,
.dashboard-reporting-section .big-text .title-h2 .accent:before {
  content: "";
  position: absolute;
  width: .03rem;
  height: .03rem;
  border-radius: 50%;
  top: .01rem;
  z-index: 2;
  background: var(--color-Anakiwa);
  box-shadow: 0 .66rem var(--color-Anakiwa)
}

.dashboard-reporting-section .big-text .title-h2 .accent:after {
  left: .01rem;
  transform: translate(-50%, -50%)
}

.dashboard-reporting-section .big-text .title-h2 .accent:before {
  right: .01rem;
  transform: translate(50%, -50%)
}

.dashboard-reporting-section .big-text .corner-line {
  position: absolute
}

.dashboard-reporting-section .big-text .corner-line-left {
  width: 1.34rem;
  top: .66rem;
  left: -1.34rem;
  transform-origin: 50% 50%;
  transform: rotate(180deg)
}

.dashboard-reporting-section .big-text .corner-line-right {
  width: 1.34rem;
  bottom: 0;
  right: -1.34rem
}

.dashboard-reporting-section .numbers_1 {
  display: none
}

.dashboard-reporting-section .numbers_3 {
  right: auto;
  top: 2.35rem;
  left: 1.08rem
}

.dashboard-reporting-section .numbers_4 {
  top: 4.45rem;
  left: 1.8rem
}

main .numbers {
  position: absolute;
  opacity: .27;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

main .numbers_1 {
  width: .92rem;
  top: .6rem;
  left: .4rem
}

main .numbers_1_1 {
  display: none
}

main .numbers_2 {
  width: .35rem;
  bottom: 2.05rem;
  right: .8rem;
  z-index: 2
}

main .numbers_3 {
  width: .12rem;
  right: 1.1rem;
  top: 3.47rem;
  opacity: .2
}

main .numbers_3_1 {
  right: auto;
  top: 11.45rem;
  left: 1.08rem
}

main .numbers_4 {
  width: .12rem;
  top: 3rem;
  left: 3.95rem
}

main .numbers_4_1 {
  top: 12.95rem;
  left: 1.8rem
}

.automation-section {
  position: relative;
  padding-top: 4.01rem;
  min-height: 10.5rem;
  background: var(--color-solitude);
  z-index: 1
}

.automation-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.automation-section .container,
.automation-section .text-block {
  display: flex;
  flex-direction: column;
  align-items: center
}

.automation-section .text-block {
  margin-bottom: 1.19rem
}

.automation-section .title-h1 {
  margin-bottom: .24rem
}

.automation-list {
  width: 9.11rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.automation-list-item {
  display: flex;
  flex-direction: column;
  align-items: center
}

.automation-list-item-image {
  width: auto;
  max-width: unset;
  height: 1.87rem;
  margin-bottom: .32rem
}

.automation-list .title-h3 {
  white-space: nowrap
}

.about-section {
  position: relative;
  /* min-height: 6.92rem; */
  padding-top: 1.71rem
}

.about-section:after {
  position: absolute;
  content: "";
  top: -1.76rem;
  left: 4.8rem;
  width: 11.07rem;
  /* height: 10.93rem; */
  background: var(--radial-bg);
  opacity: .1
}

.about-section .container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.about-section .text-block {
  width: 4.89rem
}

.about-section .text-block .subtitle1 {
  display: flex;
  margin-bottom: .11rem
}

.about-section .text-block .title-h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: .32rem
}

.about-section .text-block .title-h1.small-device {
  display: none
}

.about-section .text-block .title-h1 .accent {
  color: var(--color-accent)
}

.about-section .text-block .desc-1 {
  max-width: 4.46rem
}

.about-section .benefits {
  width: 5.72rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: .2rem
}

.about-section .benefits-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 2.4rem;
  height: 1.55rem;
  position: relative
}

.about-section .benefits-item:first-child {
  margin-bottom: .86rem
}

.about-section .benefits-item:first-child .benefits-item-image {
  height: 1.17rem
}

.about-section .benefits-item-title {
  text-align: center
}

.about-section .benefits-item-image {
  position: absolute;
  top: 0;
  width: auto;
  height: .97rem
}

.hdiw-section {
  position: relative;
  min-height: 8.07rem;
  padding-top: 2.34rem
}

.hdiw-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.hdiw-section .container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.hdiw-section .title-h1 {
  margin-bottom: .13rem
}

.hdiw-section .desc-1 {
  margin: 0 auto .81rem;
  max-width: 5.56rem;
  text-align: center
}

.hdiw-section .video-button-wrap {
  display: flex;
  align-items: center;
  flex-direction: column
}

.hdiw-section .button-wrap {
  position: relative;
  width: .94rem;
  height: .94rem;
  margin: 0 auto .16rem;
  cursor: pointer;
  border-radius: 50%;
  transition: all 375ms ease;
  background: rgba(24, 154, 227, 0);
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47)
}

.hdiw-section .button-wrap img {
  width: .54rem;
  position: absolute;
  top: 0;
  left: .09rem;
  bottom: 0;
  right: 0;
  margin: auto
}

.hdiw-section .button-wrap .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(270deg, rgba(24, 154, 227, .5) 29.4%, rgba(24, 154, 227, 0) 132.64%);
  transition: all 375ms ease;
  box-sizing: border-box
}

.hdiw-section .button-wrap:hover {
  background: rgba(24, 154, 227, .5)
}

.hdiw-section .button-wrap:hover .bg {
  opacity: 0
}

.hdiw-section .button-wrap:active {
  background: rgba(24, 154, 227, .2)
}

.marketplace-section {
  padding-top: 2.06rem;
  min-height: 8.28rem;
  display: flex;
  justify-content: center
}

.marketplace-section .container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.marketplace-section-title {
  margin-bottom: .24rem
}

.marketplace-section .desc-1 {
  max-width: 6.12rem;
  text-align: center
}

.marketplace-section .news-block {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: .9rem;
  width: 13.14rem;
  height: 4.32rem;
  border-radius: .06rem;
  overflow: hidden;
  background: #0d155e;
  bottom: -2.77rem;
  z-index: 1
}

.marketplace-section .news-block:after {
  position: absolute;
  content: "";
  width: 20.27rem;
  height: 11.65rem;
  background: var(--radial-bg);
  opacity: .24;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.marketplace-section .news-block-items {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 8.75rem;
  margin-top: .8rem
}

.marketplace-section .news-block .news-logo {
  width: 2.05rem
}

.marketplace-section .news-block .news-logo:hover .news-logo-path {
  fill: var(--color-accent)
}

.marketplace-section .news-block .news-logo-path {
  fill: var(--color-okolo-blue-op06);
  transition: fill 375ms ease
}

.marketplace-section .numbers {
  opacity: .2
}

.marketplace-section .numbers_1 {
  top: 1.5rem;
  left: .6rem;
  z-index: 2
}

.marketplace-section .numbers_2 {
  bottom: -.35rem;
  right: .6rem;
  z-index: 2
}

.marketplace-section .numbers_3 {
  width: .17rem;
  right: 2rem;
  top: 1rem;
  opacity: .2
}

.marketplace-section .numbers_3_1 {
  display: none
}

.marketplace-section .numbers_4 {
  top: 1.55rem;
  left: 4.2rem
}

.testimonials-section {
  min-height: 9.88rem;
  padding-top: 4.27rem;
  background: var(--color-solitude)
}

.testimonials-section .tabs-wrap {
  width: 10.51rem;
  min-width: unset;
  min-height: 4.11rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

.testimonials-section .tab-items {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%
}

.testimonials-section .tab-item {
  position: absolute;
  top: 0;
  width: 8.36rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 375ms ease;
  opacity: 0
}

.testimonials-section .tab-item-icon {
  width: .51rem;
  margin-bottom: .74rem
}

.testimonials-section .tab-item .title-h3 {
  text-align: center;
  color: var(--color-Chambray);
  font-weight: 400
}

.testimonials-section .tab-item.active {
  opacity: 1
}

.testimonials-section .tab-links {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 9.51rem
}

.testimonials-section .tab-link {
  display: flex;
  align-items: center;
  opacity: .4;
  transition: opacity 375ms ease;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.testimonials-section .tab-link.active {
  opacity: 1
}

.testimonials-section .tab-link-image {
  display: block;
  width: .61rem;
  height: .61rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: .16rem;
  flex-shrink: 0
}

.testimonials-section .tab-link .text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.testimonials-section .tab-link .text-block .subtitle1 {
  display: flex;
  letter-spacing: normal;
  color: var(--color-Chambray);
  margin-bottom: .04rem;
  opacity: .8
}

.testimonials-section .tab-link .text-block .subtitle2 {
  color: var(--color-Chambray);
  opacity: .7;
  white-space: pre-line
}

.cta-section {
  min-height: 1.2rem;
  display: flex;
  justify-content: center;
  overflow: hidden
}

.cta-section:after {
  position: absolute;
  content: "";
  background: #0d1553;
  width: 18.45rem;
  height: 10.61rem;
  left: -2.05rem;
  top: -1.98rem;
  background: radial-gradient(50% 50% at 50%, at 50%, #002cff 0, #002cfe 6.67%, #002cf9 13.33%, #012af1 20%, #0229e6 26.67%, #0327d7 33.33%, #0425c6 40%, #0622b3 46.67%, #071f9f 53.33%, #091d8c 60%, #0a1a7b 66.67%, #0b186c 73.33%, #0c1761 80%, #0d1659 86.67%, #0d1554 93.33%, #0d1553 100%);
  background: radial-gradient(50% 50% at 50% 50%, #002cff 0, #002cfe 6.67%, #002cf9 13.33%, #012af1 20%, #0229e6 26.67%, #0327d7 33.33%, #0425c6 40%, #0622b3 46.67%, #071f9f 53.33%, #091d8c 60%, #0a1a7b 66.67%, #0b186c 73.33%, #0c1761 80%, #0d1659 86.67%, #0d1554 93.33%, #0d1553 100%);
  opacity: .24
}

.cta-section .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1
}

.cta-section-title {
  margin-bottom: .14rem
}

.cta-section .desc-1 {
  text-align: center;
  margin-bottom: .4rem
}

.cta-section .mailto-link {
  font-weight: 600;
  color: var(--color-body-text)
}

.cta-section .mailto-link:hover {
  color: var(--color-accent)
}

.cta-section .numbers {
  position: absolute;
  opacity: .2
}

.cta-section .numbers_1 {
  top: 0;
  left: .6rem;
  opacity: .15
}

.cta-section .numbers_1_1 {
  display: none
}

.cta-section .numbers_2 {
  bottom: auto;
  top: 2.18rem;
  right: .5rem;
  z-index: unset
}

.cta-section .numbers_3 {
  right: 2.76rem;
  top: .8rem
}

.cta-section .numbers_3_1 {
  right: auto;
  top: 2.4rem;
  left: 4.14rem
}

.cta-section .numbers_4 {
  top: 1.37rem;
  left: 3.12rem
}

.cta-section .numbers_4_1 {
  opacity: .15;
  top: 4.48rem;
  left: 7.89rem
}

.marketplace-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7rem;
  margin-top: .65rem
}

.marketplace-form-input {
  width: 5.1rem
}

.marketplace-form .btn.marketplace-form-button {
  width: 1.73rem;
  height: .64rem
}

.marketplace-form .btn.marketplace-form-button:after,
.marketplace-form .btn.marketplace-form-button:before {
  box-shadow: 0 .63rem var(--color-Anakiwa)
}

.hbspt-form {
  margin-top: .65rem;
  width: 7rem;
  min-height: 1.25rem
}

.hbspt-form .submitted-message {
  font-family: var(--main-font);
  font-weight: var(--font-weight-6);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  color: var(--color-accent);
  text-align: center;
  overflow: hidden !important
}

.hs-form {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start
}

.hs-form .hs-form-required {
  display: none
}

.hs-form .hs-email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 5.1rem;
  margin-right: .15rem
}

.hs-form .hs-email .input {
  width: 100%
}

.hs-form .hs-email .input input.error {
  box-shadow: inset 0 0 0 1px var(--color-error)
}

.hs-form .hs-submit {
  position: relative;
  width: 1.73rem;
  height: .64rem;
  transition: all 375ms ease;
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47)
}

.hs-form .hs-submit:hover .actions:before {
  opacity: 0
}

.hs-form .hs-submit:hover .actions:after {
  opacity: 1
}

.hs-form .hs-submit:active .actions:before {
  opacity: 0;
  transition: all .1s ease
}

.hs-form .hs-submit:active .actions:after {
  transition: all .1s ease;
  opacity: .5
}

.hs-form .hs-submit:after,
.hs-form .hs-submit:before {
  position: absolute;
  content: "";
  top: -.01rem;
  width: .03rem;
  height: .03rem;
  border-radius: 50%;
  background: var(--color-Anakiwa);
  box-shadow: 0 .63rem var(--color-Anakiwa)
}

.hs-form .hs-submit:before {
  left: -.01rem
}

.hs-form .hs-submit:after {
  right: -.01rem
}

.hs-form .hs-submit .actions {
  position: relative;
  width: 100%;
  height: 100%
}

.hs-form .hs-submit .actions:after,
.hs-form .hs-submit .actions:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 375ms ease;
  pointer-events: none
}

.hs-form .hs-submit .actions:before {
  background: linear-gradient(270deg, rgba(24, 154, 227, .3) 29.4%, rgba(24, 154, 227, 0) 185.84%)
}

.hs-form .hs-submit .actions:after {
  opacity: 0;
  background: rgba(24, 154, 227, .5)
}

.hs-form .hs-submit .hs-button {
  position: relative;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-indent: 0;
  font-family: var(--main-font);
  font-weight: var(--font-weight-6);
  font-size: .14rem;
  line-height: .21rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-Anakiwa);
  text-shadow: 0 0 0 rgba(0, 0, 0, .25), 0 0 14px rgba(154, 250, 255, .44);
  box-shadow: none;
  cursor: pointer;
  z-index: 1
}

.hs-form .hs_error_rollup {
  display: none
}

.hs-form .hs-error-msg,
.hs-form .hs-main-font-element {
  display: inline-flex;
  align-items: center;
  margin-top: .08rem;
  font-family: var(--main-font);
  font-size: var(--font-size-desc2);
  line-height: var(--line-height-desc2);
  font-weight: var(--font-weight-4);
  color: var(--color-error)
}

.hs-form .hs-error-msgs li,
.hs-form .hs-error-msgs li label {
  display: flex;
  align-items: center
}

.hs-form .hs-error-msgs li a {
  display: inline-flex;
  align-items: center;
  margin-top: .08rem;
  font-family: var(--main-font);
  font-size: var(--font-size-desc2);
  line-height: var(--line-height-desc2);
  font-weight: var(--font-weight-4);
  color: var(--color-Anakiwa)
}

.iubenda-cs-default {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.4rem;
  z-index: 100;
  background: var(--color-primary);
  box-shadow: inset 0 1px 0 0 rgba(167, 245, 254, .5)
}

.iubenda-cs-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: var(--container-width);
  min-width: var(--container-width);
  margin: 0 auto
}

.iubenda-cs-content {
  width: 100%
}

.iubenda-cs-rationale {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.iubenda-banner-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  outline: none
}

#iubenda-cs-title {
  font-family: var(--main-font);
  font-size: .13rem;
  line-height: .2rem;
  font-weight: var(--font-weight-6);
  margin-bottom: .08rem;
  color: var(--color-Anakiwa);
  letter-spacing: .12em;
  text-transform: uppercase
}

#iubenda-cs-paragraph {
  font-family: var(--main-font);
  font-size: var(--font-size-desc2);
  line-height: var(--line-height-desc2);
  color: var(--color-burger-stroke);
  max-width: 8rem
}

#iubenda-cs-paragraph a {
  color: var(--color-accent)
}

.iubenda-cs-close-btn {
  position: absolute;
  top: -.11rem;
  right: -.11rem;
  flex-basis: 0;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  width: .32rem;
  height: .32rem;
  font-size: .32rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  color: var(--color-Anakiwa);
  cursor: pointer
}

.iubenda-cs-opt-group {
  margin-top: auto
}

.iubenda-cs-accept-btn {
  position: relative;
  width: 1.42rem;
  height: .44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  box-sizing: border-box;
  background: rgba(24, 154, 227, 0);
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47);
  text-transform: uppercase;
  font-size: .1rem;
  line-height: .15rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--color-Anakiwa);
  cursor: pointer;
  transition: all 375ms ease;
  text-shadow: 0 0 0 rgba(0, 0, 0, .25), 0 0 14px rgba(154, 250, 255, .44)
}

.iubenda-cs-accept-btn:hover {
  text-shadow: none
}

.iubenda-cs-accept-btn:hover:before {
  opacity: 0
}

.iubenda-cs-accept-btn:hover:after {
  opacity: 1
}

.iubenda-cs-accept-btn:after,
.iubenda-cs-accept-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: opacity 375ms ease
}

.iubenda-cs-accept-btn:before {
  background: linear-gradient(270deg, rgba(24, 154, 227, .5) 29.4%, rgba(24, 154, 227, 0) 132.64%);
  opacity: 1
}

.iubenda-cs-accept-btn:after {
  background: rgba(24, 154, 227, .5);
  opacity: 0
}

@media only screen and (max-width:1024px) {
  .contact-button {
    left: 0%;
  }

  .hero-section {
    padding-top: 1.74rem;
    padding-bottom: 0rem;
    min-height: 0rem;
    background: var(--color-primary)
  }

  .hero-section .container {
    flex-wrap: wrap;
    justify-content: center
  }

  .hero-section-bg:after {
    width: 12.45rem;
    height: 8.18rem;
    right: auto;
    bottom: auto;
    top: 5.14rem;
    left: -2.38rem;
    background: var(--radial-bg);
    opacity: .24
  }

  .hero-section-bg-image {
    display: none
  }

  .hero-section-title {
    text-align: center
  }

  .hero-section-title .anim-item {
    justify-content: center
  }

  .hero-section-title .anim-item,
  .hero-section .btn-wrap,
  .hero-section .desc-1 {
    opacity: 1 !important;
    visibility: visible !important
  }

  .hero-section .text-block {
    align-items: center;
    text-align: center;
    margin-bottom: 1.12rem
  }

  .hero-section .video-block {
    width: 6.8rem;
    height: auto;
    top: 6.27rem;
    right: auto;
    left: .46rem
  }

  .hero-section .video-block .layer {
    background: radial-gradient(circle, transparent 10%, #000 100%, #000 0)
  }

  .hero-section .video-block img {
    display: block;
    width: 100%;
    height: auto
  }

  .hero-section .partners {
    margin-top: .91rem
  }

  .hero-section .partners .container {
    width: 6.2rem
  }

  .product-section {
    padding-top: 1.12rem;
    /* height: 45rem */
  }

  .product-section .text-block {
    width: 100%;
    margin: 0 auto 1.11rem
  }

  .product-section .desc-1 {
    max-width: 3.88rem
  }

  .product-section .images-block {
    width: 7.1rem;
    height: 4.17rem;
    left: -.15rem
  }

  .product-section .images-block-dashboard {
    width: 6.13rem
  }

  .product-section .images-block-mobile {
    width: 1.81rem
  }

  .contact-section {
    padding-top: 1.12rem;
    /* height: 12.5rem */
  }

  .contact-section .text-block {
    width: 100%;
    margin: 0 auto 1.11rem
  }

  .contact-section .desc-1 {
    max-width: 3.88rem
  }

  .contact-section .images-block {
    width: 7.1rem;
    height: 4.17rem;
    left: -.15rem
  }

  .contact-section .images-block-dashboard {
    width: 6.13rem
  }

  .contact-section .images-block-mobile {
    width: 1.81rem
  }

  .data-integration-section {
    padding-top: 3.08rem;
    min-height: 6.09rem
  }

  .data-integration-section .container {
    min-height: 3.5rem;
    margin-bottom: 0
  }

  .data-integration-section .video-block {
    width: 2.52rem;
    height: auto;
    top: .37rem;
    left: .31rem
  }

  .data-integration-section .video-block-video {
    width: 4rem
  }

  .data-integration-section .video-block img {
    display: block;
    width: 100%
  }

  .data-integration-section .text-block {
    width: 3.3rem;
    left: 0
  }

  .dashboard-reporting-section {
    overflow: hidden;
    min-height: 6.09rem
  }

  .dashboard-reporting-section .video-block {
    width: 2.23rem;
    height: auto;
    right: .45rem;
    top: 1.76rem
  }

  .dashboard-reporting-section .video-block-video {
    width: 2.85rem
  }

  .dashboard-reporting-section .video-block img {
    display: block;
    width: 100%
  }

  .dashboard-reporting-section .text-block {
    width: 3.3rem;
    left: 0
  }

  .dashboard-reporting-section .container {
    min-height: 5.5rem;
    margin-bottom: .3rem
  }

  .dashboard-reporting-section .big-text {
    position: relative;
    bottom: auto;
    width: 100%;
    height: 5.1rem;
    border-radius: 0
  }

  .dashboard-reporting-section .big-text:after {
    top: auto;
    left: auto;
    width: 13.93rem;
    height: 11.03rem
  }

  .dashboard-reporting-section .big-text .title-h2 {
    max-width: 6.6rem
  }

  .dashboard-reporting-section .big-text .title-h2 .accent {
    width: 4.8rem;
    padding: 0 .36rem
  }

  .dashboard-reporting-section .big-text .title-h2 .accent:after,
  .dashboard-reporting-section .big-text .title-h2 .accent:before {
    box-shadow: 0 1.34rem var(--color-Anakiwa)
  }

  .dashboard-reporting-section .big-text .corner-line-left {
    width: 1.24rem;
    top: 1.34rem;
    left: -1.24rem
  }

  .dashboard-reporting-section .big-text .corner-line-right {
    width: 1.24rem;
    right: -1.24rem
  }

  .dashboard-reporting-section .numbers_1 {
    display: block;
    left: auto;
    right: 0;
    top: 1.9rem;
    z-index: 1
  }

  .dashboard-reporting-section .numbers_2 {
    display: none
  }

  main .numbers_1 {
    top: 1.2rem;
    left: -.3rem
  }

  main .numbers_2 {
    width: .92rem;
    bottom: -4.05rem;
    right: 0
  }

  main .numbers_3,
  main .numbers_4 {
    display: none
  }

  .automation-section {
    padding-top: 1.11rem;
    min-height: 6.5rem
  }

  .automation-section-bg {
    display: none
  }

  .automation-section-bg--tablet {
    display: block
  }

  .automation-section .text-block {
    margin-bottom: .96rem
  }

  .automation-list {
    width: 100%;
    align-items: flex-start
  }

  .automation-list-item {
    width: 2rem
  }

  .automation-list-item .title-h3 {
    text-align: center;
    font-size: .2rem;
    line-height: .28rem
  }

  .automation-list-item-image {
    height: 1.4rem;
    margin-bottom: .24rem
  }

  .automation-list .title-h3 {
    white-space: normal
  }

  .about-section {
    /* min-height: 11.58rem; */
    padding-top: 1.08rem
  }

  .about-section:after {
    top: 2.76rem;
    left: 50%;
    transform: translateX(-50%);
    width: 11.91rem;
    /* height: 10.52rem */
  }

  .about-section .container {
    justify-content: flex-start;
    flex-direction: column
  }

  .about-section .text-block {
    width: 5.63rem;
    display: flex;
    align-items: center;
    flex-direction: column
  }

  .about-section .text-block .title-h1 {
    display: none;
    align-items: center
  }

  .about-section .text-block .title-h1.small-device {
    display: flex
  }

  .about-section .text-block .desc-1,
  .about-section .text-block .title-h1 {
    text-align: center
  }

  .about-section .benefits {
    margin-top: 1.34rem
  }

  .about-section .benefits-item {
    width: 2.2rem
  }

  .about-section .benefits-item-title {
    white-space: nowrap
  }

  .hdiw-section {
    display: flex;
    justify-content: center
  }

  .hdiw-section-bg {
    top: 0;
    left: auto;
    width: auto;
    max-width: unset;
    height: 100%
  }

  .marketplace-section {
    padding-top: 1.6rem;
    min-height: 10.68rem;
    display: flex;
    align-items: center;
    flex-direction: column
  }

  .marketplace-section .news-block {
    position: relative;
    padding-top: 1.11rem;
    width: 100%;
    height: 4.7rem;
    border-radius: 0;
    bottom: auto;
    margin-top: 1.06rem
  }

  .marketplace-section .news-block .title-h1 {
    margin-bottom: 0
  }

  .marketplace-section .news-block:after {
    width: 13.93rem;
    height: 11.03rem;
    opacity: .2
  }

  .marketplace-section .news-block-items {
    width: 6.8rem;
    margin-top: .75rem
  }

  .marketplace-section .numbers_1 {
    top: -2.5rem;
    left: -.2rem
  }

  .marketplace-section .numbers_1_1 {
    display: block;
    bottom: 3.2rem;
    top: auto;
    left: auto;
    right: -.3rem
  }

  .marketplace-section .numbers_2,
  .marketplace-section .numbers_3,
  .marketplace-section .numbers_4 {
    display: none
  }

  .marketplace-form {
    width: 100%
  }

  .marketplace-form-input {
    width: 4.91rem
  }

  .testimonials-section {
    min-height: 7.51rem;
    padding-top: 1.1rem
  }

  .testimonials-section .tabs-wrap {
    width: 6.8rem;
    min-height: 5.3rem
  }

  .testimonials-section .tab-item {
    width: 100%
  }

  .testimonials-section .tab-links {
    width: 6.28rem;
    align-items: flex-start
  }

  .testimonials-section .tab-link {
    max-width: unset;
    width: 2rem;
    position: relative
  }

  .testimonials-section .tab-link .anim-item {
    align-items: flex-start;
    flex-direction: column
  }

  .testimonials-section .tab-link:last-child {
    left: .4rem
  }

  .testimonials-section .tab-link .text-block .subtitle2 {
    white-space: normal
  }

  .testimonials-section .tab-link-image {
    margin-right: 0;
    margin-bottom: .16rem
  }

  .cta-section {
    /* padding-top: 3.26rem; */
    min-height: 2.5rem
  }

  .cta-section:after {
    width: 12.55rem;
    /* height: 10.4rem; */
    left: -2.4rem;
    top: -1.46rem
  }

  .cta-section .numbers_1 {
    top: -.3rem;
    left: .1rem
  }

  .cta-section .numbers_2 {
    width: .35rem;
    top: -.24rem;
    right: .33rem
  }

  .cta-section .numbers_3 {
    display: block;
    right: 1.9rem;
    top: -1.27rem;
    width: .18rem
  }

  .cta-section .numbers_3_1 {
    display: none
  }

  .cta-section .numbers_4 {
    display: block;
    top: .69rem;
    left: 1.83rem
  }

  .cta-section .numbers_4_1 {
    display: none
  }

  .iubenda-cs-default {
    height: 1.2rem
  }

  #iubenda-cs-paragraph {
    font-size: .1rem;
    line-height: .17rem;
    max-width: 5rem
  }
}

@media only screen and (max-width:480px) {
  .vat-title {
    font-size: 100px;
  }

  .hero-section {
    padding-top: .89rem;
    padding-bottom: 0rem;
    min-height: 0rem;
  }

  .hero-section-bg:after {
    width: 6.45rem;
    height: 5.18rem;
    right: auto;
    bottom: auto;
    top: 2.74rem;
    left: -1.68rem;
    background: var(--radial-bg);
    opacity: .2
  }

  .hero-section-title {
    margin-bottom: .16rem
  }

  .hero-section-title .anima-item,
  .hero-section .desc-1 {
    opacity: 1 !important;
    visibility: visible !important
  }

  .hero-section .desc-1 {
    margin-bottom: .43rem
  }

  .hero-section .text-block {
    margin-bottom: .6rem
  }

  .hero-section .video-block {
    width: 3.2rem;
    left: 0;
    top: 3.95rem
  }

  .hero-section .partners {
    margin-top: .61rem;
    height: 1.62rem
  }

  .hero-section .partners .container {
    justify-content: space-around;
    width: 2.83rem
  }

  .hero-section .btn-wrap {
    width: 100%;
    opacity: 1 !important;
    visibility: visible !important
  }

  .product-section {
    padding-top: .72rem;
    /* height: 39rem */
  }

  .product-section .text-block {
    margin: 0 auto .59rem
  }

  .product-section .subtitle1 {
    margin-bottom: .08rem
  }

  .product-section .title-h1 {
    margin-bottom: .16rem
  }

  .product-section .desc-1 {
    max-width: 100%
  }

  .product-section .images-block {
    width: 2.97rem;
    height: 1.74rem;
    left: -.05rem
  }

  .product-section .images-block-dashboard {
    width: 2.56rem;
    top: 0
  }

  .product-section .images-block-mobile {
    width: .76rem;
    top: .19rem
  }

  .contact-section {
    padding-top: .72rem;
  }

  .contact-section .text-block {
    margin: 0 auto .59rem
  }

  .contact-section .subtitle1 {
    margin-bottom: .08rem
  }

  .contact-section .title-h1 {
    margin-bottom: .16rem
  }

  .contact-section .desc-1 {
    max-width: 100%
  }

  .contact-section .images-block {
    width: 2.97rem;
    height: 1.74rem;
    left: -.05rem
  }

  .contact-section .images-block-dashboard {
    width: 2.56rem;
    top: 0
  }

  .contact-section .images-block-mobile {
    width: .76rem;
    top: .19rem
  }

  .features-list {
    margin-top: .16rem;
    color: black;
  }

  .features-list-item {
    padding-left: .18rem
  }

  .features-list-item:not(:last-child) {
    margin-bottom: .08rem
  }

  .data-integration-section {
    padding-top: 1.7rem;
    min-height: 4.27rem
  }

  .data-integration-section .container {
    flex-direction: column;
    align-items: flex-start;
    min-height: unset;
    margin-bottom: 0
  }

  .data-integration-section .video-block {
    position: relative;
    width: 1.39rem;
    height: auto;
    margin-bottom: .29rem;
    top: 0;
    left: .16rem
  }

  .data-integration-section .video-block:after {
    width: 4.5rem;
    height: 4.3rem;
    top: -1.27rem;
    left: -1.29rem
  }

  .data-integration-section .text-block,
  .data-integration-section .video-block-video {
    width: 100%
  }

  .data-integration-section .text-block .title-h1 {
    margin-left: .2rem
  }

  .dashboard-reporting-section {
    padding-top: 1rem;
    min-height: 4.27rem
  }

  .dashboard-reporting-section .container {
    flex-direction: column;
    align-items: flex-start;
    min-height: unset;
    margin-bottom: .8rem
  }

  .dashboard-reporting-section .video-block {
    position: relative;
    height: auto;
    width: 1.32rem;
    right: -1.32rem;
    top: -.01rem;
    margin-bottom: .44rem
  }

  .dashboard-reporting-section .video-block:after {
    width: 4.5rem;
    height: 4.3rem;
    top: -1.27rem;
    left: -1.29rem
  }

  .dashboard-reporting-section .video-block-video {
    width: 100%
  }

  .dashboard-reporting-section .text-block {
    width: 100%;
    align-items: flex-end
  }

  .dashboard-reporting-section .text-block .title-h1 {
    margin-left: 0;
    margin-right: .2rem
  }

  .dashboard-reporting-section .features-list {
    align-items: flex-end
  }

  .dashboard-reporting-section .features-list-item {
    padding-left: 0;
    padding-right: .18rem
  }

  .dashboard-reporting-section .features-list-item:before {
    left: auto;
    right: 0
  }

  .dashboard-reporting-section .big-text {
    height: 2.88rem
  }

  .dashboard-reporting-section .big-text .title-h2 {
    max-width: 2.6rem;
    line-height: .28rem;
    padding-top: 0
  }

  .dashboard-reporting-section .big-text .title-h2 .accent {
    width: 2.82rem;
    padding: 0 .1rem
  }

  .dashboard-reporting-section .big-text .title-h2 .accent:after,
  .dashboard-reporting-section .big-text .title-h2 .accent:before {
    box-shadow: 0 .54rem var(--color-Anakiwa)
  }

  .dashboard-reporting-section .big-text .corner-line {
    display: none
  }

  main .numbers_1 {
    width: .52rem;
    top: 1.09rem;
    left: auto;
    right: 0;
    z-index: 1
  }

  main .numbers_1_1 {
    display: block;
    left: auto;
    right: 0;
    top: 1.93rem
  }

  main .numbers_2 {
    display: none
  }

  main .numbers_3 {
    display: block;
    right: auto;
    left: .1rem;
    top: .9rem;
    width: .09rem
  }

  main .numbers_3_1 {
    left: auto;
    right: .08rem;
    top: 4rem
  }

  .automation-section {
    padding-top: .63rem;
    min-height: 8.59rem
  }

  .automation-section-bg--tablet {
    display: none
  }

  .automation-section .text-block {
    margin-bottom: .54rem
  }

  .automation-section .text-block .title-h1 {
    text-align: center;
    margin: 0 auto .18rem;
    max-width: 2rem
  }

  .automation-list {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
  }

  .automation-list-item {
    width: 100%
  }

  .automation-list-item:not(:last-child) {
    margin-bottom: .48rem
  }

  .automation-list-item .title-h3 {
    font-size: .16rem;
    line-height: .24rem
  }

  .automation-list-item-image {
    height: 1.18rem
  }

  .about-section {
    /* min-height: 7.42rem; */
    padding-top: .63rem
  }

  .about-section:after {
    top: 1.9rem;
    width: 5.47rem;
    /* height: 6.36rem */
  }

  .about-section .text-block {
    width: 100%
  }

  .about-section .text-block .subtitle1 {
    margin-bottom: .08rem
  }

  .about-section .text-block .title-h1 {
    margin-bottom: .18rem
  }

  .about-section .benefits {
    width: 3.2rem;
    margin-top: .67rem
  }

  .about-section .benefits-item {
    width: 1.32rem;
    height: 1.37rem
  }

  .about-section .benefits-item:first-child {
    margin-bottom: .36rem
  }

  .about-section .benefits-item:first-child .benefits-item-image {
    height: .97rem
  }

  .hdiw-section {
    min-height: 4.4rem;
    padding-top: .93rem
  }

  .hdiw-section .title-h1 {
    margin-bottom: .18rem
  }

  .hdiw-section .desc-1 {
    margin: 0 auto .55rem;
    max-width: 100%
  }

  .hdiw-section .button-wrap {
    width: .6rem;
    height: .6rem;
    margin: 0 auto .16rem
  }

  .hdiw-section .button-wrap img {
    width: .37rem;
    left: .07rem
  }

  .marketplace-section {
    padding-top: .72rem;
    min-height: 9.01rem
  }

  .marketplace-section-title {
    margin-bottom: .18rem
  }

  .marketplace-section .news-block {
    padding-top: .48rem;
    height: 4.62rem;
    margin-top: .49rem
  }

  .marketplace-section .news-block:after {
    width: 9.55rem;
    height: 9.14rem;
    opacity: .16
  }

  .marketplace-section .news-block-items {
    margin-top: .34rem;
    justify-content: flex-start;
    flex-direction: column
  }

  .marketplace-section .news-block .news-logo {
    width: 1.32rem
  }

  .marketplace-section .news-block .news-item:nth-of-type(2) {
    order: 3
  }

  .marketplace-section .news-block .news-item:nth-of-type(3) {
    order: 2
  }

  .marketplace-section .numbers_1 {
    top: -.35rem;
    left: -.2rem
  }

  .marketplace-section .numbers_1_1 {
    bottom: auto;
    top: -6.84rem;
    left: auto;
    right: -.1rem
  }

  .marketplace-section .numbers_3 {
    display: block;
    right: auto;
    bottom: auto;
    left: .1rem;
    top: -8.86rem;
    width: .09rem
  }

  .marketplace-section .numbers_3_1 {
    display: block;
    left: auto;
    bottom: auto;
    right: .4rem;
    top: .42rem
  }

  .testimonials-section {
    min-height: 4.68rem;
    padding-top: .72rem
  }

  .testimonials-section .tabs-wrap {
    width: 100%;
    min-height: 3.39rem
  }

  .testimonials-section .tab-item {
    width: 2.83rem
  }

  .testimonials-section .tab-item-icon {
    width: .29rem;
    margin-bottom: .32rem
  }

  .testimonials-section .tab-item .title-h3 {
    font-size: .14rem;
    line-height: .21rem
  }

  .testimonials-section .tab-links {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: scroll;
    padding: 0 0 .15rem .19rem
  }

  .testimonials-section .tab-links::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent
  }

  .testimonials-section .tab-link {
    flex-shrink: 0
  }

  .testimonials-section .tab-link:not(:last-child) {
    margin-right: .2rem
  }

  .testimonials-section .tab-link:first-of-type {
    width: 1.04rem
  }

  .testimonials-section .tab-link:nth-of-type(2),
  .testimonials-section .tab-link:nth-of-type(3) {
    width: 1.32rem
  }

  .testimonials-section .tab-link:last-child {
    left: 0;
    padding-right: .19rem
  }

  .testimonials-section .tab-link .text-block .subtitle1 {
    font-size: .14rem;
    line-height: .21rem
  }

  .testimonials-section .tab-link .text-block .subtitle2 {
    font-size: .09rem;
    line-height: .14rem
  }

  .testimonials-section .tab-link-image {
    width: .4rem;
    height: .4rem;
    margin-bottom: .12rem
  }

  .cta-section {
    padding-top: 1.48rem;
    min-height: 4.48rem;
    overflow: hidden
  }

  .cta-section:after {
    width: 8.39rem;
    height: 8.22rem;
    left: -2.6rem;
    top: -1.7rem
  }

  .cta-section .desc-1 {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .cta-section .btn-wrap {
    width: 100%
  }

  .cta-section .numbers {
    display: none !important
  }

  .cta-section .numbers_1 {
    top: 6.3rem;
    left: -.1rem;
    right: auto;
    bottom: auto
  }

  .cta-section .numbers_1_1 {
    display: block;
    left: auto;
    bottom: auto;
    right: -.1rem;
    top: -.35rem
  }

  .cta-section .numbers_2,
  .cta-section .numbers_3,
  .cta-section .numbers_4 {
    display: none
  }

  .hbspt-form {
    width: 100%;
    margin-top: .39rem;
    min-height: 1.67rem
  }

  .hs-form {
    flex-wrap: wrap
  }

  .hs-form .hs-email {
    width: 100%;
    margin-right: 0
  }

  .hs-form .hs-submit {
    margin-top: .16rem;
    width: 100%;
    height: .57rem
  }

  .hs-form .hs-submit:after,
  .hs-form .hs-submit:before {
    box-shadow: 0 .56rem var(--color-Anakiwa)
  }

  .hs-form .hs-error-msg,
  .hs-form .hs-error-msgs li a,
  .hs-form .hs-main-font-element {
    margin-top: .06rem;
    font-size: .12rem;
    line-height: .16rem
  }

  .iubenda-cs-default {
    height: 2.2rem
  }

  .iubenda-cs-rationale {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }

  #iubenda-cs-paragraph {
    margin-bottom: .2rem
  }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}

[hidden] {
  display: none
}

body {
  line-height: 1
}

menu,
ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

html {
  font-size: 6.94444vw
}

@media (max-width:1024px) {
  html {
    font-size: 13.02083vw
  }
}

@media (max-width:480px) {
  html {
    font-size: 31.25vw
  }
  .contact-icon {
    display: none;
  }
}

:root {
  --main-font: "Titillium Web", sans-serif;
  --font-size-h1: .48rem;
  --font-size-h2: .4rem;
  --font-size-h3: .24rem;
  --font-size-h4: .2rem;
  --font-size-subtitle1: .18rem;
  --font-size-subtitle2: .13rem;
  --font-size-desc1: .18rem;
  --font-size-desc2: .14rem;
  --font-size-btn1: .14rem;
  --font-size-btn2: .1rem;
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --line-height-0: 0;
  --line-height-initial: initial;
  --line-height-h1: .5774rem;
  --line-height-h2: .4812rem;
  --line-height-h3: .36rem;
  --line-height-h4: .28rem;
  --line-height-subtitle1: .2738rem;
  --line-height-subtitle2: .2rem;
  --line-height-desc1: .28rem;
  --line-height-desc2: .24rem;
  --line-height-btn1: .21rem;
  --line-height-btn2: .15rem;
  --letter-spacing: normal;
  --letter-spacing-0: 0;
  --letter-spacing-subtitle1: .12em;
  --letter-spacing-btn1: .05em;
  --letter-spacing-btn2: .08em
}

@media (max-width:480px) {
  :root {
    --font-size-h1: .24rem;
    --font-size-h2: .2rem;
    --font-size-h3: .16rem;
    --font-size-subtitle1: .1rem;
    --font-size-subtitle2: .1rem;
    --font-size-desc1: .14rem;
    --font-size-desc2: .14rem;
    --font-size-btn1: .12rem;
    --line-height-h1: .288rem;
    --line-height-h2: .24rem;
    --line-height-h3: .24rem;
    --line-height-subtitle1: .1521rem;
    --line-height-subtitle2: .1521rem;
    --line-height-desc1: .21rem;
    --line-height-desc2: .21rem;
    --line-height-btn1: .1825rem;
    --letter-spacing-subtitle1: .09em;
    --letter-spacing-btn1: .08em
  }
}

:root {
  --color-black: #000;
  --color-primary: #0d1553;
  --color-body-text: #c3e6ff;
  --color-burger-stroke: #deefff;
  --color-accent: #56ffc2;
  --color-elements: #189ae3;
  --color-solitude: #e3f2ff;
  --color-Chambray: #304779;
  --color-Anakiwa: #a7f5fe;
  --color-white: #fff;
  --color-Sapphire: #080f48;
  --color-Bright-Turquoise-op04: rgba(12, 236, 229, 0.4);
  --color-okolo-blue-op06: rgba(151, 193, 255, 0.6);
  --color-error: #ff585f;
  --radial-bg: radial-gradient(50% 50% at 50%, at 50%, #002cff 0, #002cfe 6.67%, #002cf9 13.33%, #012af1 20%, #0229e6 26.67%, #0327d7 33.33%, #0425c6 40%, #0622b3 46.67%, #071f9f 53.33%, #091d8c 60%, #0a1a7b 66.67%, #0b186c 73.33%, #0c1761 80%, #0d1659 86.67%, #0d1554 93.33%, #0d1553 100%);
  --radial-bg: radial-gradient(50% 50% at 50% 50%, #002cff 0%, #002cfe 6.67%, #002cf9 13.33%, #012af1 20%, #0229e6 26.67%, #0327d7 33.33%, #0425c6 40%, #0622b3 46.67%, #071f9f 53.33%, #091d8c 60%, #0a1a7b 66.67%, #0b186c 73.33%, #0c1761 80%, #0d1659 86.67%, #0d1554 93.33%, #0d1553 100%);
  --container-width: 12.03rem
}

@media (max-width:1024px) {
  :root {
    --container-width: 6.8rem
  }
}

@media (max-width:480px) {
  :root {
    --container-width: 2.83rem
  }
}

a.center-text,
article.center-text,
blockquote.center-text,
body.center-text,
div.center-text,
footer.center-text,
form.center-text,
h1.center-text,
h2.center-text,
h3.center-text,
h4.center-text,
h5.center-text,
h6.center-text,
header.center-text,
html.center-text,
label.center-text,
li.center-text,
nav.center-text,
p.center-text,
section.center-text,
small.center-text,
span.center-text,
strong.center-text,
ul.center-text {
  text-align: center
}

a.left-text,
article.left-text,
blockquote.left-text,
body.left-text,
div.left-text,
footer.left-text,
form.left-text,
h1.left-text,
h2.left-text,
h3.left-text,
h4.left-text,
h5.left-text,
h6.left-text,
header.left-text,
html.left-text,
label.left-text,
li.left-text,
nav.left-text,
p.left-text,
section.left-text,
small.left-text,
span.left-text,
strong.left-text,
ul.left-text {
  text-align: left
}

a.right-text,
article.right-text,
blockquote.right-text,
body.right-text,
div.right-text,
footer.right-text,
form.right-text,
h1.right-text,
h2.right-text,
h3.right-text,
h4.right-text,
h5.right-text,
h6.right-text,
header.right-text,
html.right-text,
label.right-text,
li.right-text,
nav.right-text,
p.right-text,
section.right-text,
small.right-text,
span.right-text,
strong.right-text,
ul.right-text {
  text-align: right
}

a.cap-text,
article.cap-text,
blockquote.cap-text,
body.cap-text,
div.cap-text,
footer.cap-text,
form.cap-text,
h1.cap-text,
h2.cap-text,
h3.cap-text,
h4.cap-text,
h5.cap-text,
h6.cap-text,
header.cap-text,
html.cap-text,
label.cap-text,
li.cap-text,
nav.cap-text,
p.cap-text,
section.cap-text,
small.cap-text,
span.cap-text,
strong.cap-text,
ul.cap-text {
  text-transform: capitalize
}

a.up-text,
article.up-text,
blockquote.up-text,
body.up-text,
div.up-text,
footer.up-text,
form.up-text,
h1.up-text,
h2.up-text,
h3.up-text,
h4.up-text,
h5.up-text,
h6.up-text,
header.up-text,
html.up-text,
label.up-text,
li.up-text,
nav.up-text,
p.up-text,
section.up-text,
small.up-text,
span.up-text,
strong.up-text,
ul.up-text {
  text-transform: uppercase
}

a.low-text,
article.low-text,
blockquote.low-text,
body.low-text,
div.low-text,
footer.low-text,
form.low-text,
h1.low-text,
h2.low-text,
h3.low-text,
h4.low-text,
h5.low-text,
h6.low-text,
header.low-text,
html.low-text,
label.low-text,
li.low-text,
nav.low-text,
p.low-text,
section.low-text,
small.low-text,
span.low-text,
strong.low-text,
ul.low-text {
  text-transform: lowercase
}

a.title-h1,
article.title-h1,
blockquote.title-h1,
body.title-h1,
div.title-h1,
footer.title-h1,
form.title-h1,
h1.title-h1,
h2.title-h1,
h3.title-h1,
h4.title-h1,
h5.title-h1,
h6.title-h1,
header.title-h1,
html.title-h1,
label.title-h1,
li.title-h1,
nav.title-h1,
p.title-h1,
section.title-h1,
small.title-h1,
span.title-h1,
strong.title-h1,
ul.title-h1 {
  color: var(--color-solitude);
  font-family: var(--main-font);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-6);
  letter-spacing: var(--letter-spacing-h1);
  line-height: var(--line-height-h1)
}

a.title-h1.accent,
article.title-h1.accent,
blockquote.title-h1.accent,
body.title-h1.accent,
div.title-h1.accent,
footer.title-h1.accent,
form.title-h1.accent,
h1.title-h1.accent,
h2.title-h1.accent,
h3.title-h1.accent,
h4.title-h1.accent,
h5.title-h1.accent,
h6.title-h1.accent,
header.title-h1.accent,
html.title-h1.accent,
label.title-h1.accent,
li.title-h1.accent,
nav.title-h1.accent,
p.title-h1.accent,
section.title-h1.accent,
small.title-h1.accent,
span.title-h1.accent,
strong.title-h1.accent,
ul.title-h1.accent {
  color: var(--color-accent)
}

a.title-h1.dark,
article.title-h1.dark,
blockquote.title-h1.dark,
body.title-h1.dark,
div.title-h1.dark,
footer.title-h1.dark,
form.title-h1.dark,
h1.title-h1.dark,
h2.title-h1.dark,
h3.title-h1.dark,
h4.title-h1.dark,
h5.title-h1.dark,
h6.title-h1.dark,
header.title-h1.dark,
html.title-h1.dark,
label.title-h1.dark,
li.title-h1.dark,
nav.title-h1.dark,
p.title-h1.dark,
section.title-h1.dark,
small.title-h1.dark,
span.title-h1.dark,
strong.title-h1.dark,
ul.title-h1.dark {
  color: var(--color-primary)
}

a.title-h2,
article.title-h2,
blockquote.title-h2,
body.title-h2,
div.title-h2,
footer.title-h2,
form.title-h2,
h1.title-h2,
h2.title-h2,
h3.title-h2,
h4.title-h2,
h5.title-h2,
h6.title-h2,
header.title-h2,
html.title-h2,
label.title-h2,
li.title-h2,
nav.title-h2,
p.title-h2,
section.title-h2,
small.title-h2,
span.title-h2,
strong.title-h2,
ul.title-h2 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-6);
  letter-spacing: var(--letter-spacing-h2);
  line-height: var(--line-height-h1)
}

a.title-h2.accent,
article.title-h2.accent,
blockquote.title-h2.accent,
body.title-h2.accent,
div.title-h2.accent,
footer.title-h2.accent,
form.title-h2.accent,
h1.title-h2.accent,
h2.title-h2.accent,
h3.title-h2.accent,
h4.title-h2.accent,
h5.title-h2.accent,
h6.title-h2.accent,
header.title-h2.accent,
html.title-h2.accent,
label.title-h2.accent,
li.title-h2.accent,
nav.title-h2.accent,
p.title-h2.accent,
section.title-h2.accent,
small.title-h2.accent,
span.title-h2.accent,
strong.title-h2.accent,
ul.title-h2.accent {
  color: var(--color-accent)
}

a.title-h3,
article.title-h3,
blockquote.title-h3,
body.title-h3,
div.title-h3,
footer.title-h3,
form.title-h3,
h1.title-h3,
h2.title-h3,
h3.title-h3,
h4.title-h3,
h5.title-h3,
h6.title-h3,
header.title-h3,
html.title-h3,
label.title-h3,
li.title-h3,
nav.title-h3,
p.title-h3,
section.title-h3,
small.title-h3,
span.title-h3,
strong.title-h3,
ul.title-h3 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-6);
  letter-spacing: var(--letter-spacing-h3);
  line-height: var(--line-height-h3)
}

a.title-h3.dark,
article.title-h3.dark,
blockquote.title-h3.dark,
body.title-h3.dark,
div.title-h3.dark,
footer.title-h3.dark,
form.title-h3.dark,
h1.title-h3.dark,
h2.title-h3.dark,
h3.title-h3.dark,
h4.title-h3.dark,
h5.title-h3.dark,
h6.title-h3.dark,
header.title-h3.dark,
html.title-h3.dark,
label.title-h3.dark,
li.title-h3.dark,
nav.title-h3.dark,
p.title-h3.dark,
section.title-h3.dark,
small.title-h3.dark,
span.title-h3.dark,
strong.title-h3.dark,
ul.title-h3.dark {
  color: var(--color-Chambray)
}

a.title-h4,
article.title-h4,
blockquote.title-h4,
body.title-h4,
div.title-h4,
footer.title-h4,
form.title-h4,
h1.title-h4,
h2.title-h4,
h3.title-h4,
h4.title-h4,
h5.title-h4,
h6.title-h4,
header.title-h4,
html.title-h4,
label.title-h4,
li.title-h4,
nav.title-h4,
p.title-h4,
section.title-h4,
small.title-h4,
span.title-h4,
strong.title-h4,
ul.title-h4 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-6);
  letter-spacing: var(--letter-spacing-h4);
  line-height: var(--line-height-h4)
}

a.subtitle1,
article.subtitle1,
blockquote.subtitle1,
body.subtitle1,
div.subtitle1,
footer.subtitle1,
form.subtitle1,
h1.subtitle1,
h2.subtitle1,
h3.subtitle1,
h4.subtitle1,
h5.subtitle1,
h6.subtitle1,
header.subtitle1,
html.subtitle1,
label.subtitle1,
li.subtitle1,
nav.subtitle1,
p.subtitle1,
section.subtitle1,
small.subtitle1,
span.subtitle1,
strong.subtitle1,
ul.subtitle1 {
  color: var(--color-body-text);
  font-family: var(--main-font);
  font-size: var(--font-size-subtitle1);
  font-weight: var(--font-weight-7);
  letter-spacing: var(--letter-spacing-subtitle1);
  line-height: var(--line-height-subtitle1)
}

a.subtitle1.dark,
article.subtitle1.dark,
blockquote.subtitle1.dark,
body.subtitle1.dark,
div.subtitle1.dark,
footer.subtitle1.dark,
form.subtitle1.dark,
h1.subtitle1.dark,
h2.subtitle1.dark,
h3.subtitle1.dark,
h4.subtitle1.dark,
h5.subtitle1.dark,
h6.subtitle1.dark,
header.subtitle1.dark,
html.subtitle1.dark,
label.subtitle1.dark,
li.subtitle1.dark,
nav.subtitle1.dark,
p.subtitle1.dark,
section.subtitle1.dark,
small.subtitle1.dark,
span.subtitle1.dark,
strong.subtitle1.dark,
ul.subtitle1.dark {
  color: var(--color-Chambray)
}

a.subtitle2,
article.subtitle2,
blockquote.subtitle2,
body.subtitle2,
div.subtitle2,
footer.subtitle2,
form.subtitle2,
h1.subtitle2,
h2.subtitle2,
h3.subtitle2,
h4.subtitle2,
h5.subtitle2,
h6.subtitle2,
header.subtitle2,
html.subtitle2,
label.subtitle2,
li.subtitle2,
nav.subtitle2,
p.subtitle2,
section.subtitle2,
small.subtitle2,
span.subtitle2,
strong.subtitle2,
ul.subtitle2 {
  color: var(--color-Anakiwa);
  font-family: var(--main-font);
  font-size: var(--font-size-subtitle2);
  font-weight: var(--font-weight-6);
  letter-spacing: var(--letter-spacing-subtitle1);
  line-height: var(--line-height-subtitle2)
}

a.desc-1,
article.desc-1,
blockquote.desc-1,
body.desc-1,
div.desc-1,
footer.desc-1,
form.desc-1,
h1.desc-1,
h2.desc-1,
h3.desc-1,
h4.desc-1,
h5.desc-1,
h6.desc-1,
header.desc-1,
html.desc-1,
label.desc-1,
li.desc-1,
nav.desc-1,
p.desc-1,
section.desc-1,
small.desc-1,
span.desc-1,
strong.desc-1,
ul.desc-1 {
  color: var(--color-body-text);
  font-family: var(--main-font);
  font-size: var(--font-size-desc1);
  font-weight: var(--font-weight-4);
  letter-spacing: var(--letter-spacing-desc1);
  line-height: var(--line-height-desc1)
}

a.desc-1.dark,
article.desc-1.dark,
blockquote.desc-1.dark,
body.desc-1.dark,
div.desc-1.dark,
footer.desc-1.dark,
form.desc-1.dark,
h1.desc-1.dark,
h2.desc-1.dark,
h3.desc-1.dark,
h4.desc-1.dark,
h5.desc-1.dark,
h6.desc-1.dark,
header.desc-1.dark,
html.desc-1.dark,
label.desc-1.dark,
li.desc-1.dark,
nav.desc-1.dark,
p.desc-1.dark,
section.desc-1.dark,
small.desc-1.dark,
span.desc-1.dark,
strong.desc-1.dark,
ul.desc-1.dark {
  color: var(--color-Chambray)
}

a.desc-2,
article.desc-2,
blockquote.desc-2,
body.desc-2,
div.desc-2,
footer.desc-2,
form.desc-2,
h1.desc-2,
h2.desc-2,
h3.desc-2,
h4.desc-2,
h5.desc-2,
h6.desc-2,
header.desc-2,
html.desc-2,
label.desc-2,
li.desc-2,
nav.desc-2,
p.desc-2,
section.desc-2,
small.desc-2,
span.desc-2,
strong.desc-2,
ul.desc-2 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-desc2);
  font-weight: var(--font-weight-4);
  letter-spacing: var(--letter-spacing-desc2);
  line-height: var(--line-height-desc2)
}

a.btn1,
article.btn1,
blockquote.btn1,
body.btn1,
div.btn1,
footer.btn1,
form.btn1,
h1.btn1,
h2.btn1,
h3.btn1,
h4.btn1,
h5.btn1,
h6.btn1,
header.btn1,
html.btn1,
label.btn1,
li.btn1,
nav.btn1,
p.btn1,
section.btn1,
small.btn1,
span.btn1,
strong.btn1,
ul.btn1 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-btn1);
  font-weight: var(--font-weight-7);
  letter-spacing: var(--letter-spacing-btn1);
  line-height: var(--line-height-btn1);
  text-transform: uppercase;
  color: var(--color-Anakiwa);
  text-shadow: 0 0 0 rgba(0, 0, 0, .25), 0 0 .14rem rgba(154, 250, 255, .44);
  left: 0%;
}

a.btn2,
article.btn2,
blockquote.btn2,
body.btn2,
div.btn2,
footer.btn2,
form.btn2,
h1.btn2,
h2.btn2,
h3.btn2,
h4.btn2,
h5.btn2,
h6.btn2,
header.btn2,
html.btn2,
label.btn2,
li.btn2,
nav.btn2,
p.btn2,
section.btn2,
small.btn2,
span.btn2,
strong.btn2,
ul.btn2 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-btn2);
  font-weight: var(--font-weight-7);
  letter-spacing: var(--letter-spacing-btn2);
  line-height: var(--line-height-btn2);
  text-transform: uppercase
}

.btn {
  width: 2.16rem;
  height: .57rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  box-sizing: border-box;
  transition: all 375ms ease
}

.btn.primary {
  background: rgba(24, 154, 227, 0);
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47)
}

.btn.primary .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(24, 154, 227, .5) 29.4%, rgba(24, 154, 227, 0) 132.64%);
  transition: all 375ms ease;
  box-sizing: border-box
}

.btn.primary:hover {
  background: rgba(24, 154, 227, .5)
}

.btn.primary:hover .bg {
  opacity: 0
}

.btn.primary:active {
  color: rgba(167, 245, 254, .8);
  background: rgba(24, 154, 227, .2)
}

.btn.primary:after,
.btn.primary:before {
  content: "";
  position: absolute;
  width: .03rem;
  height: .03rem;
  border-radius: 50%;
  top: .01rem;
  z-index: 2;
  background: var(--color-Anakiwa);
  box-shadow: 0 .55rem var(--color-Anakiwa)
}

.btn.primary:after {
  left: .01rem;
  transform: translate(-50%, -50%)
}

.btn.primary:before {
  right: .01rem;
  transform: translate(50%, -50%)
}

.btn.secondary {
  width: 1.42rem;
  height: .44rem;
  border: 1px solid #3e4d81
}

.btn.secondary:hover {
  background: rgba(24, 154, 227, .5);
  border-color: rgba(24, 154, 227, .47)
}

.btn.secondary:active {
  background: rgba(24, 154, 227, .2);
  color: #deefff
}

.link {
  transition: all 375ms ease
}

.link:hover {
  color: var(--color-accent)
}

.link:active {
  color: rgba(86, 255, 194, .7)
}

@media (any-pointer:coarse) and (min-width:768px) and (hover:none) and (max-width:1367px) {
  .button--back .button-arrow {
    right: 1.86rem
  }
}

@media only screen and (max-width:1024px) {
  .button--back .button-arrow {
    right: 1.86rem
  }
}

@media only screen and (max-width:480px) {
  .btn {
    width: 100%
  }
}

.header {
  position: fixed;
  background: none;
  width: 100%;
  transition: all 375ms ease;
  z-index: 100;
  transition: all .4s ease
}

.header.show-menu {
  background: var(--color-primary);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .3)
}

.header.show-menu .header-container {
  padding: .18rem 0
}

.header-container {
  justify-content: space-between;
  padding: .32rem 0;
  transition: all .375s ease
}

.header-container,
.header .menu-block,
.header .menu-list {
  display: flex;
  align-items: center
}

.header .menu-list {
  justify-content: center;
  margin-right: .65rem
}

.header .menu-item {
  display: flex;
  align-items: center
}

.header .menu-item:not(:last-child) {
  margin-right: .57rem
}

.header .anchor-item {
  position: relative
}

.logo {
  display: flex;
  align-items: center;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.logo img {
  width: 1.21rem;
  height: auto
}

@media only screen and (max-width:480px) {
  .header {
    display: flex;
    align-items: center;
    height: .56rem
  }

  .header-container,
  .header.show-menu .header-container {
    padding: 0
  }

  .header .menu-block {
    display: none
  }

  .logo img {
    width: .75rem
  }
}

.footer {
  position: absolute;
  bottom: .388rem;
  height: 1.13rem;
  z-index: 1;
  overflow: hidden
}

.footer .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%
}

.footer .footer-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer .list-item {
  display: inline-flex
}

.footer .address-wrap,
.footer .copy-wrap,
.footer .legal-wrap,
.footer .social-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.footer .social-wrap .list-item:first-child {
  margin-right: .42rem
}

.footer .legal-wrap {
  margin-left: .5rem
}

@media only screen and (max-width:1024px) {
  .footer {
    bottom: .62rem
  }
}

@media only screen and (max-width:480px) {
  .footer {
    bottom: .72rem;
    height: auto
  }

  .footer .logo {
    margin-bottom: .24rem
  }

  .footer .logo img {
    width: 1.15rem
  }

  .footer .container {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
  }

  .footer .footer-title {
    font-size: .12rem;
    line-height: .18rem;
  }

  .footer .footer-list {
    align-items: center
  }

  .footer .copy-wrap {
    order: 1;
    margin-bottom: 0 !important
  }

  .footer .address-wrap,
  .footer .copy-wrap,
  .footer .legal-wrap,
  .footer .social-wrap {
    margin-bottom: .56rem;
    align-items: center;
    text-align: center;
  }

  .footer .social-wrap .footer-list {
    width: 1.5rem
  }

  .footer .social-wrap .list-item:first-child {
    margin-right: 0
  }

  .footer .legal-wrap {
    margin-left: 0
  }
}

.video-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: rgba(8, 13, 51, .87);
  z-index: 1000000;
  pointer-events: none
}

.video-modal.modal-active {
  display: flex;
  pointer-events: auto
}

.video-modal.modal-active .close-button {
  visibility: visible;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.video-modal.modal-active .plyr,
.video-modal.modal-active>div {
  opacity: 1
}

.video-modal .plyr,
.video-modal>div {
  position: relative;
  width: 100%;
  max-width: 12.04rem;
  z-index: 9999;
  border-radius: .05rem
}

.video-modal .plyr .plyr__play-large,
.video-modal>div .plyr__play-large {
  display: none
}

.video-modal .plyr.plyr--fullscreen-active,
.video-modal>div.plyr--fullscreen-active {
  max-width: 100%
}

.video-modal .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -.22rem;
  margin-bottom: .13rem
}

#player .plyr .plyr__controls {
  display: none
}

#player .plyr .plyr__controls input {
  color: rgba(24, 154, 227, .7)
}

#player .plyr button:hover {
  background: rgba(24, 154, 227, .7) !important
}

#player .plyr .plyr__control--overlaid {
  background: rgba(24, 154, 227, .7);
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47);
  opacity: 1;
  padding: .5rem;
  box-shadow: none
}

#player .plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, .1)) !important
}

#player .plyr input[type=range]:focus {
  background: none !important
}

#player .plyr .plyr__control--overlaid:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 12px 0 12px 25px;
  margin-left: 3px
}

#player .plyr .plyr__control--overlaid svg {
  display: none
}

#player .plyr--video .plyr__progress__buffer {
  box-shadow: none;
  color: transparent
}

@media (min-aspect-ratio:2/1) and (max-aspect-ratio:3/1) and (min-width:1900px) and (min-height:820px) and (max-height:1200px) {

  .video-modal .plyr,
  .video-modal>div {
    max-width: 10rem
  }
}

@media (min-aspect-ratio:2/1) and (max-aspect-ratio:3/1) and (min-width:1900px) and (max-height:819px) {

  .video-modal .plyr,
  .video-modal>div {
    max-width: 8rem
  }
}

@media only screen and (max-width:1024px) {

  .video-modal .plyr,
  .video-modal>div {
    max-width: 6.8rem
  }
}

@media only screen and (max-width:480px) {

  .video-modal .plyr,
  .video-modal>div {
    max-width: 2.82rem
  }
}

.mobile-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  overflow-y: auto;
  background: var(--china-ivory)
}

.mobile-menu.opened {
  opacity: 1;
  visibility: visible
}

.mobile-menu-bg {
  position: fixed;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  background: var(--color-primary)
}

.mobile-menu-bg:after {
  position: absolute;
  content: "";
  left: -1.72rem;
  top: -.23rem;
  width: 6.66rem;
  height: 6.66rem;
  background: var(--radial-bg);
  opacity: .08
}

.mobile-menu .mobile-header {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .56rem;
  background: var(--color-primary);
  z-index: 1
}

.mobile-menu-container {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-bottom: .4rem
}

.mobile-menu-close {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .44rem;
  height: .44rem
}

.mobile-menu-close img {
  display: block;
  width: .19rem
}

.mobile-menu-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .8rem;
  margin-bottom: .99rem
}

.mobile-menu-item {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  opacity: 0
}

.mobile-menu-item:not(:last-child) {
  margin-bottom: .72rem
}

.mobile-menu-link:hover {
  color: var(--color-accent)
}

.mobile-menu .btn-wrap {
  width: 100%;
  justify-content: center
}

.burger-menu {
  display: none;
  width: .44rem;
  height: .44rem;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.burger-button,
.burger-menu {
  justify-content: center;
  flex-direction: column
}

.burger-button {
  width: .25rem;
  height: .25rem;
  display: flex;
  align-items: flex-start
}

.burger-button-stroke {
  width: .25rem;
  height: .02rem;
  background-color: var(--color-burger-stroke)
}

.burger-button-stroke--top {
  margin-bottom: .05rem
}

.burger-button-stroke--bot {
  width: .12rem
}

@media only screen and (max-width:480px) {
  .burger-menu {
    display: flex
  }
}

* {
  box-sizing: border-box
}

body,
html {
  width: 100%
}

body,
main {
  overflow-x: hidden
}

body {
  position: relative;
  background: var(--color-primary);
  display: flex;
  flex-direction: column;
  font-family: var(--main-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

body.mobile-menu-open,
body.modal-active {
  overflow: hidden;
  touch-action: unset
}

main {
  position: relative;
  width: 100%;
  flex: 1 0 auto
}

.footer {
  width: 100%;
  flex: 0 0 auto
}

a {
  text-decoration: none;
  outline: none
}

img {
  max-width: 100%;
  height: auto
}

section {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  visibility: hidden
}

.fluid-container {
  width: 100%;
  position: relative
}

.container {
  position: relative;
  display: flex;
  width: var(--container-width);
  min-width: var(--container-width);
  margin: 0 auto
}

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

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

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

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

.s-visible,
.xs-visible,
.xxs-visible {
  display: none
}

.lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.lazyLoaded {
  opacity: 1
}

input {
  font-family: var(--main-font);
  font-size: .18rem;
  line-height: .28rem;
  color: var(--color-body-text);
  position: relative;
  width: 100%;
  height: .64rem;
  display: flex;
  align-items: center;
  text-indent: .24rem;
  background: rgba(24, 154, 227, .05);
  box-shadow: inset 0 0 0 1px rgba(24, 154, 227, .47);
  border: none;
  outline: none
}

input::-moz-placeholder {
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  color: var(--color-body-text);
  opacity: .5
}

input:-ms-input-placeholder {
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  color: var(--color-body-text);
  opacity: .5
}

input::placeholder {
  transition: all .3s ease;
  color: var(--color-body-text);
  opacity: .5
}

input:focus::-webkit-input-placeholder,
input:focus::placeholder {
  color: transparent
}

button[type=submit] {
  cursor: pointer
}

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

@media only screen and (max-width:1024px) {
  .s-hidden {
    display: none
  }

  .s-visible {
    display: block
  }
}

@media only screen and (max-width:850px) {
  .xs-hidden {
    display: none
  }

  .xs-visible {
    display: block
  }
}

@media only screen and (max-width:690px) {
  .xxs-visible {
    display: block
  }

  .xxs-hidden {
    display: none
  }
}

@media only screen and (max-width:480px) {
  input {
    font-size: .14rem;
    line-height: .21rem;
    height: .56rem;
    text-indent: .12rem
  }
}

header,
main {
  opacity: 1
}

.section-ie {
  visibility: visible;
  display: flex;
  align-items: center;
  z-index: auto;
  height: 100vh
}

.section-ie .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -.02rem
}

.section-ie .ie__text-block {
  text-align: center;
  margin-top: -.38rem
}

.section-ie .ie__text-block__title {
  margin-bottom: .65rem
}

.section-ie .ie__text-block__subtitle {
  margin-bottom: .48rem
}

.section-ie .ie-browsers {
  display: flex;
  justify-content: space-between;
  width: 5.6rem;
  margin: 0 auto
}

.section-ie .ie-browsers__item .ie-browsers__item__image,
.section-ie .ie-browsers__item .ie-browsers__item__text {
  transition: all .3s ease
}

.section-ie .ie-browsers__item:first-child .ie-browsers__item__image {
  width: .63rem;
  height: .63rem
}

.section-ie .ie-browsers__item__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: .91rem
}

.section-ie .ie-browsers__item__link:hover .ie-browsers__item__image {
  transform: scale(1.2)
}

.section-ie .ie-browsers__item__link:hover .ie-browsers__item__text {
  color: var(--color-mona-lisa);
  line-height: .8rem
}

.section-ie .ie-browsers__item__image {
  width: .6rem;
  height: .6rem
}

@media only screen and (max-width:768px) {
  body.one-page-scroll .section-ie {
    position: absolute
  }
}

.switch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.switch>span {
  position: absolute;
  top: 14px;
  pointer-events: none;
  font-family: 'Helvetica', Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  width: 50%;
  text-align: center;
}

input.check-toggle-round-flat:checked~.off {
  color: #e3f2ff;
}

input.check-toggle-round-flat:checked~.on {
  color: black;
}

.switch>span.on {
  left: 0;
  padding-left: 2px;
  color: #e3f2ff;
}

.switch>span.off {
  right: 0;
  padding-right: 4px;
  color: black;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.check-toggle+label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.check-toggle-round-flat+label {
  padding: 2px;
  width: 97px;
  height: 35px;
  background-color: #e3f2ff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}

input.check-toggle-round-flat+label:before,
input.check-toggle-round-flat+label:after {
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat+label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #e3f2ff;
  border-radius: 60px;
}

input.check-toggle-round-flat+label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 48px;
  background-color: #0d6efd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

input.check-toggle-round-flat:checked+label:after {
  margin-left: 44px;
}