/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; &:focus { outline: none; } &.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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; &:before, &:after { content: ""; display: table; } &:after { clear: both; } .slick-loading & { visibility: hidden; } } .slick-slide { float: left; height: 100%; min-height: 1px; [dir="rtl"] & { float: right; } img { display: block; } &.slick-loading img { display: none; } display: none; &.dragging img { pointer-events: none; } .slick-initialized & { display: block; } .slick-loading & { visibility: hidden; } .slick-vertical & { display: block; height: auto; border: 1px solid transparent; } } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { position:absolute; top:48%; z-index:100; background:none; border:none; &:before { font-size:40px; line-height:50px; color:#fff; font-family:Fontawesome; } } .slick-prev { left:25px; &:before { content:"\f104"; } } .slick-next { right:25px; &:before { content:"\f105"; } } .slick-dots { position: absolute; bottom:20px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; li { display:inline-block; &.slick-active { button { background:#c9ff50; } } button { border: 0; background:#fff; display: block; height:12px; width:12px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; border-radius:50px; -webkit-border-radius:50px; } } }