/**
 * Settings
 */
/* ==|== primary styles =====================================================
	 Authors: Valerii Bohdanov
	 ========================================================================== */
/**
 * Project only code
 */
/**
 * Fix for WPBakery Page Builder
 */
.wpb_video_wrapper {
  padding-top: 0 !important;
}

/**
 * Blocks
 */
.sllv-video {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  background-color: #000 !important;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.3) !important;
}
.sllv-video.-state_enabled {
  cursor: pointer !important;
}
.sllv-video + .sllv-video {
  margin-top: 1em;
}
.sllv-video__link {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.sllv-video.-state_started .sllv-video__link {
  display: none !important;
}
.sllv-video__media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.sllv-video__iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}
.sllv-video__button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 1 !important;
  display: none !important;
  padding: 0 !important;
  width: 68px !important;
  height: 48px !important;
  border: none !important;
  background-color: transparent !important;
  cursor: pointer !important;
  transform: translate(-50%, -50%) !important;
}
.sllv-video.-type_vimeo .sllv-video__button {
  width: 76px !important;
  height: 43px !important;
}
.sllv-video.-state_enabled .sllv-video__button {
  display: block !important;
}
.sllv-video.-state_started .sllv-video__button {
  display: none !important;
}
.sllv-video__button:focus {
  outline: none !important;
}
.sllv-video__button-shape {
  fill: #212121 !important;
  fill-opacity: 0.8 !important;
}
.sllv-video.-type_vimeo .sllv-video__button-shape {
  fill: #2a2929 !important;
}
.sllv-video:hover .sllv-video__button-shape, .sllv-video__button:focus .sllv-video__button-shape {
  fill: #f00 !important;
  fill-opacity: 1 !important;
}
.sllv-video.-type_vimeo:hover .sllv-video__button-shape, .sllv-video.-type_vimeo .sllv-video__button:focus .sllv-video__button-shape {
  fill: #00adef !important;
  fill-opacity: 1 !important;
}
.sllv-video__button-icon {
  fill: #fff !important;
}