.menu > li > a{
	font-size: 30px;
}
.menu > li {
	padding-bottom: 0;
}
@font-face {
  font-family: 'telefonica';
  src: url('webfonts/TelefonicaWeb-Regular.eot');
  src: url('webfonts/TelefonicaWeb-Regular.eot?#iefix') format('embedded-opentype'),
       url('webfonts/TelefonicaWeb-Regular.woff') format('woff'),
	   url('webfonts/TelefonicaWeb-Regular.woff2') format('woff2'),
       url('webfonts/TelefonicaWeb-Regular.ttf') format('truetype'),
       url('webfonts/TelefonicaWeb-Regular.svg#telefonica') format('svg');
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'telefonica-bold';
  src: url('webfonts/TelefonicaWeb-Bold.eot');
  src: url('webfonts/TelefonicaWeb-Bold.eot?#iefix') format('embedded-opentype'),
       url('webfonts/TelefonicaWeb-Bold.woff') format('woff'),
	   url('webfonts/TelefonicaWeb-Bold.woff2') format('woff2'),
       url('webfonts/TelefonicaWeb-Bold.ttf') format('truetype'),
       url('webfonts/TelefonicaWeb-Bold.svg#telefonica') format('svg');
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'telefonica-italic';
  src: url('webfonts/TelefonicaWeb-RegularItalic.eot');
  src: url('webfonts/TelefonicaWeb-RegularItalic.eot?#iefix') format('embedded-opentype'),
       url('webfonts/TelefonicaWeb-RegularItalic.woff') format('woff'),
	   url('webfonts/TelefonicaWeb-RegularItalic.woff2') format('woff2'),
       url('webfonts/TelefonicaWeb-RegularItalic.ttf') format('truetype'),
       url('webfonts/TelefonicaWeb-RegularItalic.svg#telefonica') format('svg');
  font-weight: normal; font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	font-family: 'telefonica';
}
.PI {
    background: transparent !important;
}
#header{position: relative;}
#header.video{position: absolute; width: 100%; background: transparent !important; z-index: 100;}
#header.video .EPC{background:transparent !important;}
.button.play{display:flex; color:#fff; align-items: center; margin: 25px 0;}
.button.play span{ padding: 15px; font-size: 20px;}
.play-video{border:solid 1px #fff; border-radius: 50%; width: 6em; height: 6em; display: block; position: relative; transition: all 1s ease;}
.play-video:hover{background: #E91E63;color: #fff !important;}
.play-video i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); color: #fff; font-size: 30px;}
.site-branding.video{top:10px !important;}
.site-branding small{margin-bottom: 10px; display: block;}
.project-top.video{top:50%;}
.project-header.video{height:auto!important;}
strong{font-family: 'telefonica-bold';}
em{font-family: 'telefonica-italic';}
.cygni-loader {top: -299px;}

.project-title{font-weight:300; line-height: normal; letter-spacing: -3px; font-size: 4em;}
.project-title span{font-weight:700}

.fadeIn{
	text-align: center;
	font-size: .7em;
	letter-spacing: -0.5px;
	-webkit-animation: 5s ease 0s normal forwards 1 fadein;
    animation: 5s ease 0s normal forwards 1 fadein;
}
#footer .wrapper{margin:0 auto; padding: 0; width: 100% !important; max-width: 100% !important;}
#footer .wrapper .footer-medias{padding-top: 25px; padding-bottom: 20px;}
#bgVideo{width:100vw; overflow: hidden; background-position: center;}
.project-top.movil{display:none;}
.button.play.movil{display:none;}
.pe-prev-post.mejorconectados::after, .pe-next-post.mejorconectados::after{background: url("../images/articulos/link-mejorconectados.jpg") center center}
.pe-prev-post.ferran::after, .pe-next-post.ferran::after{background: url("../images/articulos/link-ferran.jpg") center center}
.pe-prev-post.teresa::after, .pe-next-post.teresa::after{background: url("../images/articulos/link-teresa.jpg") center center}
.pe-prev-post.perico::after, .pe-next-post.perico::after{background: url("../images/articulos/link-perico.jpg") center center}
.pe-prev-post.rafa::after, .pe-next-post.rafa::after{background: url("../images/articulos/link-rafa.jpg") center center}
.pe-prev-post.toni::after, .pe-next-post.toni::after{background: url("../images/articulos/link-toni.jpg") center center}
.pe-prev-post.javier::after, .pe-next-post.javier::after{background: url("../images/articulos/link-javier.jpg") center center}
.pe-prev-post.jota::after, .pe-next-post.jota::after{background: url("../images/articulos/link-jota.jpg") center center}
.pe-prev-post.zabala::after, .pe-next-post.zabala::after{background: url("../images/articulos/link-zabala.jpg") center center}
.pe-prev-post.dudamel::after, .pe-next-post.dudamel::after{background: url("../images/articulos/link-dudamel.jpg") center center}
.pe-prev-post.buenafuente::after, .pe-next-post.buenafuente::after{background: url("../images/articulos/link-buenafuente.jpg") center center}

.no-webp .pe-prev-post.amor::after,
.no-webp .pe-next-post.amor::after{
     background: url("../images/articulos/link-amor.jpg") center center;
 }
.webp .pe-prev-post.amor::after,
.webp .pe-next-post.amor::after{
     background: url("../images/articulos/link-amor.webp") center center;
}
.no-webp .pe-prev-post.teatro::after,
.no-webp .pe-next-post.teatro::after{
     background: url("../images/articulos/link-teatro.jpg") center center;
 }
.webp .pe-prev-post.teatro::after,
.webp .pe-next-post.teatro::after{
     background: url("../images/articulos/link-teatro.webp") center center;
}

.no-webp .pe-prev-post.adrian::after,
.no-webp .pe-next-post.adrian::after{
     background: url("../images/articulos/link-adrian.jpg") center center;
 }
.webp .pe-prev-post.adrian::after,
.webp .pe-next-post.adrian::after{
     background: url("../images/articulos/link-adrian.webp") center center;
}

.no-webp .pe-prev-post.baena::after,
.no-webp .pe-next-post.baena::after{
     background: url("../images/articulos/link-baena.jpg") center center;
 }
.webp .pe-prev-post.baena::after,
.webp .pe-next-post.baena::after{
     background: url("../images/articulos/link-baena.webp") center center;
}

@keyframes fadein{
    0% { opacity:0; }
    75% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    75% { opacity:0; }
    100% { opacity:1; }
}
@media (min-width:1024px) and (max-width:1472px){
	.project-title{font-size: 3em;}
}

@media (max-width:1024px){
	.project-title{font-size: 3em;}
	.c-col-6{width:100%;}
	.site-footer .c-col-3{width:100%;}
	.site-footer .c-col-3 h5{line-height: normal;}
	.footer-list li{display:inline-block; margin: 0 10px;}
	
}
@media (max-width:850px){
	.project-top.video{display:none;}
	.project-top.movil{display:block; position: relative; margin-top: 170px;margin-bottom: -120px;}
	#bgVideo{position:relative;}
	.project-header.video{position: relative;}
	.project-header.video .button.play{display: block; position: absolute; left: 50%;top: 25%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); z-index: 100;}
	.button.play span{padding: 15px 0;text-align: center;}
	.play-video{margin-bottom:15px;}
}
@media(max-width:576px){
	.project-header .project-image.project-image-full {height: 50vh;}
	.project-summary, .project-meta, .project-top{position: relative;}
	.project-meta{margin-bottom: 0; top: 30px;}
	.project-top{top:0;}
	br{display:block;}
	.project-header.video .button.play{top: 20%;}
}
@media(max-width:480px){
	.project-header .project-image.project-image-full {height: 50vh;}
	.project-summary, .project-meta, .project-top{position: relative;}
	.project-meta{margin-bottom: 0; top: 30px;}
	.project-top{top:0;}
	br{display:block;}
	.project-header.video .button.play{top: 18%;}
}
@media(max-width:360px){
	.project-header .project-image.project-image-full {height: 50vh;}
	.project-summary, .project-meta, .project-top{position: relative;}
	.project-meta{margin-bottom: 0;}
	.project-top{top:0;}
	br{display:block;}
	.project-header.video .button.play{top: 13%;}
	#header.video{width: 150px; display: flex; right:0;}
}
.btn-flotante {
	display:none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px;
	letter-spacing: 2px;
	background-color: #E91E63;
	padding: 18px 30px;
	position: fixed;
	bottom: 215px;
	right: 40px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color:#3B3B3B;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color:#fff;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
}