/*__________________css intro__________________
/*--------------------css intro--------------------------------------------*
    #intro {
        background: url(../img/chicos-fondo-intro2.jpg) no-repeat center top scroll;
        background-size: cover;
    }

    .fondo-intro {
        margin-top: 30rem;
        padding-top: 8rem;
        background-image: url(../img/pretty-cool-nube.png);
        background-repeat: no-repeat;
        background-position: center 1rem;
        background-size: 85%;

    }
*/
body {
	overflow-x: hidden;
}

#intro {
	background: url(../img/banner-inicio-nubes.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
	background-size: cover;
}


.fondo-intro {
	background-image: url(../img/pretty-cool-nube.png);
	background-repeat: no-repeat;
	background-position: center 1rem;
	background-size: 100%;
	position: fixed;
	top: 10rem;
	z-index: 10000;
}



.el-pais,
.el-idioma {
	display: none;
}

#campos {
	margin-top: 4rem !important;
}

#pais {
	background-image: url(../img/mundo.svg);
	background-repeat: no-repeat;
	background-size: 1.8rem;
	background-position: .5rem center;
}

#idioma {
	background-image: url(../img/idiomas.svg);
	background-repeat: no-repeat;
	background-size: 1.8rem;
	background-position: .5rem center;
}

.btn-mancha {
	background-image: url(../img/boton-go.png);
	height: 5rem;
	width: 8rem;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: -16px;

}


@media (min-width: 360px) {
	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		background-size: 100%;
		position: fixed;
		top: 15rem;
		z-index: 10000;
		height: 50vh
	}

	#campos {
		margin-top: 4.9rem !important;
	}
}

@media(min-width: 680px) {
	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		background-size: 100%;
		top: 13rem;
		left: 7rem;
		height: 50vh;
	}

	#campos {
		margin-top: 10rem !important;
	}
}

/*tablet*/
@media (min-width: 768px) {

	/*__________________css intro__________________*/


	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		background-size: 100%;
		top: 19rem;
		left: 1.5rem;
		height: 60vh;
	}


	/*selector form*/
	.el-pais,
	.el-idioma {
		display: none;
	}

	#pais {
		background-image: url(../img/mundo.svg);
		background-repeat: no-repeat;
		background-size: 1.8rem;
		background-position: .5rem center;
	}

	#idioma {
		background-image: url(../img/idiomas.svg);
		background-repeat: no-repeat;
		background-size: 1.8rem;
		background-position: .5rem center;
	}

	#campos {
		margin-top: 15rem !important;
	}

	.btn-mancha {
		background-image: url(../img/boton-go.png);
		height: 5rem;
		width: 8rem;
		background-size: contain;
		background-repeat: no-repeat;
		margin-top: -16px;

	}

}


/*__________________fin css intro__________________*/
}

/*fin tablet*/

@media (min-width: 960px) {

	/*css intro*/
	#campos {
		margin-top: 8rem !important;
	}
	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		-webkit-background-size: 75%;
		background-size:75%;
		top: 8rem!important;
		left: 1rem;
		height: 40rem;
	}



	/*fin css intro*/
}

@media(min-width: 1024px) {
	#campos {
		margin-top: 10rem !important;
	}
	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		-webkit-background-size: 75%;
		background-size:75% ;
		top: 12rem;
		left: 1rem;
		height: 40rem;
	}

}

@media (min-width: 1200px) {

	/*--------------------css intro--------------------------------------------*/
	#intro {
		background: url(../img/banner-inicio-nubes.jpg) no-repeat center top fixed;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	#campos {
		margin-top: 11rem !important;
	}
	
	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		-webkit-background-size: 72%;
		background-size: 71%;
		top: 12rem;
		left: 3rem;
		height: 50rem;
	}


	/*-----------------------------fin css intro--------------------------*/
}

@media (min-width: 1368px) {

	/*--------------------css intro--------------------------------------------*/
    #campos {
		margin-top: 12rem !important;
	}
	.fondo-intro {
		background-image: url(../img/pretty-cool-nube.png);
		background-repeat: no-repeat;
		background-position: center 1rem;
		-webkit-background-size: 71%;
		background-size: 71%;
		top: 12rem;
		left: 10rem;
		height: 50rem;
	}


	/*-----------------------------fin css intro--------------------------*/
}