body {
    background-color: #000; /*  cambia color de fondo imagen inicio*/
}
 *:focus {
     outline:0!important;
}
 .bg-venom {
     background-color: #000;
     padding-top: 0;
     padding-bottom: 0;
}
 .navbar-nav {
     font-family: 'Zurich XCn BT';
}
 .navbar-dark .navbar-nav .nav-link {
     color: #597289;
     font-size: 1.25em;
     text-transform: uppercase;
}
 .intro {
     background-image: url('../img/bg1.png');
     height: 88vh;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: top right;
     background-attachment: fixed;
     background-size: cover;
}
 .arrow {
     background-image: url('../img/indicator.png');
     width: 65px;
     height: 65px;
}
 .arrow i {
     color: #fff;
     vertical-align: middle;
     line-height: 2;
     font-size: 2em;
}
 .lapelicula {
     background-color: #12171b;
}
 .lapelicula .titulo-p span{
     border-bottom: 2.5px solid #2c3944;
     display: inline-block;
}
 .lapelicula h1 {
     font-family: 'Zurich LtCn BT';
     color: #597289;
     text-transform: uppercase;
     font-weight: 600;
}
 .lapelicula b {
     color: #fff;
     text-shadow: 0px -1px 7px #ffffff;
     font-weight: 100;
}
 .lapelicula p {
     font-size: 1.3em;
     color: #597289;
     font-family: 'Zurich LtCn BT';
     line-height: 1.1;
}
 .datos li {
     font-family: 'Zurich LtCn BT';
     font-size: 1.3em;
     color: #b9cada;
     padding-top: 0.5em;
}
 .datos p {
     font-family: 'Zurich LtCn BT';
     font-size: 1.3em;
     color: #b9cada;
}
 .datos span {
     font-family: 'Zurich LtCn BT';
     color: #52697e;
     font-size: 1.3em;
     line-height: 1.1;
     padding-right: 5px;
}
 .trailer {
     background: #0d1418;
     position: relative;
}
 .trailer img {
     opacity: 0.3;
}
 .play {
     position: absolute;
     font-family: 'Zurich LtCn BT';
     position: absolute;
     text-transform: uppercase;
     text-align: center;
     width: 50%;
     margin: auto;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .play h1 {
     color: #597289;
     margin: 0;
     font-size: 3.5em;
}
 .play h2 {
     color: #fff;
     margin: 0;
     font-size: 3em;
     text-shadow: 0px -1px 7px #ffffff;
}
 .play i {
     font-size: 4em;
     color: #bdbdbd6b;
}
 .modal-content {
     background-color: #ffffff0f;
     background-clip: padding-box;
     border: none;
     border-radius: 0;
}
 .personajes {
     background-color: #000;
     position: relative;
}
 .t-personajes {
     position: absolute;
     text-transform: uppercase;
     top: 30%;
     left: 0;
     right: 0;
}
 .t-personajes h1 {
     font-family: 'Zurich LtCn BT';
     text-shadow: 0px -1px 7px #ffffff;
     color: #fff;
     margin: 0;
}
 .t-personajes h2 {
     font-family: 'Zurich XCn BT';
     color: #597289;
     margin: 0;
}
 .t-personajes hr {
     border-top: 1px solid #597289;
     margin: 0;
}
 .meta-personaje {
     background-color: #597289;
     text-align: center;
     text-transform: uppercase;
}
 .meta-personaje h1 {
     font-family: 'Zurich XCn BT';
     color: #161c22;
     margin: 0;
     line-height: 1;
}
 .meta-personaje h4 {
     font-family: 'Zurich LtCn BT';
     color:#ffffff94;
     margin: 0;
     line-height: 1;
}
 .galeria {
     background-color: #161c22;
}
 .owl-carousel .item {
     position: relative;
     z-index: 100;
     -webkit-backface-visibility: hidden;
}
/* end fix */
 .owl-nav > button {
     margin-top: -26px;
     position: absolute;
     top: 50%;
     transform: translate(0%,-50%);
}
 .owl-nav i {
     font-size: 40px;
     background: #232d36!important;
     color: #3e5060!important;
     padding: 1em 5px 1em 5px;
}
 .owl-nav .owl-prev {
     left: -40px;
}
 .owl-nav .owl-next {
     right: -40px;
}
 .owl-theme .owl-dots {
     display: none;
}
 .footer {
     background-color: #161c22;
}
 @-webkit-keyframes rebote {
     from{
         -webkit-transform: translate(0px,0px);
    }
     to {
         -webkit-transform: translate(0px,-15px);
    }
}
 @-moz-keyframes rebote {
     from {
         -moz-transform: translate(0px,0px);
    }
     to {
         -moz-transform: translate(0px,-15px);
    }
}
 .rebote {
     -webkit-animation-name: rebote;
     -webkit-animation-duration:.5s;
     -webkit-animation-direction:alternate;
     -webkit-animation-timing-function:linear;
     -webkit-animation-delay:0s;
     -webkit-animation-iteration-count:infinite;
     -moz-animation-name: rebote;
     -moz-animation-duration:.5s;
     -moz-animation-direction:alternate;
     -moz-animation-timing-function:linear;
     -moz-animation-delay:0s;
     -moz-animation-iteration-count:infinite;
}
/**********/
 @media (max-width: 575.98px) {
     .navbar-brand img {
         max-width: 195px;
         height: 70px;
    }
     .intro {
         background-image: url(../img/bg-movil.jpg);
         height: 89vh;
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center;
         position: relative;
          background-attachment: inherit;
        
    }
     .over {
         position: absolute;
         width: 100%;
         height: 100%;
         background: #000;
         opacity: 0.6;
    }
     .play h1 {
         font-size: 2em;
    }
     .play h2 {
         font-size: 1.5em;
    }
     .play i {
         font-size: 2em;
    }
     .meta-personaje h1 {
         font-size: 2em;
    }
     .meta-personaje h4 {
         font-size: 1em;
    }
     .owl-nav i {
         font-size: 30px;
    }
     .owl-nav .owl-next {
         right: -20px;
    }
     .owl-nav .owl-prev {
         left: -20px;
    }
}