#login-box{width: 400px;  }
#login-box>div{transition: all 1s ease-in!important;}
.lltxt{width:350px}

#loginImg{
	border:0px solid #DEB66C;width:350px;
}

#login_img {
    /* transform: rotateY( 0deg );
	*/
	/* transition: rotateY 1s ease-in; */
}

/* #loginForms{ */
    /* transform: rotateY( 180deg ); */
/* } */

/* #login_loader { */
    /* transform: rotateY( 180deg ); */
/* } */

/* #login-box.showlogin #login_img{ */
    /* transform: rotateY( 180deg ); */
/* } */

/* #login-box.showlogin #loginForms { */
    /* transform: rotateY( 0deg ); */
/* } */



/* #login-box.loading #login_img{ */
    /* transform: rotateY( 180deg ); */
/* } */

/* #login-box.loading #login_loader { */
    /* transform: rotateY( 0deg ); */
/* } */

.flip-view{
	transform: rotateY( 0deg );
	opacity:1;
	height:100%;
	/* position: relative; */
}
.flip-hide{
	transform: rotateY( 180deg );
	opacity:0;
	height:0;
	backface-visibility: hidden;
	/* overflow:hidden; */
	position: absolute; top:24px; left:24px; 
}


/* .backface{backface-visibility: hidden;} */


/* #loginForms{ */
/* transition: all 3s ease-in; */
/* } */
/* #loginForms:hover  { */
/* transform: rotateX(180deg)  scaleX(-1); */
/* } */