@charset 'UTF-8';

.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    padding: 0;
	z-index: 9;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	transition: all .25s;
}

.slick-prev {
    position: absolute;
	left:0;
	bottom:-16vw;
	background: #00B2B8;
	width: 11.73vw;
    height: 11.73vw;
	border-radius: 11.73vw;
	display:flex;
	justify-content: center;
	align-items: center;
}

.slick-next {
    position: absolute;
	left:14vw;
	bottom:-16vw;
	background: #00B2B8;
	width: 11.73vw;
    height: 11.73vw;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 11.73vw;
}

.slide_block .slick-prev:hover,
.slide_block .slick-next:hover {
	opacity: .85;
	background: #000;
	transition: all .25s;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;

}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    color:rgb(127, 6, 137) ;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before {
	background: url("../images/top/icon_slider.svg")no-repeat;
	background-size: contain;
	width:3.73vw;
	height:3.73vw;
	content:"";
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	transform: rotate(180deg);
}

.slick-next:before {
	background: url("../images/top/icon_slider.svg")no-repeat;
	background-size: contain;
	width:3.73vw;
	height:3.73vw;
	content:"";
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (min-width:845px) {
	.slick-prev {
		left:-518px;
		width: 56px;
		height: 56px;
		border-radius: 56px;
		bottom:0;
	}

	.slick-next {
		left:-450px;
		bottom:0;
		width: 56px;
		height: 56px;
		border-radius: 56px;
	}
	
	.slick-prev:before {
		width:18px;
		height:18px;
	}

	.slick-next:before {
		width:18px;
		height:18px;
	}
	
}



[dir='rtl'] .slick-prev {
    right: 90px;
}

.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}



[dir='rtl'] .slick-next
{
    bottom:0;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}


.slick-dots {
  position: absolute;
  bottom: 10vw;
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  list-style: none;
  right:6vw;
  z-index: 10;
}

.slick-dots li.slick-active {
    background: #fff;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 6.66vw;
  height: 1.28vw;
  padding: 0;
  border-radius: 4rem;
  cursor: pointer;
  margin-left:.4rem;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 6.66vw;
  height: 1.28vw;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  border-radius: 4rem;
  background:rgba(255, 255, 255,0.3);
}

.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;
}

@media screen and (min-width:845px) {
  

.slick-dots {
  bottom: 55px;
  right:49px;
}
  
 .slick-dots li {
  width: 32px;
  height: 5px;
  border-radius: 4rem;
  margin-left:8px;
}

.slick-dots li button {
  width: 32px;
  height: 5px;
  border-radius: 4rem;
} 
  
}