.video-play{position: relative; display: block}
.video-play:not(.active)::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
    width: 70px;
    height: 70px;
    position: absolute;
    filter: invert(1);
    left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;
}
.video-play:not(.active)::after{content: "";width: 100%;height: 100%; background-color: rgba(0,0,0,0.6);position: absolute; z-index: 2; left: 0px; top: 0px}
.video-play iframe{width: 100%; height: 100%;position: absolute;z-index: 5;left: 0px;top: 0px}
.video-like{position: absolute;z-index: 9;right: 12px; bottom: -40px; color: #9A9A99; font-size: 20px; line-height: 35px; font-weight: bold}
.video-like:hover,.video-like.liked{color: #FFB30E; }
.video-like img{filter: invert(60%) sepia(12%) saturate(16%) hue-rotate(36deg) brightness(98%) contrast(100%);vertical-align: top}
.video-like:hover img,.video-like.liked img{filter:invert(66%) sepia(74%) saturate(606%) hue-rotate(350deg) brightness(103%) contrast(101%);}
#home{padding: 0px}
@media(min-width:991px){
  #home >div{max-width: 1300px}
}

@media(max-width: 767px) {
  .hr-vertical{border-left:none !important}
  .bg-holder{min-height: 110% !important}
}