@charset "utf-8";
.navbar-collapse { max-height: 100% !important; }
.seccionTopAmarilla{
	background-image: url(../lolTestImg/1-c-1920px.png);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding-bottom: 15%;
	padding-top: 80px;
}
.seccionMidVerde{
	background-image:url(../lolTestImg/1-b-thicker.png);
	background-size: cover;
	background-position: center;
	margin-top: -30%;
	padding: 60% 0 90%;
	z-index: 1;
	position: relative;
}
.seccionBotCafe{
	background-image: url(../lolTestImg/bg-main-480px.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	margin-top: -30%;
	padding: 30% 0 10% 0;
	z-index: -1;
}
.footerSM{
	z-index: 1;
	position: relative;
}
.mapaSM{
	background-image: url(../lolTestImg/mapa-footerinterior.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	width: 100%;
	height: 100vh;
}
.para-wrap {
	height: 100%;
	width: 100%;
}
.bodyParallax *{
	box-sizing: inherit;
}
.bodyNormal{
	width: 100%;
	overflow-x: hidden;
}
.bodyParallax{
	height: 100vh;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	perspective: 15vh;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	perspective-origin: 50% 0;
}
.bodyParallax, .grupoParallax{
	position: relative;
}
.grupoParallax{
	transform-style: preserve-3d;
}
.parallaxContainer{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	max-width: 1920px;
}
.layerParallax{
	transform-origin: 50% 0;
}
.fullWidthImg{
	display: block;
	max-width: 100%;
}
.layerParallaxAbsolute {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.layerParallax_5 {
	z-index: 4;
	transform: translateZ(calc(-15vh * (2.55 - 1))) scale(2.6);
}
.layerParallax_4_mas_mas{
	transform: translateZ(calc(-15vh * (2.4 - 1))) scale(2.5);
}
.layerParallax_4_mas{
	transform: translateZ(calc(-15vh * (2.25 - 1))) scale(2.35);
}
.layerParallax_3{
	transform: translateZ(calc(-15vh * (1.8 - 1))) scale(1.95);
}
.layerParallax_2{
	transform: translateZ(calc(-15vh * (1.5 - 1))) scale(1.6);
}
.layerParallax_1{
	transform: translateZ(calc(-15vh * (1 - 1))) scale(1);
}
.layerParallax_0{
	z-index:7;
	transform: translateZ(calc(-15vh * (.85 - 1))) scale(.85);
}
.layerFondo{
	z-index: -1;
}
.grupoParallax_01{
	z-index:5;
}
.layerParallax_4, .layerParallax_4_mas, .layerParallax_4_mas_mas, .layerParallax_3, .layerParallax_2{
	z-index: 5;
}
.layerParallax_1 {
	z-index: 6;
}
.layerFondoHeader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.layerRamasMedio {
	padding-top: 40%;
	position: absolute;
	top: 0;
	left: 0;
}
.layerRamasTop {
	padding-top: 44%;
	position: absolute;
	top: 0;
	left: 0;
}
.interiorLayer{
	position: relative;
}
.luces{
	overflow-x: hidden;
}
.grupoLuces{
	display: block;
	transform-origin: center;
	width: 800px;
	height: 600px;
	position: absolute;
	top: 0;
}
.grupoLucesEspecial_01{
	transform: scale(-1, -1) rotate(47deg) translateY(-74%);
}
.grupoLucesEspecial_02{
	transform: scale(-1, -1) rotate(66deg);
}
.grupoLucesCenter{
	top:50%;
	margin-top: -300px;
}
.grupoLucesRight{
	right: -100px;
}
.grupoLucesLeft{
	left:-100px;
}
.grupoLucesRotar135abajo{
	transform: rotate(135deg) translateY(-50%);
}
.layerLuces{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.layerLuces_01{
	animation: orbit 20s -8s infinite linear reverse;
}
.layerLuces_02{
	animation: orbit 12s -5s infinite linear;
}
.layerLuces_03{
	animation: orbit 17s -2s infinite linear reverse;
}
.layerPrimeraRamaHongos{
	padding-top: 5%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.layerPolen1{
	padding-top: 91.5%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.layerPolen2{
	padding-top: 110%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.interiorPolen{
	display:block;
}
.interiorPolen1{
	animation: polenTransparencia 2s infinite alternate both;
	width: 22.864%;
}
.interiorPolen2{
	animation: polenTransparencia 2.25s infinite alternate both;
	float: right;
	width: 22.864%;
}
.layerParallax_Contenido{
	z-index: 7;
	transform: translateZ(calc(-15vh * (.7 - 1))) scale(.7);
}
.layerHeader{
	position: relative;
}
.headerParallax{
	width: 80%;
	margin: 0 auto;
	padding-top: 1%;
}
.headerParallaxTitulo{
	margin-top: 5%;
	position: relative;
	color: #fff;
}
.headerTituloInterior{
	font-size: 130px;
	font-weight: 700;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.headerParallaxSubtitulo{
	color: #fff;
}
.headerSubtituloInterior{
	padding-top: 23%;
	font-size: 30px;
	font-weight: 500;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.headerParallaxParrafo{
	color: #fff;
	width: 50%;
	margin: 0 auto;
}
.headerParrafoInterior{
	padding-top: 37%;
	display: block;
	font-size: 21px;
}

.headerParrafoInterior3{
	padding-top: 0%;
	display: block;
	font-size: 21px;
}
.headerParrafoInterior2{
	padding-top: 5%;
	display: block;
	font-size: 21px;
}
.headerParrafoInteriorotra{
	padding-top: 5%;
	display: block;
	font-size: 21px;
}
.grupoParallax_02{
	margin-top: 40%;
	z-index: 3;
}
.grupoParallax_02corto{
	margin-top: 20%;
	z-index: 3;
}

.layerCara{
	padding-top: 16%;
}
.layerBrazoSuperior{
	padding-top: 54%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.layerParagua{
	padding-top: 0%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.layerParagua>img{
	transition: transform 3.5s;
}
.layerNidoPajaro{
	padding-top: 20%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	
}
.layerRamaAntesNido{
	padding-top: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.layerFooter{
	overflow: hidden;
	padding: 200px 0;
	position: relative;
	z-index: 7;
	display: block;
	pointer-events: none;
}
.scrollTop{
	display: none;
	background-color: #fff;
	width: 50px;
	height: 50px;
	bottom: 50px;
	padding-top: 7px;
	padding-left: 2px;
	right: 4%;
	position: fixed;
	font-size: 30px;
	text-align: center;
	transform: scale(1);
	transition: all ease 0.25s;
	border-radius: 15px;
	z-index: 999;
}
.frontPage {
	background-image: url(../images/interiores/banner_1.jpg);
	background-position-x: 50%;
	background-position-y: 0%;
	background-size: 150%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
    width: 100%;
    height: 60vw;
}
.phone {
	margin-top: 0;
	z-index: 1;
	position: relative;
}
.text-block{
    margin-top: 5vh;
}

.move-block {
	margin-top: 0;
}
.decoration_top_blanco{
	display: block;
	background-image: url(../lolTestImg/top_decoracion_blanca.png);
	width: 100%;
	height: 96px;
	margin-top: -96px;
	z-index: 0;
	position: relative;
}

@media screen and (min-width:480px){
	.layerRamasMedio {
	padding-top: 100%;
}
	.layerRamasTop {
	padding-top: 103%;
}
	.headerParallaxParrafo{
	width: 50%;
}
	.headerParrafoInterior{
	padding-top: 37%;
}
}
@media screen and (min-width:768px){
	.seccionMidVerde{
	margin-top: -15%;
	padding: 20% 0 30%;
}
	.para-wrap {
	transform: translateZ(0);
}
	.layerParallax_5 {
	z-index: 4;
	transform: translateZ(calc(-15vh * (2.55 - 1))) scale(2.6);
}
.layerParallax_4_mas_mas{
	transform: translateZ(calc(-15vh * (2.4 - 1))) scale(2.5);
}
.layerParallax_4_mas{
	transform: translateZ(calc(-15vh * (2.25 - 1))) scale(2.35);
}
.layerParallax_3{
	transform: translateZ(calc(-15vh * (1.8 - 1))) scale(1.95);
}
.layerParallax_2{
	transform: translateZ(calc(-15vh * (1.5 - 1))) scale(1.6);
}
.layerParallax_1{
	transform: translateZ(calc(-15vh * (1 - 1))) scale(1);
}
.layerParallax_0{
	z-index:7;
	transform: translateZ(calc(-15vh * (.85 - 1))) scale(.85);
}
	.layerParallax_Contenido{
	z-index: 7;
	transform: translateZ(calc(-15vh * (.7 - 1))) scale(.7);
}
	.layerRamasMedio {
	padding-top: 72%;
}
	.layerRamasTop {
	padding-top: 76%;
}
	.layerCara{
	padding-top: 38%;
}
		.frontPage {
	background-position-x: 50%;
	background-position-y: -10%;
			background-size:150%;
    width: 100%;
    height: 60vw;
}
	.phone {
	margin-top: 40vw;
}
	.text-block{
    margin-top: -5vw;
}
	.move-block {
	margin-top: 0;
}
}
@media screen and (min-width:992px){
	.layerRamasMedio {
	padding-top: 70%;
}
	.layerRamasTop {
	padding-top: 74%;
}
	.layerCara{
	padding-top: 34%;
}
		.frontPage {
	background-position-x: 50%;
	background-position-y: -10%;
			background-size:cover;
    width: 100%;
    height: 60vw;
}
		.phone {
	margin-top: 30vw;
}
	.move-block {
	margin-top: -5vw;
}
}
@media screen and (min-width:1200px){
	.layerRamasMedio {
	padding-top: 44%;
}
	.layerRamasTop {
	padding-top: 66%;
}
	.layerCara{
	padding-top: 16%;
}
	.layerFixTalleres{
		margin-top: -20%;
	}
	.fixLayerFb{
		margin-top:0%;
		margin-bottom: 0%;
	}
	.team{
    padding: 25vw 0 200px;
}
	.frontPage {
	background-position-x: 60%;
	background-position-y: 50%;
		background-size:cover;
    width: 100%;
    height: 60vw;
}
}
@media screen and (min-width:1500px){
	.layerRamasMedio {
	padding-top: 40%;
}
	.layerRamasTop {
	padding-top: 44%;
}
	.fixLayerFb{
		margin-top:-14%;
		margin-bottom: 20%;
	}
	.team{
    padding:74% 0 200px;
}
	.frontPage {
	background-position-x: 60%;
	background-position-y: -12vh;
	background-size:cover;
    width: 100%;
    height: 40vw;
}
			.phone {
	margin-top: 20vw;
}
	.move-block {
	margin-top: -2.5vw;
}
}
@media screen and (min-width:1921px){
	.frontPage {
	background-position-x: 60%;
	background-position-y: 50%;
	background-size:cover;
    width: 100%;
    height: 90vh;
}
	.move-block{
		margin-top: 0;
	}
}


/*ANIMACIONES*/
@keyframes orbit{
	0%{transform: rotate(0) translate(12px, 12px) rotate(0);}
	100%{transform: rotate(360deg) translate(12px, 12px) rotate(-360deg);}
}
@keyframes polenTransparencia{
	0%{opacity:.7;}
	100%{opacity:1;}
}