.videohp
{
width:100%;
cursor:pointer;
position: relative;
margin-bottom: 1.5rem;
}


.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#videoyoutube
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.containerytembed
{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;	
margin-bottom: 1.5rem;
}

#linkembed
{
position: absolute;
height: 100%;
width: 100%;
cursor: pointer;
z-index:400;
}

.containerytembed .pause
{
	
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
cursor:pointer;
z-index:500;		
}


.containerytembed .play
{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
cursor:pointer;
z-index:500;	
}


.containerytembed
{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;	
margin-bottom: 1.5rem;
}

.videohpsound {
position: relative;
top: -80px;
background: transparent;
left: 20px;
display: block;
max-width: 100px;
}

.videohpsoundon, .videohpsoundoff
{
	width:50px;
}



.pause
{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width:100px;
}

.play
{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width:100px;

}




@media (max-width: 768px){
	
.videohpsound {
position: relative;
top: -40px;
/* left: 30px; */
background: transparent;
left: 5px;
display: block;
max-width: 100px;	
}


.videohpsoundon, .videohpsoundoff
{
	width:70px;
}

.play, .pause
{
	width:70px;
}


}