/*** LOGIN ***/
img{
	margin: auto;
	display: block;
	padding-top: 20px;
}
.login{
	background-color:#fe3600;
	color:white;
}
.login-wrap{
	margin: 30px 0px 30px 0px;
}
.login-wrap>input{
	margin: 20px 0px 20px 0px
}

.form-signin {
    margin: 60px auto 0;
    max-width: 330px;
    padding: 15px;
    border: 1px solid #d6dce4;
    background: #dee2e9;
    border-radius: 4px;
    box-shadow: 0 10px 30px -10px #424242;
}


/*** FLIPPER ***/
.flip-container {
	perspective: 1000px;
    margin: 28px auto;
}
.flip-container.flip .flipper {
    transform: rotateY(180deg);
}

.flip-container.flip-forgot .flipper {
	transform: rotateY(-180deg);
}

.flip-container, .front, .back, .forgot {
    width: 320px;
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}
.front, .back, .forgot {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}
.back {
	z-index: 2;
	transform: rotateY(180deg);
}

.forgot {
	transform: rotateY(-180deg);
}

.hidden {
	display: none;
}