@charset "utf-8";
/* CSS Document */


.Barra_menuTop{
	width:100%; height:100px;
	position:fixed; top:0; left:0; right:0;
	background:#ee2f2c;
	z-index:900;
	}
.Largura_TopPagina{
	max-width:1280px;
	margin:auto; 
	}
@media(max-width:1280px){.Largura_TopPagina{max-width:97%;}}
@media(max-width:600px){.Largura_TopPagina{max-width:95%;}}
.BT_Top_Numero{
	width:auto; height:50px;
	float:left;
	background:#ee2f2c;
	border:none;
	cursor:pointer;
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:17px; font-weight: 500; color:#FFF;
	transition:0.2s ease-in-out;
	}	
.BT_Top_Numero:hover{
	color: #FF0
	}
.BT_Top_Menu{
	width: auto; height:50px;
	float:right;
	padding-right:30px;
	background:#ee2f2c url(../imagens/icones/menu_top.svg) right center no-repeat;
	border:none;
	cursor:pointer;
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:16px; font-weight: 500; color:#FFF;
	transition:0.2s ease-in-out;
	}
.BT_Top_Menu:hover{
	color: #FF0;
	background:#ee2f2c url(../imagens/icones/menu_top2.svg) right center no-repeat;
	}		
.Barra_menuTop_logo{
	width:100%; height:auto;
	position:fixed; top:50px; left:0; right:0;
	display:flex; flex-wrap: wrap; align-items: center; justify-content:center;
	z-index:900;
	}	
.Barra_Branca_toplogo{
	width:1280px; max-width:100%;
	height:auto;
	background:#FFF;
	border:1px solid #CCC;
	border-radius:10px;
	}	
.Bk_Logo{
	width:295px; height:100px;
	float:left;
	display:flex; flex-wrap: wrap; align-items: center; justify-content:center;
	}	
.Bk_BT_TopPedido{
	width:250px; height:100px;
	float: right;
	display:flex; flex-wrap: wrap; align-items: center; justify-content:center;
	}			
.BT_TopPedido{
	width:auto; height:50px;
	float:right;
	padding-left:45px; padding-right:15px;
	background:#00dc00;
	border:2px solid #FFF;
	border-radius:10px;
	cursor:pointer;
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:16px; font-weight: 500; color:#FFF;
	position:relative;
	transition:0.2s ease-in-out;
	}
.BT_TopPedido:hover{
	background:#000; 
	}
@media(max-width:600px){.Bk_Logo{ width:80%; padding-left:10%; padding-right:10%; height:auto;}}		
@media(max-width:600px){.Bk_BT_TopPedido{ width:100%; height: 75px;}}		
@media(max-width:600px){.Barra_Branca_toplogo{ padding-top:10px; padding-bottom:10px;}}	

.panelMobile{
    width: 300px;
    height: 100vh;
    position: fixed;
    right: 0rem;
    background: #FFF;
    text-align: center;
    display: none;
    /* BARRA DE ROLAGEM QUANDO PRECISAR */
    scrollbar-width: thin !important;
    scrollbar-color: #ee2f2c #3f3f41 !important;
	overflow: hidden;/* remover scroll */
    z-index: 910;
}
.panelMobile::-webkit-scrollbar {
    width: 5px;
}
.panelMobile::-webkit-scrollbar-track {
    background: #3f3f41;
}
.panelMobile::-webkit-scrollbar-thumb {
    background-color: #ee2f2c;
    border-radius: 20px;
}
.BtFecharMM,.BtFecharMM:active,.BtFecharMM:visited{
width:40px; height:40px; 
border-radius:40px;
background: #FFF url(../imagens/icones/fechar.svg) no-repeat center center;
position: fixed; right:15px; top:15px; 
z-index:999; 
cursor:pointer;
display:block;/*display fechado*/
transition:ease-in-out 0.2s;
}.BtFecharMM:hover{ background: #000 url(../imagens/icones/fechar.svg) no-repeat center center;}