.step .row.interior{
    
    padding-left: 90px;
    background-color: rgba(0,0,0,0.75);
}
.step .expandible-h{
    opacity: 0;
    width: 0px;
    transition: all 0.25s ease-in-out;
}


.btn-block{height: 100%;width: 100%;border-radius:0!important;}

.step.present .expandible-h{
    opacity: 1;
    width: 100%;
}

.barra-superior{position:fixed;top:0;width:100%;
        background-color: rgba(0,0,0,0.25);
        z-index: 9999;
    }
    .barra-inferior{position:fixed;bottom:0;width:100%;background-color: rgba(255,255,255,0.5);z-index: 9999!important;padding-bottom: 0px;}
    .barra-inferior,.barra-inferior .btn{height: 9vh;}

    .barra{z-index: 9999!important;transition: all 1s ease-in-out;}
   
    .indicador-superior{
        top:-5px;
        left: 45vw;
        transition: all 0.5s ease-in-out;
    }

    .indicador-superior.oculto{
            top:-150px;
    }
    .barra-inferior.oculta{bottom:-100px;}
    h1{font-size: xx-large; font-weight: bolder;}
    .agua{
        background: url(https://i.pinimg.com/originals/1d/15/d8/1d15d8da8b3b6f3a895828ba2663f409.gif);
        -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
box-shadow: 1px 2px 3px rgba(0,0,0,.5);
border-radius: 2px;
    }


.nubes{
       background: url(https://i.giphy.com/media/13bGgH9VnEDsuA/giphy.gif);
        filter: blur(5px);
        background-attachment: fixed;
        background-size: cover;
}

    .cielo{
        background: url(images/cielo.png);
        background-attachment: fixed;
        background-size: cover;
    
    
    }



.step .btn{opacity: 0;transition: all 0.5s ease-in-out;font-size: small;}
.step.present .btn{opacity: 1;font-size: x-large}




.robframe4{
     border-radius:20px!important;
     border: 4px solid rgba(255,255,255,0.75);
     transform: scale(0.95);

     -webkit-box-shadow: -6px 6px 19px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -6px 6px 19px -2px rgba(0,0,0,0.75);
box-shadow: -6px 6px 19px -2px rgba(0,0,0,0.75);
}