.top-block-article.about h1 {
    font-size: 40px;
    line-height: normal;
    padding-bottom: 45px;
}
@media only screen and (max-width: 1372px) {
    .top-block-article.about h1 {
        font-size: 2.9155vw;
        padding-bottom: 3.2799vw;
    }
}
@media only screen and (max-width: 600px) {
    .top-block-article.about h1 {
        font-size: 3.8333vw;
        padding-bottom: 0;
        max-width: 77vw;
        margin: 0 auto;
    }
}
.top-block-article.about p {
     font-size: 25px;
    line-height: normal;  
    max-width: 810px; 
}
@media only screen and (max-width: 1372px) {
    .top-block-article.about p {
        font-size: 1.8222vw;
        max-width: 59.0379vw; 
    }
}
@media only screen and (max-width: 600px) {
    .top-block-article.about p {
        font-size: 2.6667vw;
        max-width: 66.6667vw;
        margin: 0 auto;
    }
    .top-block-article.about .nonmob {
        display: none;
    }
}
.top-block-article.about {
    margin: 35px 0 62px;
}
@media only screen and (max-width: 1372px) {
    .top-block-article.about {
        margin: 2.551vw 0 4.519vw;
    }
}
@media only screen and (max-width: 600px) {
    .top-block-article.about {
            height: 43.3333vw;
            margin: 6.6667vw 0 12vw;
    }
}
.bl-01 h1 {
    font-size: 36px;
    padding-bottom: 65px;
    line-height: normal;
    font-weight: 400;    
}
@media only screen and (max-width: 1372px) {
    .bl-01 h1 {
        font-size: 2.6239vw;
        padding-bottom: 4.7376vw;
    }
}
.bl-01 .flexbox {
    gap: 29px;
    padding-bottom: 103px;
}
@media only screen and (max-width: 1372px) {
    .bl-01 .flexbox {
        gap: 2.1137vw;
        padding-bottom: 7.5073vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-01 .flexbox {
        flex-direction: column;        
        gap: 4.6667vw;
        padding-bottom: 21.6667vw;
    }
}
.bl-01 .video .plyr--video {
    width: 592px;
    height: 100%;
    max-height: 333px;
}
@media only screen and (max-width: 1372px) {
    .bl-01 .video .plyr--video {
        width: 43.1487vw;
        max-height: 24.2711vw;
    }    
}
@media only screen and (max-width: 600px) {
    .bl-01 .video .plyr--video {
        width: 100%;
        max-height: 100%;
    }    
}
.bl-01 .video-text {
    font-size: 25px;
    width: 557px;
    line-height: normal; 
}
@media only screen and (max-width: 1372px) {
    .bl-01 .video-text {
        font-size: 1.82vw;
        width: 40.60vw;     
    }
}
@media only screen and (max-width: 600px) {
    .bl-01 .video-text {
        font-size: 3.8333vw;
        width: 100%;     
    }
}
.bl-01 .video-text p:first-child {
    padding-bottom: 30px;
}
@media only screen and (max-width: 1372px) {
    .bl-01 .video-text p:first-child {
        padding-bottom: 2.1866vw;
    }
}
.bl-02 .linedate {
    display: grid;
    grid-template-areas:
        "y2002 y2014 y2018 y2022"
        "line line line line"
        "y2007 y2015 y2019 y2025";
    padding-bottom: 80px;
    column-gap: 60px;
    justify-content: start;    
    overflow-x: auto;
    overflow-y: hidden; 
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate {
        padding-bottom: 5.8309vw;
        column-gap: 4.37vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate {
        padding-bottom: 3.3333vw;
        column-gap: 16.6667vw;
    }
}
.bl-02 .linedate .y2002 {
    grid-area: y2002;
}
.bl-02 .linedate .y2007 {
    grid-area: y2007;
    left: 142px;
    position: relative;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .y2007 {
        left: 10.3499vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .y2007 {
        left: 34vw;
    }
}
.bl-02 .linedate .y2014 {
    grid-area: y2014;
}
.bl-02 .linedate .y2015 {
    grid-area: y2015;
    left: 142px;
    position: relative;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .y2015 {
        left: 10.3499vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .y2015 {
        left: 34vw;
    }
}
.bl-02 .linedate .y2018 {
    grid-area: y2018;
}
.bl-02 .linedate .y2019 {
    grid-area: y2019;
    left: 142px;
    position: relative;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .y2019 {
        left: 10.3499vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .y2019 {
        left: 34vw;
    }
}
.bl-02 .linedate .y2022 {
    grid-area: y2022;
}
.bl-02 .linedate .y2025 {
    grid-area: y2025;
    left: 142px;
    position: relative;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .y2025 {
        left: 10.3499vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .y2025 {
        left: 34vw;
    }
}
.bl-02 .linedate .line {
    grid-area: line;
    width: 100%;
    height: 20px;
    background-color: #6FC727;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .line {
        height: 1.4577vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .line {
        height: 4.8333vw;
    }
}
.bl-02 .linedate .line:before {
    content: '';
    width: 100%;
    height: 20px;
    background-color: #6FC727;
    display: block;
    position: absolute;
    margin-left: -100%;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .line:before {
        height: 1.4577vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .line:before {
        height: 4.8333vw;
    }
}
.bl-02 .linedate .line:after {
    content: '';
    width: 200%;
    height: 20px;
    background-color: #6FC727;
    display: block;
    position: absolute;
    margin-right: -100%;
    right: 0;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .line:after {
        height: 1.4577vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .line:after {
        height: 4.8333vw;
    }
}
.bl-02 .linedate .point {
    width: 20px;
    height: 15px;
    background-color: #6FC727;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .point {
        width: 1.4577vw;
        height: 1.0933vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .point {
        width: 4.8333vw;
        height: 3.8333vw;
    }
}
.bl-02 .linedate .date-text div {
    font-size: 36px;
    color: #6FC727;
    font-weight: 600;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .date-text div {
        font-size: 2.6239vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .date-text div {
        font-size: 8.6667vw;
    }
}
.bl-02 .linedate .date-text p {
    font-size: 18px;
    line-height: normal;
    color: #333333;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .date-text p {
        font-size: 1.312vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .date-text p {
        font-size: 4.3333vw;
    }
}
.bl-02 .linedate .date-text p span {
    color: #6FC727;
    font-weight: 600;
}
.bl-02 .linedate .item {
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .item {
        width: 53.3333vw;
    }
}
.bl-02 .linedate .item:nth-child(odd) .point {
    margin-top: 20px;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .item:nth-child(odd) .point {
        margin-top: 1.4577vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .item:nth-child(odd) .point {
        margin-top: 5vw;
    }
}
.bl-02 .linedate .item:nth-child(even) .point {
    margin-bottom: 20px;
}
@media only screen and (max-width: 1372px) {
    .bl-02 .linedate .item:nth-child(even) .point {
        margin-bottom: 1.4577vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-02 .linedate .item:nth-child(even) .point {
        margin-bottom: 5vw;
    }
}
.bl-03 .plitka-trigger {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    column-gap: 39px;
    row-gap: 17px;
    padding: 54px 0 80px;   
}
@media only screen and (max-width: 1372px) {
    .bl-03 .plitka-trigger {
        column-gap: 2.8426vw;
        row-gap: 1.2391vw;
        padding: 3.9359vw 0 5.8309vw;   
    }
}
@media only screen and (max-width: 600px) {
    .bl-03 .plitka-trigger {
        row-gap: 7.1667vw;
        padding: 9.6667vw 0 14.5vw;   
    }
}
.bl-03 .trigger {
    font-size: 25px;
    line-height: normal;
}
@media only screen and (max-width: 1372px) {
    .bl-03 .trigger {
        font-size: 1.8222vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-03 .trigger {
        font-size: 3.8333vw;
        
    }
}
.bl-03 .plitka-trigger div {
    width: calc(50% - 20px);
    text-align: center;
    padding: 0 23px 23px 23px;    
}
@media only screen and (max-width: 1372px) {
    .bl-03 .plitka-trigger div {
        width: calc(50% - 1.4577vw);
        padding: 0 1.6764vw 1.6764vw 1.6764vw;    
    }
}
@media only screen and (max-width: 600px) {
    .bl-03 .plitka-trigger div {
        width: 100%;
        padding: 0;
        display: grid; 
            grid-template-areas:
        "img zag"
        "img text";
        column-gap: 5vw;
    }
}
.bl-03 .plitka-trigger img {
    height: 87px;
}
@media only screen and (max-width: 1372px) {
    .bl-03 .plitka-trigger img {
        height: 6.3411vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-03 .plitka-trigger img {
        height: 8.3333vw;
        max-width: 8.3333vw;
        grid-area: img;
    }
}
.bl-03 .plitka-trigger span {
    font-size: 25px;
    line-height: normal;
    padding: 26px 0;
    display: block;    
}
@media only screen and (max-width: 1372px) {
    .bl-03 .plitka-trigger span {
        font-size: 1.8222vw;
        padding: 1.895vw 0;  
    }
}
@media only screen and (max-width: 600px) {
    .bl-03 .plitka-trigger span {
        font-size: 3.8333vw;
        padding: 0 0 3.1667vw;  
        grid-area: zag;
        text-align: left;
    }
}
.bl-03 .plitka-trigger p {
    font-size: 20px;
    line-height: normal;
    max-width: 540px;
    margin: auto;
}
@media only screen and (max-width: 1372px) {
    .bl-03 .plitka-trigger p {
        font-size: 1.4577vw;
        max-width: 39.3586vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-03 .plitka-trigger p {
        font-size: 3.5vw;
        max-width: unset;
        grid-area: text;
        text-align: left;
    }
}
.bl-04 .razdel .swiper-wrapper, .bl-06 .hram .swiper-wrapper {
    height: 410px;
    top: 25px;    
}
@media only screen and (max-width: 1372px) {
    .bl-04 .razdel .swiper-wrapper, .bl-06 .hram .swiper-wrapper {
        height: 29.88vw;
        top: 0.82vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-04 .razdel .swiper-wrapper, .bl-06 .hram .swiper-wrapper {
        height: 69.1667vw;
        top: -8vw;
    }
}
.bl-04 .razdel .swiper-slide.swiper-slide-active, .bl-06 .hram .swiper-slide.swiper-slide-active {
    transform: scale(1.34); 
    z-index: 1;
}
@media only screen and (max-width: 600px) {
    .bl-04 .razdel .swiper-slide.swiper-slide-active, .bl-06 .hram .swiper-slide.swiper-slide-active {
        transform: unset; 
    }
}
.bl-04 .razdel .swiper-slide, .bl-06 .hram .swiper-slide {
    width: 390px;
    height: 275px;
    transition: 1s;
    top: 20px;
}
@media only screen and (max-width: 1372px) {
    .bl-04 .razdel .swiper-slide, .bl-06 .hram .swiper-slide {
        height: 20.18vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-04 .razdel .swiper-slide, .bl-06 .hram .swiper-slide {
        height: 100%;
        width: 100%;
    }
}
.bl-04 .razdel .swiper-slide img, .bl-06 .hram .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.bl-04 .razdel .swiper-button-next, .bl-06 .hram .swiper-button-next {
    margin-top: -30px;
    right: 71%;
    margin-right: -558px;
}
@media only screen and (max-width: 1372px) {
    .bl-04 .razdel .swiper-button-next, .bl-06 .hram .swiper-button-next {
        right: 64.6vw;
        margin-right: -40.6vw;
        margin-top: -2vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-04 .razdel .swiper-button-next, .bl-06 .hram .swiper-button-next {
        right: 0;
        margin-right: 0;
        margin-top: -7vw;
    }
}
.bl-04 .razdel .swiper-button-prev, .bl-06 .hram .swiper-button-prev {
    left: 71%;
    margin-left: -558px;
    margin-top: -30px;
}
@media only screen and (max-width: 1372px) {
    .bl-04 .razdel .swiper-button-prev, .bl-06 .hram .swiper-button-prev {
        left: 64.6vw;
        margin-left: -40.6vw;
        margin-top: -2vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-04 .razdel .swiper-button-prev, .bl-06 .hram .swiper-button-prev {
        left: 0;
        margin-left: 0;
        margin-top: -7vw;
    }
}
.container h2 {
    font-size: 36px;
    line-height: normal;
    padding-bottom: 50px;
}
@media only screen and (max-width: 1372px) {
    .container h2 {
        font-size: 2.6239vw;
        padding-bottom: 3.6443vw;
    }
}
@media only screen and (max-width: 1372px) {
    .container h2 {
        font-size: 5.3333vw;
        padding-bottom: 6.6667vw;
    }
}
.bl-05 {
    font-size: 25px;
    line-height: normal;
    padding: 90px 0 40px;
}
@media only screen and (max-width: 1372px) {
    .bl-05 {
        font-size: 1.8222vw;
        padding: 6.5598vw 0 2.9155vw;
    }
}
@media only screen and (max-width: 1372px) {
    .bl-05 {
        font-size: 3.5vw;
        padding: 13.3333vw 0 3.3333vw;
    }
}
.bl-05 a, .bl-06 a {
    color: #6FC727;
}
.bl-06 {
    padding-bottom: 90px;
}
@media only screen and (max-width: 1372px) {
    .bl-06 {
        padding-bottom: 6.5598vw;
    }
}
.bl-08 div.visible {
    display: flex;
    column-gap: 13px;
    row-gap: 40px;
    flex-flow: row wrap;
    justify-content: space-around;
    padding-bottom: 80px; 
}
@media only screen and (max-width: 1372px) {
    .bl-08 div.visible {
        column-gap: .9475vw;
        row-gap: 2.9155vw;
        padding-bottom: 5.83vw; 
    }
}
@media only screen and (max-width: 600px) {
    .bl-08 div.visible {
        column-gap: 3.6667vw;
        row-gap: 3.6667vw;
        padding-bottom: 13.3333vw; 
    }
}
.bl-08 div img {
    width: 196px;
    height: 190px;
}
@media only screen and (max-width: 1372px) {
    .bl-08 div img {
        width: 14.2857vw;
        height: 13.8484vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-08 div img {
        width: 43.2857vw;
        height: 100%;
    }
}

.bl-08 .show-more {
    background-color: #6FC727;
    width: 246px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto 90px;
    font-size: 18px;
    cursor: pointer;
}
@media only screen and (max-width: 1372px) {
    .bl-08 .show-more {
        width: 17.93vw;
        height: 3.6443vw;
        margin: 0 auto 6.5598vw;
        font-size: 1.312vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-08 .show-more {
        width: 58.3333vw;
        height: 8.8333vw;
        margin: 0 auto 19vw;
        font-size: 3.5vw;
    }
}
.bl-08 .show-more:hover {
    color: #333;
}
.bl-09 div {
    display: flex;
    column-gap: 15px;
    padding-bottom: 90px;
}
@media only screen and (max-width: 1372px) {
    .bl-09 div {
        column-gap: 1.0933vw;
        padding-bottom: 6.5598vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-09 div {
        flex-wrap: wrap;
        gap: 6vw;
        padding-bottom: 19vw;
    }
}

.bl-09 img {
    width: 275px;
    height: 406px;
    cursor: pointer;
}
@media only screen and (max-width: 1372px) {
    .bl-09 img {
        width: 20.0437vw;
        height: 29.5918vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-09 img {
        width: 42.6667vw;
        height: 64.3333vw;
    }
}
.bl-04 .swiper-pagination-bullet, .bl-06 .swiper-pagination-bullet  {
    width: 14px;
    height: 14px;
}
@media only screen and (max-width: 1372px) {
    .bl-04 .swiper-pagination-bullet, .bl-06 .swiper-pagination-bullet  {
        width: 1.0204vw;
        height: 1.0204vw;
    }
}
@media only screen and (max-width: 600px) {
    .bl-04 .swiper-pagination-bullet, .bl-06 .swiper-pagination-bullet  {
        width: 3.5vw;
        height: 3.5vw;
    }
}
.bl-04 .swiper-pagination-bullet-active, .bl-06 .swiper-pagination-bullet-active {
    background-color: #0A2734;
}


.bl-02 {
    position: relative;
}


.bl-02 .date-icon {
    animation: moveHorizontal 2s ease-in-out infinite;
    display: none;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 2.5vw;
    right: 0;
}
@media (max-width: 600px) {
    .bl-02 .date-icon {
        display: block;
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0);
    }
}