.myear-block .figure,.myear-block .figure img{border-radius:10px;margin-bottom:0}
*{color:#121212}
p:last-child{margin-bottom:0}
.milestones-section{position:relative;margin-top:100px;margin-bottom:80px}
aside{position:absolute;top:5%;left:30px;display:flex;flex-direction:column;/*opacity:0;visibility:hidden;*/transition:visibility 0 .5s,opacity .5s linear;z-index:1}
aside li{padding:10px;margin-bottom:5px;list-style:none;text-align:right;cursor:pointer;position:relative}
aside li span{font-size:.875rem;font-weight:300;white-space: nowrap;}
.myear-block{height:50vh;display:flex;align-items:center;justify-content:start;min-height:50vh;max-width:90%;background:0 0}
.myear-block:nth-child(2n){justify-content:end;background:0 0}
aside .active span{font-weight:700}
aside li::before{content:'';width:7px;height:7px;background-color:#b3b8ba;border-radius:100%;position:absolute;top:18px;right:-15px; z-index:-1;}
/* aside .mline{width:1px;height:100vh;background-color:#a3a3a3;position:absolute;top:18px;right:-12px} */
aside ul::after{content:'';width:1px;height:100%;background-color:#a3a3a3;position:absolute;top:18px;right:-12px}
aside li.active::before{background-color:#0095da}
.myear-block .yeartext{font-size:3.125rem;line-height:3.75rem;font-weight:700;color:#fff;text-shadow:#000 2px 2px 2px;-webkit-text-stroke:.5px rgba(124,112,112,0.4);position:absolute;top:-40px;left:15px}
.myear-block .figure{position:relative}
.myear-block .figure figcaption{font-size:1.125rem;line-height:1.313rem;color:#fff;position:absolute;bottom:0;left:0;padding:10px 15px;width:100%;z-index:1}
.myear-block .figure::after{content:'';width:100%;height:100%;position:absolute;bottom:0;left:0;background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.myear-block .figure figcaption p{font-size:1.125rem;line-height:1.313rem;color:#fff;position:relative;z-index:1}
/* .sticky-active{opacity:1;visibility:visible;position:fixed;top:50%; transform: translateY(-50%);transition:opacity .5s linear;z-index:1} */
.sticky-active{opacity:1;visibility:visible;}
.milestones-section:after{content:'';position:fixed;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)}
.milestones-section.end-of-page::after{display:none}
@media screen and (max-width:1680px) {
.milestones-inner{margin-left:15%}
}
@media screen and (max-width:1600px) {
.myear-block{height:60vh;min-height:60vh}
}
@media screen and (max-width:1366px) {
.sticky-aside.sticky-active.end-of-page{opacity:0}
.milestones-section{margin-bottom:180px}
.myear-block{height:62vh;min-height:62vh}
}
@media all and (max-width:820px) {
.milestones-section{margin-top:0;margin-bottom:40px}
.myear-block{justify-content:center}
.milestones-inner{margin:0 auto}
aside{left:-20px;display:none}
.myear-block:nth-child(2n){justify-content:center}
.myear-block{height:45vh;min-height:45vh;max-width:100%}
.sticky-active{top:12%}
}
@media all and (max-width:767px) {
aside{display:none;left:-20px}
.myear-block{padding-bottom:85px;height:100%;min-height:100%;max-width:100%}
.myear-block .figure figcaption,.myear-block .figure figcaption p{font-size:1rem}
.milestones-section{margin-top:50px;margin-bottom:50px}
.milestones-section:after{height:40%}
.milestones-inner{margin-left:0}
.myear-block:nth-child(2n){justify-content:start}
}
@media (max-width:1439px) and (min-width:1263px) and (-webkit-device-pixel-ratio:1.5) {
.myear-block{height:62vh;min-height:62vh}
}