/**

 * Full slider

 */



.full-slider {

    width: 100%;

    height: 100vh;

    background-color: #f1f1f1;

    opacity: 0;

    position: fixed;

    bottom: 100%;

    left: 0;

    z-index: 1031;

    overflow: hidden;

    transition-property: opacity, bottom;

    transition-duration: .5s;

    transition-timing-function: ease-out;

}



.full-slider.full-slider-active {

    opacity: 1;

    bottom: 0;

}



.full-slider .slick-list,

.full-slider .slick-track,

.full-slider .full-slider-track {

    height: 100%;

}



.full-slider .full-slider-slide {

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



.full-slider .full-slider-btn {

    width: 44px;

    height: 44px;

    line-height: 1;

    color: #ffffff;

    font-size: 2.8em;

    background-color: transparent;

    border: none;

    position: absolute;

    bottom: 40px;

    transition: color .4s;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);

}



.full-slider .full-slider-btn:before {

    line-height: 44px;

    font-size: .6em;

    text-align: center;

    display: block;

}



.full-slider .full-slider-btn--close {

    margin: auto;

    right: 0;

    left: 0;

}



.full-slider .full-slider-btn--prev {

    left: 50%;

    transform: translateX(calc(-100% - 30px));

    -webkit-transform: translateX(calc(-100% - 30px));

}



.full-slider .full-slider-btn--next {

    right: 50%;

    transform: translateX(calc(100% + 30px));

    -webkit-transform: translateX(calc(100% + 30px));

}



.full-slider .full-slider-btn:hover {

    color: #abc380;

}



.full-slider.full-slider-light .full-slider-btn {

    /* hover */

}



.full-slider-thumb {

    cursor: pointer;

}