@font-face {
	font-family:'OpenSans';
	font-weight:normal;
	font-style:normal;
	src:url("../fonts/OpenSans/OpenSansRegular.eot") format('eot'), url("../fonts/OpenSans/OpenSansRegular.woff") format('woff'), url("../fonts/OpenSans/OpenSansRegular.ttf") format('truetype');
}

@font-face {
	font-family:'OpenSans';
	font-weight:bold;
	font-style:normal;
	src:url("../fonts/OpenSans/OpenSansBold.eot") format('eot'), url("../fonts/OpenSans/OpenSansBold.woff") format('woff'), url("../fonts/OpenSans/OpenSansBold.ttf") format('truetype');
}

body {
	font-family:"OpenSans", sans-serif;
	color:#333;
	background-color: #FFFAF0;
}

.red{
	color: #ff0000;
}

.enter-box {
	width: 576px;
	padding: 55px;
	border-radius: 20px;
	box-shadow:  0 0 30px rgba(0,0,0,0.5);

	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color: #fff;
}

@media (max-width: 575px) {
	.enter-box {
		width: auto;
		position: static;
		transform: none;
		border-radius: 0;
		min-height: 100vh;
	}
}

.enter-box .logo{
	text-align: center;
}

.enter-box .mesto{
	font-size: 32px;
	margin-top: 10px;

	text-align: center;
	color: #B4A336;
	font-weight: bold;
}

.enter-box h1{
	font-size: 24px;
	margin-top: 30px;

	font-weight: bold;
	text-align: center;
}

form {
	margin-top: 20px;
}

form ul{
	padding: 0;

	text-align: center;
	list-style-type:none;
    list-style-position:outside;
}

form ul li{
	width: 300px;
	margin-bottom: 10px;

	display: inline-block;
	text-align: left;
}

form input{
	width: 100%;
	padding: 5px;
	border: 3px solid #B4A336;
	border-radius: 3px;
}

form input:focus{
	border: 3px solid #907D1B;
	box-shadow:  0 0 3px rgba(0,0,0,0.5);

	outline: none;
}

form label{
	margin-bottom: 0;
}

form .btn-primary{
	margin-top: 10px;
	padding: 5px 30px;

	background-color: #B4A336;
    border-color: #B4A336;

}
form .btn-primary:hover{
	background-color: #907D1B;
    border-color: #907D1B;
}