@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../sass/screen.scss */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*FUENTES*/
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-10px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  95% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(-10px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  95% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
  }
}
@-webkit-keyframes no-bounce {
  0% {
    -webkit-transform: translateY(-10px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  95% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
  }
}
@keyframes no-bounce {
  0% {
    -webkit-transform: translateY(0px);
  }
  90% {
    -webkit-transform: translateY(0px);
  }
  95% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 46, ../sass/screen.scss */
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-stroke: 1px transparent;
  text-rendering: optimizeLegibility;
  text-decoration: none;
}

/* line 56, ../sass/screen.scss */
.parallax {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
/* line 61, ../sass/screen.scss */
.parallax .paral {
  left: 0;
  top: 0;
  position: absolute;
  left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  /*podcast 3*/
  /*podcast4*/
}
/* line 65, ../sass/screen.scss */
.parallax .paral.fondo {
  left: -5%;
  background-size: cover;
  background-image: url(bg/parrallaxSobre1.jpg);
  width: 110%;
  height: 110%;
  top: -5%;
}
/* line 73, ../sass/screen.scss */
.parallax .paral.rayas {
  top: -5%;
  left: 0;
  background-position: 90% bottom;
  background-size: 41%;
  background-image: url(bg/parrallaxSobre3.png);
  width: 110%;
  height: 108%;
}
/* line 89, ../sass/screen.scss */
.parallax .paral.pluma {
  left: 49.5%;
  background-image: url(bg/pluma.png);
  width: 19.5%;
  height: 64%;
  top: 8.5%;
}
/* line 95, ../sass/screen.scss */
.parallax .paral.pluma div {
  left: 51.5%;
  width: 100%;
  height: 60%;
  top: 12.5%;
}
/* line 102, ../sass/screen.scss */
.parallax .paral.bracelet {
  left: 32%;
  background-image: url(bg/bracelet.png);
  width: 13%;
  height: 13%;
  top: -5%;
}
/* line 109, ../sass/screen.scss */
.parallax .paral.book {
  left: 15%;
  background-image: url(bg/book.png);
  width: 68%;
  height: 100%;
  top: 3%;
}
/* line 115, ../sass/screen.scss */
.parallax .paral.book div {
  width: 20%;
  height: 10%;
  position: absolute;
  bottom: 20%;
  left: 24%;
}
/* line 123, ../sass/screen.scss */
.parallax .paral.pisapapeles {
  left: 62%;
  background-image: url(bg/pisapapeles.png);
  width: 29%;
  height: 46%;
  top: 16%;
}
/* line 130, ../sass/screen.scss */
.parallax .paral.watch {
  left: 11%;
  background-image: url(bg/watch.png);
  width: 10.5%;
  height: 40%;
  top: 69%;
}
/* line 136, ../sass/screen.scss */
.parallax .paral.watch div {
  width: 100%;
  height: 100%;
}
/* line 144, ../sass/screen.scss */
.parallax .paral.libro1 {
  background-image: url(bg/libro1.png);
  left: -9.5%;
  top: -2%;
  width: 28%;
  height: 60%;
}
/* line 151, ../sass/screen.scss */
.parallax .paral.libro2 {
  background-image: url(bg/libro2.png);
  left: 70%;
  top: 18.5%;
  width: 50%;
  height: 90%;
}
/* line 158, ../sass/screen.scss */
.parallax .paral.plumaP4 {
  background-image: url(bg/plumaP4.png);
  width: 19%;
  height: 64%;
  top: 33%;
  left: 81.5%;
}
/* line 165, ../sass/screen.scss */
.parallax .paral.relojP4 {
  background-image: url(bg/relojP4.png);
  width: 11%;
  height: 34%;
  top: -9%;
  left: 85%;
}
/* line 172, ../sass/screen.scss */
.parallax .paral.hoja1 {
  background-image: url(bg/hoja1.png);
  left: 29.5%;
  top: -2%;
  width: 46%;
  height: 100%;
}
/* line 180, ../sass/screen.scss */
.parallax .paral.hoja1separate {
  background-image: url(bg/hoja1.png);
  transition: all 0.8s;
  transform: scale(1);
  left: 5% !important;
  top: -7% !important;
  width: 46%;
  height: 110%;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 195, ../sass/screen.scss */
.parallax .paral.hoja1separate.over {
  background-image: url(bg/hoja1over.png);
}
/* line 199, ../sass/screen.scss */
.parallax .paral.hoja2separate.over {
  background-image: url(bg/hoja2over.png);
}
/* line 204, ../sass/screen.scss */
.parallax .paral.hoja2 {
  background-image: url(bg/hoja2.png);
  left: 33%;
  top: -6%;
  width: 46%;
  height: 110%;
  /*
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
  */
}
/* line 220, ../sass/screen.scss */
.parallax .paral.hoja2separate {
  background-image: url(bg/hoja2.png);
  transition: all 0.8s;
  transform: scale(1);
  left: 44% !important;
  top: -6% !important;
  width: 46%;
  height: 110%;
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
}
/* line 235, ../sass/screen.scss */
.parallax .paral.hoja3 {
  background-image: url(bg/hoja3.png);
  left: -22%;
  top: 45%;
  width: 44%;
  height: 90%;
}
/* line 247, ../sass/screen.scss */
.parallax .transparent {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 252, ../sass/screen.scss */
.parallax .transparent .sombra {
  position: absolute;
}
/* line 255, ../sass/screen.scss */
.parallax .transparent .sombra.moved .info {
  background-image: url(bg/less.png);
}
/* line 258, ../sass/screen.scss */
.parallax .transparent .sombra .info {
  z-index: 0;
  transition: all 0.3s;
  transform: scale(1);
  top: 50%;
  position: absolute;
  background-image: url(bg/mas.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  min-height: 50px;
  width: 33px;
  color: transparent;
  text-transform: uppercase;
  left: 33%;
}
/* line 273, ../sass/screen.scss */
.parallax .transparent .sombra .info > span {
  display: none;
  color: white;
  width: 315px;
  position: absolute;
  text-align: left;
}
/* line 282, ../sass/screen.scss */
.parallax .transparent #plumaText {
  left: 49.5%;
  width: 19.5%;
  height: 64%;
  top: 8.5%;
}
/* line 287, ../sass/screen.scss */
.parallax .transparent #plumaText .info {
  left: 40%;
}
/* line 291, ../sass/screen.scss */
.parallax .transparent #bookText {
  left: 31%;
  width: 19.5%;
  height: 15%;
  bottom: 24%;
}
/* line 297, ../sass/screen.scss */
.parallax .transparent #watchText {
  left: 17%;
  width: 10.5%;
  height: 40%;
  bottom: 16%;
}

/* line 308, ../sass/screen.scss */
div.share.animationShare2 {
  width: 240px;
  left: 50%;
  margin: 50px -23px;
}
/* line 312, ../sass/screen.scss */
div.share.animationShare2 > span {
  cursor: pointer;
  display: none;
  opacity: 0;
  font-size: 27px;
  height: 45px;
  width: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  transition: all  0.3s;
  position: relative;
  float: left;
  margin: 0 15px;
  margin-left: -50px;
}
/* line 327, ../sass/screen.scss */
div.share.animationShare2 > span::before {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  z-index: 6;
  width: 100%;
}
/* line 336, ../sass/screen.scss */
div.share.animationShare2 > span > span {
  transition: all  0.3s;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  transform: scale(0);
}
/* line 349, ../sass/screen.scss */
div.share.animationShare2 > span:hover {
  color: #000;
}
/* line 351, ../sass/screen.scss */
div.share.animationShare2 > span:hover > span {
  transform: scale(1.11);
}
/* line 355, ../sass/screen.scss */
div.share.animationShare2 > span.share-icon {
  display: table;
  opacity: 1;
  z-index: 99;
  position: relative;
  margin-left: 0px;
}
/* line 362, ../sass/screen.scss */
div.share.animationShare2 > span.share-icon.icon-close::before {
  font-size: 13px;
}
/* line 369, ../sass/screen.scss */
div.share.animationShare2.fixed {
  position: fixed;
  top: 35px;
}
/* line 376, ../sass/screen.scss */
div.share.animationShare2.selected > span.share-icon {
  color: #000;
}
/* line 378, ../sass/screen.scss */
div.share.animationShare2.selected > span.share-icon > span {
  transform: scale(1.01);
}

/* line 384, ../sass/screen.scss */
div.share.animationShare {
  position: fixed;
  z-index: 6;
  right: 20px;
  width: 50px;
  top: 50%;
  margin-top: -23px;
}
/* line 391, ../sass/screen.scss */
div.share.animationShare > span {
  cursor: pointer;
  display: none;
  opacity: 0;
  font-size: 27px;
  height: 45px;
  width: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  transition: all  0.3s;
  position: relative;
  float: left;
  margin: 15px 0;
  margin-top: -50px;
}
/* line 406, ../sass/screen.scss */
div.share.animationShare > span::before {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  z-index: 6;
  width: 100%;
}
/* line 415, ../sass/screen.scss */
div.share.animationShare > span > span {
  transition: all  0.3s;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  transform: scale(0);
}
/* line 428, ../sass/screen.scss */
div.share.animationShare > span:hover {
  color: #000;
}
/* line 430, ../sass/screen.scss */
div.share.animationShare > span:hover > span {
  transform: scale(1.11);
}
/* line 434, ../sass/screen.scss */
div.share.animationShare > span.share-icon {
  display: table;
  opacity: 1;
  margin-top: 0px;
}
/* line 439, ../sass/screen.scss */
div.share.animationShare > span.share-icon.icon-close::before {
  font-size: 13px;
}
/* line 446, ../sass/screen.scss */
div.share.animationShare.fixed {
  position: fixed;
  top: 35px;
}
/* line 453, ../sass/screen.scss */
div.share.animationShare.selected > span.share-icon {
  color: #000;
}
/* line 455, ../sass/screen.scss */
div.share.animationShare.selected > span.share-icon > span {
  transform: scale(1.01);
}

/* line 462, ../sass/screen.scss */
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 482, ../sass/screen.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*Suavizado de fuentes*/
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-stroke: 1px transparent;
  text-rendering: optimizeLegibility;
}

/* line 494, ../sass/screen.scss */
html {
  line-height: 1;
  font-size: 20px;
  font-family: 'Playfair Display', serif;
  height: 100%;
  /*body*/
  /*Espec?fico de REINO*/
  /*Espec?fico de un PERSONAJE*/
}
/* line 500, ../sass/screen.scss */
html body {
  background-color: #000000;
  height: 100%;
  overflow-x: hidden;
  /*Animations*/
  /*Animations*/
  /*header*/
  /*.app-body*/
  /*footer*/
}
/* line 505, ../sass/screen.scss */
html body #ui-id-1 {
  z-index: 99999;
}
/* line 507, ../sass/screen.scss */
html body #ui-id-1 * {
  z-index: 99999;
}
/* line 512, ../sass/screen.scss */
html body.podcastInt {
  width: calc(100% - 90px) !important;
  margin: 0 auto !important;
  overflow: hidden;
  background: no-repeat center center fixed;
  /*background-image: url(bg/fondo1.jpg);*/
  background: #313133;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}
/* line 515, ../sass/screen.scss */
html body.podcastInt .no-rotate, html body.podcastInt .rotate,
html body.podcastInt header, html body.podcastInt footer, html body.podcastInt .menuDos, html body.podcastInt .fading {
  width: calc(100% - 90px) !important;
  margin: 0 auto !important;
}
/* line 521, ../sass/screen.scss */
html body.podcastInt div.share.animationShare {
  right: 50px;
}
/* line 525, ../sass/screen.scss */
html body.podcastInt a.capa {
  /*display: none;
  height: 200%;
  position:absolute;*/
  display: block;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover !important;
  height: 100%;
  position: fixed;
  transition: all 1s;
  cursor: pointer;
  width: 45px;
  background: #6e6e70;
  z-index: 10004;
  top: 0;
}
/* line 543, ../sass/screen.scss */
html body.podcastInt a.capa.left {
  left: calc(45px - 205px);
  width: 205px;
}
/* line 547, ../sass/screen.scss */
html body.podcastInt a.capa.left > div {
  transform: rotate(-90deg);
  right: -22px;
  width: 100px;
  white-space: nowrap;
  color: white;
  bottom: 100px;
  position: absolute;
  transition: all 1s;
}
/* line 556, ../sass/screen.scss */
html body.podcastInt a.capa.left > div span {
  font-size: 15px;
  color: #fff;
  position: absolute;
  white-space: nowrap;
}
/* line 565, ../sass/screen.scss */
html body.podcastInt a.capa.left:hover {
  width: 205px;
  left: 0;
}
/* line 569, ../sass/screen.scss */
html body.podcastInt a.capa.left:hover > div {
  bottom: 200px;
  right: 25px;
  transition: all 1s;
}
/* line 574, ../sass/screen.scss */
html body.podcastInt a.capa.left:hover > div span {
  color: #8EDAFF;
}
/* line 580, ../sass/screen.scss */
html body.podcastInt a.capa.right {
  right: calc(45px - 205px);
  width: 205px;
}
/* line 584, ../sass/screen.scss */
html body.podcastInt a.capa.right > div {
  transform: rotate(90deg);
  left: -22px;
  width: 100px;
  white-space: nowrap;
  color: white;
  bottom: 150px;
  position: absolute;
  transition: all 1s;
}
/* line 594, ../sass/screen.scss */
html body.podcastInt a.capa.right > div span {
  font-size: 15px;
  color: #fff;
  position: absolute;
  white-space: nowrap;
}
/* line 602, ../sass/screen.scss */
html body.podcastInt a.capa.right:hover {
  width: 205px;
  right: 0;
}
/* line 606, ../sass/screen.scss */
html body.podcastInt a.capa.right:hover > div {
  bottom: 200px;
  left: 25px;
  transition: all 1s;
}
/* line 611, ../sass/screen.scss */
html body.podcastInt a.capa.right:hover > div span {
  color: #8EDAFF;
}
/* line 631, ../sass/screen.scss */
html body.podcastInt footer.nav {
  display: none;
}
/* line 634, ../sass/screen.scss */
html body.podcastInt .app-body {
  height: 100%;
}
/* line 638, ../sass/screen.scss */
html body.podcastInt main {
  height: 100%;
  width: 100%;
  /*  overflow: auto;*/
  /*podcast3*/
  /*podcast4*/
  /*podcast 5*/
}
/* line 639, ../sass/screen.scss */
html body.podcastInt main .parallax {
  position: absolute;
}
/* line 642, ../sass/screen.scss */
html body.podcastInt main .pincha {
  background-image: url(bg/pincha.png);
  background-size: 100%;
  width: 60px;
  height: 60px;
  display: block;
  left: 50%;
  z-index: 2;
  margin-left: -30px;
  position: absolute;
}
/* line 652, ../sass/screen.scss */
html body.podcastInt main .pincha span {
  position: absolute;
  width: 200px;
  margin-left: -100px;
  margin-top: -35px;
  font-size: 11px;
}
/* line 660, ../sass/screen.scss */
html body.podcastInt main .mejorExperiencia {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
/* line 670, ../sass/screen.scss */
html body.podcastInt main.uno {
  background-image: url(bg/fondo1.jpg) !important;
}
/* line 673, ../sass/screen.scss */
html body.podcastInt main.dos {
  background-image: url(bg/fondop2.jpg) !important;
}
/* line 676, ../sass/screen.scss */
html body.podcastInt main.dos .pincha {
  bottom: 25%;
}
/* line 681, ../sass/screen.scss */
html body.podcastInt main.tres {
  background-image: url(bg/fondop3_1.jpg) !important;
}
/* line 684, ../sass/screen.scss */
html body.podcastInt main.tres .pincha {
  bottom: 18%;
}
/* line 686, ../sass/screen.scss */
html body.podcastInt main.tres .pincha span {
  color: #757576;
}
/* line 691, ../sass/screen.scss */
html body.podcastInt main.cuatro {
  background-image: url(bg/fondop4_1.jpg) !important;
}
/* line 694, ../sass/screen.scss */
html body.podcastInt main.cuatro .pincha {
  bottom: 8%;
}
/* line 699, ../sass/screen.scss */
html body.podcastInt main.cinco .pincha {
  bottom: 8%;
}
/* line 703, ../sass/screen.scss */
html body.podcastInt main a {
  color: #8EDAFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  vertical-align: top;
  line-height: 17px;
  padding-right: 20px;
  display: inline-block;
  cursor: pointer;
  transition: color 0.3s;
}
/* line 714, ../sass/screen.scss */
html body.podcastInt main a:hover {
  color: #fff;
  text-decoration: none;
}
/* line 718, ../sass/screen.scss */
html body.podcastInt main a > div {
  font-size: 15px;
  line-height: 12px;
  display: inline-block;
  padding-right: 5px;
}
/* line 725, ../sass/screen.scss */
html body.podcastInt main p {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  line-height: 31.46px;
}
/* line 733, ../sass/screen.scss */
html body.podcastInt main > section {
  padding-top: 73px;
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  transition: background 3s;
}
/* line 741, ../sass/screen.scss */
html body.podcastInt main > section > article {
  z-index: 2;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* line 747, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod {
  height: 100%;
  position: relative;
}
/* line 750, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax {
  top: 0;
  height: 100%;
}
/* line 753, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .fondoP2 {
  left: -5%;
  background-size: cover;
  background-image: url(bg/fondop2.jpg);
  width: 110%;
  height: 110%;
  top: -5%;
}
/* line 761, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .n1 {
  left: -5%;
  background-size: 100%;
  background-position: left bottom;
  background-image: url(bg/p2-1.png);
  width: 31%;
  height: 100%;
  top: 0;
}
/* line 770, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .n2 {
  left: 50%;
  background-size: auto 100%;
  background-image: url(bg/p2-2.png);
  width: 40%;
  height: 90%;
  top: 12%;
  background-position: right bottom;
}
/* line 779, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .n3 {
  left: 70%;
  background-size: auto 100%;
  background-image: url(bg/p2-3.png);
  width: 30%;
  height: 80%;
  top: 22%;
  background-position: right bottom;
}
/* line 789, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .tres1 {
  left: -2%;
  background-size: auto 100%;
  background-position: left bottom;
  background-image: url(bg/p3-1.png);
  width: 45%;
  height: 95%;
  top: 7%;
}
/* line 798, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .tres2 {
  left: 58%;
  background-size: auto 100%;
  background-image: url(bg/p3-2.png);
  width: 46%;
  height: 95%;
  top: 7%;
  background-position: right bottom;
}
/* line 809, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .cuatro1 {
  left: 0%;
  background-size: auto 100%;
  background-position: left bottom;
  background-image: url(bg/p4-1.png);
  width: 45%;
  height: 95%;
  opacity: 0.6;
  top: 7%;
}
/* line 819, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .cuatro2 {
  left: 56%;
  opacity: 0.6;
  background-size: auto 100%;
  background-image: url(bg/p4-2.png);
  width: 46%;
  height: 95%;
  top: 7%;
  background-position: right bottom;
}
/* line 831, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .cinco1 {
  left: -11%;
  background-size: auto 100%;
  background-position: left bottom;
  background-image: url(bg/p5-1.png);
  width: 45%;
  height: 100%;
  opacity: 0.6;
  top: 0%;
}
/* line 841, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .cinco2 {
  left: 6%;
  opacity: 0.6;
  background-size: auto 100%;
  background-image: url(bg/p5-2.png);
  width: 46%;
  height: 100%;
  top: 7%;
  background-position: right bottom;
}
/* line 851, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .cinco3 {
  left: 47%;
  background-size: auto 100%;
  background-position: left bottom;
  background-image: url(bg/p5-3.png);
  width: 45%;
  height: 95%;
  opacity: 0.6;
  top: 7%;
}
/* line 861, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod .parallax .cinco4 {
  left: 63%;
  opacity: 0.6;
  background-size: auto 100%;
  background-image: url(bg/p5-4.png);
  width: 46%;
  height: 95%;
  top: 7%;
  background-position: right bottom;
}
/* line 876, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod header {
  padding-top: 9%;
}
/* line 883, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod header * {
  z-index: 2;
  position: relative;
}
/* line 887, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod section * {
  z-index: 2;
  position: relative;
}
/* line 891, ../sass/screen.scss */
html body.podcastInt main > section > article.conPod footer * {
  z-index: 2;
  position: relative;
}
/* line 897, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) {
  width: 100%;
  margin: 0 auto;
}
/* line 903, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article header > span {
  font-size: 20px;
  line-height: 20px;
}
/* line 906, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article header > span > strong {
  border-radius: 50%;
  border: 6px solid  #fff;
  width: 95px;
  height: 95px;
  font-weight: bold;
  font-size: 50px;
  line-height: 81px;
  display: inline-block;
  margin: 20px 10px;
  vertical-align: middle;
}
/* line 919, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article header > span:nth-child(1) {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  font-size: 12px;
  line-height: 12px;
}
/* line 928, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article header > h1 {
  font-size: 70px;
  line-height: 84px;
  font-family: 'Playfair Display', serif;
  padding-bottom: 40px;
}
/* line 936, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article {
  margin: 0 auto;
  width: 80%;
  margin-bottom: 50px;
}
/* line 941, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div {
  margin-bottom: 50px;
}
/* line 943, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) {
  position: relative;
}
/* line 946, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) > a {
  cursor: pointer;
  padding: 0;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border: 2px solid #8EDAFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 20px;
  margin-right: 15px;
  margin-top: 15px;
  transition: 0.3s;
}
/* line 959, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) > a:hover {
  border: 2px solid #fff;
  color: #fff;
}
/* line 963, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) > a > span {
  height: 56px;
  display: block;
}
/* line 968, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) > span {
  display: inline-block;
  height: 90px;
  float: right;
  width: calc(100% - 75px);
  background-size: 100% 90px;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 977, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) > span.blue {
  background-image: url(bg/line_blue.png);
}
/* line 980, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(1) > article section > article:nth-child(1) > div:nth-child(1) > span.white {
  position: absolute;
  top: 0;
  left: 75px;
  width: 0%;
  background-image: url(bg/line_white.png);
}
/* line 1002, ../sass/screen.scss */
html body.podcastInt main > section.bg {
  transition: background 3s;
  background: rgba(0, 0, 0, 0.4);
}
/* line 1007, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > article {
  top: -2px;
  opacity: 0;
  padding-top: 350px;
  transition: background  0s;
}
/* line 1013, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > article > p {
  width: 80%;
  margin: 0 auto;
}
/* line 1016, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > article > p:nth-child(3) {
  margin: 25px auto;
}
/* line 1020, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > article > span {
  display: block;
  margin: 25px;
  font-size: 95px;
}
/* line 1024, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > article > span.dos {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari */
  transform: rotate(180deg);
}
/* line 1031, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > div.nube {
  position: fixed;
  transition: left 24s, right 24s;
  background: url(bg/clouds.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  width: 60%;
  height: 48%;
  z-index: 1;
  top: -10%;
  -webkit-transition-timing-function: linear;
  /* Chrome, Safari, Opera */
  transition-timing-function: linear;
}
/* line 1044, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > div.nube.uno {
  left: -10%;
}
/* line 1046, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > div.nube.uno.ani {
  left: 5%;
}
/* line 1050, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > div.nube.dos {
  right: -10%;
}
/* line 1052, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(2) > div.nube.dos.ani {
  right: 5%;
}
/* line 1059, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) {
  overflow: hidden;
  background: no-repeat center center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(bg/fondo2.jpg);
  position: relative;
  z-index: 5;
}
/* line 1070, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) > article {
  opacity: 0;
  font-size: 13px;
  padding-top: 350px;
}
/* line 1074, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) > article.efect {
  transition: top 0.3s,left 0.3s;
}
/* line 1078, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) > article > span {
  display: block;
}
/* line 1080, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) > article > span.img {
  width: 286px;
  height: 601px;
  background: url(bg/carlosI.png) no-repeat center center;
  background-size: 100% auto;
  margin: 0 auto;
  display: table;
  -o-cursor: url("bg/mas.png"), auto;
  cursor: url("bg/mas.png"), auto;
  transition: all 0.3s;
}
/* line 1090, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) > article > span.img.scale {
  transform: scale(5);
  -o-cursor: url("bg/less.png"), auto;
  cursor: url("bg/less.png"), auto;
}
/* line 1096, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(3) > article > span.name {
  line-height: 40px;
  font-size: 18px;
}
/* line 1104, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) {
  background: no-repeat center center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(bg/fondo3.jpg);
  z-index: 5;
}
/* line 1113, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article {
  height: 100%;
}
/* line 1115, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time {
  height: 80%;
  background: url(bg/time_years.png) no-repeat center top;
  background-size: auto 100%;
  padding-bottom: 30px;
}
/* line 1120, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li {
  height: 14.28571428571429%;
  background: url(bg/dot_time_year.png) no-repeat center center;
  width: 675px;
  margin: 0 auto;
  display: table;
  opacity: 0;
  text-transform: uppercase;
}
/* line 1129, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div {
  font-weight: bold;
  width: 50%;
  padding: 20px;
  color: #a4a6ab;
  display: table-cell;
  vertical-align: middle;
}
/* line 1136, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div strong {
  color: #fff;
  display: block;
}
/* line 1140, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div:nth-child(odd) {
  text-align: right;
}
/* line 1142, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div:nth-child(odd) > strong {
  font-size: 35px;
}
/* line 1146, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div:nth-child(even) {
  text-align: left;
  font-size: 10px;
  line-height: 11px;
}
/* line 1150, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div:nth-child(even) > strong {
  font-size: 14px;
  line-height: 25px;
}
/* line 1156, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li:first-child {
  background: url(bg/inicio_time_year.png) no-repeat center center;
}
/* line 1159, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li:first-child > div {
  color: #545863;
  text-align: center;
}
/* line 1163, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time > li:first-child > div::before {
  line-height: 62px;
  font-size: 26px;
}
/* line 1172, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(4) > article > ul.time.seis > li {
  height: 16.66666666666667%;
}
/* line 1179, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) {
  background: no-repeat center center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(bg/fondo4.jpg);
  z-index: 5;
}
/* line 1188, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > div {
  font-size: 12px;
  padding-bottom: 70px;
  letter-spacing: 3px;
}
/* line 1192, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > div > span {
  padding-bottom: 20px;
  color: #3e3f3e;
  display: block;
  font-size: 95px;
}
/* line 1199, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul {
  width: 80%;
  margin: 0 auto;
}
/* line 1203, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li {
  opacity: 0;
  width: 30%;
  font-size: 13px;
  text-align: left;
  line-height: 17px;
  cursor: pointer;
}
/* line 1210, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li:nth-child(odd) {
  float: left;
  clear: both;
}
/* line 1214, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li:nth-child(even) {
  float: right;
}
/* line 1217, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li:hover {
  transition: all 0.3s;
}
/* line 1220, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li:hover > div.img > span {
  transition: all 0.3s;
  transform: scale(1.01);
}
/* line 1226, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li:hover > div.datos strong {
  transition: all 0.3s;
  color: #8EDAFF;
}
/* line 1232, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li > div.img {
  float: left;
  height: 120px;
  width: 120px;
  position: relative;
  margin-bottom: 70px;
  border-radius: 50%;
}
/* line 1239, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li > div.img > img {
  width: 100%;
}
/* line 1242, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li > div.img > span {
  transition: all 0.3s;
  transform: scale(0);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url(bg/mas.png);
  background-position: center;
  background-repeat: no-repeat;
}
/* line 1257, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li > div.datos {
  width: calc(100% - 120px);
  float: left;
  text-align: left;
  padding: 0 25px;
  display: table;
  height: 120px;
}
/* line 1264, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li > div.datos > span {
  display: table-cell;
  vertical-align: middle;
  width: calc(100% - 120px);
}
/* line 1268, ../sass/screen.scss */
html body.podcastInt main > section:nth-child(5) > article > ul > li > div.datos > span strong {
  transition: all 0.3s;
  display: block;
  font-size: 27px;
  line-height: 45px;
  font-family: 'Playfair Display', serif;
}
/* line 1283, ../sass/screen.scss */
html body.podcastInt main > footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  line-height: 45px;
  background-color: #313133;
  padding: 0 45px;
  z-index: 9;
  max-height: 45px;
  z-index: 10001;
}
/* line 1296, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(1) {
  width: 80%;
  float: left;
  font-size: 12px;
  color: #757576;
}
/* line 1301, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(1) > span.number {
  color: #fff;
  text-align: center;
  font-size: 12px;
  width: 25px;
  font-weight: bold;
  line-height: 25px;
  border-radius: 50%;
  background-color: #8EDAFF;
  display: inline-block;
}
/* line 1312, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(1) > span {
  display: inline-block;
}
/* line 1315, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(1) > strong {
  cursor: pointer;
  color: white;
  font-weight: bold;
  margin: 0 15px 0 0;
  text-transform: uppercase;
}
/* line 1318, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(1) > strong:hover::before {
  color: #8EDAFF;
  transition: all  0.3s;
}
/* line 1323, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(1) > strong::before {
  margin: 0 15px 0 25px;
}
/* line 1332, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(2) {
  width: 20%;
  float: right;
  text-align: right;
}
/* line 1336, ../sass/screen.scss */
html body.podcastInt main > footer > div:nth-child(2) strong {
  margin-left: 20px;
}
/* line 1343, ../sass/screen.scss */
html body.podcastInt main > div.share {
  position: absolute;
  z-index: 6;
  right: 20px;
  width: 50px;
}
/* line 1348, ../sass/screen.scss */
html body.podcastInt main > div.share > span {
  cursor: pointer;
  display: none;
  opacity: 0;
  font-size: 27px;
  height: 45px;
  width: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  transition: all  0.3s;
  position: relative;
  float: left;
  margin: 15px 0;
  margin-top: -50px;
}
/* line 1363, ../sass/screen.scss */
html body.podcastInt main > div.share > span::before {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  z-index: 6;
  width: 100%;
}
/* line 1372, ../sass/screen.scss */
html body.podcastInt main > div.share > span > span {
  transition: all  0.3s;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  transform: scale(0);
}
/* line 1385, ../sass/screen.scss */
html body.podcastInt main > div.share > span:hover {
  color: #000;
}
/* line 1387, ../sass/screen.scss */
html body.podcastInt main > div.share > span:hover > span {
  transform: scale(1.11);
}
/* line 1391, ../sass/screen.scss */
html body.podcastInt main > div.share > span.share-icon {
  display: table;
  opacity: 1;
  margin-top: 0px;
}
/* line 1396, ../sass/screen.scss */
html body.podcastInt main > div.share > span.share-icon.icon-close-1::before {
  font-size: 13px;
}
/* line 1403, ../sass/screen.scss */
html body.podcastInt main > div.share.fixed {
  position: fixed;
  top: 35px;
}
/* line 1410, ../sass/screen.scss */
html body.podcastInt main > div.share.selected > span.share-icon {
  color: #000;
}
/* line 1412, ../sass/screen.scss */
html body.podcastInt main > div.share.selected > span.share-icon > span {
  transform: scale(1.01);
}
/* line 1418, ../sass/screen.scss */
html body.podcastInt main > .menuDos {
  width: 100%;
  position: fixed;
  height: 100px;
  top: -100px;
  z-index: 9;
}
/* line 1425, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div {
  float: left;
  width: calc(100% / 5);
  height: 100%;
  text-align: center;
  display: table;
  position: relative;
}
/* line 1432, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div > span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  font-size: 11px;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s;
}
/* line 1442, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div > span.hover:hover {
  transition: all 0.2s;
  background-color: rgba(144, 223, 245, 0.65);
}
/* line 1447, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div > div {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 9;
  top: -200%;
  left: 0;
}
/* line 1459, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div:nth-child(1) > div {
  background-image: url(bg/m1.jpg);
}
/* line 1462, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div:nth-child(2) > div {
  background-image: url(bg/m2.jpg);
}
/* line 1465, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div:nth-child(3) > div {
  background-image: url(bg/m3.jpg);
}
/* line 1468, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div:nth-child(4) > div {
  background-image: url(bg/m4.jpg);
}
/* line 1471, ../sass/screen.scss */
html body.podcastInt main > .menuDos > div:nth-child(5) > div {
  background-image: url(bg/m5.jpg);
}
/* line 1478, ../sass/screen.scss */
html body.podcastInt main.dos {
  background-size: cover;
}
/* line 1484, ../sass/screen.scss */
html body.podcastInt main.dos .menuDos > div:nth-child(1) > div {
  background-image: url(bg/m2-p2-3.jpg);
}
/* line 1487, ../sass/screen.scss */
html body.podcastInt main.dos .menuDos > div:nth-child(2) > div {
  background-image: url(bg/m2-p2-2.jpg);
}
/* line 1490, ../sass/screen.scss */
html body.podcastInt main.dos .menuDos > div:nth-child(3) > div {
  background-image: url(bg/m2-p2-5.jpg);
}
/* line 1493, ../sass/screen.scss */
html body.podcastInt main.dos .menuDos > div:nth-child(4) > div {
  background-image: url(bg/m2-p2-4.jpg);
}
/* line 1496, ../sass/screen.scss */
html body.podcastInt main.dos .menuDos > div:nth-child(5) > div {
  background-image: url(bg/m2-p2-1.jpg);
}
/* line 1503, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(2) {
  background-image: url(bg/podcast2-fondo2.jpg);
}
/* line 1506, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) {
  background-image: url(bg/podcast2-fondo3.jpg);
  position: relative;
}
/* line 1509, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom left;
  z-index: 2;
  transition: all 0.3s;
}
/* line 1521, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.backover {
  transition: all 0.3s;
}
/* line 1525, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.backover.person1 {
  background-image: url(bg/p2sec3-1over.png);
}
/* line 1528, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.backover.person2 {
  background-image: url(bg/p2sec3-2over.png);
  z-index: 0;
}
/* line 1532, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.backover.person3 {
  background-image: url(bg/p2sec3-3over.png);
  z-index: 1;
}
/* line 1536, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.backover.person4 {
  background-image: url(bg/p2sec3-4over.png);
  z-index: 0;
}
/* line 1540, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.backover.person5 {
  background-image: url(bg/p2sec3-5over.png);
}
/* line 1544, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.person1 {
  background-image: url(bg/p2sec3-1.png);
}
/* line 1547, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.person2 {
  background-image: url(bg/p2sec3-2.png);
  z-index: 0;
}
/* line 1551, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.person3 {
  background-image: url(bg/p2sec3-3.png);
  z-index: 1;
}
/* line 1555, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.person4 {
  background-image: url(bg/p2sec3-4.png);
  z-index: 0;
}
/* line 1559, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .over.person5 {
  background-image: url(bg/p2sec3-5.png);
}
/* line 1564, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
/* line 1572, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent div {
  position: absolute;
}
/* line 1574, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent div span.info {
  z-index: 0;
  transition: all 0.3s;
  transform: scale(0);
  top: 50%;
  position: absolute;
  background-image: url(bg/mas.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  min-height: 50px;
  width: 33px;
  color: transparent;
  text-transform: uppercase;
}
/* line 1588, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent div span.info.text {
  background-image: url(bg/less.png);
  width: 300px;
  color: #fff;
  font-size: 10px;
  text-align: left;
}
/* line 1594, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent div span.info.text strong {
  line-height: 33px;
  display: none;
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  float: left;
}
/* line 1602, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent div span.info.text span {
  display: none;
}
/* line 1609, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent div:hover span.info {
  transition: all 0.3s;
  transform: scale(1);
}
/* line 1614, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson1 {
  top: 0;
  left: 0;
  width: 46%;
  height: 100%;
}
/* line 1619, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson1 > .info {
  top: 53%;
  left: 36%;
}
/* line 1624, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson1 > div:nth-child(1) {
  z-index: 3;
  top: 0;
  left: 0;
  width: 53%;
  height: 100%;
}
/* line 1631, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson1 > div:nth-child(2) {
  z-index: 3;
  top: 59%;
  left: 0;
  width: 81%;
  height: 41%;
}
/* line 1640, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson2 {
  top: 0;
  left: 24%;
  width: 24%;
  height: 100%;
}
/* line 1645, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson2 > .info {
  top: 38%;
  left: 38%;
}
/* line 1650, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson2 > div:nth-child(1) {
  top: 0;
  left: 0;
  width: 99%;
  z-index: 3;
  height: 54%;
}
/* line 1660, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson3 {
  top: 0;
  left: 37%;
  width: 37%;
  height: 100%;
}
/* line 1665, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson3 > .info {
  top: 49%;
  left: 47%;
}
/* line 1670, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson3 > div:nth-child(1) {
  top: 0;
  left: 26%;
  width: 50%;
  height: 100%;
}
/* line 1676, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson3 > div:nth-child(2) {
  top: 49%;
  left: 0;
  width: 100%;
  height: 51%;
}
/* line 1685, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson4 {
  top: 0;
  left: 63%;
  width: 22%;
  height: 100%;
}
/* line 1690, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson4 > .info {
  top: 37%;
  left: 44%;
}
/* line 1695, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson4 > div:nth-child(1) {
  top: 0;
  left: 0;
  width: 99%;
  height: 45%;
}
/* line 1704, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson5 {
  top: 0;
  left: 84%;
  width: 16%;
  height: 100%;
}
/* line 1709, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson5 > .info {
  top: 45%;
  left: 24%;
  max-width: 120%;
}
/* line 1715, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson5 > div:nth-child(1) {
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
}
/* line 1721, ../sass/screen.scss */
html body.podcastInt main.dos > section:nth-child(3) .transparent .overperson5 > div:nth-child(2) {
  top: 45%;
  left: -80%;
  width: 81%;
  height: 55%;
}
/* line 1736, ../sass/screen.scss */
html body.podcastInt main.tres {
  background-size: cover;
}
/* line 1741, ../sass/screen.scss */
html body.podcastInt main.tres .menuDos > div:nth-child(1) > div {
  background-image: url(bg/m2-p3-1.jpg);
}
/* line 1744, ../sass/screen.scss */
html body.podcastInt main.tres .menuDos > div:nth-child(2) > div {
  background-image: url(bg/m2-p3-2.jpg);
}
/* line 1747, ../sass/screen.scss */
html body.podcastInt main.tres .menuDos > div:nth-child(3) > div {
  background-image: url(bg/m2-p3-3.jpg);
}
/* line 1750, ../sass/screen.scss */
html body.podcastInt main.tres .menuDos > div:nth-child(4) > div {
  background-image: url(bg/m2-p3-4.jpg);
}
/* line 1753, ../sass/screen.scss */
html body.podcastInt main.tres .menuDos > div:nth-child(5) > div {
  background-image: url(bg/m2-p3-5.jpg);
}
/* line 1761, ../sass/screen.scss */
html body.podcastInt main.tres > section:nth-child(2) {
  background-image: url(bg/podcast3-fondo2.jpg);
  background-size: cover;
}
/* line 1765, ../sass/screen.scss */
html body.podcastInt main.tres > section:nth-child(3) {
  background-image: url(bg/fondoMadera.jpg);
  background-size: cover;
  position: relative;
  padding: 0;
}
/* line 1771, ../sass/screen.scss */
html body.podcastInt main.tres > section:nth-child(3) .transparent {
  display: block;
  /* background-color: rgba(0,0,0,0.8);*/
  width: 100%;
  height: 100%;
  position: inherit;
  top: 0;
  z-index: 1;
}
/* line 1780, ../sass/screen.scss */
html body.podcastInt main.tres > section:nth-child(3) .transparent .sombra {
  display: block;
}
/* line 1786, ../sass/screen.scss */
html body.podcastInt main.tres > section:nth-child(3) article .parallax {
  top: 0;
}
/* line 1790, ../sass/screen.scss */
html body.podcastInt main.tres > section:nth-child(5) {
  background-image: url(bg/fondo8.jpg);
}
/* line 1799, ../sass/screen.scss */
html body.podcastInt main.cuatro {
  background-size: cover;
}
/* line 1804, ../sass/screen.scss */
html body.podcastInt main.cuatro .menuDos > div:nth-child(1) > div {
  background-image: url(bg/m2-p4-1.jpg);
}
/* line 1807, ../sass/screen.scss */
html body.podcastInt main.cuatro .menuDos > div:nth-child(2) > div {
  background-image: url(bg/m2-p4-2.jpg);
}
/* line 1810, ../sass/screen.scss */
html body.podcastInt main.cuatro .menuDos > div:nth-child(3) > div {
  background-image: url(bg/m2-p4-3.jpg);
}
/* line 1813, ../sass/screen.scss */
html body.podcastInt main.cuatro .menuDos > div:nth-child(4) > div {
  background-image: url(bg/m2-p4-4.jpg);
}
/* line 1816, ../sass/screen.scss */
html body.podcastInt main.cuatro .menuDos > div:nth-child(5) > div {
  background-image: url(bg/m2-p4-5.jpg);
}
/* line 1824, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(2) {
  background-image: url(bg/podcast3-fondo2.jpg);
  background-size: cover;
}
/* line 1828, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) {
  background-image: url(bg/p4sec3.jpg);
  background-size: cover;
  position: relative;
  padding: 0;
}
/* line 1834, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .moved .info {
  background-image: url(bg/less.png) !important;
}
/* line 1838, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .sombra.uno {
  position: absolute;
  left: 26.5%;
  top: 50%;
  transition: all 0.6s;
}
/* line 1845, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .sombra.dos {
  position: absolute;
  left: 66.5%;
  top: 50%;
  transition: all 0.6s;
}
/* line 1851, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .separeBook1 {
  display: none;
  transition: all 0.6s;
}
/* line 1855, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .separeBook2 {
  display: none;
  transition: all 0.6s;
}
/* line 1860, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .separeBooksInfo {
  top: 50%;
  left: 49.5%;
  transition: all 0.3s;
}
/* line 1867, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .separe span.info {
  /*akii*/
  transform: scale(1);
  top: 50%;
  position: absolute;
  background-image: url(bg/mas.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  min-height: 50px;
  width: 33px;
  height: 33px;
  color: transparent;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 1881, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) .separe span.info span {
  display: none;
  color: white;
  width: 315px;
  position: absolute;
  text-align: left;
}
/* line 1891, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(3) article .parallax {
  top: 0;
}
/* line 1895, ../sass/screen.scss */
html body.podcastInt main.cuatro > section:nth-child(5) {
  background-image: url(bg/fondop4_2.jpg);
}
/* line 1903, ../sass/screen.scss */
html body.podcastInt main.cinco {
  background-size: cover;
}
/* line 1908, ../sass/screen.scss */
html body.podcastInt main.cinco .menuDos > div:nth-child(1) > div {
  background-image: url(bg/m2-p5-1.jpg);
}
/* line 1911, ../sass/screen.scss */
html body.podcastInt main.cinco .menuDos > div:nth-child(2) > div {
  background-image: url(bg/m2-p5-2.jpg);
}
/* line 1914, ../sass/screen.scss */
html body.podcastInt main.cinco .menuDos > div:nth-child(3) > div {
  background-image: url(bg/m2-p5-3.jpg);
}
/* line 1917, ../sass/screen.scss */
html body.podcastInt main.cinco .menuDos > div:nth-child(4) > div {
  background-image: url(bg/m2-p5-4.jpg);
}
/* line 1920, ../sass/screen.scss */
html body.podcastInt main.cinco .menuDos > div:nth-child(5) > div {
  background-image: url(bg/m2-p5-5.jpg);
}
/* line 1928, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(1) {
  background-image: url(bg/fondop5_1.jpg);
  background-size: cover;
}
/* line 1933, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(2) {
  background-image: url(bg/podcast3-fondo2.jpg);
  background-size: cover;
}
/* line 1938, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) {
  background-image: url(bg/fondop5_mapa.jpg);
  position: relative;
  padding: 0;
  background-size: 100% 100%;
  background-position: left bottom;
}
/* line 1945, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) #mapaPod5 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
}
/* line 1953, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .fechaMapa {
  position: absolute;
  top: 24%;
  left: 3%;
  font-size: 15pt;
}
/* line 1960, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios {
  height: 100%;
  background-size: 100% 100% !important;
  background-position: left bottom !important;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  transition: 1.5s;
}
/* line 1969, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .moved .info {
  background-image: url(bg/less.png) !important;
}
/* line 1974, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra {
  position: absolute;
}
/* line 1977, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.uno {
  top: 19%;
  left: 28%;
}
/* line 1981, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.dos {
  top: 20%;
  left: 47%;
}
/* line 1985, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.tres {
  left: 35.5%;
  top: 29%;
}
/* line 1989, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.cuatro {
  left: 52%;
  top: 40%;
}
/* line 1993, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.cinco {
  left: 30.5%;
  top: 46%;
}
/* line 1997, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.seis {
  left: 42.5%;
  top: 50.5%;
}
/* line 2001, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.siete {
  left: 23%;
  top: 62%;
}
/* line 2005, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.ocho {
  left: 52%;
  top: 66%;
}
/* line 2009, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.nueve {
  left: 84%;
  top: 69%;
}
/* line 2013, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.diez {
  left: 9%;
  top: 72%;
}
/* line 2017, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.once {
  left: 13.4%;
  top: 76%;
}
/* line 2021, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.doce {
  left: 2%;
  top: 90%;
}
/* line 2025, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.trece {
  left: 31%;
  top: 90%;
}
/* line 2029, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios .sombra.catorce {
  top: 58%;
  left: 47%;
}
/* line 2036, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios span.info {
  /*akii*/
  transform: scale(1);
  top: 50%;
  position: absolute;
  background-image: url(bg/mas.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  min-height: 50px;
  width: 33px;
  height: 33px;
  color: transparent;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 2050, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(3) .territorios span.info span {
  display: none;
  color: white;
  width: 315px;
  position: absolute;
  text-align: left;
  top: -123%;
  background-color: rgba(0, 0, 0, 0.41);
  padding: 10px;
}
/* line 2063, ../sass/screen.scss */
html body.podcastInt main.cinco > section:nth-child(5) {
  background-image: url(bg/fondop5_2.jpg);
}
/* line 2075, ../sass/screen.scss */
html body.podcastInt #sobre, html body.podcastInt .mdl {
  display: none;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 5%;
  transition: all 0.3s;
  opacity: 0;
}
/* line 2087, ../sass/screen.scss */
html body.podcastInt #sobre.showM, html body.podcastInt .mdl.showM {
  opacity: 1;
  transition: all 0.3s;
}
/* line 2091, ../sass/screen.scss */
html body.podcastInt #sobre > section, html body.podcastInt .mdl > section {
  width: 100%;
  height: 100%;
  background: url(bg/sobre.jpg);
  background-size: cover;
  background-position: center;
  display: table;
}
/* line 2099, ../sass/screen.scss */
html body.podcastInt #sobre > section > article, html body.podcastInt .mdl > section > article {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  line-height: 43px;
  padding: 10%;
  text-align: center;
}
/* line 2108, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > article, html body.podcastInt .mdl > section > article > article {
  font-size: 27px;
  line-height: 40px;
}
/* line 2112, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > span.dos, html body.podcastInt .mdl > section > article > span.dos {
  clear: both;
  float: left;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari */
  transform: rotate(180deg);
  font-size: 95px;
  display: block;
  margin-top: 35px;
  width: 100%;
}
/* line 2123, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > span.icon-close, html body.podcastInt .mdl > section > article > span.icon-close {
  cursor: pointer;
  display: block;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 35px;
  right: 35px;
  font-size: 15px;
}
/* line 2134, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > span.icon-close.cerrarModal, html body.podcastInt .mdl > section > article > span.icon-close.cerrarModal {
  color: #ccc;
  border: 3px solid #ccc;
}
/* line 2139, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > div, html body.podcastInt .mdl > section > article > div {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  float: left;
  text-align: left;
  width: 50%;
  padding: 2%;
}
/* line 2148, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > div > span, html body.podcastInt .mdl > section > article > div > span {
  max-width: 79%;
  line-height: 20px;
  display: block;
  clear: both;
  height: 44px;
}
/* line 2156, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > div:nth-child(2), html body.podcastInt .mdl > section > article > div:nth-child(2) {
  font-weight: bold;
  text-align: right;
}
/* line 2158, ../sass/screen.scss */
html body.podcastInt #sobre > section > article > div:nth-child(2) > span, html body.podcastInt .mdl > section > article > div:nth-child(2) > span {
  float: right;
}
/* line 2167, ../sass/screen.scss */
html body.podcastInt #sobre > section.person, html body.podcastInt .mdl > section.person {
  background: #fff;
  max-width: 645px;
  margin: 0 auto;
}
/* line 2172, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article ul, html body.podcastInt .mdl > section.person article ul {
  display: inline-block;
  margin: 0 auto;
  height: 115px;
}
/* line 2176, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article ul li, html body.podcastInt .mdl > section.person article ul li {
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #a2a1a2;
  height: 115px;
  display: table;
}
/* line 2183, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article ul li.img-mdl, html body.podcastInt .mdl > section.person article ul li.img-mdl {
  width: 115px;
  height: 115px;
  margin: 0 20px;
}
/* line 2187, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article ul li.img-mdl img, html body.podcastInt .mdl > section.person article ul li.img-mdl img {
  width: 100%;
}
/* line 2191, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article ul li > span, html body.podcastInt .mdl > section.person article ul li > span {
  vertical-align: middle;
  display: table-cell;
}
/* line 2197, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article > h1, html body.podcastInt .mdl > section.person article > h1 {
  font-family: 'Playfair Display', serif;
  color: #313133;
  font-size: 56px;
  line-height: 80px;
  display: block;
  padding: 0 0 20px 0;
}
/* line 2205, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article > p, html body.podcastInt .mdl > section.person article > p {
  color: #666666;
  font-size: 14px;
  line-height: 23px;
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
}
/* line 2213, ../sass/screen.scss */
html body.podcastInt #sobre > section.person article > span.icon-cerrar, html body.podcastInt .mdl > section.person article > span.icon-cerrar {
  color: #A9A9A9;
}
/* line 2220, ../sass/screen.scss */
html body.podcastInt #sobre.sobre > section, html body.podcastInt .mdl.sobre > section {
  background: red;
}
/* line 2226, ../sass/screen.scss */
html body.podcastInt.dos {
  background-image: url(bg/fondo5.jpg);
}
/* line 2230, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(3) {
  background-image: url(bg/fondo6.jpg);
}
/* line 2232, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(3) > article {
  width: 100%;
  height: 100%;
}
/* line 2235, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(3) > article .parallax {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 2239, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(3) > article .parallax .paral {
  position: absolute;
  left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
/* line 2245, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(3) > article .parallax .paral.watch {
  left: 16%;
  background-image: url(bg/watch.png);
  width: 11%;
  height: 40%;
  top: 55%;
}
/* line 2252, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(3) > article .parallax .paral.pluma {
  top: 0;
  left: 49%;
  background-image: url(bg/pluma.png);
  width: 14.5%;
  height: 70%;
}
/* line 2265, ../sass/screen.scss */
html body.podcastInt.dos > main > section:nth-child(5) {
  background-image: url(bg/fondo8.jpg);
}
/* line 2272, ../sass/screen.scss */
html body .icon-scroll-1 {
  position: fixed;
  bottom: 40px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 17px;
  z-index: 10;
  cursor: pointer;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
/* line 2289, ../sass/screen.scss */
html body .icon-scroll-1:hover {
  color: #8EDAFF;
}
/* line 2292, ../sass/screen.scss */
html body .icon-scroll-1::before {
  transition: all 0.5s;
}
/* line 2295, ../sass/screen.scss */
html body .icon-scroll-1.no-rotate {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
/* line 2299, ../sass/screen.scss */
html body .icon-scroll-1.rotate {
  -webkit-animation-name: no-bounce;
  animation-name: no-bounce;
}
/* line 2302, ../sass/screen.scss */
html body .icon-scroll-1.rotate::before {
  transition: all 0.5s;
  transform: rotate(180deg);
  display: inline-block;
}
/* line 2309, ../sass/screen.scss */
html body.podcast {
  background: #000;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #fff;
  font-family: 'Playfair Display', serif;
}
/* line 2316, ../sass/screen.scss */
html body.podcast a {
  color: #fff;
}
/* line 2318, ../sass/screen.scss */
html body.podcast a:hover {
  color: #fff;
  text-decoration: none;
}
/* line 2323, ../sass/screen.scss */
html body.podcast header.nav {
  position: fixed;
  width: 100%;
  transition: all 0.3s;
}
/* line 2328, ../sass/screen.scss */
html body.podcast footer.nav {
  display: none;
}
/* line 2331, ../sass/screen.scss */
html body.podcast > .app-body {
  height: 100%;
}
/* line 2334, ../sass/screen.scss */
html body.podcast main {
  width: 100%;
  height: 100%;
}
/* line 2339, ../sass/screen.scss */
html body.podcast main > section {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: table;
}
/* line 2348, ../sass/screen.scss */
html body.podcast main > section > article {
  display: table-cell;
  vertical-align: middle;
}
/* line 2351, ../sass/screen.scss */
html body.podcast main > section > article > div {
  background: #acbbc4;
  text-align: center;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  opacity: 0;
  transition: left 0.6s, opacity 0.8s;
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
/* line 2362, ../sass/screen.scss */
html body.podcast main > section > article > div > span {
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-size: 12px;
  letter-spacing: 10px;
  line-height: 60px;
}
/* line 2369, ../sass/screen.scss */
html body.podcast main > section > article > div > ul {
  width: 220px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  font-family: 'Montserrat';
}
/* line 2375, ../sass/screen.scss */
html body.podcast main > section > article > div > ul li {
  line-height: 95px;
  float: left;
  font-size: 20px;
  vertical-align: middle;
  text-align: right;
}
/* line 2382, ../sass/screen.scss */
html body.podcast main > section > article > div > ul li:nth-child(2) {
  width: 125px;
  text-align: center;
}
/* line 2385, ../sass/screen.scss */
html body.podcast main > section > article > div > ul li:nth-child(2) strong {
  display: block;
  width: 95px;
  margin: 0 auto;
  line-height: 85px;
  border-radius: 50%;
  font-size: 50px;
  border: 5px solid #fff;
}
/* line 2395, ../sass/screen.scss */
html body.podcast main > section > article > div > ul li:nth-child(3) {
  text-align: left;
}
/* line 2400, ../sass/screen.scss */
html body.podcast main > section > article > div > h1 {
  line-height: 110px;
  font-size: 50px;
}
/* line 2404, ../sass/screen.scss */
html body.podcast main > section > article > div > p {
  line-height: 32px;
  font-size: 22px;
}
/* line 2408, ../sass/screen.scss */
html body.podcast main > section > article > div > a {
  text-transform: uppercase;
  height: 65px;
  display: block;
  width: 210px;
  margin: 30px auto;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Montserrat';
  overflow: hidden;
  position: relative;
  line-height: 65px;
  cursor: default;
}
/* line 2421, ../sass/screen.scss */
html body.podcast main > section > article > div > a > span {
  line-height: 55px;
}
/* line 2423, ../sass/screen.scss */
html body.podcast main > section > article > div > a > span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  background: #c2cdd4;
}
/* line 2432, ../sass/screen.scss */
html body.podcast main > section > article > div > a > span:nth-child(2) {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  display: none;
  border: 3px solid #fff;
  cursor: pointer;
}
/* line 2442, ../sass/screen.scss */
html body.podcast main > section > article > div > a.publicado {
  cursor: pointer;
}
/* line 2444, ../sass/screen.scss */
html body.podcast main > section > article > div > a.publicado > span:nth-child(1) {
  display: none;
}
/* line 2447, ../sass/screen.scss */
html body.podcast main > section > article > div > a.publicado > span:nth-child(2) {
  display: block;
  position: relative;
  z-index: 1;
}
/* line 2451, ../sass/screen.scss */
html body.podcast main > section > article > div > a.publicado > span:nth-child(2):hover {
  color: #acbbc4;
}
/* line 2453, ../sass/screen.scss */
html body.podcast main > section > article > div > a.publicado > span:nth-child(2):hover::before {
  opacity: 1;
  color: black;
  border-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 2463, ../sass/screen.scss */
html body.podcast main > section > article > div > a.publicado > span:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  color: black;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform  0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/* line 2485, ../sass/screen.scss */
html body.podcast main > section > article > div > div {
  font-size: 35px;
  padding-top: 30px;
}
/* line 2492, ../sass/screen.scss */
html body.podcast main > section:nth-child(odd) > article > div {
  left: 100%;
}
/* line 2495, ../sass/screen.scss */
html body.podcast main > section:nth-child(even) > article > div {
  left: -100%;
}
/* line 2498, ../sass/screen.scss */
html body.podcast main > section .center {
  left: 0 !important;
  opacity: 1 !important;
}
/* line 2502, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) {
  width: calc(100% + 6px);
  margin-left: -3px;
  z-index: 0;
  background-image: url(bg/fondo1.png);
}
/* line 2507, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > video {
  position: fixed;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%) translateY(50%);
  transform: translateX(50%) translateY(50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}
/* line 2519, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
}
/* line 2525, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div {
  background: transparent;
  font-family: 'Montserrat';
  text-transform: uppercase;
  left: 0;
  opacity: 1;
}
/* line 2531, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > h2 {
  font-size: 33px;
  line-height: 120px;
  letter-spacing: 35px;
}
/* line 2537, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > h1 {
  font-size: 30px;
  position: relative;
  letter-spacing: 8px;
  padding-bottom: 20px;
  border: 5px solid #fff;
}
/* line 2543, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > h1 > span {
  font-size: 13px;
  display: block;
  letter-spacing: 3px;
  position: absolute;
  bottom: 44px;
  line-height: 0;
  width: 100%;
}
/* line 2556, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > ul > li {
  line-height: 30px;
  width: 33.333333%;
  float: left;
  font-size: 20px;
  vertical-align: middle;
}
/* line 2562, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > ul > li:nth-child(2) {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
/* line 2567, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > ul > li:nth-child(3) {
  text-align: left;
}
/* line 2573, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div > span {
  line-height: 75px;
}
/* line 2576, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div a {
  cursor: pointer;
  border: 3px solid #fff;
  z-index: 1;
}
/* line 2580, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div a:hover {
  color: #000;
}
/* line 2582, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div a:hover::before {
  opacity: 1;
  color: black;
  border-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 2592, ../sass/screen.scss */
html body.podcast main > section:nth-child(1) > article > div a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  color: black;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform  0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/* line 2614, ../sass/screen.scss */
html body.podcast main > section:nth-child(2) {
  background-image: url(bg/indexPodcastfondo2.png);
}
/* line 2617, ../sass/screen.scss */
html body.podcast main > section:nth-child(3) {
  background-image: url(bg/indexPodcastfondo3.png);
}
/* line 2620, ../sass/screen.scss */
html body.podcast main > section:nth-child(4) {
  background-image: url(bg/indexPodcastfondo4.png);
}
/* line 2623, ../sass/screen.scss */
html body.podcast main > section:nth-child(5) {
  background-image: url(bg/Educacion_de_un_caballero.jpg);
}
/* line 2626, ../sass/screen.scss */
html body.podcast main > section:nth-child(6) {
  background-image: url(bg/La_Europa_de_Carlos-podcast.jpg);
}
/* line 2632, ../sass/screen.scss */
html body .row {
  margin: 0;
}
/* line 2635, ../sass/screen.scss */
html body .navbar-nav {
  margin: 0;
}
/* line 2639, ../sass/screen.scss */
html body .boton-carlos {
  font-weight: bold;
  height: 56px;
  font-family: 'Lato', sans-serif;
  font-size: 11pt;
  /* min-width: 250px;
   max-width: 250px;*/
  min-width: 80%;
  max-width: 250px;
  display: block;
  margin: 1em;
  padding: 1em 2em;
  border: none;
  background: none;
  color: white;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  border: 3px solid white;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: transparent;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
/* line 2664, ../sass/screen.scss */
html body .boton-carlos:focus {
  outline: none;
}
/* line 2669, ../sass/screen.scss */
html body .buttonEfecto::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  color: black;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/* line 2689, ../sass/screen.scss */
html body .buttonEfecto::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  color: black;
}
/* line 2695, ../sass/screen.scss */
html body .buttonEfecto:hover {
  color: black !important;
}
/* line 2698, ../sass/screen.scss */
html body .buttonEfecto:hover::before {
  opacity: 1;
  color: black;
  border-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 2708, ../sass/screen.scss */
html body .backward {
  left: 0;
}
/* line 2711, ../sass/screen.scss */
html body .backward.ng-enter {
  transition: 0.3s ease-in-out all;
  position: fixed;
  z-index: inherit;
  left: -100%;
  height: inherit;
}
/* line 2718, ../sass/screen.scss */
html body .backward.ng-leave {
  transition: 0.3s ease-in-out all;
  position: absolute;
  z-index: 9999;
  top: 0px;
  right: 0;
}
/* line 2725, ../sass/screen.scss */
html body .backward.ng-leave-active {
  transition: 0.3s ease-in-out all;
  position: absolute;
  top: 0px;
  right: -100%;
  left: 100%;
}
/* line 2732, ../sass/screen.scss */
html body .backward.ng-enter-active {
  transition: 0.3s ease-in-out all;
  left: 0;
  position: relative;
}
/* line 2738, ../sass/screen.scss */
html body .forward {
  right: 0;
}
/* line 2741, ../sass/screen.scss */
html body .forward.ng-enter {
  transition: 0.3s ease-in-out all;
  position: fixed;
  z-index: inherit;
  left: 100%;
  height: inherit;
}
/* line 2748, ../sass/screen.scss */
html body .forward.ng-leave {
  transition: 0.3s ease-in-out all;
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 0;
}
/* line 2755, ../sass/screen.scss */
html body .forward.ng-leave-active {
  transition: 0.3s ease-in-out all;
  position: absolute;
  right: 100%;
  left: -100%;
  top: 0px;
}
/* line 2762, ../sass/screen.scss */
html body .forward.ng-enter-active {
  transition: 0.3s ease-in-out all;
  left: 0;
  position: relative;
}
/* line 2769, ../sass/screen.scss */
html body .fading {
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 2775, ../sass/screen.scss */
html body .fading.ng-enter {
  transition: 0.3s all;
  opacity: 0;
}
/* line 2779, ../sass/screen.scss */
html body .fading.ng-enter-active {
  transition: 0.3s all;
  opacity: 1;
}
/* line 2783, ../sass/screen.scss */
html body .fading.ng-leave {
  transition: 0.3s all;
  opacity: 0;
}
/* line 2787, ../sass/screen.scss */
html body .fading.ng-leave-active {
  transition: 0.3s all;
  opacity: 0;
}
/* line 2794, ../sass/screen.scss */
html body header.nav {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  font-size: 10pt;
  font-family: 'Montserrat', sans-serif;
}
/* line 2802, ../sass/screen.scss */
html body header.nav .barra {
  transition: all 0.3s;
  width: 100%;
  margin-left: -45px;
  height: 100%;
  position: absolute;
  background-color: rgba(32, 32, 32, 0.85);
  top: -100%;
}
/* line 2811, ../sass/screen.scss */
html body header.nav.fixed {
  transition: all 0.3s;
}
/* line 2813, ../sass/screen.scss */
html body header.nav.fixed .row .col-md-2 .fecha .icon-etiqueta-s-fecha {
  transform: scale(0.5);
  transition: all 0.3s;
  opacity: 0;
}
/* line 2819, ../sass/screen.scss */
html body header.nav.fixed .barra {
  transition: all 0.3s;
  top: 0%;
}
/* line 2824, ../sass/screen.scss */
html body header.nav .menuMovil {
  display: none;
}
/* line 2828, ../sass/screen.scss */
html body header.nav .menuNormal .izq {
  padding: 0;
}
/* line 2833, ../sass/screen.scss */
html body header.nav .row {
  margin-right: -15px;
  margin-left: -15px;
  width: 100%;
  padding: 10px 60px;
}
/* line 2838, ../sass/screen.scss */
html body header.nav .row .dere {
  padding: 0;
}
/* line 2844, ../sass/screen.scss */
html body header.nav .row .col-md-2 li {
  z-index: 3;
}
/* line 2847, ../sass/screen.scss */
html body header.nav .row .col-md-2 .logoLab {
  width: 30%;
}
/* line 2850, ../sass/screen.scss */
html body header.nav .row .col-md-2 .logoLab a {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
/* line 2855, ../sass/screen.scss */
html body header.nav .row .col-md-2 .logoLab a .icon-logo-lab {
  color: white;
  font-size: 50px;
}
/* line 2863, ../sass/screen.scss */
html body header.nav .row .col-md-2 .fecha {
  float: right;
}
/* line 2866, ../sass/screen.scss */
html body header.nav .row .col-md-2 .fecha .icon-etiqueta-s-fecha {
  position: absolute;
  right: 0;
  font-size: 84px;
  color: white;
  top: 0;
  transform: scale(1);
  transition: all 0.3s;
  opacity: 1;
}
/* line 2878, ../sass/screen.scss */
html body header.nav .row .col-md-8 li {
  z-index: 3;
}
/* line 2883, ../sass/screen.scss */
html body header.nav .row a:hover {
  background: transparent;
}
/* line 2886, ../sass/screen.scss */
html body header.nav .row img {
  width: 100%;
  float: left;
  margin-left: 15%;
}
/* line 2894, ../sass/screen.scss */
html body header.nav .row .mainMenu #inputSearch {
  position: absolute;
  right: -13%;
  margin-top: 0.75%;
}
/* line 2899, ../sass/screen.scss */
html body header.nav .row .mainMenu #inputSearch #search {
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  width: 192px;
  height: 32px;
  font-family: 'Montserrat', sans-serif;
  font-size: 10pt;
  color: white;
  border: none;
  padding: 0% 5%;
  outline: 0;
}
/* line 2912, ../sass/screen.scss */
html body header.nav .row .mainMenu #inputSearch #search::-webkit-input-placeholder {
  color: white;
}
/* line 2913, ../sass/screen.scss */
html body header.nav .row .mainMenu #inputSearch #search:-moz-placeholder {
  color: white;
}
/* line 2914, ../sass/screen.scss */
html body header.nav .row .mainMenu #inputSearch #search::-moz-placeholder {
  color: white;
}
/* line 2915, ../sass/screen.scss */
html body header.nav .row .mainMenu #inputSearch #search:-ms-input-placeholder {
  color: white;
}
/* line 2918, ../sass/screen.scss */
html body header.nav .row .mainMenu li > a {
  color: white;
  background: transparent;
}
/* line 2922, ../sass/screen.scss */
html body header.nav .row .mainMenu li > a:hover {
  color: #8EDAFF;
}
/* line 2927, ../sass/screen.scss */
html body header.nav .row .navbar-nav {
  float: none;
  text-align: center;
}
/* line 2930, ../sass/screen.scss */
html body header.nav .row .navbar-nav > li {
  float: none;
  display: inline-block;
}
/* line 2938, ../sass/screen.scss */
html body .app-body {
  height: calc(100% - 100px - 120px);
  /*REINOS*/
}
/* line 2942, ../sass/screen.scss */
html body .app-body > .ng-scope, html body .app-body > section {
  height: 100%;
}
/* line 2948, ../sass/screen.scss */
html body .app-body #containerReinos {
  width: 100%;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -o-inline-flexbox;
  display: -moz-inline-flexbox;
  display: inline-flex;
  height: 100%;
  position: absolute;
  bottom: 0;
}
/* line 2958, ../sass/screen.scss */
html body .app-body #containerReinos h1 {
  position: absolute;
  z-index: -15;
}
/* line 2962, ../sass/screen.scss */
html body .app-body #containerReinos h1 {
  position: absolute;
  z-index: -9;
  color: transparent;
}
/* line 2968, ../sass/screen.scss */
html body .app-body #containerReinos .reino {
  width: 15%;
  cursor: pointer;
  height: 100vh;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 2977, ../sass/screen.scss */
html body .app-body #containerReinos .reino .linkReino {
  text-decoration: none;
}
/* line 2981, ../sass/screen.scss */
html body .app-body #containerReinos .reino .capaReino {
  height: 100%;
}
/* line 2984, ../sass/screen.scss */
html body .app-body #containerReinos .reino .capaReino-hover {
  height: 100%;
  width: 100%;
}
/* line 2988, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.2);
  top: 44%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 100px;
  box-sizing: border-box;
}
/* line 2998, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoIndias-hover {
  color: #63466B;
}
/* line 3001, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoCastilla-hover {
  color: #7B464E;
}
/* line 3004, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoFlandes-hover {
  color: #8B8C98;
}
/* line 3007, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoFrancia-hover {
  color: #514669;
}
/* line 3010, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoInglaterra-hover {
  color: #38655E;
}
/* line 3013, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoPortugal-hover {
  color: #2D5460;
}
/* line 3016, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .reinoRoma-hover {
  color: #4E5C7F;
}
/* line 3019, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .icon {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  font-size: 60px;
  border: hidden;
}
/* line 3026, ../sass/screen.scss */
html body .app-body #containerReinos .reino .imagenReino .icon:before {
  vertical-align: middle;
  top: 8%;
  position: relative;
}
/* line 3033, ../sass/screen.scss */
html body .app-body #containerReinos .reino .nombreReino {
  font-size: 25px;
  color: white;
  top: 45%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
/* line 3043, ../sass/screen.scss */
html body .app-body #containerReinos .reino .botonReino {
  top: 50%;
  margin: 0 auto !important;
  text-align: center;
  display: none;
  color: white;
}
/* line 3052, ../sass/screen.scss */
html body .app-body #containerReinos .reinoAbierto {
  width: 40% !important;
}
/* line 3055, ../sass/screen.scss */
html body .app-body #containerReinos .reinoNormal {
  width: 15% !important;
}
/* line 3059, ../sass/screen.scss */
html body .app-body #containerReinos #reinoFlandes .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/Flandes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3066, ../sass/screen.scss */
html body .app-body #containerReinos #reinoFlandes .capaReino-hover {
  background: linear-gradient(rgba(100, 101, 110, 0.8), rgba(100, 101, 110, 0.8)), url("../img/reinos/Flandes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3074, ../sass/screen.scss */
html body .app-body #containerReinos #reinoInglaterra .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/Inglaterra.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3081, ../sass/screen.scss */
html body .app-body #containerReinos #reinoInglaterra .capaReino-hover {
  background: linear-gradient(rgba(80, 144, 135, 0.8), rgba(80, 144, 135, 0.8)), url("../img/reinos/Inglaterra.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3091, ../sass/screen.scss */
html body .app-body #containerReinos #reinoRoma .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/Roma.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3098, ../sass/screen.scss */
html body .app-body #containerReinos #reinoRoma .capaReino-hover {
  background: linear-gradient(rgba(112, 132, 182, 0.8), rgba(112, 132, 182, 0.8)), url("../img/reinos/Roma.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3108, ../sass/screen.scss */
html body .app-body #containerReinos #reinoCastilla .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/Castilla.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3115, ../sass/screen.scss */
html body .app-body #containerReinos #reinoCastilla .capaReino-hover {
  background: linear-gradient(rgba(176, 100, 111, 0.8), rgba(176, 100, 111, 0.8)), url("../img/reinos/Castilla.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3125, ../sass/screen.scss */
html body .app-body #containerReinos #reinoPortugal .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/Portugal.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: calc(100% - 54%);
}
/* line 3132, ../sass/screen.scss */
html body .app-body #containerReinos #reinoPortugal .capaReino-hover {
  background: linear-gradient(rgba(64, 120, 137, 0.8), rgba(64, 120, 137, 0.8)), url("../img/reinos/Portugal.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3142, ../sass/screen.scss */
html body .app-body #containerReinos #reinoFrancia .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/Francia.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3149, ../sass/screen.scss */
html body .app-body #containerReinos #reinoFrancia .capaReino-hover {
  background: linear-gradient(rgba(116, 100, 150, 0.8), rgba(116, 100, 150, 0.8)), url("../img/reinos/Francia.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3159, ../sass/screen.scss */
html body .app-body #containerReinos #reinoIndias .capaReino {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/reinos/LasAmericas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3166, ../sass/screen.scss */
html body .app-body #containerReinos #reinoIndias .capaReino-hover {
  background: linear-gradient(rgba(141, 100, 153, 0.8), rgba(141, 100, 153, 0.8)), url("../img/reinos/LasAmericas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3178, ../sass/screen.scss */
html body .app-body #containerReino {
  height: 100%;
  position: relative;
  width: 100%;
  top: 71px;
}
/* line 3185, ../sass/screen.scss */
html body .app-body #containerReino #mapa {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 768px;
}
/* line 3191, ../sass/screen.scss */
html body .app-body #containerReino #personajes {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 768px;
}
/* line 3199, ../sass/screen.scss */
html body .app-body #containerReino #personajes .icon-anillo, html body .app-body #containerReino #personajes .icon-corazon {
  position: absolute;
  font-size: 28px;
}
/* line 3203, ../sass/screen.scss */
html body .app-body #containerReino #personajes .topContainer {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
/* line 3209, ../sass/screen.scss */
html body .app-body #containerReino #personajes .linkText {
  position: absolute;
  font-size: 11px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
}
/* line 3215, ../sass/screen.scss */
html body .app-body #containerReino #personajes .linkText, html body .app-body #containerReino #personajes .linkType {
  transition: all .3s ease-in-out;
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
/* line 3235, ../sass/screen.scss */
html body .app-body #containerReino #personajes .linkTextHover, html body .app-body #containerReino #personajes .linkTypeHover {
  color: white !important;
}
/* line 3239, ../sass/screen.scss */
html body .app-body #containerReino .person {
  border: solid 3px;
  border-radius: 100%;
  position: absolute;
  text-align: center;
  background-size: cover;
  -ms-transform: scale(1, 1);
  /* IE 9 */
  -webkit-transform: scale(1, 1);
  /* Safari */
  -o-transform: scale(1, 1);
  /* opera */
  -moz-transform: scale(1, 1);
  /* Firefox */
  transform: scale(1, 1);
  transition: all .3s ease-in-out;
}
/* line 3253, ../sass/screen.scss */
html body .app-body #containerReino .person .corona-bicolor {
  background-image: url("../css/icos/corona_bicolor.svg");
  height: 24px;
  width: 100%;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 3261, ../sass/screen.scss */
html body .app-body #containerReino .person .icon-ataud {
  font-size: 28px;
}
/* line 3264, ../sass/screen.scss */
html body .app-body #containerReino .person .colourLayerHover {
  background-color: transparent !important;
}
/* line 3267, ../sass/screen.scss */
html body .app-body #containerReino .person .icon-arrow {
  visibility: hidden;
  font-size: 125%;
}
/* line 3271, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined:after {
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  border-radius: 100%;
  border: 3px solid;
}
/* line 3282, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-castilla:after {
  border-color: #b0646f;
}
/* line 3285, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-flandes:after {
  border-color: #64656e;
}
/* line 3288, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-inglaterra:after {
  border-color: #509087;
}
/* line 3291, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-roma:after {
  border-color: #7084b6;
}
/* line 3294, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-portugal:after {
  border-color: #407889;
}
/* line 3297, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-francia:after {
  border-color: #746496;
}
/* line 3300, ../sass/screen.scss */
html body .app-body #containerReino .person.outlined-las-indias:after, html body .app-body #containerReino .person.outlined-las-americas:after {
  border-color: #8d6499;
}
/* line 3305, ../sass/screen.scss */
html body .app-body #containerReino .personHover {
  border: 6px solid white !important;
}
/* line 3308, ../sass/screen.scss */
html body .app-body #containerReino .personHover:after {
  border: 3px solid white !important;
}
/* line 3311, ../sass/screen.scss */
html body .app-body #containerReino .person:hover:after, html body .app-body #containerReino .person.hovered:after {
  transition: all .3s ease-in-out;
}
/* line 3316, ../sass/screen.scss */
html body .app-body #containerReino .person.hovered .nombre {
  display: none;
}
/* line 3319, ../sass/screen.scss */
html body .app-body #containerReino .person.hovered:hover {
  position: relative;
  z-index: 999999;
}
/* line 3322, ../sass/screen.scss */
html body .app-body #containerReino .person.hovered:hover .nombre {
  display: block;
  margin-top: 13px;
  text-shadow: 0px 0px 4px #000;
}
/* line 3329, ../sass/screen.scss */
html body .app-body #containerReino .person:hover, html body .app-body #containerReino .person.hovered {
  -ms-transform: scale(1.2, 1.2) rotate(0.02deg);
  /* IE 9 */
  /*La rotaci�n ser�a un truquillo a utilizar en transform para evitar que IE agite los elementos cuando los escala*/
  -webkit-transform: scale(1.2, 1.2);
  /* Safari */
  -o-transform: scale(1.2, 1.2);
  /* opera */
  -moz-transform: scale(1.2, 1.2);
  /* Firefox */
  transform: scale(1.2, 1.2);
  transition: all .3s ease-in-out;
  z-index: 1000;
}
/* line 3338, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .icon, html body .app-body #containerReino .person.hovered .icon {
  transition: all .3s ease-in-out;
  color: white !important;
}
/* line 3342, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .corona-bicolor, html body .app-body #containerReino .person.hovered .corona-bicolor {
  background-image: url("../css/icos/corona_bicolor_white.svg");
}
/* line 3345, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber, html body .app-body #containerReino .person.hovered .topNumber {
  transition: all .3s ease-in-out;
  background-color: white !important;
}
/* line 3349, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-castilla, html body .app-body #containerReino .person.hovered .topNumber-castilla {
  color: #b0646f;
}
/* line 3352, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-flandes, html body .app-body #containerReino .person.hovered .topNumber-flandes {
  color: #64656e;
}
/* line 3355, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-inglaterra, html body .app-body #containerReino .person.hovered .topNumber-inglaterra {
  color: #509087;
}
/* line 3358, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-roma, html body .app-body #containerReino .person.hovered .topNumber-roma {
  color: #7084b6;
}
/* line 3361, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-portugal, html body .app-body #containerReino .person.hovered .topNumber-portugal {
  color: #407889;
}
/* line 3364, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-francia, html body .app-body #containerReino .person.hovered .topNumber-francia {
  color: #746496;
}
/* line 3367, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .topNumber-las-indias,
html body .app-body #containerReino .person:hover .topNumber-las-americas, html body .app-body #containerReino .person.hovered .topNumber-las-indias,
html body .app-body #containerReino .person.hovered .topNumber-las-americas {
  color: #8d6499;
}
/* line 3373, ../sass/screen.scss */
html body .app-body #containerReino .person:hover .icon-arrow {
  visibility: visible;
}
/* line 3377, ../sass/screen.scss */
html body .app-body #containerReino .person span {
  position: relative;
  font-size: 55%;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
  margin-left: -300%;
  margin-right: -300%;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  opacity: 0;
  pointer-events: none;
}
/* line 3391, ../sass/screen.scss */
html body .app-body #containerReino svg {
  width: 100%;
}
/* line 3395, ../sass/screen.scss */
html body .app-body #containerReino .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 100%;
  background-size: cover;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
}
/* line 3411, ../sass/screen.scss */
html body .app-body #containerReino .layerHover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: gray;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
/* line 3423, ../sass/screen.scss */
html body .app-body #containerReino .colourLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 100%;
}
/* line 3432, ../sass/screen.scss */
html body .app-body #containerReino .topNumber {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 21px;
  vertical-align: middle;
  top: 0;
  right: 0;
  margin-right: -8px;
  margin-top: -8px;
  font-family: 'Montserrat';
  font-size: 60%;
  z-index: 1;
}
/* line 3449, ../sass/screen.scss */
html body .app-body #containerReino h1 {
  font-size: 350%;
  text-transform: capitalize;
  color: white;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  z-index: 0;
  font-family: 'Playfair Display', serif;
  position: absolute;
  top: 33%;
}
/* line 3462, ../sass/screen.scss */
html body .app-body #containerReino .navReinos {
  position: absolute;
  width: 100%;
  bottom: 0%;
}
/* line 3467, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino {
  text-align: center;
  margin-left: 5%;
  cursor: pointer;
  background-color: transparent;
  padding: 0.5% 5%;
  width: 20%;
  border-radius: 12%/50%;
  z-index: 1;
  position: relative;
}
/* line 3478, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino .icon {
  font-size: 30pt;
  width: inherit;
}
/* line 3482, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino span {
  vertical-align: super;
  font-size: 14pt;
  line-height: 20pt;
  padding: 4%;
}
/* line 3489, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino.der {
  float: right;
  margin-right: 5%;
}
/* line 3493, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino.der .icon {
  float: right;
}
/* line 3496, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino.der span {
  float: right;
}
/* line 3500, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino.izq {
  float: left;
  margin-left: 5%;
}
/* line 3504, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino.izq .icon {
  float: left;
}
/* line 3507, ../sass/screen.scss */
html body .app-body #containerReino .navReinos .otroReino.izq span {
  float: left;
}
/* line 3512, ../sass/screen.scss */
html body .app-body #containerReino .textReino {
  display: none;
}
/* line 3520, ../sass/screen.scss */
html body footer.nav {
  position: fixed;
  height: 100px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
}
/* line 3529, ../sass/screen.scss */
html body footer.nav .row {
  float: none;
  text-align: center;
}
/* line 3532, ../sass/screen.scss */
html body footer.nav .row div {
  width: 240px;
  position: relative;
  margin: 0 auto;
  padding: 0 !important;
}
/* line 3538, ../sass/screen.scss */
html body footer.nav .row div .animationShare2 {
  margin: 0 auto;
  top: 0 !important;
  position: absolute !important;
  color: #FFF;
  left: calc(50% - 23px);
}
/* line 3556, ../sass/screen.scss */
html body.reino {
  background: url("../img/reino/fondo.jpg");
}
/* line 3559, ../sass/screen.scss */
html body.reino div.app-body {
  position: relative;
}
/* line 3563, ../sass/screen.scss */
html body.reino div.reino {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: -999;
  transform: scale(1.5);
}
/* line 3570, ../sass/screen.scss */
html body.reino .flandes {
  background: url("../img/reino/people_background.png");
  background-position: 0px 0px;
  width: 678px;
  height: 781px;
}
/* line 3576, ../sass/screen.scss */
html body.reino .castilla {
  background: url("../img/reino/people_background.png");
  background-position: -581px 0px;
  width: 478px;
  height: 781px;
}
/* line 3582, ../sass/screen.scss */
html body.reino .inglaterra {
  background: url("../img/reino/people_background.png");
  background-position: -981px 0px;
  width: 511px;
  height: 781px;
}
/* line 3589, ../sass/screen.scss */
html body.reino .roma {
  background: url("../img/reino/people_background.png");
  background-position: -1490px 0px;
  width: 688px;
  height: 781px;
}
/* line 3595, ../sass/screen.scss */
html body.reino .portugal {
  background: url("../img/reino/people_background.png");
  background-position: -2176px 0px;
  width: 399px;
  height: 781px;
}
/* line 3601, ../sass/screen.scss */
html body.reino .francia {
  background: url("../img/reino/people_background.png");
  background-position: -2577px 0px;
  width: 578px;
  height: 781px;
}
/* line 3607, ../sass/screen.scss */
html body.reino .las-indias,
html body.reino .las-americas {
  background: url("../img/reino/people_background.png");
  background-position: -3153px 0px;
  width: 578px;
  height: 781px;
}
/* line 3614, ../sass/screen.scss */
html body.reino .iconoportugal {
  background: url("../img/reino/portugal.svg");
  background-size: 11%;
}
/* line 3618, ../sass/screen.scss */
html body.reino .iconoflandes {
  background: url("../img/reino/flandes.svg");
  background-size: 11%;
}
/* line 3622, ../sass/screen.scss */
html body.reino .iconoinglaterra {
  background: url("../img/reino/inglaterra.svg");
  background-size: 7%;
}
/* line 3630, ../sass/screen.scss */
html body.reino .iconoroma {
  background: url("../img/reino/roma.svg");
  background-size: 7%;
}
/* line 3634, ../sass/screen.scss */
html body.reino .iconocastilla {
  background: url("../img/reino/castilla.svg");
  background-size: 16%;
}
/* line 3638, ../sass/screen.scss */
html body.reino .iconofrancia {
  background: url("../img/reino/francia.svg");
  background-size: 11%;
}
/* line 3642, ../sass/screen.scss */
html body.reino .iconolas-americas {
  background: url("../img/reino/las-americas.svg");
  background-size: 11%;
}
/* line 3646, ../sass/screen.scss */
html body.reino .iconolas-indias {
  background: url("../img/reino/las-indias.svg");
  background-size: 11%;
}
/* line 3650, ../sass/screen.scss */
html body.reino .icono {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 42%;
  opacity: 0.2;
  z-index: -1;
}
/* line 3666, ../sass/screen.scss */
html body.personaje #containerPersonaje {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  font-family: 'Lato', sans-serif;
}
/* line 3673, ../sass/screen.scss */
html body.personaje #containerPersonaje section {
  color: white;
  width: 100%;
  display: table;
  margin: 0;
  max-width: none;
}
/* line 3680, ../sass/screen.scss */
html body.personaje #containerPersonaje section .col-12-center {
  display: table;
  width: 90%;
  padding: 0 5%;
  margin: 0 auto;
}
/* line 3686, ../sass/screen.scss */
html body.personaje #containerPersonaje section .nombrePersonaje {
  font-size: 70pt;
  letter-spacing: -5px;
  font-family: 'Playfair Display', serif;
  text-align: center;
}
/* line 3694, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje {
  background: url("../img/fondoHeaderPersonaje.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
/* line 3702, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .transpareciaHeader {
  height: 100%;
  background-size: 43% auto  !important;
  background-position: right bottom  !important;
  background-repeat: no-repeat  !important;
  position: absolute;
  width: 100%;
}
/* line 3710, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .headerPersonaje {
  text-align: center;
  color: white;
  padding-top: 13%;
  padding-bottom: 5%;
}
/* line 3716, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .headerPersonaje .actorPersonaje {
  letter-spacing: -1px;
  font-size: 12pt;
}
/* line 3720, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .headerPersonaje div {
  padding: 0.4%;
}
/* line 3726, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje {
  height: 30%;
}
/* line 3729, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .ocupacion {
  color: #8EDAFF;
  font-size: 34pt;
  line-height: 47px;
  font-family: 'Playfair Display', serif;
}
/* line 3736, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .descripcion {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: 'Lato', sans-serif;
}
/* line 3744, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .ciudad {
  font-size: 12pt;
  letter-spacing: -1px;
}
/* line 3748, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .fecha {
  font-size: 96pt;
  line-height: 102px;
  letter-spacing: -7px;
  font-family: 'Montserrat', sans-serif;
}
/* line 3755, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .nacimientoPersonaje {
  text-align: left;
}
/* line 3758, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .muertePersonaje {
  text-align: right;
}
/* line 3763, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .col-md-4 {
  padding: 0% 2.5%;
  height: 100%;
  display: table;
}
/* line 3768, ../sass/screen.scss */
html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .col-md-4 .verticalCentro {
  display: table-cell;
  vertical-align: middle;
}
/* line 3778, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje {
  overflow: hidden;
  margin-bottom: 2%;
}
/* line 3783, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel div.share.animationShare {
  position: absolute;
  right: 2%;
  width: 50px;
  margin-top: 3% !important;
  top: 0;
}
/* line 3790, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .share.animationShare.selected {
  margin-top: 3% !important;
}
/* line 3793, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider {
  height: 100%;
  width: 100%;
  padding: 0;
  overflow: hidden;
  position: absolute;
}
/* line 3800, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider img {
  height: 100%;
  width: 100%;
}
/* line 3804, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: transform 15s ease-in-out;
  -moz-transition: transform 15s ease-in-out;
  -webkit-transition: transform 15s ease-in-out;
  -o-transition: transform 15s ease-in-out;
}
/* line 3822, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider .slide:hover {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Chrome - Safari */
  -o-transform: scale(1.2);
  /* Opera */
  -ms-transform: scale(1.2);
  /* IE9 */
  transition: transform 20s ease-in-out;
  -moz-transition: transform 20s ease-in-out;
  /* Firefox */
  -webkit-transition: transform 20s ease-in-out;
  /* Chrome - Safari */
  -o-transition: transform 20s ease-in-out;
  /* Opera */
}
/* line 3835, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider #arrows {
  height: 50px;
  float: right;
  right: 4%;
  position: absolute;
  bottom: 7%;
  z-index: 9999;
}
/* line 3843, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider #arrows .icon {
  font-size: 70px;
  color: white;
  cursor: pointer;
  float: right;
}
/* line 3848, ../sass/screen.scss */
html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider #arrows .icon.icon-flechaizq {
  margin-right: -3px;
}
/* line 3858, ../sass/screen.scss */
html body.personaje #containerPersonaje .fullScreen {
  height: 100%;
}
/* line 3862, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
  position: relative;
}
/* line 3865, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos {
  width: 100%;
  height: 30%;
  overflow: hidden;
  clear: both;
  float: left;
}
/* line 3872, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .title {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  letter-spacing: -1px;
  font-size: 12pt;
  height: 10%;
  width: 100vw;
}
/* line 3880, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm {
  width: 100%;
  height: 90%;
  background: url("bg/barramm.jpg") no-repeat center;
  transition: background 0.6s;
}
/* line 3886, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm:hover {
  background-image: url("bg/prox.png"), url("bg/barrammhover.jpg");
  background-position: center,center;
  background-size: auto;
  transition: background 0.6s;
}
/* line 3892, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-controls {
  top: 44%;
  width: 100%;
  position: absolute;
  padding: 0 30px;
}
/* line 3897, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-controls .owl-prev {
  background: url("../img/flecha.png");
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background-size: 100% 100%;
  float: left;
  content: '';
  width: 20px;
  height: 60px;
  color: transparent;
  overflow: hidden;
}
/* line 3910, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-controls .owl-next {
  background: url("../img/flecha.png");
  background-size: 100% 100%;
  float: right;
  content: '';
  width: 20px;
  height: 60px;
  color: transparent;
  overflow: hidden;
}
/* line 3921, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-carousel {
  height: 100%;
  position: relative;
}
/* line 3924, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-carousel .owl-wrapper-outer {
  height: 100%;
}
/* line 3926, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-carousel .owl-wrapper-outer .owl-wrapper {
  height: 100%;
  width: 100% !important;
  display: flex !important;
}
/* line 3930, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  height: 100%;
}
/* line 3936, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-carousel .mm {
  width: 100%;
  display: block;
  height: 100%;
}
/* line 3941, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm .owl-carousel .mm > span {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover !important;
  height: 100%;
  display: block;
  position: relative;
  z-index: 9;
  background: red;
}
/* line 3959, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino {
  padding: 4vh 4vw;
  width: 100vw !important;
  height: 40%;
  clear: both;
  float: left;
}
/* line 3966, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadradosReino {
  height: 108px;
}
/* line 3971, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados {
  height: 100%;
}
/* line 3974, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.cuadrado {
  width: 90px;
  float: left;
  font-weight: bold;
  text-align: center;
  height: 90px;
  margin-right: 1%;
  padding: 4% 0;
  font-size: 9pt;
}
/* line 3984, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.cuadrado .nota {
  font-size: 27pt;
  top: 10%;
  position: relative;
}
/* line 3990, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.puntuacion {
  width: 190px;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
/* line 3998, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.puntuacion span {
  display: block;
  white-space: nowrap;
}
/* line 4006, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
  padding-left: 3%;
}
/* line 4009, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino a {
  text-decoration: none;
  color: white;
}
/* line 4014, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino {
  border: 2px solid white;
  position: absolute;
  width: 70%;
  margin-top: 3%;
  height: 50px;
}
/* line 4021, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .icon {
  line-height: 50px;
  padding: 0 4%;
  float: left;
  font-size: 25pt;
}
/* line 4028, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto {
  width: 61%;
  float: left;
  line-height: 50px;
  padding: 0 4%;
}
/* line 4034, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto .ng-binding {
  font-family: 'Lato', sans-serif;
  font-size: 20pt;
}
/* line 4040, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .flecha {
  background: url("../img/flecha.png");
  background-repeat: no-repeat;
  width: 50px;
  float: right;
  border-left: 2px solid white;
  text-align: center;
  height: 100%;
  background-position: center;
  background-size: 30%;
  position: absolute;
  right: 0;
}
/* line 4057, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino:hover div {
  cursor: pointer;
}
/* line 4060, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino:hover .icon {
  color: white !important;
  cursor: pointer;
}
/* line 4064, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino:hover .flecha {
  border-left: 2px solid transparent;
}
/* line 4072, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion {
  line-height: 27px;
  font-size: 15pt;
  width: 100%;
  padding: 0;
  height: 60%;
  padding-top: 1%;
}
/* line 4080, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .descripcion2, html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .descripcion3 {
  line-height: 21px;
  font-size: 16px;
}
/* line 4085, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos {
  padding-left: 3%;
}
/* line 4088, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .miniTitle {
  font-size: 14pt;
  font-family: 'Montserrat', sans-serif;
}
/* line 4092, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo {
  float: left;
  margin-top: 2%;
  width: 50%;
}
/* line 4097, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .icon {
  height: 45px;
  width: 45px;
  text-align: center;
  border: 2px solid white;
  border-radius: 100%;
  padding: 4%;
  float: left;
}
/* line 4107, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .nombreAtributo {
  padding: 3% 1%;
  color: white;
  font-size: 9pt;
  float: left;
  font-family: 'Montserrat', sans-serif;
}
/* line 4120, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados {
  clear: both;
  float: left;
  width: 100vw;
  overflow: visible;
  height: 30%;
}
/* line 4127, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .title {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -1px;
  font-size: 12pt;
  text-align: center;
  height: 10%;
}
/* line 4135, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -o-inline-flexbox;
  display: -moz-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 90%;
}
/* line 4144, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 4150, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .img-span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
/* line 4158, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .capaRelacionado {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
/* line 4168, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .capaRelacionado .interiorCapa {
  display: table-cell;
  vertical-align: middle;
}
/* line 4172, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .capaRelacionado .icon {
  font-size: 30px;
}
/* line 4176, ../sass/screen.scss */
html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .capaRelacionado a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 4189, ../sass/screen.scss */
html body.personaje #containerPersonaje .footerPersonaje {
  background: url("../img/fondoFooterPersonaje.jpg");
  height: 80%;
  background-size: cover;
  background-position: bottom;
}
/* line 4195, ../sass/screen.scss */
html body.personaje #containerPersonaje .footerPersonaje .transpareciaFooter {
  height: 100%;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  position: absolute;
  width: 100%;
  bottom: -25px;
}
/* line 4204, ../sass/screen.scss */
html body.personaje #containerPersonaje .footerPersonaje .nextPersonaje {
  margin-top: 16%;
}
/* line 4207, ../sass/screen.scss */
html body.personaje #containerPersonaje .footerPersonaje .botonCentro {
  width: 285px;
  margin: 0 auto;
  margin-top: 25%;
}
/* line 4212, ../sass/screen.scss */
html body.personaje #containerPersonaje .footerPersonaje .botonCentro a {
  text-decoration: none;
}
/* line 4219, ../sass/screen.scss */
html body.personaje.sobre footer.nav {
  display: none;
}
/* line 4223, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje {
  min-height: 100%;
  height: 100%;
}
/* line 4227, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .infoPersonaje .headerPersonaje {
  padding-top: 120px;
  padding-bottom: 40px;
}
/* line 4230, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .infoPersonaje .headerPersonaje .nombrePersonaje {
  font-size: 45px;
  letter-spacing: initial;
}
/* line 4233, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .infoPersonaje .headerPersonaje .nombrePersonaje .icon-swords {
  font-size: 60px;
  padding: 40px 0 0 0;
}
/* line 4239, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .infoPersonaje .videoContainer {
  margin: 0 40px 0 40px;
}
/* line 4248, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .masInfoPersonaje {
  padding-top: 130px;
  padding-bottom: 60px;
  height: auto;
}
/* line 4253, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .masInfoPersonaje .descripcion > p {
  font-family: 'Lato', sans-serif;
  padding-bottom: 25px;
}
/* line 4256, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje .masInfoPersonaje .descripcion > p:nth-child(2) {
  padding-bottom: 0px;
}
/* line 4262, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 {
  padding-bottom: 60px;
  width: 225px;
  overflow: hidden;
  margin: 0 auto;
}
/* line 4267, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 > span {
  cursor: pointer;
  display: table;
  font-size: 27px;
  height: 45px;
  width: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  transition: all  0.3s;
  position: relative;
  float: left;
  margin-left: 15px;
}
/* line 4280, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 > span::before {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  z-index: 6;
  width: 100%;
}
/* line 4289, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 > span > span {
  transition: all  0.3s;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  transform: scale(0);
}
/* line 4302, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 > span:nth-child(1) {
  margin-left: 0;
}
/* line 4305, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 > span:hover {
  color: #000;
}
/* line 4307, ../sass/screen.scss */
html body.personaje.sobre #containerPersonaje div.share2 > span:hover > span {
  transform: scale(1.11);
}
/* line 4315, ../sass/screen.scss */
html body.personaje.sobre .imagenesPersonaje {
  position: relative;
}
/* line 4317, ../sass/screen.scss */
html body.personaje.sobre .imagenesPersonaje div.share.animationShare {
  position: absolute;
  top: 50%;
}
/* line 4325, ../sass/screen.scss */
html body.personaje.sobre #myCarousel .container.slider .textito {
  top: initial !important;
  bottom: 0;
  height: auto !important;
  width: 100%;
  background: rgba(32, 32, 32, 0.5);
  padding: 2% 6%;
  overflow: hidden;
}
/* line 4333, ../sass/screen.scss */
html body.personaje.sobre #myCarousel .container.slider .textito > h1 {
  font-size: 34px;
  line-height: 48px;
  font-family: 'Playfair';
}
/* line 4338, ../sass/screen.scss */
html body.personaje.sobre #myCarousel .container.slider .textito > p {
  font-size: 16px;
  width: calc(100% - 151px);
  line-height: 23px;
}
/* line 4344, ../sass/screen.scss */
html body.personaje.sobre #myCarousel .container.slider .textito:hover {
  transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
}
/* line 4354, ../sass/screen.scss */
html body.personaje.sobre .lista {
  background-image: url(bg/fondolista.png);
  background-size: cover;
  background-position: bottom center;
  padding: 3%;
}
/* line 4361, ../sass/screen.scss */
html body.personaje.sobre .lista article > h1 {
  font-size: 30px;
  padding-bottom: 50px;
  font-family: 'Playfair Display', serif;
  text-align: center;
}
/* line 4367, ../sass/screen.scss */
html body.personaje.sobre .lista article > ul {
  padding-bottom: 50px;
  width: 100%;
  max-width: 575px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 4373, ../sass/screen.scss */
html body.personaje.sobre .lista article > ul > li {
  float: left;
  font-size: 12px;
  line-height: 17px;
  width: 50%;
  padding: 0 15px;
  opacity: 0;
}
/* line 4380, ../sass/screen.scss */
html body.personaje.sobre .lista article > ul > li:nth-child(odd) {
  clear: both;
  font-weight: bold;
  text-align: right;
}
/* line 4389, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax {
  background: transparent !important;
  height: 70% !important;
  overflow: hidden;
  display: table;
}
/* line 4390, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax * {
  text-decoration: none;
}
/* line 4397, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax > article {
  display: table-cell;
  vertical-align: middle;
  padding: 200px 0;
}
/* line 4401, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax > article * {
  position: relative;
  z-index: 1;
}
/* line 4405, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax > article button {
  width: 250px;
  min-width: initial;
  max-width: 250px;
  margin: 0 auto;
}
/* line 4411, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax > article > span {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  color: #8EDAFF;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 4420, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax > article > h2 {
  font-family: 'Playfair Display', serif;
  font-size: 62px;
  text-align: center;
  padding-bottom: 55px;
}
/* line 4428, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax .paral {
  position: absolute;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
/* line 4435, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax .paral.person {
  left: 5%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(bg/parrallaxSobre2.png);
  width: 100%;
  height: 100%;
  top: 5%;
}
/* line 4445, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax .paral.fondo {
  left: -5%;
  background-size: cover;
  background-image: url(bg/parrallaxSobre1.jpg);
  width: 110%;
  height: 110%;
  top: -5%;
}
/* line 4453, ../sass/screen.scss */
html body.personaje.sobre .footerPersonaje.parallax .paral.rayas {
  top: -5%;
  left: 0;
  background-position: 90% bottom;
  background-size: 41%;
  background-image: url(bg/parrallaxSobre3.png);
  width: 110%;
  height: 108%;
}
/* line 4464, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 {
  width: 240px;
  left: 50%;
  margin: 50px -23px;
}
/* line 4468, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span {
  cursor: pointer;
  display: none;
  opacity: 0;
  font-size: 27px;
  height: 45px;
  width: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  transition: all  0.3s;
  position: relative;
  float: left;
  margin: 0 15px;
  margin-left: -50px;
}
/* line 4483, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span::before {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  z-index: 6;
  width: 100%;
}
/* line 4492, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span > span {
  transition: all  0.3s;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  transform: scale(0);
}
/* line 4505, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span:hover {
  color: #000;
}
/* line 4507, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span:hover > span {
  transform: scale(1.11);
}
/* line 4511, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span.share-icon {
  display: table;
  opacity: 1;
  z-index: 99;
  position: relative;
  margin-left: 0px;
}
/* line 4518, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2 > span.share-icon.icon-close::before {
  font-size: 13px;
}
/* line 4525, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2.fixed {
  position: fixed;
  top: 35px;
}
/* line 4532, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2.selected > span.share-icon {
  color: #000;
}
/* line 4534, ../sass/screen.scss */
html body.personaje.sobre div.share.animationShare2.selected > span.share-icon > span {
  transform: scale(1.01);
}

/*html*/
/* line 4544, ../sass/screen.scss */
ol, ul {
  list-style: none;
}

/* line 4548, ../sass/screen.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 4554, ../sass/screen.scss */
q, blockquote {
  quotes: none;
}

/* line 4557, ../sass/screen.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 4562, ../sass/screen.scss */
a img {
  border: none;
}

/* line 4566, ../sass/screen.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*********************MENU MOVIL*********************/
/* line 4573, ../sass/screen.scss */
.menuMovil {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  background-color: transparent;
  -webkit-transition: all 1000ms linear;
  -moz-transition: all 1000ms linear;
  -o-transition: all 1000ms linear;
  -ms-transition: all 1000ms linear;
  transition: all 1000ms linear;
  height: 61px;
}
/* line 4584, ../sass/screen.scss */
.menuMovil .logo {
  padding-top: 15px;
}
/* line 4587, ../sass/screen.scss */
.menuMovil .logo a {
  color: white;
  font-size: 30pt;
}
/* line 4591, ../sass/screen.scss */
.menuMovil .logo a:hover {
  text-decoration: none;
  color: white;
}
/* line 4597, ../sass/screen.scss */
.menuMovil .menu {
  padding-top: 15px;
}
/* line 4600, ../sass/screen.scss */
.menuMovil .menu div {
  color: white;
  float: right;
  font-size: 35px;
  padding-top: 0;
  cursor: pointer;
}
/* line 4607, ../sass/screen.scss */
.menuMovil .menu .icon-hamburguesa {
  display: block;
}
/* line 4610, ../sass/screen.scss */
.menuMovil .menu .icon-menu-close {
  display: none;
}
/* line 4615, ../sass/screen.scss */
.menuMovil .listaMenu {
  background: #212121;
  padding: 0;
  display: none;
}
/* line 4620, ../sass/screen.scss */
.menuMovil .listaMenu ul {
  margin: 0;
}
/* line 4622, ../sass/screen.scss */
.menuMovil .listaMenu ul li {
  background-color: #212121;
  font-size: 10pt;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  border-top: 2px solid #383838;
  transition: all 2s linear;
}
/* line 4630, ../sass/screen.scss */
.menuMovil .listaMenu ul li a {
  color: white;
  text-decoration: none;
}
/* line 4635, ../sass/screen.scss */
.menuMovil .listaMenu ul li a:hover {
  color: #212121;
}
/* line 4638, ../sass/screen.scss */
.menuMovil .listaMenu ul #inputSearch1 {
  padding: 5% 0%;
}
/* line 4641, ../sass/screen.scss */
.menuMovil .listaMenu ul #inputSearch1 #search1 {
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  width: 192px;
  height: 32px;
  font-family: 'Montserrat', sans-serif;
  font-size: 10pt;
  color: white;
  border: none;
  padding: 0% 5%;
}

/* line 4658, ../sass/screen.scss */
.menuMovilOpen {
  background: #212121;
  height: 61px;
}
/* line 4664, ../sass/screen.scss */
.menuMovilOpen .menu div {
  color: white;
  float: right;
  font-size: 23px;
  padding-top: 7px;
  cursor: pointer;
}
/* line 4671, ../sass/screen.scss */
.menuMovilOpen .menu .icon-hamburguesa {
  display: none;
}
/* line 4674, ../sass/screen.scss */
.menuMovilOpen .menu .icon-menu-close {
  display: block;
}
/* line 4679, ../sass/screen.scss */
.menuMovilOpen .listaMenu {
  background-color: #212121;
  padding: 0;
  display: none;
}
/* line 4684, ../sass/screen.scss */
.menuMovilOpen .listaMenu ul {
  margin: 0;
}
/* line 4686, ../sass/screen.scss */
.menuMovilOpen .listaMenu ul li {
  background-color: #212121;
  font-size: 10pt;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  border-top: 2px solid #383838;
  transition: all 2s linear;
}
/* line 4694, ../sass/screen.scss */
.menuMovilOpen .listaMenu ul li a {
  color: white;
  text-decoration: none;
}
/* line 4699, ../sass/screen.scss */
.menuMovilOpen .listaMenu ul li a:hover {
  color: #212121;
}
/* line 4702, ../sass/screen.scss */
.menuMovilOpen .listaMenu ul #inputSearch1 {
  padding: 5% 0%;
}
/* line 4705, ../sass/screen.scss */
.menuMovilOpen .listaMenu ul #inputSearch1 #search1 {
  outline: 0;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  width: 192px;
  height: 32px;
  font-family: 'Montserrat', sans-serif;
  font-size: 10pt;
  color: white;
  border: none;
  padding: 0% 5%;
}

/** fin menú móvil **/
@media screen and (max-width: 1568px) {
  /* line 4736, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .transpareciaHeader {
    height: 100%;
    background-size: 64% auto !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
  }

  /* line 4745, ../sass/screen.scss */
  html body .app-body #containerReino .navReinos {
    bottom: 20px;
  }

  /* line 4748, ../sass/screen.scss */
  html body .app-body #containerReino .navReinos .otroReino {
    width: 30%;
  }

  /* line 4751, ../sass/screen.scss */
  html body .app-body #containerReino #mapa {
    overflow: hidden;
  }

  /* line 4754, ../sass/screen.scss */
  html body .app-body #containerReino .textReino {
    display: none;
  }

  /* line 4757, ../sass/screen.scss */
  html body.reino div.app-body {
    height: 100%;
  }

  /* line 4761, ../sass/screen.scss */
  html body .app-body #containerReino {
    top: 0;
  }

  /* line 4764, ../sass/screen.scss */
  html body.reino div.reino, html body.reino .icono {
    max-height: calc(100% - 156px);
  }

  /* line 4767, ../sass/screen.scss */
  div.share.animationShare2 > span > span {
    display: none;
  }

  /* line 4770, ../sass/screen.scss */
  div.share.animationShare2 > span {
    color: #FFF !important;
  }

  /* line 4773, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados {
    height: 108px;
  }
}
@media screen and (max-width: 1366px) {
  /* line 4779, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .transpareciaHeader {
    background-size: 40% auto !important;
  }

  /* line 4782, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .headerPersonaje {
    padding-top: 7%;
  }

  /* line 4785, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .ocupacion {
    font-size: 27pt;
    line-height: 44px;
  }

  /* line 4789, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .fecha {
    font-size: 94pt;
    line-height: 100px;
  }

  /* line 4793, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados {
    height: 100%;
  }
}
@media screen and (max-width: 1281px) {
  /* line 4799, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li {
    width: 50% !important;
  }

  /* line 4803, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadradosReino {
    height: 100px;
  }

  /* line 4806, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .col-md-4 {
    padding: 0%;
  }

  /* line 4809, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .descripcion {
    padding: 0% 3%;
  }

  /* line 4812, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .ocupacion {
    font-size: 30pt;
    line-height: 42px;
    letter-spacing: -1pt;
  }

  /* line 4817, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.cuadrado {
    width: 78px;
    height: 78px;
  }
}
@media screen and (max-width: 1025px) {
  /* line 4824, ../sass/screen.scss */
  html body.podcastInt main > section > article.conPod header {
    padding-top: 0;
  }

  /* line 4827, ../sass/screen.scss */
  html body.podcastInt main > section > article.conPod .parallax .paral {
    left: -5%;
    display: none;
  }

  /* line 4831, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos .carousel-mm {
    background-image: url("bg/prox.png"), url("bg/barrammhover.jpg");
    background-position: center,center;
    background-size: auto;
    transition: background 0.6s;
  }

  /* line 4837, ../sass/screen.scss */
  html body.personaje #containerPersonaje section .nombrePersonaje {
    font-size: 62pt;
  }

  /* line 4841, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .ocupacion {
    font-size: 30pt;
    line-height: 41px;
  }

  /* line 4845, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .fecha {
    font-size: 81pt;
    line-height: 86px;
  }

  /* line 4850, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .transpareciaHeader {
    background-size: 64% auto !important;
  }

  /* line 4853, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .headerPersonaje {
    padding-bottom: 8%;
  }

  /* line 4856, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .nextPersonaje {
    margin-top: 20%;
    margin-bottom: 30px;
  }

  /* line 4862, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .icon {
    height: 36px;
    width: 36px;
  }

  /* line 4866, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino {
    width: 94%;
  }

  /* line 4869, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto .ng-binding {
    font-size: 17pt;
  }

  /* line 4872, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos {
    padding-right: 0;
  }

  /* line 4878, ../sass/screen.scss */
  html body .app-body #containerReino .textReino {
    display: none;
  }

  /* line 4881, ../sass/screen.scss */
  html body .app-body #containerReino .navReinos .otroReino {
    width: 30%;
  }

  /* line 4884, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > article, html body.podcastInt .mdl > section > article > article {
    font-size: 27px;
    line-height: 30px;
  }

  /* line 4888, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > div > span, html body.podcastInt .mdl > section > article > div > span {
    max-width: 79%;
    line-height: 22px;
    display: block;
    clear: both;
    height: 51px;
  }

  /* line 4895, ../sass/screen.scss */
  .icon-scroll-1 {
    display: none !important;
  }

  /* line 4898, ../sass/screen.scss */
  html body.podcast main > section:nth-child(1) > article {
    display: block;
    height: 100%;
    vertical-align: initial;
  }

  /* line 4903, ../sass/screen.scss */
  div.share.animationShare * {
    color: #fff !important;
  }

  /* line 4906, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li:hover > div.img > span {
    transform: scale(1.1);
  }

  /* line 4910, ../sass/screen.scss */
  div.share.animationShare > span > span {
    display: none;
  }

  /* line 4913, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > header {
    position: static;
  }

  /* line 4916, ../sass/screen.scss */
  html body.podcastInt {
    overflow: scroll;
  }

  /* line 4919, ../sass/screen.scss */
  html body footer {
    width: 100%;
    margin: 0 auto;
  }

  /* line 4924, ../sass/screen.scss */
  html body header.nav .row {
    margin: 0;
    padding: 10px;
    position: relative;
  }

  /* line 4929, ../sass/screen.scss */
  html body header.nav .menuNormal .izq {
    /*width: 65px;*/
  }

  /* line 4934, ../sass/screen.scss */
  html body header.nav .row .dere {
    width: 100px;
    left: initial;
    top: 0;
    right: 10px;
    position: absolute;
  }

  /* line 4941, ../sass/screen.scss */
  html body header.nav .row .mainMenu #inputSearch {
    right: initial;
  }

  /* line 4944, ../sass/screen.scss */
  html body header.nav .row .col-md-8.col-md-pull-2.col-xs-8 {
    /* width: 100%;*/
    /*position: absolute;*/
    /*left: -10%;*/
    float: left;
  }

  /* line 4951, ../sass/screen.scss */
  html body header.nav.fixed .barra {
    margin: 0;
    left: 0;
  }

  /* line 4955, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > section > article, html body.podcastInt main > section:nth-child(1) > article > section > article:nth-child(1) > div {
    margin-bottom: 20px;
  }

  /* line 4958, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > header > h1 {
    padding-bottom: 0;
  }

  /* line 4961, ../sass/screen.scss */
  html body.podcastInt main p {
    font-size: 19px;
    line-height: 28.46px;
  }

  /* line 4965, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(3) > article > span.img {
    width: 20%;
    height: 391px;
  }

  /* line 4969, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(2) > article > span {
    margin: 8px;
    font-size: 55px;
  }

  /* line 4973, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(2) > div.nube {
    display: none;
  }

  /* line 4976, ../sass/screen.scss */
  html body.podcastInt main > section > article {
    padding-bottom: 80px;
  }

  /* line 4980, ../sass/screen.scss */
  html body.podcastInt main > div.share {
    position: fixed  !important;
    top: 50% !important;
    margin-top: -23px;
  }

  /* line 4985, ../sass/screen.scss */
  html body.podcastInt main > div.share > span > span {
    display: none;
  }

  /* line 4989, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(2) > article, html body.podcastInt main > section:nth-child(3) > article {
    opacity: 1;
    padding-top: 0;
  }

  /* line 4993, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(3) > article > span {
    width: 60%;
    display: block;
    margin: 0 auto;
    line-height: 19px;
    padding: 10px;
    font-size: 15px;
  }

  /* line 5001, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li:nth-child(odd), html body.podcastInt main > section:nth-child(5) > article > ul > li:nth-child(even) {
    opacity: 1;
    width: 80%;
    clear: both;
    float: none;
    margin: 0 auto;
  }

  /* line 5009, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(4) > article > ul.time > li {
    opacity: 1;
  }

  /* line 5012, ../sass/screen.scss */
  html body.podcastInt main > div.share.selected > span.share-icon {
    color: #fff !important;
  }

  /* line 5015, ../sass/screen.scss */
  html body.podcastInt main > .menuDos {
    display: none;
  }

  /* line 5020, ../sass/screen.scss */
  html body.podcast {
    overflow: scroll;
    overflow-x: hidden;
  }

  /* line 5024, ../sass/screen.scss */
  html body.podcast main > section:nth-child(odd) > article > div, html body.podcast main > section:nth-child(even) > article > div {
    left: 0;
    opacity: 1;
  }

  /* line 5029, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .descripcion2,
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .descripcion3,
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos {
    width: 100%;
    float: left;
    clear: both;
  }

  /* line 5036, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo {
    width: 25%;
    margin-top: 1%;
  }

  /* line 5040, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .icon {
    padding: 3%;
  }

  /* line 5044, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .vacio {
    display: none;
  }

  /* line 5047, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
    width: 60%;
    float: right;
  }

  /* line 5051, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino {
    margin-top: 1%;
  }

  /* line 5054, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .miniTitle {
    padding-top: 1%;
  }

  /* line 5057, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.cuadrado {
    padding: 13px 0;
  }

  /* line 5061, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion {
    padding-top: 10px !important;
  }

  /* line 5064, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados {
    height: 100%;
    width: 275px;
    float: left;
  }

  /* line 5069, ../sass/screen.scss */
  html body.podcastInt .mejorExperiencia {
    display: table !important;
    z-index: 5;
  }
  /* line 5073, ../sass/screen.scss */
  html body.podcastInt .mejorExperiencia > span {
    display: table-cell;
    vertical-align: middle;
  }

  /* line 5078, ../sass/screen.scss */
  span.info, .fechaMapa, html body.podcastInt .capa {
    display: none !important;
  }

  /* line 5082, ../sass/screen.scss */
  html body.podcastInt header,
  html body.podcastInt footer,
  html body.podcastInt .ng-scope.fading,
  html body.podcastInt {
    width: 100% !important;
  }
}
@media screen and (max-width: 769px) {
  /* line 5091, ../sass/screen.scss */
  html body header.nav .row .col-md-8.col-md-pull-2.col-xs-8 {
    margin-left: -12%;
  }

  /* line 5094, ../sass/screen.scss */
  html body header.nav .row .mainMenu #inputSearch #search {
    width: 140px;
  }

  /* line 5098, ../sass/screen.scss */
  html body .app-body #containerReino {
    height: initial !important;
  }

  /* line 5101, ../sass/screen.scss */
  html body .app-body #containerReino .navReinos {
    position: fixed;
    bottom: 20px;
    z-index: 99999;
  }

  /* line 5107, ../sass/screen.scss */
  html body .app-body #containerReinos .reino .botonReino {
    display: block;
    top: 0;
    position: absolute;
    left: 0;
    min-width: 100%;
    opacity: 0;
    min-height: 100%;
  }

  /* line 5116, ../sass/screen.scss */
  html body .app-body #containerReinos .reino .nombreReino {
    font-size: 21px;
  }

  /* line 5119, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .col-md-4 {
    padding: 6%;
    text-align: center;
  }

  /* line 5123, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .col-md-4 {
    padding: 3% 3%;
  }

  /* line 5126, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje.fullScreen {
    padding: 0;
    height: 50%;
  }

  /* line 5130, ../sass/screen.scss */
  html body.personaje.sobre #containerPersonaje .fullScreen {
    height: 50%;
  }

  /* line 5133, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > div > span:nth-child(1), html body.podcastInt #sobre > section > article > div > span:nth-child(10), html body.podcastInt #sobre > section > article > div > span:nth-child(7), html body.podcastInt #sobre > section > article > div > span:nth-child(9), html body.podcastInt .mdl > section > article > div > span:nth-child(1), html body.podcastInt .mdl > section > article > div > span:nth-child(10), html body.podcastInt .mdl > section > article > div > span:nth-child(7), html body.podcastInt .mdl > section > article > div > span:nth-child(9) {
    height: 67px;
    line-height: 16px;
    vertical-align: middle;
  }

  /* line 5138, ../sass/screen.scss */
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 10px;
  }

  /* line 5143, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) {
    width: 100%;
    height: 120%;
  }

  /* line 5148, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(3) > article > span.img {
    width: 36%;
    height: 561px;
  }

  /* line 5153, ../sass/screen.scss */
  #containerPersonaje .infoPersonaje .masInfoPersonaje {
    display: table;
  }

  /* line 5157, ../sass/screen.scss */
  #containerPersonaje .infoPersonaje .masInfoPersonaje .col-md-4 {
    display: inline-table;
  }

  /* line 5161, ../sass/screen.scss */
  html body .app-body #containerReinos .reino .capaReino {
    background-size: 100% auto !important;
    background-position: 0 22% !important;
    position: relative;
    overflow: hidden;
  }

  /* line 5168, ../sass/screen.scss */
  html body .app-body #containerReinos {
    display: block;
  }

  /* line 5172, ../sass/screen.scss */
  html body .app-body #containerReinos .reino {
    height: calc(100% / 7);
  }

  /* line 5175, ../sass/screen.scss */
  html body .app-body #containerReinos .reino {
    width: 100% !important;
  }

  /* line 5178, ../sass/screen.scss */
  #containerReinos .reino .imagenReino {
    top: 0 !important;
  }

  /* line 5181, ../sass/screen.scss */
  #containerReinos .reino .nombreReino {
    top: 0 !important;
  }

  /* line 5185, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje {
    height: auto;
  }

  /* line 5188, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida {
    margin: 0 auto;
  }

  /* line 5191, ../sass/screen.scss */
  html body.personaje.sobre #containerPersonaje .imagenesPersonaje #myCarousel .slider {
    height: 100%;
  }

  /* line 5194, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider {
    height: 50%;
  }

  /* line 5197, ../sass/screen.scss */
  #containerPersonaje .fullScreen {
    height: 100%;
  }

  /* line 5200, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje {
    height: 85%;
  }

  /* line 5203, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .botonCentro {
    margin-top: 4%;
  }

  /* line 5206, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .nextPersonaje {
    margin-top: 41%;
  }

  /* line 5209, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
    width: 50%;
    float: right;
  }

  /* line 5213, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.cuadrado {
    width: 68px;
    height: 68px;
  }

  /* line 5217, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div .nota {
    font-size: 22pt;
  }

  /* line 5220, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadradosReino {
    height: 30%;
  }

  /* line 5223, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto .ng-binding {
    font-size: 16pt;
  }

  /* line 5226, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto .ng-binding {
    font-size: 16pt;
  }

  /* line 5229, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadradosReino {
    height: 90px;
  }

  /* line 5233, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .icon {
    height: 37px;
    width: 37px;
    padding: 3%;
  }

  /* line 5239, ../sass/screen.scss */
  html body.personaje #containerPersonaje .col-md-4.cuadrados {
    height: 100%;
    width: 50%;
    float: left;
  }

  /* line 5244, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
    width: 50%;
    float: right;
  }

  /* line 5249, ../sass/screen.scss */
  html body.podcastInt .capa {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  /* line 5259, ../sass/screen.scss */
  html body.podcastInt .transparent {
    display: none !important;
  }

  /* line 5263, ../sass/screen.scss */
  html body .pincha {
    display: none !important;
  }

  /* line 5267, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(3) .mejorExperiencia {
    height: 70%;
  }

  /* line 5270, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(3) {
    padding-top: 0;
  }
}
@media screen and (max-width: 675px) {
  /* line 5276, ../sass/screen.scss */
  html body.reino div.reino {
    display: none;
  }

  /* line 5279, ../sass/screen.scss */
  #containerReino {
    position: absolute;
    top: 62px;
    margin-top: 61px;
  }
  /* line 5283, ../sass/screen.scss */
  #containerReino .reino {
    top: 0;
  }
  /* line 5287, ../sass/screen.scss */
  #containerReino h1 {
    font-size: 36pt !important;
    line-height: 32pt !important;
    z-index: 0;
    top: 1% !important;
    padding: 0 5% !important;
  }
  /* line 5295, ../sass/screen.scss */
  #containerReino .navReinos {
    bottom: 0;
  }
  /* line 5299, ../sass/screen.scss */
  #containerReino .textReino {
    padding: 0% 6%;
    font-size: 12pt;
    line-height: 16.4pt;
    top: 17%;
  }
  /* line 5306, ../sass/screen.scss */
  #containerReino #mapa {
    display: none;
  }
  /* line 5310, ../sass/screen.scss */
  #containerReino #personajes {
    z-index: 0;
    top: 96px !important;
    padding: 0 10%;
    min-height: initial;
  }
  /* line 5316, ../sass/screen.scss */
  #containerReino #personajes .icon-anillo {
    display: none;
  }
  /* line 5319, ../sass/screen.scss */
  #containerReino #personajes .linkText {
    display: none;
  }
  /* line 5322, ../sass/screen.scss */
  #containerReino #personajes .linkType {
    display: none;
  }
  /* line 5325, ../sass/screen.scss */
  #containerReino #personajes .person {
    float: none !important;
    margin: 0 auto 28%;
    position: static !important;
    width: 90px !important;
    height: 90px !important;
    pointer-events: none;
  }
  /* line 5333, ../sass/screen.scss */
  #containerReino #personajes .person .layer {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none !important;
  }
  /* line 5340, ../sass/screen.scss */
  #containerReino #personajes .person a {
    background-color: transparent !important;
    pointer-events: all;
  }
  /* line 5345, ../sass/screen.scss */
  #containerReino #personajes .person .nombre {
    opacity: 1 !important;
    top: 127% !important;
    position: absolute;
    left: 50%;
    margin: 0;
    margin-left: -100%;
    width: 200%;
  }
  /* line 5355, ../sass/screen.scss */
  #containerReino #personajes .person .topContainer {
    display: none;
  }
  /* line 5361, ../sass/screen.scss */
  #containerReino #personajes .person:hover {
    transform: none;
  }
  /* line 5366, ../sass/screen.scss */
  #containerReino .navReinos {
    display: none;
  }
  /* line 5369, ../sass/screen.scss */
  #containerReino .textReino {
    top: 20%;
  }

  /* line 5373, ../sass/screen.scss */
  html body.reino .icono {
    background-position: 50% 20%;
    background-size: 41%;
  }

  /* line 5380, ../sass/screen.scss */
  html body.reino div.app-body {
    overflow: scroll;
    height: 100%;
  }

  /* line 5386, ../sass/screen.scss */
  html body footer.nav .row div .animationShare2 {
    left: 50%;
    margin: -23px;
  }

  /* line 5391, ../sass/screen.scss */
  html body footer.nav {
    height: 50px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background-color: transparent;
  }

  /* line 5396, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .ocupacion {
    line-height: 31px;
    font-size: 30px;
  }

  /* line 5400, ../sass/screen.scss */
  html body.personaje #containerPersonaje .masInfoPersonaje .descripcion > p {
    font-size: 16px;
    line-height: 23px;
  }

  /* line 5404, ../sass/screen.scss */
  html body .app-body #containerReinos .reino {
    width: 100%;
  }

  /* line 5407, ../sass/screen.scss */
  html body .app-body #containerReinos {
    display: block;
  }

  /* line 5410, ../sass/screen.scss */
  html body.personaje .footerPersonaje.parallax > article > h2 {
    font-size: 52px !important;
  }

  /* line 5413, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider #arrows .icon {
    font-size: 50px;
  }

  /* line 5416, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider #arrows {
    height: initial;
    bottom: 5px;
  }

  /* line 5420, ../sass/screen.scss */
  html body.personaje #myCarousel .container.slider .textito {
    display: none;
  }

  /* line 5423, ../sass/screen.scss */
  html body.personaje.sobre #containerPersonaje div.share2 {
    width: 166px;
  }

  /* line 5426, ../sass/screen.scss */
  div.share.animationShare2 > span {
    color: #fff !important;
  }

  /* line 5429, ../sass/screen.scss */
  div.share.animationShare2 > span > span {
    display: none;
  }

  /* line 5433, ../sass/screen.scss */
  html body.personaje .footerPersonaje.parallax > article > span {
    font-size: 14px !important;
  }

  /* line 5436, ../sass/screen.scss */
  html body.personaje.sobre .lista article > ul > li {
    opacity: 1;
    padding-bottom: 12px !important;
  }

  /* line 5440, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > div > span:nth-child(1), html body.podcastInt #sobre > section > article > div > span:nth-child(10), html body.podcastInt #sobre > section > article > div > span:nth-child(7), html body.podcastInt #sobre > section > article > div > span:nth-child(9), html body.podcastInt .mdl > section > article > div > span:nth-child(1), html body.podcastInt .mdl > section > article > div > span:nth-child(10), html body.podcastInt .mdl > section > article > div > span:nth-child(7), html body.podcastInt .mdl > section > article > div > span:nth-child(9) {
    height: 32px;
    line-height: 9px;
    vertical-align: middle;
  }

  /* line 5446, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > article, html body.podcastInt .mdl > section > article > article {
    font-size: 12px;
    line-height: 15px;
    /* opacity: 0; */
    padding: 38px 0 5px 0;
  }

  /* line 5453, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > div > span, html body.podcastInt .mdl > section > article > div > span {
    max-width: 79%;
    line-height: 12px;
    display: block;
    clear: both;
    height: 31px;
  }

  /* line 5460, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > div, html body.podcastInt .mdl > section > article > div {
    font-size: 8px;
    line-height: 15px;
  }

  /* line 5464, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > span.dos, html body.podcastInt .mdl > section > article > span.dos {
    display: none;
  }

  /* line 5467, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article, html body.podcastInt .mdl > section > article {
    padding: 10px;
    font-size: 17px;
    line-height: 30px;
  }

  /* line 5472, ../sass/screen.scss */
  html body footer {
    width: 100%;
  }

  /* line 5475, ../sass/screen.scss */
  html body.podcastInt main > div.share {
    display: none;
  }

  /* line 5478, ../sass/screen.scss */
  html body header.nav .row.menuNormal {
    display: none;
  }

  /* line 5481, ../sass/screen.scss */
  html body header.nav .menuMovil {
    display: block;
  }

  /* line 5484, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > header > span > strong {
    border: 2px solid #FFF;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 37px;
  }

  /* line 5491, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > header > h1 {
    font-size: 44px;
    line-height: 80px;
  }

  /* line 5495, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > section > article {
    width: 100%;
  }

  /* line 5498, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(3) > article > span.img {
    width: 70%;
  }

  /* line 5501, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(3) > article > span {
    width: 100%;
    line-height: 23px;
  }

  /* line 5505, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(4) > article > ul.time > li {
    width: auto;
  }

  /* line 5508, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li > div.img {
    margin: 0 auto;
    float: none;
    height: 50%;
    width: 50%;
  }

  /* line 5514, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul {
    width: 100%;
  }

  /* line 5517, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li > div.datos {
    width: 100%;
    padding: 0;
  }

  /* line 5521, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li > div.datos > span strong {
    font-size: 22px;
    text-align: center;
  }

  /* line 5525, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li:nth-child(odd), html body.podcastInt main > section:nth-child(5) > article > ul > li:nth-child(even) {
    margin-bottom: 40px;
    overflow: hidden;
  }

  /* line 5529, ../sass/screen.scss */
  html body.podcastInt #sobre > section.person article > h1, html body.podcastInt .mdl > section.person article > h1 {
    font-size: 27px;
    line-height: 30px;
  }

  /* line 5533, ../sass/screen.scss */
  html body.podcastInt #sobre > section > article > span.icon-close, html body.podcastInt .mdl > section > article > span.icon-close {
    top: 10px;
    line-height: 43px;
    right: 10px;
  }

  /* line 5538, ../sass/screen.scss */
  html body.podcastInt #sobre > section.person article ul li.img-mdl, html body.podcastInt .mdl > section.person article ul li.img-mdl {
    width: 65px;
    height: 65px;
  }

  /* line 5542, ../sass/screen.scss */
  html body.podcastInt #sobre > section.person article ul, html body.podcastInt .mdl > section.person article ul, html body.podcastInt #sobre > section.person article ul li, html body.podcastInt .mdl > section.person article ul li {
    height: 65px;
  }

  /* line 5545, ../sass/screen.scss */
  html body.podcastInt #sobre > section.person article > p, html body.podcastInt .mdl > section.person article > p {
    font-size: 12px;
    line-height: 19px;
  }

  /* line 5549, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div:nth-child(even) > strong {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 5px;
  }

  /* line 5554, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(3) > article > span.name {
    font-size: 22px;
  }

  /* line 5557, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(5) > article > ul > li > div.datos > span {
    text-align: center;
  }

  /* line 5560, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div {
    font-size: 14px;
  }

  /* line 5563, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(4) > article > ul.time > li > div:nth-child(odd) > strong {
    font-size: 25px;
  }

  /* line 5568, ../sass/screen.scss */
  div.share.animationShare {
    display: none;
  }

  /* line 5571, ../sass/screen.scss */
  html body.podcast main > section:nth-child(1) {
    width: 100%;
    overflow: hidden;
    margin: 0;
  }

  /* line 5576, ../sass/screen.scss */
  html body.podcast main > section:nth-child(1) > article > div > h2 {
    font-size: 15px;
    line-height: 39px;
    letter-spacing: 26px;
    padding: 33% 0 0 26px;
  }

  /* line 5582, ../sass/screen.scss */
  html body.podcast main > section:nth-child(1) > article > div > h1 {
    font-size: 17px;
    letter-spacing: 5px;
    border: 3px solid #FFF;
    line-height: 60px;
  }

  /* line 5588, ../sass/screen.scss */
  html body.podcast main > section:nth-child(1) > article > div > h1 > span {
    font-size: 9px;
    display: block;
    letter-spacing: 1px;
    position: absolute;
    bottom: 25px;
    line-height: initial;
  }

  /* line 5597, ../sass/screen.scss */
  html body.podcast main > section:nth-child(odd) > article > div, html body.podcast main > section:nth-child(even) > article > div {
    padding: 0;
    width: 95%;
    margin: 0 auto;
    background: transparent;
  }

  /* line 5603, ../sass/screen.scss */
  html body.podcast main > section > article > div > span {
    line-height: 40px;
  }

  /* line 5606, ../sass/screen.scss */
  html body.podcast main > section > article > div > ul li {
    line-height: 65px;
  }

  /* line 5609, ../sass/screen.scss */
  html body.podcast main > section > article > div > ul li:nth-child(2) strong {
    line-height: 55px;
    width: 65px;
    font-size: 39px;
  }

  /* line 5614, ../sass/screen.scss */
  html body.podcast main > section > article > div > h1 {
    font-size: 35px;
    padding-bottom: 15px;
    line-height: 45px;
  }

  /* line 5619, ../sass/screen.scss */
  html body.podcast main > section > article > div > p {
    line-height: 25px;
    font-size: 15px;
  }

  /* line 5623, ../sass/screen.scss */
  html body.podcast main > section > article > div > div {
    font-size: 25px;
    padding-top: 20px;
  }

  /* line 5627, ../sass/screen.scss */
  html body.podcast main > section > article > div > a {
    margin: 14px auto 70px;
  }

  /* line 5631, ../sass/screen.scss */
  html body.personaje #containerPersonaje .boton-carlos {
    height: 40px;
    font-size: 7pt;
    margin: 0 auto;
  }

  /* line 5636, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .nextPersonaje {
    margin: 11% 0 4% 0;
    font-size: 36pt;
  }

  /* line 5640, ../sass/screen.scss */
  html body.personaje #containerPersonaje section .nombrePersonaje {
    font-size: 43pt;
  }

  /* line 5643, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .masInfoPersonaje .vida .fecha {
    font-size: 67pt;
    line-height: 74px;
  }

  /* line 5647, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje {
    height: 100%;
  }

  /* line 5650, ../sass/screen.scss */
  html body.personaje #containerPersonaje .infoPersonaje .headerPersonaje {
    padding-bottom: 0%;
  }

  /* line 5654, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
    width: 50%;
    float: right;
    margin: 0 auto;
  }

  /* line 5659, ../sass/screen.scss */
  html body.personaje #containerPersonaje .col-md-4.cuadrados {
    width: 45%;
    margin: 0 auto;
    height: 85px;
    float: left;
  }

  /* line 5666, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
    height: 71px;
  }

  /* line 5670, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados {
    position: absolute;
    width: 100%;
    overflow: visible;
    bottom: 0;
  }

  /* line 5677, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje.fullScreen {
    padding: 0;
    height: 100%;
  }

  /* line 5681, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider {
    height: 100%;
  }

  /* line 5684, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino {
    width: 93%;
    margin-top: 8px;
  }

  /* line 5689, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer {
    overflow: visible;
    display: block;
  }

  /* line 5692, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope {
    width: 50%;
    height: 50%;
    float: left;
  }

  /* line 5696, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .nextPersonaje {
    margin-top: 10%;
    font-size: 44pt;
  }

  /* line 5699, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .botonCentro {
    margin-top: 3%;
  }

  /* line 5701, ../sass/screen.scss */
  html body.reino {
    overflow: hidden;
  }

  /* line 5704, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino {
    height: 40px;
  }

  /* line 5708, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .icon {
    line-height: 40px;
    font-size: 18pt;
  }

  /* line 5711, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto {
    line-height: 40px;
  }

  /* line 5714, ../sass/screen.scss */
  html body.personaje #containerPersonaje .miniTitle {
    font-size: 13pt;
  }

  /* line 5717, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .icon {
    height: 32px;
    width: 32px;
    font-size: 12pt;
    padding: 2%;
  }

  /* line 5724, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgMejoresMomentos {
    height: 20%;
  }

  /* line 5728, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .img-span {
    height: 100%;
  }

  /* line 5731, ../sass/screen.scss */
  html body.podcastInt footer.nav,
  html body.podcast footer.nav {
    display: block !important;
    z-index: 999;
  }

  /* line 5736, ../sass/screen.scss */
  html body.podcast footer.nav {
    height: 50px;
  }

  /* line 5738, ../sass/screen.scss */
  html body.podcastInt footer.nav {
    height: 75px;
  }

  /* line 5741, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados {
    height: 100%;
    width: 245px;
    float: left;
  }
}
@media screen and (max-width: 570px) {
  /* line 5750, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados {
    height: 20%;
  }

  /* line 5752, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo {
    width: 50%;
  }

  /* line 5754, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .imgRelacionados .relacionadosContainer .ng-scope .capaRelacionado .interiorCapa {
    font-size: 10pt;
  }

  /* line 5756, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .descripcion2, html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .descripcion3 {
    font-size: 15px;
  }

  /* line 5759, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados div.cuadrado {
    width: 60px;
    height: 60px;
    font-size: 7pt;
    padding: 11px 0;
  }

  /* line 5765, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino {
    height: 35px;
  }

  /* line 5768, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .texto {
    line-height: 35px;
  }

  /* line 5771, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino .nombreReino .icon {
    line-height: 35px;
  }

  /* line 5774, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .miniTitle {
    padding-top: 4%;
  }

  /* line 5777, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .cuadrados {
    height: 100%;
    width: 222px;
    float: none;
    margin: 0 auto;
  }

  /* line 5783, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .suReino .infoReino {
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 481px) {
  /* line 5792, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article.conPod header > h1 {
    font-size: 44px;
    line-height: 69px;
    padding-bottom: 10px;
  }

  /* line 5797, ../sass/screen.scss */
  html body.podcastInt main
  > section:nth-child(1) > article section > article.conPod:nth-child(1) > div {
    margin-bottom: 20px;
  }

  /* line 5801, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article.conPod section > article:nth-child(1) > div {
    margin-bottom: 20px;
  }

  /* line 5804, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article.conPod section > article {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 90%;
  }

  /* line 5809, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article > section > article {
    margin-bottom: 20px;
    width: 90%;
    margin: 0 auto;
  }

  /* line 5814, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article.conPod header > span > strong {
    border: 2px solid #FFF;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 37px;
  }

  /* line 5821, ../sass/screen.scss */
  html body.podcastInt main > section > article.conPod header {
    padding-top: 0;
  }
}
@media screen and (max-width: 468px) {
  /* line 5827, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje .masDescripcion .atributos .atributo .icon {
    height: 32px;
    width: 32px;
    padding: 1%;
  }

  /* line 5832, ../sass/screen.scss */
  html body.personaje #containerPersonaje .imagenesPersonaje.fullScreen,
  html body.personaje #containerPersonaje .imagenesPersonaje #myCarousel .slider {
    height: 70%;
  }

  /* line 5837, ../sass/screen.scss */
  html body.personaje #containerPersonaje .footerPersonaje .nextPersonaje {
    margin-top: 45%;
    font-size: 35pt;
  }

  /* line 5841, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) {
    height: 110%;
  }
}
@media screen and (max-width: 321px) {
  /* line 5848, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article.conPod header > h1 {
    font-size: 45px;
    line-height: 54px;
  }

  /* line 5851, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article.conPod section > article {
    width: 100%;
  }

  /* line 5853, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) {
    height: 130%;
  }

  /* line 5856, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) {
    width: 90%;
    height: 140%;
  }
}
/*6s iphone plus*/
@media only screen and (max-device-width: 415px) and (max-device-height: 737px) {
  /* line 5870, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 147%;
  }
}
@media only screen and (max-device-width: 737px) and (max-device-height: 415px) {
  /* line 5875, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 205%;
  }

  /* line 5878, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) > article header > h1 {
    font-size: 60px;
    line-height: 69px;
    padding-bottom: 10px;
  }

  /* line 5883, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) > article section > article:nth-child(1) > div {
    margin-bottom: 20px;
  }

  /* line 5886, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) > article section > article {
    margin-bottom: 20px;
  }

  /* line 5889, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) {
    height: 155%;
  }

  /* line 5892, ../sass/screen.scss */
  html body.podcastInt main.dos > section > article.conPod header {
    padding-top: 5%;
  }
}
/*6 iphone*/
@media only screen and (max-device-width: 376px) and (max-device-height: 668px) {
  /* line 5899, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 175%;
  }
}
@media only screen and (max-device-width: 668px) and (max-device-height: 376px) {
  /* line 5904, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 215%;
  }

  /* line 5907, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) {
    height: 165%;
  }

  /* line 5910, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) > article header > h1 {
    font-size: 55px;
    line-height: 64px;
  }

  /* line 5914, ../sass/screen.scss */
  html body.podcastInt main > section:nth-child(1) > article header > span > strong {
    font-size: 44px;
    line-height: 76px;
    width: 90px;
    height: 87px;
  }
}
/*5 iphone*/
@media only screen and (max-device-width: 321px) and (max-device-height: 569px) {
  /* line 5924, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 210%;
  }
}
@media only screen and (max-device-width: 569px) and (max-device-height: 321px) {
  /* line 5929, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 300%;
  }

  /* line 5932, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) {
    height: 220%;
  }

  /* line 5935, ../sass/screen.scss */
  html body.podcastInt main.dos > section > article.conPod header {
    padding-top: 0%;
  }
}
/*4 iphone*/
@media only screen and (max-device-width: 321px) and (max-device-height: 481px) {
  /* line 5941, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 250%;
  }
}
@media only screen and (max-device-width: 481px) and (max-device-height: 321px) {
  /* line 5946, ../sass/screen.scss */
  html body.personaje #containerPersonaje .mejoresMomentosPersonaje {
    height: 310%;
  }

  /* line 5949, ../sass/screen.scss */
  html body.podcastInt main.dos > section > article.conPod header {
    padding-top: 0;
  }

  /* line 5952, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) > article header > h1 {
    font-size: 45px;
    line-height: 56px;
  }

  /* line 5956, ../sass/screen.scss */
  html body.podcastInt main.dos > section:nth-child(1) {
    height: 175%;
  }
}
/* line 5962, ../sass/screen.scss */
.animate-enter,
.animate-leave {
  -webkit-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

/* line 5972, ../sass/screen.scss */
.animate-enter {
  top: -100%;
}

/* line 5975, ../sass/screen.scss */
.animate-enter.animate-enter-active {
  top: 0;
}

/* line 5979, ../sass/screen.scss */
.animate-leave {
  top: 0;
}

/* line 5982, ../sass/screen.scss */
.animate-leave.animate-leave-active {
  top: 100%;
}