/* ---------------------------------------------------

- Padrões

--------------------------------------------------- */

body{ 
    margin: 0px !important; 
}
.no-flick{-webkit-transform:translate3d(0,0,0);}
.fa-1x{ 
    margin-top: 3px; 
    margin-right: 5px;
}
.logo{
    z-index: 3;
    position: fixed;
    margin-left: 10px;
}
.logo-fix{
    z-index: 2;
    position: fixed;
    margin-left: 0px;
    margin-top: 40px;
}

/* ---------------------------------------------------

- ziiro codes

--------------------------------------------------- */

/* Aumenta area de respiro */
.respire{ margin-right: 50px;}

/* Organiza espaços para área de menu em mobile */
.mobile-area { margin-top: 150px; }

/* Texto bem visualizado */
.textos{ text-align: justify; font-size: 20px;}

/* Efeito simples de opacidade para links e botões */
#mouse-fx { opacity: 1 !important; }
#mouse-fx:hover{ opacity: 0.3 !important;}

/* ---------------------------------------------------

- Bulma

--------------------------------------------------- */

.is-off{ background-color: transparent !important; }

/* ---------------------------------------------------

- Venobox

--------------------------------------------------- */

.vbox-overlay{ overflow: hidden !important; }

/* ---------------------------------------------------

- navigation

--------------------------------------------------- */

#inline{ display: none; }

/* ---------------------------------------------------

- timeline

--------------------------------------------------- */

.frame-1 { -webkit-animation-delay: 1s; }
.frame-2 { -webkit-animation-delay: 2s; }
.frame-3 { -webkit-animation-delay: 3s; }
.frame-4 { -webkit-animation-delay: 4s; }
.frame-5 { -webkit-animation-delay: 5s; }
.frame-6 { -webkit-animation-delay: 6s; }
.frame-7 { -webkit-animation-delay: 7s; }
.frame-8 { -webkit-animation-delay: 8s; }
.frame-9 { -webkit-animation-delay: 9s; }
.frame-10 { -webkit-animation-delay: 10s; }

.frame-x { -webkit-animation-delay: .5s; }
.frame-1x { -webkit-animation-delay: 1.5s; }
.frame-2x { -webkit-animation-delay: 2.5s; }
.frame-3x { -webkit-animation-delay: 3.5s; }
.frame-4x { -webkit-animation-delay: 4.5s; }
.frame-5x { -webkit-animation-delay: 5.5s; }
.frame-6x { -webkit-animation-delay: 6.5s; }
.frame-7x { -webkit-animation-delay: 7.5s; }
.frame-8x { -webkit-animation-delay: 8.5s; }
.frame-9x { -webkit-animation-delay: 9.5s; }
.frame-10x { -webkit-animation-delay: 10.5s; }

.fastframe-1 { -webkit-animation-delay: .2s; }
.fastframe-2 { -webkit-animation-delay: .4s; }
.fastframe-3 { -webkit-animation-delay: .6s; }
.fastframe-4 { -webkit-animation-delay: .8s; }
.fastframe-5 { -webkit-animation-delay: .10s; }
.fastframe-6 { -webkit-animation-delay: .12s; }
.fastframe-7 { -webkit-animation-delay: .14s; }
.fastframe-8 { -webkit-animation-delay: .16s; }
.fastframe-9 { -webkit-animation-delay: .18s; }
.fastframe-10 { -webkit-animation-delay: .20s; }

/* ---------------------------------------------------

- ziiro colors

--------------------------------------------------- */

.cyan{ color: cyan !important; }
.dark-cyan{ color: darkcyan !important; }
.light { color: #f2f2f2 !important; }
.dark{ color: #444 !important; }

/* ---------------------------------------------------

- ziiro bg-colors

--------------------------------------------------- */

.bg-dark{ background-color: #444 !important; }

/* ---------------------------------------------------

- mobile

--------------------------------------------------- */

@media screen and (max-width: 500px) {
    
}
