.video-section{
position: relative;
}
.video-section .inner-container{
position: relative;
display: block;
width: 100%;
margin-top: -323px;
z-index: 1;
}
.video-section .video-inner{
position: relative;
width: 100%;
padding: 225px 0px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.video-section .video-inner:before{
position: absolute;
content: '';
background: #000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.15;
}
.video-section .video-inner .video-btn a{
position: relative;
display: inline-block;
width: 98px;
height: 98px;
line-height: 98px;
font-size: 30px;
color: #fff;
border: 5px solid #fff;
border-radius: 50%;
text-align: center;
}
.video-section .video-inner .video-btn a:before,
.video-section .video-inner .video-btn a:after {
width: 100%;
height: 100%;
border-radius: 50%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.video-section .video-inner .video-btn a:after{
-webkit-animation-delay: .6s;
animation-delay: .6s;
}