body {
	scroll-behavior: smooth; height: unset !important;

}
.navbar{border: 0 !important	;}
.navbar-toggle .icon-bar {box-shadow: 2px 2px 3px rgba(0, 0, 0, .8);}

@font-face {
  font-family: 'Matter';
  src: url("../fonts/Matter-Light.woff2") format("woff2"), url("../fonts/Matter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Matter';
  src: url("../fonts/Matter-Regular.woff2") format("woff2"), url("../fonts/Matter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Matter';
  src: url("../fonts/Matter-Medium.woff2") format("woff2"), url("../fonts/Matter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-Light.woff2) format("woff2"), url(../fonts/SaolDisplay-Light.woff) format("woff");
	font-weight: 300;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-Regular.woff2) format("woff2"), url(../fonts/SaolDisplay-Regular.woff) format("woff");
	font-weight: 400;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-Medium.woff2) format("woff2"), url(../fonts/SaolDisplay-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-Bold.woff2) format("woff2"), url(../fonts/SaolDisplay-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-LightItalic.woff2) format("woff2"), url(../fonts/SaolDisplay-LightItalic.woff) format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-RegularItalic.woff2) format("woff2"), url(../fonts/SaolDisplay-RegularItalic.woff) format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-MediumItalic.woff2) format("woff2"), url(../fonts/SaolDisplay-MediumItalic.woff) format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}
@font-face {
	font-family: Saol;
	src: url(../fonts/SaolDisplay-BoldItalic.woff2) format("woff2"), url(../fonts/SaolDisplay-BoldItalic.woff) format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}
.vertical-title span {
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
}
.display-2 {
	font-size: calc(2rem + 1.5vw);
	line-height: calc(4rem + 2.2vh);
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
	margin-block-start: unset !important;
    margin-block-end: unset !important;
}

.hr-bottom {
    background: #b7b3a0;
}

.title-uppercase i {
	font-family: Saol, serif;
	font-style: italic;
	font-size: 3.7rem;
	font-weight: 300;
	text-transform: lowercase;
	letter-spacing: 0px;
}
.title-uppercase i::first-letter {
	text-transform: capitalize !important;
}
.display-2 i {
	font-family: Saol, serif;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: 0px;
	font-weight: 500;
	line-height: 1.5rem;
	font-size: 1.4em;
}
.display-2 .frase2 {
	font-family: Saol, serif;
	font-size: calc(14px + 0.5vw);
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 0px;
	position: relative;
	margin-top: 10px;
    color:  #b7b3a0;
}
.frase4 {
	font-size: 3.5rem;
	font-weight: 600;
}
.navbar.affix {
	box-shadow: none;
}
.navbar:before {
	content: '';
	background: linear-gradient(to bottom, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 100%);
	position: absolute;
	width: 100%;
	height: 12vh;
	left: 0px;
	top: -1px;
	pointer-events: none;
}



.navbar-2 .navbar-address {
	float: left;
	margin-left: 15rem;
}
.introd1:after {
	content: '';
	background: /*linear-gradient(to bottom, rgba(0,0,0,0.0) 10%, rgba(0,0,0,1) 100%);*/
 linear-gradient(to bottom, rgba(0,0,0,0.0) 10%, rgb(39 39 39) 100%);
	position: absolute;
	width: 100%;
	height: 121px;
	top: unset;
	left: 0;
	bottom: 0px;
	user-select: none;
}
.introd1 video {
	filter: grayscale(0%);
}
.brand img {
	display: inline-block;
	vertical-align: top;
	margin-right: 0.65rem;
	height: 5.5rem;
	position: relative;
	top: -22px;
}
.textoMenu {
	display: none;
}

@media (min-width: 992px) {
.textoMenu {
	display: inline-block;
	position: absolute;
	margin-left: -65px;	
	top: -6px;
	color: #b7b3a0;
}
.navbar-toggle .icon-bar {
    background-color: #b7b3a0;}

.navbar {
	border: 0 !important;
}
.right-boxed {
	right: 1rem;
	overflow-x: hidden;
}
}
#pp-nav {
	color: rgb(0, 0, 0);
	margin-top: -124px;
	background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.35) 100%);
	opacity: .5;
	border-radius: 120px;
	padding: 10px 10px;
	transition: .3s linear all !important;
	transform: translateY(-50%) scale(.7);
	transform-origin: 50% 0%;
	width: 48px;
}
#pp-nav:hover {
	opacity: 1;
	transform: translateY(-60%) scale(1);
}
#pp-nav:hover span {
	box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 80%);
	transition: .3s linear all !important;
	transform: scale(1);
	transform-origin: 50% 50%;
}
#pp-nav:hover span:hover {
	transform: scale(1.5);
}
.navbar-address, .social-list {
	position: relative;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
}
.video-overlay, .video-placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(0,0,0,0.15);
	background: transparent url('/img/grid.png') repeat;
	-webkit-backface-visibility: hidden;
}
.menu {
	background: linear-gradient(135deg, rgb(86 86 86 / 94%) 0%, rgba(0,0,0,1) 100%);
}
.menu-lang a, .menu-list a {
		cursor: pointer;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
}
a {
	text-decoration: none !important;
}
.social-list a {
	transition: .3s linear all;
	transform: scale(1);
	transform-origin: 50% 50%;
	font-size: 1.75rem;
}
.social-list a:hover {
	transform: scale(.75);
}
.menu-list > li {
	font-size: 2rem;
	line-height: 1em;
}

@media (max-height: 599px) {
.menu-list ul li {
	font-size: 2rem;
	line-height: .51em;
}
}

@media (min-height: 600px) {
.menu-list ul li {
	margin-left: 30px;
}
}

@media (max-width:  767px) {
.brand img {
	height: 4.5rem;
	top: -30px
}
}

@media (max-width:  479px) {
	#section-about .volanta{margin-bottom: -40px}
.brand img {
	height: 4.2rem;
	top: -22px
}
.display-2 {
	font-size: 2.3rem;
	line-height: 3rem;
}
.display-2 i {
	font-size: 3.2rem;
	line-height: 3rem;
}
.menu-list > li {
	margin-top: .7rem;
}
.menu-list ul li {
font-size: 1.rem;
	margin-top: .742rem;
}
.menu .menu-lang{top: 5rem;}
.menu-list {
	top: 10rem;
	bottom: 5rem;
}
.menu-list > li {
    line-height: 1.2em;
}
.navbar .brand {
	margin-top: -5px;
}
.section-intro {
	min-height: unset
}
.scrollD {
	position: absolute;
	top: 150px
}
.acerca-foto {
	max-height: 150px !important
}
.fotoCaption {
	display: none;
}
.textoAcerca p {
	font-size: 19px !important
}
.portadaSeccion {
	min-height: 200px !important;
    max-height:     300px;
}

.subseccion .mascaraVideo video{max-height: 300px !important; min-height: 300px !important;}
.portadaSeccion h2 {
	bottom: -20px !important;
}
.numeroGrande {
	margin-bottom: 40px !important;
	margin-top: 40px !important;
	margin-left: 10px !important
}
.parcelasVendidas {
	margin-top: -10px !important;
	margin-left: 30px;  
}
.project-carousel {
	padding: 20px;
	margin-top: unset !important
}
.section-projects .project-item {
	min-height: 340px !important
}
}

.parcelasVendidas {
    font-weight: 300 !important;
}
/***********  PRINCIPIOS */

#principios .marco {
	max-width: 480px;
	margin-left: 16px;
}
.project-box-inner {
	background: #00000033;
}
/* -- Animation -- */

[data-animate-in] {
	opacity: 0;
	transition: transform 0.8s ease, opacity 0.8s ease
}
[data-animate-in="up"] {
	transform: translate3d(0, 24px, 0)
}
[data-animate-in="left"] {
	transform: translate3d(-25%, 0, 0)
}
[data-animate-in="right"] {
	transform: translate3d(25%, 0, 0)
}
[data-animate-in="down"] {
	transform: translate3d(0, -24px, 0)
}
[data-animate-in="fadeIn"] {
	transform: translate3d(0, 0, 0)
}
[data-animate-in].in-view {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: transform 0.6s ease, opacity 0.6s ease
}
.fade-in {
	opacity: 0;
	transition: opacity 1s ease
}
.page-loaded .fade-in, .page-loaded.fade-in {
	opacity: 1
}
/** mapa *********************/

#mapa {
	width: 100%;
	max-width: 80%;
	min-height: 300px;
	background-image: url(/img/mapa.jpg);
	background-size: cover;
	display: block;
	position: relative;
	margin-top: 20px;
	border: 2px solid #dfdcba;
	border-radius: 10px;
	background-position: 50% 50%;
	transition: 10s linear all;
}
#mapa:hover {
	background-position: 50% 80%;
}
.oficinas {
	color: white;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}
.section-5 .title-uppercase {
	margin-top: 50px !important;
}
.hr-bottom {
	animation-name: anchoanima;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
 @keyframes anchoanima {
 0% {
width: 7.142rem;
}
 70% {
width: 5rem;
}
 100% {
width: 7.142rem;
}
}
.menu-list li a {
	color: #d5db8f;
}
.marcoAnimado {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}
.marcoAnimado p {
	position: absolute;
	pointer-events: none;
	transform: rotate(-3deg);
	font-size: 250px;
	animation-name: letraanima;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	white-space: nowrap;
	bottom: 13vh;
	font-family: Saol, serif;
	font-style: italic;
	opacity: .5;
	color: #9d9d9d33;
}
.marcoAnimado p small {
font-size: .;
}
 @keyframes letraanima {
 0% {
left: 0;
opacity: 0
}
 10% {
left: -200px;
opacity: 1
}
90% {
left: -2000px;
opacity: 1
}
100% {
left: -2200px;
opacity: 0
}
}
#animaPrincipio {
	top: 0;
	left: 0;
}
#animaPrincipio svg {
	overflow: visible;
	transform-origin: 50% 50%;
	transform: scale(.5);
	animation: circular-text-rotate 45s linear infinite;
	font-size: 10.5px;
	text-transform: uppercase;
	left: -25vw;
	top: -14vw;
	position: relative;
}
#animaPrincipio svg:hover {
	animation-play-state: running;
}
#animaPrincipio path {
	fill: none;
}
#animaPrincipio text {
	fill: #444112;
	font-family: Saol, serif;
	letter-spacing: 2.5px;
	opacity: .85;
	font-size: 12px;
}
 @keyframes circular-text-rotate {
 0% {
transform: rotate(0deg) scale(.5);
}
 100% {
transform: rotate(360deg) scale(.5);
}
}
input.input-gray, textarea.input-gray, input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], textarea {
	background-color: black;
	border-color: white;
	color: white;
}
input.input-gray:focus, textarea.input-gray:focus {
	background-color: #222;
	border-color: #dfdcba;
	color: #dfdcba;
}
.mc-label, label.error {
	color: #dfdcba;
}
.pagepiling .frase {
	transition: .5s linear all;
	position: relative;
	;
	opacity: 0;
	top: -100px;
	transition-delay: .5s;
}
.pagepiling .active .frase {
	top: 0px !important;
	opacity: 1;
}
.pagepiling .frase2 {
	color: white;
	transition: .5s linear all;
	position: relative;
	left: -250px;
	opacity: 0;
	top: 0;
	transition-delay: 1s;
}
.pagepiling .active .frase2 {
	left: 0px;
	opacity: 1;
}
.pagepiling .lead p {
	position: relative;
	left: -50px;
	opacity: 0;
	transition: .5s linear all;
	transition-delay: 0.5s;
}
.pagepiling .active .lead p {
	left: 0px;
	opacity: 1;
}
.pagepiling .lead p:nth-child(2) {
	transition-delay: 1s;
}
.pagepiling .lead p:nth-child(3) {
	transition-delay: 1.5s;
}
.pagepiling .row-project-box .col-project-box {
	position: relative;
	top: -50px;
	opacity: 0;
	transition-delay: 1.5s;
	transition: .5s linear all;
}
.pagepiling .active .row-project-box .col-project-box {
	top: 0px !important;
	opacity: 1;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(1) {
	transition-delay: .3s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(2) {
	transition-delay: .6s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(3) {
	transition-delay: .9s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(4) {
	transition-delay: 1.2s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(5) {
	transition-delay: 1.5s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(6) {
	transition-delay: 1.8s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(7) {
	transition-delay: 2.1s;
}
.pagepiling .active .row-project-box .col-project-box:nth-child(8) {
	transition-delay: 2.4s;
}
.section-intro {
	min-height: 85vh;
	padding: 8rem 0 0;
}

@media (min-width: 768px) {
.section-intro {
	padding-top: 12vh;
}
}
.text-color {
	color: #c7bf93;
}
.scrollD {
	position: relative;
	width: 40px;
	height: 80px;
	margin: auto;
}
.frase3 {
	display: inline;
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	height: 230px;
	bottom: calc(-90px - 2vh);
}
.frase3 span {
	position: relative;
	top: -90px;
	font-style: italic;
	color: #c7bf939e;
	font-family: 'Saol', cursive;
	font-size: calc(90px + 3vw);
	font-weight: 300;
	animation-name: textoRotado;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	user-select: none;
	display: inline-block;
	position: relative;
	transform-origin: 30% 50%;
	white-space: nowrap;
}
 @keyframes textoRotado {
 0% {
opacity: 0;
transform: translateX(0) rotate(-2deg);;
top: -100px;
}
3% {
opacity: 1;
}
97% {
opacity: 1;
}
 100% {
opacity: 0;
transform: translateX(-3000px) rotate(-2deg);;
top: 50px;
}
}
.arrow {
	opacity: 0;
	position: relative;
	transform-origin: 50% 50%;
	/* transform: translate3d(-50%, -50%, 0);*/
	z-index: 53;
	left: 50%;
	top: 50px;
	margin-top: 50px;
}
.arrow-first {
	animation-name: arrow-movement;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.arrow-second {
	animation-name: arrow-movement;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
}
.arrow:before, .arrow:after {
	background: #fff;
	content: "";
	display: block;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
}
.arrow:before {
	transform: rotate(45deg) translateX(-18%);
	transform-origin: top left;
}
.arrow:after {
	transform: rotate(-45deg) translateX(18%);
	transform-origin: top right;
}
 @keyframes arrow-movement {
 0% {
 opacity: 0;
 top: 30px;
}
 70% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.copy-bottom {
	position: fixed;
	bottom: 30px;
	left: -20px;
}
.copy-bottom a {
	display: inline;
	overflow: hidden;
	white-space: nowrap;
}
.copy-bottom a img {
	transform: scale(1);
	;
	transition: .3s linear all;
	transform-origin: 50% 50%;/*
	filter: invert(0) brightness(100%) sepia(00%) saturate(0%) hue-rotate(-250deg);*/
}
.copy-bottom a:hover img {
	transform: scale(1.2);/*
	filter: invert(1) brightness(50%) sepia(50%) saturate(400%) hue-rotate(-250deg);*/
}
.copy-bottom a span {
	opacity: 0;
	display: inline-block;
	color: white;
	font-size: 12px;
	margin-left: 4px;
	white-space: nowrap;
	left: 0;
	position: relative;
	transition: .3s linear all;
	width: 50px; user-select: none; pointer-events: none;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .8);
}
.copy-bottom a:hover span {
	opacity: 1; pointer-events: all;
	left: 10px;
	width: 200px;
	
}
.copy-bottom:before {
	content: '';
	opacity: 0;
	transition: .3s linear all;
	background-image: url('/img/sombraRincon.png');
	background-size: 100% 100%;
	position: absolute;
	pointer-events: none;
	width: 500px;
	height: 120px;
	left: -20px;
	bottom: -30px;
}
.copy-bottom:hover:before {
	opacity: 1;
}
.textoAcerca p {
	font-family: Poppins, sans-serif;
	font-size: 35px;
	line-height: 1.5em;
    font-weight: 300;
    text-align: justify;
    color: white;
}
.textoAcerca p i {
	font-style: italic;
	font-family: Saol, serif;
	font-size: 1.15em;
	color: #b7a17a;
	font-weight: 300;
}
.volanta {
	font-size: 16px;
	letter-spacing: 14px;
	color: #87714a;
	font-family: Saol, serif;
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
}
.navbar-2 .navbar-address {
	color: #b7b3a0;
}
.section-about {
	position: relative;
}
.acerca-foto {
	min-width: 200px;
	width: 100%;
	max-width: 300px;
	min-height: 250px;
	max-height: 500px;
	background-size: cover;
	opacity: 1;
	background-position: 50% 50%;
	display: block;
	transition: 0.3s linear all;
	position: absolute;
	z-index: 2;
}
.fotolat1 {
	background-image: url('/img/fondo_acerca1.jpg');
	;
	transform: scale(1.1);
}
.fotolat2 {
	background-image: url('/img/fondo_acerca2.jpg');
	transform: scale(1);
}
.fotolat3 {
	background-image: url('/img/fondo_acerca3.jpg');
	margin-left: -2%;
	transform: scale(.9);
}
.fotolat4 {
	background-image: url('/img/fondo_acerca4.jpg');
	margin-right: -2%;
	transform: scale(1.1);
}
.fotolat5 {
	background-image: url('/img/fondo_acerca5.jpg');
	top: 35vh;
	margin-right: -2%;
	transform: scale(1.3);
}
.fotolat6 {
	background-image: url('/img/fotoCompromiso.jpg');
	top: 15vh;
	right: -30vw !important;
}


.fotolat1e {
    background-image: url('/img/exp1.jpg');
    ;
    transform: scale(1.1);
}
.fotolat2e {
    background-image: url('/img/exp2.jpg');
    transform: scale(1);
}
.fotolat3e {
    background-image: url('/img/campo.jpg');
    margin-left: -2%;
    transform: scale(.9);
}
.fotolat4e {
    background-image: url('/img/gestion.jpg');
    margin-right: -2%;
    transform: scale(1.2);
}




.flotaIzq {
	float: left;
	left: -10vw
}
.flotaDer {
	float: right;
	right: -10vw
}

@media (min-width: 992px) {
.flotaIzq {
	left: -24vw
}
.flotaDer {
	right: -24vw
}


.subseccion .flotaIzq {
    left: -34vw
}
.subseccion .flotaDer {
    right: -34vw
}
.subseccion .acerca-foto{max-width: 400px;}



}

@media (min-width: 992px) and (max-width: 1199px){
    .textoAcerca p{font-size: 20px;}
    .flotaIzq {
  transform: scale(.7);
    margin-left: -2vw;
}
.flotaDer {
    transform: scale(.7);
    margin-right: -2vw;
}
}

@media (min-width: 1200px) and (max-width: 1500px){
    .textoAcerca p{font-size: 32px;}
    .flotaIzq {
  transform: scale(.7);
    margin-left: 2vw;
}
.flotaDer {
    transform: scale(.7);
    margin-right: 2vw;
}
}


@media (min-width: 1500px) and (max-width: 1700px){
    .textoAcerca p{font-size: 34px;}
    .flotaIzq {
  transform: scale(.85);
    margin-left: 2vw;
}
.flotaDer {
    transform: scale(.85);
    margin-right: 2vw;
}
}



@media (max-width: 991px) {
	.fotoCaption {
	display: none;
}
    .section-compromiso{padding: 30px !important;}
    .fotolat5{transform: scale(1.0);}
    .section-contacto .pad-lg{padding: 30px;}
    .fotolat6{display: none !important;}
.flotaDer, .flotaIzq {
	left: 0vw;
	right: 0vw;
	position: relative;
	float: none !important;
	top: unset !important;
	width: 70% !important;
	margin-left: 15%;
	max-width: unset !important;
	height: 200px;
	margin-bottom: 30px;
	margin-top: 30px !important;
}
}

@media (min-width: 1499px) {
.acerca-foto {
	max-width: 300px;
	height: 400px;
}
}
.fotoCaption {
	position: absolute;
	bottom: -50px;
	max-width: 280px;
	color: #87714a;
	font-size: 16.5px;
	letter-spacing: 1.5px;
	text-align: left;
	font-family: Saol, serif;
	text-transform: uppercase;
}
.flotaDer .fotoCaption {
	text-align: right;
	right: 0;
}
.section-valores {
	position: relative;
	left: 0;
	background-color: #fff;
	width: 100%;
}

@media (max-width: 991px) {
.textoValores {
	padding: 40px !important;
}
}
.textoValores {
	font-size: calc(16px + 1vw);
	font-family: Poppins, sans-serif;
	line-height: 1.3em;
	color: #222;
	font-weight: 600;
}
.textoValores p{font-weight: 300;}
.portadaSeccion {
	background-size: cover;
	position: relative;
	min-height: 500px;
	background-position: 50% 50%;
}
.portada1 {
	background-image: url(/img/fondo1.jpg);
}
.portada2 {
	background-image: url(/img/fondo2.jpg);
}
.portada3 {
	background-image: url(/img/fondo4.jpg);
}
.portada4 {
	background-image: url(/img/fondo6.jpg);
}
.portada5 {
	background-image: url(/img/fondo5b.jpg);
}
.portada8 {
	background-image: url(/img/video2thumb.jpg);
}
.portadaSeccion h2 {
	font-style: italic;
	font-family: Saol, serif;
	letter-spacing: 0;
	z-index: 2;
	user-select: none;
	font-size: calc(40px + 12vw);
	color: #dfdcba;
	font-weight: 300;
	animation-name: textoRotado2;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	display: inline-block;
	position: absolute;
	transform-origin: 50% 50%;
	white-space: nowrap;
	bottom: -40px;
}
.portada4:after {
	content: '';
	background: linear-gradient(to bottom, #11111100 0%, #111111ff 100%);
	position: absolute;
	bottom: 0;
	height: 200px;
	width: 100%;
}

 @keyframes textoRotado2 {
 0% {
opacity: 0;
transform: translateX(0px);
}
3% {
opacity: 1;
}
97% {
opacity: 1;
}
 100% {
opacity: 0;
transform:translateX(-3000px)
}
}
.pad-lg {
	padding: 60px 0;
}
.textoValores ul {
	padding: 0 0;
	margin-left: 0;
}
.textoValores ul li {
	user-select: none;
	position: relative;
	padding: 20px 0px 10px 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: calc(10px + 1vw);
	font-weight: normal;
	color: #232323;
	line-height: 1.4em;
	border-bottom: 1px solid #232323;
	list-style: none;
}
html {
	overflow-x: hidden;
}
.section-projects {
	background-color: #2d3223;
	padding-bottom: 50px;
}
.section-projects {
	overflow: hidden;
}
.section-projects .section-title {
	color: #dfdcba;
}
.section-projects .project-item .link-arrow {
	color: #bbcb9b;
}
.section-projects .project-item {
	background-size: cover;
	width: 100%;
	min-height: 500px;
	transition: 5s all linear;
	background-position: 50% 50%;
}
.section-projects .project-item:hover {
	background-position: 100% 100%;
}
.section-projects .owl-stage {
	overflow: hidden;
	max-height: 500px;
}
.section-projects .project-hover .project-title {
	font-family: Saol, serif;
	letter-spacing: 0;
}
.section-projects .project-hover .project-title i {
	font-family: 'Poppins', sans-serif;
	color: #dfdcba;
	display: block;
	text-align: left;
	font-size: .6em;
    font-weight: 300;
}
.section-projects .project-item:hover .project-hover .project-title i {
	color: #555;
	font-size: .7em;
	font-weight: 300;
}
.project-item:hover .project-hover {
	background-color: #c3b296d9;
}
.section-projects .project-item:hover .link-arrow {
	color: black !important;
}
/********* COPYRIGHT  ***************/
footer {
	background-color: #20221c;
	padding: 40px 0 20px;
	width: 100%;
	display: inline-block;
}
footer.brand img {
	height: 3.5rem
}
footer .brand {
	width: 100%;
	position: relative;
	left: 38px;
}
footer .brand img {
	opacity: 0.7;
	height: auto;
	width: 150px;
	margin-left: 10px;
	margin-right: 1.65rem;
	margin-top: 20px;
}
footer .brand:hover img {
	opacity: 1
}
.footer ul li a {
	color: white;
	font-weight: 500;
}
.footer .social-list a {
	color: white;
}
.flex-item:nth-child(2) ul li a {
	font-size: 1.5em;
}
#copyrights {
	padding: 20px 0;
	background-color: #1a1c17;
	font-size: 14px;
	line-height: 1.8;
}
#copyrights i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}
.copyright-links a {
	display: inline-block;
	margin: 0 3px;
	color: #888;
}
.copyright-links a:hover {
	color: #ccc;
	border-bottom: 1px solid #666;
}
.copyrights-menu {
	margin-bottom: 10px;
}
.copyrights-menu a {
	font-size: 14px;
	margin: 0 10px;
	border-bottom: 0 !important;
}
#copyrights .col_half {
	margin-bottom: 0 !important;
}
#copyrights a:first-child {
	margin-left: 0;
}
#copyrights .tright a:last-child {
	margin-right: 0;
}
.ubicacionFooter {
	font-size: 12px;
	color: #ccc;
}
.ubicacionFooter h4 {
	font-size: 14px;
	color: white;
	;
	padding: 0 0;
	margin: 0 0;
	padding-bottom: 10px;
	font-weight: 600
}
.social-icon {
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}
.social-icon.si-large {
	margin: 0 10px 10px 0;
	width: 56px;
	height: 56px;
	font-size: 30px;
	line-height: 54px !important;
}
/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon.si-small {
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 30px !important;
}
.social-icon i {
	display: block;
	font-weight: normal;
	position: relative;
	line-height: 1.7em;
}
.footer .social-icon, .footer .social-list i {
	border-color: transparent;
	color: #dfdcba;
}
.footer .social-list a {
	transform-origin: 50% 50%;
}
.footer .social-list a:hover, .footer .social-list a:hover i {
	color: #dfdcba; /*border-color: #dfdcba66;*/
}
body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.social-icon i:last-child {
	color: #FFF !important;
}
.social-icon:hover i:first-child {
	margin-top: -38px;
}
.social-icon.si-large:hover i:first-child {
	margin-top: -54px;
}
.social-icon.si-small:hover i:first-child {
	margin-top: -30px;
}
.social-icon:hover {
	color: #555;
	border-color: transparent;
}
.si-colored.social-icon {
	border-color: transparent;
}
/* Social Icons - Sticky
-----------------------------------------------------------------*/

.si-sticky {
	position: fixed;
	top: 50%;
	left: 5px;
	width: 36px;
	z-index: 100;
}
/* Social Icons - Sticky Right
-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {
	left: auto;
	right: 8px;
}
/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
	position: relative;
	padding-left: 5px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
.si-share span {
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
}
.si-share div {
	float: right;
}
.si-share .social-icon {
	margin: -1px 0;
	border-radius: 0;
	font-size: 15px;
}
.si-colored.si-instagram, .social-icon:hover.si-instagram {
	background: #ff670f !important;
	background: -moz-linear-gradient(-45deg, #65066d 0%, #ff670f 100%) !important;
	;
	background: -webkit-linear-gradient(-45deg, #65066d 0%, #ff670f 100%) !important;
	;
	background: linear-gradient(135deg, #65066d 0%, #ff670f 100%) !important;
	;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65066d', endColorstr='#ff670f', GradientType=1 ) !important;
	border: none;
}
.si-facebook:hover, .si-colored.si-facebook {
	background-color: #3B5998 !important;
}
.si-twitter:hover, .si-colored.si-twitter {
	background-color: #00ACEE !important;
}
footer .social-list {
	padding-top: 20px;
}
footer .social-list:before {
	content: '';
	width: 158px;
	height: 1px;
	position: absolute;
	background-color: #444;
	margin-left: 41px;
	margin-top: -10px;
}

@media (max-width: 768px) {
.footer-flex .flex-item {
	flex: 0 0 50%;
	text-align: center;
}
.footer .social-list a {
	float: none;
	margin-left: 4px !important;
	display: inline-block;
}
footer .social-list {
	position: relative;
	top: -30px;
}
footer .social-list:before {
	margin-left: 0 !important;
}
.whatsapp {
	margin-left: 30px;
	bottom: 26px;
	display: block;
}
}

.whatsapp {	display: block;
}
@media (min-width: 768px) {
.footer-flex .flex-item {
	flex: 0 0 25%;
	border-left: 2px solid #555;
	padding-left: 25px;
}
.footer-flex .flex-item:first-child {
	border-left: none;
	padding-left: 0px;
}
}
/**************************************/
/************* DSNET ******************/ 

.dsnet1 a {
	margin-top: 21px;
	float: right;
}
.dsnetbot {
	float: right;
	margin: 5px 5px 5px 0;
	width: 180px;
	text-align: center;
	line-height: 30px !important;
	color: #ccc;
	border: 2px solid #cdbe9326 !important;
	border-radius: 20px;
	overflow: hidden;
	height: 30px;
	position: relative;
	text-decoration: none!important;
}
.dsnetbot:hover {
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.51);
}
.dsnetbot i {
	display: block;
}
.dsnetbot i p {
	margin: 0;
	padding: 0;
	height: 38px;
	text-decoration: none!important;
	font-size: 13px;
	font-weight: 700 !important;
	letter-spacing: 0px;
	text-shadow: none;
	font-style: normal;
}
.dsnetbot * {
	transition: all 0.3s linear;
}
.dsnetbot i:last-child {
	background: #dfdcba
}
.dsnetbot i:first-child {
	background: transparent;
}
.dsnetbot i:last-child p {
	color: black !important;
}
.dsnetbot i:first-child p {
	color: #82835a !important;
}
.dsnetbot:hover i:first-child {
	margin-top: -38px;
}
/****************************/
.section-compromiso:before{
	content: '';
	background: linear-gradient(to bottom, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%);
	position: absolute;
	width: 100%;
	height:100px;
	left: 0px;
	bottom: 0px;
	pointer-events: none;
	display: block;
}

.section-compromiso {
	background-color: black;
	position: relative;
	background-size: cover; 
	background-image: url('/img/fondo5.jpg');
	background-repeat: no-repeat;
	padding: 60px;
}

.section-compromiso h3 {
	color: #7e8968;
	font-size: calc(36px + 1vw);
	margin-bottom: 40px;
	font-family: Poppins, sans-serif;
	letter-spacing: -0.85px;
	font-weight: 700;
}
.section-compromiso p {
	font-size: calc(16px + 1vw);
	font-family: Poppins, sans-serif;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
    text-align: justify;
	letter-spacing: -.8px;
	    text-shadow: 1px 2px 3px #000000a3;
}
.section-compromiso p i {
	font-style: italic;
	font-family: Saol, serif;
	font-size: 1.15em;
	color: #7e8968;
	font-weight: 500;
}
.section-compromiso.portadaSeccion h2 {
	color: white;
}
.numeroGrande {
	clear: both;
	display: block;
	font-size: calc(30px + 18vw);
	margin-top: calc(30px + 10vh);
	margin-bottom: 200px;
	color: #fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

@media (max-width:  767px) {



.numeroGrande {
	font-size: calc(24px + 18vw);
	margin-top: calc(20px + 5vh);
	margin-bottom: 130px;
}
}

@media (max-width:  1199px) {
	.section-compromiso {
	
	background-size: cover;
	background-position: 35% 50% !important;
	 }
.navbar-2 .social-list {
	margin-left: 16.5rem;
}
}
.section-contacto {
	background-color: #111;
}
.mascaraVideo {
	overflow: hidden;
	max-height: 500px;
}
.mascaraVideo video {
	position: relative;
	top: -20vh
}
.mascaraVideo .video-overlay {
	background: #3a483e38;
	mix-blend-mode: hue;
}
.footer ul .active a, .footer ul li a:hover {
	color: #cfc556;
}
.ubicacionFooter h4, .ubicacionFooter i, .ubicacionFooter strong {
	color: #82835a;
}

@media (max-width: 479px) {
.fotolat6 {
	display: none !important;
}
.fotolat5 {
	max-height: 100px !important;
	height: 100px !important;
	min-height: unset !important
}
.section-compromiso h3 {
	font-size: 24px
}
.section-valores {
	padding-bottom: 40px
}
.section-compromiso {
	padding: 8px
}
.frase4 {
	font-size: 24px;
	padding: 0 10px
}
.pad-lg {
	padding: 20px 0px !important
}
.contact-widget {
	padding: 0 16px
}
.contact-widget .form-group {
	margin-bottom: 16px
}
footer .brand {
	left: 0
}
footer .brand img {
	margin: 0 0 0 0;
	width: 120px
}
footer .social-list:before {
	margin-top: -10px;
	margin-left: -23px !important
}
footer .social-list {
	top: -5px !important;
}
.volanta {
	font-size: 14px;
	letter-spacing: 6px
}
.acerca-foto {
	min-height: 150px;
	max-height: 200px;
	transform: scale(1) !important;
}
.navbar {
	transition: 0.3s linear all
}
.navbar:before {
	height: 15vh
}
.footer .idioma li a {
	line-height: 2em;
	border: 2px solid #3a3c36;
	padding: 0px 7px;
	width: 70px;
	display: inline-block;
	margin: 10px;
	border-radius: 33px;
}
}


.subseccion{margin-top: -98px;}
.subseccion .mascaraVideo video{top: 0 !important; min-height: 100vh;}
.subseccion .mascaraVideo{max-height: 100vh;}

.mascaraVideo .video-overlay { background: #00000052;   mix-blend-mode: multiply;}


/****************************/
.section-expertise {
    background-color: white;
}
.section-expertise h4 {
    color: #7e8968;
    font-size: calc(32px + 1vw);
    margin-bottom: 40px;
    font-family: Poppins, sans-serif;
    letter-spacing: -0.85px;
    font-weight: 700;
}
.section-expertise p {
    font-size: calc(6px + 1vw);
    font-family: Poppins, sans-serif;
    line-height: 1.3em;
    color: #222;
    font-weight: 300;
    letter-spacing: -.8px;
}
.section-expertise p u {
    font-family: Saol, serif;
    font-size: 1.4em;
    color: #7e8968;
    font-weight: 700;
    text-decoration: none;
      border-bottom: 4px solid #65724c33;
      letter-spacing: 1px;
}

.fondoColor{background-color: #b9c1ab; display: inline-block; width: 100%; padding-right: 20px;}
.fondoColor h4{color: white; }
.fondoColor p u{    
color: #65724c;
    font-weight: 700;
    text-decoration: none;
  
    margin-top: 0px;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 0px;
    position: relative;
    font-size: 1em;
    top: 18px;
    }

      .subseccion   .acerca-foto {
        max-height: 600px;
      }

 @media (min-width: 768px) and (max-width: 991px){
 	.menu .menu-lang { top: 4rem;}
 	.navbar:before{height: 10vh;}
 	.affix:before {  background: #000000cc !important;
 		transition: 2s linear all;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;}

.subseccion .col-sm-7 {
    width: 95%;
    margin-left: 5% !important;

}
}
    @media (min-width: 992px) and (max-width: 1199px){

        .subseccion .acerca-foto {max-width: 300px !important;}
    }

    @media (max-width: 991px){

        .section-comofunciona h5, 
        .section-expertise h4 {font-size: 24px !important;;}
.section-comofunciona .container{padding: 30px;}
.section-comofunciona p, 
.section-expertise p{font-size: 16px !important;}

       .subseccion   .acerca-foto {
    min-width: 200px;
    width: 90% !important;
    max-width: 300px;
    min-height: 150px;
    max-height: 200px;
    margin: auto;
    height: 200px;
    margin-bottom: 30px;
    margin-top: 10px !important;
    }
}

@media (min-width: 480px) and (max-width: 991px){
	.textoAcerca p{font-size: 20px;}
}



/****************************/
.section-comofunciona {
    background-color: white;/*
    background-image: url(/img/plano.jpg);
    background-size: 1200px;
    background-repeat: no-repeat;
    background-position: right top;*/
}
.section-comofunciona h5 {
    color: #7e8968;
    font-size: calc(26px + 1vw);
    margin-bottom: 40px;
    font-family: Poppins, sans-serif;
    letter-spacing: -0.85px;
    font-weight: 700;
}
.section-comofunciona p {
    font-size: calc(6px + 1vw);
    font-family: Poppins, sans-serif;
    line-height: 1.3em;
    color: #222;
    font-weight: 500;
    letter-spacing: -.8px;
}
.section-comofunciona p u {
    font-family: Saol, serif;
    font-size: 1.4em;
    color: #7e8968;
    font-weight: 700;
    text-decoration: none;
      border-bottom: 4px solid #65724c33;
      letter-spacing: 1px;
}

.marcoCF {
    background-color: white;
    transition: .3s linear all;
    transform: scale(1.0);
    border: 2px solid #69705b6e;
    padding: 20px ;
    border-radius: 20px;
    margin-bottom: 20px; max-width: 750px; width: 100%;
display: inline-block;
    transform: scale(1.0) 
}



.marcoCF a {
	    color: #7c8766;
	    border-bottom: 2px solid #c9d1b9;
	    transition: .3s linear all;
	    transform: scale(1.0);
	    transform-origin: 50% 50%;
	    text-transform: uppercase;
	    font-weight: 700;
	    font-size: .8em;
	    position: relative;
	    top: -2px;
	    padding-bottom: 0px;
	    display: inline-block;
	    text-decoration: none;
	    padding: 0 0;
	    line-height: 22px;
}


.marcoCF img{    float: left;
        transition: .5s linear all;
    transform: scale(1.0) perspective(24px) rotateY(0deg);
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    max-width: 80px;
    top: 10px;
    margin-right: 15px;
    margin-left: -45px; padding: 0px;
    display: block;
    background: white;}


@media(min-width:  992px){
.marcoCF:hover {  
    transform: scale(1.1)  ;
     border: 2px solid #222;}
.marcoCF:hover img{    transform: scale(1.3) perspective(24px) rotateY(5deg); ; /*rotateY(-360deg)  translateX(-5px);*/

}
.marcoCF:hover  p u{color: #222 !important;}
}


.marcoCF p{display:inline-block;; left: 130px; margin-bottom: 8px; max-width: 90%;}

@media (max-width: 479px){
    .marcoCF p{max-width: 79%;
    float: right;}
}
.success-message{
    font-size: 1.8em;
    color: #bdb37a;
}


@media (min-width: 992px) and (max-width: 1199px){
.section-compromiso .flotaDer {
    transform: scale(.9) !important;
    margin-right: -2vw !important;
}
}

@media (min-height: 600px) and (max-height: 767px){
.menu-list {
    top: 11rem;
    bottom: 8rem;

} }   
.menu-list > li {
    margin-top: 1.4rem;     font-size: 1.75rem;
}

@media (max-height: 768px) and (max-width: 1199px){
	.display-2 {
    font-size: calc(2rem + .5vw);
    line-height: calc(3rem + 2.2vh);}

	.menu-footer.social-list{display: none;}
	.menu-list{top:  6rem; bottom: 0rem; 	max-width: 500px;
    column-count: 1;
    column-width: auto;}
	.menu .menu-lang{left: unset; right: 100px; z-index: 43; top:  25px}
	
	.menu-list > li {margin-top: 1.2rem;     font-size: 1.75rem;    line-height: 1.4em;}
	.menu-footer {right: 15%; left: 15%;}
	.navbar-2 {    padding-top: 2.4rem;}
	.navbar .brand { margin-top: 0.5rem;}
	.wrapper { padding-top: unset ;}
.section-intro {
    min-height: 85vh;
    padding: 10rem 0 0;
}
.textoAcerca{padding: 40px;}
.section-compromiso p {
    font-size: calc(14px + 1vw);}
.textoAcerca p{font-size: 22px;}
.fotoCaption{display: none;}

}

@media (max-height: 767px) and (min-width: 1300px){
.menu-list {
    top: 11rem !important;
    bottom: 16rem;}

.menu-list > li {
    margin-top: 1.4rem;     font-size: 1.75rem;
}

}

@media (max-height: 670px) {
	.menu .menu-footer{display: none;}
	.menu-list{bottom: 4.5rem}
}

@media (max-height: 420px) and (max-width: 1024px){
	.menu-list{top:  6rem; bottom: 0rem; 	max-width: 500px;
		padding-left: 40px;
    padding-top: 30px;
    column-count: 2;
    column-width: auto;}
	.menu .menu-lang{left: unset; right: 100px; z-index: 43;}
	.menu-list > li {margin-top: 1rem;}
	.menu-footer {right: 15%; left: unset;}
	.navbar-2 {    padding-top: 1.5rem;}

.brand img{height: 4rem; top: -20px;}
.affix:before{
background: #000000cc !important;transition: 2s linear all;
    transition-delay: 0.3s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
min-height: 50px;}

	.navbar .brand { margin-top: 0.5rem;}
	.wrapper { padding-top: unset ;}
.section-intro {
    min-height: 85vh;
    padding: 8rem 0 0;
}
.textoAcerca{padding: 40px;}
.section-compromiso p {
    font-size: calc(14px + 1vw);}
.textoAcerca p{font-size: 22px;}
.fotoCaption{display: none;}

}

@media (max-height:480px){
	.hr-bottom {    
    margin-top: 18vh;}
	.section-intro {
    padding: 12rem 0 0;
}
	.menu-list{top:  6rem; bottom: 0rem; }
	.menu .menu-lang{left: unset; right: 100px; z-index: 43; top: 15px;}
	.menu-list > li {margin-top: 1.2rem;    
	max-width: 192px; font-size: 1.55rem;    line-height: 1.4em;}
	.menu-footer {display: none;}
}



@media (max-height:360px){
	.menu .menu-lang{ top: 25px; right: 120px;}
	.section-intro {  padding: 8rem 0 0;}
	.menu-list{top:  7rem; bottom: 0rem; }	
	.menu-list > li {margin-top: 1.2rem;     font-size: 1.55rem;    line-height: 1.4em;}
	
}

@media (max-height: 340px) and (max-width: 767px){
	.menu-list{top:  6rem; bottom: 0rem; 
		max-width: 500px;
    column-count: 2;
    column-width: auto;}
	.menu .menu-lang{left: unset; right: 100px; z-index: 43; top: 25px;}
	.menu-list > li {margin-top: 1.31rem;    font-size: 1.45rem; }
	.menu-footer {right: 15%; left: unset;}
	/*.navbar-2 {    padding-top: 4rem;}*/
	.navbar .brand { margin-top: 0.5rem;}



}
.menu-list::-webkit-scrollbar{background: #404037; border-radius: 50px;}
.menu-list::-webkit-scrollbar-thumb{border-radius: 50px;}



.frase5 {
	font-family: Saol, serif !important;
	font-size: calc(16px + 1vw)!important;
	font-style: normal;
	font-weight: 300 !important;
	letter-spacing: .3px;
	line-height: 0px;
	position: relative;
	margin-top: 10px;
	text-align: justify !important;
    color:  #95c9a5 !important;
    display: block;
}

.linkDestacado{
	    border: 2px solid #836e49;
	    color:  #dfdcba;;
    border-radius: 50px;
    padding: 10px 25px 7px;
    transition: .3s linear all;
    transform: scale(1.0);
    transform-origin: 50% 50%;
    display: inline-block;
    	font-family: Saol, serif !important;
    	text-transform: uppercase;
    	font-size: 20px;
}
.linkDestacado:hover, .linkDestacado:focus{
	 border: 2px solid white;
	 color:  white;
	 transform: scale(1.1);
}
.linkDestacado i{ transition: .3s linear all;  color:#836e49 ; 
    display: inline-block;   transform-origin: 100% 50%; transform: scale(1.0);
    font-size: 1.2em; position: relative; top:  2px;
    ; }
.linkDestacado:hover i, .linkDestacado:focus i{
  transform: scale(1.4); color: white;
}


.btn-yellow {
	transition: .3s linear all;
    background: #39402a;
    color: #fff;
}
.btn-yellow:hover,.btn-yellow:focus {
	
    background: #fff;
    color: #000;
}

/*

.portada4:before {
	content: '';
	background: linear-gradient(to bottom, 
		rgba(255,255,255,1) 0%, 
	
		rgba(255,255,255,0) 100%);
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0px;
	top: -1px;
	pointer-events: none;
}*/

.section-compromiso .portadaSeccion {min-height:280px ;}
.section-compromiso .portadaSeccion h2{color:  #989745}


.portada8{position: relative;}
.portada8 h1 {
	
	font-family: Poppins, serif;
	letter-spacing: 0;
	z-index: 2;
	user-select: none;
	font-size: calc(24px + 6vw);
	color: #ffffff;
	font-weight: 300;
text-align: center;
	display: inline-block;
	position: absolute;	
	white-space: unset;
	bottom: 10vh;
	width: 100%;
	text-shadow: 3px 4px 6px rgb(0 0 0 / 50%);
}

.portada8 h1 i {font-style: italic; font-weight: 300; font-family: Saol, serif; font-size: 1.1em;}

@media (min-width:  1600px){

	.section-expertise .mascaraVideo,
	.section-expertise .portadaSeccion{min-height: 650px;}
}


@media (max-width:  767px){

.section-expertise  .mascaraVideo video {
    top: 0 !important;
    min-height: 320px !important;
}
	.section-expertise .mascaraVideo,
	.section-expertise .portadaSeccion{max-height: 320px; min-height: 320px;}
	.portada8 h1 {
    bottom: unset; top:  180px;
}

}

.project-carousel .vendido:after{
	position: absolute;top: 9%;right: -35%;
	content: 'VENDIDO';width: 100%;text-align: center;
	background: #ffffff;height: 30px;display: block;
	transform: rotate(45deg);font-weight: bold;color: black;
    box-shadow: 2px 4px 10px #00000026; transition: .2s;}

    .project-carousel .vendido:hover::after{
top: -10%;
    right: -50%;

    }

.project-carousel .enventa:after{
	position: absolute;top: 9%;right: -35%;
	content: 'EN VENTA';width: 100%;text-align: center;
	background: #edec97;height: 30px;display: block;
	transform: rotate(45deg);font-weight: bold;color: black;
    box-shadow: 2px 4px 10px #00000026; transition: .2s;}

    .project-carousel .enventa:hover::after{
top: -10%;
    right: -50%;

    }

.project-carousel .proximamente:after{

    position: absolute;
    top: 9%;
    right: -35%;
    content: 'PRÓXIMAMENTE';
    width: 100%;
    text-align: center;
    background: #bfd790;
    height: 30px;
    display: block;
    transform: rotate(45deg);
    font-weight: bold;
    color: #2d3223;
    box-shadow: 2px 4px 10px #00000026;
    transition: .2s;
   

}

    .project-carousel .proximamente:hover::after{
top: -10%;
    right: -50%;

    }

.menu-lang2{z-index: 41; display: inline-block; position: relative; top: -3px}

.menu-lang2 a{  color: #fff; cursor: pointer; margin:0 8px; text-transform: uppercase;}
    .menu-lang2 .active, .menu-lang2 a:hover {
    color: #dfdcba;}

    .navbar .social-list{margin-right: 25px;}
    @media (min-width:  1366px){
    	  .navbar .social-list{margin-right: 8%;}
    }



    .txt_intro_video{
    	display: inline-block;
    position: absolute;
    float: none;
    text-align: center;
    width: 340px;
    left: 440px;
    top: unset;
    bottom: 82px;
    border:3px solid #dfdcba;
    border-radius: 50px;
    padding-top: 5px;
    font-size: 19px;
    background: #00000059;
    transition: .3s linear all;
    transform: scale(1.0);
    transform-origin: 50% 50%;
}

   .txt_intro_video:hover{
   	transform: scale(0.95);
   	border: 3px solid #ffffff ;
   	color:  #fff;
   }

      @media (max-width:  1199px){
      	  	.txt_intro_video{left: 250px;}
      }

   @media (max-width:  767px){
   	.txt_intro_video{left: 15%; bottom: 79px; width: 90%; max-width: 340px;}
   }

    @media (max-width: 479px){
   	.txt_intro_video{left: 10%; bottom: 60px; width: 90%; max-width: 340px;}
   }