﻿/* 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;}
.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;}
.slick-loading .slick-list{ background:#fff url('/images/loading-black.gif') center center no-repeat;}

/* Arrows */
.slick-prev, .slick-next{ font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; 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:transparent; outline:none; background:transparent;}
.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:.75; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-prev{ left:-25px;}
[dir='rtl'] .slick-prev{ right:-25px; left:auto;}
.slick-prev:before{ content:'←';}
[dir='rtl'] .slick-prev:before{ content:'→';}
.slick-next{ right:-25px;}
[dir='rtl'] .slick-next{ right:auto; left:-25px;}
.slick-next:before{ content:'→';}
[dir='rtl'] .slick-next:before{ content:'←';}

/* Dots */
.slick-dotted.slick-slider{ margin-bottom:30px;}
.slick-dots{ position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li{ position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button{ font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; 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:'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;}

.slider img {width:100%;}
.slick-slide img.mobile {display:none;}
.slider-left {background:url(/images/slider-larrow.png);}
.slider-right {right:0;background:url(/images/slider-rarrow.png);}
.slider-left, .slider-right {position:absolute; z-index:5; cursor:pointer; opacity:.2; top:44%;transition:all 0.2s ease-in-out; background-size:100% 100%; width:3%; height:12%;}
.slider-left:hover, .slider-right:hover {opacity:1; transition:all 0.3s ease-in-out;}

.spotlight img {width:100%;opacity:.9; transition:all .3s ease-in-out;} .spotlight img:hover {opacity:1; transition:all .2s ease-in-out;}
.spotlight-left, .spotlight-right {position:absolute; z-index:5; opacity:.5; top:50%; transform:translate(0, -50%); width:3%; margin-right:1%; margin-left:1%; transition:all 0.3s ease-in-out;}
.spotlight-left:hover, .spotlight-right:hover {opacity:1; transition:all 0.3s ease-in-out; cursor:pointer;}
.spotlight-right {right:0;}

.slider-layout img {width:100%;}
.slider-layout img.mobile {display:none;}
.layout-left {background:url(/images/slider-larrow.png);}
.layout-right {right:0;background:url(/images/slider-rarrow.png);}
.layout-left, .layout-right {position:absolute; z-index:5; cursor:pointer; opacity:.2; top:44%;transition:all 0.2s ease-in-out; background-size:100% 100%; width:3%; height:12%;}
.layout-left:hover, .layout-right:hover {opacity:1; transition:all 0.3s ease-in-out;}
.slider-layout .slick-dots li:hover {background:#0ff;}

@media screen and (max-width:480px) {
	.slick-slide img.desktop {display:none;} .slick-slide img.mobile {display:block;}
	.slider-layout img.desktop {display:none;} .slider-layout img.mobile {display:block;}
}