@charset "utf-8";
/* CSS Document */
:root{
	--primary-color:#000000;
	--primary-color-dark: #000000;
	--secondary-color:#000000;
	--secondary-color-dark: #000000;
	--primary-color-rgba:#cdcdcd0;
	--bg-light:#ffffff;
	--bg-verde:#000000;
	--bg-dark:#000000;
    --bg-white:#ffffff;
    --bg-black:#000000;
	--bg-gray:#e4e4e4;
	--font-primary1: 'Vollkorn', serif;*/
	--font-primary: 'Cinzel', serif;
}

/* FONTES */
@font-face {
	font-family: 'din';
	src: url('../fonts/D-DIN.ttf');
	src: url('../fonts/D-DIN.ttf') format('truetype');
}
@font-face {
	font-family: 'din';
	src: url('../fonts/D-DIN-Bold.ttf');
	src: url('../fonts/D-DIN-Bold.ttf') format('truetype');
	font-weight: bold;
}
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap');
body{
	color: var(--primary-color);
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
}
p{ margin-bottom: 2.2rem !important; margin-top: 1rem;}
.assinatura{ font-family: 'din', sans-serif; letter-spacing: 8px; font-size: 16px; }
.bt-mais{
	background: var(--bg-verde) !important;
    margin-top: 20px !important;
	font-family: 'Montserrat', sans-serif !important;
}
.li-left li {
    float: left;
    padding: 0 15px;
}
.li-left {
    margin: 0 auto;
    width: fit-content;
    list-style: none;
}
.bg-coqueiro{
	background: url(../img/coqueiros.png);
    background-repeat: no-repeat;
    background-position: 99% 20px;
    background-size: 150px;
}
footer a, footer a:hover{ color: #FFF; text-decoration: none; }
.text-laranja{ color: var(--secondary-color) !important;}
.fonte-18{font-size: 18px; }
.fonte-14{font-size: 14px; }
.bg-verde{ background: var(--bg-verde) !important;}
.text-verde{ color: var(--bg-verde) !important;}
.bg-border-primary{ border: solid 2px var(--bg-gray);  padding: 0 50px;}
.bg-border-secondary{ border: solid 2px var(--bg-gray); padding: 0 50px; }
.bg-border-secondary div:not(.text-white), .bg-border-secondary h3:not(.title-border-verde){ color: var(--bg-verde) !important}
.bg-border-secondary.text-white div{ color: #000000 !important}
.bg-custom .box-whats{ max-width: unset !important; text-align: center; }
.columns-2{ column-count: 2; column-gap: 80px; text-align: left; width: fit-content; margin: 0 auto;}
.columns-3{ column-count: 3; text-align: left; width: fit-content; margin: 0 auto; list-style-type: none;}
.columns-3 li {  margin: 0 10px; }
.links-insta a{ color: #000000; text-decoration: none;}
.links-insta a:hover{ color: var(--secondary-color)}
.itens {
	column-count: 3;
    font-size: 18px;
    text-align: left;
    width: fit-content;
    margin: 0 auto;
    column-gap: 80px;
}
.video-container{
	padding-top: 56.25%;
	position: relative;
}
.video-container iframe{ position: absolute; height: 100%; width: 100%; top:0; left: 0;}
.color-primary{ color: var(--primary-color)}
path{ fill: #876138; }
.ico{ width: 60px; height: 60px; margin-left: 25px;}
.ico-30{ width: 30px; height: 30px; margin-right: 15px;}
.list-contato { list-style-type: none; padding: 0; }
.list-contato li{ font-size: 20px;
    align-items: center;
    display: flex;
    padding: 10px 0; }
.pos-right{ position: absolute; right: 0; }
.dropdown-toggle::after{ display: none; }
.logo{ max-width: 300px; }
.coqueiro-top{ width: 100px; height: 115px; }
.pessoas { font-weight: bold; font-size: 18px;}
.pessoas img{ max-width: 22px; }
.ico-previsao img{
	max-width: 42px;
	padding-right: 10px;
}
.social-top{
	list-style-type: none;
	display: flex;
	padding: 0;
}
.social-top li{
	padding: 0 6px;
}
.social-top li img{
	max-width: 25px;
}
.text-previsao{ font-size: 10px; text-align: center; margin-top: 25px;}
.bg-custom{
	background: var(--primary-color-rgba);
}
.nav-fixed{
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
}
.nav-custom{
	background: var(--bg-white);
	position: relative;
    margin-bottom: -34px;
    z-index: 99;
	padding: 0;
}
.color-secondary{
	color: var(--bg-white);
}
.navbar-dark .navbar-toggler {
    background: var(--bg-black);
}
.img-equipe{
	width: 150px; height: auto; float:left; margin: 0 10px 0 0; border-right: 2px solid var(--secondary-color);
}
.line-equipe{
	width: 30px;
    height: 2px;
    background-color: var(--secondary-color);
}
.navbar-dark.nav-custom .navbar-nav .nav-link.active, .navbar-dark.nav-custom .navbar-nav .show>.nav-link { color: var(--bg-black); background: var(--bg-white)}
.navbar-dark.nav-custom .navbar-nav .nav-link.active:hover, .navbar-dark.nav-custom .navbar-nav .show>.nav-link:hover { color: var(--bg-white);}
.navbar-dark.nav-custom .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.85); letter-spacing: 1px; font-weight: 300; }
.navbar-dark.nav-custom .navbar-nav .nav-link:focus, .navbar-dark.nav-custom .navbar-nav .nav-link:hover {  color: var(--bg-white); background: var(--bg-black) }

.nav-link { padding: 6px 20px !important; }
.p-custom{ position: static !important; }
@media (min-width: 1280px){
	.p-custom{ padding-right: 35px !important; position: absolute !important; }
	.nav-link { padding: 6px 38px !important; }
}
@media (min-width: 1600px){
	.p-custom { padding-right: 55px !important; position: absolute!important; }
	.nav-link { padding: 6px 70px !important; }
}
.text-bold{ font-weight: 600; }
.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 5px solid #FFF;
    opacity: 0.75;
	background: transparent;
}
.carousel-indicators .active {
    opacity: 1;
    border: 5px solid var(--secondary-color);
}
.carousel-item > img {
    height: calc(80vh);
    object-fit: cover;
	width: 100%;
}
.logo-slide{ max-width: 400px; height: auto; width: 100%; }
.carousel h1{ font-family: var(--font-primary); text-shadow: 2px 2px 6px rgb(0 0 0 / 50%); padding-bottom: calc((100vh / 2) - 220px); font-weight: 300; text-transform: uppercase; font-size: xx-large;}
.conteudo-light{ background: var(--bg-white); padding: 30px 0; }
.dest-loc{ position: relative; margin-top: -80px; z-index: 9; }
.carousel-indicators{ padding-bottom: 55px; z-index: 11 }
.carousel-control-prev, .carousel-control-next{ display: none !important}
.bg-white h2, .bg-black h2{ font-family:var(--font-primary); font-size: 30px; margin-bottom: 35px; font-weight: 300; text-transform:uppercase; }
.title {font-family:var(--font-primary); font-size: 28px !important; }
.bg-white h3, .bg-custom h3,  .bg-transparent h3{ letter-spacing: 2px; font-size: 20px; font-weight:normal; margin-top:10px; font-weight: 300;}
.item-casa{ padding: 15px 20px; text-align:center;}
.item-casa a{ text-decoration: none; color:var(--primary-color);}
.item-casa h3{ text-transform: uppercase; font-size: 18px; }
.btn-white{ background: #FFF; color:var(--primary-color); border-radius: 5px; padding: 8px 25px;}
h4{ font-weight: 500; font-size: 24px;}
.text-over-img {
	background: rgba(0,0,0,0.5);
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #FFF;
	font-size: 28px !important;
	padding: 0 15px;
	left: 0;
	z-index: 97;
	text-transform: uppercase;
	margin: 0 !important;
}
.img-zoom  {
	height: 250px; /* Modify this according to your need */
	overflow: hidden; /* Removing this will break the effects */
	position: relative;
}
.img-zoom img  {
	transition: transform 1s, filter 1s ease-in-out;
	transform-origin: center center;
	filter: brightness(100%);
	position: relative;
}
.col-md-8 .img-zoom {
    height: 190px;
}

/* The Transformation */
.img-zoom img:hover, .text-over-img:hover + img  {
  filter: brightness(140%);
  transform: scale(1.25);
}
.text-over-img:hover  {
  color: var(--secondary-color);
}

.bg-custom h2{ font-family:var(--font-primary); font-size: 30px; margin-bottom: 35px; color: #000000; font-weight: 300; text-transform: uppercase; }
.bg-custom .item-casa{
	padding: 0 0 15px;
    text-align: center;
    background: #FFF;
    border-left: 20px solid var(--primary-color-rgba);
    border-right: 20px solid var(--primary-color-rgba);
	font-weight: 300;
}

.btn-custom:hover {
	color: var(--secondary-color);
}
.btn-custom{
	background: var(--primary-color);
	color: #FFF;
	font-size: 24px;
	border-radius: 0;
	padding: 15px 30px;
	letter-spacing: 2px;
}
.bg-custom .btn-custom{
	background: var(--primary-color-dark);
}
@media (min-width: 992px){
	.mr-n20{ margin-right: -20px; }
	.ml-90{ margin-left: 90px; }
}
.navbar-toggler-icon {
	width: 25px !important;
	height: 25px!important;
	background-size: 90%!important;
}
.m-over-70{ margin-top: -70px !important;}
.m-over-50{ margin-top: -50px !important;}
.m-over-30{ margin-top: -30px !important;}
.z-index-99{ z-index: 98; }
.m-fotos {margin-top: -59px !important;}
.m-tarifas {margin-top: -55px !important;}
.m-localizacao {margin-top: -36px !important;}
.m-locacoes {margin-top: -68px !important;}
.title-custom{
	background: var(--primary-color-dark);
    padding: 10px 25px;
    width: fit-content;
    color: #FFF;
    margin: 0 auto;
    font-family: var(--font-primary);
    font-size: 22px !important;
}
.title-cinzel-laranja{
    color: var(--secondary-color);
    font-family: var(--font-primary);
    font-size: 24px !important;
	font-weight: 300;
}
.title-cinzel{
    color: var(--primary-color);
    font-family: var(--font-primary);
    font-size: 24px !important;
	font-weight: 300;
}
.title-equipe{
	color: var(--secondary-color);
	font-size:17px;
	font-weight: 500;
}
.title-border{
	background: var(--bg-light);
    padding: 20px 50px;
    width: fit-content;
    color: var(--primary-color);
    margin: 0 auto;
    font-family: var(--font-primary);
    font-size: 32px !important;
	font-weight: 300;
}
.title-border-verde{
	background: var(--bg-verde);
    padding: 20px 50px;
    width: fit-content;
    color: var(--secondary-color) !important;
    margin: 0 auto;
    font-family: var(--font-primary);
    font-size: 32px !important;
	font-weight: 300;
}
.title-border-small{
	background: var(--bg-light);
    padding: 10px 25px;
    width: fit-content;
    color: var(--primary-color);
    margin: 0 auto;
    font-family: var(--font-primary);
    font-size: 26px !important;
	font-weight: 300;
}
.btn-over{
	position: relative;
    margin-bottom: -112px;
}
.box-whats{
	background: #67C63E;
	border-radius: 5px;
	max-width:450px;
	margin: 0 auto;
	color: #FFF;
	padding: 10px;
}
.logo-whats{ max-width: 50px; margin-bottom: 10px; }
.logo-insta{ max-width: 180px; padding: 15px 0; }
.ico-footer{ max-height: 25px; padding-left: 10px; }
.box-whats h3{ font-weight: normal; font-size: 20px; letter-spacing: 2px; padding: 10px 0;}
.box-whats div{ background: #FFF; color: var(--primary-color); border-radius: 5px; padding: 10px; font-size: 20px }
.box-whats a{color: unset; text-decoration: none; }

.datepicker{ padding: 12px; }
.dropdown-menu:not(.datepicker){ border-radius: 0; background: var(--bg-white); border: none; padding: 0; }
.dropdown-item{ color: #000000; padding: .75rem 1rem; font-weight: 300; }
.dropdown-item:hover,  .dropdown-item:active{ color: var(--bg-white); background: var(--bg-black); }
.bg-laranja{ background: var(--bg-white) !important;  color: #000000 !important;}
.bg-laranja:hover{ background: var(--bg-black)!important; color: var(--bg-white)!important; }

footer {color: #FFF; letter-spacing: 2px; }
footer hr{     background-color: var(--bg-white); opacity: 1;}
footer ul, ul.equipe{ list-style: none; padding: 0 }
.equipe li{ display: flex}
.equipe li a:hover{ font-weight: bold; color:var(--secondary-color);}
.equipe li a{ text-decoration: none; color:var(--bg-verde); width: 100%; padding: 10px 0 }
footer p{ font-size: 16px; }
footer ul li{ font-size: 16px; padding: 0 200px; letter-spacing: 1px; }
footer ul li:first-child{ text-align: left; }
footer ul li:last-child{ text-align: right; }
.lSPager li{ opacity: 0.4}
.lSPager li.active, .lsPager li:hover{ opacity: 1}
.sub-footer h3{ font-size: 14px; }
.sub-footer .logo-insta{ max-width: 150px; }
.coqueiro-bottom{ max-width: 100px;}
.coqueiro-contato{ max-width: 150px; position: relative;    margin: 15px;    float: right;}
.navbar-toggler{
	margin: 4px 0;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	
}	
.div-tempo{
	position: relative;
    top: -80px;
    width: fit-content;
    color: #FFF;
    text-shadow: 2px 2px 6px rgb(0 0 0 / 50%);
}
.mx-neg-5{ margin: 0 -3rem; }
@media all and (max-width: 992px) {
	
.bg-coqueiro{
	background:#FFF !important;
}
.mx-neg-5{ margin: 0 -1.5rem; }
	.title-border, .title-border-verde{ font-size: 22px !important; padding: 25px 10px;}
	.perfil{ font-size: 14px; line-height: 1.25;}
	.columns-2{  column-count: 1; }
	.columns-2 li {  margin: 0; }
	.columns-3{  column-count: 1; }
	.columns-3 li {  margin: 0; }
	
.bg-border-primary{ padding: 0 20px;}
.bg-border-secondary{ padding: 0 20px; }
	.title-cinzel, .tzel-laranja{ font-size: 18px !important;}
	.line-equipe{		
		transform: rotate(90deg);
		margin: 12px auto;
	}
	.img-equipe {
    width: 130px;
	}
	.ico {
    width: 50px;
    height: 50px;
}
	.div-tempo{
		top: -100px;
		left: -30px;
		transform: scale(0.8);
	}
	.list-contato li{ font-size: 12px; }
	.ico-30 {
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.coqueiro-contato{
		display: none;
	}
	.itens {
		column-count: 1;
		font-size: 18px;
		text-align: left;
	}
	.lSSlideOuter{ padding: 0!important;}
	.logo-slide{ width: 85%; }
	.xs-w-90 { width: 90%; }
	.img-zoom {
		height: 180px;
		overflow: hidden;
	}
	.bg-custom .item-casa{
		border: none;
	}
	.item-casa {
		padding: 15px 0;
		text-align: center;
	}
	.btn-over {
		position: relative;
		margin-bottom: -40px;
	}
	.btn-custom {
		font-size: 16px;
		padding: 10px 20px;
	}
	.bg-white h2, .bg-custom h2, .bg-transparent h2 {
		font-size: 26px;
	}
	.bg-custom .item-casa { margin-bottom: 25px; }
	.carousel h1 {
		padding-bottom: calc((100vh / 2) - 160px);
	}
	.carousel-indicators [data-bs-target] {
		width: 8px;
		height: 8px;
	}
	.text-previsao, .social-top {
		margin-top: 20px;
	}
	.nav-item, .dropdown-item { text-align: center; }
	.logo-insta {max-width: 150px;}
	footer {letter-spacing: 0.5px; }
	footer p{ font-size: 12px; }
	footer ul li{ font-size: 12px; padding: 5px 0 }
	footer ul li:first-child{ text-align: center; }
	footer ul li:last-child{ text-align: center; }
	.assinatura{ font-size: 11px; letter-spacing: 3px; }
	.coqueiro-bottom {
		max-width: 80px;
	}
	.sub-footer .logo-insta {
		max-width: 120px;
		padding: 0 0 15px 0;
	}
	.sub-footer h3 {
		font-size: 16px;
	}
	.ico-footer{ max-height: 16px; padding-left: 5px; }
}