@charset "UTF-8";
/* CSS Document */

.main-anim {	
overflow: hidden;
}
.pin-spacer {
overflow: visible !important;
background-color: var(--bn-100);	
}

/* ----- escena 1 ----- */
/*tipo formación escenario*/
.blq-anim1{
height: 250vh !important;		
}
.grp-anim1-1,
.grp-anim1-2,
.grp-anim1-3,
.grp-anim1-4
{	
width: 100%;
height: 200vh;
opacity: 0.0;	
}


/* ----- escena 2 ----- */
/*tipo formación escenario*/
.blq-anim2{
height: 250vh !important;			
}
.grp-anim2-1,
.grp-anim2-2,
.grp-anim2-3,
.grp-anim2-4,
.grp-anim2-5,
.grp-anim2-6,
.grp-anim2-7,
.grp-anim2-8,
.grp-anim2-9,
.grp-anim2-10,
.grp-anim2-11
{	
width: 100%;
height: 200vh;
}
.grp-anim2-2,
.grp-anim2-3,
.grp-anim2-4,
.grp-anim2-5,
.grp-anim2-6,
.grp-anim2-7,
.grp-anim2-8,
.grp-anim2-9,
.grp-anim2-10,
.grp-anim2-11
{	
width: 100%;
height: 200vh;
opacity: 0.0;
}

.grp-anim2-9 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 3 ----- */
/*tipo formación escenario*/
.blq-anim3{
height: 150vh !important;		
}
.grp-anim3-1,
.grp-anim3-2,
.grp-anim3-3,
.grp-anim3-4,
.grp-anim3-5,
.grp-anim3-6,
.grp-anim3-7,
.grp-anim3-8,
.grp-anim3-9,
.grp-anim3-10,
.grp-anim3-11,
.grp-anim3-12,
.grp-anim3-13,
.grp-anim3-14,
.grp-anim3-15,
.grp-anim3-16,
.grp-anim3-17
{	
width: 100%;
height: 200vh;
}

.grp-anim3-13{	
z-index: 1;	
}

.grp-anim3-10,
.grp-anim3-15{		
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
left: 20px;
z-index: 0;	
opacity: 0.0;	
}

.grp-anim3-11 img{	
top: 10px;		
opacity: 0.0;	
}
.grp-anim3-12 img{	
top: 10px;		
opacity: 0.0;	
}
.grp-anim3-13 img{	
top: 10px;		
opacity: 0.0;	
}
.grp-anim3-14 img{	
top: 10px;		
opacity: 0.0;	
}

.grp-anim3-16 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -2vw;	
opacity: 0.0;	
}
.grp-anim3-17 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -2vw;	
opacity: 0.0;	
}

.grp-anim3-2 img{	
top: 2vh;		
opacity: 0.0;	
}
.grp-anim3-4 img{
top: 2vh;		
opacity: 0.0;	
}
.grp-anim3-6 img{	
top: 2vh;		
opacity: 0.0;	
}

.grp-anim3-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
opacity: 0.0;	
}
.grp-anim3-5 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
opacity: 0.0;	
}
.grp-anim3-7 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
opacity: 0.0;	
}
.grp-anim3-8 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -2vw;	
opacity: 0.0;	
}



/* ----- escena 4 ----- */
/*tipo formación escenario*/
.blq-anim4{
z-index: 20;		
overflow: visible !important;	
height: 150vh;		
}
.grp-anim4-1,
.grp-anim4-2,
.grp-anim4-3,
.grp-anim4-4,
.grp-anim4-5
{	
width: 100%;
height: 200vh;
}
.grp-anim4-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim4-5 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 5 ----- */
/*tipo formación escenario*/
.blq-anim5{
height: 250vh !important;		
}
.grp-anim5-1,
.grp-anim5-2,
.grp-anim5-3,
.grp-anim5-4,
.grp-anim5-5,
.grp-anim5-6,
.grp-anim5-7,
.grp-anim5-8,
.grp-anim5-9,
.grp-anim5-10,
.grp-anim5-11,
.grp-anim5-12
{	
width: 100%;
height: 200vh;
}

.grp-anim5-2,
.grp-anim5-3,
.grp-anim5-4,
.grp-anim5-5,
.grp-anim5-6,
.grp-anim5-7,
.grp-anim5-8,
.grp-anim5-9,
.grp-anim5-10
{	
opacity: 0.0;	
}

.grp-anim5-11 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim5-12 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 6 ----- */
/*tipo formación escenario*/
.blq-anim6{
height: 350vh !important;		
}
.grp-anim6-1,
.grp-anim6-2,
.grp-anim6-3,
.grp-anim6-4,
.grp-anim6-5,
.grp-anim6-6,
.grp-anim6-7,
.grp-anim6-8,
.grp-anim6-9,
.grp-anim6-10,
.grp-anim6-11{	
width: 100%;
height: 200vh;	
}

.grp-anim6-1,
.grp-anim6-2,
.grp-anim6-3,
.grp-anim6-5,
.grp-anim6-7,
.grp-anim6-8,
.grp-anim6-9,
.grp-anim6-10{	
opacity: 0.0;	
}

.grp-anim6-6,
.grp-anim6-4,
.grp-anim6-11{	
z-index: 2;
}
.grp-anim6-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim6-6 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim6-11 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
opacity: 0.0;	
}

/* ----- escena 7 ----- */
/*tipo formación escenario*/
.blq-anim7{
z-index: 20;		
overflow: visible !important;	
height: 250vh;		
}
.grp-anim7-1,
.grp-anim7-2,
.grp-anim7-3,
.grp-anim7-4,
.grp-anim7-5,
.grp-anim7-6,
.grp-anim7-7
{	
width: 100%;
height: 200vh;	
}

.grp-anim7-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


.grp-anim7-4 img{	
will-change: transform;	
}
.grp-anim7-5 img{	
will-change: transform;	
}
.grp-anim7-6 img{	
will-change: transform;	
}
.grp-anim7-7 img{	
will-change: transform;
opacity: 0.0;		
}


/* ----- escena 8 ----- */
/*tipo formación escenario*/
.blq-anim8{
height: 100vh !important;		
}
.grp-anim8-1,
.grp-anim8-2,
.grp-anim8-3
{	
width: 100%;
height: 200vh;
/*opacity: 0.0;*/	
}

.grp-anim8-1{			
will-change: transform;	
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}
.grp-anim8-2{			
will-change: transform;		
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}
.grp-anim8-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 9 ----- */
/*tipo formación escenario*/
.blq-anim9{
z-index: 20;		
overflow: visible !important;	
height: 150vh;		
}
.grp-anim9-1,
.grp-anim9-2,
.grp-anim9-3,
.grp-anim9-4,
.grp-anim9-5,
.grp-anim9-6,
.grp-anim9-7,
.grp-anim9-8
{	
width: 100%;
height: 200vh;
}
.grp-anim9-5{			
will-change: transform;	
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}
.grp-anim9-6{			
will-change: transform;	
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}
.grp-anim9-7{			
will-change: transform;	
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}
.grp-anim9-8{			
will-change: transform;		
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}
.grp-anim9-9{			
will-change: transform;		
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}

/* ----- escena 10 ----- */
/*tipo formación escenario*/
.blq-anim10{
z-index: 20;		
overflow: visible !important;	
height: 200vh;	
}
.grp-anim10-1,
.grp-anim10-2,
.grp-anim10-3,
.grp-anim10-4,
.grp-anim10-5,
.grp-anim10-6,
.grp-anim10-7,
.grp-anim10-8
{			
width: 100%;
height: 100vh;
}

.grp-anim10-1 img,
.grp-anim10-2 img,
.grp-anim10-3 img,
.grp-anim10-4 img,
.grp-anim10-5 img,
.grp-anim10-6 img,
.grp-anim10-7 img,
.grp-anim10-8 img{
will-change: transform;		
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 11 ----- */
/*tipo formación escenario*/
.blq-anim11{
height: 300vh !important;		
}
.grp-anim11-1,
.grp-anim11-2,
.grp-anim11-3,
.grp-anim11-4,
.grp-anim11-5,
.grp-anim11-6,
.grp-anim11-7,
.grp-anim11-8,
.grp-anim11-9,
.grp-anim11-10
{	
width: 100%;
height: 100vh;
}
.grp-anim11-2,
.grp-anim11-3,
.grp-anim11-4,
.grp-anim11-5,
.grp-anim11-6,
.grp-anim11-7,
.grp-anim11-8
{	
opacity: 0;
}

/* ----- escena 12 ----- */
/*tipo formación escenario*/
.blq-anim12{
z-index: 20;		
overflow: visible !important;	
height: 150vh;	
}
.grp-anim12-1,
.grp-anim12-2,
.grp-anim12-3,
.grp-anim12-4,
.grp-anim12-5,
.grp-anim12-6,
.grp-anim12-7,
.grp-anim12-8,
.grp-anim12-9,
.grp-anim12-10,
.grp-anim12-11
{	
width: 100%;
height: 100vh;
}
.grp-anim12-2{
/*will-change: left;*/
will-change: transform;	
left: 14vw;
}

.grp-anim12-3{
will-change: transform;
}
.grp-anim12-4{
will-change: transform;
}


.grp-anim12-5{	
/*will-change: left;*/
will-change: transform;	
left: 12vw;
}
.grp-anim12-3{
/*will-change: left;*/
will-change: transform;	
left: 13vw;
}
.grp-anim12-9{
/*will-change: left;*/
will-change: transform;	
z-index: 2;		
}

.grp-anim12-11 img{
will-change: transform;		
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 13 ----- */
/*tipo formación escenario*/
.blq-anim13{
z-index: 20;		
overflow: visible !important;	
height: 120vh;			
}
.grp-anim13-1,
.grp-anim13-2
{	
width: 100%;
height: 200vh;
}

.grp-anim13-1{	
will-change: transform;		
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
left: 10vw;	
width: 100%;
height: 100vh;	
}
.grp-anim13-2{
will-change: transform;		
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
width: 100%;
height: 100vh;	
}



/* ----- escena 14 ----- */
/*tipo formación escenario*/
.blq-anim14{
height: 120vh !important;		
}
.grp-anim14-1,
.grp-anim14-2,
.grp-anim14-3,
.grp-anim14-4,
.grp-anim14-5,
.grp-anim14-6
{	
width: 100%;
height: 200vh;
/*opacity: 0.0;*/	
}


/* ----- escena 15 ----- */
/*tipo formación escenario*/
.blq-anim15{
height: 350vh !important;		
}
.grp-anim15-1,
.grp-anim15-2,
.grp-anim15-3,
.grp-anim15-4,
.grp-anim15-5,
.grp-anim15-6,
.grp-anim15-7,
.grp-anim15-8{	
width: 100%;
height: 200vh;
}

.grp-anim15-1,
.grp-anim15-2,
.grp-anim15-3,
.grp-anim15-4,
.grp-anim15-5,
.grp-anim15-6,
.grp-anim15-7{	
opacity: 0.0;
}

.grp-anim15-8 img{	
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 16 ----- */
/*tipo formación escenario*/
.blq-anim16{
z-index: 20;		
overflow: visible !important;	
height: 150vh;			
}
.grp-anim16-1,
.grp-anim16-2
{	
width: 100%;
height: 200vh;
}

.grp-anim16-1{	
width: 100%;
height: 100vh;
}
.grp-anim16-2{
will-change: transform;	
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;
left: 70vw;	
width: 100%;
height: 100vh;	
}

.grp-anim16-1 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 17 ----- */
/*tipo formación escenario*/
.blq-anim17{
height: 250vh !important;		
}
.grp-anim17-1,
.grp-anim17-2,
.grp-anim17-3,
.grp-anim17-4,
.grp-anim17-5,
.grp-anim17-6{	
width: 100%;
height: 200vh;
}
.grp-anim17-1,
.grp-anim17-2,
.grp-anim17-3{	
opacity: 0.0;
}

.grp-anim17-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim17-5 img{	
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim17-6 img{	
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}