/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('brandon_bld-webfont.woff2') format('woff2'),
         url('brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquebold_italic';
    src: url('brandon_bld_it-webfont.woff2') format('woff2'),
         url('brandon_bld_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('brandon_blk-webfont.woff2') format('woff2'),
         url('brandon_blk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueblack_italic';
    src: url('brandon_blk_it-webfont.woff2') format('woff2'),
         url('brandon_blk_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('brandon_light-webfont.woff2') format('woff2'),
         url('brandon_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquelight_italic';
    src: url('brandon_light_it-webfont.woff2') format('woff2'),
         url('brandon_light_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('brandon_med-webfont.woff2') format('woff2'),
         url('brandon_med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueMdIt';
    src: url('brandon_med_it-webfont.woff2') format('woff2'),
         url('brandon_med_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('brandon_reg-webfont.woff2') format('woff2'),
         url('brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueRgIt';
    src: url('brandon_reg_it-webfont.woff2') format('woff2'),
         url('brandon_reg_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquethin';
    src: url('brandon_thin-webfont.woff2') format('woff2'),
         url('brandon_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquethin_italic';
    src: url('brandon_thin_it-webfont.woff2') format('woff2'),
         url('brandon_thin_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit; font-family: brandon_grotesquemedium,sans-serif; font-weight: 400; font-size:14px; color:#231f20;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

body { background-color:#fff;  }
* { font-family: brandon_grotesquemedium, sans-serif;font-weight:400; font-size:14px; color:#231f20; z-index:1; }
a, img {  text-decoration:none;border:none;font-family:brandon_grotesquemedium,sans-serif;font-weight: 400;font-size:14px; color:#231f20; }
strong { font-weight:bold;font-weight: 700; }
a:hover { text-decoration:none; }
hr { clear:both;color:#FFF;background-color:#FFF; }
form { padding:0; margin:0; }
.limpar { clear:both; }

.content-container { width: 100%; height: 450px; text-align: center; } 

#topo { width: 100%; min-width: 520px; height: 150px; position: fixed; top: 0px; left: 0px; background-color: #FFFFFF;z-index: 1000; }
.topo { position: relative; width:100%; max-width: 900px; height: 100px; margin: 0px auto; }
h1.logo { position: absolute; top:10px; left: 50%; transform: translate(-50%, 0); padding: 0; margin: 0; z-index: 1000;  }
h1.logo a { background-image:url(../img/logo.png); background-position: center center; background-repeat: no-repeat; width: 194px; height: 126px; text-indent: -5000em; display: block;z-index: 1000; }

a.menu_clique { position: absolute; right:10px; top: 10px; background-image: url(../img/menu.png); width: 62px; height: 62px; background-repeat: no-repeat; display: none; }

ul.menu { padding: 85px 0 0 0; max-width: 900px; margin: 0px auto;  }
ul.menu li { float: left; width: 11.3%; text-align: center; padding: 0 5px; height: 40px; }
ul.menu li.separador { min-width: 220px; padding: 0px; }
ul.menu li a { color: #c6b6a8; font-family: brandon_grotesquebold; text-transform: uppercase; font-size:12px; }
ul.menu li a:hover, ul.menu li a.selecionado { color: #7e5431; font-family: brandon_grotesquebold; font-size:12px; }

ul.redes_sociais { position: absolute; top:14px; right: 15px;  }
ul.redes_sociais li { float: left; padding: 0 5px 0 0; }
ul.redes_sociais li a { text-indent: -5000em; display: block; width:19px; height: 19px; background-size: contain; }
a.facebook { background-image: url(../img/icone-facebook2.png);  }
a.twitter { background-image: url(../img/icone-twitter2.png);  }

#espaco_topo { width: 100%; min-width: 520px; height: 150px;  }

#banner { width: 100%; min-width: 320px; min-height: 454px; height: auto; overflow: hidden; position: relative; z-index: 10; }
.cycle-slideshow { width: 100%; min-width: 320px; min-height: 454px; height: auto;z-index: 10;}
.banner-item { width: 100%; min-width: 320px; min-height:  454px; height: auto; background-position: center top; background-repeat: no-repeat; background-size: cover;z-index: 10; }
.pager { position: absolute; bottom: 10px;left: 50%; transform: translate(-50%, 0); z-index: 11; }
.pager a { font-size:30px; }
.pager a.cycle-pager-active { color: #FFFFFF; }

#historia { clear: both; width: 100%; min-width: 320px; padding: 80px 0; background-image: url(../img/fundo_historia.png); background-position: left top; position: relative; z-index: 10; }
.historia { width: 90%; margin:0px auto; position: relative; }
.moldura { width: 45px; height: 45px; position: absolute; }
.moldura_topo_esquerda { background-image: url(../img/topo_esquerdo.png); top: 0px; left: 0px; }
.moldura_topo_direita  { background-image: url(../img/topo_direita.png); top: 0px; right: 0px; }
.moldura_baixo_esquerda { background-image: url(../img/baixo_esquerdo.png); bottom: 0px; left: 0px; }
.moldura_baixo_direita { background-image: url(../img/baixo_direita.png); bottom: 0px; right: 0px; }

.moldura_c_topo_esquerda { top: 5%; z-index: 11; background-image: url(../img/topo_esquerdo2.png); }
.moldura_c_topo_direita  { top: 5%; z-index: 11; background-image: url(../img/topo_direta2.png); }
.moldura_c_baixo_esquerda { bottom: 5%; z-index: 11; background-image: url(../img/baixo_esquerdo2.png); }
.moldura_c_baixo_direita { bottom: 5%; z-index: 11; background-image: url(../img/baixo_direita2.png); }

.borda { position: absolute; background-image: url(../img/borda.png); background-repeat: repeat-x; height: 2px; width: 100%; left: 0px; }
.borda_topo { top: 0px; }
.borda_baixo { bottom: 0px; }

.borda_c_topo { top: 5%; z-index: 11; }
.borda_c_baixo { bottom: 5%; z-index: 11; }

.borda2 { position: absolute; background-image: url(../img/borda.png); background-repeat: repeat-y; height: 100%; width: 2px; top:0px; }

.borda2_c { height: 90%; top:5%; z-index: 11; }

.borda_esquerda { left: 0px; }
.borda_direita { right: 0px; }

.marcador { position: absolute; background-image: url(../img/fundo_historia2.png); width: 116px; height: 116px; left: 50%; transform: translate(-50%, 0); bottom: -58px; }
.marcador-localizacao { top:148px; background-image: url(../img/fundo_localizacao.png);  }

.quadro { padding: 55px 45px 45px 45px; text-align: justify; }
.quadro h2 { font-size:45px; color: #7e5431; font-family: brandon_grotesqueblack; text-transform: uppercase; text-align: center; padding: 0 0 35px 0; margin: 0 0 35px 0; background-image: url(../img/imagem_titulo.png); background-position: center bottom; background-repeat: no-repeat; }
.quadro p { color: #7e5431; font-size: 20px; line-height: 28px; padding: 0 0 20px 0; }
.quadro p strong { color: #7e5431; font-size: 20px; }

.parallax { height: 545px; width:100%; min-width: 320px; clear: both; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} 

.parallax2 { height: 545px; width:100%; min-width: 320px; clear: both; background-position: center; background-repeat: no-repeat; background-size: cover;} 

#cardapio { clear: both; width: 100%; min-width: 320px; padding: 0; /*background-image: url(../img/fundo_historia.png);*/ background-position: left top; position: relative; z-index: 10; }

#localizacao { clear: both; width: 100%; min-width: 320px; padding: 0; position: relative; z-index: 10; background-color: #FFFFFF; }

#cardapio_item {  width:100%; min-width: 320px; clear: both; z-index: 10; }
.cardapio_item { z-index: 10; }

.cardapio_img { width:50%; height: 850px; position: relative; z-index: 10; }
.posicao_img_1 { float: left; }
.posicao_img_2 { float: right; }
.marcador_img { position: absolute; top: 77px; width: 60px; height: 121px; background-position: center center; background-repeat: no-repeat; z-index: 12; }
.posicao_img_1 .marcador_img { right:0; background-image: url(../img/marcador_img_direita.png); }
.posicao_img_2 .marcador_img { left: 0; background-image: url(../img/marcador_img_esquerda.png); }
.cardapio_img_item { display: none; background-position: center center; background-repeat: no-repeat; background-size: cover;  width: 100%; height: 100%; }
.cardapio_texto {  width:50%; /*height: 850px; */ overflow: hidden; }
.cardapio_txt  { width:90%; height: 100%; display: table; text-align: center; margin: 0px auto; padding:0 0; position: relative; z-index: 11; }
.cardapio_txt_conteudo { display: table-cell; vertical-align: middle; width:100%; height: 100%; z-index: 13; padding: 50px 0;}
.posicao_txt_1 { float: right; }
.posicao_txt_2 { float: left; }

.cardapio_txt_conteudo h3 { background-image: url(../img/fundo_cardapio.png); background-position: center center; background-repeat: no-repeat; text-align: center; font-size:35px; font-family: brandon_grotesqueblack; color: #7e5431; padding: 35px 0; text-transform: uppercase; }
.cardapio_txt_conteudo a {color: #7e5431;font-size:18px; font-family: brandon_grotesqueblack; text-transform: uppercase; line-height: 25px;  }
.cardapio_txt_conteudo a.selecionado { color: #d0b628 }
.cardapio_txt_conteudo p { color: #7e5431;font-size:12px; font-family: brandon_grotesquebold; text-transform: uppercase; line-height: 18px; padding: 0 10px;  }

#fundo { position:fixed; width:100%; height:100%; min-width:320px; min-height:400px; top:0px; left:0px; z-index:1001; background-color:#000; opacity: 0.5;filter: alpha(opacity=50); display:none; }
#imagemlista {position:fixed; width:100%; min-width:320px; min-height:400px; top:50%; left:50%; transform: translate(-50%, -50%);z-index: 1002; display:none; }
.cardapio_img_responsivo2 { width:90%; background-position: center center; background-repeat: no-repeat; display: none; margin: 0px auto; background-size: contain; position: relative; }
.responsivo_titulo { position: absolute; bottom: 10px; left:50%; transform: translate(-50%, 0); margin:0px auto; width:90%; padding: 10px; text-align: center; background-color:#775538; color: #FFFFFF; text-transform: uppercase; }
.fechar_btn { display: block; background-image: url(../img/fechar.png); width: 56px; height: 56px; background-repeat: no-repeat; background-position: center center; position: absolute; right: -23px; top:-23px;}

#consulte { clear: both; width: 100%; min-width: 320px; padding: 0 0 50px 0; background-position: left top; position: relative; z-index: 10; }
#consulte h4 { color:#7e5431; font-size: 35px; text-align: center; text-transform: uppercase; padding:60px 30px 30px 30px; font-family: brandon_grotesqueblack;  }
#consulte p { color: #7e5431; font-size: 20px; line-height: 28px; padding: 0 0 20px 0; }
#consulte p strong { color: #7e5431; font-size: 20px; }

#cafe { clear: both; width: 100%; min-width: 320px; padding: 0; background-position: left top; position: relative; z-index: 10; }
.cafe { width: 100%; margin:0px auto; position: relative; background-color: #f3f1eb; padding: 40px 0 0 0; }
.marcador-cafe { top:191px; background-image: url(../img/fundo_cafe.png); background-position: center top; background-repeat: no-repeat;  }
.cafe-texto { width: 100%; margin:0px auto; position: relative; background-color: #FFFFFF; padding: 40px 0; }
.cafe-texto p, .cafe-texto p em {color: #7e5431; font-size: 35px; text-transform: uppercase; font-family: brandon_grotesquemedium; line-height: 45px;  }
.cafe-texto p { padding: 0 0 30px 0; }
.cafe-texto p em { padding: 30px 0;}
.cafe-texto p strong { color: #7e5431; font-size: 35px; text-transform: uppercase; }

#outros { clear: both; width: 100%; min-width: 320px; padding: 0; background-position: left top; position: relative; z-index: 10; }
.outros_limite {float: left; width: 50%; min-width: 320px; }
.outros_texto {padding:50px 10%; }
.outros_texto p {color: #7e5431; font-size: 20px; font-family: brandon_grotesquemedium; line-height: 24px;  }
.outros_texto p { padding: 0 0 30px 0; }
.outros_texto p em { font-size: 12px; padding: 30px 0;color: #7e5431;font-family: brandon_grotesquemedium;}
.outros_texto p strong { color: #7e5431; font-size: 35px;  line-height: 44px; }
.outros_texto p a {color: #7e5431; font-size: 20px; text-transform:none; font-family: brandon_grotesquemedium;}


#encomendas { clear: both; width: 100%; min-width: 320px; padding: 0; background-position: left top; position: relative; z-index: 10; }
.encomendas { width: 100%; margin:0px auto; position: relative; background-color: #f3f1eb; padding: 40px 0 0 0; }
.marcador-encomendas { top:191px; background-image: url(../img/fundo_cafe.png); background-position: center top; background-repeat: no-repeat;  }
.encomendas-limite { width: 100%; margin:0px auto; position: relative; padding: 40px 0; background-color: #f3f1eb; }
.encomendas-texto { max-width: 1158px; width: 95%; margin:0px auto; position: relative; }
.encomendas-texto div { width:50%; float: left; min-width: 320px; padding: 0 0 30px 0;}
.encomendas-texto p, .encomendas-texto p em, .encomendas-texto p a {color: #7e5431; font-size: 20px; font-family: brandon_grotesquemedium; line-height: 25px;  }
.encomendas-texto p { padding: 0 0 20px 0; }
.encomendas-texto p em { font-size: 12px; }
.encomendas-texto p strong { color: #7e5431; font-size: 35px; }
.encomendas-texto p a { text-transform: none; }

#fale { clear: both; width: 100%; min-width: 320px; padding: 80px 0 0 0; background-image: url(../img/fundo_fale.png); background-position: left top; position: relative; z-index: 10; }

.quadro2 {margin:0px auto; max-width: 1158px;}
.quadro2 h2 { background-image: url(../img/imagem_titulo2.png); color: #FFFFFF; }
.quadro2 p, .quadro2 p a, .quadro2 th a { color: #c6b6a8; font-size: 14px; line-height: 16px; padding: 0 0 10px 0; }
.quadro2 p em { color: #c6b6a8; font-size: 10px; }
.quadro2 p strong { color: #c6b6a8; font-size: 20px; }

.fale_quadro1 { width:50%; float: left; }
.fale_quadro2 { width:50%; float: right; }
#form1 { padding:0 20px;  }

.rodape { max-width:1158px; width: 100%; margin: 0px auto; padding: 50px 0 20px 0; clear: both; text-align: center; font-size:12px; color: #c6b6a8; }
.rodape-barra { background-color:#43403d; width: 100%; min-width: 320px; height: 1px; margin: 0 0 50px 0; }

.contato-box1 { float: left; width:50%; padding: 0 0 25px 0; }
.contato-box1 input { width:80%; font-size:14px; color: #b7a89b; border: 2px solid #70655d; border-radius: 4px; background: transparent; padding: 5px 10px; }
.contato-box2 { width: 100%; clear: both; }
.contato-box2 textarea  { width:90%; font-size:14px; color: #b7a89b; border: 2px solid #70655d; border-radius: 4px; background: transparent; padding: 5px 10px; height: 100px; }
.contato-btn { border: 2px solid #70655d; border-radius: 4px; background: transparent; float: right; color: #b7a89b; margin: 5px 10px 0 0; padding: 5px 10px; } 

@media only screen and (max-width : 915px) {
	#topo { min-width: 320px; /*height: 150px; */ }
	#espaco_topo { min-width: 320px; /*height: 90px;*/ }
	.topo { min-width: 320px; /*height: 90px;*/ }
	ul.redes_sociais { display: none;  }
	ul.menu { position: absolute; width: 100%; max-width: 915px; top:150px; padding: 0; display: none; }
	ul.menu li { float:none; width: 100%; text-align: center; padding: 5px; height:auto; border-bottom:1px solid #775538; background-color: #FFFFFF; }
	ul.menu li:first-child { border-top:1px solid #775538; }
	ul.menu li.separador { width: 0px; height: 0px; padding: 0px; border: none; }
	/*h1.logo a { width: 148px; height: 124px; background-size: contain;  }*/
	a.menu_clique { display: block; cursor: pointer; } 
	
	.parallax2 { height: 350px;min-width: inherit; }
	
	.marcador_img { display: none; }
	.cardapio_img { width:100%; }
	.cardapio_texto { width:100%; }
	.cardapio_txt_conteudo h3 { background-image: url(../img/fundo_cardapio2.png); background-position: center center; padding: 35px 0; font-size:30px; margin: 20px 0 0 0 ; }
	.cardapio_txt_conteudo p { padding: 0 10px 10px 10px; }
	
	#consulte h4 { text-align: left; }

	.outros_texto { padding: 10px 5%; }
	
	.fale_quadro1 { float: none; width: 100%; clear: both; padding: 30px 0 0 0;}
	.fale_quadro2 { float: none; width: 100%;  }

}