/*---------------------------------------------------------------------------------------------*/
/*-----General Ajax Classes--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
h1 {
	font-size: 4.8em;
	line-height: 1.1em;
}
:-moz-placeholder {
  color: white;
}
::-webkit-input-placeholder {
  color: white;
}
:focus:-moz-placeholder {
  color: #434343;
}
:focus::-webkit-input-placeholder {
  color: #434343;
}
.hidden {
	display: none!important;
}
/*---------------------------------------------------------------------------------------------*/
/*-----Pages-----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
.container {
	margin: 0 auto;
	max-width: 1000px;
}

.wrapper_full {
	width: 100%;
	margin: 0;
}
	.wrapper_set {
		width: 980px;
		margin: 0px auto;
	}
	
/*---------------------------------------------------------------------------------------------*/
/*-----Login Form------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

.section {
	width: 100%;
	position: relative;
}
	.section_box {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
		.box_title, .box_title_img {
			width: 50.520833333333%;
			max-width: 495px;
			margin: 8% auto 0 37%;
			position: relative;
		}
			.box_title h1 {
				display: block;
				font-family: 'Open Sans', sans-serif;
				margin: 0 0 0 0px;
				padding: 0 0 24px 0;
				-webkit-text-stroke: 0.75px;
			}
			.box_title img {
				display: block;
				width: 50%;
				padding: 0 0 24px 0;
			}
		.box_form {
			font-family: 'Open Sans', sans-serif;
			width: 50.520833333333%;
			max-width: 495px;
			margin: 0 auto 0 35%;
			position: relative;
		}
		.box_signup_conti {
			width: 100%;
		}
			.box_signup {
				font-family: 'Open Sans', sans-serif;
				width: 650px;
				margin: 0 auto 0 auto;
			}
				.box_signup_inner {	
					-moz-border-radius:9px;
					-webkit-border-radius:9px;
					border-radius:9px;
					padding: 15px 15px 10px 15px;
					background-color: rgba(200, 200, 200, 0.3);
					float: left;
				}
		.box_form_full {
			width: 100%;
			max-width: 100%;
			margin: 0;
			text-align: center;
		}
			.box_form_signinErrors {
				width: 100%;
				font-size: 1.3em;
				font-weight: normal;
				padding-bottom: 12px;
				margin: 3px 0 5px 0;
				text-align: center;
				display:none;
			}
			.box_form_row {
				width: 100%;
				float: left;
				position: relative;
			}
				.box_form_row_input {
					font-family: 'Open Sans', sans-serif;
				}
					.input_savvy {
						float: left;
						width: 270px;
						max-width: 270px;
						height: 50px;
						background-color: #333333;
						background-color: rgba(51, 51, 51, 0.3);
						border: 0;
						-moz-border-radius:4px;
						-webkit-border-radius:4px;
						border-radius:4px;
						color: white;
						padding: 0 15px;
						margin-left: 5px;
						margin-right: 5px;
						margin-bottom: 19px;
						font-size: 2.2em;
						font-family: 'Open Sans', sans-serif;
						font-weight: 100;
												
						-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
						-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
						-ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
						-o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
						box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
						
						-webkit-transition: all 0.15s ease-in-out;
						-moz-transition: all 0.15s ease-in-out;
						-ms-transition: all 0.15s ease-in-out;
						-o-transition: all 0.15s ease-in-out;
						transition: all 0.15s ease-in-out;
					}
					.input_savvy:active, .input_savvy:hover, .input_savvy:focus {
						background-color: white;
						color: #434343;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
						-ms-box-shadow: none;
						-o-box-shadow: none;
						box-shadow: none;
					}
					.input_savvy_right {
						
					}
					.input_large_savvy {
						width: 435px;
						max-width: 440px;
						padding-right: 0px;
						margin-right: 0px;
						margin-left: 0px;
						-webkit-border-top-left-radius: 0px;
						-webkit-border-bottom-left-radius: 0px;
						-moz-border-radius-topleft: 0px;
						-moz-border-radius-bottomleft: 0px;
						border-top-left-radius: 0px;
						border-bottom-left-radius: 0px;
					}
					.signup_webname {
						width: 135px;
						height: 50px;
						padding: 0 15px;
						color: #fff;
						font-size: 23px;
						line-height: 45px;
						background-color: rgba(51, 51, 51, 0.5);
						-webkit-border-top-left-radius: 5px;
						-webkit-border-bottom-left-radius: 5px;
						-moz-border-radius-topleft: 5px;
						-moz-border-radius-bottomleft: 5px;
						border-top-left-radius: 5px;
						border-bottom-left-radius: 5px;
						float: left;
					}
					.message {
						width:100%;
						font-size: 14px;
						letter-spacing: -0.3px;
						height: 30px;
						color: #333333;
						text-align:center;
						float: left;
					}
			.message_sub {
				width:100%;
				font-size: 11px;
				color: #565656;
				margin: 10px 0 0 0;
				text-align: center;
			}
				.message_sub a {
					color: #565656;
					text-decoration: underline;
				}
			.box_button_mid {
				width:201px;
				margin: 20px auto 10px auto;
			}
				#btn_signup {	
					font-size: 29px;
					line-height: 32px;
					background-color: rgba(3, 177, 168, 0.9);
					float: none;
				}
					
					.error-validation {
					  width: 50px;
					  height: 50px;
					  position: absolute;
					  background-color: #ff5757;
					  border-radius: 4px;
					  color: #fff;
					  font-size: 0;
					  display: none;
					}
					.error-validation::before {
					  content: "";
					  background-color: transparent;
					  width: 0;
					  height: 0;
					  position: absolute;
					  top: 50%;
					  right: 100%;
					  border: 8px solid transparent;
					  border-right-color: #ff5757;
					  margin-top: -8px;
					}
					.error-validation::after {
					  content: "\2715";
					  background-color: #ff5757;
					  width: 50px;
					  height: 35px;
					  border-radius: 4px;
					  position: absolute;
					  top: 0;
					  left: 0;
					  font-size: 38px;
					  font-family: Menlo;
					  text-align: center;
					  padding: 7px 0 0 0;
					}
				
				.btn_login {
					background-color: #333333;
					background-color: rgba(51, 51, 51, 0.4);
					
					color:#ffffff;
					display:inline-block;
					float: left;
					font-family: 'Open Sans', sans-serif;
					font-size:2em;
					
					padding:10px 25px;
					text-decoration:none;
					white-space: nowrap;
					
					text-align: center;
					-moz-border-radius:8px;
					-webkit-border-radius:8px;
					border-radius:8px;
				}.btn_login:active {
					position:relative;
					top:1px;
				}.btn_login:hover {
					cursor: pointer;
					background-color: rgba(51, 51, 51, 0.5);
					text-decoration: none;
				}
				
				.btn_rememberMe {
					float: left;
					margin: 3px 0 0 25px;
					color: #555;
				}
					.btn_rememberMe label {
					}
				
				.btn_text {
					float: left;
					margin: 5px 0 0 30px;
				}
					.btn_text a {
						color: #555;
						text-decoration: underline;
						font-size: 15px;
						
					}
				.login_text {
					width: 65px;				
					margin: 5px 0 0 5px;
					text-align: center;
				}
					.login_modal {
						width: 100%;
						text-align: center;
					}
			.modal {
				padding: 20px;
				background-color: #fff;
				-moz-border-radius:8px;
				-webkit-border-radius:8px;
				border-radius:8px;				
			}
			.ui-widget-header, .ui-dialog-buttonset {
				padding: 5px;
				min-height: 20px;
			}
				.ui-button {
					background-color: rgba(200, 200, 200, 0.7);
					color: #fff;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
					-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0.75);
					box-shadow:         0px 0px 0px rgba(50, 50, 50, 0.75);
					float: right;
				}
				
				.ui-dialog {
					-webkit-box-shadow: 0px 0px 22px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    0px 0px 22px rgba(50, 50, 50, 0.75);
					box-shadow:         0px 0px 22px rgba(50, 50, 50, 0.75);
					padding: 5px;
					background-color: #fff;
					-moz-border-radius:8px;
					-webkit-border-radius:8px;
					border-radius:8px;
					margin:1px 0;	
				}
				
			
				

.loading { background: #ccc URL(../images/load.gif) no-repeat center left; }

.greenbox {
	padding: 1px;
	background-color: #90d07d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:11px;
}
.redbox {
	padding: 1px;
	background-color: #ff5757;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align: center;
	font-size:11px;
}

/*---------------------------------------------------------------------------------------------*/
/*-----Animations------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* Squeeze */
@-webkit-keyframes squeeze {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes squeeze {}
@-o-keyframes squeeze {}
@keyframes squeeze {}

.squeeze {
  -webkit-animation: squeeze .65s ease both;
  -moz-animation: squeeze .65s ease both;
  -ms-animation: squeeze .65s ease both;
  -o-animation: squeeze .65s ease both;
  animation: squeeze .65s ease both;
}

/* Fade     */
@-webkit-keyframes fade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  40% {
    opacity: .6;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  40% {
    opacity: .6;
    -moz-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fade {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  40% {
    opacity: .6;
    -ms-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fade {
  0% {
    opacity: 0;
    -o-transform: translateY(-50px);
  }
  40% {
    opacity: .6;
    -o-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  40% {
    opacity: .6;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade {
  -webkit-animation: fade .3s ease-in-out;
  -moz-animation-name: fade .3s ease-in-out;
  -ms-animation-name: fade .3s ease-in-out;
  -o-animation-name: fade .3s ease-in-out;
  animation-name: fade .3s ease-in-out;
}