.slidercontent{ padding-bottom:30px;width: 100%;  height: 100%;  }




.slidercontent .swiper-slide{ width:600px; }
.slidercontent .swiper-slide.sep{ position: relative; height:300px; background: var(--wp--preset--color--light-gray); }
.slidercontent .swiper-slide.sep:after{ position:absolute; content: ""; filter: grayscale(1); opacity:0.1;  width:100%; height:100%; background:url(../../../../uploads/logo-colly-martin.svg) center center no-repeat; }


.slidercontent .swiper-slide img{ transition: all 0.6s ease; width:100%; height:338px; object-fit: cover; /*border-radius:999px;*/  }

.slidercontent .swiper-slide.swiper-slide-prev img{ border-top-right-radius:170px; border-bottom-right-radius:170px; }
.slidercontent .swiper-slide.swiper-slide-next img{ border-top-left-radius:170px; border-bottom-left-radius:170px; }

.slidercontent .swiper-slide .txt{ opacity: 0; text-align: center;}

.slidercontent .swiper-slide .txt h2{ color: var(--wp--preset--color--blue);}


.slidercontent .swiper-slide.swiper-slide-active .txt{ opacity:1; }



.slidercontent .slpag{ display: flex; justify-content: center; margin-top:15px; }
.slidercontent .slpag>*{ transition:all 0.2s ease;  margin:2px; border-radius:20px;  width:12px; height:12px; border:3px solid var(--wp--preset--color--blue); }
.slidercontent .slpag>*.on{ width:30px;  border-color:var(--wp--preset--color--red); }
.slidercontent .slpag>*:not(.on){ cursor: pointer; }


.slidercontent .slprev,.slidercontent .slnext{ cursor: pointer; position: absolute; z-index:10; top:170px; border:10px solid #ffffff;  padding:15px;  width:80px; height:80px; background:#ffffff; border-radius: 50%;}
.slidercontent .slprev>*,.slidercontent .slnext>*{ display: block; width: 100%; height: auto; fill:var(--wp--preset--color--blue); }
.slidercontent .slprev>*{ transform: rotate(-90deg); }
.slidercontent .slnext>*{ transform: rotate(90deg);}

.slidercontent .slprev:hover,.slidercontent .slnext:hover{ background: var(--wp--preset--color--blue);}
.slidercontent .slprev:hover>*,.slidercontent .slnext:hover>*{ fill:#ffffff; }


.slidercontent .slprev{ right:50%; transform: translate3d(-470px,-50%,0);}
.slidercontent .slnext{ left:50%; transform: translate3d(470px,-50%,0);}



@media screen and (max-width:900px){
	
	.slidercontent{ margin-left: -20px; width:calc(100% + 40px); }

	
	.slidercontent .swiper-slide{ width:80%;  }
	.slidercontent .swiper-slide.swiper-slide-prev img{ border-radius:0;  }
	.slidercontent .swiper-slide.swiper-slide-next img{ border-radius:0; }
	.slidercontent .swiper-slide img{ height:auto; }
	
	
	.slidercontent .slprev,.slidercontent .slnext{ display: none;}

	
	
}