/**GERAIS INÍCIO**/
h1{font-family: roboto slab,serif; font-size:50px;}
h2{font-family: roboto slab,serif;}
h3{font-family: roboto slab,serif; font-size: 20.8px;}
p{font-family: roboto slab,serif; font-size: 14.4px; line-height: 25px;}
body{padding: 0px; color: #233D50 !important;}
h1:after{display: none;}
.box h1:after{display:none !important;}

/**GERAIS INÍCIO**/ 
/**BARRA DE NAVEGAÇÃO INÍCIO**/

/**MENU INÍCIO**/
.navbar.navbar-fixed-top.navtopo {background: none; box-shadow: none;}
.navbar-nav.menus > li > a {
    font-family: roboto slab,serif;
    font-size:14.4px;
    padding: 0px 20px 0px 0px;
    color: #fff;
    text-shadow: none;
}
.bg-conteudo.bg-reservas .main{
    
    padding: 40px 0;
}
.b-instagram{padding:0 !important;}
.bg-conteudo.bg-reservas  .titulospaginas::before{background: #233d4f;opacity: 1;}
.bg-conteudo.bg-reservas .titulospaginas{    margin: 0;}
.bg-conteudo.bg-reservas iframe{border:0;}
.navbar-nav.menus {margin: 60px 0px 0px 0px;}
.bg-conteudo.bg-reservas .titulospaginas .container{padding-bottom: 0;}
.nav>li>a:focus, .nav>li>a:hover{
    color:#ccc !important;
    background: none;
}
.small-height .navbar-nav.menus {
    margin: 30px 30px 0px 0px;
}
.bg-conteudo.bg-cardapio .textspage h2{    font-weight: 700;    color: #233d50;margin-bottom:0;padding-bottom: 0;}
.bg-conteudo.bg-cardapio .textspage h3{margin-top: 0;padding-top: 0;}
.bg-conteudo.bg-cardapio .titulospaginas{    background: #233d4f !important;}
.b-ancora2{padding-bottom: 0 !important;}
.box.box-mapa{    background: #233d4f;}
.box.box-mapa .contact-box .icon {background-color: #233d4f;}
.bg-conteudo.bg-cardapio .titulospaginas::before{display: none;}
.navbar-brand {
    height: 120px;
    padding: 0px !important;
    width: auto;
    margin: 10px 0px 0px 80px;
}
.navtopo.small-height .navbar-collapse.collapse {background-color: #233d50;}
.navtopo.small-height .nav.navbar-nav.menus.navbar-center{padding: 20px 0px 0px 0px; margin: 0 auto;}
.navtopo.small-height .navbar-brand{
    height: 48px;
    padding: 0 !important;
    margin: 19px 0px 16px 15px;
}
.nav.navbar-nav.menus.navbar-right.teltopo {display: none;}

.menu-cardapio a{
    border-radius: 100px;
    padding: 10px 20px 10px 20px !important;
    background-color: #fff;
    color: #7c7c7c !important;
    margin: -10px 30px 0px 0px;
}

.menu-reservas a{
    border-radius: 100px;
    padding: 10px 20px 10px 20px !important;
    background-color: #fff;
    color: #7c7c7c !important;
    margin: -10px;
}

/**MENU FINAL**/
/**BARRA DE NAVEGAÇÃO FINAL**/

/**HOME INÍCIO**/
/**BANNER INÍCIO**/
.box.b-topo {
    background-image: url(/uploads/2084/home/banner1-principal-fried-fish-vilarejoo.jpg);
    padding: 0px;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.box.b-topo div{position: relative;}
.box.b-topo:before{
    content:"";
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
}
.box.b-topo h1 {
    color: #fff;
    font-family: roboto slab,serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0px;
}
.box.b-topo > div{    padding: 21vh 0;}
.box.b-topo p {
    color: #fff;
    font-family: roboto slab,serif;
    font-size: 20.8px;
    margin-top: 0px;
    margin-bottom: 50px;
}
.box.b-topo .reserva {
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 12px 50px;
    background: #fff;
    color: #7c7c7c;
    font-size: 16px;
    font-family: roboto slab,serif;
    text-decoration: none;
}
.box.b-topo .cardapio {
    border: 2px solid #fff;
    border-radius: 100px;
    padding: 12px 50px;
    color: #fff;
    font-size: 16px;
    font-family: roboto slab,serif;
    text-decoration: none;
    margin-left: 40px;
}

.box.b-topo .reserva:hover{background-color: #d9d9d9;}
.box.b-topo .cardapio:hover {background-color: #fff; color: #7c7c7c;}
/**BANNER FINAL**/

/**SOBRE INÍCIO**/
.box.b-quem-somos h1 {padding:10px 10px; margin: 0px;}
.box.b-quem-somos h3 {padding: 0px 0px 40px 0px;}
.box.b-quem-somos p{font-family: 'Open Sans', sans-serif;}
/**SOBRE FINAL**/


/**HORARIO INÍCIO**/
.box.b-funcionamento{background: #233D50;}
.box.b-funcionamento h1{
    color: #fff;
    font-family: roboto slab,serif;
    padding: 0px 0px 15px 0px;
    margin: 40px 0px 0px 0px;
    font-weight: 500;
}
.box.b-funcionamento h2{margin: 0px 0px 50px 0px; font-size:20px;}
.box.b-funcionamento h3{
    padding: 15px 0px 0px 0px;
    margin: 0px;
    font-weight: 400;
}
.box.b-funcionamento p{
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 40px 0px;
    font-weight: 100;
}
/**HORARIO FINAL**/

/**BANNER CENTRO INÍCIO**/
.box.b-banner-centro{
    background-image:url(/uploads/2084/home/pratos-fried-fish-vilarejo.jpg);
    padding: 0px;
    height: 450px;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box.b-banner-centro:before{
    content:"";
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
}
.box.b-banner-centro h1{
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 70px;
    line-height: 1.3;
    padding: 35px 0px 0px 0px;
}
.box.b-banner-centro h2{
    position: relative;
    font-family: roboto slab,serif;
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    padding: 65px 0px 0px 0px;
}
/**BANNER CENTRO FINAL**/

/**3 BANNERS INÍCIO**/
.box.box-conteudos.b-conteudos{background:#fff;}
.box.box-conteudos.b-conteudos .boxtextos img{width:100%;}
.box.box-conteudos.b-conteudos h1{display:none;}
.box.box-conteudos.b-conteudos h4.text-center{display:none;}
.box.box-conteudos.b-conteudos h4{
    text-align: center;
    color: #233d50;
    line-height: 34px;
    font-weight: 400;
    margin: 40px 0px 30px 0px;
    font-size: 48px;
    font-family: roboto slab, serif;
}

.box.box-conteudos.b-conteudos p{
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 40px;
}

.box.box-conteudos.b-conteudos a{
    text-decoration: none;
    color: #fff;
    background: #233d50;
    border-radius: 100px;
    padding: 15px 40px 15px 40px;
    font-size: 14px;
    font-family: roboto slab, serif;
}

.box.box-conteudos.b-conteudos .col-md-4 bottomr{background:#ddd;}
.boxtextos{
    background: #e6e6e6;
    overflow: hidden;
    border-radius: 0 0 60px 60px;
}
.boxtextos:hover{
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    transition: box-shadow .3s;
}
.box.box-conteudos.b-conteudos a:hover{
    box-shadow: 0 0 30px 0 rgba(24, 24, 25, 0.68);
    background: #050622;
    transition: box-shadow .3s;
}
/**3 BANNERS FINAL**/


/**INSTAGRAM INÍCIO**/
.box.box-album-de-fotos.b-instagram{background:#fff;}
.box-album-de-fotos h1 {
    font-family: roboto slab, serif;
    font-weight: 600;
    color: #233d50;
    margin: 0px;
    padding: 0px 0px 30px 0px;
}

.box.b-instagram{background:#fff;}
.box.b-instagram h1{color: #233d50;
    font-weight: 600;}
/**INSTAGRAM FINAL**/


/**CONHEÇA AMBIENTE INÍCIO**/

.box.box-album-de-fotos.b-conheca-o-nosso-strongambientestrong{background: #fff;}

.box.box-album-de-fotos.b-conheca-o-nosso-strongambientestrong h4{
    font-family: roboto slab, serif;
    font-size: 22px;
    padding-top: 0px;
    margin: 0px 0px 60px 0px;
}
.display-2 img{width: 100%;}
.box.box-album-de-fotos.b-conheca-o-nosso-strongambientestrong h1{
    font-family: roboto slab, serif;
    color: #233d50;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    font-weight: 200;
}
/**CONHEÇA AMBIENTE FINAL**/


/**ESPACO KIDS INÍCIO**/
.box.b-kids{
    padding-top: 0;
    padding-bottom: 0;
    background-color: #00beff;
    background: linear-gradient(45deg,#00beff,#f2e621);
}
.box.b-kids h1{
    position: relative;
    padding-top: 50px;
    font-family: roboto slab, serif;
    color: #fff;
    font-weight: 600;
    margin: 0px;
}
.box.b-kids h2{
    font-size: 20px;
    font-family: roboto slab, serif;
    font-weight: 500;
    color: #fff;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}
.box.b-kids p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14.4px;
}
/**ESPACO KIDS FINAL**/
.box.box-conteudos.b-conteudos .col-md-4.bottomr{padding:0 40px;}
.box.b-kids p{text-align: center;}


/**VENHA NOS CONHECER INÍCIO**/

.box.b-venha h1{
    margin: 0px;
    font-family: roboto slab, serif;
    font-weight: 600;
    color: #233d50;
}

.box.b-venha p{
    margin: 0px;
    font-size: 20px;
}

.box.b-venha a{
    display:inline-block;
    margin-top: 20px;
}

.box.b-venha a{
    text-decoration: none;
    background: #233d50;
    color: #fff;
    padding: 16px 60px 16px 60px;
    border-radius: 100px;
    font-size: 16px;
}

/**VENHA NOS CONHECER FINAL**/
.box.box-mapa .contact-box{    padding: 20px;    min-height: 175px;}
/**HOME FINAL**/

/**RODAPE INÍCIO**/
.box.banners-sociais.b-redes-sociais{background-color: #233d50;}
.banners-sociais div a .fa {
    border: 5px solid #fff;
    color: #fff;
}

.box.box-mapa .contact-box .icon {
    position: initial;
   margin: 0 auto;
  
}
.box.box-mapa.b-contato .container { text-align:center;}
/**RODAPE FINAL**/
.box.box-mapa .contact-box .icon{position:initial;}

.menus.navbar-right{margin-right: 30px;}
.navbar-toggle .icon-bar{    background: #fff;    width: 27px;height: 3px;}
 .box h1 img{width: 100%;height: auto;}



/**MEDIA QUERY INÍCIO**/

@media (max-width: 1230px){
  /*  .navbar-nav  li  a{
        padding: 6px !important;
        font-size: 14px !important;
        margin: 0px;
        margin-left: 0px;
    }
    .menu-cardapio a{
        background: none;
        color: #fff !important;
        text-decoration: underline;
    }
    .menu-reservas a{
        background: none;
        color: #fff !important;
        text-decoration: underline;
    }*/
}

@media (max-width: 1180px){
    .navbar-brand{    margin: 10px 0px 0px 20px;}
    .box.box-conteudos.b-conteudos h4{    font-size: 42px;}
    .b-kids img{width: 100%;height: auto;}
    .box.b-kids h1{    padding-top: 19px;    font-size: 45px;}
 }
 @media (max-width: 991px){
    .navbar-brand {height: 85px;}
    .navbar-nav.menus > li > a{
        font-size: 20px !important;
    padding: 16px 21px !important;
    color: #233d50 !important;
    background: none;
    margin-bottom: 6px;
    }
    .menu-reservas{padding-left: 10px;}
    .menus.navbar-right{margin:0;    background: #FFF;}
    .small-height .navbar-nav.menus{margin: 0;}
    .small-height{background: #263238 !important;}
    h1{    font-size: 44px !important;}
    .box.b-topo p{    padding: 0 30px;}
    .box.b-topo a{
        display: block;
        margin: 0 !important;
    }
    
 }
 @media (max-width: 768px){
    .box.b-topo .reserva{    margin-bottom: 24px !important;}
    h1 {font-size: 34px !important;}
    .box.box-conteudos.b-conteudos h4 {font-size: 33px;}
    h3{    line-height: 30px;}
 }
 @media (max-width: 768px){
     .box.b-topo > div{    padding: 31vh 0;
    margin: 0px 30px 0px 30px;}
    
    .box.b-banner-centro{
    background-size: cover !important;
   background-attachment: initial !important;
}
.box.b-banner-centro{padding:0 25px;
}
.box.b-banner-centro:before{left:0;}

     }
     
@media (max-width: 800px){
    .nav navbar-nav.menus.navbar-right a .reservas{background-none;margin-bottom:6px;}
    
    }

/**MEDIA QUERY FINAL**/

/*Form Reserva*/

body.overflow {
    overflow: hidden;
}
.mt-60 {
  margin-top: 60px
}
/*  BOTAO FORMULARIO OFF-CANVAS
========================================== */
.nav-form .about-form h1, p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.btn-form {
    height: 20px;
    position: fixed;
    right: 0;
    z-index: 10;
}
.btn-form span {
    position: relative;
    margin-top: 9px;
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px;
}
.btn-form span,
.btn-form span::before,
.btn-form span::after {
    display: block;
    width: 20px;
    height: 1px;
    background-color: #2a2a2a;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.btn-form span::before,
.btn-form span::after {
    position: absolute;
    content: "";
}
.btn-form span::before {
    top: -9px;
}
.btn-form span::after {
    top: 9px;
}
.btn-form.clicked span {
    width: 30px;
    height: 30px;
    background-color: transparent;
}
.btn-form.clicked span::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
.btn-form.clicked span::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
.btn-form.clicked span:before,
.btn-form.clicked span:after {
    background-color: #000;
}
.btn-form:hover {
    cursor: pointer;
}
.nav-btn {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 25px;
  right: 25px;
  background-color: #6a4b80;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 25px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px;
  cursor: pointer;
z-index:1021;
}
.nav-btn .fa {
  margin-top: 15px;
  font-size: 22px;
}
/*  FORMULARIO OFF-CANVAS
========================================== */
.nav-form {
    background-color: #fff;
    position: fixed;
    z-index: 1100;
    top:0;
    right: 0;
    height: 100%;
    max-width: 580px;
    width: 100%;
    padding: 0px 50px 0px 50px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.nav-form.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.nav-form.show .about-form {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .85s;
}
.nav-form .about-form {
    margin-top: 40px;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.nav-form .about-form p {
    font-size: 14px;
    line-height: 170%;
    opacity: 0.5;
    font-weight: 300;
}
.nav-form .about-form h1 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0;
padding-bottom: 0;
}
/*  OVERLAY
========================================== */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1099;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
}
.overlay.show {
    opacity: 1;
    visibility: visible;
}
.inputBox {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.inputBox .inputText {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    position: absolute;
    font-size: 16px;
    line-height: 0;
    transition: .5s;
}
.inputBox .input {
    font-weight: 300;
    position: relative;
    width: 100%;
    height: 50px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    opacity: 0.8;
    margin-top: 12px;
}
.inputCaptcha {
  border:1px solid rgba(0, 0, 0, .08);
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.inputCaptcha .inputText {
  position: absolute;
  font-size: 16px;
  line-height: 0;
  transition: .5s;
}
.inputCaptcha .form-control {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #000;
  display: unset;
  box-shadow: unset;
  font-weight: 700;
  text-align: center;
  position: relative;
  width: 48%;
  height: 50px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  border: 0;
  opacity: 0.8;
}
.focus .inputText {
    transform: translateY(-30px);
    font-size: 18px;
    opacity: 1;
    color: #00bcd4;
}
textarea {
    height: 100px !important;
    padding-top: 4px;
}
.selectBox {
  font-weight: 300;
  position: relative;
  width: 100%;
  height: 55px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  opacity: 0.8;
}
.btn-send {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    height: 53px;
    border: none;
    border-radius: 4px;
    outline: none;
    background: #233d50;
    color: #fff;
    margin-bottom: 50px;
}
.form-header-icon {
    background-color: #6a4b80;
    font-size: 28px;
    color: #fff;
    position: relative;
    flex: auto 0 0;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 50% 50%;
    float: left;
}
.form-header-icon .fa {
    margin:16px;
}

.inputBox label input#opcao_contato-whatsapp{display: inline-block}
.inputBox label input#opcao_contato-email{display: inline-block}
.inputBox label input#opcao_contato-telefone{display: inline-block}