.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ2aWRlby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0M7O0FBRUE7RUFDQztFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNDOztBQUdEO0VBQ0M7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRDtFQUNDOztBQUdEO0VBQ0M7O0FBS0g7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUxKO0lBTUs7SUFDQTs7O0FBR0Q7RUFWSjtJQVdLO0lBQ0E7OztBQUdEO0VBZko7SUFnQks7SUFDQTs7O0FBR0Q7RUFwQko7SUFxQks7SUFDQTs7O0FBR0Q7RUF6Qko7SUEwQks7SUFDQTs7O0FBR0Q7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDSDtFQUNBOztBQUVBO0VBQ0M7O0FBSUM7RUFDQztFQUNBIiwiZmlsZSI6InZpZGVvLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5vdmEtdmlkZW8ge1xyXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHJcblx0Lm92YS12aWRlby1jb250YWluZXIge1xyXG5cdFx0ZGlzcGxheTogZmxleDtcclxuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcblx0XHRpbWcge1xyXG5cdFx0XHRib3JkZXItcmFkaXVzOiAxMnB4O1xyXG5cdFx0fVxyXG5cclxuXHRcdC52aWRlby1jb250ZW50IHtcclxuXHRcdFx0ZGlzcGxheTogZmxleDtcclxuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcblx0XHRcdHdpZHRoOiA1OHB4O1xyXG5cdFx0XHRoZWlnaHQ6IDU4cHg7XHJcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcclxuXHRcdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xyXG5cdFx0XHR6LWluZGV4OiAxO1xyXG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XHJcblx0XHRcdC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIC4zcyBlYXNlO1xyXG5cdFx0XHQtbW96LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcclxuXHRcdFx0LW8tdHJhbnNpdGlvbjogYWxsIC4zcyBlYXNlO1xyXG5cdFx0XHR0cmFuc2l0aW9uOiBhbGwgLjNzIGVhc2U7XHJcblxyXG5cdFx0XHRpIHtcclxuXHRcdFx0XHRjb2xvcjogI0ZGRkZGRjtcclxuXHRcdFx0XHRmb250LXNpemU6IDQ2cHg7XHJcblx0XHRcdFx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuXHRcdFx0XHQtd2Via2l0LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcclxuXHRcdFx0XHQtbW96LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcclxuXHRcdFx0XHQtby10cmFuc2l0aW9uOiBhbGwgLjNzIGVhc2U7XHJcblx0XHRcdFx0dHJhbnNpdGlvbjogYWxsIC4zcyBlYXNlO1xyXG5cdFx0XHR9XHJcblxyXG5cdFx0XHQmOmhvdmVyIHtcclxuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5KTtcclxuXHRcdFx0fVxyXG5cclxuXHRcdFx0Ji52aWRlby1pbWFnZSB7XHJcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cdFx0XHR9XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHQubW9kYWwtY29udGFpbmVyIHtcclxuXHRcdGRpc3BsYXk6IG5vbmU7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKCAwLCAwLCAwLCAuMiApO1xyXG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG5cdFx0cG9zaXRpb246IGZpeGVkO1xyXG5cdFx0dG9wOiAwO1xyXG5cdFx0bGVmdDogMDtcclxuXHRcdGhlaWdodDogMTAwdmg7XHJcblx0XHR3aWR0aDogMTAwdnc7XHJcblx0XHR6LWluZGV4OiAxMDtcclxuXHJcblx0XHQubW9kYWwge1xyXG5cdFx0ICAgIHdpZHRoOiA5MDBweDtcclxuICAgIFx0XHRoZWlnaHQ6IDUwMHB4O1xyXG4gICAgXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgICBcdFx0QG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogOTAwcHgpIHtcclxuICAgIFx0XHRcdHdpZHRoOiA3NjhweDtcclxuICAgIFx0XHRcdGhlaWdodDogNDUwcHg7XHJcbiAgICBcdFx0fVxyXG5cclxuICAgIFx0XHRAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3ODhweCkge1xyXG4gICAgXHRcdFx0d2lkdGg6IDYwMHB4O1xyXG4gICAgXHRcdFx0aGVpZ2h0OiAzNTBweDtcclxuICAgIFx0XHR9XHJcblxyXG4gICAgXHRcdEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYyMHB4KSB7XHJcbiAgICBcdFx0XHR3aWR0aDogNDAwcHg7XHJcbiAgICBcdFx0XHRoZWlnaHQ6IDI1MHB4O1xyXG4gICAgXHRcdH1cclxuXHJcbiAgICBcdFx0QG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDIwcHgpIHtcclxuICAgIFx0XHRcdHdpZHRoOiAzMjBweDtcclxuICAgIFx0XHRcdGhlaWdodDogMjAwcHg7XHJcbiAgICBcdFx0fVxyXG5cclxuICAgIFx0XHRAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzMzBweCkge1xyXG4gICAgXHRcdFx0d2lkdGg6IDMwMHB4O1xyXG4gICAgXHRcdFx0aGVpZ2h0OiAxODBweDtcclxuICAgIFx0XHR9XHJcblxyXG4gICAgXHRcdGkge1xyXG5cdFx0XHQgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG5cdFx0XHQgICAgcmlnaHQ6IC0xMHB4O1xyXG4gICAgXHRcdFx0dG9wOiAtMzVweDtcclxuICAgIFx0XHRcdHBhZGRpbmc6IDEwcHg7XHJcbiAgICBcdFx0XHRjdXJzb3I6IHBvaW50ZXI7XHJcblx0XHRcdCAgICBmb250LXNpemU6IDEycHg7XHJcblx0XHRcdCAgICBjb2xvcjogI2ZmZjtcclxuXHRcdFx0ICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcblx0XHRcdCAgICAtbW96LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcclxuXHRcdFx0XHQtd2Via2l0LXRyYW5zaXRpb246IGFsbCAuM3MgZWFzZTtcclxuXHRcdFx0XHR0cmFuc2l0aW9uOiBhbGwgLjNzIGVhc2U7XHJcblxyXG5cdFx0XHRcdCY6aG92ZXIge1xyXG5cdFx0XHRcdFx0Y29sb3I6ICMwMDA7XHJcblx0XHRcdFx0fVxyXG4gICAgXHRcdH1cclxuXHJcbiAgICBcdFx0Lm1vZGFsLXZpZGVvIHtcclxuICAgIFx0XHRcdHdpZHRoOiAxMDAlO1xyXG4gICAgXHRcdFx0aGVpZ2h0OiAxMDAlO1xyXG4gICAgXHRcdH1cclxuXHRcdH1cclxuXHR9XHJcbn0iXX0= */