/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -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; } .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;} .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: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{ display: block; width:100%; } .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;} .slick-arrow.slick-hidden { display: none;} @font-face { font-family: 'slick'; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 60px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #fff; outline: none; background-color:rgba(0,70,127,0.8); } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev:before, .slick-next:before { } .single-item .slick-prev { left: 10px; background-image:url(../images/prev-arrow.png); background-position:left top; background-repeat:no-repeat; background-color:rgba(0,0,0,0.6); } .single-item .slick-prev:hover { background-position:left bottom; } .single-item .slick-next { right: 10px; background-image:url(../images/next-arrow.png); background-position:right top; background-repeat:no-repeat; background-color:rgba(0,0,0,0.6); } .single-item .slick-next:hover { background-position:right bottom; } .slick-prev, .slick-next { z-index:1; width:40px; height:80px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom:0; } .slick-dots { position: absolute; bottom:10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; vertical-align:top; display: inline-block; width: 20px; height: 7px; margin: 0 4px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 7px; padding: 0px; cursor: pointer; border: 0; outline: none; background: #fff; border:none; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none;background:#ed1c24; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li.slick-active button { background:#ed1c24; border-color:#ed1c24; } /*.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }*/ @media (max-width: 991px) { .slick-dots { bottom:0; } } @media (max-width: 767px) { .slick-prev, .slick-next { width:30px; height:60px;} .single-item .slick-prev { background-size:30px;} .single-item .slick-next { background-size:30px;} } @media (max-width: 479px) { .slick-slide img { min-height:150px; } .slick-prev, .slick-next { width:20px; height:40px;} .single-item .slick-prev { background-size:20px;} .single-item .slick-next { background-size:20px;} }