/*--------Main Css ------------*/
.login-body{
	background: url("/images/bg.jpg") center	center;
	background-size: cover;
	background-attachment: fixed;
	color:#000;
    font-family: 'Open Sans', sans-serif;	
    overflow:hidden;
}
.page-wrap{
	 margin-bottom: -20px;
    margin-left: -15px;
    margin-right: -15px;
    min-height: 98vh;
    padding: 20px 15px;
    z-index: -1;
    overflow:hidden;
}
.page-wrap a {
    /*color: #000;*/
    /*font-size: 12px;*/
}
.page-wrap a:hover{
	text-decoration:underline;
}
.page-wrap p {
  margin-bottom:10px;
}
.side-bg {
   background-color: #fff;
    float: right;
    margin-right: 40px;
    min-height: 100vh;
}
.logo-bg{
	width:100%;
}


.logo-sec{ text-align:center; padding:30px;padding-bottom:100px}
.logo-sec h2{ font-size:35px; color:#4e4e4e; font-weight:bold;nowrap:nowrap}
.logo-sec h2 i{
     color:#428bca;
     margin-right:7px;

}
.col-h{ 
    color:#428bca;
}


.logo {
    display: block;
    margin: 5vh 2vw 15vh;
    max-width: 60%;
    width: 100%;
}
.box-effect{
	display: block;
}




/*--------Form Css------------*/
#form2 {
    padding: 0 2vw;
}
.form-control {
    border-radius: 0;
    margin: 0 auto;
    background:#f7f7f7;
    margin-bottom:20px;
   
}
.form-group {
    margin-bottom: 6px;
}
.login-body .btn-primary {
    background-color: #428bca;
    border-radius: 0;
    border:none;
    color: #fff;
    display: block;
    min-width:80px;
    /*width: 100%;
    margin-bottom:30px;*/ 
}
.login-body .btn-primary:hover{
	background:#3276b1;
	 border-color:#285e8e;
}
.login-body label {
    /*font-size: 13px;
    padding-bottom: 3vh;*/
}

.login-body .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    margin-top: 3px;
    position: absolute;
}
.login-body .radio, .checkbox {
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
}

.site-footer p {
    font-size: 9.52px;
    text-align:center;
}
.active-p {
    font-size: 0.91vw;
    margin: 4vh 0;
    text-align: center;
}


/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
.login-body body{font-size:14px;overflow:visible;}
.side-bg{min-height:100vh;display:block;margin-right:0;}
.page-wrap{max-width:300px;margin:0 auto;}
.site-footer p{position: relative;}

.logo-sec {

padding: 30px 10px 42px;

}


}
@media screen only (min-width: 320px and max-width: 767px) {
body{font-size:14px;overflow:visible;}
.side-bg{min-height:100vh;display:block;margin-right:0;}
.page-wrap{max-width:300px;margin:0 auto;}
.site-footer p{position: relative;}
}