/* Slider */

.slick-slider{
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
/*overflow: hidden;*/
}


.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    flex:1;
}
.slick-list[style="height: 0px;"] {
height: auto !important;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: flex !important;
}
.slick-vertical,
.slick-vertical .slick-track {
flex-direction: column;
}
.slick-track:before,
.slick-track:after{
    display: table;

    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    height: 100%;
    min-height: 100%;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
    margin: auto;
}
.ppslider .slick-slide img:not(.ppLazy){
    width: 100%;
    max-width: 100%;
    height: auto;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: flex;
    flex:1;
}
/*.slick-initialized .slick-slide>div>*{
display: block !important;
}*/
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}

/* slick-arrow */
.slick-nav{
font-size: 1rem;
pointer-events: none;
display: flex;
justify-content: space-between;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow{
position: absolute;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
pointer-events: auto;
width: 1.2em;
height: 1.2em;
z-index: 1;
fill: currentColor;
}


.slick-disabled{
/*    opacity: .3;
    cursor: auto;*/
    visibility: hidden;
}



/* slick-dots */
.slick-dots{
	display: flex;
    justify-content: center;
    pointer-events: none;
    font-size: 1rem;
    gap: var(--gap--2);
}
.slick-dots li{
display:block;
}
.slick-dots button{
background:none;
border:1px solid;
border-color: inherit;
cursor: pointer;
display: block;
width: 1em;
height: 1em;
overflow: hidden;
text-indent: -1000px;
border-radius:.5em;
pointer-events: auto;
padding: 0;
font-size: inherit;
border: 1px solid var(--color-black);
}
.slick-dots .slick-active button{
    cursor: auto;
    width: 2em;
}
.slick-dots .slick-active button,
.slick-dots button:hover{
    background: var(--color-black);
}


/*-------------------------------------
=pp slick-lightbox
-------------------------------------*/
.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: black;
    transition: opacity 0.5s ease;
}
.slick-dotted .slick-lightbox-slick-img{
padding-bottom: 6vh;
}
.slick-lightbox .slick-loading .slick-list {
    background-color: transparent;
}
.slick-lightbox .slick-slider {
display: block !important;
}
.slick-lightbox .slick-list {

}
.slick-lightbox .slick-arrow {
top: 50%;
transform: translate(0, -50%);
color: #fff;
font-size: 5rem;
}
.slick-lightbox .slick-arrow:hover {
opacity: .3;
}
.slick-lightbox .slick-arrow:active {
opacity: 1;
}
.slick-lightbox .slick-prev {
    left: .5rem;
}
.slick-lightbox .slick-next {
    right: .5rem;
}
.slick-lightbox-hide {
    opacity: 0;
}
.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0;
}
.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slick-lightbox .slick-lightbox-slick-item {
/*    text-align: center;*/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    display: block;
    text-align: center;
}
.slick-lightbox-slick-item-inner {
/*    max-width: 90%;
    max-height: 90%;*/
}
.slick-lightbox .slick-lightbox-slick-img {
    margin: 0 auto;
    max-width: 95%;
    max-height: 95%;
}
.slick-lightbox-slick-caption {
    margin: 10px 0 0;
    color: white;
}
.slick-lightbox-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
    background: transparent;
    color: #fff;
    padding: 0;
    border: none;
}
.slick-lightbox .slick-dots{
    flex:100%;
    position: fixed;
    bottom: 3vh;
    left:0;
    right:0;
}
.slick-lightbox .slick-dots button{
border-color: #fff;
}
.slick-lightbox .slick-dots .slick-active button,
body .slick-lightbox .slick-dots button:hover{
background: #fff;
border-color: #fff;
}