/*------------------- Banner ------------------*/
#banner{width:100%; position: relative;}
#banner img{width:100%;}
#banner .slide{display:block !important;  }
#banner figcaption{position:absolute;background:rgba(0,0,0,.5); left: 0; 
right: 0; bottom: 0; top:0;  z-index: 10; padding:20px; align-items:center; text-align:left; display:flex;}
#banner figcaption h1{color:#fff; font-size: 60px; line-height:1.1em; margin-bottom:15px; font-weight:500; 
font-family: 'Montserrat', sans-serif;}
#banner figcaption p{font-size: 18px; line-height: 1.3em; margin-bottom:50px; color: #fff;}
#banner ul.statics{display:block;  }
#banner ul.statics li{float:left; font-size: 15px; line-height: 1.3em; opacity:.8; color:#fff; margin-right: 30px;} 
#banner ul.statics li + li{border-left:1px solid rgba(255,255,255,.5); padding-left: 30px;}
#banner ul.statics li strong{display: block;font-size:30px; font-weight:700; margin-bottom: 5px; line-height:.8em;}
#banner ul.statics li strong span{font-size: 12px; display: inline-block; line-height: 1em; font-weight: 600; 
	margin-left: 5px}
#banner.dark-theme figcaption h1{color:#009bfe;}
#banner.light-theme figcaption h1{color:#000}
#banner.light-theme p{color:#000;} 
#banner.light-theme figcaption{background: none;}

#banner .slick-dots{bottom:25px;}
#banner .slick-dots li button:before{background:#fff !important; font-size:36px; opacity: .5;}
#banner .slick-dots li.slick-active button:before{opacity: 1 !important; color:var(--theme-red) !important;}

#banner #carousel_date{display:block; font-size: 24px; font-weight:500; line-height: 1.2em; margin-bottom: 20px; }
#banner #carousel_date span.dvdr{margin:0 5px; font-weight:300;}

@media screen and (min-width:992px){#banner .btn-primary, a.btn-primary {padding:14px;}} 

@media screen and (min-width:1400px){#banner .slick-dots{bottom:45px;} }

@media screen and (max-width:992px){
#banner { margin-bottom:40px; width:auto;}
#banner figure{height:55vh;}
#banner figcaption h1{font-size: 40px;}
#banner figcaption p{font-size:16px;}
.statics{margin-top: 30px;}
#banner figure img { width: 100%; height: 100%;  object-fit: cover;}
}

@media screen and (max-width:767px){
#banner{margin-bottom:13px;}
#banner figcaption{text-align:center;}
#banner figcaption h1, #banner.detail-page figcaption h1 {line-height: 1.3em; margin-bottom: 10px; font-size:30px; display: block;width: 100%; font-family: 'Playfair Display', serif;
    font-weight: normal;}
#banner figcaption p{ font-size: 14px; line-height: 1.3em; margin-bottom:15px; color: #fff;
    display: block; width: 100%;}
#banner ul.statics{width: 100%; margin-top:20px;}
#banner ul.statics li{display: inline-block; text-align: center; font-size: 12px; line-height: 1.3em;
    opacity:.5;  color: #fff;  padding: 0 15px; margin:0; float:none;}
#banner ul.statics li + li{padding-left: 15px;}
#banner ul.statics li strong {display: block; font-size: 20px; font-weight: 700; margin-bottom: 5px;}
#banner .slick-dots{bottom:20px;}
#banner ul.statics li strong span{font-size:9px; }
#banner .container.slide{padding:0;}


}