*,
*::before,
*::after {
	box-sizing: border-box;
}

:focus {
    outline: 1px solid #ccc;
}

body {
	margin: 0;
	font-family: Roboto, -apple-system, 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
	background: #f7f7f8;
}

.forms-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.section-title {
	font-size: 32px;
	letter-spacing: 1px;
	color: #03070c;
  height: 50px;
  margin: 10px auto;
}

.forms {
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
}

.form-wrapper {
	animation: hideLayer .3s ease-out forwards;
}

.form-wrapper.is-active {
	animation: showLayer .3s ease-in forwards;
}

@keyframes showLayer {
	50% {
		z-index: 1;
	}
	100% {
		z-index: 1;
	}
}

@keyframes hideLayer {
	0% {
		z-index: 1;
	}
	49.999% {
		z-index: 1;
	}
}

.switcher {
	position: relative;
	cursor: pointer;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-transform: uppercase;
	font-family: inherit;
	font-size: 16px;
	letter-spacing: .5px;
	color: #999;
	background-color: transparent;
	border: none;
	outline: none;
	transform: translateX(0);
	transition: all .3s ease-out;
}

.form-wrapper.is-active .switcher-login {
	color: #03070c;
	transform: translateX(90px);
}

.form-wrapper.is-active .switcher-signup {
	color: #03070c;
	transform: translateX(-90px);
}

.underline {
	position: absolute;
	bottom: -5px;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	width: 100%;
	height: 2px;
}

.underline::before {
	content: '';
	position: absolute;
	top: 0;
	left: inherit;
	display: block;
	width: inherit;
	height: inherit;
	background-color: currentColor;
	transition: transform .2s ease-out;
}

.switcher-login .underline::before {
	transform: translateX(101%);
}

.switcher-signup .underline::before {
	transform: translateX(-101%);
}

.form-wrapper.is-active .underline::before {
	transform: translateX(0);
}

.form {
	overflow: hidden;
	min-width: 260px;
	margin-top: 50px;
	padding: 30px 25px;
    border-radius: 5px;
	transform-origin: top;
}

.form-login {
	animation: hideLogin .3s ease-out forwards;
}

.form-wrapper.is-active .form-login {
	animation: showLogin .3s ease-in forwards;
}

@keyframes showLogin {
	0% {
		background: #e6e6e7;
		transform: translate(40%, 10px);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		background-color: #fff;
		transform: translate(35%, -20px);
	}
}

@keyframes hideLogin {
	0% {
		background-color: #fff;
		transform: translate(35%, -20px);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		background: #e6e6e7;
		transform: translate(40%, 10px);
	}
}

.form-signup {
	animation: hideSignup .3s ease-out forwards;
}

.form-wrapper.is-active .form-signup {
	animation: showSignup .3s ease-in forwards;
}

@keyframes showSignup {
	0% {
		background: #e6e6e7;
		transform: translate(-40%, 10px) scaleY(.8);
	}
	50% {
		transform: translate(0, 0) scaleY(.8);
	}
	100% {
		background-color: #fff;
		transform: translate(-35%, -20px) scaleY(1);
	}
}

@keyframes hideSignup {
	0% {
		background-color: #fff;
		transform: translate(-35%, -20px) scaleY(1);
	}
	50% {
		transform: translate(0, 0) scaleY(.8);
	}
	100% {
		background: #e6e6e7;
		transform: translate(-40%, 10px) scaleY(.8);
	}
}

.form fieldset {
	position: relative;
	opacity: 0;
	margin: 0;
	padding: 0;
	border: 0;
	transition: all .3s ease-out;
}

.form-login fieldset {
	transform: translateX(-50%);
}

.form-signup fieldset {
	transform: translateX(50%);
}

.form-wrapper.is-active fieldset {
	opacity: 1;
	transform: translateX(0);
	transition: opacity .4s ease-in, transform .35s ease-in;
}

.form legend {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
}

.input-block {
	margin-bottom: 20px;
}

.input-block label {
	font-size: 14px;
    color: #a1b4b4;
}

.input-block input {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 16px;
	line-height: 40px;
	color: #555;
background: #ededed;
border:0;
}

.form [type='submit'] {
	opacity: 0;
	display: block;
	min-width: 120px;
	margin: 30px auto 10px;
	font-size: 18px;
	line-height: 40px;
	border-radius: 25px;
	border: none;
	transition: all .3s ease-out;
}

.form-wrapper.is-active .form [type='submit'] {
	opacity: 1;
	transform: translateX(0);
	transition: all .4s ease-in;
}

.btn-login {
	color: #fbfdff;
	background: #910005;
	transform: translateX(-30%);
}

.btn-signup {
	color: #fbfdff;
	background: #910005;
	transform: translateX(30%);
}

button:disabled,
button[disabled] {
  background: #ccc;
}

.footer {
  margin-top:15px;
  font-size: 12px;
  color: #bbb;
  text-align: center;
}

a {color: #bababa;
text-decoration:none; }
a:hover { text-decoration:underline; }

a.black{color:#000;text-decoration:underline;}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvZ2luLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJsb2dpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIqLFxuKjo6YmVmb3JlLFxuKjo6YWZ0ZXIge1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG46Zm9jdXMge1xuICAgIG91dGxpbmU6IDFweCBzb2xpZCAjY2NjO1xufVxuXG5ib2R5IHtcblx0bWFyZ2luOiAwO1xuXHRmb250LWZhbWlseTogUm9ib3RvLCAtYXBwbGUtc3lzdGVtLCAnSGVsdmV0aWNhIE5ldWUnLCAnU2Vnb2UgVUknLCBBcmlhbCwgc2Fucy1zZXJpZjtcblx0YmFja2dyb3VuZDogI2Y3ZjdmODtcbn1cblxuLmZvcm1zLXNlY3Rpb24ge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnNlY3Rpb24tdGl0bGUge1xuXHRmb250LXNpemU6IDMycHg7XG5cdGxldHRlci1zcGFjaW5nOiAxcHg7XG5cdGNvbG9yOiAjMDMwNzBjO1xuICBoZWlnaHQ6IDUwcHg7XG4gIG1hcmdpbjogMTBweCBhdXRvO1xufVxuXG4uZm9ybXMge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0bWFyZ2luLXRvcDogMzBweDtcbn1cblxuLmZvcm0td3JhcHBlciB7XG5cdGFuaW1hdGlvbjogaGlkZUxheWVyIC4zcyBlYXNlLW91dCBmb3J3YXJkcztcbn1cblxuLmZvcm0td3JhcHBlci5pcy1hY3RpdmUge1xuXHRhbmltYXRpb246IHNob3dMYXllciAuM3MgZWFzZS1pbiBmb3J3YXJkcztcbn1cblxuQGtleWZyYW1lcyBzaG93TGF5ZXIge1xuXHQ1MCUge1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cblx0MTAwJSB7XG5cdFx0ei1pbmRleDogMTtcblx0fVxufVxuXG5Aa2V5ZnJhbWVzIGhpZGVMYXllciB7XG5cdDAlIHtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5cdDQ5Ljk5OSUge1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbn1cblxuLnN3aXRjaGVyIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXJnaW4tcmlnaHQ6IGF1dG87XG5cdG1hcmdpbi1sZWZ0OiBhdXRvO1xuXHRwYWRkaW5nOiAwO1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0Zm9udC1zaXplOiAxNnB4O1xuXHRsZXR0ZXItc3BhY2luZzogLjVweDtcblx0Y29sb3I6ICM5OTk7XG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRib3JkZXI6IG5vbmU7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcblx0dHJhbnNpdGlvbjogYWxsIC4zcyBlYXNlLW91dDtcbn1cblxuLmZvcm0td3JhcHBlci5pcy1hY3RpdmUgLnN3aXRjaGVyLWxvZ2luIHtcblx0Y29sb3I6ICMwMzA3MGM7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCg5MHB4KTtcbn1cblxuLmZvcm0td3JhcHBlci5pcy1hY3RpdmUgLnN3aXRjaGVyLXNpZ251cCB7XG5cdGNvbG9yOiAjMDMwNzBjO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTkwcHgpO1xufVxuXG4udW5kZXJsaW5lIHtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IC01cHg7XG5cdGxlZnQ6IDA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAycHg7XG59XG5cbi51bmRlcmxpbmU6OmJlZm9yZSB7XG5cdGNvbnRlbnQ6ICcnO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0bGVmdDogaW5oZXJpdDtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHdpZHRoOiBpbmhlcml0O1xuXHRoZWlnaHQ6IGluaGVyaXQ7XG5cdGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4ycyBlYXNlLW91dDtcbn1cblxuLnN3aXRjaGVyLWxvZ2luIC51bmRlcmxpbmU6OmJlZm9yZSB7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDElKTtcbn1cblxuLnN3aXRjaGVyLXNpZ251cCAudW5kZXJsaW5lOjpiZWZvcmUge1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMSUpO1xufVxuXG4uZm9ybS13cmFwcGVyLmlzLWFjdGl2ZSAudW5kZXJsaW5lOjpiZWZvcmUge1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG59XG5cbi5mb3JtIHtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0bWluLXdpZHRoOiAyNjBweDtcblx0bWFyZ2luLXRvcDogNTBweDtcblx0cGFkZGluZzogMzBweCAyNXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblx0dHJhbnNmb3JtLW9yaWdpbjogdG9wO1xufVxuXG4uZm9ybS1sb2dpbiB7XG5cdGFuaW1hdGlvbjogaGlkZUxvZ2luIC4zcyBlYXNlLW91dCBmb3J3YXJkcztcbn1cblxuLmZvcm0td3JhcHBlci5pcy1hY3RpdmUgLmZvcm0tbG9naW4ge1xuXHRhbmltYXRpb246IHNob3dMb2dpbiAuM3MgZWFzZS1pbiBmb3J3YXJkcztcbn1cblxuQGtleWZyYW1lcyBzaG93TG9naW4ge1xuXHQwJSB7XG5cdFx0YmFja2dyb3VuZDogI2U2ZTZlNztcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSg0MCUsIDEwcHgpO1xuXHR9XG5cdDUwJSB7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgMCk7XG5cdH1cblx0MTAwJSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgzNSUsIC0yMHB4KTtcblx0fVxufVxuXG5Aa2V5ZnJhbWVzIGhpZGVMb2dpbiB7XG5cdDAlIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlKDM1JSwgLTIwcHgpO1xuXHR9XG5cdDUwJSB7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgMCk7XG5cdH1cblx0MTAwJSB7XG5cdFx0YmFja2dyb3VuZDogI2U2ZTZlNztcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSg0MCUsIDEwcHgpO1xuXHR9XG59XG5cbi5mb3JtLXNpZ251cCB7XG5cdGFuaW1hdGlvbjogaGlkZVNpZ251cCAuM3MgZWFzZS1vdXQgZm9yd2FyZHM7XG59XG5cbi5mb3JtLXdyYXBwZXIuaXMtYWN0aXZlIC5mb3JtLXNpZ251cCB7XG5cdGFuaW1hdGlvbjogc2hvd1NpZ251cCAuM3MgZWFzZS1pbiBmb3J3YXJkcztcbn1cblxuQGtleWZyYW1lcyBzaG93U2lnbnVwIHtcblx0MCUge1xuXHRcdGJhY2tncm91bmQ6ICNlNmU2ZTc7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTQwJSwgMTBweCkgc2NhbGVZKC44KTtcblx0fVxuXHQ1MCUge1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIDApIHNjYWxlWSguOCk7XG5cdH1cblx0MTAwJSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMzUlLCAtMjBweCkgc2NhbGVZKDEpO1xuXHR9XG59XG5cbkBrZXlmcmFtZXMgaGlkZVNpZ251cCB7XG5cdDAlIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlKC0zNSUsIC0yMHB4KSBzY2FsZVkoMSk7XG5cdH1cblx0NTAlIHtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAwKSBzY2FsZVkoLjgpO1xuXHR9XG5cdDEwMCUge1xuXHRcdGJhY2tncm91bmQ6ICNlNmU2ZTc7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTQwJSwgMTBweCkgc2NhbGVZKC44KTtcblx0fVxufVxuXG4uZm9ybSBmaWVsZHNldCB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3BhY2l0eTogMDtcblx0bWFyZ2luOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6IDA7XG5cdHRyYW5zaXRpb246IGFsbCAuM3MgZWFzZS1vdXQ7XG59XG5cbi5mb3JtLWxvZ2luIGZpZWxkc2V0IHtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xufVxuXG4uZm9ybS1zaWdudXAgZmllbGRzZXQge1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbn1cblxuLmZvcm0td3JhcHBlci5pcy1hY3RpdmUgZmllbGRzZXQge1xuXHRvcGFjaXR5OiAxO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgLjRzIGVhc2UtaW4sIHRyYW5zZm9ybSAuMzVzIGVhc2UtaW47XG59XG5cbi5mb3JtIGxlZ2VuZCB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0d2lkdGg6IDFweDtcblx0aGVpZ2h0OiAxcHg7XG5cdGNsaXA6IHJlY3QoMCAwIDAgMCk7XG59XG5cbi5pbnB1dC1ibG9jayB7XG5cdG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5pbnB1dC1ibG9jayBsYWJlbCB7XG5cdGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogI2ExYjRiNDtcbn1cblxuLmlucHV0LWJsb2NrIGlucHV0IHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHdpZHRoOiAxMDAlO1xuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdHBhZGRpbmctcmlnaHQ6IDE1cHg7XG5cdHBhZGRpbmctbGVmdDogMTVweDtcblx0Zm9udC1zaXplOiAxNnB4O1xuXHRsaW5lLWhlaWdodDogNDBweDtcblx0Y29sb3I6ICM1NTU7XG5iYWNrZ3JvdW5kOiAjZWRlZGVkO1xuYm9yZGVyOjA7XG59XG5cbi5mb3JtIFt0eXBlPSdzdWJtaXQnXSB7XG5cdG9wYWNpdHk6IDA7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtaW4td2lkdGg6IDEyMHB4O1xuXHRtYXJnaW46IDMwcHggYXV0byAxMHB4O1xuXHRmb250LXNpemU6IDE4cHg7XG5cdGxpbmUtaGVpZ2h0OiA0MHB4O1xuXHRib3JkZXItcmFkaXVzOiAyNXB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdHRyYW5zaXRpb246IGFsbCAuM3MgZWFzZS1vdXQ7XG59XG5cbi5mb3JtLXdyYXBwZXIuaXMtYWN0aXZlIC5mb3JtIFt0eXBlPSdzdWJtaXQnXSB7XG5cdG9wYWNpdHk6IDE7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcblx0dHJhbnNpdGlvbjogYWxsIC40cyBlYXNlLWluO1xufVxuXG4uYnRuLWxvZ2luIHtcblx0Y29sb3I6ICNmYmZkZmY7XG5cdGJhY2tncm91bmQ6ICM5MTAwMDU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzAlKTtcbn1cblxuLmJ0bi1zaWdudXAge1xuXHRjb2xvcjogI2ZiZmRmZjtcblx0YmFja2dyb3VuZDogIzkxMDAwNTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDMwJSk7XG59XG5cbmJ1dHRvbjpkaXNhYmxlZCxcbmJ1dHRvbltkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kOiAjY2NjO1xufVxuXG4uZm9vdGVyIHtcbiAgbWFyZ2luLXRvcDoxNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjYmJiO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbmEge2NvbG9yOiAjYmFiYWJhO1xudGV4dC1kZWNvcmF0aW9uOm5vbmU7IH1cbmE6aG92ZXIgeyB0ZXh0LWRlY29yYXRpb246dW5kZXJsaW5lOyB9XG5cbmEuYmxhY2t7Y29sb3I6IzAwMDt0ZXh0LWRlY29yYXRpb246dW5kZXJsaW5lO31cbiJdfQ== */