/**** animation ****/

#trigger1{
	position: fixed;
	top:900px;
}

.ani_cont{
	position: relative;
}

.ani_roca{
	position: absolute;
	width: 800px;
	left: 17%;
	z-index: 99;
	top:145px;
}

#welcome{
	position: absolute;
	z-index: 11;
	top:255px;
	width: 500px;
	left: 30%;
}

#planeta_detras, #saturno_amarillo, #saturno_amarillo, #planeta_azul, #saturno_azul, #nube1, #nube2, #nube2-1{
  position: absolute;
  margin:0;
}

.logo_planeta{
	z-index: 101;
	top: 375px;
	color: #fff;
	width: 58%;
	position: absolute;
	left: 30%;
	fill: #fff;
}

#planeta_detras{
	right: 108px;
	width: 15%;
	top: 588px;
}

#saturno_amarillo{
	width: 20%;
	left: 103px;
	top: 820px;
}

#nube2{
	top: 420px;
	z-index: 100;
	left: -50%;
	width: 500px;
}

#nube2-1{
	top: 210px;
	z-index: 120;
	left: -20%;
	width: 400px;
	z-index: 120;
}

#nube1{
	width: 250px;
	z-index: 100;
	top: 580px;
}

#nube1-1{
	width: 250px;
	z-index: 80;
	top: 400px;
	position: absolute;
	left: -230px;
}

#planeta_azul{
	width: 240px;
	left: 75%;
	top: 500px;
	position: fixed;
}

#saturno_azul{
	width: 20%;
	left: -157px;
	top:1170px;
}

#texto-planetas{
	color:#8a7861;
	top: 950px;
	position: absolute;
	left: 20%;
	max-width: 750px;
	font-size: 1.22em!important;
	font-weight: 400;
}

#texto-planetas h2{
	color:#8a7861;
	font-size: 1.7em;
	font-weight: 300;
}

.star1{
	position: fixed;
	width: 40px;
}
#star1{
	right: 740px;
	top:883px;
}

#star2{
	left: 357px;
	top:623px;
}

#star3{
	right: 340px;
	top:350px
}

#star4{
	left: 240px;
	top:800px
}

#fog{
	position: absolute;
	z-index: 98;
	left: 17%;
	opacity: 0.8;
	top:220px;
}


/********* menu *******/

header#masthead{
	background-color: rgba(0,0,0,0.56)!important;
}

br.display_br{display: none;}

br.display_br::before{content: ' ' !important; display: block !important;}

.spacio_texto {margin-left: 5px;}


/*****************  Sosteni comp ******************/
body.sotenibilidad {background-color: #0a0a0a!important;}
.cima_cont{position: relative; top: -70px; left: 30px;}

.cima_cont ._arb_iz, .cima_cont ._arb_cen, .cima_cont ._arb_dr{position: absolute; opacity: 0;}

.logo_free{opacity: 0;}

#row_cima_text a{color:#35ad96!important;}

#row_cima_text a:hover{text-decoration: underline;}

/*****************  RESPONSIVE  ******************/

@media screen and (min-width:1200px) {
	.logo_planeta{
		left: 23%;
	}
}


@media screen and (max-width:1199px) {
	.ani_roca{
		left: 18%;
	}
}


@media screen and (max-width:1024px) {
	.ani_roca{
		left: 14%;
	}
	
	.logo_planeta{
		left: 25%;
		top: 455px;
	}
	#welcome{
		left: 25%;
		top:90px;
	}
	
	#video_home_row .logo_home img{
		max-width: 1024px!important;
	}
	
}

@media screen and (max-width:1023px){
	.ani_roca{
		left: 2%;
		top:190px;
	}
	
	#welcome{
		top:220px;
	}
	
	.logo_planeta{
		left: 22%;
		width: 75%;
		top: 385px;
	}
}

@media screen and (max-width:768px) {
	.ani_roca{
		left: 0%;
	}
	
	#fog{
		left: 8%;
	}
	#welcome{
		left: 15%;
		
	}
	
	#video_home_row .logo_home img{
		max-width: 768px!important;
	}
	
}



@media screen and (max-width:767px) {
	#masthead-sticky-wrapper{
		top:0!important;
	}
    
#texto-planetas{
	left: 0%;
}
	/*#seccion-planeta {margin-top: 5em;}*/
	
	#texto-planetas{
		color: #fff;
		/*font-size: 1.5em;*/
			
	}
	
	p.split {
    font-size: 1.28em;
}
	
	.spacio_texto {margin-left: 0px;}
	
	.spacio_texto_resp{margin-left: 5px;}
	
	#nube2-1{
		left: -90%;
		width: 70%;
	}
	
	br.display_br {display: block !important;}
	
	br.display_br::before{content: ' ' !important; display: none!important;}
	
	.cima_cont{top: -5px; left: 0px;}
	
	#row_cima_text .kc_column{border-left: none; border-right: none;}
}
@media screen and (max-width:420px) {

	#welcome{
		width: 290px;
		top: 90px;
		left: 6%;
	}
	
	.ani_roca{
		width: 410px;
		left: -5%;
		top:180px;
	}
	
	#planeta_azul{
		width: 140px;
		top: 80px;
		position: absolute;
	}
	
	#fog{
		opacity: 0.6;
		top: 173px;
		left: 0;
	}
	
	#planeta_detras{
		width: 40%;
		top: 261px;
		right: 0; 
	}
	
	.logo_planeta{
		width: 85%;
		left: 10%;
		top: 230px;
	}
	
	.saturno_azul,
	#nube1{
		display: none;
	}
	
	#texto-planetas{
		top:520px;
		width: 100%;
	}
	
	#saturno_amarillo{
		width: 35%;
		left: 0;
		top: 470px;
	}
	
	.degradado-bottom{
		margin-top: -128px!important;
		height: 180px!important;
	}
	
	
	#seccion-premios{
		background-size: 780px !important;
		background-position: fixed !important;
		background-position-y: 40% !important;
		background-attachment: scroll !important;
		height: 750px !important;
	}
	
	/*#full-degrado{
		background-size: 30%;
	}*/
	
	.kc-elm kc-css-978323{
		height: 680px;
	}	
}

@media screen and (max-width:380px) {
	#full-degrado{
		background-size: auto;
	}
}