/* fonts */
/* //fonts */
/* colors */
/* //colors */
/* shadows */
/* //shadows */
.default-video {
  margin-top: 60px;
  margin-bottom: 40px;
}

.default-video-cubes {
  margin-bottom: 16px;
}

.default-video__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 44%;
  overflow: hidden;
}

.default-video__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.default-video__btn {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("../../../img/icons/icon-play.svg");
  position: absolute;
  background-size: cover;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.default-video__title {
  margin-top: 16px;
      margin-left: 20px;
    margin-right: 20px;
}

.default-video.is-play .default-video__btn {
  display: none;
}

@media screen and (max-width: 1440px) {
  .default-video-cubes {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 1200px) {
  .default-video-cubes {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 996px) {
  .default-video {
    margin-top: 40px;
  }
  .default-video__btn {
    width: 40px;
    height: 40px;
  }
  .default-video__wrapper {
    padding-bottom: 45%;
  }
  .default-video__title {
    font-size: 14px;
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .default-video {
    margin-left: -20px;
    margin-right: -20px;
  }
  .from__youtube .default-video__wrapper {
    padding-bottom: 45%;
  }
}
.from__youtube .default-video__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
    .hytPlayerWrap.ended::after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center; 
        background-size: 80px 80px;
        background-image: url("/local/lib/css/2020/default-video/../../../img/icons/icon-play.svg");
    }
    .hytPlayerWrap.paused::after {
        content:"";
        position: absolute;
        top: 0px;
        left: 0;
        bottom: 0px;
        right: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center; 
        background-size: 80px 80px;
        background-image: url("/local/lib/css/2020/default-video/../../../img/icons/icon-play.svg");
        z-index: 1;
    }
    .hytPlayerPause {
        display: none;
        position: absolute;
        left: 0;
        bottom: 50px;
        right: 0;
        background-color: white;
      }
    .hytPlayerPause img {
      width: auto;
      height: 180px;
          margin: auto;
    }
@media (min-width:992px) {
    .hytPlayerPause.paused {
      display: block;
    }
}
@media screen and (max-width: 767px) {
  .from__youtube-square .default-video__wrapper {
    padding-bottom: 45%;
  }
}
.from__youtube-square {
  height: 100%;
  margin: 0 auto;
}
.from__youtube-square .default-video__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.from__youtube-square .default-video__wrapper {
  height: 100%;
}
@media (min-width: 1460px) {
  .from__youtube-square {
    min-height: 495px;
  }
}
@media (min-width: 1200px) and (max-width: 1459px) {
  .from__youtube-square {
    min-height: 495px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .from__youtube-square {
    min-height: 728px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .from__youtube-square {
    min-height: 465px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .from__youtube-square {
    min-height: 375px;
  }
}
@media (max-width: 575px) {
  .from__youtube-square {
    min-height: 70vw;
  }
}