/* --- ANIMAÇÕES BLOCOS --- */

.js .anime-esquerda {
	opacity: 0;
	transform: translate3D(-400px, 0, 0);
}

.js .anime-direita {
	opacity: 0;
	transform: translate3D(400px, 0, 0);
}

.js .anime-topo {
	opacity: 0;
	transform: translate(0px, -400px);
}

.js .anime-debaixo {
	opacity: 0;
	transform: scale(0.4);
}

.js .anime-init {
	opacity: 1;
	transform: translate3D(0, 0, 0);
	transition: 1s all ease;
}

/* MENU */
  .main-nav > li > .sub-menu-block {
    visibility: hidden;
    position: absolute;
    text-align: left;
    margin:0 !important;
    padding:10px !important;
    width:100%;
    right:0;
    left:0;
    top:60px;
    background-color:#335f2f;
    color:#FFF;
    box-sizing: border-box;
    z-index : 3;
    font-size: 16px;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
  }
.main-nav > li > .sub-menu-block{
    display: flex;
    flex-direction: row;
}
  .main-nav > li:hover > .sub-menu-block{
    display: flex;
    flex-direction: row;
    visibility: visible;
    background-color:#335f2f;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  .main-nav > li:hover > .sub-menu-block a {
    color: #FFF;
  }
  
  .main-nav > li:hover > .sub-menu-block > * {
    opacity: 1;
  }
  .main-nav > li > .sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  .sub-menu-block span {  
    font-size:.95em;
    text-align: left !important;
    width: 1000px;
  }
  .sub-menu-block span h3 {
    color: rgba(255,255,255,.4);
    font-size: 16px;
    font-weight:700;
    padding: 10px 6px;
    margin:0 0 5px 0;
  }
  .sub-menu-block li {
    display: block;
    width: 100%;
    text-align: left;
    border-top: none !important;
  }
  .sub-menu-block li a {
    padding:4px 6px !important;
    text-align:left;
    display:block;
    color:rgba(255,255,255,.7);
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .sub-menu-block li:hover a {
    color:rgb(255,255,255);
    text-decoration:none;
  }
  .sub-menu-block p {
    color:rgba(255,255,255,.5);
    padding-left:6px;
  }