/* CSS Document */

@-webkit-keyframes fixarTopo {
	0% { position: absolute;  top: -5px;}
	1% { position: fixed;  top: -106px; }
	100%{position: fixed;  top: 0px;}
} 


@media screen and (max-width: 820px){
	.WCBR_Menu01{height: 106px;}
	.nav_menu, .submenu2{transition: height 0.3s ease; overflow: hidden; height: 0px; display:block !important; visibility: visible !important;}
	.menu03{padding: 1% 0px; position: absolute; z-index: 10; width: 100%; left: 0px; top: -5px; background-color: #fff; margin-top: 0px;  height: 100px; overflow:auto; transition: 0.3s ease;}
	.logoBR{margin-bottom: 3px !important; height: 47px;}
	.logoBR img{clip: rect(12px,187px,50px,0px); position: absolute; left: 50%; margin: -10px 0px 0px -93px !important;}
	.loginBR{height: 0px; overflow: hidden; width: 100%; transition: 0.3s ease; padding: 0px !important; margin-top: 3px !important;}
	.loginBRwrap{ display: block !important;}
	.list_nav_sup{height: 40px; overflow: hidden; transition: 0.3s ease;}
	.list_nav_sup li{display: block !important;}
	.menu03BR.moderesponsive .loginBR_respclp{margin-top: -43px !important;}
	.nav_sup{z-index: 8 !important;}
	.menuHidden{display:none !important;}
}

.anima {-webkit-animation: fixarTopo 0.3s ease; animation-fill-mode: forwards;}