.main-banner {
	position: relative;
}
	.main-banner__bg {
		display: none;
		width: 100%;
		background-position: left center;
		background-repeat: no-repeat;
	}

.main-banner .slick-list {
	position: relative;
}
.main-banner .slick-prev,
.main-banner .slick-next {
	width: 50px;
	height: 50px;
	outline: none;
	display: block; 
	position: absolute;
	text-indent: -9999px;
	cursor: pointer;
    z-index: 100;
}
	.main-banner .slick-next {
		background: url(/rr_images/decorations/arrow__right.svg) center center no-repeat transparent;
		right: 1.3333%;
		bottom: 0;
	}
	.main-banner .slick-next:hover {
		background: url(/rr_images/decorations/arrow__right__red.svg) center center no-repeat transparent;
	}
	.main-banner .slick-prev {
		background: url(/rr_images/decorations/arrow__left.svg) center center no-repeat transparent;
		left: 1.3333%;
		bottom: 0;
	}
	.main-banner .slick-prev:hover {
		background: url(/rr_images/decorations/arrow__left__red.svg) center center no-repeat transparent;
	}
.main-banner .slick-dots {
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 10px;
}
	.main-banner .slick-dots li::before {
		display: none;
	}
	.main-banner .slick-dots li {
		padding: 0 !important;
		margin: 0 5px;
		cursor: pointer;
	}
	.main-banner .slick-dots li button {
		padding: 5px 10px;
		color: #161616;
		background-color: transparent;
		font-size: 24px;	
		line-height: 1.2;
		cursor: pointer;
		font-weight: bold;
	}
		.main-banner .slick-dots li:not(.slick-active):hover button {
			opacity: 0.7;
		}
		.main-banner .slick-dots li.slick-active button {
			color: #e3231f;
		}

@media only screen and (min-width:1222px) {	
	.main-banner__bg {
		display: none;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.main-banner .slick-prev,
	.main-banner .slick-next {
		width: 80px;
		height: 80px;
	}
	.main-banner .slick-next {
		top: calc(50% - 40px);
		right: 20px;
	}
	.main-banner .slick-prev {
		top: calc(50% - 40px);
		left: 20px;
	}
}