


/* ARROWS */
.sep-wrapper-cpt-slider .slick-prev[type=button]:hover,
.sep-wrapper-cpt-slider .slick-next[type=button]:hover,
.sep-wrapper-cpt-slider .slick-prev, 
.sep-wrapper-cpt-slider .slick-next{ 
	position: absolute;
	color: #000 !important;
	font-size: 20px !important;
	z-index: 999;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 20px;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	border: 0;
}


/* ARROWS TOP */
.sep-wrapper-cpt-slider .slick-prev.top-right{ 	top: 0; right: 60px;	}
.sep-wrapper-cpt-slider .slick-next.top-right{ 	top: 0; right: 0;	}
.sep-wrapper-cpt-slider .slick-prev.top-left{ 	top: 0; left: 0;	}
.sep-wrapper-cpt-slider .slick-next.top-left{ 		top: 0; left: 60px;	}
.sep-wrapper-cpt-slider .slick-prev.top-opposite{	top: 0; left: -10px;	}
.sep-wrapper-cpt-slider .slick-next.top-opposite{	top: 0; right: -10px;		}

/* ARROWS VERTICAL MIDDLE */
.sep-wrapper-cpt-slider .slick-prev.center-right{ 		top: 50%; right: 60px;	}
.sep-wrapper-cpt-slider .slick-next.center-right{ 		top: 50%; right: 0;	}
.sep-wrapper-cpt-slider .slick-prev.center-left{ 		top: 50%; left: 0;	}
.sep-wrapper-cpt-slider .slick-next.center-left{ 		top: 50%; left: 60px;	}
.sep-wrapper-cpt-slider .slick-prev.center-opposite{	top: 50%; left: -10px;	}
.sep-wrapper-cpt-slider .slick-next.center-opposite{	top: 50%; right: -10px;	}

/* ARROWS BOTTOM */
.sep-wrapper-cpt-slider .slick-prev.bottom-right{ 		top: auto; bottom: 0; right: 60px;	}
.sep-wrapper-cpt-slider .slick-next.bottom-right{ 		top: auto; bottom: 0; right: 0;	}
.sep-wrapper-cpt-slider .slick-prev.bottom-left{ 		top: auto; bottom: 0; left: 0;	}
.sep-wrapper-cpt-slider .slick-next.bottom-left{ 		top: auto; bottom: 0; left: 60px;	}
.sep-wrapper-cpt-slider .slick-prev.bottom-opposite{	top: auto; bottom: 0; left: -10px;	}
.sep-wrapper-cpt-slider .slick-next.bottom-opposite{	top: auto; bottom: 0; right: -10px;	}


.sep-wrapper-cpt-slider .slick-dots {
display: flex;
    justify-content: center;
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
    position: absolute;
    bottom: 30px;
    left: 20px;
}
	
	
.sep-wrapper-cpt-slider .slick-dots	li {
	margin: 0 0.25rem;
}
	
.sep-wrapper-cpt-slider .slick-dots	button {
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0;			
	border: none;
	border-radius: 100%;
	background-color: transparent;
	border: 1px solid #fff;
	text-indent: -9999px;
}
	
.sep-wrapper-cpt-slider .slick-dots	li.slick-active button {			
	background-color: #fff;
	border: 1px solid #fff;
}





/*
 * 
 *  SKIN cpt-slider-001
 * 
 */
 
.sep-wrapper-cpt-slider.skin-cpt-slider-001 .item{
position: relative;
    overflow: hidden;
    height: auto;
    background-size: cover;
    background-position: center;
}



.sep-wrapper-cpt-slider.skin-cpt-slider-001 .item .overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.sep-wrapper-cpt-slider.skin-cpt-slider-001 .item{
	display: flex !important;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: relative;
    flex-wrap: wrap;
    gap: 10px 0;
}

.sep-wrapper-cpt-slider.skin-cpt-slider-001 .item .component.separator{
	width: 100%;
	margin: 0;
	float: left;
	display: block;
}


.sep-wrapper-cpt-slider.skin-cpt-slider-001 .item .sep-container{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: relative;
    flex-wrap: wrap;
    gap: 10px 0;
	z-index: 2;
}

.sep-wrapper-cpt-slider.skin-cpt-slider-001 .item .background{
	background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.sep-wrapper-cpt-slider.skin-cpt-slider-001 .cover{
	background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
}
