.circlesinline{
display:inline-block;	
}
.progress {
display: block;
margin: 0 auto;
overflow: hidden;
transform: rotate(-90deg) rotateX(180deg);
}
.progress circle {
stroke-dashoffset: 0;
transition: stroke-dashoffset 2s ease;
transition-delay: 1s;
stroke: #fa9c1c;
stroke-width: 16px;
stroke-linecap: round;
}
.progress .bar {
stroke: #cfcfcf;
}
.progressdiv {
position: relative;
}
.progressdiv:after {
position: absolute;
top: 50%;
left: 50%;
font-size: 35px;
color:white;
font-family: 'Montserrat';
font-weight: bold !important;	transform: translate(-50%, -50%);
content: attr(data-percent) " %";
}.maindiv{
text-align: center;
}
.video-excerpt{    
width: 300px;
}
.video-container-links {
height: 300px;
width: 300px;
position:relative;
}
.overlay-video{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000000;
}
.text-video-link a{
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
transition: .5s ease;
}
.video-container-links video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
}
.video-container-links:hover .overlay-video{
opacity: 0.8;
}