@charset "utf-8";
/* CSS Document */
.banner_area{ overflow: hidden; margin-top: 100px;}
.index_slideshow .slide img { max-width: 100%; width: 100%; }
.index_slideshow .slick-prev:before, .index_slideshow .slick-next:before { color: #ffffff; font-size: 60px;}


.index_slideshow .slick-prev:before { content: "\F129"; font-family: "bootstrap-icons" !important; font-size: 30px; }
[dir="rtl"] .index_slideshow .slick-prev:before { content: "\F129"; font-family: "bootstrap-icons" !important; }
.index_slideshow .slick-next:before { content: "\F133"; font-family: "bootstrap-icons" !important; font-size: 30px;}
[dir="rtl"] .index_slideshow .slick-next:before { content: "\F133"; font-family: "bootstrap-icons" !important; }

.index_slideshow .slick-prev{ left: 5%; z-index: 99;}
.index_slideshow .slick-next{ right: 5%;}

.banner_area .slick-dots{ bottom: 10px;}
.slick-dots li button:before{color: #fff; font-size: 10px;}
.banner_area .slick-dots li.slick-active button:before{color: #fff; }
/****/

.banner-video-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}


/****/
/**in_banner**/
.in_banner_area{ position: relative; overflow: hidden; margin:100px 3% auto 3%; border-radius: 25px;} 
.in_banner_photo img{ width: 100%;}

@media all and (max-width: 991px) {
	.banner_area, .in_banner_area{ margin-top: 80px;}
	.in_banner_area{border-radius: 15px;}
}
@media all and (max-width: 360px) {
	.banner_area, .in_banner_area { margin-top: 70px; }
}
@media all and (max-width: 240px) {
	.banner_area, .in_banner_area { margin-top: 60px; }
}