.hero_lucky{
	position: relative;
	width: 100vw;
	max-width: 100%;
	height: calc(80vh - 150px);
}
.hero_lucky .image{
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top center;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10vw;
    overflow: hidden;
}
.hero_lucky .image_container{
	position: relative;
	max-width: 350px;
	width: 100%;
}
.hero_lucky .image img{
	width: 100%;
	height: auto;
}


.lucky_main_image{
	position: relative;
	padding: 10vh 8%;
}
.lucky_main_image img{
	width: 100%;
	height: auto;
}

.lucky_promos{
	position: relative;
}

#winners_section{
	background-image: url("../assets/citibanamex_winners_bg.webp");
	background-size: cover;
	background-position: center center;
	position: relative;
	padding: 10vh 0;
	color: #fff;
	min-height: 100dvh;
}
#winners_section .block_title .text{
	margin-top: 10px;
}

#winners_section .slider_button{
	position: absolute;
	top: 50%;
}
#winners_section .slider_button#prevBtn{
	left: 0;
}
#winners_section .slider_button#nextBtn{
	right: 0;
}
#winners_section .carousel_container{
	position: relative;
}

.block_title .title h2{
	margin-left: 0;
}
.carousel-cell {
  width: 50%;
  margin-right: 0px;
  border-radius: 5px;
}

.carousel-cell img {
    width: 100%;
    height: 100%;
    object-fit:cover;
    transform: scale(0.8);
    transition: transform 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* easeOutQuart */

}
.carousel-cell.is-selected img {
    width: 100%;
    height: 100%;
    object-fit:cover;
    transform: scale(1)
}

.video-container{
  width: 100%;
  height: 100%;
  pointer-events: none;
}
    
iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
    
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78%;
  }
}

@media(max-width:1200px){
	.hero_slider.lucky .slide {
    	display: flex;
	}
}

@media(max-width:992px){
	.page-template-temp_lucky_stage .section-banner.banner-small .banner-info {
	    flex-direction: column;
	    align-items: center;
	}
	.promo____grid .offers__item,
	.promo____grid .offers__item:nth-child(3n) {
    	margin-right: 1%;
		width: 48%;
    }
}

@media(max-width:767px){
/*
	.lucky_banner{
		height: auto;
		max-height: initial;
	}
	.lucky_banner .banner-cover {
    	width: 100%;
    }
    .lucky_banner .banner-cover img{
	    width: 40%;
	    max-width:250px;
	    height: auto;
    }
*/
	.hero_lucky {
    	position: relative;
		width: 100vw;
		max-width: 100%;
		height: calc(60vh - 150px);
	}
	.video-container{
	  width: 100%;
	  height: 100%;
	  pointer-events: none;
	}
	    
	iframe {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 100vw;
	  height: 100vh;
	  transform: translate(-50%, -50%);
	}
	.hero_lucky .image_container {
    	position: relative;
		max-width: 200px;
    }
	
	.lucky_banner .banner-cover {
    	display: none;
	}
    .hero_slider.lucky{
    	margin-bottom: 16vh;
    }
    .hero_slider.lucky .slide {
    	display: block;
	}
	.hero_slider.lucky .slide .column.left, .hero_slider.lucky .slide .column.right{
    	width: 100%;
	}
	.hero_slider.lucky .slide .column.left{
    	position: absolute;
    	width: 100%;
    	z-index: 10;
	}
	.hero_slider .column .column_bg{
		display: none;
	}
	.promo____grid {
	    padding: 0 8% 8vh;
	}
	.promo____grid .offers__item,
	.promo____grid .offers__item:nth-child(3n) {
    	margin-right: 0%;
		width: 100%;
		margin-bottom: 1rem;
    }
	
	#winners_section{
		min-height: auto;
		padding: 7vh 0 12vh;
	}
}