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

body { }
.wrapper { width:100%; /*min-height:800px;*/ }
header { width:95%; /*margin:0 auto 20%;*/}
header nav ul li { font-size:95%;}
.content { height:auto; }
.content .logo { width:25%; height:auto; min-height:140px; padding:3% 0 0 3%; background-size:100% auto;}
.content .logo img { max-width:85%; height:auto;}

.content .links { margin:8% 0 8% -3%;}
.content .links {font-size:90%;}
.content .links a { padding:2% 3%;}
.content .links .register { padding:2% 4%;}

.content .sublogo { width:62%; min-height:110px; margin:9.5% 0 0 1%; padding:2% 0 0 2%; background-size:100% auto;}
.content .sublogo h1{ font-size:270%; }
.content .sublogo h2{ font-size:180%;}

.form-cont label { /*font-size:80%;*/}

/*.signup input { width: 98%;}*/
.social-login { /*font-size:75%;*/}

.user-forms .test {margin:10% auto 0; padding:20px 0 0;}
.signin h1 { font-size:320%;}
.reset form { width:98%; }
.reset label { font-size:120%;}
.reset p { font-size:115%;}


.test.signup { margin:6% auto 0;}


@media screen and (min-width: 981px) and (max-width: 1024px) {
	.reset h1 { font-size:350%; margin-left:3%; }
	.reset form { width:98%;}
	.confirm h1 { font-size:300%;}
	.confirm h4 { font-size: 190%;}
	.signup2 .form-title { font-size:700%;}
}

@media screen and (max-width:980px){
	header {margin:0 auto 50px;}
	header nav ul li { font-size:90%;}
	.content .logo { width:26%;}
	.content .links {font-size:70%; margin:8% 0 8% -5%;}
	.content .links a { padding:2% 3%;}
	.content .links .register { padding:2% 3%; margin-left:3px;}
	.content .sublogo {min-height:80px; margin-top:11.2%;}
	.content .sublogo h1{ font-size:180%; margin:0 2%; }
	.content .sublogo h2{ font-size:130%; margin:6px 2% 0; }
	.reset h1 { font-size:320%; margin-left:8%; }
	.confirm h1 { font-size:300%;}
	.confirm h4 { font-size: 180%;}
	.signup h1 { font-size:350%;}
	.signup .form-cont { max-width: 86%; margin-left:0; }
	.date { width:33%;}
	footer { font-size:95%;}
	.signup2.test { width: 98%;}
	.signup2 .form-title { font-size:650%;}
	.signup2 .signin-step { top:120px;}
	.profile-pic-cont p { font-size:110%;}
	.profile-pic-cont + .social-login { margin:25px 0 0 10px;}
	.signup2 .social-login + .form-cont, .signup2 .social-list { float:none; min-width:50%; max-width:60%; margin-left:320px;}
	.social-contacts { max-width:98%;}
	.signup2 h2 { font-size:230%;}
}

@media screen and (max-width:640px){
	.wrapper { }
	header { margin:0 auto 20px; padding:10px 0 0;}
	header nav ul li{ font-size:100%; }
	.content .break { clear:both;}
	.content .logo { width:40%; padding:5% 0 0 5%;}
	.content .links {font-size:70%; margin:8% 0 8% 0;}
	.content .sublogo { width:98%; margin:10px 0 0; padding:2% 0; background-position:-10px 0;}
	.content .sublogo h1{ font-size:200%; margin:0 2%; }
	.content .sublogo h2{ font-size:140%; margin:6px 2% 0; }
	footer { font-size:90%; background:none;}
	footer nav li { margin:7px 2px;}
	footer nav li a { padding:4px 5px; background:url(../img/footer_bg01.png);}
	.test { width:99%; padding:10px 0;}
	.test .form-title { font-size:260%; margin:0 auto 20px; text-align:center;}
	.test .break { clear:both;}
	.user-forms { width:98%;}
	.social-login { float:none; width:auto; margin:15px 0 0; text-align:center; }
	.social-login li { width:15%; display:inline-block; padding:0 0 0 48px; position:relative; text-align:left; font-weight:400; font-size:100%;}
	.social-login li a { line-height:18px;}
	.social-login li span { display:block; position:absolute; left:0; top:0;}
	.form-cont { float:none; margin: 20px auto; width: 80%;}
	/*.form-cont label { font-size:55%;}*/
	.signin input { width: 90%;}
	.signin .button-bar { width:94%; margin:auto;}
	.confirm h1 { font-size:300%; margin: 0 0 2%;}
	.confirm h4 { font-size: 160%; margin:0 5% 1%;}
	.cornerImg img{ width:80%; height:auto;}
	.reset h1 { font-size:300%; margin-left:1%; }
	.reset form { margin:0 0 0 1%;}
	.email .form { width:98%; max-width:98%; margin-left:1%;}
	.signup .break { clear:both;}
	.signup .form-cont { min-width: 96%; max-width:98%; }
	.field .date { width:49%;}
	.field .sbHolder { width:94%;}
	.test.signup { margin:0px auto 0; padding:10px 0 0;}
	.signup .form-title { text-align:left; margin:0 40px 20px 1.5%; font-size:300%; }
	.signin-step { top:10px; right:5px;}
	.signin-step li { float:none; width:32px; height:33px; font-size:100%; margin:2px; line-height:32px; background-size:100%;}
	.signup .social-login { text-align:left; width:97%; margin:0 auto;}
	.signup2 .form-title { font-size:450%;}
	.signup2 .signin-step { top:10px;}
	.signup2 .profile-pic-cont + .form-cont { margin:0 auto; width:98%; float:left;}
	.profile-pic-cont { margin:0 0 10px 5px;}
	.profile-pic-cont + .social-login { margin:50px 0 0 220px; width:auto;}
	.signup2 .social-login + .form-cont, .signup2 .social-list { clear:both; margin:0 auto; max-width:98%; min-width:98%; float:left;}
	.social-contacts { width:98%;}
	.signup2 h2 { margin:20px 0 10px;}
	.signup2 .social-login li { display:block; width:auto; height:45px; line-height:44px;}
	.test .nav-bar { float:left; text-align:center; width:100%; margin:40px 0 10px;}
	
}

@media screen and (max-width:480px){
	.content .links {font-size:70%; margin:8% 0;}
	.content .links a { padding:2% 4%;}
	.content .links .register { padding:2% 3.5%; margin:0 0 0 3px;}
	.content .break { clear:both;}
	.content .logo { width:50%; padding: 4.5% 0 0 4%;}
	.content .sublogo { width:100%; margin:10px 0 0; padding:2% 0 0; background-position:-10px 0;}
	.content .sublogo h1{ font-size:160%; }
	.content .sublogo h2{ font-size:110%; margin:3px 2% 0; }
	.user-forms .test {margin:0 auto 0; padding:10px 0 0;}
	.reset h1 { font-size:260%; margin:0 0 25px; }
	.reset label { font-size:100%;}
	.reset p { font-size:100%;}
	.confirm h1 { font-size:200%; margin:0 0 10px;}
	.confirm h4 { font-size: 120%; margin:0 2% 2%;}
	.email h1 { font-size:220%;}
	.cornerImg img{ width:70%; height:auto;}
	footer { font-size:80%;}
	.field { margin:0 0 5px;}
	.field .date { width:100%; margin:0;}
	.signup .col50 { width:100%; margin:0;}
	.signup .form-title { font-size:260%; }
	.profile-pic-cont .profile-imag { height: 150px; width: 150px;}
	.profile-pic-cont + .social-login { margin: 50px 0 0 180px; }
	.signup2 .social-login li { height: 36px; line-height: 30px; padding-left:36px;}
	.signup2 .social-login li span { width:32px; height:32px;}
}
@media screen and (max-width:360px){
	.content .logo { width:55%; }
	.content .links { margin:5% 0;}
	.content .links a { padding:2% 5%;}
	.content .links .register { padding:2% 5%; margin:6px 0 0 0;}
	.content .sublogo { min-height:auto; padding:2% 0;}
	.content .sublogo h1{ font-size:150%; }
	.content .sublogo h2{ font-size:110%; margin:3px 2% 0; }
	.test { padding:0;}
	.test .form-title { font-size:200%;}
	.social-login li { width:20%;}
	.social-login li a {line-height: normal;}
	.form-cont { width:90%;}
	.forgot-bar { padding: 5px;}
	.forgot-bar .check-box { margin-left: 10px !important ;}
	.signin .button-bar { width:94%; margin:auto; padding:10px 5px; text-align:center;}
	.button-bar label { vertical-align:inherit; margin:5px auto; }
	.button-bar label:first-child { margin:5px 0 15px;}
	.button-bar button { float:none;}
	.reset h1 { font-size:175%; }
	.confirm h1 { font-size:200%; margin:0 0 10px;}
	.confirm h4 { font-size: 120%; margin:0 2% 3%;}
	.signup .form-title { font-size:240%; }
	.signup .button-bar { padding:5px; margin:20px 0;}
	.signup .button-bar button { float:right;}
	.profile-pic-cont + .social-login { clear:both; float:left; margin:10px 5px; overflow:hidden;}
	.profile-pic-cont + .social-login li { float:left; width:20%; line-height:normal;}
	.profile-pic-cont { margin:0 0 20px 5px}
	.signup2 h2 { font-size:180%; margin:10px 0;}
}

.content .username { width:700px; margin:33px 30px 0 0; text-align:center;}
.content .username h1 { font-size:700%; text-align:center;}


.user-forms {width: 100%; margin: 1% auto 200px; /*padding: 0 0 200px;*/ }
.forgot-bar label { /*font-size: 70%;*/}

.content2 { min-height:200px;}
.form-title { font-size:230%; margin:10px 0 20px ;}

.signup2 .form-cont { width:60%;}
/*.signup2 .profile-pic-cont + .form-cont { width:98%; float:left; clear:both; margin:20px 0;}*/

.signup3 .form-cont { margin:0 0 20px 2%; width:58%; }

.text-area {/*width:98%; height:150px;*/ }

.signup3 .form-title { margin: 10px 0 10px 320px; font-size:500%;}
.signup3 .social-login { margin: 10px 0 0 2%;}

.error-msg, .success-msg {font-size:100%;}