@charset "utf-8";
/* CSS Document */

body {
	background: rgba(0,0,0,0.1) url("../images/LoginBG.jpg") center center no-repeat fixed;
	background-size: cover;
	display: table;
	height: 100%;
	width: 100%;
	position: relative;
}
.loginWrapper {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 60px 50px;
}
.loginWrapper > div {
	display: table;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	direction: ltr;
}
.loginWrapper > div > div {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.loginWrapper > div > div:last-child {
	background-color: #fff;
	padding: 40px;
}
.loginWrapper > div > div:last-child h1 {
	margin-bottom: 10px;
}

.loginWrapper > div > div:first-child {
	background-color: #b69155;
	width: 40%;
	text-align: center;
	padding:40px;
}
.loginWrapper > div > div:first-child img {
	display: block;
	width: 100%;
	max-width: 190px;
	margin: 0 auto;
}

.loginWrapper .formResponsive fieldset {
	margin: 40px auto 0 !important;
	padding: 0;
}
.loginWrapper .formResponsive .formHorizontal .formSpan12 .formControlLabel {width: 30% !important;}
.loginWrapper .formResponsive .formHorizontal .formSpan12 .formControls {padding: 10px 0;}
.loginWrapper .formResponsive .formHorizontal .formSpan12 .rsform-block-rssend .formControls {padding: 0 0 10px;}

.loginWrapper > div > div:last-child h1.invalidLogin + p {
	display: block;
	margin: 20px 0 0;
	text-align: right;
}
.loginWrapper > div > div:last-child h1.invalidLogin + p + ul {
	margin: 15px 0 0;
	padding: 0;
}
.loginWrapper > div > div:last-child h1.invalidLogin + p + ul li {
	font-size: 15px;
	line-height: 140%;
}
.loginWrapper > div > div:last-child h1.invalidLogin + p + ul li::before {top: 6px;}

button.rsform-submit-button.rsform-thankyou-button {
	font-size: 19px !important;
	margin-top: 20px;
}
a.loginHome {
	background: rgba(0, 0, 0, 0) url("../images/home.svg") 0 0/30px 26px no-repeat scroll;
	display: block;
	width: 30px;
	height: 26px;
	direction: rtl;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	right: 50px;
	top: 30px;
	z-index: 1000;
}


@media (max-width: 1300px) {
a.loginHome {top: 17px;}

}


@media (max-width: 768px) {
.loginWrapper > div > div {
	display: table;
	width: 100% !important;
}
.loginWrapper > div > div:first-child img {max-width: 150px;}

.loginWrapper .formResponsive .formHorizontal .formSpan12 .formControlLabel {
	width: 100% !important;
	display: table;
	text-align: right !important;
	padding: 10px 0 0 0 !important;
}
.loginWrapper .formResponsive .formHorizontal .formSpan12 .formControls {
	padding: 10px 0 15px;
	display: table;
	width: 100% !important;
}
.loginWrapper .formResponsive .formHorizontal .formSpan12 input {
	max-width: 100% !important;
}

}

@media (max-width: 580px) {
.loginWrapper {	padding: 60px 30px;}
.loginWrapper > div > div:last-child {padding: 40px 30px;}
a.loginHome {right: 30px;}

}