#human-repair .content-area {
    min-height: 750px;
}

#human-repair.loading .content-area {
    display:none;
}
@media only screen and (max-width: 767px) {
    #human-repair .content-area {
        min-height: 500px;
    }
}
#human-repair .splash-page {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#human-repair .splash-page .container {
    margin-top: auto;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
#human-repair .splash-page .content-area {
    background: url(../images/6fafab1f33093394612a.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 650px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media only screen and (max-width: 767px) {
    #human-repair .splash-page .content-area {
        min-height: 350px;
    }
}
#human-repair .splash-page .content-area .gradient {
    background: url(../images/ebe8a450be7e75054ca4.png) repeat-x;
    position: absolute;
    bottom: 0;
    height: 282px;
    width: 100%;
    padding-top: 2%;
}
#human-repair .splash-page .content-area .icon {
    max-width: 101px;
    margin: 0 auto;
}
#human-repair .splash-page .content-area h1 {
    color: #fff;
}
#human-repair .splash-page .content-area button {
    background: #008278;
    border: none;
    padding: 0px;
    width: 220px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}
#human-repair .splash-page .content-area button:hover {
    background: #004f49;
}
#human-repair .splash-page .copy {
    background: #f9f6f1;
    text-align: center;
}
#human-repair .splash-page .copy h4 {
    color: #350032;
}
#human-repair .splash-page .copy span {
    font: "MetaNormal-Caps", sans-serif;
}
#human-repair .timeline {
    width: 100%;
    height: 90vh;
    background-color: #f9f6f1;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}
#human-repair .timeline .timeline-scroll {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 110%;
    height: 100%;
    overflow: auto;
    z-index: 1;
}
#human-repair .timeline .timeline-scroll .timeline-scroll-inner {
    height: 30000px;
}
#human-repair .timeline .timeline-scroll.hidden {
    display: none;
}
#human-repair .timeline .items {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-overflow-scrolling: touch;
}
#human-repair .timeline .items .item {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#human-repair .timeline .items .item.active {
    display: block;
}
#human-repair .timeline .items .item .graphics {
    position: absolute;
    left: 50%;
    top: calc(50% + 30px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#human-repair .timeline .items .item .graphics svg {
    -webkit-animation: none;
    animation: none;
}
#human-repair .timeline .items .item .graphics .sprite {
    position: absolute;
    display: block;
}
#human-repair .timeline .items .item .graphics .sprite svg {
    display: block;
    width: 100%;
    height: 100%;
}
#human-repair .timeline .items .item .graphics .sprite.circle {
    display: table;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    text-align: center;
    color: #f9f6f1;
    background-color: #c34100;
}
#human-repair .timeline .items .item .graphics .sprite.circle .circle-inner {
    display: table-cell;
    vertical-align: middle;
}
#human-repair
    .timeline
    .items
    .item
    .graphics
    .sprite.circle
    .circle-inner
    span {
    display: block;
    line-height: 0.93;
}
#human-repair
    .timeline
    .items
    .item
    .graphics
    .sprite.circle
    .circle-inner
    .large {
    margin-top: -20px;
    font-family: "MetaNormal-Caps", sans-serif;
    font-size: 70px;
}
#human-repair
    .timeline
    .items
    .item
    .graphics
    .sprite.circle
    .circle-inner
    .medium {
    font-size: 40px;
}
#human-repair
    .timeline
    .items
    .item
    .graphics
    .sprite.circle
    .circle-inner
    .small {
    font-size: 30px;
}
#human-repair .timeline .items .item .graphics .sprite.test {
    display: none;
    opacity: 0.5;
    -webkit-transform: none !important;
    transform: none !important;
}
#human-repair .timeline .items .item .copy {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    padding: 30px 150px;
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
}
@media only screen and (max-width: 767px) {
    #human-repair .timeline .items .item .copy {
        padding: 30px 40px 15px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 479px) {
    #human-repair .timeline .items .item .copy {
        padding: 30px 40px 10px;
        font-size: 16px;
    }
}
#human-repair .timeline .items .item.t-20-minutes .circle {
    left: -334px;
    top: -35px;
}
#human-repair .timeline .items .item.t-20-minutes .clipboard {
    left: 108px;
    bottom: 145px;
    width: 108px;
    height: 75px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-48px)
        translateY(49px);
    transform: translateZ(200px) scale(0.8) translateX(-48px) translateY(49px);
}
#human-repair .timeline .items .item.t-20-minutes .heart {
    left: -135px;
    top: -272px;
    width: 219px;
    height: 394px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(0px)
        translateY(25px);
    transform: translateZ(400px) scale(0.6) translateX(0px) translateY(25px);
}
#human-repair .timeline .items .item.t-4-hours .circle {
    left: 10px;
    top: -30px;
}
#human-repair .timeline .items .item.t-4-hours .mouth-closed {
    left: -260px;
    top: -220px;
    width: 287px;
    height: 126px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(63px)
        translateY(85px);
    transform: translateZ(400px) scale(0.6) translateX(63px) translateY(85px);
}
#human-repair .timeline .items .item.t-4-hours .bubble {
    left: -270px;
    top: -300px;
    width: 315px;
    height: 315px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(63px)
        translateY(83px);
    transform: translateZ(400px) scale(0.6) translateX(63px) translateY(83px);
}
#human-repair .timeline .items .item.t-4-hours .bubble-pop {
    left: -380px;
    top: -378px;
    width: 520px;
    height: 479px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(64px)
        translateY(77px);
    transform: translateZ(400px) scale(0.6) translateX(64px) translateY(77px);
}
#human-repair .timeline .items .item.t-6-hours .circle {
    left: -270px;
    top: -65px;
}
#human-repair .timeline .items .item.t-6-hours .bow {
    left: -320px;
    top: -295px;
    width: 170px;
    height: 98px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(55px)
        translateY(60px);
    transform: translateZ(200px) scale(0.8) translateX(55px) translateY(60px);
}
#human-repair .timeline .items .item.t-6-hours .shirt {
    left: -85px;
    top: -235px;
    width: 380px;
    height: 404px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-70px)
        translateY(5px);
    transform: translateZ(400px) scale(0.6) translateX(-70px) translateY(5px);
}
#human-repair .timeline .items .item.t-8-hours .circle {
    left: 30px;
    top: -40px;
}
#human-repair .timeline .items .item.t-8-hours .clipboard {
    left: 111px;
    bottom: 135px;
    width: 108px;
    height: 94px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-43px)
        translateY(46px);
    transform: translateZ(200px) scale(0.8) translateX(-43px) translateY(46px);
}
#human-repair .timeline .items .item.t-8-hours .hand-temperature {
    left: -250px;
    top: -290px;
    width: 330px;
    height: 414px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(44px)
        translateY(38px);
    transform: translateZ(400px) scale(0.6) translateX(44px) translateY(38px);
}
#human-repair .timeline .items .item.t-12-hours .circle {
    left: -320px;
    top: -135px;
}
#human-repair .timeline .items .item.t-12-hours .blood-cells-bottom {
    left: -120px;
    top: -265px;
    width: 340px;
    height: 394px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-15px)
        translateY(8px);
    transform: translateZ(200px) scale(0.8) translateX(-15px) translateY(8px);
}
#human-repair .timeline .items .item.t-12-hours .blood-cells-top {
    left: -110px;
    top: -215px;
    width: 380px;
    height: 289px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-60px)
        translateY(32px);
    transform: translateZ(400px) scale(0.6) translateX(-60px) translateY(32px);
}
#human-repair .timeline .items .item.t-20-hours .circle {
    left: 40px;
    top: -160px;
}
#human-repair .timeline .items .item.t-20-hours .food {
    left: -280px;
    top: -55px;
    width: 310px;
    height: 153px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(26px)
        translateY(-14px);
    transform: translateZ(200px) scale(0.8) translateX(26px) translateY(-14px);
}
#human-repair .timeline .items .item.t-20-hours .food-lid {
    left: -273px;
    top: -225px;
    width: 296px;
    height: 164px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(26px)
        translateY(34px);
    transform: translateZ(200px) scale(0.8) translateX(26px) translateY(34px);
}
#human-repair .timeline .items .item.t-20-hours .food-lid svg {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
#human-repair .timeline .items .item.t-a-day .circle {
    left: -330px;
    top: -130px;
}
#human-repair .timeline .items .item.t-a-day .blood-cells-oxygen {
    left: -50px;
    top: -280px;
    width: 300px;
    height: 424px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-30px)
        translateY(10px);
    transform: translateZ(200px) scale(0.8) translateX(-30px) translateY(10px);
}
#human-repair .timeline .items .item.t-a-day .oxygen {
    left: -127px;
    top: -225px;
    width: 185px;
    height: 185px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(3px)
        translateY(68px);
    transform: translateZ(400px) scale(0.6) translateX(3px) translateY(68px);
}
#human-repair .timeline .items .item.t-a-day .carbon {
    left: 161px;
    top: -90px;
    width: 150px;
    height: 150px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-169px)
        translateY(-2px);
    transform: translateZ(400px) scale(0.6) translateX(-169px) translateY(-2px);
}
#human-repair .timeline .items .item.t-48-hours .circle {
    left: -20px;
    top: -310px;
}
#human-repair .timeline .items .item.t-48-hours .hair-dryer {
    left: 160px;
    top: -40px;
    width: 225px;
    height: 154px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-71px)
        translateY(-12px);
    transform: translateZ(200px) scale(0.8) translateX(-71px) translateY(-12px);
}
#human-repair .timeline .items .item.t-48-hours .hair {
    left: -420px;
    top: -140px;
    width: 495px;
    height: 336px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(97px)
        translateY(-30px);
    transform: translateZ(400px) scale(0.6) translateX(97px) translateY(-30px);
}
#human-repair .timeline .items .item.t-72-hours .circle {
    left: -210px;
    top: -70px;
}
#human-repair .timeline .items .item.t-72-hours .energy,
#human-repair .timeline .items .item.t-72-hours .energy-pop {
    left: -75px;
    top: -340px;
    width: 382px;
    height: 382px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-100px)
        translateY(97px);
    transform: translateZ(400px) scale(0.6) translateX(-100px) translateY(97px);
}
#human-repair .timeline .items .item.t-days .circle {
    left: -20px;
    top: -120px;
}
#human-repair .timeline .items .item.t-days .flower {
    left: -235px;
    top: -280px;
    width: 250px;
    height: 404px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(57px)
        translateY(25px);
    transform: translateZ(400px) scale(0.6) translateX(57px) translateY(25px);
}
#human-repair .timeline .items .item.t-days .flower svg {
    -webkit-transform-origin: 23.9% 100%;
    transform-origin: 23.9% 100%;
}
#human-repair .timeline .items .item.t-5-days .circle {
    left: -305px;
    top: -140px;
}
#human-repair .timeline .items .item.t-5-days .kidneys {
    left: -85px;
    top: -200px;
    width: 360px;
    height: 300px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-70px)
        translateY(22px);
    transform: translateZ(400px) scale(0.6) translateX(-70px) translateY(22px);
}
#human-repair .timeline .items .item.t-2-weeks .circle {
    left: 40px;
    top: -110px;
}
#human-repair .timeline .items .item.t-2-weeks .hand-stains {
    left: -280px;
    top: -280px;
    width: 330px;
    height: 405px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(60px)
        translateY(30px);
    transform: translateZ(400px) scale(0.6) translateX(60px) translateY(30px);
}
#human-repair .timeline .items .item.t-2-weeks .sparkle {
    left: -72px;
    top: -273px;
    width: 90px;
    height: 90px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-3px)
        translateY(145px);
    transform: translateZ(400px) scale(0.6) translateX(-3px) translateY(145px);
}
#human-repair .timeline .items .item.t-1-month .circle {
    left: -350px;
    top: -60px;
}
#human-repair .timeline .items .item.t-1-month .immunity {
    left: -160px;
    top: -190px;
    width: 270px;
    height: 309px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(3px)
        translateY(5px);
    transform: translateZ(200px) scale(0.8) translateX(3px) translateY(5px);
}
#human-repair .timeline .items .item.t-1-month .bacterium1 {
    left: 140px;
    top: -270px;
    width: 100px;
    height: 100px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-134px)
        translateY(140px);
    transform: translateZ(400px) scale(0.6) translateX(-134px) translateY(140px);
}
#human-repair .timeline .items .item.t-1-month .bacterium2 {
    left: 210px;
    top: -140px;
    width: 120px;
    height: 90px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-187px)
        translateY(57px);
    transform: translateZ(400px) scale(0.6) translateX(-187px) translateY(57px);
}
#human-repair .timeline .items .item.t-2-weeks-3-months .circle {
    left: 55px;
    top: -80px;
}
#human-repair .timeline .items .item.t-2-weeks-3-months .dumbell {
    left: -315px;
    top: -215px;
    width: 400px;
    height: 347px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(60px)
        translateY(13px);
    transform: translateZ(400px) scale(0.6) translateX(60px) translateY(13px);
}
#human-repair .timeline .items .item.t-2-months .circle {
    left: -355px;
    top: -160px;
}
#human-repair .timeline .items .item.t-2-months .tissue,
#human-repair .timeline .items .item.t-2-months .tissue-box {
    left: -115px;
    top: -200px;
    width: 300px;
    height: 287px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-30px)
        translateY(22px);
    transform: translateZ(400px) scale(0.6) translateX(-30px) translateY(22px);
}
#human-repair .timeline .items .item.t-2-months .tissue svg {
    -webkit-transform-origin: 50% 47%;
    transform-origin: 50% 47%;
}
#human-repair .timeline .items .item.t-2-months .tissue-crumpled {
    left: 230px;
    top: 15px;
    width: 90px;
    height: 85px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-193px)
        translateY(-54px);
    transform: translateZ(400px) scale(0.6) translateX(-193px) translateY(-54px);
}
#human-repair .timeline .items .item.t-after-2-months .circle {
    left: 70px;
    top: -120px;
}
#human-repair .timeline .items .item.t-after-2-months .left-foot {
    left: -310px;
    top: -260px;
    width: 175px;
    height: 384px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(133px)
        translateY(27px);
    transform: translateZ(400px) scale(0.6) translateX(133px) translateY(27px);
}
#human-repair .timeline .items .item.t-after-2-months .left-foot svg {
    -webkit-transform-origin: 72.5% 100%;
    transform-origin: 72.5% 100%;
}
#human-repair .timeline .items .item.t-after-2-months .right-foot {
    left: -80px;
    top: -260px;
    width: 175px;
    height: 384px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-27px)
        translateY(27px);
    transform: translateZ(400px) scale(0.6) translateX(-27px) translateY(27px);
}
#human-repair .timeline .items .item.t-after-2-months .right-foot svg {
    -webkit-transform-origin: 27.5% 100%;
    transform-origin: 27.5% 100%;
}
#human-repair .timeline .items .item.t-few-months .circle {
    left: -300px;
    top: -270px;
}
#human-repair .timeline .items .item.t-few-months .cilia {
    left: 150px;
    top: -240px;
    width: 130px;
    height: 130px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-55px)
        translateY(43px);
    transform: translateZ(200px) scale(0.8) translateX(-55px) translateY(43px);
}
#human-repair .timeline .items .item.t-few-months .lungs {
    left: -130px;
    top: -170px;
    width: 300px;
    height: 284px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-16px)
        translateY(3px);
    transform: translateZ(400px) scale(0.6) translateX(-16px) translateY(3px);
}
#human-repair .timeline .items .item.t-4-months .circle {
    left: 0px;
    top: -55px;
}
#human-repair .timeline .items .item.t-4-months .blood-vessel {
    left: -280px;
    top: -285px;
    width: 330px;
    height: 380px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(20px)
        translateY(14px);
    transform: translateZ(200px) scale(0.8) translateX(20px) translateY(14px);
}
#human-repair .timeline .items .item.t-4-months .blood-vessel-cells1,
#human-repair .timeline .items .item.t-4-months .blood-vessel-cells2,
#human-repair .timeline .items .item.t-4-months .blood-vessel-cells3 {
    left: -76px;
    top: -205px;
    width: 105px;
    height: 104px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-6px)
        translateY(80px);
    transform: translateZ(400px) scale(0.6) translateX(-6px) translateY(80px);
}
#human-repair .timeline .items .item.t-6-months .circle {
    left: -300px;
    top: -240px;
}
#human-repair .timeline .items .item.t-6-months .stress-chart {
    left: 140px;
    top: -260px;
    width: 130px;
    height: 119px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-54px)
        translateY(48px);
    transform: translateZ(200px) scale(0.8) translateX(-54px) translateY(48px);
}
#human-repair .timeline .items .item.t-6-months .no-sign {
    left: -110px;
    top: -120px;
    width: 260px;
    height: 260px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-27px)
        translateY(-20px);
    transform: translateZ(400px) scale(0.6) translateX(-27px) translateY(-20px);
}
#human-repair .timeline .items .item.t-6-months .bacterium1 {
    left: -70px;
    top: -85px;
    width: 92px;
    height: 92px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(6px)
        translateY(16px);
    transform: translateZ(400px) scale(0.6) translateX(6px) translateY(16px);
}
#human-repair .timeline .items .item.t-6-months .bacterium2 {
    left: 15px;
    top: 20px;
    width: 110px;
    height: 83px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-61px)
        translateY(-49px);
    transform: translateZ(400px) scale(0.6) translateX(-61px) translateY(-49px);
}
#human-repair .timeline .items .item.t-1-9-months .circle {
    left: 65px;
    bottom: 2px;
}
#human-repair .timeline .items .item.t-1-9-months .lungs-chart {
    right: 231px;
    bottom: 37px;
    width: 150px;
    height: 154px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(79px)
        translateY(28px);
    transform: translateZ(200px) scale(0.8) translateX(79px) translateY(28px);
}
#human-repair .timeline .items .item.t-1-9-months .mouth-closed {
    left: -195px;
    top: -64px;
    width: 305px;
    height: 134px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(3px)
        translateY(-13px);
    transform: translateZ(400px) scale(0.6) translateX(3px) translateY(-13px);
}
#human-repair .timeline .items .item.t-1-9-months .mouth-open {
    left: -195px;
    top: -108px;
    width: 305px;
    height: 202px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(3px)
        translateY(-12px);
    transform: translateZ(400px) scale(0.6) translateX(3px) translateY(-12px);
}
#human-repair .timeline .items .item.t-1-9-months .cough-marks {
    left: -213px;
    top: 70px;
    width: 370px;
    height: 150px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(4px)
        translateY(-117px);
    transform: translateZ(400px) scale(0.6) translateX(4px) translateY(-117px);
}
#human-repair .timeline .items .item.t-1-year .circle {
    left: -334px;
    top: -35px;
}
#human-repair .timeline .items .item.t-1-year .p50-chart {
    left: 131px;
    bottom: 145px;
    width: 130px;
    height: 119px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-48px)
        translateY(49px);
    transform: translateZ(200px) scale(0.8) translateX(-48px) translateY(49px);
}
#human-repair .timeline .items .item.t-1-year .heart {
    left: -112px;
    top: -300px;
    width: 230px;
    height: 468px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(0px)
        translateY(25px);
    transform: translateZ(400px) scale(0.6) translateX(0px) translateY(25px);
}
#human-repair .timeline .items .item.t-few-years .circle {
    left: -30px;
    top: -270px;
}
#human-repair .timeline .items .item.t-few-years .stethoscope {
    left: 115px;
    top: -10px;
    width: 135px;
    height: 175px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-60px)
        translateY(-24px);
    transform: translateZ(200px) scale(0.8) translateX(-60px) translateY(-24px);
}
#human-repair .timeline .items .item.t-few-years .stethoscope svg {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
#human-repair .timeline .items .item.t-few-years .doctor-case {
    left: -320px;
    top: -140px;
    width: 315px;
    height: 277px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(97px)
        translateY(-9px);
    transform: translateZ(400px) scale(0.6) translateX(97px) translateY(-9px);
}
#human-repair .timeline .items .item.t-1-5-years .circle {
    left: -300px;
    top: -205px;
}
#human-repair .timeline .items .item.t-1-5-years .p50-chart {
    left: 145px;
    top: -230px;
    width: 135px;
    height: 123px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-55px)
        translateY(41px);
    transform: translateZ(200px) scale(0.8) translateX(-55px) translateY(41px);
}
#human-repair .timeline .items .item.t-1-5-years .mouth-gums {
    left: -135px;
    top: -79px;
    width: 350px;
    height: 185px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-23px)
        translateY(-37px);
    transform: translateZ(400px) scale(0.6) translateX(-23px) translateY(-37px);
}
#human-repair .timeline .items .item.t-1-5-years .sparkle {
    left: 90px;
    top: -15px;
    width: 46px;
    height: 45px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-98px)
        translateY(-28px);
    transform: translateZ(400px) scale(0.6) translateX(-98px) translateY(-28px);
}
#human-repair .timeline .items .item.t-5-years .circle {
    left: -90px;
    top: -80px;
}
#human-repair .timeline .items .item.t-5-years .uterus {
    left: 140px;
    top: -240px;
    width: 135px;
    height: 123px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-57px)
        translateY(40px);
    transform: translateZ(200px) scale(0.8) translateX(-57px) translateY(40px);
}
#human-repair .timeline .items .item.t-5-years .bladder {
    left: -320px;
    top: -260px;
    width: 300px;
    height: 293px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(96px)
        translateY(62px);
    transform: translateZ(400px) scale(0.6) translateX(96px) translateY(62px);
}
#human-repair .timeline .items .item.t-10-years .circle {
    left: -300px;
    top: -270px;
}
#human-repair .timeline .items .item.t-10-years .kidneys-chart {
    left: 145px;
    top: -260px;
    width: 135px;
    height: 123px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-56px)
        translateY(47px);
    transform: translateZ(200px) scale(0.8) translateX(-56px) translateY(47px);
}
#human-repair .timeline .items .item.t-10-years .lungs {
    left: -150px;
    top: -170px;
    width: 315px;
    height: 298px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-16px)
        translateY(3px);
    transform: translateZ(400px) scale(0.6) translateX(-16px) translateY(3px);
}
#human-repair .timeline .items .item.t-15-years .circle {
    left: -334px;
    top: -35px;
}
#human-repair .timeline .items .item.t-15-years .heart-attack-chart {
    left: 131px;
    bottom: 145px;
    width: 135px;
    height: 123px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-48px)
        translateY(49px);
    transform: translateZ(200px) scale(0.8) translateX(-48px) translateY(49px);
}
#human-repair .timeline .items .item.t-15-years .heart {
    left: -135px;
    top: -272px;
    width: 273px;
    height: 400px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(0px)
        translateY(25px);
    transform: translateZ(400px) scale(0.6) translateX(0px) translateY(25px);
}
#human-repair .timeline .items .item.t-20-years .circle {
    left: 30px;
    top: -40px;
}
#human-repair .timeline .items .item.t-20-years .eyesight-chart {
    left: 180px;
    top: -290px;
    width: 140px;
    height: 120px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-66px)
        translateY(54px);
    transform: translateZ(200px) scale(0.8) translateX(-66px) translateY(54px);
}
#human-repair .timeline .items .item.t-20-years .eye-iris {
    left: -240px;
    top: -200px;
    width: 125px;
    height: 125px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(37px)
        translateY(28px);
    transform: translateZ(200px) scale(0.8) translateX(37px) translateY(28px);
}
#human-repair .timeline .items .item.t-20-years .eye-open {
    left: -350px;
    top: -340px;
    width: 360px;
    height: 387px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(100px)
        translateY(83px);
    transform: translateZ(400px) scale(0.6) translateX(100px) translateY(83px);
}
#human-repair .timeline .items .item.t-20-years .eye-closed {
    left: -350px;
    top: -333px;
    width: 340px;
    height: 370px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(104px)
        translateY(81px);
    transform: translateZ(400px) scale(0.6) translateX(104px) translateY(81px);
}
#human-repair .timeline .items .item.stopping .circle {
    left: -250px;
    top: -280px;
}
#human-repair .timeline .items .item.stopping .lungs {
    left: -7px;
    top: -160px;
    width: 300px;
    height: 284px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(-50px)
        translateY(-3px);
    transform: translateZ(400px) scale(0.6) translateX(-50px) translateY(-3px);
}
#human-repair .timeline .items .item.women .circle {
    left: 20px;
    top: -140px;
}
#human-repair .timeline .items .item.women .foetus-chart {
    left: -40px;
    top: -280px;
    width: 135px;
    height: 106px;
    -webkit-transform: translateZ(200px) scale(0.8) translateX(-9px)
        translateY(56px);
    transform: translateZ(200px) scale(0.8) translateX(-9px) translateY(56px);
}
#human-repair .timeline .items .item.women .pregnancy-test {
    left: -280px;
    top: -170px;
    width: 315px;
    height: 293px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(53px)
        translateY(-11px);
    transform: translateZ(400px) scale(0.6) translateX(53px) translateY(-11px);
}
#human-repair .timeline .items .item.women .smiley {
    left: -115px;
    top: -17px;
    width: 25px;
    height: 25px;
    -webkit-transform: translateZ(400px) scale(0.6) translateX(39px)
        translateY(-23px);
    transform: translateZ(400px) scale(0.6) translateX(39px) translateY(-23px);
}
#human-repair .timeline .items .item.start .copy,
#human-repair .timeline .items .item.end .copy {
    top: 0px;
    display: table;
    width: 100%;
    height: 100%;
    padding: 0px 80px;
    font-size: 26px;
}
#human-repair .timeline .items .item.start .copy .inner,
#human-repair .timeline .items .item.end .copy .inner {
    display: table-cell;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
    #human-repair .timeline .items .item.start .copy,
    #human-repair .timeline .items .item.end .copy {
        padding: 0px 40px;
        font-size: 20px;
    }
}
@media only screen and (max-width: 479px) {
    #human-repair .timeline .items .item.start .copy,
    #human-repair .timeline .items .item.end .copy {
        font-size: 15px;
    }
}
#human-repair .timeline .items .item.start .copy p {
    margin-bottom: 0px;
}
#human-repair .timeline .items .item.start .scroll-icon {
    margin: 0px auto;
    display: block;
    width: 100px;
    height: 100px;
    padding: 0px;
    border-radius: 50px;
    background-color: #008278;
    position: relative;
}
#human-repair .timeline .items .item.start .scroll-icon svg {
    position: absolute;
    left: 50%;
    display: block;
}
#human-repair .timeline .items .item.start .scroll-icon .mouse {
    top: 50%;
    margin-left: -18px;
    margin-top: -27px;
    width: 36px;
    height: 54px
}
#human-repair .timeline .items .item.start .scroll-icon .arrow {
    margin-left: -7px;
    width: 14px;
    height: 9px;
}
#human-repair .timeline .items .item.start .scroll-icon .arrow.up {
    top: 9px;
}
#human-repair .timeline .items .item.start .scroll-icon .arrow.down {
    bottom: 9px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
#human-repair .timeline .items .item.end {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
}
#human-repair .timeline .items .item.end .copy p {
    margin: 0px auto 50px;
    max-width: 680px;
}
#human-repair .timeline .items .item.end a.btn {
    margin: 0px 11px;
    display: inline-block;
    width: 220px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    background-color: #008278;
    text-decoration: none;
}
@media only screen and (max-width: 644px) {
    #human-repair .timeline .items .item.end a.btn {
        margin: 0px 11px 20px;
    }
}
#human-repair .timeline .scrollbar {
    position: absolute;
    right: 40px;
    top: 50px;
    bottom: 50px;
    z-index: 2;
}
@media only screen and (max-width: 767px) {
    #human-repair .timeline .scrollbar {
        right: 20px;
    }
}
#human-repair .timeline .scrollbar button {
    position: absolute;
    left: 0px;
    margin-left: -10px;
    margin-top: -10px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 0;
}
#human-repair .timeline .scrollbar button:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #008278;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
#human-repair .timeline .scrollbar button:hover:after,
#human-repair .timeline .scrollbar button.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#human-repair .timeline .scrollbar button.active:after {
    background-color: #c34100;
}
#human-repair .timeline .scrollbar button .tip {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -16px;
    display: none;
    width: 180px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #008278;
}
#human-repair .timeline .scrollbar button .tip span.num {
    font-family: "MetaNormal-Caps", sans-serif;
}
#human-repair .timeline .scrollbar button .tip span:after {
    content: " ";
}
#human-repair .timeline .scrollbar button .tip:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #008278;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
    #human-repair .timeline .scrollbar button .tip {
        display: none !important;
    }
}
#human-repair .timeline .scrollbar button:hover .tip,
#human-repair .timeline .scrollbar button.active .tip {
    display: block;
}
#human-repair .timeline .scrollbar button:hover .tip {
    right: 34px;
    margin-top: -17px;
    width: 182px;
    height: 34px;
    border: solid 1px #f9f6f1;
}