/* Start:/local/templates/rosatom-tcmnc/assets/css/methodology-and-processes/implementation-history.css?16968552499484*/
/* implementation-history */
#timeline-body .timeline .timeline-item{width:12.5%; position:relative;cursor:pointer}
#timeline-body .timeline .timeline-item:after{content:''; width:150px; height:2px; border-radius:2px; background:var(--mavi-ra); position:absolute;display:block;top: 41px; left: 58%;}
#timeline-body .timeline .timeline-item:last-child:after{display:none}
#timeline-body .timeline .timeline-item .timeline-item_date{font-size: 14px; color:var(--mavi-ra); font-weight: 600; display: flex; justify-content: center; align-items: center}
#timeline-body .timeline .timeline-item .timeline-item_dot{padding-bottom:25px; padding-top:15px; position:relative}
#timeline-body .timeline .timeline-item .timeline-item_dot::before{content:''; display:flex; background: var(--mavi-ra); border-radius: 100px; width: 20px; height:20px; margin:auto}
#timeline-body .timeline .timeline-item:hover .timeline-item_dot::after{opacity:0}
#timeline-body .timeline .timeline-item.active .timeline-item_dot::after{opacity:0}
#timeline-body .timeline .timeline-item .timeline-item_dot::after{content:''; display:flex; background: #fff; border-radius: 100px; width: 12px; height:12px;left: 50%; top: 50%; margin-left: -6px; margin-top: -11px;position:absolute; opacity:1; transition:all .3s}
#timeline-body .timeline .timeline-item .timeline-item_text{background:var(--ultra-light-grey-ra); font-size:12px; color:var(--grey-ra); padding:11px 20px 18px 11px; width:150px; transition:all .3s}
#timeline-body .timeline .timeline-item:hover .timeline-item_text{color:var(--black-ra); background:var(--light-grey-ra)}
#timeline-body .timeline .timeline-item.active .timeline-item_text{color:var(--black-ra); background:var(--light-grey-ra)}
.timeline-item_text-wrapper{width:150px; }
.stages-wrapper{width:1000px; display:block; margin:0 auto;}
.stages-years{width:100%; border-bottom:1px solid var(--mavi-ra); padding-bottom:12px;font-weight: 500;}
.stages-years i{position: absolute; right: -24px;}
.stages-item{height:140px;display: flex;align-items: end; padding-bottom:17px; position: relative}
.stages-item.stages-1{font-size:13px;}
.stages-item.stages-2{font-size:15px;}
.stages-item.stages-3{font-size:17px;}
.stages-item div{width: 76%; text-align: center; font-weight:600; margin:0 auto}
.stages-body{background-image: linear-gradient(175.4deg, transparent 83px, #CAEDF5 0.1vw);}
.stages-item.stages-1:after, .stages-item.stages-2:after{content:''; background:var(--mavi-ra); width:2px; position:absolute; right:0; border-radius:2px; bottom:5%}
.stages-item.stages-1:after{height:55px;}
.stages-item.stages-2:after{height:77px;}
.stages-key-results{background:var(--ultra-light-grey-ra); padding-top:30px; padding-bottom:30px}
.stages-key-results .ul-ra li:before{z-index:0}
.stages-key-results .ul-ra li{font-size:15px;}
.stages-key-results>div{position:relative}
.stages-key-results>div:after{content:''; position: absolute; width:1px; height:100%; right:0;top:0;background:var(--light-grey-ra);}
.history-system-recognition-title{display:flex}
.history-system-recognition-title-text{font-size:20px; font-weight:600; border-bottom: 1px solid var(--mavi-ra); padding-left:17px; padding-right:17px; padding-bottom:13px; color:var(--mavi-ra);}
.history-system-recognition-title-num{width:84px; height:84px!important; display:flex; justify-content: center; align-items: center; font-size:44px;color:var(--mavi-ra); background:#effafc; border-radius:1px}
.history-system-recognition-title-2{margin-top:88px}
.history-system-recognition-title-3{margin-top:178px}
.history-system-recognition-text-1{position: relative}
.history-system-recognition-text-1 img{width:61px; position: absolute;right:0; bottom:-98%}
.history-system-recognition-img-1{margin-top: 90px}
.history-system-recognition-img-1 img{width:100%}
.history-system-recognition-img-2{margin-top: 90px}
.implementation-history-footer{background:var(--ultra-light-grey-ra)}
.implementation-history-footer-content{max-width:1170px; margin: 0 auto; padding-top:60px; padding-bottom:60px}
.implementation-history-footer-content li{z-index: 1}
.implementation-history-footer-content h4{margin-bottom:35px}
.implementation-history-footer-content img{object-fit:contain; max-width: 200px;}
.implementation-history-footer-content img.flag{width:80px}
.implementation-history-footer-content img.kepco{width:246px}
.implementation-history-footer-content img.gerb{width:232px;}
.implementation-history-footer-content img.rs{width:282px}
.max-w-1380{max-width:1380px;}
@media (max-width: 1449px) {
    .implementation-history-footer.px-20-1426{padding-left:50px!important; padding-right:50px!important}
}
@media (max-width: 1190px) {
    #timeline-body .timeline .timeline-item{width:100%; display:flex;flex-wrap:wrap}
    .timeline-item_text-wrapper, #timeline-body .timeline .timeline-item .timeline-item_text{width:100%; }
    #timeline-body .timeline .timeline-item .timeline-item_text{margin-bottom:10px}
    #timeline-body .timeline .timeline-item .timeline-item_date{justify-content:start; width:100%; margin-left:40px}
    #timeline-body .timeline .timeline-item .timeline-item_dot{width:10%; padding:0}
    .timeline-item_text-body{width:100%; padding-left: 35px;margin-top:15px; position: relative}
    #timeline-body .timeline .timeline-item .timeline-item_dot::before{position:absolute;top:-18px }
    #timeline-body .timeline .timeline-item .timeline-item_dot::after{left: 10px;top: 50%;margin-left: -6px;margin-top: -14px;}
    #timeline-body .timeline .timeline-item:after{display:none}
    .timeline-item_text-body:after{content: '';width: 2px;height: 95%;border-radius: 2px;background: var(--mavi-ra);position: absolute;display: block;top: 0%;left: 9px;}
    #timeline-body .timeline-item:last-child .timeline-item_text-body:after{display:none}
}

@media (max-width: 1058px) {
    #stages-mob{display:block}
    #stages{display:none}
    .stages-mob-item-title{font-weight:bold; color:var(--mavi-ra)}
    .stages-wrapper{width:100%; background-image: url(/local/templates/rosatom-tcmnc/assets/css/methodology-and-processes/../../img/implementation-history/Vector.png);padding-left: 30px;padding-top: 30px;padding-bottom: 30px;background-repeat: no-repeat;background-size: contain;}
    .stages-mob-item-year{width: fit-content;border-bottom: 1px solid var(--mavi-ra);padding-bottom: 15px;padding-top: 20px;margin-bottom: 15px;font-weight: 500;}
    .stages-mob-item-text{margin-top:27px; background:var(--ultra-light-grey-ra); margin-bottom:34px; padding: 15px 16px 17px 16px}
    .stages-mob-item-text li{z-index:1; font-size:15px}
}

@media (min-width: 1058px) {
    #stages-mob{display:none}
    #stages{display:block}
}

@media (max-width: 769px) {
    .history-system-recognition-title-text{font-size:17px; display:flex; align-items:center}
    .history-system-recognition-img-2{margin-top:0;}
    .history-system-recognition-text-3 img{display:none}
    .history-system-recognition-img-3>img{width:68% !important}
    .history-system-recognition-img-3 div{width: 26% !important; margin-left: auto;}
    .history-system-recognition-img-3{display:flex}
    .implementation-history-footer-content img.kepco, .implementation-history-footer-content img.flag{margin-left:0!important;}
    .implementation-history-footer-content img.flag{width: 45px;}
    /*.implementation-history-footer-content img,.implementation-history-footer-content img.gerb{margin-left:auto}*/
    .implementation-history-footer-content ul{margin-bottom:25px}
    .about-item{font-weight: 500; line-height: 33px; font-size:18px}
    .implementation-history-footer ul{font-size:18px}
}

@media (max-width: 990px) {
    .history-system-recognition-title-3, .history-system-recognition-title-2{margin-top:50px;}
    .history-system-recognition-img-2{margin-top:10px;}
    .history-system-recognition-text{margin-top:40px; margin-bottom:40px}
    .history-system-recognition-text-1 img{display:none}
    .history-system-recognition-img-1 img:last-child{width:75px; vertical-align:top; float:right}
    .history-system-recognition-img-1 img{width:80%}
    .history-system-recognition-img-1{display:block;margin-top:0;}
}

@media (min-width: 990px) {
    .history-system-recognition-img-1 img:last-child{display:none}
}

@media (min-width: 769px) {
    .history-system-recognition-img-3 div img{display:none}
}
@media (max-width: 400px) {
    .implementation-history-footer-content img,.implementation-history-footer-content img.gerb{margin-left:0!important; margin-bottom: 15px}
    .stages-wrapper{width:100%; background-image: linear-gradient(265deg, transparent 217px, #caedf559 0.1vw); padding-left: 18px;padding-top: 30px;}
}
@media (max-width: 500px) {
    .history-system-recognition-img-3{display:flex; flex-wrap:wrap}
    .history-system-recognition-img-3>img{width:100% !important; order:2}
    .history-system-recognition-img-3 div{width: 100% !important; margin-left: auto; order:1; display:flex;flex-direction:inherit!important;margin-bottom:15px;}
    .history-system-recognition-img-3 div img{width:40%; object-fit: contain; margin-left:auto; margin-right:auto}
    .w-100-mob{width:100%!important}
    .sticky-top-100{position:relative; top:0}
    .implementation-history-footer ul{font-size:14px}
    .history-system-recognition-img-1 img{width:100%;order:2}
    .history-system-recognition-img-1{display:flex; flex-wrap:wrap}
    .history-system-recognition-img-1 img:last-child{float:none; margin: 0 auto; display:block;order:1; margin-bottom: 15px}
}
.implementation-history-footer ul{color:var(--mavi-ra);}

/* End */
/* /local/templates/rosatom-tcmnc/assets/css/methodology-and-processes/implementation-history.css?16968552499484 */