@charset 'UTF-8';

/* Slider */

.slick-loading .slick-list
{
background: #fff url('../img/common/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
align-items:center;
background:var(--grad_btn);
border:4px solid var(--white);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
border-radius:25px;
position: absolute;
top: 50%;
font-size:0;
line-height:0;
display:flex;
justify-content:center;
width:50px;
height:50px;
padding: 0;
cursor: pointer;
color: transparent;
outline: none;
z-index:12;
margin-top:-25px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
}

.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 {
font-family:var(--icon);
font-size:1.6rem;
line-height: 1;
font-weight:600;
opacity: 1;
color:var(--blue);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
left:20px;
}

.slick-prev:before {
content:"\f053";
}

.slick-next {
right:20px;
}

.slick-next:before {
content:"\f054";
}

/* Dots */
.slick-dotted.slick-slider {
}

.slick-dots {
position:absolute;
column-gap:30px;
bottom: 25px;
left:0;
display:flex;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.slick-dots li {
position: relative;
display: inline-block;
width:20px;
height:20px;
margin:0;
padding:0;
cursor: pointer;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
appearance:none;
background-color:var(--white);
border:none;
border-radius:50%;
height:20px;
-webkit-appearance:none;
width:20px;
}

.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 {
font-family:var(--icon);
font-size:1.6rem;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: ' ';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button {
background-color:var(--blue);
}

.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}



@media screen and (max-width:768px) {
.slick-dots {
column-gap: 10px;
bottom: 15px;
}

.slick-dots li {
height:10px;
width:10px;
}

.slick-dots li button {
height:10px;
width:10px;
}



}