/* Reset */
	html,body,div,span,applet,object,iframe,input,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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
		margin:0;
		padding:0;
	}
	*{
		box-sizing: border-box;
	}
	.clear { clear:both; }
	input:focus { outline: none; }
	/* General Section */
	html {
		height: 100vh;
	}
	body {
	  margin: 0;
	  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-size: 12px;
	  line-height: 18px;
	  color:#353535;
		background: radial-gradient(200% 100% at bottom center, #f7f7b6, #e96f92, #75517d, #1b2947);
		background: radial-gradient(220% 105% at top center, #1b2947 10%, #75517d 40%, #e96f92 65%, #f7f7b6);
		background-attachment: fixed;
		overflow: hidden;
	}

 
	  @keyframes rotate {
		0% {
		  transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
		}
		100% {
		  transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
		}
	  }

	  .stars {
		transform: perspective(500px);
		transform-style: preserve-3d;
		position: absolute;
		bottom: 0;
		perspective-origin: 50% 100%;
		left: 50%;
		animation: rotate 90s infinite linear;
	  }
	  
	  .star {
		width: 2px;
		height: 2px;
		background: #F7F7B6;
		position: absolute;
		top: 0;
		left: 0;
		transform-origin: 0 0 -300px;
		transform: translate3d(0, 0, -300px);
		backface-visibility: hidden;
	  }
	
	a{
		color:#16a9c9;
	}
	
/** The wrapper that will contain our two forms **/
	#wrapper{
		margin: 0px auto;	
		width: 90%;
		max-width: 480px;
		top:100px;
		position: relative;	
	}
	#wrapper .alert{
		margin-bottom:10px;
	}
	#wrapper #login{
		right: 0px;
		box-shadow: 0 3px 30px rgba(66,66,66,0.1);
	}
	.form-login {
		margin:0;
	}
	.accent.blue {
		height: 8px;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAH0lEQVQIW2OQu/KcQXzzJQbRdRcYRNafh2NREL3kIADMiQzLxUzZVQAAAABJRU5ErkJggg==);
	    background-repeat: repeat-x;
	}
	.header {
		text-align:center;
		color:#353535;
		font-size:25px;
		font-weight:300;
	}
	.inputs {
		margin-top:30px;
	}
	.inputs input[type="text"], .inputs [type="password"], .inputs [type="email"] {
		width:100%;
		height:50px;
		padding:15px 17px;
		border:1px solid #dcdcdc;
		background:#fbfbfb;
		font-size:14px;
		font-weight: normal;
		font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
		border-radius: 0;
	}
	.inputs input[type="text"]:focus, .inputs input[type="password"]:focus, .inputs input[type="email"]:focus {
		border: 1px solid #16a9c9;
	}
	
	#loginEmail{
		background:url(../images/icons/loginEmail.png) no-repeat 395px center;
		margin-bottom:10px;
	}

	#loginLock{
		background:url(../images/icons/loginLock.png) no-repeat 395px center;
	}

	.login-box .remember{
		margin-top:20px;
		float:left;
	}
	.checker{
		display:inline-block;
		padding-right:5px;
	}
	.checker input{
		margin-top:0;
	}
	
	.link-1 {
		margin-top:15px;
		margin-left:19px;
		float:left;
	}
	.link-1 label{
		font-size:12px;
		color:#888;
	}
	.link-1 a, .link-1 a:hover {
		color:#2d8aeb;
		font-size:14px;
		font-weight:bold;
	}
	.link-2 {
		float:right;
		margin-top:15px;
		margin-right:19px;
	}
	.link-2 a, .link-2 a:hover {
		color:#b2b2b2;
	}
	.button-login input[type="submit"] {
		width:100%;
		height:53px;
		margin-top:25px;
		font-size:16px;
		font-weight:bold;
		background: #e96f92;
		color:#fff;
		border:none;
		border-radius: 0;
	}
	.button-login input[type="submit"]:hover {
		opacity:0.9;
		background: #E1455E;
		cursor: pointer; 
	}
	.content-login{
		border-bottom: 1px solid #d9dde5;
		padding: 50px 50px 30px;
		background: rgba(255,255,255,.9);
	}
	.footer-login {
		padding:0px 19px;
		color:#535457;
		text-align:center;
		border-top: 1px solid #fff;
		background-color: rgba(255,255,255,.9);
	}
	.footer-login .pull-left{
		padding:20px 0px;
		font-weight:normal;
		float:none;
	}
	.social-links {
		list-style:none;
		margin:0;
	}
	.social-links li{
		float:left;
		border-left:1px solid #c9c9c9;
	}
	.social-links li a{
		display:block;
		width:55px;
		height:43px;
		padding-top:17px;
	}
	.social-links li a:active{
		-webkit-box-shadow: inset 0px 2px 2px 0px #e3e3e3;
		box-shadow:  inset 0px 2px 2px 0px #e3e3e3;
		background:#f4f4f4;
	}
	.social-links li a span{
		display:block;
		text-indent:-9999px;
		margin-left:19px;
	}
	.social-links li.facebook a span{
		width:13px;
		height:23px;
		background-image:url(../images/facebook.png);
		background-size:13px 46px;
	}
	.social-links li.facebook a:hover span, .social-links li.facebook a:active span{
		background-position:0px 23px;
	}
	.social-links li.twitter a span{
		width:22px;
		height:18px;
		background-image:url(../images/twitter.png);
		background-size:22px 36px;
		margin-left:17px;
		margin-top:1px;
	}
	.social-links li.twitter a:hover span, .social-links li.twitter a:active span{
		background-position:0px 18px;
	}
	.social-links li.google-plus a span{
		width:13px;
		height:23px;
		background-image:url(../images/google.png);
		background-size:13px 46px;
	}
	.social-links li.google-plus a:hover span, .social-links li.google-plus a:active span{
		background-position:0px 23px;
	}
@media \0screen {
	.social-links li.facebook a span{
		background-image:url(../images/ie/facebook.png);
	}
	.social-links li.twitter a span{
		background-image:url(../images/ie/twitter.png);
	}
	.social-links li.google-plus a span{
		background-image:url(../images/ie/google.png);
	}
}