@charset "utf-8";
/* CSS Document */


.slick-prev{
    position: absolute;
    top: 38%;
	left:-70px;
	text-indent:-9999px;
	background-color:transparent;
    cursor: pointer;
    border: none;
    outline: none;
	background-image:url(../images/prev.webp);
	background-repeat:no-repeat;
	background-size:auto 31px;
	height:31px;
	width:56px;
}
.slick-next{
    position: absolute;
    top: 38%;
	right:-70px;
	text-indent:-9999px;
	background-color:transparent;
    cursor: pointer;
    border: none;
    outline: none;
	background-image:url(../images/next.webp);
	background-repeat:no-repeat;
	background-size:auto 31px;
	height:31px;
	width:56px;
}
/* Dots */
.slick-dots {
	display:flex;
    justify-content: center;
    column-gap: 30px;
    margin-top: 35px;
}
.slick-dots li{
    width: 15px;
    height: 15px;
    cursor: pointer;
	float:none;
    border-radius: 50%;
}
.slick-dots li button{
    text-indent: -9999px;
    border: 0;
}
.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: 15px;
    height: 15px;
	border-radius:50%;
    content: '';
	background-color:#cccccc;
    text-align: center;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	background-color:#0bb9ff;
	opacity:1;
	border-radius:50%;
}


@media only screen and (max-width:768px){
.slick-dots {
    column-gap: 20px;
    margin-top: 15px;
}
}