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

/* CSS Document by Rafael Carvalho @ Web CP*/

/*----*****---- << Responsivo >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
    @media only screen and (min-width:960px) and (max-width:1200px) {
		    #rodape .right{max-width: 70%;}
            #rodape .voltar_topo{right:10px;bottom:20px;}            
            #unidades_home .unidades_home .box_unidade nav a{font-size:16px;}
            #banner .banner:hover .txt_banner{opacity:1;}
            #menu .menu{width:auto;}
            #menu .menu li a{padding: 9px 4px;}
            #menu .abre_delivery{line-height:33px;margin-top: -20px;}

		}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    @media only screen and (min-width:768px) and (max-width:1024px) {
        .quebra-mobile {display:block;visibility:hidden;height:5px;}
    }
    
    
        /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
        
        #menu .menu li{font-size:11px;}
        #menu .menu li a{padding: 9px 4px;}
        #banner .banner .txt_banner p{height:65px;}
        #bullets{bottom:78px;}
        #newsletter .form_news .input{display: block;margin: 16px auto;}
        #rodape .right{max-width: 70%;}
        #historia .right, #historia .left{width:100%;padding:0px;}
        #historia .left .img_historia{float:none;}        
        #rodape .voltar_topo{right:10px;bottom:20px;}
        #rodape .voltar_topo img{width:35px;}
        /*#mask3 .all_center #map{pointer-events:none;}*/
        #mask3 .fechar_mapa{margin-top:0px;margin-bottom:20px;}
        #fotosInsta{margin-top:0px;}
        #unidades_home .unidades_home .box_unidade{font-size:14px;}
        #unidades_home .unidades_home.unidades_unidades .box_unidade p{min-height:105px;}
            #unidades_home .unidades_home .box_unidade nav a{font-size:12px;}
            #ul_fotos li a img, #ul_fotos li a{pointer-events:none;}
        #galeria .mascara .right{right:0px;background: rgba(0,0,0,0.6);}
        #galeria .mascara .left{background: rgba(0,0,0,0.6);}
        #banner .banner:hover .txt_banner{opacity:1;}
        #menu .redes a img{width:25px;padding-top: 4px;}
        #menu .abre_delivery img{width:30px;margin:auto;}
        #menu .abre_delivery{font-size:11px;margin-top:-3px}
        #menu .menu{width:auto;}

	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        

		#menu{position:fixed;width:100%;left:0px;top:0px;background:#004d94;padding:15px 0px;}
		#menu .menu li a, #menu .menu li:hover a{color:#fff;}
        #menu .menu{position:fixed;right:-100%;background:#023463;top:0;width:45%;padding:10px;height:100%;overflow-Y:scroll;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
        #menu .menu.ativo{right:0px;}
        #menu .menu li{width:100%;text-align:left;padding-left:10px;margin-bottom:10px;}
        #menu .menu li{font-size:13px;}
        .controles_menu img{width:40px;}
        .controles_menu{float:left;padding-left:20px;display:inline-block;}
        .controles_menu .fecha_menu{display:none;}
        #topo{padding-top:65px;}
        #menu .menu li.submenu ul{display: inline-block;opacity: 1;background: transparent;text-shadow: none;box-shadow: none;border: 0px;width: auto;min-width: initial;position:relative;padding-left: 22px;width: 100%;}
        #menu .menu li.submenu ul li{border-bottom: 0px;border-left: 1px solid #fff;margin-bottom: 10px;padding-left: 5px;font-size: 11px;width: auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	    #menu .menu li.submenu ul li a{padding:0px;}
        #menu .menu li.submenu ul li a:hover{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
        #menu .menu li a:hover, #menu .menu li.ativo a{border-bottom:5px solid transparent;}
        #menu .menu li a{padding:2px;}
         #menu .menu li.menu_home{display:inline-block;}
        #logo{margin-bottom:45px;}   
        #banner{height:250px;}     
        #banner .banner .txt_banner p{height:auto;}
        #banner .banner .txt_banner{padding-bottom:30px;display:none;}
        #bullets{bottom:10px;}
        #unidades_home .unidades_home .box_unidade, #unidades_home .unidades_home .box_unidade:nth-child(2) , #unidades_home .unidades_home .box_unidade:nth-child(3) ,#unidades_home .unidades_home .box_unidade:first-child, #unidades_home .unidades_home .box_unidade:last-child{width:100%;margin:15px 0px;}
        #newsletter .form_news .input{display: block;margin: 16px auto;}
        #rodape .right{width:100%;margin:10px 0px;}
        #galeria .mascara .left{left: -5px;background: rgba(0,0,0,0.6);}
        #galeria .mascara .right{right:0px;background: rgba(0,0,0,0.6);}
        .mascara{width:295px;margin:0 auto;margin-bottom:50px;margin-top:30px;}
        #form_contato .check+label{width: 100%; display: inline-block; margin-bottom: 20px;text-align: left;}
        #form_contato .btn{float:none;margin:auto auto;}
        #cardapio .cat_cardapio{width:100%;display:inline-block;}
        #cardapio .cat_cardapio ul{display:inline-block;margin-bottom:30px;}
        #cardapio .cat_cardapio ul li, #cardapio .cat_cardapio ul li:last-child{text-align:center;border:1px solid #c3c5ca;width:auto;margin:10px;}
        #cardapio .cardapio{width:100%;}
        #cardapio .cardapio .titu_cardapio img{width: 800px;margin: 0 auto;position: absolute;left: 50%;top: 0;margin-left: -400px;}
        #cardapio .cardapio .titu_cardapio{width: 100%;overflow: hidden;position: relative;height: 80px;}
        #cardapio .titu{display:none;}
        #cardapio .mob.titu{display:block;text-align:center;}
        #historia .right, #historia .left{width:100%;padding:0px;}
        #historia .left .img_historia{float:none;}
        #historia img{margin:0px;}
        #historia .titu img{margin-top:20px;}        
        #rodape .voltar_topo{position:relative;display:inline-block;bottom:0;right:0;}
        #menu .menu li a:hover, #menu .menu li.ativo a{color:#fff}
        #mask3 .all_center #map{pointer-events:none;}
        #mask3 .fechar_mapa{margin-top:54px;px;margin-bottom:20px;}
        #unidades_home .unidades_unidades .box_unidade .btn{margin-bottom:20px;margin-top:5px;}
        .titu{font-size:16px;}
        .menu_home{display:inline-block;}
        #banner .banner .txt_banner p{font-size:1.3em;webkit-text-size-adjust: 100%}
        body{-webkit-text-size-adjust: none;}
        #mask2 .all_center .reserva_modal .fechar_reserva, #mask3 .fechar_mapa{margin-top:7px;}
        #banner .banner:hover .txt_banner{opacity:1;}
        #VIT_DESCRICAO, .exibeMobile{display:inline-block;}
        #cardapio .titu{display:inline-block}
#cardapio, #contato, #historia{padding-top:30px;}
        .ocultaMobile,#menu .redes, #menu .abre_delivery{display:none;}
        #mask2 .all_center .reserva_modal iframe {max-height:80%;}
        #mask2 .all_center .reserva_modal{height:100%;}
        .fancybox-iframe,#mask2 .all_center .reserva_modal{overflow: scroll !important;-webkit-overflow-scrolling: touch !important;}
   }
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        #mask2 .all_center .reserva_modal .fechar_reserva{margin-top:10px;}
		#topo .top .left, #topo .top .right{width:100%;text-align:center;}
        #topo .top .right .redes, #topo .top .left .abre_delivery{float:none;margin:10px auto;}
        #topo .top{padding:0px;display:none;}
        #rodape .top .left, #rodape .top .right{width:100%;text-align:center;}
        #rodape .top .right .redes, #rodape .top .left .abre_delivery{float:none;margin:10px auto;}
        #rodape .top{padding:0px;display:inline-block;}
        #menu{position:fixed;width:100%;left:0px;bottom:0px;background:#004d94;padding:15px 0px;z-index:9999;}
        .menu_rapido{display:block;font-size:12px;line-height:25px;}
        .menu_rapido a{margin:0px 10px;}
		#menu .menu li a, #menu .menu li:hover a{color:#fff;}
        #menu .menu{position:fixed;right:-100%;background:#023463;top:0;width:55%;padding:10px;height:100%;overflow-Y:scroll;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
        #menu .menu.ativo{right:0px;}
        #menu .menu li{width:100%;text-align:left;padding-left:10px;margin-bottom:10px;}
        #menu .menu li{font-size:13px;}
        .controles_menu img{width:40px;}
        .controles_menu{float:left;padding-left:20px;display:inline-block;}
        .controles_menu .fecha_menu{display:none;}
        #rodape{padding-bottom:65px;}
        #menu .menu li.submenu ul{display: inline-block;opacity: 1;background: transparent;text-shadow: none;box-shadow: none;border: 0px;width: auto;min-width: initial;position:relative;padding-left: 22px;width: 100%;}
        #menu .menu li.submenu ul li{border-bottom: 0px;border-left: 1px solid #fff;margin-bottom: 10px;padding-left: 5px;font-size: 11px;width: auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	    #menu .menu li.submenu ul li a{padding:0px;}
        #menu .menu li.submenu ul li a:hover{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
        #menu .menu li a:hover, #menu .menu li.ativo a{border-bottom:5px solid transparent;}
        #menu .menu li a{padding:2px;}
         #menu .menu li.menu_home{display:inline-block;}
        #logo{margin:15px auto;} 
        #banner{height:190px;}     
        #banner .banner .txt_banner p{height:auto;}
        #banner .banner .txt_banner{padding-bottom:30px;display:none;}
        #banner.bannerHome .banner .txt_banner{display:inline-block;}
        #banner .banner .txt_banner h2{font-size:16px;}
        #bullets{bottom:10px;}
        #unidades_home .unidades_home .box_unidade,  #unidades_home .unidades_home .box_unidade:nth-child(2) , #unidades_home .unidades_home .box_unidade:nth-child(3), #unidades_home .unidades_home .box_unidade:first-child, #unidades_home .unidades_home .box_unidade:last-child{width:100%;margin:15px 0px;}
        #newsletter .form_news .input{display: block;margin: 16px auto;}
        #rodape .right{width:100%;margin:10px 0px;}
        #galeria .mascara .left{left: 0px;background: rgba(0,0,0,0.6);}
        #galeria .mascara .right{right:0px;background: rgba(0,0,0,0.6);}
        .mascara{width:235px;margin:0 auto;margin-bottom:50px;margin-top:30px;}
        #form_contato .check+label{width: 100%; display: inline-block; margin-bottom: 20px;text-align: left;}
        #form_contato .btn{float:none;margin:auto auto;}
        #cardapio .cat_cardapio{width:100%;display:inline-block;}
        #cardapio .cat_cardapio ul{display:inline-block;margin-bottom:30px;}
        #cardapio .cat_cardapio ul li, #cardapio .cat_cardapio ul li:last-child{text-align:center;border:1px solid #c3c5ca;width:100%;margin:10px;}
        #cardapio .cat_cardapio ul li, .cat_cardapio ul li:last-child{margin:10px 0px !important;}
        #cardapio .cardapio{width:100%;}
        #cardapio .cardapio .titu_cardapio img{width: 800px;margin: 0 auto;position: absolute;left: 50%;top: 0;margin-left: -400px;}
        #cardapio .cardapio .titu_cardapio{width: 100%;overflow: hidden;position: relative;height: 80px;}
        #historia .right, #historia .left{width:100%;padding:0px;}
        #historia .left .img_historia{float:none;}
        #historia img{margin:0px;}
        #rodape .voltar_topo{position:relative;display:inline-block;bottom:0;right:0;}
        #cardapio .titu{display:inline-block}
        #cardapio .mob.titu{display:block;text-align:center;}        
        #historia .titu{text-align:center;width:100%;}
        #newsletter .titu_news{font-size:15px;}
        .titu{font-size:18px;}
        #menu .menu li a:hover, #menu .menu li.ativo a{color:#fff}
        #mask3 .all_center #map{pointer-events:none;}
        #mask3 .fechar_mapa{margin-top:54px;margin-bottom:20px;}
        #unidades_home .unidades_home .box_unidade nav a{font-size:13px;}
        #cardapio .cardapio{padding:0px;}
        #cardapio .cardapio ul li .left{width:65%;}        
        #cardapio .cardapio ul li .right{width:30%;}
        .all_center{padding:0px 10px;}
        body{-webkit-text-size-adjust: none;}
        #banner .banner:hover .txt_banner{opacity:1;}
        #VIT_DESCRICAO, .exibeMobile{display:inline-block;}
        .ocultaMobile,#menu .redes, #menu .abre_delivery{display:none;}
#cardapio, #contato, #historia{padding-top:30px;}
        #mask2 .all_center .reserva_modal iframe {}
        #mask2 .all_center .reserva_modal{height:80%;overflow: scroll !important;-webkit-overflow-scrolling: touch !important;position:relative;}
        .fancybox-iframe,#mask2 .all_center .reserva_modal{overflow: scroll !important;-webkit-overflow-scrolling: touch !important;}
		#mask2 .all_center{position:relative;width:90%;height:100%;}
		#mask2{position:absolute;}
        body.ativoM,html.ativoM{height:100%;overflow: hidden;}
        #rodape .top .left .abre_delivery img {display:block}
	}
	/* CSS Document */

    @media only screen and (max-width:1024px) {
        .popup-hh-mascara{
            display:none;
        }
    }

    @media only screen and (max-height:459px) {
        html body #Pop {
            height:100% !important;
            margin-top:-28% !important;
            overflow-y:scroll !important;
            -webkit-overflow-scrolling:touch !important;
        }

        html body #mask2 .reserva_modal {
            overflow-y:scroll;
            height:100%;
             -webkit-overflow-scrolling:touch !important;
        }

        html body #mask2 .reserva_modal iframe {
            /**margin-top:-27% !important;*/
        }
        
    }
    @media (max-width:450px) {
        #mask5 article > div:not(.controles) {width:95%!important}
    }

#menu .menu li.onlyMobile,
#rodape .voltar_topo span {display:none}
@media (max-width:450px) {
    #menu .menu li.onlyMobile {display:inline-block}
    #rodape .voltar_topo {color:#004d94;font-size:12px}
    #rodape .voltar_topo img {display:block;margin: 0 auto}
    #rodape .voltar_topo span {display:inline}
    #rodape .top .left .abre_delivery{border:#004d94 2px solid;padding:5px}
}

@media only screen and (max-width: 479px){
#cardapio .cardapio [id='294'] img {
	width: 100% !important;
    	margin: auto;
    	position: relative;
    	left: 0px;
    	top: 0px;
    	margin-left: 0px;
	}
}