@charset "utf-8";
/*
Author: Agência Pause
Author URI: http://www.agenciapause.com.br/
Description: Site desenvolvido por Agência Pause
Version: 1.1.4
 */
 body,
 html {
     margin: 0;
     padding: 0;
     height: 100%
 }
 
 nav .menu li a,
 nav .menu li a:focus,
 nav .menu li a:hover,
 nav .title-menu:focus,
 nav .title-menu:hover {
     color: #fff
 }
 
 #comochegar,
 #contato,
 #estrutura,
 #galeria,
 #mobilia {
     position: relative;
     opacity: 1
 }
 
 a,
 div,
 h1,
 h2,
 h3,
 li,
 p,
 span,
 strong {
     font-family: Roboto, sans-serif
 }
 
 .no-padding {
     padding-right: 0!important;
     padding-left: 0!important
 }
 
 #top {
     width: 0;
     height: 0;
     margin: 0;
     padding: 0;
     border: 0
 }
 
 header {
     position: relative;
     overflow: hidden;
     margin: 0;
     padding: 0
 }
 
 #ban-pager a {
     margin: 0 2px
 }
 
 .cycle-slideshow {
     margin: 0;
     padding: 0
 }
 
 .cycle-slideshow img {
     width: 100%;
     height: auto
 }
 
 #estrutura,
 #mobilia {
     width: 100%;
     min-height: 479px;
     margin: 0;
     padding: 0
 }
 
 #prev_estrutura,
 #prev_mobilia {
     width: 54px;
     height: 54px;
     cursor: pointer;
     background: url(../images/prev.png) top left no-repeat
 }
 
 #prev_estrutura:hover,
 #prev_mobilia:hover {
     background: url(../images/prev_hover.png) top left no-repeat
 }
 
 #next_estrutura,
 #next_mobilia {
     width: 54px;
     height: 54px;
     cursor: pointer;
     background: url(../images/next.png) top left no-repeat
 }
 
 #next_estrutura:hover,
 #next_mobilia:hover {
     background: url(../images/next_hover.png) top left no-repeat
 }
 
 nav {
     position: fixed;
     z-index: 1000;
     top: 0;
     left: 50%;
     width: 58px;
     height: 30px;
     margin-left: -29px;
     text-align: center;
     background-color: #200e20
 }
 
 nav .menu {
     display: none;
     margin: 15px 20px 20px;
     padding: 0;
     list-style: none
 }
 
 nav .menu li {
     text-align: left
 }
 
 nav .menu li a {
     font-size: 18px
 }
 
 nav .icon-drag {
     width: 58px;
     height: 31px;
     margin: 10px auto 15px;
     padding: 0;
     background: url(../images/drag_menu.png) top left no-repeat
 }
 
 nav .title-menu {
     font-size: 16px;
     display: inline-block;
     padding-top: 5px;
     color: #fff
 }
 
 .section-title {
     font-size: 36px;
     font-style: italic;
     margin: 50px 0 30px 30px;
     color: #000
 }
 
 #contato,
 #galeria {
     width: 100%;
     margin: 0
 }
 
 #contato address,
 #contato label,
 .btn-enviar {
     font-weight: 400;
     color: #676767
 }
 
 #galeria {
     padding: 0
 }
 
 #galeria .bg-galeria {
     width: 100%;
     margin: 0;
     padding: 45px 0;
     background: url(../images/pattern.png) top left
 }
 
 #error,
 .btn-enviar {
     margin-top: 15px
 }
 
 #contato {
     padding: 0;
     background-color: #fbf9ec
 }
 
 .btn-enviar,
 .tipo-evento {
     border: 1px solid #dadada;
     background-color: #fff
 }
 
 .form-orcamento {
     padding-bottom: 50px
 }
 
 .form-orcamento>p>a {
     color: #000
 }
 
 #contato input[type=email],
 #contato input[type=text] {
     width: 100%;
     height: 40px;
     margin-bottom: 25px;
     padding: 0 10px;
     border: 1px solid #dadada
 }
 
 #contato label {
     margin-left: 10px;
     cursor: pointer
 }
 
 .btn-enviar {
     font-size: 18px;
     width: 110px;
     height: 40px
 }
 
 #contato address {
     font-size: 16px;
     width: 100%;
     margin-top: 35px;
     padding-top: 25px;
     text-align: center;
     border-top: 1px solid #dadada
 }
 
 #contato address a {
     color: #676767
 }
 
 .tipo-evento {
     padding: 42px 0
 }
 
 #comochegar {
     width: 100%;
     margin: 0;
     padding: 0
 }
 
 .lk-mapa,
 .lk-mapa:focus,
 .lk-mapa:hover {
     color: #313131
 }
 
 .details-box,
 .developer,
 .developer a {
     font-size: 14px;
     color: #000
 }
 
 .details-box {
     width: 50%;
     margin: 0 0 0 20px;
     padding: 10px;
     text-align: justify;
     border: 1px solid #000
 }
 
 .description-text {
     width: 95%;
     margin: 0 10px 0 30px;
     text-align: justify
 }
 
 .cpager {
     margin: 55px 0 0 30px
 }
 
 .cpager>div {
     float: left
 }
 
 .imgcem {
     width: 100%;
     height: auto
 }
 
 .mgb20 {
     margin-bottom: 20px
 }
 
 .developer {
     line-height: 30px;
     display: block;
     width: 100%;
     height: 30px;
     background-color: #f4f4f4
 }

 #mapa {
    display: block;
    margin: 0 auto;
 }

/* Botão whatsapp */
.bt-whats{display: block; color: #000; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;}
.bt-whats img{width: 100%; max-width: 20px; height: auto; margin-right: 10px;}
.bt-whats:hover{color: #000; text-decoration: none;}

 @media (max-width:767px) {
     #ban-pager,
     .logo {
         position: absolute;
         z-index: 1000
     }
     .form-orcamento,
     .logo {
         max-width: 100%
     }
     header {
         height: 240px
     }
     #ban-pager {
         top: 200px;
         left: 50%;
         margin: 0 0 0 -48px
     }
     .logo {
         font-size: 0;
         top: 0;
         left: 0;
         display: block;
         width: 150px;
         height: 77px;
         text-indent: -99999px;
         background: url(../images/logo.png) top left no-repeat;
         background-size: contain
     }
     #galeria {
         position: relative;
         width: 100%;
         min-height: 590px;
         margin: 0;
         padding: 0;
         opacity: 1
     }
     #gnext,
     #gprev {
         display: none
     }
     .description-text {
         margin: 0 10px
     }
     .details-box {
         display: inline-block;
         float: left;
         width: 100%;
         margin: 15px 0
     }
     .lk-mapa,
     .no-view {
         display: none
     }
     .img-mob {
         padding-top: 30px
     }
     #mapa {
         width: 300px;
         height: 300px
     }
     .no-view-b {
         display: block
     }
 }
 
 @media (min-width:768px) {
     #ban-pager,
     #gnext,
     #gprev,
     .logo {
         position: absolute
     }
     header {
         height: 400px
     }
     #ban-pager {
         z-index: 1000;
         top: 357px;
         left: 50%;
         margin: 0 0 0 -48px
     }
     .logo {
         font-size: 0;
         z-index: 1000;
         top: 0;
         left: 0;
         display: block;
         width: 434px;
         height: 224px;
         text-indent: -99999px;
         background: url(../images/logo.png) top left no-repeat
     }
     #gnext,
     #gprev {
         z-index: 1000;
         top: 50%;
         width: 80px;
         height: 98px;
         margin-top: 0;
         cursor: pointer;
         background-size: contain!important
     }
     #galeria {
         position: relative;
         width: 100%;
         min-height: 590px;
         margin: 0;
         padding: 0;
         opacity: 1
     }
     .details-box {
         display: inline-block;
         float: right
     }
     #gnext,
     #gprev,
     .lk-mapa {
         display: block
     }
     #gprev {
         left: 0;
         background: url(../images/gallery_prev.png) top left no-repeat
     }
     #gnext {
         right: 0;
         background: url(../images/gallery_next.png) top left no-repeat
     }
     #mapa {
         width: 500px;
         height: 500px
     }
     .no-view {
         display: none
     }
     .no-view-b {
         display: block
     }

     #contato .section-title{margin-left: 0; font-size: 36px;}

     .bt-whats{font-size: 18px;}
     .bt-whats img{max-width: 28px;}
 }
 
 @media (min-width:992px) {
     #ban-pager,
     #gnext,
     #gprev,
     .logo {
         position: absolute
     }
     #gnext,
     #gprev,
     .logo {
         z-index: 1000;
         display: block
     }
     header {
         height: 600px
     }
     #ban-pager {
         z-index: 1000;
         top: 527px;
         left: 50%;
         margin: 0 0 0 -48px
     }
     .logo {
         top: 0;
         left: 0;
         width: 434px;
         height: 224px;
         text-indent: -99999px;
         background: url(../images/logo.png) top left no-repeat
     }
     #gnext,
     #gprev {
         top: 50%;
         width: 80px;
         height: 98px;
         margin-top: -13px;
         cursor: pointer
     }
     #galeria {
         position: relative;
         width: 100%;
         min-height: 890px;
         margin: 0;
         padding: 0;
         opacity: 1
     }
     #gprev {
         left: 0;
         background: url(../images/gallery_prev.png) top left no-repeat
     }
     #gnext {
         right: 0;
         background: url(../images/gallery_next.png) top left no-repeat
     }
     .details-box {
         display: inline-block;
         float: right
     }
     #mapa {
         width: 600px;
         height: 600px
     }
     .no-view {
         display: block
     }
     .no-view-b {
         display: none
     }

     #contato .section-title{margin-left: 0; font-size: 32px;}

     .bt-whats{font-size: 17px;}
     .bt-whats img{max-width: 24px;}
 }
 
 @media (min-width:1200px) {
     #ban-pager,
     #gnext,
     #gprev,
     .logo {
         position: absolute
     }
     #gnext,
     #gprev,
     .logo {
         z-index: 1000;
         display: block
     }
     header {
         height: 800px
     }
     #ban-pager {
         z-index: 1000;
         top: 727px;
         left: 50%;
         margin: 0 0 0 -48px
     }
     .logo {
         top: 0;
         left: 0;
         width: 434px;
         height: 224px;
         text-indent: -99999px;
         background: url(../images/logo.png) top left no-repeat
     }
     #gnext,
     #gprev {
         top: 50%;
         width: 103px;
         height: 126px;
         margin-top: -13px;
         cursor: pointer
     }
     #galeria {
         position: relative;
         width: 100%;
         min-height: 890px;
         margin: 0;
         padding: 0;
         opacity: 1
     }
     #gprev {
         left: 10px;
         background: url(../images/gallery_prev.png) top left no-repeat
     }
     #gnext {
         right: 10px;
         background: url(../images/gallery_next.png) top left no-repeat
     }
     .details-box {
         display: inline-block;
         float: right
     }
     #mapa {
         width: 700px;
         height: 700px
     }
     .no-view {
         display: block
     }
     .no-view-b {
         display: none
     }

     #contato .section-title{margin-left: 30px; font-size: 36px;}

     .bt-whats{font-size: 18px;}
     .bt-whats img{max-width: 28px;}
 }

 /* Whatsapp */
#whatsapp-fixo{display: block; width: 64px; height: 64px; border-radius: 50%; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 10000;}
#whatsapp-fixo .icone{display: block; width: 64px; height: 64px; border-radius: 50%; cursor: pointer; background: #fff url('../images/whatsapp.png') center center no-repeat; background-size: cover; box-shadow: 0 0 10px rgba(0, 0, 0, .3); transition: all .6s ease;}