.jumbotron {
    background: #f8fafc;
}

.home-products {
    min-height: 400px;
}

.truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text--center{
    text-align:center
}
.text--replace{
    overflow:hidden;
    color:transparent;
    text-indent:100%;
    white-space:nowrap
}

:root{
    --cd-color-1:hsl(0, 0%, 22%);
    --cd-color-1-h:0;
    --cd-color-1-s:0%;
    --cd-color-1-l:22%;
    --cd-color-2:hsl(74, 93%, 32%);
    --cd-color-2-h:74;
    --cd-color-2-s:93%;
    --cd-color-2-l:32%;
    --cd-color-3:hsl(0, 0%, 97%);
    --cd-color-3-h:0;
    --cd-color-3-s:0%;
    --cd-color-3-l:97%;
}

.cd-h-timeline__events ol, .cd-h-timeline__line ol, 
.cd-h-timeline__container ul {
	list-style: none;
	padding: 0;
}

.js .cd-h-timeline{
    opacity:0;
    transition:opacity 0.2s
}
.js .cd-h-timeline--loaded{
    opacity:1
}
.js .cd-h-timeline__container{
    position:relative;
    height:100px;
    /*max-width:800px*/
}
.js .cd-h-timeline__dates{
    position:relative;
    height:100%;
    margin:0 40px;
    overflow:hidden
}
.js .cd-h-timeline__dates::after,.js .cd-h-timeline__dates::before{
    content:'';
    position:absolute;
    z-index:2;
    top:0;
    height:100%;
    width:20px
}
/*
.js .cd-h-timeline__dates::before{
    left:0;
    background:linear-gradient(to right, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));
    background:linear-gradient(to right, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0))
}
.js .cd-h-timeline__dates::after{
    right:0;
    background:linear-gradient(to left, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));
    background:linear-gradient(to left, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0))
}
*/
.js .cd-h-timeline__line{
    position:absolute;
    z-index:1;
    left:0;
    top:49px;
    height:2px;
    background-color:hsl(0, 0%, 87.3%);
    background-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));
    transition:-webkit-transform 0.4s;
    transition:transform 0.4s;
    transition:transform 0.4s, -webkit-transform 0.4s
}
.js .cd-h-timeline__filling-line{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-color:hsl(74, 93%, 32%);
    background-color:var(--cd-color-2);
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:left center;
    -ms-transform-origin:left center;
    transform-origin:left center;
    transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
    transition:transform 0.3s, -webkit-transform 0.3s
}
.js .cd-h-timeline__date{
    cursor: pointer;
    position:absolute;
    bottom:0;
    z-index:2;
    text-align:center;
    font-size:0.8em;
    padding-bottom: 1em;
    color:hsl(0, 0%, 22%);
    color:var(--cd-color-1);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration:none
}

.js .cd-h-timeline__date::after{
    content:'';
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:-8px;
    height:16px;
    width:16px;
    border-radius:50%;
    border-width:3px;
    border-style:solid;
    border-color: hsl(74, 93%, 32%);
    background-color:hsl(0, 0%, 97%);
    background-color:var(--cd-color-3);
    transition:background-color 0.3s, border-color .3s
      box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
      animation: pulse 2s infinite;
}
.js .cd-h-timeline__date:hover::after{
    background-color:hsl(74, 93%, 32%);
    background-color:var(--cd-color-2);
    border-color:hsl(74, 93%, 32%);
    border-color:var(--cd-color-2)
}

.cd-h-timeline__line ol li:nth-child(2n-1) a {
    top: 11px !important;
}

.cd-h-timeline__line ol li:nth-child(2n-1) a:after {
    bottom: 15px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(202, 228, 52, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(202, 228, 52, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(202, 228, 52, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(202, 228, 52, 0.4);
    box-shadow: 0 0 0 0 rgba(202, 228, 52, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(202, 228, 52, 0);
    box-shadow: 0 0 0 10px rgba(202, 228, 52, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(202, 228, 52, 0);
    box-shadow: 0 0 0 0 rgba(202, 228, 52, 0);
  }
}


.js .cd-h-timeline__date--selected{
    /*pointer-events:none;*/
    cursor: pointer;
}
.js .cd-h-timeline__date--selected::after{
    background-color:hsl(74, 93%, 32%);
    background-color:var(--cd-color-2);
    border-color:hsl(74, 93%, 32%);
    border-color:var(--cd-color-2)
}
.js .cd-h-timeline__date--older-event::after{
    border-color:hsl(74, 93%, 32%);
    border-color:var(--cd-color-2)
}
.js .cd-h-timeline__navigation{
    position:absolute;
    z-index:1;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    height:34px;
    width:34px;
    border-radius:50%;
    border-width:2px;
    border-style:solid;
    border-color:hsl(0, 0%, 87.3%);
    border-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));
    transition:border-color 0.3s
}
.js .cd-h-timeline__navigation::after{
    content:'';
    position:absolute;
    height:16px;
    width:16px;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background:url(../img/cd-arrow.svg) no-repeat 0 0
}
.js .cd-h-timeline__navigation:hover{
    border-color:hsl(74, 93%, 32%);
    border-color:var(--cd-color-2)
}
.js .cd-h-timeline__navigation--prev{
    left:0;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)
}
.js .cd-h-timeline__navigation--next{
    right:0
}
.js .cd-h-timeline__navigation--inactive{
    cursor:not-allowed
}
.js .cd-h-timeline__navigation--inactive::after{
    background-position:0 -16px
}
.js .cd-h-timeline__navigation--inactive:hover{
    border-color:hsl(0, 0%, 87.3%);
    border-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9))
}
.js .cd-h-timeline__events{
    position:relative;
    width:100%;
    overflow:hidden;
    transition:height .4s;
    min-height: 220px;
    line-height: 2.2rem;
    text-align: justify;
}

/*
@media (max-width: 992px){
    .js .cd-h-timeline__events{ {
        text-align: center;
    }

}
*/

@media (min-width: 1200px) {
    .cd-h-timeline__events p {
        line-height: 2.8rem;
    }
}

@media (min-width: 992px){
    .cd-h-timeline__events p {
        line-height: 2rem;
    }
}

.js .cd-h-timeline__event{
    position:absolute;
    z-index:1;
    width:100%;
    left:0;
    top:0;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    /*padding:1px 5%;*/
    opacity:0;
    -webkit-animation-duration:0.4s;
    animation-duration:0.4s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.js .cd-h-timeline__event--selected{
    position:relative;
    z-index:2;
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.js .cd-h-timeline__event--enter-right,.js .cd-h-timeline__event--leave-right{
    -webkit-animation-name:cd-enter-right;
    animation-name:cd-enter-right
}
.js .cd-h-timeline__event--enter-left,.js .cd-h-timeline__event--leave-left{
    -webkit-animation-name:cd-enter-left;
    animation-name:cd-enter-left
}
.js .cd-h-timeline__event--leave-right,.js .cd-h-timeline__event--leave-left{
    animation-direction:reverse
}
.js .cd-h-timeline__event-content,
.js .cd-h-timeline__event-content .col-md-12 {
    /*max-width:800px*/
    padding: 12px 0 0 0 !important;
    margin: 0 0 20px 0 !important;
}

@media (max-width: 992px){
    .js .cd-h-timeline__event-content {
        text-align: center;
    }

}

.js .cd-h-timeline__event-title{
    font-size:1.5em;
}

@-webkit-keyframes cd-enter-right{
    0%{
        opacity:0;
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
@keyframes cd-enter-right{
    0%{
        opacity:0;
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
@-webkit-keyframes cd-enter-left{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
@keyframes cd-enter-left{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
html:not(.js) .cd-h-timeline__dates,html:not(.js) .cd-h-timeline__navigation{
    display:none
}