.iq-popup-video {
    position: relative;
}

.iq-popup-video.iq-box-shadow .iq-video-img img {
    box-shadow: 0 18px 21px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

.iq-popup-video .iq-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.iq-popup-video .iq-video-icon .iq-waves {
    width: 250px;
    height: 250px;
    z-index: 2;
}

.iq-popup-video .iq-video-icon .iq-video {
    z-index: 9;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: var(--white-color);
    text-align: center;
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.iq-popup-video .iq-video-icon .iq-waves .waves {
    position: absolute;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 320px;
    background-clip: padding-box;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.iq-popup-video .iq-video-icon .iq-waves .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.iq-popup-video .iq-video-icon .iq-waves .wave-2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.iq-popup-video .iq-video-icon .iq-waves .wave-3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

/*---------------------------------------------------------------------
                               Waves Effect
-----------------------------------------------------------------------*/
.iq-waves-effect {
	position: relative;
}

/*  Ripple */
.ripple {
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgb(30, 61, 115, 0.4);
	transform: scale(0);
	position: absolute;
	opacity: 1;
}

.rippleEffect {
	animation: rippleDrop .6s linear;
}

@keyframes rippleDrop {
	100% {
		transform: scale(2);
		opacity: 0;
	}
}