J@charset "utf-8";
/* CSS Document */


  video {
  display: block;
  width: auto;
  height: 600px;
	 
  background-size: cover;
}

.custom-video::full-screen {
  width: 100%;
  height: 100%;
}

::-moz-full-screen .custom-video {
  width: 100%;
  height: 100%;
}

.custom-video::-moz-full-screen {
  width: 100%;
  height: 100%;
}

.custom-video::-webkit-full-screen {
  width: 100%;
  height: 100%;
}

 

/*hide controls from shadow DOM in webkit browsers*/
/* hides controls only in fullscreen, but shows them in normal screen even if controls is set to false*/
/*the most specific pseudo-element to target video controls on full screen*/
/*
video::-webkit-media-controls-enclosure {
  display: none !important;
}
*/
		
.video {
    width: 100%;
    border: 0px solid black;
	 height: 600px;
}

.video1 {
    width: 100%;
    border: 0px solid black;
	 height: 400px;
}


.wrapper{
    display:table;
    width:auto;
    position:relative;
    width:100%;
	margin: 0 auto;
}
.playpause {
    background-image:url(media_play_pause_resume.gif);
    background-repeat:no-repeat;
    width:6%;
    height:6%;
    position:absolute;
    left:0%;
    right:0%;
    top:86%;
	margin: 0 auto;
    bottom:10px;    
    background-size:contain;
    background-position: center;
	cursor: pointer;
}	

.playpause2 {
    background-image:url(media_play_pause_resume.gif);
    background-repeat:no-repeat;
    width:8%;
    height:8%;
    position:absolute;
    left:0%;
    right:0%;
    top:87%;
	margin: 0 auto;
    bottom:10px;    
    background-size:contain;
    background-position: center;
	cursor: pointer;
}	

.playpause-aarti {
    background-image:url(media_play_pause_resume.gif);
    background-repeat:no-repeat;
    width:8%;
    height:8%;
    position:absolute;
    left:28%;
    right:0%;
    top:90%;
    bottom:0%;   
    background-size:contain;
    background-position: center;
	cursor: pointer;
	
}	.playpause-tempal{
    background-image:url(media_play_pause_resume.gif);
    background-repeat:no-repeat;
    width:8%;
    height:8%;
    position:absolute;
    left:0%;
    right:0%;
    top:100%;
    bottom:10px;   
    background-size:contain;
    background-position: center;
	cursor: pointer;
	
}	

.playpause22 {
    background-image:url(media_play_pause_resume.gif);
    background-repeat:no-repeat;
    width:8%;
    height:8%;
    position:absolute;
    left:0%;
    right:0%;
    top:90%;
    bottom:0%;   
    background-size:contain;
    background-position: center;
	cursor: pointer;
	
}
		  
		  