|
|
|
/* Slider */
|
|
|
|
.slick-slider {
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
box-sizing: border-box;
|
|
|
|
-moz-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; }
|
|
|
|
.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;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
display: block; }
|
|
|
|
.slick-track:before, .slick-track:after {
|
|
|
|
content: "";
|
|
|
|
display: table; }
|
|
|
|
.slick-track:after {
|
|
|
|
clear: both; }
|
|
|
|
.slick-loading .slick-track {
|
|
|
|
visibility: hidden; }
|
|
|
|
|
|
|
|
.slick-slide {
|
|
|
|
float: left;
|
|
|
|
height: 100%;
|
|
|
|
min-height: 1px;
|
|
|
|
display: none;
|
|
|
|
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
|
|
|
|
filter: gray; /* IE6-9 */
|
|
|
|
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
|
|
|
|
}
|
|
|
|
[dir="rtl"] .slick-slide {
|
|
|
|
float: right; }
|
|
|
|
.slick-slide img {
|
|
|
|
display: block;
|
|
|
|
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
|
|
|
|
filter: gray; /* IE6-9 */
|
|
|
|
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }
|
|
|
|
.slick-slide img:hover {
|
|
|
|
display: block;
|
|
|
|
filter: none;
|
|
|
|
-webkit-filter: grayscale(0%); }
|
|
|
|
.slick-slide:hover {
|
|
|
|
filter: none;
|
|
|
|
-webkit-filter: grayscale(0%);
|
|
|
|
transition: .5s ease; }
|
|
|
|
.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: 1px solid transparent; }
|