.timeline{width:100%;background-color:#fff;box-shadow:0 5px 25px 5px #0003}.timeline .swiper-container{height:600px;width:100%;position:relative}.timeline .swiper-wrapper{transition:.5s linear(.68,-.4,.27,1.34) .2s}.timeline .swiper-slide{position:relative;color:#fff;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}.timeline .swiper-slide:after{content:"";position:absolute;z-index:1;right:-115%;bottom:-10%;width:100%;height:100%;background-color:#000000b3;box-shadow:-230px 0 150px 60vw #000000b3;border-radius:100%}.timeline .swiper-slide-content{position:absolute;text-align:center;width:80%;max-width:310px;right:50%;top:13%;transform:translate(50%);font-size:12px;z-index:2}.timeline .swiper-slide .timeline-year{display:block;font-style:italic;font-size:42px;margin-bottom:50px;transform:translate3d(20px,0,0);color:#d4a024;font-weight:300;opacity:0;transition:.2s ease .2s}.timeline .swiper-slide .timeline-title{font-weight:800;font-size:34px;margin:0 0 30px;opacity:0;transform:translate3d(20px,0,0);transition:.2s ease .3s}.timeline .swiper-slide .timeline-text{line-height:1.5;opacity:0;transform:translate3d(20px,0,0);transition:.2s ease .3s;font-size:1.8rem}.timeline .swiper-slide-active .timeline-year{opacity:1;transform:translateZ(0);transition:.4s ease .8s}.timeline .swiper-slide-active .timeline-title{opacity:1;transform:translateZ(0);transition:.4s ease .9s}.timeline .swiper-slide-active .timeline-text{opacity:1;transform:translateZ(0);transition:.4s ease 1s}.timeline .swiper-pagination{right:15%!important;height:100%;display:none;flex-direction:column;justify-content:center;font-style:italic;font-weight:300;font-size:18px;z-index:1}.timeline .swiper-pagination:before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;background-color:#fff3}.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:transparent;color:#d4a024;margin:5px 0!important;position:relative}.timeline .swiper-pagination-bullet:before{content:"";position:absolute;top:8px;left:-32.5px;width:6px;height:6px;border-radius:100%;background-color:#d4a024;transform:scale(0);transition:.2s}.timeline .swiper-pagination-bullet-active{color:#d4a024}.timeline .swiper-pagination-bullet-active:before{transform:scale(1)}.timeline .swiper-button-next,.timeline .swiper-button-prev{display:block!important;background-size:20px 20px;top:15%;width:20px;height:20px;margin-top:0;z-index:2;transition:.2s}.timeline .swiper-button-prev{left:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-prev:hover{transform:translate(-3px)}.timeline .swiper-button-next{right:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-next:hover{transform:translate(3px)}@media screen and (min-width: 768px){.timeline .swiper-button-next,.timeline .swiper-button-prev{display:none!important}.timeline .swiper-slide:after{right:-30%;bottom:-8%;width:240px;height:50%;box-shadow:-230px 0 150px 50vw #000000b3}.timeline .swiper-slide-content{right:30%;top:50%;transform:translateY(-50%);width:310px;font-size:11px;text-align:right}.timeline .swiper-slide .timeline-year{margin-bottom:0;font-size:32px}.timeline .swiper-slide .timeline-title{font-size:46px;margin:0}.timeline .swiper-pagination{display:flex}.timeline .swiper-button-prev{top:15%;left:auto;right:15%;transform:rotate(90deg) translateY(10px)}.timeline .swiper-button-prev:hover{transform:rotate(90deg) translate(-3px,10px)}.timeline .swiper-button-next{top:auto;bottom:15%;right:15%;transform:rotate(90deg) translateY(10px)}.timeline .swiper-button-next:hover{transform:rotate(90deg) translate(3px,10px)}}@media screen and (min-width: 1024px){.timeline .swiper-slide:after{right:-20%;bottom:-12%;width:240px;height:50%;box-shadow:-230px 0 150px 39vw #000000b3}.timeline .swiper-slide-content{right:25%}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-timeline.css.map */