/* reset rafael monroe */
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-weight: normal;
  font-size: 100%;
  list-style: none;
  line-height: 1;
  outline: 0px;
  background: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* var */
:root {
  --black: #606060;
  --gray: #8c8c8c;
  --green: #00c3be;
  --darkgreen: #00404c;
  --blackgreen: #002c34;
  --orange: #ff7100;
  --orangehover: #d25e03;
}

/* clears the 'X' from Internet Explorer */
input[type='search']::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type='search']::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}

.btn-azul-escuro {
  background: var(--darkgreen) !important;
}

.btn-azul-escuro:hover {
  background: var(--orange) !important;
}

.btn-verde-azulado {
  background: var(--green) !important;
}

.btn-verde-azulado:hover {
  background: var(--orange) !important;
  color: #fff;
}

.btn-laranja {
  background: var(--orange) !important;
}

.btn-laranja:hover {
  background: var(--orangehover) !important;
}

/* alerts */
.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;
}

.alert-success {
  background-color: #218838;
  color: #fff;
}

.alert-warning {
  background-color: #e0a800;
  color: #212529;
}

.alert-danger {
  background-color: #c82333;
  color: #fff;
}

/* global class */
.block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

.container {
  display: block;
  width: 1220px;
  height: auto;
  margin: 0px auto;
  padding: 0 10px;
  max-width: 100%;
}

body {
  overflow-x: hidden;
}

/* elemento temporario */
.img-mapa-temporario img {
  display: block;
  margin: 25px auto 22px;
  max-width: 100%;
}

.img-mapa-temporario.mobile {
  display: none;
}

/* base */
a {
  text-decoration: none;
  transition: all 0.5s ease;
}

body {
  background-color: #fff;
  color: var(--black);
  font: normal 16px 'Open Sans', sans-serif;
}

input,
textarea,
select,
button {
  font: normal 16px 'Open Sans', sans-serif;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0px;
  cursor: pointer;
}

input[type='submit'],
button {
  transition: all 0.5s ease;
}

textarea {
  resize: none;
}

/* default : head */
header.head {
  display: block;
  margin-bottom: 60px;
  text-align: center;
}

header.head em {
  display: block;
  margin-bottom: 3px;
  font-family: 'Satisfy';
  font-size: 30px;
  color: var(--green);
}

header.head strong {
  display: block;
  font-weight: 700;
  font-size: 46px;
  color: var(--darkgreen);
  text-transform: lowercase;
}

header.head img {
  display: block;
  max-height: 70px;
  margin: 0px auto;
}

header.head2 {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}

header.head2 strong {
  display: block;
  font-weight: 600;
  font-size: 30px;
  color: var(--darkgreen);
  line-height: 1.3;
}

header.head2 strong b {
  font-weight: 800;
  color: var(--green);
}

header.head3 h6 {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  color: var(--darkgreen);
}

/* default : grid */
.grid section {
  margin-bottom: 60px;
}

.grid section article {
  position: relative;
  margin: 40px 10px 0px 10px;
  background-color: #000;
  border-radius: 10px;
}

.grid section article img,
.grid section article i {
  position: absolute;
  top: -40px;
  left: 50%;
  width: auto;
  height: 30px;
  transform: translateX(-50%);
}
.grid section article i {
  font-size: 1.6em;
  color: var(--blackgreen);
}
.grid section article span {
  display: inline-block;
  width: 100%;
  height: 269px;
  border-radius: 10px;
  overflow: hidden;
}

.grid section article span figure {
  height: 269px;
  background-size: cover;
  opacity: 0.5;
  transition: all 2s ease-in-out;
}

.grid section article:hover figure {
  transform: scale(1.2);
}

.grid section article strong {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0px 40px;
  text-align: center;
  font-weight: 800;
  font-size: 38px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  transform: translate(-50%, -50%);
}

.grid section article:hover figure {
  opacity: 0.7;
}

.grid .slick-arrow {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  color: var(--green);
  font-size: 36px;
}

.grid .slick-arrow.prev {
  left: -30px;
}

.grid .slick-arrow.next {
  right: -30px;
}

.grid footer {
  display: inline-block;
  width: 100%;
  height: auto;
  text-align: center;
}

.grid footer span a {
  display: inline-block;
  width: auto;
  padding: 16px 20px 20px 20px;
  background-color: var(--green);
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 50px;
}

.grid footer span a:hover {
  background-color: var(--darkgreen);
}

/* default : social */
.social li {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  text-align: center;
  font-size: 20px;
}

.social li a {
  display: block;
  width: 42px;
  height: 42px;
  background-color: var(--green);
  color: #fff;
  line-height: 42px;
  border-radius: 100%;
}

.social li a:hover {
  background-color: var(--darkgreen);
}

/* default : pagination */
.pagination {
  display: inline-block;
  width: 100%;
  height: auto;
  text-align: center;
}

.pagination li {
  display: inline-block;
  width: auto;
  margin: 0px 5px;
  vertical-align: middle;
  font-size: 18px;
}

.pagination li a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  color: var(--darkgreen);
  line-height: 35px;
  font-weight: 700;
}

.pagination li.on a {
  background-color: var(--green);
  color: #fff;
}

.pagination li.step a {
  padding-left: 2px;
  border: 1px solid rgba(119, 119, 119, 0.16);
}

.pagination li.step a:hover {
  background-color: #eee;
}

/* header */
/* body.home #header form,
#header form {
  opacity: 0 !important;
}

body.home #header.on form,
#header form {
  opacity: 1 !important;
} */

/* btn mobile header */
.header-btn-mobile {
  display: none;
  border-radius: 7px;
  height: 40px;
  width: 33px;
}

.header-btn-mobile span {
  background: #fff;
  display: block;
  height: 3px;
  transition: 0.5s;
  width: 100%;
}

.header-btn-mobile span + span {
  margin-top: 6px;
}

/* new modal styles default */
.modal-header-styles-default {
  padding: 20px 15px 20px;
}

.modal-header-styles-default span.modal-titulo {
  color: var(--black);
  text-align: center;
  font-size: 24px;
  line-height: 33px;
  text-transform: uppercase;
}

/* (home) header -> form */
body.home #header form,
#header .header-content-right form {
  margin-top: 4px;
  opacity: 0;
  display: none !important;
}

body.is-home #header form {
  display: none;
  opacity: 0 !important;
  transition: none;
}

body.is-home #header.on form {
  display: block !important;
  opacity: 1 !important;
  transition: all 0.5s ease;
}

body:not(.is-home) #header form {
  opacity: 1 !important;
  display: block !important;
}

#header {
  position: fixed;
  z-index: 9999;
  top: 25px;
  left: 0px;
  width: 100%;
  height: auto;
  transition: all 0.5s ease-in-out;
}

#header .header-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#header .header-content-left {
  align-items: center;
  display: flex;
}

/* #header .header-content-left span.logo img {
  width: 128px;
  height: auto;
  transition: all 0.5s ease-in-out;
} */

#header .header-content-right {
  display: flex;
  align-items: center;
}

#header .header-content-right form {
  width: 280px;
  height: 50px;
  background-color: #fff;
  border-radius: 50px;
  transition: all 0.5s ease;
  margin-right: 83px;
}

#header .header-content-right form fieldset {
  display: flex;
  align-items: center;
}

#header .header-content-right form input[type='search'] {
  width: calc(100% - 55px);
  height: 50px;
  padding: 0px 20px;
  border-radius: 25px 0 0 25px;
}

#header .header-content-right form input[type='search']::placeholder {
  color: var(--darkgreen);
}

#header .header-content-right form input[type='submit'] {
  width: 55px;
  height: 50px;
  background: #00c3be url('../img/header-search.svg') no-repeat center center;
  background-size: 20px;
  text-indent: -9999em;
  border-radius: 0 25px 25px 0;
}

#header .header-content-right nav {
  width: auto;
  margin-top: 10px;
  transition: all 0.5s ease-in-out;
}

#header .header-content-right nav ul:not(.dropdown-menu) {
  display: flex;
}

#header .header-content-right nav li {
  font-size: 17px;
}

#header .header-content-right nav li + li {
  margin-left: 30px;
}

#header .header-content-right nav li option {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: red;
}

#header .header-content-right nav li a {
  display: block;
  font-weight: 600;
  color: #fff;
}

.landing-page #header.int nav {
  margin-top: 0px;
}

#header .header-content-right nav li a.btn-landing-page {
  color: #00c3be;
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid #00c3be;
  height: 46px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

#header .header-content-right nav li a.btn-landing-page:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--black);
}

#header nav li.h-e a {
  margin-top: -14px;
  padding: 12px 30px 14px 30px;
  border: 2px solid #fff;
  border-radius: 50px;
}

#header .header-content-right nav li.h-a a {
  margin-top: -14px;
  padding: 12px 30px 14px 30px;
  border: 2px solid var(--orange);
  background-color: var(--orange);
  color: #fff;
  border-radius: 50px;
}

#header .header-content-right nav li.h-e a:hover,
#header .header-content-right nav li.h-a a:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--black);
}

/* header -> on */
#header.on .header-content-left form {
  margin-top: 4px;
}

#header.on,
#header.int {
  z-index: 9999;
  top: 0px;
  height: 75px;
  background-color: var(--blackgreen);
}

#header.on span.logo img,
#header.int span.logo img {
  width: 80px;
  margin-top: 10px;
}

#header.on nav,
#header.int nav {
  margin-top: 26px;
}

/* feat */
#feat {
  height: 650px;
  min-height: 550px;
  margin-bottom: 20px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.feat-content {
  align-content: center;
  display: flex;
  justify-content: center;
  z-index: 999;
}

#feat section {
  z-index: 2;
  width: 900px;
  margin-top: 100px;
}

#feat section h1 {
  display: block;
  font-weight: 700;
  font-size: 36px;
  color: #fff;
}

#feat section p {
  display: block;
  margin: 10px 0px 40px 0px;
  color: #fff;
  font-size: 18px;
}

#feat section p a {
  font-weight: 600;
  font-size: 14px;
  color: var(--orange);
  text-transform: uppercase;
  text-decoration: underline;
}

#feat section form {
  display: inline-block;
  width: 100%;
  height: 65px;
  padding: 6px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 65px;
}

#feat section form fieldset {
  align-items: center;
  display: flex;
}

#feat section form label {
  position: relative;
  width: auto;
}

#feat section form label.c1 {
  width: 28%;
}

#feat section form label.c2 {
  width: 20%;
  border-left: 3px solid var(--green);
}

#feat section form label.c3 {
  width: 12%;
}

#feat section form label input {
  width: 100%;
  height: 53px;
  padding-left: 44px;
  background-color: #fff;
}

#feat section form label input::placeholder {
  color: #8c8c8c;
}

#feat section form label.c1 input {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}
#feat section form label.c1 input.loading,
#header .header-content-right form input.loading {
  background: #fff url(../img/ui-anim_basic_16x16.gif) no-repeat
    calc(100% - 9px) center;
}
#feat section form label.c3 input {
  padding-left: 0px;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  background-color: var(--green);
  color: #fff;
  font-weight: 700;
  transition: all 0.5s ease;
}

#feat section form label.c3 input:hover {
  background-color: var(--darkgreen);
}

#feat section form label i {
  position: absolute;
  top: 50%;
  left: 18px;
  font-size: 20px;
  transform: translateY(-50%);
  color: var(--green);
}

#feat figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  opacity: 0.8;
}

/* como funciona */
.tabnav-home,
.tabnav-planos {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  margin-top: 20px;
}

.tabnav-home button,
.tabnav-planos button {
  align-items: center;
  background: #e5e5e5;
  color: #777;
  display: flex;
  font-weight: 600;
  justify-content: center;
  height: 40px;
  border-radius: 20px;
  width: 145px;
}

.tabnav-home li.active,
.tabnav-planos li.active {
  z-index: 1;
}

.tabnav-home li.active button,
.tabnav-planos li.active button {
  background: var(--green);
  color: #fff;
  transition: none;
}

.tabnav-home li:nth-child(2) button,
.tabnav-planos li:nth-child(2) button {
  margin-left: -30px;
}

.tabcontent-home {
  display: none;
  grid-gap: 50px;
  grid-template-columns: 1fr 1fr 1fr;
  min-height: 165px;
}

.tabcontent-home.active {
  animation: animaTabContent 0.3s forwards;
  display: grid;
}

@keyframes animaTabContent {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.tabcontent-home p a,
.tabcontent-home p strong {
  font-weight: bold;
  display: inline-block !important;
  color: var(--black) !important;
  font-size: 16px !important;
}

.tabcontent-home article {
  text-align: left !important;
}

.tabcontent-home article h2 {
  align-items: center;
  color: var(--blackgreen);
  display: flex;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.3;
}

.tabcontent-home article h2 span {
  align-items: center;
  border: 2px solid #00c3be;
  border-radius: 50%;
  color: #00c3be;
  display: flex;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  margin-right: 5px;
  min-width: 30px;
}

#como-funciona {
  margin-bottom: 90px;
  margin-top: 45px;
  position: relative;
}

#como-funciona header.head {
  margin-bottom: 0;
}

#como-funciona section:not(.como-functiona-main-content) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 60px;
}

#como-funciona section article {
  display: block;
  text-align: center;
}

#como-funciona section article figure {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0px auto 20px auto;
  background-color: var(--green);
  border-radius: 100%;
}

#como-funciona section article figure i {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  font-size: 36px;
  color: #fff;
  transform: translate(-50%, -50%);
}

#como-funciona section article figure::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--green);
  transform: translate(-50%, -50%);
  transition: all 0.7s ease;
  content: '';
}

#como-funciona section article:hover figure::after {
  width: 140%;
  height: 140%;
  opacity: 0;
}

#como-funciona section article strong {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  color: var(--black);
}

#como-funciona section article p {
  color: var(--black);
  font-size: 16px;
  line-height: 1.6;
}

/* anuncie */
.anuncie {
  margin-bottom: 130px;
  padding: 60px 0px;
  background-color: #000;
  position: relative;
}

.anuncie figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  opacity: 0.4;
}

.anuncie figcaption {
  position: relative;
  z-index: 2;
  display: block;
  width: 590px;
  margin: 0px auto;
  text-align: center;
}

.anuncie figcaption em {
  display: block;
  margin-bottom: 3px;
  font-family: 'Satisfy';
  font-size: 30px;
  color: var(--green);
}

.anuncie figcaption h6 {
  display: block;
  font-weight: 700;
  font-size: 46px;
  color: #fff;
  text-transform: lowercase;
}

.anuncie figcaption p {
  display: block;
  margin: 40px 0px 60px 0px;
  font-size: 18px;
  color: #fff;
  line-height: 1.8;
}

.anuncie figcaption p strong {
  font-weight: 800;
}

.anuncie figcaption span a {
  display: inline-block;
  width: auto;
  width: 220px;
  height: 50px;
  background-color: var(--orange);
  border: 3px solid #fff;
  color: #fff;
  border-radius: 50px;
  line-height: 40px;
  font-weight: 600;
  font-size: 18px;
}

.anuncie figcaption span a:hover {
  background-color: var(--darkgreen);
}

.anuncie figcaption span a.link:hover {
  color: #fff;
}

.anuncie figcaption span.bt-green a {
  background-color: var(--darkgreen);
}

.anuncie figcaption span.bt-green a:hover {
  background-color: var(--green);
}

.anuncie-guia figcaption h6 {
  text-transform: initial;
}

/* relampago */
#relampago {
  margin-bottom: 40px;
}

#relampago .info {
  display: block;
  margin-bottom: 20px;
}

#relampago .info p {
  display: block;
  color: var(--darkgreen);
  font-size: 20px;
  line-height: 1.6;
}

#relampago .info p strong {
  font-weight: 700;
}

#relampago .info p b {
  font-weight: 700;
  color: var(--green);
}

#relampago section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}

#relampago section article {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

aside #relampago section article {
  padding-bottom: 0px;
}

#relampago section article .img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 220px;
  background-color: #000;
}

#relampago section article .img .time {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 7px;
  width: auto;
}

#relampago section article .img .time i {
  display: inline-block;
  width: auto;
  margin-right: 7px;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
}

#relampago section article .img .time small {
  display: inline-block;
  width: 28px;
  height: 33px;
  padding-top: 5px;
  background-color: var(--darkgreen);
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
}

#relampago section article .img .time small b {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}

#relampago section article .img .time small em {
  display: block;
  font-weight: 700;
  font-size: 10px;
  color: var(--green);
  font-style: normal;
}

#relampago section article .img figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition: all 0.5s ease;
}

#relampago section article .img sub {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
  padding: 5px;
  background-color: var(--orange);
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
}

#relampago section article .img h6 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: auto;
  color: #fff;
  font-weight: 600;
  line-height: 1.4;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease;
}

#relampago section article .txt {
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
}

#relampago section article .txt .left {
  width: 60%;
}

#relampago section article .txt .left h2 {
  display: block;
  font-weight: 600;
  color: var(--blackgreen);
  line-height: 1.2;
}

#relampago section article .txt .right {
  text-align: right;
  width: 40%;
}

#relampago section article .txt .right .price {
  display: block;
  margin-bottom: 5px;
}

#relampago section article .txt .right .price strike,
#relampago section article .txt .right .price del {
  display: inline-block;
  font-weight: 300;
  font-size: 12px;
  color: var(--black);
  vertical-align: middle;
}

#relampago section article .txt .right .price strong,
#relampago section article .txt .right .price ins {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  color: var(--blackgreen);
  vertical-align: middle;
  text-decoration: none;
}

#relampago section article .txt .right small {
  display: block;
  margin-top: -2px;
  font-size: 12px;
  text-transform: lowercase;
  color: var(--black);
}

#relampago section article .txt footer {
  color: var(--black);
  font-size: 10px;
  margin-top: 8px;
}

#relampago section article.all {
  position: relative;
  background-color: var(--darkgreen);
}

#relampago section article.all span.line1 small {
  display: block;
  margin: 40px 0px 10px 0px;
  color: var(--green);
  font-weight: 700;
  font-size: 35px;
  text-align: center;
}

#relampago section article.all span.line1 strong {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 35px;
  text-align: center;
  text-transform: lowercase;
}

#relampago section article.all span.line2 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 90px;
  background-color: #fff;
  text-align: center;
}

#relampago section article.all span.line2 a {
  display: block;
  height: 90px;
  line-height: 90px;
  font-weight: 600;
  font-size: 18px;
  color: var(--darkgreen);
}

#relampago section article.all span.line2 a i {
  display: inline-block;
  margin-left: 5px;
}

#relampago section article .info {
  position: absolute;
}

#relampago section article:hover .img figure {
  opacity: 0.25;
  filter: grayscale(100%);
}

#relampago section article:hover .img h6 {
  opacity: 1;
  transition-delay: 0.2s;
}

.home #relampago .ad {
  margin-top: 30px;
  margin-bottom: 30px;
}

/*
SOBRE NÓS ================
*/
#sobre-nos p {
  line-height: 36px;
  text-align: justify;
  font-size: 18px;
  font-weight: 500;
}

.sobre-nos-seguranca h2,
.sobre-nos-vantagens h2,
.sobre-nos-anfitriao h2,
.sobre-nos-viajante h2,
.sobre-nos-aplicativo h2,
.sobre-nos-ajuda h2,
.sobre-nos-instagram h2 {
  font-family: 'Satisfy';
  font-size: 40px;
  color: var(--green);
  text-align: center;
}

.sobre-nos-header-content figure,
.sobre-nos-anfitriao-content figure,
.sobre-nos-viajante-content figure,
.sobre-nos-ajuda-content figure {
  height: 389px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sobre-nos-header-content,
.sobre-nos-viajante-content {
  display: grid;
  grid-template-columns: 710px 1fr;
  grid-gap: 50px;
}

.sobre-nos-header {
  background: var(--darkgreen);
  padding: 120px 0 30px;
}

.sobre-nos-header h1 {
  color: #fff;
  font-family: 'Satisfy';
  font-size: 60px;
  text-align: center;
  margin-bottom: 30px;
}

.sobre-nos-header h1 span {
  color: var(--green);
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.sobre-nos-header-content div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sobre-nos-header-content figure {
  border-radius: 5px 5px 0 0;
}

.sobre-nos-header-content p {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}

.sobre-nos-header-content p + p {
  margin-top: 50px;
}

.sobre-nos-header-content span,
#sobre-nos p span {
  color: var(--green);
  font-weight: bold;
}

#sobre-nos p b {
  color: #00404c;
  font-weight: bold;
}

.sobre-nos-seguranca {
  padding-top: 60px;
  padding-bottom: 90px;
}

.sobre-nos-seguranca .selo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sobre-nos-seguranca .selo img {
  margin-right: 20px;
  height: 51px;
  margin-left: 25px;
}

.sobre-nos-seguranca .container,
.sobre-nos-vantagens .container,
.sobre-nos-aplicativo .container {
  padding-left: 90px;
  padding-right: 90px;
}

.sobre-nos-seguranca h2 {
  font-family: 'Satisfy';
  font-size: 40px;
  color: var(--green);
  margin-bottom: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sobre-nos-seguranca h2::before {
  content: '';
  display: inline-block;
  height: 34px;
  width: 34px;
  background: url('../img/icon-sobrenos-seguranca.svg') no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.sobre-nos-seguranca p {
  font-size: 18px;
  line-height: 1.5;
}

.sobre-nos-seguranca .container > div {
  margin-bottom: 30px;
  margin-top: 30px;
}

.sobre-nos-seguranca .container > p:last-child {
  font-size: 14px !important;
  line-height: 25px !important;
}

.sobre-nos-vantagens h2 {
  margin-bottom: 30px;
}

.sobre-nos-vantagens h2::before {
  margin-bottom: -4px;
  content: '';
  display: inline-block;
  height: 34px;
  width: 34px;
  background: url('../img/icon-sobrenos-vantagens.svg') no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.sobre-nos-vantagens strong {
  color: var(--blackgreen);
  font-weight: bold;
  margin-bottom: 30px;
  display: block;
  font-size: 20px;
  line-height: 1.3;
}

.sobre-nos-vantagens strong span {
  color: var(--green);
  font-weight: bold;
}

.sobre-nos-vantagens p span {
  color: var(--green);
  font-weight: bold;
}

.sobre-nos-vantagens p b {
  color: var(--black) !important;
  font-weight: bold;
}

.sobre-nos-vantagens-box {
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgb(0 0 0 / 25%), -1px -1px 2px rgb(0 0 0 / 10%);
  display: grid;
  grid-gap: 20px;
  grid-template-columns: auto 1fr;
  margin-bottom: 60px;
  margin-top: 30px;
  padding: 30px 30px;
}

.sobre-nos-vantagens-box figure,
.sobre-nos-vantagens-box-mobile figure {
  height: 75px;
  width: 110px;
}

.sobre-nos-vantagens-box-mobile figure {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  grid-column: 2;
  margin: auto;
  width: 93px;
}

.sobre-nos-vantagens-box-left {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
}

.sobre-nos-vantagens-box-left span {
  color: #f26ecd;
  font-size: 14.8px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 30px;
  text-align: center;
}

.sobre-nos-vantagens-box-right {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(6, 1fr);
  font-size: 14px;
}

.sobre-nos-vantagens-box-right div {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
}

.sobre-nos-vantagens-box-right div:first-child h3 {
  padding-top: 13px;
}

.sobre-nos-vantagens-box-right div h3 {
  color: var(--blackgreen);
  height: 44px;
  font-size: 12px;
}

.sobre-nos-vantagens-box-right div h3 strong {
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 4px;
}

.sobre-nos-vantagens-box-right div h3 b {
  display: block;
  margin-top: 8px;
}

.sobre-nos-vantagens-box-right div span {
  background: rgba(0, 0, 0, 0.1);
  font-weight: bold;
}

.sobre-nos-vantagens-box-right div span:nth-child(2) {
  margin-bottom: 5px;
}

.sobre-nos-vantagens-box-right div span:nth-child(2),
.sobre-nos-vantagens-box-right div span:nth-child(3) {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  line-height: 1.4;
  width: 100%;
}

.sobre-nos-vantagens-box-right div:nth-child(1) span:nth-child(2),
.sobre-nos-vantagens-box-right div:nth-child(2) span:nth-child(2),
.sobre-nos-vantagens-box-right div:nth-child(3) span:nth-child(2),
.sobre-nos-vantagens-box-right div:nth-child(4) span:nth-child(2) {
  background: rgba(0, 195, 190, 0.5);
  color: var(--darkgreen);
}

.sobre-nos-vantagens-box-right div:nth-child(5) span:nth-child(2) {
  background: #0f7487;
  color: #fff;
}

.sobre-nos-vantagens-box-right div:nth-child(6) span:nth-child(2) {
  background: var(--darkgreen);
  color: #fff;
}

.sobre-nos-vantagens-box-right div:nth-child(1) span:nth-child(3),
.sobre-nos-vantagens-box-right div:nth-child(2) span:nth-child(3),
.sobre-nos-vantagens-box-right div:nth-child(3) span:nth-child(3),
.sobre-nos-vantagens-box-right div:nth-child(4) span:nth-child(3) {
  background: rgba(242, 110, 205, 0.51);
  color: #930000;
}

.sobre-nos-vantagens-box-right div:nth-child(5) span:nth-child(3) {
  background: #e22756;
  color: #fff;
}

.sobre-nos-vantagens-box-right div:nth-child(6) span:nth-child(3) {
  background: #930000;
  color: #fff;
}

.sobre-nos-vantagens-box-right div span b {
  display: block;
  font-weight: 600;
}

.sobre-nos-vantagens .container > h3 {
  color: #002c34;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 50px;
}

.sobre-nos-vantagens .container > h3 span {
  color: var(--green);
}

.sobre-nos-vantagens-simular {
  max-width: 718px;
  margin: 0 auto 60px;
  display: flex;
  grid-gap: 50px;
  flex-wrap: wrap;
}

.sobre-nos-vantagens-simular .content-left {
  max-width: 290px;
}

.sobre-nos-vantagens-simular .content-left b {
  color: #606060;
  font-weight: 600;
  display: block;
  padding-left: 5px;
  font-size: 14px;
  margin-bottom: 5px;
}

.sobre-nos-vantagens-simular .content-left > div:first-child input {
  width: 90px;
  border: 2px solid #606060;
  border-radius: 5px;
  text-align: center;
  height: 43px;
  padding: 5px 7px 5px 18px;
}

.sobre-nos-vantagens-simular .content-left > div:first-child {
  position: relative;
  max-width: max-content;
  margin-bottom: 40px;
}

.sobre-nos-vantagens-simular .content-left span.diarias {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 3px 6px;
  right: -45px;
  margin-top: 11px;
  font-size: 14px;
  font-weight: 600;
}

.sobre-nos-vantagens-simular .content-left span.diarias::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #333333 transparent transparent;
  top: 0px;
  position: absolute;
  margin-left: -16px;
}

.sobre-nos-vantagens-simular .content-left > div:last-child div {
  border: 2px solid #606060;
  border-radius: 5px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 290px;
}

.sobre-nos-vantagens-simular .content-left > div:last-child span.preco {
  color: #00404c;
  font-weight: bold;
  margin-bottom: 7px;
}

.sobre-nos-vantagens-simular .content-right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  height: 331px;
}

.sobre-nos-vantagens-simular .content-right > div strong {
  margin-bottom: 7px;
  font-size: 16px;
  text-align: center;
}

.sobre-nos-vantagens-simular .content-right > div {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.sobre-nos-vantagens-simular .content-right > div > div {
  height: calc(100% - 28px);
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 10px 10px 7px;
  text-align: center;
  font-size: 14px;
  transition: 0.6s;
  width: 110px;
}

.sobre-nos-vantagens-simular .content-right div.resultado-tripmood > div {
  background: #00c3be;
}

.sobre-nos-vantagens-simular
  .content-right
  div.resultado-modelo-tradicional
  > div {
  background: #f9b5e6;
  height: calc(70% - 28px);
}

.sobre-nos-vantagens-simular .content-right div.resultado-total-taxas > div {
  height: calc(26% - 28px);
  background: #e22756;
}

/* sobre-nos-vantagens-box-mobile */
.sobre-nos-vantagens-grid-mobile-header span {
  color: #f26ecd;
  font-size: 14.8px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}

.sobre-nos-vantagens-grid-mobile-header p {
  grid-column: 2;
}

.sobre-nos-vantagens-box-mobile {
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgb(0 0 0 / 25%), -1px -1px 2px rgb(0 0 0 / 10%);
  max-width: 400px;
  margin: 40px auto 50px;
  padding: 12px 10px 15px;
}

.sobre-nos-vantagens-grid-mobile div h3 {
  color: var(--darkgreen);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.sobre-nos-vantagens-grid-mobile div h3 strong {
  font-size: 14px;
  margin-bottom: 0;
}

.sobre-nos-vantagens-grid-mobile > div {
  align-items: center;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 10px;
}

.sobre-nos-vantagens-grid-mobile
  > div:not(.sobre-nos-vantagens-grid-mobile-header) {
  width: 100%;
}

.sobre-nos-vantagens-grid-mobile
  > div:not(.sobre-nos-vantagens-grid-mobile-header)
  span {
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
  height: 55px;
  display: flex;
  font-size: 14px;
  justify-content: center;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.sobre-nos-vantagens-grid-mobile div:nth-child(6) h3 strong,
.sobre-nos-vantagens-grid-mobile div:nth-child(7) h3 strong {
  display: inline-block;
}

.sobre-nos-vantagens-grid-mobile div:nth-child(2) span:nth-child(2),
.sobre-nos-vantagens-grid-mobile div:nth-child(3) span:nth-child(2),
.sobre-nos-vantagens-grid-mobile div:nth-child(4) span:nth-child(2),
.sobre-nos-vantagens-grid-mobile div:nth-child(5) span:nth-child(2) {
  background: rgba(0, 195, 190, 0.5);
  color: var(--darkgreen);
}

.sobre-nos-vantagens-grid-mobile div:nth-child(6) span:nth-child(2) {
  background: #0f7487;
  color: #fff;
}

.sobre-nos-vantagens-grid-mobile div:nth-child(7) span:nth-child(2) {
  background: var(--darkgreen);
  color: #fff;
}

.sobre-nos-vantagens-grid-mobile div:nth-child(2) span:nth-child(3),
.sobre-nos-vantagens-grid-mobile div:nth-child(3) span:nth-child(3),
.sobre-nos-vantagens-grid-mobile div:nth-child(4) span:nth-child(3),
.sobre-nos-vantagens-grid-mobile div:nth-child(5) span:nth-child(3) {
  background: rgba(242, 110, 205, 0.51);
  color: #930000;
}

.sobre-nos-vantagens-grid-mobile div:nth-child(6) span:nth-child(3) {
  background: #e22756;
  color: #fff;
}

.sobre-nos-vantagens-grid-mobile div:nth-child(7) span:nth-child(3) {
  background: #930000;
  color: #fff;
}

.sobre-nos-anfitriao h2 {
  margin-bottom: 40px;
}

.sobre-nos-anfitriao-content figure {
  height: 380px;
}

.sobre-nos-anfitriao {
  background: var(--darkgreen);
  padding: 50px 0;
}

.sobre-nos-anfitriao-content {
  display: grid;
  grid-template-columns: 1fr 710px;
  grid-gap: 50px;
}

.sobre-nos-anfitriao-content p b {
  color: #fff !important;
  font-weight: bold !important;
}

.sobre-nos-anfitriao-content p {
  color: #fff;
  margin-bottom: 50px;
  font-size: 19px;
}

.sobre-nos-anfitriao-content p span {
  color: var(--green);
  font-weight: bold;
}

.sobre-nos-anfitriao-content p b {
  font-weight: bold;
}

.sobre-nos-anfitriao-content a {
  display: block;
  height: 50px;
  border-radius: 50px;
  color: var(--orange);
  width: 140px;
  border: 3px var(--orange) solid;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sobre-nos-anfitriao-content a:hover {
  background: #fff;
  border-color: #fff;
  color: var(--gray);
}

.sobre-nos-anfitriao-content > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sobre-nos-viajante {
  background: var(--green);
  padding: 50px 0;
}

.sobre-nos-viajante h2 {
  margin-bottom: 40px;
}

.sobre-nos-viajante-content h2 {
  color: var(--darkgreen);
}

.sobre-nos-viajante-content p {
  color: #fff;
  margin-bottom: 25px;
  font-size: 19px;
}

.sobre-nos-viajante-content p b:not(:nth-child(2)) {
  color: #fff !important;
}

.sobre-nos-viajante-content p b:nth-child(2) {
  color: var(--darkgreen);
}

.sobre-nos-viajante-content p b:last-child {
  text-decoration: underline;
}

.sobre-nos-viajante-content a {
  display: block;
  height: 50px;
  border-radius: 50px;
  color: var(--darkgreen);
  width: 140px;
  border: 3px var(--darkgreen) solid;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

.sobre-nos-viajante-content a:hover {
  background: #fff;
  border-color: #fff;
  color: var(--gray);
}

.sobre-nos-aplicativo {
  padding: 50px 0;
}

.sobre-nos-aplicativo h2 {
  margin-bottom: 50px;
}

.sobre-nos-aplicativo h2::before {
  margin-bottom: -4px;
  content: '';
  display: inline-block;
  height: 34px;
  width: 34px;
  background: url('../img/icon-sobrenos-aplicativo.svg') no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.sobre-nos-aplicativo-content {
  display: grid;
  grid-template-columns: 1fr 265px;
  grid-gap: 50px;
}

.sobre-nos-aplicativo-content p b {
  color: var(--green) !important;
}

.sobre-nos-aplicativo-content figure {
  height: 371px;
  width: 100%;
  background-repeat: no-repeat;
}

.sobre-nos-ajuda {
  background: var(--darkgreen);
}

.sobre-nos-ajuda h2 {
  margin-bottom: 40px;
}

.sobre-nos-ajuda-content {
  display: grid;
  grid-template-columns: 1fr 710px;
  grid-gap: 65px;
  padding: 60px 0;
}

.sobre-nos-ajuda-content > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sobre-nos-ajuda-content p {
  color: #fff;
  margin-bottom: 90px;
}

.sobre-nos-ajuda-content p a {
  color: #fff;
  font-weight: bold;
}

.sobre-nos-ajuda-content p a:hover {
  color: var(--green);
}

.sobre-nos-ajuda-content a.btn-ajuda {
  display: block;
  height: 50px;
  border-radius: 50px;
  color: var(--green);
  width: 140px;
  border: 3px var(--green) solid;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sobre-nos-ajuda-content a.btn-ajuda:hover {
  background: #fff;
  border-color: #fff;
  color: var(--gray);
}

.sobre-nos-instagram {
  padding: 90px 0 50px;
}

.sobre-nos-instagram h2 {
  margin-bottom: 30px;
}

.sobre-nos-instagram h2::before {
  margin-bottom: -4px;
  content: '';
  display: inline-block;
  height: 34px;
  width: 34px;
  background: url('../img/icon-sobrenos-instagram.svg') no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.sobre-nos-instagram-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.sobre-nos-instagram-item {
  height: 300px;
  position: relative;
  width: 100%;
}

.sobre-nos-instagram-item .sobre-nos-instagram-item-hover p {
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  margin-bottom: 0 !important;
}

.sobre-nos-instagram-item:hover .sobre-nos-instagram-item-hover {
  display: flex;
}

.sobre-nos-instagram-item:hover figure {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.sobre-nos-instagram-item-hover {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: none;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99;
}

.sobre-nos-instagram-item-hover ul {
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;
  width: 100%;
}

.sobre-nos-instagram-item-hover ul li {
  align-items: center;
  display: flex;
}

.sobre-nos-instagram-item-hover ul li::before {
  background-size: contain !important;
  content: '';
  display: inline-block;
  height: 22px;
  margin-right: 8px;
  width: 22px;
}

.sobre-nos-instagram-item-hover ul li:nth-child(1):before {
  background: url('../img/_temp/like.svg') no-repeat;
}

.sobre-nos-instagram-item-hover ul li:nth-child(2):before {
  background: url('../img/_temp/comment.svg') no-repeat;
}

.sobre-nos-instagram-item-hover p {
  font-size: 14px;
}

.sobre-nos-instagram-item figure {
  background-size: cover;
  background-position: center;
  height: 100%;
  position: absolute;
  width: 100%;
}

/*
PESQUISA ================
*/
#pesquisa {
  margin-top: 110px;
}

#pesquisa .pesquisa-content {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-gap: 80px;
}

#pesquisa .pesquisa-content section {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

#pesquisa header {
  display: inline-block;
  width: 100%;
  margin-bottom: 70px;
}

#pesquisa header h6 {
  display: block;
  margin-bottom: 15px;
  font-weight: 800;
  font-size: 40px;
  color: var(--darkgreen);
}

#pesquisa header h6 b {
  font-weight: 800;
  color: var(--green);
}

#pesquisa header p {
  color: var(--darkgreen);
  display: block;
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

#pesquisa.erro-404 header p {
  color: var(--black);
}

#pesquisa header p:first-child {
  margin-bottom: 4px;
}

#pesquisa header p strong {
  font-weight: 800;
}

#pesquisa header p.desc {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  color: var(--black);
}

#pesquisa section form {
  display: inline-block;
  height: auto;
  vertical-align: top;
}

#pesquisa section form select,
.imoveis-proprietario section form select {
  position: relative;
  display: block;
  width: 250px;
  height: 46px;
  padding: 0px 20px;
  margin-bottom: 25px;
  border-radius: 5px;
  border: 1px solid var(--gray);
  background: transparent url('../img/select-dark.svg') no-repeat right center;
  background-size: contain;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  color: #8c8c8c;
}

#pesquisa section form select::after,
.imoveis-proprietario section form select::after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: var(--green);
  content: '';
}

#pesquisa section figure {
  display: inline-block;
  width: 60%;
  height: auto;
  margin-top: -60px;
  vertical-align: top;
}

#pesquisa section figure img {
  float: right;
  width: auto;
}

#pesquisa section nav {
  display: inline-block;
  width: 30%;
}

#pesquisa section nav strong {
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}

#pesquisa section nav p {
  display: block;
  margin-bottom: 20px;
}

#pesquisa section nav li a {
  display: block;
  margin-bottom: 10px;
  color: var(--darkgreen);
}

#pesquisa section nav li a:hover {
  color: var(--green);
}

#pesquisa section button[type='submit'],
#pesquisa section a.button {
  align-items: center;
  background-color: var(--green);
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: bold;
  justify-content: center;
  margin: 10px auto 0;
  padding: 10px 18px 13px 20px;
  width: 116px;
  margin-top: 5px !important;
}

#pesquisa aside {
  width: 300px;
  max-width: 100%;
  background: blue;
  height: 600px;
}

#pesquisa #mapa-guia-dica {
  display: none;
  position: relative;
  margin: 30px 0 10px;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: var(--darkgreen);
}

.pesquisa-detalhes-content header p {
  line-height: 1.5;
}

.pesquisa-detalhes-content header p:nth-child(2) {
  color: #606060 !important;
  font-size: 18px !important;
}

.pesquisa-submit-box {
  background: var(--darkgreen);
  color: white;
  padding: 10px;
  display: grid;
  grid-template-columns: 230px 1fr;
  grid-gap: 10px;
  border-radius: 5px;
  width: 300px;
  margin-top: 25px;
}

.pesquisa-submit-box p {
  line-height: 1.5;
}

.pesquisa-submit-box button,
.pesquisa-submit-box a.button {
  height: 40px;
  width: 40px !important;
  border-radius: 50% !important;
}

.pesquisa-submit-box b,
.pesquisa-submit-box strong {
  font-weight: bold;
}

/* pesquisa-guia-content (pag. guia)  */
#pesquisa .pesquisa-guia-content header p {
  color: var(--black) !important;
}

#pesquisa .pesquisa-guia-content form select {
  width: 277px;
}

#pesquisa .pesquisa-guia-content form button[type='submit'],
#pesquisa .pesquisa-guia-content form .button {
  font-size: 17px;
  font-weight: 600;
}

/* blog */
#blog {
  margin-top: 110px;
}

.blog-content {
  display: grid;
  grid-template-columns: 1fr;
}

/* blog -> header */
#blog header {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 52px;
}

#blog header h1 {
  display: inline-block;
  width: auto;
  font-weight: 800;
  font-size: 40px;
  color: var(--darkgreen);
  vertical-align: middle;
}

#blog header h1 b {
  font-weight: 800;
  color: var(--green);
}

#blog header form {
  display: inline-block;
  width: 420px;
  height: 40px;
  margin-left: 40px;
  vertical-align: middle;
  background-color: #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  vertical-align: middle;
  overflow: hidden;
}

#blog header form input[type='search'] {
  float: left;
  width: calc(100% - 124px);
  height: 40px;
  padding: 0px 20px;
}

#blog header form input[type='search']::placeholder {
  color: var(--gray);
}

#blog header form button {
  float: left;
  width: 124px;
  height: 40px;
  background-color: var(--darkgreen);
  color: #fff;
  font-weight: 700;
}

/* blog -> main */
#blog main {
  display: grid;
  grid-template-columns: 1fr 336px;
  height: auto;
  width: 100%;
}

/* blog -> post */
#blog.post header {
  width: calc(100% - 360px);
  margin-bottom: 20px;
  padding-right: 24px;
}

#blog.post header > div {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

#blog.post header h1 {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 16px;
}

#blog.post header abbr {
  display: block;
  margin-top: 10px;
  text-decoration: none;
  color: var(--black);
}

#blog.post header abbr a,
#blog.post header abbr strong {
  font-weight: 700;
  color: var(--black);
}

#blog.post .share,
#imovel .share {
  display: inline-block;
  height: auto;
  text-align: right;
}
#imovel .share {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 160px;
  margin-top: -45px;
}
#blog.post .share li,
#imovel .share li {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
}
#imovel .share ul {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  padding: 5px 5px 5px 0;
  border-radius: 5px;
}
#blog.post .share li a,
#imovel .share li a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  line-height: 30px;
  color: #fff !important;
}
#blog.post .share li a:hover i,
#imovel .share li a:hover i {
  color: #fff !important;
}
#blog.post .share li.facebook a,
#imovel .share li.facebook a {
  background-color: #3b5998;
}

#blog.post .share li.twitter a,
#imovel .share li.twitter a {
  background-color: #1da1f2;
}

#blog.post .share li.whatsapp a,
#imovel .share li.whatsapp a {
  background-color: #4dc247;
}

#blog.post .share li.link a,
#imovel .share li.link a {
  background-color: #178bf4;
}

#blog.post section article img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0px auto 20px auto;
}

#blog.post section article p {
  display: block;
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 1.8;
}

#blog.post section article p span {
  padding-left: 0;
  width: unset;
}

#blog.post section article h2,
#blog.post section article h3 {
  width: 100%;
}

#blog.post section article h2 strong,
#blog.post section article h3 strong {
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 40px;
  display: block;
  font-size: 22px;
}

#blog.post footer {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

#blog.post footer span {
  display: inline-block;
  width: auto;
  margin-right: 20px;
  vertical-align: middle;
}

#blog.post footer span > a i {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  font-size: 24px;
  vertical-align: middle;
  color: var(--darkgreen);
}

#blog.post footer span > a strong {
  font-weight: 700;
  font-size: 18px;
  color: var(--darkgreen);
}
#blog.post footer span > a.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
#blog.post footer span > a small {
  font-weight: 600;
  font-size: 14px;
  color: var(--black);
}

#blog.post #comentar textarea {
  margin-left: 0;
  width: 100%;
}

/* blog -> main -> conteudo */
#blog main section {
  border-right: 1px solid #e5e5e5;
  grid-column: 1/2;
  margin-right: 24px;
  padding-right: 24px;
}

#blog main section h6 {
  display: block;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 22px;
  color: var(--darkgreen);
}

#blog main section article {
  display: flex;
  height: auto;
  margin-bottom: 40px;
  gap: 30px;
  width: 100%;
}

#blog main section article figure {
  max-width: 258px;
  width: 100%;
  height: 225px;
  background-size: cover;
  background-position: center center;
}

#blog main section article ul {
  margin: 20px 0;
  padding-left: 36px;
}

#blog main section article ul li {
  padding-left: 5px;
  list-style: disc;
}

#blog.post main section article ul li  {
  line-height: 28px;
  font-size: 18px;
}

#blog main section article ul li + li {
  margin-top: 12px;
}

#blog main section article span h2,
#blog main section article span h2 a {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 20px;
  color: var(--darkgreen);
  line-height: 1.3;
}

#blog main section article span abbr {
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: var(--gray);
}

#blog main section article span p {
  display: block;
  margin: 8px 0px 14px;
  line-height: 1.8;
  color: var(--gray);
  font-size: 15px;
}

#blog main section article span small a {
  display: inline-block;
  width: 122px;
  height: 38px;
  border-radius: 50px;
  background-color: var(--green);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}

#blog main section article span small a i {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  vertical-align: middle;
}

#blog main section article span small a:hover {
  background-color: var(--darkgreen);
}

#blog main section article .ad figure {
  float: none;
  width: 728px;
  height: 90px;
  margin-bottom: 0px;
}

#blog:not(.blog) main section article .ad figure {
  margin-left: 0;
}  

/* blog -> main -> lateral */
#blog main aside {
  grid-column: 2/3;
  height: auto;
  width: 336px;
}

#blog main aside .ad {
  margin-bottom: 30px;
}

#blog main aside nav {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#blog main aside nav strong {
  display: block;
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 20px;
  color: var(--blackgreen);
}

#blog main aside .categorias nav li a {
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  color: var(--darkgreen);
}

#blog main aside .categorias nav li a::before {
  display: inline-block;
  width: auto;
  margin-right: 7px;
  content: '-';
}

#blog main aside .categorias nav li a:hover {
  color: var(--green);
}

#blog main aside .populares nav li {
  margin-bottom: 25px;
}

#blog main aside .populares nav li figure {
  display: inline-block;
  width: 84px;
  height: 70px;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
}

#blog main aside .populares nav li h2 {
  display: inline-block;
  width: calc(100% - 90px);
  height: auto;
  padding-left: 15px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.4;
  color: var(--darkgreen);
}

#blog aside .box {
  margin-bottom: 0px;
  border: none;
  box-shadow: none;
}

#blog.post main section article {
  display: block;
}

#blog.post main section article br {
  display: none;
}

#blog.post .ad-300x1050 figure {
  max-width: 300px;
  max-height: 1050px;
  height: auto;
}

/* cidade */
#cidade {
  margin-top: 110px;
}

.cidade-content {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 300px;
}

.cidade-content-main {
  grid-column: 1/2;
  display: grid;
  grid-template-columns: 250px 1fr;
}

.cidade-content-side {
  grid-column: 2/3;
}

/* cidade -> ad */
#cidade .side-ad {
  width: 300px;
  height: auto;
}

#cidade .side-ad .ad {
  margin-bottom: 20px;
}

/* cidade -> lateral */
#cidade aside {
  width: 250px;
  height: auto;
  margin-right: 40px;
}

#cidade aside strong {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 14px 0px 16px 0px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  background-color: var(--darkgreen);
  color: #fff;
}

#cidade aside nav li a {
  display: block;
  width: auto;
  padding: 12px 0px 12px 30px;
  border-bottom: 1px solid var(--green);
  color: var(--darkgreen);
  font-weight: 600;
  font-size: 14px;
}

#cidade aside nav li a.active {
  background-color: var(--green);
}

#cidade aside nav li a:hover {
  background-color: var(--green);
}

#cidade aside .busca {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 60px;
  border: 1px solid #8c8c8c;
}

#cidade aside .busca form {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 30px 14px;
}

#cidade aside .busca form label {
  position: relative;
  float: left;
  width: 100%;
  height: 32px;
  margin-bottom: 10px;
  padding-left: 30px;
  border-radius: 5px;
  border: 1px solid #606060;
}

#cidade aside .busca form .select2-container {
  width: 100% !important;
}

#cidade
  aside
  .busca
  form
  .select2-container--default
  .select2-selection--single {
  border: 0px;
}

#cidade aside .busca form label.lb50 {
  width: 50%;
}

#cidade aside .busca form label.lb50.lb502 {
  width: calc(50% - 5px);
  margin-left: 5px;
}

#cidade aside .busca form label input {
  float: left;
  width: 100%;
  height: 32px;
  font-size: 12px;
}

#cidade aside .busca form label.lbSubmit {
  margin-bottom: 0px;
  padding-left: 0px;
  border: none;
  text-align: center;
}

#cidade aside .busca form label.lbSubmit button {
  display: inline-block;
  width: 122px;
  height: 32px;
  margin-top: 10px;
  background-color: var(--green);
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  line-height: 32px;
  transition: all 0.5s ease;
}

#cidade aside .busca form label.lbSubmit button:hover {
  background-color: var(--darkgreen);
}

#cidade aside .busca form label.lbSubmit i {
  position: relative;
  top: auto;
  left: auto;
  color: #fff;
  transform: none;
}

#cidade aside .busca form label i {
  position: absolute;
  top: 50%;
  left: 10px;
  color: var(--black);
  font-size: 14px;
  transform: translateY(-50%);
}

/* cidade -> conteudo */
#cidade section {
  height: auto;
  margin-bottom: 0px;
  padding-left: 40px;
}

#cidade section header h6 {
  display: block;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 24px;
  color: var(--green);
}

#cidade section article {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

#cidade section article p {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 2;
  margin-top: -9px;
}

#cidade section article img.img-float-left {
  float: left;
  margin: 0px 20px 20px 0px;
}

#cidade section article img.img-float-right {
  float: right;
  margin: 0px 0 20px 20px;
}

#cidade section footer span a {
  display: inline-block;
  width: auto;
  margin-bottom: 50px;
  padding: 14px 60px 18px 60px;
  background-color: var(--green);
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 40px;
}

#cidade section footer span a i {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  vertical-align: middle;
}

#cidade section footer span a:hover {
  background-color: var(--darkgreen);
}

#cidade section .o-que-fazer {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

#cidade section .o-que-fazer strong {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 14px 0px 16px 20px;
  font-weight: 700;
  font-size: 18px;
  background-color: var(--darkgreen);
  color: #fff;
}

#cidade section .o-que-fazer strong b {
  font-weight: 700;
  color: var(--green);
}

#cidade section .o-que-fazer nav li {
  float: left;
  width: 33%;
  height: auto;
  margin-bottom: 30px;
}

#cidade section .o-que-fazer nav li a {
  display: block;
  color: var(--darkgreen);
}

#cidade section .o-que-fazer nav li a:hover {
  color: var(--green);
}

#cidade section .o-que-fazer nav li a.active {
  color: var(--green);
  font-weight: bold;
}

/* cidade -> cover */
#cidade-cover {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 240px;
  margin-bottom: 30px;
  background-color: #000;
  grid-column: 1/3;
}

#cidade-cover figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  opacity: 0.8;
}

#cidade-cover .top {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 20px;
}

#cidade-cover .top small {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

#cidade-cover .top h2 {
  display: block;
  color: #fff;
}

#cidade-cover h1 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: auto;
  transform: translate(-50%, -50%);
  font-weight: 800;
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
}

/* faq */
#faq {
  margin-top: 110px;
}

.faq-content {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 300px;
}

#faq header h1 {
  display: block;
  margin-bottom: 22px;
  font-weight: 800;
  font-size: 40px;
  color: var(--blackgreen);
}

#faq header nav {
  display: inline-block;
  width: auto;
  margin-bottom: 40px;
}

#faq header nav li {
  display: inline-block;
  width: auto;
  margin-right: 15px;
  font-size: 20px;
}

#faq header nav li a {
  display: block;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 600;
  border: 2px solid var(--green);
  color: var(--green);
}

#faq header nav li.on a {
  background-color: var(--green);
  color: #fff;
}

#faq section {
  display: grid;
  grid-template-columns: 100%;
  min-height: 505px;
  max-width: 900px;
}

#faq section nav:nth-child(odd) {
  padding-right: 17.5px;
}

#faq section nav:nth-child(even) {
  padding-left: 17.5px;
}

#faq section nav strong {
  color: var(--blackgreen);
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 20px;
}

#faq section nav ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

#faq section nav ul li h6 {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  color: var(--green);
  cursor: pointer;
}

#faq section nav ul li p {
  display: none;
  width: 100%;
  height: auto;
  padding: 7px 30px 7px 30px;
  background: rgba(229, 229, 229, 0.5);
  border-radius: 10px;
}

#faq section nav ul li p.active {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.8;
  overflow: hidden;
  max-height: 0;
  transition: 1.5s;
  animation: 1.5s forwards animaBoxFaq;
  display: block !important;
}

@keyframes animaBoxFaq {
  from {
    opacity: 0;
    max-height: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    max-height: 600px;
    transform: translateX(0px);
    overflow: auto;
  }
}

#faq section nav ul li p:only-child,
#faq section nav ul li p:last-of-type {
  margin-bottom: 0px;
}

#faq aside {
  display: inline-block;
  width: 300px;
  height: auto;
  vertical-align: top;
}

#faq .navtab-faq-content {
  display: none;
}

#faq .navtab-faq-content.active {
  animation: animaSection 0.3s forwards;
  display: grid;
}

@keyframes animaSection {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

/* imoveis */
.header-avaliacao-lista {
  align-items: center;
  display: flex;
}

.avaliacao-lista-content {
  align-items: center;
  display: flex;
  margin-right: 25px;
}

.avaliacao-lista-content li + li {
  margin-left: 5px;
}

.avaliacao-lista-content li i {
  color: #e5e5e5;
  font-size: 19px;
}

.avaliacao-lista-content li i.on {
  color: #fbc33f;
}

.avaliacao-lista-content li em {
  font-style: normal;
  color: var(--black);
}

li.avaliacao-lista-content-total {
  font-size: 18px;
  margin-left: 15px !important;
}

#imoveis {
  margin-top: 110px;
}

#imoveis-destaque header.head {
  margin-bottom: 0;
  margin-top: 110px;
}

#imoveis-destaque.home-reserve header.head {
  margin-bottom: 15px;
  margin-top: 0;
}

.imoveis-content {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 336px;
}

/* imoveis -> conteudo */
#imoveis .imoveis-content section {
  float: none;
  width: 100%;
}

/* imoveis -> conteudo -> card */
#imoveis .card {
  background-color: var(--darkgreen);
  height: auto;
  margin-bottom: 40px;
  width: 100%;
}

#imoveis .card figure.pic {
  position: relative;
  height: auto;
  width: 110px;
}

#imoveis .card figure.pic > img {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  object-fit: cover;
  border: 2px solid var(--green);
}

#imoveis .card figure.pic button {
  align-items: center;
  background-color: var(--green);
  border-radius: 50%;
  display: flex;
  height: 37px;
  justify-content: center;
  position: absolute;
  right: -7px;
  top: 0px;
  width: 37px;
}

#imoveis .card figure.pic button img {
  margin-left: 1px;
  margin-top: -1px;
}

#imoveis .card figcaption {
  position: relative;
  padding: 0px 0% 0px 40px;
}

#imoveis .card figcaption h1 {
  margin: 10px 0px 14px;
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  display: flex;
  align-items: center;
}

#imoveis .card figcaption h1 img {
  height: 30px;
  margin-left: 16px;
  margin-bottom: -2px;
}

#imoveis .card figcaption p {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-top: 0px;
}

#imoveis .card figcaption p strong {
  font-weight: bold;
  color: var(--green);
}

#imoveis .card figcaption p abbr {
  font-weight: bold;
  text-decoration: none;
}

#imoveis .card figcaption .infos {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 40%;
  height: auto;
}

#imoveis .card figcaption .infos small {
  display: inline-block;
  width: auto;
  font-weight: bold;
  font-size: 18px;
  vertical-align: middle;
  color: #fff;
}

#imoveis .card figcaption .infos small em {
  font-size: 14px;
  font-style: normal;
  color: var(--green);
}

#imoveis .card figcaption .infos-anfitriao small {
  margin-left: 16px;
  font-weight: 700;
}

#imoveis .card figcaption .infos-anfitriao small i {
  margin-right: 4px;
}

#imoveis .card figcaption .infos-anfitriao small i.on {
  color: #fbc33f;
}

#imoveis .card figcaption .infos-anfitriao small em {
  font-size: 14px;
  font-style: normal;
  color: var(--green);
  display: inline-block;
  margin-left: 3px;
}

#imoveis .card .avatar {
  align-items: center;
  display: flex;
  padding: 15px 25px 20px;
}

#imoveis .card .txt {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 20px 0px;
  padding: 15px 25px;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0px;
}

#imoveis .card .txt p {
  display: block;
  margin-bottom: 20px;
  color: #fff;
  line-height: 1.5;
}

#imoveis .card .txt p:last-child {
  margin-bottom: 0;
}

.proprietario-content .card footer {
  padding: 15px 25px;
}

#imoveis .card .item {
  display: inline-block;
  width: 32%;
  height: auto;
  vertical-align: top;
  word-break: break-all;
}

#imoveis .card .item b {
  display: block;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
}

#imoveis .card .item b.item-redes-sociais {
  margin-top: 14px;
}

#imoveis .card nav.nav-redes-sociais {
  height: 35px;
  display: flex;
  align-items: flex-end;
  margin-top: 18px !important;
}

.imoveis-proprietario .card figcaption .infos-anfitriao {
  line-height: 1.5;
}

#imoveis .card .item span a {
  display: block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  background-color: var(--green);
  color: #fff;
  border-radius: 5px;
}

#imoveis .card .item span a:hover {
  background-color: var(--orange);
}

#imoveis .card .item span.ver a {
  margin: 0px 0px 10px 0px;
}

#imoveis .card .item small {
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
  font-size: 14px;
  color: #fff;
}

#imoveis .card .item small a {
  display: block;
  color: #fff;
}

#imoveis .card .item nav ul {
  display: inline-block;
  width: 100%;
  height: auto;
}

#imoveis .card .item nav ul li {
  display: inline-block;
  width: 32px;
  height: auto;
  margin-right: 10px;
  text-align: center;
}

#imoveis .card .item nav ul li a {
  display: block;
  width: 32px;
  height: 32px;
  background-color: var(--green);
  color: #fff;
  border-radius: 100%;
  line-height: 32px;
}

#imoveis .card .item nav ul li a:hover {
  background-color: var(--orange);
}

.imoveis-proprietario header.op {
  align-items: flex-start;
  border-bottom: none !important;
  flex-direction: column;
}

.imoveis-proprietario header.op > div {
  width: 100%;
}

.imoveis-proprietario header.op > div:nth-child(1) {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.imoveis-proprietario header.op > div:nth-child(2) {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.imoveis-proprietario fieldset label:nth-child(1) {
  margin-right: 16px;
}

.imoveis-proprietario section form fieldset {
  align-items: center;
  display: flex;
}

.imoveis-proprietario section form select {
  margin-bottom: 0;
  width: 240px;
}

/* imoveis -> conteudo -> filtro */
#imoveis header.op {
  display: flex;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding-bottom: 30px;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
}

#imoveis header.op div.op-left {
  display: flex;
  align-items: center;
}

#imoveis header.op div.op-right {
  display: flex;
  justify-content: flex-end;
}

#imoveis header.op span,
#imoveis header.op a {
  float: left;
  width: auto;
  margin-right: 15px;
  color: var(--darkgreen);
}

#imoveis header.op span img,
#imoveis header.op a img {
  display: inline-block;
  width: 25px;
  height: auto;
}

#imoveis header.op span.active-bg,
#imoveis header.op a.active-bg {
  background: var(--green);
  border-radius: 5px;
  color: #fff !important;
  padding: 6px 8px;
}

#imoveis header.op span.total strong,
#imoveis header.op a.total strong {
  font-weight: 800;
  font-size: 30px;
}

#imoveis header.op span.total,
#imoveis header.op a.total,
#imoveis header.op span.exp,
#imoveis header.op a.exp,
#imoveis header.op span.pous,
#imoveis header.op a.pous {
  align-items: center;
  color: var(--darkgreen);
  display: flex;
  height: 45px;
  font-size: 18px;
}

#imoveis header.op span.total div,
#imoveis header.op a.total div,
#imoveis header.op span.exp div,
#imoveis header.op a.exp div,
#imoveis header.op span.pous div,
#imoveis header.op a.pous div {
  display: flex;
  align-items: center;
  width: 100%;
}

#imoveis header.op span.total strong,
#imoveis header.op a.total strong,
#imoveis header.op span.exp strong,
#imoveis header.op a.exp strong,
#imoveis header.op span.pous strong,
#imoveis header.op a.pous strong {
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 3px;
}

#imoveis header.op span.total span,
#imoveis header.op a.total span,
#imoveis header.op span.exp span,
#imoveis header.op a.exp span,
#imoveis header.op span.pous span,
#imoveis header.op a.pous span {
  display: inline-block;
  margin-bottom: -5px;
}

#imoveis header.op span.total img,
#imoveis header.op a.total img {
  margin-right: -1.5px;
  width: 26px;
}

#imoveis header.op span.total.active-bg img,
#imoveis header.op a.total.active-bg img {
  width: 22px;
}

#imoveis header.op span.pous img,
#imoveis header.op a.pous img {
  margin-bottom: 0px;
  margin-right: -3px;
  width: 29px;
}

#imoveis header.op span.exp img,
#imoveis header.op a.exp img {
  width: 25px;
}

#imoveis header.op span.pous strong,
#imoveis header.op a.pous strong,
#imoveis header.op span.exp strong,
#imoveis header.op a.exp strong {
  font-weight: 800;
  font-size: 30px;
}

#imoveis header.op span.pous small,
#imoveis header.op a.pous small,
#imoveis header.op span.exp small,
#imoveis header.op a.exp small {
  margin-bottom: -8px;
}

#imoveis header.op span.on,
#imoveis header.op a.on {
  color: var(--green);
}

#imoveis header.op span.filtro a {
  display: block;
  padding: 10px 20px;
  border: 2px solid var(--darkgreen);
  color: var(--darkgreen);
  border-radius: 30px;
}

#imoveis header.op span.filtro a svg {
  margin-bottom: -1.5px;
}

#imoveis header.op span.filtro a:hover {
  background-color: #eee;
}

#imoveis header.op span.ordenar {
  float: right;
  width: auto;
  margin-right: 0px;
  text-align: right;
}

#imoveis header.op span.ordenar b {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  vertical-align: middle;
  color: var(--darkgreen);
}

#imoveis header.op span.ordenar select {
  display: inline-block;
  width: 145px;
  height: 38px;
  padding: 0px 10px;
  border: 2px solid var(--darkgreen);
  background: transparent url('../img/icon-imovel-select.svg') no-repeat 95%
    center;
  vertical-align: middle;
  border-radius: 5px;
}

#imoveis header.op span.pous strong,
#imoveis header.op span.exp strong {
  display: inline-block;
  margin-bottom: -1px;
}

#imoveis header.op span.total small {
  display: inline-block;
  margin-bottom: -8px;
}

#imoveis header.op a.promo img {
  margin-right: 0;
}

/* imoveis -> conteudo -> lista */
#imoveis article {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}

#imoveis article nav.fotos {
  position: relative;
  float: left;
  width: 345px;
  height: 270px;
  border-radius: 10px;
  background-color: #000;
  overflow: hidden;
}

#imoveis article nav.fotos ul {
  /* position: absolute; */
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 270px;
}

#imoveis article nav.fotos ul li {
  display: inline-block;
  width: 100%;
  height: 270px;
}

#imoveis article nav.fotos ul li figure {
  display: inline-block;
  width: 100%;
  height: 270px;
  background-size: cover;
  background-position: center center;
}

#imoveis article nav.fotos sup {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
}

#imoveis article nav.fotos sup a {
  display: block;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  font-size: 14px;
  color: #000;
}

#imoveis article nav.fotos sup a i {
  color: #cc1040;
  margin-right: 3px;
}

#imoveis article nav.fotos sup a:hover {
  background-color: #fff;
}

#imoveis article nav.fotos .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 24px;
}

#imoveis article nav.fotos .slick-arrow.prev {
  left: 20px;
}

#imoveis article nav.fotos .slick-arrow.next {
  right: 20px;
}

#imoveis article nav.fotos ul.slick-dots {
  position: absolute;
  z-index: 2;
  top: 230px;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
}

#imoveis article nav.fotos ul.slick-dots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0px 6px;
  background-color: #fff;
  border-radius: 100%;
  vertical-align: middle;
  text-indent: -9999em;
  cursor: pointer;
}

#imoveis article nav.fotos ul.slick-dots li.slick-active {
  width: 12px;
  height: 12px;
  background-color: var(--green);
}

#imoveis article .desc {
  position: relative;
  float: left;
  width: calc(100% - 345px);
  height: 270px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#imoveis article .desc sup {
  align-items: center;
  border-radius: 5px;
  display: flex;
  color: #fff;
  font-weight: 700;
  justify-content: center;
  height: 26px;
  width: 100px;
}

#imoveis article .desc sup.gold {
  background-color: #fbc33f;
}

#imoveis article .desc sup.premium {
  background-color: var(--orange);
}

#imoveis article .desc h1 {
  display: block;
  color: var(--green);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 6px 0px 10px;
  min-height: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

#imoveis article .desc strong {
  display: block;
  margin-bottom: 30px;
  font-size: 18px;
  color: var(--darkgreen);
}

#imoveis article .desc p {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  color: var(--black);
}

#imoveis article .desc p b {
  font-weight: 700;
  color: var(--blackgreen);
}

body.experiencias #imoveis article .desc {
  height: 260px;
}

body.experiencias #imoveis article .desc p {
  position: absolute;
  bottom: 0px;
  left: 20px;
}

#imoveis article .desc nav ul {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0 10px;
}

#imoveis article .desc nav ul li {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 15px;
  vertical-align: top;
  text-align: center;
}

#imoveis article .desc nav ul li:last-of-type {
  margin-right: 0px;
}

#imoveis article .desc nav ul li b {
  display: block;
  margin: 5px 0px;
  font-size: 13px;
  color: var(--darkgreen);
}

#imoveis article .desc nav ul li em {
  display: block;
  font-style: normal;
  font-size: 13px;
  color: var(--gray);
}

#imoveis article.ad {
  margin-top: -3px;
  margin-bottom: 0px;
  padding-top: 0 !important;
  padding: 30px 0px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}

/* imoveis -> lateral */
#imoveis aside .ad {
  margin-bottom: 25px;
}

/* imoveis -> card */
.imoveis {
  margin-bottom: 40px;
}

.imoveis article {
  position: relative;
  height: 230px;
  margin: 0px 10px;
  border-radius: 5px;
  background-color: #000;
  overflow: hidden;
}

.imoveis article figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition: all 0.5s ease-in-out;
}

.imoveis article figcaption {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.imoveis article figcaption h3 {
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
  color: #fff;
  line-height: 1.6;
}

.imoveis article figcaption strong {
  display: block;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
}

.imoveis article:hover figure {
  filter: grayscale(100%);
  opacity: 0.5;
}

.imoveis article:hover figcaption {
  opacity: 1;
}

.imoveis .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--green);
  font-size: 36px;
}

.imoveis .slick-arrow.prev {
  left: -30px;
}

.imoveis .slick-arrow.next {
  right: -30px;
}

/* imovel */
#imovel {
  padding-top: 120px;
}

#imovel section {
  position: relative;
  float: left;
  width: calc(100% - 336px);
  height: auto;
  padding-right: 80px;
}

#imovel aside {
  float: left;
  width: 336px;
  height: auto;
}

#imovel aside .ad {
  margin-bottom: 25px;
}

.proprietario-content {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 336px;
}

.proprietario-content section {
  float: none !important;
  width: 100% !important;
}

.proprietario-content aside {
  float: none !important;
  margin-left: 0 !important;
  width: 100% !important;
}

/* Experiência */
#imovel.experiencia #solicitar-orcamento.box header strong b,
#imovel.experiencia .solicitar-orcamento-mobile.box header strong b {
  text-transform: uppercase;
}

/* imovel -> box */
aside .box,
.solicitar-orcamento-mobile {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border: 1px solid rgba(177, 194, 194, 0.4);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

aside .box header,
.solicitar-orcamento-mobile header {
  display: block;
  height: 54px;
  margin: 0px !important;
  text-align: center;
  background-color: var(--darkgreen);
  color: #fff;
}

aside .box header strong,
.solicitar-orcamento-mobile header {
  margin: 0px !important;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
}

aside .box section,
.solicitar-orcamento-mobile section {
  width: 100% !important;
  padding: 28px 30px !important;
  grid-template-columns: 1fr;
}

.solicitar-orcamento-mobile {
  display: none;
  max-width: 336px !important;
}

/* aside -> relampago */
aside #relampago section {
  width: 100%;
  padding: 28px 32px;
  grid-template-columns: 1fr;
}

aside #relampago section article:last-of-type {
  margin-bottom: 0px;
}

/* imovel -> solicitar reserva */
.toggle-checkbox {
  position: relative;
}

.toggle-checkbox-label {
  position: absolute;
  top: 4px;
  left: 2px;
  z-index: 1;
  pointer-events: none;
  width: 92%;
}

.toggle-checkbox-label svg:nth-child(1) {
  display: inline-block;
  margin-bottom: 1px;
  margin-left: 4px;
  width: 15px;
}

.toggle-checkbox-label svg:nth-child(2) {
  width: 11px;
  margin-right: 10px;
}

#solicitar-orcamento.box span.line.green {
  color: #3daf57;
}

.modal-form-imoveis-details input[type='checkbox'] {
  border: none !important;
  height: 22px !important;
  width: 54px !important;
}

#solicitar-orcamento.box input[type='checkbox'],
.modal-form-imoveis-details input[type='checkbox'] {
  width: 54px;
  height: 22px;
  outline: none;
  background-color: #c4c4c4;
  border-radius: 50px;
  padding: 4px;
  position: relative;
  transition: 0.25s;
}

#solicitar-orcamento.box input[type='checkbox']:checked,
.modal-form-imoveis-details input[type='checkbox']:checked {
  background: var(--green);
}

#solicitar-orcamento.box input[type='checkbox']::before,
.modal-form-imoveis-details input[type='checkbox']::before {
  content: '';
  position: absolute;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 40px;
  background: white;
  top: 3px;
  left: 3px;
  transition: all 0.5s;
}

#solicitar-orcamento.box input[type='checkbox']:checked::before,
.modal-form-imoveis-details input[type='checkbox']:checked::before {
  left: 35.5px;
}

#solicitar-orcamento.box input[type='checkbox'] + label #sun,
.modal-form-imoveis-details input[type='checkbox'] + label #sun {
  visibility: visible;
  opacity: 1;
  transition: all 0.25s ease-in;
}

#solicitar-orcamento.box input[type='checkbox'] + label #moon,
.modal-form-imoveis-details input[type='checkbox'] + label #moon {
  visibility: hidden;
  transition: all 0.25s ease-in;
  opacity: 0;
}

#solicitar-orcamento.box input[type='checkbox']:checked + label #sun,
.modal-form-imoveis-details input[type='checkbox']:checked + label #sun {
  visibility: hidden;
  opacity: 1;
}

#solicitar-orcamento.box input[type='checkbox']:checked + label #moon,
.modal-form-imoveis-details input[type='checkbox']:checked + label #moon {
  visibility: visible;
  opacity: 1;
}

#imovel #solicitar-orcamento.box header strong,
.solicitar-orcamento-mobile header strong {
  font-size: 14px;
}

#imovel #solicitar-orcamento.box header strong figure,
.solicitar-orcamento-mobile header strong figure {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

#imovel #solicitar-orcamento.box header strong figure img,
.solicitar-orcamento-mobile header strong figure img {
  display: block;
  width: 90px;
  height: auto;
}

#imovel #solicitar-orcamento.box .price,
.solicitar-orcamento-mobile .price {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}

#imovel #solicitar-orcamento.box .price p,
.solicitar-orcamento-mobile .price p {
  display: block;
  margin-bottom: 0px;
  color: var(--darkgreen);
}

#imovel #solicitar-orcamento.box .price strong,
.solicitar-orcamento-mobile .price strong {
  display: block;
  font-weight: bold;
  font-size: 38px;
  color: var(--darkgreen);
}

#imovel #solicitar-orcamento.box .price small,
.solicitar-orcamento-mobile .price small {
  margin-top: 12px;
  display: block;
}

#imovel #solicitar-orcamento.box .price small i,
.solicitar-orcamento-mobile .price small i {
  display: inline-block;
  color: #e5e5e5;
  vertical-align: middle;
}

#imovel #solicitar-orcamento.box .price small i.on,
.solicitar-orcamento-mobile .price small i.on {
  color: #fbc33f;
}

#imovel #solicitar-orcamento.box form legend,
.solicitar-orcamento-mobile form legend {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--darkgreen);
}

#imovel #solicitar-orcamento.box form .dates-input,
.solicitar-orcamento-mobile form .dates-input {
  display: grid;
  grid-gap: 14px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 20px;
}

#imovel #solicitar-orcamento.box form .dates-input label,
.solicitar-orcamento-mobile form label,
.modal-form-imoveis-details .toggle-checkbox label {
  align-items: center;
  display: flex !important;
  margin-bottom: 0 !important;
  justify-content: space-between;
}

#imovel #solicitar-orcamento.box form .dates-input span,
.solicitar-orcamento-mobile form .dates-input span {
  color: #777;
  font-size: 14px;
}

#imovel #solicitar-orcamento.box form label,
.solicitar-orcamento-mobile form label {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#imovel #solicitar-orcamento.box form label.lb50,
.solicitar-orcamento-mobile form label.lb50 {
  width: 50%;
  margin-right: -4px;
}

#imovel #solicitar-orcamento.box form label.lb50:nth-child(odd) {
  width: 46%;
  margin-left: 4%;
}

#imovel #solicitar-orcamento.box form label.lbsubmit,
.solicitar-orcamento-mobile form label.lbsubmit {
  margin-bottom: 5px;
}

#imovel #solicitar-orcamento.box form label input[type='text'],
.solicitar-orcamento-mobile form label input[type='text'] {
  display: block;
  width: 100%;
  height: 46px;
  padding-left: 36px;
  padding-right: 10px;
  background: transparent url('../img/calendar.svg') no-repeat 10px center;
  background-size: 22px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  font-size: 14px;
}

#imovel
  #solicitar-orcamento.box
  form
  label.dates-input-hospedes
  input[type='text'],
.solicitar-orcamento-mobile form label.dates-input-hospedes input[type='text'] {
  background: transparent url(../img/person.png) no-repeat 11px center;
  background-size: 17px;
}

#imovel #solicitar-orcamento.box form p,
.solicitar-orcamento-mobile form p {
  color: #ff7100;
  font-size: 12px;
}

#imovel #solicitar-orcamento.box form span.line,
.solicitar-orcamento-mobile form span.line,
.modal-form-imoveis-details fieldset .content-info span.line {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
  color: var(--darkgreen);
}

#imovel #solicitar-orcamento.box form span.line b,
.solicitar-orcamento-mobile form span.line b,
.modal-form-imoveis-details fieldset .content-info span.line {
  float: left;
  width: auto;
}

#imovel #solicitar-orcamento.box form span.line strong,
.solicitar-orcamento-mobile form span.line strong,
.modal-form-imoveis-details fieldset .content-info strong {
  float: right;
  width: auto;
}

#imovel #solicitar-orcamento.box form span.line.total,
.solicitar-orcamento-mobile form span.line.total,
.modal-form-imoveis-details fieldset .content-info span.line.total {
  border-top: solid #c4c4c4 1px;
  font-size: 18px;
  margin-top: 2px;
  padding-top: 15px;
}

#imovel #solicitar-orcamento.box form span.line.total strong span.obs,
.solicitar-orcamento-mobile form span.line.total strong span.obs,
.modal-form-imoveis-details
  fieldset
  .content-info
  span.line.total
  strong
  span.obs {
  color: #ff7100;
}

#imovel #solicitar-orcamento.box form span.line.total b,
#imovel #solicitar-orcamento.box form span.line.total strong,
#imovel #solicitar-orcamento.box form span.line.total strong span,
.solicitar-orcamento-mobile form span.line.total strong,
.solicitar-orcamento-mobile form span.line.total strong span,
.solicitar-orcamento-mobile form span.line.total b,
.modal-form-imoveis-details fieldset .content-info span.line.total b,
.modal-form-imoveis-details fieldset .content-info span.line.total strong,
.modal-form-imoveis-details fieldset .content-info span.line.total strong span {
  font-weight: bold;
}

#imovel #solicitar-orcamento.box form span.line.total.exp,
.modal-form-imoveis-details fieldset .content-info span.line.total.exp {
  margin-top: 15px;
}

#imovel #solicitar-orcamento.box form input[type='submit'],
#imovel #solicitar-orcamento.box form input[type='button'],
.solicitar-orcamento-mobile form input[type='submit'],
.solicitar-orcamento-mobile form input[type='button'],
#solicitar-orcamento.box form label.lbsubmit-dark a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  background-color: var(--green);
  color: #fff;
  border-radius: 50px;
  font-weight: bold;
  transition: all 0.5s ease;
  text-align: center;
}

#imovel #solicitar-orcamento.box form label.lbsubmit-dark input[type='submit'],
.solicitar-orcamento-mobile form label.lbsubmit-dark input[type='submit'],
#imovel #solicitar-orcamento.box form label.lbsubmit-dark a {
  background-color: #00404c;
}

#imovel #solicitar-orcamento.box form span.msg a,
.solicitar-orcamento-mobile form span.msg a {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  border: 2px solid var(--green);
  color: var(--green);
  border-radius: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
}

#imovel #solicitar-orcamento.box form span.msg a:hover,
.solicitar-orcamento-mobile form span.msg a:hover {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

/* imovel -> global */
#imovel h6 {
  display: block;
  margin: 20px 0px;
  font-weight: bold;
  font-size: 20px;
  color: var(--darkgreen);
}

#imovel p {
  display: block;
  margin-bottom: 10px;
  line-height: 1.8;
}

/* imovel -> list */
#imovel nav.list ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 25px;
}

#imovel nav.list ul li {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 0px 15px 0px 30px;
  color: var(--green);
}

#imovel nav.list ul li i {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 20px;
  height: 20px;
  background-color: var(--green);
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
}

#imovel nav.list ul li.off {
  color: rgba(218, 218, 218, 0.55);
}

#imovel nav.list ul li.off i {
  background-color: rgba(218, 218, 218, 0.55);
  text-indent: -9999em;
}

#imovel nav.list.icon ul {
  grid-template-columns: 1fr 1fr 1fr;
}

#imovel nav.list.icon ul li {
  padding-left: 35px;
}

#imovel nav.list.icon ul li b {
  font-weight: bold;
}

#imovel nav.list.icon ul li i {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--green);
  font-size: 24px;
}

#imovel nav.list.icon ul li.off i {
  background-color: transparent;
  color: rgba(218, 218, 218, 0.55);
  text-indent: 0px;
}

/* imovel -> header */
.form-search-mobile,
.busca-principal-mobile {
  display: none;
  grid-template-columns: 1fr 45px;
  width: 100%;
}

.form-search-mobile input {
  background: #ebebeb;
  border-radius: 5px 0 0 5px;
  color: #555454;
  height: 45px;
  padding: 8px 10px;
  font-size: 14px;
}
.form-search-mobile input.loading {
  background: #ebebeb url(../img/ui-anim_basic_16x16.gif) no-repeat
    calc(100% - 9px) center;
}
.form-search-mobile button {
  background: var(--orange) url(../img/lupa.svg) no-repeat;
  background-size: 16px;
  background-position: center;
  border-radius: 0 5px 5px 0;
  margin-bottom: 15px;
  height: 45px;
  width: 100%;
}

#imoveis header.op div.op-left {
  align-items: center;
  display: flex;
}

#imovel header {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

#imovel header h1 {
  display: block;
  font-weight: 700;
  font-size: 30px;
  color: var(--darkgreen);
  line-height: 1.3;
}

#imovel header strong {
  display: block;
  margin-top: 16px;
  font-size: 18px;
}

#imovel .imovel-content header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

#imovel .imovel-content div#relampago header {
  justify-content: center;
}

#imovel .imovel-content > section header {
  align-items: flex-start;
  flex-direction: column;
}

#imovel #solicitar-orcamento header {
  justify-content: center;
}

#imovel header .right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
}

#imovel header .right span {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
  position: relative;
}

#imovel header .right span em {
  font-style: normal;
  margin-left: 5px;
}

#imovel header .right span i {
  transition: all 0.5s ease;
}

#imovel header .right span a {
  display: block;
  color: var(--black);
}

#imovel header .right span.bookmark a:hover i {
  font-weight: bold;
  color: red;
}

#imovel header .right span.share a:hover i {
  font-weight: bold;
  color: cyan;
}

#imovel-avaliacoes h6 span i {
  color: #fbc33f;
  margin-left: 3px;
  margin-right: 8px;
}

/* imovel -> tab */
#imovel nav.tab {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid var(--darkgreen);
  border-bottom: 1px solid var(--darkgreen);
}

#imovel nav.tab ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#imovel nav.tab ul li a {
  display: block;
  height: 42px;
  padding: 0px 12px;
  line-height: 40px;
  color: var(--darkgreen);
}

#imovel nav.tab ul li a:hover,
#imovel nav.tab ul li a.active {
  background-color: var(--green);
  color: #fff;
}

#imovel nav.tab.on {
  position: sticky;
  z-index: 40;
  top: 75px;
  width: 100%;
}

/* imovel -> galeria */
#imovel #imovel-galeria {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 30px;
}

#imovel #imovel-galeria nav ul,
#imovel #imovel-galeria nav ul li,
#imovel #imovel-galeria nav ul li figure {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}

#imovel #imovel-galeria nav.thumbnail ul li figure img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#imovel #imovel-galeria nav.main ul li figure img {
  position: relative;
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

#imovel #imovel-galeria nav.main {
  margin-bottom: 15px;
  padding: 0px 40px;
}

#imovel #imovel-galeria nav.main ul li figure {
  height: 445px;
  background: #000;
}

#imovel #imovel-galeria nav.thumbnail {
  margin: 0px -7px;
}

#imovel #imovel-galeria nav.thumbnail ul li {
  margin: 0px 7px;
}

#imovel #imovel-galeria nav.thumbnail ul li figure {
  height: 140px;
}

#imovel #imovel-galeria nav.thumbnail ul li.slick-active figure {
  background-color: var(--green);
}

#imovel #imovel-galeria nav.thumbnail ul li.slick-current figure img {
  mix-blend-mode: luminosity;
  opacity: 0.3;
}

#imovel #imovel-galeria .slick-arrow {
  position: absolute;
  z-index: 20;
  top: 50%;
  color: var(--green);
  font-size: 44px;
  transform: translateY(-50%);
}

#imovel #imovel-galeria .slick-arrow.prev {
  left: -40px;
}

#imovel #imovel-galeria .slick-arrow.next {
  right: -40px;
}

#imovel #imovel-galeria ul.slick-dots {
  position: absolute;
  z-index: 2;
  bottom: 22px;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
}

#imovel #imovel-galeria ul.slick-dots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0px 6px;
  background-color: #fff;
  border-radius: 100%;
  vertical-align: middle;
  text-indent: -9999em;
  cursor: pointer;
}

#imovel #imovel-galeria ul.slick-dots li.slick-active {
  width: 12px;
  height: 12px;
  background-color: var(--green);
}

#imovel #imovel-galeria sup {
  position: absolute;
  z-index: 10;
  top: 15px;
  left: 60px;
  width: auto;
  padding: 5px 15px;
  background-color: var(--orange);
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
}

/* modal-solicitar-orcamento-imoveis */
#modal-solicitar-orcamento-imoveis .modal-wrap,
#modal-solicitar-orcamento-experiencias .modal-wrap {
  max-width: 317px !important;
  position: relative;
  width: 100%;
}

#modal-solicitar-orcamento-imoveis .solicitar-orcamento-mobile,
#modal-solicitar-orcamento-experiencias .solicitar-orcamento-mobile {
  border: none;
  margin: 0 !important;
  width: 100%;
}

#modal-solicitar-orcamento-imoveis .solicitar-orcamento-mobile > section,
#modal-solicitar-orcamento-experiencias .solicitar-orcamento-mobile > section {
  padding: 20px !important;
}

#modal-solicitar-orcamento-imoveis .modal-body,
#modal-solicitar-orcamento-experiencias .modal-body {
  padding: 0 !important;
}

#modal-solicitar-orcamento-imoveis .modal-btn-close,
#modal-solicitar-orcamento-experiencias .modal-btn-close {
  height: 25px;
  top: -5px;
  right: 0;
  width: 25px;
}

#modal-solicitar-orcamento-imoveis .modal-btn-close::before,
#modal-solicitar-orcamento-imoveis .modal-btn-close::after,
#modal-solicitar-orcamento-experiencias .modal-btn-close::before,
#modal-solicitar-orcamento-experiencias .modal-btn-close::after {
  background: #fff;
}

#modal-solicitar-orcamento-imoveis form p {
  line-height: 1.8;
  margin-bottom: 10px;
}

/* imovel -> descricao */
#imovel-descricao {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-descricao > article {
  line-height: 1.3;
}

#imovel-descricao nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding: 18px 0px;
  text-align: center;
  border-top: 1px solid rgba(196, 196, 196, 0.5);
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-descricao nav ul li {
  padding: 5px 25px;
}

.experiencia-interna #imovel-descricao nav ul li {
  margin: 0px 10%;
  padding: 5px 0;
}

#imovel-descricao nav ul li + li {
  margin-left: 15px;
}

#imovel-descricao nav ul li img {
  display: block;
  width: auto;
  height: 26px;
  margin: 0px auto;
}

#imovel-descricao nav ul li strong {
  display: block;
  margin: 10px 0px;
  color: var(--green);
}

#imovel-descricao nav ul li em {
  display: block;
  font-style: normal;
}

#imovel-descricao p {
  padding-left: 25px;
}

/* imovel -> localizacao */
#imovel-localizacao {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

.experiencia-localizacao {
  padding-bottom: 0px !important;
  border-bottom: none !important;
}

#imovel-localizacao img {
  display: inline-block;
  width: calc(100% - 25px);
  height: auto;
  margin-left: 25px;
}

/* imovel -> atividades proximas */
#imovel-atividades-proximas {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

/* imovel -> conforto */
#imovel-conforto {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

/* imovel -> disponibilidade */
#imovel-disponibilidade {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-disponibilidade .disponibilidades {
  display: inline-block;
  width: 400px;
  height: auto;
}

#imovel-disponibilidade .disponibilidades span.item {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-left: 20px;
  padding: 10px 0px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-disponibilidade .disponibilidades span.item b {
  display: inline-block;
  width: 24%;
  vertical-align: middle;
  color: var(--darkgreen);
  font-weight: bold;
  font-size: 14px;
}

#imovel-disponibilidade .disponibilidades span.item small {
  display: inline-block;
  width: 24%;
  vertical-align: middle;
  font-size: 14px;
  text-transform: lowercase;
}

#imovel-disponibilidade .disponibilidades span.item small::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: #c4c4c4;
  content: '';
}

#imovel-disponibilidade .disponibilidades span.item small.on::before {
  background: #00c3be url('../img/checkbox.svg') no-repeat center center;
}

/* imovel -> caracteristicas */
#imovel-caracteristicas {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-caracteristicas h5 {
  display: block;
  margin: 40px 0px 15px 20px;
  font-size: 20px;
  color: var(--darkgreen);
}

#imovel-caracteristicas span {
  display: block;
  margin-bottom: 15px;
  margin-left: 40px;
}

#imovel-caracteristicas span img {
  display: inline-block;
  width: 16px;
  height: auto;
  margin: -2px 5px 0px 0px;
  vertical-align: middle;
}

#imovel-caracteristicas p {
  margin-left: 40px;
}

#imovel-caracteristicas ul {
  margin-left: 40px;
  margin-bottom: 20px;
}

#imovel-caracteristicas .item ul li {
  display: flex;
  align-items: center;
}

#imovel-caracteristicas .item ul li + li {
  margin-top: 10px;
}

#imovel-caracteristicas .item ul li:before {
  font-family: 'Font Awesome 5 Pro';
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
}

#imovel-caracteristicas .incluso ul li:before {
  content: '\f14a';
  color: #018d74;
}

#imovel-caracteristicas .nao-incluso ul li:before {
  content: '\f2d3';
  color: #cc1040;
}

/* imovel -> regras-experiencia */
#imovel-regras-experiencia {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-regras-experiencia span {
  display: block;
  margin: 0px 0px 20px 20px;
}

#imovel-regras-experiencia span img {
  display: inline-block;
  width: 18px;
  height: auto;
  margin: -2px 5px 0px 0px;
  vertical-align: middle;
}

#imovel-regras-experiencia span strong {
  font-weight: bold;
}

#imovel-regras-experiencia p {
  margin-left: 20px;
}

/* imovel -> comodidades */
#imovel-comodidades {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

/* imovel -> regras */
#imovel-regras {
  margin-bottom: 40px;
}

#imovel-regras span {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-left: 25px;
}

#imovel-regras span i {
  display: inline-block;
  margin-right: 10px;
  color: var(--green);
  font-size: 20px;
  vertical-align: text-bottom;
}

#imovel-regras span b:first-of-type {
  font-weight: 700;
  color: var(--black);
}

#imovel-regras span b:last-of-type {
  font-weight: 700;
  color: var(--green);
}

#imovel-regras nav.list ul {
  grid-template-columns: 1fr 1fr 1fr;
}

#imovel-regras p {
  padding-left: 25px;
}

#imovel-regras .regras-adicionais p,
#imovel-regras-experiencia .regras-adicionais p {
  line-height: 1.5;
}

/* imovel -> seguranca */
#imovel-seguranca {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-seguranca nav.list ul {
  grid-template-columns: 1fr 1fr 1fr;
}

/* imovel -> proprietario */
#imovel-anfitriao {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

#imovel-anfitriao h6 figure {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

#imovel-anfitriao h6 figure img {
  display: block;
  width: 90px;
}

#imovel-anfitriao .anfitriao {
  display: inline-block;
  width: 100%;
  height: auto;
  padding-left: 25px;
}

#imovel-anfitriao .anfitriao figure {
  float: left;
  width: 110px;
  height: auto;
}

#imovel-anfitriao .anfitriao figure img {
  display: block;
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 50%;
  border: 2.5px solid var(--blackgreen);
}

#imovel-anfitriao .anfitriao figcaption {
  float: left;
  width: calc(100% - 110px);
  height: 100px;
  padding-left: 40px;
}

#imovel-anfitriao .anfitriao figcaption h5 {
  display: block;
  margin: 10px 0px 5px 0px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 2px;
}

#imovel-anfitriao .anfitriao figcaption p {
  display: block;
  font-size: 14px;
}

#imovel-anfitriao .anfitriao figcaption p strong {
  font-weight: bold;
  color: var(--green);
}

#imovel-anfitriao .anfitriao figcaption p abbr {
  font-weight: bold;
  text-decoration: none;
}

#imovel-anfitriao .anfitriao figcaption span a {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  border-radius: 50px;
  background-color: var(--green);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

/* imovel -> avaliacoes */
.outros-imoveis-anfitriao {
  margin-bottom: 0;
}

.outros-imoveis-anfitriao header {
  border-top: 1px solid rgba(196, 196, 196, 0.5);
  margin-top: 40px;
  padding-top: 40px;
}

.outros-imoveis-regiao {
  margin-bottom: 40px;
}

.outros-imoveis-regiao header {
  border-top: 1px solid rgba(196, 196, 196, 0.5);
  margin-top: 40px;
  padding-top: 38px;
}

/* #imovel-avaliacoes {
  min-height: 110px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
} */

#imovel-avaliacoes {
  border-bottom: none;
  margin-bottom: 0;
  min-height: auto;
  padding-bottom: 0;
}

#imovel-avaliacoes h6 b {
  font-weight: bold;
  font-size: 18px;
  color: var(--green);
}

#imovel-avaliacoes h6 em {
  font-style: normal;
  font-size: 14px;
}

#imovel-avaliacoes h6 span.star em {
  color: var(--black);
}

#imovel-avaliacoes span a {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  border-radius: 50px;
  background-color: var(--green);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

#imovel-avaliacoes .solicitar {
  display: grid;
  background-color: #fff;
  bottom: -300px;
  border: 2px solid var(--green);
  border-radius: 5px;
  grid-gap: 13px;
  grid-template-columns: 108px 1fr;
  height: 76px;
  right: 30px;
  padding: 7px 20px;
  position: fixed;
  transition: all 0.5s ease;
  width: 320px;
  z-index: 20;
}

#imovel-avaliacoes .solicitar.on {
  bottom: 20px;
}
#imovel-avaliacoes .solicitar.on .valor {
  display: flex;
  align-items: center;
  justify-content: center;
}
#imovel-avaliacoes .solicitar p {
  color: var(--blackgreen);
}

#imovel-avaliacoes .solicitar p strong {
  display: block;
  font-weight: bold;
  font-size: 18px;
}

#imovel-avaliacoes .solicitar a {
  line-height: 18px;
  margin-top: 1px;
  margin-left: 0;
  text-align: center;
}

#imovel-avaliacoes .solicitar a:hover {
  background-color: var(--darkgreen);
}

#imovel-avaliacoes a {
  margin-left: 25px;
}

/* imovel -> experiencia */
#imovel.experiencia nav.tab ul {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

/*
EXPERIÊNCIA ================
*/
.imoveis-experiencia-content {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 336px;
}

.imoveis-experiencia-content .ad-728x90 figure {
  margin-bottom: 0;
}

/* avalie */
#avalie {
  margin-bottom: 50px;
  margin-top: 110px;
}

.avalie-content {
  display: grid;
  grid-template-columns: 1fr 500px;
  grid-gap: 100px;
}

/* avalie -> conteudo */
#avalie section {
  width: 100%;
}

#avalie section header strong {
  display: block;
  font-weight: bold;
  font-size: 28px;
  color: var(--darkgreen);
  line-height: 1.3;
}

#avalie section article h6,
#comentar h6 {
  display: block;
  margin: 40px 0px 20px 0px;
  font-weight: 700;
  color: var(--darkgreen);
  font-size: 20px;
  font-weight: 600;
}

#avalie section article nav ul {
  display: block;
  margin-bottom: 30px;
  margin-left: 25px;
}

#avalie section article nav ul li {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-left: 16px;
  line-height: 24px;
}

#avalie section article nav ul li::before {
  position: absolute;
  top: 9px;
  left: 0px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--darkgreen);
  content: '';
}

#avalie section article input[type='text'],
#avalie section article input[type='date'] {
  display: block;
  width: 160px;
  height: 46px;
  padding-left: 36px;
  background: transparent url('../img/calendar.svg') no-repeat 10px center;
  background-size: 22px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  font-size: 14px;
  margin-left: 25px;
}

#avalie section article input[type='date']::-webkit-inner-spin-button,
#avalie section article input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

#avalie section article textarea,
#comentar textarea {
  display: block;
  width: calc(100% - 25px);
  height: 150px;
  padding: 14px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  font-size: 14px;
  color: var(--darkgreen);
  margin-left: 25px;
}

#avalie section article textarea:placeholder,
#comentar textarea:placeholder {
  color: #777;
}

#avalie section span.item {
  display: block;
  margin-bottom: 15px;
  margin-left: 25px;
}

#avalie section span.item b {
  display: inline-block;
  width: 120px;
  font-size: 14px;
  vertical-align: middle;
}

#avalie section span.item small {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
}

#avalie section span.item small i {
  display: inline-block;
  margin-right: 5px;
  color: #e5e5e5;
  vertical-align: middle;
}

#avalie section span.item small i.on {
  color: #fbc33f;
}

#avalie section span.item em {
  display: inline-block;
  width: auto;
  font-weight: bold;
  font-size: 14px;
  font-style: normal;
  color: #fbc33f;
  vertical-align: middle;
}

#avalie section .comentarios sub {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-size: 14px;
  color: #8c8c8c;
}

#avalie section .comentarios input[type='submit'],
#comentar input[type='submit'] {
  display: block;
  width: 150px;
  height: 50px;
  margin: 25px auto 0px auto;
  background-color: var(--darkgreen);
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  transition: all 0.5s ease;
}

#avalie section .comentarios input[type='submit']:hover,
#comentar input[type='submit']:hover {
  background-color: var(--green);
}

#avalie aside .descricao {
  line-height: 1.5;
}

/* avalie -> sidebar */
#avalie aside {
  width: 100%;
  height: auto;
}

#avalie aside figure {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

#avalie aside img {
  max-width: 100%;
}

#avalie aside header h1 {
  display: block;
  font-weight: bold;
  font-size: 22px;
  color: var(--darkgreen);
}

#avalie aside header small {
  display: block;
  margin: 12px 0px 30px 0px;
  font-size: 14px;
}

#avalie aside nav ul li {
  display: block;
  margin-bottom: 15px;
  line-height: 1.6;
}

#avalie aside span a {
  display: block;
  width: 160px;
  height: 50px;
  margin: 25px auto 0px auto;
  background-color: var(--green);
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  text-align: center;
  line-height: 48px;
}

#avalie aside span a:hover {
  background-color: var(--darkgreen);
}

#avalie section span.item.total b {
  font-weight: bold;
  height: 17px;
}

#avalie section span.item.total b,
#avalie section span.item.total small {
  position: relative;
}

#avalie section span.item.total b::before,
#avalie section span.item.total small::before {
  content: '';
  display: inline-block;
  border-top: 1px solid rgba(196, 196, 196, 0.51);
  position: absolute;
  top: -16px;
  width: 100%;
}

#avalie section span.item.total small::before {
  left: -4px;
  width: 82%;
}

#avalie section span.item.total {
  margin-top: 18px;
  padding-top: 15px;
}

/* promocao relampago */
#promocao-relampago {
  margin-top: 110px;
}

#promocao-relampago header h6 {
  display: block;
  font-weight: 900;
  font-size: 40px;
  color: var(--darkgreen);
}

#promocao-relampago header p {
  display: block;
  margin: 15px 0px 30px 0px;
  color: var(--darkgreen);
}

#promocao-relampago header p b {
  font-weight: bold;
}

#promocao-relampago header p strong {
  font-weight: bold;
  color: var(--green);
}

#promocao-relampago .ops {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#promocao-relampago .ops select {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 46px;
  padding: 0px 20px;
  margin-right: 15px;
  border-radius: 5px;
  border: 1px solid var(--gray);
  background: transparent url('../img/select-dark.svg') no-repeat right center;
  background-size: contain;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  color: #8c8c8c;
}

#promocao-relampago .ops select::after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: var(--green);
  content: '';
}

#promocao-relampago .list section {
  display: grid;
  grid-template-columns: min-content min-content;
}

.promocao-relampago-content {
  display: grid;
  grid-template-columns: min-content 336px;
  grid-gap: 50px;
}

#promocao-relampago aside .ad {
  margin-bottom: 25px;
}

.promocoes .promocao-relampago-content {
  grid-template-columns: 1fr 336px;
}

.promocoes .promocao-relampago-content section article {
  width: 376px !important;
}

/* experiencias por categoria */

.outras-exp-regiao header {
  border-top: 1px solid rgba(196, 196, 196, 0.5);
  margin-top: 40px;
  padding-top: 38px;
}

#experiencias-categoria {
  margin-top: 110px;
}

.experiencias-categoria-content {
  display: grid;
  grid-template-columns: 1fr 336px;
  grid-gap: 40px;
}

#experiencias-categoria section {
  position: relative;
  height: auto;
}

#experiencias-categoria section header {
  position: relative;
  display: flex;
}

#experiencias-categoria section header h6 {
  display: block;
  margin-bottom: 36px;
  font-weight: 900;
  font-size: 40px;
  color: var(--darkgreen);
}

#experiencias-categoria section header nav {
  flex: 1;
  top: 0px;
  right: 0px;
  text-align: right;
}

#experiencias-categoria section header nav ul {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

#experiencias-categoria section header nav li {
  display: inline-block;
  min-width: 55px;
  text-align: center;
  font-size: 9px;
}

#experiencias-categoria section header nav li + li {
  margin-left: 4px;
}

#experiencias-categoria section header nav li svg {
  margin-bottom: 5px;
  width: 30px;
}

#experiencias-categoria section header nav li a {
  align-items: center;
  border-radius: 5px;
  display: flex;
  color: var(--black);
  height: 54px;
  flex-direction: column;
  justify-content: center;
  padding: 4px 2px;
}

#experiencias-categoria section header nav li.on a,
#experiencias-categoria section header nav li a:hover {
  background: var(--green);
  color: #fff;
  cursor: pointer;
}

#experiencias-categoria section header nav li a span {
  display: block;
  font-weight: 700;
}

#experiencias-categoria section header nav li.icon-noturna svg {
  margin-bottom: 6px;
}

#experiencias-categoria section header nav li.icon-gastronomica svg {
  margin-bottom: 7px;
}

#experiencias-categoria section header nav li.icon-noturna span,
#experiencias-categoria section header nav li.icon-bem-estar span,
#experiencias-categoria section header nav li.icon-aula span,
#experiencias-categoria section header nav li.icon-transporte a span {
  margin-bottom: -2px;
}

#experiencias-categoria section header nav li.icon-ar-livre a span {
  margin-bottom: -4px;
}

#experiencias-categoria section header nav li.on a path,
#experiencias-categoria section header nav li a:hover path {
  stroke: #fff;
}

#experiencias-categoria section .ops {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#experiencias-categoria section .ops select {
  position: relative;
  display: inline-block;
  width: 276px;
  height: 46px;
  padding: 0px 20px;
  margin-right: 15px;
  border-radius: 5px;
  border: 1px solid var(--gray);
  background: transparent url('../img/select-dark.svg') no-repeat right center;
  background-size: contain;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  color: #8c8c8c;
}

#experiencias-categoria section .ops select::after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: var(--green);
  content: '';
}

#experiencias-categoria section .list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
  margin-bottom: 20px;
}

#experiencias-categoria section .list article {
  display: block;
  height: 352px;
  margin-bottom: 20px;
  border: 1px solid rgba(214, 214, 214, 0.8);
}

#experiencias-categoria section .list article figure {
  position: relative;
  display: block;
  height: 220px;
  background-color: #000;
}

#experiencias-categoria section .list article figure img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#experiencias-categoria section .list article figure sup {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 10px;
}

#experiencias-categoria section .list article figure sup a {
  display: block;
  padding: 6px 15px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  font-size: 12px;
  color: #000;
}

#experiencias-categoria section .list article figure sup a i {
  color: #cc1040;
}

#experiencias-categoria section .list article figure sup a:hover {
  background-color: #fff;
}

#experiencias-categoria section .list article figure sub {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
  padding: 12px 14px;
  background-color: var(--green);
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

#experiencias-categoria section .list article figcaption {
  position: relative;
  display: block;
  height: 142px;
  padding: 10px 21px 0px 21px;
}

#experiencias-categoria section .list article figcaption a > div {
  align-items: center;
  justify-content: space-between;
  display: flex;
}

#experiencias-categoria section .list article figcaption ul {
  margin-right: 0;
}

#experiencias-categoria section .list article figcaption ul li + li {
  margin-left: 2px;
}

#experiencias-categoria section .list article figcaption ul i {
  font-size: 12px;
}

#experiencias-categoria section .list article figcaption sup {
  width: 86px;
  height: 22px;
  color: #fff;
  line-height: 22px;
  font-weight: bold;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
  margin-right: -10px;
}

#experiencias-categoria section .list article figcaption sup.gold {
  background-color: #fbc33f;
}

#experiencias-categoria section .list article figcaption sup.premium {
  background-color: var(--orange);
}

#experiencias-categoria section .list article figcaption h2 {
  display: block;
  margin-top: 6px;
  font-weight: bold;
  font-size: 14px;
  color: var(--green);
  line-height: 1.4;
}

#experiencias-categoria section .list article figcaption strong {
  color: var(--blackgreen);
  display: block;
  font-weight: 600;
  margin-top: 7px;
  font-size: 12px;
}

#experiencias-categoria section .list article figcaption em {
  color: var(--black);
  display: block;
  margin-top: 8px;
  font-style: normal;
  font-size: 14px;
}

#experiencias-categoria section .list article figcaption em b {
  font-weight: bold;
  font-size: 16px;
  color: var(--blackgreen);
}

#experiencias-categoria aside .ad {
  margin-bottom: 25px;
}

#imovel.experiencia .experiencia-interna #imovel-disponibilidade {
  margin-bottom: 60px;
  padding-bottom: 0;
  border-bottom: none;
}

#imovel.experiencia .experiencia-interna #imovel-caracteristicas h6 {
  margin-bottom: -16px !important;
}

.imoveis-regiao {
  margin-bottom: 40px;
}

.imoveis-regiao header {
  border-top: 1px solid rgba(196, 196, 196, 0.5);
  margin-top: 40px;
  padding-top: 40px;
}

.outras-exp-regiao {
  margin-bottom: 40px;
}

.experiencias-anuncio-bottom {
  margin-bottom: 30px;
}

/*
  CONTATO ================
*/
#contato {
  margin: 110px 0px 0;
}

.contato-content {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 300px;
}

#contato header h1,
.nao-encontrado header h1 {
  color: var(--darkgreen);
  display: block;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 22px;
}

#contato header {
  text-align: center;
}

#contato header p {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--darkgreen);
  line-height: 1.5;
  text-align: left;
}

#contato header p strong {
  font-weight: bold;
}

#contato section form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  height: auto;
  margin-top: 25px;
  width: 100%;
}

#contato section form label {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  color: var(--darkgreen);
}

#contato section form input:not([type='checkbox']) {
  display: inline-block;
  width: 100%;
  height: 46px;
  padding: 0px 20px;
  border: 1px solid #777;
  border-radius: 5px;
}

#contato section form div.w100 {
  grid-column: 1/3;
}

#contato section form textarea {
  display: inline-block;
  width: 100%;
  height: 110px;
  padding: 20px;
  border: 1px solid #777;
  border-radius: 5px;
}

#contato section form sub {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  text-align: right;
}

#contato section form .form-action-submit {
  /* border: 1px solid #777; */
  width: 192px;
  height: 55px;
  font-size: 14px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 0px;
  position: relative;
}

#contato section form > div {
  position: relative;
}

#contato section form input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  height: 28px;
  margin-right: 10px;
  width: 28px;
  border: solid 1px #777;
}

#contato section form input[type='checkbox']:checked {
  background-color: var(--green);
  border-color: var(--green);
}

#contato section form input[type='checkbox']:checked + i {
  display: block;
}

#contato section form .form-action-submit i {
  color: #fff;
  position: absolute;
  left: 26px;
  display: none;
}

#contato section form .form-action-submit label {
  font-weight: normal !important;
  margin-bottom: 0 !important;
}

#contato section form input[type='submit'] {
  width: 126px;
  padding-bottom: 2px;
  height: 51px;
  padding: 0px;
  border: none;
  border-radius: 30px;
  background-color: var(--green);
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*
LANDING PAGE ================
*/
.landing-imovel-content-left h2,
.landing-tripmood-content-right h2 {
  color: var(--darkgreen);
  font-family: 'Satisfy';
  font-size: 72px;
  margin-bottom: 40px;
  text-align: center;
}

.landing-imovel-content-left nav a,
.landing-tripmood-content-right nav a {
  align-items: center;
  background: var(--green);
  border-radius: 30px;
  color: #fff;
  height: 50px;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  justify-content: center;
  margin-top: 40px;
  width: 220px;
}

.landing-imovel-content-left nav a:hover,
.landing-tripmood-content-right nav a:hover {
  background: var(--darkgreen);
}

#landing-banner {
  background: url(../img/landing-page-main-banner.png) no-repeat;
  background-position-y: bottom;
  background-size: cover;
  height: 592px;
  margin-top: 75px;
  width: 100%;
}

.landing-banner-content-left {
  padding: 120px 0;
}

.landing-banner-content h1 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}

.landing-banner-content p {
  line-height: 30px;
}

.landing-banner-content {
  color: #fff;
  display: grid;
  grid-template-columns: 50% 50%;
}

.landing-banner-content-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: auto;
  max-width: 340px;
}

.landing-banner-content-right div {
  margin-bottom: -235px;
  z-index: 1;
  background: var(--darkgreen);
  border-radius: 25px;
  padding: 30px;
}

.landing-banner-content-left p {
  line-height: 36px;
}

.landing-banner-content-right h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 30px;
}

.landing-banner-content-right form {
  width: 100%;
  z-index: 1;
}

.landing-banner-content-right label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.landing-banner-content-right input {
  background: #fff;
  height: 40px;
  font-size: 14px;
  margin-bottom: 30px;
  padding: 10px 20px;
  width: 100%;
}

.landing-banner-content-right button {
  background: var(--orange);
  border-radius: 30px;
  color: #fff;
  display: block;
  height: 65px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  width: 240px;
}

.landing-banner-content-right button:hover {
  background: #fff;
  color: var(--black);
}

.landing-imovel-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.landing-imovel-content-left {
  padding-top: 50px;
}

.landing-imovel-content-left p {
  color: var(--darkgreen);
  line-height: 36px;
  margin-bottom: 20px;
}

.landing-imovel-content-left nav ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.landing-imovel-content-left nav li {
  height: 165px;
  position: relative;
  width: 200px;
}

.landing-imovel-content-left nav li figure {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.landing-imovel-content-right figure {
  background-size: cover;
  height: 550px;
  right: -6.5vw;
  width: 100%;
  position: relative;
}

.landing-tripmood {
  margin-bottom: 130px;
  margin-top: 60px;
}

.landing-tripmood + footer,
.landing-tripmood + footer + #bottom + #footer-destinos {
  display: none;
}

.landing-tripmood-content {
  color: var(--darkgreen);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.landing-tripmood-content p {
  line-height: 36px;
  margin-bottom: 32px;
}

.landing-tripmood-content-left figure {
  background-size: cover;
  height: 550px;
  position: absolute;
  left: -7.8vw;
  width: 50%;
}

.landing-tripmood-content-right h2 {
  align-items: center;
  display: flex;
  justify-content: center;
}

.landing-tripmood-content-right h2 img {
  margin-left: 22px;
}

.landing-tripmood-content-right ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}

.landing-tripmood-content-right ul li {
  height: 196px;
  position: relative;
  width: 100%;
}

.landing-tripmood-content-right ul li figure {
  height: 100%;
  background-position: center;
  background-size: cover;
  width: 100%;
}

.landing-tripmood-content-right ul li span {
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
}

.landing-tripmood-content-right nav a {
  margin-left: auto;
  width: 220px;
}

/*
PLANOS ================
*/
#planos {
  color: var(--darkgreen);
  padding-top: 115px;
}

#planos .w-80 {
  width: 1067px;
}

#planos h1 {
  color: var(--darkgreen);
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 40px;
}

#planos p {
  font-size: 14px;
  line-height: 28px;
}

#planos .planos-content-list-control {
  padding-top: 20px;
}

#planos .planos-content-list-control h3 {
  font-size: 20px !important;
  margin-bottom: 30px !important;
}

#planos .planos-content-list-control p {
  color: var(--green);
  font-size: 12px;
  padding-left: 16px;
}

#planos .planos-content-list-control p span,
#planos .planos-content-list-control p small {
  font-weight: 600;
}

#planos .planos-content-list-control p span {
  display: inline-block;
  background: var(--green);
  border-radius: 5px;
  color: #fff;
  margin-right: 5px;
  padding: 7px 5px;
  text-align: center;
  width: 65px;
}

#planos .planos-content-list {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 70px;
  margin-top: 50px;
}

#planos .planos-content-list h3 {
  color: var(--blackgreen);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

#planos .planos-content-list h3:nth-child(3) {
  color: var(--orange);
}

#planos .tabnav-planos {
  border: solid 2px var(--darkgreen);
  border-radius: 30px;
  margin-top: 10px;
  padding: 4px 0;
  width: 246px;
}

#planos .tabnav-planos button {
  height: 42px;
  width: 120px;
}

#planos .tabnav-planos li button {
  background: #fff;
  color: var(--darkgreen);
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 2px;
}

#planos .tabnav-planos li.active button {
  background: var(--blackgreen);
  color: #fff;
}

#planos .tabnav-planos li:nth-child(2) button {
  margin-left: -10px;
}

#planos .planos-content-list-box {
  border: solid 1px #c4c4c4;
  display: flex;
  flex-direction: column;
  height: 332px;
  justify-content: space-between;
  padding: 20px 25px 30px;
}

#planos .planos-content-list-box:nth-child(2) h3 {
  color: #353535;
}

#planos .planos-content-list-box div:nth-child(1) {
  color: #353535;
}

#planos .planos-content-list-box > div:nth-child(1) {
  min-height: 84px;
}

#planos .planos-content-list-box p {
  font-size: 12px;
  line-height: 18px;
}

#planos .planos-content-list-box a.btn {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  height: 38px;
  margin: 0 auto;
  padding: 0;
  text-transform: initial;
  width: 170px;
}

#planos .planos-content-list-box a.btn:hover {
  background: var(--darkgreen) !important;
  border-color: var(--darkgreen) !important;
  color: #fff;
}

#planos .planos-content-list-box:not(.orange) a.btn {
  background: #fff;
  border-color: #353535;
}

#planos .planos-content-list-box.orange h3 {
  color: var(--orange);
}

#planos .planos-content-list-box.orange a.btn {
  background: var(--orange);
  color: #fff;
}

#planos .planos-content-list-box-price {
  display: none;
  margin-right: auto;
  margin-left: auto;
  width: 186px;
}

#planos .planos-content-list-box-price.active {
  animation: animationPrice 0.5s forwards;
  display: block;
}

@keyframes animationPrice {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

#planos .planos-content-list-box-price > div:nth-child(1) {
  min-height: 76px;
}

#planos .planos-content-list-box-price small {
  color: var(--black);
  font-size: 12px;
}

#planos .planos-content-list-box-price p {
  color: #353535;
  font-size: 32px;
}

#planos .planos-content-list-box-price p strong {
  font-weight: bold;
}

#planos .planos-content-list-box-price p small {
  color: #353535;
  font-size: 14px;
  margin-left: -8px;
  margin-top: 10px;
}

#planos .planos-content-list-box-price div > small {
  display: block;
  line-height: 17px;
  margin-top: 10px;
}

#planos .planos-content-list-box-price div > small strong {
  font-weight: bold;
}

.planos-content-descricao table {
  width: 100%;
}

.planos-content-descricao table th {
  font-weight: bold;
  padding-bottom: 5px;
  text-align: left;
}

.planos-content-descricao table th,
.planos-content-descricao table td {
  min-height: 40px;
}

.planos-content-descricao thead tr th:nth-child(2) {
  color: #353535;
}

.planos-content-descricao thead tr th:nth-child(3) {
  color: var(--orange);
}

.planos-content-descricao tbody tr:nth-child(odd) td {
  background: #e5e5e5;
}

.planos-content-descricao tbody tr td {
  color: #353535;
  font-size: 14px;
}

.planos-content-descricao tbody tr td:nth-child(1) {
  align-items: center;
  display: flex;
  padding-left: 13px;
}

.planos-content-descricao thead tr th:nth-child(2),
.planos-content-descricao thead tr th:nth-child(3),
.planos-content-descricao tbody tr td:nth-child(2),
.planos-content-descricao tbody tr td:nth-child(3) {
  text-align: center;
}

.planos-content-descricao tbody tr td:nth-child(1) div {
  margin-bottom: -3px;
  margin-left: 13px;
}

.planos-bonus {
  border-bottom: 0.5px solid rgba(196, 196, 196, 0.5);
  border-top: 0.5px solid rgba(196, 196, 196, 0.5);
  margin-bottom: 60px;
  margin-top: 50px;
  padding-bottom: 60px !important;
  padding-top: 60px !important;
}

.planos-bonus h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}

.planos-bonus h2 span,
.planos-bonus h2 b {
  font-weight: bold;
}

.planos-bonus h2 span {
  color: #57084f;
}

.planos-bonus h2 b {
  color: var(--orange);
}

.planos-bonus > p {
  margin-bottom: 40px;
}

.planos-bonus small:nth-child(2) {
  margin-bottom: 6px;
}

.planos-bonus-trips h3 {
  color: #57084f;
  font-weight: 600;
  margin-bottom: 10px;
}

.planos-bonus-trips small {
  display: block;
  font-size: 14px;
}

.planos-bonus-trips small strong,
.planos-bonus-trips small b {
  font-weight: bold;
}

.planos-bonus-trips small b {
  color: var(--orange);
}

.faq-planos {
  margin-bottom: 50px;
}

.faq-planos h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}

#faq-planos-content > div {
  border-top: 1px solid #c4c4c4;
  cursor: pointer;
  padding: 25px 80px 25px 20px;
  position: relative;
}

#faq-planos-content > div:last-child {
  border-bottom: 1px solid #c4c4c4;
}

#faq-planos-content > div:not(.active):hover {
  background: rgb(230 230 230 / 20%);
}

#faq-planos-content > div.active {
  background: rgba(196, 196, 196, 0.2);
}

#faq-planos-content dt {
  align-items: center;
  color: var(--green);
  display: flex;
  font-weight: 600;
  margin-bottom: 20px;
}

#faq-planos-content dd {
  color: #353535;
  font-size: 14px;
  line-height: 22px;
  display: none;
}

#faq-planos-content > div.active dd {
  animation: animaFaqPlano 0.5s forwards;
  display: block;
}

@keyframes animaFaqPlano {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 600px;
  }
}

#faq-planos-content svg {
  position: absolute;
  right: 40px;
  top: 32px;
}

#faq-planos-content > div:not(.active) svg {
  transform: rotate(180deg);
}

/* footer */
#footer {
  margin-top: 40px;
  padding: 60px 0px 10px 0px;
  background-color: var(--blackgreen);
}

#footer .footer-content {
  display: flex;
}

#footer .column {
  width: 25%;
  height: auto;
}

#footer .column strong {
  display: block;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 20px;
  color: var(--green);
  text-transform: uppercase;
}

#footer .column nav {
  display: block;
  margin-bottom: 60px;
}

#footer .column nav ul li a {
  display: block;
  margin-bottom: 17px;
  color: #fff;
}

#footer .column nav ul li a i {
  display: inline-block;
  width: auto;
  margin-right: 10px;
}

#footer .column nav ul li a:hover {
  text-decoration: underline;
}

#footer .column .newsletter {
  display: block;
  margin-top: 60px;
}

#footer .column .newsletter legend {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
}

#footer .column .newsletter input[type='email'] {
  display: inline-block;
  width: calc(100% - 50px);
  height: 32px;
  padding: 0px 10px;
  font-size: 14px;
  background-color: #fff;
  vertical-align: middle;
}

#footer .column .newsletter input[type='submit'] {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  background-color: var(--green);
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  vertical-align: middle;
}

/* footer -> destinos */
#footer-destinos {
  padding: 60px 0px 36px 0px;
  background-color: var(--green);
}

#footer-destinos strong {
  display: block;
  margin-bottom: 34px;
  color: var(--darkgreen);
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}

#footer-destinos nav ul {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

#footer-destinos nav ul li {
  width: 33%;
  height: auto;
}

#footer-destinos nav ul li a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 24px;
  padding-right: 20px;
}

#footer-destinos nav ul li a:hover {
  text-decoration: underline;
}

#footer-destinos nav ul li.todos a {
  background-color: var(--orange);
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  margin-bottom: -7px;
  padding: 14px 20px;
  width: auto;
}

#footer-destinos nav ul li.todos a i {
  color: var(--darkgreen);
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

/* modal proprietario */
#modal-contato-anfitriao {
  padding-right: 10px;
  padding-left: 10px;
}

#modal-contato-anfitriao .modal-wrap {
  border: 3px solid var(--green);
  border-radius: 10px;
}

#modal-contato-anfitriao .modal-btn-close,
#modal-comentarios-anfitriao .modal-btn-close {
  top: 40px;
  right: 37px;
  width: 28px;
  font-size: 40px;
  z-index: 99;
}

#modal-contato-anfitriao #planos .planos-content-list-control p,
#modal-contato-anfitriao .modal-btn-close::before,
#modal-contato-anfitriao .modal-btn-close::after,
#modal-comentarios-anfitriao .modal-btn-close::before,
#modal-comentarios-anfitriao .modal-btn-close::after {
  background: var(--darkgreen);
  height: 4px;
}

#modal-contato-anfitriao .modal-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 100%;
  position: relative;
  width: 1086px;
}

#modal-contato-anfitriao .modal-body {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  padding: 40px 30px;
  position: relative;
}

#modal-contato-anfitriao .box-anfitriao {
  display: flex;
  flex-direction: column;
  width: 320px;
}

#modal-contato-anfitriao img {
  display: block;
  margin: 0 auto 12px;
}
#modal-contato-anfitriao img.perfil {
  max-width: 110px;
  border-radius: 50%;
  border: 2.5px solid var(--blackgreen);
}
#modal-contato-anfitriao p.anfitriao-desde,
#modal-contato-anfitriao p.anfitriao-idiomas {
  font-size: 14px;
}

#modal-contato-anfitriao p.anfitriao-idiomas {
  margin: 10px 0 20px;
}

#modal-contato-anfitriao p.anfitriao-desde strong,
#modal-contato-anfitriao p.anfitriao-idiomas strong {
  font-weight: bold;
}

#modal-contato-anfitriao p.anfitriao-desde strong {
  color: var(--green);
}

#modal-contato-anfitriao p.anfitriao-idiomas strong {
  color: var(--blackgreen);
}

#modal-contato-anfitriao .box-anfitriao-contato b {
  color: var(--blackgreen);
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

#modal-contato-anfitriao .box-anfitriao-contato .nav-contato li {
  margin-bottom: 20px;
}

#modal-contato-anfitriao .box-anfitriao-contato .nav-contato .ver a {
  background-color: var(--blackgreen);
  border-radius: 5px;
  color: #fff;
  display: block;
  height: 35px;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  width: 120px;
}

#modal-contato-anfitriao .box-anfitriao-contato .nav-contato .ver a:hover {
  background: var(--green);
}

#modal-contato-anfitriao .box-anfitriao-contato .nav-redes-sociais ul {
  align-items: center;
  display: flex;
}

#modal-contato-anfitriao .box-anfitriao-contato .nav-redes-sociais li {
  margin-right: 10px;
}

#modal-contato-anfitriao .box-anfitriao-contato .nav-redes-sociais a {
  align-items: center;
  background-color: var(--green);
  border-radius: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  height: 32px;
  line-height: 32px;
  width: 32px;
}

/* elemento temporário */
#modal-contato-anfitriao span.anuncio-proprietario {
  /* background: #1e49a7; */
  display: block;
  height: auto;
  margin-bottom: 20px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#modal-contato-anfitriao span.anuncio-proprietario .ad {
  display: block !important;
}

#modal-contato-anfitriao span.anuncio-proprietario .ad figure {
  margin-top: 0px;
  margin-bottom: 0px;
}

#modal-contato-anfitriao .modal-anfitriao-right {
  padding-left: 30px;
}

#modal-contato-anfitriao .modal-anfitriao-right a.btn-ver-anuncios {
  align-items: center;
  background: var(--green);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: 17px;
  justify-content: center;
  height: 49px;
  margin: 30px auto 0;
  width: 210px;
}

#modal-contato-anfitriao .modal-anfitriao-right a.btn-ver-anuncios:hover {
  background: var(--orange);
}

#modal-contato-anfitriao .modal-anfitriao-right header h2,
.info-anfitriao-mobile h2 {
  align-items: center;
  color: var(--blackgreen);
  display: flex;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
}

#modal-contato-anfitriao .modal-anfitriao-right header p {
  color: var(--black);
  line-height: 1.5;
}

#modal-contato-anfitriao .modal-anfitriao-right header p:last-child {
  margin-bottom: 0;
}

#modal-contato-anfitriao .modal-anfitriao-right header figure img {
  height: 30px;
  margin-bottom: -4px;
  margin-left: 16px;
}

#modal-contato-anfitriao
  .modal-anfitriao-right
  header
  h2.hide-mobile
  figure
  img {
  height: auto;
  margin-bottom: -8px;
  margin-left: 30px;
  width: 91px;
}

#modal-contato-anfitriao .modal-anfitriao-right h3 {
  color: var(--blackgreen);
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}

#modal-contato-anfitriao article {
  width: 317px;
  margin-bottom: 30px;
}

#modal-contato-anfitriao article nav.fotos {
  background-color: #000;
  border-radius: 10px;
  height: 211px;
  overflow: hidden;
  position: relative;
  width: 317px;
}

#modal-contato-anfitriao article nav.fotos ul {
  height: 270px;
  width: 100%;
}

#modal-contato-anfitriao article nav.fotos ul li {
  display: inline-block;
  height: 211px;
  width: 100%;
}

#modal-contato-anfitriao article nav.fotos ul li figure {
  display: inline-block;
  width: 100%;
  height: 211px;
  background-size: cover;
  background-position: center center;
}

#modal-contato-anfitriao article nav.fotos sup {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
}

#modal-contato-anfitriao article nav.fotos sup a {
  display: flex;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  padding: 4px 8px;
  text-align: center;
  width: 77px;
}

#modal-contato-anfitriao article nav.fotos sup a i {
  color: #cc1040;
  font-size: 10px;
  margin-right: 4px;
}

#modal-contato-anfitriao article nav.fotos sup a:hover {
  background-color: #fff;
}

#modal-contato-anfitriao article nav.fotos .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 40%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 24px;
}

#modal-contato-anfitriao article nav.fotos .slick-arrow.prev {
  left: 20px;
}

#modal-contato-anfitriao article nav.fotos .slick-arrow.next {
  right: 20px;
}

#modal-contato-anfitriao article nav.fotos ul.slick-dots {
  left: 50%;
  position: absolute;
  top: 230px;
  transform: translateX(-50%);
  width: auto;
  z-index: 2;
}

#modal-contato-anfitriao article nav.fotos ul.slick-dots li {
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 0px 6px;
  text-indent: -9999em;
  vertical-align: middle;
  width: 8px;
}

#modal-contato-anfitriao article nav.fotos ul.slick-dots li.slick-active {
  background-color: var(--green);
  height: 12px;
  width: 12px;
}

#modal-contato-anfitriao article .desc {
  margin-top: 12px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}

#modal-contato-anfitriao article .desc sup {
  align-items: center;
  border-radius: 5px;
  display: flex;
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  height: 18px;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  width: 73px;
}

#modal-contato-anfitriao article .desc sup.gold {
  background-color: #fbc33f;
}

#modal-contato-anfitriao article .desc sup.premium {
  background-color: var(--orange);
}

#modal-contato-anfitriao article .desc h1 {
  color: var(--green);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin: 8px 0px 10px;
}
#modal-contato-anfitriao article .desc h1 a {
  color: var(--green);
}
#modal-contato-anfitriao article .desc strong {
  color: var(--darkgreen);
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
}

#modal-contato-anfitriao article .desc p {
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 14px;
}

#modal-contato-anfitriao article .desc p b {
  color: var(--blackgreen);
  font-weight: 700;
}

#modal-contato-anfitriao article .desc small i {
  font-size: 12px;
}

#modal-contato-anfitriao article .avaliacao-lista-content {
  width: 100%;
}

#modal-contato-anfitriao article .avaliacao-lista-content em {
  font-size: 12px;
  font-weight: 600;
}

#modal-contato-anfitriao article .avaliacao-lista-content li + li {
  margin-left: 2px !important;
}

#modal-contato-anfitriao article li.avaliacao-lista-content-total {
  margin-left: 8px !important;
}

.modalist-anuncios {
  display: flex;
  flex-wrap: wrap;
}

.modalist-anuncios article:nth-child(odd) {
  margin-right: 15px;
}

/* modal comentarios */
#modal-comentarios-anfitriao {
  padding-right: 10px;
  padding-left: 10px;
}

#modal-comentarios-anfitriao .modal-wrap {
  border: 3px solid var(--green);
  border-radius: 10px;
  height: auto;
  margin-bottom: 30px;
  max-width: 100%;
  padding: 50px 40px;
  position: relative;
  width: 576px;
}

#modal-comentarios-anfitriao .modal-header {
  align-items: center;
  display: flex;
  float: none;
  margin-bottom: 25px;
  padding: 0;
  padding-right: 40px;
}

#modal-comentarios-anfitriao .modal-header h4 {
  align-items: center;
  color: var(--darkgreen);
  display: flex;
  font-size: 18px;
  font-weight: bold;
}

#modal-comentarios-anfitriao .modal-header h4 span {
  align-items: center;
  margin-left: 35px;
  display: flex;
}

#modal-comentarios-anfitriao .modal-header h4 i {
  color: #fbc33f;
  display: inline-block;
  font-size: 18px;
  margin-right: 8px;
  margin-bottom: -3px;
}

#modal-comentarios-anfitriao .modal-header h4 b {
  align-items: center;
  color: var(--green);
  display: flex;
  font-weight: bold;
}

#modal-comentarios-anfitriao .modal-header h4 em {
  color: var(--black);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  margin-left: 6px;
}

#modal-comentarios-anfitriao .modal-body {
  padding: 0;
  float: none;
}

#modal-comentarios-anfitriao .modal-body img {
  width: 61px;
}

/* modal esqueci senha */
#modal-recuperacao .modal-body .texto p,
#modal-bem-vindo .modal-body .texto p {
  position: relative;
  display: inline-block;
  background: #fff;
  color: #777;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 14px;
  margin-top: 10px;
}

/* modal-form-imoveis-details (página imoveis) */
.modal-form-imoveis-details .modal-wrap {
  padding: 20px 40px;
}

.modal-form-imoveis-details .modal-btn-close {
  top: 20px;
}

.modal-form-imoveis-details .modal-header,
.modal-form-imoveis-details .modal-body {
  padding: 0;
}

.modal-form-imoveis-details .modal-header p {
  line-height: 1.4;
}

.modal-form-imoveis-details .modal-header p strong {
  font-weight: bold;
}

.modal-form-imoveis-details .modal-header span.modal-titulo {
  font-weight: bold;
  letter-spacing: -0.5px;
  margin-bottom: 25px;
}

.modal-form-imoveis-details .modal-body {
  margin-bottom: 30px;
}

.modal-form-imoveis-details .modal-body form {
  margin-top: 20px;
}

.modal-form-imoveis-details fieldset {
  grid-column: span 2;
}

.modal-form-imoveis-details fieldset > div.content-inputs {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.modal-form-imoveis-details
  fieldset
  > div.content
  label:not(.toggle-checkbox-label) {
  position: relative;
  width: calc(50% - 20px);
}

.modal-form-imoveis-details fieldset label.input-custom-box.data input {
  display: block;
  width: 100%;
  height: 46px;
  padding-left: 42px !important;
  padding-right: 10px;
  background: transparent url(../img/calendar-green.svg) no-repeat 10px center;
  background-size: 22px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  font-size: 14px;
}
.modal-form-imoveis-details input[readonly] {
  background-color: #eee !important;
  cursor: not-allowed;
}
.modal-form-imoveis-details fieldset label.input-custom-box.hospedes input {
  background: transparent url(../img/person-green.png) no-repeat 10px center;
}

.modal-form-imoveis-details fieldset label.input-custom-box.data strong,
.modal-form-imoveis-details fieldset label.input-custom-box.hospedes strong,
.modal-form-imoveis-details fieldset label.textarea-custom-box strong {
  font-weight: 600;
  color: var(--black);
  font-size: 16px;
  margin-bottom: 5px;
  display: block;
}

.modal-form-imoveis-details fieldset label.toggle-checkbox-label {
  width: 54px !important;
}

.modal-form-imoveis-details fieldset label.input-custom-pet {
  align-items: center;
  column-gap: 11px;
  display: flex !important;
  justify-content: center;
  padding-top: 19px;
}

.modal-form-imoveis-details fieldset label.input-custom-pet span {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
}

.modal-form-imoveis-details input[type='checkbox'] {
  border: none !important;
  height: 22px !important;
  width: 54px !important;
}

.modal-form-imoveis-details fieldset label.textarea-custom-box {
  display: block;
  grid-column: span 2;
  margin-top: 25px;
  position: relative;
}

.modal-form-imoveis-details fieldset label.textarea-custom-box textarea {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  display: block;
  height: 116px;
  margin-bottom: 45px;
  padding: 15px;
  width: 100%;
}

.modal-form-imoveis-details fieldset label.textarea-custom-box span,
.modal-form-imoveis-details fieldset label.textarea-custom-box sub {
  bottom: -22px;
  font-size: 14px;
  position: absolute;
  right: 0;
}

.modal-form-imoveis-details fieldset .content-info > p {
  color: #ff7100;
  font-size: 14px;
  line-height: 1.4;
}

.modal-form-imoveis-details fieldset .content-info span.line {
  width: 100%;
}

.modal-form-imoveis-details fieldset .content-info span.line.total {
  border-bottom: solid #c4c4c4 1px;
  padding-bottom: 9px;
  margin-top: 3px;
  padding-top: 9px;
}

.modal-form-imoveis-details fieldset .content-info span.line:not(.total) {
  color: var(--black);
  margin-bottom: 10px;
}

.modal-form-imoveis-details label.lbSubmit input[type='submit'] {
  align-items: center;
  background: var(--green);
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  height: 49px;
  justify-content: center;
  margin-left: auto;
  margin-top: 30px;
  margin-right: auto;
  width: 227px;
}

.modal-form-imoveis-details label.lbSubmit input[type='submit']:hover {
  background: var(--orange);
}

.comentario .comentario-body p,
.comentario .comentario-resposta p {
  color: var(--black);
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 22px;
}

.comentario {
  border-bottom: 0.5px solid rgba(196, 196, 196, 0.5);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.comentario:last-child {
  margin-bottom: 40px;
}

.comentario-header {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}

.comentario-header .avaliacao-lista-content {
  align-items: center;
  display: flex;
  margin-right: 11px;
  margin-top: -4px;
}

.comentario-header div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: 5px;
}

.comentario-header div > a {
  color: var(--green);
  font-size: 12px;
  margin-bottom: -3px;
}

.comentario-header div > span {
  display: block;
  font-size: 12px;
  margin-top: 2px;
  width: 100%;
}

.comentario-header div strong {
  color: var(--blackgreen);
  font-size: 14px;
  font-weight: bold;
  margin-right: 8px;
}

.comentario-header div ul li + li {
  margin-left: 2px !important;
}

.comentario-header div ul li i {
  font-size: 12px;
}

.comentario-resposta {
  background: rgba(229, 229, 229, 0.5);
  border-radius: 10px;
  padding: 10px 20px 10px;
}

.comentario-resposta h6 {
  color: var(--darkgreen);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* bottom */
#bottom {
  padding: 20px 0px;
  background-color: var(--darkgreen);
}

#bottom .botton-content {
  display: flex;
  align-items: center;
}

#bottom strong {
  color: #fff;
  margin-left: 9.6%;
}

/* ad */
.ad {
  display: block;
  height: auto;
  width: 100%;
  clear: both;
  position: relative;
}

.ad figure {
  display: block;
  height: 100px;
  margin: 0px auto;
  /* background-color: #1e49a7; */
  position: relative;
}

.ad-728x90 figure {
  width: 728px;
  height: 90px;
  /* margin: 40px auto; */
  margin: 0px auto 40px;
}

.ad-970x250 figure {
  max-width: 100%;
  width: 970px;
  height: 250px;
  margin: 40px auto;
}

.ad-970x250.exp figure {
  margin: 0px auto;
}

.ad-300x600 figure {
  width: 300px;
  height: 600px;
}

.ad-336x280 figure {
  width: 336px;
  height: 280px;
  margin: 20px auto;
}

.ad-300x1050 figure {
  width: 300px;
  height: 1050px;
}

.ad-320x100 figure {
  width: 320px;
  height: 100px;
  margin: 20px auto;
}

.ad-250x250 figure {
  width: 250px;
  height: 250px;
  margin: 20px auto;
}

input.invalido {
  border-color: red !important;
}

/* Avaliação por estrelas */
#avalie section span.item small {
  display: inline-flex;
  flex-direction: row-reverse;
}

#avalie section span.item small > input {
  display: none;
}

#avalie section span.item small > label {
  cursor: pointer;
}

#avalie section span.item small > label i {
  color: #e5e5e5;
}

#avalie section span.item small > label:hover i,
#avalie section span.item small > label:hover ~ label i {
  color: #fbc33f;
}

#avalie section span.item small > input:checked ~ label i {
  color: #fbc33f;
}

/* modal de filtros de lista de imoveis */
.modal-filtros-exp .modal-wrap {
  max-width: 780px;
}

.modal-filtros-exp .input {
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #c4c4c4;
  height: 46px;
  width: 159px;
  padding: 13px;
  font-size: 14px;
}

.modal-filtros-exp .input::placeholder {
  color: #c4c4c4;
}

.modal-filtros-exp strong.sub-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

.modal-filtros-exp .modal-header {
  border-bottom: 3px solid #c4c4c4;
}

.modal-filtros-exp .modal-body {
  padding-bottom: 110px;
  padding-top: 30px;
  overflow-y: scroll;
  max-height: 600px;
}

.modal-filtros-exp .modal-footer {
  border-top: 3px solid #c4c4c4;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
}

.modal-filtros-exp .modal-footer div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 83px;
}

.modal-filtros-exp .modal-footer div a,
.modal-filtros-exp .modal-footer div button[type='reset'],
.modal-filtros-exp .modal-footer div button.reset {
  display: inline-block;
  margin: 32px 0;
  color: #cc1040;
  font-size: 18px;
  text-decoration: underline;
}

.modal-filtros-exp .modal-footer div input[type='submit'] {
  width: 227px;
  height: 49px;
  font-weight: 600;
  background: var(--darkgreen);
  border-radius: 25px;
  color: #fff;
}

.modal-filtros-exp .modal-footer div input[type='submit']:hover {
  background: var(--green);
}

.modal-filtros-exp .conf-box .sub-title {
  margin-bottom: 20px;
  text-align: left;
  display: block;
}

.modal-filtros-exp .conf-box label small {
  margin-right: 10px;
}

.modal-filtros-exp .conf-box label small span {
  font-size: 14px;
}

.modal-filtros-exp .conf-box .toggle-checkbox {
  align-items: center;
  display: flex;
  margin-right: 0;
  width: auto;
  margin-bottom: 20px;
}

.modal-filtros-exp .conf-box .toggle-checkbox > span {
  color: #00c3be;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.modal-filtros-exp .content-inputs {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-column-gap: 30px;
}

.modal-filtros-exp .content-inputs select {
  height: 46px;
  background: #d6d6d6;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 19px;
  color: var(--black);
  font-weight: 600;
}

.modal-filtros-exp .content-inputs strong.sub-title {
  text-align: center;
}

.modal-filtros-exp .input-custom-box strong {
  margin-bottom: 4px;
  text-align: center;
  font-size: 14px;
}

.modal-filtros-exp .input-custom-box.data strong {
  display: block;
  text-align: center;
}

.modal-filtros-exp .input-custom-box.data.green strong {
  color: var(--green);
}

.modal-filtros-exp .input-custom-box.data.green input {
  border-color: var(--green);
}

.modal-filtros-exp .input-custom-box.data.orange strong {
  color: var(--orange);
}

.modal-filtros-exp .input-custom-box.data.orange input {
  border-color: var(--orange);
}

.modal-filtros-exp .input-custom-box.cod-anuncio {
  align-items: center;
  display: flex;
}

.modal-filtros-exp .input-custom-box.cod-anuncio strong {
  margin-right: 10px;
  margin-bottom: 0;
}

.modal-filtros-exp .range-faixa-preco {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.modal-filtros-exp .range-faixa-preco > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 25px;
  margin-top: 50px;
}

.modal-filtros-exp .modal-filter-exp-grid-select {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 20px;
  margin-bottom: 20px;
}

.modal-filtros-exp .modal-filter-exp-grid-select.expand-filter,
.expand-content {
  height: 70px;
  overflow: hidden;
  transition: all 0.5s;
}

.expand-content {
  height: 150px;
  position: relative;
  padding-bottom: 20px;
}

.expand-content::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to bottom, transparent, #ffffff);
}

.modal-filtros-exp .modal-filter-exp-grid-select.expand-filter.active,
.expand-content.active {
  height: auto;
  overflow: inherit;
}

.modal-filtros-exp .modal-filter-exp-grid-select select,
.modal-filtros-exp .mostrar-todos,
.mostrar-todos {
  background: rgba(214, 214, 214, 0.8);
  color: var(--black);
  font-size: 14px;
  border-radius: 5px;
  height: 29px;
  line-height: 29px;
  width: 290px;
  text-align: center;
  margin-top: 25px;
  grid-column: span 3;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal-filtros-exp .mostrar-todos span,
.mostrar-todos span {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #949396;
  margin-left: 10px;
}

.modal-filtros-exp .mostrar-todos.active span,
.mostrar-todos.active span {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #949396;
  border-top: none;
  margin-left: 10px;
}

.modal-filtros-exp .modal-filter-exp-grid-select select.grid-column-span {
  grid-column: span 3;
}

.modal-filtros-exp span.check {
  color: var(--black);
  font-size: 14px;
}

.modal-filtros-exp span.check label {
  position: relative;
  display: block;
  padding-left: 28px;
  cursor: pointer;
  line-height: 1.4;
}

.modal-filtros-exp span.check input[type='checkbox'] {
  position: absolute;
  left: 0px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #c4c4c4;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
}

.modal-filtros-exp span.check input[type='checkbox']:checked {
  background: #00c3be url('../img/checkbox.svg') no-repeat center center;
}

.modal-filtros-exp .toggle-checkbox {
  margin-right: 35px;
  position: relative;
  top: 0px;
  width: 54px;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox']::before {
  content: '';
  position: absolute;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 40px;
  background: white;
  top: 3px;
  left: 34.5px;
  transition: all 0.5s;
}

.modal-filtros-exp .toggle-checkbox-label {
  position: absolute;
  pointer-events: none;
  top: 3.5px;
  width: 54px;
  z-index: 1;
}

.modal-filtros-exp .toggle-checkbox-label {
  position: absolute;
  pointer-events: none;
  top: 3.5px;
  width: 54px;
  z-index: 1;
}

.modal-filtros-exp .toggle-checkbox .toggle-checkbox-label svg:nth-child(1) {
  display: inline-block;
  margin-bottom: 1px;
  margin-left: 6px;
  margin-top: 1px;
  width: 15px;
}

.modal-filtros-exp .toggle-checkbox .toggle-checkbox-label svg:nth-child(2) {
  position: absolute;
  right: 1px;
  width: 11px;
  top: 1.3px;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox'] {
  left: 0px;
  margin-right: 10px;
  vertical-align: middle;
  background-color: #c4c4c4 !important;
  border-radius: 50px;
  height: 22px !important;
  outline: none;
  padding: 4px !important;
  position: relative !important;
  transition: 0.25s;
  width: 54px !important;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox']::before {
  content: '';
  position: absolute;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 40px;
  background: white;
  top: 3px;
  left: 3px;
  transition: all 0.5s;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox']:checked {
  background: var(--green) !important;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox']:checked::before {
  left: 34.5px;
}

.modal-filtros-exp
  .toggle-checkbox
  input[type='checkbox']:checked
  + label
  #unchecked {
  visibility: hidden;
  opacity: 1;
}

.modal-filtros-exp
  .toggle-checkbox
  input[type='checkbox']:checked
  + label
  #checked {
  visibility: visible;
  opacity: 1;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox'] + label #unchecked {
  visibility: visible;
  opacity: 1;
  transition: all 0.25s ease-in;
}

.modal-filtros-exp .toggle-checkbox input[type='checkbox'] + label #checked {
  visibility: hidden;
  transition: all 0.25s ease-in;
  opacity: 0;
}

.modal-filtros-exp span.qtd em i {
  align-items: center;
  background-color: #c4c4c4;
  border-radius: 100%;
  cursor: pointer;
  color: #fff;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  font-size: 12px;
  line-height: 20px;
  padding-left: 0 !important;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  transition: all 0.5s ease;
  width: 20px;
}

.modal-filtros-exp span.qtd em i:hover {
  background-color: var(--green);
}

.modal-filtros-exp span.qtd em i.fa-plus {
  line-height: 18px;
  padding-left: 1.5px;
  padding-top: 0.5px;
}

.modal-filtros-exp span.qtd em input {
  color: var(--darkgreen);
  display: inline-block;
  font-weight: bold;
  height: 30px;
  margin-left: 1px;
  margin-right: 1px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 28px;
}

/* Modal Filtros - Input Range */
.modal-filtros-exp .range-faixa-preco > span {
  width: calc(100% - 20px);
  padding-left: 20px;
  position: relative;
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  right: -17px;
  top: -6px;
  border: none;
  box-shadow: 0px 0px 5px #dedede;
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
  content: '';
  display: none;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
  background: #00c3be;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
  background: #ff7100;
}

.modal-filtros-exp .noUi-target {
  height: 0.5em;
  border-radius: 5px;
  background-color: #dedede;
  border: 0px;
  outline: none;
  z-index: 1;
}

.modal-filtros-exp .noUi-connect {
  background-color: #dedede;
}

/* Input Range - Simulador Ganhos */
.simulador-ganhos span.range {
  width: 90%;
}

.simulador-ganhos input[type='range'] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: 100%;
  height: 0.3em;
  position: relative;
  background-color: #ccd9db;
  outline: none;
  z-index: 1;
}

.simulador-ganhos input[type='range']::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #00404c;
  border: none;
  z-index: 2;
}

.simulador-ganhos input[type='range']::-ms-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #00404c;
  border: none;
  z-index: 2;
}

.simulador-ganhos input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none; /* remove a aparencia padão */
  border: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #00404c;
  z-index: 2;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .simulador-ganhos input[type='range']::-webkit-slider-runnable-track {
    color: #00404c;
    margin-top: -1px;
    height: 15px;
  }

  .simulador-ganhos input[type='range']::-webkit-slider-thumb {
    cursor: ew-resize;
    height: 15px;
  }
}
/** FF*/
.simulador-ganhos input[type='range']::-moz-range-progress {
  background-color: #00404c;
  height: 0.3em;
}
.simulador-ganhos input[type='range']::-moz-range-track {
  background-color: #ccd9db;
}
/* IE*/
.simulador-ganhos input[type='range']::-ms-fill-lower {
  background-color: #00404c;
}
.simulador-ganhos input[type='range']::-ms-fill-upper {
  background-color: #ccd9db;
}

/* Embed Responsive */
.embed-responsive {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.embed-responsive-16by9 {
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.embed-responsive-4by3 {
  padding-top: 75%; /* 4:3 Aspect Ratio */
}

.embed-responsive-3by2 {
  padding-top: 66.66%; /* 3:2 Aspect Ratio */
}

.embed-responsive-8by5 {
  padding-top: 62.5%; /* 8:5 Aspect Ratio */
}

.embed-responsive-1by1 {
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

/* Then style the iframe to fit in the container div with full height and width */
.embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Balão de Detalhes da Avaliação */
.ver-detalhes-avaliacao {
  position: relative;
}

.ver-detalhes-avaliacao:hover .detalhes-avaliacao {
  display: flex !important;
}

.detalhes-avaliacao {
  background: var(--green);
  color: #fff;
  display: none !important;
  font-size: 14px;
  line-height: 4em;
  padding: 0.75em;
  position: absolute;
  text-align: center;
  vertical-align: top;
  margin: 25px 0 0 -15px !important;
  width: 220px;
  top: 0;
  left: 0;
  border-radius: 0.4em;
}

.detalhes-avaliacao div {
  margin-bottom: 3px;
  display: flex;
  width: 100%;
}

.detalhes-avaliacao strong {
  font-size: 12px !important;
  color: #fff !important;
  width: 50% !important;
  margin: 0 !important;
  text-align: left;
}

.detalhes-avaliacao ul {
  font-size: 12px;
  color: #fff;
  width: 50% !important;
  margin: 0 !important;
}

.detalhes-avaliacao:after {
  border: 1em solid transparent;
  border-bottom-color: var(--green);
  content: '';
  position: absolute;
  bottom: 95%;
  left: 15%;
  width: 0;
  height: 0;
}

.d-flex {
  display: flex;
}

#contato.redefinir-senha header p {
  max-width:320px;
  margin-right:auto;
  margin-left:auto;
}

#contato.redefinir-senha section form {
  grid-gap: 20px;
  grid-template-columns: 1fr;
  max-width:320px;
  margin-right:auto;
  margin-left:auto;
}

#contato.redefinir-senha section form div {
  grid-column: 1/3;
}

#contato.redefinir-senha section form .campo-container {
  margin-bottom:5px;
}

#contato.redefinir-senha section form .g-recaptcha {
  transform:scale(0.99) !important;
  -webkit-transform:scale(0.99) !important;
  transform-origin:0 0 !important;
  -webkit-transform-origin:0 0 !important;
}

#contato.redefinir-senha section form .g-recaptcha >  div {
  margin:0 auto;
  display: block;
  position: relative;
}