body {
	font-style: normal;
	background: rgb(24, 24, 24);
	color: rgb(36, 36, 36);

	font-size: 14px;
	line-height: 1.5;
	-webkit-user-drag: none;
	overflow:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	font-family: "DM Serif Text", serif;
	font-weight: 400;
	font-style: normal;
}

h1 {
	font-size: 60px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: 600;
	text-align: center;
}

.signinPanel {
	position: fixed;
	right: 5px;
	top: 5px;
	bottom: 5px;
	border-radius: 5px;
	width: 40%;
	min-width: 550px;
	padding: 20px;
	background: #f7f8fc;
	overflow: hidden;
	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.5);
	max-width: 640px;
	animation: signinPanel 400ms forwards ease-out;
	animation-delay: 200ms;
	transform: translateX(20px);
		opacity:0;
}

@keyframes signinPanel {
	from {
		transform: translateX(20px);
		opacity:0;
	}
	to {
		transform: translateX(0px);
		opacity:1;
	}
}

@media (max-width:570px) {
	.signinPanel {
		width: auto;
		min-width: auto;
		left:5px;
	}
}


.signinInner {
	position: absolute;
	width: 400px;
	height: 800px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.bg video {
	width: 100%;
	height: 100vh;
	left: 0px;
	right: 0px;
	display: inline-block;
	position: absolute;
	object-fit: cover;
	transition-duration: 500ms;
	transition-property: opacity;
}
.bg video.fade {
	opacity: 0;
}

.fire-curtain {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(3, 20, 3, 1);
	opacity: 1;
	transition-duration: 750ms;
	transition-property: opacity;
}
.fire-curtain.visible {
	opacity: 0.6;
}

.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 1;
	transition-duration: 300ms;
	transition-property: opacity;
}
.bg.visible {
	opacity: 1;
}
.bgCanvas {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 1;
	transition-duration: 1000ms;
	transition-property: opacity;
}
.invisible {
	opacity: 0;
}

.head1link { text-decoration: none; color: rgb(36, 36, 36);}
.infoEmaillink { text-decoration: underline dotted; color: rgb(36, 36, 36); }

.btnEntra .logo {
	position: absolute; left:12px; top: 50%; transform: translateY(-50%); background: url(vendors/ms-symbollockup_mssymbol_19.png) center center no-repeat; width: 21px; height:21px;
}

.btnGoogle .logo {
	position: absolute; left:12px; top: 50%; transform: translateY(-50%); background: url(vendors/google-logo.png) center center no-repeat; width: 21px; height:21px; background-size: contain;
}