.hero-slider {
          width: 100%;
          height: 100vh;
          overflow: hidden;
        }
        .hero-slider .carousel-cell {
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
        }
        .hero-slider .carousel-cell.overlay-texture {
          background-repeat: repeat;
          background-size: unset;
            background-position: unset;
        }
        .hero-slider .carousel-cell .inner {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          color: white;
          text-align: center;
            padding: 0 12vw;
        }
        .hero-slider .carousel-cell .inner .subtitle {
          font-family: "Roboto Slab", serif;
          font-size: 2.2rem;
          line-height: 1.2em;
          font-weight: 200;
          font-style: italic;
          letter-spacing: 3px;
          color: rgba(255, 255, 255, 0.5);
          margin-bottom: 5px;
        }
        /*.hero-slider .carousel-cell .inner .title {
          font-family: "Montserrat", sans-serif;
          font-size: 3rem;
          line-height: 1.2em;
          text-transform: uppercase;
          letter-spacing: 3px;
          margin-bottom: 40px;
        }*/
        .hero-slider .carousel-cell .inner .btn {
          padding: 14px 18px;
          color: #fff;
        }
        .hero-slider .carousel-cell .inner .btn:hover {
          background: #fff;
          color: rgba(117,37,177,1);
        }
        .hero-slider .flickity-prev-next-button {
          width: 60px;
          height: 60px;
          background: transparent;
        }
        .hero-slider .flickity-prev-next-button:hover {
          background: transparent;
        }
        .hero-slider .flickity-prev-next-button .arrow {
          fill: white;
        }
        .hero-slider .flickity-page-dots {
          bottom: 30px;
        }
        .hero-slider .flickity-page-dots .dot {
          width: 30px;
          height: 4px;
          opacity: 1;
          background: rgba(255, 255, 255, 0.5);
          border: 0 solid white;
          border-radius: 0;
        }
        .hero-slider .flickity-page-dots .dot.is-selected {
          background: rgba(255,255,0,1);
          border: 0 solid rgba(255,255,0,1);
        }
        .videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .videoWrapper .play-svg {
            width: 200px;
        }
        
        .play-svg {
            cursor: pointer;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            width: 75px;
        }
        a.play {
            color: rgba(255,255,255,1);
        }
        
        .carousel-cell.uno::before {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
          background-image: url(https://miracle.nickonogues.es/assets/imgs/colgate/Colgate_26_1920x1280.jpg);
          filter: grayscale(100%);
            background-size: cover;
            background-position: center;
        }

        .carousel-cell.dos::before {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
          background-image: url("https://nickonogues.es/assets/imgs/carrusel-2.jpg");
          filter: grayscale(100%);
            background-size: cover;
            background-position: center;
        }

        .carousel-cell.tres::before {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
          background-image: url("https://miracle.nickonogues.es/assets/imgs/kalimori/kalimori_01_1920x1280.jpg");
          filter: grayscale(100%);
            background-size: cover;
            background-position: center;
        }

        .carousel-cell.cuatro::before {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
          background-image: url("https://nickonogues.es/assets/imgs/carrusel-3.jpg");
          filter: grayscale(100%);
            background-size: cover;
            background-position: center;
        }

        .carousel-cell.cinco::before {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
          background-image: url("https://miracle.nickonogues.es/assets/imgs/MIR_home_Nicko_01.jpg");
          filter: grayscale(100%);
            background-size: cover;
            background-position: center;
        }

        .carousel-cell.uno::after, .carousel-cell.dos::after, .carousel-cell.tres::after, .carousel-cell.cuatro::after, .carousel-cell.cinco::after {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
        }

        
        #videoBG-intro {
            position:fixed;
            z-index: -1;
            /*not work if the screen ratio is below 16/9*/
            width:100%;     
            height: auto;
            top:0;
        }
        
        @media (min-aspect-ratio: 16/9) {
            #videoBG-galaxia, #videoBG-intro, #videoBG-planeta {
                width:100%;
                height:auto;
            }
        }
        @media (max-aspect-ratio: 16/9) {
            #videoBG-galaxia, #videoBG-intro, #videoBG-planeta {
                width:auto;
                height:100%;
            }
        }
        @media (max-width: 767px) {
            #videoBG-intro {
                display:none;
            }
            .intro-dmah {
                background: url(../assets/imgs/video-home-poster.jpg);
                background-size: cover;
                background-position: 50%;
                background-color: rgba(0,0,0,0.4);
                background-blend-mode: multiply;
            }

        }