/*
    CSS programado pelo departamento técnico da WB Web - Marketing Digital
    E-mail: atendimento@wbweb.com.br - Site: www.wbweb.com.br
*/

/* Geral  - viewport 1380 */
@media screen and (min-width:1380px) {
    .container{max-width: 1280px;margin: 0 auto;width: 92.241vw;}

    /* Páginas Interna - Cardápio */
    .pg_cardapio .ca.content .container .ca_galeria img {width: 1300px;}
}

/* Geral  - viewport 1280 */
@media screen and (max-width: 1280px) {
    /* Posição 8 */
    .dc.item .dc_img2{line-height: 0;}
}


/* Geral  - viewport 1260 */
@media screen and (max-width: 1260px) {
    /* Geral */
    .container{width: 95vw;}
    
    /* Posição 2 */
    #fones > span:last-child {background-position: 60% center;}
    
    /* Posição 3 */
    .slidesjs-pagination{top:529px;}
    
    /* posição 4 */
    #posicao4 {background-position: 118% top;}
    
    /* Geral */
    .moduletable.ap_cf .fa-long-arrow-right {padding: 25.5px 1.17em;}
    
    /* Posição 5 */
    .moduletable.ap_cf {width: 44%;}
}

/* Geral  - viewport 1220 */
@media screen and (max-width: 1220px) {
    /* Posição 3 */
    .slidesjs-pagination {top: 510px;}
    
    /*  */
    #posicao4 {background-position: 132% top;}
    #posicao6 .fa-long-arrow-right {padding: 1.17em;}
    #posicao9 .fa-long-arrow-right {padding: 1.16em;}
    #posicao10 .cck-w25 {height: 172px;}
}

/* Geral  - viewport 1150 */
@media screen and (max-width: 1150px) {
    /* Posição 1 */
    .main_menu {float:none;margin:0 auto;width: 100%;}
    
    /* Posição 2 */
    #fones > span:last-child {background-position: 65% center;}
    
    /* Posição 3 */
    .slidesjs-pagination {left: 527px;top: 475px;}
    
    /*  */
    #posicao4 {background-position: 157% top;padding: 75px 0 35px;}
    
    /* Posição 5 */
    #posicao5 {background-position: -200px center;margin-bottom: 35px;}
    .moduletable.ap_cf {width: 50%;}
    
    /* posição 6 */
    #posicao6 {margin-bottom: 35px;}
    .moduletable_bp_sol p {margin: 0 auto;}
    
    /* posição 7 */
    #posicao7 h2 {margin: 0 0 35px;}
    #form1 {width: 100%;}
    
    /*  */
    #posicao10 {padding: 0;}
    #posicao10 .cck-w25 {height: 162px;}
    
    #posicao13 {padding: 35px 0;}
    #posicao13 h2 {margin: 0 0 35px;}
    #posicao13 .fa-long-arrow-right {padding: 1.16em;}
    
    /* posição 15 */
    .moduletable_form3 {width: 55%;}
}

/* Geral  - viewport 1080 */
@media screen and (max-width: 1080px) {
    /* Posição 2 */
    #fones > span:last-child {background-position: 75% center;}
    
    /* Posição 3 */
    .slidesjs-pagination {top: 443px;}
    
    #posicao4 {background-position: 180% top;}
    #posicao10 .cck-w25 {height: 152px;}
    
    /* Posição 15 */
    .moduletable_pp15 {position: absolute;top: -137px;right: 29px;width: 25%;}
    .moduletable_pp15 img{width:100%;}
}

/* Geral  - viewport 1024 */
@media screen and (max-width: 1024px) {
    #posicao2 .moduletable.logo1 {width: 150px;}
    #posicao2 .moduletable.contatos p.p2-fone {font-size: 1.35em;}
    #posicao2 .moduletable.contatos p.p2-email {font-size: 1.075em;}
    #posicao2 .custom.redes-top .fa {font-size: 25px;}

    #posicao4 {background-position: 213% top;}
    .moduletable.bv_cl .fa-long-arrow-right {padding: 1.17em;}
    
    /* posição 8 */
    .dc.item .dc_info {padding: 11px 1%;}
    
    #posicao10 .cck-w25 {height: 144px;}
    #posicao13 .fa-long-arrow-right {padding: 1.17em;}
    .moduletable_form3 {width: 55%;}
    
    /* posição 15 */
    #posicao15 {padding: 35px 0;}
    .moduletable_pp15 {display: none;}
    
    /* posição 15 - Formulário */
    .moduletable_form3 {float: none;width: 100%;}
    .moduletable_form3 h2 {margin:0;text-align: center;}
    .moduletable_form3 p {background-image: unset;padding:0;margin-bottom: 35px;text-align: center;}
    #f3_enviar {float: none;margin: 0 auto;width: 170px;display: block;}
    
    /* Posição 15 - Horários */
    .moduletable_horarios {float: none;width: 100%;background-position: top center;padding: 72px 0 0;margin: 35px auto 0;}
    .moduletable_horarios h2 {margin: 0 0 35px;background-image: unset;background-position: center bottom;padding:35px 0 0;text-align: center;}
    .moduletable_horarios p {margin-bottom:35px;text-align: center;}
    .moduletable_horarios p span {display: block;}
    #redes-btt {margin: 0 auto;width: 70px;display: flex;justify-content: space-between;}
    #redes-btt .fa {margin: 0;}
    .moduletable_menu_ar .nav.menu {width: 100%;}
    
    /* Posição 16 */
    #posicao16 {padding: 100px 0 35px;}
    .moduletable_tp16 {background-image: unset;padding: 0;width: 100%;top: 35px;left: 0;}
    .moduletable_tp16 h2 {margin: 0;}
}

/* Geral  - viewport 1000 */
@media screen and (max-width: 1000px) {
    /* Posição 1 */
    .main_menu {width: 100%;}
    
    #posicao4 {background-position: 241% top;}
    #posicao6 .fa-long-arrow-right {padding: 1.17em;}
    #posicao10 .cck-w25 {height: 141px;}
    
    /* posição 16 */
    .moduletable_menu_ar .nav.menu {width: 100%;display: flex;justify-content: space-between;}
}

/* Geral  - viewport 960 */
@media screen and (max-width: 960px) {
    .moduletable.bv_cl p,
    .moduletable.ap_cf p,
    #posicao8 .ca.item .desc,
    #posicao11 .bl.item .desc{text-align: justify;}
    .moduletable.ap_cf p,#posicao9 p{width: 90%;}
    .moduletable_bp_sol p {width: 100%;}
    
    .moduletable.logo1 {margin-right: 5%;width: 34.9%;}
    #fones > span:last-child {background-position: 85% center;}
    .slidesjs-pagination {top: 396px;left: 439px;}
    
    #posicao4 {background-position: 296% top;}
    #posicao5 {background-position: -250px center;}
    #posicao10 .cck-w25 {height: 135px;}
    #posicao12 .moduletable {background-position: left center;}
    #posicao13 .cck-w25:not(:last-child){margin-right:4%;width: 25%;}
    #posicao13 .cck-w25:first-child {width: 18%;}
    
    /* Página Interna - Quem Somos */
    .pg_quemsomos .fulltext .pg_qsomos-img-right:nth-child(2) {display: block;}
    .pg_quemsomos .fulltext .pg_qsomos-img-right:nth-child(2) figure{float: right;margin: 55px 0 15px 15px;}
    .pg_quemsomos .fulltext .pg_qsomos-img-right:nth-child(2) div{width: 95vw;margin: 0 auto;}
}

/* Geral  - viewport 950 */
@media screen and (max-width: 950px) {
    #posicao4 {background-position: 312% top;}

    /* Página Interna Quem Somos */
    .pg_quemsomos .fulltext .qs-linhaTempo {align-items: unset;box-sizing: border-box;display: flex;flex-direction: row-reverse;width: 393px;}
    .pg_quemsomos .fulltext .qs-linhaTempo h3 {font-size: 1rem;}
    .pg_quemsomos .fulltext .qs-linhaTempo > div {box-sizing: border-box;gap: 50px;width: 50%;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__top {border-bottom: 0;border-left: 2px solid #000;flex-direction: column;justify-content: flex-start;padding-bottom: 0;padding-left: 30px;padding-top: 50px;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__low {border-right: 1px solid #000;border-top: 0;flex-direction: column;justify-content: flex-start;padding-right: 30px;padding-top: 0;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__top > div,
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__low > div {width: 100%;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__low > div {flex-direction: column;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__top > div::after,
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__low > div::after {height: 3px;width: 75px;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__top > div::after {bottom: 29px;left: -30px;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__low > div::after {bottom: 28px;right: -30px;top: unset;}
}

/* Geral  - viewport 900 */
@media screen and (max-width: 900px) {
    #fones > span:last-child {background-position: 62% center;}
    .slidesjs-pagination {top: 363px;left: 400px;}
    .moduletable.bv_cl {margin:0;}
    
    #posicao4 {background-position: 480% top;}
    .moduletable.ap_cf p, #posicao9 p {width:95%;}
    
    /*  */
    #paisagem {padding: 0 0 50px;}
    
    /* Posição 5 */
    #posicao5 {background-image: unset;padding: 0;}
    .moduletable.ap_cf {width: 100%;}
    .moduletable.ap_cf p {margin-bottom: 35px;}
    
    #posicao10 .cck-w25 {height: 127px;}
  
    #posicao16 {padding: 50px 0;}
    #posicao16 .moduletable_menu_ar .nav.menu {align-items: center;flex-direction: column;gap: 10px;justify-content: center;text-align: center;}
    #posicao16 .moduletable_menu_ar .nav.menu li {margin:0;}
  
   /* Página Interna - Cardápio */
   .pg_cardapio {padding: 0;}
   .pg_cardapio .page-header {margin: 0;}
   .pg_cardapio .ca.content .container {margin: 0 auto;width: 100%;}
   .pg_cardapio .ca.content .container .ca_galeria .cck_value {gap: 10px;}
}

/* Geral  - viewport 850 */
@media screen and (max-width: 850px) {
    /* Posição 4 */
    #posicao4 {background-image: url(../images/bg_posicao4-2-2.png);background-position: bottom center;padding: 35px 0 280px;}
    .moduletable.bv_cl {float: none;width: 100%;}
    .moduletable.bv_cl h1 {margin:0;text-align: center;}
    .moduletable.bv_cl h3 {background-image: unset;padding: 0;margin-bottom: 35px;text-align: center;}
    .moduletable.bv_cl p {width: 100%;margin-bottom: 35px;}
    
    /* posição 5 */
    #posicao5 {background-image:unset;padding:0;}
    .moduletable.ap_cf {float:none;width: 100%;text-align: justify;}
    .moduletable.ap_cf h2 {background-image: unset;padding: 0;margin-bottom: 35px;text-align: center;}
    .moduletable.ap_cf p{width: 100%;float:none;margin-bottom: 1em;}
    .moduletable.ap_cf a {float: left;}
    
    /* Posição 6 */
    .moduletable_bp_sol h2 {background-image: unset;padding-bottom: 0;margin-bottom: 35px;}
    
    #posicao7 h2 {background-image: unset;padding: 0;margin: 0 0 35px;text-align: center;}
    #form1 {flex-wrap: wrap;}
    #form1 input, #form1 #f1_fone{padding: 15px 2%;width: 96%;margin: 0 0 11px;}
    #f1_enviar {padding: 10px 0;width: 170px;margin: 0 auto;}
    
    #posicao10 .cck-w25 {height: 119px;}
    #posicao12 .moduletable {background-image: unset;padding: 0;}
    
    /* Página Interna - Quem Somos */
    .pg_quemsomos .fulltext > div {display: block;margin-bottom: 35px;}
    .pg_quemsomos .fulltext > .pg_qsomos-img-left figure {margin: 55px 15px 15px 0;width: 44%;float: left;}
    .pg_quemsomos .fulltext > .pg_qsomos-img-right figure {margin: 96px 0 15px 15px;width: 44%;float: right;}
    .pg_quemsomos .fulltext > div > div {width: 95vw;margin: 0 auto;}
    .pg_quemsomos .fulltext .pg_qsomos-linh-tempo {margin: 0 auto 35px;width: 66%;}
}

/* Geral  - viewport 800 */
@media screen and (max-width: 800px) {
    #posicao1 {background-color: #FFF;padding: 0;}
    .moduletable.main_menu {left: 0;position: absolute;top: 0;width: 320px;z-index: 101;}
    
    /* posição 2 */
    #posicao2 {padding: 5px 0;}
    #posicao2 .moduletable.logo1 {margin: 0 auto;width: 110px;}
    #posicao2 .moduletable.contatos,
    #posicao2 .moduletable.redes-top {display: none;}
    
    #posicao8 .cck-w100{width: 100%;display: flex;flex-direction: unset;justify-content: space-between;flex-wrap: wrap;}
    #posicao8 .cck-w33f,#posicao8 .cck-w34f{width: 70%;float: none;margin: 0 auto 15px;}
    #posicao8 .cck-w33f .ca_img2,#posicao8 .cck-w34f .ca_img2{display: none;}
    #posicao8 .cck-w34f .ca_img1{display: unset;}
    #posicao8 .cck-w34f .dc_img1{display: block;}
    #posicao8 .cck-w34f .dc_img2{display: none;}
    
    #posicao10 .cck-w25 {width:50%;height:auto;}
    
    #posicao13 .cck-fl {float: none;width: 30%;margin: 0 0 15px;}
    
    /* Páginas Internas - Ambiente */
    .pg_ambiente .am.intro figure figcaption {padding: 20px 0;}
    .pg_ambiente .am.intro figure figcaption h2 {font-size: 1.5em;line-height: 120%;}
    .pg_ambiente .am.intro figure figcaption p {font-size: 1.2em;line-height: 150%;}
}

/* Geral  - viewport 768 */
@media screen and (max-width: 768px) {}

/* Geral  - viewport 736 */
@media screen and (max-width: 736px) {}

/* Geral  - viewport 732 */
@media screen and (max-width: 732px) {}

/* Geral  - viewport 667 */
@media screen and (max-width: 667px) {
    /* Main Menu */
    .main_menu {width: 320px!important;}
    
    /* Slides - Previous and Next */
    a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {background-size: 20px;width: 40px;height: 41px;}
    
    #posicao4 {background-size: contain;}
    
    /* Posição 8 */
    #posicao8 .moduletable {margin-top: 95px;}
    .moduletable_tp8 {background-image: unset;top: 0;padding: 35px 0 0;}
    #posicao8 .cck-w33f,#posicao8 .cck-w34f{width: 96%;}
    .moduletable_tp8 h2 {padding: 0;margin: 0 0 35px;float: none;width: 100%;text-align: center;background-image: unset;}
    .moduletable_tp8 a {margin-top: 10px;padding-right: 32px;}
    
    /* Posição 10 */
    #posicao10 h2 {background-image: unset;padding: 0;margin-bottom: 35px;}
    #posicao10 .cck-w100 {flex-wrap: wrap;}
    
    /*  */
    #posicao13 h2 {background-image: unset;padding: 0;margin: 0 0 35px;text-align: center;}
    
    /* Página Interna - Quem somos */
    .pg_quemsomos .fulltext .pg_qsomos-linh-tempo {width: 95%;}
}

/* Geral  - viewport 640 */
@media screen and (max-width: 640px) {
    /* Páginas Internas */
    .page-header {font-size: 2.5em;padding: 75px 2.6%;}
    .pg_quemsomos .fulltext h2 {font-size: 1.5em;}
    
    /* Página Interna - Quem somos */
    .pg_quemsomos .page-header {padding: 75px 2.6%;}
}

/* Geral  - viewport 600 */
@media screen and (max-width: 600px) {
    #form3 input, #f3_textarea, #form3 #f3_fone{padding: 15px 2%;width: 96%;}
    #form3 #f3_fone,#form3 #f3_assunto{width: 100%;}
}

/* Geral  - viewport 568 */
@media screen and (max-width: 568px) {
    /* Posição 14 */
    #posicao14 .custom_contatos-bx-mp > div{display: flex;flex-wrap: wrap;justify-content:space-around;}
    #endereco {background-position: top center;padding: 28px 0 0;text-align: center;margin: 0 0 15px;}
    #fone1 {width: 165px;background-position:left center;padding: 0 0 0 5%;}
    #fone1 span:last-child{display:none;}
    #fone2 {width: 140px;margin: 0;background-position:left center;padding: 0 0 0 5%;}
    #email-bx-mp {background-position: top center;padding: 21px 0 0;margin: 15px 0 0;float: none;text-align: center;width: 100%;}
    
    /* Página Interna - Ambiente */
    .pg_ambiente .am.intro figure figcaption {padding: 10px 0;}
    .pg_ambiente .am.intro figure figcaption h2 {font-size: 1.3em;}
    .pg_ambiente .am.intro figure figcaption p {font-size: 1.05em;line-height: 130%;text-align: justify;}
}

/* Geral  - viewport 533 */
@media screen and (max-width: 533px) {
    
    #posicao4 {padding: 35px 0 240px;}
    
    /* Slides - Next and Previous */
    a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {top: 40%;}
    
    /* Páginas Internas - Quem Somos */
    .pg_quemsomos .fulltext .pg_qsomos-img-right:nth-child(2) figure,
    .pg_quemsomos .fulltext > .pg_qsomos-img-right figure{margin: 0 0 15px 15px;}
    .pg_quemsomos .fulltext > .pg_qsomos-img-left figure {margin: 0 15px 15px 0;width: 50%;}
    .pg_quemsomos .fulltext > .pg_qsomos-img-right figure {width: 50%;}
    .pg_quemsomos .fulltext h2 {padding: 66px 0;}
    
    /* Página Interna - Parceiros */
    .blog.pg_parceiros .items-row .span3 {width: 40%;margin: 0 auto 35px;}
    #pg_parceiros .moduletable p {text-align: justify;}
    #form4 {width: 100%;}
    
    /* Página Interna - Eventos */
    .item-page.pg_eventos .ce_content .fulltext p {text-align: justify;}
    #form5 {width: 100%;}
}

/* Geral  - viewport 480 */
@media screen and (max-width: 480px) {
    /* Posição 1 - Main Menu */
    #nav > a {width: 3em!important;height: 3em!important;}
    
    .pg_quemsomos .fulltext > .pg_qsomos-img-left figure {margin: 0 0 20px 0;width: 100%;float: none;}
    .pg_quemsomos .fulltext .pg_qsomos-img-right:nth-child(2) figure,
    .pg_quemsomos .fulltext > .pg_qsomos-img-right figure {margin: 0 0 15px 0;width: 100%;float: none;}
    .pg_quemsomos .fulltext h2 {padding: 0;}
    
    /* Páginas INternas - Cardáposition: relative; */
    .moduletable.menu-int .nav.menu li {width: 100%;text-align: center;}
    
    /* Páginas Internas - Cardápio */
    #posicao1a .moduletable h1 {padding: 70px 3.4% 38px;}
}

/* Geral  - viewport 420 */
@media screen and (max-width: 420px) {
    /* Página Interna - Quem Somos */
    .pg_quemsomos .fulltext .qs-linhaTempo {width: 92.241vw;}
    .pg_quemsomos .fulltext .qs-linhaTempo h3 {font-size: .9rem;}
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__top > div::after,
    .pg_quemsomos .fulltext .qs-linhaTempo .qs-linhaTempo__low > div::after {width: 45%;}
}

/* Geral  - viewport 414 */
@media screen and (max-width: 414px) {
    /* main Menu */
    #nav > a {width: 3.3em!important;height: 3.3em!important;}
    
    /* Botões */
    .bt_sb a {width: 100%;}
    .bt_sb .seta {display: none;}
    .bt_sb a span {padding: 7px 0;border-radius: 8px;width: 190px;height: auto;display: block;margin: 0 auto;text-align: center;line-height: unset;}
        
    /* posição 4 */
    #posicao4 {padding: 35px 0 180px;}
    .moduletable.bv_cl h1 {font-size: 2em;}
    .moduletable.bv_cl h3 {font-size: 1.5em;}
    
    /* H2 */
    .moduletable.ap_cf h2,.moduletable_bp_sol h2,#posicao7 h2,.moduletable_tp8 h2,
    #posicao10 h2,#posicao13 h2,.moduletable_form3 h2,.moduletable_horarios h2{margin-bottom: 20px;font-size: 1.7em;}
    
    /* Posição 8 */
    #posicao8 .moduletable {margin-top: 65px;}
    #posicao8 .cck-w33f, #posicao8 .cck-w34f {width: 100%;}
    
    #posicao13 .cck-fl {width: 46%;margin: 0 auto 15px;}
    
    /* Posição 15 */
    .moduletable_form3 h2{margin: 0;}
    .moduletable_form3 p {margin-bottom: 20px;font-size: 1.5em;}
    
    /* Posição 14 */
    #fone1 {width: 53%;padding: 0 0 0 7%;}
    #fone2 {width: 45%;padding: 0 0 0 7%;}
    
    /* Página Interna - Ambiente */
    .pg_ambiente .am.intro figure figcaption {padding: 2% 0;height: 93%;border-radius: 5px;}
}

/* Geral  - viewport 412 */
@media screen and (max-width: 412px) {
    
    /* Slides - Next and Previous */
    a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {background-size: 15px;width: 30px;height: 31px;}
    a.slidesjs-previous {left: 1vmax;}
    a.slidesjs-next {right: 1vmax;}
}

/* Geral  - viewport 393 */
@media screen and (max-width: 393px) {
    .page-header {font-size: 2em;}
    .pg_quemsomos .page-header {padding: 50px 2.6%;}
}

/* Geral  - viewport 384 */
@media screen and (max-width: 384px) {
    #posicao10 .cck-w25 {width: 100%;}
    
    /* páginas Internas - Ambiente */
    .pg_ambiente .am.intro figure figcaption p {font-size: 1em;}
}

/* Geral  - viewport 375 */
@media screen and (max-width: 375px) {
}

/* Geral  - viewport 360 */
@media screen and (max-width: 360px) {
    
    /* Página Interna - Ambiente */
    .pg_ambiente .am.intro figure figcaption p {font-size: 0.95em;}
    .pg_ambiente .am.intro figure figcaption h2 {margin-bottom: 2px;}
}

/* Geral  - viewport 320 */
@media screen and (max-width: 320px) {
    /* Main Menu */
    .moduletable.main_menu {width: 100%;}
    
    #fone1 {width: 60%;}
    #fone2 {width: 50%;}
    #email-bx-mp {font-size: 0.87em;}
    
    /* Página Interna - Ambiente */
    .pg_ambiente .am.intro figure figcaption p {line-height: 110%;}
}