/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 19 2024 | 17:46:08 */
#kaurukavideo {
  max-width: 100%;
  width: 100%;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 2px 6px -1px rgb(7 10 25 / 5%),
    0 6px 12px -6px rgb(7 10 25 / 10%);
  border-radius: 8px;
}

.lazy-v {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.65%;
  background-color: #000;
  cursor: pointer;
  overflow: hidden;
}

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.play span {
  border-style: solid;
  border-width: 15px 0 15px 26.7px;
  border-color: transparent transparent transparent blue;
  margin-left: 5px;
}
.lazy-v img {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 5px);
  border: 0;
  border-radius: 0;
  opacity: 0.95;
  z-index: -1;
}
#kaurukavideo .lazy-v p {
  color: #fff;
  display: flex;
  justify-content: center;
}
.lazy-v iframe {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.servideo {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
  font-size: 13px;
  background-color: #1a1a1a;
}

.servideo .change-video {
  background-color: #222;
  color: #eee;
  border-radius: 4px;
  padding: 4px 10px;
  cursor: pointer;
  align-items: center;
  display: flex;
  transition: .4s ease;
}
.servideo .change-video:hover, .servideo .change-video.c-aktif {
  background: rgb(61 130 237);
  transition: .4s ease;
}
.servideo .change-video:before {
  content: "";
  opacity: 0;
}
.servideo .change-video.c-aktif:before {
  content: "";
  margin-right: 5px;
  margin-left: -5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay-circle%3C/title%3E%3Cpath d='M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23fff' /%3E%3C/svg%3E");
  height: 18px;
  display: inline-block;
  transition: .3s;
  opacity: 1;
}

@media screen and (max-width: 100%) {
  body {
    padding: 0 15px;
  }
}