main .main-slider .diapo div:nth-of-type(1) div div h1/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
  .main-content .banner-top a img{
    width: 100%;
  }
  .titulo_post_home {
    font-size: 26px !important;
  }
  .entradilla_blog_home {
    font-size: 20px !important;
  }
  .titulo_vDestacado_home {
    font-size: 24px;
  }
  .entradilla_vDestacado_home {
    color: #FFF;
    margin-top: 3.5em;
    text-align: left;
    font-size: 18px;
  }
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

input {
  border-radius: 0;
}

select{
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 0;
    padding: 5px 10px;
    height: 30px;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   /*Light*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-light.eot');
     src: url('../fonts/Franklin-light.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-light.woff2') format('woff2'), url('../fonts/Franklin-light.woff') format('woff'), url('../fonts/Franklin-light.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
   }
   /*Book*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-book.eot');
     src: url('../fonts/Franklin-book.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-book.woff2') format('woff2'), url('../fonts/Franklin-book.woff') format('woff'), url('../fonts/Franklin-book.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
   }
   /*Book italic*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-book-italic.eot');
     src: url('../fonts/Franklin-book-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-book-italic.woff2') format('woff2'), url('../fonts/Franklin-book-italic.woff') format('woff'), url('../fonts/Franklin-book-italic.ttf') format('truetype');
     font-weight: 300;
     font-style: italic;
   }
   /*Medium*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-medium.eot');
     src: url('../fonts/Franklin-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-medium.woff2') format('woff2'), url('../fonts/Franklin-medium.woff') format('woff'), url('../fonts/Franklin-medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
   }
   /*Medium italic*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-medium-italic.eot');
     src: url('../fonts/Franklin-medium-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-medium-italic.woff2') format('woff2'), url('../fonts/Franklin-medium-italic.woff') format('woff'), url('../fonts/Franklin-medium-italic.ttf') format('truetype');
     font-weight: 500;
     font-style: italic;
   }
   /*Demi*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-demi.eot');
     src: url('../fonts/Franklin-demi.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-demi.woff2') format('woff2'), url('../fonts/Franklin-demi.woff') format('woff'), url('../fonts/Franklin-demi.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
   }
   /*Demi italic*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-demi-italic.eot');
     src: url('../fonts/Franklin-demi-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-demi-italic.woff2') format('woff2'), url('../fonts/Franklin-demi-italic.woff') format('woff'), url('../fonts/Franklin-demi-italic.ttf') format('truetype');
     font-weight: 700;
     font-style: italic;
   }
   /*Heavy*/@font-face {
     font-family: 'Franklin-Gothic'
     ;src: url('../fonts/Franklin-heavy.eot');
     src: url('../fonts/Franklin-heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-heavy.woff2') format('woff2'), url('../fonts/Franklin-heavy.woff') format('woff'), url('../fonts/Franklin-heavy.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
   }
   /*Heavy italic*/@font-face {
     font-family: 'Franklin-Gothic';
     src: url('../fonts/Franklin-heavy-italic.eot');
     src: url('../fonts/Franklin-heavy-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Franklin-heavy-italic.woff2') format('woff2'), url('../fonts/Franklin-heavy-italic.woff') format('woff'), url('../fonts/Franklin-heavy-italic.ttf') format('truetype');
     font-weight: 900;
     font-style: italic;
   }

    /*Ice age*/ @font-face{
      font-family: 'IceAge';
      src: url('../fonts/IceAgeMovieFont.eot');
      src: url('../fonts/IceAgeMovieFont.eot?#iefix') format('embedded-opentype'), url('../fonts/IceAgeMovieFont.woff') format('woff'), url('../fonts/IceAgeMovieFont.ttf') format('truetype'), url('../fonts/IceAgeMovieFont.svg') format('svg');
      font-weight: 400;
      font-style: normal;
    }

    /*Franklin Gothic Extra Cond*/ @font-face{
      font-family: 'Franklin-Gothic-Extra-Cond';
      src: url('../fonts/FranklinGothicStd-ExtraCond.eot');
      src: url('../fonts/FranklinGothicStd-ExtraCond.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothicStd-ExtraCond.woff') format('woff'), url('../fonts/FranklinGothicStd-ExtraCond.ttf') format('truetype'), url('../fonts/FranklinGothicStd-ExtraCond.svg') format('svg');
      font-weight: 400;
      font-style: normal;
    }
    /*Druk Bold*/@font-face {
      font-family: 'Druk';
      src: url('../fonts/Druk-Bold.otf');
      src: url('../fonts/Druk-Bold.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
    }
    /*Trade Gothic regular*/@font-face {
      font-family: 'Trade-Gothic';
      src: url('../fonts/TradeGothicLTStd.otf');
      src: url('../fonts/TradeGothicLTStd.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }
    /*Trade Gothic Bold*/@font-face {
      font-family: 'Trade-Gothic';
      src: url('../fonts/TradeGothicLTStd-Bd2.otf');
      src: url('../fonts/TradeGothicLTStd-Bd2.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
    }
    /*Trade Gothic Bold Condensed*/@font-face {
      font-family: 'Trade-Gothic-BoldCondensed';
      src: url('../fonts/TradeGothicLTStd-BdCn20.otf');
      src: url('../fonts/TradeGothicLTStd-BdCn20.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
    }
    /*Trade Gothic Bold Extended*/@font-face {
      font-family: 'Trade-Gothic-BoldExtended';
      src: url('../fonts/TradeGothicLTStd-BoldExt.otf');
      src: url('../fonts/TradeGothicLTStd-BoldExt.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
    }
    /*Trade Gothic Condensed*/@font-face {
      font-family: 'Trade-Gothic-Condensed';
      src: url('../fonts/TradeGothicLTStd-Cn18.otf');
      src: url('../fonts/TradeGothicLTStd-Cn18.otf') format('opentype');
      font-weight: 100;
      font-style: normal;
    }

body{
  font-family: "Franklin-Gothic", serif;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
  text-rendering: geometricPrecision;
  background-color: #01062e;
}
body.search {
  background-color: #00092f;
}
p{
  font-size: 15px;
  line-height: 17px;
}

.canal p {
  color: white;
  font-family: Trade-Gothic-BoldCondensed;
}

.contacto p {
  color: white;
  font-family: Trade-Gothic-BoldCondensed;
  text-align: center;
}
textarea, input, button, a{ outline: none; }
#mfPreviewBar{
  display: none;
}
/*MODULOS COOKIES*/
#chellocookies-bar{
  font-family: "Franklin-Gothic", serif!important;
  border-top-color: #1e97c3!important;
  padding: 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #fff!important;
  background-color: #111c2f!important;
  max-width: 100%;
  min-height: auto;
}
#chellocookies-bar a, #chellocookies-bar a:hover, #chellocookies-bar a:focus{
  color: #1e97c3;
}
#chellocookies-bar a#cookie_action_close_header, #chellocookies-bar a#cookie_action_close_header:hover, #chellocookies-bar a#cookie_action_close_header:focus{
  height: 28px;
  border-radius: 0px;
  margin: 10px;
  padding-top: 8px;
  background-color: #1e97c3!important;
}
/*FIN MODULOS COOKIES*/
/*ESTILOS DESPLEGABLE GUIATV*/
.guia-top{
  width: 100%;
  height: 310px;
  display: block;
  margin: 0;
  position: relative;
  overflow: hidden;
  background-color: #000;
  margin-top: -310px;
  z-index: 2;

  transition: 1s linear;
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  -ms-transition: 1s linear;
}
.open-guia{
  margin-top: 0;
}
.guia-top .container{
  position: relative;
  height: 100%;
  max-width: 1170px;
}
.guia-top h2{
  font-family: Druk;
  font-size: 6em;
  text-align: center;
  color: #78c927;
  font-weight: 900;
  margin-top: 102px;
}
.guia-top h2 span{
  height: 40px;
  display: block;
  padding-bottom: 5px;
  color: #fff;
  font-size: 0.55em;
}
.guia-top .container nav{
  height: 100%;
  position: relative;
}
.guia-top .container nav a{
  width: 20%;
  position: relative;
  height: 300px;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  margin-right: 5px;
}
.guia-top .container nav a:after{
  content: attr(data-text);
  font-size: 1,4em;
  color: #fff;
  font-weight: 300;
  padding-top: 5px;
  position: relative;
  display: block;
}
.guia-top .container nav a:nth-of-type(5):after{
  display: none;
}
.guia-top .container nav a img, .guia-top .container nav a div{
  position: relative;
  height: 86%;
  margin-top:15%;
}
.guia-top .container nav a img{
  max-width: 100%;
}
.guia-top .container nav .en-emision img{
  border: 3px solid #b2032a;
}
.guia-top .container nav a:nth-of-type(1):before{
  content: 'AHORA EN EMISIÓN';
  position: absolute;
  width: 100%;
  top: 7px;
  color: #b2032a;
  left: 0;
  font-weight: 300;
}
.guia-top .container nav a:nth-of-type(2):before{
  content: 'A CONTINUACIÓN…';
  position: absolute;
  width: 100%;
  top: 7px;
  left: 0;
  color: #fff;
}
.guia-top .container nav a div{
  background-color: #2d3339;
  width: 90%;
  margin-left: 5%;
}
.guia-top .container nav a div{
  font-family: Druk;
  font-size: 3em;
  color: #78c927;
  font-weight: 900;
  padding-top: 82px;
}
.guia-top .container nav a div span{
  display: block;
  height: 49px;
  font-size: 2.4em;
  color: #fff;
}

.select-fecha input {
  border: 2px solid #78c927;
  display: inline !important;
  width: 200px;
  height: 40px;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  background: #78c927;
  border-radius: 9px;
}
.select-fecha input::placeholder {
  color: #01062e;
  font-weight: 700;
}

/*FIN ESTILOS DESPLEGABLE GUIATV*/

/*ESTILOS HEADER*/
header{
  height: 135px;
  position: relative;
/*  overflow: hidden;*/
  z-index: 1;
}
header > button:nth-of-type(1){
  border: none;
  width: 160px;
  height: 160px;
  position: absolute;
  left: -80px;
  top: -80px;
  padding-top: 130px;
  color: #fff;
  font-weight: 900;
  font-size: 1.5em;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
  -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
  -ms-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*Lineas horizontale sguia tv*/
.rayasGuiaVideos, .rayasGuiaBlog {
  position: relative;
  right: 110px;
}
/*Ocultarlas en la pagina de guiatv*/
/*body.page-template-guia-tv .rayasGuiaVideos {
  display: none;
}*/
.rayaGuiaVideos, .rayaGuiaBlog{
  border-top-color: #78c927;
  border-top-style: solid;
  width: 250%;
}
#rayaGuiaVideos1, #rayaGuiaBlog1 {
  border-top-width: 3px;
  margin-top: 40px;
}
#rayaGuiaVideos2, #rayaGuiaBlog2{
  border-top-width: 3px;
}
#rayaGuiaVideos3, #rayaGuiaBlog3 {
  border-top-width: 2px;
  opacity: 0.7;
}
#rayaGuiaVideos4, #rayaGuiaBlog4 {
  border-top-width: 1px;
  opacity: 0.5;
}


header > button:nth-of-type(1) svg{
  width: 45px;
  position: absolute;
  top: 1px;
  left: 59px;
  fill: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
header > figure{
  padding-top: 34px;
}
header > figure a{
  display: block;
  width: 370px;
  height: auto;
  margin: 0 auto;
}
header > figure a img {
  width: 100%;
  position: relative;
  z-index: 1;
}
header > figure a svg{
  width: 100%;
  height: 95%;
        margin-top: 5px;
}
header .menu-principal{
  position: absolute;
  right: 50px;
  //width: 390px;
  top: 0;
  padding-top: 10px;
}
header .menu-principal form {
  display: inline-block;
  float: left;
  margin-top: 2px;
  border-bottom: 1px solid white;
}
header .menu-principal input{
  border: none;
  border-bottom: 2px solid #fff;
  height: 26px;
  width: 100px;
  background: transparent;
  color: #fff;
  font-size: 1.3em;
  float: left;
  padding: 0;
}
header .menu-principal button{
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  /*border-bottom: 2px solid #fff;*/
  padding: 6px;
  padding-bottom: 2px;
  overflow: visible;
  float: left;
}
header .menu-principal button svg, header .menu-principal a svg{
  width: 120%;
  height: 120%;
  fill: #fff;
  margin-top: -10px;
}

/* search a la derecha */

header .search1 {
  display: inline-block;
  float: right;
  margin-top: 5px;
  position: absolute;
    right: 330px;
    top: 14px;
}
header .search1 input{
  border: none;
  border-bottom: 2px solid #fff;
  height: 26px;
  width: 100px;
  background: transparent;
  color: #fff;
  font-size: 1.3em;
  float: left;
  padding: 0;
}
header .search1{
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  /*border-bottom: 2px solid #fff;*/
  padding: 6px;
  padding-bottom: 2px;
  overflow: visible;
  float: left;
}
header .search1 svg{
  width: 120%;
  height: 120%;
  fill: #1e97c3; /*Azul por defecto*/
  margin-top: -10px;
}
.search1 ~ .back-to{
    margin-right: 36px;
    top: 5px;
}

/*Header light search*/
.light-bg  #iconSearch {
  right: 243px;
}
.light-bg  #iconSearch svg {
  width: 22px;
  height: 22px;
}
/* fin search a la derecha */

header .menu-principal .button-blog{
  font-family: Druk;
  font-size: 2.3em;
  /*padding: 8px 7px 4px;*/
  padding: 5px;
  margin-left: 10px;
  /*background-color: #1e97c3;*/
  color: #1e97c3;
  //margin-right: 14px;
  /*font-weight: 900;*/
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-bottom: -11px;
  height: 30px;
}


header .menu-principal .button-blog::before{
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px 7px 4px;
  /*transition: transform .3s linear, opacity .2s linear;
  -webkit-transition: transform .3s linear, opacity .2s linear;
  -moz-transition: transform .3s linear, opacity .2s linear;
  -o-transition: transform .3s linear, opacity .2s linear;
  -ms-transition: transform .3s linear, opacity .2s linear;*/
}
header .menu-principal .button-blog:hover::before{
  /*-webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  -ms-ransform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);*/
  /*opacity: 0;*/
}

header .menu-principal .button-blog:hover {
  color: white!important;
}

header .menu-principal .button-blog span{
  opacity: 0;
  display: inline-block;
  /*-webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  -ms-ransform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
  transition: .2s linear;*/
}
header .menu-principal .button-blog:hover span{
  /*-webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-ransform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/
  /*opacity: 1;*/
}
header .menu-principal .button-blog:hover span:nth-child(1){
  /*-webkit-transition-delay: 0.045s;
  -moz-transition-delay: 0.045s;
  -o-transition-delay: 0.045s;
  -ms-transition-delay: 0.045s;
  transition-delay: 0.045s;*/
}
header .menu-principal .button-blog:hover span:nth-child(2){
  /*-webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -ms-transition-delay: 0.09s;
  transition-delay: 0.09s;*/
}
header .menu-principal .button-blog:hover span:nth-child(3){
  /*-webkit-transition-delay: 0.135s;
  -moz-transition-delay: 0.135s;
  -o-transition-delay: 0.135s;
  -ms-transition-delay: 0.135s;
  transition-delay: 0.135s;*/
}
header .menu-principal .button-blog:hover span:nth-child(4){
  /*-webkit-transition-delay: 0.18s;
  -moz-transition-delay: 0.18s;
  -o-transition-delay: 0.18s;
  -ms-transition-delay: 0.18s;
  transition-delay: 0.18s;*/
}
header .menu-principal a svg{
  width: 30px;
  height: 30px;
  margin-top: -5px;
  fill: #fff;
  /*-webkit-transition: .7s linear;
  -moz-transition: .7s linear;
  -o-transition: .7s linear;
  -ms-transition: .7s linear;
  transition: .7s linear;*/
}
header .menu-principal a img{
  width: 30px;
  height: 30px;
  margin-top: -5px;
  fill: #fff;
  /*-webkit-transition: .7s linear;
  -moz-transition: .7s linear;
  -o-transition: .7s linear;
  -ms-transition: .7s linear;
  transition: .7s linear;*/
}
header .menu-principal a{
  text-decoration: none;
  display: inline-block;
}
header .menu-principal a:nth-of-type(3){
  /*margin-left: 10px;
  margin-right: 10px;*/
}
header .menu-principal a:nth-of-type(3) svg{
  height: 30px;
  width: 30px;
}
header .menu-principal a:nth-of-type(3) img{
  height: 20px;
  width: 20px;
}
header .menu-principal a:nth-of-type(4) svg{
  width: 30px;
  margin-top: -2px;
}
header .menu-principal .ico-fb{
      padding: 5px;
}
header .menu-principal .ico-tw{
    padding: 5px;
    position: relative;
    top: 1px;
}
header .menu-principal a:hover svg{
  fill: white!important;
  /*-ms-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);*/
}

a.search1:hover svg, button.back-to:hover svg {
  fill: white!important;
}
header .menu-principal a:hover img{
  /*-ms-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);*/
}

.menu-movil{
  display: none;
}
.back-to{
  position: absolute;
  top: 10px;
  right: 330px;
  width: 42px;
  height: 42px;
  display: block;
  background: none;
  border: 0;

}
.back-to svg{
  width: 100%;
  height: 100%;
  fill: #fff;
  overflow: visible;
}
.back-to:hover svg #rotate-icon{
  /*-webkit-transform-origin: 37.8833px 37.5px 0px;;
  -moz-transform-origin: 37.8833px 37.5px 0px;;
  -o-transform-origin: 37.8833px 37.5px 0px;;
  -ms-transform-origin: 37.8833px 37.5px 0px;;
  transform-origin: 37.8833px 37.5px 0px;;
  -webkit-animation-name: rotate-icon;
  -moz-animation-name: rotate-icon;
  -o-animation-name: rotate-icon;
  -ms-animation-name: rotate-icon;
  animation-name: rotate-icon;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;*/
}

/*.back-to:hover svg #rotate-icon{
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
}*/

@keyframes rotate-icon {
    from {transform: rotateZ(0deg);}
    to {transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotate-icon {
    from {-webkit-transform: rotateZ(0deg);}
    to {-webkit-transform: rotateZ(-360deg);}
}
@-moz-keyframes rotate-icon {
    from {-moz-transform: rotateZ(0deg);}
    to {-moz-transform: rotateZ(-360deg);}
}
/*header light bg*/
header.light-bg .back-to svg, header.light-bg > .menu-principal button svg, header.light-bg > .menu-principal a svg{
  fill:#78c927;
  margin-top: -10px;
}
header.light-bg  > .menu-principal input, header.light-bg > .menu-principal button{
  /*border-bottom: 2px solid #1e97c3;*/
}
header.light-bg  > .menu-principal input{
  color: #78c927;
}
.mascine{
  display: block!important;
}
/*FIN ESTILOS HEADER*/
/*ESTILOS SLIDER PRINCIPAL*/
main{
  margin-top: -135px;
  overflow: hidden;
  position: relative;
}
main .main-slider{
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}
main .main-slider .diapo{
  overflow: hidden;
  padding-top: 95px;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  height: auto;
}
main .main-slider .diapo > div{
  width: 50%;
  margin: 13vh auto;
  margin-bottom: 7vh;
  max-width: 1000px;
}
main .main-slider .diapo div:nth-of-type(1) div{
  height: auto;
  position: relative;
  overflow: hidden;
}
main .main-slider .diapo div:nth-of-type(1) h2{
  font-family: Druk;
  padding: 5px 10px 4px;
  /*font-weight: 100;*/
  color: #1e97c3; /*Azul por defecto*/
  font-size: 2.5em;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 1em;
  margin-left: 1%;
  text-transform: uppercase;
}
main .main-slider .diapo div:nth-of-type(1) div > div{
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  height: auto;
}
main .main-slider .diapo div:nth-of-type(1) div div span{
  font-family: Druk;
  color: #fff;
  /*font-weight: 900;*/
  line-height: 1em;
  text-transform: uppercase;
  margin: 5px 0 0 0;
}

p.slabtextdone {
  margin-bottom: 0;
}

main .main-slider .diapo div:nth-of-type(1) div div h1{
  color: #fff;
  font-weight: 900;
  line-height: 1em;
  text-transform: uppercase;
  margin: 5px 0 0 0;
}
main .main-slider .diapo div:nth-of-type(1) div div h1 span:nth-of-type(2){
  line-height: 0.8em;
  padding-top: 5px;
  font-weight: 900;
}
main .main-slider .diapo div:nth-of-type(1) div div .hora{
  line-height: 1em;
  margin-top: 5px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 300;
}
main .main-slider .diapo div:nth-of-type(1) div > div:nth-of-type(2){
  position: absolute;
  right: 0;
  height: 100%;
}
main .main-slider .diapo div:nth-of-type(1) div > div div a{
  font-family: Trade-Gothic-BoldCondensed;
  position: absolute;
  right: -1px;
  bottom: 2px;
  padding: 7px 10px 2px;
  font-weight: 100;
  font-size: 1.7em;
  cursor: pointer;
  line-height: 1;
}
main .main-slider .diapo div:nth-of-type(1) div > div div a:hover {
  color: #fff!important;
  text-decoration: none;
}
main .main-slider .diapo div:nth-of-type(1) div > div div{
  width: 100%;
  height: 100%;
  margin: 0;
  display: table;
  overflow: visible;
}
main .main-slider .diapo div:nth-of-type(1) div > div div p{
  font-family: Trade-Gothic-Condensed;
  height: 100%;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 5px;
  font-weight: 100;
  font-size: 1.5em;
  color: #fff;
  line-height: 1.2em;
  text-align: justify;
  text-transform: none;
}
/*efectos fondo slide*/
.desenfoque{
  background-image: url(../img/bg-sonrisas-BORRAR.jpg);
  background-size: cover;
  background-position: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -3;
  /*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/
}
/*.multiply{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -2;
  opacity: 0.7;
  -webkit-mix-blend-mode:multiply;
  -moz-mix-blend-mode:multiply;
  -o-mix-blend-mode:multiply;
  -ms-mix-blend-mode:multiply;
  mix-blend-mode:multiply;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b3657+0,062642+100 */
  /*background: #0b3657; /* Old browsers */
  /*background: -moz-linear-gradient(top,  #0b3657 0%, #062642 100%); /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top,  #0b3657 0%,#062642 100%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom,  #0b3657 0%,#062642 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3657', endColorstr='#062642',GradientType=0 ); /* IE6-9 */
/*}
.color{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  mix-blend-mode:color;
  -webkit-mix-blend-mode:color;
  -moz-mix-blend-mode:color;
  -o-mix-blend-mode:color;
  -ms-mix-blend-mode:color;
  background: #0b3657; /* Old browsers */
  /*background: -moz-linear-gradient(top,  #0b3657 0%, #062642 100%); /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top,  #0b3657 0%,#062642 100%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom,  #0b3657 0%,#062642 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3657', endColorstr='#062642',GradientType=0 ); /* IE6-9 */
/*}*/
/*fin efectos fondo slide*/
/*estilos pelis*/
main .main-slider .diapo > nav{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  max-width: 1400px;
  margin-bottom: 30px;
}
main .main-slider .diapo > nav > div{
  width: calc(20% - 3px);
  padding-left: 1%;
  padding-right: 1%;
  display: inline-block;
}
main .main-slider .diapo > nav > div a{
  width: 100%;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
main .main-slider .diapo > nav a img{
  width: 100%;
  height: auto;
  transition: .3s linear;
  -webkit-transition: .3s linear;
  -moz-transition: .3s linear;
  -o-transition: .3s linear;
  -ms-transition: .3s linear;
}
main .main-slider .diapo > nav > div.imagen_alternativa{
  width: calc(70% - 3px);
  padding-left: 1%;
  padding-right: 1%;
  display: inline-block;
}

main .main-slider .diapo > nav div.video_alternativo{
  width: calc(70% - 3px);
  padding-left: 1%;
  padding-right: 1%;
  display: inline-block;
}





/*main .main-slider .diapo > nav a:hover img{
  transform: scale(1.05)rotate(-8deg)translateY(-20px);
  -webkit-transform: scale(1.05)rotate(-8deg)translateY(-20px);
  -moz-transform: scale(1.05)rotate(-8deg)translateY(-20px);
  -o-transform: scale(1.05)rotate(-8deg)translateY(-20px);
  -ms-transform: scale(1.05)rotate(-8deg)translateY(-20px);
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.22);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.22);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.22);
}*/
main .main-slider .diapo > nav a span{
  font-size: 1.2em;
  font-weight: 300;
  padding: 16px 0 10px;
  display: block;
  width: 100%;
  margin-top: 10px;
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
main .main-slider .diapo > nav a span svg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
main .main-slider .diapo > nav a span svg #bg-pointed{
  fill: transparent;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: .3s linear;
  -moz-transition: .3s linear;
  -o-transition: .3s linear;
  -ms-transition: .3s linear;
  transition: .3s linear;
}
main .main-slider .diapo > nav a span svg #line-pointed{
  fill:#78c927;
}
main .main-slider .diapo > nav a:hover span svg #bg-pointed{
  fill:#78c927;
  stroke:#78c927;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
}
/*fin estilos pelis*/
main .main-slider .advance-right{
  position: absolute;
  right: 5px;
  top: 50%;
  width: 30px;
  height: 50px;
  background: transparent;
  border: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
main .main-slider .advance-left{
  position: absolute;
  left: 5px;
  top: 50%;
  width: 30px;
  height: 50px;
  background: transparent;
  border: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
main .main-slider .advance-right svg, main .main-slider .advance-left svg{
  width: 100%;
  height: auto;
  fill: #fff;
}
.slide-navigation{
  position: relative;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
}
.slide-navigation button{
  border: 2px solid #fff;
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 9px;
}
.slide-navigation button.select{
  background-color: #1e97c3;
}
/*FIN ESTILOS SLIDE PRINCIPAL*/
.main-content{
  /*background-color: #111c2f;*/
  background-image: url(../img/bgPuntos.png);
  padding-bottom: 30px;
  background-size: contain;
}
.main-content .banner-top{
  width: 100%;
  text-align: center;
  margin-top: 20px;
  position: relative;
}
.main-content .banner-top a{
  width: 100%;
  height: 100%;
  display: block;
}
.body-index{
  max-width: 1030px;
}
/*area destacados blog*/
.main-content .blog-destacados{
  width: calc(100% - 320px);
  float: left;
}
.main-content .blog-destacados h2, .main-content .video-destacado h2{
  font-family: Druk;
  padding: 7px 7px 4px;
  color: #fff;
  font-size: 2.3em;
  margin-bottom: 15px;
  display: inline-block;
  letter-spacing: 1px;

}
.titlevideo {background: none!important;
}

.main-content .blog-destacados h2 a, .main-content .video-destacado h2 a{
  text-decoration: none;
  color: #fff;
}
.main-content .video-destacado h2{
  float: left;
  clear: both;
}
.main-content .video-destacado .video-areas{
  clear: both;
}
.main-content .blog-destacados .entrada-blog-destacado{
  padding: 2px 0 20px;
  position: relative;
  display: inline-block;
  min-height: 122px;
  width: 100%;
}
.main-content .blog-destacados .entrada-blog-destacado:nth-of-type(2){
  margin-top: -4px;
}
.main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(1){
  width: 20%;
  position: absolute;
  display: block;
  float: left;
  overflow: hidden;
  height: 98%;
  top: 1%;
  max-height: 140px;
}
.main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(1) img{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
}
.main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(2), .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(3){
  width: 80%;
  padding-left: 15px;
  float: right;
  font-weight: 300;
  text-decoration: none;
}
.main-content .blog-destacados .entrada-blog-destacado a h3{
  font-family: Druk;
  margin: 5px 0;
  color: #fff;
  letter-spacing: 1.5px;
  line-height: 26px;
}
.main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(3) p{
  font-family: Trade-Gothic-Condensed;
  margin: 5px 0;
  color: #fff;
}
.main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(4){
  font-family: Trade-Gothic-BoldCondensed;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 10px 2px;
  color: #fff;
  /*font-weight: 300;*/
  font-size: 0.8em;
}
.main-content .banner-300x250{
  float: right;
  margin-top: 54px;
}
/*fin area destacados blog*/
/*Area video*/
.main-content .video-destacado{
  clear: both;
  padding-top: 30px;
  text-align: center;
  border-bottom: 2px solid #1e97c3;
  margin-bottom: 40px;
}
.main-content .video-destacado > p{
  font-family: Trade-Gothic-Condensed;
  text-align: left;
  color: #fff;
  font-weight: 100;
  font-size: 1.4em;
  clear: both;
}
.video-areas{
  width: 100%!important;
  padding-bottom: 56.25%;
  position: relative;
  max-height: 405px;
}
.video-areas > a{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-areas > a > iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video-areas > iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-destacado > a{
  font-family: Druk;
  padding: 7px 10px 4px;
  font-weight: 300;
  margin: 40px auto;
  display: inline-block;
  color: #fff;
  font-size: 1.2em;
}

/*fin area video*/
.clear{
  clear: both;
}
/*ESTILOS FOOTER*/
.home .footer-menu a{
  color: #fff;
}
.home .back-to{
  display: none;
}
.footer-menu{
  text-align: center;
  margin-top: -35px;
  font-size: 1.1em;
  font-weight: 500;
  position: absolute;
  width: 100%;
}
.footer-menu a{
  color: white;
  text-decoration: none;
}
footer{
  clear: both;
  overflow: visible;
  border-top: 7px solid #052535;
  background-color: #052535;
  height: 263px;
  background-repeat: repeat-x;
  position: relative;
}
footer > div{
  width: 980px;
  text-align: center;
  margin: 0 auto;
}
footer > div nav{
  clear: both;
}
footer > div nav:nth-of-type(1){
  margin: 0 auto;
  clear: both;
  width: 430px;
  height: 65px;
  text-align: center;
}
footer > div nav:nth-of-type(2), footer > div nav:nth-of-type(3){
  text-align: center;
  padding-left: 55px;
}
footer > div nav:nth-of-type(2) a, footer > div nav:nth-of-type(3) a{
  height: 64px;
  overflow: hidden;
  text-align: center;
  text-indent: -1000em;
  cursor: pointer;
  text-decoration: none;
  display: block;
  float: left;
}
footer > div nav a.page01 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -20px 0px no-repeat; width: 100px;}
footer > div nav a.page02 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -844px 0px no-repeat; width:64px;}
footer > div nav a.page03 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -186px 0px no-repeat; width:84px;}
footer > div nav a.page04 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -270px 0px no-repeat; width:100px;}
footer > div nav a.page05 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -370px 0px no-repeat; width:108px;}
footer > div nav a.page06 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -478px 0px no-repeat; width:67px; margin-right: 20px;}
footer > div nav a.page07 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -545px 0px no-repeat; width:80px;}
footer > div nav a.page08 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -625px 0px no-repeat; width:126px;}
footer > div nav a.page09 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -740px 0px no-repeat; width:90px;}
footer > div nav a.page10 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -832px 0px no-repeat; width:90px;}
footer > div nav a.page11 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -934px 0px no-repeat; width:92px;}
footer > div nav a.page12 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1036px 0px no-repeat; width:92px;}
footer > div nav a.page13 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1141px 0px no-repeat; width:100px;}
footer > div nav a.page14 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1255px 0px no-repeat; width:104px;}
footer > div nav a.page15 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1359px 0px no-repeat; width:130px;}
footer > div nav a.page16 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1487px 0px no-repeat; width:72px;}
footer > div nav a.page17 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1474px 0px no-repeat; width:110px;}
footer > div nav a.page18 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1580px 0px no-repeat; width:95px;}
footer > div nav a.page19 { background: -1698px 0 no-repeat; width:25px;}
footer > div nav a.page20 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1800px 0 no-repeat; width:95px;}
footer > div nav a.page21 { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1396px 0px no-repeat; width:85px;}
/* Footer Logos hover */
footer > div nav a.page01:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -20px -64px no-repeat;}
footer > div nav a.page02:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -844px -64px no-repeat;}
footer > div nav a.page03:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -186px -64px no-repeat;}
footer > div nav a.page04:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -270px -64px no-repeat;}
footer > div nav a.page05:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -370px -64px no-repeat;}
footer > div nav a.page06:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -478px -64px no-repeat; margin-right: 20px;}
footer > div nav a.page07:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -545px -64px no-repeat;}
footer > div nav a.page08:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -625px -64px no-repeat;}
footer > div nav a.page09:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -740px -64px no-repeat;}
footer > div nav a.page10:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -832px -64px no-repeat;}
footer > div nav a.page11:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -934px -64px no-repeat;}
footer > div nav a.page12:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1036px -64px no-repeat;}
footer > div nav a.page13:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1141px -64px no-repeat;}
footer > div nav a.page14:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1255px -64px no-repeat;}
footer > div nav a.page15:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1359px -64px no-repeat;}
footer > div nav a.page16:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1487px -64px no-repeat;}
footer > div nav a.page17:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1474px -64px no-repeat;}
footer > div nav a.page18:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1580px -64px no-repeat;}
footer > div nav a.page20:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1800px -64px no-repeat; width:95px;}
footer > div nav a.page21:hover { background:url("https://amcnetworks.es/wp-content/themes/temaprincipal/images/footer_logos.png") -1396px -64px no-repeat;}
footer > div > p{
  clear: both;
  padding-top: 30px;
  display: block;
  color: #949494;
  font-size: 0.8em;
  margin-bottom: 0;
}
footer > div > p a{
  color: #949494;
}
footer > div > p a:hover{
  color: #fff;
}
/*FIN ESTILOS FOOTER*/

/* ESTILOS STICKY FOOTER ICE AGE*/
.stickyIceAge {
  position: fixed;
  bottom: 0;
  width: 100%;
  /*background-color: white;*/
  text-align: right;;
}

.stickyIceAge a {
  text-decoration: none;
}

.stickyIceAge .stickyTexto {
  background-color: #FFF;
  text-align: left;
  font-size: 25px;
  padding: 15px 15px 15px 198px;
}

.stickyTexto>.iceAgeFont {
  font-family: IceAge;
  color: #00A7E1;
  text-shadow: 3px 1px 4px rgba(150, 150, 150, 0.65);

}

.stickyTexto>.fecha {
  color: #001F4A;
  font-family: Franklin-Gothic-Extra-Cond;
  text-shadow: 3px 1px 4px rgba(150, 150, 150, 0.65);
  font-weight: 500;
  margin-left: 8px;
}

.stickyIceAge>#imgPerezoso {
  /*margin-left: 47%*/
}
/* FIN ESTILOS STICKY FOOTER ICE AGE*/

/*ESTILOS PÁGINA BLOG*/
/*estilos última entrada*/
.main-slider.blog{
  height: 90vh;
  position: relative;
  min-height: 90vh;
}
.main-slider.blog .desenfoque{
  background-image: url(../img/bg-sonrisas-BORRAR.jpg);
}
.main-slider .slide-blog{
  position: absolute;
  bottom: 50px;
  left: 10%;
}
.main-slider .slide-blog h1, .main-slider .slide-blog a{
  font-family: Druk;
  padding: 8px 7px 7px;
  font-weight: 100;
  color: #fff;
  font-size: 24px;
  margin-bottom: 10px;
  display: inline-block;
}
.main-slider .slide-blog > div{
  width: 60%;
}
.main-slider .slide-blog h2{
  font-family: Druk;
  font-size: 3em;
  text-transform: uppercase;
  line-height: 1em;
  margin: 0;
  color: #fff;
  font-weight: 900;
}
.main-slider .slide-blog h2 strong{
  font-weight: 900;
}
.main-slider .slide-blog p{
  font-family: Trade-Gothic-Condensed;
  color: #fff;
  font-weight: 100;
}
.main-slider .slide-blog p strong{
  font-weight: bold;
}
.entradilla-blog {
  font-size: 20px;
}
.bttn-leermas {
  font-size: 18px !important;
}

/*fin estilos última entrada*/
/*estilos body blog*/
.main-content-blog{
  background-color: #01062e;
  padding-bottom: 95px;
}
.main-content-blog .entrada-blog{
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  margin-top: 20px;
  background-color: #ee6228;
  position: relative;
}
.main-content-blog .entrada-blog > div:nth-of-type(1){
  width: calc(100% - 288px);;
  padding: 0 12px;
  display: inline-block;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) > a{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) h2, .main-content-blog .entrada-blog > div:nth-of-type(1) p{
  color: #fff;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) div{
  position: absolute;
  width: calc(100% - 312px);
  left: 12px;
  bottom: 0px;
  border-top: solid 1px #fff;
}
.main-content-blog .entrada-blog:hover .img-blog{
  mix-blend-mode:multiply;
  -webkit-mix-blend-mode:multiply;
  -moz-mix-blend-mode:multiply;
  -o-mix-blend-mode:multiply;
  -ms-mix-blend-mode:multiply;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) h2{
  font-family: Druk;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1.1em;
  font-weight: 900;
  letter-spacing: 1px;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) p{
  font-family: Trade-Gothic-Condensed;
  font-weight: 100;
  border-top: 1px solid #fff;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) div date{
  margin: 10px 0;
  display: block;
  width: 50%;
  color: #fff;
  font-weight: 100;
  float: left;
}
.main-content-blog .entrada-blog > div:nth-of-type(1) div a{
  font-family: Druk;
  font-weight: 100;
  float: right;
  margin: 10px 0;
  color: #fff;
  font-size: 22px;
}
.main-content-blog .entrada-blog .img-blog{
  float: right;
  height: 360px;
  display: block;
  width: 288px;
  background: url(../img/img-prueba-hollywood.jpg);
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center;
}
.main-content-blog .entrada-blog .img-blog a{
  width: 100%;
  height: 100%;
  display: block;
}
.entrada-blog .wp-caption{
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.entrada-blog .wp-caption img{
  width: 100%;
  height: auto;
}
/*fin estilos body blog*/
/*paginacion*/
.nav-blog{
  background-color: #01062e;
}
.nav-blog nav{
  margin-top: 20px;
  margin-bottom: 80px;
}
.nav-blog nav a, .pagination a, .pagination .current{
  font-family: Trade-Gothic;
  font-weight: 700;
  margin-left: 5px;
  font-size: 18px;
  min-width: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  float: left;
}
.pagination .current{
  padding-top: 2px;
}
.nav-blog nav a:hover, .pagination a:hover, .pagination .current{
  color: #fff!important;
}
.nav-blog nav a:nth-of-type(1){
  margin-left: 1%;
}
.destacados .main-content-blog, .concursos .main-content-blog{
  padding-top: 260px;
  padding-bottom: 0;
}
.concursos .main-content-blog{
  padding-bottom: 110px;
}
.other-pages{
  padding-top: 135px;
}
.pagination{
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
}
.pagination .next, .pagination .prev{
  padding: 0 10px;
}
.dots{
  position: relative;
  display: inline-block;
  float: left;
  width: 20px;
  text-align: center;
  margin-left: 5px;
  height: 35px;
  line-height: 57px;
}
/*fon paginacion*/
/*FIN ESTILOS PÁGINA BLOG*/
/*ESTILOS ENTRADA BLOG*/
.main-slider.entrada-blog{
  background-color: #01062e;
  padding-top: 210px;
  height: auto;
}
.main-slider.entrada-blog .container{
  max-width: 900px;
  font-size: 1.1em;
  line-height: 1.2em;
}
.main-slider.entrada-blog .container p{
  font-family: Trade-Gothic-Condensed;
  color: white;
  font-size: 1.15em;
  line-height: 1.2em;
  display: inline-block;
  width: 100%;
}
.main-slider.entrada-blog h1{
  font-family: Druk;
  text-align: center;
  font-size: 3em;
  padding-top: 20px;
  color: white;
  line-height: 1em;
  font-weight: 900;
  text-transform: uppercase;
}
.main-slider.entrada-blog date{
  font-family: Trade-Gothic-Condensed;
  color: white;
  display: block;
  text-align: center;
  padding-bottom: 30px;
  text-transform: uppercase;
}
.main-slider.entrada-blog > div > p{
  margin: 10px auto;
  font-weight: 300;
}
.main-slider.entrada-blog > div > p strong{
  font-weight: bold;
  color: #78c926;
}
.main-slider.entrada-blog > div > p img{
  height: auto;
  max-width: 100%;
}
.main-content-blog > div > h2{
  text-align: center;
  text-transform: uppercase;
  margin-top: 34px;
  color: #4a4a49;
  font-weight: 900;
  font-size: 2em;
  line-height: 1em;
}
.main-slider.entrada-blog .alignright{
  float: right;
  margin-left: 15px;
}
.main-slider.entrada-blog .alignleft{
  float: left;
  display: block;
  margin-right: 15px;
}
.main-slider.entrada-blog .alignleft.size-large, .main-slider.entrada-blog .alignright.size-large{
  width: 47%;
  margin: 0;
}
.main-slider.entrada-blog .size-full{
  width: 100%;
  height: auto;;
}
.main-slider.entrada-blog .aligncenter{
  margin: 0 auto;
  display: block;
}
.main-slider.entrada-blog p code{
  font-style: italic;
  color: #1e97c3;
  font-size: 0.95em;
}
.main-slider.entrada-blog h2{
  font-size: 2.3em;
  color: #676767;
  font-weight: 800;
  line-height: 1em;
}
.main-slider.entrada-blog h3{
  font-size: 1.8em;
  color: #676767;
  font-weight: 600;
  line-height: 1em;
}
.main-slider.entrada-blog h4{
  font-size: 1.5em;
  color: #676767;
  font-weight: 400;
  line-height: 1em;
}
.main-slider.entrada-blog h5{
  font-size: 1.3em;
  font-weight: 400;
  color: #676767;
  line-height: 1em;
}
.main-slider.entrada-blog blockquote{
  width: 80%;
  padding-left: 15px;
  font-weight: 100;
  font-style: italic;
  font-size: 0.9em;
}
.main-slider.entrada-blog a{
  text-decoration: none;
  color: #1e97c3;
}
.main-slider.entrada-blog a:hover{
  color: #1e97c3;
  text-decoration: none;
}
.main-slider.entrada-blog a:visited{
  color: #1e97c3;
}
.main-slider.entrada-blog ul li, .main-slider.entrada-blog ol li, .main-slider.entrada-blog dl{
  font-family: Trade-Gothic-Condensed;
  color: white;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.6em;
}
.main-slider.entrada-blog ul, .main-slider.entrada-blog ul li ul li ul li ul{
  list-style-image: url(../img/bullet-hollywood.svg);
}
.main-slider.entrada-blog ul li ul, .main-slider.entrada-blog ul li ul li ul li ul li ul{
  list-style-image: url(../img/bullet-hollywood-2.svg);
}
.main-slider.entrada-blog ul li ul li ul, .main-slider.entrada-blog ul li ul li ul li ul li ul li ul{
  list-style-image: url(../img/bullet-hollywood-3.svg);
}
.main-slider.entrada-blog ul li ul li, .main-slider.entrada-blog ul li ol li, .main-slider.entrada-blog ol li ol li, .main-slider.entrada-blog ol li ul li{
  font-weight: 300;
  font-size: 1em;
  line-height: 1.6em;
}
.main-slider.entrada-blog dl{
  line-height: 1.2em;
}
.main-slider.entrada-blog dl dt{
  font-weight: 500;
}
.main-slider.entrada-blog dd{
  padding: 5px 0;
}
.main-slider.entrada-blog strong, .main-slider.entrada-blog b{
  font-weight: 400;
}
.main-slider.entrada-blog pre{
  font-family: 'Franklin-Gothic', sans-serif;;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.3em;
}
center.videos-blog{
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
center.videos-blog > iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.sharedaddy{
  border-bottom: 0!important;
}
/*FIN ESTILOS ENTRADA BLOG*/
/*ESTILOS GUIA TV*/
.guiatv-in{
  background-color: #01062e;
}
/*.guiatv-in .day{
  padding-top: 135px;
}*/
.guiatv-in .day > nav, .guiatv-in .day > div{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  max-width: 1500px;
}
.peli-guia-tv{
  width: calc(25% - 3px);
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 35px;
}
.peli-guia-tv > a{
  height: 100%;
  display: block;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  position: relative;
}
.peli-guia-tv > a span{
  font-family: Druk;
  position: absolute;
  top: -21px;
  left: 0;
  /*padding: 4px 15px 1px;*/
  color: #1e97c3;
  font-size: 1.7em;
  font-weight: 300;
}
.peli-guia-tv > a img{
  width: 100%;
  height: auto;
  border-top: solid 3px #1e97c3;
}
.peli-guia-tv:hover > a:hover::before{
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% - 3px);
  background-color: #fff;
  opacity: .3;
  bottom: 0;
}
.peli-guia-tv > a:hover::after{
  content: 'VER MÁS';
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  color: #fff;
  background-color: #1e97c3;
}
/*estilos popup peliculas*/
.peli-guia-tv aside{
  opacity: 0;
  display: none;
  width: 350px;
  padding: 15px;
  background-color: #fff;
  position: absolute;
  left: 5%;
  z-index: 1;
  margin-top: -15px;
  text-align: left;

  -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
}
.peli-guia-tv:nth-of-type(4) aside, .peli-guia-tv:nth-of-type(8) aside, .peli-guia-tv:nth-of-type(12) aside, .peli-guia-tv:nth-of-type(16) aside{
  left: auto;
  right: 5%;
}
.peli-guia-tv:hover aside{
  display: none;
  opacity: 1;
}
.peli-guia-tv aside:before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 40%;
  top: -10px;
}
.peli-guia-tv:hover:nth-of-type(4) aside:before{
  left: auto;
  right: 40%;
}
/*.peli-guia-tv:hover > a span{
  opacity: 0;
}*/
.peli-guia-tv aside h3{
  text-transform: uppercase;
  font-weight: 900;
  text-align: left;
  margin: 0;
  color: #1e97c3;
  line-height: 1.1em;
}
.peli-guia-tv aside p{
  text-align: justify;
  font-size: 0.9em;
  color: #4a4a49;
}
.peli-guia-tv aside date{
  padding-bottom: 15px;
  display: block;
  text-transform: uppercase;
  font-size: 0.9em;
}
.peli-guia-tv aside a:nth-of-type(1){
  padding: 5px;
  width: 100%;
  display: block;
  text-align: center;
  float: left;
  text-transform: uppercase;
  font-size: 0.8em;
  border: 3px solid #1e97c3;
  color: #1e97c3;
}

/*fin estilos popup peliculas*/
.guiatv-in .day > div{
  border-bottom: 2px #1e97c3 solid;
  margin-top: 40px;
  height: 120px;
}
.guiatv-in .day > div h1{
  font-family: Druk;
  text-align: left;
  float: left;
  height: 90px;
  margin-top: 5px;
  font-weight: 900;
}
.guiatv-in .day > div h1 span:nth-of-type(1){
  display: block;
  font-size: 1.4em;
  line-height: 1em;
  color: white;
}
.guiatv-in .day > div h1 span:nth-of-type(2){
  font-size: 2.94em;
  line-height: 0.8em;
  color: #1e97c3;
}
.guiatv-in .day > div h2{
  font-family: Trade-Gothic-Condensed;
  float: right;
  margin-top: 80px;
  font-weight: 300;
  font-size: 2em;
  color: white;
}
/*estilos ver más*/
.ver-mas{
  font-family: Druk;
  width: 10%;
  margin-left: 5%;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: block;
  color: #78c927;
  background: none;
  border: solid 2px #78c927;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 3em;
  padding: 16px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.ajax-call {
  opacity: 0.5;
  cursor: progress;
}

/*fin estilos ver más*/
/*Estilos dia date*/
.guiatv-in .day.day-date{
  padding-top: 0;
}
.guiatv-in .day.day-date > div date{
  width: 50%;
  text-align: left;
  float: left;
  height: 90px;
  margin-top: 14px;
}
.guiatv-in .day.day-date > div date span:nth-of-type(1){
  font-family: Trade-Gothic;
  display: block;
  font-size: 4.4em;
  line-height: 1em;
  font-weight: 900;
}
.guiatv-in .day.day-date > div date span:nth-of-type(2){
  font-family: Trade-Gothic;
  font-size: 2.3em;
  font-weight: 900;
  line-height: 0.7em;
  color: white;
}
.guiatv-in .day-date > div h2{
  display: none;
}
.guiatv-in .day-date > div h2{
  display: block;
}
/*Fin Estilos dia date*/
/*ESTILOS dia cerrado*/
.day.closed{
  height: 120px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.guiatv-in .day.closed > div{
  margin-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
}
.guiatv-in .day.closed > div:before{
  content: '';
  position: absolute;
  width: 100%;
  top: -7px;
  left: 0;
  height: 3px;
}
.guiatv-in .day > div button{
  display: none;
}
.guiatv-in .day.closed > div button{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
  border: 0;
  text-align: right;
  padding-top: 55px;
  font-size: 2em;
  font-weight: 300;
  display: block;
  padding-right: 50px;
  color: #fff;
}
.guiatv-in .day.closed > div button:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #fff;
  position: absolute;
  right: 13px;
  bottom: 23px;
}
.buton-up:after{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*FIN ESTILOS dia cerrado*/
/*FIN ESTILOS GUIA TV*/
/*ESTILOS DETALLE PELICULA*/

/*.pelicula > div:nth-of-type(2){
  width: 80%;
  margin-left: 18%;
}
.pelicula > div:nth-of-type(4){
  padding-top: 120px;
  width: 90%;
  margin-left: 5%;
  position: relative;
  min-height: 100vh;
}*/
.pelicula{
  padding-bottom: 30px;
  background-color: #01062e;
}
.pelicula > .peli-info{
  width: 90%;
  margin: 0 auto;
  padding-top: 270px;
  min-height: 100vh;
  max-width: 1300px;
}
.cycle .pelicula > .peli-info{
  width: 80%;
  margin-right: 3%;
  float: right;
}
.pelicula > .peli-info > div{
  height: 100%;
  max-width: 1000px;
  display: block;
  margin: 0 auto;
}
.pelicula > .peli-info > div div{
  height: 100%;
  float: left;
  width: 40%;
}
.pelicula > .peli-info > div > div:nth-of-type(1){
  max-width: 350px;
}
.pelicula > .peli-info div img{
  width: 100%;
  float: left;
  height: auto;
  margin-bottom: 20px;
}
.pelicula > .peli-info > div > div:nth-of-type(2){
  width: calc(100% - 380px);
  margin-left: 30px;
  max-width: 650px;
}
.pelicula > .peli-info div h2{
  font-family: Druk;
  margin-top: 0;
  padding: 8px 10px 6px;
  font-weight: 300;
  color: #fff;
  font-size: 1.7em;
  margin-bottom: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
}
.pelicula > .peli-info div h1{
  font-family: Druk;
  text-transform: uppercase;
  line-height: 0.8em;
  font-size: 5em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #4a4a49;
}
.pelicula > .peli-info div date{
  font-size: 2em;
  font-weight: 300;
  color: #4a4a49;
}
.pelicula > .peli-info div ul{
  list-style: none;
  padding: 15px 0;
  /*border-top: 2px solid;
  border-bottom: 2px solid;*/
  margin-top: 15px;
}
.pelicula > .peli-info div ul li{
  font-family: Trade-Gothic-Condensed;
  padding: 3px 0;
  color: white;
  font-size: 1.2em;
}
.pelicula > .peli-info div p{
  font-family: Trade-Gothic-Condensed;
  font-size: 0.9em;
  border-bottom: 2px solid;
  padding-bottom: 15px;
  padding-top: 15px;
  color: white;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.3em;
}
.pelicula > .peli-info div > div div{
  width: 200px;
  float: left;
}
.pelicula > .peli-info div > div div h3{
  font-family: Druk;
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 8px;
  margin-bottom: 15px;
}
.pelicula > .peli-info div > div div date{
  font-size: 1.6em;
  padding-bottom: 10px;
  display: block;
}
.pelicula > .peli-info div > div div:nth-of-type(1){
  margin-right: 50px;
}
.pelicula > .peli-info div > div div a{
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  /*border: 2px solid;*/
  text-align: center;
  margin-right: 10px;
  margin-bottom: 20px;
}
.pelicula > .peli-info div > div div a:nth-of-type(1) svg{
  width: 72%;
  height: auto;
  padding-top: 7px;
  padding-left: 3px;
}
.pelicula > .peli-info div > div div a svg{
  height: auto;
  width: 72%;
  padding-top: 7px;
  padding-left: 3px;
}
.pelicula .ciclo-left{
  display: none;
}
.cycle .pelicula .ciclo-left{
  width: 15%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  display: block;
}
.pelicula .ciclo-left > div{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pelicula .ciclo-left > button{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
  color: transparent;
  display: block;
  border: none;
  z-index: 10;
}
.pelicula .ciclo-left .desenfoque-pelicula{
  -webkit-animation-name: bg-ciclo;
  -moz-animation-name: bg-ciclo;
  -o-animation-name: bg-ciclo;
  -ms-animation-name: bg-ciclo;
  animation-name: bg-ciclo;
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -o-animation-duration: 7s;
  -ms-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
@keyframes bg-ciclo {
    from {background-position: left;}
    to {background-position: right;}
}
.pelicula .ciclo-left .movie-cicle{
  width: 90%;
  top: auto;
  bottom: 15px;
  height: auto;
  left: 5%;
}
.pelicula .ciclo-left .movie-cicle h2{
  font-weight: 300;
  margin-bottom: 0;
  font-size: 1.1em;
}
.pelicula .ciclo-left .movie-cicle h4{
  font-weight: 900;
  margin-top: 10px;
}
.cycle .pelicula .ciclo-left{
  -webkit-animation-name: left-intro;
  -moz-animation-name: left-intro;
  -o-animation-name: left-intro;
  -ms-animation-name: left-intro;
  animation-name: left-intro;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes left-intro {
    from {transform: translateX(-100%);}
    to {transform: translateX(0);}
}
/*FIN ESTILOS DETALLE PELICULA*/
/*ESTILOS PAGINA VIDEOS*/
.videos-page, .sobre, .contacto, .detalle-videos{
  background-color: #00092f;
  padding-bottom: 30px;
  /*background-image: url(../img/bgAzul.png);
  background-size: contain;*/
}
.videos-page > div, .sobre > div, .contacto > div:not(#cookie-law-info-bar), .detalle-videos > div{
  padding-top: 190px;
  width: 90%;
  margin: 0 auto;
  min-height: 100vh;
  display: block;
  max-width: 1500px;
}

.videos-page > div.cli-modal-backdrop, .sobre > div.cli-modal-backdrop, .contacto > div.cli-modal-backdrop, .detalle-videos > div.cli-modal-backdrop {
  display: none!important;
}

.videos-page > div h1, .sobre > div h1, .contacto > div h1, .detalle-videos > div h1{
  font-family: Druk;
  text-transform: uppercase;
  font-size: 2.8em;
  line-height: 1em;
  /*border-bottom: 2px solid #1e97c3;*/
  padding-bottom: 20px;
  margin-top: 70px;
  color: #78c927;
  text-align: center;
  font-weight: 900;
}
.video-detalle h2{
  font-family: Druk;
  font-size: 2.6em;
  line-height: 1em;
  margin: 15px 0;
  text-transform: uppercase;
  font-weight: 900;
  color: white;
}
.video-detalle h2 span:nth-of-type(1){
  display: block;
  font-size: 0.8em;
}
/* Los titulos de los videos siempre seran verdes*/
.video-detalle h2 span:nth-of-type(2) {
  font-family: Druk;
  color: #78c927;
}
.video-detalle{
  width: 48%;
  float: left;
  margin-bottom: 30px;
  display: block;
}
.video-detalle:nth-child(odd){
  margin-left: 2%;
}
.video-detalle:nth-child(even){
  margin-right: 2%;
}
.video-detalle p{
  color:  white;
  font-family: Trade-Gothic-Condensed;
  /*font-weight: 300;*/
  font-size: 1.2em;
}
.videos-page .ver-mas{
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  clear: both;
  display: block;
}
/*FIN ESTILOS PAGINA VIDEOS*/
/*ESTILOS SOBRE CANAL HOLLYWOOD*/
.sobre > div > div, .sobre > div > p, .sobre center {
  width: 70% !important;
  margin: auto;
}
.sobre center {
  width: 70% !important;
  margin: 0 auto;
}


.sobre > div{
  text-align: center;
}
.sobre > div > div > div.canal{
  width: 33.3%;
  float: left;

}


.sobre > div > p{
  font-family: Trade-Gothic-Condensed;
  margin: 25px auto;
  font-size: 18px;
  color: white;
  line-height: 1.2em;
  clear: both;
  padding-top: 50px;
  display: block;
  text-align: left;
  font-weight: 300;
}
.sobre > div > a{
  font-family: Druk;
  background: none;
  color: #78c927;
  padding: 10px;
  text-transform: uppercase;
  margin: 20px auto;
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  border: solid 2px #78c927;
  border-radius: 9px;
}
.sobre > div > div a{

  text-align: center;
}
.sobre > div > div a:nth-of-type(1) svg{
  width: 75%;
  margin-top: 50px;
  height: auto;
}
.sobre > div > div a img{
  width: 50%;
  margin-top: 15px;
}
.sobre > div > div a:nth-of-type(3) svg{
  width: 35%;
  height: auto;
  margin-top: 13px;
}
.sobre > div > div a:nth-of-type(4) img{
  width: 63%;
  height: auto;
  margin-top: 50px;
}
.sobre > div > div a:nth-of-type(5) svg{
  margin-top: 54px;
  width: 27%;
  height: auto;
}
.sobre > div > div a:nth-of-type(6) img{
  width: 39%;
  height: auto;
  margin-top: 45px;
}
.sobre > div h1{
  margin-bottom: 70px;
}
.sobre.donde > div > p{
  text-align: center;
}
/*FIN ESTILOS SOBRE CANAL HOLLYWOOD*/
/*ESTILOS CONTACTO*/
.contacto > div form{
  width: 75%;
  margin: 35px auto;
}
.contacto > div form > div > ul{
  padding-left: 40px!important;
}
.contacto > div form > div > ul > .input-personalizado{
  width: 48%;
  display: block;
  float: left;
  margin-bottom: 10px;
  position: relative;
  clear: none!important;
}
.contacto > div form > div > ul > .input-personalizado:nth-of-type(1){
  margin-right: 2%!important;
}
.contacto > div form > div > ul > .input-personalizado:nth-of-type(2){
  margin-left: 2%!important;
}
.contacto > div form > div > ul > .input-personalizado:nth-of-type(3){
  width: 100%;
  margin-bottom: 10px;
}
.contacto > div form > div > ul > .input-personalizado input{
  width: 100%!important;
  height: 50px;
  border: none;
  background-color: #cfd0d0;
  padding: 20px 18px!important;
  font-size: 1.2em;
  color: #67666b;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
  transition: .2s linear;
}
.contacto > div form > div > ul > .input-personalizado textarea{
  width: 100%;
  height: 112px;
  border: none;
  background-color: #cfd0d0;
  padding: 20px 18px;
  font-size: 1.2em;
  color: #67666b;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
  transition: .2s linear;
}
.gfield_label{
  font-size: 1.2em;
  color: #67666b;
}
.gfield_label span{
  color: #1e97c3!important;
  margin-left: 9px!important;
  padding-left: 5px;
  overflow: hidden;
}
/*.contacto > div form > div > ul li label span{
  width: 100%;
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 1.2em;
  color: #67666b;
  pointer-events: none;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
  transition: .2s linear;
}*/
.contacto > div form > div > ul > .input-personalizado input:focus, .contacto > div form > div > ul > .input-personalizado textarea:focus, div form > div > ul > .input-personalizado.fill input, div form > div > ul > .input-personalizado.fill textarea{
  background: transparent;
  border: 2px solid #1e97c3;
}
/*.contacto > div form > div > ul > li input:focus + .input-txt span, .contacto > div form > div > ul > li textarea:focus + .input-txt span, .contacto > div form > div > ul > li.fill input + .input-txt span, .contacto > div form > li.fill textarea + .input-txt span{
  top: -20px;
  color: #1e97c3;
  left: 0;
  font-size: 0.9em;
}*/
/* estilos checkbox*/
/*.squaredThree {
  width: 20px;
  height: 20px;
  margin: 0 2px 25px 0px;
  float: left;
  position: relative;
}
.squaredThree input[type=checkbox]{
  display: none;
}
.squaredThree label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  border: 2px solid #1e97c3;
}
.squaredThree label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 21px;
  height: 9px;
  background: transparent;
  top: -1px;
  left: 2px;
  border: 3px solid #1e97c3;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.squaredThree input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.squaredThree strong{
  width: 100px;
  display: block;
  margin-left: 32px;
  margin-top: 3px;
  font-weight: 300;
  color: #67666b;
}*/
.contacto > div form input[type=submit]{
  clear: both;
  display: block!important;
  margin: 0 auto;
  width: 200px!important;
  height: 40px;
  font-size: 1.2em!important;
  text-transform: uppercase;
  background-color: #1e97c3!important;
  border: none!important;
  color: #fff;
  font-weight: 300;
  padding: 0!important;
}
/*fin estilos checkbox*/
.aviso-legal .gfield_label{
  float: left;
  margin-top: 0!important;
}
.aviso-legal .ginput_container{
  float: left!important;
  margin-top: 0!important;
  margin-left: -26px!important;
}
.aviso-legal .ginput_container a{
  color: #67666b!important;
}
.aviso-legal .ginput_container a:focus, .aviso-legal .ginput_container a:hover{
  color: #1e97c3!important;
}
.aviso-legal .ginput_container .gfield_checkbox li > input{
  margin-right: 13px;
  display: block;
  width: 14px!important;
  margin-top: 3px!important;
  margin-left: 0px;
}
.gform_confirmation_message_1{
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  padding-top: 30px;
  color: #78c927;
}
.gform_wrapper .gfield_checkbox li label{
  display: inline-block!important;
  margin: 0 0 0 7px!important;
}
.gform_wrapper .top_label .gfield_error{
  width: 100%!important;
}
.gform_wrapper .top_label .gfield_error.input-personalizado:nth-of-type(1), .gform_wrapper .top_label .gfield_error.input-personalizado:nth-of-type(2){
  width: 48%!important;
}
.gform_wrapper div.validation_error{
  width: calc(100% - 40px)!important;
  margin-left: 40px!important;
}
/*FIN ESTILOS contacto*/
/*ESTILOS DETALLE VIDEOS*/

.detalle-videos .video-detalle{
  width: 60%;
  margin: 0 auto;
  float: none;
}
.detalle-videos .video-detalle p{
  margin-top: 50px;
  line-height: 1.3em;
}
.detalle-videos > div h1{
  text-align: left;
}
.detalle-videos > div h1 span:nth-of-type(1){
  display: block;
  font-size: .8em;
  color: #4a4a49;
}
/*FIN ESTILOS DETALLE VIDEOS*/
/*estilos 404*/
.cuatrocero{
  min-height: 100vh;
  padding-top: 135px;
}
.cuatrocero > div{
  width: 50%;
  max-width: 500px;
  margin: 30px auto 60px;
  text-align: center;
  color: #676767;
}
.cuatrocero > div p:nth-of-type(1){
  font-size: 80px;
  margin-bottom: 0;
  color: #1e97c3;
}
.cuatrocero > div p:nth-of-type(2){
  font-size: 70px;
  margin-top: 36px;
}
.cuatrocero > div a{
  padding: 3px 10px 2px;
  color: #fff;
  font-weight: 300;
  font-size: 0.8em;
  background-color: #1e97c3;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 30px;
  display: inline-block;
}
/*fin estilos 404*/
/*ESTILOS PAGINA RESULTADOS BUSQUEDA*/
.search-results main, .search-no-results main{
  margin-top: 20px;
  padding-bottom: 100px;
}
.search-results main section, .search-no-results main section{
  min-height: 80vh;
}
.search-results main h1, .search-no-results main h1{
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  color: #78c927;
  line-height: 1em;
  margin-top: 150px;
  font-family: Druk;
}
.search-results main article:nth-child(even){
  clear: left;
}
.search-results main article:nth-child(odd){
  clear: right;
}
.search-results main article, .search-no-results main article{
  padding: 2px 0 20px;
  position: relative;
  display: inline-block;
  min-height: 122px;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
  float: left;
}
.search-results main article > a:nth-of-type(1), .search-no-results main > a:nth-of-type(1){
  width: 20%;
  position: absolute;
  display: block;
  float: left;
  overflow: hidden;
  height: 98%;
  top: 1%;
}
.search-results main article > a:nth-of-type(1) img, .search-no-results main > a:nth-of-type(1) img{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
}
.search-results main article h2, .search-results main article p, .search-results main article span, .search-no-results main article h2, .search-no-results main article p, .search-no-results main article span{
  width: 80%;
  padding-left: 15px;
  padding-right: 15px;
  float: right;
  font-weight: 300;
  text-decoration: none;
}
.search-results .sidebar, .search-no-results .sidebar{
  display: none;
}
.search-results main article a, .search-results main article, .search-no-results main article a, .search-no-results main article{
  color: #666;
}
/*FIN ESTILOS PAGINA RESULTADOS BUSQUEDA*/

/* ESTILOS CAPA BUSCADOR*/
#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
}

#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}

#search input[type="search"] {
  font-family: Trade-Gothic-Condensed;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: 0px;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
}

#search .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 61px;
  margin-left: -45px;
  background: none;
  border-radius: 9px;
  font-family: Druk;
  font-size: 33px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}

body.verde #search .btn {
  color: #78c927;
  border: solid 2px #78c927;
}
body.azul #search .btn {
  color: #1e97c3;
  border: solid 2px #1e97c3;
}
body.naranja #search .btn {
  color: #ce018f;
  border: solid 2px #ce018f;
}
body.rojo #search .btn {
  color: #ee6228;
  border: solid 2px #ee6228;
}

#search .btn svg {
  width: 28px;
  height: 28px;
  margin-right: 5px;
  vertical-align: initial;
}

body.verde #search .btn svg{
  fill: #78c927;
}
body.azul #search .btn svg{
  fill: #1e97c3;
}
body.naranja #search .btn svg{
  fill: #ce018f;
}
body.rojo #search .btn svg{
  fill: #ee6228;
}

#search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: #fff;
  opacity: 1;
  padding: 10px 17px;
  font-size: 40px;
  background-color: transparent;
  border: 0;
}

/*----------------------------COLORES------------------------------------*/
/*VERDE GUIATV DIAS*/
.guiatv-in .day.verde > div date span:nth-of-type(1), .day.verde .peli-guia-tv aside h3, .day.verde .peli-guia-tv aside a:nth-of-type(1), body.verde .pelicula > div div h1 strong, body.verde .pelicula > div div > div div h3, body.verde .main-slider.entrada-blog h1 strong, body.verde .main-content-blog > div > h2 strong, body.verde .detalle-videos > div h1 span:nth-of-type(2), body.verde .main-slider .slide-blog h2 strong, body.verde .nav-blog nav a, body.verde .pagination a, body.verde .coloured, body.verde .main-slider.entrada-blog a{
  color: #78c927;
}
.guiatv-in .day.verde > div{
  border-bottom: 2px #78c927 solid;
}
.guiatv-in .day.closed.verde > div, .guiatv-in .day.closed.verde > div:before, body.verde header > button:nth-of-type(1), .entrada-blog.verde, body.verde .nav-blog nav a:hover, body.verde .nav-blog nav a:hover, body.verde .pagination a:hover, body.verde .pagination .current, .day.verde .peli-guia-tv > a:hover::after{
  background-color: #78c927;
}
body.verde .pagination .current {
  border-radius: 5px;
}
  /*Blog leer mas verde*/
body.verde .main-slider .slide-blog a,
  /*Blog titulo verde*/
body.verde .main-slider .slide-blog h2,
  /*Etiqueta blog verde*/
body.verde .main-slider .slide-blog h1,
  /*Blog ver mas home verde */
body.verde .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(4),
  /*Blog destacados home verde*/
body.verde .main-content .blog-destacados a,
  /*Video destacado home verde*/
body.verde .main-content .video-destacado a,
  /*Etiqueta verde*/
body.verde main .main-slider .diapo div:nth-of-type(1) h2,
  /*Botones header verdes*/
body.verde header .menu-principal .button-blog,
  /*Titulos home verdes*/
body.verde main .main-slider .diapo div:nth-of-type(1) div div span,
  /*Mas info verde*/
body.verde main .main-slider .diapo div:nth-of-type(1) div > div div a,
  /*Entrada blog titulo verde*/
body.verde .main-slider.entrada-blog h1,
  /*Pelicula etiqueta verde*/
body.verde .pelicula > div div h2,
  /*Pelicula titulo verde*/
body.verde .pelicula > .peli-info div h1,
  /*Guia tv hora verde*/
.day.verde .peli-guia-tv > a span{
   color: #78c927;
}
/*Lupa, inicio, play y rss verdes*/
body.verde header .search1 svg,
body.verde .back-to svg,
body.verde header .menu-principal a svg,
/*rrss en la pagina de pelicula*/
body.verde .pelicula > div div > div div a svg{
  fill: #78c927;
}

/*Rayas guia verdes*/
body.verde .rayaGuiaBlog {
  border-top-color: #78c927;
}

.day.verde .peli-guia-tv aside a:nth-of-type(1), body.verde .nav-blog nav a, body.verde .pagination a{
  border: solid  2px #78c927;
  border-radius: 5px;
}
.guiatv-in .day.closed.verde > div date span:nth-of-type(1){
  color: #fff !important;
}
body.verde .pelicula > div div ul, body.verde main .main-slider .diapo div:nth-of-type(1) div > div:nth-of-type(2), body.verde.search-results main article{
 /* border-top: 2px solid #78c927;
  border-bottom: 2px solid #78c927;*/
}
body.verde .main-slider.entrada-blog > div > div, body.verde .main-slider.entrada-blog > div{
  border-bottom: 2px solid #78c927;
}
body.verde .pelicula > div div p {
  border-bottom: 2px solid #78c927;
  border-top: 2px solid #78c927;
}
body.verde .main-content .blog-destacados .entrada-blog-destacado{
  /*border-top: 1px solid #78c927;*/
  border-bottom: 1px solid #78c927;
}
body.verde main .main-slider .diapo > nav a span svg #line-pointed, body.verde header .menu-principal a:hover svg, body.verde .back-to:hover svg #figure{
  fill:#78c927;
}
body.verde main .main-slider .diapo > nav a:hover span svg #bg-pointed{
  fill:#78c927;
  stroke:#78c927;
}
.day.verde .peli-guia-tv > a img{
  border-top: 3px solid #78c927;
}
body.verde .main-slider.entrada-blog blockquote{
  border-left: solid 2px #78c927;
}
/*FIN VERDE GUIATV DIAS*/
/*NARANJA GUIATV DIAS*/
.guiatv-in .day.naranja > div date span:nth-of-type(1), .day.naranja .peli-guia-tv aside h3, .day.naranja .peli-guia-tv aside a:nth-of-type(1), body.naranja .pelicula > div div h1 strong, body.naranja .pelicula > div div > div div h3, body.naranja .main-slider.entrada-blog h1 strong, body.naranja .main-content-blog > div > h2 strong, body.naranja .detalle-videos > div h1 span:nth-of-type(2), body.naranja .main-slider .slide-blog h2 strong, body.naranja .nav-blog nav a, body.naranja .pagination a, body.naranja .coloured, body.naranja .main-slider.entrada-blog a{
  color: #ce018f;
}
.guiatv-in .day.naranja > div{
  border-bottom: 2px #ce018f solid;
}
.guiatv-in .day.closed.naranja > div, .guiatv-in .day.closed.naranja > div:before, body.naranja header > button:nth-of-type(1), .entrada-blog.naranja, body.naranja .nav-blog nav a:hover, body.naranja .nav-blog nav a:hover, body.naranja .pagination a:hover, body.naranja .pagination .current, .day.naranja .peli-guia-tv > a:hover::after{
  background-color: #ce018f;
}
body.naranja .pagination .current {
  border-radius: 5px;
}

  /*Blog leer mas magenta*/
body.naranja .main-slider .slide-blog a,
  /*Blog titulo magenta*/
body.naranja .main-slider .slide-blog h2,
  /*Etiqueta blog magenta*/
body.naranja .main-slider .slide-blog h,
  /*Blog destacados home magenta*/
body.naranja .main-content .blog-destacados a,
  /*Blog ver mas home magenta */
body.naranja .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(4),
  /*Video destacado home magenta*/
body.naranja .main-content .video-destacado a,
  /*Mas info magenta*/
body.naranja main .main-slider .diapo div:nth-of-type(1) div > div div a,
  /*Etiqueta home magenta*/
body.naranja main .main-slider .diapo div:nth-of-type(1) h2,
  /*Botones header magenta*/
body.naranja header .menu-principal .button-blog,
  /*Titulos home magenta*/
body.naranja main .main-slider .diapo div:nth-of-type(1) div div span,
  /*Entrada blog titulo magenta*/
body.naranja .main-slider.entrada-blog h1,
  /*Pelicula etiqueta magenta*/
body.naranja .pelicula > div div h2,
  /*Pelicula titulo magenta*/
body.naranja .pelicula > .peli-info div h1,
  /*Guia tv hora magenta*/
.day.naranja .peli-guia-tv > a span{
  color: #ce018f;
}

/*Lupa, inicio, play y rss magenta*/
body.naranja header .search1 svg,
body.naranja .back-to svg,
body.naranja header .menu-principal a svg,
/*rrss en la pagina de pelicula*/
body.naranja .pelicula > div div > div div a svg{
  fill: #ce018f;
}

/*Rayas guia magenta*/
body.naranja .rayaGuiaBlog {
  border-top-color: #ce018f;
}

.day.naranja .peli-guia-tv aside a:nth-of-type(1), body.naranja .nav-blog nav a, body.naranja .pagination a{
  border: solid 2px #ce018f;
  border-radius: 5px;
}
.guiatv-in .day.closed.naranja > div date span:nth-of-type(1){
  color: #fff !important;
}
body.naranja main .main-slider .diapo div:nth-of-type(1) div > div:nth-of-type(2), body.naranja.search-results main article{
  border-top: 2px solid #ce018f;
  border-bottom: 2px solid #ce018f;
}
body.naranja .main-slider.entrada-blog > div > div, body.naranja .main-slider.entrada-blog > div{
  border-bottom: 2px solid #ce018f;
}
body.naranja .pelicula > div div p {
  border-bottom: 2px solid #ce018f;
  border-top: 2px solid #ce018f;
}
body.naranja .main-content .blog-destacados .entrada-blog-destacado{
  /*border-top: 1px solid #ce018f;*/
  border-bottom: 1px solid #ce018f;
}
body.naranja main .main-slider .diapo > nav a span svg #line-pointed, body.naranja header .menu-principal a:hover svg, body.naranja .back-to:hover svg #figure{
  fill:#ce018f;
}
body.naranja main .main-slider .diapo > nav a:hover span svg #bg-pointed{
  fill:#ce018f;
  stroke:#ce018f;
}
.day.naranja .peli-guia-tv > a img{
  border-top: 3px solid #ce018f;
}
body.naranja .main-slider.entrada-blog blockquote{
  border-left: solid 2px #ce018f;
}
/*FIN NARANJA GUIATV DIAS*/
/*rojo GUIATV DIAS*/
.guiatv-in .day.rojo > div date span:nth-of-type(1), .day.rojo .peli-guia-tv aside h3, .day.rojo .peli-guia-tv aside a:nth-of-type(1), body.rojo .pelicula > div div h1 strong, body.rojo .pelicula > div div > div div h3, body.rojo .main-slider.entrada-blog h1 strong, body.rojo .main-content-blog > div > h2 strong, body.rojo .detalle-videos > div h1 span:nth-of-type(2), body.rojo .main-slider .slide-blog h2 strong, body.rojo .nav-blog nav a, body.rojo .pagination a, body.rojo .coloured, body.rojo .main-slider.entrada-blog a{
  color: #ee6228;
}
.guiatv-in .day.rojo > div{
  border-bottom: 2px #ee6228 solid;
}
.guiatv-in .day.closed.rojo > div, .guiatv-in .day.closed.rojo > div:before, body.rojo header > button:nth-of-type(1), .entrada-blog.rojo, body.rojo .nav-blog nav a:hover, body.rojo .nav-blog nav a:hover, body.rojo .pagination a:hover, body.rojo .pagination .current, .day.rojo .peli-guia-tv > a:hover::after{
  background-color: #ee6228;
}
body.rojo .pagination .current {
  border-radius: 5px;
}
  /*Blog leer mas naranja*/
body.rojo .main-slider .slide-blog a,
  /*Blog titulo naranja*/
body.rojo .main-slider .slide-blog h2,
  /*Etiqueta blog naranja*/
body.rojo .main-slider .slide-blog h1,
  /*Blog destacados home naranja*/
body.rojo .main-content .blog-destacados a,
  /*Blog ver mas home naranja */
body.rojo .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(4),
  /*Video destacado home naranja*/
body.rojo .main-content .video-destacado a,
  /*Etiqueta naranja*/
body.rojo main .main-slider .diapo div:nth-of-type(1) h2,
  /*Botones header naranjas*/
body.rojo header .menu-principal .button-blog,
  /*Titulos home naranjas*/
body.rojo main .main-slider .diapo div:nth-of-type(1) div div span,
  /*Entrada blog titulo naranja*/
body.rojo .main-slider.entrada-blog h1,
  /*Pelicula etiqueta naranja*/
body.rojo .pelicula > div div h2,
  /*Pelicula titulo naranja*/
body.rojo .pelicula > .peli-info div h1,
  /*Guia tv hora naranja*/
.day.rojo .peli-guia-tv > a span{
  color: #ee6228;
}

/*Lupa, inicio, play y rss naranja*/
body.rojo header .search1 svg,
body.rojo .back-to svg,
body.rojo header .menu-principal a svg,
/*rrss en la pagina de pelicula*/
body.rojo  .pelicula > div div > div div a svg{
  fill: #ee6228;
}

/*Rayas guia naranja*/
body.rojo .rayaGuiaBlog {
  border-top-color: #ee6228;
}

/* Mas info naranja*/
body.rojo main .main-slider .diapo div:nth-of-type(1) div > div div a {
  color: #ee6228;
}
.day.rojo .peli-guia-tv aside a:nth-of-type(1), body.rojo .nav-blog nav a, body.rojo .pagination a{
  border: solid 2px #ee6228;
  border-radius: 5px;
}
.guiatv-in .day.closed.rojo > div date span:nth-of-type(1){
  color: #fff !important;
}
body.rojo .pelicula > div div ul, body.rojo main .main-slider .diapo div:nth-of-type(1) div > div:nth-of-type(2), body.rojo.search-results main article{
  /*border-top: 2px solid #ee6228;
  border-bottom: 2px solid #ee6228;*/
}
body.rojo .main-slider.entrada-blog > div > div, body.rojo .main-slider.entrada-blog > div{
  border-bottom: 2px solid #ee6228;
}
body.rojo .pelicula > div div p {
  border-bottom: 2px solid #ee6228;
  border-top: 2px solid #ee6228;
}
body.rojo .main-content .blog-destacados .entrada-blog-destacado{
  /*border-top: 1px solid #ee6228;*/
  border-bottom: 1px solid #ee6228;
}
body.rojo main .main-slider .diapo > nav a span svg #line-pointed, body.rojo header .menu-principal a:hover svg, body.rojo .back-to:hover svg #figure{
  fill:#ee6228;
}
body.rojo main .main-slider .diapo > nav a:hover span svg #bg-pointed{
  fill:#ee6228;
  stroke:#ee6228;
}
.day.rojo .peli-guia-tv > a img{
  border-top: 3px solid #ee6228;
}
body.rojo .main-slider.entrada-blog blockquote{
  border-left: solid 2px #ee6228;
}
/*FIN rojo GUIATV DIAS*/
/*azul GUIATV DIAS*/
.guiatv-in .day.azul > div date span:nth-of-type(1), .day.azul .peli-guia-tv aside h3, .day.azul .peli-guia-tv aside a:nth-of-type(1), body.azul .pelicula > div div h1 strong, body.azul .pelicula > div div > div div h3, body.azul .main-slider.entrada-blog h1 strong, body.azul .main-content-blog > div > h2 strong, body.azul .detalle-videos > div h1 span:nth-of-type(2), body.azul .main-slider .slide-blog h2 strong, body.azul .nav-blog nav a, body.azul .pagination a, body.azul .coloured, body.azul .main-slider.entrada-blog a{
  color: #1e97c3;
}
.guiatv-in .day.azul > div{
  border-bottom: 2px #1e97c3 solid;
}
.guiatv-in .day.closed.azul > div, .guiatv-in .day.closed.azul > div:before, body.azul header > button:nth-of-type(1), .entrada-blog.azul, body.azul .nav-blog nav a:hover, body.azul .nav-blog nav a:hover, body.azul .pagination a:hover, body.azul .pagination .current, .day.azul .peli-guia-tv > a:hover::after{
  background-color: #1e97c3;
}
body.azul .pagination .current {
  border-radius: 5px;
}

  /*Blog leer mas azul*/
body.azul .main-slider .slide-blog a,
  /*Blog titulo azul*/
body.azul .main-slider .slide-blog h2,
  /*Etiqueta blog azul*/
body.azul .main-slider .slide-blog h1,
  /*Blog destacados home azul*/
body.azul .main-content .blog-destacados a,
  /*Blog ver mas home azul */
body.azul .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(4),
  /*Video destacado home azul*/
body.azul .main-content .video-destacado a,
  /*Etiqueta azul*/
body.azul main .main-slider .diapo div:nth-of-type(1) h2,
  /*Titulos home azules*/
body.azul main .main-slider .diapo div:nth-of-type(1) div div span,
  /* Mas info azul*/
body.azul main .main-slider .diapo div:nth-of-type(1) div > div div a,
  /*Entrada blog titulo azul*/
body.azul .main-slider.entrada-blog h1,
  /*Pelicula etiqueta azul*/
body.azul .pelicula > div div h2,
  /*Pelicula titulo azul*/
body.azul .pelicula > .peli-info div h1,
  /*Guia tv hora azul*/
.day.azul .peli-guia-tv > a span{
  color: #1e97c3;
}

/*Lupa, inicio, play y rss azul*/
body.azul header .search1 svg,
body.azul .back-to svg,
body.azul header .menu-principal a svg,
/*rrss en la pagina de pelicula*/
body.azul .pelicula > div div > div div a svg{
  fill: #1e97c3;
}

/*Rayas guia azul*/
body.azul .rayaGuiaBlog {
  border-top-color: #1e97c3;
}

.day.azul .peli-guia-tv aside a:nth-of-type(1), body.azul .nav-blog nav a, body.azul .pagination a{
  border: solid 2px #1e97c3;
  border-radius: 5px;
}
.guiatv-in .day.closed.azul > div date span:nth-of-type(1){
  color: #fff !important;
}
body.azul .pelicula > div div ul, body.azul main .main-slider .diapo div:nth-of-type(1) div > div:nth-of-type(2), body.azul.search-results main article{
  /*border-top: 2px solid #1e97c3;
  border-bottom: 2px solid #1e97c3;*/
}
body.azul .main-slider.entrada-blog > div > div, body.azul .main-slider.entrada-blog > div{
  border-bottom: 2px solid #1e97c3;
}
body.azul .pelicula > div div p {
  border-bottom: 2px solid #1e97c3;
  border-top: 2px solid #1e97c3;
}
body.azul .main-content .blog-destacados .entrada-blog-destacado{
  /*border-top: 1px solid #1e97c3;*/
  border-bottom: 1px solid #1e97c3;
}
body.azul main .main-slider .diapo > nav a span svg #line-pointed, body.azul header .menu-principal a:hover svg, body.azul .back-to:hover svg #figure{
  fill:#1e97c3;
}
body.azul main .main-slider .diapo > nav a:hover span svg #bg-pointed{
  fill:#1e97c3;
  stroke:#1e97c3;
}
.day.azul .peli-guia-tv > a img{
  border-top: 3px solid #1e97c3;
}
body.azul .main-slider.entrada-blog blockquote{
  border-left: solid 2px #1e97c3;
}
/*FIN azul GUIATV DIAS*/
/*estilos pelicula en emision*/
.en-emision img{
  border: 4px #ee6228 solid!important;
}
.en-emision a span{
  display: none;
}
.en-emision a:hover::after{
  background-color: #ee6228;
}
.en-emision:before{
  content: 'ahora en canal hollywood';
  text-transform: uppercase;
  font-weight: 900;
  color: #ee6228!important;
  margin-bottom: 10px;
  position: absolute;
  top: -23px;
  width: 100%;
  left: 0;
  font-size: 1.1em;
}
.en-emision aside h3, .en-emision aside a:nth-of-type(1){
  color: #ee6228!important;
}
.en-emision aside a:nth-of-type(1){
  border: 3px solid #ee6228!important;
}

/*fin estilos pelicula en emision*/
/*----------------------------FIN COLORES------------------------------------*/

/*----------------------------ESTILOS RESPONSIVE------------------------------------*/
@media (min-width: 1600px){
  .entrada-blog{
    min-height: 360px;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) p {
    font-weight: 100;
    border-top: 1px solid #fff;
    margin: 0;
    padding-top: 19px;
    padding-bottom: 15px;
    font-size: 1.2em;
    line-height: 1.1em;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) h2{
    font-size: 2em;
  }
  .cycle .pelicula > .peli-info{
    float: none;
    width: 100%;
    margin-right: auto;
  }
}
@media (max-width: 1600px){
  .entrada-blog{
    min-height: 360px;
  }
}

@media (max-width: 1218px) and (min-width: 992px) {
  main .main-slider .diapo div:nth-of-type(1) div > div div p {
    font-size: 1.2em;
  }
}

@media (max-width: 1199px){
  /*ESTILOS GUIATV TOP*/
  .guia-top .container nav a:nth-of-type(4){
    display: none;
  }
  .guia-top .container nav a{
    width: calc(25% - 5px);
  }
  /*FIN ESTILOS GUIATV TOP*/
  /*ESTILOS HOME*/
  .main-content .banner-top a img{
    width: 100%;
  }
  .titulo_post_home {
    font-size: 21px !important;
  }
  .entradilla_blog_home {
    font-size: 18px !important;
  }
  .titulo_vDestacado_home {
    font-size: 24px;
  }
  .entradilla_vDestacado_home {
    color: #FFF;
    margin-top: 3.5em;
    text-align: left;
    font-size: 18px;
  }
  /*FIN ESTILOS HOME*/
  .entrada-blog{
    min-height: 310px;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1){
    width: calc(100% - 200px);
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) div{
    width: calc(100% - 222px);
  }
  .main-content-blog .entrada-blog .img-blog{
    height: 310px;
    width: 200px;
  }
}
@media (max-width: 1099px){
  header .menu-principal .button-blog{
    /*font-size: 1.3em;*/
  }
  header .menu-principal a svg{
    width: 25px;
  }
  header .menu-principal a:nth-of-type(3) svg{
    width: 25px;
  }
  header .menu-principal a:nth-of-type(4) svg{
    width: 25px;
  }
  header .menu-principal{
    //width: 320px;
  }

}

@media (max-width: 997px) {
  .ver-mas {
    width: 22%;
  }
}

@media (max-width: 991px){
  /*ESTILOS BLOG*/
  .main-content-blog .entrada-blog > div:nth-of-type(1){
    width: 100%;
    margin-top: 290px;
  }
  .main-content-blog .entrada-blog .img-blog{
    float: none;
    height: 290px;
    width: 100%;
  }
  .entrada-blog{
    min-height: 555px;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) div{
    width: calc(100% - 24px);
  }
  .entrada-blog iframe{
    width: 85%;
  }
  /*fin ESTILOS BLOG*/
  /*ESTILOS VIDEOS*/
  .video-detalle h2{
    font-size: 2em;
  }
  /*FIN ESTILOS VIDEOS*/
  /*ESTILOS SOBRE*/
  .sobre > div{
    min-height: auto;
  }
  .sobre > div > div, .sobre > div > p{
    width: 80%;
  }
  /*FIN ESTILOS SOBRE*/
  /*ESTILOS DONDE*/
  .donde > div{
    min-height: 90vh;
  }
  .donde > div > div a{
    width: 50%;
    height: 150px;
  }
  .sobre > div > div a:nth-of-type(4) img{
    margin-top: 15px;
  }
  /*FIN ESTILOS DONDE*/
  /*ESTILOS CONTACTO*/
  .contacto > div{
    min-height: 80vh;
  }
  /*FIN ESTILOS CONTACTO*/
  /*ESTILOS DETALLE VIDEOS*/
  .detalle-videos .video-detalle{
    width: 80%;
    border-bottom: none;
  }
  /*FIN ESTILOS DETALLE VIDEOS*/
  /*ESTILOS FOOTER*/
  footer{
    height: auto;
  }
  footer > div{
    width: 768px;
  }
  footer > div nav a.page14{
    clear: left;
    margin-left: 75px;
  }
  footer > div nav a.page11{
    margin-left: 145px;
  }
  footer > div nav a.page18{
    clear: left;
    margin-left: 125px;
  }
  footer > div nav a.page02{
    margin-left: 155px;
  }
  /*FIN ESTILOS FOOTER*/
  /*ESTILOS HEADER*/
  header > .menu-principal{
    //width: 222px;
  }
  header > .menu-principal button{
    margin-bottom: 15px;
  }
  header > .menu-principal a:nth-of-type(2){
    //margin-left: 108px;
  }
  header .menu-principal .button-blog{
    margin-right:0;
  }

  /*logo canal hollywood*/
  header > figure a{
    width: 280px;
  }

  header > figure a img {
    width: 100%;
  }

  /*FIN ESTILOS HEADER*/
  /*ESTILOS GUIATV TOP*/
  .guia-top .container nav a:nth-of-type(3){
    display: none;
  }
  .guia-top .container nav a{
    width: 33.33%;
  }
  /*FIN ESTILOS GUIATV TOP*/
  /*ESTILOS HOME*/
  main .main-slider .diapo > div{
    width: 90%;
    margin: 10vh auto;
  }
  main .main-slider .diapo > nav > div{
    width: calc(33.3% - 3px);
  }

  /*FIN ESTILOS HOME*/
  /*ESTILOS GUIATV*/
  .peli-guia-tv{
    width: calc(33.3% - 3px);
  }
  .peli-guia-tv:nth-of-type(4) aside, .peli-guia-tv:nth-of-type(8) aside, .peli-guia-tv:nth-of-type(12) aside, .peli-guia-tv:nth-of-type(16) aside{
    left: 5%;
    right: auto;
  }
  .peli-guia-tv:nth-of-type(3) aside, .peli-guia-tv:nth-of-type(6) aside, .peli-guia-tv:nth-of-type(9) aside, .peli-guia-tv:nth-of-type(12) aside, .peli-guia-tv:nth-of-type(15) aside{
    right: 5%;
    left: auto;
  }
  .peli-guia-tv aside:before{
    left: 50%;
  }
  /*FIN ESTILOS GUIATV*/
  .pelicula > .peli-info > div div{
    width: 20%;
  }
  .pelicula > .peli-info > div div:nth-of-type(2){
    width: calc(80% - 30px);
  }
}
@media (max-width: 769px){
  
  /*Ocultar lupa desktop*/
  #iconSearch {
    display: none;
  }

  .back-to {
    display: none;
  }
  
  /*ESTILOS BLOG*/
  .main-slider .slide-blog > div{
    width: 80%;
  }
  .main-slider .slide-blog h2, .main-slider.entrada-blog h1, .sobre > div h1{
    font-size: 2.4em;
  }
  .main-content-blog .entrada-blog{
    width: 100%;
    margin: 20px auto;
  }
  .main-content-blog .entrada-blog .img-blog{
    float: right;
    height: 320px;
    width: 50%;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1){
    width: 50%;
    margin-top: 0;
  }
  .entrada-blog{
    min-height: 320px;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) div {
    width: calc(100% - 252px);
  }
  /*FIN ESTILOS BLOG*/
  /*ESTILOS VIDEOS*/
  .video-detalle{
    float: none;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 15px;
    border-bottom: 2px solid #1e97c3;
  }
  /*FIN ESTILOS VIDEOS*/
  /*ESTILOS SOBRE*/
  .sobre > div > div, .sobre > div > p{
    width: 90%;
  }
  /*FIN ESTILOS SOBRE*/
  /*ESTILOS DETALLE VIDEOS*/
  .detalle-videos .video-detalle{
    width: 90%;
  }
  .detalle-videos .video-detalle p{
    margin-top: 30px;
  }
  /*FIN ESTILOS DETALLE VIDEOS*/
  /*ESTILOS FOOTER*/
  footer > div{
    width: 500px;
  }
  footer > div nav a.page11{
    margin-left: 13px;
  }
  footer > div nav a.page14{
    margin-left: -12px;
  }
  footer > div nav:nth-of-type(3){
    clear: none;
  }
  footer > div nav a.page02{
    margin-left: 0;
  }
  footer > div nav a.page18{
    clear: none;
    margin-left: 5px;
  }
  /*FIN ESTILOS FOOTER*/
  /*ESTILOS MENU MOVIL*/
  header{
    overflow: visible;
  }
  .overflow-menu{
    width: 60px;
    height: 245px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    transition: .5s linear;
    -webkit-transition: .5s linear;
    -moz-transition: .5s linear;
    -o-transition: .5s linear;
    -ms-transition: .5s linear;
  }
  .overflow-menu .menu-principal a:nth-of-type(3) svg{
    display: none;
  }
  header  .menu-principal.menu-movil{
    background-color: #1e97c3;
    width: 150px;
    margin-right: -205px;
  }
  .menu-principal.menu-movil input{
    margin-left: 18px;
    margin-bottom: 6px;
  }
  .menu-principal.menu-movil .button-blog{
    width: 150px;
    display: block;
    text-align: center;
    /*border-top: 1px solid;*/
    border-bottom: 1px solid;
    padding-top: 10px;
  }
  .menu-principal.menu-movil a{
    margin-left: 0!important;
    width: 100%;
    display: block;
    height: 35px;
    /*border-bottom: 1px solid #fff;*/
    padding-top: 10px;
    text-transform: uppercase;
    color: #fff!important;
    text-align: center;
    font-weight: 500;
    font-family: Druk;
    font-size: 2em;
  }
  .menu-principal.menu-movil a svg{
    fill: white!important;
  }
  .menu-principal.menu-movil a:nth-of-type(2){
    height: 33px;
    padding-top: 4px;
  }
  .menu-principal.menu-movil a:nth-of-type(4){
    border-bottom: 0;
  }

  header .menu-principal a:nth-of-type(3) {
    border-bottom: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 27px;
  }

  .menu-principal{
    display: none;
  }
  .menu-principal.menu-movil{
    display: block;
  }
  .menu-principal.menu-movil .button-menu{
    position: absolute;
    left: -50px;
    border-bottom: 0;
    width: 40px;
    height: 40px;
  }
  .menu-principal.menu-movil .button-menu svg{
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
  .overflow-menu.open-menu{
    width: 265px;
    right: -45px;
    z-index: 1;
  }
  .overflow-menu.open-menu .menu-principal.menu-movil{
    margin-right: 0;
    padding-top: 5px;
  }
  header > figure a{
    width: 230px;
  }

  header > figure a img {
      width: 100%;
  }

  header > figure a svg{
    width: 100%;
  }

  header.light-bg .menu-principal button svg{
    fill: #1e97c3;
  }
  /*FIN ESTILOS MENU MOVIL*/
  /*ESTILOS GUIATV TOP*/
  .guia-top .container nav{
    padding: 0;
  }
  .guia-top .container nav a img{
    width: 95%;
    height: auto;
  }
  .guia-top .container nav a div{
    padding-top: 72px;
  }
  /*ESTILOS SEARCH*/
  header form.search1{
    display: none;
  }
  /*ESTILOS HOME*/
  main .main-slider{
    min-height: 100vh;
    height: auto;
  }
  main .main-slider .diapo div:nth-of-type(1) div > div{
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  main .main-slider .diapo div:nth-of-type(1) div > div:nth-of-type(2){
    position: relative;
    padding: 20px 0;
    margin: 15px auto;
    width: 90%;
  }
  main .main-slider .diapo div:nth-of-type(1) div > div div a{
    bottom: -20px;
  }
  main .main-slider .diapo > div{
    width: 90%;
    margin: 35px auto;
  }


  main .main-slider .diapo div:nth-of-type(1) h2{
    margin-left: 5%;
  }
  main .main-slider .diapo > nav > div{
    width: calc(50% - 3px);
  }
  main .main-slider .diapo > nav{
    margin-bottom: 30px;
  }
  .slide-navigation{
    position: relative;
    display: inline-block;
  }
  .main-content .blog-destacados{
    width: 100%;
  }
  .main-content .banner-300x250{
    float: none;
  margin: 0 auto;
  display: table;
  padding-top: 20px;
  }
  /*FIN ESTILOS HOME*/
  /*FIN ESTILOS GUIATV TOP*/
  .manana{
    position: absolute;
    margin-top: 0!important;
  }
  .cycle .pelicula .ciclo-left{
    width: 100%;
    height: auto;
    bottom: 0;
    top: auto;
  }
  @keyframes left-intro {
      from {transform: translateY(-100%);}
      to {transform: translateY(0);}
  }
  .pelicula .ciclo-left .movie-cicle{
    position: relative;
    bottom: 0;
    width: 100px;
  }
  .pelicula > .peli-info, .cycle .pelicula > .peli-info{
    width: 80%;
    margin: 0 auto;
    margin-right: auto;
    float: none;
  }
  .pelicula > .peli-info > div div{
    width: 100%;
  }
  .pelicula > .peli-info > div div:nth-of-type(2), .cycle .pelicula > .peli-info > div div:nth-of-type(2){
    width: 100%;
    margin-left: 0;
  }
  .pelicula .ciclo-left .movie-cicle h2{
    font-size: 0.8em;
  }
  .pelicula > .peli-info > div div:nth-of-type(1){
    max-width: 100%;
    text-align: center;
  }
  .pelicula > .peli-info div img{
    max-width: 350px;
    float: none;
  }
  .pelicula > .peli-info div > div div h3, .pelicula > .peli-info div > div div date{
    text-align: left;
  }
  .search-results main article{
    width: 98%
  }

  .stickyIceAge {
    position: fixed;
    bottom: 0;
    width: 100%;
    /*background-color: white;*/
    text-align: center;;
  }

  .stickyIceAge .stickyTexto {
    padding: 15px 0px 15px 8px;
  }

}
@media (max-width: 767px){
  .guia-top .container nav a div{
    height: 212px;
  }

  main .main-slider .diapo > nav > div.imagen_alternativa{
  width: calc(90% - 3px);

}



}





@media (max-width: 550px){


 .sobre > div > div > div.canal{
  width: 100%;
  float: left;

}


  .footer-menu{
    margin-top: -50px;
  }
  .peli-guia-tv{
    width: calc(50% - 3px);
  }
  .peli-guia-tv:nth-of-type(3) aside, .peli-guia-tv:nth-of-type(6) aside, .peli-guia-tv:nth-of-type(9) aside, .peli-guia-tv:nth-of-type(12) aside, .peli-guia-tv:nth-of-type(15) aside{
    left: 5%;
    right: auto;
  }
  .peli-guia-tv:nth-of-type(2) aside, .peli-guia-tv:nth-of-type(4) aside, .peli-guia-tv:nth-of-type(6) aside, .peli-guia-tv:nth-of-type(8) aside, .peli-guia-tv:nth-of-type(10) aside, .peli-guia-tv:nth-of-type(12) aside, .peli-guia-tv:nth-of-type(14) aside, .peli-guia-tv:nth-of-type(16) aside{
    right: 5%;
    left: auto;
  }
  .peli-guia-tv aside{
    width: 250px;
  }
  .peli-guia-tv:nth-of-type(odd) aside::before{
    left: 10%;
  }
  .peli-guia-tv:nth-of-type(even) aside::before{
    right: 10%;
    left: auto;
  }
  header > figure a{
    //margin: 0 0 0 47%;
  }
  .cuatrocero > div a{
    font-size: 14px;

  }
.en-emision:before {
    content: 'ahora';

}


}
@media (max-width: 500px){
  /*ESTILOS BLOG*/
  .main-slider .slide-blog > div{
    width: 90%;
  }
  .main-slider .slide-blog h2, .main-slider.entrada-blog h1{
    font-size: 2em;
  }
  .entrada-blog {
    min-height: 555px;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) {
    width: 100%;
    margin-top: 290px;
  }
  .main-content-blog .entrada-blog .img-blog {
    float: none;
    height: 290px;
    width: 100%;
  }
  .main-content-blog .entrada-blog > div:nth-of-type(1) div {
    width: calc(100% - 24px);
  }
  .main-content-blog .entrada-blog{
    height: auto;
    display: inline-block;
    padding-bottom: 40px;
  }
  /*FIN ESTILOS BLOG*/
  /*ESTILOS SOBRE*/
  .sobre > div h1 {
    margin-bottom: 30px;
  }
  .sobre > div > p{
    padding-top: 30px;
  }
  /*FIN ESTILOS SOBRE*/
  /*ESTILOS DONDE*/
  .donde > div > div a{
    height: 100px;
  }
  .sobre > div > div a:nth-of-type(5) svg{
    margin-top: 20px;
  }
  .sobre > div > div a:nth-of-type(6) img{
    margin-top: 18px;
  }





  /*FIN ESTILOS DONDE*/
  /*ESTILOS CONTACTO*/
  .contacto > div form > span{
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
  /*FIN ESTILOS CONTACTO*/
  /*ESTILOS FOOTER*/
  footer > div{
    width: 370px;
  }
  footer > div nav:nth-of-type(1){
    width: 350px;
    margin: 0;
  }
  footer > div nav:nth-of-type(1) img{
    width: 100%;
  }
  footer > div nav:nth-of-type(2), footer > div nav:nth-of-type(3){
    padding-left: 0;
  }
  footer > div nav a.page11{
    margin-left: 32px;
  }
  footer > div nav a.page13{
    margin-left: 20px;
  }
  footer > div nav a.page14{
    margin-left: 0;
    clear: none;
  }
  footer > div nav a.page04{
    margin-left: 25px;
  }
  footer > div nav a.page02{
    margin-left: 35px;
  }
  footer > div nav a.page07{
    margin-left: 27px;
  }
  footer > div nav a.page09{
    margin-left: 64px;
  }
  /*FIN ESTILOS FOOTER*/
  /*ESTILOS GUIATV TOP*/
  .guia-top .container nav a{
    height: auto;
    margin-bottom: 5px;
  }
  .guia-top .container nav a:nth-of-type(5){
    clear: both;
    width: 100%;
    height: 50px;
    float: none;
  }
  .guia-top .container nav a div{
    padding-top: 20px;
    height: 50px;
    margin-top: 0;
  }
  .mascine{
    width: 90%!important;
    display: block!important;
  }
  .mascine div{
    width: 100%!important;
  }
  .guia-top .container nav a div span{
    display: initial;
    font-size: 1em;
    padding-right: 5px;
  }
  .guia-top .container nav a div br{
    display: none;
  }
  .guia-top .container nav a:nth-of-type(1){
    margin-left: 16.6%;
  }
  .guia-top .container nav a:nth-of-type(1):before{
    top: 3px;
    font-size: 1em;
  }
  /*FIN ESTILOS GUIATV TOP*/
  .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(1){
    display: none;
  }
  .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(2), .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(3){
    width: 100%;
  }
  .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(3){
    padding: 0 15px 15px;
  }
  .main-content .blog-destacados .entrada-blog-destacado a:nth-of-type(2){
    padding-top: 10px;
  }
  main .main-slider .advance-left, main .main-slider .advance-right{
    width: 20px;
  }
  .guiatv-in .day.day-date > div date{
    width: 100%;
  }
  .guiatv-in .day.closed > div button{
    color: transparent;
  }
  .guiatv-in .day.open > div .buton-up{
    color: transparent;
  }
}
@media (max-width: 450px){
  main .main-slider .diapo > nav a span{
    font-size: 1.2em;
  }
}
@media (max-width: 400px){
  .guia-top .container nav a{
    width: 38%;
  }
  .guia-top .container nav a:nth-of-type(1){
    margin-left: 12%;
  }
}
@media (max-width: 385px){
  /*ESTILOS HOME*/
  main .main-slider .diapo > nav a span{
    font-size: 1em;
  }
  /*FIN ESTILOS HOME*/
}
@media (max-width: 370px){
  /*ESTILOS BLOG*/

  .main-slider .slide-blog h2 {
    font-size: 1.6em;
  }
  .main-slider .slide-blog{
    bottom: 15px;
          top: 15%;
  }
  .pelicula > .peli-info div h1 {

    font-size: 3.3em;

}


  /*FIN ESTILOS BLOG*/
  /*ESTILOS CONTACTO*/
  .contacto > div form{
    width: 90%;
  }
  /*FIN ESTILOS CONTACTO*/
  /*ESTILOS FOOTER*/
  footer > div{
    width: 95%;
  }
  footer > div nav:nth-of-type(1){
    width: 100%;
  }
  footer > div nav a.page11{
    margin-left: 0;
  }
  footer > div nav a.page13{
    margin-left: 0;
  }
  footer > div nav a.page04{
    margin-left: 0;
  }
  footer > div nav a.page02{
    margin-left: 0;
  }
  footer > div nav a.page17{
    width: 95px;
  }
  footer > div nav a.page07{
    margin-left: 0;
  }
  footer > div nav a.page08{
    width: 118px;
  }
  /*FIN ESTILOS FOOTER*/
  .guia-top .container nav a:nth-of-type(1){
    width: 50%;
    margin-left: 25%;
  }
  .guia-top .container nav a:nth-of-type(2){
    display: none;
  }
  .guiatv-in .day > div h2{
    font-size: 1.6em;
    margin-top: 87px;
  }
  .guia-top{
    height: 355px;
    margin-top: -355px;
  }
  .open-guia {
    margin-top: 0;
  }
}
@media (max-width: 330px){
  .main-content .banner-300x250{
    width: 100%;
    display: inline-block;
  }
  .main-content .banner-300x250 img{
    width: 100%;
  }
  .guia-top{
    height: 310px;
    margin-top: -310px;
  }
  .open-guia {
    margin-top: 0;
  }
}
/*----------------------------FIN ESTILOS RESPONSIVE------------------------------------*/
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

 .select-fecha{
    width: 90%;
    margin: 12em auto;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
    max-width: 1500px;
    z-index: 10;
    cursor: pointer;
}



.elegir{
background: #78c927;
    padding: 11em;
    clear: both;
    display: inline !important;
    margin: 0 auto;
    width: 80px;
    height: 40px;
    font-size: 1.2em!important;
    text-transform: uppercase;
    background-color: #78c927!important;
    border: none!important;
    color: #fff;
    font-weight: 300;
    padding: 0!important;

}
.titulo_vDestacado_home{
    background: none;
}

/* COMENTARIOS */

.main-content-blog .comments {
    float: left;
    margin: 20px auto;
    width: 100%;
    padding: 20px;
}

.comments h3 {
  color: white;
}
/** leer comentarios **/
.comments ul{
  padding: 0;
}
.comments ul li{
  list-style: none;
  padding: 10px 0;
  border-bottom: 2px solid #009dda;
}
.comments .comment-author{
  font-size: 1.4em;
  padding: 5px 0;
}
.comments .comment-author:before{
  content: "";
  background: url(../img/bullet-hollywood.svg);
  padding-left: 19px;
  background-size: cover;
}
.comments .comment-author .says{
  color: #a0a0a0;
  font-weight: 100;
}
.comment-awaiting-moderation{
  color: #a0a0a0;
  font-size: 1.2em;
  font-weight: 100;
  padding: 5px;
  text-align: center;
  display: block;
      border: 2px dashed #c4d0ea;
    margin-top: 10px;
}
.comment-meta{
  padding: 5px;
    margin-left: 19px;
}
.comment-meta ~ p{
  padding: 10px;
  margin: 0;
}

.comment-meta a{
  color: #a0a0a0;
  font-weight: 300;
  margin-bottom: 10px;
  display: block;
  font-size: 0.9em;
  cursor: default;
  text-decoration: inherit;
}

/** dejar comentario **/
.comment-respond{
  border-bottom: 2px solid #009dda;
  padding: 10px 0;
  font-size: 1.4em;
}
  .comment-respond form:before {
      content: "";
      background: -moz-linear-gradient(top, #052535 10px, rgba(0, 0, 0, 0) 10px), -moz-linear-gradient(left, #052535 10px, rgba(0, 0, 0, 0) 10px);
      background: -webkit-linear-gradient(top, #052535 10px, rgba(0, 0, 0, 0) 10px), -webkit-linear-gradient(left, #052535 10px, rgba(0, 0, 0, 0) 10px);
      background-size: 100% 20px;
      background-repeat: repeat-y;
      height: 100%;
      width: 20px;
      display: block;
      position: absolute;
      left: -20px;
      top: 0;
  }

  .comment-respond form:after {
      content: "";
      background: -moz-linear-gradient(top, #052535 10px, rgba(0, 0, 0, 0) 10px), -moz-linear-gradient(right, #052535 10px, rgba(0, 0, 0, 0) 10px);
      background: -webkit-linear-gradient(top, #052535 10px, rgba(0, 0, 0, 0) 10px), -webkit-linear-gradient(right, #052535 10px, rgba(0, 0, 0, 0) 10px);
      background-size: 100% 20px;
      background-repeat: repeat-y;
      height: 100%;
      width: 20px;
      display: block;
      position: absolute;
      right: -20px;
      top: 0;
  }

p.comment-notes {
    color: #009dda;
    font-weight: 300;
}

.comment-form{
  width: 98%;
  position: relative;
  margin: 20px auto;
  padding: 17px;
  background: #052535;
}

.comment-form label{
  width: 100%;
  padding: 5px 0;
  display: block;
  color: #c5c5c5;
}

.comment-form textarea, .comment-form input {
    border: 1px solid #c1c7d3;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 300;
    color: #5c5c5c;
    width: 100%;
}

.comment-form .form-submit input{
  border:0;
  background: #009dda;
  color: white;
}
.comment-form .form-submit input:hover{
  background: #006991;
}

.comment-form-url{
  display: none;
}

/* FIN COMENTARIOS */

/* FORMULARIO */

main.contacto .sharedaddy{
  width: 75%;
  max-width: 800px;
  margin: 35px auto;
      padding-left: 40px!important;
}

main.contacto form{
  text-align: center;
  font-size: 1.3em;
  max-width: 800px;
}
main.contacto form .gfield_radio{
      display: inline-grid;
}
main.contacto form .gfield_radio > li {
    display: inline-block;
    margin-right: 10px;
 }
main.contacto form .gfield_radio > li input[type*="radio"]{
    position: relative;
    bottom: 3px;
}

main.contacto form .gform_footer input[type*="submit"]{
       margin: 0 auto;
}

main.contacto form .gfield_label{
  text-align: justify;
}


body .gform_wrapper .gfield_checkbox li label, body .gform_wrapper .gfield_radio li label {
    max-width: 100%;
}


.separador{
    /* border-bottom: 2px solid #1e97c3; */
    margin-bottom: 40px;  
}

.gquiz-correct-choice{
  color:#009900!important;
}