.slider{
	margin:0 auto;
	position: relative;
	max-width: 1170px;
	max-height: 700px;
	margin-top:30px;
}
.slider>div.slider-item{
	background-position: 50%;
	background-size: 100%;
	background-size: cover;
	position: absolute;
	left:50%;
	top:50%;
	width:280px;
	height: 280px;
	transition: transform .5s;
	transform: translate(-50%,-50%)scale(1);
	border-radius: 50%;
	z-index: 0;
}

.slider>div.left , .slider>div.center , .slider>div.right{
	display:inline-block;
	opacity: 1;
}
.slider>div.left{
	transform: translate(-118.25%,-50%);
	z-index: 1;
	background-color: #ea77a2;
	background-blend-mode: soft-light;
}
.slider>div.center{
	z-index: 1000;
	transform:translate(-50%,-50%) scale(1.3);
}

.slider>div.center:hover {
	transform:translate(-50%,-50%) scale(1.35);
}
.slider>div.right{
	transform: translate(18.25%,-50%);
	z-index: 1;
	background-color: #ea77a2;
	background-blend-mode: soft-light;
}
.slider>.navContainer{
	width:49%;
	height: 100%;
	position: relative;
	display:inline-block;
	z-index: 500;
}
.slider>.navContainer>.leftClass,.slider>.navContainer>.rightClass{
	height: 100%;
	width:28px;
	background: url(slider-arrow.png) no-repeat center;
	background-position-x:0;
	position: absolute;
	opcity:0.6;
}
.slider>.navContainer>.rightClass{
	right: 0;
	background-position-x:-30px;

}
.slider>.navContainer>.leftClass{
	left:0;
}

.button-bubble-slider {
	font-size: 12px;
	text-transform: uppercase;
	transition: all 300ms ease 0ms;
	background-color: rgba(221,0,121,0.15);
	padding: 8px 10px;
	color: #dd0079;
	font-weight: 500;
	border: 1px solid #dd0079;
}

.title-bubble-slider {
	font-size: 36px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: latex-top,'Bebas Neue',sans-serif;
	padding-bottom: 5px;
	line-height: 105%;
	letter-spacing: -0.04em;
	text-shadow: 2px 2px 8px rgb(0 0 0 / 70%);
}

@keyframes content-slider-animation {
  from {
	margin-bottom: -10px;
	opacity: 0;
  }

  to {
	margin-bottom: 0%;
	opacity: 1.0;
  }
}

.content-slider {
	display: none;
}

.center>div>div>div>div.content-slider  {
	margin-left: auto;
	margin-right: auto;
	height:280px;
	width:280px; 
	vertical-align: middle;
	text-align: center;
	position: relative;
	padding: 20px;
	border: 0px!important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end; 
	animation: 4s content-slider-animation;
	animation-delay: 0s;
}

@keyframes content-slider-animation {
    0% {
       margin-bottom: -100px;
       opacity: 0;
    }

    100% {
       margin-bottom: 0%;
       opacity: 1;
    }
 }

.content-slider a p {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

@media only screen and (max-width: 480px) {
	
.slider {
	transform: scaleX(0.85) scaleY(0.85);
}

.slider>div.slider-item{
	width:215px;
	height: 215px;
}
.center>div>div>div>div.content-slider {
	height:215px!important;
	width:215px!important;
	padding: 10px;
}

.title-bubble-slider {
	font-size: 30px!important;
}

}