.history {
	margin-bottom: min(80px, 10vw);
	margin-top: min(80px, 10vw);
}
	.history__content p {
		margin: 30px 0;
	}
.bx-breadcrumb .bx-breadcrumb-item span {
	color: rgba(255, 255, 255, 0.6) !important;
}
	.bx-breadcrumb .fa-angle-right:before {
		background: url('/rr_images/decorations/minus--white.svg') no-repeat 0 1px scroll transparent !important;
		opacity: 0.8;
	}
.scale_events {
	background: url(/rr_images/decorations/bg__history.png) repeat center bottom #1D3247;
	background-size: auto 100%;
}
	.scale_events h1 {
		padding-top: 80px;
		color: #fff;
	}
.milestones__wrapper {
	margin-top: 40px;
}
.milestones__slider {
	position: relative;
}
.milestone {
	font-size: 36px;
	line-height: 1.3;
	color: #fff;
	text-align: center;
	transition: all 0.2s ease-in-out;
}
	.milestone.slick-current {
		font-size: 72px;
	}
	.milestones .slick-slide {
		position: relative;
		height: 300px;
	}
		.milestone__point {
			position: relative;
			left: calc(50% - 7px);
			top: 143px;
			height: 13px;
			width: 13px;
			border-radius: 50%;
			background-color: #fff;
			transition: all 0.2s ease-in-out;
		}
		.milestone__year {
			position: absolute;
			left: 0;
			right: 0;
			transition: all 0.3s ease-in-out;
			cursor: pointer;
		}
		.milestone:not(.slick-current):nth-child(2n) .milestone__year {
			top: 50px;
		}
			.milestone.slick-current:nth-child(2n) .milestone__year {
				top: 0px;
			}
		.milestone:not(.slick-current):nth-child(2n + 1) .milestone__year {
			top: 210px;
		}
			.milestone.slick-current:nth-child(2n + 1) .milestone__year {
				top: 210px;
			}
	.milestones .slick-arrow {
		width: 50px;
		height: 50px;
		top: calc(50% - 25px);
	}
		.milestones .slick-prev {
			left: 0;
		}
		.milestones .slick-next {
			right: 0;
		}
		.milestones__line {
			position: absolute;
			left: 0;
			right: 0;
			height: 3px;
			background-color: #fff;
			top: calc(50% - 2px);
		}
		.milestone.slick-current .milestone__point {
			top: calc(50% - 12px);
			height: 22px;
			width: 22px;	
		}
		.milestone__square {
			position: absolute;
			height: 0;
			width: 0;
			border: 2px solid #FFFFFF;
			box-sizing: border-box;
			transform: rotate(-45deg);
			transition: all 0.3s ease-in-out;
			left: calc(50% - 3px);
			top: 147px;
		}
			.milestone.slick-current .milestone__square {
				height: 35px;
				width: 35px;
				top: 132px;
				left: calc(50% - 13px);
			}
.milestones__slider .slick-track {
	margin-left: -50%;
}
.descriptions__slider {
	position: relative;
	padding-top: 40px;
	padding-bottom: 30px;
}
	.description {
		margin-left: calc(6px + 8.3%);
		background: #C49558;
		color: #fff;
		padding: 25px 30px;
		margin-top: 18px;
		max-width: 40%;
		filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.06));
		box-sizing: border-box;
	}
		.description__triangle {
			position: absolute;
			width: 40px;
			height: 26px;
			top: -18px;
			left: 23px;
			background: url('/rr_images/decorations/triangle--brown.svg') no-repeat center center transparent;
		}
		
@media only screen and (max-width:1200px) {
	.description {
		margin-left: calc(2px + 12.5%);
		max-width: 60%;
	}
}

@media only screen and (max-width:960px) {
	.scale_events h1 {
		padding-top: 40px;
	}


@media only screen and (max-width:780px) {
	.milestones__slider .slick-track {
		margin-left: -33%;
	}
	.description {
		margin-left: 16.5%;
		max-width: 67%;
	}
}

@media only screen and (max-width:640px) {
	.milestone.slick-current {
		font-size: 60px;
	}
	.milestone:not(.slick-current):nth-child(2n + 1) .milestone__year {
		top: 210px;
	}
	.milestone:not(.slick-current):nth-child(2n) .milestone__year {
		top: 50px;
	}
	.descriptions__slider {
		padding-top: 10px;
	}
}

@media only screen and (max-width:560px) {
	.description {
		max-width: unset;
		margin-left: 30px;
		margin-right: 30px;
	}
	.milestones__slider .slick-track {
		margin-left: -50%;
	}
	.description__triangle {
		left: calc(25% - 4px);
	}
}

@media only screen and (max-width:480px) {
	.workarea {
		padding-top: 44px !important;
	}
	.milestone.slick-current {
	    font-size: 47px;
	}
	.milestone:not(.slick-current):nth-child(2n) .milestone__year {
		top: 60px;
	}
		.milestone.slick-current:nth-child(2n) .milestone__year {
			top: 10px;
		}
	.milestone:not(.slick-current):nth-child(2n + 1) .milestone__year {
		top: 200px;
	}
		.milestone.slick-current:nth-child(2n + 1) .milestone__year {
			top: 230px;
		}
}