body{
	margin: 0px;
}
.video-panel{
  margin-top:30px;
  margin-bottom:10px;
  float: left;
  width: 100%;
  border-radius:10px;
  /*height: 500px;
  src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0'
  */
  position: relative;
  background-image:url('../../../public/videos/banner.png');
  
}
/*height:115px;width:190px;padding:5px;border-radius:9px;
style="color: #ffffff; font-size: 15px; font-weight: 400;"
style="font-family: 'Poppins', sans-serif; font-size: 12px; text-transform: uppercase; color: #505050;"
*/
.video-panel p{
  color:#ffffff; 
  font-size:15px;
  font-weight:400;
  text-decoration:none !important
}
.video-panel span{
  font-family: 'Poppins', sans-serif;
   font-size: 12px; 
   text-transform: uppercase;
    color: #505050;
    text-decoration:none !important
}
.video-panel img{
 height:115px;
 width:190px;
 padding:5px;
 border-radius:9px; 
 z-index: 9999;
}
.video-panel svg{
  float: left;
  height: 104px;
 position: absolute;
 right: 570px;
 z-index: 9999;
 top: 120px;

}


.video-panel video{
	float: right;
  width: 600px;
  border-radius: 10px;
}

/* Just positioning here */

/* This animates the circle when it switches to play */
#circle {
  transition: stroke-dashoffset 300ms ease-in;
  stroke-dashoffset: 0;
  fill: none;
}
#circle.play {
  stroke-dashoffset: 314;
}

/* video pannel responsive stylig  */

@media screen and (max-width: 620px) {
  .video-panel svg{
    
   
   left: 40%;
   top: 50px;
   /* height: 80px;
   width: 80px; */
  
  }
  
  .video-panel video{
    float: left;
    width: 90%;
    margin:5px 5% 5px 5%;
    
  }

  #circle {
    transition: stroke-dashoffset 300ms ease-in;
    stroke-dashoffset: 0;
    fill: none;
  }
  #circle.play {
    stroke-dashoffset: 144;
  }
 
 
      /* ------------------------------------
  08 Latest video section
  ---------------------------------------*/
  .latest-video-section .title-bg {
    color: #ffffff;
  }
  .latest-video-section .latest-video,
  .latest-video-section .latest-news,
  .latest-video-section .title-bg {
    position: relative;
    z-index: 100;
  }

}