.festival-de-las-condes {
  /* PAGE BUILDER */
  /* BUTTONS */
  /* HOME SLIDER */
  /* MOD LIST */
  /* MOD PROGRAM */

  /*

  COLOR de fondo
  #ff3f1f

  COLOR nombre programa
  #ffffff

  COLOR TEXTOS DESTACADO
  #ffF

  fondo caja de  artículo
  #27272b

  EPIGRAFE caja de  artículo
  #bbbbbc

  TITULO caja de  artículo
  #ffF

  hover TITULO caja de  artículo
  #ff3f1f


  COLOR de PROGRAMA Y VER MÁS
  #ff3f1f

  COLOR de horario
  #ffedb3

  EPIGRAFE caja de  artículo
  #White; Opacity: 0.7

  TITULO caja de artículo
  #FFF

  hover TITULO caja de artículo
  #27272b


  */
}

/* Fondo programa destacado portal */
.festival-de-las-condes.mod-program, body.programas-landing-sindestacado main.site-content {background: url("bg.jpg") no-repeat top center #ff3f1f;
}

/* Detalle de un articulo */
/* Color de etiquetam links, citas y titulos internos de una nota */
.festival-de-las-condes.page-news .news-full .news-label,
.festival-de-las-condes.page-news .news-full .news-body > p a,
.festival-de-las-condes.page-news .news-full .news-body .news-cite p,
.festival-de-las-condes.page-news .news-full .news-mod .news-mod-title {
  color: #ff3f1f;
}

/* Color del autor de una nota en hover */
.festival-de-las-condes.page-news .news-full .news-author .author-name a:hover {
  text-decoration: none;
  color: #ff3f1f;
}

/* Color de las flechas de una galeria */
.festival-de-las-condes.page-news .news-full .news-photogallery .swiper-btn:hover:after,
.festival-de-las-condes.page-news .news-full .news-photogallery .swiper-btn:hover:before {
  background-color: #ff3f1f;
}

/* Color hover "Mas vistos" en el detalle de un articulo */
.festival-de-las-condes.page-news .mod-videos .news-data a:hover {
  color: #ff3f1f;
}

/* Fondo de un video */
.festival-de-las-condes.page-video .page-builder {
  background-color: #1b1b1b;
}

/* Color de fondo para huincha de comentarios en videos */
.festival-de-las-condes .video-comments {
  background-color: #292929;
}

/* General de la portada y detalles de programa */
/* Barra del header */
.festival-de-las-condes.page-program .program-header {
  background-color: #ff3f1f;
}

/* Nombre del programa y botones de redes */
.festival-de-las-condes.page-program .program-header .program-social,
.festival-de-las-condes.page-program .program-header .program-title {
  color: #ffffff;
}

/* Fondo destacados principales */
.festival-de-las-condes .page-builder {
  background-color: #2f2f2f;
}

/* Fondo de menu */
.festival-de-las-condes.page-program .program-nav {
  background-color: #2f2f2f;
}

/* Fondo de los menus desplegables */
.festival-de-las-condes.page-program .program-nav .menu .menu {
  background-color: #2f2f2f;
}

/* Color del item activo del menu */
.festival-de-las-condes.page-program .program-nav li.active a {
  color: #ffffff;
}

/* Color del border inferior de los items del menu, se activan con hover */
.festival-de-las-condes.page-program .program-nav a:after {
  background-color: #ffffff;
}

/* Color de los items del menu, se activa con hover */
.festival-de-las-condes.page-program .program-nav a:hover {
  color: #ffffff;
}

/* Titulo de secciones y Botones de accion como "ver mas"  */
.festival-de-las-condes.page-program .mod-list .mod-title,
.festival-de-las-condes.page-program .mod-list .mod-action a,
.festival-de-las-condes .subpage-title {
  color: #ff3f1f;
}

/* Color de las flechas de los sliders */
.festival-de-las-condes.page-program .mod-personajes .swiper-btn:after,
.festival-de-las-condes.page-program .mod-personajes .swiper-btn:before {
  background-color: #4f453e;
}

/* Link del boton "conoce mas" de una persona */
.festival-de-las-condes.page-program .person-box .person-link {
  color: #ff3f1f;
}

/* Encuesta */
.festival-de-las-condes .poll-percent-wrap {
  background: #ff3f1f;
}
.festival-de-las-condes .poll-percent-wrap:hover {
  background: #ffffff;
}
.festival-de-las-condes .poll-voted .poll-percent-wrap {
  background: #ff3f1f;
}
.festival-de-las-condes .poll-voted .poll-percent-wrap .poll-percent,
.festival-de-las-condes .poll-voted .poll-percent-wrap.poll-win .poll-percent {
  background: #ffffff;
}

/* Destacados */
/* Color de botones */
.festival-de-las-condes.news-box.inner .news-data .news-section,
.festival-de-las-condes.news-box.inner .news-data .news-link,
.festival-de-las-condes .news-box.inner .news-data .news-section {
  opacity: 1;
  color: #ff3f1f;
}
.festival-de-las-condes .video .video-section,
.festival-de-las-condes .video .video-actions a:hover {
  color: #ff3f1f;
}

.festival-de-las-condes .news-box.inner .news-data .news-link,
.festival-de-las-condes .news-box.inner .news-data .news-link:hover {
  color: #ffffff;
}

/* Color del titulo del menu */
.page-builder .news-box.inner .news-data .news-title a {
  color: white;
}

/* Color de hover botones */
.festival-de-las-condes.news-box.inner .news-data .news-section:hover,
.festival-de-las-condes.news-box.inner .news-data .news-link:hover,
.festival-de-las-condes .news-box.inner .news-data .news-section:hover {
  color: #ff3f1f;
}

/* Destacado secundario */
.festival-de-las-condes .page-builder .pull-right .news-box .news-data {
  background-color: #ff3f1f;
}
.festival-de-las-condes .page-builder .pull-right .news-box .news-data .news-section {
  color: #ffffff;
  opacity: 1;
}
.festival-de-las-condes .page-builder .pull-right .news-box .news-data .news-section:hover {
  opacity: 0.7;
}
.festival-de-las-condes .page-builder .pull-right .news-box .news-data .news-title {
  color: white;
}
.festival-de-las-condes .page-builder .pull-right .news-box .news-data .news-title a:hover {
  color: #27272b;
}

/* Boton "ver mas" de los historicos */
.festival-de-las-condes .btn,
.festival-de-las-condes .pager-load-more {
  border-color: #ff3f1f;
  color: #ff3f1f;
}
.festival-de-las-condes .pager-load-more a {
  color: #ff3f1f;
}
.festival-de-las-condes .btn.loading,
.festival-de-las-condes .btn:hover {
  background-color: #ff3f1f;
  color: white;
}
.festival-de-las-condes .pager-load-more:hover {
  background-color: #ff3f1f;
}
.festival-de-las-condes .pager-load-more a:hover {
  color: white;
}

/* Color en destacados */
.festival-de-las-condes.swiper-slide .news-box.inner .news-link,
.festival-de-las-condes.swiper-slide .news-box.inner .news-section {
  color: #ff3f1f;
}
.festival-de-las-condes.swiper-slide .news-box.inner .news-link:hover,
.festival-de-las-condes.swiper-slide .news-box.inner .news-section:hover {
  color: #ff3f1f;
}

/* Modulos en la home de 13cl */
/* Programas Destacados */

/* Nombre programa */
.festival-de-las-condes.mod-program .program-title {
  color: #ffffff;
}

/* Horario y descripcion */
.festival-de-las-condes.mod-program .program-date,
.festival-de-las-condes.mod-program .program-excerpt {
  color: #ffffff;
}

/* Boton */
.festival-de-las-condes.mod-program .btn {
  border-color: #ffffff;
  color: #ffffff;
}

/* Boton Hover */
.festival-de-las-condes.mod-program .btn:hover {
  background-color: #ffffff;
  color: #ff3f1f;
}

/* Categoria */
.festival-de-las-condes.news-box .news-data .news-section,
.festival-de-las-condes .news-box .news-data .news-section {
  color: white;
  opacity: 0.7;
}
.festival-de-las-condes.news-box .news-data .news-section:hover,
.festival-de-las-condes .news-box .news-data .news-section:hover {
  opacity: 0.3;
}

/* Titulo del destacado */
.festival-de-las-condes.news-box .news-data .news-title,
.festival-de-las-condes .news-box .news-data .news-title {
  color: #ffffff;
}
.festival-de-las-condes.news-box .news-data .news-title a:hover,
.festival-de-las-condes .news-box .news-data .news-title a:hover {
  color: #ff3f1f;
}

/* Bajada del destacado */
.festival-de-las-condes.news-box .news-data .news-excerpt,
.festival-de-las-condes .news-box .news-data .news-excerpt {
  color: white;
  opacity: 0.7;
}

/* Programas secundarios */
/* Titulo del programa y voton de accion */
.festival-de-las-condes.mod-list .mod-header .mod-title,
.festival-de-las-condes.mod-list .mod-header .mod-action a {
  color: #ff3f1f;
}

/* Color de fondo de los articulos */
.festival-de-las-condes.mod-list .news-box .news-data {
  background-color: #ff3f1f;
}

/* Titulo del articulo */
.festival-de-las-condes.mod-list .news-box .news-data .news-title {
  color: white;
}
.festival-de-las-condes.mod-list .news-box .news-data .news-title a:hover {
  color: #27272b;
}

/* Desechados 
  .festival-de-las-condes .video .gif-convertor {
  background-color: #4f453e;
  color: #fb6900;
  }
  .festival-de-las-condes .video .gif-convertor:hover {
    background-color: #322c28;
  }
  .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn-big:hover:after, .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn-big:hover:before,
  .festival-de-las-condes.page-news .gallery-fullscreen .gallery-close:hover:after,
  .festival-de-las-condes.page-news .gallery-fullscreen .gallery-close:hover:before {background-color: #4f453e; }
  .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn {border-color: #4f453e; }
  .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn:after, .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn:before {background-color: #4f453e; }
  .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn.swiper-button-disabled:hover:after, .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn.swiper-button-disabled:hover:before {background-color: #4f453e; }
  .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn:hover {background-color: #4f453e; }
  .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn:hover:after, .festival-de-las-condes.page-news .gallery-fullscreen .swiper-btn:hover:before {background-color: white; }
  */

/* Test Personalidad */
.clear {
  display: block;
  clear: both;
}
#testpersonalidad {
  background: url(bg-test.jpg) #00152b center bottom no-repeat;
  color: white;
  padding: 80px 0 135px 0;
  font-family: Arial;
  font-family: "Montserrat";
}
#testpersonalidad-header {
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: auto;
}
#testpersonalidad-header h1 {
  text-transform: uppercase;
  font-style: italic;
  color: #7fd6ff;
  margin: 0 0 30px 0;
  font-size: 48px;
  line-height: 40px;
}
#testpersonalidad-header p {
  font-size: 22px;
  line-height: initial;
}
#testpersonalidad-wrapper {
  text-align: center;
  padding: 0;
  height: 620px;
}
.testpersonalidad-pregunta h3 {
  font-size: 37px;
  color: #ffffff;
  line-height: initial;
  max-width: 77%;
  margin: 30px auto;
}
.testpersonalidad-pregunta h3::after {
  content: "";
  display: block;
  width: 160px;
  height: 2px;
  background: #7fd6ff;
  margin: 30px auto;
}
.testpersonalidad-pregunta-content {
  /*border: 1px solid #7fd6ff;*/
  display: inline-block;
  width: 97%;
  margin: 1.5%;
}
.testpersonalidad-preg {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  margin: 40px 0;
}
.testpersonalidad-preg,
.testpersonalidad-preg input,
.testpersonalidad-preg label {
  cursor: pointer;
}
.testpersonalidad-preg .testpersonalidad-radio {
  border-radius: 50%;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 0.25em;
  padding: 0;
  background: #fff;
  border: 1px solid #b5b5b5;
  width: 50px !important;
  height: 50px !important;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: background 0.5s ease;
  outline: none;
  display: block;
  margin: 10px auto;
}
.testpersonalidad-preg .testpersonalidad-radio:checked {
  background: #7fd6ff;
}
.testpersonalidad-preg label {
  font-size: 24px;
  color: #ffffff;
}

.testpersonalidad-pregunta {
  padding: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.testpersonalidad-pregunta-siguiente,
.testpersonalidad-pregunta-finalizar {
  border: 3px solid #7fd6ff;
  background: #7fd6ff;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
  display: block;
  border-radius: 50px;
  width: 100px;
  margin: 20px auto;
  cursor: pointer;
}
.testpersonalidad-pregunta-siguiente:hover,
.testpersonalidad-pregunta-finalizar:hover {
  background: white;
  color: #7fd6ff;
  transition: 0.2s all;
}
.testpersonalidad-pregunta-siguiente {
}
.testpersonalidad-pregunta:first-child {
  display: block;
}

.testpersonalidad-resultado h3 {
  text-transform: uppercase;
  font-size: 35px;
  line-height: initial;
  color: #7fd6ff;
  font-family: Proxima;
  margin-bottom: 50px;
}
.testpersonalidad-resultado h3::after {
  content: "";
  display: block;
  height: 2px;
  width: 120px;
  margin: 35px auto;
  background: #b7b7b7;
}
.testpersonalidad-resultado-imagen {
  position: relative;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 59px;
  text-align: center;
  line-height: 50px;
  padding: 40px 0;
}
.testpersonalidad-resultado-imagen div {
  font-size: 190px;
  letter-spacing: -11px;
  line-height: 152px;
  color: #7fd6ff;
}
.testpersonalidad-resultado p {
  font-size: 30px;
  line-height: 41px;
  color: #ffffff;
  max-width: 77%;
  margin: auto;
}
.testpersonalidad-resultado {
  display: none;
  background: rgba(0, 0, 0, 0.5);
}

.testpersonalidad-resultado-content {
  border: 1px solid #7fd6ff;
  display: inline-block;
  width: 93%;
  margin: 1.5%;
  padding: 2%;
}
.testpersonalidad-cargando {
  display: none;
  min-height: 400px;
}
.testpersonalidad-cargando h2 {
  margin: 54px 0;
  display: block;
  color: #ffffff;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7fd6ff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}