.target-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:7;display:none}
    @media(max-width:1024px){.target-container{display:none}}
    @media(min-width:1025px){.standard-section.history-section{padding:0 0 200px}}

    .swiper-container.story-holder{position:static;max-width:815px;margin:0 auto;display:flex;align-items:center;overflow:initial}
    @media(max-width:1024px){
        .swiper-container.story-holder{padding:0 40px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block}}
    @media(min-width:1025px){.swiper-container.story-holder{padding-bottom:2.6vw;padding-top:11.72vw}}
    .nav-buttons-outer{display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:11;left:50%;transform:translateX(-50%);max-width:815px;width:calc(100% - 80px);
    /* top: 71px */}
    @media(min-width:1025px) {
        .nav-buttons-outer {
        /* top: calc(100% - 200px) */
            }
        }
    .swiper-pagination.history-pagination {
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 100px);
        right: inherit;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        /* top: calc(100% - 170px);
        bottom: inherit */
    }

    .swiper-pagination.history-pagination .swiper-pagination-bullet{font-family:Roboto,sans-serif;font-size:11px;color:#666;background:none;margin-bottom:15px;opacity:1;width:auto}
    .swiper-pagination.history-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f3655e;color:#fff;font-size:20px;font-weight:600;height:auto;border-radius:30px;padding:15px 20px}
    .arr-down,.arr-up {cursor: pointer}
    .swiper-button-disabled {opacity: .5}
    .year-slide { text-align: left}

    .year-slide.swiper-slide-active .history-img,.year-slide.swiper-slide-active .history-txt-block {opacity: 1; visibility: visible; transition: opacity .3s ease-in-out}
    .year-slide.swiper-slide-active .year-dec:before {display: none}
    .history-txt-block{background-color:#f3655e;padding:30px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;width:100%;text-align:left;box-shadow:2px 6px 6px 3px rgba(0,0,0,.1);transition:opacity .3s ease-in-out;position:relative}
   
    @media(min-width:1025px){.history-txt-block{max-width:410px;width:36%}}
    @media(min-width:1441px){.history-txt-block{width:50%}}
    .history-txt-block .title-40{margin-bottom:30px}
    .year-dec{/* font-family: Roboto, sans-serif; */color:#000;line-height:1;position:relative;font-size:40px;top:-20px;padding-left:20px;font-weight:100}

    @media(min-width:1025px){.year-dec{font-size:72px}}
    @media(max-width:1024px){
        .year-dec{display:block;text-align:center;margin-bottom:20px;top:inherit;padding-left:0}
        .year-dec:before{display:none}
    }
    @media(max-width:1024px){.year-dec .mobile-only{display:inline-block}}
    @media(min-width:1025px){.year-dec.mobile{display:none}}
    @media(max-width:1024px){.year-dec.desktop{display:none}}
    @media(min-width:1025px){.year-dec span{color:#000}}

    .swiper-slide-next .history-img,.swiper-slide-next .history-txt-block,.swiper-slide-prev .history-img,.swiper-slide-prev .history-txt-block{filter:grayscale(1)}
    .swiper-slide-next .history-img:after,.swiper-slide-next .history-txt-block:after,.swiper-slide-prev .history-img:after,.swiper-slide-prev .history-txt-block:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.7;z-index:2}
    .swiper-slide-next .year-dec,.swiper-slide-prev .year-dec{opacity:.5}
    .year-constant{font-family:Roboto,sans-serif;color:#000;font-size:9.38vw;line-height:1;display:inline-block;vertical-align:top;position:relative;flex:1}

    @media(max-width:1024px) {
        .year-constant {display: none}
    }

    @media(min-width:1025px) {
        .year-constant {font-size: 10.42vw;text-align: right}
    }

    @media(min-width:1441px) {
        .year-constant {font-size: 16.15vw;text-align: inherit}
    }

    .history-img-holder {display: inline-block;vertical-align: middle}
    .history-img {/*box-shadow: 2px 13px 20px 9px rgba(0, 0, 0, .1);*/ box-shadow: 2px 6px 6px 3px rgba(0, 0, 0, .1); transition: opacity .3s ease-in-out}

    @media(max-width:1024px) {
        .history-img {max-width: 100%}
    }

    @media(min-width:1025px) {
        .history-img {max-width: 20vw}
    }

    @media(min-width:1441px) {
        .history-img {width: auto}
    }


/*  */
.standard-section.history-section { margin-bottom: 30px;}
.title-40 { font-size: 40px; }
.title-40.bold { font-weight: bold;}
.standard-section.history-section { position: relative; overflow: hidden;}
.nav-buttons-outer { bottom: 120px;}
@media(max-width:1024px){.nav-buttons-outer { bottom: auto; top: 32px;}}
.swiper-pagination.history-pagination { bottom: 30px;}

.history-txt-block { float: left;}
.history-txt-block .tit { padding-bottom: 15px;}
.history-txt-block .summary { font-size: 16px;}
.history-txt-block .imgdesc { margin-top: 15px; font-style: italic; color: #eeeeee; position: relative; padding-left: 20px;}
.history-txt-block .imgdesc::after { display: block; content: '>>'; font-style: italic; color: #ffffff; width: 20px; position: absolute; top: 0; left: 0; transform: scale(.5,1.2);}

.year-point span { display: none;}
.year-point::after { display: inline-block; content: ''; width: 5px; height: 5px; border-radius: 5px; background-color: #000000;}
.year-point.swiper-pagination-bullet-active span { display: inline;}
.year-point.swiper-pagination-bullet-active::after { display: none;}
 @media(max-width:1024px) {
        .swiper-pagination.history-pagination {display: block; width: 10%; max-width: 50px; background-color: #ffffff; right: 0; top: 81px; bottom: 0 !important; text-align: center; left: auto; transform: none; color: #ffffff; padding-right: 5px; padding-left: 5px; margin-right: -5px;}
        .swiper-pagination.history-pagination .swiper-pagination-bullet { display: block; font-size: 12px; height: 20px; color: #333333; width: 100%; margin: 0; overflow: hidden;/*background-color: rgba(0, 0, 0, .1); border-radius: 3px;*/ border-top: #dddddd 1px solid; border-radius: 0; }
        .swiper-pagination.history-pagination .swiper-pagination-bullet:first-child { border-top: none;}
        .swiper-pagination.history-pagination .swiper-pagination-bullet span { display: block;  border-radius: 3px; padding: 0; line-height: 20px; height: 20px; transform: scale(0.8);}
        .swiper-pagination.history-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { padding: 0px 0; font-size: 12px; border-radius: 0px; background: none; color: #f3655e;}
        .swiper-pagination.history-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { background: none; transform: scale(.8);}
        .swiper-pagination.history-pagination .swiper-pagination-bullet.year-point { background:none; border-top: none;}
        .swiper-pagination.history-pagination .swiper-pagination-bullet.year-point span { display: none;}
        .swiper-pagination.history-pagination .swiper-pagination-bullet.year-point.swiper-pagination-bullet-active span { display: block;}

    }
@media(max-width:768px){
    .history-txt-block .summary { font-size: 14px;}
}