Template:NeoMainPageDRBSlider/style.css

.slider-for:not(.slick-initialized) .slick-slide:not(:first-of-type) {display: none} .your-class { display: none }

.loki img { display :block; width:260px; height:260px; clip-path: circle(130px at center); position : relative ; z-index: 5; }
 * 1) myslider2, #myslider3 {visibility : hidden ;}
 * 2) myslider2.slick-initialized, #myslider3.slick-initialized {visibility: visible ;}

.slider-for .slick-next { right: 20px; }

.slider-for .slick-prev { left: 20px; }

.slider-for .slick-prev, .slider-for .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; cursor: pointer; color: transparent; border-radius: 30px; background: #fff; padding: 0; }

.slider-for .dimg { background: white; height: 208px; width: 208px; position : relative ; top: 36px; left: 1px; display : block; padding: 0px; clip-path: circle(104px at center); margin:0 auto;

}

.slider-for .dimg img { position : absolute ; display:block; padding :0; margin: 0; width:150px; top: 29px; left: 29px; }

.slider-for .dimg .dlink { position :absolute; top: 0; }

.slider-for .dimg .dlink img { width:208px; height:208px; position :absolute; top: 0px; left: 0px; }

.wrap-modal-slider { padding: 0 30px; opacity: 0; transition: all 0.3s; }

.wrap-modal-slider.open { opacity: 1; }

.modal-dialog { max-width: 730px; }

.slider { margin:10px 0; } .slider .slick-slide { outline: none; background:transparent; display:block; color:#000; padding:5px; }

.slider-for { padding:0; position: relative ; z-index: 4; }

.slider-for .slick-slide { display:block; background-color:#fff; position: relative ; z-index: 4; padding :0; } .slider-for .slick-slide .mag { position: relative ; z-index: 6; } .slider-for .slick-slide img { display:block; } .slider-for .slick-slide >div { display:block; padding:0px; }

.modal-backdrop.in { opacity:1; background-color:rgba(0,0,0,0.9); }

.your-class .slick-slide img { display: block; padding: 0; }