/* CSS Document */

.row_animated_banner{
	overflow: hidden !important;
	height: auto;
	min-height: 800px;
}

.row_animated_banner .banner_home_container .kc-raw-code{
	max-height: 500px;
	height: auto;
}

.animation_container{
	position: relative;
	height: auto;
	text-align: center;
	margin: 0 auto;
	overflow: visible;
	width: 125%;
	top: -400px!important;
	left: -15%;
}



.ciudad_container{
	position:absolute!important;
	height: auto!important;
	/*padding-bottom: 56.25%;*/top:0;
	left: 0;
}

.ciudad_container img{
	
}

.ani_container .kc-col-inner-container{
	position: relative!important;
}

.the_urban{
	font-size: 45px;
	font-weight: 100 !important;
	margin: 0;
	padding: 0;
	/*position: absolute!important;*/
	text-align: center;
	width: 100%;
}
.challenge{
	margin: 0;
	padding: 0;
/*	position: absolute!important;*/
	text-align: center;
	width: 100%;
	font-size: 85px;
	font-weight: 600;
	margin-top: -21px;
}



.tren_container	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.tren_container .tren{
	
}

.edificio_container{
	position: absolute!important;
	z-index: 5;
	top: -294px;
	width: 50px !important;
	right: -55% !important;
	height: 150px;
}

.mensajero_container{
	position: absolute!important;
	width: 75px !important;
	top: -90px;
	left: -170px;
	height: 100px;
}

.container-coche-gr{
	position: absolute!important;
	width: 135px !important;
	top: -60px;
	right: -56%;
	height: 100px;
}

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



@media  (min-width:1940px){
	
	.row_animated_banner{
		min-height: 900px;
	}
	
	.animation_container{
		top: -450px !important;
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 800px;
		height: auto;
	}
}


@media  (min-width:1750px){
	
	.animation_container{
		top: -600px!important;
	}
	
}

@media  (max-width:1749px){
	

	.animation_container{
		/*top: -450px!important;*/
		padding: 0;
	}
	
	.row_animated_banner{
		min-height: 900px;
	}


	.row_animated_banner .banner_home_container .kc-raw-code {

    max-height: 650px;
    height: auto;

}

}

@media  (max-width:1440px){
		
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 500px;
		height: auto;
	}
	
	.row_animated_banner{
		min-height: 100%;
		padding-top: 0;
	}
	
	.txt_home_banner{
		/*margin-top: -40px;*/
	}
	
	.row_animated_banner .kc-raw-code {
		height: auto;
	}
	
	.animation_container{
		top: -320px !important;
	}
}


@media  (max-width:1200px){
	.animation_container{
		top: -320px !important;
	}
	
}

@media  (max-width:1024px){
	.animation_container{
		top: -210px !important;
	}
	
	.challenge{
		font-size: 80px!important;
	}
	
	.the_urban{
		font-size: 45px!important;
	}
}


@media  (max-width:768px){
	.animation_container{
		top: -100px !important;
		width: 140%;
		left: -20%;
	}
}

@media  (max-width:767px){
	body.kc-css-system .kc-css-293856{
		background-position: center!important;
	}
	
	.the_urban{
		margin-top: 30px !important;
		font-size: 25px !important;
	}
	
	.challenge{
		font-size: 50px !important;
		margin-top: -25px;

	}
	.txt_home_banner{
		font-size: 25px;
	}
	
	
	.animation_container {
		top: -220px !important;
		width: 200%;
		left: -50%;
	}
	
}

@media  (max-width:520px){
	
	.animation_container {
		top: -480px !important;
		width: 400%;
		left: -140%;
	}
	
	.banner_home_container .txt_home_banner {
		margin-top: -40px;
	}
	
	.banner_home_container .txt_home_banner p{
		font-size: 25px!important;
    	line-height: 1;
	}
	
	
	
}

@media  (max-width:420px){
	
	.animation_container {
		top: -280px !important;
	}
	
	.home .row_animated_banner {
		background-size: 474% !important;
		background-position: center !important;
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 450px;
	}
	
	.txt_home_banner{
		margin-top: -140px!important;
	}

	.txt_home_banner P{
		margin-top: 45px!important;
	}
	
	
	.the_urban {
		margin-top: 60px !important;
		font-size: 33px !important;
	}
	
	.challenge {
		font-size: 56px !important;
		margin-top: -31px;
	}
	
	.site-main .row_big_pic .circle_column_2 {
		padding: 0px 5% 0 12% !important;
		top: 295px;
	}
	
	.p-big-img{
		padding-right: 20px;
	}
	
}


@media  (max-width:380px){
	
}