/* Dots */
.slick-dotted.slick-slider{
margin-bottom: 0;
}
.slick-dots{
width: 100% !important;
display: flex !important;
justify-content: center !important;
flex-wrap: wrap;
margin: 0 !important;
padding: 0 0 0 0;
text-align: center;
position: absolute !important;
bottom: -30px;
list-style: none;
}
.slick-dots li{
width: 12px !important;
height: 12px;
display: block;
margin: 0 4px 0 4px;
padding: 0;
position: relative;
cursor: pointer;
}
.slick-dots li button{
width: 12px;
height: 12px;
display: block;
padding: 0;
background: transparent;
color: transparent;
border: 2px solid var(--white60);
border-radius: 4px;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
background: var(--white);
border: 2px solid var(--white);
}
.slick-dots li.slick-active button{
background: var(--white);
border: 2px solid var(--white);
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
background: var(--white);
border: 2px solid var(--white);
}

/* Arrows */
.slick-prev,
.slick-next{
width: 68px;
height: 68px;
display: block;
padding: 0;
background: transparent;
color: transparent;
border: none;
outline: none;
font-size: 0;
line-height: 0;
position: absolute;
top: calc(50% - 34px - 30px);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
z-index: 3000;
}
.slick-prev{
background: url(../img/arr_slide_l.svg) no-repeat center center;
background-size: 68px auto;
left: -96px;
}
.slick-next{
background: url(../img/arr_slide_r.svg) no-repeat center center;
background-size: 68px auto;
right: -96px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
opacity: 0.4;
}

@media screen and (max-width: 768px) {
/* Arrows */
.slick-prev,
.slick-next{
width: 48px;
height: 48px;
top: calc(50% - 24px - 30px);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.slick-prev{
background: url(../img/arr_slide_l.svg) no-repeat center center;
background-size: 48px auto;
left: -58px;
}
.slick-next{
background: url(../img/arr_slide_r.svg) no-repeat center center;
background-size: 48px auto;
right: -58px;
}
}

.slick-prev:hover:after{
content: "";
width: 100%;
height: 100%;
display: block;
background: linear-gradient(0deg, rgba(255,255,255,0.1),rgba(255,255,255,0.1));
background-size: 100% 100%;
border-radius: 28px;
position: absolute;
top: 0;
left: 0;
}
.slick-next:hover:after{
content: "";
width: 100%;
height: 100%;
display: block;
background: linear-gradient(0deg, rgba(255,255,255,0.1),rgba(255,255,255,0.1));
background-size: 100% 100%;
border-radius: 28px;
position: absolute;
top: 0;
left: 0;
}