*{
	outline:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body{
	padding:0;
	margin:0;
	background-color:#208e7e;
	font-family:Calibri;
}

.left{
	width:60%;
	height:100%;
	position:absolute;
	background-color:#208e7e;
	padding-right:10px;
	text-align: right;
}
p.logo_img{
	text-align:center;
	display:none;
}
.logo_img img{
	max-width:90%;
}
.home_banner{
	width:600px;
	height:600px;
}
.home_banner_img{
	width:100%;
	height:100%
}
.right{
	width:40%;
	height:100%;
	right:0;
	position:absolute;
	background-color:#FFF;
	z-index:1;
	overflow:hidden;
	min-height: 600px;
}
.form-slides {
	width:100000px;
}
.slide {
	width:100%;
	left:100%;
	position:absolute;
	background:#ffffff;
	height:100%;
}
.slide.first {
	left:0;
}
.login {
	width:60%;
	height:90%;
	margin:auto;
	position:relative;
}
.login .login_input {
	width:100%;
	font-size:16px;
	border:none;
	border-bottom:2px solid #81d8e2;
	padding:10px 0;
	margin-top:15px;
	margin-bottom:15px;
	background:none;
	color:#000;
	box-shadow:none;
}
.login .signup_select {
	width:100%;
	font-size:16px;
	border:none;
	border-bottom:2px solid #81d8e2;
	padding:5px 0;
	margin-bottom:15px;
	background:none;
	color:#000;
	box-shadow:none;
}

.login .login_input+label {
	position:absolute;
	text-align:left;
	display:block;
	margin-top:-45px;
	margin-left:0px;
	cursor:text;
	transition:all 0.4s ease;
	color:#000;
}
.login .login_input:focus+label,.login .login_input.used+label {
 margin-top:-70px;
 color:#CCC;
}
input.login_input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px #FFF;
    -webkit-text-fill-color:#000;
}
.login_btn {
	font-size:16px;
	text-transform:uppercase;
	background-color:#518388;
	padding:10px 30px;
	text-align:center;
	color:#FFF;
	margin-top:10px;
	border:none;
	transition:all 0.3s ease;
	cursor:pointer;
}
.login_btn:hover {
	color:#FF0;
	background-color:#085a63;
}
.signup_btn {
	background-color:#f0ad4e;
}
.signup {
	width:100%;
	height:82%;
	overflow:auto;
}
.forgot_password {
	padding:0;
	margin:10px 0 0 0;
	color:#666;
}
.forgot_password a {
	text-decoration:none;
	color:#666;
}
.forgot_password a:hover {
	color:#ED9927;
}
.back_text{
	padding:0;
	margin:0;
}
.back_text{
	padding:0;
	margin:10px 20px;
	text-align:right;
}
.back_text a{
	color:#666;
	text-decoration:none;
}
.back_text a:hover {
	color:#ED9927;
}
.title{
	font-size:30px;
	text-transform:uppercase;
	border-bottom:1px solid #CCC;
	font-weight: bold;
}
.logo{
	max-width:90%;
}
@media(max-width:1200px){
.login {
	width:80%;
}
}
@media(min-width:1200px){
.left {
	padding-right:8%;
}
}
@media(max-width:1000px){
.left{
	width:65%;
}
.right{
	width:35%;
}
}
.logo_mob{
	display:none;
}
@media(max-width:925px){
p.logo_img{
	text-align:center;
	display:block;
}
.logo{
	display:none;
}
.left{
	width:100%;
	height:680px;
	position:relative;
	text-align:center;
	min-width:600px;
}
.right{
	width:100%;
	height:350px;
	position:relative;
	min-width:600px;
}
.login{
	width:60%;
}

}
@media(max-width:650px){
 p.logo_img{
	text-align:center;
	display:block;
}
.logo{
	display:none;
}
.left{
	width:100%;
	height:680px;
	position:relative;
	text-align:center;
	min-width:600px;
}
.right{
	width:100%;
	height:350px;
	position:relative;
	min-width:600px;
}
.login{
	width:40%;
}
}
@media(max-width:412px){
p.logo_img{
	/* text-align:center;
	display:block; */
	display:none;
}
.logo{
	/* display:none; */
	padding:0;
	margin:0;
	text-align:center;
	display:block;
}
.left, .right {
    position: relative; /* remove absolute */
    width: 100% !important;
    min-width: auto !important;
    padding: 0 20px;
    text-align: center;
  }
.left {
	/* 
	display:none; */
	 position: relative
	display: grid;
  place-items: center;
    height: 340px; 
    width: 100% !important; 
    overflow-y: hidden; 
    overflow-x: hidden; 
  }
  .right {
   /*  height: 650px; */
   
   height: auto;
   /*  min-height: 350px;
    margin-top: 20px; */
  }
  .login {
    width: 90% !important;
    
  }
  body{

	background-color:none;
	
}
/* .element-to-hide-scrollbars {
  overflow: hidden; Hides both vertical and horizontal scrollbars and disables scrolling
} */

}
.login_footer{
	font-family:titles;
	font-size:12px;
	position: absolute;
	bottom: 0;
	width:100%;
	text-align: center;
}