/*
 * Chrome toont de submenu-tekst niet bij het openen.
 * Het menu klapt open met een rotateX-animatie. De witte achtergrond wordt
 * wel getekend, de tekst pas nadat een hover een nieuwe paint afdwingt.
 * Safari heeft dit niet.
 *
 * De tekst krijgt een eigen compositing layer, en de animatie eindigt net
 * niet op rotateX(0). Daarmee blijft de tekstlaag staan na de animatie.
 */

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }
    70% {
        transform: rotateX(20deg);
    }
    100% {
        transform: rotateX(0.01deg);
    }
}

header .main-navigation .main_menu .firstul ul li {
    opacity: 1;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

header .main-navigation .main_menu .firstul ul li a {
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}