@charset "UTF-8";

.template_carousel {
  padding-bottom: 20px;
}
.slick_container {
  position: relative;
  top: 8px;
  z-index: 1;
}
.slick_container video {
  width: auto;
  height: 300px;
  border-radius: 12px;
  display: inline-block;
    margin: 0 10px;	
	outline: 3px solid #ffffff;
    outline-offset: -2px;
}
.frame_mobile {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.frame_mobile img {
  width: 240px;
  height: 417px;
    max-width: inherit;	
  display: block;
  filter:drop-shadow(3px 13px 20px #666666);	
}
.template_carousel .slick-initialized .slick-slide {
  outline: none;
  /*opacity: .8;
  transition: opacity ease .2s;*/
}
.template_carousel .slick-initialized .slick-slide.slick-center {
  opacity: 1;
}
.template_carousel .slick-initialized .slick-slide > div {
  text-align: center;
}

/*----- fix -----*/

@media screen and (min-width: 720px){
	.template_carousel_mobile{
		display: none;
	}
	.slick-track {
	   display: inline-flex !important;
	   width: 7500px !important;  /*you can change this value to modulate the gap between the images*/
		justify-content: space-evenly !important;
	}

	.slick-slide {
	   width: fit-content !important;
		display: table !important;			
	}
}
@media screen and (max-width: 720px){
	.template_carousel_mobile{
		display: block;
	}	
	.template_carousel_desktop{
		display: none;
	}		

}