/*Colores
    #003F66
    #194B6B
    #2B5E7E
    #8FA6B5
    #EBF2F5
    #FFFFFF
*/

#topbar {
    position: relative;
    z-index:0;
    background-color: #fff; /*colored*/
}
#header .header-inner, #header #header-wrap {
    height: 80px;
    background-color: #D4E0E7; /*         
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden; */
    left: 0;
    right: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; /*logo*/
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: #185174;
    border-color: #003F66;
}

.arregloTexto {
    color: #3c4043;
    font-family: "Poppins", "Helvetica", "Arial", "sans-serif";
}