.timeline{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.timeline .li{-webkit-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%}.timeline .li:not(:last-child){border-top:1px solid #eee}.timeline .li:last-child{border-top:1px solid transparent}@media (max-width:599px){.timeline .li{height:100%}.timeline .li:not(:last-child){border-top:0;border-left:1px solid #eee}.timeline .li:last-child{border-top:0;border-left:1px solid transparent}}.timeline .status{padding:30px 40px 0 0;display:block;position:relative}.timeline .status:before{content:"";width:10px;height:10px;background-color:#eee;position:absolute;top:-6px}.timeline .status.cpl-active-flag:after{content:"";width:40px;height:40px;position:absolute;top:-50px;background-image:url(../../../etc.clientlibs/omotenashi/clientlibs/clientlib-base/img/resources/toyota-gr-flag-icon.svg);background-position:0;background-repeat:no-repeat;background-size:auto}@media (max-width:599px){.timeline .status.cpl-active-flag:after{top:0;left:0;margin-left:10px;width:32px;height:32px}}@media (max-width:599px){.timeline .status.cpl-active-flag div.cpl-freehtml,.timeline .status.cpl-active-flag h5{margin-left:35px;width:calc(100% - 35px)}}.timeline .status h5{font-weight:600;display:block;color:#eee}.timeline .status div.cpl-freehtml{color:#eee}@media (max-width:599px){.timeline .status{padding:0 0 40px 10px}.timeline .status:before{top:0;left:-6px}}.timeline .li.complete:not(:last-child){-webkit-animation:redLine 2s;animation:redLine 2s;border-top:1px solid #eb0a1e}@-webkit-keyframes redLine{0%{border-top:1px solid #eee}to{border-top:1px solid #eb0a1e}}@keyframes redLine{0%{border-top:1px solid #eee}to{border-top:1px solid #eb0a1e}}.timeline .li.complete .status:before{background-color:#eb0a1e;-webkit-animation:bgColor .5s;animation:bgColor .5s}@media (max-width:599px){.timeline .li.complete .status.cpl-active-flag:after{top:0;left:10px}}.timeline .li.complete .status h5{-webkit-transform:translateY(10px);transform:translateY(10px);color:#101010;-webkit-animation:fontColor 2.5s;animation:fontColor 2.5s}.cpl-sec-bg-black .timeline .li.complete .status h5,.cpl-sec-bg-grey-dark .timeline .li.complete .status h5,.cpl-sec-bg-grey-mid .timeline .li.complete .status h5{color:#fff;-webkit-animation:fontColorAlt 2.5s;animation:fontColorAlt 2.5s}.timeline .li.complete .status div.cpl-freehtml{-webkit-transform:translateY(10px);transform:translateY(10px);color:#101010;-webkit-animation:fontColor 2.5s;animation:fontColor 2.5s}.cpl-sec-bg-black .timeline .li.complete .status div.cpl-freehtml,.cpl-sec-bg-grey-dark .timeline .li.complete .status div.cpl-freehtml,.cpl-sec-bg-grey-mid .timeline .li.complete .status div.cpl-freehtml{color:#fff;-webkit-animation:fontColorAlt 2.5s;animation:fontColorAlt 2.5s}@-webkit-keyframes fontColor{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#eee}to{color:#101010;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes fontColor{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#eee}to{color:#101010;-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes fontColorAlt{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#eee}to{color:#fff;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes fontColorAlt{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#eee}to{color:#fff;-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes bgColor{0%{background-color:#eee}to{background-color:#eb0a1e}}@keyframes bgColor{0%{background-color:#eee}to{background-color:#eb0a1e}}@media (max-width:599px){.timeline .li.complete:not(:last-child){-webkit-animation:redLine 3s;animation:redLine 3s;border-left:1px solid #eb0a1e;border-top:0}@-webkit-keyframes redLine{0%{border-left:1px solid #eee}to{border-left:1px solid #eb0a1e}}@keyframes redLine{0%{border-left:1px solid #eee}to{border-left:1px solid #eb0a1e}}.timeline .li.complete .status:before{background-color:#eb0a1e;-webkit-animation:bgColor 1.5s;animation:bgColor 1.5s}.timeline .li.complete .status h5{-webkit-transform:translateX(10px);transform:translateX(10px);color:#101010;-webkit-animation:fontColor 3.5s;animation:fontColor 3.5s}.cpl-sec-bg-black .timeline .li.complete .status h5,.cpl-sec-bg-grey-dark .timeline .li.complete .status h5,.cpl-sec-bg-grey-mid .timeline .li.complete .status h5{color:#fff;-webkit-animation:fontColorAlt 3.5s;animation:fontColorAlt 3.5s}.timeline .li.complete .status div.cpl-freehtml{-webkit-transform:translateX(10px);transform:translateX(10px);color:#101010;-webkit-animation:fontColor 3.5s;animation:fontColor 3.5s}.cpl-sec-bg-black .timeline .li.complete .status div.cpl-freehtml,.cpl-sec-bg-grey-dark .timeline .li.complete .status div.cpl-freehtml,.cpl-sec-bg-grey-mid .timeline .li.complete .status div.cpl-freehtml{color:#fff;-webkit-animation:fontColorAlt 3.5s;animation:fontColorAlt 3.5s}.timeline .li.complete .status.cpl-active-flag:after{-webkit-animation:activeFlag 3.5s;animation:activeFlag 3.5s}.timeline .li.complete .status.cpl-active-flag h5{-webkit-transform:translateX(10px);transform:translateX(10px);color:#101010;-webkit-animation:fontColor 3.5s;animation:fontColor 3.5s}.cpl-sec-bg-black .timeline .li.complete .status.cpl-active-flag h5,.cpl-sec-bg-grey-dark .timeline .li.complete .status.cpl-active-flag h5,.cpl-sec-bg-grey-mid .timeline .li.complete .status.cpl-active-flag h5{color:#fff;-webkit-animation:fontColorAlt 3.5s;animation:fontColorAlt 3.5s}.timeline .li.complete .status.cpl-active-flag div.cpl-freehtml{-webkit-transform:translateX(10px);transform:translateX(10px);color:#101010;-webkit-animation:fontColor 3.5s;animation:fontColor 3.5s}.cpl-sec-bg-black .timeline .li.complete .status.cpl-active-flag div.cpl-freehtml,.cpl-sec-bg-grey-dark .timeline .li.complete .status.cpl-active-flag div.cpl-freehtml,.cpl-sec-bg-grey-mid .timeline .li.complete .status.cpl-active-flag div.cpl-freehtml{color:#fff;-webkit-animation:fontColorAlt 3.5s;animation:fontColorAlt 3.5s}@-webkit-keyframes fontColor{0%{-webkit-transform:translateX(0);transform:translateX(0);color:#eee}to{color:#101010;-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes fontColor{0%{-webkit-transform:translateX(0);transform:translateX(0);color:#eee}to{color:#101010;-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes fontColorAlt{0%{-webkit-transform:translateX(0);transform:translateX(0);color:#eee}to{color:#fff;-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes fontColorAlt{0%{-webkit-transform:translateX(0);transform:translateX(0);color:#eee}to{color:#fff;-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes activeFlag{0%{left:0}to{left:10px}}@keyframes activeFlag{0%{left:0}to{left:10px}}@-webkit-keyframes bgColor{0%{background-color:#eee}to{background-color:#eb0a1e}}@keyframes bgColor{0%{background-color:#eee}to{background-color:#eb0a1e}}}.cpl_gr_timeline .horizontal-scroll-wrapper.cpl-grid{padding-top:0}@media (max-width:599px){.cpl_gr_timeline{height:100%;position:relative;z-index:10}.cpl_gr_timeline .timeline{margin-top:5px;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cpl_gr_timeline .timeline-wrapper{position:relative;overflow:hidden;z-index:10}.cpl_gr_timeline .horizontal-scroll-wrapper{position:relative;display:block;top:0;left:0;height:100vh;margin:0;padding-top:1px;overflow-y:hidden;overflow-x:hidden;padding-bottom:150px}.cpl_gr_timeline .horizontal-scroll-wrapper .cpl-grid{padding-top:0;padding-bottom:0}.cpl_gr_timeline .horizontal-scroll-wrapper .cpl-grid-inner{grid-template-columns:auto}.cpl_gr_timeline .horizontal-scroll-wrapper .cpl-grid-cell-12{height:100%}}