.activity{position: relative; color: #fff}
.activity .bg::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6)}
.activity__title{margin-bottom: 20px; color: #FFD200}
.activity__list{position: relative; display: flex; flex-direction: column; align-items: flex-start}
.activity__list::after{content: ''; position: absolute; top: 50%; height: calc(100% - 70px); left: 50%; transform: translate(-50%, -50%); width: 2px; background-color: #fff}
.activity__item{width: 50%; display: flex; align-items: flex-start; margin-top: 25px}
.activity__item:first-child{margin-top: 0}
.activity__inner{display: flex; align-items: flex-start; margin-top: 6px; text-align: right}
.activity__ico{flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 70px; height: 64px; margin-left: 29px}
.activity__ico img{width: auto; max-width: 100%}
.activity__stage{position: relative; flex-shrink: 0; width: 131px; margin-top: 10px; margin-left: 24px; padding-bottom: 10px; border-bottom: 2px solid #fff; color: #FFD200; font-size: 18px; font-weight: 700; line-height: 1; text-transform: uppercase}
.activity__stage::after{content: ''; position: absolute; bottom: -5px; right: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff}
.activity__subtitle{margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 1.2; text-transform: uppercase}
.activity p{font-size: 14px; line-height: 1.25; font-weight: 500}
.activity__left{align-self: flex-end; flex-direction: row-reverse}
.activity__left .activity__stage{margin-left: 0; margin-right: 24px; text-align: right}
.activity__left .activity__stage::after{right: auto; left: -5px}
.activity__left .activity__inner{flex-direction: row-reverse; text-align: left}
.activity__left .activity__ico{margin-left: 0; margin-right: 29px}
@media screen and (max-width: 1139px){
	.activity__ico{margin-left: 15px; width: 55px; height: 55px}
	.activity__stage{width: 90px; margin-left: 15px}
	.activity__left .activity__ico{margin-right: 15px}
}
@media screen and (max-width: 991px){
	.activity__item{margin-top: 10px}
}
@media screen and (max-width: 767px){
	.activity__list::after{display: none}
	.activity__list{flex-direction: row; justify-content: space-between; flex-wrap: wrap}
	.activity__item{flex-direction: column; align-items: flex-start; margin-top: 0; width: 49%; margin-bottom: 25px}
	.activity__item:last-child{margin-bottom: 0}
	.activity__inner{display: flex; align-items: flex-start; margin-top: 0; text-align: left; order: 2}
	.activity__stage{order: 1; margin-left: 0; margin-bottom: 16px}
	.activity__stage::after{display: none}
	.activity__ico{order: 1; margin-left: 0; margin-right: 15px; width: 40px}
	.activity__main{order: 2}
	.activity__left{align-self: flex-start; flex-direction: column}
	.activity__left .activity__inner{flex-direction: row; text-align: left}
	.activity__left .activity__stage{text-align: left}
	.activity__subtitle{font-size: 16px}
}
@media screen and (max-width: 575px){
	.activity__item{width: 100%}
}