/* 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: -25%;
}



.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:2000px){
	.row_animated_banner_banner .animation_container{
	    bottom: 205px !important;
		top: auto!important;
	}
	
}


@media  (max-width:1999px){
	
	.row_animated_banner{
		min-height: 900px;
	}
	
	.row_animated_banner_banner{
		min-height: auto;
	}
	    
	.animation_container{
		top: -450px !important;
	}
	
	.row_animated_banner_banner .animation_container{
	    bottom: 150px !important;
		top: auto!important;
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		height: auto;
	}
	.row_animated_banner_banner .banner_home_container .kc-raw-code{
		max-height: 490px;
	}
	.row_animated_banner_banner .banner_home_container {
		height: 750px;
	}
}

@media  (max-width:1920px){
	
	.row_animated_banner {
		/*min-height: 1000px;*/
	}

	.txt_home_banner {
    	margin-top: 76px!important;
	}
	
	.row_animated_banner_banner {
		height: auto;
		height: 585px!important;
		/*margin-top: -25px;*/
		margin-top: 0px;
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 530px;
		height: auto;
	}
	
	.row_animated_banner_banner .animation_container {
		bottom: 265px !important;
		top: auto!important;
	}
}


@media  (max-width:1750px){
	
	.animation_container{
		top: -600px!important;
	}
	
	.row_animated_banner_banner .banner_home_container{
		height: 550px;
	}
	
	.row_animated_banner_banner{
		height: auto;
		min-height: 750px;
	}
	
}

@media  (max-width:1749px){
	

	.animation_container{
		/*top: -450px!important;*/
		padding: 0;
	}
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code{
		max-height: 360px!important;
		height: auto;	
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 500px;
		height: auto;
	}
	
	.row_animated_banner_banner .animation_container {
		top: -460px !important;
	}
	
	.row_animated_banner_banner{
		height: auto;
		min-height: 700px;
		margin-top: 0px;
	}
	
	.row_animated_banner{
		min-height: 700px;
	}
	
	.row_animated_banner_banner{
		/*margin-top: -25px;*/
		margin-top: 0;
		min-height: 600px;
	}


	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 650px;
		height: auto;
		
	}
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code{
		max-height: 415px;
		
	}

}

@media  (max-width:1748px){
	
	
	.row_animated_banner_banner{
		height: auto;
		min-height: 600px;
	}
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code{
		max-height: 360px!important;
		height: auto;	
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 500px;
		height: auto;
	}
	
	.row_animated_banner_banner .animation_container {
		top: -150px !important;
	}
	
	
	
	
}

@media  (max-width:1440px){
		
	.row_animated_banner_banner{
		/*margin-top: -25px;*/
		margin-top: 0px;
	}
	
	.row_animated_banner .banner_home_container .kc-raw-code {
		max-height: 500px;
		height: auto;
	}
	
	.row_animated_banner #triangulo{
		
	}
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code{
		max-height: 360px!important;
		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;
	}
	
	.row_animated_banner_banner .animation_container {
		/*top: -385px !important;*/
	}
	
	.animation_container{
		top: -320px !important;
	}
}

@media  (max-width:1280px){
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code{
		max-height: 360px!important;
		height: auto;	
	}
	
	.row_animated_banner_banner .animation_container{
		/*top: -336px !important;*/
	}
	
}


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

@media  (max-width:1199px){
	
	.row_animated_banner_banner .animation_container {
		top: -75px !important;
		width: 150%;
		left: -20%;
	}
	
}

@media  (max-width:1024px){
	
	
	.row_animated_banner_banner{
		max-height: 450px;
	}
	
	.row_animated_banner_banner .animation_container {
		width: 154%;
		left: -35%;
		top: -175px !important;
	}

	
	.animation_container{
		top: -210px !important;
	}
	
	.challenge{
		font-size: 66px !important;
	}
	
	.the_urban{
		font-size: 35px !important;
	}
}


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

@media  (max-width:767px){
	
	.row_animated_banner_banner{
		min-height: 560px!important;
	}
	
	
	.row_animated_banner_banner .animation_container {
		top: -0px !important;
		width: 235%;
		left: -52%;
	}
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code {
		max-height: 160px!important;
		height: auto;
	}

	
	
	body.kc-css-system .kc-css-293856{
		background-position: center!important;
	}
	
	
	.slider_banner_home_img img {
		max-height: 100%!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){
	
	.row_animated_banner_banner .animation_container #triangulo{
		display: none;
	}
	
	.animation_container {
		top: -197px !important;
		width: 200%;
		left: -52%;
	}
	
	.row_animated_banner_banner .animation_container {
		top: -207px !important;
		width: 205%;
		left: -52%;
	}
	
	.row_animated_banner_banner .banner_home_container .kc-raw-code {
		max-height: 160px!important;
		height: auto;
	}

	.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;
	}
	
	.row_animated_banner_banner{
		    height: 325px!important;
			min-height: 325px!important;
	}
	
	.row_animated_banner_banner .animation_container {
		top: -80px !important;
		width: 245%;
		left: -52%;
	}

	
	.row_animated_banner_banner .banner_home_container .kc-raw-code {
		max-height: 185px!important;
		height: auto;
	}

	
	
	
	
	.txt_home_banner{
		margin-top: -140px!important;
	}

	.txt_home_banner P{
		margin-top: 45px!important;
	}
	
	
	.the_urban {
		margin-top: 20px !important;
		font-size: 31px !important;
	}
	
	.challenge {
		font-size: 53px !important;
		margin-top: -20px;
	}
	
	.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){
	.row_animated_banner_banner .animation_container {
		top: -55px !important;
		width: 245%;
		left: -52%;
	}

	
	.row_animated_banner_banner .banner_home_container .kc-raw-code {
		max-height: 165px!important;
		height: auto;
	}
	
	.row_animated_banner_banner .animation_container #triangulo{
		display: none;
	}
	
	.txt_home_banner{
		margin-top: -140px!important;
	}

	.txt_home_banner P{
		margin-top: 45px!important;
	}
	
	.challenge {
		font-size: 50px !important;
		margin-top: -13px;
	}

	.the_urban {
		margin-top: 20px !important;
		font-size: 28px !important;
	}
}


@media  (max-width:320px){
	
	.row_animated_banner_banner .animation_container {
		top: -33px !important;
		width: 270%;
		left: -60%;
	}

	
	.row_animated_banner_banner .banner_home_container .kc-raw-code {
		max-height: 135px!important;
		height: auto;
	}
	
	.row_animated_banner_banner .animation_container #triangulo{
		display: none;
	}
	
	.txt_home_banner{
		margin-top: -140px!important;
	}

	.txt_home_banner P{
		margin-top: 45px!important;
	}
	
	.challenge {
		font-size: 45px !important;
	}

	.the_urban {
		font-size: 23px !important;
	}
}