/* Sección 1 */
.landing-intro
{
	background-image: url('../img/bg1.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.main-cont 
{
	display: flex;
	/*flex-direction: column;*/
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}

.main-left, .main-right
{
	flex: 1;
	text-align: center;
}

.main-right
{
	align-content: center;
}

.main-left img
{
	/*max-height: 70%;
	margin-top: -20%;*/
	max-width: 500px;
	margin-left: -110px;
	/*padding: 60px;*/
}

.main-right img
{
	margin: 5%;
}

.logo-blanco
{
	max-width: 350px;
}

.btn-inscripcion
{
	max-width: 300px;
}

.lema
{
	max-width: 340px;
}

.fecha-evento
{
	max-width: 100%;
}

.fecha-cont
{
	margin-top: -7%;
	z-index: 1;
	position: relative;
	display: block;
}

@media only screen and (max-width: 600px)
{
	.home-main
	{
		margin-top: 88px;
	}

	.landing-intro
	{
		background-image: unset;
		padding: unset;
		/*flex-flow: column-reverse;*/
		min-height: unset;
		max-height: unset;
	}

	.bloque-2.evento, .bloque-3.strava, .bloque-4.infantil, .bloque-5.fundacion, .bloque-6.patrocinadores, .bloque-7.instagram
	{
		background-image: unset!important;
		padding: unset!important;
		min-height: unset!important;
		max-height: unset!important;
	}

	.main-cont
	{
		height: 100%;
	}

	.main-right
	{
		background-image: url('../img/mbg1.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		width: 100%;
		order: 0;
	}

	.logo-blanco
	{
		max-height: 160px;
	}

	.main-right
	{
		flex: 1;
		text-align: center;
		justify-content: center;
		align-content: center;
		display: flex;
		flex-wrap: wrap;
	}

	.main-right img
	{
		margin: 10px;
	}

	.btn-inscripcion
	{
		max-width: 250px;
	}

	.lema
	{
		max-width: 250px;
	}

	.main-left
	{
		background-image: url('../img/mbg2.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        order: 1;
        flex-wrap: wrap;
	}

	.main-left img
	{
		max-width: 350px;
		margin-left: -120px;
		max-height: 370px;
        margin-top: 30px;
	}

	.countdown-cont-mobile
	{
		display: block!important;
		margin-top: -80px;
	}

	.countdown-cont
	{
		display: none;
	}

	.btn-sticky {
	    position: fixed;
	    left: 45%;
	    top: 90%;
	    transform: translate(-50%, -50%);
	    display: block!important;
	    z-index: 9999999999;
	}
}

.btn-sticky {
    position: fixed;
    left: 45%;
    top: 80%;
    transform: translate(-50%, -50%);
    display: block!important;
    z-index: 9999999999;
}

.contador
{
	background-image: url('../img/texture.jpg');
	height: 100%;
	background-size: cover;
	background-repeat: repeat;
	background-position: bottom;
	display: flex;
	justify-content: left;
	margin-top: -5.6%;
	position: relative;
	max-height: 100%;
}

.contador img
{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.countdown-cont, .countdown-cont-mobile
{
	min-height: 100px;
	display: flex;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
}

.countdown-cont
{
    background: #2f2f2f8f;;
    padding-top: 30px;
    border-radius: 50px;
    margin: 0 auto;
}

.countdown-cont-mobile
{
	display: none;
}

.countdown-cont h2, .countdown-cont-mobile h2
{
	color: white;
	font: 27px / 27px Montserrat-Bold;
	margin-top: 90px;
	z-index: 2;
	max-width: 50%;
	text-align: center;
}

.bg-contador
{
	position: absolute;
	float: left;
	z-index: 0;
	max-width: 100%;
	height: 100%;
}

.bp-cont h3
{
	color:#b3fa4f;
	font: Italic 20px / 24px Montserrat-Bold;
	width: 60%;
	margin-top: -40px;
}

.bp-cont
{
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	text-align: center;
	padding: 80px;
}

.bp-cont img
{
	position: relative;
	max-width: 100%;
	height: auto;
}

/* Contador */
#countdown, #countdown-mobile
{
	width: 85%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	background: none;
	z-index: 1;
	position: relative;
	margin-bottom: 40px;
}

#countdown div, #countdown-mobile div
{
	color:#f7f43b ;
	margin: 5px;
	font: bold 60px / 60px Montserrat-Bold;
}

#countdown span, #countdown-mobile span
{
	color: white;
	font: bold 20px / 20px Montserrat-Bold;
}

@media only screen and (max-width: 600px)
{
	#countdown
	{
		margin: 5%;
		margin-top: 40px;
		width: 100%;
	}

	#countdown-mobile
	{
		margin-top: 40px;
		width: 100%;
	}

	.contador
	{
		flex-wrap: wrap;
	}

	.countdown-cont
	{
		min-height: unset;
		width: 100%;
		display: none;
	}

	.countdown-cont-mobile
	{
		min-height: unset;
	}

	.countdown-cont h2, .countdown-cont-mobile h2
	{
		font: 32px / 30px Montserrat-Bold;
		margin-left: 15px;
		margin-right: 15px;
		max-width: 100%;
		margin-top: 70px;
	}

	.bg-contador
	{
		display: none;
	}

	.bp-cont
	{
		width: 100%;
		padding: 12%;
	}

	.bp-cont h3
	{
		width: 85%;
	}
}

/* Sección 2 */

.bloque-2.evento
{
	background-image: url('../img/bg2.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.bloque-2-cont
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bloque-2-izq, .bloque-2-der, .bloque-3-izq, .bloque-3-der, .bloque-4-izq, .bloque-4-der, .bloque-5-izq, .bloque-5-der, .bloque-6-izq, .bloque-6-der, .bloque-7-izq, .bloque-7-der
{
	width: 50%;
}

.bloque-2-izq
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.bloque-2-izq .evento-img
{
	width: 100%;
	max-width: 350px;
	margin: 20px;
}

.bloque-2-izq .icon-cont
{
	display: flex;
	justify-content: space-evenly;
	align-content: space-evenly;
	
}

.bloque-2-izq .icons-evento
{
	margin: 10px;
	max-width: 180px;
}

.bloque-2-izq .evento-texto h4
{
	font: 38px / 38px Montserrat-Bold;
	text-align: center;
	margin: 35px;
	color: white;
}

.bloque-2-izq .evento-texto span.t-yellow
{
	color: #f7f43b;
}

.bloque-2-izq .evento-texto span.t-italic
{
	font-style: italic;
}

.bloque-2-der h3
{
	font: 25px / 25px Acumin;
	text-align: center;
	margin: 35px;
	color: white;
	max-width: 370px;
}

.bloque-2-der
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: space-evenly;
}

.bloque-2-der .bp-logo
{
	max-width: 370px;
	margin-bottom: 30px;
}

.video-cont
{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 350px;
}

.video-cont iframe
{
	width: 100%;
	height: auto;
	border: 5px solid white;
	border-radius: 20px;
}

@media only screen and (max-width: 600px)
{
	.bloque-2-izq, .bloque-2-der, .bloque-3-izq, .bloque-3-der, .bloque-4-izq, .bloque-4-der, .bloque-5-izq, .bloque-5-der, .bloque-6-izq, .bloque-6-der, .bloque-7-izq, .bloque-7-der
	{
		width: 100%;
	}

	.bloque-2-izq
	{
		background-image: url('../img/mbg3.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-2-izq .evento-img
	{
		max-width: 250px;
	}

	.bloque-2-izq .icons-evento
	{
	    max-width: 100px;
	}
	
	.bloque-2-izq .evento-texto h4
	{
	    font: 24px / 30px Montserrat-Bold;
	}

	.bloque-2-izq .icon-cont-2 img
	{
		max-width: 250px;
		margin-bottom: 20px;
	}

	.bloque-2-der
	{
		background-image: url('../img/mbg4.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-2-der h3
	{
		font: 23px / 23px Acumin;
	}

	.bloque-2-der .video-cont
	{
	    max-width: 380px;
	    min-height: 200px;
	}

	.bloque-2-der .bp-logo
	{
		max-width: 320px;
		margin-bottom: 30px;
	}
}

/* Sección 3 */

.bloque-3.strava
{
	background-image: url('../img/bg3.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.bloque-3-cont
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bloque-3-izq
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.bloque-3-izq .ciclistas
{
	max-width: 500px;
	width: 100%;
	margin: 20px;
}

.bloque-3-izq .comparte-strava, .bloque-3-izq .strava-blanco, .bloque-3-izq .btn-strava
{
	margin: 10px;
}

.bloque-3-der
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.bloque-3-der h3, .bloque-3-der h4
{
	width: 100%;
	text-align: center;
}

.bloque-3-der h4
{
	color: white;
	font: 40px / 40px Montserrat-Bold;
	font-style: italic;
}

.bloque-3-der h3
{
	color:#f7f43b;
	font: 80px / 65px Montserrat-Bold;
	font-style: italic;
}

.bloque-3-der .info-icons-cont
{
	margin: 20px;
}

.bloque-3-der .info-icon-img
{
	margin: 15px;
	width: 20%;
	height: 50px;
	max-width: 50px;
}

.bloque-3-der .info-icon-unit
{
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bloque-3-der .info-icon-text
{
	color: white;
	font: 25px / 25px Acumin;
}

.bloque-3-der .info-icon-title
{
	color:#f7f43b;
	font: 25px / 25px Acumin;
}

.bloque-3-der .info-icon-card
{
	width: 80%;
	margin: 10px;
}

@media only screen and (max-width: 600px)
{
	.bloque-3-izq
	{
		background-image: url('../img/mbg5.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-3-izq .ciclistas
	{
	    max-width: 300px;
	    margin: 10px;
	}

	.bloque-3-izq .comparte-strava
	{
	    max-width: 300px;
	}

	.bloque-3-izq .strava-blanco
	{
		max-width: 300px;
	}

	.bloque-3-der
	{
		background-image: url('../img/mbg6.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-3-der h4
	{
        font: 25px / 30px Montserrat-Bold;
	}

	.bloque-3-der h3
	{
        font: 55px / 40px Montserrat-Bold;
	}

	.bloque-3-der .info-icons-cont
	{
	    margin: 10px;
	}

	.bloque-3-der .info-icon-img
	{
    	margin: 10px;
    }

    .bloque-3-der .info-icon-card
    {
    	margin: 5px;
	}

	.bloque-3-der .info-icon-title
	{
	    font: 23px / 20px Acumin;
	}

	.bloque-3-der .info-icon-text
	{
    	font: 23px / 23px Acumin;
	}
}

/* Sección 4 */

.bloque-4.infantil
{
	background-image: url('../img/bg4.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.bloque-4-cont
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bloque-4-izq
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.bloque-4-izq img
{
	margin: 20px;
}

.bloque-4-izq h3
{
	font: 40px/40px Impact;
	color: white;
	text-align: center;
	margin: 10px;
}

.bloque-4-der
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

@media only screen and (max-width: 600px)
{
	.bloque-4-izq
	{
		background-image: url('../img/mbg7.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-4-izq img
	{
	    margin: 10px;
	}

	.bloque-4-izq .logo-mp
	{
		max-width: 225px;
	}

	.bloque-4-izq .logo-vi
	{
		max-height: 160px;
	}

	.bloque-4-izq h3
	{
	    font: 25px / 25px Impact;
	    margin: 10px;
	}

	.bloque-4-izq .logo-vi
	{
		max-width: 300px;
	}

	.bloque-4-izq .vi-icons
	{
		max-width: 300px;
	}

	.bloque-4-izq .btn-vi-inscripcion
	{
		max-width: 215px;
	}

	.bloque-4-der
	{
		background-image: url('../img/mbg8.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-4-der .vi-ciclista-mobile
	{
		display: block!important;
		max-height: 400px;
	}

	.bloque-4-der .vi-ciclista
	{
		display: none!important;
	}
}

.bloque-4-der .vi-ciclista-mobile
{
	display: none;
}

/* Sección 5 */

.bloque-5.fundacion
{
	background-image: url('../img/bg5.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.bloque-5-cont
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bloque-5-izq
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.bloque-5-izq h3
{
	color: white;
	font: 23px/30px Montserrat-Bold;
	margin: 20px;
	text-align: center;
}

.bloque-5-izq span
{
	color: #f7f43b;
}

.bloque-5-izq p
{
	color: white;
	font: 19.5px/30px Montserrat-Bold;
	width: 95%;
	margin: 15px;
}

.bloque-5-izq img
{
	margin: 20px;
}

.bloque-5-der
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-evenly;
	align-items: center;
}

@media only screen and (max-width: 600px)
{
	.bloque-5-izq
	{
		background-image: url('../img/mbg9.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-5-izq p
	{
	   color: white;
	   font: 13px / 20px Montserrat-Bold;
	   margin: 10px;
	}

	.bloque-5-izq img
	{
	    margin: 5px;
	    max-height: 120px;
	}

	.bloque-5-izq h3
	{
	    font: 16px / 20px Montserrat-Bold;
	    margin: 5px;
	}

	.bloque-5-izq .btn-fundacion
	{
		max-height: 35px;
	}

	.bloque-5-der
	{
		background-image: url('../img/mbg10.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-5-der img
	{
		max-height: 200px;
	}

}

/* Sección 6 */

.bloque-6.patrocinadores
{
	background-image: url('../img/bg6.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
	flex-wrap: wrap;
	text-align: center;
}

.bloque-6 h2
{
	width: 50%;
	color: #4468ae;
	font: 50px / 60px Impact;
	margin-top: 40px;
}

.grid-patrocinio {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.grid-patrocinio img {
	width: 100%;
}

.bloque-6 .text-cont
{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 600px)
{
	#patrocinadores
	{
		background-image: url('../img/mbg11.jpg')!important;
		min-height: unset!important;
		max-height: unset!important;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: top center;
	}

	.bloque-6 h2
	{
		font: 45px / 45px Impact;
        text-align: center;
        width: 100%;
        padding: 5px;
        margin-top: 10px;
	}

	.grid-patrocinio
	{
		padding: 15px;
	}
}

/* Sección 7 */

.bloque-7.instagram
{
	background-image: url('../img/bg7.jpg');
	min-height: 1080px;
	max-height: 1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.bloque-7-cont
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bloque-7-izq
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.bloque-7-der
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-evenly;
	align-items: center;
}

.bloque-7-izq img
{
	max-width: 500px;
}

.bloque-7-der .titulo-social
{
	font: 30px/30px Impact;
	color: white;
	margin-top: 200px;
}

.bloque-7-der .social-icons-cont
{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-content: space-evenly;
	margin: 20px;
}

.bloque-7-der h3.handle
{
	color: white;
	font: 25px/25px Montserrat-Bold;
	margin: 20px;
}

.bloque-7-der .handle span
{
	color: #f7f43b;
}

@media only screen and (max-width: 600px)
{
	.bloque-7-izq
	{
		background-image: url('../img/mbg12.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-7-izq .ciclistas-2-mb
	{
		display: block!important;
	}

	.bloque-7-izq .ciclistas-2
	{
		display: none!important;
	}

	.bloque-7-der
	{
		background-image: url('../img/mbg13.jpg');
		min-height: 480px;
		max-height: 480px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.bloque-7-der .titulo-social
	{
		margin-top: unset!important;
		font: 26px / 26px Impact;
	}

	.bloque-7-der .social-icons-cont
	{
		margin: -70px;
	}

	.bloque-7-der h3.handle
	{
		margin: 0px;
	}
}

.bloque-7-izq .ciclistas-2-mb
{
	display: none;
}

/* Sociales */
/* estilos para iconos de redes sociales*/ 
.social.facebook, .social.twitter, .social.whatsapp, .social.mail {display: none;}
.social-buttons-text {display: block;visibility: visible;}

/* estilos para responsive */
@media only screen and (max-width: 600px) {

	/* estilos para iconos de redes sociales*/ 
	.social.facebook, .social.twitter, .social.whatsapp, .social.mail {display: block;visibility: visible;}
	.social-buttons-text {display: none!important;}

}

/*----Sociales----*/
/*Redes sociales*/
.framed .text
{
	position: relative;
}
.framed .text .social-buttons-text
{
	width: 50px;
	height: 200px;
	left: 0;
	position: fixed;
	top: 26%;
	z-index: 99;
}
.framed .text .social-buttons-text .btn
{
	background-color: white !important;
	border: none;
	color: #5b595a;
	font-size: 0.75rem;
	margin: 10px 5px;
	
	/*	Prueba: quitar*/
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	padding: 0.5em 0.75em;
	height: 40px;
}
	/*	Botón de WhatsApp*/
.framed .text .social-buttons-text .btn.btn-fb
{
	background-color: #1da851 !important;
	color: white;
}
	/*	Botón de Facebook*/
.framed .text .social-buttons-text .btn.btn-facebook
{
	background-color: #2d4373 !important;
	color: white;
}
	/*	Botón de Twitter*/
.framed .text .social-buttons-text .btn.btn-twitter
{
	background-color: #000000 !important;
	color: white;
}
	/*	Botón de Mail*/
.framed .text .social-buttons-text .btn.btn-mail
{
	background-color: #5e5e5e !important;
	color: white;
}

.framed .text .social-buttons-text a.btn svg
{
	width: 38px;
	height: 38px;
}
.framed .text .social-buttons-text a.btn span.score
{
	padding-left: 0px;
	text-align: center;
	display: block;
}

/*Redes Sociales de final de nota*/
.framed .share1{
	display: none;
}
.framed .share2{
	display: none;
}

@media only screen and (max-width: 828px)
{
	.framed .text .social-buttons-text
	{
		width: calc(100% - 2.5rem);
		box-sizing: border-box;
		position: static;
		flex-direction: row;
		
		column-gap: 0.625rem;
		box-shadow: -1px 1px #ccc;
		margin-bottom: 1.25rem;
		margin-left:  1.25rem;
		margin-right:  1.25rem;
	}
	.framed .text .social-buttons-text .btn
	{
		display: inline-block;
	}
}

/*BTN compartir y subir*/

.icon-arrow-up2 {width: 60px;height: 60px;display: block;background: url(../img/arriba.png) center center no-repeat;background-size: contain!important;}
.ir-arriba {padding: 20px;color: #fff;position: fixed;font-size: 20px;bottom: 100px;right: 20px;display: none;cursor: pointer;z-index: 99999;}
.btn-share {display: inline-block;background: #fff url(../img/share.png) center center no-repeat!important;background-size: contain!important;border-radius: 50px!important;}

@media only screen and (max-width: 600px) {
.icon-arrow-up2 { border-radius: 50px!important;}
.ir-arriba {bottom: 70px!important;}
}