* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  padding: 0;
}
a img {
  border: 0;
}
form * {
  outline: none;
}
.container {
  padding: 0 20px 20px;
  width: 100%;
}
.sem-bg {
  background: none !important;
}
body {
  background: #EBEBEB;
  font: 600 20px 'Darker Grotesque', sans-serif;
  height: 100%;
  overflow-x: hidden;
}
body.menu-aberto .mask {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
}
body.home {
  background: #EBEBEB;
}
body.home #topo {
  top: 0;
  z-index: 2;
  left: 0;
  position: absolute;
  width: 100%;
}
body.onboarding {
  background: #5F6062;
}
body.fundo-branco {
  background: #fff;
}
header {
  background: #fff;
  border-radius: 0 1px 1px 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  height: 100vh;
  left: -100vw;
  max-height: 100%;
  min-width: 293px;
  overflow: hidden;
  padding: 0 0 120px;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-in;
  z-index: 999;
}
header.aberto {
  left: 0;
}
header .dados-usuario {
  align-items: center;
  background: #212121;
  color: #fff;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  line-height: 18px;
  padding: 49px 30px;
}
header .dados-usuario strong {
  display: block;
  font-size: 20px;
}
header nav {
  font-size: 22px;
  padding: 47px 30px 30px;
}
header nav li {
  list-style: none;
  margin: 0 0 27px;
}
header nav li a {
  color: #5F6062;
  opacity: 0.5;
  padding: 0 0 0 35px;
  text-decoration: none;
}
header nav li a:hover {
  text-decoration: underline;
}
header nav li a.ativo {
  opacity: 1;
}
header nav li a.home {
  background: url(../imagem/ico-home.svg) left center no-repeat;
}
header nav li a.reservas {
  background: url(../imagem/ico-reservas.svg) left center no-repeat;
}
header nav li a.morador {
  background: url(../imagem/ico-morador.svg) left center no-repeat;
}
header nav li a.chat {
  background: url(../imagem/ico-chat.svg) left center no-repeat;
}
header nav li a.faq {
  background: url(../imagem/ico-faq.svg) left center no-repeat;
}
header .botao {
  background: #212121;
  bottom: 0;
  padding: 24px 65px;
  text-align: center;
  left: 0;
  position: absolute;
  width: 100%;
}
header .botao a {
  background: #F1AE26;
  color: #212121;
  border-radius: 1px;
  border: 0;
  display: block;
  font-size: 22px;
  height: 56px;
  line-height: 56px;
  text-decoration: none;
}
#topo {
  padding: 20px;
}
#topo.float {
  top: 0;
  z-index: 3;
  left: 0;
  position: absolute;
  width: 100%;
}
#topo h2 {
  color: #5F6062;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin: 20px 0 10px;
}
#topo .botoes {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#topo .botoes .abre-menu {
  background: url(../imagem/menu.svg) no-repeat;
  height: 15px;
  overflow: hidden;
  text-indent: -99999px;
  width: 24px;
}
#topo .botoes .voltar {
  background: url(../imagem/voltar.svg);
  height: 36px;
  overflow: hidden;
  text-indent: -99999px;
  width: 36px;
}
#home {
  border-radius: 0 0 1px 1px;
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#home:after {
  background: #000000;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.7) 70%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.7) 70%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.7) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  content: "";
  height: 100%;
  top: 0;
  z-index: 2;
  left: 0;
  position: absolute;
  width: 100%;
}
#home img {
  display: block;
  width: 100%;
}
#home .container {
  bottom: 0;
  padding: 0 40px 31px;
  z-index: 3;
  left: 0;
  position: absolute;
  width: 100%;
}
#home p {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 20px;
}
#home p strong {
  display: block;
  font-size: 38px;
  margin: 0 0 7px;
}
.filtro {
  padding: 30px 0;
}
.filtro ::-webkit-input-placeholder {
  color: #AFAFB1;
}
.filtro ::-moz-placeholder {
  color: #AFAFB1;
}
.filtro ::-ms-placeholder {
  color: #AFAFB1;
}
.filtro ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
.filtro .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
}
.filtro .wrap_input {
  width: 84%;
}
.filtro .wrap_input label {
  color: #5F6062;
  display: block;
  font-size: 20px;
  margin: 0 0 12px;
}
.filtro .wrap_input input {
  background: url(../imagem/lupa.svg) 15px center no-repeat #fff;
  border: 0;
  border-radius: 1px;
  color: #86888A;
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  padding: 0 15px 0 47px;
  height: 56px;
  width: 100%;
}
.filtro .wrap_input input:focus {
  outline: 1px solid #AFAFB1;
}
.filtro .wrap_input select {
  background: #EBEBEB;
  border: 0;
  border-radius: 1px;
  color: #86888A;
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  padding: 0 15px 0 47px;
  height: 56px;
  width: 100%;
}
.filtro .wrap_input select:focus {
  outline: 1px solid #AFAFB1;
}
.filtro .abre-filtro {
  background: url(../imagem/filtro.svg) no-repeat;
  display: block;
  height: 20px;
  overflow: hidden;
  text-indent: -99999px;
  width: 20px;
}
.filtro .mais-filtro {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 1px 1px 0 0;
  bottom: 0;
  display: none;
  left: 0;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  z-index: 5;
}
.filtro .mais-filtro ::-webkit-input-placeholder {
  color: #AFAFB1;
}
.filtro .mais-filtro ::-moz-placeholder {
  color: #AFAFB1;
}
.filtro .mais-filtro ::-ms-placeholder {
  color: #AFAFB1;
}
.filtro .mais-filtro ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
.filtro .mais-filtro:before {
  background: #F1AE26;
  border-radius: 1px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 16px;
  width: 35px;
}
.filtro .mais-filtro .container {
  display: block;
  padding: 35px 25px 30px;
}
.filtro .mais-filtro .wrap_input {
  margin: 0 0 17px;
  width: 100%;
}
.filtro .mais-filtro .wrap_input #localizacao {
  background-image: url(../imagem/localizacao.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  background-color: #EBEBEB;
}
.filtro .mais-filtro .wrap_input #hospedes {
  background-image: url(../imagem/hospedes.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  background-color: #EBEBEB;
}
.filtro .mais-filtro .radio_duas_colunas {
  color: #EBEBEB;
  display: flex;
  justify-content: space-between;
}
.filtro .mais-filtro .radio_duas_colunas .wrap_radio {
  margin: 0;
  width: 48%;
}
.filtro .mais-filtro .radio_duas_colunas .wrap_radio .checkmark {
  background: #EBEBEB;
  border-radius: 1px;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 18px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
.filtro .mais-filtro .radio_duas_colunas .wrap_radio input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.filtro .mais-filtro .radio_duas_colunas .wrap_radio input:checked ~ .checkmark {
  background-color: #EBEBEB;
  color: #5F6062;
  outline: 2px solid #AFAFB1;
}
.filtro .mais-filtro .radio_duas_colunas .wrap_radio input:disabled ~ .checkmark {
  background-color: #D7D7D8;
  text-decoration: line-through;
}
.filtro .mais-filtro .wrap_range {
  margin: 0 0 35px;
}
.filtro .mais-filtro .wrap_range label {
  color: #5F6062;
  display: block;
  font-size: 20px;
  margin: 0;
}
.filtro .mais-filtro .wrap_range input {
  border: 0;
  color: #86888A;
  font: 600 16px 'Darker Grotesque', sans-serif;
  margin: 0 0 20px;
  width: 100%;
}
.filtro .mais-filtro .wrap_range .ui-widget.ui-widget-content {
  background: #EBEBEB;
  border: 0;
  border-radius: 3px;
  height: 4px;
}
.filtro .mais-filtro .wrap_range .ui-slider-horizontal .ui-slider-range {
  background: #F1AE26;
}
.filtro .mais-filtro .wrap_range .ui-slider-handle {
  background: #fff;
  border: 7px solid #F1AE26;
  border-radius: 50%;
  height: 22px;
  top: -0.4em;
  width: 22px;
}
.filtro .mais-filtro .botao {
  background: #F1AE26;
  border: 0;
  border-radius: 1px;
  color: #212121;
  display: block;
  font: 700 20px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  width: 100%;
}
.lista-unidades h2 {
  color: #5F6062;
  font-size: 28px;
  margin: 0 0 27px;
}
.lista-unidades li {
  background: #fff;
  list-style: none;
  position: relative;
}
.lista-unidades li h3 {
  color: #5F6062;
  font-size: 22px;
  letter-spacing: 0.04em;
}
.lista-unidades li p {
  color: #86888A;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 0 12px;
}
.lista-unidades li .valor {
  color: #86888A;
  display: block;
  font-size: 18px;
  letter-spacing: normal;
}
.lista-unidades li a.mais {
  height: 100%;
  left: 0;
  overflow: hidden;
  text-indent: -99999px;
  position: absolute;
  top: 0;
  width: 100%;
}
.lista-unidades .comodos {
  align-items: center;
  color: #AFAFB1;
  display: flex;
  font-size: 15px;
  line-height: 15px;
  margin: 0 0 15px;
}
.lista-unidades .comodos span {
  margin: 0 15px 0 4px;
}
.lista-unidades.horizontal {
  background: #EBEBEB;
  padding: 0 0 15px 20px;
}
.lista-unidades.horizontal .container {
  padding: 0 20px 20px 0;
}
.lista-unidades.horizontal .titulo {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.lista-unidades.horizontal .titulo h2 {
  font-size: 24px;
  margin: 0;
}
.lista-unidades.horizontal .titulo .mais {
  background: url(../imagem/mais.svg) no-repeat;
  height: 6px;
  overflow: hidden;
  text-indent: -99999px;
  width: 30px;
}
.lista-unidades.horizontal li {
  border-radius: 1px;
  display: block;
  margin: 0 15px 0 0;
  padding: 16px 16px 5px;
  width: 255px;
}
.lista-unidades.horizontal li img {
  border-radius: 1px;
  display: block;
  margin: 0 0 12px;
  max-width: 100%;
}
.lista-unidades.horizontal li .valor strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #5F6062;
}
.lista-unidades.horizontal li .valor.seta {
  background: url(../imagem/seta-link.svg) right center no-repeat;
  padding-right: 8px 45px 8px 0;
}
.lista-unidades.horizontal li .comodos img {
  border-radius: 0;
  margin: 0;
}
.lista-unidades.horizontal .slick-slider {
  overflow: hidden;
}
.lista-unidades.horizontal .slick-track {
  display: flex;
}
.lista-unidades.vertical li {
  border-radius: 1px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
  overflow: hidden;
}
.lista-unidades.vertical li .thumb {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 27%;
}
.lista-unidades.vertical li .thumb img {
  display: block;
  height: 100%;
}
.lista-unidades.vertical li .desc {
  padding: 7px 0;
  width: 68%;
}
.lista-unidades.apartamento {
  background: #fff;
  padding: 0;
}
.lista-unidades.apartamento li {
  background: #fff;
}
.lista-unidades.reserva {
  background: none;
  padding: 0;
}
.lista-unidades.reserva .quero {
  background: #F1AE26;
  border-radius: 1px;
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: 600;
  height: 56px;
  line-height: 56px;
  margin: 15px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.lista-unidades.reserva .abre-detalhe-reserva {
  background: url(../imagem/seta-link.svg) no-repeat;
  bottom: 85px;
  display: block;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  text-align: left;
  text-indent: -99999px;
  width: 36px;
}
.galeria {
  background: #fff;
  position: relative;
}
.galeria ul {
  border-radius: 0 0 1px 1px;
  overflow: hidden;
}
.galeria ul li {
  list-style: none;
  position: relative;
}
.galeria ul li img {
  display: block;
  width: 100%;
}
.galeria ul .slick-track {
  display: flex;
  position: relative;
  z-index: 1;
}
.galeria ul .slick-track li:after {
  background: url(../imagem/gradiente.png) left bottom repeat-x;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.galeria ul .slick-dots {
  bottom: 15px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
}
.galeria ul .slick-dots li {
  display: inline-block;
}
.galeria ul .slick-dots li button {
  background: #fff;
  border-radius: 3px;
  border: 0;
  height: 6px;
  margin: 0 3px;
  overflow: hidden;
  text-align: left;
  text-indent: -99999px;
  transition: all 0.5s;
  width: 6px;
}
.galeria ul .slick-dots li.slick-active button {
  background: #F1AE26;
  width: 31px;
}
.descricao-unidade {
  background: #fff;
  color: #86888A;
  padding: 20px 0 105px;
}
.descricao-unidade .bg {
  background: #EBEBEB;
  left: -5%;
  padding: 30px 20px;
  position: relative;
  width: 110%;
}
.descricao-unidade .bg h3 {
  margin: 0 0 17px;
}
.descricao-unidade h2 {
  color: #5F6062;
  font-size: 32px;
  font-weight: 700;
}
.descricao-unidade h3 {
  color: #5F6062;
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 10px;
}
.descricao-unidade h3.pontos {
  background: url(../imagem/mais.svg) right center no-repeat;
  margin: 0 0 10px;
}
.descricao-unidade h3.pontos a {
  color: #5F6062;
  display: block;
  text-decoration: none;
}
.descricao-unidade .avaliacoes {
  align-items: center;
  color: #5F6062;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  justify-content: space-between;
  list-style: none;
  margin: 0 0 15px;
}
.descricao-unidade .avaliacoes strong {
  font-size: 20px;
  font-weight: bold;
}
.descricao-unidade .avaliacoes .link {
  color: #F1AE26;
}
.descricao-unidade p {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 20px;
}
.descricao-unidade ul.itens {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 15px;
}
.descricao-unidade ul.itens li {
  align-items: center;
  background: #F6F6F6;
  display: flex;
  height: 76px;
  justify-content: center;
  margin: 0 5px 10px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 23%;
}
.descricao-unidade ul.itens li .icone {
  align-items: center;
  background: #fff;
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0 0 20px;
}
.descricao-unidade ul.itens li a {
  display: block;
  height: 100%;
  left: 0;
  text-align: left;
  text-indent: -99999px;
  position: absolute;
  top: 0;
  width: 100%;
}
.descricao-unidade ul.itens.com-titulo li {
  background: #F6F6F6;
  color: #86888A;
  display: block;
  font-size: 16px;
  height: auto;
  line-height: 16px;
  padding: 10px 10px 20px;
}
.descricao-unidade ul.itens.carrossel li {
  width: 125px;
}
.descricao-unidade ul.itens.fundo li {
  background: #86888A;
  color: #fff;
}
.descricao-unidade ul.itens.slick-slider {
  overflow: hidden;
}
.descricao-unidade ul.itens.slick-slider .slick-list {
  overflow: hidden;
}
.descricao-unidade ul.itens.slick-slider .slick-list .slick-track {
  display: flex;
}
.descricao-unidade ul.itens.slick-slider .slick-list .slick-track li {
  margin: 0 10px 0 0;
}
.descricao-unidade ul.tipos {
  margin: 10px 0 15px;
}
.descricao-unidade ul.tipos li {
  align-items: center;
  background-color: #fff;
  border-radius: 1px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
}
.descricao-unidade ul.tipos li .desc {
  padding: 5px 10px 5px 0;
  width: 69%;
}
.descricao-unidade ul.tipos li .desc h3 {
  font-weight: 600;
  margin: 0 0 5px;
}
.descricao-unidade ul.tipos li .desc .valor {
  color: #F5C667;
  margin: 0;
}
.descricao-unidade ul.tipos li .desc .comodos {
  align-items: center;
  color: #86888A;
  display: flex;
  font-size: 15px;
  line-height: 15px;
  margin: 0 0 5px;
}
.descricao-unidade ul.tipos li .desc .comodos span {
  margin: 0 15px 0 4px;
}
.descricao-unidade ul.tipos li .mais {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.descricao-unidade ul.lista {
  list-style: none;
  margin: 10px 0 20px;
}
.descricao-unidade ul.lista li {
  color: #AFAFB1;
  margin: 0 0 10px;
}
.descricao-unidade ul.lista li a {
  background: url(../imagem/seta-link2.svg) 95% center no-repeat #fff;
  box-shadow: 10px 10px 60px #F6F6F6;
  color: #AFAFB1;
  display: block;
  padding: 13px 45px 13px 16px;
  text-decoration: none;
}
.descricao-unidade .comodos {
  align-items: center;
  color: #D7D7D8;
  display: flex;
  font-size: 15px;
  line-height: 15px;
  margin: 10px 0 5px;
}
.descricao-unidade .comodos span {
  margin: 0 15px 0 4px;
}
.descricao-unidade .botao {
  border: 1px solid #212121;
  border-radius: 1px;
  color: #212121;
  display: block;
  font-size: 22px;
  height: 56px;
  line-height: 53px;
  text-align: center;
  text-decoration: none;
}
.descricao-unidade .botao.agendamentos {
  background: url(../imagem/seta-link.svg) 93% center no-repeat #FCEFD4;
  border: 0;
  border-radius: 1px;
  height: 82px;
  line-height: 82px;
  margin: 0 0 30px;
  padding: 0 30px;
  text-align: left;
}
.descricao-unidade .botao.agendamentos.escuro {
  background-color: #212121;
  color: #fff;
}
.descricao-unidade .botao.informacoes {
  background: url(../imagem/sino.svg) 30px center no-repeat #F6F6F6;
  color: #86888A;
  border: 0;
  border-radius: 1px;
  font-size: 20px;
  height: auto;
  line-height: 20px;
  margin: 0 0 30px;
  padding: 20px 30px 20px 85px;
  text-align: left;
}
.descricao-unidade .botao.preenchido {
  background: #F1AE26;
  border: 0;
  color: #fff;
}
.descricao-unidade.morador {
  background: #fdfdff;
  padding-bottom: 20px;
}
.descricao-unidade.morador h3 {
  margin: 20px 0 17px;
}
.descricao-unidade.morador .descricao {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  margin: 0;
  padding: 15px 20px;
}
.descricao-unidade.morador .descricao .endereco {
  padding-right: 45px;
  position: relative;
}
.descricao-unidade.morador .descricao .endereco a {
  background: url(../imagem/seta-link.svg) right 70% no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  text-indent: -99999px;
  top: 0;
  width: 100%;
}
.descricao-unidade.morador .descricao h3 {
  margin: 0;
}
.descricao-unidade.morador ul.itens {
  margin: 0 0 30px;
}
.descricao-unidade.morador h3.pontos {
  font-size: 28px;
  font-weight: 600;
}
.descricao-unidade form {
  margin: 0 0 30px;
}
.descricao-unidade form ::-webkit-input-placeholder {
  color: #AFAFB1;
}
.descricao-unidade form ::-moz-placeholder {
  color: #AFAFB1;
}
.descricao-unidade form ::-ms-placeholder {
  color: #AFAFB1;
}
.descricao-unidade form ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
.descricao-unidade form label {
  color: #AFAFB1;
  display: block;
  letter-spacing: 0.02em;
  margin: 0 0 15px;
}
.descricao-unidade form input {
  background: url(../imagem/lupa.svg) 15px center no-repeat #fff;
  border: 0;
  border-radius: 1px;
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  letter-spacing: 0.04em;
  padding: 0 15px 0 47px;
  width: 100%;
}
.descricao-unidade .fundo {
  background: #F6F6F6;
  left: -5%;
  padding: 30px 20px;
  position: relative;
  width: 110%;
}
.descricao-unidade .fundo h3 {
  margin: 0;
}
.descricao-unidade .fundo .lista-unidades.apartamento {
  background: #F6F6F6;
}
.descricao-unidade .fundo .lista-unidades.apartamento li {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.descricao-unidade .fundo .lista-unidades.apartamento .slick-slider {
  padding: 15px 0;
}
.descricao-unidade .fundo ul.itens.com-titulo li {
  background: #fff;
}
.descricao-unidade .fundo ul.itens.com-titulo li .icone {
  background: #EBEBEB;
}
.alugar-float {
  align-items: center;
  background: #212121;
  border-radius: 1px 1px 0 0;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 18px;
  line-height: 25px;
  justify-content: space-between;
  left: 0;
  padding: 20px 15px;
  position: fixed;
  width: 100%;
}
.alugar-float .preco {
  align-items: center;
  display: flex;
}
.alugar-float .preco p {
  font-size: 15px;
  line-height: 16px;
}
.alugar-float .preco p strong {
  font-size: 20px;
  line-height: 20px;
}
.alugar-float .preco p.borda {
  border-right: 2px solid #fff;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
}
.alugar-float .preco .grande {
  font-size: 28px;
  line-height: 25px;
  margin: 5px 0 0;
}
.alugar-float .botao {
  background: #F1AE26;
  border-radius: 1px;
  color: #212121;
  display: block;
  font-size: 20px;
  font-weight: 700;
  height: 56px;
  line-height: 53px;
  text-align: center;
  text-decoration: none;
  width: 130px;
}
.continuar-float {
  background: #212121;
  bottom: 0;
  color: #F6F6F6;
  font-size: 18px;
  line-height: 25px;
  justify-content: space-between;
  left: 0;
  padding: 24px 20px;
  position: fixed;
  width: 100%;
}
.continuar-float form {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.continuar-float form label {
  display: block;
  width: 50%;
}
.continuar-float form label.wrap_check {
  display: block;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  padding-left: 30px;
  max-width: 140px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.continuar-float form label.wrap_check input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.continuar-float form label.wrap_check input:checked ~ .checkmark:after {
  display: block;
}
.continuar-float form label.wrap_check .checkmark {
  background-color: #F6F6F6;
  left: 0;
  height: 22px;
  position: absolute;
  top: 7px;
  width: 22px;
}
.continuar-float form label.wrap_check .checkmark:after {
  content: "";
  display: none;
  left: 8px;
  height: 10px;
  border: solid #212121;
  border-width: 0 3px 3px 0;
  position: absolute;
  top: 3px;
  width: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.continuar-float form .botao {
  background: #F1AE26;
  border: 0;
  color: #212121;
  display: block;
  font: 600 22px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  line-height: 53px;
  text-align: center;
  text-decoration: none;
  width: 160px;
}
#avaliacoes {
  color: #212121;
  font-size: 18px;
  padding: 0 20px 20px;
}
#avaliacoes ul li {
  background: #fff;
  border-radius: 1px;
  list-style: none;
  margin: 0 0 15px;
  padding: 10px 13px;
}
#avaliacoes ul li .cliente-nota {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
}
#avaliacoes ul li .cliente-nota h3 {
  color: #5F6062;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 17px;
}
#avaliacoes ul li .cliente-nota .data {
  background: url(../imagem/calendario.svg) left center no-repeat;
  color: #86888A;
  font-size: 16px;
  font-weight: 600;
  padding-left: 16px;
}
#avaliacoes ul li .cliente-nota .nota {
  align-items: center;
  display: flex;
}
#avaliacoes ul li .cliente-nota .nota strong {
  background: #5F6062;
  border-radius: 1px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 26px;
  line-height: 24px;
  margin: 0 9px 0 0;
  padding: 0 8px;
}
#avaliacoes ul li .comentario {
  border-top: 1px solid #E7E7E7;
  line-height: 20px;
  padding: 15px 0 0;
}
.texto {
  color: #212121;
  font-size: 18px;
  padding: 0 20px 20px;
}
.texto .centro {
  text-align: center;
}
.texto.padding-bottom {
  padding-bottom: 110px;
}
.texto .titulo {
  margin: 0 0 30px;
}
.texto .titulo p {
  color: #AFAFB1;
  font-size: 20px;
  letter-spacing: 0.03em;
}
.texto h2 {
  color: #5F6062;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.texto p {
  line-height: 22px;
  margin: 0 0 20px;
}
.detalhe-area h2 {
  color: #5F6062;
  font-size: 32px;
  font-weight: 700;
}
.detalhe-area p {
  color: #616161;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 20px;
}
.detalhe-area .lista.sanfona dd {
  margin: 0 0 20px;
}
.detalhe-area .lista.sanfona dt {
  background: url(../imagem/seta-link2.svg) 95% center no-repeat #fff;
}
.detalhe-area .lista.sanfona dt.ativo {
  background-image: url(../imagem/seta-link-3.svg);
}
.detalhe-area .botao {
  background: #F1AE26;
  border: 0;
  border-radius: 1px;
  color: #fff;
  cursor: pointer;
  display: block;
  font: 600 22px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  margin: 30px 0 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#faq {
  padding: 0 20px 20px;
}
#faq dl dt {
  background: url(../imagem/faq-abrir.svg) 95% center no-repeat #fff;
  border-radius: 1px;
  color: #5F6062;
  cursor: pointer;
  line-height: 20px;
  margin: 0 0 15px;
  padding: 7px 45px 10px 20px;
}
#faq dl dt.ativo {
  background-image: url(../imagem/faq-fechar.svg);
}
#faq dl dd {
  color: #212121;
  display: none;
  font-size: 18px;
  line-height: 20px;
  margin: -3px 0 20px;
  padding: 0 20px;
}
.ilustracao {
  margin: 0 0 30px;
  text-align: center;
}
.ilustracao img {
  display: block;
  margin: 0 auto;
}
.fundo-branco .ilustracao {
  background: #EBEBEB;
  margin: 0 0 -20px;
  padding: 80px 0 60px;
}
.splash {
  margin: 0 0 30px;
  padding: 20px 15px 0;
  text-align: center;
}
.splash img {
  display: block;
  margin: 0 auto 35px;
  width: 100%;
}
.splash h2 {
  color: #5F6062;
  font-size: 38px;
  font-weight: 600;
}
.splash p {
  color: #AFAFB1;
  line-height: 20px;
}
.splash .botao {
  background: #5F6062;
  border: 0;
  border-radius: 1px;
  color: #fff;
  cursor: pointer;
  display: block;
  font: 600 22px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  margin: 30px 0 0;
  text-decoration: none;
  width: 100%;
}
#formulario {
  background: #fff;
  color: #5F6062;
  height: 100%;
  padding: 20px;
}
#formulario .centro {
  display: block;
  text-align: center;
}
#formulario a {
  color: #5F6062;
}
#formulario a.esqueci {
  display: block;
  font-size: 16px;
  text-align: right;
  text-decoration: none;
}
#formulario .titulo {
  color: #5F6062;
  margin: 0 0 23px;
  text-align: center;
}
#formulario .titulo h2 {
  font-size: 38px;
  font-weight: 600;
}
#formulario .titulo p {
  line-height: 20px;
  padding: 10px 30px;
}
#formulario .wrap_input {
  margin: 0 0 13px;
  position: relative;
}
#formulario .wrap_input ::-webkit-input-placeholder {
  color: #AFAFB1;
}
#formulario .wrap_input ::-moz-placeholder {
  color: #AFAFB1;
}
#formulario .wrap_input ::-ms-placeholder {
  color: #AFAFB1;
}
#formulario .wrap_input ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
#formulario .wrap_input label {
  display: block;
  letter-spacing: 0.02em;
  margin: 0 0 10px;
}
#formulario .wrap_input input,
#formulario .wrap_input select {
  background: #fff;
  border: 1px solid #D7D7D8;
  border-radius: 1px;
  color: #86888A;
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  letter-spacing: 0.04em;
  padding: 0 15px;
  width: 100%;
}
#formulario .wrap_input .mostra_senha {
  background: url(../imagem/show.png) no-repeat;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 55px;
  width: 28px;
}
#formulario .wrap_input .mostra_senha.ativo {
  background: url(../imagem/show-a.png) no-repeat;
}
#formulario .wrap_radio_bolinha {
  display: block;
  padding-left: 35px;
  position: relative;
}
#formulario .wrap_radio_bolinha .checkmark {
  background: #fff;
  border: 1px solid #C7CAD9;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 7px;
  transition: all 0.3s;
  width: 20px;
}
#formulario .wrap_radio_bolinha input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#formulario .wrap_radio_bolinha input:checked ~ .checkmark:after {
  background-color: #AFAFB1;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 10px;
}
#formulario .wrap_radio_bolinha.field-error .error {
  left: 0;
  position: absolute;
  top: -44px;
  width: 105%;
}
#formulario .radio_duas_colunas {
  color: #D7D7D8;
  display: flex;
  justify-content: space-between;
  padding: 13px 0 0;
}
#formulario .radio_duas_colunas .wrap_radio {
  width: 48%;
}
#formulario .radio_duas_colunas .wrap_radio .checkmark {
  background: #F6F6F6;
  border: 1px solid #F6F6F6;
  border-radius: 1px;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 18px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
#formulario .radio_duas_colunas .wrap_radio input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#formulario .radio_duas_colunas .wrap_radio input:checked ~ .checkmark {
  background-color: #EBEBEB;
  border-color: #86888A;
  color: #86888A;
}
#formulario .radio_duas_colunas .wrap_radio input:disabled ~ .checkmark {
  background-color: #eff3ff;
  text-decoration: line-through;
}
#formulario .mostrar_senha {
  cursor: pointer;
  display: block;
  font-size: 16px;
  letter-spacing: 0.03em;
  margin: -10px 0 13px;
  padding-left: 30px;
  position: relative;
}
#formulario .mostrar_senha input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#formulario .mostrar_senha input:checked ~ .checkmark {
  background-image: url(../imagem/ico-hide-senha.svg);
  height: 20px;
  top: 0;
}
#formulario .mostrar_senha .checkmark {
  background: url(../imagem/ico-ver-senha.svg) no-repeat;
  height: 16px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 23px;
}
#formulario h4 {
  display: block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 0 0 10px;
}
#formulario .valida_senha {
  margin: 0 0 15px;
}
#formulario .valida_senha ul {
  color: #86888A;
  font-size: 16px;
  list-style: none;
}
#formulario .valida_senha ul li {
  background: url(../imagem/erro.svg) left 4px no-repeat;
  margin: 0 0 2px;
  padding-left: 23px;
}
#formulario .valida_senha ul li.check {
  background: url(../imagem/check.svg) left center no-repeat;
  color: #5F6062;
}
#formulario .coluna {
  align-items: center;
  display: flex;
  margin-top: 8px;
}
#formulario .coluna .wrap_radio_bolinha {
  margin: 0 40px 0 0;
}
#formulario .coluna.separado {
  justify-content: space-between;
}
#formulario .coluna .mostrar_senha {
  margin: 0;
}
#formulario .botao {
  background: #F1AE26;
  border: 0;
  color: #212121;
  cursor: pointer;
  display: block;
  font: 600 20px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  margin: 30px 0 0;
  width: 100%;
}
#formulario .botoes {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0;
}
#formulario .botoes .botao {
  margin: 0;
  width: 50%;
}
.lista.sanfona dt {
  background: url(../imagem/seta-link2.svg) 95% center no-repeat #fff;
  box-shadow: 10px 10px 60px #F6F6F6;
  color: #5F6062;
  cursor: pointer;
  display: block;
  margin: 0 0 10px;
  padding: 13px 45px 13px 16px;
  text-decoration: none;
}
.lista.sanfona dt.ativo {
  background-image: url(../imagem/seta-link-3.svg);
}
.lista.sanfona dd {
  display: none;
  padding: 0 16px;
}
.lista.sanfona dd h4 {
  color: #AFAFB1;
  font-size: 18px;
  font-weight: 600;
}
.lista.sanfona dd p {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.lista.sanfona dd .endereco {
  color: #F7CE7D;
}
.lista.sanfona dd li {
  list-style: none;
  margin: 0 0 10px;
}
.lista.sanfona .botao {
  background: #F1AE26;
  border: 0;
  color: #212121;
  cursor: pointer;
  display: block;
  font: 600 22px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  margin: 30px 0 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.lista.sanfona .botao:disabled {
  background: #FBE7BE;
}
.lista.icone li {
  list-style: none;
  margin: 0 0 10px;
}
.lista.icone li a {
  align-items: center;
  background: #fff;
  border-radius: 1px;
  color: #5F6062;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  padding: 10px;
  text-decoration: none;
}
.lista.icone li .icon {
  align-items: center;
  background: #F6F6F6;
  border-radius: 1px;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 10px 0 0;
  width: 70px;
}
#reservas {
  padding: 0 20px 20px;
}
#reservas ::-webkit-input-placeholder {
  color: #AFAFB1;
}
#reservas ::-moz-placeholder {
  color: #AFAFB1;
}
#reservas ::-ms-placeholder {
  color: #AFAFB1;
}
#reservas ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
#reservas input#busca {
  background: url(../imagem/lupa.svg) 15px center no-repeat #fff;
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
  padding: 0 15px 0 47px;
  width: 100%;
}
#reservas .filtro {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  color: #D7D7D8;
  margin: 0 0 30px;
  padding: 13px 16px;
}
#reservas .filtro .wrap_radio_botoes p {
  background: url(../imagem/ico-filtro.svg) left center no-repeat;
  display: block;
  margin: 0 0 14px;
  padding-left: 35px;
}
#reservas .filtro .wrap_radio_botoes .radio {
  display: flex;
}
#reservas .filtro .wrap_radio_botoes .radio label {
  margin: 0 10px 0 0;
  position: relative;
}
#reservas .filtro .wrap_radio_botoes .radio label span {
  background: #EBEBEB;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 28px;
  line-height: 25px;
  padding: 0 20px;
}
#reservas .filtro .wrap_radio_botoes .radio label input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#reservas .filtro .wrap_radio_botoes .radio label [type=radio]:checked + span {
  background: #AFAFB1;
}
#reservas .lista.sanfona {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#reservas .lista.sanfona dt {
  background: url(../imagem/faq-abrir.svg) 95% 18px no-repeat #fff;
  margin: 0 0 15px;
  padding: 13px 16px;
}
#reservas .lista.sanfona dt.ativo {
  background-image: url(../imagem/faq-fechar.svg);
  margin: 0;
}
#reservas .lista.sanfona dd {
  background: #fff;
  color: #5F6062;
  font-size: 22px;
  margin: 0 0 15px;
  padding: 25px 20px;
}
#reservas .lista.sanfona dd h3 {
  font-size: 28px;
  font-weight: 600;
}
#reservas .lista.sanfona dd h4 {
  color: #5F6062;
  font-size: 22px;
  font-weight: 600;
}
#reservas .lista.sanfona dd li {
  color: #D7D7D8;
  font-size: 20px;
  list-style: disc;
  margin: 0 0 3px 15px;
}
#reservas .lista.sanfona dd .titulo {
  background: url(../imagem/info.svg) right center no-repeat;
}
#reservas .lista.sanfona dd .txt-right {
  text-align: right;
}
#reservas .lista.sanfona dt p,
#reservas .lista.sanfona dd p {
  color: #5F6062;
  font-size: 22px;
  line-height: 20px;
}
#reservas .lista.sanfona dt .legenda,
#reservas .lista.sanfona dd .legenda {
  color: #D7D7D8;
  font-size: 18px;
}
#reservas .lista.sanfona dt .linha,
#reservas .lista.sanfona dd .linha {
  border-bottom: 1px solid #EEEEF1;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
#reservas .lista.sanfona dt .linha:last-child,
#reservas .lista.sanfona dd .linha:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
#reservas .lista.sanfona dt .coluna,
#reservas .lista.sanfona dd .coluna {
  display: flex;
  justify-content: space-between;
}
#reservas .lista.sanfona dt .coluna img,
#reservas .lista.sanfona dd .coluna img {
  max-width: 100%;
}
#form-reserva {
  color: #5F6062;
  letter-spacing: 0.02em;
  padding: 0 20px 20px;
}
#form-reserva .titulo {
  color: #AFAFB1;
  margin: 20 0 23px;
  position: relative;
}
#form-reserva .titulo h2 {
  color: #5F6062;
  font-size: 38px;
  font-weight: 600;
}
#form-reserva .titulo a {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: left;
  text-indent: -99999px;
  top: 0;
  width: 100%;
}
#form-reserva .titulo.info {
  background: url(../imagem/info.svg) right center no-repeat;
}
#form-reserva h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 0 0 10px;
}
#form-reserva .linha {
  border-bottom: 1px solid #EEEEF1;
  margin: 0 0 20px;
  padding: 0 0 15px;
  position: relative;
}
#form-reserva .linha:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
#form-reserva .coluna {
  display: flex;
  justify-content: space-between;
  position: relative;
}
#form-reserva .txt-right {
  text-align: right;
}
#form-reserva .passos .coluna {
  align-items: flex-start;
  margin: 0 0 20px;
}
#form-reserva .passos li {
  align-items: center;
  display: flex;
  font-size: 18px;
  list-style: none;
  padding: 15px 0 0;
  position: relative;
  width: 48%;
}
#form-reserva .passos li .num {
  background: #5F6062;
  border-radius: 50%;
  color: #fff;
  height: 21px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  margin: 0 7px 0 0;
  text-align: center;
  width: 21px;
}
#form-reserva .passos li:before {
  background: #fff;
  border-radius: 1px;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#form-reserva .passos li.passo:after {
  background: #F1AE26;
  border-radius: 1px;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#form-reserva .passos li.passo-1:after {
  width: 25%;
}
#form-reserva .passos li.passo-2:after {
  width: 50%;
}
#form-reserva .passos li.passo-3:after {
  width: 75%;
}
#form-reserva .passos li.passo-4:after {
  width: 100%;
}
#form-reserva .lista.sanfona dl {
  margin: 0 0 20px;
}
#form-reserva .lista.sanfona dt {
  background-image: url(../imagem/faq-abrir.svg);
}
#form-reserva .lista.sanfona dt.ativo {
  background-image: url(../imagem/faq-fechar.svg);
}
#form-reserva .lista.sanfona dd {
  color: #212121;
}
#form-reserva .lista.sanfona dd p {
  font-size: 18px;
}
#form-reserva .box {
  background: #fff;
  color: #5F6062;
  font-size: 22px;
  margin: 20px 0;
  padding: 20px;
}
#form-reserva .box h3 {
  font-size: 28px;
  font-weight: 600;
}
#form-reserva .box h4 {
  color: #5F6062;
  font-size: 22px;
  font-weight: 600;
}
#form-reserva .box p {
  font-size: 22px;
  line-height: 20px;
}
#form-reserva .box li {
  color: #AFAFB1;
  font-size: 20px;
  list-style: disc;
  margin: 0 0 3px 15px;
}
#form-reserva .box .legenda {
  color: #AFAFB1;
  font-size: 18px;
}
#form-reserva .box .obs {
  color: #AFAFB1;
  line-height: 18px;
  margin: 30px 0 0;
  text-align: center;
}
#form-reserva .box .obs p {
  font-size: 16px;
  font-weight: 600;
}
#form-reserva .box .obs p strong {
  color: #5F6062;
  font-size: 16px;
  font-weight: 600;
}
#form-reserva .sucesso {
  background: #212121;
  color: #fff;
  padding: 20px;
  text-align: center;
}
#form-reserva .sucesso h2 {
  font-size: 38px;
  font-weight: 600;
  margin: 0 0 10px;
}
#form-reserva .sucesso a {
  color: #fff;
}
#form-reserva .sucesso p {
  font-size: 20px;
  margin: 0 15px 20px;
}
#form-reserva .sucesso .field-error {
  display: block;
  padding-bottom: 55px;
  position: relative;
}
#form-reserva .sucesso .field-error .error {
  bottom: 10px;
  font-size: 16px;
  left: 0;
  line-height: 16px;
  position: absolute;
}
#form-reserva .wrap_input {
  margin: 0 0 13px;
  position: relative;
}
#form-reserva .wrap_input ::-webkit-input-placeholder {
  color: #AFAFB1;
}
#form-reserva .wrap_input ::-moz-placeholder {
  color: #AFAFB1;
}
#form-reserva .wrap_input ::-ms-placeholder {
  color: #AFAFB1;
}
#form-reserva .wrap_input ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
#form-reserva .wrap_input label {
  display: block;
  letter-spacing: 0.02em;
  margin: 0 0 10px;
}
#form-reserva .wrap_input input,
#form-reserva .wrap_input select {
  background: #F6F6F6;
  border: 0;
  border-radius: 1px;
  color: #5F6062;
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  letter-spacing: 0.04em;
  padding: 0 15px;
  width: 100%;
}
#form-reserva .wrap_input input.data,
#form-reserva .wrap_input select.data {
  background: url(../imagem/calendario-input.svg) 16px center no-repeat #F6F6F6;
  padding-left: 42px;
}
#form-reserva .wrap_input input.branco,
#form-reserva .wrap_input select.branco {
  background: #fff;
}
#form-reserva .wrap_input input.imagem,
#form-reserva .wrap_input select.imagem {
  background: url(../imagem/ico-foto.svg) 95% center no-repeat #fff;
  padding-right: 50px;
}
#form-reserva .wrap_input.pequeno {
  width: 47%;
}
#form-reserva .wrap_input.claro input {
  background: #fff;
}
#form-reserva .wrap_input.identificacao {
  position: relative;
}
#form-reserva .wrap_input.identificacao .id {
  background: #5F6062;
  bottom: 0;
  color: #fff;
  font-size: 22px;
  height: 56px;
  line-height: 52px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 30px;
  z-index: 9;
}
#form-reserva .wrap_input.identificacao label {
  font-size: 20px;
}
#form-reserva .wrap_input.identificacao input,
#form-reserva .wrap_input.identificacao select {
  padding-left: 45px;
}
#form-reserva .wrap_input.identificacao .coluna {
  align-items: center;
  background: #fff;
  height: 56px;
  padding: 0 15px 0 45px;
}
#form-reserva .wrap_input.identificacao .coluna label {
  margin: 0 0 3px;
}
#form-reserva .wrap_input.field-error {
  padding-bottom: 35px;
}
#form-reserva .wrap_input.field-error.identificacao .id {
  bottom: 35px;
}
#form-reserva .wrap_input.field-error .error {
  bottom: 0;
  font-size: 16px;
  left: 0;
  position: absolute;
}
#form-reserva .hospede {
  margin: 0 0 10px;
}
#form-reserva .wrap_file {
  margin: 0 0 13px;
  position: relative;
}
#form-reserva .wrap_file.identificacao {
  position: relative;
}
#form-reserva .wrap_file.identificacao .id {
  background: #5F6062;
  bottom: 0;
  color: #fff;
  font-size: 22px;
  height: 56px;
  line-height: 52px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 30px;
  z-index: 9;
}
#form-reserva .wrap_file.identificacao label {
  padding-left: 45px;
}
#form-reserva .wrap_file.camera {
  position: relative;
}
#form-reserva .wrap_file.camera label {
  background: #F1AE26;
  color: #212121;
  text-align: center;
}
#form-reserva .wrap_file input[type='file'] {
  display: none;
}
#form-reserva .wrap_file label {
  background: #fff;
  border: 0;
  color: #5F6062;
  display: block;
  font: 600 18px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  letter-spacing: 0.04em;
  padding: 0 15px;
  width: 100%;
}
#form-reserva .campos_cartao {
  padding: 20px 0 0;
}
#form-reserva .campos_pix {
  font-size: 18px;
}
#form-reserva .campos_pix p {
  font-size: 18px;
  margin: 0 0 20px;
}
#form-reserva .campos_pix .qr_code {
  margin: 0  0 20px;
  text-align: center;
}
#form-reserva .campos_pix .qr_code img {
  display: block;
  margin: 0 auto;
}
#form-reserva .campos_pix .cod {
  background: #F6F6F6;
  color: #D7D7D8;
  font-size: 14px;
  margin: 0 0 10px;
  padding: 16px;
  word-break: break-all;
}
#form-reserva .campos_pix .botoes {
  align-items: center;
  display: flex;
  justify-content: center;
}
#form-reserva .campos_pix .botoes a {
  margin: 0 5px;
  text-decoration: none;
}
#form-reserva .lista_datas {
  display: flex;
  justify-content: space-between;
}
#form-reserva .lista_datas .wrap_radio {
  width: 12%;
}
#form-reserva .lista_datas .wrap_radio .checkmark {
  background: #fff;
  border-radius: 1px;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding: 15px 0;
  position: relative;
  text-align: center;
  transition: all 0.3s;
}
#form-reserva .lista_datas .wrap_radio input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#form-reserva .lista_datas .wrap_radio input:checked ~ .checkmark {
  background-color: #EBEBEB;
  border: 2px solid #5F6062;
  border-radius: 1px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #5F6062;
}
#form-reserva .lista_datas .wrap_radio input:disabled ~ .checkmark {
  background-color: #eff3ff;
  text-decoration: line-through;
}
#form-reserva .lista_hora {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#form-reserva .lista_hora .wrap_radio {
  margin: 0 0 2.5%;
  width: 31%;
}
#form-reserva .lista_hora .wrap_radio .checkmark {
  background: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  transition: all 0.3s;
}
#form-reserva .lista_hora .wrap_radio input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#form-reserva .lista_hora .wrap_radio input:checked ~ .checkmark {
  background-color: #EBEBEB;
  border: 2px solid #5F6062;
  border-radius: 1px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #5F6062;
}
#form-reserva .lista_hora .wrap_radio input:disabled ~ .checkmark {
  background-color: #eff3ff;
  text-decoration: line-through;
}
#form-reserva label.wrap_check {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 30px;
  position: relative;
  padding-left: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#form-reserva label.wrap_check input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#form-reserva label.wrap_check input:checked ~ .checkmark:after {
  display: block;
}
#form-reserva label.wrap_check .checkmark {
  background-color: #fff;
  border: 1px solid #86888A;
  left: 0;
  height: 22px;
  position: absolute;
  top: 4px;
  width: 22px;
}
#form-reserva label.wrap_check .checkmark:after {
  content: "";
  display: none;
  left: 7px;
  height: 10px;
  border: solid #5F6062;
  border-width: 0 3px 3px 0;
  position: absolute;
  top: 2px;
  width: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#form-reserva .wrap_radio_bolinha {
  display: block;
  padding-left: 35px;
  position: relative;
}
#form-reserva .wrap_radio_bolinha .checkmark {
  background: #fff;
  border: 1px solid #C7CAD9;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 7px;
  transition: all 0.3s;
  width: 20px;
}
#form-reserva .wrap_radio_bolinha input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#form-reserva .wrap_radio_bolinha input:checked ~ .checkmark:after {
  background-color: #AFAFB1;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 10px;
}
#form-reserva .wrap_radio_bolinha.field-error .error {
  left: 0;
  position: absolute;
  top: -44px;
  width: 105%;
}
#form-reserva .radio_sn {
  display: flex;
  justify-content: space-between;
  width: 45%;
}
#form-reserva .radio_sn .wrap_radio {
  width: 48%;
}
#form-reserva .radio_sn .wrap_radio .checkmark {
  background: #EBEBEB;
  color: #5F6062;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding: 9px 0 10px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
}
#form-reserva .radio_sn .wrap_radio input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#form-reserva .radio_sn .wrap_radio input:checked ~ .checkmark {
  background-color: #EBEBEB;
  border: 2px solid #5F6062;
  border-radius: 1px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #5F6062;
}
#form-reserva .radio_sn .wrap_radio input:disabled ~ .checkmark {
  background-color: #eff3ff;
  text-decoration: line-through;
}
#form-reserva .radio_duas_colunas {
  color: #D7D7D8;
  display: flex;
  justify-content: space-between;
  padding: 13px 0 0;
}
#form-reserva .radio_duas_colunas .wrap_radio {
  width: 48%;
}
#form-reserva .radio_duas_colunas .wrap_radio .checkmark {
  background: #F6F6F6;
  border-radius: 1px;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 18px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
#form-reserva .radio_duas_colunas .wrap_radio input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
#form-reserva .radio_duas_colunas .wrap_radio input:checked ~ .checkmark {
  background-color: #AFAFB1;
  color: #fff;
}
#form-reserva .radio_duas_colunas .wrap_radio input:disabled ~ .checkmark {
  background-color: #eff3ff;
  text-decoration: line-through;
}
#form-reserva .numero {
  align-items: center;
  display: flex;
  width: 30%;
}
#form-reserva .numero input {
  border: 0;
  color: #5F6062;
  font: 600 28px 'Darker Grotesque', sans-serif;
  text-align: center;
  width: 70%;
}
#form-reserva .numero .menos,
#form-reserva .numero .mais {
  cursor: pointer;
  display: block;
  height: 11px;
  overflow: hidden;
  text-indent: -99999px;
  width: 11px;
}
#form-reserva .numero .menos {
  background: url(../imagem/menos-count.svg) center no-repeat;
}
#form-reserva .numero .mais {
  background: url(../imagem/mais-count.svg) center no-repeat;
}
#form-reserva .numero .error {
  bottom: 3px;
  left: 0;
  line-height: 15px;
  position: absolute;
  width: 56vw;
}
#form-reserva .descricao-unidade {
  background: none;
  padding: 0;
}
#form-reserva .descricao-unidade ul.tipos li {
  align-items: flex-start;
  background: #fff;
}
#form-reserva .descricao-unidade ul.tipos li .thumb {
  height: 100%;
  overflow: hidden;
  width: 35%;
}
#form-reserva .descricao-unidade ul.tipos li .thumb img {
  display: block;
  width: 100%;
}
#form-reserva .descricao-unidade ul.tipos li .desc {
  padding: 4px 20px 0 0;
  width: 62%;
}
#form-reserva .descricao-unidade ul.tipos li .desc h3 {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 5px;
}
#form-reserva .descricao-unidade ul.tipos li .desc h3 a {
  background: url(../imagem/mais.svg) right center no-repeat;
  color: #5F6062;
  display: block;
  padding: 0 35px 0 0;
  text-decoration: none;
}
#form-reserva .descricao-unidade ul.tipos li .desc p {
  font-size: 17px;
}
#form-reserva .descricao-unidade ul.tipos li .quero {
  background: #F1AE26;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font: 600 18px/26px 'Darker Grotesque', sans-serif;
  height: 30px;
  margin: 5px 0 4px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#form-reserva .texto {
  color: #212121;
  padding: 0;
}
#form-reserva .checkin {
  padding: 10px 20px;
  text-align: center;
}
#form-reserva .checkin p {
  color: #86888A;
  font-size: 20px;
}
#form-reserva .checkin h3 {
  background: url(../imagem/faq-abrir.svg) right center no-repeat;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding-right: 30px;
  text-align: left;
}
#form-reserva .checkin h3.ativo {
  background-image: url(../imagem/faq-fechar.svg);
}
#form-reserva .checkin .facial {
  padding: 30px 20px;
}
#form-reserva .checkin .facial img {
  display: block;
  margin: 0 auto 15px;
}
#form-reserva .checkin .qr_code {
  padding: 30px 20px;
}
#form-reserva .checkin .qr_code img {
  display: block;
  height: auto;
  margin: 0 auto 15px;
  width: 100px;
}
#form-reserva .botoes {
  margin: 20px 0;
}
#form-reserva .botoes .botao {
  margin: 0 0 10px;
}
#form-reserva .botao {
  background: #F1AE26;
  border: 0;
  color: #212121;
  cursor: pointer;
  display: block;
  font: 600 20px/56px 'Darker Grotesque', sans-serif;
  height: 56px;
  margin: 30px 0 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#form-reserva .botao.vazio {
  background: #fff;
  border: 1px solid #212121;
  color: #212121;
}
#form-reserva .botao:disabled {
  background: #FBE7BE;
}
.mais-detalhe {
  background: #fff;
  box-shadow: -15px -15px 80px rgba(17, 17, 17, 0.07);
  border-radius: 1px;
  bottom: 0;
  display: none;
  left: 0;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  z-index: 5;
}
.mais-detalhe ::-webkit-input-placeholder {
  color: #AFAFB1;
}
.mais-detalhe ::-moz-placeholder {
  color: #AFAFB1;
}
.mais-detalhe ::-ms-placeholder {
  color: #AFAFB1;
}
.mais-detalhe ::placeholder {
  color: #AFAFB1;
  opacity: 1;
}
.mais-detalhe:before {
  background: #F1AE26;
  border-radius: 1px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 16px;
  width: 35px;
}
.mais-detalhe .container {
  display: block;
  padding: 35px 25px 30px;
}
.mais-detalhe .descricao-unidade {
  display: block;
  padding: 35px 25px 30px !important;
}
.mais-detalhe .descricao-unidade ul.itens li {
  background: #F6F6F6 !important;
}
#onboarding .slick-prev {
  display: none !important;
}
#onboarding .slick-next {
  background: url(../imagem/seta-link.svg) no-repeat;
  border: 0;
  bottom: 15px;
  cursor: pointer;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  text-indent: -99999px;
  width: 36px;
  z-index: 99;
}
#onboarding .slick-dots {
  bottom: 15px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#onboarding .slick-dots li {
  display: inline-block;
  margin: 0 3px;
}
#onboarding .slick-dots li button {
  background: #F1AE26;
  border: 0;
  border-radius: 50%;
  height: 6px;
  text-align: left;
  text-indent: -99999px;
  transition: ease all 0.3s;
  width: 6px;
}
#onboarding .slick-dots li.slick-active button {
  background: #fff;
  border-radius: 3px;
  width: 32px;
}
#onboarding .slick-list {
  background: #fff;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
#onboarding .slick-list .slick-track {
  display: flex;
}
#onboarding .slick-list .slick-track li {
  color: #AFAFB1;
  height: 80vh;
  list-style: none;
  padding: 90px 20px 20px;
  text-align: center;
  width: 100vw;
}
#onboarding .slick-list .slick-track li img {
  display: block;
  margin: 0 auto 20px;
}
#onboarding .slick-list .slick-track li h2 {
  color: #5F6062;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
  margin: 0 0 30px;
}
#onboarding .slick-list .slick-track li p {
  line-height: 20px;
}
#onboarding .rodape {
  background: #5F6062;
  color: #fff;
  height: 20vh;
  padding: 0 30px;
}
#onboarding .rodape a.pular {
  bottom: 20px;
  color: #fff;
  left: 30px;
  position: absolute;
  text-decoration: none;
  z-index: 99;
}
#onboarding .rodape .finalizar {
  background: url(../imagem/seta-link.svg) no-repeat;
  border: 0;
  bottom: 15px;
  cursor: pointer;
  display: none;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  text-indent: -99999px;
  width: 36px;
  z-index: 99;
}
#ui-datepicker-div {
  border: 0;
  box-shadow: -15px -15px 80px rgba(17, 17, 17, 0.07);
  border-radius: 1px 1px 0 0;
  bottom: 0;
  left: 0 !important;
  padding: 30px 20px 10px;
  position: fixed !important;
  top: auto !important;
  width: 100% !important;
}
#ui-datepicker-div.ui-widget {
  font-family: 'Darker Grotesque', sans-serif;
}
#ui-datepicker-div .ui-datepicker-header {
  background: none;
  border: 0;
  margin: 0 0 20px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  color: #5F6062;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all {
  background: none;
  border: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all span {
  cursor: pointer;
  height: 24px;
  width: 24px;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
  right: 10%;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next span {
  background: url(../imagem/next-calendario.svg) no-repeat;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
  left: 10%;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev span {
  background: url(../imagem/prev-calendario.svg) no-repeat;
}
#ui-datepicker-div table.ui-datepicker-calendar thead {
  border-radius: 1px 1px 0 0;
}
#ui-datepicker-div table.ui-datepicker-calendar thead tr th {
  background: #5F6062;
  color: #fff;
  font-size: 16px !important;
  height: 36px;
  line-height: 36px;
  padding: 0;
  width: 14.28%;
}
#ui-datepicker-div table.ui-datepicker-calendar thead tr th:first-child {
  border-radius: 1px 0 0 0;
}
#ui-datepicker-div table.ui-datepicker-calendar thead tr th:last-child {
  border-radius: 0 1px 0 0;
}
#ui-datepicker-div table.ui-datepicker-calendar tbody tr td .ui-state-default {
  background: none;
  border: 0;
  color: #5F6062;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
}
#ui-datepicker-div table.ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-highlight {
  background: #F6F6F6;
  border-radius: 1px;
}
#ui-datepicker-div table.ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
  background: #F1AE26;
  border-radius: 1px;
  color: #fff;
}
#mapa {
  background: #fff;
  box-shadow: -15px -15px 80px rgba(17, 17, 17, 0.07);
  border-radius: 1px 1px 0 0;
  bottom: 0;
  display: none;
  left: 0;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  z-index: 9;
}
#mapa:before {
  background: #F1AE26;
  border-radius: 1px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 16px;
  width: 35px;
}
#mapa .container {
  display: block;
  padding: 50px 20px 20px;
}
#mapa iframe {
  display: block;
  height: 65vh;
  width: 100%;
}
/*# sourceMappingURL=style.css.map */