/*
Theme Name: English Joy
Description: Sitio web desarrollado a medida para English Joy
Author: Saul Chávez(Programación) Fernanda Lazalde(Diseño gráfico)
Author URI: https://hellocreativa.mx/
Version: 2.0
Tested up to: 6.3
Requires at least: 3.0
Requires PHP: 5.2.4
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header, block-patterns
Text Domain: englishjoy
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');


@font-face {
  font-family: 'Writesign Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Writesign Regular'), url('fonts/Writesign.woff') format('woff');
}
/*
	font-family: 'Quicksand', sans-serif;
	font-family: 'Writesign Regular';
	font-family: 'Nunito', sans-serif;
*/

/*****************************
 *			   GENERALES 			   *
 *****************************/
:root{
	--naranja: #ff9900;
	--rosa: #ff008d;
	--azul: #46CAD5;
	--azul-oscuro: #73C8D2;
	--gris: #888888;
	--azul-cielo: #dcf2f4;
	--amarillo: #ffe252;
	--azul-fosfo: #0deaec;
}
.banner{
	position: relative;
	width: 100%;
	height: 30vw;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}



.contenedor{
	position: relative;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}
body{
	margin: 0 auto;
	font-size: 0px;
	font-family: 'Nunito', sans-serif !important;
	margin: 0px;
}
.tope{
	position: relative;
	width: 100%;
	height: 100px;
}

/*****************************
 *			   CABECERA	  		   *
 *****************************/
header{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4;
	width: 100%;
	height: 160px;
	height: 100px;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0,0.2);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
header div{	
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 170px;
	height: 160px;
	height: 100px;
	background-image: url(images/logo.svg);
	background-position: center center;
	background-size: auto 70%;
	background-repeat: no-repeat;
}
header ul{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: calc(100% - 180px);
	list-style: none;
}
header li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 100px;
	font-size: 14px;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
header li:hover{
	color: var(--naranja);
}
header a:nth-child(2n+1):hover > li{
	color: var(--rosa);
}
header a:nth-child(9) > li{
	color: var(--rosa);
  background-image: url(images/botoncito.png);
  line-height: 30px;
  background-size: 100% 100%;
  border-radius: 25px;
  margin-top: 34px;
	margin-left: 10px;
	margin-right: 10px;
}
header a:nth-child(9) > li:hover{
	background-image: none;
	background-color: var(--azul);
	color: #FFF;
}
header a:nth-child(10) > li, header a:nth-child(11) > li{
	font-size: 14px;
    background-color: var(--naranja);
    line-height: 28px;
    color: #FFF;
    margin-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 40px;
}
header a:nth-child(11) > li{
	background-color: var(--rosa);
}
header a:nth-child(10):hover > li, header a:nth-child(11):hover > li{
	background-color: var(--azul);
	color: #FFF;
}
.cintillo-anuncio{
	position: relative;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 1.2vw;
	font-weight: 600;
	margin: 0px;
	line-height: 2.5vw;
	background-color: var(--naranja);
/*	opacity: .5;*/
}
.cintillo-anuncio:hover{
	background-color: var(--rosa);
}
/*****************************
 *			     HOME   			   *
 *****************************/
#banner-home{
	background-image: url(images/pruebas/fondo-home.png);
	height: 35vw;
}

#banner-home h1{
	position: relative;
	width: 36%;
	font-size: 4vw;
	color: #FFF;
	font-weight: 800;
	margin: 0px;
	padding-top: 13vw;
	margin-left: 8%;
	line-height: 1.1;
	margin-bottom: .5vw;
}
#banner-home h2{
	position: relative;
	width: 60%;
	font-size: 1.5vw;
	color: #FFF;
	font-weight: 800;
	margin: 0px;
	background-color: var(--rosa);
	width: fit-content;
	border-radius: 2vw;
	padding-left: 2vw;
	padding-right: 2vw;
	line-height: 3vw;
	margin-left: 7%;
}
#banner-home img{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 80%;
}

.historias{
	position: relative;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	padding-top: 3vw;
	padding-bottom: 3vw;
	display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
        flex-wrap: wrap;
}
.historias > section:nth-child(1) > article > div > div{
	background-color: var(--rosa);
}
.historias > section:nth-child(2) > article > div > div{
	background-color: var(--azul);
}
.historias > section:nth-child(3) > article > div > div{
	background-color: var(--naranja);
}
.historias > section:nth-child(4) > article > div > div{
	background-color: var(--azul);
}
.historias article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	/*width: 14vw;
	height: 14vw;
	margin-left: 1.5vw;
	margin-right: 1.5vw;
	border-radius: 8vw;*/
	background-color: #FFF;
	border:solid 2px var(--rosa);
	width: 185px;
	height: 185px;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 100px;
}
.historias article > div{
	position: relative;
	/*width: 13vw;
	height: 13vw;
	border-radius: 7vw;
	margin-left: .5vw;
	margin-top: .5vw;*/
	width: 175px;
	height: 175px;
	border-radius: 100px;
	margin-left: 5px;
	margin-top: 5px;
}
.historias article > div > div{
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background-size: cover;
	background-position: center center;
	background-image: url(images/kid1.png);
	cursor: pointer;
	display: flex;
  align-items: center;
  justify-content: center;
}
.historias article > div > div > img{
	width: 5vw;
  height: 5vw;
  opacity: .5;
}
.historias article > div > div:hover > img{
	opacity: 1;
}

.historias > a:nth-child(1n + 1) > article > div{
	background-image: url(images/fondo-testimonios-1.png);
}
.historias > a:nth-child(1n + 2) > article > div{
	background-image: url(images/fondo-testimonios-2.png);
}
.historias > a:nth-child(1n + 3) > article > div{
	background-image: url(images/fondo-testimonios-3.png);
}
.historias > a:nth-child(1n + 4) > article > div{
	background-image: url(images/fondo-testimonios-4.png);
}
.historias > a:nth-child(1n + 5) > article > div{
	background-image: url(images/fondo-testimonios-5.png);
}
.mane-home{
	position: relative;
	width: 100%;
}
.mane-home > aside{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	margin-left: 8%;
	height: 40vw;
	background-image: url(images/mane-home.png);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.mane-home > article{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	padding-left: 5%;
	padding-right: 7%;
}
.mane-home > article > h1{
	font-size: 2vw;
	font-weight: 700;
	color: var(--rosa);
}
.mane-home > article > p{
	font-size: 1.3vw;
	font-weight: 500;
}
.mane-home > article > p > span{
	font-weight: 700;
}
.mane-home > article h2{
	font-size: 1.1vw;
	width: 60%;
	line-height: 3vw;
	text-align: center;
	border-radius: 2vw;
	font-weight: 700;
	color: #FFF;
	background-color: var(--azul);
}
.mane-home > article h2:hover{
	background-color: var(--rosa);
}
.nuestros-cursos{
	background-image: url(images/fondo-nuestros-cursos.png);
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7vw;
	padding-bottom: 16vw;
}
.nuestros-cursos > h1{
	font-size: 3vw;
	font-weight: 700;
	text-align: center;
	padding-bottom: 5vw;
}
.nuestros-cursos > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 18vw;
	height: 18vw;
	margin-left: 1vw;
	margin-right: 1vw;
	background-size: cover;
	background-position: center center;
}
.nuestros-cursos > article > div{
	position: relative;
	width: 100%;
	height: 100%;
	animation-name: fadeOut;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	background-color: var(--azul);
}
.nuestros-cursos > article:hover > div{
	animation-name: fadeIn;
}
.nuestros-cursos > article > div div{
	position: absolute;
	color: #FFF;
	font-weight: 700;
	font-size: 1.3vw;
	border-radius: 2vw;
	width: 40%;
	left: 30%;
	top: 7vw;
	height: 3vw;
	line-height: 3vw;
	border:solid 2px #FFF;
	cursor: pointer;
}
.nuestros-cursos > article > h1{
	font-size: 1.3vw;
	font-weight: 700;
}

.nuestros-cursos > article:nth-child(2){
	background-image: url(images/cursos-presenciales-bi.png);
}
.nuestros-cursos > article:nth-child(3){
	background-image: url(images/cursos-en-linea-bi.png);
}
.nuestros-cursos > article:nth-child(4){
	background-image: url(images/curso-verano-pres.png);
}
.nuestros-cursos > article:nth-child(5){
	background-image: url(images/curso-verano-linea.png);
}

.la-mejor{
	position: relative;
	width: 100%;
	padding-bottom: 5vw;
	height: 45vw;
	height: auto;
}
.la-mejor > aside{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	height: 35vw;
	background-image: url(images/foto2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 3vw;
}
.la-mejor > article{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	padding-left: 15%;
	padding-right: 5%;
}
.la-mejor > article > h1{
	font-size: 2vw;
	font-weight: 700;
	width: 80%;
}
.la-mejor > article > h1 > span{
	color: var(--naranja);
}
.la-mejor > article > ul{
	paint-order: revert;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.la-mejor > img{
	width: 100%;
	margin-top: 5vw;
}
.la-mejor > article > video.modalidades{
	width: 80%;
	margin-bottom: 1vw;
}
.la-mejor > video.plataforma{
	width: 70%;
    padding-left: 15%;
    /* background-color: #FA0; */
    padding-right: 15%;
    padding-bottom: 10vw;
    background-image: url(images/fondo-azul.png);
    background-size: 100% 93%;
    background-position: 0px 3vw;
    background-repeat: no-repeat;
    margin-top: 4vw;
}
.la-mejor > article > ul > li{
	position: relative;
	width: 100%;
}
.la-mejor > article > ul > li > h2{
	background-color: var(--azul);
	color: #FFF;
	font-size: 1.3vw;
	line-height: 3vw;
	padding-left: 2vw;
	font-weight: 700;
	width: fit-content;
	padding-right: 2vw;
	border-radius: 2vw;
	cursor: pointer;

	animation-name: cierra-letras;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}
.la-mejor > article > ul > li > div{
	font-size: 1.2vw;
	font-weight: 500;
	display: none;
}
.la-mejor > article > ul > li:nth-child(1n + 1) > h2{
	background-color: var(--azul);
}
.la-mejor > article > ul > li:nth-child(1n + 2) > h2{
	background-color: var(--rosa);
}
.la-mejor > article > ul > li:nth-child(1n + 3) > h2{
	background-color: var(--naranja);
}
.la-mejor > article > ul > li:nth-child(1n + 4) > h2{
	background-color: var(--azul);
}
.la-mejor > article > ul > li:nth-child(1n + 5) > h2{
	background-color: var(--rosa);
}
.la-mejor > article > ul > li:nth-child(1n + 6) > h2{
	background-color: var(--azul);
}
.la-mejor > article > ul > li:nth-child(1n + 7) > h2{
	background-color: var(--rosa);
}
.la-mejor > article > ul > li:nth-child(1n + 8) > h2{
	background-color: var(--naranja);
}
.la-mejor > article > ul > li:nth-child(1n + 9) > h2{
	background-color: var(--azul);
}
.la-mejor > article > ul > li:nth-child(1n + 10) > h2{
	background-color: var(--rosa);
}
.la-mejor > article > ul > li > h2:hover{
	letter-spacing: .1vw;
	animation-name: abre-letras;
}

@keyframes abre-letras{
	from{letter-spacing: 0vw;}
	to{letter-spacing: .1vw}
}
@keyframes cierra-letras{
	from{letter-spacing: .1vw;}
	to{letter-spacing: 0vw}
}

.prueba-gratis{
	position: relative;
	width: 100%;
	padding-top: 5vw;
	padding-bottom: 5vw;
	background-image: url(images/cenefa1.png);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
}
.prueba-gratis > h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-weight: 700;
	font-size: 2vw;
	width: 45%;
}
.prueba-gratis div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-weight: 700;
	font-size: 1.2vw;
	border-radius: 2vw;
	border:solid 2px #FFF;
	padding: 1vw;
	width: 8%;
	text-align: center;
	background-color: var(--azul);
	animation-name: cierra-letras;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
.prueba-gratis div:hover{
	animation-name: abre-letras;
	background-color: var(--rosa);
}
.team-home{
	position: relative;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.team-home > h1{
	font-size: 3.5vw;
	text-align: center;
	font-weight: 700;
	color: var(--rosa);
}
.team-home > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-top: 5vw;
	text-align: center;
}
.team-home > article > div{
	position: relative;
	width: 14vw;
	height: 14vw;
	margin-left: calc(50% - 7vw);
	border-radius: 15vw;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
/*	background-color: var(--azul);*/
	background-image: url(images/team1.png);
}
.team-home > article:nth-child(2) > div{
/*	background-color: var(--rosa);*/
}
.team-home > article > h1{
	font-weight: 700;
	font-size: 1.4vw;
	margin-bottom: 0px;
}
.team-home > article > h2{
	font-weight: 500;
	font-size: 1.3vw;
	margin-top: 0px;
}
.team-home > article > div h1{
	position: relative;
	margin: 0px;
	width: 100%;
	height: 100%;
	border-radius: 8vw;
	text-align: center;
	line-height: 14vw;
	color: #FFF;
	font-weight: 700;
	font-size: 1.5vw;
	background-color: var(--azul);
	animation-name: cierra-letras;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
.team-home > article > div h1:hover{
	animation-name: abre-letras;
	background-color: var(--rosa);
}
.contacto{
	padding-top: 7vw;
	padding-bottom: 7vw;
	position: relative;
	background-color: var(--azul);
}
.contacto > h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 3.2vw;
	font-weight: 700;
	color: #FFF;
	width: 35%;
	line-height: 1;
	text-align: right;
	padding-left: 5%;
	padding-right: 5%;
}
.contacto > form{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	padding-left: 2%;
	padding-right: 8%;
}
.contacto > form > h2{
	font-size: 2.5vw;
	color: #FFF;
	font-weight: 700;
}
.contacto > form > input{
	position: relative;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 1.2vw;
	height: 3vw;
	margin-top: 1vw;
	border-radius: 2vw;
	background-color: #94e1e7;
	border:0px;
	color: #FFF;
	font-weight: 500;
	font-family: 'Nunito', sans-serif;
}
.contacto > form > input::placeholder{
	color: #FFF;
}
.contacto > form > input[type=submit]{
	background-color: var(--rosa);
	font-weight: 700;
	color: #FFF;
	width: 42%;
	font-size: 1vw;
	cursor: pointer;
}
.contacto > form > input[type=submit]:hover{
	background-color: var(--naranja);
}


/*****************************
 *			    CURSOS  			   *
 *****************************/
.banner-curso{
	background-position: bottom center;
	background-size: cover;
	height: 35vw;
	padding-top: 5vw;
}
.banner-curso h1{
	position: relative;
	width: 60%;
	font-size: 6vw;
	color: #FFF;
	font-weight: 800;
	margin: 0px;
	padding-top: 7vw;
	margin-left: 15%;
	line-height: 1;
}
.banner-curso h2{
	position: relative;
	width: 60%;
	font-size: 1.8vw;
	color: #FFF;
	font-weight: 800;
	margin: 0px;
/*	background-color: var(--rosa);*/
	width: fit-content;
	border-radius: 2vw;
	/*padding-left: 2vw;
	padding-right: 2vw;*/
	line-height: 3vw;
	margin-left: 15%;
	line-height: 2;
}
.banner-curso img{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 80%;
}
#verano-en-linea{
	background-image: url(images/pruebas/fondo-curso4-desktop.png);
}
#linea-bimestral{
	background-image: url(images/pruebas/fondo-curso2-desktop.png);
}
#presencial-bimestral{
	background-image: url(images/pruebas/fondo-curso3-desktop.png);
}
#verano-presencial{
	background-image: url(images/pruebas/fondo-curso1-desktop.png);
}
.banner-curso > ul{
	position: relative;
	width: 70%;
	margin: 0px;
	padding: 0px;
	margin-left: 15%;
	margin-right: 15%;
	background-color: #FFF;
	border-radius: 2vw;
	text-align: center;
	overflow: hidden;
	z-index: 2;
	list-style: none;
	display: flex;
	align-items: center;
	height: 3.5vw;
}
.banner-curso > ul a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 1px);
	border-right: dotted 1px rgba(0,0,0,.2);
	font-size: 1.2vw;
	font-weight: 700;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner-curso > ul li{
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	    width: 100%;
    justify-content: center;
}
.banner-curso > ul a > li:hover{
	background-color: var(--naranja);
	color: #FFF;
}
.banner-curso > ul a > li.activo{
	background-color: var(--rosa);
	color: #FFF;
}
/*.banner-curso > ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 1px);
	line-height: 3.5vw;
	border-right: dotted 1px rgba(0,0,0,.2);
	font-size: 1.2vw;
	font-weight: 700;
	cursor: pointer;
}*/
/*.banner-curso > ul a:nth-child(4) > li{
	border:0px;
	width: 25%;
}*/
/*.banner-curso > ul li:hover{
	background-color: var(--naranja);
	color: #FFF;
}
.banner-curso > ul li.activo{
	background-color: var(--rosa);
	color: #FFF;
}*/
.beneficios{
	position: relative;
	width: 75%;
	padding-top: 4vw;
	padding-left: 12.5%;
	padding-right: 12.5%;
	padding-bottom: 5vw;
}
.beneficios > h1{
	font-size: 3vw;
	line-height: 1;
	font-weight: 700;
}
.beneficios > h1 > span{
	color: var(--naranja);
}
.beneficios > ul{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0px;
	margin: 0px;
}
.beneficios > ul > li{
	position: relative;
	width: 100%;
	margin-bottom: 2vw;
}
.beneficios > ul > li > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 4vw;
	height: 4vw;
	border-radius: 2vw;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.beneficios > ul > li > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 2vw;
	width: calc(100% - 6vw);
}
.beneficios > ul > li > article > h1{
	font-size: 1.5vw;
	font-weight: 600;
	margin-bottom: 0px;
	margin-top: 0px;
}
.beneficios > ul > li > article > p{
	font-size: 1.1vw;
	margin-top: .5vw;
	font-weight: 500;
}

.beneficios > ul > li.rosa div{
	background-color: var(--rosa);
}
.beneficios > ul > li.rosa > article > h1{
	color: var(--rosa);
}
.beneficios > ul > li.azul > div{
	background-color: var(--azul);
}
.beneficios > ul > li.azul > article > h1{
	color: var(--azul);
}
.beneficios > ul > li.naranja > div{
	background-color: var(--naranja);
}
.beneficios > ul > li.naranja > article > h1{
	color: var(--naranja);
}
.beneficios > ul:nth-child(2) > li:nth-child(1) > div{
	background-image: url(images/curso-icon1.png);
}
.beneficios > ul:nth-child(2) > li:nth-child(2) > div{
	background-image: url(images/curso-icon2.png);
}
.beneficios > ul:nth-child(3) > li:nth-child(1) > div{
	background-image: url(images/curso-icon3.png);
}
.beneficios > ul:nth-child(3) > li:nth-child(2) > div{
	background-image: url(images/curso-icon4.png);
}
.beneficios > ul:nth-child(3) > li:nth-child(3) > div{
	background-image: url(images/curso-icon5.png);
}
.beneficios > img:nth-child(4){
	position: absolute;
	top: 4vw;
	left: 4vw;
	width: 4vw;
}
.beneficios > img:nth-child(5){
	position: absolute;
	top: 40vw;
	left: 8vw;
	width: 10vw;
}
.beneficios > img:nth-child(6){
	position: absolute;
	top: 4vw;
	right: 4vw;
	width: 4vw;
}


.clases-dinamicas{
	position: relative;
	width: 80%;
	padding-top: 4vw;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 5vw;
	display: flex;
	flex-wrap: wrap;
}
.clases-dinamicas > article{
	    width: 40%;
    padding-left: 5%;
    padding-right: 5%;
}
.clases-dinamicas > article > h1{
	font-size: 2.5vw;
	line-height: 1;
	font-weight: 700;
	width: 92%;
	margin-bottom: 1.5vw;
}
.clases-dinamicas > article > h1 > span{
	color: var(--naranja);
}
.clases-dinamicas > article > h1 > span.rosa{
	color: var(--rosa);
}
.clases-dinamicas > article > p, .clases-dinamicas > article > ul{
	font-size: 1vw;
	line-height: 1;
	font-weight: 700;
}
.clases-dinamicas > article > p{
	font-weight: 400;
}

.incluye{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.incluye > h1{
	font-size: 1.8vw;
	font-weight: 700;
	text-align: center;
	color: var(--rosa);
}
.incluye > h2{
	font-size: 1.5vw;
	font-weight: 700;
	text-align: center;
	color: var(--naranja);
}
.incluye > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 12vw;
	padding: 2vw;
	padding-right: 1vw;
	padding-left: 1vw;
	margin-left: .75%;
	margin-right: .75%;
	height: 15vw;
	text-align: left;
	background-color: var(--naranja);
}
.incluye > article:nth-child(1n + 1){
	background-color: var(--rosa);
}
.incluye > article:nth-child(2n + 1){
	background-color: var(--naranja);
}
.incluye > article:nth-child(3n + 1){
	background-color: var(--azul);
}
.incluye > article > div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 3vw;
	height: 3vw;
	background-position: center center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.incluye > article:nth-child(2) > div{
	background-image: url(images/verano-icon-08.svg);
}
.incluye > article:nth-child(3) > div{
	background-image: url(images/invierno-icon-08.svg);
}
.incluye > article:nth-child(4) > div{
	background-image: url(images/personalizada-icon-08.svg);
}
.incluye > article:nth-child(5) > div{
	background-image: url(images/cuadernillo-icon-08.svg);
}
.incluye > article:nth-child(6) > div{
	background-image: url(images/reporte-icon-08.svg);
}
.incluye > article:nth-child(7) > div{
	background-image: url(images/diploma-icon-08.svg);
}
.incluye > article > h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 4vw);
	color: #FFF;
	padding-left: .5vw;
	margin: 0px;
	font-size: 1.1vw;
}
.incluye > article > p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	color: #FFF;
/*	padding-left: .5vw;*/
	margin: 0px;
	padding-top: 1vw;
	font-size: 1vw;
}
.cintillo-cursos{
	position: relative;
	width: 100%;
	height: 26vw;
	background-image: url(images/cintillo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
}
.cintillo-cursos > h1{
	font-size: 1.7vw;
  color: #FFF;
  font-weight: 700;
  padding-top: 8vw;
  width: 30%;
  text-align: right;
  margin-left: 43%;
}
.cintillo-cursos > h1 > span{
	color: var(--rosa);
}
.cintillo-cursos h2{
	font-size: 1vw;
	line-height: 2.5vw;
	border-radius: 3vw;
	text-align: center;
  color: #FFF;
  font-weight: 700;
  width: 25%;
  margin-left: 48%;
  background-color: var(--rosa);
}
.cintillo-cursos h2:hover{
	background-color: var(--azul);
}
.cintillo-cursos > p{
	font-size: 1vw;
  color: #FFF;
  font-weight: 400;
  width: 25%;
  text-align: right;
  margin-left: 48%;
}
.galeria{
	position: relative;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10vw;
	padding-bottom: 10vw;
	column-count: 3;
	column-gap: 1vw;
	margin-top: -3vw;
	background-color: var(--azul-cielo);
	z-index: 1;
}
.galeria > article{
	position: relative;
	width: 100%;
	margin-bottom: 1vw;
}
.galeria > article > img{
	position: relative;
	width: 100%;
}
.galeria > article > div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: .9;
	display: flex;
	align-items: center;
	justify-content: center;
	animation-name: fadeOut;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	cursor: pointer;
}
.galeria > article > div > h1{
	font-size: 1.2vw;
	color: #FFF;
	font-weight: 400;
}
.galeria > article:nth-child(1n + 1) > div{
	background-color: var(--rosa);
}
.galeria > article:nth-child(2n + 1) > div{
	background-color: var(--naranja);
}
.galeria > article:nth-child(3n + 1) > div{
	background-color: var(--azul);
}
.galeria > article:hover div{
	animation-name: fadeIn;
}
.modal{
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 4;
	top: 0px;
	left: 0px;
	background-color: rgba(115,200,210,.9);
	text-align: center;
	display: none;
}
.modal img{
	position: relative;
  max-height: 90vh;
  margin-top: 5vh;
  max-width: 80%;
}
.modal div:not(.card, .card-body, .modal-dialog, .modal-content, .modal-header, .modal-body, .modal-footer, .form-outline, .form-notch, .form-notch-leading, .form-notch-middle, .form-notch-trailing, .col-6 , .row, .form-check){
	position: absolute;
    top: 3vw;
    right: 4vw;
    background-color: var(--rosa);
    color: #FFF;
    font-weight: 700;
    font-size: 1vw;
    width: 6vw;
    text-align: center;
    border-radius: 2vw;
    line-height: 2vw;
    cursor: pointer;
}
.clases-en-linea{
	position: relative;
	width: 100%;
	background-image: url(images/cintillonaranja.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
	padding-bottom: 7vw;
}
.fondo-azul{
	background-image: url(images/cintilloazul.png);
}
.clases-en-linea > video{
	position: relative;
	width: 60%;
	margin-left: 20%;
}
.clases-en-linea > video#video-vertical[poster]{
	width: 50%;
	height: 100%;
}
.clases-en-linea > video#video-vertical{
	width: 22%;
	margin-left: 25%;
}
.clases-en-linea > video.video-vertical{
	width: 25%;
    margin-left: 37.5%;
}
.cursos-intensivos{
	position: relative;
	width: 100%;
	padding-top: 5vw;
}
.cursos-intensivos > aside{
	position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  height: 35vw;
  background-image: url(images/ipad.png);
  background-position: right center;
  background-size: auto 95%;
  background-repeat: no-repeat;
}
.c2 > aside{
	background-image: url(images/laptop.png);
	background-position: left center;
	background-size: 90%;
}
.c3 > aside{
	background-image: url(images/cursos-kid1.png);
	background-position: left center;
	background-size: 90%;
}
.c4 > aside{
	background-image: url(images/kid2.png);
}
.cursos-intensivos > article{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	padding-right: 15%;
	padding-left: 5%;
}
.c2 > article, .c3 > article{
	padding-left: 15%;
	padding-right: 0%;
}
.cursos-intensivos > article > h1{
	font-size: 2.5vw;
	font-weight: 700;
	color: var(--naranja);
	margin-bottom: 0px;
}
.cursos-intensivos > article > h2{
	font-size: 1.8vw;
	font-weight: 700;
	margin-top: .5vw;
}
.cursos-intensivos > article > h3{
	font-size: 1.5vw;
	font-weight: 700;
	margin-top: .5vw;
	color: var(--azul);
}
.cursos-intensivos > article > p{
	font-size: 1.1vw;
	font-weight: 400;
	margin-top: 0px;
}
.cursos-intensivos > article > p > a{
	color: var(--rosa);
	font-weight: 800;
}
.cursos-intensivos > article > ul{
	font-size: 1.1vw;
	font-weight: 400;
	margin-top: 0px;
	list-style: none;
}
.cursos-intensivos > article > ul > li{
	margin-bottom: 1vw;
}
.cursos-intensivos > article > ul > li:before{
	content:"";
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 1vw;
	background-image: url(images/check-icon.png);
}

.cursos-intensivos > article > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 40%;
	background-color: var(--azul);
	border-radius: 1vw;
	text-align: center;
	min-height: 7vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	margin-bottom: 3vw;
}
.cursos-intensivos > article > div:nth-child(6){
	margin-left: 5%;
}
.cursos-intensivos > article > div > h1{
	font-size: 1.2vw;
	color: #FFF;
	font-weight: 700;
}
.cursos-intensivos > article > div > p{
	font-size: 1vw;
	color: #FFF;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	font-weight: 500;
}
.cursos-intensivos > article > div > div{
	background-color: var(--rosa);
	position: absolute;
	top: -1vw;
	left: -1vw;
	width: 3vw;
	height: 3vw;
	color: #FFF;
	font-weight: 700;
	line-height: 3vw;
	text-align: center;
	border-radius: 3vw;
	font-size: 2vw;
}

.cursos-intensivos > article > ol{
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.cursos-intensivos > article > ol > li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	font-size: 1vw;
	margin-bottom: 1vw;
}
.cursos-intensivos > article > ol > li > div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1.5vw;
	height: 1.5vw;
	background-position: center center;
	background-size: auto 80%;
	padding-right: .5vw;
	background-repeat: no-repeat;
}
.cursos-intensivos > article > ol > li:nth-child(1) > div{
	background-image: url(images/actividad1.png);
}
.cursos-intensivos > article > ol > li:nth-child(2) > div{
	background-image: url(images/actividad2.png);
}
.cursos-intensivos > article > ol > li:nth-child(3) > div{
	background-image: url(images/actividad3.png);
}
.cursos-intensivos > article > ol > li:nth-child(4) > div{
	background-image: url(images/actividad4.png);
}
.cursos-intensivos > article > ol > li:nth-child(5) > div{
	background-image: url(images/actividad5.png);
}
.cursos-intensivos > article > ol > li:nth-child(6) > div{
	background-image: url(images/actividad6.png);
}
.cursos-intensivos > article > ol > li:nth-child(7) > div{
	background-image: url(images/actividad7.png);
}
.cursos-intensivos > article > ol > li:nth-child(8) > div{
	background-image: url(images/actividad8.png);
}
.cursos-intensivos > article > ol > li:nth-child(9) > div{
	background-image: url(images/actividad9.png);
}

.unico{
	position: relative;
	width: 100%;
	height: 55vw;
	background-image: url(images/cintillo-organico.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.unico > article{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	padding-top: 10vw;
	padding-left: 17%;
}
.unico > article > h1{
	font-size: 2vw;
	color: #FFF;
	font-weight: 700;
}
.unico > article > h1 > span{
	background-color: var(--rosa);
	border-radius: 2vw;
	padding-left: 1vw;
	padding-right: 1vw;
}
.unico > article > p{
	font-size: 1.2vw;
	color: #FFF;
	font-weight: 500;
}
.unico > aside{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	height: 50vw;
	background-image: url(images/fotos-summer.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.incluye-2{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 3vw;
	padding-bottom: 7vw;
}
.incluye-2 > h1{
	font-size: 1.8vw;
	font-weight: 700;
	text-align: center;
	color: var(--rosa);
}
.incluye-2 > h2{
	font-size: 1.5vw;
	font-weight: 700;
	text-align: center;
	color: var(--naranja);
}
.incluye-2 > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 14vw;
	padding: 2vw;
	margin-left: .75%;
	margin-right: .75%;
	height: 18vw;
	text-align: left;
	background-color: var(--naranja);
}
.incluye-2 > article:nth-child(1n + 1){
	background-color: var(--rosa);
}
.incluye-2 > article:nth-child(2n + 1){
	background-color: var(--naranja);
}
.incluye-2 > article:nth-child(3n + 1){
	background-color: var(--azul);
}
.incluye-2 > article > div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 3vw;
	height: 3vw;
	background-position: center center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.incluye-2 > article:nth-child(1) > div{
	background-image: url(images/personalizada-icon-08.svg);
}
.incluye-2 > article:nth-child(2) > div{
	background-image: url(images/comodidad-icon-08.svg);
}
.incluye-2 > article:nth-child(3) > div{
	background-image: url(images/seguimiento-icon.svg);
}
.incluye-2 > article:nth-child(4) > div{
	background-image: url(images/cuadernillo-icon-08.svg);
}
.incluye-2 > article:nth-child(5) > div{
	background-image: url(images/reporte-icon-08.svg);
}
.incluye-2 > article > h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 4vw);
	color: #FFF;
	padding-left: .5vw;
	margin: 0px;
	font-size: 1.2vw;
}
.incluye-2 > article > p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	color: #FFF;
	padding-left: .5vw;
	margin: 0px;
	padding-top: 1vw;
	font-size: 1.1vw;
}

.incluye-3{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 3vw;
	padding-bottom: 7vw;
}
.incluye-3 > h1{
	font-size: 1.8vw;
	font-weight: 700;
	text-align: center;
	color: var(--rosa);
}
.incluye-3 > h2{
	font-size: 1.5vw;
	font-weight: 700;
	text-align: center;
	color: var(--naranja);
}
.incluye-3 > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 14vw;
	padding: 2vw;
	margin-left: .75%;
	margin-right: .75%;
	height: 13vw;
	text-align: left;
	background-color: var(--naranja);
}
.incluye-3 > article:nth-child(1n + 1){
	background-color: var(--rosa);
}
.incluye-3 > article:nth-child(2n + 1){
	background-color: var(--naranja);
}
.incluye-3 > article:nth-child(3n + 1){
	background-color: var(--azul);
}
.incluye-3 > article > div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 3vw;
	height: 3vw;
	background-position: center center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.incluye-3 > article:nth-child(2) > div{
	background-image: url(images/cuadernillo-icon-08.svg);
}
.incluye-3 > article:nth-child(3) > div{
	background-image: url(images/reporte-icon-08.svg);
}
.incluye-3 > article:nth-child(4) > div{
	background-image: url(images/act-icon-08.svg);
}
.incluye-3 > article:nth-child(5) > div{
	background-image: url(images/playera-icon-08.svg);
}
.incluye-3 > article:nth-child(6) > div{
	background-image: url(images/diploma-icon-08.svg);
}
.incluye-3 > article > h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 4vw);
	color: #FFF;
	padding-left: .5vw;
	margin: 0px;
	font-size: 1.2vw;
}
.incluye-3 > article > p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	color: #FFF;
	padding-left: .5vw;
	margin: 0px;
	padding-top: 1vw;
	font-size: 1.1vw;
}

@keyframes fadeIn{
	from{opacity: 0}
	to{opacity: .9}
}
@keyframes fadeOut{
	from{opacity: .9}
	to{opacity: 0}
}
/*****************************
 *			   NOSOTROS 			   *
 *****************************/
#banner-nosotros{
	background-image: url(images/fondo-nosotros.png);
	height: 42vw;
	background-position: bottom center;
	background-size: 100%;
}
#banner-nosotros > img{
	position: absolute;
	left: 15%;
}
#banner-nosotros > img:nth-child(1){
	width: 15%;
	top: 10vw;
}
#banner-nosotros > img:nth-child(2){
	width: 25%;
	top: 17vw;
	left: 53%;
}
#banner-nosotros > img:nth-child(3){
	width: 12%;
	top: 1vw;
	left: 80%;
}
#banner-nosotros > h1{
	position: absolute;
	font-size: 4vw;
	width: 40%;
	text-align: center;
	left: 28%;
	top: 7vw;
	color: #FFF;
	font-weight: 700;
}
.mision{
	position: relative;
	width: 100%;
}
.mision > aside{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	padding-left: 11%;
	padding-right: 2%;
	height: 40vw;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(images/ENGLISH-TEAM.png);
	border-radius: 8vw;
    margin-left: 5%;
}
.mision > article{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	padding-left: 5%;
}
.mision > article > h1{
	position: relative;
  /* top: 1vw; */
  left: 0px;
  font-size: 3.5vw;
  color: var(--rosa);
  font-weight: 700;
  /* transform: rotate(-90deg); */
  margin: 0px;
}
.mision > article > p{
	font-size: 1.2vw;
	font-weight: 500;
	width: 90%;
	padding-left: 10%;
}
.onda{
	position: relative;
	width: 100%;
	background-image: url(images/wavy.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	text-align: center;
	padding-top: 7vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
	padding-bottom: 7vw;
}
.onda > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: left;
}
.onda > article > aside{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 7vw;
	height: 7vw;
	border-radius: 4vw;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.onda > article > div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(95% - 7vw);
	padding-left: 5%;
}
.onda > article > div > h1{
	font-size: 4vw;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}
.onda > article > div > h2{
	font-size: 1.3vw;
	margin: 0px;
	font-weight: 600;
}

.onda > article:nth-child(1){
	color: var(--rosa);
}
.onda > article:nth-child(2){
	color: var(--azul);
	width: 13%;
    padding-left: 3.5%;
    padding-right: 2.5%;
}
.onda > article:nth-child(3){
	color: var(--naranja);
}
.onda > article:nth-child(4){
	color: var(--rosa);
}

.onda > article:nth-child(1) > aside{
	background-image: url(images/icon3.png);
}
.onda > article:nth-child(2) > aside{
	background-image: url(images/icon4.png);
}
.onda > article:nth-child(3) > aside{
	background-image: url(images/icon5.png);
}
.onda > article:nth-child(4) > aside{
	background-image: url(images/icon5.png);
}
.mane > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.mane > article > div{
	position: relative;
	width: 100%;
	height: 10vw;
	background-image: url(images/excellence.png);
	background-repeat: no-repeat;
	background-size: 50%;
  background-position: 75% center;
  margin-bottom: 1vw;
}
.mane > article > ul{
	position: relative;
	width: 70%;
	padding: 0px;
	margin: 0px;
	margin-left: 30%;
	border-left:solid 1px var(--naranja);
}
.mane > article > ul > li > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 5vw;
	height: 5vw;
	border-radius: 3vw;
	margin-left: -2.5vw;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.mane > article > ul > li:nth-child(1) > div{
	background-image: url(images/icon6.png);
}
.mane > article > ul > li:nth-child(2) > div{
	background-image: url(images/icon7.png);
}
.mane > article > ul > li:nth-child(3) > div{
	background-image: url(images/icon8.png);
}
.mane > article > ul > li:nth-child(4) > div{
	background-image: url(images/icon9.png);
}
.mane > article > ul > li > p{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 1.1vw;
	font-weight: 400;
	width: 80%;
	padding-left: 5%;
}
.mane > article > ul > li > p > span{
	font-weight: 800;
}
.mane > article:nth-child(2){
	height: 40vw;
	background-image: url(images/mane-nube.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 75%;
}
/*.instalaciones{
	background-image: url(images/icon12.png);
	background-position: 10vw 98%;
	background-size: 4%;
	background-repeat: no-repeat;
	padding-bottom: 10vw;
}*/
/*.instalaciones > img{
	position: relative;
	width: 60%;
	margin-left: 20%;
}*/
/*.instalaciones > article{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 32%;
	margin-left: 3%;
	margin-top: -8vw;
}*/
.instalaciones{
	background-image: url(images/icon12.png);
	background-position: 10vw 98%;
	background-size: 4%;
	background-repeat: no-repeat;
	padding-bottom: 10vw;
	display: flex;
	flex-wrap: wrap;
	padding-top: 10vw;
}
.instalaciones > img{
	position: relative;
	width: 100%;
}

.instalaciones > article{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.instalaciones > article > img{
	position: relative;
	width: 100%;
	margin-bottom: 3vw;
}
.instalaciones > article > h1{
	    font-size: 4vw;
    width: 50%;
    line-height: 1;
    padding-left: 25%;
    padding-right: 25%;
    text-align: center;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 1vw;
}
.instalaciones > article > h1 > span{
	color: var(--rosa);
}
.instalaciones > div{
	position: relative;
    column-count: 2;
    width: 80%;
    column-gap: 1vw;
    margin-left: 10%;
}
.instalaciones > div > img{
	width: 100%;
	margin-top: 1vw;
	position: relative;
}
/*.instalaciones > article:nth-child(1){
	width: 46%;
	margin-left: 10%;
}
.instalaciones > article:nth-child(3){
	width: 45%;
	margin-left: 10%;
}*/
.instalaciones > article > div:nth-child(1){
	position: absolute;
	width: 3.5vw;
	height: 3.5vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90%;
	background-image: url(images/icon11.png);
	top: -8vw;
	right: 2vw;
}
.instalaciones > article > div:nth-child(2){
	position: absolute;
	width: 6vw;
	height: 6vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90%;
	background-image: url(images/icon10.png);
	top: -5vw;
	left: 12vw;
}
.team{
	position: relative;
	width: 70%;
	background-image: url(images/fondo-azul.png);
	background-size: 100% 100%;
	padding-top: 10vw;
	padding-bottom: 10vw;
	text-align: center;
	padding-left: 15%;
	padding-right: 15%;
}
.team > h3{
	font-size: 1.2vw;
}
.team > div{
	position: relative;
	width: 100%;
	height: 10vw;
	background-image: url(images/meet-team.png);
	background-repeat: no-repeat;
	background-size: 35%;
	background-position: center center;

	
}

.team > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33%;
	margin-top: 5vw;
}
.team > article > div{
	position: relative;
	width: 16vw;
	height: 16vw;
	margin-left: calc(50% - 8vw);
	border-radius: 15vw;
	background-color: var(--azul);
}
.team > article > div > div{
	position: relative;
	width: 16vw;
	height: 16vw;
	margin-left: calc(50% - 8vw);
	border-radius: 18vw;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
/*	background-color: var(--azul);*/
}

.team > article > div > div:nth-child(1){
	position: relative;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: center center;
}
.team > article > div > div:nth-child(2){
	display: none;
	background-color: var(--rosa);
}
.team > article > div:hover > div:nth-child(1){
	display: none;
}
.team > article > div:hover > div:nth-child(2){
	display: inline-block;
}

.team > article > h1{
	font-weight: 700;
	font-size: 1.4vw;
	margin-bottom: 0px;
}
.team > article > h2{
	font-weight: 500;
	font-size: 1.3vw;
	margin-top: 0px;
}
.team > article:nth-child(2) > div{
	background-image: url(images/team1.png);
}

.team > article:nth-child(3) > div{
	background-image: url(images/team2.png);
}
.team > article > p{
	font-weight: 500;
	font-size: 3.5vw;
	margin-top: 0px;
	line-height: 1;
	color: var(--azul);
	font-family: 'Writesign Regular' !important;
}
.teachers{
	position: relative;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 10vw;
	text-align: center;
}
.teachers > h1{
	background-image: url(images/ondas.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100%;
	font-weight: 700;
	text-align: center;
	width: 28%;
	margin-left: 36%;
	margin-right: 36%;
	padding-bottom: 1vw;
	font-size: 3.5vw;
	color: var(--rosa);
}
.teachers > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-top: 5vw;
	text-align: center;
}
.teachers > article > div{
	position: relative;
	width: 14vw;
	height: 14vw;
	margin-left: calc(50% - 7vw);
	border-radius: 15vw;
	border:solid 1px #000;
	overflow: hidden;
	background-color: var(--azul);
}

.teachers > article > div > div:nth-child(1){
	position: relative;
    width: calc(14vw - 8px);
    height: calc(14vw - 8px);
    margin-left: calc(50% - 7vw);
    border-radius: 15vw;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 4px #FFF;
    overflow: hidden;
}
.teachers > article > div > div:nth-child(2){
	position: relative;
  width: calc(14vw - 8px);
  height: calc(14vw - 8px);
  margin-left: calc(50% - 7vw);
  border-radius: 15vw;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 4px #FFF;
  overflow: hidden;
	display: none;
}
.teachers > article > div:hover {
	background-color: var(--rosa);
}
.teachers > article > div:hover > div:nth-child(1){
	display: none;
}
.teachers > article > div:hover > div:nth-child(2){
	display: inline-block;
}
.teachers > article:nth-child(1n + 1) > div{
	border:solid 2px var(--rosa);
}
.teachers > article:nth-child(2n + 2) > div{
	border:solid 2px var(--naranja);
}
.teachers > article:nth-child(3n + 4) > div{
	border:solid 2px var(--azul);
}
.teachers > article:nth-child(2) > div{
/*	background-color: var(--rosa);*/
}
.teachers > article > h1{
	font-weight: 700;
	font-size: 1.4vw;
	margin-bottom: 0px;
}
.teachers > article > h2{
	font-weight: 500;
	font-size: 1.3vw;
	margin-top: 0px;
}


/*****************************
 *			  TESTIMONIOS 			 *
 *****************************/
#banner-testimonios{
	background-image: url(images/banner-testimonios.png);
}

#testimonios{
	padding-bottom: 5vw;
}
#testimonios > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 27%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 4vw;
}
#testimonios > article > div{
	position: relative;
	width: 100%;
	height: 20vw;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#testimonios > article > div > div{
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
#testimonios > article > div > div > p{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 4vw;
	height: 4vw;
	line-height: 4vw;
	text-align: center;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	background-color: #FFF;
	cursor: pointer;
	font-size: 2vw;
	margin: 0px;
}
#testimonios > article > div > div > p:hover{
	background-color: #000;
	color: #FFF;
}
#testimonios > article > h1{
	font-size: 1.5vw;
	font-weight: 900;
}
#testimonios > article > h1 > span{
	color: var(--rosa);
}
#testimonios > article > p{
	font-size: 1.1vw;
	font-weight: 500;
	color: var(--gris);
	width: 95%;
}
#testimonios > article:nth-child(1n) > div{
	background-image: url(images/fondo-testimonios-1.png);
}
#testimonios > article:nth-child(2n) > div{
	background-image: url(images/fondo-testimonios-2.png);
}
#testimonios > article:nth-child(3n) > div{
	background-image: url(images/fondo-testimonios-3.png);
}
#testimonios > article:nth-child(4n) > div{
	background-image: url(images/fondo-testimonios-4.png);
}
#testimonios > article:nth-child(5n) > div{
	background-image: url(images/fondo-testimonios-5.png);
}
#testimonios > article:nth-child(6n) > div{
	background-image: url(images/fondo-testimonios-6.png);
}
#testimonios > article > aside{
	position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(115,200,210,.9);
    top: 0px;
    left: 0px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
#testimonios > article > aside > iframe{
	width: 80%;
}
#testimonios > article > aside > p{
	position: absolute;
    top: 3vw;
    right: 4vw;
    background-color: var(--rosa);
    color: #FFF;
    font-weight: 700;
    font-size: 1vw;
    width: 6vw;
    text-align: center;
    border-radius: 2vw;
    line-height: 2vw;
    cursor: pointer;
}
.titulo-curvo{
	width: 100%;
	height: 10vw;
	background-image: url(images/testimonio-07.svg);
	background-repeat: no-repeat;
	background-size: auto 45%;
	background-position: center center;
	padding-top: 4vw;
	padding-bottom: 4vw;
	font-weight: 700;
}
.titulo-curvo > span{
	color: var(--rosa);
}


/*****************************
 *			  INSTAGRAM  			   *
 *****************************/
#instagram{
	position: relative;
	width: 100%;
	display: flex;
	height: 20vw;
	display: none;
}
#instagram > a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20vw;
	height: 20vw;
	background-color: var(--rosa);
	box-sizing: initial;
}
#instagram a > p{
	font-size: 1.2vw;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	padding-top: 5vw;
}
#instagram a > p > span{
	font-size: 4vw;
}
#instagram > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 20vw);
	height: auto;
	background-color: var(--rosa);
	box-sizing: initial;
}
#instagram > article > iframe{
	height: 20vw
}

/*****************************
 *			    	FAQ   			   *
 *****************************/
#banner-faq{
	height: 11vw;
	background-image: url(images/banner.png);
}
#faq{
	position: relative;
	width: 100%;
	padding-top: 3vw;
	padding-bottom: 5vw;
}
#faq > ul{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 85%;
	padding-left: 15%;
}
#faq > ul > li{
	position: relative;
	width: 100%;
	padding-top: 1vw;
	padding-bottom: 1vw;
	border-bottom: solid 1px rgba(0,0,0,.1);
}
#faq > ul > li > div{
	cursor: pointer;
}
#faq > ul > li > div > h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 95%;
	font-size: 1.3vw;
	font-weight: 500;
}
#faq > ul > li > div > h1:hover{
	color: var(--rosa);
}
#faq > ul > li > div > h2{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 5%;
	font-size: 2vw;
	text-align: center;
	color: var(--naranja);
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}
#faq > ul > li > div > article{
	font-size: 1.2vw;
	color: var(--gris);
	margin-top: 0px;
	width: 90%;
	display: none;
}
#faq > ul > li > div > article > a {
	color: var(--azul);
	font-weight: 700;
}
#faq > ul > li > div > article > a:hover{
	color: var(--naranja);
}
#faq > ul > li > div > ul{
	font-size: 1.2vw;
	color: var(--gris);
	margin: 0px;
	padding-right: 0px;
	width: 80%;
}
#faq > ul > li > div > ul > li{
	margin-bottom: 1vw;
}
/*****************************
 *		  PRUEBA GRATUITA  		 *
 *****************************/
#colegio-formulario{
	display: none;
}
.prueba-gratuita{
	position: relative;
	width: 100%;
}
.prueba-gratuita > aside{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 55vw;
	background-image: url(images/form2.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.prueba-gratuita > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 55vw;
	overflow: auto;
}
.prueba-gratuita > article > form{
	position: relative;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 5vw;
	padding-top: 3vw;
}
.prueba-gratuita > article > form > h1{
	font-size: 2vw;
	margin-bottom: 0px;
}
.prueba-gratuita > article > form > h2{
	font-size: 1.3vw;
	color: var(--rosa);
	margin-bottom: 1vw;
	margin-top: 1vw;
}
.prueba-gratuita > article > form > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.prueba-gratuita > article > form > div:nth-child(8){
	width: 45%;
	margin-left: 5%;
}
.prueba-gratuita > article > form > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 2%;
}
.prueba-gratuita > article > form > article:nth-child(11), .prueba-gratuita > article > form > article:nth-child(25){
	margin-right: 0px;
}
.prueba-gratuita > article > form p{
	position: relative;
	width: 100%;
	font-size: 1.2vw;
	font-weight: 600;
	margin-bottom: .3vw;
}
.prueba-gratuita > article > form textarea{
	position: relative;
	width: 100%;
	font-size: 1.2vw;
	font-weight: 600;
	margin-bottom: .3vw;
	border-radius: 1vw;
	font-family: 'Nunito', sans-serif !important;
		border:solid 1px rgba(0,0,0,.1);
}
label{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2vw;
}
.prueba-gratuita > article > form input{
	position: relative;
	width: 100%;
	font-size: 1vw;
	border:solid 1px rgba(0,0,0,.1);
	border-radius: 1vw;
	height: 2vw;
	font-family: 'Nunito', sans-serif !important;
}
.prueba-gratuita > article > form input[type=date]{
	text-align-last: center;
	background-color: #FFF;
}
.prueba-gratuita > article > form select{
	width: 100%;
	height: 2.5vw;
	border-radius: 2vw;
	text-align-last: center;
	font-family: 'Nunito', sans-serif !important;
	font-size: 1vw;
	border:solid 1px rgba(0,0,0,.1);
	background-color: #FFF;
}
.prueba-gratuita > article > form input[type=radio], .prueba-gratuita > article > form input[type=checkbox]{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 3vw;
}
.prueba-gratuita > article > form input[type=submit]{
	width: 30%;
	margin-top: 2vw;
	height: 3vw;
	border:0px;
	border-radius: 3vw;
	background-color: var(--azul);
	color: #FFF;
	cursor: pointer;
	font-size: 1.2vw;
}
.prueba-gratuita > article > form input[type=submit]:hover{
	background-color: var(--naranja);
}
/*****************************
 *			    FOOTER  			   *
 *****************************/
iframe{
	position: relative;
	width: 100%;
	height: 25vw;
	border:0px;
}
footer {
	position: relative;
	width: 100%;
	height: 35vw;
	margin-top: -4vw;
	background-image: url(images/fondo-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
	box-sizing: initial !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

footer > aside{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding-left: 7%;
	padding-top: 10vw;
}
footer > aside > p{
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	font-size: 1.5vw;
}
footer > aside > p:nth-child(1n+1){
	padding-right: 1vw;
}
footer > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 36%;
	height: 95%;
	background-image: url(images/logo-bottom.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	box-sizing: content-box;
}
footer > article{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31%;
	padding-right: 5%;
	padding-left: 4%;
	color: #FFF;
	text-align: center;
	padding-top: 10vw;
}
footer > article > h1{
	font-size: 1.5vw;
	font-weight: 700;
}
footer > article > ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
footer > article > ul li{
	    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 1.5vw;
    line-height: 2.9vw;
    font-weight: 700;
    background-color: #FFF;
    width: 2.7vw;
    margin-left: .2vw;
    margin-right: .2vw;
    height: 2.7vw;
    color: var(--naranja);
    border-radius: 3vw;
    cursor: pointer;
}
footer > article > ul li:hover{
	background-color: var(--azul);
	color: #FFF;
}
footer > h3{
	position: absolute;
	bottom: 1vw;
	right: 5vw;
	font-size: 1vw;
	color: #FFF;
	font-weight: 600;
}
/*footer > svg {
  position: absolute;
  height: 100%;
  z-index: -1;
}
.wave {
  transform: scale(3, 1);
  animation: wave .8s linear infinite;
}
.wave-middle {
  animation-duration: .95s;
}
.wave-back {
  animation-duration: 1.5s;
}
@keyframes wave {
  to {
    transform: translate(-30%, 0) scale(3, 1);
  }
}*/
.hamburger{
	display: none !important;
}
.solo-movil{
	display: none;
}

.gracias{
	position: relative;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    padding-top: 10vw;
    padding-bottom: 18vw;
}
.gracias h1{
	font-size: 4vw;
	color: var(--azul-oscuro);
}
.gracias h2{
	font-size: 1.5vw;
	color: var(--azul);
}
.modal-testimonio{
	position: fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: rgba(255,255,255,.7);
	display: none;
}
.modal-testimonio iframe{
	width: 35%;
	height: 100vh;
}
.cerrar-testimonio-video{
	 font-size: 2vw;
    font-weight: 700;
    position: absolute;
    top: 0vw;
    right: 2vw;
    cursor: pointer;
    background-color: var(--rosa);
    z-index: 2;
    color: #FFF;
    width: 3vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 3vw;
}
.opiniones{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.opiniones > h2{
	font-family: 'Nunito', sans-serif !important;
	font-size: 1.5vw;
}
.opiniones > video{
	width: 70%;
}
.opiniones > h2 > span:nth-child(1){
	color: var(--naranja);
}
.opiniones > h2 > span:nth-child(2){
	color: var(--rosa);
}
.opiniones > article{
	position: relative;
	width: 17%;
	margin: 2vw;
}
.opiniones > article > h2{
	font-size: 1.5vw;
	font-family: 'Nunito', sans-serif !important;
	text-align: center;
}
.opiniones > article div{
	width: 100%;
  height: 18vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.testimonios-papas{
	padding-bottom: 5vw;
	position: relative;
}
.testimonios-papas > h2{
	  font-size: 3vw;
    font-weight: 700;
    text-align: center;
    padding-bottom: 1vw;
    color: var(--naranja);
    width: 40%;
    padding-left: 30%;
    line-height: 1;
    padding-bottom: 2vw;
    padding-top: 2vw;
}
.testimonios-papas > h2 > span{
	color: var(--rosa);
}
.testimonios-papas > div{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
.testimonios-papas > div > article{
	position: relative;
	width: 17%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 1vw;
	margin-top: 1vw;
}
.testimonios-papas > div > article > iframe{
	width: 100%;
	height: 30vw;
	border-radius: 1vw;
/*	border: solid 1px rgba(0, 0, 0, .1);*/
	z-index: 1;
}

.testimonios-papas > div > article > div{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30vw;
	border-radius: 1vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 2;
}
.horizontales > div > article > iframe, .horizontales > div > article > div{
	height: 12vw;
}
.testimonios-papas > div > article:nth-child(odd) > div{
	background-image: url(images/degradador.png);
}
.testimonios-papas > div > article:nth-child(even) > div{
	background-image: url(images/degradadon.png);
}
.testimonios-papas > div > article:hover > div{
	display: none;
}
.testimonios-papas > div > article > h3{
	font-size: 1.2vw;
    font-family: 'Nunito', sans-serif !important;
    text-align: center;
}
#banner-testimonios-papas{
	background-image: url(images/banner-papas.jpg);
}
#banner-vlog{
	height: 23vw;
	background-image: url(images/banner-vlog.jpg);
}
.ultimos > aside{
	position: relative;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2vw;
}
.ultimos > aside > h2{
	font-size: 2vw;
	width: 20%;
  color: var(--azul);
}
.ultimos > aside > div{
	width: 80%;
	height: 2px;
	background-color: var(--azul);
}
.ultimos > img{
	width: 5%;
	position: absolute;
}
.ultimos > img:nth-child(1){
	left: 4vw;
	top: 6vw
}
.ultimos > img:nth-child(2){
	left: 4vw;
	top: 31vw
}
.ultimos > img:nth-child(3){
	left: 92vw;
	top: 5vw
}
.ultimos > img:nth-child(4){
	left: 90vw;
	top: 24vw
}

.resto > aside{
	position: relative;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2vw;
}
.resto > aside > h2{
	font-size: 2vw;
	width: 30%;
  color: var(--azul);
  text-align: center;
}
.resto > aside > h2 > span{
	color: var(--naranja);
}
.resto > aside > div{
	width: 37.5%;
	height: 2px;
	background-color: var(--azul);
}
.ultimos{
	padding-bottom: 0px;
}

:root{
	--naranja-claro-vip: #FF9A36;
	--naranja-oscuro-vip: #FF891F;
}

.vip{
	position: relative;
	width: 100%;
	background-color: var(--naranja-claro-vip);
	display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.vip > img{
	position: absolute;
	width: 3%;
	z-index: 2;
}
.vip > img:nth-child(1){
	left: -9vw;
    width: 22%;
    top: 0px;
}
.vip > img:nth-child(2){
	left: -5%;
    width: 15%;
    top: 36vw;
}
.vip > img:nth-child(3){
	width: 5%;
    left: 24%;
    top: 6vw;
}
.vip > img:nth-child(4){
	left: 86%;
    width: 22%;
    top: 30vw;
}
.vip > img:nth-child(5){
	left: 90%;
    width: 20%;
    top: 5vw;
}
.vip > img:nth-child(6){
	left: 64%;
    width: 15%;
    top: 0vw;
}

.vip > img:nth-child(7){
	left: 13%;
    width: 19%;
    top: 20vw;
}
.vip > div{
	position: relative;
	/*width: 700px;
	height: 700px;
	border-radius: 350px;*/
	width: 40vw;
	height: 40vw;
	border-radius: 25vw;
	background-color: var(--naranja-oscuro-vip);
	display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.vip > div > h3{
	font-size: 2.2vw;
  color: #FFF;
  margin: 0px;
}
.vip > div > h3:nth-child(1){
	margin-top: 4vw;
}
.vip > div > h2{
	font-size: 3vw;
    color: #FFF;
    text-align: center;
    margin: 0px;
    width: 83%;
    line-height: 1;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.vip > div > p{
	font-size: 1.1vw;
  color: #FFF;
  width: 77%;
  text-align: center;
}
.vip > div > a > div{
	background-color: var(--rosa);
  color: #FFF;
  font-weight: 700;
  font-size: 1.5vw;
  padding: .5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  border-radius: 2vw;
  margin-top: 1vw;
  cursor: pointer;
}
.vip > div > a > div:hover{
	background-color: #FFF;
	color: var(--rosa);
}
.vip > div > form{
	position: relative;
  width: 380px;
  height: 450px;
  background-color: #FFF;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vip > div > form > img:nth-child(1){
	width: 30%;
  margin-top: -5vw;
}
.vip > div > form > img:nth-child(2){
	width: 80%;
	margin-top: 2vw;
}
.vip > div > form > h2{
	font-size: 32px;
	color: var(--naranja);
}
.vip > div > form > input{
	color: var(--rosa);
    width: 80%;
    border-radius: 20px;
    border: 0px;
    background-color: #ffe5f2;
    margin-bottom: 13px;
    height: 30px;
    text-align: center;
    font-family: 'Nunito', sans-serif !important;
}
.vip > div > form > input::placeholder{
	color: var(--rosa);
}
.vip > div > form > input[type=submit]{
	background-color: #ffefa4;
	background-size: 100% 100%;
	background-position: center center;
  font-weight: 700;
  font-size: 15px;
  margin-top: 20px;
  cursor: pointer;
}
.vip > div > form > input[type=submit]:hover{
	background-image: url(images/botoncito.png);
	
}
.vip > div > article{
	width: 100%;
  display: flex;
  justify-content: center;
}
.vip > div > article > a{
	position: relative;
  width: 12vw;
  height: 12vw;
  background-color: var(--rosa);
  border-radius: 2vw;
  color: #FFF;
  margin: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.vip > div > article > a:hover{
	background-color: #FFF;
}

.vip > div > article > a:hover > h3{
	color: var(--rosa);
}
.vip > div > article > a:hover > h2{
	color: var(--rosa);
}

.vip > div > article > a:nth-child(2){
	background-color: var(--naranja);
}
.vip > div > article > a:nth-child(2):hover{
	background-color: #FFF;
}
.vip > div > article > a:nth-child(2):hover > h3{
	color: var(--naranja);
}
.vip > div > article > a:nth-child(2):hover > h2{
	color: var(--naranja);
}


.vip > div > article:nth-child(2) > a{
	background-color: var(--azul);
}
.vip > div > article:nth-child(2) > a:hover{
	background-color: #FFF;
}
.vip > div > article:nth-child(2) > a:hover > h3{
	color: var(--azul);
}
.vip > div > article:nth-child(2) > a:hover > h2{
	color: var(--azul);
}

.vip > div > article:nth-child(2) > a:nth-child(2){
	background-color: #65c100;
}
.vip > div > article:nth-child(2) > a:nth-child(2):hover{
	background-color: #FFF;
}
.vip > div > article:nth-child(2) > a:nth-child(2):hover > h2{
	color: #65c100;
}
.vip > div > article:nth-child(2) > a:nth-child(2):hover > h3{
	color: #65c100;
}
.vip > div > article > a > h2{
	color: #FFF;
	font-size: 3.5vw;
	font-weight: 700;
	margin: 0px;
	line-height: 1;
	margin-top: .5vw;
}
.vip > div > article > a > h3{
	color: #FFF;
	font-size: 1.6vw;
	margin: 0px;
	width: 80%;
    line-height: 1;
    text-align: center;
}


.topicos{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F0F0F7;
	padding-bottom: 7vw;
}
.topicos > article{
	position: relative;
	width: 85%;
	margin-left: 5%;
	margin-right: 5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	margin-top: 10vw;
	border-radius: 3vw;
}
.topicos > article > article{
	position: relative;
	display: flex;
	width: 52%;
}
.topicos > article > article > a{
	    width: 50%;
    background-color: #EFF2FB;
    color: #5365F6;
    display: flex;
    align-items: center;
    border-radius: 1vw;
    margin: 1vw;
    margin-top: 2vw;
    border:solid 1px #FFF;
    cursor: pointer;
}
.topicos > article > article > a:hover{
  background-color: #f2f2f2;
  border:solid 1px;
}
.topicos > article > article > a > div{
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 5vw;
	height: 5vw;
}
.topicos > article > article > a > p{
	font-size: 1.5vw;
	font-weight: 700;
	line-height: 1;
  margin: 0px;
  width: calc(100% - 5vw);
}
.topicos > article > article > a > p > span{
	font-size: 1vw;
	font-weight: 400;
}
.topicos > article > aside{
	position: relative;
	background-color: var(--azul);
  height: 9vw;
  width: 85%;
  border-radius: 2vw;
  margin-top: -5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topicos > article > aside > a{
	width: 9vw;
  height: 2.5vw;
  background-color: var(--naranja);
  border-radius: 2vw;
  font-size: 1.2vw;
  color: #FFF;
  text-align: center;
  line-height: 2.5vw;
  cursor: pointer;
}
.topicos > article > aside > a:hover{
	background-color: var(--rosa);
}
.topicos > article > aside > h1{
	color: #FFF;
  font-weight: 700;
  font-size: 2vw;
  width: 50%;
  padding-left: 10%;
  padding-right: 21%;
  text-align: center;
}
.topicos > article > h2{
	font-size: 2.5vw;
	font-weight: 700;
	color: var(--naranja);
}
.topicos > article > div{
	position: relative;
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.topicos > article > div > a{
	position: relative;
  width: 12vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1vw;
}
.topicos > article > div > a > div{
	width: 100%;
  height: 12vw;
  background-position: center center;
  background-size: 50%;
  background-color: #BFEEEF;
  background-repeat: no-repeat;
  border-radius: 3vw;
}
.topicos > article > div > a > div:hover{
	background-color: #ccc;
}
.topicos > article > div > a > h3{
	font-size: 1.2vw;
	font-weight: 500;
	width: 90%;
  text-align: center;
}

.topicos > article > div > article{
	position: relative;
  width: 100%;
  display: flex;
  padding-bottom: 2vw;
  padding-top: 2vw;
  border-bottom: solid 1px #ccc;
}
.topicos > article > div > article > aside{
	position: relative;
	width: 35%;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.topicos > article > div > article > aside > video{
	position: relative;
  width: 90%;
  border: solid 3px var(--rosa);
  border-radius: 2vw;
}
.topicos > article > div > article > aside > div{
	position: relative;
  width: 70%;
  height: 15vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2vw;
  border: solid 3px var(--rosa);
}
.topicos > article > div > article > aside > a{
	font-size: 1vw;
  background-color: var(--rosa);
  color: #FFF;
  width: 50%;
  border-radius: 2vw;
  text-align: center;
  margin-top: 1vw;
}
.topicos > article > div > article > aside > a:hover{
	background-color: var(--azul);
}
.topicos > article > div > article > aside > a > p{
	margin: .6vw;
}
.topicos > article > div > article > div{
	position: relative;
	width: 60%;
	padding-left: 5%;
}
.topicos > article > div > article > div > h2{
	position: relative;
	font-size: 1.5vw;
	font-weight: 800;
}
.topicos > article > div > article.presentation{
	display: none;
}
.topicos > article > article > a.fondo-gris{
	background-color: #f2f2f2;
	border:solid 1px;
	cursor: not-allowed;
}




  @keyframes spin { 
    100% { 
      -webkit-transform: rotate(360deg);
      transform:rotate(360deg); 
    }
  }
  .circle{
  	font-weight: 800 !important;
    font-family: 'Nunito', sans-serif !important;
  }
  .circular-text {
    animation: spin 20s linear infinite;
    display: block;
    color: #000;
    position: absolute;
    font-size: 13px;
    left: -20px;
    top: -20px;
    
  }
.paquetes{
	position: relative;
	margin-top: -10vw;
}
.paquetes span{
	font-weight: 800;
}
.paquetes > div{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.paquetes > div > article{
	position: relative;
    width: 21%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 4vw;
}
#select-basico, #select-platinium, #select-pro{
  font-weight: 700;
    width: 89%;
    border: 0px;
    margin-bottom: 1vw;
    background-color: var(--rosa);
    color: #FFF;
    height: 3vw;
    border-radius: 2vw;
    text-align-last: center;
    cursor: pointer;
}
.zona-cupon{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zona-cupon > input{
  position: relative;
  width: 100%;
  border: 0px;
  font-size: .9vw;
}
.zona-cupon > p{
  position: relative;
  width: 100%;
  margin: 0px;
  padding-left: 10px;
  font-size: 1vw;
  color: var(--rosa);
  font-weight: 700;
  cursor: pointer;
}
.zona-cupon > p:hover{
  color: var(--naranja);
}
.zona-interna{
	margin-bottom: 1vw;
	margin-top: 1vw;
	width: 410px;
}
.paquetes > div > article > img{
	position: relative;
	height: 21vw;
}
.paquetes > div > article > h3{
	font-size: 2vw;
	font-weight: 700;
	margin: 0px;
}
.paquetes > div > article > h2{
	font-size: 2.3vw;
	font-weight: 800;
	margin: 0px;
}
.paquetes > div > article > h4{
	color: #FFF;
	font-size: 1.7vw;
	font-weight: 700;
	background-color: var(--naranja);
	border-radius: 2vw;
	margin: 0px;
	padding: .3vw;
	padding-right: 1vw;
	padding-left: 1vw;
	margin-top: 1vw;
  margin-bottom: 1vw;
}
.paquetes > div > article > ul{
	font-size: 1.2vw;
	background-color: var(--azul-cielo);
	padding-top: 3vw;
    padding-bottom: 3vw;
    border-radius: 3vw;
    width: 100%;
    padding-left: 15%;
    padding-right: 5%;
    position: relative;
}
.paquetes > div > article > form > input[type=submit]{
	font-size: 1.5vw;
	background-color: var(--naranja);
    border-radius: 3vw;
    width: 15vw;
    line-height: 3vw;
    border:0px;
    color: #FFF;
    font-weight: 700;
    position: relative;
}
.paquetes > div > article > form > input[type=submit]:hover{
	background-color: var(--azul);
}
.paquetes > div > article > ul > img{
	    position: absolute;
    width: 35%;
    /* left: 0vw; */
    right: -4vw;
    top: -4vw;
}
.paquetes > div > article > a{
	color: #FFF !important;
	font-size: 1.7vw;
	font-weight: 700;
	background-color: var(--naranja);
	border-radius: 2vw;
	margin: 0px;
	padding: .3vw;
	padding-right: 1vw;
	padding-left: 1vw;
	width: 60%;
  text-align: center;
  cursor: pointer;
  display: none;
}
.paquetes > div > article:nth-child(1) > h2{
	color: var(--naranja);
}
.paquetes > div > article:nth-child(1) > h4, .paquetes > div > article:nth-child(1) > form > input[type=submit]{
	background-color: var(--naranja);
}
.paquetes > div > article:nth-child(1) > a{
	background-color: var(--naranja);
}
.paquetes > div > article:nth-child(1) > ul span{
	color: var(--naranja);
}

.paquetes > div > article:nth-child(2) > h2{
	background-image: url(images/semestral.png);
	width: 100%;
    height: 3vw;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.paquetes > div > article:nth-child(2) > h4, .paquetes > div > article:nth-child(2) > form > input[type=submit]{
	background-color: var(--rosa);
}
.paquetes > div > article:nth-child(2) > a{
	background-color: var(--rosa);
}
.paquetes > div > article:nth-child(2) > ul span{
	color: var(--rosa);
}

.paquetes > div > article:nth-child(3) > h2{
	background-image: url(images/anual-pro.png);
	width: 100%;
    height: 3vw;
    background-size: auto 138%;
    background-repeat: no-repeat;
    background-position: center center;
}
.paquetes > div > article:nth-child(3) > h4, .paquetes > div > article:nth-child(3) > form > input[type=submit]{
	background-color: var(--amarillo);
}
.paquetes > div > article:nth-child(3) > a{
	background-color: var(--amarillo);
}
.paquetes > div > article:nth-child(3) > ul span{
	color: var(--rosa);
}

.paquetes > div > article:nth-child(1) > a:hover, .paquetes > div > article:nth-child(2) > a:hover, .paquetes > div > article:nth-child(3) > a:hover, .paquetes > div > article:nth-child(1) > form > input[type=submit]:hover, .paquetes > div > article:nth-child(2) > form > input[type=submit]:hover, .paquetes > div > article:nth-child(3) > form > input[type=submit]:hover{
	background-color: var(--azul);
}

#banner-paquetes{
	background-color: var(--azul-fosfo);
}
#banner-paquetes > section{
	background-color: var(--azul-oscuro);
    width: 50vw;
    height: 25vw;
    position: absolute;
    left: 25vw;
    /* top: -25vw; */
    border-radius: 0px 0px 25vw 25vw;
    color: #FFF;
    font-weight: 800;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#banner-paquetes > section > h3{
	font-size: 2vw;
	margin: 0px;
}
#banner-paquetes > section > h1{
	font-size: 5vw;
	margin: 0px;
	line-height: 1;
}
.mamas{
	    position: relative;
    background-image: url(images/fondoazul.png);
    background-size: 100%;
    width: 100%;
    height: 50vw;
    overflow: hidden;
    padding-top: 8vw;
/*    display: none;*/
}
.mamas > h2{
	font-size: 3vw;
	color: #00a8a6;
	font-weight: 800;
	text-align: center;
}
.mamas > section{
	position: relative;
	width: 100%;
}
.mamas > img{
	position: absolute;
}
.mamas > img:nth-child(1){
	width: 5%;
	top: 15vw;
}
.mamas > img:nth-child(2){
	width: 15%;
	left: 89%;
	top: 10vw;
}
.mamas > img:nth-child(3){
	width: 10%;
  top: 45vw;
  left: -5vw;
}
.mamas > img:nth-child(4){
	width: 5%;
  left: 85%;
  top: 45vw;
}
.mamas > section{
	position: relative;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 6vw;
}
.mamas > section article{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30vw;
	width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}
.mamas > section article > aside{
	position: relative;
	width: 18vw;
	height: 18vw;
	border-radius: 12vw;
	border:solid 5px var(--azul-fosfo);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
	background-color: #FFF;
}
.mamas > section article > div{
	position: relative;
    width: calc(90% - 20vw);
    background-color: #FFF;
    border-radius: 2vw;
    padding-left: 10%;
    padding-right: 5%;
    margin-left: -5%;
    z-index: 1;
    padding-top: 2vw;
    padding-bottom: 1vw;
}
.mamas > section article > div > img{
	position: absolute;
  top: -2vw;
  right: -3vw;
  width: 18%;
}

.mamas > section article > div > div{
	font-size: 1.2vw;
	line-height: normal;
}
.mamas > section article > div > div > h5{
	color: var(--rosa);
	font-size: 3vw;
	font-weight: 800;
	width: 100%;
	text-align: left;
	margin: 0px;
	line-height: 1;
}
.mamas > section article > div > div > h5:nth-child(2){
	text-align: right;
}

.mosaico{
		position: relative;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 4vw;
		padding-bottom: 5vw;
	}
.mosaico > img{
	position: relative;
	width: 100%;
}
	.mosaico .columna-1, .mosaico .columna-2, .mosaico .columna-3, .mosaico .columna-4, .mosaico .columna-5{
		position: relative;
		width: 17%;
		margin-left: .5vw;
		margin-right: .5vw;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		flex-direction: column;
	}
	.mosaico .columna-3{
		align-items: center;
	}
.mosaico .columna-1 > div:nth-child(1),  .mosaico .columna-1 > div:nth-child(4), .mosaico .columna-2 > div:nth-child(2), .mosaico .columna-3 > div:nth-child(1),  .mosaico .columna-3 > div:nth-child(4), .mosaico .columna-4 > div:nth-child(2), .mosaico .columna-5 > div:nth-child(1),  .mosaico .columna-5 > div:nth-child(4){
		width: 80%;
		height: 15vw;
	}
.mosaico .columna-1 > div:nth-child(2),  .mosaico .columna-2 > div:nth-child(4), .mosaico .columna-4 > div:nth-child(1), .mosaico .columna-4 > div:nth-child(3), .mosaico .columna-5 > div:nth-child(2), .mosaico .columna-5 > div:nth-child(3){
	width: 90%;
	height: 17vw;
}
	.mosaico .columna-1 > div, 	.mosaico .columna-2 > div, 	.mosaico .columna-3 > div, 	.mosaico .columna-4 > div, 	.mosaico .columna-5 > div{
		position: relative;
		width: 100%;
		margin-left: .5vw;
		margin-right: .5vw;
		height: 23vw;
		background-size:cover;
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 2vw;
		margin-top: 1vw;
		margin-bottom: 1vw;
	}

.card{
	width: 100%;
  margin-right: 50px;
  margin-top: 20px !important;
}
.card .btn-primary{
	background-color: var(--naranja) !important;
}
.card .btn-primary:hover{
	background-color: var(--azul) !important;
}
.modal-footer{
	justify-content: center !important;
}
.modal-title{
	width: 90% !important;
	text-align: center !important;
}
.etiqueta-nueva{
	font-size: 13px;
	font-weight: 700;
	padding-top: 10px;
}
.form-check{
	margin-top: 0px !important;
}
#paqueteria{
	position: relative;
}
#paqueteria > img{
	position: absolute;
  right: 4%;
  top: 2vw;
  width: 10vw;
  transform: rotate(-20deg);
}
#paqueteria > section{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#paqueteria > section > aside{
	position: relative;
	width: 45%;
	height: 30vw;
	background-position: center center;
	background-size: auto 85%;
	background-repeat: no-repeat;
	background-image: url(images/vip-kid1.png);
}
#paqueteria > section{
	padding: 8vw;
	padding-left: 10%;
	padding-right: 10%;
	background-image: url(images/fondo-nuestros-cursos.png);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
#paqueteria > section > div {
	position: relative;
	width: 50%;
}
#paqueteria > section > div > h2{
	color: var(--rosa);
}
#paqueteria > section > div > p{
	position: relative;
	width: 80%;
}
#paqueteria > section > div > h5, .disparador-siguiente{
	position: relative;
	width: 8vw;
	height: 2.5vw;
	color: #FFF;
	background-color: var(--rosa);
	border-radius: 2vw;
	font-size: 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.disparador-siguiente{
	background-image: url(images/botoncito.png);
    background-size: 100% 100%;
    color: var(--rosa);
}
#paqueteria > section > div > h5:hover{
	background-color: var(--naranja);
}
.disparador-siguiente{
	background-color: var(--naranja);
	display: none;
}
.disparador-siguiente:hover{
	background-color: var(--azul);
}
#paqueteria > section > div > p > span:nth-child(2){
	color: var(--naranja);
	font-weight: 600;
}
#paqueteria > section > div > p > span:nth-child(1){
	color: var(--rosa);
	font-weight: 600;
}
#paqueteria > article{
	position: relative;
	width: 40%;
	padding-right: 10%;
}
#paqueteria > article > h2{
	font-size: 2vw;
	color: var(--rosa);
}
#paqueteria > article > p{
	font-size: 1.5vw;
}
#pagar-ahora{
	background-color: var(--naranja);
	font-size: 1.5vw;
	font-weight: 600;
	color: #FFF;
	border:0px;
	border-radius: 3vw;
	height: 3vw;
	width: 10vw;
	cursor: pointer;
}
#pagar-ahora:hover{
	background-color: var(--azul);
}
#precio-pagar{
	border:0px;
	background-color: transparent;
	font-size: 1.5vw;
	color: var(--rosa);
	font-weight: 700;
}
#paqueteria > aside{
	position: relative;
	width: 45%;
	height: 40vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 55%;
}
#post input{
	box-sizing: border-box;
}
.hour div .btn{
	display: inline-block;
}
#calendar-container{
	margin-bottom: 2vw;
}
@media (max-width: 480px){

	.modal-testimonio{
	}
	.modal-testimonio iframe{
		width: 100%;
		height: 100vh;
	}
	.cerrar-testimonio-video{
		font-size: 6vw;
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
	}
	#verano-en-linea{
		background-image: url(images/pruebas/fondo-curso4.png);
	}
	#linea-bimestral{
		background-image: url(images/pruebas/fondo-curso2.png);
	}
	#presencial-bimestral{
		background-image: url(images/pruebas/fondo-curso3.png);
	}
	#verano-presencial{
		background-image: url(images/pruebas/fondo-curso1.png);
	}
	#banner-nosotros{
		height: 90vw;
	}
	#banner-nosotros{
		background-image: url(images/pruebas/fondo-nosotros.png);
	}
	#banner-nosotros > img:nth-child(1) {
    width: 27%;
    top: 5vw;
    left: 66%;
}
	#banner-nosotros > img:nth-child(2) {
    width: 30%;
    top: 7vw;
    left: 5%;
	}
	#banner-nosotros > img:nth-child(3){
		display: none;
	}
	#banner-nosotros > h1 {
    font-size: 6vw;
    width: 60%;
    left: 20%;
    top: 44vw;
	}
	#banner-home{
		height: 140vw;
		background-image: url(images/pruebas/home-fondo.png);
	}
	#banner-home h1{
		font-size: 8vw;
		width: 70%;
		margin-left: 15%;
		padding-top: 15vw;
		line-height: 1;
	}
	#banner-home h2{
		font-size: 5vw;
    width: 70%;
    margin-left: 13%;
    line-height: 1;
    margin-top: 3vw;
    border-radius: 8vw;
    padding: 2vw;
    padding-left: 5vw;
	}
	#banner-home img{
		height: 50%;
	}
	.tope{
		height: 100px;
	}
	header{
		width: 100%;
		position: fixed;
		top: 0px;
		z-index: 3;
		height: 100px;
		background-color: #FFF;
	}
	header ul{
		display: none;
		position: fixed;
		width: 100%;
		left: 0px;
		top: 100px;
		height: 100vh;
		z-index: 2;
		padding-top: 10vw;
		background-color: var(--azul);
	}
	header li{
		text-align: center;
    line-height: 14vw;
    width: 100%;
    color: #FFF;
    font-size: 7vw;
    padding: 0px;
	}
	header a:nth-child(8) > li{

	}
	header a:nth-child(9) > li, header a:nth-child(10) > li, header a:nth-child(11) > li{
		font-size: 4vw;
		line-height: 10vw;
		margin-top: 0px;
		padding: 0px;
		margin: 0px;
		width: 80%;
		margin-left: 10%;
		margin-top: 5vw;
	}
	header div{
		height: 100px;
		width: 150px;
	}
	.cintillo-anuncio{
		font-size: 4vw;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 1.2;
    padding-top: 1vw;
    padding-bottom: 1vw;
	}
	.historias{
		width: 100%;
		padding-top: 5vw;
		padding-bottom: 5vw;
		padding-left: 0px;
		padding-right: 0px;
		overflow: hidden;
	}
	.historias article{
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 30px;
    margin-bottom: 40px;
    width: 150px;
		height: 150px;
	}
	.historias article > div{
		width: 140px;
height: 140px;
	}
	/*.historias article{
		width: 18vw;
    height: 18vw;
    margin-left: 2vw;
    margin-right: 2vw;
    border-radius: 20vw;
	}
	.historias article > div {
    width: 17vw;
    height: 17vw;
    border-radius: 12vw;
    margin-left: .5vw;
    margin-top: .5vw;
	}
	.historias article > div > div{
		border-radius: 12vw;
	}*/
	.mane-home > aside{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 90vw;
	}
	.mane-home > article{
		width: 90%;
    padding-left: 5%;
    padding-right: 5%;
	}
	.mane-home > article > h1{
		font-size: 7vw;
	}
	.mane-home > article > p{
		font-size: 4vw;
	}
	.mane-home > article h2{
		width: 90%;
    margin-left: 5%;
    font-size: 4vw;
    line-height: 8vw;
    border-radius: 5vw;
	}
	.nuestros-cursos > h1{
		font-size: 7vw;
	}
	.nuestros-cursos > article{
		width: 44%;
    height: 45vw;
    margin-bottom: 18vw;
    margin-left: 0px;
    margin-right: 0px;
	}
	.nuestros-cursos > article:nth-child(2n){
		margin-right: 4%;
	}
	.nuestros-cursos > article > div div{
		font-size: 4vw;
    border-radius: 8vw;
    width: 60%;
    left: 20%;
    top: 17vw;
    height: 8vw;
    line-height: 8vw;
	}
	.nuestros-cursos > article > h1{
		font-size: 4vw;
	}
	.la-mejor{
		height: auto;
	}
	.la-mejor > article{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0px;
	}
	.la-mejor > article > h1{
		font-size: 7vw;
    width: 100%;
	}
	.la-mejor > article > ul > li > h2{
		font-size: 3.4vw;
    line-height: 8vw;
    border-radius: 7vw;
	}
	.la-mejor > article > ul > li > div{
		font-size: 4vw;
	}
	.la-mejor > aside{
		background-size: 80%;
    width: 100%;
    height: 90vw;
	}
	.prueba-gratis{
		background-size: 100% 100%;
	}
	.prueba-gratis > h1{
		font-size: 5vw;
    width: 60%;
	}
	.prueba-gratis div{
		width: 20%;
    text-align: center;
    font-size: 4vw;
    border-radius: 4vw;
	}
	.team-home > h1{
		font-size: 7vw;
	}
	.team-home > article{
		width: 50%;
	}
	.team-home > article > div{
		width: 30vw;
    height: 30vw;
    margin-left: calc(50% - 15vw);
    border-radius: 15vw;
    background-size: 100%;
	}
	.team-home > article > h1, .team-home > article > h2{
		font-size: 4vw;
	}
	.team-home > article > div h1{
		border-radius: 15vw;
    line-height: 30vw;
    font-size: 4vw;
	}
	.contacto > h1{
		font-size: 7vw;
		width: 90%;
		text-align: left;
	}
	.contacto > form{
		width: 90%;
    padding-left: 5%;
    padding-right: 5%;
	}
	.contacto > form > h2{
		font-size: 6vw;
	}
	.contacto > form > input{
		width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 4vw;
    height: 8vw;
    margin-top: 3vw;
    border-radius: 4vw;
	}
	.contacto > form > input[type=submit]{
		width: 65%;
		font-size: 4vw;
	}
	iframe{
		height: 70vw;
	}
	footer{
		height: auto;
		margin-top: -5vw;
		padding-bottom: 15vw;
		background-size: 200% 100%;
		flex-direction: column;
	}
	footer > aside{
	/*		display: none;*/
		width: 100%;/*
    padding-left: 10%;*/
		text-align: center;
		padding: 0px;
	}
	footer > aside > p{
		font-size: 5vw;
	}
	footer > div{
		    width: 100%;
    height: 25vw;
    background-size: 30%;
    padding-top: 15vw;
    background-position: bottom center;
	}
	footer > article{
		width: 100%;
   /* padding-right: 5%;
    padding-left: 5%;
    padding-top: 0vw;*/
    padding: 0px;
	}
	footer > h3{
		text-align: center;
		width: 100%;
		right: 0px;
		font-size: 3vw;
	}
	footer > article > h1{
		font-size: 4vw;
	}
	footer > article > ul li{
		font-size: 7vw;
    line-height: 10vw;
    width: 10vw;
    margin-left: 2vw;
    margin-right: 2vw;
    height: 10vw;
    border-radius: 6vw;
	}
	.hamburger{
		z-index: 10;
    position: fixed;
    right: 5vw;
    top: 5vw;
    display: block !important;
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
		background-color: var(--rosa);
	}
	.mision > aside{
		width: 90%;
    padding: 0px;
    margin-left: 5%;
    margin-right: 5%;
    height: 80vw;
    background-position: center;
	}
	.mision > article{
		width: 90%;
	}
	.mision > article > h1{
		top: 1vw;
    left: -3vw;
    font-size: 7vw;
	}
	.mision > article > p{
		font-size: 4vw;
	}
	.onda{
		padding-top: 10vw;
		padding-bottom: 10vw;
		background-size: 100% 100%;
	}
	.onda > article{
		width: 30%;
	}
	.onda > article:nth-child(2){
		width: 25%;
		margin-left: 3%;
	}
	.onda > article > aside{
		height: 14vw;
		width: 14vw;
	}
	.onda > article > div{
		width: calc(95% - 14vw);
	}
	.onda > article > div > h1{
		font-size: 6vw;
	}
	.onda > article > div > h2{
		font-size: 3vw;
	}
	.mane > article{
		width: 90%;
		margin: 0px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.mane > article > div{
    height: 20vw;
    background-size: 60%;
    background-position: center;
	}
	.mane > article > ul{
		width: 90%;
		margin: 0px;
		margin-left: 5%;
	}
	.mane > article > ul > li > div{
		height: 10vw;
		width: 10vw;
		margin-left: -5vw;
	}
	.mane > article > ul > li > p{
		font-size: 4vw;
	}
	.mane > article:nth-child(2){
		height: 100vw;
		background-position: center;
	}
	.instalaciones > article{
		margin: 0px;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.instalaciones > article > h1{
		font-size: 7vw;
		padding-left: 0px;
		text-align: center;
		width: 50%;
		padding-left: 25%;
		padding-right: 25%;

	}
	.instalaciones > article:nth-child(1){
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.instalaciones > img {
    width: 90%;
    margin-left: 5%;
	}
	.team{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.team > div{
		height: 20vw;
		background-size: 60%;
	}
	.team > article{
		    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0px;
	}
	.team > article > div{
		height: 36vw;
		width: 36vw;
		border-radius: 18vw;
		margin-left: calc(50% - 18vw);
	}
	.team > article > h1{
		font-size: 4vw;
	}
  .team > article > h2{
		font-size: 5vw;
		font-weight: 300;
	}
	.team > article > p{
		font-size: 14vw;
	}
	.teachers > h1{
		width: 60%;
		font-size: 7vw;
		margin-left: 20%;
		margin-right: 20%;
	}
	.teachers{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.teachers > article{
		width: 33%;
	}
	.teachers > article > div{
		width: 25vw;
    height: 25vw;
    margin-left: calc(50% - 12.5vw);
    border-radius: 15vw;
	}

	.teachers > article > div > div:nth-child(1), .teachers > article > div > div:nth-child(2){
		width: calc(27vw - 8px);
    height: calc(27vw - 8px);
    margin-left: 0px;
    border: solid 0px #FFF;
	}
	.team > article > div > div:nth-child(1), .team > article > div > div:nth-child(2){
		width: calc(38vw - 8px);
    height: calc(38vw - 8px);
    margin-left: 0px;
    border: solid 0px #FFF;
	}

	.teachers > article > div > div:nth-child(2){
		animation-name: gif;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}
	@keyframes gif{
		from{display: none}
		to{display: block;}
	}
	.teachers > article > h1{
		display: none;
	}
	.teachers > article > h2{
		font-size: 3vw;
		padding-top: 1vw;
	}
	.titulo-curvo{
		height: 20vw;
	}
	.contenedor{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	#testimonios > article{
		width: 44%;
	}
	#testimonios > article > div{
		height: 30vw;
	}
	#testimonios > article > h1{
		font-size: 4vw;
	}
	#testimonios > article > p{
		font-size: 4vw;
	}
	#testimonios > article > div > div > p{
		width: 7vw;
    height: 7vw;
    line-height: 7vw;
	}

	#faq > ul{
		width: 90%;
    padding-left: 10%;
/*    padding-right: 5%;*/
	}
	#faq > ul > li{
		padding-bottom: 2vw;
	}
	#faq > ul > li > div > h1{
		font-size: 4vw;
	}
	#faq > ul > li > div > h2{
		font-size: 6vw;
	}
	#faq > ul > li > div > article{
		font-size: 4vw;
	}
	.prueba-gratuita > aside{
		width: 100%;
    height: 100vw;
	}
	.prueba-gratuita > article{
		width: 100%;
		height: auto;
	}
	.prueba-gratuita > article > form{
		width: 85%;
    padding-left: 5%;
    padding-right: 5%;
	}
	.prueba-gratuita > article > form > h1{
		font-size: 5vw;
	}
	.prueba-gratuita > article > form > h2{
		font-size: 4vw;
	}
	.prueba-gratuita > article > form p{
		font-size: 4vw;
	}
	.prueba-gratuita > article > form input, label, .prueba-gratuita > article > form textarea{
		font-size: 4vw;
	}
	.prueba-gratuita > article > form input, .prueba-gratuita > article > form select{
		height: 9vw;
		font-size: 4vw;
	}
	.prueba-gratuita > article > form input[type=radio], .prueba-gratuita > article > form input[type=checkbox]{
		width: 5vw;
	}
	.prueba-gratuita > article > form > article{
		width: 100%;
	}
	.prueba-gratuita > article > form input[type=submit] {
    width: 70%;
    margin-left: 15%;
    margin-top: 5vw;
    height: 9vw;
    font-size: 4vw;
	}
	.prueba-gratuita > article > form > div{
		width: 100%;
	}
	.prueba-gratuita > article > form > div:nth-child(8) {
    width: 100%;
    margin-left: 0px;
	}
	.beneficios {
    position: relative;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
	}
	.beneficios > h1{
		font-size: 7vw;
	}
	.beneficios > ul{
		width: 100%;
	}
	.beneficios > ul > li > div{
		width: 10vw;
    height: 10vw;
    border-radius: 5vw;
	}
	.beneficios > ul > li > article{
		width: calc(100% - 12vw);
	}
	.beneficios > ul > li > article > h1, .beneficios > ul > li > article > p{
		font-size: 4vw;
	}
	.beneficios > img:nth-child(5){
		display: none;
	}
	.clases-en-linea > video {
    width: 90%;
    margin-left: 5%;
	}
	.clases-en-linea > video#video-vertical[poster]{
		width: 80%;
		height: 100%;
	}
	.clases-en-linea > video#video-vertical{
		width: 22%;
		margin-left: 10%;
	}
	.clases-en-linea > video.video-vertical {
    width: 80%;
    margin-left: 10%;
	}
	.cursos-intensivos > aside{
		width: 100%;
    height: 60vw;
    background-position: center;
	}
	.cursos-intensivos > article{
		width: 90%;
    padding-right: 5%;
    padding-left: 5%;
	}
	.cursos-intensivos > article > h1{
		font-size: 6vw;
	}
	.cursos-intensivos > article > h2, .cursos-intensivos > article > h3, .incluye > h1, .incluye > h2{
		font-size: 5vw;
	}
	.cursos-intensivos > article > p, .incluye > article > p{
		font-size: 4vw;
	}
	.incluye > article{
		        width: 85%;
        height: auto;
        margin: 0px;
        padding: 5vw;
        margin-bottom: 2vw;
	}
	/*.incluye > article:nth-child(2n){
		margin-right: 3%;
	}*/
	.incluye > article > div{
		width: 10vw;
    height: 10vw;
	}
	.incluye > article > h1{
		width: calc(100% - 12vw);
		font-size: 4vw;
	}
	.cintillo-cursos{
		    background-size: auto 100%;
    height: 82vw;
    background-position: -140vw;
	}
	.cintillo-cursos > h1{
		font-size: 4vw;
    padding-top: 18vw;
    width: 80%;
    margin-left: 10%;
    text-align: center;
	}
	.cintillo-cursos h2{
		width: 56%;
    margin-left: 22%;
    font-size: 4vw;
    line-height: 4vw;
    border-radius: 3vw;
    text-align: center;
    padding-top: 3vw;
    padding-bottom: 3vw;
	}
	.cintillo-cursos > p{
		text-align: center;
		font-size: 4vw;
    width: 80%;
    margin-left: 10%;
	}
	.galeria{
		padding-top: 20vw;
		margin-top: 0vw;
    column-count: 2;
	}
	.galeria > article > div > h1{
		font-size: 4vw;
	}
	.banner-curso > ul {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    border-radius: 0vw;

    height: 20vw
	}
	.banner-curso{
		padding-top: 0px;
/*		margin-top: 35vw;*/
		height: 170vw;
	}
	.banner-curso h1{
		font-size: 8vw;
		width: 70%;
		padding-top: 15vw;
	}
	.banner-curso h2{
		font-size: 5vw;
		line-height: 1.2;
		padding-top: 3vw;
		width: 70%;
	}
	.banner-curso img{
		height: 50%;
	}
	.banner-curso > ul li, .banner-curso > ul a:nth-child(4) > li{
		width: calc(32% - 1px);
		padding-left: 9%;
		padding-right: 9%;
    line-height: 1.2;
    font-size: 4vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 2.5vw;
    width: 80%;
	}
	.cursos-intensivos{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.cursos-intensivos > aside{
		height: 100vw;
	}
	.cursos-intensivos > article > ul{
		font-size: 4vw;
	}
	.incluye-2 > article{
		width: 80vw;
    padding: 5vw;
    /*margin-left: 5%;
    margin-right: 5%;*/
    height:auto;
    margin-bottom: 2vw;
	}
	.incluye-2 > article > div{
		width: 8vw;
    height: 8vw;
	}
	.incluye-2 > article > h1{
		width: calc(100% - 10vw);
		font-size: 4vw;
	}
	.incluye-2 > article > p{
		font-size: 4vw;
	}
	.cursos-intensivos > article > ol > li{
		font-size: 4vw;
    margin-bottom: 3vw;
    width: 100%;
	}
	.cursos-intensivos > article > ol > li > div{
		width: 5vw;
    height: 5vw;
    padding-right: 2vw;
	}
	.incluye-3 > h1, .incluye-3 > h2{
		font-size: 6vw;
	}
	.incluye-3 > article{
		width: 76vw;
		height: 28vw;
		margin-bottom: 3vw;
		padding: 6vw;
	}
	.incluye-3 > article > div{
		width: 8vw;
		height: 8vw;
	}
	.incluye-3 > article > h1{
		width: calc(100% - 10vw);
		font-size: 4vw;
	}
	.incluye-3 > article > p{
		font-size: 4vw;
	}
	.unico {
    height: 80vw;
    height: auto;
    background-size: auto 140%;
    background-position: center center;
}
	.unico > aside{
/*		display: none;*/
		width: 80%;
    height: 110vw;
    margin-left: 10%;
	}
	.unico > article{
		width: 80%;
		padding-left: 10%;
		padding-top: 20vw;
	}
	.unico > article > h1, .unico > article > p{
		font-size: 4vw;
	}
	.unico > article > h1{
		padding-top: 18vw;
	}
	.cursos-intensivos > article > div{
		height: 30vw;
		width: 100%;
	}
	.cursos-intensivos > article > div > div{
		width: 9vw;
    height: 9vw;
    line-height: 9vw;
    border-radius: 9vw;
    font-size: 6vw;
	}
	.cursos-intensivos > article > div > h1{
		font-size: 4vw;
	}
	.cursos-intensivos > article > div > p{
		font-size: 4vw;
	}
	.cursos-intensivos > article > div:nth-child(6){
		margin-left: 0px;
	}
	.cursos-intensivos > article > ul{
		padding: 0px;
	}
	.cursos-intensivos > article > ul > li{
		margin-bottom: 3vw;
	}
	.prueba-gratuita > article > form input[type=date]{
		width: 100%;
		-webkit-appearance:none;
	}
	.testimonios-papas > h2{
		width: 80%;
		padding-left: 10%;
		font-size: 8vw;
	}
	.testimonios-papas > div > article{
		width: 38%;
	}
	.testimonios-papas > div > article > iframe, .testimonios-papas > div > article > div{
		height: 67vw;
	}
	.horizontales > div > article > iframe, .horizontales > div > article > div{
		height: 28vw;
	}
	.testimonios-papas > div > article > h3{
		font-size: 4vw;
		line-height: 1;
	}
	.la-mejor > article > video.modalidades{
		width: 100%;
	}
	.la-mejor > video.plataforma{
		width: 90%;
    padding-left: 5%;
    padding-right: 5%;
	}
	.opiniones > article{
		width: 40%;
		margin: 4vw;
	}
	.opiniones > article > h2{
		font-size: 4vw;
	}
	.opiniones > h2 {
    font-family: 'Nunito', sans-serif !important;
    font-size: 6vw;
    line-height: 1.1;
    width: 85%;
    text-align: center;
	}
	.opiniones > video{
		width: 90%;
	}
	.onda > article, .onda > article:nth-child(2){
		width: 40%;
		margin-left: 1%;
		margin-right: 1%;
		padding: 0px;
		margin-bottom: 7vw;
	}
	.team > h3{
		font-size: 4vw;
	}
	.clases-dinamicas > article {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
	}
	.clases-dinamicas > article > h1{
		font-size: 6vw;
		margin-bottom: 4vw;
	}
	.clases-dinamicas > article > p, .clases-dinamicas > article > ul{
		font-size: 4vw;
	}
	.ultimos > aside > h2{
		font-size: 5vw;
	}
	.ultimos > aside > h2{
		font-size: 5vw;
		width: 30%;
		line-height: 1;
	}
	.ultimos > aside > div{
		width: 70%;
	}
	.resto > aside > h2{
		font-size: 5vw;
		width: 70%;
	}
	.resto > aside > div{
		width: 15%;
	}
	.vip > div{
		/*height: 500px;
		padding-top: 10vw;
		padding-bottom: 10vw;*/
		height: 110vw;
        padding-top: 10vw;
        padding-bottom: 10vw;
        width: 90vw;
        border-radius: 36vw;
	}
	.vip > div > h3{
		font-size: 5vw;
	}
	.vip > div > h3:nth-child(1){
		margin-top: 20vw;
	}
	.vip > div > h2{
		font-size: 7vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	.vip > div > p{
		font-size: 3.5vw;
	}
	.vip > div > form{
		width: 300px;
		height: 420px;
	}
	.vip > div > form > img:nth-child(1){
		margin-top: -12vw;
		margin-bottom: 7vw;
	}
	.vip > div > a > div{
		font-size: 4vw;
    padding: 1.5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    border-radius: 5vw;
    margin-top: 3vw;
	}
	.vip > img:nth-child(4){
		top: 80vw;
	}
	.vip > img:nth-child(2){
		top: 130vw;
	}
	.vip > img:nth-child(6){
		width: 30%;
		top: 5vw;
		left: 35%;
	}
	.vip > img:nth-child(7) {
    left: -6%;
    width: 19%;
    top: 78vw;
    display: none;
	}
	.vip > div > article > a{
		width: 36vw;
    height: 36vw;
    border-radius: 6vw;
    margin: 2vw;
	}
	.vip > div > article > a > h3{
		font-size: 4vw;
	}
	.vip > div > article > a > h2{
		font-size: 8vw;
	}
	.topicos{
		padding-top: 5vw;
	}
	.topicos > article{
		width: 90%;
	}
	.topicos > article > aside{
		width: 90%;
    height: 20vw;
    margin-top: -10vw;
	}
	.topicos > article > h2{
		font-size: 5vw;
	}
	.topicos > article > aside > h1{
		font-size: 5vw;
    width: 50%;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 1.1;
    margin: 0px;
	}
	.topicos > article > aside > a {
    width: 19vw;
    height: 6vw;
    border-radius: 4vw;
    font-size: 3vw;
    line-height: 6vw;
	}
	.topicos > article > div{
		width: 100%;
	}
	.topicos > article > div > a{
		width: 40vw;
	}
	.topicos > article > div > a > div{
		height: 35vw;
	}
	.topicos > article > div > a > h3{
		font-size: 4vw;
		margin-top: 2vw;
	}
	.topicos > article > article{
		width: 90%;
		flex-wrap: wrap;
	}
	.topicos > article > article > a{
		width: 100%;
	}
	.topicos > article > article > a > div{
		width: 15vw;
		height: 15vw;
	}
	.topicos > article > article > a > p{
		font-size: 5vw;
	}
	.topicos > article > article > a > p > span{
		font-size: 4vw;
	}
	.topicos > article > div > article > div > h2{
		font-size: 6vw;
	}
	.topicos > article > div > article{
		flex-direction: column-reverse;
		padding-bottom: 6vw;
    padding-top: 6vw;
	}
	.topicos > article > div > article > aside{
		width: 100%;
	}
	.topicos > article > div > article > div{
		width: 100%;
    padding-left: 0px;
    text-align: center;
	}
	.topicos > article > div > article > aside > div{
		width: 80%;
		height: 45vw;
		border-radius: 4vw;
	}
	.topicos > article > div > article > aside > a{
		font-size: 4vw;
		width: 60%;
		border-radius: 4vw;
		margin-top: 5vw;
	}
	#banner-paquetes{
		height: 55vw;
	}
	#banner-paquetes > section{
		width: 70vw;
    left: 15vw;
    height: 40vw;
    border-radius: 0px 0px 35vw 35vw;
	}
	#banner-paquetes > section > h3{
		font-size: 5vw;
	}
	#banner-paquetes > section > h1{
		font-size: 9vw;
	}
	.paquetes > div{
		flex-direction: column;
	}
	.paquetes > div > article{
		width: 67%;
        margin-left: 16%;
        margin-right: 10%;
        margin-top: 10vw;
        margin-bottom: 10vw;
	}
	.paquetes > div > article > img{
		height: 60vw;
	}
	.paquetes > div > article > h3{
		font-size: 5vw;
	}
	.paquetes > div > article > h2{
		font-size: 7vw;
	}
	.paquetes > div > article > h4{
		padding: 1vw;
    padding-right: 5vw;
    padding-left: 5vw;
    border-radius: 6vw;
    font-size: 5vw;
	}
	.paquetes > div > article > ul{
		font-size: 4vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    border-radius: 12vw;
	}
	.paquetes > div > article > a{
		padding: 1vw;
    padding-right: 5vw;
    padding-left: 5vw;
    border-radius: 6vw;
    font-size: 5vw;
    width: 80%;
    display: none;
	}
	.paquetes > div > article:nth-child(2) > h2, .paquetes > div > article:nth-child(3) > h2{
		height: 9vw;
	}
	.paquetes > div > article > ul > img{
		right: -9vw;
    top: -14vw;
	}
	.mamas{
		height: auto;
		background-size: 400% 100%;
		padding-bottom: 10vw;
		overflow: hidden;
	}
	.mamas > h2{
		font-size: 9vw;
		padding-top: 15vw;
		width: 80%;
		padding-left: 10%;
		line-height: 1.1;
	}
	.slide-paquetes{
		box-sizing: content-box;
	}
	.mamas > section article{
		/*flex-direction: column;
        width: 100%;
        padding-left: 4%;
        padding-right: 4%;
        margin-left: 0px;
        height: auto;*/
    flex-direction: column;
        width: 84%;
        padding-left: 4%;
        padding-right: 4%;
        margin-left: 4%;
        height: auto;
        box-sizing: content-box;
	}
	.mamas > section article > aside{
		position: relative;
    width: 40vw;
		height: 40vw;
		border-radius: 34vw;
	}
	.mamas > section article > div{
		width: 100%;
		padding-left: 7%;
    padding-right: 7%;
        margin-left: 0px;
		margin-top: -10vw;
	}
	.mamas > section article > div > img{
		top: -9vw;
    right: -2vw;
    width: 30%;
	}
	.mamas > section article > div > div > h5{
		font-size: 10vw;
	}
	.mamas > section article > div > div{
		font-size: 4vw;
	}


	.solo-movil{
		display: block;
	}
	.no-movil{
		display: none;
	}
	#solo-movil{
		display: flex;
	}
	.slick-prev{
		left: -36px !important;
	} 
	.slick-next{
		right: -17px !important;
	}
	#paqueteria{
		flex-direction: column;
	}
	#paqueteria > section{
		flex-direction: column;
	}
	#paqueteria > section > aside{
		width: 60%;
    height: 45vw;
	}
	#paqueteria > section > div{
		width: 80%;
	}
	#paqueteria > section > div > p{
		width: 100%;
		font-size: 4vw;
		text-align: center;
	}
	#paqueteria > section > div > h2{
		text-align: center;
		font-size: 6vw;
	}
	#paqueteria > section > div > h5, .disparador-siguiente{
		font-size: 4vw;
    width: 45%;
    height: 8vw;
    border-radius: 5vw;
    margin-left: 27.5%;
	}
	#paqueteria > article{
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
	}
	#paqueteria > article > h2{
		font-size: 6vw;
		width: 80%;
		padding-left: 10%;
		text-align: center;
	}
	#paqueteria > article > p{
		font-size: 4vw;
    width: 80%;
    padding-left: 10%;
    text-align: center;
	}
	#calendar, #hours{
		width: 305px !important;
	}
	#calendar-container{
		background-color: #FFF
	}
	.disparador-siguiente{
		    width: 25vw;
		    margin-left: 0px;
	}
	#pagar-ahora{
		    width: 30%;
    height: 8vw;
    border-radius: 5vw;
    font-size: 4vw;
    margin-left: 35%;
    margin-bottom: 10vw;
	}
	#select-basico, #select-platinium, #select-pro{
		height: 9vw;
	}
	/*.mosaico .columna-1, .mosaico .columna-2, .mosaico .columna-3, .mosaico .columna-4, .mosaico .columna-5{
	    width: 48%;
	}
	.mosaico .columna-1 > div:nth-child(1), .mosaico .columna-1 > div:nth-child(4), .mosaico .columna-2 > div:nth-child(2), .mosaico .columna-3 > div:nth-child(1), .mosaico .columna-3 > div:nth-child(4), .mosaico .columna-4 > div:nth-child(2), .mosaico .columna-5 > div:nth-child(1), .mosaico .columna-5 > div:nth-child(4){
	    height:50vw;
	}
	.mosaico .columna-1 > div:nth-child(2), .mosaico .columna-2 > div:nth-child(4), .mosaico .columna-4 > div:nth-child(1), .mosaico .columna-4 > div:nth-child(3), .mosaico .columna-5 > div:nth-child(2), .mosaico .columna-5 > div:nth-child(3){
	    height: 40vw;
	}
	.mosaico .columna-5{
	    display: none;
	}*/
}

*:not(footer, footer > div, footer div footer > aside, footer > article){
	box-sizing: content-box;
}

a{
	text-decoration: none;
	color: inherit !important;
}
#primary, #secondary, #footer-widget-area{
	display: none;
}
.slick-prev, .slick-next{
	top: 35% !important;
}
.slick-prev:before, .slick-next:before{
	font-size: 40px !important;
}