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


/*escena 1*/
.blq-anim1{
height: 200vh !important;	
}

/*escena 1*/
.grp-anim1-1,
.grp-anim1-2
{
width: 100%;
height: 100vh;
opacity: 0.0;	
}

.grp-anim1-2{
width: 100%;
height: 100vh;	
z-index: 1;		
}

/*escena 2*/
.blq-anim2{
height: 300vh !important;	
}

/*escena 1*/
.grp-anim2-1{
height: 400vh;
height: auto;	
z-index: 2;
background-color: rgba(255,255,255,0.95);	
}

.grp-anim2-1{
width: 100%;
height: 100vh;
opacity: 0.0;	
}

.grp-anim2-1 img{
will-change: transform;	
object-fit: cover !important;
}

/*escena 3*/
.blq-anim3{
height: 4000px !important;		
}

/*escena 3*/
.grp-anim3-1{
top: 0px;
left: 0px;	
width: 60%;
height: 60%;
opacity: 0;	
z-index: 1;
}

.grp-anim3-2a,
.grp-anim3-2b,
.grp-anim3-2c,
.grp-anim3-2d
{
right: 0px;	
width: 100%;
height: 100vh;
opacity: 0;	
}
.grp-anim3-2a{
z-index: 3;
}
.grp-anim3-2b{
z-index: 4;
}
.grp-anim3-2b img{	
will-change: transform;	
}

.grp-anim3-2c{
z-index: 5;
}
.grp-anim3-2c img{	
will-change: transform;	
}


.grp-anim3-2d{	
margin-top: 100px;	
z-index: 2;
}
.grp-anim3-2d img{	
will-change: transform;	
object-fit: cover !important;
}



/*escena 4*/
.blq-anim4{
height: 4000px !important;		
}

.grp-anim4-1,
.grp-anim4-2,
.grp-anim4-3,
.grp-anim4-4,
.grp-anim4-5,
.grp-anim4-6,
.grp-anim4-7,
.grp-anim4-8,
.grp-anim4-9
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}
.grp-anim4-1{
z-index: 1;
}
.grp-anim4-2{
z-index: 2;
}
.grp-anim4-3{
z-index: 3;
}
.grp-anim4-4{	
z-index: 4;	
}
.grp-anim4-5{	
z-index: 5;	
}
.grp-anim4-6{	
z-index: 6;	
}
.grp-anim4-7{	
z-index: 7;	
}
.grp-anim4-8{
margin-top: 50%;	
z-index: 8;
}
.grp-anim4-9{
position: absolute;
top: 0%;	
left: 50%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);	
max-width: 900px;	
z-index: 9;
}

/*escena 5*/
.blq-anim5{
height: 4000px !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
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}
.grp-anim5-1{
left: -50px;	
z-index: 7;
}
.grp-anim5-2{
left: -50px;	
z-index: 6;
}
.grp-anim5-3{
left: -50px;	
z-index: 5;
}
.grp-anim5-4{
left: -50px;	
z-index: 4;	
}
.grp-anim5-5{
left: -50px;	
z-index: 3;	
}
.grp-anim5-6{
left: -50px;	
z-index: 2;	
}
.grp-anim5-7{
left: -50px;	
z-index: 1;	
}
.grp-anim5-8{	
z-index: 0;
}
.grp-anim5-8 img{	
object-fit: cover !important;
}

/*escena 6*/
.blq-anim6{
height: 4000px !important;		
}

.grp-anim6-1,
.grp-anim6-2,
.grp-anim6-3,
.grp-anim6-4
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}
.grp-anim6-1{	
z-index: 1;
}
.grp-anim6-2{	
z-index: 5;
}
.grp-anim6-3{	
z-index: 3;
}
.grp-anim6-4{	
z-index: 4;	
}

/*escena 7*/
.blq-anim7{
height: 200vh !important;		
}

.grp-anim7-1
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}

/*escena 8*/
.blq-anim8{
height: 4000px !important;		
}

.grp-anim8-1,
.grp-anim8-2,
.grp-anim8-3,
.grp-anim8-4
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}

.grp-anim8-4{	
z-index: 4;
left: auto;
right: 0px;
width: 50%;	
}
.grp-anim8-1{	
z-index: 1;
}
.grp-anim8-2{	
z-index: 2;
}
.grp-anim8-3{	
z-index: 3;
}


/*escena 9*/
.blq-anim9{
height: 300vh !important;		
}

.grp-anim9-1,
.grp-anim9-2,
.grp-anim9-3
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}
.grp-anim9-1{	
z-index: 3;
}
.grp-anim9-2{	
z-index: 1;
}
.grp-anim9-3{	
z-index: 2;
}


/*escena 10*/
.blq-anim10{
height: 400vh !important;		
}

.grp-anim10-1,
.grp-anim10-2,
.grp-anim10-3
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}
.grp-anim10-1{	
z-index: 3;
}
.grp-anim10-2{
top: -50px;	
z-index: 1;
}
.grp-anim10-3{
top: 0%;	
left: 50%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);	
width: 80%;	
z-index: 2;
}


/*escena 11*/
.blq-anim11{
height: 800vh !important;
/*height: 4000px;*/	
}

.blq-anim11 .grp-anim picture img{
max-height: none;	
}

.grp-anim11-1,
.grp-anim11-1b,
.grp-anim11-2,
.grp-anim11-3,
.grp-anim11-4
{
left: 0px;	
width: 100%;
height: 800vh;	
opacity: 0.0;	
}


.grp-anim11-1{
z-index: 1;
}
.grp-anim11-1b{
background-color: var(--ng-100);
width: 100%;
height: 0vh;
z-index: 2;	
}

.grp-anim11-2{
margin-top: -25vh;	
z-index: 3;		
}
.grp-anim11-3{	
z-index: 4;
}
.grp-anim11-4{	
margin-top: -50vh;	
z-index: 5;
}

/*escena 12*/
.blq-anim12{
height: 4000px !important;		
}

.grp-anim12-1,
.grp-anim12-2
{
left: 0px;	
width: 100%;
height: 100vh;
opacity: 0.0;	
}

.grp-anim12-1{	
z-index: 1;
}
.grp-anim12-2{	
z-index: 2;
}


/*escena 13*/
.blq-anim13{
height: 400vh !important;
}

.grp-anim13-1,
.grp-anim13-2
{
left: 0px;	
width: 100%;
height: 400vh;	
opacity: 0.0;	
}

.grp-anim13-1{
z-index: 1;
}

.grp-anim13-2{
margin-top: 200px;	
z-index: 3;		
}


/*escena 14*/
.blq-anim14{
height: 400vh !important;
background-color: var(--ng-100);	
}

.grp-anim14-1,
.grp-anim14-2,
.grp-anim14-3,
.grp-anim14-4,
.grp-anim14-5,
.grp-anim14-6,
.grp-anim14-7,
.grp-anim14-8,
.grp-anim14-9,
.grp-anim14-10,
.grp-anim14-11
{
left: 0px;	
width: 100%;
height: 800vh;	
opacity: 0.0;	
}


.grp-anim14-9{
z-index: 0;
}
.grp-anim14-10{
margin-left: 20%;	
z-index: 0;
}
.grp-anim14-11{
margin-top: 20%;	
z-index: 0;
}

.grp-anim14-1{
z-index: 1;
}
.grp-anim14-2{
margin-left: -20px;	
z-index: 2;
}
.grp-anim14-3{
margin-left: -100px;	
z-index: 10;	
}
.grp-anim14-4{	
z-index: 4;
}
.grp-anim14-5{
margin-left: -100px;	
z-index: 10;
}
.grp-anim14-6{	
z-index: 6;
}
.grp-anim14-7{
margin-left: -100px;	
z-index: 10;
}
.grp-anim14-8{	
z-index: 8;
}


/*escena 15*/
.blq-anim15{
height: 400vh !important;
background-color: var(--ng-100);	
}

.grp-anim15-1,
.grp-anim15-2,
.grp-anim15-3,
.grp-anim15-4,
.grp-anim15-5,
.grp-anim15-6,
.grp-anim15-7,
.grp-anim15-8,
.grp-anim15-9,
.grp-anim15-10,
.grp-anim15-11
{
left: 0px;	
width: 100%;
height: 800vh;	
opacity: 0.0;	
}


.grp-anim15-9{
z-index: 0;
}
.grp-anim15-10{
margin-left: 20%;	
z-index: 0;
}
.grp-anim15-11{
margin-left: 30%;	
margin-top: 20%;	
z-index: 0;
}

.grp-anim15-1{
z-index: 1;
}
.grp-anim15-2{
margin-left: -20px;	
z-index: 2;
}
.grp-anim15-3{
margin-left: -100px;	
z-index: 10;	
}
.grp-anim15-4{	
z-index: 4;
}
.grp-anim15-5{
margin-left: -100px;	
z-index: 10;
}
.grp-anim15-6{	
z-index: 6;
}
.grp-anim15-7{	
margin-left: -100px;	
z-index: 10;
}
.grp-anim15-8{	
z-index: 8;
}

/*escena 16*/
.blq-anim16{
height: 400vh !important;
background-color: var(--ng-100);	
}

.grp-anim16-1,
.grp-anim16-2,
.grp-anim16-3,
.grp-anim16-4,
.grp-anim16-5,
.grp-anim16-6,
.grp-anim16-7,
.grp-anim16-8,
.grp-anim16-9
{
left: 0px;	
width: 100%;
height: 800vh;	
opacity: 0.0;	
}

.grp-anim16-7{
z-index: 0;
}
.grp-anim16-8{
margin-left: 20%;	
z-index: 0;
}
.grp-anim16-9{
margin-left: -10%;	
margin-top: 20%;	
z-index: 0;
}

.grp-anim16-1{
z-index: 1;
}
.grp-anim16-2{
margin-left: -20px;	
z-index: 2;
}
.grp-anim16-3{
margin-left: -100px;	
z-index: 10;	
}
.grp-anim16-4{	
z-index: 4;
}
.grp-anim16-5{
margin-left: -100px;	
z-index: 10;
}
.grp-anim16-6{	
z-index: 6;
}

/*escena 17*/
.blq-anim17{
height: 400vh !important;
background-color: var(--ng-100);	
}

.grp-anim17-1,
.grp-anim17-2,
.grp-anim17-3,
.grp-anim17-4,
.grp-anim17-5,
.grp-anim17-6,
.grp-anim17-7,
.grp-anim17-8,
.grp-anim17-9,
.grp-anim17-10,
.grp-anim17-11,
.grp-anim17-12,
.grp-anim17-13,
.grp-anim17-14,
.grp-anim17-15,
.grp-anim17-16,
.grp-anim17-17,
.grp-anim17-18,
.grp-anim17-19
{
left: 0px;	
width: 100%;
height: 1000vh;	
opacity: 0.0;	
}


.grp-anim17-17{
z-index: 0;
}
.grp-anim17-18{
margin-left: 20%;	
z-index: 0;
}
.grp-anim17-19{
margin-left: -10%;	
margin-top: 20%;	
z-index: 0;
}


.grp-anim17-1{
z-index: 1;
}
.grp-anim17-2{
margin-left: -20px;	
z-index: 2;
}

.grp-anim17-3{
margin-left: -100px;	
z-index: 10;	
}
.grp-anim17-4{	
z-index: 4;
}
.grp-anim17-5{
margin-left: -100px;	
z-index: 10;
}
.grp-anim17-6{	
z-index: 4;
}
.grp-anim17-7{
margin-left: -100px;	
z-index: 10;
}
.grp-anim17-8{	
z-index: 4;
}
.grp-anim17-9{
margin-left: -100px;	
z-index: 10;
}
.grp-anim17-10{	
z-index: 4;
}
.grp-anim17-11{
margin-left: -100px;	
z-index: 10;
}
.grp-anim17-12{	
z-index: 4;
}
.grp-anim17-13{
margin-left: -100px;	
z-index: 10;
}
.grp-anim17-14{	
z-index: 4;
}
.grp-anim17-15{	
margin-left: -100px;	
z-index: 10;
}
.grp-anim17-16{	
z-index: 4;
}


/*escena 18*/
.blq-anim18{
height: 500vh !important;
}

.blq-anim18 .grp-anim picture img{
max-height: none;	
}

.grp-anim18-1,
.grp-anim18-2
{
left: 0px;	
width: 100%;
height: 500vh;	
opacity: 0.0;	
}


.grp-anim18-1{
z-index: 1;
}


.grp-anim18-2{
margin-top: 0px;	
z-index: 3;		
}
.grp-anim18-2b{
/*background-color: var(--am-100);*/
background-color: rgba(255,180,0,1.00);	
width: 100%;
height: 0vh;
margin-top: 50%;	
z-index: 4;	
}




/*escena 19*/
.blq-anim19{
height: 1000vh !important;
background-color: var(--am-100);	
}

.grp-anim19-1,
.grp-anim19-2,
.grp-anim19-3,
.grp-anim19-4,
.grp-anim19-5,
.grp-anim19-6
{
left: 0px;	
width: 100%;
height: 800vh;
margin-top: -100px;	
opacity: 0.0;	
}



.grp-anim19-1{
z-index: 1;
}
.grp-anim19-2{
z-index: 1;
}
.grp-anim19-3{
z-index: 1;
}
.grp-anim19-4{
z-index: 1;
}
.grp-anim19-5{
z-index: 1;
}
.grp-anim19-6{
z-index: 1;
}


/*escena 20*/
.blq-anim20{
height: 800vh !important;
background-color: var(--am-100);
}

.grp-anim20-1,
.grp-anim20-2
{
top: 0px !important;	
left: 0px;	
width: 100%;
height: 800vh;	
opacity: 0.0;
}

.grp-anim20-1{
z-index: 1;
}
.grp-anim20-1 img{	
object-position: center right !important;	
}


/*.grp-anim20-1 picture {}*/
.grp-anim20-2{
z-index: 1;
}
.grp-anim20-2 img{	
object-position: center right !important;	
}



@media only screen and (orientation:portrait){
	
/*escena 11*/		
.grp-anim4-9 picture img {
top: 0%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
}	
	
	
/*escena 11*/	
.blq-anim11 {
height: 400vh !important;
}	
	
/*.grp-anim11-1, .grp-anim11-1b, .grp-anim11-2, .grp-anim11-3, .grp-anim11-4 {
height: 200vh;
}*/	
.grp-anim11-1b, .grp-anim11-2, .grp-anim11-3, .grp-anim11-4 {
height: 200vh;
}	
	
.grp-anim11-1 picture {
height: 100%;
}	
	
.grp-anim11-2 {
margin-top: -5vh;
}
.grp-anim11-4 {
margin-top: -5vh;
}

	
	
/*escena 18*/		
	
.grp-anim18-1, .grp-anim18-2 {
height: 200vh;
}	
	
.grp-anim18-2 picture {
height: 100%;
}
	
.grp-anim18-2b {
bottom: 65%;
}	
/*.grp-anim18-2 picture img { 
bottom: 0%;	
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
}*/	
	
	
	
/*escena 20*/
.blq-anim20 {
height: 400vh !important;
}	
.grp-anim20-1, .grp-anim20-2 {
height: 200vh;
}	
	
	
	
.grp-anim20-2 picture img {
height: 100%;
object-fit: cover;
}	
	
	
}