@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


.icono-Inferior {
    width: 38px;
    margin: 10px;
}


h5 .Txt-2doMenu {
    font-size: 4px;
}


.top-features-area .features-content .single-top-features {
    font-size: 15px;
    margin: 5px;
    padding: 5px;
}

.top-features-area .features-content .single-top-features h5 {
    font-size: 15px;
    margin: 5px;
    padding: 5px;
}


.navegador-2do {
    position: relative; /* Position relative lo trae al frente*/
    background-color: #414141;
    display: flex;
    margin: auto;
    z-index: 1;
    max-width: 65%;
    text-align: center;
    transform: translateY(-18%);
        -webkit-transform: translateY(-18%);
        -o-transform: translateY(-18%);
        -ms-transform: translateY(-18%);
}


.Iconos-Inferiores-1 {
    width: 20%;
    border-right: 1px solid white;
}

.Iconos-Inferiores-1:hover {
    background-color: rgb(92, 114, 134);
}

.Iconos-Inferiores-2 {
    width: 20%;
    border-right: 1px solid white;
}

.Iconos-Inferiores-2:hover {
    background-color: rgb(92, 114, 134);
}

.Iconos-Inferiores-3 {
    width: 20%;
    border-right: 1px solid white;
}

.Iconos-Inferiores-3:hover {
    background-color: rgb(92, 114, 134);
}

.Iconos-Inferiores-4 {
    width: 20%;
    border-right: 1px solid white;
}

.Iconos-Inferiores-4:hover {
    background-color: rgb(92, 114, 134);
}

.Iconos-Inferiores-5 {
    width: 20%;
    /*border: 1px solid yellow;*/
}

.Iconos-Inferiores-5:hover {
    background-color: rgb(92, 114, 134);
}

.icono-Inferior {
    width: 45px;
}

.Txt-2doMenu {
    color: white;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
}

.Txt-2doMenu:hover {
    color: yellow;
}

#scrollUp {
    background-color: blue;
}

.link-2doMenu {

}




@media (max-width: 767px) {

    .navegador-2do {
        position: relative; /* Position relative lo trae al frente*/
        background-color: #414141;
        display: block;
        margin: auto;
        z-index: 180;
        max-width: 70%;
        text-align: center;
        transform: translateY(-5%);
        -webkit-transform: translateY(-5%);
        -o-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        
    }


    .Iconos-Inferiores-1 {
        width: 100%;
        height: 30px;
        border-bottom: 1px solid white;
    }

    .Iconos-Inferiores-1:hover {
        background-color: rgb(92, 114, 134);
    }
    
    .Iconos-Inferiores-2 {
        width: 100%;
        height: 30px;
        border-bottom: 1px solid white;
    }

    .Iconos-Inferiores-2:hover {
        background-color: rgb(92, 114, 134);
    }
    
    .Iconos-Inferiores-3 {
        width: 100%;
        height: 30px;
        border-bottom: 1px solid white;
    }

    .Iconos-Inferiores-3:hover {
        background-color: rgb(92, 114, 134);
    }

    
    .Iconos-Inferiores-4 {
        width: 100%;
        height: 30px;
        border-bottom: 1px solid white;
    }

    .Iconos-Inferiores-4:hover {
        background-color: rgb(92, 114, 134);
    }
    
    .Iconos-Inferiores-5 {
        width: 100%;
        height: 30px;
        /*border: 1px solid yellow;*/
    }

    .Iconos-Inferiores-5:hover {
        background-color: rgb(92, 114, 134);
    }

    .Iconos-Inferiores-5:hover {
        color: yellow;
    }

    .icono-Inferior {
        display: none;
        width: 18px;
    }

    .Txt-2doMenu {
        color: white;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
    }

    .Txt-2doMenu:hover {
        color: rgb(198, 255, 42);
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
    }

    .link-2doMenu:hover {
        color: rgb(247, 247, 73);
    }


}