.timeline{text-align:center}.timeline-date{position:relative;padding-bottom:40px}.date-label{font-weight:700;position:relative;z-index:2;margin-bottom:40px}.date-label span{color:#fff;font-size:2.5rem;border-radius:7px;display:inline-block;background-color:#597A9B;-webkit-box-shadow:0px 0px 8px rgba(46,44,115,0.3);box-shadow:0px 0px 8px rgba(46,44,115,0.3);padding:10px 20px}.date-content{width:100%;font-size:2.2rem;border-radius:20px;background-color:#fff;border:3px solid #f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:2;padding:19px 25px}.date-content p:first-of-type{margin-top:0}.date-content p:last-of-type{margin-bottom:0}.date-stripe{width:99%;height:11px;border-radius:20px 20px 0 0;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.date-stripe.stripe-color-1{background-color:#597A9B}.date-stripe.stripe-color-2{background-color:#90AACB}.date-stripe.stripe-color-3{background-color:#4ABBB1}.date-stripe.stripe-color-4{background-color:#FFCE51}.date-stripe.stripe-color-5{background-color:#474747}.date-stripe.stripe-color-6{background-color:#FF8500}.date-stripe.stripe-color-7{background-color:#5F847D}.date-area.right,.date-content+.date-content{margin-top:20px}.date-area.empty{margin-top:0}.date-area.left .date-content,.date-area.right .date-content{text-align:left}.timeline-colors{height:calc(100% - 20px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.timeline-colors .color-line{width:6px;height:100%;opacity:0}.timeline-colors .color-line+.color-line{margin-left:8px}.timeline-colors .color-1{background-color:#597A9B}.timeline-colors .color-2{background-color:#90AACB}.timeline-colors .color-3{background-color:#4ABBB1}.timeline-colors .color-4{background-color:#FFCE51}.timeline-colors .color-5{background-color:#474747}.timeline-colors .color-6{background-color:#FF8500}.timeline-colors .color-7{background-color:#5F847D}.timeline-date:last-child .timeline-colors .color-1{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #597A9B), to(#fff));background:linear-gradient(to bottom, #597A9B 90%, #fff 100%)}.timeline-date:last-child .timeline-colors .color-2{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #90AACB), to(#fff));background:linear-gradient(to bottom, #90AACB 90%, #fff 100%)}.timeline-date:last-child .timeline-colors .color-3{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #4ABBB1), to(#fff));background:linear-gradient(to bottom, #4ABBB1 90%, #fff 100%)}.timeline-date:last-child .timeline-colors .color-4{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #FFCE51), to(#fff));background:linear-gradient(to bottom, #FFCE51 90%, #fff 100%)}.timeline-date:last-child .timeline-colors .color-5{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #474747), to(#fff));background:linear-gradient(to bottom, #474747 90%, #fff 100%)}.timeline-date:last-child .timeline-colors .color-6{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #FF8500), to(#fff));background:linear-gradient(to bottom, #FF8500 90%, #fff 100%)}.timeline-date:last-child .timeline-colors .color-7{background:-webkit-gradient(linear, left top, left bottom, color-stop(90%, #5F847D), to(#fff));background:linear-gradient(to bottom, #5F847D 90%, #fff 100%)}.timeline-colors.show-color-1 .color-1{opacity:1}.timeline-colors.show-color-2 .color-2{opacity:1}.timeline-colors.show-color-3 .color-3{opacity:1}.timeline-colors.show-color-4 .color-4{opacity:1}.timeline-colors.show-color-5 .color-5{opacity:1}.timeline-colors.show-color-6 .color-6{opacity:1}.timeline-colors.show-color-7 .color-7{opacity:1}@media screen and (min-width: 768px){.timeline{text-align:left}.timeline-date{padding-bottom:50px}.date-label{text-align:center;margin-bottom:50px}.dates-areas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.date-area{width:44%;vertical-align:top;display:inline-block}.date-area.right{margin-top:0}.date-area.right .date-content{text-align:right}.date-area .date-content.content-color-1{z-index:1;margin-top:-74px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.date-area .date-content:before{width:15px;height:15px;content:'';display:block;border-radius:50%;background-color:#fff;border:3px solid #f2f2f2;position:absolute;top:50%;left:100%;z-index:3;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.date-area.right .date-content:before{left:0}.date-area .date-content.content-color-1:before{border-color:#597A9B}.date-area .date-content.content-color-2:before{border-color:#90AACB}.date-area .date-content.content-color-3:before{border-color:#4ABBB1}.date-area .date-content.content-color-4:before{border-color:#FFCE51}.date-area .date-content.content-color-5:before{border-color:#474747}.date-area .date-content.content-color-6:before{border-color:#FF8500}.date-area .date-content.content-color-7:before{border-color:#5F847D}.date-area .date-content:after{content:'';display:block;position:absolute;top:50%;height:4px;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);z-index:2}.date-area.left .date-content:after{right:0}.date-area.right .date-content:after{left:0;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.date-area .date-content.content-color-1:after{width:calc(13.6363636364% - 15px);background-color:#597A9B}.date-area .date-content.content-color-2:after{width:calc(13.6363636364% - 9px);background-color:#90AACB}.date-area .date-content.content-color-3:after{width:calc(13.6363636364% + 33px);background-color:#4ABBB1}.date-area .date-content.content-color-4:after{width:calc(13.6363636364% + 5px);background-color:#FFCE51}.date-area .date-content.content-color-6:after{width:calc(13.6363636364% + 16px);background-color:#FF8500}.date-area.right .date-content.content-color-1:after{width:calc(13.6363636364% + 25px)}.date-area.right .date-content.content-color-2:after{width:calc(13.6363636364% + 16px)}.date-area.right .date-content.content-color-3:after{width:calc(13.6363636364% - 24px)}.date-area.right .date-content.content-color-4:after{width:calc(13.6363636364% + 5px)}.date-area.right .date-content.content-color-6:after{width:calc(13.6363636364% - 9px)}.date-stripe{width:11px;height:97%;border-radius:0 20px 20px 0;top:50%;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.date-area.left .date-stripe{right:0}.date-area.right .date-stripe{border-radius:20px 0 0 20px;left:0}}@media screen and (min-width: 992px){.date-content{font-size:1.8rem}}