*{padding:0;box-sizing:border-box;margin:0}body{flex-direction:column;display:flex}.osteo-timeline-style-1{flex-wrap:wrap;position:relative;max-width:100%;margin:auto;display:flex}.osteo-timeline-style-1:before{height:100%;content:"";position:absolute;background-color:#2196f3;left:calc(50% - 1px);width:2px}.osteo-timeline-style-1 .timeline-item .timeline-date{padding:6px 0 0;font-weight:700}.osteo-timeline-style-1 .timeline-item{margin-bottom:40px;position:relative;width:100%}.osteo-timeline-style-1 .timeline-item .timeline-content img{padding-top:20px;padding-bottom:15px}.osteo-timeline-style-1 .timeline-item:last-child{margin-bottom:0}.osteo-timeline-style-1 .timeline-item:nth-child(odd){padding-right:calc(50% + 30px);text-align:right}.osteo-timeline-style-1 .timeline-item:nth-child(2n){padding-left:calc(50% + 30px)}.osteo-timeline-style-1 .timeline-dot{height:10px;position:absolute;top:10px;background-color:#8bc34a;border-radius:50%;left:calc(50% - 5px);width:10px}.osteo-timeline-style-2{padding:0 20px;position:relative;max-width:100%;margin:50px auto}.osteo-timeline-style-2 .center-line{height:100%;transform:translateX(-50%);position:absolute;top:20px;background:#03a9f4;left:50%;width:4px}.osteo-timeline-style-2 .timeline-items{display:flex}.osteo-timeline-style-2 .left{justify-content:flex-start}.osteo-timeline-style-2 .right{justify-content:flex-end}.osteo-timeline-style-2 .timeline-items .timeline-item{padding:20px;margin-bottom:30px;position:relative;border-radius:5px;background:#2196f3;width:calc(50% - 40px)}.osteo-timeline-style-2 .timeline-items .timeline-item .timeline-content img{padding-bottom:20px}.osteo-timeline-style-2 .timeline-items .timeline-item .timeline-content p{color:#fff;padding-bottom:20px}.osteo-timeline-style-2 .timeline-items .timeline-item .timeline-date{font-size:16px;font-weight:700;color:#fff}.osteo-timeline-style-2 .timeline-items .timeline-item .timeline-content h2{padding:20px 0;font-weight:700;color:#fff}.osteo-timeline-style-2 .timeline-items .timeline-item:before{height:15px;transform:rotate(45deg);content:"";position:absolute;top:28px;background:#2196f3;width:15px;z-index:-1}.osteo-timeline-style-2 .left .timeline-item:before{right:-7px}.osteo-timeline-style-2 .right .timeline-item:before{left:-7px}.osteo-timeline-style-2 .timeline-icon i{font-size:16px}.osteo-timeline-style-2 .timeline-items .timeline-item .timeline-icon{height:40px;font-size:17px;color:#fff;position:absolute;text-align:center;border-radius:50%;background:#2196f3;width:40px;line-height:40px}.osteo-timeline-style-2 .left .timeline-item .timeline-icon{right:-60px;top:15px}.osteo-timeline-style-2 .right .timeline-item .timeline-icon{top:15px;left:-60px}.osteo-timeline-style-2 .line-effect-2{height:100%;transform:translateX(-50%);transition:.9s;position:absolute;top:20px;background:red!important;left:50%;width:4px}.osteo-timeline-style-3{padding:15px 0;position:relative;max-width:1140px;margin:0 auto;width:100%}.osteo-timeline-style-3:after{content:"";position:absolute;bottom:0;top:0;background:#2196f3;margin-left:-1px;left:50%;width:2px}.osteo-timeline-style-3 .timeline-items{padding:15px 30px;position:relative;background:inherit;width:50%}.osteo-timeline-style-3 .timeline-items.left{left:0}.osteo-timeline-style-3 .timeline-items.right{left:50%}.osteo-timeline-style-3 .timeline-items:after{height:16px;border:2px solid #2196f3;right:-8px;content:"";position:absolute;top:calc(50% - 8px);border-radius:16px;background:#fff;width:16px;z-index:1}.osteo-timeline-style-3 .timeline-items.right:after{left:-8px}.osteo-timeline-style-3 .timeline-items.right:before{left:8px}.osteo-timeline-style-3 .timeline-items .timeline-date{font-size:14px;font-weight:700;color:#222;position:absolute;letter-spacing:1px;text-align:center;top:calc(50% - 8px);display:inline-block;z-index:1}.osteo-timeline-style-3 .timeline-items.left .timeline-date{right:-75px}.osteo-timeline-style-3 .timeline-items.right .timeline-date{left:-75px}.osteo-timeline-style-3 .timeline-items .timeline-content{padding:30px;position:relative;background:#2196f3}.osteo-timeline-style-3 .timeline-items.right .timeline-content{padding:30px}.osteo-timeline-style-3 .timeline-items .timeline-content img{padding-bottom:20px}.osteo-timeline-style-3 .timeline-items .timeline-content h2{font-weight:700;color:#fff;padding-bottom:15px}.osteo-timeline-style-3 .timeline-items .timeline-content p{font-size:16px;color:#fff;padding-bottom:15px;line-height:22px}.osteo-timeline-style-4{position:relative;flex-direction:column;display:flex}.osteo-timeline-style-4 .timeline-items{margin-bottom:20px;position:relative;align-self:center;border-radius:6px;width:50vw;display:flex}.osteo-timeline-style-4 .timeline-items:nth-child(odd){flex-direction:row-reverse}.osteo-timeline-style-4 .timeline-items:nth-child(odd) .timeline-date{border-radius:0 6px 6px 0}.osteo-timeline-style-4 .timeline-items:nth-child(odd) .timeline-content{border-radius:6px 0 0 6px}.osteo-timeline-style-4 .timeline-items:nth-child(odd) .timeline-icon:before{animation:fillTop 2s ease-in-out 4s forwards;height:100%;transform:translateX(-50%);right:auto;content:"";position:absolute;top:0;background:#03a9f4;left:50%;width:2px;z-index:-1}.osteo-timeline-style-4 .timeline-items:nth-child(odd) .timeline-icon:after{animation:fillLeft 2s ease-in-out 4s forwards;height:2px;transform:translateY(-50%);right:0;content:"";position:absolute;top:50%;background:#03a9f4;left:auto;width:100%;z-index:-1}.osteo-timeline-style-4 .timeline-items .timeline-content h2{padding-top:20px;font-weight:700;color:#03a9f4;letter-spacing:1.5px;line-height:1.4}.osteo-timeline-style-4 .timeline-items .timeline-content{padding:20px;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);border-radius:0 6px 6px 0;background:#fff;width:calc(40vw - 84px)}.osteo-timeline-style-4 .timeline-items .timeline-date{padding:0 20px;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;align-items:center;border-radius:6px 0 0 6px;background:#2196f3;white-space:nowrap;display:flex}.osteo-timeline-style-4 .timeline-items .timeline-icon{height:40px;padding:40px;justify-content:center;color:#03a9f4;position:relative;align-self:center;margin:0 20px;align-items:center;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);border-radius:100%;background:#03a9f4;width:40px;display:flex}.osteo-timeline-style-4 .timeline-items .timeline-icon i{font-size:24px;color:#fff}.osteo-timeline-style-4 .timeline-items .timeline-icon:before{animation:fillTop 2s ease-in-out 4s forwards;height:100%;transform:translateX(-50%);content:"";position:absolute;top:0;background:#03a9f4;left:50%;width:2px;z-index:-1}.osteo-timeline-style-4 .timeline-items .timeline-icon:after{animation:fillLeftOdd 2s ease-in-out 4s forwards;height:2px;transform:translateY(-50%);content:"";position:absolute;top:50%;background:#03a9f4;left:0;width:100%;z-index:-1}.osteo-timeline-style-4 .timeline-items .timeline-content p{padding:16px 0;margin:0;flex-basis:60%}.osteo-timeline-style-4 .timeline-items:last-child .timeline-icon:before{content:none}@keyframes fillLeft{to{right:100%}}@keyframes fillTop{to{top:100%}}@keyframes fillLeftOdd{to{left:100%}}.osteo-timeline-style-5{max-width:100%;width:100%}.osteo-timeline-style-5 .timeline-item{border-left:2px solid #2196f3;padding:0 32px 32px;color:rgba(0,0,0,.7);position:relative}.osteo-timeline-style-5 .timeline-item .timeline-date{font-weight:700;padding-bottom:20px}.osteo-timeline-style-5 .timeline-item .timeline-content{padding:30px;background-color:#2196f3}.osteo-timeline-style-5 .timeline-item .timeline-content img{padding-bottom:20px}.osteo-timeline-style-5 .timeline-item .timeline-content h2{color:#fff}.osteo-timeline-style-5 .timeline-item .timeline-content p{padding:15px 0;font-size:16px;color:#fff;margin:0}.osteo-timeline-style-5 .timeline-item:before{font-size:13px;font-weight:700;content:attr(date-is);position:absolute;top:16px;left:24px;display:block}.osteo-timeline-style-5 .timeline-item:after{height:10px;border:2px solid #2196f3;content:"";position:absolute;top:0;border-radius:10px;background:#fff;left:-7px;width:10px;display:block}.osteo-timeline-style-6{padding:15px 0;position:relative;max-width:1140px;margin:0 auto;width:100%}.osteo-timeline-style-6:after{right:9.9%;content:"";position:absolute;bottom:0;top:0;background:#2196f3;margin-left:-1px;width:2px}.osteo-timeline-style-6 .timeline-items{padding:15px 30px;position:relative;background:inherit;width:90%}.osteo-timeline-style-6 .timeline-items.left{left:0}.osteo-timeline-style-6 .timeline-items:after{height:16px;border:2px solid #2196f3;right:-8px;content:"";position:absolute;top:calc(50% - 8px);border-radius:16px;background:#fff;width:16px;z-index:1}.osteo-timeline-style-6 .timeline-items .timeline-date{font-size:14px;font-weight:700;color:#222;position:absolute;letter-spacing:1px;text-align:center;top:calc(50% - 8px);display:inline-block;z-index:1}.osteo-timeline-style-6 .timeline-items.left .timeline-date{right:-75px}.osteo-timeline-style-6 .timeline-items .timeline-content{padding:30px;position:relative;background:#e91e63}.osteo-timeline-style-6 .timeline-items .timeline-content img{padding-bottom:20px}.osteo-timeline-style-6 .timeline-items .timeline-content h2{font-weight:700;color:#fff;padding-bottom:15px}.osteo-timeline-style-6 .timeline-items .timeline-content p{font-size:16px;color:#fff;padding-bottom:15px;line-height:22px}.osteo-timeline-style-7{padding:15px 0;position:relative;max-width:1140px;margin:0 auto;width:100%}.osteo-timeline-style-7:after{content:"";position:absolute;bottom:0;top:0;background:#2196f3;margin-left:-1px;left:10%;width:2px}.osteo-timeline-style-7 .timeline-items{padding:15px 30px;position:relative;background:inherit;width:90%}.osteo-timeline-style-7 .timeline-items.right{left:10%}.osteo-timeline-style-7 .timeline-items:after{height:16px;border:2px solid #2196f3;right:-8px;content:"";position:absolute;top:calc(50% - 8px);border-radius:16px;background:#fff;width:16px;z-index:1}.osteo-timeline-style-7 .timeline-items.right:after{left:-8px}.osteo-timeline-style-7 .timeline-items.right:before{left:8px}.osteo-timeline-style-7 .timeline-items .timeline-date{font-size:14px;font-weight:700;color:#222;position:absolute;letter-spacing:1px;text-align:center;top:calc(50% - 8px);display:inline-block;z-index:1}.osteo-timeline-style-7 .timeline-items.right .timeline-date{left:-75px}.osteo-timeline-style-7 .timeline-items .timeline-content{padding:30px;position:relative;background:#e91e63}.osteo-timeline-style-7 .timeline-items.right .timeline-content{padding:30px}.osteo-timeline-style-7 .timeline-items .timeline-content img{padding-bottom:20px}.osteo-timeline-style-7 .timeline-items .timeline-content h2{font-weight:700;color:#fff;padding-bottom:15px}.osteo-timeline-style-7 .timeline-items .timeline-content p{font-size:16px;color:#fff;padding-bottom:15px;line-height:22px}.timeline-nav-button{background-color:#2196f3!important;border-radius:50px!important}.timeline-nav-button:hover{background-color:#e91e63!important}.osteo-timeline-style-8 .timeline-date,.osteo-timeline-style-9 .timeline-date{font-size:18px;font-weight:700;padding-bottom:15px}