﻿/* Arrows */
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
    -webkit-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}

.slick-lightbox .slick-prev {
    background: url(../img/before.svg) no-repeat !important;
}
.slick-lightbox .slick-next {
    background: url(../img/next.svg) no-repeat !important;
}
.slick-lightbox .slick-prev:hover,
.slick-lightbox .slick-prev:focus,
.slick-lightbox .slick-next:hover,
.slick-lightbox .slick-next:focus {
    opacity: .75;
}
.slick-lightbox .slick-prev::before,
.slick-lightbox .slick-next::before {
    content: '';
}

.slick-lightbox .slick-lightbox-close {
    width: 30px;
    height: 30px;
    top: 1rem;
    right: 1rem;
}

/* Close Icon */
.slick-lightbox .slick-lightbox-close:before,
.slick-lightbox .slick-lightbox-close::after {
    font-family: '';
    top: 0;
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
    -webkit-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}
.slick-lightbox .slick-lightbox-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-lightbox .slick-lightbox-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slick-lightbox .slick-lightbox-close:hover::before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.slick-lightbox .slick-lightbox-close:hover::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}