/********************************************************/
/*                        SECTION                       *
/********************************************************/
.section {
padding: 64px 0; }
.section.grey {
background: #F8F8F8; }
.section.img {
background: fixed center;
background-size: cover;
position: relative; }
.section.img .container {
z-index: 20;
position: relative; }
.section.img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
z-index: 1; }
.section.md {
padding: 40px 0; }
.section.sm {
padding: 16px 0; }
.section.page-top-bar {
padding: 16px 0;
border-bottom: 1px solid #EBEDED; }


/********************************************************/
/*                      LISTING CARDS                   *
/********************************************************/
.list-card {
width: 100%;
margin: 16px 0;
border: 1px solid #D8D8D8;
border-radius: 0.3em;
display: inline-block;
background-color: #FFFFFF;
}

.list-card:hover{
transition: transform .2s; /* Animation */
transform: scale(1.01); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); 
}

.list-card .img {
overflow: hidden;
border: 1px solid #D8D8D8;
border-radius: 3px;
display: block;
height: 230px;
margin-bottom: 8px;
}

.list-card .img img {
object-fit: cover;
object-position: center;
width: 100%;
height: 230px; 
}

.list-card .info {
margin: 8px 0 0 7px; 
}

.list-card .info .title {
font-size: 18px;
font-weight: 450;
}

.list-card .info .descrtiption {
font-size: 14px;
color: #70707a; 
}

.travel-photos-list-card {
width: 100%;
margin: 16px 0;
display: inline-block; }
.travel-photos-list-card .img {
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
overflow: hidden;
background: #D8D8D8;
display: block;
height: 200px;
margin-bottom: 8px; }
.travel-photos-list-card .img img {
object-fit: cover;
object-position: center;
width: 100%;
height: 200px; }

/********************************************************/
/*                        PAGE HERO                     *
/********************************************************/
.page-hero {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: transparent;
  min-height: 560px;
  text-align: right;
  margin-bottom: 70px; /* Adicionando margem inferior */
}

.page-hero.sm {
height: 280px; }
.page-hero.sm .parallax-holder {
height: 280px; }
.page-hero.no-overflow {
overflow: initial; }
.page-hero .hero-title {
font-size: 70px;
line-height: normal; }
.page-hero .parallax-holder {
display: block;
width: 100%;
min-height: 560px;
margin-bottom: 180px;
overflow: hidden;
position: absolute; }
.page-hero.overlay:after {
content: "";
background: linear-gradient(-165deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.99));
top: 0;
left: 0;
position: absolute;
display: block;
width: 100%;
height: 88%; }
.page-hero.overlay.overlay-blue:after {
background: linear-gradient(0deg, rgba(0, 155, 255, 0) 40%, #1063cc 100%); }
.page-hero .overlay-text {
position: absolute;
float: left;
display: block;
text-align: left;
width: 100%;
height: 88%;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
bottom: 0;
z-index: 1000;
color: #fff; }
.page-hero .overlay-text i, .page-hero .overlay-text .btn {
text-shadow: none; }
.page-hero .overlay-text h1, .page-hero .overlay-text p {
color: #fff; }
.page-hero .overlay-text.full-h .container {
height: 560px; }
.page-hero .overlay-text.full-h .container .row {
height: 560px; }
.page-hero .overlay-text.full-h .container .row .col-* {
height: 560px; }
.page-hero .bg-parallax {
max-height: 240px;
object-fit: cover;
object-position: bottom;
width: 100%;
margin-top: -10%; }
.page-hero .left-bottom {
z-index: 1000;
position: absolute;
left: 16px;
bottom: 24px; }
.page-hero .top-right {
z-index: 1000;
position: absolute;
right: 16px;
top: 24px; }

/*** OWL***/
.owl-carousel {
position: relative; }
.owl-carousel .owl-nav {
position: absolute;
top: 28%;
width: 100%;
transform: translateY(-150%); }
.owl-carousel .owl-nav .owl-next {
right: -30px; }
.owl-carousel .owl-nav .owl-prev {
left: -30px; }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
outline: none;
box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 1px 1px;
background: #fff !important; }
.owl-carousel .owl-nav .owl-next span, .owl-carousel .owl-nav .owl-prev span {
font-size: 52px;
line-height: 0;
font-weight: 200; }
.owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled {
visibility: hidden; }