@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700');
@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}
html {
	font-size: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight:normal;
}

textarea {
    overflow: auto;
    padding-left: 8px;
    vertical-align: top;
    width: 100%;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
a, a:link {
	text-decoration: none;
	outline: none;
}
figure{
	text-align:center;
	}
p {
	padding: 2px 0;
}
.clear {
	clear: both;
}
body {
	margin: 0 !important;
	padding: 0;
	font-family:Open Sans, Helvetica, sans-serif;
	color: #000;
	background:url(../images/bg.jpg) top center no-repeat;
	background-size:cover;
}
.logo{ margin:60px 0 20px;}
.login-main{ width:912px; max-width:100%; background:#fff; margin:0 auto; overflow:hidden; box-shadow:0 0 1px #ccc;}
.login-main h2{ font-size:25px; color:#000; font-weight:700; line-height:36px; margin-bottom:15px; margin:60px 0 15px;}
.login-main h2 span{ display:block; font-weight:300; font-size:16px;}
.loginform{margin:0 40px;}
.loginform .form-control,.input-group-addon{border-radius:0; background:none; height:40px; box-shadow:none;}
.loginform button[type=submit]{ border-radius:0; min-width:160px; height:40px; font-size:16px; font-weight:300; background:#f3d200; border-color:transparent; color:#000;}
.input-group-addon{ background-color:#f9f9f9;}
.signup-content{ background:#000; padding:15px 50px; padding-bottom:50px;}
.signup-content h3{ font-size:25px; color:#fff; font-weight:700; line-height:36px; margin:60px 0 0;}
.signup-content h3 span{ display:block; color:#fff; font-size:20px;}
.signup-content p{font-size:16px; color:#fff; font-weight:300;}
.forgot{ font-size:16px; font-weight:300; color:#f3d200;}
.forgot:hover{color:#000;}
.buttons{}
.buttons a{ display:block; background:#f3d200; color:#000; font-size:16px; font-weight:300; padding:12px 25px; width:265px; text-align:center; margin-top:20px;}

.text{ font-size:20px; color:#000; font-weight:300; text-align:center; padding:15px 0 0; margin-bottom:50px;}
.text a{ color:#000; font-weight:300;}
.login-only{ width:450px;}
.checkbox span{ font-size:14px; color:#000; font-weight:300;}
.login-only .loginform{ padding-bottom:30px;}
.login-only .loginform h2{margin-top:30px;}
.checkbox.pull-right{ margin-top:10px;}


@media screen and (max-width:767px) {
.signup-content{margin-top:30px;}	
.signup-content h3,.login-main h2{margin-top:20px;}
}
@media screen and (max-width:435px) {
.loginform{margin:0 10px;}
.signup-content{ padding:15px 25px 60px;}	
.text{font-size:16px;}
	
}