#video_background {position: absolute;bottom: 0px;right: 0px;min-width: 100%;min-height: 100%;width: auto;background-color:#333;height: auto;z-index: -1000;overflow: hidden;opacity:0.4;}
#video_pattern {background:#333;position: fixed;opacity: 0.8;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1;}
body{background-color:#000;}
.clear{clear: both;}
.degradado{position: absolute;bottom:-10px;;background-image: url("../img/fondos/degradado.png");background-repeat: repeat-x;width:100%;height:390px;z-index:-1;}
p{font-size:1.1em;}


.logo{margin: 12% auto 20% auto;width: 100%;max-width: 850px;}
.logo_movistar{width: 100%;max-width: 900px;margin:0px auto;text-align: center;}

.container{height:100%;width:100%;max-width: 1280px;margin:0px auto;}
.container .txt h2{font-family: 'EB Garamond', serif;letter-spacing:1px;width:100%;max-width: 900px;margin:0px auto;color:#ffffff;font-weight: 400;margin-bottom:30px;font-size: 1.4em;text-align: center;line-height: 30px;}
.container .txt{padding:3% 3% 3% 3%;border-radius:10px; }
.container .txt span{color:#af0202 !important;}
.container-100{width: 100%;max-width: 1920px;}

.personajes{width: 100%;max-width: 1500px;}
.personajes a:hover .item img{transition:all 0.3s ease;opacity: 1;bottom:0px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.personajes .item{height:200px;max-width:300px;position:relative;overflow:hidden;width:10.5%;float: left;margin:1%;background-image: url("../img/fondos/fondo_personaje.jpg");background-size:cover;background-repeat: no-repeat;} 
.personajes .item img{width: 100%;border-radius:10px 10px 0px 0px;transition:all 0.3s ease;opacity: 1;position: absolute;bottom:-20px;}
.personajes .item p{font-size: 0.9em;border-radius:25px 25px 0px 0px;border-top:0px solid #5b090a;transition:all 0.3s ease;color:#ffffff;font-family: 'Roboto Slab', serif;font-weight:400;text-align: center;padding:5px 0 5px 0;left:5px;opacity:0.9;margin:0px auto;background-color:#111;display: block;clear:both;position:absolute;bottom:0;width: 95%;}
.personajes a:hover .item p{background-color:#8e090c;transition:all 0.3s ease;padding:18px 0 18px 0;border-top:6px solid #5b090a;}
.personajes p span{font-size: 0.6em;font-family: 'Roboto Slab', serif;font-weight:400;display:block;transition:all 0.3s ease;opacity: 0.8;padding-top:0px;}
.personajes a:hover p span{transition:all 0.3s ease;padding-top:5px;}
.personajes h3{margin:4% 0 2% 0;}

.bg_nieve{position: fixed;top:0px;left:0px;z-index: 9999;margin:0px;padding: 0px;}
.bg_nieve_2{position: fixed;bottom:-10px;right:0px;z-index: 9999;margin:0px;padding: 0px;}

.fondo_velvet{margin-top:3%;width: 100%;height:600px;background-image: url("../img/fondos/fondo_velvet.jpg");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

h3{text-align: center;color:#ffffff;font-size: 4em;font-family: 'EB Garamond', serif;padding:0 3% 0 3%;margin:0 0 5% 0;}

.inline{width:50%;padding:2%;font-family: 'Roboto Slab', serif;margin:0px auto;border-radius: 10px;}
.inline h2{color:#8e090c;}

.dos_bloques{width: 100%;max-width: 900px;margin:3% auto 3% auto;text-align: justify;}
.dos_bloques p{font-family: 'Playfair Display', serif;color:#ffffff;}

.dos_bloques .block_1{float: left;width: 50%;}
.dos_bloques .block_2{float: left;width: 50%;text-align: center;}
.dos_bloques  .block_2 .play{width:100%;max-width: 300px;margin-top:30%;transition:all 0.3s ease;opacity:0.5;}
.dos_bloques .block_2 a:hover .play{transition:all 0.3s ease;opacity:1;}
.un_bloque{width: 100%;max-width: 900px;margin:3% auto 3% auto;text-align: justify;}
.un_bloque p{font-family: 'Playfair Display', serif;color:#ffffff;}
.imagen-velvet img{width: 100%;margin-bottom:20px;border-radius: 10px;}

.fondo_velvet{margin-top:3%;width: 100%;height:600px;background-image: url("../img/fondos/fondo_velvet.jpg");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

.seriemente a:hover img{transition:all 0.3s ease;opacity:0.6;}
.seriemente a img{transition:all 0.3s ease;opacity:1;}


.hizo{background-position: 0px -100px;width:100%;background-image: url("../img/fondos/fondo_2.jpg");background-repeat: no-repeat;background-size: cover;margin-bottom:3%;}
.hizo p{width:100%;max-width: 900px;font-family: 'Playfair Display', serif;color:#fff;margin:0px auto;text-align: center;padding-bottom:2%;text-align: justify;}
.hizo h3{margin:0px;padding:1% 0 2% 0;}
.final{width:100%;margin-bottom:3%;margin-top:2%;}
.final p{width:100%;max-width: 900px;font-family: 'Playfair Display', serif;color:#fff;margin:0px auto;text-align: center;padding-bottom:2%;text-align: justify;}

.hizo .rodaje{width:100%;}
.hizo .rodaje a img{transition:all 0.3s ease;opacity: 0.8;}
.hizo .rodaje img {width: 100%;}

.seriemente {width: 100%;max-width: 900px;margin:3% auto 0px auto;margin-bottom:3%;}
.seriemente img{width: 100%;}

/*** GALERIA ***/
.row > .column {padding: 0 0px;line-height: 0px;}
.row:after {content: "";display: table;clear: both;}

/* Create four equal columns that floats next to eachother */
.column {float: left;width: 16.66663%;}
.column img:hover{transition:all 0.3s ease;opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);opacity: 01;}
.column img{opacity:0.7;transition:all 0.3s ease;}

/* The Modal (background) */
.modal {display: none;position: fixed;z-index: 99999999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;}

/* Modal Content */
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 90%;max-width: 1200px;}

/* The Close Button */
.close {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.close:hover,.close:focus {color: #999;text-decoration: none;cursor: pointer;}

/* Hide the slides by default */
.mySlides {display: none;background-color: #000;}

/* Next & previous buttons */
.prev,.next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;transition: 0.6s ease;
  border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}

/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover {background-color: rgba(0, 0, 0, 0.8);}

/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}

/* Caption text */
.caption-container {text-align: center;background-color: black;padding: 2px 16px;color: white;}
img.demo {opacity: 0.6;}
.active,.demo:hover {opacity: 1;}
img.hover-shadow {transition: 0.3s;}

.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


 /****** RESPONSIVE ********/

 @media only screen and ( max-width: 30em )  {
.bg_nieve{display: none;}
.bg_nieve_2{display: none;}
.logo {margin: 16% auto 20% auto;width: 70%;max-width: 700px;}
.container .txt h2 {width: 80%;margin-bottom: 30px;font-size: 1em;line-height: 20px;}
h3 {font-size: 2em;margin: 2% 0 5% 0;}
.personajes .item {width: 48%;}
.fondo_velvet {background-attachment: scroll;height: 200px;}
.dos_bloques .block_1 {float: left;width: 90%;margin: 0px auto;padding: 0 3% 0% 5%;}
.dos_bloques .block_2 {width: 100%;}
.dos_bloques .block_2 .play {margin-top: 0%;margin-bottom: 10%;}
.un_bloque {
    width: 90%; } 
.hizo{width:90%;margin:0px auto;}
.final{width:90%;margin:0px auto;}
.personajes .item {height: 290px;}
.inline {width: 90%;padding: 5%;}
.personajes .item img {top: 20px;}
.column {float: left;width: 50%;}
.row{margin-top:10px;}
.personajes h3 {margin: 9% 0 2% 0;}
.tamano {width: 100% !important;}
.hizo {
    background-position: 0px -200px;
 
  
    background-size: 100% 100%;
 
}

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.bg_nieve{display: none;}
	.personajes .item {height: 140px;}
	.personajes p span {font-size: 0.8em;}
	.personajes p {font-size: 0.5em;}
	.personajes .item img {bottom: 0px;}
.fondo_velvet {background-attachment: scroll;height: 600px;}
.dos_bloques {
    width: 98%;}
.un_bloque {
    width: 98%; }   
 .hizo p {width: 98%;}
.final p{width: 98%;}
.tamano {width: 98% !important;}
.logo {  max-width: 550px;}
.inline {width: 80%;}


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.bg_nieve{display: none;}
	.personajes .item {height: 120px;}
	.personajes p span {font-size: 0.8em;}
	.personajes p {font-size: 0.5em;}
	.personajes .item img {bottom: 0px;}
.fondo_velvet {background-attachment: scroll;height: 300px;}
.dos_bloques {
    width: 95%;}
.un_bloque {
    width: 95%; }   
 .hizo p {width: 95%;}
.final p{width: 95%;}
.tamano {width: 95% !important;}
.logo {  max-width: 550px;
}
.inline {width: 80%;}

}