.no-preventa {
    background: #ececec;
    display: table;
    padding: 15px 23px;
    border-radius: 3px;
    margin: 0 auto;
}
.no-preventa h3 i {
    color: #b5121d;
    margin-right: 10px;
}
.no-preventa h3 {
    font-weight: 500;
    color: darkgrey;
    font-size: 16px;
}

.slider-title h2 {
  margin: 0.67em 0;
}

.VueCarousel-navigation--disabled[data-v-7fed18e9] {
  opacity: 0 !important;
}
.wrap-movie.separator-movie img {
  max-width: 70px;
  position: relative;
  margin: 0 auto;
  display: block;
  padding-bottom: 7em;
}

.background-box {
  background: #e1e1e1;
  padding-top: 162%;
  margin-top: 27px;
  position: relative;
}

.center-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 0px);
}

.wraptitle h3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  position:relative;
}

.wrap-box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.wraptitle {
  background: #b6b6b6;
  padding: 24px 20px;
}

.round-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: #b6b6b6;
  text-align: center;
  position: relative;
  top: 26px;
  border-radius: 100%;
  padding-top: 9px;
  font-size: 22px;
  color: #fff;
}

/*@media (max-width:1200px){
  .background-box {
    padding-top:68%;
  }
}

@media (max-width:992px){
  .background-box {
    padding-top:59%;
  }
}

@media (max-width:767px){
  .wraptitle h3 {
    font-size:20px;
  }
  .background-box {
    padding-top: 61%;
  }
  .wraptitle {
    padding: 40px 20px;
  }
  .round-icon {
    width: 70px;
    height: 70px;
    top: 36px;
    font-size: 42px;
  }
}
*/

@media (max-width:812px){
  .background-box {
    padding-top: 161%;
  }
}

@media(max-width:568px){
  .background-box {
    padding-top: 160%;
  }
}

@media (max-width:414px){
  .wraptitle h3 {
    font-size:11px;
  }
  .wraptitle {
    padding: 20px 10px 10px 10px;
  }
  .background-box {
    padding-top: 169%;
  }
}

@media (max-width:375px){
  .background-box {
    padding-top: 172%;
  }
  .wrap-movie.separator-movie img {
    max-width: 53px;
  }
}

@media (max-width:320px){
  .background-box {
    padding-top: 178%;
  }
  .wraptitle h3 {
    font-size: 10px;
  }
  .wrap-movie.separator-movie img {
    max-width: 43px;
  }
}

#page-home {
  background: #fff;
}
#slider-theatre-posts,
.slider-home,
.slider-home.comingsoon,
.spotlight,
.promotions-container,
.cyber-banner,
.home-default-container {
  opacity:0;
  transition: all 300ms;
  transition-delay: 200ms;
}
#slider-theatre-posts.active,
.slider-home.active,
.slider-home.comingsoon.active,
.spotlight.active,
.promotions-container.active,
.cyber-banner.active,
.home-default-container.active {
  opacity:1;
}
.VueCarousel-pagination[data-v-7e42136f] {
  z-index: 9999999;
  position: absolute;
  bottom: 10px;
}
.spotlight {
  display: table;
  margin: 70px auto;
}
.spotlight > div {
  margin:0;
  padding:0;
}
.spotlight-select-container {
  height: 400px;
}
.spotlight-select {
  width: 100%;
  height: 400px;
  background-size: cover;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.spotlight-content .VueCarousel-wrapper {
  max-width:733px;
}

.spotlight-select-container a.VueCarousel-navigation-button.VueCarousel-navigation-prev {
  left: 35px !important;
}

.spotlight-select-container a.VueCarousel-navigation-button.VueCarousel-navigation-next {
  right: 40px !important;
}

.background-dark {
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  background: transparent;
  width: 100%;
  max-height:400px;
  opacity: 1;
}
.spot-content {
  text-align: left;
  padding-left: 55px;
  padding-right: 55px;
  width: 55%;
  height:400px;
}
.spot-cover-container {
  display: table-cell;
  height: 400px;
  width: 35%;
  text-align: right;
  padding-right: 32px;
}
.spot-cover {
  width: 74%;
  padding-top: 104%;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  vertical-align: middle;
  margin-top: 25px;
}

.wrap-button {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 400px;
}

.spot-content h1 {
  color: #fff;
  font-size: 40px;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  margin: 15px 0;
}
.spot-content p, .spot-content * {
  color: #fff;
  font-size: 14px;
  max-height: 81px;
  overflow: hidden;
}
.spot-content a,
#highlight-home button {
  border: 1px solid #fff;
  border-radius: 3px;
  background: transparent;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 30px;
  margin-top: 10px;
  font-family: 'Roboto Condensed', sans-serif;
  transition: 0.3s;
}
.spot-content a:hover,
#highlight-home button:hover {
  background: #b5121d;
  text-decoration: none;
  border: 1px solid #b5121d;
  background-color: #b5121d;
  -webkit-box-shadow: 0px 11px 25px -4px rgba(171, 0, 1, 0.6);
  -moz-box-shadow: 0px 11px 25px -4px rgba(171,0,1,0.6);
  box-shadow: 0px 11px 25px -4px rgba(171,0,1,0.6);
  transition: 0.3s;
  -webkit-font-smoothing: antialiased;
}
.logo-spot {
  display: block;
}
.logo-spot img {
  max-width: 170px;
  max-height: 26px;
}
.spotlight-options {
  margin: 0;
  height: 400px;
  clear: both;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: column;
}
.spotlight-options button {
  background: #454545;
  width: calc(100% - 5px);
  /* padding-top: 25.5%; */
  height: 130px;
  border: 0;
  margin-bottom: 5px;
  transition: 0.3s;
  /*display: flex;*/
  flex: 1;
}
.button-spot .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/040a3476-0691-40c3-a102-5e4a35ef75f5/original/cinemark-logo-big.png);
  background-position: center;
  background-size: 120px;
  background-repeat: no-repeat;
  width: calc(100% - 5px);
  height: 80px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.7;
}
.button-spot.esta-semana .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/560f3312-5bc1-46eb-909f-3589b025963c/original/logo-esta-semana.png);
  background-size: 120px;
}
.button-spot.eventos .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/6065c736-758e-422c-a760-198a79af7a8a/original/logo-eventos-cinemark.png);
  background-size: 98px;
}
.button-spot.anime .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/6e6e2b7d-8dd1-42c3-93d7-ef8675281157/original/sekai2.png);
  background-size: 200px;
}

.button-spot.xd .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/1b9caaa3-4e0b-4e5e-9e35-a6d1a9f7a8bd/original/xd-active.png);
  background-size: 156px;
}

.button-spot.dbox .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/c1071b61-c01e-4f40-8243-0ef85b60a18c/original/dbox-active.png);
  background-size: 110px;
}

.button-spot.ciclo-frances .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/42394bb8-129e-4abd-8d3d-a825ccb2757a/original/ciclo-frances-logo.png);
  background-size: 110px;
}

.button-spot.premier .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/12597e33-bd53-4c14-b343-a9b1af32adc1/original/premier.png);
  background-size: 120px;
}

.button-spot.palco .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/425682bd-24f8-4659-bf53-836497bdc138/original/palco.png);
  background-size: 105px;
}

.button-spot.kids .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/033799b8-5072-4bb1-81d5-5a81db33967a/original/kids.png);
  background-size: 105px;
}

.button-spot.clasicos .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/6e2331e6-0265-4895-9487-fc8463f7ce74/original/clasicos.png);
  background-size: 88px;
}

.button-spot.kids .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/aad50317-5a17-4a59-a43d-6446256b51af/original/kids_active.png);
  background-size: 58px;
}

.button-spot.blogtab .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/30206547-9de6-41ee-b13e-c89a4da44524/original/Blog_logo_B.png);
  background-size: 110px;
}

.button-spot.festival-dreamworks .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/9771d9ca-6f65-45b2-aca2-b2e26cf14a93/original/logo_b.png);
  background-size: 80px;
}

.button-spot.festival-rancagua .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/4480c570-7cb2-485d-97ad-c37eb1d122df/original/ciclo_rancagua.png);
  background-size: 80px;
}

.button-spot.cine-online-cartelera .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/9648e6c6-8d7a-4339-bc10-ec6d42aaa7ca/original/01_tab_cartelera_cineonline.png);
  background-size: 350px;
}

.button-spot.cine-online-como-funciona .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/c071bf6d-abb7-4245-afa5-dd5ff0862e50/original/boton_tab_centro_ayuda.png);
  background-size: 350px;
}

.button-spot.cine-online-proximamente .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/cc5f8c27-fd74-46c6-81f6-fe119924bc68/original/01_tab_proximamente_cineonline.png);
  background-size: 350px;
}

.button-spot.cine-online-frances .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/7268e4d9-168f-4199-97d9-2d6c8bc4b2a3/original/tab_cine_frances.png);
  background-size: 350px;
}

.button-spot.sala-play .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/9de0e9b1-b626-4189-8e29-d6dd6bce10af/original/Logo_Sala_Play-01.png);
  background-size: 80px;
}

.button-spot.festival-italiano .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/1b43ba6b-ed40-4209-a6cc-95fb43b326d2/original/logo_tab_cineitaliano.png);
  background-size: 160px;
}
.button-spot.cinemark .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/040a3476-0691-40c3-a102-5e4a35ef75f5/original/cinemark-logo-big.png);
  background-size: 120px;
}
.button-spot.active > .spot-logo {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  opacity: 1;
}

.logo-spot .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/040a3476-0691-40c3-a102-5e4a35ef75f5/original/cinemark-logo-big.png);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 140px;
}
.logo-spot.esta-semana .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/560f3312-5bc1-46eb-909f-3589b025963c/original/logo-esta-semana.png);
}
.logo-spot.eventos .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/6065c736-758e-422c-a760-198a79af7a8a/original/logo-eventos-cinemark.png);
}
.logo-spot.anime .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/b4063de3-3af9-40d4-bace-842522cfea61/original/logo-anime-cinemark.png);
}
.logo-spot.cinemark .spot-logo {
  background-image: url(https://cinemarkcl.modyocdn.com/uploads/040a3476-0691-40c3-a102-5e4a35ef75f5/original/cinemark-logo-big.png);
}

}

.spotlight-options button:hover {
  background: #242021;
  transition: 0.3s;
}
.spotlight-options .button-spot.active {
  background: #242021;
}
.spotlight-options button:last-child {
  margin-bottom:0;
}

/* PROMOTIONS SLIDER */
.promotions-container {
  display: table;
  margin: 20px auto 70px auto;
}
.promotions-container .hover-content {
  height: 270px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: calc(100%);
  padding: 30px 0 70px;
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}


.promotions-container .promotion-cta {
  background: #b5121c;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 87px;
  text-align: right;
  padding: 10px;
  padding-right: 24px;
  z-index: 999;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.promotion-cta span {
  color: #fff;
  text-align: right;
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
  position: absolute;
  left: -180px;
  opacity: 0;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  height: 18px;
  overflow: hidden;
}
.promotions-content:hover .promotion-cta span {
  left: 180px;
  opacity: 1;
}
.promotions-content .promotion-cta .grid-center-content {
  text-align: right;
  padding: 0 15px;
}
.promotion-cta button {
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  background: none;
  border: 0;
}
.promotion-cta span  i {
  margin-left: 15px;
  font-size: 11px;
}
.promotion-cta button i {
  font-size: 12px;
  margin-right: 2px;
}
.promotions-content:hover .promotion-cta {
  width: 100%;
}
.promotions-content .logo-promotion img {
  width: 70px;
}
.carousel-3d-slide {
  border:0;
}
.carousel-3d-slide.current .hover-content {
  opacity: 0;
}
.carousel-3d-slide.current .hover-content:hover {
  opacity:1;
}

.carousel-3d-slide.current .promotions-container .promotion-cta{
  width:100%;
}

.carousel-3d-slide.current .promotion-cta span {
  left:180px;
  opacity:1;
}

.carousel-3d-slide.current .promotions-content .hover-content .promotion-cta {
  width:100%;
}
.carousel-3d-slide.current .background-light {
  opacity:0;
}
.carousel-3d-slide .background-light {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: calc(100% + 40px);
  padding: 30px 0 70px;
  opacity: 1;
}

.promotions-content {
  position: absolute;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.promotions-content .grid-center-content {
  text-align: left;
  padding: 0 30px;
}
.promotion-details {
  width: 80%;
  margin-top: -20px;
}
.promotion-details h2 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
.promotion-details {
  color: #fff;
  font-size: 13px;
}
.promotion-details p {
  color: #fff;
  font-size: 13px;
}
.promotion-detail-description {
  color: #fff;
  font-size: 13px;
  max-height: 58px;
  overflow: hidden;
}
.promotion-detail-description .promo-description h3,
.promotion-detail-description .promo-description ul,
.promotion-detail-description .promo-description p {
  display: none;
}


/* FIN PROMOTIONS SLIDER */

.cinemark-select.form-group select.form-control {
  border-radius: 3px;
  height: 40px;
}

.cinemark-select.form-group {
  margin-top: 5px;
}

.swiper-slide {
  padding-top: 27%;
  width: 100% !important;
  position: relative;
  cursor: pointer;
}

.swiper-slide-responsive {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.slider-movie-title {
  height: 34px;
  background: #c60a09;
}

.slider-movie-title h4 {
  color: #fff;
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
  max-height: 28px;
  overflow: hidden;
  display: block;
  font-weight: 400;
}

/*BUY*/

#online-buy {
  background: #C60A09;
  width: 100%;
}

.box-options {
  margin: 30px 0;
}

.options-buy .option-box-inner {
  margin: 0 11px;
}

.option-box-inner select {
  margin-bottom: 10px;
}

.options-buy h4 {
  color: #fff;
  font-size: 10px;
}

.options-buy select {
  width: 100%;
}

.box-buy, .box-cartelera {
  margin: 8px;
  margin-top: 40px;
}

.box-cartelera a {
  padding: 10px 5px;
  width: 80%;
  margin: 0 auto;
  display: block;
  background: #AD0909;
}

/* promotions slider */

.swiper-container.swiper-container-promotions {
  width: 100%;
  height: 400px;
}

.swiper-container.swiper-container-posts {
  width: 100%;
  /*height: 418px;*/
}

/* banner promotions */

#highlight-home {
  padding: 0;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.highlight-content {
  position: absolute;
  bottom: 101px;
  width: 80%;
  left: 15%;
}
.highlight-content h1 {
  font-size: 30px;
  color: #fff;
}
#highlight-home .slick-prev:before, #highlight-home .slick-next:before {
  color: #d70a07;
}
#highlight-home .slick-next:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 45px;
  width: 40px;
  background-size: contain;
  padding: 0;
  background: url(https://cinemarkcl.modyocdn.com/uploads/3b2a47d0-dc5c-406f-9d2d-4c6d036144fc/original/arrow02-next.png) no-repeat;
  background-size: contain;
  width: 35px;
  text-indent: 9999px;
}
#highlight-home .slick-prev:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  height: 45px;
  width: 40px;
  padding: 0;
  background: url(https://cinemarkcl.modyocdn.com/uploads/9cb4da21-30c4-451f-9a20-3230ae17cff0/original/arrow02-prev.png) no-repeat;
  background-size: contain;
  width: 35px;
  text-indent: -9999px;
}

#highlight-home .slick-next {
  right: 15px;
}

#highlight-home .slick-prev {
  left: 15px;
}

#highlight-home .promotions {
  margin-bottom: 0;
}

/* movies slider */
.slider-home {
  padding: 40px 0 40px;
  margin-bottom: 0;
}
.slider-home.comingsoon {
  background: #f6f6f6;
}
.slider-controller {
  background: #2a2a2a;
  margin-bottom: 0;
  padding: 20px 0;
}

.slider-controller .selector-type button {
  width: 50%;
  float: left;
  background: none;
  border: none;
  border-bottom: 3px #808080 solid;
  color: #808080;
  font-weight: 500;
  font-size: 18px;
  border-radius: 0;
  padding: 15px 0;
}

.slider-controller .selector-type button.active {
  border-bottom: 3px #e00109 solid;
  color: #fff;
}

.slider-controller .selector-version {
  padding-top: 13px;
}

.slider-controller .selector-version button {
  float: right;
  background: #c5c5c5;
  color: #505050;
  text-transform: uppercase;
  border: none;
  border-radius: 3px;
  margin: 0 2px 4px 2px;
  font-size: 12px;
  font-weight: 400;
  padding: 7px 24px;
  border-radius: 0;
}

.slider-controller .selector-version button.active {
  background: #e00109;
  color: #fff;
}
.theatre-promotions a {
  width: 200px;
  height: 200px;
  background-size: cover;
  border: 2px solid #CECECE;
  display: inline-block;
  margin: 2%;
  padding: 13%;
}

.theatre-promotions a:nth-child(1), .theatre-promotions a:nth-child(2) {
  margin-bottom: 16px;
}

.action-bottom-sidebar {
  opacity: 0;
  background: rgba(0, 0, 0, 0.62);
  position: absolute;
  bottom: 0;
  float: right;
  right: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.action-bottom-sidebar a {
  padding: 10px;
  float: right;
  background: #c60a09;
  color: #fff;
  font-size: 14px;
  width: 50%;
}

.home-loading.loading-big {
  height: 435px;
}

.home-loading.loading-little {
  height: 159px;
}

.home-loading img {
  margin: 0 auto;
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  animation: loadingScale 3s infinite;
  animation-delay: 2;
  z-index: 1;
}

.home-loading h3 {
  line-height: 1;
  margin: 7px 0;
  font-size: 13px;
  font-weight: 500 !important;
  color: #c3c3c3;
}

.loading-container.load-room.quick-buy-loading {
  height: 146px;
  padding: 0;
}

.home-modal .modal-body {
	padding: 0;
	max-height: 100%;
}

.home-modal .modal-content {
	position: relative;
}

.home-modal a.home-modal-href {
	width: 100%;
	display: block;
}

.home-modal img {
	width: 100%;
	border-radius: 4px;
}
.home-modal .close {
	color: #fff;
	opacity: .8;
	text-shadow: 0 1px 0 #000;
}
button.close.closeMovie {
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 30px;
}


/*.loading-container.load-room.quick-buy .loading-spinner {*/
  /*padding: 0;*/
  /*}*/
  
  .titleSection {
    position: absolute;
    width: 41%;
    left: 12px;
    text-align: center;
    bottom: 45px;
    color: #fff;
    padding: 0 25px;
  }
  
  .titleSection h2 {
    color: #fff;
    margin: 0;
    margin-bottom:10px;
  }
  
  #highlight-home button {
    border-radius: 3px;
    background: #c60a09;
    color: #fff;
    border:0;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 30px;
    margin-top: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    transition: 0.3s;
    position: relative;
    top: -13px;
  }
  
  #highlight-home button:hover,
  #highlight-home button:focus,
  #highlight-home button:active{
    border:0;
  }
  
  
  .wrap-button a {
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 65px;
    width:65%;
    z-index: 2;
  }
  
  .cyber-banner {
    background:url(https://cinemarkcl.modyocdn.com/uploads/6c94e66b-6430-4e16-934e-e39ce29f0752/original/bg-cyber.jpg) no-repeat;
    background-size:cover;
  }
  
  .cyber-banner img {
    position: relative;
    top: -35px;
    max-width: 222px;
    margin: 0 auto;
    display: block;
  }
  
  .wrap-text {
    padding: 5em 0;
  }
  
  .wrap-text h2 {
    color: #fff;
    text-align:center;
  }
  
  .wrap-text p {
    color: #fff;
    text-align:center;
  }
  
  a.btn-cyber {
    margin: 0 auto;
    display: table;
    background: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 77px;
    font-weight:600;
  }
  
  .container-cyber {
    max-width: 1110px;
    margin: 0 auto;
    width: 100%;
  }
  
  .spot-title {
    display:none;
  }
  
  /*--Quick Buy--*/
  
  .quick-buy {
    display: table;
    width: 100%;
    background: #eff0f2;
    padding: 15px 10px;
  }
  
  .quick-buy .form-control {
    width: 100%;
  }
  
  .quick-buy p {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin: 0;
  }
  
  .quick-buy a {
    padding: 10px 5px;
    width: 80%;
    margin: 0 auto;
    display: block;
    background: #8a0000;
    text-decoration: none;
  }
  
  .quick-buy .button-container .grid-center-content {
    height: 65px;
  }
  
  .button-container {
    margin: 13px 0 5px;
  }
  
  @media (max-width: 1200px) {
    .slider-movies-container {
      padding: 0 30px;
    }
    .quick-buy p {
      padding-top: 10px;
    }
  }
  
  @media (max-width: 992px) {
    .context-home .swiper-slide {
      padding-top: 29% !important;
    }
    .box-options {
      margin: 30px 0 20px;
    }
    .box-cartelera {
      margin: 8px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .swiper-container.swiper-container-posts {
      /*height: 350px;*/
    }
    .titleSection {
      width: 35%;
      bottom: 40px;
      margin: 0 20px;
    }
    .titleSection h2 {
      margin-bottom: 10px;
      font-size: 23px;
    }
  }
  
  @media (max-width: 768px) {
    .carousel-3d-slide.current .hover-content:hover {
      opacity: 0;
    }
    .quick-buy {
      display: none;
    }
    #highlight-home .slick-next:before {
      right: 0;
      left: inherit;
    }
    #highlight-home .slick-prev:before {
      left: 0;
      right: inherit;
    }
    #highlight-home .slick-next {
      right: 0;
    }
    #highlight-home .slick-prev {
      left: 0;
    }
    .slider-title {
      width: calc(100% + 80px);
      margin-left: -40px;
      padding: 0 20px;
      text-align: center;
    }
    .slider-movies .VueCarousel-slide {
      padding: 0;
    }
    .spotlight-options {
      width: 100%;
      display: block;
      height:auto;
      clear: both;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: column;
    }
    
    .spotlight-select-container {
      height:auto;
    }
    .spotlight-options button {
      width: calc(100% - 7px);
      height: 60px;
      margin: 5px 0 0 0;
      transition: 0.3s;
      float: none;
      display: block;
      padding: 0;
      min-width: 18%;
      flex: inherit;
    }
    #highlight-home .slick-next,
    #highlight-home .slick-prev {
      top:46%;
    }
    .button-spot .spot-logo {
      height:64px;
      background-size: 200px !important;
    }
		
    .button-spot.esta-semana .spot-logo {
      background-size: 100px;
    }
    .button-spot.cinemark .spot-logo {
      background-size: 100px;
    }
    .button-spot.eventos .spot-logo {
      background-size: 78px;
    }
    .button-spot.anime .spot-logo {
      background-size: 78px;
    }
    .swiper-container.swiper-container-posts {
      /*height: 350px;*/
    }
    .theatre-promotions a:nth-child(1), .theatre-promotions a:nth-child(2) {
      margin-bottom: 8px;
    }
    #highlight-home {
      padding: 2em 0;
    }
    .row-promotions {
      padding: 0 1em;
    }
    .background-dark {
      width: 100%;
    }
    .spotlight-select .background-dark {
      width: 100%;
      display: table;
      height: 225px;
    }
    .spotlight-select {
      width: calc(100% - 0px);
      padding-top: 56%;
      height:auto;
    }
    
    .background-dark .grid-center-content {
      display: block;
    }
    
    .spot-cover {
      width: 80%;
      padding-top: 107%;
    }
    .spotlight {
      margin: 10px 0px 30px;
      width: calc(100% - 0px);
    }
    .spotlight-options button:last-child {
      margin-bottom: 5px;
    }
    .spotlight-options button img {
      max-width: 150px;
      max-height: 22px;
    }
    .swiper-slide-responsive {
      display: block;
    }
    
    .wrap-button {
      min-height: 360px;
    }
    
    .titleSection {
      padding: 0 20px 20px;
      margin:0;
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 0;
      left:0;
      right:0;
      color: #fff;
      /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/
    }
    .context-home .swiper-slide {
      padding-top:50% !important;
    }
    
    .cyber-banner img {
      top:-23px;
      max-width: 120px;
    }
    
    .wrap-text {
      padding: 0;
    }
    
    
    a.btn-cyber {
      margin-top: 11px;
      margin-bottom: 26px;
    }
    
    .spotlight-select-container .VueCarousel-pagination {
      display: none !important;
    }
    
    .wrap-button a {
      bottom:10em;
      font-size:11px;
    }
  }
  
  @media (max-width:767px){
    .background-dark:before {
      content: '';
      background: #000;
      position: absolute;
      width: 100%;
      height: 100%;
    }
    
    .spotlight-select {
      height: 359px;
    }
    
    
    .spot-title {
      display: block;
    }
    
    .spot-title {
      text-align:center;
      display: block;
      color: #fff;
      font-size: 20px;
      margin: 0;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    
    .spot-cover {
      width: 38%;
      padding-top: 49%;
    }
    
    .spotlight-select .background-dark {
      height: 400px;
    }
    
    .spotlight-options button {
      height:85px;
    }
    .wrap-button a {
      bottom: 2em;
      font-size: 11px;
    }
  }
  
  @media (max-width: 560px) {
    .swiper-container.swiper-container-posts {
      /*height: 300px;*/
    }
    .title-bar {
      padding: 1.5em;
    }
    
    .wrap-text h2 {
      font-size: 20px;
    }
    .spot-cover {
      width: 45%;
      padding-top: 68%;
      margin-top: 0;
    }
  }
  
  @media (max-width: 480px) {
    .carousel-3d-slider {
      width: calc(100% - 0px) !important;
    }
    .VueCarousel-navigation-prev {
      left: 0px !important;
    }
    .VueCarousel-navigation-next {
      right: 0px !important;
    }
    
    
    .slider-controller .selector-version button {
      padding: 5px 20px;
    }
    .swiper-container.swiper-container-posts {
      width: 100%;
      /*height: 160px;*/
    }
    .theatre-promotions a {
      width: 100%;
      padding: 29%;
      margin: 0;
    }
    .spot-cover-container {
      display: block;
    }
    .spot-content {
      width: 65%;
      text-align: center;
      height: auto;
      /*float: left;*/
      /*padding-top: 20%;*/
      padding-right: 0;
      padding-left: 10px;
      display: table-cell;
      vertical-align: middle;
    }
    .spotlight-select {
      height:225px;
    }
    .spot-content h1 {
      font-size: 20px;
      margin: 0;
      width: 100%;
    }
    .carousel-3d-slide.current {
      width: 100% !important;
    }
    .slick-prev, .slick-next {
      top: 80px;
    }
    .logo-spot .spot-logo {
      background-position: center;
      margin: 0 auto;
    }
    .logo-spot {
      display:none;
    }
    .spot-content p {
      display:none;
    }
    .spot-cover-container {
      /*display: block;*/
      /*float: left;*/
      width: 35%;
      height: auto;
      /*padding-right: 0;*/
      padding: 10px;
      /*margin-top: 5px;*/
      display: table-cell;
      vertical-align: middle;
    }
    .spot-cover {
      width: 62%;
      padding-top: 87%;
    }
    .spot-content a {
      font-size: 12px;
      padding: 8px 12px;
    }
    .titleSection {
      padding: 60px 20px 20px;
    }
    .titleSection h2 {
      margin-bottom: 0;
      font-size: 22px;
    }
    #highlight-home button {
      font-size: 12px;
      padding: 9px 15px;
    }
    .context-home .swiper-slide {
      padding-top:70% !important;
    }
    .wrap-button a {
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      width: 59%;
      font-size: 12px;
      padding: 7px;
      bottom:28px;
    }
    .spotlight-select {
      height: 361px;
    }
  }
  @media (max-width:414px){
    .spotlight-options button {
      height:70px;
    }
    .button-spot .spot-logo {
      height:70px;
      background-size: 140px !important;
    }
    .spotlight-select,
    .spotlight-select .background-dark {
      height:300px;
    }
    
    .wrap-button a {
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      width: 59%;
      font-size: 12px;
      padding: 7px;
    }
    
    .spot-title {
      display: block;
      color: #fff;
      font-size: 14px;
      margin: 0;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    
    .wrap-button {
      min-height: 312px;
    }
    
    
  }
  @media (max-width:375px){
    .spotlight-select,
    .spotlight-select .background-dark {
      height:270px;
    }
    .spot-content h1 {
      font-size:15px;
    }
    .titleSection h2 {
      margin-bottom: 0;
      font-size: 18px;
    }
    .spotlight-options button {
      height:62px;
    }
    .button-spot .spot-logo {
      height:62px;
    }
    .wrap-button {
      min-height: 285px;
    }
    
    .spot-cover {
      width: 62%;
      padding-top: 88%;
    }
  }
  
  @media(max-width:320px){
    .wrap-button a {
      bottom:48px;
    }
    .button-spot .spot-logo {
      background-size: 69px !important;
    }
  }
  @media (max-width: 1199px) {
    .button-container {
      margin-top: 20px;
    }
  }
  /*FIN*/
  /*#page-content {
    opacity: 0;
    transition:0.8s;
  }
  
  #page-content.load {
    opacity: 1;
    transition:0.8s;
  }*/