/**
 * Video Popup
 */
.vii-video-popup__video {max-width:960px; margin:0 auto; padding-bottom:30px;}
.vii-video-popup__video-link {
    display:block; position:relative; overflow:hidden; border:3px solid #000;
    box-shadow:50px 50px 50px 0 #00000042; background:#000;
}
.vii-video-popup__video-link i {
    position:absolute; top:50%; left:50%; text-align:center; z-index:2;
    transform:translate(-50%,-50%); background:#0739AF; color:#fff;
    width:75px; height:75px; line-height:75px; border-radius:50%; font-size:19px;
    transition:all .5s ease;
}
.vii-video-popup__video-link i:before {display:inline-block; transform:translateX(2px);}
.vii-video-popup__video-link:before {
    content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;
    background:rgb(28 28 28 / .38);
}
.vii-video-popup__video-link:hover i {background:#fff; color:#0739AF;}
.vii-video-popup__video-link i span {
    position:absolute; top:100%; left:50%; color:#fff;
    transform:translateX(-50%); line-height:1; margin-top:9px;
    white-space:nowrap; font-weight:600; text-transform:uppercase; font-style:normal; font-size:14px;
}

.vii-video-popup__video-bg {transition:all 1s ease;}
.vii-video-popup__video-link:hover .vii-video-popup__video-bg {transform:scale(1.02);}

/* RESPONSIVE */
@media only screen and (max-width:1024px){
    .vii-video-popup__video {padding-bottom:10px;}
    .vii-video-popup__video-link {box-shadow:20px 20px 20px 0 #00000042; border-width:2px;}
    .vii-video-popup__video-link i {width:50px; height:50px; line-height:50px; font-size:13px;}
}
@media only screen and (max-width:480px){
    .vii-video-popup__video-link i span {display:none;}
    .vii-video-popup__video-link i {width:42px; height:42px; line-height:42px;}
}