body{ font-size: 14px; background: #ffffc2 url('../images/bg.jpg') repeat; background-size: 105px 67px; color: #212121; font-family: 'bouncythin_personal_use_only'; padding: 0; margin: 0; line-height: 100%; font-weight: normal; }
.container{ width: 80%; margin: 0 auto; position: relative; }
.clearfix{ clear: both; }
a{ text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
p{ line-height: 140%; }
h1,h2,h3,h4{  line-height: 110%; }
.mobile{ display:none; }
.abremenu{ display:none; }
section{ padding:60px 0; }

.rodape{ text-align:center; background:#fd6603; position: relative; width:100%; height:30px; }
.rodape span{font-family: 'Mooli', sans-serif; color:#fff; font-size:12px; display: inline-block; line-height:30px; }
.rodape .dv{ position:absolute; right:0; top:0; }
.rodape .dv img{ height:30px; width:auto; display:block; }

.topo{ background:#8eb54e; position:relative; }
.topo .marca{ float:left; }
.topo .marca img{ width:250px; height:auto; }
.topo .menu{ float:right; margin:50px 0 0 0; }
.topo .menu ul li{ float:left; margin:0 0 0 20px; }
.topo .menu ul li a{ color:#fff; font-size:18px; letter-spacing:2px; }
.topo .menu ul li a:hover{ opacity:0.5; }
.topo .info{ position:absolute; top: 10px; right:0; }
.topo .info .mail{font-family: 'Mooli', sans-serif; background: url('../images/mail.png') center left no-repeat; color: #fff; font-size: 12px; padding-left: 30px;  line-height: 24px; height: 24px; float: left; display: block; }
.topo .info .tel{font-family: 'Mooli', sans-serif; background: url('../images/tel.png') center left no-repeat;  color: #fff; font-size: 12px;  padding-left: 30px; line-height: 24px; height: 24px; float: left; display: block; margin-left: 30px; }
.topo .info .tel a{ color:#fff; }
.topo .info .mail a{ color:#fff; }

.banner {position: relative; width: 100%; height: auto;}
.banner img{width: 100%; height: auto; display: block;}

.topicos{ width:100%; position:relative; }
.topicos a{ float:left;}
.topicos a img{ width:100%; height:auto; display:block; }
.topicos a.tespaco{ width:57%; margin:0 2% 2% 0; }
.topicos a.tfestas{ width:40.5%; margin:0 0 2% 0; }
.topicos a.tfotos{ width:40.5%; margin:0 0 2% 0; }
.topicos a.torcamento{ width:40.5%; margin:0 2% 2% 0; }
.topicos a.tparque{ width:57%; margin:0 0 2% 0; }

.espaco{ width:100%; position:relative; }
.espaco{ width:100%; position:relative; }
.espaco .title{ text-align:center; background:#ffffc2;  width:100%; }
.espaco .title img{ width: 80%; display:inline-block; height:auto; }
.espaco .sobre{ width:80%; background:#ffffc2; padding:5% 10% 5% 10%; }
.espaco .sobre h2{ padding:10px 0; font-size:28px; width:50%; text-align: center; margin: 0 auto 30px auto; color:#fff; background:#91b0c4; letter-spacing:2px; }
.espaco .sobre p{ text-align: justify; font-size:16px; margin-bottom:20px; line-height:150%; font-family: 'Mooli', sans-serif;  }
.espaco .sobre ul li{ float:left; width:24%; margin:0 0.5%; }
.espaco .sobre ul li img{ width:100%; height:auto; display:block; }
.wp-video {
    max-width: 100%;
    height: auto;
    margin: 40px auto 0 auto;
}


.contato{ width:100%; position:relative; }
.contato .contact{ width:80%; background:#ffffc2; padding:5% 10% 5% 10%; }
.contato .contact .title{ width:100%; margin-bottom:60px; }
.contato .contact .title h2{ font-size:60px; width:30%; margin:55px 5% 0 0; float:left; line-height:80%; color:#8eb54e; }
.contato .contact .title h2 span{ font-size:30px; }
.contato .contact .title iframe{ width:65%; height:240px; float:left; }
.contato .contact  h3{ padding:10px 0; font-size:28px; width:50%; text-align: center; margin: 0 auto 50px auto; color:#fff; background:#8eb54e; letter-spacing:2px; }
.contato .contact p{ font-size:16px; margin-bottom:20px;  text-align: justify; line-height:150%; font-family: 'Mooli', sans-serif;  }
.contato .contact .formulario{ width:70%; margin:0 auto; }
.contato .contact .formulario ul li{ width:50%; float:left; margin:0 0 20px 0; }
.contato .contact .formulario ul li.full{ width:100%; }
.contato .contact .formulario label{ font-size:14px; letter-spacing:2px; display:block; margin-bottom:5px; }
.contato .contact .formulario input{font-family: 'Mooli', sans-serif;  width:80%; background: none; border: none; border-bottom:#212121 solid 1px; padding:3% 4% 1% 0; }
.contato .contact .formulario textarea{font-family: 'Mooli', sans-serif;  width:89%; height: 50px; background: none; border: none; border-bottom:#212121 solid 1px; padding:3% 4% 1% 0; }
.contato .contact .formulario button{font-family: 'bouncythin_personal_use_only'; padding:14px 0; font-size:18px; width:85%; text-align: center; color:#fff; background:#8eb54e; letter-spacing:2px; cursor:pointer; border:none; }
.contato .contact .formulario button:hover{ opacity:0.8; }

.fotos{ width:100%; position:relative; }
.fotos .galeria{ width:80%; background:#ffffc2; padding:0 10% 5% 10%; }
.fotos .galeria .title{ text-align:center; }
.fotos .galeria .title img{ width: 70%; display:inline-block; height:auto; }
.fotos .galeria h3{ padding:10px 0; font-size:28px; width:50%; text-align: center; margin: 0 auto 50px auto; color:#fff; background:#8eb54e; letter-spacing:2px; }
.fotos .galeria .box{ float:left; width:32%; margin: 0 0.6% 20px 0.6%; text-align:center; min-height:330px; }
.fotos .galeria .box img{ width:100%; height:100%; object-fit: cover; display: block; }
.fotos .galeria .box h4{ font-size:14px; text-align: center;  color:#fff; background:#8eb54e; letter-spacing:2px; font-weight: normal; padding: 8px 0;}


.parque{ width:100%; position:relative; }
.parque .cont{ width:80%; background:#ffffc2; padding:0 10% 5% 10%; }
.parque .cont .title{ text-align:center; }
.parque .cont .title img{ width: 70%; display:inline-block; height:auto; }
.parque .cont h3{ padding:10px 0; font-size:28px; width:70%; text-align: center; margin: 0 auto 50px auto; color:#fff; background:#5284c0; letter-spacing:2px; }
.parque .cont p{ text-align: justify; font-size:16px; margin-bottom:20px; line-height:150%; font-family: 'Mooli', sans-serif;  }


.festas{ width:100%; position:relative; }
.festas .title{ text-align:center; background:#ffffc2;  width:100%; }
.festas .title img{ width: 70%; display:inline-block; height:auto; }
.festas .cont{ width:80%; background:#ffffc2; padding:5% 10% 5% 10%; }
.festas .cont h2{ padding:10px 0; font-size:28px; width:70%; text-align: center; margin: 0 auto 50px auto; color:#fff; background:#ffa971; letter-spacing:2px; }
.festas .cont p{ text-align: justify; font-size:16px; margin-bottom:20px; line-height:150%; font-family: 'Mooli', sans-serif;  }
.festas .cont h3{ font-size:28px; text-align: center;  color:#fff; background:#ffa971; letter-spacing:2px; font-weight: normal;}
.festas .cont ul li{background:#ffa971;  }
.festas .cont ul li p{ color:#fff; }
.festas .cont .temas{ width:100%; position:relative; }
.festas .cont .temas .box{ float:left; width:32%; margin: 0 0.6% 20px 0.6%; text-align:center; min-height:210px; }
.festas .cont .temas .box img{ width:100%; height: 200px; object-fit:cover; display: block; }
.festas .cont .temas .box h4{font-family: 'Mooli', sans-serif; text-transform:uppercase; font-size:14px; text-align: center;  color:#fff; background:#ffa971; font-weight: bold; padding: 10px 0 8px 0;}

.wha{ position:fixed; bottom:40px; right:40px; z-index:9999; }
.wha img{ width:60px; height:auto; }

@media screen and (max-width:1000px){
.desktop{ display:none; }
.mobile{ display:block; }
.container{ width:90%; }
.abremenu{ display:block; position:absolute; right:0; top: 14px; z-index: 9999; background:#8eb54e; }
.abremenu img{ width:40px; height:auto; }
.topo .marca{ z-index: 9999; background:#8eb54e; position:relative; }
.topo .marca img{ width:200px;}
.topo .info{ display:none; }
.topo .menu{ display: none; width: 60%; position:absolute; top: 20px; right:-8%; z-index: 999; padding: 20px 9% 10px 20px;  background:#8eb54e; }
.topo .menu ul li{ float:none; margin:0 0 18px 0; text-align:right; }
.espaco .title img{ width:100%; }
.espaco .sobre h2{ width:90%;  font-size: 20px; }
.espaco .sobre ul li{ width:100%; margin:0 0 20px 0; }
.festas .title img{ width:90%; }
.festas .cont h2{ width:90%; font-size:20px; }
ul.accordion-list{ padding:0 10px 0 0; }
.festas .cont h3{ font-size:20px; }
.parque .cont .title img{ width:100%; }
.parque .cont h3{ width:90%; font-size:20px; }
.fotos .galeria .title img{ width:100%; }
.fotos .galeria h3{ width:90%; font-size:20px; }
.contato .contact .title h2{ width:100%; margin:0 0 40px 0; }
.contato .contact .title iframe{ width:100%; }
.contato .contact h3{ width:90%; font-size:20px; }
.contato .contact .formulario{ width:90%; }
.contato .contact .formulario button{ width:100%; font-size:16px; }

.topicos a.tespaco{ width:100%; margin:0 0 2% 0; }
.topicos a.tfestas{ width:49%; margin:0 1% 2% 0; float:left }
.topicos a.tfotos{ width:49%; margin:0 0 2% 1%; float:left; }
.topicos a.torcamento{ width:40.5%; margin:0 2% 2% 0; }
.topicos a.tparque{ width:57%; margin:0 0 2% 0; }

.festas .cont .temas .box{ width:100%; }
.fotos .galeria .box{ width:100%; }
}