html, body {
  height: 100%;
}

body{
	background: url("../images/loginBG.jpg") repeat scroll 0 0 / auto rgba(0, 0, 0, 0);	
}

.wrap{
  display: block;
  min-height: 100%;
   height: auto;
   margin: 0 auto -60px;
   padding: 0 0 60px;
}

.footer{
	background: url("../images/head_bg.jpg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
	background-size: cover;
	min-height: 60px;
	clear: both;
}

.header{
	background: url("../images/head_bg.jpg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
	height:80px;
}
.noPadding{
	padding: 0 !important;
}
.side-stairs {
    background: url("../images/stairs.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    float: right;
    height: 600px;
    margin-top: -120px;
    position: absolute !important;
    right: 12%;
    width: 400px !important;
    z-index: 1;
}


.side-stairs-md{
	background: url("../images/stairs.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
	height:310px;
	margin-top:-35px;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover
{
    outline:0px !important;
    -webkit-appearance:none;
}
.container.login{
	min-width: 380px;
}
/*.login_btn {
    background: none repeat scroll 0 0 #D16516;
    border: medium none;
    border-radius: 50px !important;
    color: #48250C;
    float: right;
    font-size: 35px !important;
    height: 60px;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 9999;
}
*/

.login_btn {
background: none repeat scroll 0 0 #D16516;
border: medium none;
border-radius: 50px !important;
color: #48250C;
float: right;
font-size: 35px !important;
height: 60px;
position: absolute;
top: 26px;
width: 60px;
z-index: 9999;
/* display: inline; */
}
.login_btn:hover, .login_btn:focus{
 background: none repeat scroll 0 0 #fff;
 color: #D16516;
  
}

/*.form-lg{
	height:109px;
	background:url('../images/login3_hover.png');
	background-repeat:no-repeat;
	background-size: 90%;
	min-width: 375px;
}*/
.form-lg{
		min-width: 375px;
}
.body_login {
    background: url("../images/login3_hover_body.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 109px;
    width: 90%;
}
.form-lg .before{
	height: 109px;
	float: left;
	background: url('../images/login3_hover_before.png');
	width: 17px;
}
.form-lg .after{
	height: 109px;
	float: right;
	background:url('../images/login3_hover_after.png');
	width: 58px;
	position: absolute;
	right: 0;
	margin-right: -24px;
}

.form-lg input{
	width: 83%;
	min-width: 280px;
	float: left;
}
.username-input-lg{
	background: none;
	border:none;
	margin-top:10px;
	height:38px;	
}

.password-input-lg{
	background: none ;
	border:none;
	margin-top:15px;
	height:38px;
}

.for-center{
	text-align: center;
}

/*.btn_login {
    float: right;
    position: relative;
    right: -43px;
}*/
.btn_login{
	position: relative;
right: -22px;
}

.login_btn_md{
	border-radius: 50px !important;
	color: #48250c;
	font-size: 35px !important;
	background: none repeat scroll 0 0 #D16516;
	border: medium none;
	position: relative;
	width: 65px;
	height: 65px;
}

.login_btn_md:hover, .login_btn_md:focus{
 background: none repeat scroll 0 0 #fff;
 color: #D16516;
}

.login_btn_sm{
	border-radius: 50px !important;
	color: #48250c;
	font-size: 35px !important;
	background: none repeat scroll 0 0 #D16516;
	border: medium none;
	position: relative;
	width: 65px;
	height: 65px;
}

.login_btn_sm:hover, .login_btn_sm:focus{
 background: none repeat scroll 0 0 #fff;
 color: #D16516;
}

.login_btn_xs{
	border-radius: 50px !important;
	color: #48250c;
	font-size: 35px !important;
	background: none repeat scroll 0 0 #D16516;
	border: medium none;
	position: relative;
	width: 65px;
	height: 65px;
	top: -77px;
	right: -262px;
}

.login_btn_xs:hover, .login_btn_sm:focus{
 background: none repeat scroll 0 0 #fff;
 color: #D16516;
}

.small-inputs{
	height:109px;
	background:url('../images/login4_hover.png');
	background-repeat:no-repeat;	
}

.smaller-inputs{
	height:109px;
	background:url('../images/login5_hover.png');
	background-repeat:no-repeat;	
}
.clear{
	clear: both;
}


    /********************* Kindle landscape · width: 1200px **********************/
    @media only screen and (max-width: 1200px){
    	.login_btn_md{
			top: 23px;
			right: -5px;
			}
    }
    /********************* Kindle landscape · width: 1200px **********************/
    @media only screen and (max-width: 990px){
    	.login .col-sm-6{
			margin: 0 25%;
			}
		.body_login{
			width: 95%;
		}
		.form-lg .after{
			margin-right: -28px;
		}
/*		.btn_login{
			right: 10px;
		}*/
    }


    @media (min-width: 600px) and (max-width: 990px){
		.form-lg .after{
			margin-right: -28px;
		}
/*		.btn_login{
			right: 10px;
		}*/
    }

      @media (min-width: 481px) and (max-width: 568px){
		.body_login{
			width: 95%;
		}
      }

    @media (min-width: 481px) and (max-width: 568px) {

		.btn_login{
			right: -23px
		}
    }

     @media (min-width: 568px) and (max-width: 750px){
		.btn_login{
			right:-15px;
		}	
      }
     /********************* Kindle landscape · width: 1200px **********************/
    @media (min-width: 768px) and (max-width: 770px){
    	.login .col-sm-6{
			margin: 0 auto;
			}
		.form-lg{
				width: 93%;
			}
		.btn_login{
			right: -23px
		}	
    }

/*    @media (min-width: 770px) and (max-width: 988px){
    	.login .col-sm-6{
			margin: 0 auto;
			}
		.form-lg{
				width: 93%;
			}
		.btn_login{
			right: -23px
		}	
    }*/

         /********************* Kindle landscape · width: 1200px **********************/



    @media (min-width: 481px) and (max-width: 568px){
		.btn_login{
			right: -13px;
		}
    }

    @media (min-width: 480px) and (max-width: 481px){
		.btn_login{
			right: -8px;
		}
    
    }

    @media (max-width: 320px){
    	.form-lg .after{
    		margin-right: -8px;
    		right: 32%;
    	}
    	.body_login {
	    width: 50%;
		}
		.btn_login{
			right: -23px;
		}
    }

    @media (min-width: 320px) and (max-width: 384px){
    	.form-lg .after{
    		margin-right: -8px;
    		right: 32%;
    	}
    	.body_login {
	    width: 50%;
		}
		.btn_login{
			right: -23px;
		}
    }

/*    @media only screen and (max-width: 480px){
		.btn_login{
			right: -18px;
		}
	
    }*/

    @media (min-width: 992px){
    	#stair{
    		float:right;
    		top:50px;
    	}
    }



    }