html{
  height: 100%;
  margin: 0px;
  padding: 0px; 
}
  
body {
  color: #333333;
  background:#f7f7f7;
  font-family: "Open Sans", sans-serif;
  direction: "ltr";
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

a {color:#595959;text-shadow: none; }
a:hover {color:#797979;cursor: pointer;}
a:focus, a:hover, a:active {outline:0;}

p { margin: 0 0 20px 0;}
label {font-weight: normal; margin-bottom:3px; }

h1,h2,h3,h4 {font-family: "Open Sans", sans-serif;font-weight: 800;letter-spacing: -1px;}
h1 {font-size: 36px;}
h2 {font-size: 22px;}

.container {margin:0 auto;}

.box-login {height:580px;margin:30px;background-color: #fff;position:relative; -webkit-border-radius: 8px!important; -moz-border-radius: 8px!important; -ms-border-radius: 8px!important; -o-border-radius: 8px!important; border-radius: 8px!important;-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.02);-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.02);box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.02);}

.slider-banner {height:580px;width:326px;position:absolute;top:0;left:0;overflow:hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.slider-banner img {width:100%;}
.slider-banner .splide__arrow {display:none;}
.slider-banner .splide__pagination {width: 100%;margin: 0; position: absolute; bottom: 30px; padding: 0;}
.slider-banner .splide__pagination li {margin: 0 4px;width: 30px;}
.slider-banner .splide__pagination li button {width:100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-khtml-opacity: 0.5;opacity: 0.5;}
.slider-banner .splide__pagination li button.is-active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=50);-khtml-opacity: 1;opacity: 1;}

.form-login {padding-left:326px;}

.form-login .form-login-inner {margin:40px auto;width:50%;}
.form-login .form-login-inner .logo-login {text-align:center;margin-bottom:40px;padding-top:40px;}

.link-esqueci {text-align:right;padding-top:30px;}
.link-esqueci a {font-size:14px;color:#6190cb;}


/* Footer */
.footer {padding:20px 0;border-top:1px solid #eee;margin-top:40px;}
.footer p {margin:0;}
.footer p.copy {font-size:12px;color:#777;}

/* Buttons */
.btn-login {background:#6190cb;border:1px solid #6190cb;color:#fff;margin-top:20px;width:100%;box-shadow: none !important;text-transform:uppercase;font-size:13px;line-height:13px;padding: 18px 10px;position:relative; -webkit-border-radius: 50px!important; -moz-border-radius: 50px!important; -ms-border-radius: 50px!important; -o-border-radius: 50px!important;}
.btn-login:hover {transition: all 0.3s;opacity:0.75; }

/* Forms */
.form-control-login {font-size:18px;padding:15px 10px;width:95%;margin-bottom:15px;border-bottom:1px solid #ddd!important;border-top:1px solid #fff!important;border-left:1px solid #fff!important;border-right:1px solid #fff!important;}
input[type=text]:focus, input[type=password]:focus {-webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.02)!important;-moz-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1)!important;box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1)!important;}


/* Responsive */  
@media (min-width:1330px){
	.container{width:1300px}
}
@media (max-width: 920px) {	
	.form-login .form-login-inner {width:80%;}
	.form-control-login {font-size:16px;padding:8px;}
}
@media (max-width: 680px) {
      .slider-banner {display:none;}
	  .box-login {height:auto;padding-bottom:40px;}
	  .form-login {padding-left:0;}
}