.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 2px;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;width:50px;top:45%; width:50px; height:50px; display:flex; align-items:center; justify-content:center;}
.slick-prev{left:0; border-radius:0 4px 4px 0;}slick-next{right:0; border-radius:4px 0 0 4px;}
.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:#00a2ea; font-size:40px;}
.slick-prev:before{content: '\f104';font-size:40px;}
.slick-next:before{content: '\f105';font-size:40px;}
.slick-dots{bottom:0; background:transparent; height:50px; position:absolute;}
.slider-kanal{position:relative; margin:0 auto;}
.slider-kanal .top-teks{position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; margin:0 auto; z-index:2; display:flex; align-items:center; justify-content:center;  background:rgba(0,0,0,0.3); flex-direction:column;}
.slider-kanal .top-teks h3.title-slider{padding:10px 15px; color:#fff; border-radius:4px; margin:0 auto 15px auto; font-size:16px; line-height:18px; text-align:center;}
.slider-kanal .top-teks h1.title-slider{font-size:80px; line-height:84px; text-align:center; margin:0 auto 30px auto;font-weight:900; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.topslider-box{margin:0 auto;}
.topslider-thumb {width:100%; padding:0; position:relative;font-size:16px; overflow:hidden; background:#000;}
.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; opacity:0.8;}
.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:30px; line-height:34px; margin:0 auto;}
.topslider-thumb .topslider-title-box h5.kanal{padding:0; font-size:12px; line-height:16px;  margin:0 auto 10px auto; color:#ff7f00; text-transform:uppercase;}
.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 .topslider-cover img {animation: zoominout 30s infinite ;}
@keyframes zoominout {
    0% {
        transform: scale(1);
    }
	/* 50% {
        transform: scale(1.2);
    } */
	100% {
        transform: scale(1.2);
    }
}
#slide_02{width:100%;}
.proslider-box{margin:0 auto;width:100%;}
.proslider-thumb {padding:0; position:relative;overflow:hidden; background:#000;}
.proslider-thumb .proslider-cover{width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative; opacity:0.8;}
.proslider-thumb .proslider-cover img{width:100%; height:auto; display:block; opacity:0.9;transition: all 0.3s ease-in-out;transform:scale(1);}
.proslider-thumb .proslider-title-box{margin:0; padding:0;  position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center;}
.proslider-thumb .proslider-title-box h2.title{color:#fff; font-size:30px; line-height:34px; padding:15px; text-align:center;}
.proslider-thumb .proslider-title-box h5.kanal a{color:#ff7f00;} .proslider-thumb .proslider-title-box h5.kanal a:hover{color:#fff;}
#slide_02 .slick-prev, #slide_02 .slick-next{opacity:0;width:50px;top:45%; width:50px; height:50px; display:flex; align-items:center; justify-content:center;}
#slide_02 .slick-prev{left:0; border-radius:0 4px 4px 0;}#slide_02 .slick-next{right:0; border-radius:4px 0 0 4px;}
#slide_02:hover .slick-prev, #slide_02:hover .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;}
#slide_02 .slick-prev:hover:before, #slide_02 .slick-prev:focus:before, #slide_02 .slick-next:hover:before, #slide_02 .slick-next:focus:before{color:#00a2ea; font-size:40px;}
#slide_02 .slick-prev:before{content: '\f104';font-size:40px;}
#slide_02 .slick-next:before{content: '\f105';font-size:40px;}
.proslider-thumb:hover .proslider-cover img{opacity:0.3;transition: all 0.3s ease-in-out;transform:scale(1.1);}
.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; position:relative; top:inherit; left:0; right:0; bottom:0; display:flex; align-items:flex-start; justify-content:center;  padding:30px; background:#303382; height:200px;}
.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-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;}
.box-detail-foto{position:relative; padding:0 15px;}
.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; background:transparent; height:30px; position:absolute; padding:0 15px; text-align:left; background:rgba(255,255,255,0.3); display:flex; justify-content:flex-start; align-items:center;}
#slide_foto .slick-dots li button:before{width:15px; height:18px; line-height:18px;}

.topslider-thumb.for-news2{display:block; background:#fff; margin:45px 0;}
.topslider-thumb.for-news2 .topslider-title-box{margin:0; width:50%;display:flex; align-items:flex-start; justify-content:center; flex-direction:column;  padding:15px 30px; position:inherit; float:left; min-height:350px; left:0; right:0;}
.topslider-thumb.for-news2 .topslider-cover{width:50%; margin:0; float:right; min-height:350px;}
.topslider-thumb.for-news2 .topslider-cover img{opacity:1;transition: all 0.3s ease-in-out; transform:scale(1);}
.topslider-thumb.for-news2:hover .topslider-cover img{opacity:1;transition: all 0.3s ease-in-out; transform:scale(1.1);}
.topslider-thumb.for-news2  .topslider-cover img {animation:none;}
.topslider-thumb.for-news2 .topslider-title-box h2.title-news{font-size:30px; line-height:34px; margin:0 0 15px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:105px;-webkit-line-clamp:3;-webkit-box-orient: vertical; color:#303382;}
.topslider-thumb.for-news2 .topslider-title-box h5.date-news{font-size:14px; line-height:18px; margin:0 0 15px 0; color:#f9b12c ; font-weight:500; text-transform:uppercase;}
.topslider-thumb.for-news2 .topslider-title-box p{font-size:16px; line-height:20px; margin:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:#444;}
#slider_news .slick-dots{ text-align:left; padding:0 30px;}
#slider_news .slick-dots li button {padding:3px 0;}
#slider_news .slick-dots li button:before{color:#444; font-size:13px; line-height:13px;}
#slider_news .slick-dots li.slick-active button:before{color:#444;}
.topslider-thumb.for-news2 .topslider-title-box h2.title-news a{color:#303382;}
.topslider-thumb.for-news2 .topslider-title-box h2.title-news a:hover, .topslider-thumb.for-news2 .topslider-title-box h2.title-news:hover{color:#00a2ea;}
#slider_news .slick-prev{left:50%;}

.topslider-thumb.for-foto2 .topslider-cover img{opacity:1;transform:scale(1);}
.topslider-thumb.for-foto2:hover .topslider-cover img{opacity:1;transform:scale(1);}
.topslider-thumb.for-foto2  .topslider-cover img {animation:none;}