.ova-video {
  display: inline-block;
}
.ova-video .ova-video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ova-video .ova-video-container img {
  border-radius: 12px;
}
.ova-video .ova-video-container .video-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ova-video .ova-video-container .video-content i {
  color: #FFFFFF;
  font-size: 46px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ova-video .ova-video-container .video-content:hover {
  background-color: var(--primary);
}
.ova-video .ova-video-container .video-content.video-image {
  position: absolute;
}
.ova-video .modal-container {
  display: none;
  background-color: rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 10;
}
.ova-video .modal-container .modal {
  width: 900px;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 900px) {
  .ova-video .modal-container .modal {
    width: 768px;
    height: 450px;
  }
}
@media screen and (max-width: 788px) {
  .ova-video .modal-container .modal {
    width: 600px;
    height: 350px;
  }
}
@media screen and (max-width: 620px) {
  .ova-video .modal-container .modal {
    width: 400px;
    height: 250px;
  }
}
@media screen and (max-width: 420px) {
  .ova-video .modal-container .modal {
    width: 320px;
    height: 200px;
  }
}
@media screen and (max-width: 330px) {
  .ova-video .modal-container .modal {
    width: 300px;
    height: 180px;
  }
}
.ova-video .modal-container .modal i {
  position: absolute;
  right: -10px;
  top: -35px;
  padding: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ova-video .modal-container .modal i:hover {
  color: #000;
}
.ova-video .modal-container .modal .modal-video {
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ2aWRlby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0M7O0FBRUE7RUFDQztFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNDOztBQUdEO0VBQ0M7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRDtFQUNDOztBQUdEO0VBQ0M7O0FBS0g7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUxKO0lBTUs7SUFDQTs7O0FBR0Q7RUFWSjtJQVdLO0lBQ0E7OztBQUdEO0VBZko7SUFnQks7SUFDQTs7O0FBR0Q7RUFwQko7SUFxQks7SUFDQTs7O0FBR0Q7RUF6Qko7SUEwQks7SUFDQTs7O0FBR0Q7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDSDtFQUNBOztBQUVBO0VBQ0M7O0FBSUM7RUFDQztFQUNBIiwiZmlsZSI6InZpZGVvLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5vdmEtdmlkZW8ge1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cblx0Lm92YS12aWRlby1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHRpbWcge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMTJweDtcblx0XHR9XG5cblx0XHQudmlkZW8tY29udGVudCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0d2lkdGg6IDU4cHg7XG5cdFx0XHRoZWlnaHQ6IDU4cHg7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0LXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgLjNzIGVhc2U7XG5cdFx0XHQtbW96LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcblx0XHRcdC1vLXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcblx0XHRcdHRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcblxuXHRcdFx0aSB7XG5cdFx0XHRcdGNvbG9yOiAjRkZGRkZGO1xuXHRcdFx0XHRmb250LXNpemU6IDQ2cHg7XG5cdFx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdFx0XHRcdC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIC4zcyBlYXNlO1xuXHRcdFx0XHQtbW96LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcblx0XHRcdFx0LW8tdHJhbnNpdGlvbjogYWxsIC4zcyBlYXNlO1xuXHRcdFx0XHR0cmFuc2l0aW9uOiBhbGwgLjNzIGVhc2U7XG5cdFx0XHR9XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5KTtcblx0XHRcdH1cblxuXHRcdFx0Ji52aWRlby1pbWFnZSB7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQubW9kYWwtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoIDAsIDAsIDAsIC4yICk7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IDA7XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHR3aWR0aDogMTAwdnc7XG5cdFx0ei1pbmRleDogMTA7XG5cblx0XHQubW9kYWwge1xuXHRcdCAgICB3aWR0aDogOTAwcHg7XG4gICAgXHRcdGhlaWdodDogNTAwcHg7XG4gICAgXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIFx0XHRAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5MDBweCkge1xuICAgIFx0XHRcdHdpZHRoOiA3NjhweDtcbiAgICBcdFx0XHRoZWlnaHQ6IDQ1MHB4O1xuICAgIFx0XHR9XG5cbiAgICBcdFx0QG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzg4cHgpIHtcbiAgICBcdFx0XHR3aWR0aDogNjAwcHg7XG4gICAgXHRcdFx0aGVpZ2h0OiAzNTBweDtcbiAgICBcdFx0fVxuXG4gICAgXHRcdEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYyMHB4KSB7XG4gICAgXHRcdFx0d2lkdGg6IDQwMHB4O1xuICAgIFx0XHRcdGhlaWdodDogMjUwcHg7XG4gICAgXHRcdH1cblxuICAgIFx0XHRAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0MjBweCkge1xuICAgIFx0XHRcdHdpZHRoOiAzMjBweDtcbiAgICBcdFx0XHRoZWlnaHQ6IDIwMHB4O1xuICAgIFx0XHR9XG5cbiAgICBcdFx0QG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMzMwcHgpIHtcbiAgICBcdFx0XHR3aWR0aDogMzAwcHg7XG4gICAgXHRcdFx0aGVpZ2h0OiAxODBweDtcbiAgICBcdFx0fVxuXG4gICAgXHRcdGkge1xuXHRcdFx0ICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdCAgICByaWdodDogLTEwcHg7XG4gICAgXHRcdFx0dG9wOiAtMzVweDtcbiAgICBcdFx0XHRwYWRkaW5nOiAxMHB4O1xuICAgIFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdCAgICBmb250LXNpemU6IDEycHg7XG5cdFx0XHQgICAgY29sb3I6ICNmZmY7XG5cdFx0XHQgICAgZm9udC13ZWlnaHQ6IDYwMDtcblx0XHRcdCAgICAtbW96LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcblx0XHRcdFx0LXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgLjNzIGVhc2U7XG5cdFx0XHRcdHRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcblxuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRjb2xvcjogIzAwMDtcblx0XHRcdFx0fVxuICAgIFx0XHR9XG5cbiAgICBcdFx0Lm1vZGFsLXZpZGVvIHtcbiAgICBcdFx0XHR3aWR0aDogMTAwJTtcbiAgICBcdFx0XHRoZWlnaHQ6IDEwMCU7XG4gICAgXHRcdH1cblx0XHR9XG5cdH1cbn0iXX0= */