.plan_cr{margin-top: 40px;}
.plan_cr .listado-planes{background: #FFF;max-width: 1080px;margin: 0 auto 45px;box-shadow: 2px 2px 2px 2px rgba(204, 204, 204, 0.4);border-radius: 5px;border-radius: 16px;overflow: hidden;}
.plan_cr .listado-planes .plan-cr-nombre{display: table-cell;width: 28%; vertical-align: middle;background: #019BF2;text-align: center;}
.plan_cr .listado-planes .plan-cr-nombre h3{font: 44px/46px Telefonica; color: #fff;}
.plan_cr .listado-planes .plan-cr-nombre h4{font: 40px/40px Telefonica; color: #fff;}
.plan_cr .listado-planes .plan-cr-nombre h3 span{font-family: Telefonica; font-size: 23px; display: block;line-height: 23px;}
.plan_cr .listado-planes .plan-cr-nombre h4 span{font-family: Telefonica; font-size: 20px; display: block;line-height: 20px;}
.plan_cr .listado-planes .incluye-plan-cr{display: table-cell;width: 47%; vertical-align: middle;padding: 30px;background: #fff;}
.plan_cr .listado-planes .incluye-plan-cr p{font: 20px/22px Telefonica; color: #86888C; }
.plan_cr .listado-planes .incluye-plan-cr ul{margin-top: 14px;}
.plan_cr .listado-planes .incluye-plan-cr ul li{margin-bottom: 6px;font: 18px/20px Telefonica; color: #86888C;position: relative;padding-left: 15px;}
.plan_cr .listado-planes .incluye-plan-cr ul li a{font-size: 16px;color: #019BF2;text-decoration: none;}
.plan_cr .listado-planes .incluye-plan-cr ul li:after{position: absolute;left: 0;top: 9px;width: 6px;height: 6px;background: #019BF2;content: "";border-radius: 7px;}
.plan_cr .listado-planes .incluye-plan-cr ul li strong{font-family: Telefonica;}
.plan_cr .listado-planes .incluye-plan-cr ul li span{color: #019BF2; font-family: Telefonica;}
.plan_cr .listado-planes .incluye-plan-cr ul li a{color: #019BF2;font-family: Telefonica;}
.plan_cr .listado-planes .incluye-plan-cr span{font: 18px/20px Telefonica; color: #86888C; }
.plan_cr .listado-planes .precio-plan-cr{display: table-cell;width: 32%; vertical-align: middle;text-align: center;background: #fff;}
.plan_cr .listado-planes .precio-plan-cr .txt-contratalo{font: 18px/20px Telefonica; color: #0b2739; }
.plan_cr .listado-planes .precio-plan-cr .txt-precio{font: 34px/34px Telefonica; color: #0b2739;margin: 12px 0;}
.plan_cr .listado-planes .precio-plan-cr .txt-precio .signo{font-size: 18px;line-height: 44px;}
.plan_cr .listado-planes .precio-plan-cr .txt-precio .mes{font-family: Telefonica; font-size: 16px;line-height: 44px;}
.plan_cr .listado-planes .precio-plan-cr .txt-instalacion{font-family: Telefonica; font-size: 21px; color: #86888C }
.plan_cr .listado-planes .precio-plan-cr a{margin-top: 28px;background: #0b2739; color: #fff; font: 20px/22px Telefonica;padding: 15px 87px;;display: inline-block;text-decoration: none;border-radius: 50px; }


.box-movistar-play{max-width: 1080px;margin: 0 auto 45px;box-shadow: 2px 2px 2px 2px rgba(204, 204, 204, 0.4);border-radius: 10px;padding: 29px;box-sizing: border-box;padding: 29px 60px;background: #fff;}
.box-movistar-play .cont{}
.box-movistar-play .cont h3{font: 24px/26px Telefonica; color: #86888C; padding-bottom: 10px;border-bottom: solid 1px #D3D4D3; text-align: center;padding-bottom: 25px;}
.box-movistar-play .cont .bajada{font: 20px/22px Telefonica;color: #86888C;max-width: 800px;width: 100%;margin: 35px auto 41px;text-align: center;}
.box-movistar-play .cont .bajada strong{font-family: Telefonica;}
.box-movistar-play .cont .bajada strong.green{color: #5BC500;}
.box-movistar-play .cont h3 strong{font-family: Telefonica;}
.box-movistar-play .cont h3 strong.green{color: #5BC500;}
.box-movistar-play .cont .informacion{display: table; width: 100%;margin-top: 25px;}
.box-movistar-play .cont .informacion .icono{display: table-cell; }
.box-movistar-play .cont .informacion .texto{display: table-cell;padding-left: 25px;}
.box-movistar-play .cont .informacion .texto h2{font: 30px/32px Telefonica; color: #86888C; margin-bottom: 23px;}
.box-movistar-play .cont .informacion .texto p{font: 20px/28px Telefonica;color: #86888C;}
.box-movistar-play .cont .informacion .texto p strong{font-family: Telefonica;}
.box-movistar-play .cont .informacion .texto p strong.blue{color: #019BF2;}
.box-movistar-play .cont .informacion .texto a{font: 20px/22px Telefonica;color: #019BF2;float: right;text-decoration: none;margin-top: 16px;}
.box-movistar-play .cont .accesos{display: table; width: 100%;margin-top: 30px;padding-top: 30px;border-top: solid 1px #D3D4D3;}
.box-movistar-play .cont .accesos .texto{display: table-cell;vertical-align: middle;font: 24px/26px Telefonica; color: #86888C;}
.box-movistar-play .cont .accesos .botones{display: table-cell;vertical-align: middle;text-align: right;}
.box-movistar-play .cont .accesos .botones .activar{background: #019BF2;color: #fff;font: 20px/28px Telefonica;padding: 16px 30px;display: inline-block;border-radius: 5px;text-decoration: none; margin-right: 10px;}
.box-movistar-play .cont .accesos .botones .movistar-play{border: solid 1px #019BF2;display: inline-block;padding: 6px 20px;border-radius: 5px;font: 20px/28px Telefonica;color: #019BF2;text-decoration: none;}


.planes-movistar-play{box-sizing: border-box;display: flex;justify-content: center;align-items:center;}
.planes-movistar-play .plan{width: 372px;box-sizing: border-box;box-shadow: 2px 2px 2px 2px rgba(204, 204, 204, 0.4);background: #fff;border-radius: 7px;overflow: hidden;}
.planes-movistar-play .plan:first-child{margin-right: 50px;margin-top: -4px;}
.planes-movistar-play .plan .header{background: url(../img/movistar-play-light.jpg) no-repeat 0 0;box-sizing: border-box;}
.planes-movistar-play .plan.full .header{ background:url(../img/movistar-play-full.jpg) no-repeat 0 0;}
.planes-movistar-play .plan .header h3{font: 28px/30px Telefonica; color: #fff;padding: 32px 5px;box-sizing: border-box;}
.planes-movistar-play .plan.full .header h3{padding: 52px 5px;}
.planes-movistar-play .plan .informacion{text-align: center;padding: 0px 64px 20px;box-sizing: border-box;}
.planes-movistar-play .plan .informacion p{font: 20px/22px Telefonica;color: #86888C;box-sizing: border-box;padding-bottom: 25px;margin-bottom: 25px;border-bottom: solid 1px;}
.planes-movistar-play .plan .informacion p strong{font-family: Telefonica;}
.planes-movistar-play .plan .informacion p strong.blue{color: #019BF2;}
.planes-movistar-play .plan .informacion a{background:#019BF2; font: 20px/22px Telefonica; color: #fff; padding: 15px 0px;display: inline-block;border-radius: 5px; text-decoration: none;width: 219px;  }
.planes-movistar-play .plan .informacion p.precio{font: 30px/30px Telefonica;color: #5BC500;padding: 0;margin: 0 0 8px;border: 0; }
.planes-movistar-play .plan .informacion p.precio span.signo{font-size: 18px; line-height: 37px;}
.planes-movistar-play .plan .informacion p.precio span.mes{font-size: 18px; line-height: 37px;font-family: Telefonica;}
.planes-movistar-play .plan.full .informacion a{background: #5BC500;}

.canales-movistar-play{opacity: 1;display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.9);z-index: 99999999;}
.canales-movistar-play .cerrar{position: absolute;right: 25px;top: 25px;background: url(../img/cerrar.png) no-repeat 0 0 / cover;width: 40px;height: 44px;cursor:pointer;}
.canales-movistar-play .cont{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.canales-movistar-play .cont .box{max-width: 935px;position: relative;box-sizing: border-box;width: 100%;}
.canales-movistar-play .cont .box h3{color: #fff;font-size: 2rem;font-family: Telefonica;text-align: center;margin-bottom: 30px;display: block;}
.canales-movistar-play .cont .box .planes{display: flex;align-items: center;justify-content: center;}
.canales-movistar-play .cont .box .planes .cont-planes{background: #F3F4F4;margin-right: 15px;padding: 20px 10px;box-sizing: border-box;border-radius: 19px;border: solid 3px #ccc;}
.canales-movistar-play .cont .box .planes .cont-planes.inicia{width: 31%;margin-right: 15px;}
.canales-movistar-play .cont .box .planes .cont-planes.pro{width: 60%;}
.canales-movistar-play .cont .box .planes .cont-planes h4{font-size: 18px;margin-bottom: 16px;}
.canales-movistar-play .cont .box .planes .cont-planes .display-canales{overflow: hidden;width: 100%;height: 200px;margin: 0 auto;}
.canales-movistar-play .cont .box .planes .cont-planes .display-canales .grilla{display: block;width: 849px;height: 100%;background-image: url(../img/new_canales_plan_inicia.png);background-size: 837px 100%;animation: slide 50s linear infinite;}
.canales-movistar-play .cont .box .planes .cont-planes .ondemand{border: solid 1px #ccc;padding: 15px;margin-top: 27px;border-radius: 15px;}
.canales-movistar-play .cont .box .planes .cont-planes .ondemand p{font-size: 18px;margin-bottom: 16px;}
.canales-movistar-play .cont .box .planes .cont-planes .ondemand .display-canales{overflow: hidden;width: 100%;height: 75px;box-sizing: border-box;}
.canales-movistar-play .cont .box .planes .cont-planes .ondemand .display-canales .grilla{display: block;width: 555px;height: 100%;background-image: url(../img/new_canales_ondemand_inicia.png);background-size: 555px 100%;animation: slide 50s linear infinite;}
.canales-movistar-play .cont .box .planes .cont-planes.pro .display-canales .grilla{display: block;width: 1365px;height: 100%;background-image: url(../img/new_canales_hd_pro.png);background-size: 1365px 100%;animation: slide 50s linear infinite;}
.canales-movistar-play .cont .box .planes .cont-planes.pro .ondemand .display-canales .grilla{display: block;width: 676px;height: 100%;background-image: url(../img/new_canales_ondemand_pro.png);background-size: 676px 100%;animation: slide 50s linear infinite;}

.movistar-play-lb{display: none;opacity: 1;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.9);z-index: 99999999;}
.movistar-play-lb .cont-lb{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.movistar-play-lb .cont-lb .box{max-width: 935px;position: relative;box-sizing: border-box;width: 98%;}
.movistar-play-lb .cont-lb .box .box-header{position: relative;padding: 30px 50px 30px 30px;border-radius: 10px 10px 0 0;background-color: #50535A;color: #ffffff;}
.movistar-play-lb .cont-lb .box .box-header .close{position: absolute;right: 10px;top: 11px;width: 40px;cursor:pointer;}
.movistar-play-lb .cont-lb .box .box-header .close img{width: 100%;}
.movistar-play-lb .cont-lb .box .box-header h3{font: 28px Telefonica, sans-serif;margin-bottom: 0;color: #fff;}
.movistar-play-lb .cont-lb .box .box-header p{font-size: 19px;margin-bottom: 0;}
.movistar-play-lb .cont-lb .box .box-header a{color: #019BF2;text-decoration: underline;font-family: Telefonica, sans-serif;}
.movistar-play-lb .cont-lb .box .box-cont{    background-color: #ffffff;padding: 25px 40px;border-radius: 0 0 10px 10px;}
.movistar-play-lb .cont-lb .box .box-cont ul{counter-reset: counter-list;list-style: none;padding-left: 0px;border-bottom: 1px solid #dedede;padding-bottom: 25px;}
.movistar-play-lb .cont-lb .box .box-cont ul li{position: relative;padding-left: 35px;margin-bottom: 15px;counter-increment: counter-list;color: #50535A;font: 18px Telefonica, sans-serif;}
.movistar-play-lb .cont-lb .box .box-cont ul li:before{content: counter(counter-list);left: 0;top: 5px;border-radius: 50%;position: absolute;background-color: #019BF2;color: #ffffff;font-size: 16px;width: 25px;line-height: 25px;display: block;text-align: center;}
.movistar-play-lb .cont-lb .box .box-cont .btn-activar{}
.movistar-play-lb .cont-lb .box .box-cont .btn-activar a{text-decoration: none;margin-top: 20px;width: 100%;margin-left: auto;margin-right: auto;max-width: 350px;text-align: center;display: block;color: #ffffff;padding: 15px 35px;border: 1px solid #019BF2;border-radius: 5px;font: 20px Telefonica, sans-serif;background-color: #019BF2;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.movistar-play-lb .cont-lb .box .box-cont .btn-activar a:hover{color: #019BF2;background-color: #fff;}
		


@keyframes slide {
  from {
	background-position-x: 0;
  }
  to {
	background-position-x: -2066px;
  }
}
		
@media(max-width: 768px){

	.canales-movistar-play .cont .box .planes {display: block;height: 450px; overflow: scroll;}
	.canales-movistar-play .cont{display: block;}
	.canales-movistar-play .cont .box .planes .cont-planes{width: 93% !important;margin: 0 auto 25px!important;}
	.canales-movistar-play .cerrar {position: absolute;right: 10px;top: 11px;background: url(img/cerrar.png) no-repeat 0 0 / cover;width: 25px;height: 28px;z-index: 9999;}

}

@media(max-width: 768px){
	
	.plan_cr .listado-planes .plan-cr-nombre,
	.plan_cr .listado-planes .precio-plan-cr,
	.plan_cr .listado-planes .incluye-plan-cr{display: table; width: 100%;box-sizing: border-box;}
	.plan_cr .listado-planes{width: 90%;box-sizing: border-box;}
	.plan_cr .listado-planes .plan-cr-nombre h3 span{display: inline;}
	.plan_cr .listado-planes .plan-cr-nombre h3 {font: 23px/24px Telefonica;color: #fff;padding: 25px 25px;}
	.plan_cr .listado-planes .precio-plan-cr {padding: 21px 0;border-top: solid 1px #D3D4D3;}
	.box-movistar-play .cont .informacion .icono{display: table; width: 100%;text-align: center;}
	.box-movistar-play .cont .informacion .texto{display: table; width: 100%;text-align: center;}
	.box-movistar-play .cont .informacion .texto{padding-left: 0;}
	.box-movistar-play .cont .informacion .texto a{float: left;}
	.box-movistar-play .cont .accesos .texto{width: 196px;}
	
}

@media(max-width: 500px) {
	.movistar-play-lb .cont-lb .box {width: 94%;}
	.movistar-play-lb .cont-lb .box .box-header h3{font-size: 17px;}
	.movistar-play-lb .cont-lb .box .box-header p{font-size: 14px;}
	.movistar-play-lb .cont-lb .box .box-cont{padding: 25px 13px;}
	.movistar-play-lb .cont-lb .box .box-cont .btn-activar a{max-width: 100%;box-sizing: border-box;}
	.movistar-play-lb .cont-lb .box .box-cont .btn-activar {box-sizing: border-box;}
	.movistar-play-lb .cont-lb .box .box-cont ul li {font: 13px Telefonica, sans-serif;}
	.movistar-play-lb .cont-lb .box .box-cont .btn-activar a{font-size: 15px;font-family: Telefonica;}
}

@media(max-width: 414px){

.box-movistar-play .cont .accesos .texto,
.box-movistar-play .cont .accesos .botones{display: table; width: 100%;text-align: center;box-sizing: border-box;}
.box-movistar-play .cont .accesos .texto{padding-bottom: 33px;}
.box-movistar-play{padding: 29px 18px;width: 90%;}
.box-movistar-play .cont .accesos .botones .activar{width: 236px;;margin-right: 0px;margin-bottom: 15px;padding: 16px 0px;}
.box-movistar-play .cont .accesos .botones .movistar-play{width: 236px;box-sizing: border-box;padding: 6px 0px 6px 11px;text-align: left;}
.planes-movistar-play{display: block;}
.planes-movistar-play .plan:first-child{margin-right: 0; margin-bottom: 30px;}
.planes-movistar-play .plan{width: 100%;}
.box-movistar-play .cont h3 {font: 20px/23px Telefonica;}
.box-movistar-play .cont .informacion .texto h2 {font: 23px/25px Telefonica;color: #86888C;margin-bottom: 23px;margin-top: 24px;}
.box-movistar-play .cont .informacion .texto p {font: 18px/24px Telefonica;color: #86888C;text-align: center;}
.box-movistar-play .cont .informacion .texto a {font: 18px/20px Telefonica;}
.planes-movistar-play .plan .informacion p {font: 18px/21px Telefonica;}
.planes-movistar-play .plan .informacion {text-align: center;padding: 0px 17px 20px;box-sizing: border-box;}
header#banner2018._television h1 {font: 42px Telefonica;line-height: normal;text-align: center;position: relative;top: 55px;line-height: 42px;}
.plan_cr .listado-planes .incluye-plan-cr ul li {font: 18px/20px Telefonica;}
.plan_cr .listado-planes .precio-plan-cr{width: 80%;margin: 0 auto;}

}

#myBtn {
	  display: block; /* se visualiza para el home */
	  position: fixed; /* Fixed/sticky position */
	  bottom: 20px; /* para mover el boton de abajo hacia arriba + */
	  right: 30px; /* Pposicion del boton left */
	  z-index: 99; /* Make sure it does not overlap */
	  border: none; /* Remove borders */
	  outline: none; /* Remove outline */
	  background-color: #954b97; /* color principal */
	  color: white; /* Text color */
	  cursor: pointer; /* Add a mouse pointer on hover */
	  padding: 15px; /* Some padding */
	  border-radius: 15px; /* curva del boton */
	  font-size: 18px; /* Increase font size */
	}
	
	#myBtn:hover {
	  background-color: #954b99; /* Add a dark-grey background on hover */
	}