.form-control::-moz-placeholder {
 color:#fff;
 opacity:1;
}
.form-control:-ms-input-placeholder {
 color:#fff;
}
.form-control::placeholder  {
 color:#fff;
}

.form-00455e::-webkit-input-placeholder {
 color:#fff;
}
a, a:hover, a:focus {
    color: #d8c39d;
    text-decoration: none;
}
.form-control:focus {
    border-color: #fff;
}
html {
	background: url(../img/main_background.jpg);
	overflow-x: hidden;
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
body {
	font-family: 'Ubuntu', sans-serif;
	color: #00455e;
	background: url(../img/main_background.jpg);
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-form {
	background-color: #1b445c;
	max-width: 320px;
	margin: 0 auto 50px auto;
}
@media (min-width: 400px) {
	.form-reg {
		border: none;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		padding: 6px 3px;
		margin: 0px;
		font-size: 14px;
		font-weight: 600;
		max-width: 225px;
		height: 65px;
		text-align: center;
		background-color: #1b445c;
    color: #fff;
	}
}
@media (max-width: 399px) {
	.form-reg {
		border: none;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		padding: 6px 3px;
		margin: 0px;
		font-size: 14px;
		font-weight: 600;
		max-width: 200px;
		height: 60px;
		text-align: center;
		background-color: #1b445c;
    color: #fff;
	}
}
button {
	background-color: #00455e;
	color: #ffffff;
	border: none;
	padding: 5px 28px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 18px;
}
button:hover {
	opacity: 0.8;
}
button.button2 {
	background-color: #d4c3a1;
	color: #ffffff;
	border: none;
	padding: 5px 28px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 18px;
}
button.button2:hover {
	opacity: 0.8;
}
@media (min-width: 768px) {
	.logo-pos {
		margin-left: -20px;
	}
}
@media (min-width: 501px) and (max-width: 767px) {
.logo-pos {
	margin-left: -10px;
	max-width: 95%;
	}
}
@media (min-width: 20px) and (max-width: 500px) {
.logo-pos {
	margin-left: 0px;
	max-width: 100%;
	}
}