@charset 'UTF-8';
 .slick-prev,
.slick-next {
display: block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
font-size: 0;
line-height: 0;
border: none;
outline: none;
background: transparent;
position: absolute;
top: calc(50% - 20px);
z-index: 10;
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
opacity: .25;
}
.slick-prev::before,
.slick-next::before {
content: '';
width: 15px;
height: 15px;
border: 0px;
border-top: solid 2px #000;
border-right: solid 2px #000;
position: absolute;
opacity: .75;
z-index: 10;
}
.slick-prev::before {
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.slick-next::before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .slick-dots {
display: block;
width: 100%;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}
.slick-dots li button::before {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
margin: 10px;
content: ' ';
text-align: center;
opacity: .4;
background-color: #232952;
border-radius: 100%;
border:1px solid #ddd;
}
.slick-dots li.slick-active button::before {
opacity: .9;
color: black;
}