body {
  background: #acdbfb;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;      
}
.login-page {
  width: 715px;
  height:405px;
  padding:0;
  margin:auto;
  background: #FFFFFF;
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
}
.form {
  width:345px;
  padding:20px 35px 0 35px;
  float:left;
  position:relative;
}
.banner {
  width:300px;
  float:left;
  padding: 0;
}
.banner-img,.mySlides {border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;}
.logo-img {width: 100%;text-align: center;}
.field-container {
  position: relative;
  width: 100%;
  margin-top:30px;
}
.field {
  display:block;
  width:100%;
  padding:10px 0;
  border:none;
  font-size:14px;
  color:#9b9b9b;
  border-bottom:1px solid #e0e0e0;
}
.field:focus {
  outline: 0;
}
.floating-label {
  position:absolute;
  pointer-events:none;
  top: 5px;
  left:0;
  font-size: 10px;
  opacity:0;
  background-color: white;
  padding: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.field:valid + .floating-label {
  opacity:1;
  top:-5px;
  color: #9e9e9e;
  padding:0;
}
.field:focus + .floating-label {
  color: #00a3d6;
}
.field:focus + .floating-label + .field-underline {
  border-color:#00a3d6;
}
.form .forgot {
  margin: 10px 0 0;
  color: #333;
  font-size: 11px;
  float:right;
  text-decoration:none
}
.form .submit_btn {
  text-transform: uppercase;
  margin:29px 0 22px 0;
  font-weight:bold;
  outline: 0;
  background: #005999;
  width: 100%;
  border: 0;
  padding:12px 15px;
  color: #FFFFFF;
  font-size: 16px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
.form .submit_btn:hover,.form .submit_btn:active,.form .submit_btn:focus {
  opacity:.9;
}
.form .message {
  color: #333;
  font-size: 11px;
  margin:0
}
.form .message a {
  color: #333;
  text-decoration: underline;
}
.fltl {float:left}
.fltr {float:right}
.font12 {font-size:12px!important}
.bank_dtl {position:absolute;bottom:-55px;left:0;width:100%;padding:8px 0;background:#eee;text-align:center;border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;-moz-border-radius: 0 0 0 6px;}
.bank_dtl img {vertical-align: bottom;margin-right:5px}
.bank_dtl a {font-weight:bold;color:#333;text-transform:uppercase;font-size:12px;text-decoration:none}

/*Image slider*/
.w3-content{max-width:300px;margin:auto}
.w3-tooltip,.w3-display-container{position:relative}
.w3-display-left{position:absolute;top:50%;left:2%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:2%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-btn, .w3-button {
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	border: none;
    font-size: 24px;
    line-height: 13px;
    width: 36px;
    height: 36px;
    display: inline-block;
    outline: 0;
    padding: 0;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
	color:#252525;background-color:rgba(255,255,255,.5)
}
.w3-button:hover {color:#000;background-color:rgba(255,255,255,.8)}
.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


@media only screen and (max-width: 500px) {
 .login-page {
  width:90%;
  height:405px;
}
.form {
	width: 92%;
	padding: 4% 4% 0 4%;
}
.banner {display:none}
.form .message {margin: 6px 0;}
.bank_dtl {border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;}
#dn {display:none}
}