.timeline{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline *,.timeline :after,.timeline :before{-webkit-box-sizing:inherit;box-sizing:inherit}.timeline:not(.timeline--horizontal):before{content:"";position:absolute;bottom:0;top:0;background-color:#ddd;margin-left:-2px;left:50%;width:4px;z-index:1}.timeline__wrap{overflow:hidden;position:relative;z-index:2}.timeline__item{padding:.625rem 2.5rem .625rem 0;font-size:16px;font-size:1rem;position:relative;width:50%;z-index:2}.timeline__item:after{height:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:4px solid #ddd;right:-10px;content:"";position:absolute;top:50%;background-color:#fff;border-radius:50%;width:20px;z-index:1}.timeline__item.animated{-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.timeline__item.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.timeline__item--left{left:0}.timeline__item--right{padding:.625rem 0 .625rem 2.5rem;left:50%}.timeline__item--right:after{left:-10px}.timeline__item--right .timeline__content:before{border:10px solid transparent;border-right:12px solid #ccc;border-left:none;left:-12px}.timeline__item--right .timeline__content:after{border:9px solid transparent;border-right:11px solid #fff;border-left:none;left:-10px}.timeline__content{padding:1.25rem;border:1px solid #ccc;color:#333;position:relative;background-color:#fff;border-radius:10px;display:block}.timeline__content:after,.timeline__content:before{height:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);content:"";position:absolute;top:50%;width:0}.timeline__content:before{border-left:12px solid #ccc;right:-12px;border-top:10px solid transparent;border-bottom:10px solid transparent;z-index:1}.timeline__content:after{border-left:11px solid #fff;right:-10px;border-top:9px solid transparent;border-bottom:9px solid transparent;z-index:2}.timeline__content h2{font-size:1.25rem;font-weight:700;margin:0 0 .625rem}.timeline__content p{font-size:.9375rem;margin-bottom:10px;line-height:1.5}.timeline--horizontal{overflow:hidden;padding:0 3.125rem;font-size:0;white-space:nowrap}.timeline--horizontal .timeline-divider{height:4px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:40px;position:absolute;background-color:#ddd;left:40px;display:block;z-index:1}.timeline--horizontal .timeline__items{-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;will-change:transform}.timeline--horizontal .timeline__item{padding:0 0 2.5rem;-webkit-transition:none;-o-transition:none;transition:none;position:relative;left:0;vertical-align:top;white-space:normal;display:inline-block}.timeline--horizontal .timeline__item:after{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);right:auto;top:100%;left:50%}.timeline--horizontal .timeline__item .timeline__item__inner{height:100%;width:100%;display:table}.timeline--horizontal .timeline__item .timeline__content__wrap{padding:0;margin:0;vertical-align:bottom;display:table-cell}.timeline--horizontal .timeline__item .timeline__content:before{border-right:12px solid transparent;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-left:12px solid transparent;right:auto;border-top:12px solid #ccc;top:100%;left:50%}.timeline--horizontal .timeline__item .timeline__content:after{border-right:10px solid transparent;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-left:10px solid transparent;right:auto;border-top:10px solid #fff;top:100%;left:50%}.timeline--horizontal .timeline__item--bottom{padding:2.5rem 0 0}.timeline--horizontal .timeline__item--bottom:after{top:0}.timeline--horizontal .timeline__item--bottom .timeline__content__wrap{vertical-align:top}.timeline--horizontal .timeline__item--bottom .timeline__content:before{border:12px solid transparent;border-top:none;border-bottom:12px solid #ccc;bottom:100%;top:auto}.timeline--horizontal .timeline__item--bottom .timeline__content:after{border:10px solid transparent;border-top:none;border-bottom:10px solid #fff;bottom:100%;top:auto}.timeline-nav-button{height:40px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:2px solid #ddd;text-indent:-9999px;position:absolute;outline:0;top:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;border-radius:50px;cursor:pointer;width:40px;display:block;z-index:10}.timeline-nav-button:disabled{pointer-events:none;opacity:.5}.timeline-nav-button:before{height:14px;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:"";position:absolute;top:50%;background-position:50%;left:50%;width:8px;background-repeat:no-repeat;display:block}.timeline-nav-button--prev{left:0}.timeline-nav-button--prev:before{background-image:url(https://menucard.top/dist/images/arrow-left.svg)}.timeline-nav-button--next{right:0}.timeline-nav-button--next:before{background-image:url(https://menucard.top/dist/images/arrow-right.svg)}.timeline--mobile{padding:0}.timeline--mobile:before{margin:0!important;left:10px!important}.timeline--mobile .timeline__item{padding-right:0;left:0;width:100%;padding-left:40px}.timeline--mobile .timeline__item:after{margin:0;left:2px}.timeline--mobile .timeline__item .timeline__content:before{border:12px solid transparent;border-left:none;border-right-color:#ccc;left:-12px}.timeline--mobile .timeline__item .timeline__content:after{border:10px solid transparent;border-left:none;border-right-color:#fff;left:-10px}@-webkit-keyframes fadeIn{0%{opacity:0;top:70px}to{opacity:1;top:0}}@keyframes fadeIn{0%{opacity:0;top:70px}to{opacity:1;top:0}}@-webkit-keyframes liftUp{0%{top:0}to{top:-15px}}@keyframes liftUp{0%{top:0}to{top:-15px}}