/* Preloader ocupa a tela inteira */
        #preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        /* Spinner */
        .loader {
            
             animation: flip 5s ;
        }

         /* Animação de inversão */
        @keyframes flip {
            0% {
                transform: rotateY(0deg);
            }
            50% {
                transform: rotateY(180deg);
            }
            100% {
                transform: rotateY(0deg);
            }
           
        }

         #conteudoToglle {

             opacity: 1;
       		 transform: translateY(0);
       		 transition: opacity 0.4s ease, transform 0.4s ease;
        }