.flex-parent{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height:170px;
}
.worktimeline .input-flex-container{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	width: 80vw;
	max-width:500px; /*Grisha*/
	position: relative;
	z-index: 0;
	margin-left:calc((80vw - 25px) / 20);
}
.worktimeline input{
	width:25px;
	height:25px;
	/*background-color:#2C3E50;*/
	background-color:#6c757d;
	position:relative;
	border-radius:50%;
	display:block;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	cursor:pointer;
}
.worktimeline input:focus{
	outline:none;
}
.worktimeline input::before,
.worktimeline input::after{
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	top:50%;
	transform:translateY(-50%);
	/*background-color:#2C3E50;*/
	background-color:#6c757d;
	width:4vw;
	height:5px;
	max-width:50px;
}
.worktimeline input::before{
	left:calc(-5vw + 12.5px);
}
.worktimeline input::after{
	right:calc(-5vw + 12.5px);
}
.worktimeline input:checked{
	/*background-color:#2C3E50;*/
	background-color:#6c757d;
}
.worktimeline input:checked::before{
	/*background-color:#2C3E50;*/
	background-color:#6c757d;
}
.worktimeline input:checked::after{
	/*background-color:#AEB6BF;*/
	background-color:#ffffff;
	
}
.worktimeline input:checked ~ input, 
.worktimeline input:checked ~ input::before,
.worktimeline input:checked ~ input::after{
	/*background-color:#AEB6BF;*/
	background-color:#ffffff;
}
.worktimeline input:checked + .dot-info span{
}
.worktimeline .dot-info{
	width:25px;
	height:25px;
	display:block;
	visibility:hidden;
	position:relative;
	z-index:-1;
	left:calc((((80vw - 25px) / 20) * -1) - 1px);
}
.worktimeline .dot-info span{
	visibility: visible;
	position: absolute;
}
.worktimeline .dot-info span.year{
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
.worktimeline .dot-info span.label{
	top: -65px;
	left: 0;
	transform: rotateZ(-45deg);
	text-indent: -10px;
	width: 70px;
}
#timeline-descriptions-wrapper{
	width: 100%;
	margin-top:40px; /*Grisha*/
	margin-left: calc((-80vw - 25px) / 20);
}
#timeline-descriptions-wrapper p{
	margin-top: 0;
	display: none;
}
.worktimeline input[data-description="2008"]:checked ~ #timeline-descriptions-wrapper p[data-description="2008"],
.worktimeline input[data-description="2009"]:checked ~ #timeline-descriptions-wrapper p[data-description="2009"],
.worktimeline input[data-description="2010"]:checked ~ #timeline-descriptions-wrapper p[data-description="2010"],
.worktimeline input[data-description="2013"]:checked ~ #timeline-descriptions-wrapper p[data-description="2013"],
.worktimeline input[data-description="2015"]:checked ~ #timeline-descriptions-wrapper p[data-description="2015"],
.worktimeline input[data-description="2021"]:checked ~ #timeline-descriptions-wrapper p[data-description="2021"]{
	display: block;
}
@media (min-width: 1250px){
	.worktimeline input::before{
		left: -37.5px;
	}
	.worktimeline input::after{
		right: -37.5px;
	}
	.worktimeline .dot-info{
		left: calc((((1000px - 25px) / 20) * -1) - 1px);
	}
	.worktimeline #timeline-descriptions-wrapper{
		margin-left: -37.5px;
	}
}
@media only screen and (min-width: 631px) and (max-width: 1249px){
	.worktimeline .input-flex-container{
		width:303px; /*Grisha*/
	}
}

@media only screen and (min-width: 631px){
	.input-flex-container{
	    padding-top:75px;
    }
}

@media (max-width: 630px){
	.worktimeline .input-flex-container{
		width:100% !important;
	}		
}
@media (max-width: 630px){
	/*.flex-parent{
		justify-content: initial;
	}*/
	.flex-parent{
		min-height:auto !important;
	}
	.worktimeline .input-flex-container{
		flex-wrap: wrap;
		justify-content: left;
		width:400px; width:320px; -Grisha
		height: auto;
		margin-left: 0;
	}
	.worktimeline input,
	.worktimeline .dot-info{
		width: 60px;
		height: 60px;
		margin: 0 10px 50px;
	}
	.worktimeline input{
		background-color:transparent !important;
		z-index:1;
	}
	.worktimeline input::before, .worktimeline input::after{
		content: none;
	}
	.worktimeline input:checked + .dot-info{
		/*background-color: #2C3E50;*/
		background-color:#6c757d;
	}
	.worktimeline input:checked + .dot-info span.year{
		font-size: 14px;
	}
	.worktimeline input:checked + .dot-info span.label{
	}
	.worktimeline .dot-info{
		visibility: visible;
		border-radius: 50%;
		z-index: 0;
		left: 0;
		margin-left: -70px;
		/*background-color: #AEB6BF;*/
		background-color:#ffffff;
	}
	.worktimeline .dot-info span.year{
		top:0;
		left:0;
		transform:none;
		width:100%;
		height:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		/*color:#ECF0F1;*/
		color:#000000;
	}
	.worktimeline .dot-info span.label{
		top:calc(100% + 5px);
		left:50%;
		transform:translateX(-50%);
		text-indent:0;
		text-align:center;
	}
	.worktimeline #timeline-descriptions-wrapper{
		margin-top:0px;
		margin-left:0;
	}
}

/*@media (max-width:480px){
	.worktimeline .input-flex-container{
		width:340px;
	}
}
@media (max-width:400px){
	.worktimeline .input-flex-container{
		width:300px;
	}
}*/