@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{background: #fff url('./ajax-loader.gif') center center no-repeat;}

.slick-slide, .slick-list, .slick-track {height: 100%; position: relative; overflow: hidden;}
.slick-slide figure {height: 100%;}
.slick-track {min-width: 100%;}
.slick-list {width: 100%;}

/* Arrows */
.slick-prev,
.slick-next {position: absolute; bottom: 2.25rem; display: block; width: 2rem; height: 2rem; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: var(--dark-blue-1); opacity: 0; z-index: 1; border-radius: var(--radius-s); text-indent: -9999px;
-moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background: var(--blue-1); opacity: 1;}

.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 {right: 4rem;}
.slick-next {right: 1rem;}

.slider-multi .slick-prev,
.slider-multi .slick-next {bottom: 0;}
.slider-multi .slick-prev {right: auto; left: 1rem;}


.slick-prev:before, .slick-next:before {width: 1rem; height: 1rem; display: block; content: ''; position: absolute; top: 50%;
/*transform: translate(-50%,-50%) rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);*/}
.slick-prev:before {border-left: 0.125rem solid rgba(225,225,225,1); border-bottom: 0.125rem solid rgba(225,225,225,1); left: 50%; transform: translate(-25%,-50%) rotate(45deg);}
.slick-next:before {border-right: 0.125rem solid rgba(225,225,225,1); border-top: 0.125rem solid rgba(225,225,225,1); right: 50%; transform: translate(25%,-50%) rotate(45deg);}

/* Dots */
.slick-dots {position: absolute; width: auto; bottom: 0; right: 0; padding: 0 1rem; list-style: none; text-align: right;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; -ms-flex-wrap: nowrap; justify-content: flex-end;}

.slick-dots li {position: relative; display: inline-block; margin: 0 0 0 0.5rem; padding: 0; cursor: pointer;
-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative;}

.slick-dots button {display: block; width: 1.75rem; height: 1.25rem; cursor: pointer; color: transparent; border: none; outline: none; position: relative; opacity: .25; text-indent: -9999px;}

.slick-dots button:hover,
.slick-dots button:focus {outline: none; opacity: 1; text-indent: -9999px; color: transparent;}

.slick-dots button:before {content: ''; display: block; width: 100%; height: 0.25rem; background: var(--white); transition: background .3s;}
.slick-dots button:hover:before,
.slick-dots button:focus:before {outline: none;}

.slick-dots li:before {content: '';}

.slick-dots .slick-active button {opacity: 1;}
.slick-dots .slick-active button:before {background: var(--blue-1);}

@media screen and (min-width:48em) {
.slick-prev, .slick-next {opacity: .75;}

.slick-dots li button {width: 2.25rem;}
}

@media screen and (min-width:64em) {
.slick-prev, .slick-next {bottom: 2.5rem;}

.slick-dots li button {width: 2.5rem; height: 1.5rem;}
}