@import url('//fonts.googleapis.com/css2?family=Mansalva&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Palanquin+Dark:wght@400;500;600;700&display=swap');  :root {   --swiper-theme-color:#64aa65 } body {   font-family: "Montserrat", sans-serif;   font-size: 16px; } header {   background: #10221b;   color:white;   padding:30px 0 } header .mob-wrapper {   display:flex;   align-items:center;   gap:20px;   } .sidebar-trigger-mainmenu {   font-size:30px; } header .buttonshead {   display:flex;   align-items:center;   justify-content:center;   gap:10px; } header .buttonshead img {   width:40px; } .btndef {   background:#64aa65;   color:white;   padding:0 20px;   border-radius:30px;   height:40px;   display:inline-flex;   align-items:center;   justify-content:center;   transition:0.5s ease;   border:1px solid transparent; } .sidebar-mainmenu {   background: #10221b;   } .sidebar-mainmenu ul.simple-menu a {   color:white;   font-family: "Palanquin Dark", sans-serif;   transition:0.5s ease; } .sidebar-mainmenu ul.simple-menu a:hover {   color:#64aa65; } .sidebar-mainmenu ul.simple-menu li {   padding:3px 0; } .sidebar-mainmenu ul.simple-menu {   margin:20px 0;   font-size: 20px; } .box {   padding:50px 0; } .box h1 {   text-align:center;   line-height:1.2;   margin-bottom: 45px; } h1 .toph1 {   font-family: "Mansalva", sans-serif;   color:#64aa65;   font-weight:normal; } h1 {   font-family: "Palanquin Dark", sans-serif;   color:#10221b; } .vantitem img{ margin: 0 auto 10px;   } .vantitem {   text-align:center;   } .vantitem .tititem, .promoitem .tititem, .acomoditem .tititem, .ativitem .tititem {   font-family: "Palanquin Dark", sans-serif;   font-size:18px;   margin-bottom:10px;   color:black;   line-height:1.2;   transition:0.5s ease; } .acomoditem .tititem {   margin-bottom:0; } .ativitem .tititem {   font-size:22px; } .box.promobox {   background:#e5edea; } .promoitem img {   border-radius:30px 30px 0 0 } .promoitem .content {   background:white;   padding:30px;   text-align:center;   z-index: 2;   position: relative; } .promoitem .txtitem, .acomoditem .txtitem {   color:gray;   margin-bottom:15px; } .acomoditem {   position:relative; } .acomoditem img {   border-radius:20px; } .acomoditem .content {   background:white;   margin:-40px 30px 0 30px;   position:relative;   border-radius:20px;   padding:15px 30px;   filter: drop-shadow(0 0 20px rgba(22,25,52,0.08)); } .box.acomodbox {   background:url(//matolimpo.com.br/__mato3/imgs/fundobird.webp) no-repeat top left; } .acomoditem .content:after {   content:'\f061';   -webkit-font-smoothing: antialiased;   display: inline-block;   font-style: normal;   font-variant: normal;   text-rendering: auto;   line-height: 1;   font-family: "Font Awesome 5 Free";   font-weight: 900;   text-align: center;   width: 1.25em;   position:absolute;   right:-20px;   color:white;   background:#64aa65;   width:40px;   height:40px;   display:flex;   align-items:center;   justify-content:center;   border-radius:50%;   top:20px;   transition: 0.5s ease; } .acomoditem a:hover .content:after, .promoitem a:hover .btndef {   background:#10221b; } .box.ativbox {   background:#f9f9f9; } .ativitem {   padding:25px;   text-align:center;   border-radius:20px;   background:white;   transition:0.5s ease; } .ativitem img {   border-radius:50%;   margin-bottom:20px; } .ativitem:hover, .instaitem a:hover img {   box-shadow: 0px 4px 60px 0px rgba(22, 23, 26, 0.22); } .viewinst h2 {   display:flex;   align-items:center;   gap:5px; } .instaitem img {   border-radius:30px;   transition:0.5s ease; } footer {   background:#10221b;   color:white;   position:relative;  padding: 80px 0 80px;   text-align: center; } footer .container.upup {   margin-top: -150px;   position:relative; } .footerup {  background:#3e5c44;  border-radius:20px;  padding:20px;  text-align:center;  line-height: 1.3; } footer .redes-sociais {   margin-top:15px;   display:flex;   justify-content:center;   gap:5px;   font-size:20px; } .footerup i {   font-size:40px; } .phonebig {   font-weight:bold;   font-size:22px; } .footerup .block2 .btndef {   margin-top:10px; } footer a.logo {   margin: 50px auto 20px auto;   display: block; } footer a {   color:white; } footer .block {   display:flex;   gap:10px;   margin-bottom:10px;   justify-content: center; } footer .block i {   width:20px;   text-align:center; margin-top:5px; } .circles {   display: flex;   gap: 10px;  margin-bottom:10px;   flex-wrap: wrap;   justify-content: center; } .circledark, .circlelite {   background: #10221b;   color: white;   text-align: center;   border-radius: 50%;   max-width: 140px;  flex-shrink: 0;   display:flex;   align-items:center;   justify-content:center;  aspect-ratio: 1;   line-height: 1;   flex-direction: column;   padding:5px; } .circlelite {   background:#64aa65; } .circledark .big, .circlelite .big {   font-family: "Palanquin Dark", sans-serif;   font-size:50px;   line-height: 50px;   margin-bottom: 5px; } .box.dayuse {   background: url(//matolimpo.com.br/__mato3/imgs/fundomont.webp) no-repeat center bottom;   position:relative;   padding-top: 32px;   background-size: cover; } .box.dayuse:before {   content:'';   display:block;   background: url(//matolimpo.com.br/__mato3/imgs/rope2.webp) no-repeat right top;   width:100%;   height: 330px;   position:absolute;   background-size:contain;   top: 0;   right: -125px; } header a.logo {   margin-left:auto; } .vantitem:hover .tititem {   color:#64aa65 } .swiper-promocoes .swiper-slide {   max-width:340px; } .swiper-acomodacoes .swiper-slide {   max-width: 350px; } .swiper-atividades .swiper-slide {   max-width:320px; } .swiper-instagram .swiper-slide {   max-width:340px; } .swiper-vantagens .swiper-slide {   max-width:465px; } footer .logo img {   margin:0 auto;   max-width: 325px; } footer .text {   text-align:center; }  .box.dayuse h1 { font-size:3rem; text-align: left;   }   .box.dayuse h1 .toph1 {  font-size:2rem;  width: 200px;   } .separ-btn {   margin-top:20px; }  .box.dayuse .text {   max-width:620px; } .btndef:hover {   background:#10221b; } header .btndef:hover {   border:1px solid white; } .box.dayuse .wrapper-top, .box.dayuse .text {   } footer .sideb {   justify-self:end; } section.viewinst {   margin-top:40px } iframe.wrapgooglemap {   height:330px; } .boxitem_blog a {   position:relative; } .boxitem_blog .tititem {   position:absolute;   bottom:0;   padding:50px 10px 10px;   color:white;   font-weight:bold;   background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));   right:0;   left:0; }