.display-chico{
	display:inherit !important;
}


html{
	height:100%; 
	margin:0; 
	padding:0;
	width:100%;
	top:0px;
	left:0px;
	background: #fff;
}



/*----------------------------
	 INICIAL
-----------------------------*/	


.btn-wa{
	height: 50px;  
	width: 50px;
	position:fixed;
	background-image: url("img/wa.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 200;
	bottom: 30px;
	right:30px;
	background-color: #ff00c8;
	border-radius: 50px;
	transition: .3s;

}

.btn-wa:hover{
	
    background-color: #0096ff;
	transition: .3s;
}


.btn-insta{
	height: 50px;  
	width: 50px;
	position:fixed;
	background-image: url("img/insta.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 200;
	bottom: 30px;
	right: 90px;
	background-color: #ff00c8;
	border-radius: 50px;
	transition: .3s;

}
.btn-face{
	height: 50px;  
	width: 50px;
	position:fixed;
	background-image: url("img/face.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 200;
	bottom: 30px;
	right:150px;
	background-color: #ff00c8;
	border-radius: 50px;
	transition: .3s;

}

.btn-wa:hover, .btn-insta:hover, .btn-face:hover{
	
    background-color: #0096ff;
	transition: .3s;


}

.margin-left{
    
	margin-left: 30px;
	

}

#equipo{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
	background-image:url("img/equipo.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


#frases{
	height: auto;  
	width: 80%;
	text-align: center;
	left: 10%;
	position: relative;
	
}
.isologo{
	background-image: url("img/logo.svg");
	width: 270px;
	height: 50px;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-left: -135px;
	left: 50%;
	position: relative;
}

#equipo h1{
	color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 400;
	text-align: center;

}
#equipo h3{
    color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 25px 0px 150px 0px;

}

.boton{
	   font-family: 'Raleway', sans-serif;
	    color: #fff;
	    font-size: 15px;
	    font-weight: 700;
		padding: 10px 35px;
	    background-color: #ff00c8;
	    transition-duration: 1s;
		-webkit-transition-duration:1s;
		-moz-transition-duration: 1s; 
 		-o-transition-duration: 1s;
	    text-align: center;
	    display: inline;
		text-decoration: none;

}

.boton:hover{
	   font-family: 'Raleway', sans-serif;
	    color: #fff;
	    font-size: 15px;
	    font-weight: 700;
		padding: 10px 35px;
	    background-color: transparent;
	    transition-duration: 1s;
		-webkit-transition-duration:1s;
		-moz-transition-duration: 1s; 
 		-o-transition-duration: 1s;
	    text-align: center;
	    display: inline;
		text-decoration: none;		
	    border: 4px solid #ff00c8;

}


#actividades{
	height: 300px;  
	width: 100%;
	position:relative;
	text-align: center;
	background-image:url("img/actividades.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f2f2f2;

}


#actividades h2{
	color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 50px;
}

#actividades h3{
    color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 25px;
}


.flecha{
	background-image: url("img/flecha.svg");
	width: 80px;
	height: 20px;
	display: inline-block;
}

.deportes{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
	background-color: #f2f2f2;
	padding: 20px 0px;

}

.accion{
	height: auto;  
	width: calc(100% - 40px);
    display: inline-block;
	text-align: center;
	background-color: #fff;
	margin: 20px 0px;

	

	
}
 

#natacion{
	height: 400px;  
	width: 100%;
    position: relative;
	text-align: center;
	background-image:url("img/natacion.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

#ciclismo{
	height: 400px;  
	width: 100%;
    position: relative;
	text-align: center;
	background-image:url("img/ciclismo.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;

}

#running{
	height: 400px;  
	width: 100%;
    position: relative;
	text-align: center;
	background-image:url("img/running.jpg");
	background-position: top  center;
	background-repeat: no-repeat;
	background-size: cover;

}

#preparacion{
	height: 400px;  
	width: 100%;
    position: relative;
	text-align: center;
	background-image:url("img/preparacion.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;

}
.accion:hover{
background-color:#fff;}
 
.texto{
	width: 50%;  
	height: 100%;
    display: inline-block;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0px;
	vertical-align: top;
}

.content{
	width: 100%;  
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content-1 h2{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
	margin: 25px 0px;
}

.content-1 h1{
    color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 800;
	text-align: center;	
}

.content-2{
	width: 100%;  
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tp-logo{
	height: 50px;  
	width: 50px;
	background-image: url("img/trainingpeaks-icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
		justify-content: center;

}


#trainingpeaks{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
	background-color:#f2f2f2;
	padding: 0px 0px 150px;
	
}


#tp{
	height: 30px;  
	width: 300px;
    display: inline-block;
	text-align: center;
	background-image: url("img/trainingpeaks.svg");
	margin-top: 150px;

}


#trainingpeaks h1{
    color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 40px;
	font-weight: 800;
	text-align: center;	
	margin-top: 25px;
	    display: inline-block;

}


#trainingpeaks h2{
    color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-align: center;	
	margin: 50px 150px;
	display: inline-block;

}

.prueba{
	height: 150px;  
	width: 100%;
	position:relative;
	text-align: center;
	background-color:#242424;
	display: flex;
	align-items: center;
	justify-content: center;	
}


.prueba h2{
	color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	text-align: left;
	margin-bottom: 50px;

}

.prueba h3{
    color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-align: left;	
	margin-top: 50px;

}


/* COMIENZO DE POP UP SEDES */


.overlay-1 {
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
	overflow-y: scroll;

	
}
.overlay-1:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  padding: 50px;
  box-sizing: border-box;
  width: calc(100% - 50px);
  height: 700px;
  top: 100px;
  left: 25px;
  position: relative;
  transition: all 5s ease-in-out;
  border-radius: 10px;
  z-index: 50;

}


#cerrar-msj{
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 40px;
	    height: 40px;
	    right: 30px;
	    top: 300px;
	    position: absolute;   
	z-index: 50;
}

#info {
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 100%;
	    left: 0px;
	    top: 0px;
	    border-radius: 0px 0px 10px 10px;
	    position: absolute;  
}


#foto-natacion {
        background-color:#fff;
	    background-image:url("img/natacion-1.jpg");
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 250px;
	    left: 0px;
	    top: 0px;
	    border-radius: 10px 10px 0px 0px;
	    display: inline-block;
		vertical-align: top;

}
#foto-ciclismo {
        background-color:#fff;
	    background-image:url("img/ciclismo-1.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 250px;
	    left: 0px;
	    top: 0px;
	    border-radius: 10px 10px 0px 0px;
	    display: inline-block;
		vertical-align: top;

}
#foto-running {
        background-color:#fff;
	    background-image:url("img/running-1.jpg");
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 250px;
	    left: 0px;
	    top: 0px;
	    border-radius: 10px 10px 0px 0px;
	    display: inline-block;
		vertical-align: top;
}

#foto-preparacion {
        background-color:#fff;
	    background-image:url("img/preparacion-1.jpg");
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 250px;
	    left: 0px;
	    top: 0px;
	    border-radius: 10px 0px 0px 10px;
	    display: inline-block;
		vertical-align: top;
}

#sede {
        background-color:#fff;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: auto;
	    vertical-align: top;
	    border-radius: 0px 0px 10px 10px;
	    display: inline-block;
	padding: 50px;
	z-index: 1;
}




#sede h1{
    font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 20px;
    color: #fff;
    text-align: left;
	background-color: #ff00c8;
	display: inline-block;
	padding: 10px 30px;
	margin-bottom: 30px;
	
}

#sede h2{
    font-family: 'Raleway', sans-serif;
	font-weight: 800;
	font-size: 25px;
    color: #242424;
    text-align: left;
	margin-bottom: 10px;
	
}

#sede h3{
    font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 16px;
    color: #242424;
    text-align: left;
	
}
#sede h4{
    font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 14px;
    color: #242424;
    text-align: left;
	
}

#sede p{
    font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
    color: #242424;
    text-align: left;
	margin-bottom: 10px;
	cursor: pointer;

	
}

#sede p:hover{
    font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
    color: #ff00c8;
    text-align: left;
	margin-bottom: 10px;
	cursor: pointer;


	
}


/* FIN DE POP UP SEDES */


#link{
	width: 70%;
	
}

.acceder{
	background-image: url("img/acceder.svg");
	width: 50px;
	height: 50px;
	
}

.eventos{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
	background-color: #f2f2f2;
	padding-bottom: 150px;
	display: flex;
	justify-content: center;
	align-items: center;	
}

.eventos h1{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 800;
	text-align: center;
	width: 100%;
	padding: 100px 0px;
}


#ultimo-evento h2{
	color: #4D4D4D;
    font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 800;
	text-align: left;
 	text-transform: uppercase;
	margin-left: 50px;
	margin-top: 30px;
	box-sizing: border-box;


}
#ultimo-evento h4{
	color: #4D4D4D;
    font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	margin-left: 50px;
	text-transform: uppercase;
	margin-top: 10px;
	display: inline-block;
	box-sizing: border-box;


}
#ultimo-evento h3{
	color: #4D4D4D;
    font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	width: calc(100% - 30px);
	text-transform: uppercase;
	margin-left: 50px;
	box-sizing: border-box;

}

#ultimo-evento{
	width:  calc(100% - 50px);
	box-sizing: border-box;
	display: inline-block;
	height: auto;
	background-color: #fff;
	text-align: left;
	
}


.video{
	height: 350px;  
	width: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	margin-bottom: 50px;
	background-image:url("img/evento.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}


.secundario-evento h2{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 800;
	text-align: left;
 	text-transform: uppercase;
	margin-left: 50px;
	margin-top: 30px;
	box-sizing: border-box;


}
.secundario-evento h4{
	color: #4D4D4D;
    font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	margin-left: 50px;
	text-transform: uppercase;
	margin-top: 10px;
	display: inline-block;
	box-sizing: border-box;


}
.secundario-evento h3{
	color: #4D4D4D;
    font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	width: calc(100% - 30px);
	text-transform: uppercase;
	margin-left: 50px;
	box-sizing: border-box;

}

.secundario-evento{
	width:  calc(100% - 50px);
	display: inline-block;
	height: auto;
	background-color: #fff;
	text-align: left;
	margin-top: 50px;
}



 .boton-1{
	   font-family: 'Raleway', sans-serif;
	    color: #ff00c8;
	    font-size: 15px;
	    font-weight: 700;
		padding: 10px 35px;
	    background-color: transparent;
	    transition-duration: 1s;
		-webkit-transition-duration:1s;
		-moz-transition-duration: 1s; 
 		-o-transition-duration: 1s;
	    text-align: center;
		text-decoration: none;
		border: 4px solid #ff00c8;
	    display: inline-block;
	    margin-top: 30px;

}

.boton-1:hover{
	   font-family: 'Raleway', sans-serif;
	    color: #242424;
	    font-size: 15px;
	    font-weight: 700;
		padding: 10px 35px;
	    background-color: #ff00c8;
	    transition-duration: 1s;
		-webkit-transition-duration:1s;
		-moz-transition-duration: 1s; 
 		-o-transition-duration: 1s;
	    text-align: center;
	    display: inline-block;
		text-decoration: none;
}

#together{
	height: 400px;  
	width: 100%;
    position: relative;
	text-align: center;
	background-image:url("img/together.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#datos{
	height: auto;  
	width: 100%;
    position: relative;
	text-align: center;
		margin-bottom: 150px;

}

#formulario{
	height: 750px;  
	width: 100%;
    display: inline-block;
	background-color: #242424;	
	vertical-align: top;
	padding: 100px 50px;
	box-sizing: border-box;


}

#formulario h2{
	color: #fff;
    font-family: 'Raleway', sans-serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 800;
	text-align: left;
	margin-bottom: 50px;
}


#sedes{
	
	height: 750px;  
	width: 100%;
    display: inline-block;
	background-color: #fff;	
	vertical-align: top;
	padding: 100px 50px;
	box-sizing: border-box;

}

#sedes h2{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 800;
	text-align: left;
	margin-bottom: 50px;
}

#sedes h3{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 35px;
	font-weight: 800;
	text-align: left;
	margin: 15px 0px;
}

#sedes h4{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-align: left;
}


h9{
	color:#fff;
    font-size:8px;
    font-family: 'Raleway', sans-serif;
	font-weight: 300;
	text-align: center;
}

.design { 
	position: relative; 
	width: 100%; 
	height: 40px; 
	text-align: center; 
	font-weight: 400;
	font-size: 12px;
	box-sizing: border-box;
    background-color: #242424;
    display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 30px;
	border-top: 1px solid #fff;
}



.carreras{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
	background-color: #f2f2f2;
	padding-bottom: 150px;
	display: flex;
	justify-content: center;
	align-items: center;	
}

.carreras h1{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 800;
	text-align: center;
	width: 100%;
	padding: 150px 0px 100px;
	box-sizing: border-box;
}


.secundario-calendario{
	width: 360px;
	height: auto;
	display: inline-block;
	background-color: #fff;
	text-align: left;
	margin-bottom: 4px;
	vertical-align: top;
	padding-bottom: 50px
}

.secundario-calendario h2{
	color: #242424;
    font-family: 'Raleway', sans-serif;
	font-size: 35px;
	font-weight: 800;
	text-align: left;
 	text-transform: uppercase;
	margin-left: 50px;
	margin-top: 30px;
	box-sizing: border-box;
	margin-bottom: 25px;



}
.secundario-calendario h3{
	color: #ff00c8;
    font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 800;
	text-align: left;
	width: calc(100% - 30px);
	text-transform: uppercase;
	margin-left: 50px;
	box-sizing: border-box;
	margin-top: 20px;

}
.secundario-calendario h4{
	color: #4D4D4D;
    font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	margin-left: 50px;
	text-transform: uppercase;
	margin-top: 10px;
	display: inline-block;
	box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 20px;
	width: calc(100% - 100px);


}