@font-face{
	src: url(../7cHqv4kjgoGqM7E3_-gs51ostz0rdg.woff2);
	font-family: 'semibold';
}
@font-face{
	src: url(../S6uyw4BMUTPHjx4wXiWtFCc.woff2);
	font-size: 'bold other';
}
.otherbold{
	font-size: 'bold other';
}
.semibold{
	font-family: 'semibold';
}
html{
	height:auto;
}
body{
	background: url(../img/login_background.jpg) center center no-repeat;
	background-size: cover;
}
.logo{
	height: 89px;
}
.form-control,
.form-control:focus,
.form-control:valid{
	height: 42px;
	background: transparent !important;
	border:0 !important;
	font-size: 24px	;
	border-bottom: 1px solid #FFF!important;
}
form{
	width: 85%;
	padding: 70px 0;
}
.customfloating{
	left: 0;
	bottom: 14px;
}
.field label{
	transition:.2s all;
}
.form-control:focus ~ label,
.form-control:valid + label{
	font-size: 12px;
	bottom:100%;
}
.field{
	margin-bottom: 40px;
}
.btn-light{
	width: 170px;
}
ul li {
	color: rgb(153, 229, 255);
	font-size: 14px;
}
.fs-22{
	font-size: 22px;
}
.fs-10{
	font-size: 12px;
}
.primari{
	color:rgb(153, 229, 255);
}
.login{
	max-width: 375px;
}
.btn-primary{
	width: 170px;
}
@media (min-width:767px){
	html,body{
		height: 100%;
	}
	.login{
		height: 100%;
		align-content: center;
	}
}