/*!
 * Start Bootstrap - New Age v5.0.9 (https://startbootstrap.com/theme/new-age)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-new-age/blob/master/LICENSE)
 */

html{
	overflow-x: hidden !important;
	max-width: 100vw;
  background-color:#ffffff;
  font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
}
body {
  max-width: 100vw;
  background-color:#ffffff;
  font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  overflow: hidden ;
}


a {
font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  color: #485644;
  font-weight: 500;
  transition: all .35s;
}

a:hover, a:focus {
	font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-decoration:none;
	transition: 0.5s ease-in-out;
	color:#485644;	
}

hr {
  max-width: 60%;
  margin: auto;
  border-width: 1px;
  border-color: #ffffff;
}

hr.light {
  border-color: white;
}

h1
{
  font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 300;
  letter-spacing: 5px;
  font-size:36px;
  color:#485644;
  
}
h2{
	font-size:18px;
  font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 100;
  letter-spacing: 1px;
}
h3 {
	font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 300;
  letter-spacing: 5px;
  font-size:26px;
  background-color: #DFD7C6;
  padding:5px;
	
}


h4,
h5
{
font-size:20px;
  font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

h6 {
font-size:20px;
  font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

p {
font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
}

section {
	padding-left:5vw;
  padding: 100px 0;
  background-color: #ffffff;
}


header.masthead {
  position: relative;
  width: 100vw;
  height:auto;
  padding-top: 150px;
  padding-bottom: 0px;	
  background: #DFD7C6;
  background-image: url(../img/fundo.png);
  background-attachment:fixed;
  background-size: cover;
}

header.masthead .header-content {
  text-align: center;
  margin-bottom:100px;
  
}

header.masthead .header-content h1 {
   font-size:7vw;
   color:#ffffff;
}

header.masthead .header-content h5 {
   color: #7D7875;
}



header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .device-container .screen img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  header.masthead {
	  padding-left:5vw;
    height:600px;
	width:100vw;
    min-height: 500px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: center;
  }
  header.masthead .header-content h1 {
	 font-size: 7vw;
	 
  }
  
  header.masthead .device-container {
    max-width: 325px;
  }
}

@media (min-width: 600px) {
	
  header.masthead {
	  padding-left:5vw;
    height:600px;
	width:100vw;
    min-height: 500px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: center;
  }
  header.masthead .header-content h1 {
	 font-size: 7vw;
	 
  }
  
  header.masthead .device-container {
    max-width: 325px;
  }
}

footer {
  padding: 25px 0;
  text-align: center;
}

footer p {
  font-size: 12px;
  margin: 0;
}

footer ul {
  margin-bottom: 0;
}

footer ul li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {
  text-decoration: none;
}

.bg-primary {
  background: #fdcc52;
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #fdcc52;
  background-color: #fdcc52;
}

.btn {
  border-radius: 300px;
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 2px;
  text-transform: lower;
}

.btn-xl {
  font-size: 1em;
  padding: 15px 45px;
}
/* ---------------------------------------------- */
/*	HEADER */

	.logogrande2 {
	min-width:15vw;
	width:200px;
	height: auto;
	top:25px;
  background-repeat:no-repeat;
  animation:spin 3s ease-in-out;
  animation-timing-function: ease-out;  
	}
	
	@keyframes circle { 
0%{
	transform: scale(0.1)
		rotate(-360deg);
	}
	100%{ 
	}

}
@keyframes spin {
	to { transform: rotate(-1turn); }
  100%{background-position:100%;}
}
	
/*	ABOUT*/

.about {
	width:100vw;
	color: #ffffff;
}


.textoabout{
	background-repeat: no-repeat;
	background-size:150px, 150px;
	background-position:100%, 0%, 0%, 100%;
}

/*	SOCIAL / MENU */

.social {
	width:30px;
	height: auto;
}

.social:hover{
	opacity: 30%;
	transition: 0.5s ease-in-out;
}

#menuToggle {
border-right: 1px solid #7D7875;
  position: fixed;
  width: 4vw;
  height:110vh;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  background-color: rgba(229, 229, 229, .2);
  background-image: url(../img/fundo.png);
  background-position: absolute;
  background-size: cover;
  display: block;
}

#menuToggle a {
	top: 50px;
	left: 3vw;
	text-decoration: none;
	color: #7D7875;
	transition: color 0.3s ease;
}

#menuToggle a:hover {
  color: #485644;
  opacity:1;
}


#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 2vh;
  left: 1vw;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
top: 2vh;
  left: 1vw;
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #485644;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #485644;
}


#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: relative;
  width: 300px;
  height:100vh;
  margin: -30px 0 0 0;
  padding: 10px;
  padding-top: 5vh;
  text-align: center;
  background-image: url(../img/fundo.png);
  background-position: absolute;
  background-size: cover;
  border-right: 1px solid #485644;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(-100vh,0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 5px 5px;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

/*	VALUES */
.values{
	background-color:#ffffff;
	color: #7D7875;
}

.values h1{
	color: #7D7875;
}

.values h6{
	color: #7D7875;
}


.flip-card {
  background-image: url(../img/fundo.png);
  background-position: absolute;
  background-size: cover;
  width: 200px;
  height: 200px;
  border-radius:50%;
  border: 1px solid #7D7875;
  perspective: 1000px; 
   position: absolute;
}

.flip-card-inner {
  position: relative;
  width: 200px;
  height: auto;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}


.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}


.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}


.flip-card-front {
  background-color: #ffffff;
  color: #7D7875;
}


.flip-card-back {
  color: #ffffff;
  transform: rotateY(180deg);
}

.flip-card > h3, h4 {
	margin-top: 33%;
}




/* Nearby */

.nearby{
	background-color: #ffffff;
	color: #7D7875;
	position:relative;
	padding-left:5vw;
}


.divider2 {
	transform: rotateY(180deg);
	background-color: #DFD7C6;
}
/*Acordion*/
  .textovertical {
	margin:5px;
	color:#ffffff;
	writing-mode: vertical-rl;
	font-size: 20px;
}

  .acc-wraper{
margin: 30px auto;
  width:100%;
  
}

.accordion{
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  width:100%;
  height:400px;
}

.accordion p{
font-size: 16px;
font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
}

.accordion > div{
width:50%;
  flex-grow:1;
  flex-shrink:1;
  overflow:hidden;
  transition:all 2s ease;
  border-radius:5px;
  border: 1px #7D7875 solid;
  position:relative;
  background-color:#485644;
  margin:2px;
}

.accordion > div:hover{
  flex-shrink:0;
  background-color:#7D7875;
  color: #000;
  width:50%;
}

.accordion div img{
  border-radius:5px;
  width:auto;
  height:400px;
   object-fit: cover;
}




/* THE PROJECT */
.plantaprincipal{
	height:auto;
	width: 100%;
	min-width:300px;
}
.project {
	padding-left:5vw;
	position:relative;
	background-color: #ffffff;
	color: #7D7875;
}

.parentesis {
	font-size: 80px;
}



/* COUNTER */
.sectioncounter{
	position:relative;
	padding-left:5vw;
	padding: 80px 0;
	color: #ffffff;
	background-color: #485644;	
}
.counter{
	color: #ffffff;
}

.stats{
	border: 1px solid #ffffff;
	border-radius:50%;
	width:180px;
	height:180px;
	padding:5px;
	margin:-10px;
	
}
.number {
	font-size:26px;
	margin-top:20%;
	color: #ffffff;
}

.knowmore{
	color: #DFD7C6;
}
.knowmore:hover{
	padding-left:30px;
	color: #485644;
}
/* MAPA */

.locations {
	 padding-left:5vw;
	color: #ffffff;
	position: relative;
	background-color: #485644;
}

.locations h1{
	color: #ffffff;
}


.mapa {
	width:300px;
	height:auto;
}

.textolocal {
	vertical-align: middle;
	margin-bottom:0px;
	
}
.locais1{
	position:absolute;
	z-index:1;
	left: 180px;
	top: 180px;
}

.mapframe{
	width:300px;
	height:auto;
	color:#DFD7C6;
}


.mapframe:hover{
	opacity: 90%;
	transition: all .35s;
}

.mapframe span{
	
	color:#DFD7C6;
	width:auto;
	height:25px;
	opacity:1;
	transform: scale(2);
	animation: popout ;
	animation-duration: 2s;
	animation-iteration-count: infinite;
   animation-timing-function: linear;
   animation-direction: alternate;
}
@keyframes popout {
  0%{
	transform: scale(.5)
	}
	100%{ 
	}
}

.mapframe span:hover{
	color:#DFD7C6;
	transform: scale(1.5);
	transition: all .35s;
	animation: none;
}

 /* Popover */
  .popover {
	border-radius: 50%;
	background-color: #485644;
    border: 1px solid #DFD7C6;
	width:200px;
	height:200px;
  }
  /* Popover Header */
  .popover-title, .popover-title h1 {
	margin-top: 33%;
	height:auto;
	border-radius: 5px;
	color:#ffffff;
	font-size:20px;
    text-align:center;
  }
  /* Popover Body */
  .popover-content, .popover-content p {
	
	text-align:center;
	font-size:12px;
	color:#ffffff;
	font-size:14px;
	
  }
  /* Popover Arrow */
  .arrow {
	color: #485644;
  }
  
  .imagepopover {
	  width:200px;
	  height:200px;
	  border: solid 1px #485644;
	  border-radius: 50%;
	  margin-left:100px;
  }
  
  /* Custom Panasqueira*/
  
  .linha {
	  width: 30px;
	  border: 1px solid #7D7875;
	  background-color:#7D7875;
	  text-align: right;
  }
 
.custom-shape-divider-bottom-1672251698 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1672251698 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 60px;
}

.custom-shape-divider-bottom-1672251698 .shape-fill {
    fill: #7D7875;
}

.custom-shape-divider-top-nearby {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-nearby svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 30px;
}

.custom-shape-divider-top-nearby .shape-fill {
    fill: #485644;
}


.custom-shape-divider-bottom-floorplans {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-floorplans svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 63px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-floorplans .shape-fill {
    fill: #FFFFFF;
}




.logomapa{
	width:25px;
	height:auto;
}
  
.logopequeno {
	width:100px;
	height:auto;
}

.imgprojeto{
	width:200px;
	height:auto;
	top:0px;
	border-radius:50%;
}

.plantas{
	height:auto;
	width: 100%;
	transition: transform .2s;
}


.plantamaster{
	height:auto;
	width: 400px;
}


.masterplan {
	padding-left:5vw;
	position:relative;
	background-color: #485644;
	color: #ffffff;
}
.masterplan h1 {
	color: #ffffff;
}


/* MAPA 2*/

.mapa2 {
	position:relative;
	width:100%;
	height:auto;
	opacity:1;
}

.mapframe2{
	position:relative;
	width:100%;
	height:auto;
  border:1px solid #ffffff ;
	color:#DFD7C6;
}

.mapframe2:hover{
	opacity: 90%;
	transition: all .35s;
}

.mapframe2 span{
	animation: popout ;
	animation-duration: 2s;
	animation-iteration-count: infinite;
   animation-timing-function: linear;
   animation-direction: alternate;
   transition: all 3s ease-in-out;
   transition: transform 1s ease-in-out;
   
}

.mapframe2 span:hover{
	color:#ffffff;
	transform: scale(5);
	animation: none;
	border: .05px solid #ffffff;
	
}
.mapframe2 span >p{
	
	font-size: 0px;
}

.mapframe2 span:hover >p{
	margin-top:30%;
	font-size:.25rem;
	color: white;
line-height: .25rem;	
}

.blocos {
	margin-top:-15px;
	border: solid #ffffff 1px;
   border-radius: 50%;
	width:30px;
	height:30px;
	background-color:#89B09F;
	opacity:1;
}

#blocoA {
	background-color:#A0515E;
	position:absolute;
	z-index:1;
	left: 10%;
	top: 50%;
}

#blocoB {
	position:absolute;
	z-index:1;
	left: 40%;
	top: 20%;
}
#blocoC {
	background-color:#c7b93e;
	position:absolute;
	z-index:1;
	left: 45%;
	top: 43%;
}
#blocoD {
	background-color:#c7b93e;
	position:absolute;
	z-index:1;
	left: 80%;
	top: 33%;
}
#blocoE {
	background-color:#c7b93e;
	position:absolute;
	z-index:1;
	left: 50%;
	top: 70%;
}
#blocoF {
	background-color:#c7b93e;
	position:absolute;
	z-index:1;
	left: 80%;
	top: 57%;
}

.gardens{
	margin-top:-5px;
	color:#ffffff;
	border: solid #ffffff .1px;
   border-radius: 50%;
	width:20px;
	height:20px;
	opacity:1;
	animation: none;
	background-color:#7D7875;
}

#garden1 {
	position:absolute;
	z-index:1;
	left: 27%;
	top: 33%;
}
#garden2 {
	position:absolute;
	z-index:1;
	left: 35%;
	top: 55%;
}

#garden3 {
	position:absolute;
	z-index:1;
	left: 65%;
	top: 35%;
}
#garden4 {
	position:absolute;
	z-index:1;
	left: 65%;
	top: 60%;
}
.pools{
	margin-top:-5px;
	color:#ffffff;
	border: none;
   border-radius: 50%;
	width:20px;
	height:20px;
	opacity:1;
	animation: none;
	background-color:#41658A;
	border: solid #ffffff .1px;
}
#pool1 {
	position:absolute;
	z-index:1;
	left: 27%;
	top: 27%;
}
#pool2 {
	position:absolute;
	z-index:1;
	left: 65%;
	top: 56%;
}



.custom-shape-divider-bottom-1672670951 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1672670951 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 72px;
}

.custom-shape-divider-bottom-1672670951 .shape-fill {
    fill: #ffffff;
}

/*	CONTACTOS */
.contacts {
	
	height:400px;
	background-image: url(../img/fundo.png);
  background-attachment:fixed;
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-size: cover;
	color: #7D7875;
	padding-top: 10%;
	padding-left:5vw;
}

.contacts h1{
	
	color: #7D7875;
}

.contacts a {
	color: #7D7875;
}
.contacts a:hover {
	color: #485644;
}


/* THE HOUSES */
.Houses {
	padding-left:5vw;
	position:relative;
	background-color: #ffffff;
	color: #7D7875;
}

.plantabloco {
	height:500px;
	width:auto;
}

/*Acordion*/

  .acc-wraper2{
margin: 30px auto;
  width:100%;
  
}

.accordion2{
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  width:100%;
  height:400px;
}

.accordion2 p{
font-size: 16px;
font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
}

.accordion2 > div{
width:50%;
  flex-grow:1;
  flex-shrink:1;
  overflow:hidden;
  transition:all 2s ease;
  border-radius:5px;
  border: 1px #ffffff solid;
  position:relative;
  background-color:#7D7875;
  margin:2px;
}

.accordion2 > div:hover{
  flex-shrink:0;
  background-color:#485644;
  color: #000;
  width:80%;
}

.accordion2 div img{
  border-radius:5px;
  width:auto;
  height:400px;
   object-fit: cover;
}

.custom-shape-divider-bottom-1672764101 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1672764101 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 64px;
}

.custom-shape-divider-bottom-1672764101 .shape-fill {
    fill: #485644;
}
.custom-shape-divider-top-1672764420 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1672764420 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 41px;
}

.custom-shape-divider-top-1672764420 .shape-fill {
    fill: #485644;
}



/* MAPAFP */

.locationsFP {
	  padding-left:5vw;
	color: #7D7875;
	background-color: #ffffff;
	position: relative;
}

.locationsFP h1{
	color: #485644 ;
}


.mapaFP {
	width:200px;
	height:auto;
}

.textolocalFP {
	vertical-align: middle;
	margin-bottom:0px;
	
}
.locaisFP{
	position:absolute;
	z-index:1;
	left: 120px;
	top: 120px;
}

.mapframeFP{
	width:200px;
	height:auto;
	color:#DFD7C6;
}


.mapframeFP:hover{
	opacity: 90%;
	transition: all .35s;
}

.mapframeFP span{
	color:#DFD7C6;
	width:auto;
	height:25px;
	opacity:1;
}


.mapframeFP span:hover{
	color:#DFD7C6;
	transform: scale(1.5);
	transition: all .35s;
	animation: none;
}

.logomapaFP{
	width:25px;
	height:auto;
}


/*PAGINA LOCALIZACAO*/

.activities {
	padding-left:5vw;
	color: #ffffff;
	position: relative;
	background-color: #485644;
}

.activities h1 {
	color: #ffffff;
}
.activitiesi {
	background-image:none;
	width:120px;
	height:120px;
	color: #ffffff;
	font-size: 33px;
	border-radius: 50%;
	margin: 10px;
	padding-top:10px;
	border: 1px #ffffff solid;
	transition: all 1s ease-in-out;
}
.activitiesi:hover {
	transform: scale(1.2);
	background-image: url(../img/fundo.png);
  background-position: absolute;
  background-size: cover;
  border: 3px #ffffff solid;
  
}


/*Pagina Projeto*/
.availability {
	padding-left:5vw;
	position:relative;
	background-color: #ffffff;
	color: #7D7875;
}
.table{
	font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
	color: #7D7875;
	border: 1px solid #485644;

}
.tablehead{
	background-color: #485644;
	color: #ffffff;
	font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 300;
  letter-spacing: 1px;
}

.availability th,tr,td{
	padding:1px !important;
	vertical-align: middle ;
}

.features {
	background-color: #DFD7C6;
	height:100%;
	color: #ffffff;
}

.plantageral {
	width:100%;
	height:auto;
}

.textovertical2 {
	margin:5px;
	color:#ffffff;
	writing-mode: vertical-rl;
	font-size: 20px;
}
/*BEFORE & AFTER*/

.beforeafter {
	background-color: #DFD7C6;
	position:relative;
}
.afterimg{
	width:100%;
	height:auto;
	border: 1px solid #ffffff;
}

.textovertical3 {
	margin:5px;
	color:#ffffff;
	writing-mode: vertical-rl;
	font-size: 20px;
	position:absolute;
}

.imgFP {
	height:auto;
	width:100%;
}