/*------------------------------------*\
    #Background Video Controls
\*------------------------------------*/
.c-background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
.c-background-video.is-ready {
  opacity: 1 !important;
}
.c-background-video iframe {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100%;
  min-height: 100%;
  width: 177.778vh;
  height: 56.25vw;
  border-width: 0;
  opacity: 1 !important;
  visibility: visible !important;
}
.c-background-video iframe[style] {
  transform: none !important;
}
.c-background-video-controls {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1001;
  margin: 20px;
  bottom: 0;
  right: 0;
  transition: opacity 0.75s ease-in;
  opacity: 0;
}
.c-background-video-controls.is-ready {
  opacity: 1;
}
.c-background-video-controls button {
  position: relative;
  font-size: 37px;
  width: 1em;
  height: 1em;
  margin-left: 0.1em;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  opacity: 0.9;
  transition: opacity 0.25s;
}
.c-background-video-controls button:first-child {
  margin-left: 0;
}
.c-background-video-controls button:hover {
  opacity: 1;
}
.c-background-video-controls button::before,
.c-background-video-controls button::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
}
.c-background-video-controls button:not(.is-active)::before {
  opacity: 1;
}
.c-background-video-controls button.is-active::after {
  opacity: 1;
}
.c-background-video-controls button.c-background-video__play-button {
  display: none;
}
.c-background-video-controls button.c-background-video__play-button::before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22rgba(255, 255, 255, 0.999999)%22%3E%3Cpath%20d%3D%22M10%203H6c-.6%200-1%20.4-1%201v16c0%20.6.4%201%201%201h4c.6%200%201-.4%201-1V4c0-.6-.4-1-1-1zM9%2019H7V5h2v14zM18%203h-4c-.6%200-1%20.4-1%201v16c0%20.6.4%201%201%201h4c.6%200%201-.4%201-1V4c0-.6-.4-1-1-1zm-1%2016h-2V5h2v14z%22%2F%3E%3C%2Fsvg%3E');
}
.c-background-video-controls button.c-background-video__play-button::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22rgba(255, 255, 255, 0.999999)%22%3E%3Cpath%20d%3D%22M19.5%2011.2l-14-9c-.3-.2-.7-.2-1%200-.3.1-.5.4-.5.8v18c0%20.4.2.7.5.9.2.1.3.1.5.1s.4-.1.5-.2l14-9c.3-.2.5-.5.5-.8s-.2-.7-.5-.8zM6%2019.2V4.8L17.2%2012%206%2019.2z%22%2F%3E%3C%2Fsvg%3E');
}
.c-background-video-controls button.c-background-video__mute-button {
  display: block;
}
.c-background-video-controls button.c-background-video__mute-button::before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22rgba(255, 255, 255, 0.999999)%22%3E%3Cpath%20d%3D%22M11.4%204.1c-.3-.2-.8-.1-1.1.1L5.6%208H2c-.6%200-1%20.4-1%201v6c0%20.6.4%201%201%201h3.6l4.7%203.8c.2.1.4.2.6.2.1%200%20.3%200%20.4-.1.3-.2.6-.5.6-.9V5c.1-.4-.1-.7-.5-.9zM10%2016.9l-3.4-2.7c-.2-.1-.4-.2-.6-.2H3v-4h3c.2%200%20.4-.1.6-.2L10%207.1v9.8zM21.4%2012l2.3-2.3c.4-.4.4-1%200-1.4s-1-.4-1.4%200L20%2010.6l-2.3-2.3c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l2.3%202.3-2.3%202.3c-.4.4-.4%201%200%201.4.2.2.5.3.7.3s.5-.1.7-.3l2.3-2.3%202.3%202.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1%200-1.4L21.4%2012z%22%2F%3E%3C%2Fsvg%3E');
}
.c-background-video-controls button.c-background-video__mute-button::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22rgba(255, 255, 255, 0.999999)%22%3E%3Cpath%20d%3D%22M11.4%204.1c-.3-.2-.8-.1-1.1.1L5.6%208H2c-.6%200-1%20.4-1%201v6c0%20.6.4%201%201%201h3.6l4.7%203.8c.2.1.4.2.6.2.1%200%20.3%200%20.4-.1.3-.2.6-.5.6-.9V5c.1-.4-.1-.7-.5-.9zM10%2016.9l-3.4-2.7c-.2-.1-.4-.2-.6-.2H3v-4h3c.2%200%20.4-.1.6-.2L10%207.1v9.8zM14.8%207.8c-.4.4-.4%201%200%201.4%201.6%201.6%201.6%204.1%200%205.7-.4.4-.4%201%200%201.4.2.2.5.3.7.3s.5-.1.7-.3c2.3-2.3%202.3-6.1%200-8.5-.3-.4-1-.4-1.4%200z%22%2F%3E%3Cpath%20d%3D%22M19.8%204.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4c3.5%203.5%203.5%209.2%200%2012.7-.4.4-.4%201%200%201.4.2.2.5.3.7.3s.5-.1.7-.3c4.3-4.2%204.3-11.2%200-15.5z%22%2F%3E%3C%2Fsvg%3E');
}
#sections .section-background {
  pointer-events: initial;
}
