/*html,*/
/*body {*/
/*    height: 100%;*/
/*}*/

/*body {*/
/*    display: -ms-flexbox;*/
/*    display: -webkit-box;*/
/*    display: flex;*/
/*    -ms-flex-align: center;*/
/*    -ms-flex-pack: center;*/
/*    -webkit-box-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    justify-content: center;*/
/*    padding-top: 40px;*/
/*    padding-bottom: 40px;*/
/*    background-color: #f5f5f5;*/
/*}*/

/*.form-signin {*/
/*    width: 100%;*/
/*    max-width: 330px;*/
/*    padding: 15px;*/
/*    margin: 0 auto;*/
/*}*/
/*.form-signin .checkbox {*/
/*    font-weight: 400;*/
/*}*/
/*.form-signin .form-control {*/
/*    position: relative;*/
/*    box-sizing: border-box;*/
/*    height: auto;*/
/*    font-size: 1.4rem;*/
/*}*/
/*.form-signin .form-control:focus {*/
/*    z-index: 2;*/
/*}*/
/*.form-signin input[type="email"] {*/
/*    margin-bottom: -1px;*/
/*    border-bottom-right-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*}*/
/*.form-signin input[type="password"] {*/
/*    margin-bottom: 10px;*/
/*    border-top-left-radius: 0;*/
/*    border-top-right-radius: 0;*/
/*}*/


/*label{*/
/*    font-size: 1.4rem;*/
/*}*/

/*#logo{*/
/*    max-width: 50%;*/
/*    display: block;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/

/*#botonLogin{*/
/*    width: 100% !important;*/
/*}*/

/*@media only screen and (max-width: 768px) {*/
/*    !* For mobile phones: *!*/
/*    #logo{*/
/*        max-width: 90%;*/
/*    }*/

/*    * {*/
/*        padding: 0;*/
/*        margin: 0;*/
/*        box-sizing: border-box;*/
/*    }*/

/*    body {*/
/*        display: inline !important;*/
/*        -ms-flex-align: start;*/
/*        -ms-flex-pack: start;*/
/*        -webkit-box-align: start;*/
/*        align-items: start;*/
/*        -webkit-box-pack: start;*/
/*        justify-content: start;*/

/*    }*/



/*}*/


/*#botonEye{*/
/*    height: 100%*/
/*}*/


.carousel {
   position: relative;
}

.carousel__item {
    height: 400px;
    padding: 1em;
    display: none;
}

.carousel__item--selected {
    display: block;
}

.carousel__nav {
    width: 100%;
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

.carousel__button {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.carousel__button--selected {
    background: rgba(255, 255, 255, 0.5);
}