.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;}
/* Dots */
.slick-dots{position: absolute;bottom:0;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:10px;line-height:17px;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;transition: all 0.3s ease-in-out;}
.slick-prev{ border-radius:4px;left:15px;}.slick-next{border-radius:4px;right:15px;}
.slick-prev, .slick-next{background:rgba(0,0,0,0.2); color:#fff; opacity:0;transition: all 0.3s ease-in-out;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:#cecece;}
.slick-prev:before{content: '\f104';font-size:30px;}
.slick-next:before{content: '\f105';font-size:30px;}
.slick-dots{bottom:2.5px; background:transparent; height:30px; position:absolute;}
.slider-main:hover .slick-prev, .slider-main:hover .slick-next{opacity:1;transition: all 0.3s ease-in-out;}
.slider-main{opacity:0;visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease; border-radius:4px; overflow:hidden;margin:15px; padding-bottom:0;}
.slider-main.slick-initialized {visibility: visible;opacity: 1;}
.slider-item{width:100%; height:auto; position:relative;}
.slider-item img{width:100%; height:auto; margin:0 auto;}
.slider-item .text-slider{position:absolute; bottom:0; left:0; right:0; padding:15px; background:rgba(255,255,255,0.8);}
.slider-item .text-slider a{color:#202020;}
.slider-item .text-slider a:hover{color:#999;}
.slider-item .text-slider h3.title{font-size:24px; line-height:28px; margin:0;}
.slider-main .slick-dots{bottom:0; background:transparent;height:30px; border-radius:0 0 4px 4px;}
.slider-video .slick-list{padding:0 15% 0 0;}
.slider-media{opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease; overflow:hidden; padding-bottom:0;}
.slider-media.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.slider-media:hover .slick-prev, .slider-media:hover .slick-next{opacity:1;transition: all 0.3s ease-in-out; top:35%;}
.slider-media .slick-dots{bottom:0; background:#b4c2cc;height:30px; border-radius:4px;}
.slider-belanja .slider-item img{width:auto; height:100%;}
.slider-belanja .slick-list{padding:0 4% 0 0;}
.slider-belanja .slick-prev, .slider-belanja .slick-next{top:45%; width:20px; height:20px; background:rgba(255,255,255,0.3); box-shadow: 1px 1px 5px rgba(0,0,0,0.3); opacity:1;}
.slider-belanja .slick-prev:before, .slider-belanja .slick-next:before{font-size:14px; color:#000;}
.slider-belanja{opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease; overflow:hidden; padding-bottom:0;}
.slider-belanja.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.topslider.harga .topslider-title-box{margin:0; padding:0; position:relative; left:inherit; right:inherit; bottom:inherit; display:flex; align-items:flex-start; justify-content:center;}
.topslider.harga .topslider-title-box ul.harga-list{list-style:none; list-style-position:inside; padding:0; margin:0; width:100%;}
.topslider.harga .topslider-title-box ul.harga-list li{padding:0; border-top:1px solid #ddd; overflow:hidden; font-size:12px;}
.topslider.harga .topslider-title-box ul.harga-list li .harga-kiri{width:70%; float:left; padding:8px 15px;}
.topslider.harga .topslider-title-box ul.harga-list li .harga-kanan{width:30%; float:left; padding:8px 15px; text-align:right;}
.topslider.harga .topslider-title-box ul.harga-list li:first-child{border-top:none;}
.topslider.harga .topslider-title-box ul.kurs-list{list-style:none; list-style-position:inside; padding:0; margin:0; width:100%;}
.topslider.harga .topslider-title-box ul.kurs-list li{padding:0; border-top:1px solid #ddd; overflow:hidden; font-size:12px;}
.topslider.harga .topslider-title-box ul.kurs-list li .kurs-kiri{width:20%; float:left; padding:8px 15px; line-height:18px;}
.flag-s{width:16px; height:16px; float:left;margin-right:5px; overflow:hidden;}
.flag-s img{width:16px; height:16px;}
.topslider.harga .topslider-title-box ul.kurs-list li .kurs-tengah{width:40%; float:left; padding:8px 15px; text-align:right; line-height:18px;}
.topslider.harga .topslider-title-box ul.kurs-list li .kurs-kanan{width:40%; float:left; padding:8px 15px; text-align:right; line-height:18px;}
.topslider.harga .topslider-title-box ul.kurs-list li:first-child{border-top:none;}
.topslider.harga .pangan-kiri{width:50%; float:left; padding:15px 8px; line-height:18px;}
.topslider.harga .pangan-kanan{width:100%;  padding:5px 8px; display:flex; justify-content:center; align-items:center; flex-direction:column; line-height:18px;}
.topslider.harga h3.title-pangan{padding:8px 10px; font-size:12px;  line-height:18px; font-weight:600; position:relative; border-bottom:1px solid #ddd;  background:#fff; min-height:26px; text-align:center;}
.topslider.harga h3.title-pangan:before{content:'';position:absolute; width:1px; right:0; top:0; bottom:0; background:#fff;}
.topslider.harga .pangan-kanan h2.harga{font-size:16px; line-height:18px; margin:0; text-align:right;}
.topslider.harga .pangan-kanan p{font-size:12px; line-height:14px;}
.topslider.harga .pangan-kanan .nilai{padding:5px 10px; color:#fff; font-size:12px; line-height:14px; display:inline-flex;}
.topslider.harga .pangan-kanan .nilai.hijau{background:#35a769 !important;}
.topslider.harga .pangan-kanan .nilai.merah{background:#b83629 !important;}
.slider-pangan .slick-prev, .slider-pangan .slick-next,.slider-kurs .slick-prev, .slider-kurs .slick-next{top:50%; width:20px; height:20px; background:#ddd; border:1px solid #ddd;}
.slider-pangan .slick-prev:before, .slider-pangan .slick-next:before, .slider-kurs .slick-prev:before, .slider-kurs .slick-next:before{font-size:14px; color:#202020;}
.slider-pangan:hover .slick-prev, .slider-pangan:hover .slick-next{opacity:1;transition: all 0.3s ease-in-out;}

slider-kurs .slick-prev, .slider-kurs .slick-next{top:50%; width:20px; height:20px; background:#ddd; border:1px solid #ddd;}
.slider-kurs:hover .slick-prev, .slider-kurs:hover .slick-next{opacity:1;transition: all 0.3s ease-in-out;}
.slider-kurs{opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease; overflow:hidden; padding-bottom:0;}
.slider-kurs.slick-initialized {
    visibility: visible;
    opacity: 1;    
}

.slider-followed .slick-list{padding:0 4% 0 0;}
.slider-followed .slick-prev, .slider-followed .slick-next{top:40%; width:20px; height:20px; background:rgba(255,255,255,0.3); box-shadow: 1px 1px 5px rgba(0,0,0,0.3); opacity:1;}
.slider-followed .slick-prev:before, .slider-followed .slick-next:before{font-size:14px; color:#000;}
.slider-followed .slider-item{padding:0 5px;}
.slider{opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease; overflow:hidden; padding-bottom:0;}
.slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.slider-narasi:hover .slick-prev, .slider-narasi:hover .slick-next{opacity:1;transition: all 0.3s ease-in-out;}
.slider-small{opacity:0;visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease; overflow:hidden;margin:0; padding-bottom:0;border-radius:4px; border:1px solid #cecece;}
.slider-small.slick-initialized {visibility: visible;opacity: 1;}
.slider-small .slick-prev, .slider-small .slick-next{opacity:0.2;transition: all 0.3s ease-in-out; background:transparent; width:10px; color:#333;}
.slider-small:hover .slick-prev, .slider-small:hover .slick-next{opacity:1;transition: all 0.3s ease-in-out; color:#333;}