a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline; } a:hover {  text-decoration:none; } * {  box-sizing: border-box; } .footer-form form.sample:not(#form-admin) button, .reservation-form form.sample:not(#form-admin) button {  margin-top: initial;  display: initial;  padding: 0 30px;  border:none;  color:initial;  box-shadow: none;  background-color: #8ec560;  color: #FFF; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; } body {  line-height: 1;  font-family: OpenSans;  font-size: 16px; } ol, ul {  list-style: none; } blockquote, q {  quotes: none; } blockquote:after, blockquote:before, q:after, q:before {  content: "";  content: none; } table {  border-collapse: collapse;  border-spacing: 0; } a, a:active {  text-decoration: none;  color: inherit; } p {  line-height: 125%; } button {  border-style: none;  cursor: pointer; } @font-face {  font-family: OpenSans;  src: url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Regular.eot?oevfiw);  src: url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Regular.eot?oevfiw#iefix) format("embedded-opentype"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Regular.ttf?oevfiw) format("truetype"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Regular.woff?oevfiw) format("woff"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Regular.svg?oevfiw#icomoon) format("svg");  font-weight: 400;  font-style: normal; } @font-face {  font-family: OpenSans-Bold;  src: url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Bold.eot?oevfiw);  src: url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Bold.eot?oevfiw#iefix) format("embedded-opentype"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Bold.ttf?oevfiw) format("truetype"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Bold.woff?oevfiw) format("woff"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Bold.svg?oevfiw#icomoon) format("svg");  font-weight: 400;  font-style: normal; } @font-face {  font-family: OpenSans-Semibold;  src: url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Semibold.eot?oevfiw);  src: url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Semibold.eot?oevfiw#iefix) format("embedded-opentype"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Semibold.ttf?oevfiw) format("truetype"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Semibold.woff?oevfiw) format("woff"), url(//matolimpo.com.br/__mato2/css/fonts/OpenSans-Semibold.svg?oevfiw#icomoon) format("svg");  font-weight: 400;  font-style: normal; } @font-face {  font-family: Sintony-Bold;  src: url(//matolimpo.com.br/__mato2/css/fonts/Sintony-Bold.eot?oevfiw);  src: url(//matolimpo.com.br/__mato2/css/fonts/Sintony-Bold.eot?oevfiw#iefix) format("embedded-opentype"), url(//matolimpo.com.br/__mato2/css/fonts/Sintony-Bold.ttf?oevfiw) format("truetype"), url(//matolimpo.com.br/__mato2/css/fonts/Sintony-Bold.woff?oevfiw) format("woff"), url(//matolimpo.com.br/__mato2/css/fonts/Sintony-Bold.svg?oevfiw#icomoon) format("svg");  font-weight: 400;  font-style: normal; } .wrapper {  max-width: 1060px;  width: 100%;  margin: 0 auto;  position:relative; } @media (max-width: 1280px) {  .wrapper {   padding: 0 20px;  } } .btn, .btn-special, .btn-standard, form.sample button, a.mod-backtopage {  border-radius: 5px;  font-family: OpenSans-Semibold;  text-transform: uppercase;  display: block;  font-size: 14px;  background-color: #8ec560;  color: #fff;  line-height: 40px;  min-height: 40px;  -webkit-transition: all .3s;  transition: all .3s; } .btn-special:hover, .btn-standard:hover, .btn:hover, form.sample button:hover {  background-color: #81be4d; } a.mod-backtopage {  display:inline-block;  padding-left:50px;  padding-right:50px; } .btn-standard, form.sample button {  max-width: 150px;  font-family: Sintony-Bold;  padding: 0 30px;  text-align: center;  transition: 0.5s ease;  clear:both; } .btn-special {  font-family: Sintony-Bold;  padding: 0 40px;  border: 5px solid #8ec560;  box-shadow: inset 0 0 0 1px #fff;  text-align: center; } .btn-special:hover {  border: 5px solid #74b141; } .a h1 {  font-style: italic;  color: #90ee90; } .header-main  .wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;   -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  height: 88px;  transition: 0.5s ease; } @media (max-width: 960px) {  .header-main  .wrapper {   height: auto;   margin: 0;  } } .header-main  .wrapper .header-logo  a  img {  height: auto;  }  .header-main  .wrapper .header-items {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  text-transform: uppercase; } @media (max-width: 960px) {  .header-main  .wrapper .header-items {   display: none; }  ul#menu-principal {   position:absolute;   background:white;   right:0;   top: 60px;   padding: 20px;  }  ul#menu-principal li {   display:block;  }  ul#menu-principal li a {   line-height: 35px;   margin-right: 0;  } } .header-main  .wrapper .header-items ul li {  display:inline; } .header-main  .wrapper .header-items ul li a {  font-family: OpenSans-Semibold;  font-size: 14px;  color: #2c465a;  margin-right: 30px;  line-height: 88px;  transition:0.5s ease; } .header-main  .wrapper .header-items ul li.selected a, .header-main  .wrapper .header-items ul li a:hover{  color:#8ec560 }  @media (max-width: 960px) {  .header-main  .wrapper .header-action {   display:none;  }   } .header-main  .wrapper .header-menu-button {  display: none; } @media (max-width: 960px) {  .header-main  .wrapper .header-menu-button {   display: inline-block;   -webkit-box-pack: none;   -ms-flex-pack: none;   justify-content: none;  } } .hero-block  * {  text-transform: uppercase; } .hero-block  h1 {  font-family: OpenSans-Bold;  font-size: 50px;  color: #fff; } @media (max-width: 640px) {  .hero-block  h1 {   font-size: 37px;  } } .hero-block  h2 {  font-family: OpenSans-Bold;  font-size: 37px;  color: #fff; } .hero-block  h2  span {  color: #8ec560; } .hero-block  .hero-button  i {  font-size: 16px;  color: #fff; } .hero-block  .hero-play {  font-family: OpenSans-Bold;  font-size: 18px;  color: #fff; }  .hero {  display: table;  height: 100%;  width: 100%;  position: relative;  height: 570px;   background-size: cover; } @media (max-width: 640px) {  .hero {   height: 450px;  } } .hero .hero-arrows {  position: absolute;  left: 20px;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); } .hero .hero-arrows  a {  display: block;  position: relative;  border-radius: 50%;  width: 10px;  height: 10px;  border: 2px solid #fff;  background: transparent;  margin-bottom: 10px; } .hero .wrapper {  display: table-cell;  vertical-align: middle;  background:url(//matolimpo.com.br/__mato2/imgs/banner.webp) no-repeat center center;  background-size:cover; } .hero .wrapper .hero-block  * {  text-align: center;  margin: 0 auto; } .hero .wrapper .hero-block  h2 {  margin-bottom: 40px; } .hero .wrapper .hero-block  .hero-button {  display: block;  height: 50px;  width: 50px;  border: 2px solid #fff;  border-radius: 50%;  position: relative;  margin-bottom: 20px; } .hero .wrapper .hero-block  .hero-button  i {  position: absolute;  left: 50%;  top: 33%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%); } .hero .wrapper .hero-block  .hero-play {  display: block; } .activities .wrapper h2 {  font-family: Sintony-Bold;  font-size: 23px;  text-transform: uppercase; } .activities {  margin: 40px auto; } .activities .wrapper h2 {  text-align: center; } .activities .wrapper .activities-offers {  width: 80%;  margin: 0 auto;  text-align: center;  display: block; } @media (max-width: 480px) {  .activities .wrapper .activities-offers {   width: 100%;  } } .activities .wrapper .activities-offers .activities-each {  margin: 40px 0;  display: inline-block;  margin-right: 40px; } @media (max-width: 480px) {  .activities .wrapper .activities-offers .activities-each {   margin-right: 20px;  } } .activities .wrapper .activities-offers .activities-each:nth-child(4) {  margin-right: 0; } .activities .wrapper .activities-offers .activities-each  i {  margin-bottom: 10px;  color: #8ec560; } .activities .wrapper .activities-offers .activities-each  p {  font-family: OpenSans;  font-size: 16px; } .activities .wrapper .activities-offers  .activities-message {  max-width: 70%;  width: 100%;  margin: 0 auto;  font-family: OpenSans-Bold;  text-transform: uppercase;  border: 2px solid #979797;  color: #979797;  padding: 10px 0; } @media (max-width: 480px) {  .activities .wrapper .activities-offers  .activities-message {   max-width: 100%;  } } .company .wrapper  h2 {  font-family: Sintony-Bold;  font-size: 23px;  text-transform: uppercase; } .company .wrapper  p {  color: #979797;  font-family: OpenSans;  font-size: 16px; } .company {  background: url(//matolimpo.com.br/__mato2/imgs/company-bg.png) no-repeat 50%;  background-size: cover;  margin-top: 60px; } .company .wrapper  *, .company .wrapper  h2 {  text-align: center; } .company .wrapper  p {  width: 70%;  margin: 40px auto;  line-height: 125%; } .company .wrapper  .btn-standard {  margin: 0 auto; } .company .wrapper .company-images {  padding: 100px 0;  padding-bottom: 200px; } @media (max-width: 480px) {  .company .wrapper .company-images {   padding-top: 40px;   padding-bottom: 100px;  } } .company .wrapper .company-images  .company-images-block {  width: 205px;  margin: 0 auto;  display: inline-block; } @media (max-width: 480px) {  .company .wrapper .company-images  .company-images-block {   width: 100%;  } } .company .wrapper .company-images  .company-images-block:first-of-type {  position: relative;  top: 30px; } @media (max-width: 480px) {  .company .wrapper .company-images  .company-images-block:first-of-type {   margin-bottom: 30px;  } } .company .wrapper .company-images  .company-images-block  img {  width: 200px;  margin-bottom: 5px; } @media (max-width: 400px) {  .company .wrapper .company-images  .company-images-block  img {   width: 100%;  } } .contact-message  i {  position: relative;  font-size: 26px;  -webkit-transform: rotate(-40deg);  transform: rotate(-40deg);  top: -6px;  left: 10px; } .contact-message p, .contact-message span {  font-family: OpenSans-Bold;  font-size: 14px;  text-transform: uppercase; } .contact-message span {  color: #8ec560; } .contact-number  * {  font-family: OpenSans-Bold;  font-size: 23px;  text-transform: uppercase; } .contact {  height: 77px;  border-bottom: 1px solid #dde3e7;  background: white; } @media screen and (max-width: 760px) {  .contact {   height: auto;   border: none;  } } @media screen and (max-width: 495px) {  .contact {   margin-bottom: 140px;  } } .contact .wrapper {  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  background: white; } @media screen and (max-width: 760px) {  .contact .wrapper {   display: block;  } } .contact .wrapper .contact-review {  position: relative;  left: 0;  top: -50px; } @media screen and (max-width: 760px) {  .contact .wrapper .contact-review {   position: relative;   display: block;   margin: 0 auto;   text-align: center;  } } .contact .wrapper .contact-review .contact-flag {  display: inline-block; } .contact .wrapper .contact-review .contact-flag:first-child {  margin-right: 20px; } @media screen and (max-width: 340px) {  .contact .wrapper .contact-review .contact-flag:first-child {   margin-right: 0;   display: block;  } } .contact .wrapper .contact-review .contact-flag  img {  max-height: 150px;  height: auto; } .contact .wrapper .contact-info {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  height: 70px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; } @media screen and (max-width: 760px) {  .contact .wrapper .contact-info {   position: relative;   display: block;   margin: 0 auto;   text-align: center;  } } .contact .wrapper .contact-info .contact-message {  display: flex;  margin-top: 10px;  margin-right: -15px;  position: relative;  width: 296px;  align-items: center;  justify-content: center; } .contact .wrapper .contact-info .contact-message:after {  content: "";  display: block;  position: absolute;  height: 49px;  width: 1px;  right: 30px;  top: 0;  background: #dde3e7; } @media screen and (max-width: 495px) {  .contact .wrapper .contact-info .contact-message {   margin-bottom: 40px;  } } @media screen and (max-width: 760px) {  .contact .wrapper .contact-info .contact-message {   margin-right: 0;  }  .contact .wrapper .contact-info .contact-message:after {   display: none;  } } @media (max-width: 400px) {  .contact .wrapper .contact-info .contact-message {   margin: 0;   margin-bottom: 20px;  } } .contact .wrapper .contact-info .contact-message div {  display: flex;  align-items: center; } .contact .wrapper .contact-info .contact-message  i {  margin-right: 10px; } .contact .wrapper .contact-info .contact-message  div {  width: 80%; } .contact .wrapper .contact-info .contact-number {  display: inline-block; } .contact .wrapper .contact-info .contact-number  * {  text-align: left; } .footer-main {  background: url(//matolimpo.com.br/__mato2/imgs/traveller-bg.png) 200px 0 no-repeat;  background-color: #373844;  padding: 60px 0;  padding-top: 90px; } .footer-main .wrapper .footer-block  img {  display: block;  margin: 0 auto; } .footer-main .wrapper .footer-block  h2 {  font-family: OpenSans-Bold;  font-size: 18px;  color: #fff;  margin-top: 25px;  margin-bottom: 10px;  text-align: center; } .footer-main .wrapper .footer-block  p {  font-family: OpenSans;  font-size: 14px;  color: #fff;  text-align: center; } .footer-main .wrapper .footer-block  .footer-form {  max-width: 400px;  width: 100%;  position: relative;  margin: 30px auto;  text-align: center; } .footer-main .wrapper .footer-block  .footer-form  i {  color: #8ec560;  position: absolute;  left: 15px;  top: 11px; } .footer-main .wrapper .footer-block  .footer-form  input {  display: inline-block;  width: 60%;  border: 1px solid #fff;  background: transparent;  line-height: 38px;  height: 38px;  padding-left: 40px; } @media (max-width: 480px) {  .footer-main .wrapper .footer-block  .footer-form  input {   width: 58%;  } } .footer-main .wrapper .footer-block  .footer-form  button {  display: inline-block;  width: 40%;  position: relative;  left: -5px;  top: -2px;  border-top-left-radius: 0;  border-bottom-left-radius: 0;  height: 40px; } .gallery {  background: #edf1f3;  padding-top: 80px; } .gallery .wrapper h2 {  text-transform: uppercase;  font-family: Sintony-Bold;  text-align: center;  font-size: 23px;  margin-bottom: 20px; } .gallery .gallery-images {   display: -ms-flexbox;  -ms-flex-pack: start;  -ms-flex-align: center; } .gallery .gallery-images  .gallery-each {  margin: 0;  width: 392px;  } .gallery .gallery-images  .gallery-each  img {  height: auto;  width: 100%; } .packages .wrapper  h2 {  font-family: Sintony-Bold;  font-size: 23px;  text-transform: uppercase;  color: #fff; } .packages .wrapper  p {  color: #fcfcfc;  font-family: OpenSans;  font-size: 16px; } .packages .wrapper .packages-slider .packages-info  * {  color: #fff; } .packages .wrapper .packages-slider .packages-info p {  font-family: OpenSans-Semibold;  text-transform: uppercase;  font-size: 23px; } .packages .wrapper .packages-slider .packages-info span {  font-family: OpenSans;  font-size: 16px; } .packages {  padding: 40px 0;  background-color: #779a50;  position: relative; } .packages:after, .packages:before {  content: "";  display: block;  position: absolute;  z-index: 2;  height: 200px;  min-width: 100%; } .packages:before {  top: -100px;  background: url(//matolimpo.com.br/__mato2/imgs/bg-top-transparent.png) no-repeat; } .packages:after {  background: url(//matolimpo.com.br/__mato2/imgs/bg-bottom-transparent.png) no-repeat; } .packages .wrapper  h2, .packages .wrapper  p {  text-align: center; } .packages .wrapper  h2 {  margin-bottom: 20px; } .packages .wrapper  p {  width: 80%;  margin: 0 auto; } .packages .wrapper .packages-slider {  display: block;  margin: 60px auto;  text-align: center;  position: relative;  height: 200px;  overflow: hidden; } .packages .wrapper .packages-slider .packages-arrow-left, .packages .wrapper .packages-slider .packages-arrow-right {  z-index: 1;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  position: absolute;  color: #bacca6;  font-size: 35px; } .packages .wrapper .packages-slider .packages-arrow-left {  left: 0; } .packages .wrapper .packages-slider .packages-arrow-right {  right: 0; } .packages .wrapper .packages-slider .packages-picture {  display: inline-block;  position: relative;  margin-right: 20px;  width: 200px; } .wrap-package {  width:200px; } @media (max-width: 960px) {  .packages .wrapper .packages-slider .packages-picture:last-child {   margin-right: 0;  } } @media (max-width: 480px) {  .packages .wrapper .packages-slider .packages-picture {   margin-right: 0;  } } .packages .wrapper .packages-slider .packages-picture:last-child {  margin-right: 0; } .packages .wrapper .packages-slider .packages-picture:hover  .packages-info {  opacity:1; } .packages .wrapper .packages-slider .packages-picture  .packages-imgHolder {  display: block;  border-radius: 50%;  height: 200px;  width: 200px;  overflow: hidden; } .packages .wrapper .packages-slider .packages-picture .packages-imgHolder  img {  width: 100%;  height: auto; } .packages .wrapper .packages-slider .packages-picture .packages-info {  opacity: 0;  overflow: hidden;  position: absolute;   left: 0;  right: 0;  margin: 0 auto;  top: 0;  text-align: center;  background: rgba(0,0,0,0.6);  bottom: 0;  border-radius: 50%;  padding: 57px 10px 0;  transition: 0.5s ease; } .packages .wrapper .packages-slider .packages-picture .packages-info p {  margin-bottom: 10px; } .price .wrapper  h2 {  font-family: Sintony-Bold;  font-size: 23px;  text-transform: uppercase;  color: #14141d; } .price .wrapper > p {  color: #5c6369;  font-family: OpenSans;  font-size: 16px; } .price .wrapper .price-table .price-row > .price-hour {  font-family: Sintony-Bold;  font-size: 14px;  color: #14141d; } .price .wrapper .price-table .price-row .price-info {  font-family: OpenSans-Semibold;  font-size: 16px;  color: #14141d;  text-transform: uppercase; } .price .wrapper .price-table .price-row  .price-value {  font-family: OpenSans-Bold;  font-size: 16px;  color: #8ec560;  text-transform: uppercase; } .price .wrapper .price-table .price-row  .price-value  p:before {  font-size: 11px; } .price {  padding-top: 200px;  background: url(//matolimpo.com.br/__mato2/imgs/rope.png) -350px -13% no-repeat, -webkit-linear-gradient(transparent, transparent), url(//matolimpo.com.br/__mato2/imgs/mato-bg.jpg) 100% 100% no-repeat;  background: url(//matolimpo.com.br/__mato2/imgs/rope.png) -350px -13% no-repeat, linear-gradient(transparent, transparent), url(//matolimpo.com.br/__mato2/imgs/mato-bg.jpg) 100% 100% no-repeat;  padding-bottom: 80px; } @media (max-width: 400px) {  .price {   background: url(//matolimpo.com.br/__mato2/imgs/rope.png) -500px -8% no-repeat, -webkit-linear-gradient(transparent, transparent), url(//matolimpo.com.br/__mato2/imgs/mato-bg.jpg) 100% 100% no-repeat;   background: url(//matolimpo.com.br/__mato2/imgs/rope.png) -500px -8% no-repeat, linear-gradient(transparent, transparent), url(//matolimpo.com.br/__mato2/imgs/mato-bg.jpg) 100% 100% no-repeat;  } } .price .wrapper  h2, .price .wrapper p {  text-align: center; } .price .wrapper  h2 {  margin-bottom: 20px; } .price .wrapper > p {  width: 80%;  margin: 0 auto;  margin-bottom: 40px; } .price .wrapper .price-table {  margin-bottom: 80px; } .price .wrapper .price-table .price-row {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  max-width: 500px;  margin: 0 auto;  width: 100%;  border-top: 1px solid #e1e1e1;  min-height: 70px; } .price .wrapper .price-table .price-row:first-child  .price-hour:after {  content: "";  height: 100%;  width: 1px;  background: #e1e1e1;  right: 0;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  position: absolute; } .price .wrapper .price-table .price-row:last-child {  border-bottom: 1px solid #e1e1e1; } .price .wrapper .price-table .price-row  .price-hour {  min-width: 25%;  position: relative; } @media (max-width: 400px) {  .price .wrapper .price-table .price-row  .price-hour {   font-size: 12px;  } } .price .wrapper .price-table .price-row .price-info {  min-width: 45%;  margin: 0 20px; } @media (max-width: 400px) {  .price .wrapper .price-table .price-row  .price-info {   min-width: 30%;   font-size: 14px;  } } .price .wrapper .price-table .price-row  .price-value {  min-width: 25%; } .price .wrapper .price-table .price-row  .price-value  p {  position: relative; } .price .wrapper .price-table .price-row  .price-value  p:before {  content: "R$";  position: absolute;  top: -3px;  left: 17px; } @media (max-width: 400px) {  .price .wrapper .price-table .price-row  .price-value  p:before {   left: -5px;   top: -10px;  } } .price .wrapper  a {  margin: 0 auto; } .reservation  .wrapper  h2 {  font-family: Sintony-Bold;  font-size: 23px;  text-transform: uppercase;  color: #14141d; } .reservation  .wrapper  p {  color: #5c6369;  font-family: OpenSans;  font-size: 16px; } .reservation  .wrapper .reservation-form .reservation-footer .reservation-message p {  font-family: OpenSans-Bold;  font-size: 10px;  text-transform: uppercase; } .reservation  .wrapper .reservation-form .reservation-footer .reservation-message span {  color: #8ec560; } .reservation  .wrapper .reservation-form .reservation-footer .reservation-number p {  font-family: OpenSans-Bold;  font-size: 16px;  text-transform: uppercase; } .reservation {  background: #f4f5f5;  padding-top: 80px;  padding-bottom: 60px; } .reservation  .wrapper h2, .reservation  .wrapper p {  text-align: center; } .reservation  .wrapper h2 {  margin-bottom: 20px; } .reservation  .wrapper p {  width: 70%;  margin: 0 auto 40px; } .reservation  .wrapper .reservation-block {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -ms-flex-wrap: wrap;  flex-wrap: wrap; } @media (max-width: 960px) {  .reservation  .wrapper .reservation-block {   display: block;  } } .reservation  .wrapper .reservation-block  .reservation-image {  width: 45%;  display: inline-block;  margin-right: 40px; } @media (max-width: 960px) {  .reservation  .wrapper .reservation-block  .reservation-image {   display: block;   width: 100%;   text-align: center;   margin-bottom: 30px;  } } .reservation  .wrapper .reservation-block  .reservation-image  img {  min-width: 400px;  max-width: 500px;  width: 100%; } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-image  img {   min-width: auto;   display: block;   width: 100%;   text-align: center;   margin-bottom: 30px;  }   } .reservation  .wrapper .reservation-block  .reservation-form {  display: inline-block;  width: 50%; } @media (max-width: 960px) {  .reservation  .wrapper .reservation-block  .reservation-form {   display: block;   width: 70%;   margin: 0 auto;  } } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-form {   display: block;   width: 100%;   margin: 0 auto;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-fieldblock {  display: block;  margin-bottom: 10px; } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-form .reservation-fieldblock {   margin-bottom: 0;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-fieldblock div {  display: inline-block;  max-width: 48%;  width: 100%; } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-form .reservation-fieldblock div {   max-width: 80%;   width: 100%;   display: block;   margin: 0 auto;   text-align: center;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-fieldblock div  input {  width: 100%;  margin-right: 10px; } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer {  display: block;   margin-top: 15px; } @media (max-width: 960px) {  .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer {   text-align: center;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer  *, .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer  *  * { } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer button {  display: inline-block;  margin-right: 20px; } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer button {   display: block;   margin: 0 auto;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer .reservation-message {  display: inline-block;  width: 40%;  margin-right: 10px; } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer .reservation-message {   width: 100%;   display: block;   margin: 20px auto;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer .reservation-message p {  text-align: left;  width: 80%; } @media (max-width: 640px) {  .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer .reservation-message p {   margin: 0 auto;   width: 100%;   text-align: center;   display: block;  } } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer .reservation-number {  display: inline-block; } .reservation  .wrapper .reservation-block  .reservation-form .reservation-footer .reservation-number p {  width: 100%; } .reservation-fieldblock  div {  position: relative; } form.sample .input {  border: none;  border-bottom: 1px solid #e1e1e1;  background: transparent;  line-height: 30px;  font-family: OpenSans;  box-shadow: none;  padding: 3px 3px 0 3px; } .contato.interna form.sample .input {  border: 1px solid #e1e1e1; } form.sample label {  color:grey;  margin-top: 8px; } .reservation-fieldblock  div i {  position: absolute;  right: 20px;  top: 8px; } .reviews {  background: url(//matolimpo.com.br/__mato2/imgs/bg-pattern.png);  padding-top: 60px;  padding-bottom: 30px; } .reviews  * {  color: #fff; } .reviews .wrapper {  position: relative; } .reviews .wrapper h2 {  font-family: Sintony-Bold;  text-transform: uppercase;  font-size: 23px;  text-align: center; } .reviews .wrapper  .reviews-arrow-left, .reviews .wrapper  .reviews-arrow-right {  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); } .reviews .wrapper  .reviews-arrow-left {  left: 20px; } .reviews .wrapper  .reviews-arrow-right {  right: 20px; } .reviews .wrapper .reviews-each {  margin: 30px auto !important;   display: block;  width: 80%;  margin: 0 auto;  position: relative; }  .reviews .wrapper .reviews-each  p {  position: relative;  text-align: center;  font-family: OpenSans;  font-size: 14px;  margin-bottom: 40px;  padding: 0 120px; }  .reviews .wrapper .reviews-each  p:before {  position: absolute;  font-family: FontAwesome;  content: "\f10d";  left: 71px;  top: -20px; } .reviews .wrapper .reviews-each  p:after {  position: absolute;  font-family: FontAwesome;  content: "\f10e";  z-index: 2;  right: 83px;  bottom: 0; }  @media (max-width: 640px) {  .reviews .wrapper .reviews-each {   width: 100%;  }  .reviews .wrapper .reviews-each  p {   padding:0 60px  }  .reviews .wrapper .reviews-each  p:after {   bottom:-30px;  } } .reviews .wrapper .reviews-each  .reviews-picture {  display: block;  text-align: center;  margin: 0 auto;  position: relative;  border-radius: 50%;  width: 88px;  height: 88px;  overflow: hidden;  border: 2px solid #fff; } .reviews .wrapper .reviews-each  .reviews-picture  img {  position: relative;   display: block;  text-align: center;  margin: 0 auto; } .reviews .wrapper .reviews-each  span {  font-family: Sintony-Bold;  font-size: 14px;  text-transform: uppercase;  text-align: center;  display: block;  margin-top: 20px; } .reviews .wrapper .reviews-each  .reviews-star {  display: block;  text-align: center;  margin: auto;  margin-top: 10px; } .social {  padding: 30px 0;  background-color: #edf1f3; } .social .wrapper  div {  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; } .social .wrapper  div img {  display: inline-block;  margin-right: 20px; } .social .wrapper  div p {  display: inline-block;  font-family: OpenSans-Bold;  font-size: 18px; } @media (max-width: 400px) {  .social .wrapper  div p {   font-size: 16px;  } }  .gallery-images .jCyrouselSlide {   padding: 0; } header {   background: white;   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);   padding: 10px 0; } header.stickyEd.header-main .wrapper {   height: 60px; } a.scroolTopButton {   background: #8ec560; } .interna .insidecontent {   padding: 60px 0;   max-width: 1060px;   margin: 0 auto; } form.newsform label {   display: none; } .sideform1,.sideform2 {   width: 48%; } .sideform1 {float:left} .sideform2 {float:right} .fieldwrap {   position: relative; } .reservation-form form.sample .input {   width: 100%; } .reservation-form form.sample img.ui-datepicker-trigger {  position:absolute;  right:0; } .reservation-form form.sample .iconfa:before {   position: absolute;   right: 0;   top: 6px; } .textowrap h2 {  color: white;   font-weight: bold;   margin-bottom: 15px;   font-size: 28px;   color: #8ec560;   border-bottom: 1px solid #8ec560; } .boxitem_blog {  margin-bottom:10px; } @media (min-width: 993px) { .boxitem_blog {   width: 33.3%;   display: inline-block;   vertical-align: top;   position: relative;   } } .boxitem_blog a {  position: relative;   display: block;   width: 300px;   margin: 0 auto; } .txt-noticia-interna img {   background: white;   padding: 3px;   margin: 3px;   box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); } .gallery-each {  position:relative; } .boxitem_blog a span.tititem, .desc-show{  position:absolute;  bottom:0;  left:0;  width:100%;  padding:20px;  font-size:20px;  color:white;  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.8) 54%,rgba(0,0,0,0.8) 100%);  line-height:1.3 } .gallery-each .desc-show {  opacity:0;  transition:0.5s ease; } .gallery-each:hover .desc-show {  opacity:1; } h1.noticia-interna-tit {   font-size: 30px;   margin-bottom: 10px;   text-align: center; } .imgmain-wrap-interna {   text-align: center;   margin-bottom: 30px; } .noticia-interna-txt {   width: 660px;   margin: 0 auto 30px;   text-align: left;   max-width: 100%; } .reservas.interna .txt-noticia-interna.area-texto {   max-width: 1060px;   margin:0 auto; } .noticia-interna-bloco {   text-align: center; } .gallery-images .slick-next, .gallery-images .slick-prev {background:#8ec560} .reservas.interna .insidecontent {   max-width: 100%;   padding-bottom: 0; }  .interna .textowrap table {   width: 100% !important;   text-align: center;   margin: 20px 0;   vertical-align: top; } .interna .textowrap table td {  vertical-align: top; } .textowrap {   padding: 0 10%;   font-size: 18px;   line-height: 1.3; } .formwrap {  padding: 0 10%; } .textowrap ul {   padding-left: 20px; } .bg_video {   position: absolute;   top: -241px;   bottom: 0;   min-width: 100%;   min-height: 100%;   z-index: -1;   right: 0;   background: url(//matolimpo.com.br/__mato2/imgs/banner-mato-limpo.jpg) no-repeat 0 0;   background-size: cover; }  .endereco-wrap {color:white;text-align:center;line-height:1.5} .tel_info div {display:inline-block;margin-right:10px;} .reservation-form form.sample textarea.input {   height: 87px; } .reservation-form .fieldwrap.fieldname-mensagem {   clear:both; } .reservation-form form.sample select.input {   padding-bottom:6px } .whatsapp_relative {position:fixed;bottom:40px;} a.whatsapp_floatbox { position:relative;display: block;background:rgba(0,0,0,0.9); color:white;padding:5px 10px 5px 45px;border-radius:0 10px 10px 0} .whatsapp_floatbox_number {display:block;font-size:18px;font-weight:bold; } .whatsapp_floatbox_frase {display:block;font-size:10px;} a.whatsapp_floatbox:before { content:''; display:block; position:absolute; background:url(//matolimpo.com.br/__mato2/imgs/whatsapp.png) 0 0 no-repeat; width:30px; height:30px; left:5px; top:10px; background-size:100%;   z-index:99999;  } .reservation-message span {display:block} .reservation .wrapper .reservation-block .reservation-form .reservation-footer .reservation-message {margin-bottom:10px}  .itemone_acomodacoes .imgmain-wrap-interna {   float: left; } .itemone_acomodacoes {  border-bottom:1px solid #8ec560;  padding-bottom:30px;  margin-bottom:50px } .itemone_acomodacoes .acomfullwrap:after,.itemone_acomodacoes ul.listfotos:after {  clear:both;  content:'';  display:block; } @media (min-width: 601px) { .itemone_acomodacoes .wrap-noticia-full-content {  margin-left: 330px; } } .itemone_acomodacoes h1.noticia-interna-tit {   text-align: left; } .itemone_acomodacoes .noticia-interna-txt {   margin: 0; }  .itemone_acomodacoes ul.listfotos li {  margin-right:10px; } .itemone_acomodacoes ul.listfotos li img {   width: 150px;   float: left;   height: 100px; } .itemone_acomodacoes h2.tit-minisec.fotostit {   display: none; } .header-action.mobile-only {  margin-top:30px; } @media (min-width: 601px) { .mobile-only {  display: none; } }  .editor-text-area-wrap table td {  display: flex; }  body.contato .editor-text-area-wrap table td {  display: block;  max-width: 70%; }  @media (min-width: 993px) {   body.contato .editor-text-area-wrap table td,  .editor-text-area-wrap table td {   display: table-cell;  }  } .txt-noticia-interna img {  max-width: 100%;  display: block;  height:auto; } body.blog.itempage .container {  max-width: 1080px;  margin:0 auto;  width:80%; }