.close{
    right: 0;
    top: 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    opacity: 1;
    color: #fff !important;
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #6b0cb3 !important;
}

.botonF1{
    width: auto;
    height: 50px;
    /*border-radius: 20px 0px 0px 20px;*/
    background: #00BCD4;
    right:0;
    top: 25%;
    margin-right: 0;
    margin-bottom: 2px;
    border:none;
    outline:none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    z-index: 9999999;
    /*position:fixed;*/
    display: inline-block;
    justify-content: center !important;
    align-items: center !important;
}
.parent-sticked{
    position: absolute;
    right: 300px;
    background: transparent;
    top: 0;
    z-index: 1;
}

.ps-b{
    top: 40px !important;
}
.ps-c{
    top: 80px !important;
}


.botonF1-a, .botonF1-b, .botonF1-c{
    width: 100%;
    border-radius: 20px 0 0 20px;
    background: #00BCD4;
    margin-right: 0;
    margin-bottom: 2px;
    border:none;
    outline:none;
    font-size:16px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    z-index: 1;
    color: #fff;
    display: inline-block;
}
.botonF1-a img, .botonF1-b img, .botonF1-c img {
    display: inline-block;
    text-align: left;
}
.botonF1-a:only-child, .botonF1-b:only-child, .botonF1-c:only-child {
    display: inline-block !important;
    min-width: 100%;
}

/*.botonF1-d{*/
    /*display: block;*/
/*}*/
span{
    transition:.5s;
}

.botonF2{
    background:#2196F3;
    margin-bottom:85px;
    transition:0.5s;
}
.botonF3{
    background:#673AB7;
    margin-bottom:130px;
    transition:0.7s;
}
.botonF4{
    background:#009688;
    margin-bottom:175px;
    transition:0.9s;
}
.botonF5{
    background:#FF5722;
    margin-bottom:220px;
    transition:0.99s;
}
.animacionVer{
    transform:scale(1);
}

.boton_colores {
    width: 25%;
    display: inline-table;
    text-align: center;
    cursor: pointer;
}

.normal {
    filter: invert(0%);
}

.inverted {
    filter: invert(100%) !important;
    background: #000 !important;
}

.monocromatico{
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
}
.sepia{
    -webkit-filter: sepia(100%); /* Safari */
    filter: sepia(100%) !important;
}

p.texto_accesibilidad {
    display: inline-block;
    right: 0;
    top: 0;
    color: #fff;
    position: initial;
}

#botonF1:hover {
    right: 0px !important;
}

.boton-makoi-acces{
    display: inline-block;
    position: initial;
}
.elementToFadeInAndOut{
    opacity: 0;
}
.elementToFadeInAndOut:hover {
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 500ms linear forwards;
}
.fadeInHeri:hover{
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 500ms linear forwards;
}

@-webkit-keyframes fadeinout {
    0%{ opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeinout {
    0% { opacity: 0; }
    100% { opacity: 1; }
}