@charset "UTF-8";
.numeric-list {
		padding: 0;
}
.numeric-list .head {
		padding: var(--vert-padding) 0;
		position: relative;
		background: var(--body);
		z-index: 10;
}
.numeric-list .head .container {
		display: flex;
		flex-direction: column;
}
.numeric-list .head .h2, .numeric-list .head .text {
		flex: 0 0 auto;
		width: 100%;
}
.numeric-list .head .h2 {
		max-width: 15em;
}
.numeric-list .head .text {
		margin-left: auto;
		max-width: 26.666666em;
}
@media only screen and (min-width: 1024px) {
		.numeric-list .head .h2 {
				font-size: 4rem;
		}
		.numeric-list .head .text {
				font-size: 24px;
		}
}
.numeric-list .body {
		background: var(--white);
		position: relative;
}
.numeric-list .list {
		list-style: none;
		margin: 0;
		padding: var(--vert-padding) 0 calc(var(--vert-padding) - 30px) 0;
		position: relative;
}
.numeric-list .el {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
}
.numeric-list .el:not(:last-child) {
		padding-bottom: calc(var(--vert-padding) - 10px);
}
.numeric-list-counter, .numeric-list-bottom-text {
		display: none;
}
.numeric-list-bottom-text {
		font-size: 14px;
		line-height: 20px;
		width: 182px;
		color: var(--black);
}
.numeric-list .el .h3 {
		margin: 0 0 40px 0;
		font-weight: 300;
		line-height: 1.2;
		font-size: 36px;
}
.numeric-list .el .h4 {
		font-weight: normal;
		font-size: 30px;
		line-height: 1.4;
		margin: 60px 0 20px 0;
		color: var(--black);
}
.numeric-list .el .h5 {
		font-weight: 500;
		font-size: 20px;
		line-height: 1.4;
		margin: 30px 0 10px 0;
		color: var(--black);
}
.numeric-list .el .text {
		font-weight: 300;
}
.numeric-list .more {
		cursor: pointer;
		user-select: none;
		display: block;
		position: relative;
		font-weight: normal;
		font-size: 16px;
		padding: 30px 32px 30px 0;
		border-top: 1px solid rgba(0, 0, 0, 0.12);
		margin: 40px 0 0 0;
}
.numeric-list .more:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		background: url("../img/arrow-down-black.svg") no-repeat 50% 50%;
		width: 24px;
		height: 24px;
		margin: -12px 0;
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: rotate(0deg);
}
.numeric-list .open .more:after {
		transform: rotate(180deg);
}
.numeric-list .text-inner {
		font-size: 18px;
		color: var(--blackgrey);
		backface-visibility: hidden;
		height: var(--height);
		transition-property: height, opacity;
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.numeric-list .el:not(.open) .text-inner {
		height: 0;
		opacity: 0;
}
.numeric-list .el:not(.open) .text-inner .wrap {
		pointer-events: none;
}
.numeric-list .text-inner .wrap {
		padding: 30px 0 0 0;
}
.numeric-list .text-inner .wrap > *:first-child {
		margin-top: 0 !important;
}
.numeric-list .text-inner .wrap > *:last-child {
		margin-bottom: 0 !important;
}
.numeric-list .text-inner p {
		margin: 1.4em 0;
}
.numeric-list .text-inner .bottom {
		margin-top: 60px;
}
.numeric-list .text-inner .accent {
		font-size: 30px;
		font-weight: normal;
		color: var(--black);
		margin: 40px 0;
}
@media only screen and (min-width: 700px) {
		.numeric-list .list {
				padding: 0;
		}
		.numeric-list .list:before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 182px;
				width: 1px;
				background: var(--body);
		}
		.numeric-list .list .el {
				padding: 73px 0 calc(var(--vert-padding) - 30px) 212px;
		}
		.numeric-list-counter, .numeric-list-bottom-text {
				display: block;
				position: absolute;
				left: var(--side-padding);
				z-index: 5;
		}
		.numeric-list-counter {
				top: 0;
				margin-top: 80px;
		}
		.numeric-list-bottom-text {
				top: 100vh;
				margin-top: -80px;
				transform: translate3d(0, -100%, 0);
		}
		@media only screen and (min-width: 1440px) {
				.numeric-list-counter, .numeric-list-bottom-text {
						left: calc((100vw - 1440px) / 2 + var(--side-padding));
				}
		}
		.numeric-list-counter.clone, .numeric-list-bottom-text.clone {
				position: fixed;
				pointer-events: none;
				opacity: 0;
		}
		.numeric-list .list.ready ~ .numeric-list-counter, .numeric-list .list.ready ~ .numeric-list-bottom-text {
				opacity: 0;
		}
		.numeric-list .list.ready ~ .numeric-list-counter {
				top: var(--toplast);
		}
		.numeric-list .list.end ~ .numeric-list-counter, .numeric-list .list.bottom ~ .numeric-list-bottom-text {
				opacity: 1;
		}
		.numeric-list .list.bottom:not(.in-viewport) ~ .numeric-list-bottom-text {
				top: auto;
				bottom: 80px;
				margin: 0;
				transform: translate3d(0, 0, 0);
		}
		.numeric-list-counter.clone.ready, .numeric-list-bottom-text.clone.ready {
				opacity: 1;
		}
		.numeric-list-counter.clone.end, .numeric-list-bottom-text.clone.bottom {
				opacity: 0;
		}
		.numeric-list .el .h3 {
				max-width: 9.5em;
		}
		.numeric-list .text-inner .wrap {
				padding-bottom: 30px;
		}
}
@media only screen and (min-width: 1024px) {
		.numeric-list .head {
				padding-top: 120px;
				padding-bottom: 260px;
		}
		.numeric-list .el .text {
				font-size: 22px;
		}
		.numeric-list .more {
				font-size: 18px;
		}
		.numeric-list .el .h3 {
				font-size: 2.75rem;
		}
		.numeric-list .list .el {
				padding-left: 440px;
		}
		.numeric-list .el .h3 {
				margin-left: -228px;
		}
}
@media only screen and (min-width: 1200px) {
		.numeric-list .list .el {
				padding-left: 640px;
		}
		.numeric-list .el .h3 {
				margin-left: -428px;
				width: 418px;
		}
}