/* CSS Document */
@charset "utf-8";
/* TIPOGRAFIAS */
@font-face {
		font-family: "josefin";
			src:url(../font/josefinsans-bold-webfont.eot);
		 
			src:url(../font/josefinsans-bold-webfont.eot) format("eot"),
			url(../font/josefinsans-bold-webfont.woff) format("woff"),
			url(../font/josefinsans-bold-webfont.ttf) format("truetype"),
			url(../font/josefinsans-bold-webfont.svg) format("svg");
		}
@font-face {
		font-family: "playfair";
			src:url(../font/playfairdisplay-regular-webfont.eot);
		 
			src:url(../font/playfairdisplay-regular-webfont.eot) format("eot"),
			url(../font/playfairdisplay-regular-webfont.woff) format("woff"),
			url(../font/playfairdisplay-regular-webfont.ttf) format("truetype"),
			url(../font/playfairdisplay-regular-webfont.svg) format("svg");
		}
@font-face {
		font-family: "open";
			src:url(../font/opensans-regular-webfont.eot);
		 
			src:url(../font/opensans-regular-webfont.eot) format("eot"),
			url(../font/opensans-regular-webfont.woff) format("woff"),
			url(../font/opensans-regular-webfont.ttf) format("truetype"),
			url(../font/opensans-regular-webfont.svg) format("svg");
		}

/* GENERALERES */
	* {margin: 0px; padding: 0px; text-decoration:none; list-style:none; font-weight:normal;}	
	html {font-size: 10px;	-webkit-font-smoothing: antialiased;}	
	body {font-family:Tahoma, Geneva, sans-serif;}

	.contenedor-titulo {
		padding: 50px 40px 30px 40px;
	}
	.contenedor-titulo-level {
		padding: 50px 40px 0px 40px;
		margin-bottom: -25px;
	}

/* COLORES */
.bg-negro {background: #313131;}
.bg-verde-petroleo {background:#152e25;}

.text-verde-claro {color: #358467;}
.text-verde-petroleo-claro{color: #265a47;}
.text-verde-sobre-negro {color:#358467;}
.text-gris-claro {color:#7a7a7a;}
.text-gris-oscuro {color:#575757;}

/* TESTOS */
p {
	font-family: "open";
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.p-ingles {
	font-family: "playfair";
	font-style: italic;
	font-size: 1.6rem;
	line-height: 3.2rem;
	color: #6eae98;
	margin-top: 15px;
}

h1 {
	font-family: "josefin";
	font-size: 3rem;
	text-transform: uppercase;
	margin-bottom: .8rem;
}
h2 {	
	font-family: "playfair";
	font-size: 2.4rem;
	text-transform: uppercase;
}
.subtitulo {
	font-family: "josefin";
	font-size: 1.6rem;
	text-transform: uppercase;
}

.frases{
	font-family: "playfair";
	font-style: italic;
	font-weight: bold;
	font-size: 4.8rem;
	line-height: 6.7rem;
	width: 75%;
}
	.frase-borde{
		border-bottom: 4px solid #fff;
		width: 25%;
		min-width: 125px;
	}
.frases-profe{
	font-family: "playfair";
	font-style: italic;
	font-weight: bold;
	font-size: 2.8rem;
	line-height: 4rem;
}
.comilla-inicial{
	font-family: "playfair";
	font-style: italic;
	font-weight: bold;
	font-size: 5.3rem;
}
.comilla-final{
	font-family: "playfair";
	font-style: italic;
	font-weight: bold;
	font-size: 4.9rem;
}

/* HEADER */
header {
	position: fixed;
	top: 0%;
	height: 54px;
	z-index: 20;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/*background:#265a47;*/
}

#btn-menu {
	display:none;
}

header label {
	font-size: 38px;
	cursor: pointer;
	display: none;
	color: #fff;
}

.nav-brand {
	padding: 7px;
	margin-top: 2px;
	width: 250px;
}

.menu {
	margin:7px;
}

.menu ul {
	display: flex;
	list-style: none;
}

.nav-li {
	padding: 3px 10px;
	margin: 7px 5px;
}
.nav-link {
	display: block;
	padding-bottom: 7px;
	text-decoration: none;
	font-family: "josefin";
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #fff;
}
	.nav-link:hover {
		border-bottom: 2px solid #fff;
	}
	.nav-link-active {
		color: #313131;
	}
.nav-contacto {
	display: block;
	color: #fff;
	padding: 3px 14px;
	margin: 4px 0px;
	text-decoration: none;
	font-family: "josefin";
	font-size: 1.6rem;
	text-transform: uppercase;
	border: 2px solid #fff;
	border-radius: 50px;
}
	.nav-contacto:hover {
		background: #fff;
		color: #265a47;
	}

.nav-img {
	width: 2px;
	height: 25px;
	margin-top: 10px;
}

	/* ICONOS REDES */
		.nav-face {
			width: 30px;
			height: 30px;
			display: block;
			background: url(../img/header/icons-30.png) no-repeat;
			background-position: 0px 0px;
			margin: 4px 6px 4px 8px;
		}
			.nav-face:hover {
				width: 30px;
				height: 30px;
				display: block;
				background: url(../img/header/icons-30.png) no-repeat;
				background-position: 0px -30px;
			}
		.nav-twit {
			width: 30px;
			height: 30px;
			display: block;
			background: url(../img/header/icons-30.png) no-repeat;
			background-position: -30px 0px;
			margin: 4px 6px;
		}
			.nav-twit:hover {
				width: 30px;
				height: 30px;
				display: block;
				background: url(../img/header/icons-30.png) no-repeat;
				background-position: -30px -30px;
			}
		.nav-you {
			width: 30px;
			height: 30px;
			display: block;
			background: url(../img/header/icons-30.png) no-repeat;
			background-position: -60px 0px;
			margin: 4px 6px;
		}
			.nav-you:hover {
				width: 30px;
				height: 30px;
				display: block;
				background: url(../img/header/icons-30.png) no-repeat;
				background-position: -60px -30px;
			}
		.nav-inst {
			width: 30px;
			height: 30px;
			display: block;
			background: url(../img/header/icons-30.png) no-repeat;
			background-position: -90px 0px;
			margin: 4px 6px;
		}
			.nav-inst:hover {
				width: 30px;
				height: 30px;
				display: block;
				background: url(../img/header/icons-30.png) no-repeat;
				background-position: -90px -30px;
			}
    .nav-ws {
        width: 30px;
        height: 30px;
        display: block;
        background: url(../img/header/icons-30.png) no-repeat;
        background-position: -120px 0px;
        margin: 4px 6px;
      }
			.nav-ws:hover {
				width: 30px;
				height: 30px;
				display: block;
				background: url(../img/header/icons-30.png) no-repeat;
				background-position: -120px -30px;
			}

/* PAGINA */
.pagina {
	position: absolute;
	top: 100%;
	z-index: 99;
	background: #fff;
	width: 100%;
}

/* SECTION INTRO */
.s-intro {
	position: fixed;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(../img/home/portada.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 10;
}
.i-hi {
	padding: 10px;
	width: 25%;
	max-width: 322px;
}
.i-logo {
	padding: 10px;
	width: 90%;
	max-width: 959px;
}
.i-testo{
	color: #fff;
	text-align: center;
	padding: 10px;
	max-width: 90%;
	margin: auto;
	/* clases online */
	margin-top: 30px;
}
.clases-online{
	font-family: 'playfair';
	color: #fff;
	text-align: center;
	max-width: 90%;
	margin: auto;
	font-size: 7rem;
	border-bottom: 4px solid #fff;
  display: inline-block;
}
.clases-online-flecha{
	margin: 13px auto;
  display: block;
}

/* 30años */
.treinta {
	padding: 5.8rem; 
}
.treinta-esq-izq {
	border-top: 3px solid #000;
	border-left: 3px solid #000;
	width: 70px;
	height: 70px;
}
.treinta-esq-der {
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	width: 70px;
	height: 70px;
}
				/* version blanca */
				.treinta-esq-izq-blanca {
					border-top: 3px solid #fff;
					border-left: 3px solid #fff;
					width: 70px;
					height: 70px;
				}
				.treinta-esq-der-blanca {
					border-bottom: 3px solid #fff;
					border-right: 3px solid #fff;
					width: 70px;
					height: 70px;
				}
				/* version chica */
				.treinta-esq-izq-blanca-chica {
					border-top: 3px solid #fff;
					border-left: 3px solid #fff;
					width: 30px;
					height: 30px;
				}
				.treinta-esq-der-blanca-chica {
					border-bottom: 3px solid #fff;
					border-right: 3px solid #fff;
					width: 30px;
					height: 30px;
				}


.treinta-contenedor{
	padding: 40px 10px;
}
.treinta-contamos {
	font-family: "playfair";
	color: #265a47;
	font-size: 2.2rem;
	margin-bottom: 23px;
}
.treinta-treinta{
	font-family: "playfair";
	font-size: 13rem;
	line-height: 4.3rem;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 38px;
	letter-spacing: -10px;
	margin-left: -37px;
}
	.treinta-treinta span {
		font-family: "playfair";
		font-size: 7rem;
		font-style: italic;
		font-weight: bold;
		margin-right: -11px;
	}
.treinta-anos{
	font-family: "playfair";
	font-size: 5rem;
	margin-bottom: 7px;
}

/* SECTION CLASES CHICOS y ADULTOS*/
.s-clases-parallax {
	padding-bottom: 15px;
	position: relative;
	z-index: 1;
}
.s-clases {
	padding: 40px 0px;
	position: relative;
	z-index: 10;
}

.parallax-01 {
	position: absolute;
	margin-left: 7%;
	margin-top: 7%;
	z-index: 7;
	width: 17%;
}
.parallax-02 {
	position: absolute;
	margin-left: 77%;
	margin-top: -10%;
	z-index: 7;
}
.parallax-03 {
	position: absolute;
	margin-left: 18%;
	margin-top: 51%;
	z-index: 2;
	width: 21%;
}
.parallax-04 {
	position: absolute;
	margin-left: 69%;
	margin-top: 15%;
	z-index: 7;
}
.parallax-05 {
	position: absolute;
	margin-left: 32%;
	margin-top: 48%;
	z-index: 1;
	width: 11%;
}
.parallax-06 {
	position: absolute;
	margin-left: 10%;
	margin-top: 96%;
	z-index: 7;
	width: 24%;
}
.parallax-07 {
	position: absolute;
	margin-left: 62%;
	margin-top: 31%;
	z-index: 3;
	width: 22%;
}
.parallax-texto-01 {
	width: 50%;
	margin: 50px auto 100px auto;
	padding: 40px;
	background: rgba(243, 243, 243, 0.94);
	text-align: center;
}
.parallax-texto-02 {
	width: 50%;
	margin: 200px auto;
	padding: 40px;
	background: rgba(243, 243, 243, 0.94);
	text-align: center;
}

/* SECTION BLACK CLASES */
.s-black-clases {
	padding: 40px 0px 0px 0px;
	position: relative;
	z-index: 10;
	background: #232323;
}

/* SECTION LEVEL */
.s-level {
	padding: 0px 0px 40px 0px;
	position: relative;
	z-index: 10;
	background: #232323;
}
.level-testo {
	color: #fff;
	font-size: 1.4rem;
	line-height: 2.2rem;
	text-align: center;
  padding: 4px 0px;
}
.level-titulo {
	color:#6eae98;
	font-family: "playfair";
	font-size: 2.4rem;
	text-align: center;
  padding-bottom: 8px;
}
	.level-titulo span {
		font-size: 3.6rem;
	}
.level-img{
  width: 100%;
  max-width: 250px;
  display: block;
  margin: auto;
}

/* SECTION STAFF */
.s-staff {
	background: #000;
	padding-bottom: 15px;
	z-index: 10;
	position: relative
}

/* SECTION CONTACTO */
.s-contacto {
	background:#265a47;
	z-index: 10;
	position: relative
}

.bg-contacto {
	background: url(../img/contacto/bg-contacto.jpg) no-repeat;
	background-size: cover;
	background-position: center right;
}

.contenedor-frase-contacto {
	padding: 50px;
}

.s-contacto form {
	width: 70%;
}
.input-contacto {
	font-size: 1.3rem;
}
.enviar {
	display: block;
	color: #fff;
	padding: 3px 14px;
	margin: 4px 0px;
	text-decoration: none;
	font-family: "josefin";
	font-size: 1.6rem;
	text-transform: uppercase;
	border: 2px solid #fff;
	border-radius: 50px;
	background: none;
	cursor: pointer;
}
	.enviar:hover {
		background: #fff;
		color: #265a47;
	}
.c-envio {
	font-family: "playfair";
	font-size: 2.2rem;
	color: #8fe1c5;
}
.c-envio span {
	font-family: "open";
	font-size:1.4rem;
	color: #ccc;
}
.c-error {color:#5f0c14;}
.c-completar{
	display:block;
	color: #265a47;
	font-family: "josefin";
	text-decoration: underline;
	text-transform: uppercase;
	padding: 7px 10px;
	background:#ffF;
	margin-top: 10px;
	width: 90%;
	font-size: 2rem;
}
.c-completar:hover {
	background: #c9c9c9;
}
.c-datos {
	padding:20px 0px;
}
	.c-datos li {
		padding: 10px 0px;
	}
.c-mail {
	font-family: "open";
	font-size: 1.6rem;
	line-height: 3.2rem;
	color: #fff;
	text-decoration: underline;
}

/* SECTION MAPA */
.s-mapa {
	z-index: 10;
	position: relative;
	margin-bottom: -3px;
}
#map {
	height: 350px;
	width: 100%;
}

/* BOTTOM */
footer {
	background: #000;
	z-index: 10;
	position: relative
}
.f-logo {
	padding: 40px 0px; 
} 
.f-link {
	margin: 20px 0px 7px 0px;
}
.f-link li {
	float: left;
}
.f-link li a:hover {
	border: none;
}
.f-redes li {
	float: left;
}


@media (max-width: 992px) {
	/* HEADER */
	.nav-brand {
	width: 180px;
}
	.nav-li {
		padding: 3px 4px;
	}
.nav-link {
	font-size: 1.2rem;
}
.nav-contacto {
	font-size: 1.2rem;
}
.nav-img {
	height: 18px;
}
/* ICONOS REDES */
		.nav-face {
			margin: 2px 2px 2px 3px;
		}
		.nav-twit {
			margin: 2px 3px;
		}
		.nav-you {
			margin: 2px 3px;
		}
		.nav-inst {
			margin: 2px 3px;
		}
	
	/* INTRO */
	.treinta-treinta{
	font-size: 10rem;
	line-height: 3.3rem;
	margin-bottom: 38px;
	letter-spacing: -5px;
	margin-left: -37px;
}
	.treinta-treinta span {
		font-size: 5.2rem;
		margin-right: -11px;
	}

/* SECTION CLASES CHICOS y ADULTOS*/
.parallax-01 {
	margin-left: 3%;
	margin-top: 17%;
	width: 21%;
}
.parallax-02 {
	margin-left: 77%;
	margin-top: -22%;
}
.parallax-03 {
	margin-left: 16%;
	margin-top: 103%;
	width: 21%;
}
.parallax-04 {
	margin-left: 59%;
  margin-top: 27%;
  max-width: 32%;
}
.parallax-05 {
	margin-left: 32%;
	margin-top: 70%;
	width: 11%;
}
.parallax-06 {
	margin-left: 2%;
	margin-top: 148%;
	width: 24%;
}
.parallax-07 {
	margin-left: 73%;
	margin-top: 31%;
	width: 22%;
}
.parallax-texto-01 {
	width: 70%;
	margin: 50px auto 50px auto;
	padding: 40px;
}
.parallax-texto-02 {
	width: 70%;
	margin: 100px auto;
	padding: 40px;
}

}
	
@media (max-width: 768px){
	.frases{
	font-size: 2.8rem;
	line-height: 4.7rem;
}
	/* HEADER */
	header label {
		display: block;
		z-index: 20;
	}
	.nav-brand {z-index: 20}
	.menu {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		transform: translateX(-100%);
		transition: all 0.3s;
		background: rgba(0,0,0,0.89);
		margin: 0px;
		padding-top: 70px;
		z-index: 7;
	}
	.menu ul {
		display: block;
		text-align: center;
		/*background: #555;*/
	}
	.menu ul > img {display: none;}
	.nav-link {
		margin: auto;
		font-size: 2.2rem;
		margin-top:10px;
	}
	.nav-link:hover {
		color: #6eae98;
		border-bottom: none;
		font-size: 2.2rem;
		margin-top:10px;
	}
	.nav-contacto {
		display: inline-block;
		font-size: 2.2rem;
	}
	.nav-contacto:hover {
		border: 2px solid #fff;
		font-size: 2.2rem;
	}
	
	#btn-menu:checked ~ .menu {
		transform: translateX(0%);
	}
		
	
	/* HOME */ 
	.i-hi {
		width: 40%;
	}
	
	/* CLASES */
	.s-clases {
		padding: 0px;
	}
	.parallax-01 {
	position: absolute;
	margin-left: 3%;
	margin-top:18%;
	z-index: 7;
	width: 27%;
}
.parallax-02 {
	display: none;
}
.parallax-03 {
	position: absolute;
	margin-left: 2%;
	margin-top: 160%;
	z-index: 1;
	width: 24%;
}
.parallax-04 {
	position: absolute;
	margin-left: 71%;
	margin-top: 14%;
	z-index: 7;
	width: 26%;
}
.parallax-05 {
	position: absolute;
	margin-left: 31%;
	margin-top: 17%;
	z-index: 1;
	width: 10%;
}
.parallax-06 {
	display: none;
}
.parallax-07 {
	position: absolute;
	margin-left: 62%;
	margin-top: 16%;
	z-index: 3;
	width: 27%;
}
.parallax-texto-01 {
	width: 80%;
	margin: 0px auto 100px auto;
	padding: 40px;
	background: rgba(243, 243, 243, 0.94);
	text-align: center;
}
.parallax-texto-02 {
	width: 80%;
	margin: 100px auto;
	padding: 40px;
	background: rgba(243, 243, 243, 0.94);
	text-align: center;
}
	
	/* CLASES */
	.c-item {padding-bottom: 40px;}
	.q-texto {text-align: center;}
	
	/* LEVEL */
	.l-container {
		padding: 50px 0px 40px 0px;
	}
	.level-testo {
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.level-titulo {
	font-size:1.8rem;
	line-height: 2.2rem;
}
	.level-titulo span {
		font-size: 2.4rem;
	}
	
  .level-img{
  max-width: 180px;
}
  
	/* CONTACTO */
	.contenedor-frase-contacto {
		padding: 15px;
	}
	/* FOOTER */	
	.f-link-mq{
		font-size: 1.6rem;
		margin-right: 15px;
	}
	.f-link-mq:hover{
		font-size: 1.6rem;
		margin-right: 15px;
	}
}

@media (max-width: 490px){
.parallax-05 {
	margin-left: 31%;
	margin-top: 51%;
	width: 10%;
}
.parallax-07 {
	margin-left: 70%;
	margin-top: 43%;
	width: 27%;
}
	.f-link {
		float: none;
		text-align: center;
	}
	
}