.slider{height: auto !important; border:none;}
.slick-slider{position: relative;display: block;box-sizing:inherit;-webkit-user-select: none;    -moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;height:auto !important;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide
{display: none;float: left;height:auto;min-height:5px}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border:none;}
.slick-arrow.slick-hidden {display: none;}
/*theme button and dot*/
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width:15px !important;height:15px !important;margin: 0 auto;padding: 0 !important;cursor: pointer; float:none !important;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width:15px;height:15px;padding:3px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'FontAwesome';font-size:12px;line-height:15px;position: absolute;top: 0;left: 0;width:15px;height: 15px;content: '\f1db';text-align: center;color:#fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{color:#fff;content: '\f111'}
/* Arrows */
.slick-prev,.slick-next{font-size:20px;line-height:20px;z-index: 2;position: absolute;top:-46px;display: block;width:32px;height:32px;padding: 0;cursor: pointer;color:#fff;border: none;outline: none;background:rgba(0,0,0,0.2);}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background:rgba(0,0,0,0.2);}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;color:rgba(0,0,0,0.8);}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.5;}
.slick-prev:before,.slick-next:before{font-family: 'FontAwesome';font-size:14px;line-height:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left:25px;}
[dir='rtl'] .slick-prev{right:50px;left: auto;}
.slick-prev:before{content: '\f053';}
[dir='rtl'] .slick-prev:before{content: '\f053';}
.slick-next{right:25px;}
[dir='rtl'] .slick-next{right: auto;left:50px;}
.slick-next:before{content: '\f054';}
[dir='rtl'] .slick-next:before{content: '\f054';}
.slick-prev{left:auto; right:34px;display: flex;align-items: center;justify-content: center;}
.slick-next{left:auto; right:0;display: flex;align-items: center;justify-content: center;}
/*modif*/
.slick-prev, .slick-next{opacity:0;top:45%; width:40px; height:40px; display:flex; align-items:center; justify-content:center;}
.slick-prev{ border-radius:50%;left:15px;}.slick-next{border-radius:50%;right:15px;}
.slick-prev, .slick-next{background:rgba(0,0,0,0.2); color:#fff; opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:#ccc;}
.slick-prev:before{content: '\f104';font-size:30px;}
.slick-next:before{content: '\f105';font-size:30px;}
.slick-dots{bottom:0; background:transparent; height:50px; position:absolute;}

.topslider-box{margin:0 auto;}
.topslider-thumb {width:100%; padding:0; position:relative;font-size:16px; overflow:hidden; background:#6E6F6F;}
.topslider-thumb .topslider-cover{width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
.topslider-thumb .topslider-cover .play-btn{margin:0 auto; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; display:flex; align-items:center; justify-content:center;color: rgba(0,0,0,0); font-size:70px;}
.topslider-thumb .topslider-cover:hover .play-btn{color: rgba(0,0,0,0.8);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.topslider-thumb .topslider-cover img{width:100%; height:auto; display:block;}
.topslider-thumb .topslider-title-box{margin:0; padding:0; display:block; position:absolute; top:0; left:80px; right:80px; bottom:0; display:flex; align-items:center; justify-content:center;}
.topslider-thumb .topslider-title-box h2.title{color:#fff; font-size:72px; line-height:82px; margin:0 0 30px 0;}
.topslider-thumb .topslider-title-box h3.title{color:#fff; font-size:24px; line-height:28px; margin:0 auto;}
.topslider-thumb .topslider-title-box h4.date{font-size: 12px;line-height: 16px;margin: 0 0 10px 0;font-weight: 400;text-transform: uppercase;color: #017f42;}
.topslider-thumb .topslider-title-box h5.kanal a{color:#ff7f00;} .topslider-thumb .topslider-title-box h5.kanal a:hover{color:#fff;}
.topslider-thumb .topslider-title-box h2.title a{color:#fff;} .topslider-thumb .topslider-title-box h2.title a:hover{color:#ff7f00;}

.topslider-thumb.for-news{border-left:1px solid #fff; border-right:1px solid #fff;}
.topslider-thumb.for-news .topslider-title-box{margin:0; padding:0; display:block; position:absolute; top:inherit; bottom:0; left:5%; right:5%; display:flex; align-items:center; justify-content:center; flex-direction:column;  padding:15px;min-height:90px;}
.topslider-thumb.for-news .topslider-cover img{opacity:0.8;transition: all 0.3s ease-in-out;}
.topslider-thumb.for-news:hover .topslider-cover img{opacity:1;transition: all 0.3s ease-in-out;}
.topslider-thumb.for-news  .topslider-cover img {animation:none;}
.topslider-thumb.for-news .topslider-title-box h4.date{display:flex; padding:5px 10px; background:rgba(255,255,255,0.9); margin:0 0 15px 0; border-radius:2px; font-weight:500;}
.foto-slider{padding:0 0 30px 0;}
.foto-slider .slick-prev{left:30px;} .foto-slider .slick-next{right:30px;}

.topslider-thumb.for-foto .topslider-title-box{top:inherit; bottom:inherit; left:inherit; right:inherit; position:inherit; padding:15px 15px 45px 15px;}
.topslider-thumb.for-foto .topslider-cover img{opacity:1;transform:scale(1);}
.topslider-thumb.for-foto:hover .topslider-cover img{opacity:1;transform:scale(1);}
.topslider-thumb.for-foto  .topslider-cover img {animation:none;}
.topslider-thumb .topslider-title-box p.deskripsi{font-size:12px;line-height:18px; color:#fff; margin:0;}

.box-detail-foto{margin:0 0 15px 0; overflow:hidden;}
.box-detail-foto .pagingInfo{padding:5px 15px; background:rgba(0,0,0,0.7); color:#ddd; text-align:center; position:absolute; bottom:0; right:15px; width:auto; z-index:2; height:30px; font-weight:500;}
#slide_foto .slick-dots{bottom:0;  height:30px; position:absolute; padding:0 15px; text-align:left; display:flex; justify-content:flex-start; align-items:center;}
#slide_foto .slick-dots li{margin:0;}
#slide_foto .slick-dots li button:before{width:15px; height:18px; line-height:18px;}