body{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#loading{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;background: #bef0ff; z-index: 5;border-radius: 0px; justify-content: center; align-items: center; display: flex;}
#bloqueo{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;background: #bef0ff; z-index: 3;border-radius: 0px; justify-content: center; align-items: center; display: flex;}
input#pin {position: relative;z-index: 1;padding: 10px;font-size: 20px;border-radius: 6px;border: 1px solid #555;}
button {position: relative;z-index: 1;padding: 12px;border-radius: 4px;border: 1px solid #555;background-color: #b71e2c;color: #fff;font-size: 20px;}
button[type='submit']{margin-left: 5px;}
.icono-lock{position: absolute;z-index: 1;top: -250px;font-size: 400px;color: #555;    opacity: 0.5;margin-left: -14px} 
#sendPin{position: relative;z-index: 1;}
button#expandir {position: absolute;z-index: 2;top: 5px;right: 5px;opacity: 0.5;padding:8px; } 
button#expandir:hover{opacity: 1; cursor:pointer;}
button#salir-expandir {position: absolute;z-index: 2;top: 5px;right: 5px;opacity: 0.3;padding: 4px;display: none;font-size: 12px;} 
button#salir-expandir:hover{opacity: 1; cursor:pointer;}
.video-responsive {
	position: relative;
	width: 100%;
	height: 100vh;
	z-index: 1;
}

.canvas,
.video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: #000;
	z-index: 5;
}
#over_video{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	z-index: 10;
	font-size: 12vw;
	color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20%;
    text-shadow: 4px 4px 4px #5C433B;
}