#page > .content #block-mess-content .field--name-field-page-elements:after, #page > .content #block-mess-content .field--name-field-page-elements:before {
  content: "";
  width: 48px;
  height: 100vh;
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
  position: absolute;
  z-index: 5;
  top: 0;
  opacity: 0;
}
@media (min-width: 768px) {
  #page > .content #block-mess-content .field--name-field-page-elements:after, #page > .content #block-mess-content .field--name-field-page-elements:before {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  #page > .content #block-mess-content .field--name-field-page-elements:after, #page > .content #block-mess-content .field--name-field-page-elements:before {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  #page > .content #block-mess-content .field--name-field-page-elements:after, #page > .content #block-mess-content .field--name-field-page-elements:before {
    width: 64px;
  }
}
#page > .content #block-mess-content .field--name-field-page-elements:after {
  left: 0;
}
#page > .content #block-mess-content .field--name-field-page-elements:before {
  right: 0;
}

.basic-video {
  position: relative;
}
.basic-video::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.basic-video > .webm,
.basic-video > .field,
.basic-video > .media,
.basic-video > .content {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.basic-video > .webm {
  z-index: 0;
  display: none;
}
.basic-video > .media {
  z-index: 1;
}
.basic-video > .webm,
.basic-video > .media {
  height: 100%;
}
.basic-video > .webm .field,
.basic-video > .media .field {
  height: 100%;
}
.basic-video > .webm .field video,
.basic-video > .media .field video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.basic-video > .field {
  z-index: 2;
}
.basic-video > .content {
  z-index: 3;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: background-color;
}
.basic-video .video-text {
  opacity: 1;
  pointer-events: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: opacity;
  padding: 48px 48px 96px 48px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
@media (min-width: 768px) {
  .basic-video .video-text {
    padding: 56px 112px 112px 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text {
    padding: 64px 128px 128px 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text {
    padding: 64px 128px 128px 64px;
  }
}
.basic-video .video-text .field {
  width: 100%;
  max-width: 640px;
}
.basic-video .video-text .field--name-field-title {
  font-size: 27.4285714286px;
  font-family: "ifm_parisregular", sans-serif !important;
  font-weight: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .basic-video .video-text .field--name-field-title {
    font-size: 35px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text .field--name-field-title {
    font-size: 42.6666666667px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text .field--name-field-title {
    font-size: 44.8px;
  }
}
.basic-video .video-text .field--name-field-subtitle {
  font-size: 20.5714285714px;
}
@media (min-width: 768px) {
  .basic-video .video-text .field--name-field-subtitle {
    font-size: 24.5px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text .field--name-field-subtitle {
    font-size: 28.4444444444px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text .field--name-field-subtitle {
    font-size: 28.8px;
  }
}
.basic-video .video-text .field--name-field-fulltext {
  font-size: 13.7142857143px;
}
@media (min-width: 768px) {
  .basic-video .video-text .field--name-field-fulltext {
    font-size: 14.875px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text .field--name-field-fulltext {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text .field--name-field-fulltext {
    font-size: 16px;
  }
}
.basic-video .video-text .field--name-field-fulltext *:first-child {
  margin-top: 0;
}
.basic-video .video-text .field--name-field-subtitle,
.basic-video .video-text .field--name-field-fulltext {
  position: relative;
  margin: 48px 0 0;
}
@media (min-width: 768px) {
  .basic-video .video-text .field--name-field-subtitle,
.basic-video .video-text .field--name-field-fulltext {
    margin: 56px 0 0;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text .field--name-field-subtitle,
.basic-video .video-text .field--name-field-fulltext {
    margin: 64px 0 0;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text .field--name-field-subtitle,
.basic-video .video-text .field--name-field-fulltext {
    margin: 64px 0 0;
  }
}
.basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: var(--color-main);
  transform: translateY(-175%);
  height: 12px;
  width: 12px;
}
@media (min-width: 768px) {
  .basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
    height: 14px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
    height: 16px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
    height: 16px;
  }
}
@media (min-width: 768px) {
  .basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
    width: 14px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
    width: 16px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-text .field--name-field-subtitle:before,
.basic-video .video-text .field--name-field-fulltext:before {
    width: 16px;
  }
}
.basic-video .cover-link {
  display: none;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}
.basic-video .cover-link * {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}
.basic-video .video-link {
  height: 24px;
  margin: 15.9984px 0 0;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
}
@media (min-width: 768px) {
  .basic-video .video-link {
    height: 28px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link {
    height: 32px;
  }
}
@media (min-width: 768px) {
  .basic-video .video-link {
    margin: 18.6648px 0 0;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link {
    margin: 21.3312px 0 0;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link {
    margin: 21.3312px 0 0;
  }
}
.basic-video .video-link .link-url,
.basic-video .video-link .link-url a {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}
.basic-video .video-link .link-title {
  z-index: 3;
  position: relative;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
  padding: 0 12px;
  height: 24px;
}
@media (min-width: 768px) {
  .basic-video .video-link .link-title {
    font-size: 13.125px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link .link-title {
    font-size: 13.125px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link .link-title {
    font-size: 13.125px;
  }
}
@media (min-width: 768px) {
  .basic-video .video-link .link-title {
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link .link-title {
    padding: 0 16px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link .link-title {
    padding: 0 16px;
  }
}
@media (min-width: 768px) {
  .basic-video .video-link .link-title {
    height: 28px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link .link-title {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link .link-title {
    height: 32px;
  }
}
.basic-video .video-link .link-item {
  position: relative;
  float: left;
  padding: 0 25.5px 0 0;
}
.basic-video .video-link .link-item:before {
  content: "\e94c";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .basic-video .video-link .link-item {
    padding: 0 29.5px 0 0;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link .link-item {
    padding: 0 33.5px 0 0;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link .link-item {
    padding: 0 33.5px 0 0;
  }
}
.basic-video .video-link .link-item:before {
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
  font-size: 24px;
}
@media (min-width: 768px) {
  .basic-video .video-link .link-item:before {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .basic-video .video-link .link-item:before {
    font-size: 32px;
  }
}
@media (min-width: 1440px) {
  .basic-video .video-link .link-item:before {
    font-size: 32px;
  }
}
.basic-video .field--name-field-video-thumbnail {
  background-color: transparent !important;
  opacity: 1;
  pointer-events: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: opacity;
}
.basic-video .field--name-field-video-thumbnail .media,
.basic-video .field--name-field-video-thumbnail .media span.large {
  opacity: 1 !important;
}
.basic-video .play {
  position: absolute;
  z-index: 4;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  cursor: pointer;
}
.basic-video .play * {
  line-height: 1;
  width: 48px;
  height: 48px;
}
@media (min-width: 768px) {
  .basic-video .play * {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play * {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .play * {
    width: 64px;
  }
}
@media (min-width: 768px) {
  .basic-video .play * {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play * {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .play * {
    height: 64px;
  }
}
.basic-video .play > span {
  display: block;
  margin: 48px;
}
@media (min-width: 768px) {
  .basic-video .play > span {
    margin: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play > span {
    margin: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .play > span {
    margin: 64px;
  }
}
.basic-video .play > span span {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}
.basic-video .play > span span:before {
  content: "\e9a7";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.basic-video .play > span span:after {
  content: "\e9a8";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .basic-video .play > span span {
    font-size: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play > span span {
    font-size: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .play > span span {
    font-size: 64px;
  }
}
.basic-video .play > span span:before, .basic-video .play > span span:after {
  opacity: 1;
  pointer-events: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: opacity, color;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
}
@media (min-width: 768px) {
  .basic-video .play > span span:before, .basic-video .play > span span:after {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play > span span:before, .basic-video .play > span span:after {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .play > span span:before, .basic-video .play > span span:after {
    width: 64px;
  }
}
@media (min-width: 768px) {
  .basic-video .play > span span:before, .basic-video .play > span span:after {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play > span span:before, .basic-video .play > span span:after {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-video .play > span span:before, .basic-video .play > span span:after {
    height: 64px;
  }
}
.basic-video.active .play > span span:before {
  opacity: 0;
  pointer-events: none;
}
.basic-video.active > .content {
  background-color: transparent !important;
}
.basic-video.active > .content .video-text {
  opacity: 0;
  pointer-events: none;
}
.basic-video.active .field--name-field-video-thumbnail {
  opacity: 0;
  pointer-events: none;
}
.basic-video.video-autoplay .bottom {
  justify-content: flex-start;
}
.basic-video.video-autoplay .play,
.basic-video.video-autoplay .field--name-field-video-thumbnail {
  display: none;
}
.basic-video.video-autoplay .cover-link {
  display: block;
  z-index: 6;
}

.swiper-section.white-text .basic-video, .swiper-section.white-section .basic-video,
.basic-section.white-text .basic-video,
.basic-section.white-section .basic-video {
  background-color: var(--txt-white-section);
}
.swiper-section.white-text .basic-video .content .video-text, .swiper-section.white-section .basic-video .content .video-text,
.basic-section.white-text .basic-video .content .video-text,
.basic-section.white-section .basic-video .content .video-text {
  color: var(--bg-white-section);
}
.swiper-section.white-text .basic-video .content .video-text > .field, .swiper-section.white-section .basic-video .content .video-text > .field,
.basic-section.white-text .basic-video .content .video-text > .field,
.basic-section.white-section .basic-video .content .video-text > .field {
  text-shadow: 1px 1px 1px var(--bg-white-shadow);
}
.swiper-section.white-text .basic-video .content .field--name-field-subtitle:before,
.swiper-section.white-text .basic-video .content .field--name-field-fulltext:before, .swiper-section.white-section .basic-video .content .field--name-field-subtitle:before,
.swiper-section.white-section .basic-video .content .field--name-field-fulltext:before,
.basic-section.white-text .basic-video .content .field--name-field-subtitle:before,
.basic-section.white-text .basic-video .content .field--name-field-fulltext:before,
.basic-section.white-section .basic-video .content .field--name-field-subtitle:before,
.basic-section.white-section .basic-video .content .field--name-field-fulltext:before {
  background-color: var(--bg-white-section);
  box-shadow: 1px 1px 1px var(--bg-white-shadow);
}
.swiper-section.white-text .basic-video .content .video-link .link-item, .swiper-section.white-section .basic-video .content .video-link .link-item,
.basic-section.white-text .basic-video .content .video-link .link-item,
.basic-section.white-section .basic-video .content .video-link .link-item {
  color: var(--bg-white-section);
}
.swiper-section.white-text .basic-video .content .video-link .link-title, .swiper-section.white-section .basic-video .content .video-link .link-title,
.basic-section.white-text .basic-video .content .video-link .link-title,
.basic-section.white-section .basic-video .content .video-link .link-title {
  color: var(--txt-white-section);
  background-color: var(--bg-white-section);
}
.swiper-section.white-text .basic-video .content .play span:before,
.swiper-section.white-text .basic-video .content .play span:after, .swiper-section.white-section .basic-video .content .play span:before,
.swiper-section.white-section .basic-video .content .play span:after,
.basic-section.white-text .basic-video .content .play span:before,
.basic-section.white-text .basic-video .content .play span:after,
.basic-section.white-section .basic-video .content .play span:before,
.basic-section.white-section .basic-video .content .play span:after {
  color: var(--bg-white-section);
}
.swiper-section.white-text .basic-video .content .play:hover span:before, .swiper-section.white-text .basic-video .content .play:active span:before, .swiper-section.white-section .basic-video .content .play:hover span:before, .swiper-section.white-section .basic-video .content .play:active span:before,
.basic-section.white-text .basic-video .content .play:hover span:before,
.basic-section.white-text .basic-video .content .play:active span:before,
.basic-section.white-section .basic-video .content .play:hover span:before,
.basic-section.white-section .basic-video .content .play:active span:before {
  color: var(--txt-white-section);
}
.swiper-section.white-text .basic-video .content.active .play span:before, .swiper-section.white-section .basic-video .content.active .play span:before,
.basic-section.white-text .basic-video .content.active .play span:before,
.basic-section.white-section .basic-video .content.active .play span:before {
  color: var(--txt-white-section);
}
.swiper-section.white-text .basic-video .field--name-field-video-thumbnail, .swiper-section.white-section .basic-video .field--name-field-video-thumbnail,
.basic-section.white-text .basic-video .field--name-field-video-thumbnail,
.basic-section.white-section .basic-video .field--name-field-video-thumbnail {
  background-color: var(--txt-white-section);
}
.swiper-section.white-text .basic-video.video-autoplay:hover .video-link .link-item, .swiper-section.white-section .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section.white-text .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section.white-section .basic-video.video-autoplay:hover .video-link .link-item {
  color: var(--txt-white-section);
}
.swiper-section.white-text .basic-video.video-autoplay:hover .video-link .link-title, .swiper-section.white-section .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section.white-text .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section.white-section .basic-video.video-autoplay:hover .video-link .link-title {
  color: var(--bg-white-section);
  background-color: var(--txt-white-section);
}
.swiper-section.white-text .basic-video.video-autoplay:active .video-link .link-item, .swiper-section.white-section .basic-video.video-autoplay:active .video-link .link-item,
.basic-section.white-text .basic-video.video-autoplay:active .video-link .link-item,
.basic-section.white-section .basic-video.video-autoplay:active .video-link .link-item {
  color: var(--bg-white-section);
}
.swiper-section.white-text .basic-video.video-autoplay:active .video-link .link-title, .swiper-section.white-section .basic-video.video-autoplay:active .video-link .link-title,
.basic-section.white-text .basic-video.video-autoplay:active .video-link .link-title,
.basic-section.white-section .basic-video.video-autoplay:active .video-link .link-title {
  color: var(--txt-white-section);
  background-color: var(--bg-white-section);
}
.swiper-section.black-text .basic-video, .swiper-section.black-section .basic-video,
.basic-section.black-text .basic-video,
.basic-section.black-section .basic-video {
  background-color: var(--txt-black-section);
}
.swiper-section.black-text .basic-video .content .video-text, .swiper-section.black-section .basic-video .content .video-text,
.basic-section.black-text .basic-video .content .video-text,
.basic-section.black-section .basic-video .content .video-text {
  color: var(--bg-black-section);
}
.swiper-section.black-text .basic-video .content .video-text > .field, .swiper-section.black-section .basic-video .content .video-text > .field,
.basic-section.black-text .basic-video .content .video-text > .field,
.basic-section.black-section .basic-video .content .video-text > .field {
  text-shadow: 1px 1px 1px var(--bg-black-shadow);
}
.swiper-section.black-text .basic-video .content .field--name-field-subtitle:before,
.swiper-section.black-text .basic-video .content .field--name-field-fulltext:before, .swiper-section.black-section .basic-video .content .field--name-field-subtitle:before,
.swiper-section.black-section .basic-video .content .field--name-field-fulltext:before,
.basic-section.black-text .basic-video .content .field--name-field-subtitle:before,
.basic-section.black-text .basic-video .content .field--name-field-fulltext:before,
.basic-section.black-section .basic-video .content .field--name-field-subtitle:before,
.basic-section.black-section .basic-video .content .field--name-field-fulltext:before {
  background-color: var(--bg-black-section);
  box-shadow: 1px 1px 1px var(--bg-black-shadow);
}
.swiper-section.black-text .basic-video .content .video-link .link-item, .swiper-section.black-section .basic-video .content .video-link .link-item,
.basic-section.black-text .basic-video .content .video-link .link-item,
.basic-section.black-section .basic-video .content .video-link .link-item {
  color: var(--bg-black-section);
}
.swiper-section.black-text .basic-video .content .video-link .link-title, .swiper-section.black-section .basic-video .content .video-link .link-title,
.basic-section.black-text .basic-video .content .video-link .link-title,
.basic-section.black-section .basic-video .content .video-link .link-title {
  color: var(--txt-black-section);
  background-color: var(--bg-black-section);
}
.swiper-section.black-text .basic-video .content .play span:before,
.swiper-section.black-text .basic-video .content .play span:after, .swiper-section.black-section .basic-video .content .play span:before,
.swiper-section.black-section .basic-video .content .play span:after,
.basic-section.black-text .basic-video .content .play span:before,
.basic-section.black-text .basic-video .content .play span:after,
.basic-section.black-section .basic-video .content .play span:before,
.basic-section.black-section .basic-video .content .play span:after {
  color: var(--bg-black-section);
}
.swiper-section.black-text .basic-video .content .play:hover span:before, .swiper-section.black-text .basic-video .content .play:active span:before, .swiper-section.black-section .basic-video .content .play:hover span:before, .swiper-section.black-section .basic-video .content .play:active span:before,
.basic-section.black-text .basic-video .content .play:hover span:before,
.basic-section.black-text .basic-video .content .play:active span:before,
.basic-section.black-section .basic-video .content .play:hover span:before,
.basic-section.black-section .basic-video .content .play:active span:before {
  color: var(--txt-black-section);
}
.swiper-section.black-text .basic-video .content.active .play span:before, .swiper-section.black-section .basic-video .content.active .play span:before,
.basic-section.black-text .basic-video .content.active .play span:before,
.basic-section.black-section .basic-video .content.active .play span:before {
  color: var(--txt-black-section);
}
.swiper-section.black-text .basic-video .field--name-field-video-thumbnail, .swiper-section.black-section .basic-video .field--name-field-video-thumbnail,
.basic-section.black-text .basic-video .field--name-field-video-thumbnail,
.basic-section.black-section .basic-video .field--name-field-video-thumbnail {
  background-color: var(--txt-black-section);
}
.swiper-section.black-text .basic-video.video-autoplay:hover .video-link .link-item, .swiper-section.black-section .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section.black-text .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section.black-section .basic-video.video-autoplay:hover .video-link .link-item {
  color: var(--txt-black-section);
}
.swiper-section.black-text .basic-video.video-autoplay:hover .video-link .link-title, .swiper-section.black-section .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section.black-text .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section.black-section .basic-video.video-autoplay:hover .video-link .link-title {
  color: var(--bg-black-section);
  background-color: var(--txt-black-section);
}
.swiper-section.black-text .basic-video.video-autoplay:active .video-link .link-item, .swiper-section.black-section .basic-video.video-autoplay:active .video-link .link-item,
.basic-section.black-text .basic-video.video-autoplay:active .video-link .link-item,
.basic-section.black-section .basic-video.video-autoplay:active .video-link .link-item {
  color: var(--bg-black-section);
}
.swiper-section.black-text .basic-video.video-autoplay:active .video-link .link-title, .swiper-section.black-section .basic-video.video-autoplay:active .video-link .link-title,
.basic-section.black-text .basic-video.video-autoplay:active .video-link .link-title,
.basic-section.black-section .basic-video.video-autoplay:active .video-link .link-title {
  color: var(--txt-black-section);
  background-color: var(--bg-black-section);
}
.swiper-section.gray-text .basic-video, .swiper-section.gray-section .basic-video,
.basic-section.gray-text .basic-video,
.basic-section.gray-section .basic-video {
  background-color: var(--txt-gray-section);
}
.swiper-section.gray-text .basic-video .content .video-text, .swiper-section.gray-section .basic-video .content .video-text,
.basic-section.gray-text .basic-video .content .video-text,
.basic-section.gray-section .basic-video .content .video-text {
  color: var(--bg-gray-section);
}
.swiper-section.gray-text .basic-video .content .video-text > .field, .swiper-section.gray-section .basic-video .content .video-text > .field,
.basic-section.gray-text .basic-video .content .video-text > .field,
.basic-section.gray-section .basic-video .content .video-text > .field {
  text-shadow: 1px 1px 1px var(--bg-gray-shadow);
}
.swiper-section.gray-text .basic-video .content .field--name-field-subtitle:before,
.swiper-section.gray-text .basic-video .content .field--name-field-fulltext:before, .swiper-section.gray-section .basic-video .content .field--name-field-subtitle:before,
.swiper-section.gray-section .basic-video .content .field--name-field-fulltext:before,
.basic-section.gray-text .basic-video .content .field--name-field-subtitle:before,
.basic-section.gray-text .basic-video .content .field--name-field-fulltext:before,
.basic-section.gray-section .basic-video .content .field--name-field-subtitle:before,
.basic-section.gray-section .basic-video .content .field--name-field-fulltext:before {
  background-color: var(--bg-gray-section);
  box-shadow: 1px 1px 1px var(--bg-gray-shadow);
}
.swiper-section.gray-text .basic-video .content .video-link .link-item, .swiper-section.gray-section .basic-video .content .video-link .link-item,
.basic-section.gray-text .basic-video .content .video-link .link-item,
.basic-section.gray-section .basic-video .content .video-link .link-item {
  color: var(--bg-gray-section);
}
.swiper-section.gray-text .basic-video .content .video-link .link-title, .swiper-section.gray-section .basic-video .content .video-link .link-title,
.basic-section.gray-text .basic-video .content .video-link .link-title,
.basic-section.gray-section .basic-video .content .video-link .link-title {
  color: var(--txt-gray-section);
  background-color: var(--bg-gray-section);
}
.swiper-section.gray-text .basic-video .content .play span:before,
.swiper-section.gray-text .basic-video .content .play span:after, .swiper-section.gray-section .basic-video .content .play span:before,
.swiper-section.gray-section .basic-video .content .play span:after,
.basic-section.gray-text .basic-video .content .play span:before,
.basic-section.gray-text .basic-video .content .play span:after,
.basic-section.gray-section .basic-video .content .play span:before,
.basic-section.gray-section .basic-video .content .play span:after {
  color: var(--bg-gray-section);
}
.swiper-section.gray-text .basic-video .content .play:hover span:before, .swiper-section.gray-text .basic-video .content .play:active span:before, .swiper-section.gray-section .basic-video .content .play:hover span:before, .swiper-section.gray-section .basic-video .content .play:active span:before,
.basic-section.gray-text .basic-video .content .play:hover span:before,
.basic-section.gray-text .basic-video .content .play:active span:before,
.basic-section.gray-section .basic-video .content .play:hover span:before,
.basic-section.gray-section .basic-video .content .play:active span:before {
  color: var(--txt-gray-section);
}
.swiper-section.gray-text .basic-video .content.active .play span:before, .swiper-section.gray-section .basic-video .content.active .play span:before,
.basic-section.gray-text .basic-video .content.active .play span:before,
.basic-section.gray-section .basic-video .content.active .play span:before {
  color: var(--txt-gray-section);
}
.swiper-section.gray-text .basic-video .field--name-field-video-thumbnail, .swiper-section.gray-section .basic-video .field--name-field-video-thumbnail,
.basic-section.gray-text .basic-video .field--name-field-video-thumbnail,
.basic-section.gray-section .basic-video .field--name-field-video-thumbnail {
  background-color: var(--txt-gray-section);
}
.swiper-section.gray-text .basic-video.video-autoplay:hover .video-link .link-item, .swiper-section.gray-section .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section.gray-text .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section.gray-section .basic-video.video-autoplay:hover .video-link .link-item {
  color: var(--txt-gray-section);
}
.swiper-section.gray-text .basic-video.video-autoplay:hover .video-link .link-title, .swiper-section.gray-section .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section.gray-text .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section.gray-section .basic-video.video-autoplay:hover .video-link .link-title {
  color: var(--bg-gray-section);
  background-color: var(--txt-gray-section);
}
.swiper-section.gray-text .basic-video.video-autoplay:active .video-link .link-item, .swiper-section.gray-section .basic-video.video-autoplay:active .video-link .link-item,
.basic-section.gray-text .basic-video.video-autoplay:active .video-link .link-item,
.basic-section.gray-section .basic-video.video-autoplay:active .video-link .link-item {
  color: var(--bg-gray-section);
}
.swiper-section.gray-text .basic-video.video-autoplay:active .video-link .link-title, .swiper-section.gray-section .basic-video.video-autoplay:active .video-link .link-title,
.basic-section.gray-text .basic-video.video-autoplay:active .video-link .link-title,
.basic-section.gray-section .basic-video.video-autoplay:active .video-link .link-title {
  color: var(--txt-gray-section);
  background-color: var(--bg-gray-section);
}
.swiper-section .basic-item.white-text .basic-video, .swiper-section .basic-item.white-section .basic-video,
.basic-section .basic-item.white-text .basic-video,
.basic-section .basic-item.white-section .basic-video {
  background-color: var(--txt-white-section);
}
.swiper-section .basic-item.white-text .basic-video .content .video-text, .swiper-section .basic-item.white-section .basic-video .content .video-text,
.basic-section .basic-item.white-text .basic-video .content .video-text,
.basic-section .basic-item.white-section .basic-video .content .video-text {
  color: var(--bg-white-section);
}
.swiper-section .basic-item.white-text .basic-video .content .video-text > .field, .swiper-section .basic-item.white-section .basic-video .content .video-text > .field,
.basic-section .basic-item.white-text .basic-video .content .video-text > .field,
.basic-section .basic-item.white-section .basic-video .content .video-text > .field {
  text-shadow: 1px 1px 1px var(--bg-white-shadow);
}
.swiper-section .basic-item.white-text .basic-video .content .field--name-field-subtitle:before,
.swiper-section .basic-item.white-text .basic-video .content .field--name-field-fulltext:before, .swiper-section .basic-item.white-section .basic-video .content .field--name-field-subtitle:before,
.swiper-section .basic-item.white-section .basic-video .content .field--name-field-fulltext:before,
.basic-section .basic-item.white-text .basic-video .content .field--name-field-subtitle:before,
.basic-section .basic-item.white-text .basic-video .content .field--name-field-fulltext:before,
.basic-section .basic-item.white-section .basic-video .content .field--name-field-subtitle:before,
.basic-section .basic-item.white-section .basic-video .content .field--name-field-fulltext:before {
  background-color: var(--bg-white-section);
  box-shadow: 1px 1px 1px var(--bg-white-shadow);
}
.swiper-section .basic-item.white-text .basic-video .content .video-link .link-item, .swiper-section .basic-item.white-section .basic-video .content .video-link .link-item,
.basic-section .basic-item.white-text .basic-video .content .video-link .link-item,
.basic-section .basic-item.white-section .basic-video .content .video-link .link-item {
  color: var(--bg-white-section);
}
.swiper-section .basic-item.white-text .basic-video .content .video-link .link-title, .swiper-section .basic-item.white-section .basic-video .content .video-link .link-title,
.basic-section .basic-item.white-text .basic-video .content .video-link .link-title,
.basic-section .basic-item.white-section .basic-video .content .video-link .link-title {
  color: var(--txt-white-section);
  background-color: var(--bg-white-section);
}
.swiper-section .basic-item.white-text .basic-video .content .play span:before,
.swiper-section .basic-item.white-text .basic-video .content .play span:after, .swiper-section .basic-item.white-section .basic-video .content .play span:before,
.swiper-section .basic-item.white-section .basic-video .content .play span:after,
.basic-section .basic-item.white-text .basic-video .content .play span:before,
.basic-section .basic-item.white-text .basic-video .content .play span:after,
.basic-section .basic-item.white-section .basic-video .content .play span:before,
.basic-section .basic-item.white-section .basic-video .content .play span:after {
  color: var(--bg-white-section);
}
.swiper-section .basic-item.white-text .basic-video .content .play:hover span:before, .swiper-section .basic-item.white-text .basic-video .content .play:active span:before, .swiper-section .basic-item.white-section .basic-video .content .play:hover span:before, .swiper-section .basic-item.white-section .basic-video .content .play:active span:before,
.basic-section .basic-item.white-text .basic-video .content .play:hover span:before,
.basic-section .basic-item.white-text .basic-video .content .play:active span:before,
.basic-section .basic-item.white-section .basic-video .content .play:hover span:before,
.basic-section .basic-item.white-section .basic-video .content .play:active span:before {
  color: var(--txt-white-section);
}
.swiper-section .basic-item.white-text .basic-video .content.active .play span:before, .swiper-section .basic-item.white-section .basic-video .content.active .play span:before,
.basic-section .basic-item.white-text .basic-video .content.active .play span:before,
.basic-section .basic-item.white-section .basic-video .content.active .play span:before {
  color: var(--txt-white-section);
}
.swiper-section .basic-item.white-text .basic-video .field--name-field-video-thumbnail, .swiper-section .basic-item.white-section .basic-video .field--name-field-video-thumbnail,
.basic-section .basic-item.white-text .basic-video .field--name-field-video-thumbnail,
.basic-section .basic-item.white-section .basic-video .field--name-field-video-thumbnail {
  background-color: var(--txt-white-section);
}
.swiper-section .basic-item.white-text .basic-video.video-autoplay:hover .video-link .link-item, .swiper-section .basic-item.white-section .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section .basic-item.white-text .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section .basic-item.white-section .basic-video.video-autoplay:hover .video-link .link-item {
  color: var(--txt-white-section);
}
.swiper-section .basic-item.white-text .basic-video.video-autoplay:hover .video-link .link-title, .swiper-section .basic-item.white-section .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section .basic-item.white-text .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section .basic-item.white-section .basic-video.video-autoplay:hover .video-link .link-title {
  color: var(--bg-white-section);
  background-color: var(--txt-white-section);
}
.swiper-section .basic-item.white-text .basic-video.video-autoplay:active .video-link .link-item, .swiper-section .basic-item.white-section .basic-video.video-autoplay:active .video-link .link-item,
.basic-section .basic-item.white-text .basic-video.video-autoplay:active .video-link .link-item,
.basic-section .basic-item.white-section .basic-video.video-autoplay:active .video-link .link-item {
  color: var(--bg-white-section);
}
.swiper-section .basic-item.white-text .basic-video.video-autoplay:active .video-link .link-title, .swiper-section .basic-item.white-section .basic-video.video-autoplay:active .video-link .link-title,
.basic-section .basic-item.white-text .basic-video.video-autoplay:active .video-link .link-title,
.basic-section .basic-item.white-section .basic-video.video-autoplay:active .video-link .link-title {
  color: var(--txt-white-section);
  background-color: var(--bg-white-section);
}
.swiper-section .basic-item.black-text .basic-video, .swiper-section .basic-item.black-section .basic-video,
.basic-section .basic-item.black-text .basic-video,
.basic-section .basic-item.black-section .basic-video {
  background-color: var(--txt-black-section);
}
.swiper-section .basic-item.black-text .basic-video .content .video-text, .swiper-section .basic-item.black-section .basic-video .content .video-text,
.basic-section .basic-item.black-text .basic-video .content .video-text,
.basic-section .basic-item.black-section .basic-video .content .video-text {
  color: var(--bg-black-section);
}
.swiper-section .basic-item.black-text .basic-video .content .video-text > .field, .swiper-section .basic-item.black-section .basic-video .content .video-text > .field,
.basic-section .basic-item.black-text .basic-video .content .video-text > .field,
.basic-section .basic-item.black-section .basic-video .content .video-text > .field {
  text-shadow: 1px 1px 1px var(--bg-black-shadow);
}
.swiper-section .basic-item.black-text .basic-video .content .field--name-field-subtitle:before,
.swiper-section .basic-item.black-text .basic-video .content .field--name-field-fulltext:before, .swiper-section .basic-item.black-section .basic-video .content .field--name-field-subtitle:before,
.swiper-section .basic-item.black-section .basic-video .content .field--name-field-fulltext:before,
.basic-section .basic-item.black-text .basic-video .content .field--name-field-subtitle:before,
.basic-section .basic-item.black-text .basic-video .content .field--name-field-fulltext:before,
.basic-section .basic-item.black-section .basic-video .content .field--name-field-subtitle:before,
.basic-section .basic-item.black-section .basic-video .content .field--name-field-fulltext:before {
  background-color: var(--bg-black-section);
  box-shadow: 1px 1px 1px var(--bg-black-shadow);
}
.swiper-section .basic-item.black-text .basic-video .content .video-link .link-item, .swiper-section .basic-item.black-section .basic-video .content .video-link .link-item,
.basic-section .basic-item.black-text .basic-video .content .video-link .link-item,
.basic-section .basic-item.black-section .basic-video .content .video-link .link-item {
  color: var(--bg-black-section);
}
.swiper-section .basic-item.black-text .basic-video .content .video-link .link-title, .swiper-section .basic-item.black-section .basic-video .content .video-link .link-title,
.basic-section .basic-item.black-text .basic-video .content .video-link .link-title,
.basic-section .basic-item.black-section .basic-video .content .video-link .link-title {
  color: var(--txt-black-section);
  background-color: var(--bg-black-section);
}
.swiper-section .basic-item.black-text .basic-video .content .play span:before,
.swiper-section .basic-item.black-text .basic-video .content .play span:after, .swiper-section .basic-item.black-section .basic-video .content .play span:before,
.swiper-section .basic-item.black-section .basic-video .content .play span:after,
.basic-section .basic-item.black-text .basic-video .content .play span:before,
.basic-section .basic-item.black-text .basic-video .content .play span:after,
.basic-section .basic-item.black-section .basic-video .content .play span:before,
.basic-section .basic-item.black-section .basic-video .content .play span:after {
  color: var(--bg-black-section);
}
.swiper-section .basic-item.black-text .basic-video .content .play:hover span:before, .swiper-section .basic-item.black-text .basic-video .content .play:active span:before, .swiper-section .basic-item.black-section .basic-video .content .play:hover span:before, .swiper-section .basic-item.black-section .basic-video .content .play:active span:before,
.basic-section .basic-item.black-text .basic-video .content .play:hover span:before,
.basic-section .basic-item.black-text .basic-video .content .play:active span:before,
.basic-section .basic-item.black-section .basic-video .content .play:hover span:before,
.basic-section .basic-item.black-section .basic-video .content .play:active span:before {
  color: var(--txt-black-section);
}
.swiper-section .basic-item.black-text .basic-video .content.active .play span:before, .swiper-section .basic-item.black-section .basic-video .content.active .play span:before,
.basic-section .basic-item.black-text .basic-video .content.active .play span:before,
.basic-section .basic-item.black-section .basic-video .content.active .play span:before {
  color: var(--txt-black-section);
}
.swiper-section .basic-item.black-text .basic-video .field--name-field-video-thumbnail, .swiper-section .basic-item.black-section .basic-video .field--name-field-video-thumbnail,
.basic-section .basic-item.black-text .basic-video .field--name-field-video-thumbnail,
.basic-section .basic-item.black-section .basic-video .field--name-field-video-thumbnail {
  background-color: var(--txt-black-section);
}
.swiper-section .basic-item.black-text .basic-video.video-autoplay:hover .video-link .link-item, .swiper-section .basic-item.black-section .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section .basic-item.black-text .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section .basic-item.black-section .basic-video.video-autoplay:hover .video-link .link-item {
  color: var(--txt-black-section);
}
.swiper-section .basic-item.black-text .basic-video.video-autoplay:hover .video-link .link-title, .swiper-section .basic-item.black-section .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section .basic-item.black-text .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section .basic-item.black-section .basic-video.video-autoplay:hover .video-link .link-title {
  color: var(--bg-black-section);
  background-color: var(--txt-black-section);
}
.swiper-section .basic-item.black-text .basic-video.video-autoplay:active .video-link .link-item, .swiper-section .basic-item.black-section .basic-video.video-autoplay:active .video-link .link-item,
.basic-section .basic-item.black-text .basic-video.video-autoplay:active .video-link .link-item,
.basic-section .basic-item.black-section .basic-video.video-autoplay:active .video-link .link-item {
  color: var(--bg-black-section);
}
.swiper-section .basic-item.black-text .basic-video.video-autoplay:active .video-link .link-title, .swiper-section .basic-item.black-section .basic-video.video-autoplay:active .video-link .link-title,
.basic-section .basic-item.black-text .basic-video.video-autoplay:active .video-link .link-title,
.basic-section .basic-item.black-section .basic-video.video-autoplay:active .video-link .link-title {
  color: var(--txt-black-section);
  background-color: var(--bg-black-section);
}
.swiper-section .basic-item.gray-text .basic-video, .swiper-section .basic-item.gray-section .basic-video,
.basic-section .basic-item.gray-text .basic-video,
.basic-section .basic-item.gray-section .basic-video {
  background-color: var(--txt-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .content .video-text, .swiper-section .basic-item.gray-section .basic-video .content .video-text,
.basic-section .basic-item.gray-text .basic-video .content .video-text,
.basic-section .basic-item.gray-section .basic-video .content .video-text {
  color: var(--bg-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .content .video-text > .field, .swiper-section .basic-item.gray-section .basic-video .content .video-text > .field,
.basic-section .basic-item.gray-text .basic-video .content .video-text > .field,
.basic-section .basic-item.gray-section .basic-video .content .video-text > .field {
  text-shadow: 1px 1px 1px var(--bg-gray-shadow);
}
.swiper-section .basic-item.gray-text .basic-video .content .field--name-field-subtitle:before,
.swiper-section .basic-item.gray-text .basic-video .content .field--name-field-fulltext:before, .swiper-section .basic-item.gray-section .basic-video .content .field--name-field-subtitle:before,
.swiper-section .basic-item.gray-section .basic-video .content .field--name-field-fulltext:before,
.basic-section .basic-item.gray-text .basic-video .content .field--name-field-subtitle:before,
.basic-section .basic-item.gray-text .basic-video .content .field--name-field-fulltext:before,
.basic-section .basic-item.gray-section .basic-video .content .field--name-field-subtitle:before,
.basic-section .basic-item.gray-section .basic-video .content .field--name-field-fulltext:before {
  background-color: var(--bg-gray-section);
  box-shadow: 1px 1px 1px var(--bg-gray-shadow);
}
.swiper-section .basic-item.gray-text .basic-video .content .video-link .link-item, .swiper-section .basic-item.gray-section .basic-video .content .video-link .link-item,
.basic-section .basic-item.gray-text .basic-video .content .video-link .link-item,
.basic-section .basic-item.gray-section .basic-video .content .video-link .link-item {
  color: var(--bg-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .content .video-link .link-title, .swiper-section .basic-item.gray-section .basic-video .content .video-link .link-title,
.basic-section .basic-item.gray-text .basic-video .content .video-link .link-title,
.basic-section .basic-item.gray-section .basic-video .content .video-link .link-title {
  color: var(--txt-gray-section);
  background-color: var(--bg-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .content .play span:before,
.swiper-section .basic-item.gray-text .basic-video .content .play span:after, .swiper-section .basic-item.gray-section .basic-video .content .play span:before,
.swiper-section .basic-item.gray-section .basic-video .content .play span:after,
.basic-section .basic-item.gray-text .basic-video .content .play span:before,
.basic-section .basic-item.gray-text .basic-video .content .play span:after,
.basic-section .basic-item.gray-section .basic-video .content .play span:before,
.basic-section .basic-item.gray-section .basic-video .content .play span:after {
  color: var(--bg-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .content .play:hover span:before, .swiper-section .basic-item.gray-text .basic-video .content .play:active span:before, .swiper-section .basic-item.gray-section .basic-video .content .play:hover span:before, .swiper-section .basic-item.gray-section .basic-video .content .play:active span:before,
.basic-section .basic-item.gray-text .basic-video .content .play:hover span:before,
.basic-section .basic-item.gray-text .basic-video .content .play:active span:before,
.basic-section .basic-item.gray-section .basic-video .content .play:hover span:before,
.basic-section .basic-item.gray-section .basic-video .content .play:active span:before {
  color: var(--txt-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .content.active .play span:before, .swiper-section .basic-item.gray-section .basic-video .content.active .play span:before,
.basic-section .basic-item.gray-text .basic-video .content.active .play span:before,
.basic-section .basic-item.gray-section .basic-video .content.active .play span:before {
  color: var(--txt-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video .field--name-field-video-thumbnail, .swiper-section .basic-item.gray-section .basic-video .field--name-field-video-thumbnail,
.basic-section .basic-item.gray-text .basic-video .field--name-field-video-thumbnail,
.basic-section .basic-item.gray-section .basic-video .field--name-field-video-thumbnail {
  background-color: var(--txt-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video.video-autoplay:hover .video-link .link-item, .swiper-section .basic-item.gray-section .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section .basic-item.gray-text .basic-video.video-autoplay:hover .video-link .link-item,
.basic-section .basic-item.gray-section .basic-video.video-autoplay:hover .video-link .link-item {
  color: var(--txt-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video.video-autoplay:hover .video-link .link-title, .swiper-section .basic-item.gray-section .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section .basic-item.gray-text .basic-video.video-autoplay:hover .video-link .link-title,
.basic-section .basic-item.gray-section .basic-video.video-autoplay:hover .video-link .link-title {
  color: var(--bg-gray-section);
  background-color: var(--txt-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video.video-autoplay:active .video-link .link-item, .swiper-section .basic-item.gray-section .basic-video.video-autoplay:active .video-link .link-item,
.basic-section .basic-item.gray-text .basic-video.video-autoplay:active .video-link .link-item,
.basic-section .basic-item.gray-section .basic-video.video-autoplay:active .video-link .link-item {
  color: var(--bg-gray-section);
}
.swiper-section .basic-item.gray-text .basic-video.video-autoplay:active .video-link .link-title, .swiper-section .basic-item.gray-section .basic-video.video-autoplay:active .video-link .link-title,
.basic-section .basic-item.gray-text .basic-video.video-autoplay:active .video-link .link-title,
.basic-section .basic-item.gray-section .basic-video.video-autoplay:active .video-link .link-title {
  color: var(--txt-gray-section);
  background-color: var(--bg-gray-section);
}

section.white-section .basic-video.video-autoplay .media.player,
.basic-item.white-section .basic-video.video-autoplay .media.player,
section.black-section .basic-video.video-autoplay .media.player,
.basic-item.black-section .basic-video.video-autoplay .media.player,
section.gray-section .basic-video.video-autoplay .media.player,
.basic-item.gray-section .basic-video.video-autoplay .media.player {
  opacity: 0.5;
}

section.white-text .basic-video.video-autoplay .media.player,
.basic-item.white-text .basic-video.video-autoplay .media.player,
section.black-text .basic-video.video-autoplay .media.player,
.basic-item.black-text .basic-video.video-autoplay .media.player,
section.gray-text .basic-video.video-autoplay .media.player,
.basic-item.gray-text .basic-video.video-autoplay .media.player {
  opacity: 1;
}

section.header .basic-video {
  height: 100%;
}
section.header .basic-video:before {
  display: none !important;
}
/*# sourceMappingURL=basic-video.css.map */