.slick-slider{position:relative;width:100%;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;height:100%;overflow:hidden;}
.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;width:100%;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;height:auto;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;}
.slick-loading .slick-list{background:#fff url('./ajax-loader.gif') center center no-repeat;}
.slick-prev,
.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:80px;height:80px;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:"gotham htf", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:48px;font-weight:bold;line-height:1;opacity:.6;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity 0.25s;}
.slick-prev{left:30px;z-index:1;}
[dir='rtl'] .slick-prev{right:0;left:auto;}
.slick-prev:before{content:'\2190';}
[dir='rtl'] .slick-prev:before{content:'\2192';}
.slick-next{right:30px;}
[dir='rtl'] .slick-next{right:auto;left:0;}
.slick-next:before{content:'\2192';}
[dir='rtl'] .slick-next:before{content:'\2190';}
.slick-dotted.slick-slider{margin-bottom:0;}
.slick-dots{position:absolute;bottom:36px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;z-index:1000;}
.slick-dots li{position:relative;display:inline-block;width:16px;height:16px;margin:0 8px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:16px;height:16px;padding:8px;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:"gotham htf", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:32px;line-height:1;position:absolute;top:0;left:0;width:24px;height:24px;content:'\2022';text-align:center;opacity:0.4;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity 0.25s;}
.slick-dots li.slick-active button:before{opacity:1;color:white;}
.photo{background-size:cover;background-position:center center;height:100vh;width:100vw;will-change:transform;&.is-animating{animation:scale 5s ease-in-out forwards;}
&:before{content:"";display:block;}
* >{display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
}
@keyframes scale{0%{transform:scale(1.0);}
100%{transform:scale(1.1) rotate(0.01deg);//Rotate fixes shaking animation in some browsers. http://stackoverflow.com/questions/28992549/internet-explorer-and-css-transform-value-of-scale-on-keyframes}
}