.timeline{margin-top:20px;padding:42px 0 30px 0;position:relative}
#timeline{height:563px;overflow:hidden;margin-bottom:7px}
.card-title{font-size:14px;font-family:KelloggsSans-medium,sans-serif;color:#000;letter-spacing:2px;text-transform:uppercase;font-weight:500;font-stretch:normal;line-height:normal;margin:36px 0 13px 0}
.card-description{font-size:18px;font-family:KelloggsSans-light,sans-serif;font-weight:300;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:26px;color:#000;word-wrap:break-word}
@media all and (min-width:768px){.cover{display:none}
}
.cover:hover,.cover:focus,.cover:active{z-index:-9}
.owl-nav{position:relative}
.owl-prev,.owl-next{position:absolute;top:-380px;background:#d21044 !important;color:#fff !important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:60px;height:60px;border:none !important}
.end .card-item .card-body{display:none;top:50%;color:#5f5e5e;font-size:14px !important;left:50%;visibility:visible !important;font-size:52px;position:absolute;opacity:1;line-height:28px;text-transform:uppercase;text-align:center;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-moz-keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-ms-keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-o-keyframes fadein{from{opacity:0}
to{opacity:1}
}
.owl-prev{left:0}
.owl-next{right:0}
.owl-prev span,.owl-next span{font-size:42px}
@media only screen and (min-width:992px){.owl-item{width:auto !important}
#timeline{height:796px}
}
.card-item{height:704px;box-sizing:border-box;transition:width .7s;width:70px;cursor:pointer;border-left:1px solid #ccc;margin-top:102px;text-align:left}
.owl-item.year-active .card-item{padding:0 0 0 42px;width:510px;overflow:hidden;translate:width .2s}
.owl-item.year-active{margin-right:70px !important}
.mobile-no-border .card-item{border-left-width:0}
.card-year{width:41px;height:18px;font-family:KelloggsSans-medium,sans-serif;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;text-align:right;color:#747474;float:left;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position:absolute;top:112px;opacity:1 !important;font-size:14px;letter-spacing:2px}
.card-img img{opacity:1;max-width:100%;width:510px !important;height:480px}
@keyframes example{from{left:red}
to{background-color:yellow}
}
.year-active{transition:width .7s}
@media only screen and (min-width:992px){.year-active{width:auto !important}
}
.year-active .card-item{border-left:5px solid #d21044}
.year-active.end .card-item{border-left:1px solid #ccc !important}
.card-item>div{opacity:0}
.grey{color:#ccc}
.year-active .card-year{width:64px;height:31px;font-family:KelloggsSans-bold,sans-serif;font-size:24px;color:#d21044;transform:rotate(-90deg);font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:2px;top:28px;margin-left:-76px}
.year-active .card-item>div{opacity:1}
.year-active>div{opacity:1;transition:width .7s}
.card-text{display:block}
@media all and (min-width:992px){.owl-stage-outer .owl-stage{padding-left:10px}
}
@media all and (max-width:991px){.card-year{height:24px}
.owl-stage{max-height:635px !important;overflow:hidden !important;height:auto !important;padding-left:0 !important;padding-right:0 !important}
.card-year,.year-active .card-year{top:17px;margin-left:-20px}
.year-active .card-year{width:45px;height:24px;font-family:KelloggsSans-medium,sans-serif;font-size:16px;font-weight:500;line-height:1.5;left:0}
.owl-item.year-active .card-item{padding:15px 15px 0 0}
.owl-nav{position:absolute;top:-60px;left:36%}
.owl-prev,.owl-next{position:relative;top:0;display:none}
.owl-prev{left:0}
.owl-next{right:0}
.cover{position:absolute;height:150px;width:30px;top:20px;right:0;opacity:1;z-index:9;background-image:linear-gradient(#fff,rgba(255,255,255,0.8))}
.card-item>.card-year{top:50px}
.owl-item.year-active{margin-right:0 !important}
.mobile-active-space{margin-left:15px}
.first-active{padding-left:5px}
.first-active.year-active{padding-left:0}
.last-active{padding-right:5px}
.owl-stage{height:auto !important}
.active:first-of-type,.active:last-of-type{color:#ccc}
.owl-carousel .owl-item.year-active .card-img img{display:block}
.owl-item.year-active .card-item .card-body{padding:0 15px}
.owl-item.year-active .card-item .card-body h4.card-title{margin-top:22px;margin-bottom:13px;font-family:KelloggsSans-bold,sans-serif;font-size:12px;letter-spacing:2px;color:#000}
.owl-item.year-active .card-item .card-body .card-description{font-family:KelloggsSans-light,sans-serif;font-size:16px;line-height:26px;letter-spacing:normal;color:#000;width:100%}
.timeline{padding:0 0 20px 0}
.card-img img{width:301px !important;height:283px;max-width:100%}
.card-title{font-family:KelloggsSans-bold,sans-serif;font-size:12px}
.card-description{font-size:16px;height:175px}
.card-item>.card-year{top:40px}
.card-item{margin-top:80px}
.owl-item.active:first-child{left:5px}
.last-active{color:#ccc}
.mobile-active-space{margin-left:5px}
#timeline{height:635px}
}
.owl-stage{display:flex}