/* Add here all your CSS customizations */
/*
body, html {
    height: 100%;
    margin: 0;
}
*/

.bgg {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat:  no-repeat;
    background-attachment: fixed;
    background-size:  cover;
    position: absolute;

    top:0; left:0;
    max-width:100%;
    animation-name: cfFadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 60s;
     overflow:hidden;
}

.bg1 {
    background-image: url("../../../img/background/bg1.jpg");
}
.bg2 {
    background-image: url("../../../img/background/bg2.jpg");
}
.bg3 {
    background-image: url("../../../img/background/bg3.jpg");
}

@keyframes cfFadeInOut {
  0% {opacity:1;}
  28% {opacity:1;}
  33% {opacity:0;}
  94% {opacity:0;}
  100% {opacity:1;}
}

 .bg3 {
  animation-delay: 40s;
}
.bg2 {
  animation-delay: 20s;
}
 .bg1 {
  animation-delay: 0s;
}

.panel, .panel-default{
  margin-top: calc(100vh/7.5);
}

.form-campos{
  padding: 0 20px 0 20px;
}

.login-footer{
  width: 100%;
  bottom: 0;
  position: absolute;
  background-color: rgba(0,0,0,.6);
}