@charset "utf-8";

/* ########## BANNER MEIO ########## */

.e_area_banner_meio { background: #906a19 url("../img/bg-banner-meio.jpg") fixed no-repeat center bottom; background-size: cover; margin: 3vw 0; }
.e_area_banner_meio .e_cont_banner_meio { padding: 5%; text-align: center; }
.e_area_banner_meio .e_cont_banner_meio .e_area_txt_banner { padding: 3% 0; font-size: 40px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,.5); letter-spacing: -.035em; }
.e_area_banner_meio .e_cont_banner_meio .e_area_txt_banner * { max-width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; margin: auto; opacity: 0; animation: e_txt_banner 10s ease infinite; }
.e_area_banner_meio .e_cont_banner_meio .e_area_txt_banner strong { font-size: 1.75em; font-weight: 600; animation-delay: .75s; }
.e_area_banner_meio .e_cont_banner_meio img { height: 16vw; max-height: 80px; display: inline-block; opacity: 0; transform: translateX(-30%); animation: e_logo_banner 10s ease infinite; }
@keyframes e_txt_banner { 0% { max-width: 0; opacity: 0; } 10% { opacity: 1; } 30% { max-width: 100%; } 80% { opacity: 1; } 85%, 100% { opacity: 0;} }
@keyframes e_logo_banner { 0%, 20% { opacity: 0; transform: translateX(-30%); } 35%, 90% { transform: translateX(0); opacity: 1; } 95%, 100% { transform: translateX(0); opacity: 0; } }
@media (max-width: 1000px) {
	.e_area_banner_meio .e_cont_banner_meio .e_area_txt_banner { font-size: 5.5vw; }
}