@charset "utf-8";
/* CSS Document */
.container{padding: 0px 0px !important;max-width: 100%;}
#mainNav{background-color: #350e65 !important;}
	@media screen and (max-width: 767px){
		#mainNav, .navbar-brand{padding-top: 8px !important;padding-bottom: 8px !important;}
	}
img {max-width: 100%;}
*{margin:0px;padding:0px;}
a, a:hover{text-decoration: none;}
body{
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
	margin: 0px 0 0px;
}
@font-face{
	font-family:pepparegular;
	src:url(../fonts/peppa-webfont.woff2) format("woff2"),
	url(../fonts/peppa-webfont.woff) format("woff");
	font-weight:400;font-style:normal;
}
@font-face{
	font-family:peppabold;
	src:url(../fonts/peppa_bold-webfont.woff2) format("woff2"),
	url(../fonts/peppa_bold-webfont.woff) format("woff");
	font-weight:400;font-style:normal;
}

.logo.cdi{width:500px !important;padding: 0px !important;margin: -20px 0px -20px 0px !important;background: transparent;}
.cdi-logo{margin: -26px 0px -20px 0px !important;}
.logo.peppa{width:100%;max-width: 80px; margin: 0px 10px;display: inline-block; background: transparent;}
.logo.peppa.top{max-width: 75px;margin: 0px 10px 0px 0px;}
.logo.mlp{width:100%;max-width: 70px;margin: 0px 20px; display: inline-block; background: transparent;}
.logo.mlp.top{margin: 0px 10px 0px 0px;}
.logo.tf{width:100%;max-width: 140px;margin: 0px 0px; display: inline-block;background: transparent;}
.logo.tf.top{max-width: 100px;margin: 0px 0px 0 -16px;}
.logos-centro{margin:-20px auto;}

.logo-gokids{width:100%;max-width: 170px;margin: 0px 10px 0 0px;display: inline-block;}

.characters{
	width:100%;
	max-width:900px;
	margin:0 auto -43px;
	padding: 0 20px;
}



/* INGLES 10 */
#ingles10 .bg-bajada{
background: rgb(228,81,0);
background: -moz-linear-gradient(0deg, rgba(228,81,0,1) 10%, rgba(250,117,8,1) 60%);
background: -webkit-linear-gradient(0deg, rgba(228,81,0,1) 10%, rgba(250,117,8,1) 60%);
background: linear-gradient(0deg, rgba(228,81,0,1) 10%, rgba(250,117,8,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e45100",endColorstr="#fa7508",GradientType=1);
	border-top: 5px solid #fff;
}
#ingles10 hr{
	background: #ffffff;
	width: 80%;
	display: table;
	margin: 15px auto 20px;
}

#ingles10 .text-morado{
	color:#ab00bf;
}
#ingles10 .ingles10-header .zones{
	width:100%;
	display:table;
	height: auto;
	margin-top:20px;
}
#ingles10 .button{
	background: #0dbac4;
	background-size: 100% 100%;
	padding: 10px 20px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
	font-weight: 900;
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	color: #fff;
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-radius:100px;
	-webkit-box-shadow: -2px 1px 10px rgba(0,0,0,0.3);
	box-shadow: -2px 1px 10px rgba(0,0,0,0.3);
}

#ingles10 .ingles10-header .zones.desk{display:table;}
#ingles10 .ingles10-header .zones.mobile{display:none;}

@media (max-width: 550px){
	#ingles10 .ingles10-header .zones.mobile{display:table;}
	#ingles10 .ingles10-header .zones.desk{display:none;}
}


@media (max-width: 1158px){
/*
	#clubdelingles .logo.cdi{
		 width:500px !important;
		 padding: 0px !important;
		 margin: -20px -130px -20px -40px !important;
	}
*/

	 #mainNav #clubdelingles.navbar-brand img{
		 margin: -20px -40px -20px 0px !important;
	}
	.logos-centro{margin:-20px 0px;}

}
@media (max-width: 700px){
	#mainNav #clubdelingles.navbar-brand img{
		height: 3rem;
		margin: 5px auto 0px 60px !important;
	}
	#mainNav #clubdelingles.navbar-brand{
		margin: -20px auto 10px auto !important;
	}
	.logos-centro{margin: -20px 0px -4px;}
}
@media (max-width: 600px){
	.logo-gokids.cdi{width:100%;max-width: 100px;margin: 0px 10px 0 0px;display: inline-block;}
	.cdi-logo.congokids{
		width:100%;
		max-width: 200px;
		margin: -26px 0px -20px 0px !important;
	}
}

@media (max-width: 565px){
	.logo-gokids{width:100%;max-width: 100px;margin: 0px 5px 0 -10px;display: inline-block;}
	.logo.ingles10.small{width:100%;max-width: 210px !important;margin: 0px 0px 0 0px;}
	.logo.laescuelita.small{width:100%;max-width: 210px !important;margin: 0px 0px 0 0px;}
}

@media (max-width: 500px){
	.logo-gokids.cdi{width:100%;max-width: 85px;margin: 0px 5px 0 0px;}
	.cdi-logo.congokids{
		width:100%;
		max-width: 150px;
	}
}
@media (max-width: 440px){
	#mainNav #clubdelingles.navbar-brand img{
		height: 3rem;
		margin: 5px -100px 0px 10px !important;
	}
	.logo.peppa{width:100%;max-width: 70px; margin: 0px 0px;}
	.logo.mlp{width:100%;max-width: 50px;margin: 0px 10px; }
	.logo.tf{width:100%;max-width: 120px;margin: 0px 0px;}
}


.logo-dt{
	width: 100%;
	max-width: 90px;
	background: #fff;
	margin: 2px 0 0 10px;
	padding: 1px 8px;
	border-radius: 8px;
}

.pepparegular{font-family:'pepparegular',Arial,Helvetica,sans-serif;}
.peppabold{font-family:'peppabold',Arial,Helvetica,sans-serif;}
.line-height-h1{line-height: 2rem;}
.cat{font-size:3.3rem;line-height:3.5rem;}

.button{
	-webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
}
.button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.btn.button.club{background: #6dc1b0;}
.btn.button.club:hover{background: #a8559c;}

.text-blue{color: #e72a84;}

.logo{width:100%;max-width: 500px;}

.navbar-nav a.btn-wa{color: #fff;}
#mainNav .navbar-nav .nav-item .nav-link:hover,
.navbar-nav a.btn-wa:hover{color:#1fe4d1 !important;}


/** LOGOS LAND**/
.logo.english10{width:100%;max-width: 185px;}
.logo.ingles10{width:100%;max-width: 310px !important;height: auto !important;margin: -8px auto;}
.logo.laescuelita{width:100%; max-width: 310px !important;height: auto !important;}
.peppa-characters{z-index:1000;position: relative;top: -40px;}
.peppa-mp100p{width:100%;max-width: 220px;}
.peppa-land{width:100%;max-width: 160px;}
.mlp-land{width:100%;max-width: 210px;}
.tfm-land{width:100%;max-width: 401px;padding: 0px 15px 10px;}
/*.krensi-logo{width:100%;max-width: 385px;height:auto !important;margin: -8px 0 -14px 0px;}*/



	#mainNav .navbar-brand img.krensi-logo {
		height: 4rem;
		transition: height 0.3s ease-in-out;
		margin: 0px 10px 0px 30px;
  	}

	#mainNav.navbar-shrink .navbar-brand img.krensi-logo {
		height: 3rem;
	}

@media (max-width: 1080px){
	#mainNav .navbar-brand img.krensi-logo {
		/* background:red; */
		width:80%;
		max-width: 235px;
		height:auto !important;
		margin-right:0px;
		margin-left:15px;
		}
}
	
.chicos{width:100%;max-width: 860px; align-self: baseline !important;}
.bodegon{width:100%;max-width: 500px;display: table;margin: 0px auto;}
.camiseta{width:100%;max-width:280px;}


#english10-programa h1.page-header.color{
	color: #ab00bf;
	border-bottom: 1px solid #03b919 !important;
	line-height: 24px;
}


/** PROGRAMA **/
.programa .card.infantil.peppa{background-size: 18% !important;}
.programa .card.infantil.mlp{background-size:cover !important;}
.programa .card.beg{background:#fa7508 !important;}
.programa .card.int{background:#e01599 !important;}
.programa .card.adv{background:#0ac7da !important;}
.programa .card.clase{background:#ab00bf !important;}
.programa .card.servicio{background:#b7d400 !important;}
.programa .card.juego{background:#002098 !important;}
.programa .card:hover{background:#03b919 !important;}

.programa .card.peppa:hover{background:#ff71a4 !important;}
.programa .card.infantil.mlp:hover{background: #E5009A !important;}
.programa .card.infantil.tfm:hover{background: #c31f3c !important;}

.txt-nota{
	width: 95%;
	max-width: 680px;
	height:auto;
	display: table;
	margin: -5px auto 10px;
	padding: 8px 8px;
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #000c94;
	background: rgb(255 255 255 / 70%);
	border-radius: 10px;
}

/** English10 Land **/
section#e10.bg-e10{
	background: url(../img/clubdelingles/English10-Bg-Cielo.png);
	background-size: cover;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
}
section#english10.bg-english10{
	background: url(../img/clubdelingles/English10-Bg-Cielo.png);
	background-size: cover;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
	margin-top: 20px;
	margin-bottom: -7px;
	border-bottom: 20px solid #fff;
}

section#e10.bg-e10 h1{
	text-transform:none;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif  !important; 
	font-weight:600;

}
.e10-land{width:100%; max-width:350px;}

section#e10 .button, section#english10 .button{
	background: #ab00bf;
    background-size: 100% 100%;
    padding: 10px 20px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    color: #fff;
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
	border-radius:100px;
	-webkit-box-shadow: -2px 1px 10px rgba(0,0,0,0.3);
	box-shadow: -2px 1px 10px rgba(0,0,0,0.3);
}
section#english10 .button.celeste{background:#42ceb0;}

section#e10 .button:hover, section#english10 .button:hover{background:#fa7508}

section#e10.bg-e10 .bg-on{/* background: red; */}
section#e10.bg-e10 .separator{
	display: none;
}

/** La Escuelita + English10 bodegon **/
section#English10.bg-e10{
	background: url(../img/clubdelingles/English10-Bg-caja.png) bottom no-repeat;
	background-size: cover;
	/* 	background-color: #eee; */
	/*text-shadow: -1px 1px 5px #a104ad;
	 padding-bottom: 70px !important; */
}
section#English10.bg-e10 h1{
	text-transform:none;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif  !important;
	font-weight:600;
	color: #fffceb !important;
}
section#English10.bg-e10 .button{
    background: #E5009A;
    padding: 10px 20px;
    font-size: 20px;
    width: auto;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff59a6),to(#ff2c7a));
    background: linear-gradient(#ff59a6,#ff2c7a);
    -webkit-tap-highlight-color: transparent;
    border-radius: 100px;
    margin-top: 1.2vw;
    outline: 0px;
    font-weight: 600;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 24%);
    text-shadow: -1px 1px 2px rgb(0 0 0 / 20%);
}





/** ENGLISH 10 **/
.english10 h1.page-header{
	color:#002098 !important;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 30px;
	margin: 20px 0 15px;
	text-align: center;
	border-bottom: 3px solid #03b919 !important;
	letter-spacing: 0px;
	padding-bottom: 7px;
}
.english10 .page-header .small{
	color: #FF9800 !important;
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	padding: 3px 0 0 0;
}
.english10 .panel-default>.panel-heading{
    border-top: 5px solid #f5dc00;
    border-bottom: 2px dotted #f5dc00;
    border-left: 0px;
    border-right: 0px;
    letter-spacing: 0.5px;
    background: #11cce4;
    border-radius: 0px 0px 0px 0px;
    text-shadow: -1px 1px 2px rgba(0,0,0,0.4);
}
.english10 .panel.panel-default{
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	background: #ff0f40;
	border: none;
	border-radius: 0px 0px 20px 20px;
}
.english10 .panel.panel-default:hover{background:#002098;}
.english10 .panel-heading .fa-2x{
    text-shadow: -1px 1px 2px rgba(0,0,0,0.4) !important;
}

.bg-malla{background: #f5dc00;}
.english10 .btn.btn-malla{
	background:#ab00bf;
	color:#fff;
	width:auto;
	border-radius:20px;	
    text-transform: uppercase;
    font-weight: 600;
	font-size:16px;
}
.english10 .btn.btn-malla:hover{
	background:#002098;
}


#english10-programa .btn.btn-prg{
	background:#bbd700;
	color:#fff;
	width:auto;
	border-radius:20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	padding: 4px 10px;
	margin: 0px 8px 10px;
}
#english10-programa .btn.btn-prg.test{
	background:#a000c2;
}
#english10-programa .btn.btn-prg:hover{
	background:#03b919;
}






.english10 .btn.btn-bg-rosa{
	background:#e01599;
	color:#fff;
	width:auto;
	border-radius:20px;	
    text-transform: uppercase;
    font-weight: 600;
	font-size:14px;
	letter-spacing:1px;
}
.english10 .btn.btn-bg-rosa:hover{
	background:#002098;
}


.english10 .tit{color: #e01599;border-bottom: 3px solid #03b919;padding-bottom: 5px;}

.row.english10 .nav-link{
	background:#fa7508;
	border-radius:100px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	display: inline-block !important;
	margin: 0 5px 5px;
	line-height: 25px;
	font-size: 16px;
	letter-spacing: 1px;
}
.row.english10 .nav-link:hover,.row.english10 .nav-link.active{
	background: #b7d400 !important;border: none !important;color: #fff !important;}

.row.english10 .tab-content{
	background:#b7d400; 
	padding-bottom:15px; 
	color:#fff;
	border-radius:20px;
}
.row.english10 .tab-content.level-test{
	background:#f5dc0061; 
}
.row.english10 .tab-content .resources-title{
	display:table;
	margin:0px auto 10px;
}

.english10 .btn{background:#ab00bf;color: #fff;font-size: 12px;border-radius: 20px; width:auto;}
.english10 .btn:hover{background:#002098;color: #fff;}


.row.english10 .tab-content .resources-title{
	margin: 15px 0 -2px;
	background: #3c006e;
	border-radius: 10px 10px 0 0;
	padding: 0px 15px 10px;
	border-bottom: 5px solid #ec7704;
}
.row.english10 .tab-content .resources-title svg{font-size: 24px;margin: 12px auto 0px !important;}
.row.english10 .tab-content .resources-title #video_class_tittle{border-bottom: 2px dotted #ec7704;}
/*
.tab-content .resources-title i{
	display:table;
	margin:0px auto 10px;
}
*/

.btn.btn-servicios{
	background:#fa7508;
	width:auto;
	display:table;
	margin:0px auto;
	color:#fff !important;
	border-radius:100px;
	text-transform:uppercase;
	font-weight:500;
	padding:10px 20px;
}
.btn.btn-servicios:hover{background: #03b919 !important;}




/** botones actividades **/
.english10 #pills-colorear .btn,
.english10 #pills-workbook .btn{
	width:auto;
	color: #fff;
	font-size: 14px;
	line-height:22px;
	border-radius: 20px;
	font-weight:bold;
	padding:10px 18px;
	margin:5px;
	border: 2px #ffffff63 solid;
	background:#ab00bf;
}
.english10 #pills-workbook .btn{background:#000c94;}

.english10 #pills-colorear .btn svg,
.english10 #pills-workbook .btn svg{
	font-size: 24px;
	padding:0px 0px;
	color: #ffe400;
	margin-bottom:2px;
}
.english10 #pills-colorear .btn .num,
.english10 #pills-workbook .btn .num
	{font-size:24px; line-height:18px}

.english10 #pills-colorear .btn:hover,
.english10 #pills-workbook .btn:hover
	{background:#00c0d2;color: #fff;}





/** COMO SEGUIR EL CURSO **/
#laescuelita h1.page-header{
	color: #ab00bf;
    font-size: 25px;
	border-bottom: 1px solid #03b919 !important;
}
#laescuelita h3.tit-pasos{padding: 5px 0px 0px;margin: 0px 0 5px;font-size: 22px;color: #15cadb;text-transform: uppercase;border-bottom: none;}
#laescuelita .modulo-pasos .numero{
	width: 37px;
	height: auto;
	float: left;
	clear: none;
	background: #ab00bf;
	padding: 6px 0px 7px;
	margin: -1px 0px 0px 0px;
	border-radius: 100px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	letter-spacing: 0px;
}

#laescuelita .modulo-pasos .tit-paso{
	color: #0c315a;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding: 3px 0px 5px;
	margin: 0px 0 0px 45px;
	text-align: left;
	letter-spacing: 0.5px;
}
#laescuelita .modulo-pasos .txt-pasos{
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin-left: 45px;
	letter-spacing: 0px;
	color: #03b919;
	}
#laescuelita .modulo-pasos{
	margin: 0px auto 0px;
	padding: 10px 0px;
	border-bottom: 1px dotted #15cadb;
	min-height: 60px;
}
#laescuelita #pasos .cierre{
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	text-align:left;
	padding: 20px 0px 0;
	color: #03b919;
	border: none;
}



/** ELEMENTOS **/

/*
.col-md-3.hidden-xs.hidden-sm{display:none !important;}
.bg-content .col-md-6{
	background:rgba(207, 226, 0, 0.2);
	border-radius:20px;
	padding:20px 20px;
	width: 75%;
	color:#002098;
}
*/
#myModal-voicelab .modal-dialog .modal-content .modal-header .cat{font-size:20px;line-height: 20px;}

h3.tit-big{color:#fa7508 !important; border-bottom:2px solid #b7d400;}
#juegos-lassabestodas-pregunta{color:#0ac7da !important;}
#juegos-lassabestodas-content .btn.btn-primary, .sortable-btn .btn.btn-primary{
	border-radius:100px !important;
	background:#e01599 !important;
}
#juegos-lassabestodas-content .btn.btn-primary:hover, .sortable-btn .btn.btn-primary:hover{
	background:#002098 !important;
}
.juegos-lassabestodas-palabras-es{color:#002098 !important;}
.juegos-lassabestodas-respuesta {
    background-color: #b7d40054 !important;
    border-bottom: 2px dashed #0ac7da  !important;
    color: #002098 !important;
}

.bg-content .panel.panel-default.bg-celeste .panel-heading{
    border-top: 5px solid #f5dc00;
    border-bottom: 2px dotted #f5dc00;
    padding: 0px 0px 1px;
    letter-spacing: 0.5px;
    background: #11cce4;
    border-radius: 0px 0px 0px 0px !important;
    text-shadow: -1px 1px 2px rgba(0,0,0,0.3);
}
.bg-content .panel-heading h4.small.text-center.py-3.mb-4{
	line-height: 19px;
    font-size: 15px;
    padding: 0px 15px 0px !important;
	margin:20px 0px!important;
    text-align: center;
}
.bg-content .panel.panel-default{
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
/*	background: #ff0f40;*/
	border: none !important;
	border-radius: 0px 0px 20px 20px;
}
.bg-content .panel-heading{background:#350e65;}

.bg-content .panel.panel-default .btn-leer, 
.bg-content .panel.panel-default .btn-leer:focus, 
.bg-content .panel.panel-default .col-md-3.col-concetos .btn-leer, 
.bg-content .panel.panel-default a.ordenaletras-next-btn,
#juegos-ordenaletras-popup .ordenaletras-next-btn,
#juegos-lassabestodas-next .ordenaletras-next-btn{
	color: #fff;
	background-color: #002098;
	border-color:transparent;
	text-align: center;
	display: table;
	padding: 10px 15px;
	margin: 10px auto 12px;
	text-transform: uppercase;
	letter-spacing: 0px;
	border-radius: 50px;
	font-weight: 700;
}
.bg-content .panel.panel-default .btn-leer:hover, 
.bg-content .panel.panel-default .col-md-3.col-concetos .btn-leer:hover,
.bg-content .panel.panel-default a.ordenaletras-next-btn:hover,
#juegos-ordenaletras-popup .ordenaletras-next-btn:hover,
#juegos-lassabestodas-next .ordenaletras-next-btn:hover{
	color: #fff;
    background: #03b919;
    border-color:transparent;
}
.ordenaletras-pista, .ordenaletras-resp-correcta{color:#ab00bf !important; background:#fffffff0 !important; border:1px solid #f5dc00 !important}


/** milpalabras **/
#milpalabras .col-md-9 {
	width: 100%;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
	padding:30px 30px;
}
#milpalabras .panel-heading, #milpalabras .puntuacion{
	color:#fff !important;
	text-shadow: none !important;
}
#milpalabras .panel-body{padding-bottom:15px;}
#milpalabras a.btn.btn-default{
	border-radius: 100px !important;
	background:#002098;
	margin: 5px auto 0px !important; 
}
#milpalabras a.btn.btn-default:hover{background:#03b919;}



/** 1000 PALABRAS CLAVE **/
.row.bg-content .col-md-9 {
	width:100% !important;
    text-align: center;
}
#palabrasclave .col-lg-4.col-md-6.col-sm-6.col-xs-12 {
	background:rgb(255 255 255 / 1) !important;
	border-radius:20px;
	padding: 7px 12px;
	width: 25%;
	color: #e01599 !important;
}
#palabrasclave .card.card-heigh{
	background: #0ac7da!important; 
}

#palabrasclave .palabra-en, #palabrasclave .palabra-en-2{	color:#fff !important;}
#palabrasclave .play-button, #palabrasclave .fa-microphone{color:#002098 !important}
#palabrasclave .example-tit{border-top: 1px solid #ab00bf  !important;color:#fff !important}
#palabrasclave .palabra-es{color:#f5dc26 !important; font-weight:500;}

.fa-volume-up.palabras, .fa-mobile.palabras, i.palabras{color:#ff0f40 !important;;}
#palabrasclave .bg-card-body {
    border-top: 5px solid #f5dc00 !important;
}

#palabrasclave .num-palabra {
	display: inline-flex;
	position: absolute;
	left: 7px;
	top: -15px;
	height: 40px;
	padding: 3px 7px 4px;
	font-size: 20pt;
	font-weight: 900;
	color: white;
	text-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
	background: #ff0f40 !important;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
}

#palabrasclave .example-sentence {}

#palabrasclave .play-button.fa-play-circle:hover, 
#palabrasclave .fa-microphone:hover, #palabrasclave .bt-play:hover{color: #fff !important;}


/** PEPPA **/
section#peppa h1{font-size: 60px;}

section#peppa.bg-pink{
	background: url(../img/clubdelingles/peppa-bg.png) #bd2585 repeat-x !important;
	background-size: contain;
}
#peppa.bg-pink .divider-wiggly-1,
#peppa.bg-pink .divider-wiggly-2{
	content:'';
	width:100%;
	height: 110px;
	display:table;
	left: 0;
	right: 0;
	background-size: 1920px;
	position: absolute;
	background-position: center;
	background-repeat: repeat-x;
	z-index: 5;
	pointer-events: none;
}

#peppa.bg-pink .divider-wiggly-1{
	margin-top: -108px;
	background: url(../img/clubdelingles/peppa-divider-01-pink.png) transparent center;
}

#peppa.bg-pink .divider-wiggly-2{
	margin-top: -2px;
	background: url(../img/clubdelingles/peppa-divider-02-pink.png) transparent center;
}
#peppa .button.button--svg-arrow-right {
    height: 96px;
    width: 96px;
    padding: 0;
    font-size: 0;
    background-image: url(../img/clubdelingles/btn-arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e41c6f;
    margin-top: 1rem;
    border: 8px solid #fff;
    border-radius: 24px;
    position: relative;
}
.button.button--svg-arrow-right>svg{height:96px;width:96px}


/** MLP **/
section#mlp.bg-mlp{
	background: url(../img/clubdelingles/mlp-bg-land.png) bottom;
	background-size: cover;
	/* 	background-color: #eee; */
	text-shadow: -1px 1px 5px #a104ad;
	/* padding-bottom: 70px !important; */
}
section#mlp.bg-mlp h1{
	text-transform:none;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif  !important;
	font-weight:600;
	color: #fffceb !important;
}
section#mlp .button{
    background: #E5009A;
    padding: 10px 20px;
    font-size: 20px;
    width: auto;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff59a6),to(#ff2c7a));
    background: linear-gradient(#ff59a6,#ff2c7a);
    -webkit-tap-highlight-color: transparent;
    border-radius: 100px;
    margin-top: 1.2vw;
    outline: 0px;
    font-weight: 600;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 24%);
    text-shadow: -1px 1px 2px rgb(0 0 0 / 20%);
}


/** TFM **/
section#tfm.bg-tfm{
	background: url(../img/clubdelingles/transformers-bg-land.png);
	background-size: cover;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
}
section#tfm.bg-tfm h1{
	text-transform:none;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif  !important; 
	font-weight:600;

}

section#tfm .button{
	background: url(/img/clubdelingles/red_button.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    padding: 0.75vw 30px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    color: #fff;
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
section#tfm.bg-tfm .bg-on{/* background: red; */}
section#tfm.bg-tfm .separator{
	display: none;
}


section#english10.bg-english10 hr{display:none;}

@media (max-width: 991px){
section#english10.bg-english10 hr{border-bottom: 20px solid #199caf;margin: 0px;display:inherit;opacity: 1;-webkit-box-shadow: -2px 1px 10px rgba(0,0,0,0.3);box-shadow: -2px 1px 10px rgba(0,0,0,0.3);}
	section#tfm.bg-tfm .bg-on{background: #fff; padding-bottom: 30px}
	section#tfm.bg-tfm .separator{
		width:100%;
		height: 110px;
		display:table;
		left: 0;
		right: 0;
		margin-top: -108px;
		background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
	}
}

@media (max-width: 670px){
	#enlgish10.bg-content{margin-top:5px !important;}
	#enlgish10 .col-md-10.shadow.px-5{
		padding: 0px !important;
		box-shadow: none !important;
	}
}