@charset "utf-8";
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}body{line-height:normal;color:#000}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}textarea{font-family:Arial,Helvetica,sans-serif;font-size:12px}address{font-style:normal}a,input,p,ul{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000}

*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
 
.centro{ max-width: 1050px; width:100%; margin:0 auto; position: relative;}
.centro2{ max-width: 1050px; width:100%; margin:0 auto; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

@font-face {font-family: 'dinregular';
    src: url('fonts/din-light-webfont.eot');
    src: url('fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light-webfont.woff') format('woff'),
         url('fonts/din-light-webfont.ttf') format('truetype'),
         url('fonts/din-light-webfont.svg#dinregular') format('svg');
font-weight: normal; font-style: normal;}

@font-face {font-family: 'dinprobold';
    src: url('fonts/dinpro-bold-webfont.eot');
    src: url('fonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinpro-bold-webfont.woff') format('woff'),
         url('fonts/dinpro-bold-webfont.ttf') format('truetype'),
         url('fonts/dinpro-bold-webfont.svg#dinprobold') format('svg');
    font-weight: normal;  font-style: normal;}
body{background:url(../img/bg/bg.jpg) repeat top left;}
#header{height:110px; background:#000; position:relative; border-bottom:10px solid #ad2a2a }

.logo{ margin-top:10px; float:left}

#header form{float: right; width: 240px; margin-top: 15px;}
#header form span{color: #fff; font-family: 'dinregular'; font-size: 12px; margin-bottom: 5px; display: block;}
#header form input {padding:3px; float: left; border: none; border-radius:5px; }
#header form input[type=email] {width: 206px; height: 15px; margin-right: 5px; }
#header form input[type=submit]{  width: 21px; height: 21px; background-color: #ad2a2a; color: #fff;}
 
#social{ float:right; width:75px; margin-top:10px; margin-right: 5px; margin-left:25px;}
#social li{ float:left; margin-right:3px; margin-top:10px}
#social li a{width:33px; height:32px; float:left; opacity: 0.50; -moz-opacity: 0.50; -webkit-opacity: 0.50; -o-opacity: 0.50; filter: alpha(opacity=50); border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%;}
#social li a:hover{ transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; opacity: 1;}
.face { background:url(../img/icone/facebook.jpg) no-repeat left top; }
.twitter { background: url(../img/icone/twitter.jpg) no-repeat left top;}
.instagram { background: url(../img/icone/instagram.jpg) no-repeat left top;} 
.usa{ background: url(../img/icone/usa.png) no-repeat left top; color:#fff; opacity: 1 !important; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; filter: alpha(opacity=1); width:70px !important; line-height:40px; padding-left:55px; height:35px !important;
border-radius:0px !important;; -webkit-border-radius:0px!important;; -o-border-radius:0px; -moz-border-radius:0px;}

.top10 {width: 65px; margin: 8px 0 0 30px; border-radius: 100px;}


/********************** Inicio Menu *******************************/
	
#menu{ height:36px; width:87%; float: left; top:73px; right:0; position:absolute; z-index:99;}
#menu ul{float:right}
#menu ul li{ float:left; height:36px;}
#menu ul li a{ font-size:12px; display: block; height:36px; padding: 0px 10px; font-family: 'dinprobold'; line-height:36px; color:#DFD7D5; text-transform: uppercase; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s;  background: url(../img/icone/menu.jpg) 0 36px repeat-x;} 
#menu ul li a:hover{ color:#f1e8e5; background:  url(../img/icone/menu.jpg) 0px 0 repeat-x; } 
.sep{background:url(../img/icone/separador.png) no-repeat top center; width:1px; height:21px; margin-top:8px;}
/********************** Inicio titulos *******************************/ 
.tit{ font-size:20px; text-transform:uppercase; padding-bottom:5px; border-bottom:2px solid #ad2a2a; margin:10px 0; color:#fff}

/********************** Inicio Conteiner *******************************/
.conteiner {  padding-top:20px;}
.conteiner p {line-height: 18px;} 

.placa{
  background:url(../img/bg/placa.png) no-repeat center -18px; 
  width:100%; 
  float:left; 
  height:174px; 
  margin:0px 0 10px 0; 
  padding-top:75px; 
  color:#fff; text-align:center; 
} 

.placa p {
  color: #fff;
  font-size: 18px;
  padding: 75px 80px 0;
  line-height: 22px;
}


.placa img{ margin-top:55px;}

.mg{ margin:0 19px;}
.boxe-home{ float:left; width:307px; margin-bottom:20px;}
.boxe-home h3{ color:#fff; font-size:16px; background:#8e2323; padding:10px; float:left; text-transform:uppercase; font-family: 'dinregular';
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.boxe-home img{border-bottom:2px solid #8e2323; margin-bottom:-4px;}
.boxe-home p{ font-size:12px; background:#f7dab0; padding:7px 10px; line-height:16px;  float:left; min-height:71px; 
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }


.painel.slick-slider {margin-bottom: 0;}
 .painel img {display: block; width: 100%;}
.painel .celular {display: none;}
 
/* Videos */
.box-vd {width: 169px; text-align: center;     display: inline-block;
    vertical-align: top; margin: 0 10px 30px; color: #fff;}
.thumb-vd {height: 120px; width: 160px; position: relative; border: 3px solid #000; margin: 0 0 10px 0;}
.play-vd {position: absolute; z-index: 100; left: 60px; top: 35px;}
.thumb-vd a {display: block; height: 120px; width: 160px; position: absolute; z-index: 50; left: 0; top: 0;}

.tn-v {width: 160px;}
  
/*---------------------- Formulários --------------------*/
#form {width: 515px; float: left; padding: 0px 0 0 0;}
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; font-family: Arial, sans-serif; }
#form input,#form textarea{font-size:14px; background: #fff; border: 1px solid #DFC59E; height: 22px; font-size:14px}
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 16px; color:#fff; text-transform:uppercase; font-family: Arial, sans-serif;  }
#form input[type=text],#form input[type=file],#form textarea { padding: 5px; width: 505px; }
#form input[type=email], #form input[type=tel] {width: 230px;  padding: 5px;}
#form textarea{  height:90px;  }
#form input[type=submit]{ cursor:pointer; background:#ad2a2a; color:#fff; border:none; font-family:Arial, sans-serif; 
width: 78px; font-size:16px; height:52px; float:left; text-transform:uppercase}
#form input[type=submit]:hover{background:#855B3E;}

/*Footer Rodapé*/
#footer{ background:#000; height:55px; color:#FFF; padding:15px 0; margin-top:15px;}
#footer address{ float:left; margin-top:10px; font-family: Arial, sans-serif; font-size:12px;}

.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px;}
.autor{ float:right;margin: 37px 0 0 0; font-size:12px; width:173px;}

/********************** Inicio Interna *******************************/
.main{position:relative; margin-top:0px; width: 100%; float: left; padding:40px 0; margin-bottom:-30px;}
.bg, .bg-cad, .bg-loc, .bg-cont, .bg-amb, .bg-eve, .bg-mid{background:url(../img/bg/1.jpg) no-repeat center top ; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1}
.main .centro{ padding:20px; background-color: rgba(0, 0, 0, 0.77); }

.menu-amb{float:left; width:265px;}
.menu-amb li{ padding:5px 0; color:#fefefe; font-size:14px;}
.galeria-amb{float:right; width:620px; height:360px;}
.galeria-amb ul li{float:left; margin:5px;}
.galeria-amb ul li img{border:1px solid #202125}
.galeria-amb ul li img:hover{border:1px solid #F00}
.galeria-amb .scroll-pane{ overflow:auto; max-height: 360px; min-height: 360px; padding-right:0px; }
.cardapio{float:left; padding:20px; background-color: rgba(0, 0, 0, 0.77) !important; width:575px; min-height:495px; color:#fff}

.cardapio li, .cardapio p{color:#fff}
.cardapio p span{font-size:18px; }
.cardapio li{font-size:14px;}
.cardapio figure{float:left; width:169px; height:135px; margin:0 20px 20px 0 ;}
.cardapio figcaption{background:#ad2a2a; color:#fff; float:left; margin-top:-5px; font-size:14px; width:159px; padding:8px 5px;}

.mapa{padding:5px;  float:left}
#map_canvas { float:left;width:587px; height:349px;  }
.col-l{ width:250px; float:right; margin-right:10px;}
.col-l address{ color:#fff; font-size:14px; margin-top:15px; line-height:18px;}

.restaurante{float:left; padding:20px 40px 20px 20px; background-color:rgba(0, 0, 0, 0.77); width:535px; color:#fff; height:515px; overflow:hidden}
.restaurante p,
.restaurante a {font-size:16px; margin-bottom:25px; line-height:18px; color:#fff}

.restaurante address{font-size:12px;}
.restaurante address a{color:#fff}
 
#wrap{position:absolute; z-index:-1; top:0; left:0; max-height:620px; height:100%; min-width:100%; width:100%; 
	overflow:hidden !important; background:url(../img/bg/ambiente/2.jpg)  no-repeat center ; background-size: cover;}
/*#wrap img.bgfade{position:absolute; top:0; display:none; width:100%; height:100%; z-index:-1}*/
@-webkit-keyframes wrapFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes wrapFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes wrapFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes wrapFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

 
#wrap img {
  position:absolute;
  left:0;
}

#wrap img {
  -webkit-animation-name: wrapFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 15s;

  -moz-animation-name: wrapFadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 15s;

  -o-animation-name: wrapFadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 15s;

  animation-name: wrapFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 15s;
}
#wrap img:nth-of-type(1) {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -o-animation-delay: 15s;
  animation-delay: 15s;
}
#wrap img:nth-of-type(2) {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
#wrap img:nth-of-type(3) {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
/*#wrap img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}*/

.list li {border-bottom: 1px dotted #333; padding: 10px 0;}
.list li a {color: #fff;}
 
.lista li{color:#fff; font-size:16px;  margin-bottom:20px; line-height: 18px; padding-left:15px; background:url(../img/icone/lista.png) no-repeat 0px 7px;}
/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 0px 0 0 0; clear:both;	padding: 5px; width:100%; height:20px;text-align:center; vertical-align:middle;	float:left;}
#paginacao a{color:#333; text-decoration: none;	border:1px solid #1a5764; line-height:20px;	padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao a.anterior{margin-left:0;}
#paginacao p {padding: 0;}
#paginacao strong{background:#1a5764;border:1px solid #1a5764;line-height:0;padding:3px 6px;margin-left:3px;color:#fff;}
/* FIM PAGINAÇÕES */

img {max-width: 100%;}
.barratopo{display:none} 
.pull {display: none; background: url(../img/icone/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; }
@media only screen and (max-width: 1050px) {
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb {background: url(../img/icone/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;}  
	.off-canvas {left: 0 !important;}
	#menu {background:rgba(0,0,0, 0.8); position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float:left; margin-top:50px;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #333;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.3em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	.sep{display:none !important;} 
.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:99998; background: #000;}	
.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}	
.s1{position:absolute; top:-62px; left:145px; z-index:99999;}
.s2{position:absolute; top:-45px; left:-20px; z-index:99999;}
#header{padding:15px; margin-top:35px;}
.top10{float:right; width: 100px;}
.conteiner{padding:15px;}
.restaurante, .cardapio{ width:93%; display:block; height:auto; float:none; margin:0 auto; padding:15px 10px; min-height:350px;}
.default{padding:0px !important;}

.main .centro{padding:5%; width:84%; margin: 0 3%;}
.main .centro2{padding:0 3%; width:94%; }
.restaurante, .cardapio{
  padding: 5%; width:90%;
}
.menu-amb{width:34%;}
.galeria-amb{width:65%;}
#map_canvas{width:100%;}
.mapa{width:98%}
.col-l{float:left; width:90%; margin-left:10px;}
#footer{padding:15px; height:auto}
.main{padding: 18px 0 5px 0; margin-bottom: 0px;}
#pop{height:1px; width:1px;}
#pop, .placa img, #wrap, .bx-wrapper .bx-pager{display:none }
.placa{padding:15px; width:90%; background:#5a2d19; float:none; clear:both; height:auto; display:block; margin: 33px auto 0 auto;}
.placa p{text-indent:0; color:#fff; font-size:14px; padding: 20px;}
.jspVerticalBar{right: 25px !important;}

.slick-dots{ bottom: -25px !important; }


.scroll-pane{
  max-height: 100% !important;
  height: auto;
  overflow: initial;
}
  .galeria-amb, .jspContainer{
    height: auto;
  }

}

@media only screen and (max-width: 790px) {
  .galeria-amb ul li{
    width: 31%;
    margin: 1%;
    text-align: center;
  }

  .galeria-amb {
    margin-bottom: 0;
  }

  .cardapio figure{
    width: 28%;
    display: inline-block;
    vertical-align: top;
    height: auto;
    float: none;
  }

  .cardapio figcaption{
    width: auto;
    display: block;
    float: none;
  }
}

@media only screen and (max-width: 660px) {
  .menu-amb{width:100%; margin-bottom:20px;}
  .galeria-amb{width:100%;}	
  	
  #form{width:97%}
  #form textarea, #form label,#form input[type=email],#form input[type=file], #form input[type=tel], #form input[type=text]{width:100% !important; } 
  #form input[type=submit]{width:100px !important; }

  .newsletter {display: none;}	
  #header {height: auto;}

}

	@media only screen and (max-width: 560px) {
#header{height: auto;}
#header form{clear: both; float: left; margin-top: 30px;}

.painel .desktop {display: none;}
.painel .celular {display: block;}
.cardapio figure{width: 48%; margin: 0 1% 20px 0;}
/*.cardapio figure:nth-of-type(2n+0){float: right;}*/
  .cardapio figure img{
    width: 100%;
  }

  .cadpeixes figcaption{ font-size: 14px !important; min-height: 35px; }
}
@media only screen and (max-width: 500px) {	
.box-vd{ width:48%; margin:1% 1% 25px 1%; text-align:center;}
.thumb-vd{margin:0 auto 5px auto;} 

  .galeria-amb, .jspContainer{
    height: auto;
  }
}
@media only screen and (max-width: 450px) {	
.box-vd{ width:100%; margin:0 0 25px 0; } 

  .galeria-amb, .jspContainer{
    height: auto;
  }
  .galeria-amb ul li{
    width: 48%;
  }  
}

 #privacy-policy {
    width: 85%;
    max-width: 808px;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 10%);
    box-shadow: 0 0 7px rgb(0 0 0 / 10%);
    background-color: #000 !important;
    position: fixed;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 1999;
    padding: 20px 20px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: fadeIn 1.3s 5s forwards;
    -moz-animation: fadeIn 1.3s 5s forwards;
    animation: fadeIn 1.3s 5s forwards;
    font-size: 13px;
    color: #fff;
}

#privacy-policy p {
    color: #fff;
}
#privacy-policy h5 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
}

#privacy-policy article {
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: calc(100% - 130px);
}

#privacy-policy button {
    width: 112px;
    height: 44px;
    border-radius: 5px;
    background-color: #d4262b;
    color: #fff;
    border: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

#privacy-policy a {
  color: #fff;
  text-decoration: underline;
}

@media  (max-width: 767px) {
    #privacy-policy {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #privacy-policy article {
        width: 100%;
    }

    #privacy-policy button {
        width: 100%;
        margin-top: 10px;
    }
}
.wa img { max-width: 40px; margin-top: 4px; vertical-align: middle;}
.wa {color: #fff; display: block;}
.wa:hover {background: #41a79d;}

.wa {position: fixed; right: 40px; width: 50px; height: 50px; bottom: 30px; padding: 5px; vertical-align: middle; text-align: center;
    border-radius: 50%; background: #0ba360; z-index: 1000; z-index: 2000;}
.wa::after,
.wa::before{content: ''; position: absolute; opacity: 0; border: 4px solid #0ba360; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.wa::after{animation-delay: .5s;}
@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}