.slick-slide, .slick-slide::before, .caption { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.slick-slide::before { content: ''; position: absolute; top: 0; left: 0; /*width: 100%; height: 100%;*/ }
.main-slider { position: relative; width: 100%; height: 42vw; min-height: 8vw; opacity: 0; visibility: hidden; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; }
.main-slider.slick-initialized { opacity: 1; visibility: visible; }
.slick-slide { position: relative; height: 42vw; }
/*.slick-slide::before { background-color: #000; opacity: .3; z-index: 1; }*/
.slick-slide video { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slick-slide iframe { position: relative; pointer-events: none; }
.slick-slide figure { position: relative; height: 100%; }
.slick-slide .slide-image { opacity: 0; height: 100%; background-size: cover; background-position: center; -webkit-transition: all .8s ease; transition: all .8s ease; }
.slick-slide .slide-image.show { opacity: 1; }
.slick-slide .image-entity { width: 100%; opacity: 0; visibility: hidden; }
.slick-slide .loading { position: absolute; top: 44%; left: 0; width: 100%; }
.slick-slide .slide-media { -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
.slick-slide.slick-active { z-index: 1; }
.slick-slide.slick-active .slide-media { -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
.slick-slide.slick-active .caption { opacity: 1; -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; }
.slick-dots{ position: absolute; bottom: 20px; display: block; width: 100%; padding: 10; margin: 0; list-style: none; text-align: center; }
.slick-dots li.slick-active button:before{ font-size:15px; color:blue; }
.slick-dots { text-align: center; padding-top: 15px; }
.slick-dots li { display: inline-block; vertical-align: top; margin: 0 8px; }
.slick-dots li button { width: 16px; height: 16px; border: none; cursor: pointer; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 0 transparent; vertical-align: middle; color: #fff; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .4; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover { opacity: 1; }
.slick-dots li.slick-active button { border-color: #2d3042; box-shadow: 0 0 0 2px #fff; opacity: 1; }
.slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; }
.slick-dots li { margin: 0 0.25rem; }   
.slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: rgba(255,255,255, 0.5); text-indent: -9999px; cursor: pointer; }

.main-slider button.slick-arrow{font-size:0; position:absolute;  margin-top:10px; width:40px; height:40px; z-index:999; outline:0;border: 0px;} 
.main-slider button.slick-prev{position:absolute;top:45%;left:10%; background:url("../img/left_arrow.png") center no-repeat;} 
.main-slider button.slick-next{position:absolute;top:45%;right:10%; background:url("../img/right_arrow.png") center no-repeat;} 
.main-slider .slide_wrap .slide_txt{position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); font-size:50px; line-height:1.8; font-weight:bold; color:red; text-align:center; z-index:900;}
.main-slider{height:auto;}


@media only screen and (max-width: 320px) {
    .caption { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 5px; color: #fff; margin: 0; font-size: 16px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }    
    .size { position: absolute; width: 75%; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); text-align: center; color: #fff; margin:0; font-size: 10px; font-weight: 300; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .main-slider .image{height:30vh;}
    .main-slider .youtube{height:30vh;}
    .main-slider .video{height:30vh;}
}
@media only screen and (min-width: 321px) and (max-width: 768px){
    .caption { position: absolute; width: 100%; top: 40%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 5px; color: #fff; margin: 0; font-size: 30px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .size { position: absolute; width: 75%; top: 60%; left: 50%; text-align: center; transform: translate(-50%, -50%); text-align: center; color: #fff; margin:0; font-size: 10px; font-weight: 300; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .main-slider .image{height:30vh;}
    .main-slider .youtube{height:30vh;}
    .main-slider .video{height:30vh;}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .caption { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 20px; color: #fff; margin: 0; font-size: 70px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .size { position: absolute; width: 100%; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); text-align: center; color: #fff; margin:0; font-size: 18px; font-weight: 300; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .main-slider .image{height:400px;}
    .main-slider .youtube{height:400px;}
}
@media only screen and (min-width: 1201px) {
	.caption { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 20px; color: #fff; margin: 0; font-size: 70px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }
	.size { font-size: 18px; top: 60%; }
    .main-slider .image{height:700px;}
    .main-slider .youtube{height:700px;}
    .main-slider .video{height:100vh;}
}