.slick-slide:focus, .slick-dots:focus,
.slick-arrow:focus{outline: none;}

.slick_slider{ position: relative; overflow: hidden; z-index: 0; }

.slick_wrapper{
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    z-index: 0;
    overflow: hidden;
}
.slick_wrapper .slick_slider{
    position: absolute;
    left: -59.9%;
    right: -59.9%;
    top: 0;
    bottom: 0;
}

.slick_slide { position: relative; z-index: 10; }
.slick_slide img{ width: 100%; position: relative; z-index: 0; }


.slick_slide.video_player img{z-index: 10;}
a.swipebox-video.has_play_button:before,
.slick_slide.video_player:before{
    position: absolute; left: 0; right: 0; top: 50%; z-index: 20;
    content: '';  width: 5rem; height: 5rem; margin: 0 auto;
    border-radius: 50%; background-color: #D1DCD2;
    opacity: 0; visibility: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events:none;
}
a.swipebox-video.has_play_button {
    position: relative; z-index: 20;
}

a.swipebox-video.has_play_button:hover:before,
.slick_slide.video_player:focus:before,
.slick_slide.video_player:hover:before{ opacity: 1; visibility: visible; }
a.swipebox-video.has_play_button:after,
.slick_slide.video_player:after{
    position: absolute; left: 0; right: 0; top: 50%; z-index: 30; display: block;
    content: '\f04b';  width: 4rem; height: 4rem; margin: 0 auto;  padding: 0 0 0 .125em;
    border-radius: 50%; border: 1px solid #1E1A15; text-align: center; font-style: normal;
    font-family: FontAwesome; font-size: 2.5rem; line-height: 4rem; color: #1E1A15;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events:none;
}

/* .slick_slide:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-color: rgba(0,0,0,.33); } */

.slick-arrow{
    position: absolute; top: 50%; left: auto; right: auto; display: inline-block; text-align: center;
    z-index: 20; font-size: 2rem; line-height: 2.5rem; width: 2.5rem; height: 2.5rem; color: #1E1A15;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slick-arrow:after{
    position: absolute; left: -0.25rem; right: -0.25rem; top: -0.25rem; bottom: -0.25rem;
    background-color: rgba(209,220,210,0); content: ''; border-radius: 50%; z-index: -1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.slick-arrow:before{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
    border: 1px solid #1E1A15;border-radius: 50%; content: '';
}

.slick-arrow:hover:after{ background: rgba(209,220,210,1); }

.slick-arrow.slick-prev{left: .5rem; padding-right: .125rem;}
.slick-arrow.slick-next{right: .5rem; padding-left: .125rem;}


.slick_slider.adjust_images .slick-track,
.slick-slider.adjust_images .slick-list{
    height: 100%;
}

.slick_slider.adjust_images .slick_slide img{
    position: absolute; margin: auto;
}

.slick_wrapper .slick_slider.adjust_images {left: 0; right: 0;}

.slick_slider.adjust_images .slick_slide.adjust_to_width img{
    position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto;
    display: block; width: 100%; height: auto; max-width: none; max-height: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slick_slider.adjust_images .slick_slide.adjust_to_height img{
    height: 100%; width: auto;max-width: none; max-height: none;
    position: absolute; top: 0; bottom: 0; left: -99rem; right: -99rem; margin: 0 auto;
}



@media screen and (min-width: 40em) {
    .slick_wrapper{ padding-bottom: 56.25%; }
    .slick_wrapper .slick_slider{ left: 0; right: 0;}
    
    .fit_to_image .slick_wrapper{padding-bottom:0;}
}

@media screen and (min-width: 64em) {
    .slick-arrow{
        font-size: 2.5rem; line-height: 3.5rem; width: 3.5rem; height: 3.5rem;
    }
    .slick-arrow.slick-prev{left: 1rem; padding-right: .25rem;}
    .slick-arrow.slick-next{right: 1rem; padding-left: .25rem;}
    .slick-arrow:after{ left: -0.5rem; right: -0.5rem; top: -0.5rem; bottom: -0.5rem; }

}