#cms-wrapper{width:100%;padding:50px 0 0}
#cms-container{max-width:1840px}
#cms-header{text-transform:uppercase}
.breadcrumb-outer-wrapper{width:100%;max-width:1085px;margin:auto}
.breadcrumb-wrapper{text-align:center}
.breadcrumb-container{display:inline-flex}
.breadcrumb-container > li{margin-left:1px}
.breadcrumb-container > li:first-child{margin-left:0}
.breadcrumb-container > li > a,.breadcrumb-container > li > div{position:relative;padding:4px 0 0 6px;font:var(--font14CMedium);color:#262626}
.breadcrumb-container > li:first-child > a,.breadcrumb-container > li:first-child > div{padding:4px 0 0}
.top-wrapper-container{width:100%}
#cms-photo-container figure{padding-bottom:100%}
#cms-header{flex-direction:column;justify-content:flex-start;align-items:flex-start}
.cms-desc{font:var(--font18CReg)}
.cms-photo-gallery{position:relative;z-index:2;display:flex}
.cms-photo-gallery:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;border-radius:20px;background:#262626;z-index:-1;transition:width 1s ease-in}
.cms-photo-gallery.active:before{width:100%}
.photo-gallery-title{color:#fff;font:600 clamp(1.5rem,0.875rem + 0.8333vw,1.875rem) 'TikTok Sans';display:flex;align-items:center}
.gallery-photo-list{position:relative}
.gallery-photo-list > li > figure{padding-bottom:64.51%}
.gallery-photo-list:before{content:'';position:absolute;margin:auto;background:#D8D8D8;height:0;}
.our-history-outer-container{width:100%;position:relative}
.our-history-outer-container::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-image:url(../img/bg.jpg);z-index:-1;border-radius:30px;opacity: 0.3;transition:width 1s ease-out;}
.our-history-outer-container.active::before{width:100%}
.history-main-title{display:inline-flex;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border:1px solid #B7B7B7;font:600 26px 'TikTok Sans';color:#143331;transform:rotate(-3deg) translateY(-20px);opacity:0}
.history-list > li .image figure{padding-bottom:71.428571428571%}
.year{font:900 60px 'TikTok Sans';text-align:center;color:#143331;}
.history-list{width:100%;margin-top:20px}
.image.hasImage{max-width:377px;margin:auto;transform:rotate(3deg) translateY(20px);opacity:1;visibility:visible;border:10px solid #fff}
.history-list > li:nth-child(even) .image.hasImage{transform:rotate(-3deg)}
.history-cont{justify-content:center;align-items:center}
.desc{margin-top:20px;padding:25px 50px;background:#FFF;box-shadow:0 4px 18px 0 rgba(0,0,0,0.25);color:#143331;font:400 20px 'TikTok Sans'}
.history-list > li:not(:first-child){padding-top:110px;margin-top:25px}
.history-list > li{position:relative;width:100%}
.history-list > li:not(:first-child):before{content:'';position:absolute;top:0;left:0;right:0;width:1px;height:0;background:#143331;margin:auto}
.history-list > li:not(:first-child):after{content:'';position:absolute;top:70px;left:0;right:0;width:25px;height:25px;background:#143331;margin:auto;border-radius:100%}
.image.noImage{width:100%;height:90px;position:relative;}
.image.noImage:before{content:'';position:absolute;left:0;right:0;width:25px;height:25px;background:#143331;margin:auto;border-radius:100%;top:0;}
.image.noImage:after{content:'';position:absolute;bottom:0;left:0;right:0;width:1px;height:0;background:#143331;margin:auto;}

.year{opacity: 0;visibility: hidden;transition: opacity .4s ease-in, visibility .4s ease-in;}
.desc{opacity: 0;visibility: hidden;transition: opacity .4s ease-in, visibility .4s ease-in;}
.history-list > li:before,.history-list > li:after{opacity: 0;visibility: hidden;transition: all .4s ease-in;}
.history-list > li:nth-child(odd) .year,.history-list > li:nth-child(odd) .desc{transform: rotate(-7deg) translateY(20px);}
.history-list > li:nth-child(even) .year,.history-list > li:nth-child(even) .desc{transform: rotate(7deg) translateY(20px);}
.image.noImage::before, .image.noImage::after {opacity: 0;transform: translateY(20px);transition: all .4s ease;}
.image.noImage.active::before, .image.noImage.active::after {opacity: 1;transform: translateY(0);}
.image.noImage.active:after{height:60px;}

.history-list > li.active:before,.history-list > li.active:after{opacity: 1;visibility: visible;}
.history-list > li.active:before{height: 60px;}
.history-list > li:after{transform: translateY(-20px);}
.history-list > li.active:after{transform: translateY(0);}

/*
.history-list >li:nth-child(odd) .year, .history-list >li:nth-child(even) .year{opacity: 0;}
.history-list >li:nth-child(odd) {transform: rotate(7deg) translateY(20px);}
.history-list >li:nth-child(even) .year{transform: rotate(-7deg) translateY(20px);}
.history-list > li:nth-child(odd) {border: 1px solid;}*/
@media (min-width: 1200px) {
    #cms-wrapper{padding:50px 80px 0}
    .top-wrapper-container{padding-right:20px}
    .cms-container{width:62%;max-width:1080px}
    #cms-photo-container{width:34%;max-width:610px}
    .top-wrapper-container{gap:40px}
    #cms-header{gap:10px}
    .cms-desc-container{margin-top:2.604vw}
    .cms-photo-gallery{margin-top:2.083vw;padding:50px 4.583vw;max-width:calc(100% - 30px)}
    .photo-gallery-title{width:11%}
    .gallery-photo-list{width:87%;margin-left:20px;padding-left:40px;row-gap:20px;column-gap:2%}
    .gallery-photo-list > li{width:18.4%}
    .gallery-photo-list:before{top:0;left:0;bottom:0;width:1px;transition:height .45s ease-in}
    .gallery-photo-list.active:before{height:calc(100% - 10px)}
    .our-history-outer-container{margin-top:50px;padding:5.208vw 0;max-width:calc(100% - 30px)}
    .history-cont{max-width:800px;margin:auto}
    #footer{margin-top:10px}
}
@media (max-width:1199px) {
    #cms-header{justify-content:center;align-items:center}
    #cms-photo-container{width:60%;max-width:610px}
    .cms-container{width:100%;max-width:1080px;padding:0 20px}
    .top-wrapper-container{justify-content:center;gap:20px;padding:0 10px}
    .cms-desc-container{margin-top:30px}
    .cms-photo-gallery{max-width:calc(100% - 40px);margin:40px auto 0;padding:30px 50px;flex-direction:column;justify-content:center;align-items:center}
    .photo-gallery-title{width:100%;justify-content:center}
    .gallery-photo-list{width:100%;margin-top:10px;padding-top:20px;row-gap:20px;column-gap:2%}
    .gallery-photo-list:before{top:0;left:0;right:0;height:1px;transition:width .4s ease-out}
    .gallery-photo-list.active:before{width:100%;max-width:60px}
    .gallery-photo-list > li{width:32%}
    .history-cont{max-width:calc(100% - 100px);margin:auto}
    .our-history-outer-container{margin:20px auto 0;max-width:calc(100% - 40px);padding:50px}
}
@media (max-width:764px) {
    .history-main-title,.history-item > .desc{text-align:center}
    .our-history-outer-container{padding: 25px;}
    .history-cont{max-width: 100%}
    .cms-photo-gallery{padding: 30px 25px;}
    .gallery-photo-list{}
    .gallery-photo-list>li{width: 49%}
}