.SVG-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.SVG-slider .slider_List{
	width: 100%;
	height: 100%;
}

.SVG-slider .svg_effect{
	position:absolute;
	top: 50%;
	left: 50%;
	width:100%;
	transform: translate(-50%, -50%);
	z-index:-1;
}

.SVG-slider .slider_prev, 
.SVG-slider .slider_next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.SVG-slider .slider_prev {
    left: -25px;
}

.SVG-slider .slider_next {
    right: -25px;
}

.SVG-slider button:is(.slider_prev, .slider_next) {
    position: absolute;
    z-index: 2;
    height: 50px;
    background: rgba(70, 85, 95, 0.6);
    outline: none;
    border: none;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    border-radius: 50px;
}

.SVG-slider button.slider_prev {
    top: 50%;
    left: 20px;
    right: unset;
    transform: translate(0px, -50%);
}

.SVG-slider button.slider_next {
    top: 50%;
    left: calc(100% - 70px);
    transform: translate(0px, -50%);
}

.SVG-slider .slider_prev:before, 
.SVG-slider .slider_next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 0.2;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.SVG-slider .slider_next:before {
    margin-right: -4px;
}

.SVG-slider .slider_next::before {
    content: "›";
}

.SVG-slider .slider_prev::before {
    content: "‹";
}
.SVG-slider .slider_prev:before {
    margin-left: -4px;
}

.SVG-slider .clone {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
	display: none;
        z-index: 1;
}

.SVG-slider .clone.active{
	display: block;
}

.SVG-slider .slider_dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	z-index: 2;
}

.SVG-slider .slider_dots.images li {
    width: 50px;
    height: 30px;
    filter: drop-shadow(2px 4px 6px black);
}
.SVG-slider .slider_dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.SVG-slider .slider_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;
}

.SVG-slider .slider_dots li button:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .60;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.SVG-slider .slider_dots.squares li button:before {
    content: '▪';
}

.SVG-slider ul.slider_dots.images li button {
    background: #fff;
    width: 50px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.SVG-slider ul.slider_dots.images li button:before {
    content: '';
}

.SVG-slider li.active button {
    transform: scale(1.2);
    transition: all 0.4s ease;
}

.SVG-slider li.active button:before {
    opacity: 1;
    color: #0e0e0e;
}

.SVG-slider .svg_effect.full1{
	width:auto;
	height: 100%
}
	
.SVG-slider .svg_effect.full2{
	width:100%;
	height: auto;
}

.SVG-slider .svg_effect .m{
	will-change: transform;
}


.SVG-slider .svg_effect.start{
	z-index: 3;
}

.SVG-slider .slide_imagez.websiteImage {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

div.slider_preview[data-arrows="true"][data-btnstyle="circle"] .SVG-slider button:is(.slider_prev, .slider_next),
div#media_slider[data-arrows="true"][data-btnstyle="circle"].SVG-slider button:is(.slider_prev, .slider_next) {
	border-radius: 50%;
	background-image:none;
	text-indent:unset;
}

div.slider_preview[data-arrows="true"][data-btnstyle="circle"] .SVG-slider button.slider_next:before,
div#media_slider[data-arrows="true"][data-btnstyle="circle"].SVG-slider button.slider_next:before{
	content: "\f054" !important;
}

div.slider_preview[data-arrows="true"][data-btnstyle="circle"] .SVG-slider button.slider_prev:before,
div#media_slider[data-arrows="true"][data-btnstyle="circle"].SVG-slider button.slider_prev:before{
	content: "\f053" !important;
}

div.slider_preview[data-arrows="true"][data-btnstyle="circle"] .SVG-slider button:is(.slider_prev, .slider_next):before,
div#media_slider[data-arrows="true"][data-btnstyle="circle"].SVG-slider button:is(.slider_prev, .slider_next):before{
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color: inherit !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999999999999999999;
    /*width: 100%;*/
	font-size: 35px;
	font-weight: 900;
}

div.slider_preview[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]) .SVG-slider button:is(.slider_prev, .slider_next),
div#media_slider[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]).SVG-slider button:is(.slider_prev, .slider_next){
	border-radius: 2px;
	background-image:none;
	text-indent:unset;
	background-image:none;
}

div.slider_preview[data-arrows="true"][data-btnstyle="triangle"] .SVG-slider button:is(.slider_prev, .slider_next),
div#media_slider[data-arrows="true"][data-btnstyle="triangle"].SVG-slider button:is(.slider_prev, .slider_next){
	border-radius: 0px;
	background-color: transparent !important
}



div.slider_preview[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]) .SVG-slider button.slider_next:before,
div#media_slider[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]).SVG-slider button.slider_next:before{
	content: "\f0da" !important;
}

div.slider_preview[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]) .SVG-slider button.slider_prev:before,
div#media_slider[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]).SVG-slider button.slider_prev:before{
	content: "\f0d9" !important;
}

div.slider_preview[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]) .SVG-slider button:is(.slider_prev, .slider_next):before,
div#media_slider[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]).SVG-slider button:is(.slider_prev, .slider_next):before{
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color: inherit !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999999999999999999;
	font-size: 50px;
	font-weight: 900;
}

div.slider_preview[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"],[data-btnstyle="circle"]) .SVG-slider button:is(.slider_prev, .slider_next) > *,
div#media_slider[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"],[data-btnstyle="circle"]).SVG-slider button:is(.slider_prev, .slider_next) > *{
	display:none;
}

div.slider_preview[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"],[data-btnstyle="circle"]) .SVG-slider button:is(.slider_prev, .slider_next):before{
	color: white !important;
}


/*
.SVG-slider .svg_effect .m.slideup{	
	/*-webkit-animation: SVGslideUp 30s steps(29, end) infinite;
	-moz-animation: SVGslideUp 30s steps(29, end) infinite;
	-o-animation: SVGslideUp 30s steps(29, end) infinite;/
	animation-name: SVGslideUp ;
    animation-duration: 30s;
    animation-timing-function: steps(29, end);
    animation-iteration-count:  infinite;
    animation-play-state: running;
}

.SVG-slider .svg_effect .m.slidedown{	
	-webkit-animation: SVGslideDown 3000ms steps(30, start) infinite;
	-moz-animation: SVGslideDown 3000ms steps(30, start) infinite;
	-o-animation: SVGslideDown 3000ms steps(30, start) infinite;
	animation: SVGslideDown 3000ms steps(30, start) infinite;
}

@keyframes SVGslideUp {
	from{ transform: matrix(1,0,0,1,0,0); }
	to{transform: matrix(1,0,0,1,0, -10266);}
}

@keyframes SVGslideDown {
	from{ transform: matrix(1,0,0,1,0, -10266); }
	to{ transform: matrix(1,0,0,1,0,0); }
}
.SVG-slider svg{
    z-index: -1;
}

.SVG-slider svg.above{
    z-index: 13;
}*/


@media (max-width: 800px) {
	div#media_slider[data-arrows="true"][data-btnstyle="circle"].SVG-slider button:is(.slider_prev, .slider_next):before{
		font-size: 20px;
		font-weight: 600;
	}
	
	
	div#media_slider[data-arrows="true"]:is([data-btnstyle="square"],[data-btnstyle="triangle"]).SVG-slider button:is(.slider_prev, .slider_next):before{
		font-size: 25px;
		font-weight: 600;
	}
	
	/*.SVG-slider .svg_effect{
		width:auto;
		height: 100%
	}*/
}