



.onbiz-timeline .onbiz-button span.main {
 width: 6px;
 height: 6px;
}


.onbiz-timeline .onbiz-button.onbiz-blog-link{
    margin-right: 20px;
    margin-top: 10px;
    display: none;
}
.onbiz-timeline .timeline-year{
    color: var(--color-theme-primary);
    font-size: var(--font-size-h6);
}
.onbiz-timeline  .timeline__item{
    margin-bottom: 30px;
}
.onbiz-timeline .timeline-content{
    margin-bottom: 0;
    margin-top: 5px;
}

.timeline__item:hover .onbiz-button.onbiz-blog-link span.main:nth-child(2){
    -webkit-animation: opacity 0.6s ease-in-out;
    animation: opacity 0.6s ease-in-out;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.timeline__item:hover .onbiz-button.onbiz-blog-link span.main:nth-child(3){
    -webkit-animation: opacity 0.6s ease-in-out;
    animation: opacity 0.6s ease-in-out;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.timeline__item .onbiz-button.onbiz-blog-link{
    overflow: visible;
}
.timeline__item:hover .onbiz-button.onbiz-blog-link span.main:nth-child(4){
    -webkit-animation: opacity 0.6s ease-in-out;
    animation: opacity 0.6s ease-in-out;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

/* Horizontal timeline*/

.onbiz-timeline-vertical-2 { position: relative; width: 100%; margin: auto; }
.onbiz-timeline-vertical-2 .conference-center-line {  
    position: absolute;
    width: 5px;
    top: 0;
    left: 50%;
    height: 100%;
    margin-left: -2px;
    background: var(--color-theme-white);
    z-index: -1; }
.onbiz-timeline-vertical-2 .timeline-article { width: 100%; position: relative; margin: 0px; min-height: 270px; z-index: 0; }
.onbiz-timeline-vertical-2 .timeline-article .content-date { position: absolute; top: 33%; left: 50%; font-size: 18px; margin-left: -150px; transform: translateY(50%); }
/* .onbiz-timeline-vertical-2 .timeline-article .meta-date { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; border-radius: 100%; } */
.onbiz-timeline-vertical-2 .timeline-article .content-box { position: absolute; width: 40%; top: 50%; transform: translateY(-50%); padding: 15px; right: auto;   }
.onbiz-timeline-vertical-2 .timeline-article .content-box  .timeline-date { color: #fa4f58; margin-bottom: 10px; }
.onbiz-timeline-vertical-2 .timeline-article .content-box  .timeline-content { margin-bottom: 0; }
.onbiz-timeline-vertical-2 .timeline-article:nth-child(odd) .meta-date{ width: 6px; height: 6px; border-radius: 100%; background-color: var(--color-theme-primary); display: inline-block; position: absolute; top: 50%; left: 44%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; cursor: pointer;}
.onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .meta-date{ width: 6px; height: 6px; border-radius: 100%; background-color: var(--color-theme-primary); display: inline-block; position: absolute; top: 50%; right: 45%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; cursor: pointer;}
.onbiz-timeline-vertical-2 .timeline-article .meta-date::before{ content: ""; background-color: var(--global-font-title); width: 6px; height: 6px; border-radius: 100%; display: inline-block; vertical-align: middle; position: absolute; left: 20px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.onbiz-timeline-vertical-2 .timeline-article .meta-date::after{ content: ""; background-color: var(--color-theme-secondary); width: 6px; height: 6px; border-radius: 100%; display: inline-block; vertical-align: middle; position: absolute; left: 10px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.onbiz-timeline-vertical-2 .timeline-article .meta-date:hover, .onbiz-timeline-vertical-2 .timeline-article .meta-date:hover::before, .onbiz-timeline-vertical-2 .timeline-article .meta-date:hover::after{ -webkit-animation: opacitys .6s ease-in-out; animation: opacitys .6s ease-in-out;}
.onbiz-timeline-vertical-2 .timeline-article .meta-date:hover{ opacity: 1; -webkit-animation-delay: .2s; animation-delay: .2s;}
.onbiz-timeline-vertical-2 .timeline-article .meta-date:hover::before{ opacity: 1; -webkit-animation-delay: .4s; animation-delay: .4s;}
.onbiz-timeline-vertical-2 .timeline-article .meta-date:hover::after{ opacity: 1; -webkit-animation-delay: .3s; animation-delay: .3s;}
.onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .content-box { right:0; margin-left: 0; }
/* .onbiz-timeline-vertical-2 .timeline-article:nth-child(odd) .meta-date{ left: 45%;}
.onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .meta-date{ left: 55%;} */
.onbiz-timeline-vertical-2 .timeline-article .content-box  .timeline-title { margin-bottom: 10px; }
.iq-timeline-vertical-2 .timeline--mobile { padding: 0 }
.timeline-article.timeline__content:hover .meta-date span.main:nth-child(2){
    -webkit-animation: opacity 0.6s ease-in-out;
    animation: opacity 0.6s ease-in-out;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.timeline-article.timeline__content:hover .meta-date span.main:nth-child(3){
    -webkit-animation: opacity 0.6s ease-in-out;
    animation: opacity 0.6s ease-in-out;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.timeline-article.timeline__content:hover .meta-date span.main:nth-child(4){
    -webkit-animation: opacity 0.6s ease-in-out;
    animation: opacity 0.6s ease-in-out;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.onbiz-timeline-vertical-2 .onbiz-outerbox:hover .timeline-title{
    color: var(--color-theme-primary);
}

@keyframes opacitys {

	0%,
	50% {
		transform: scale(0);
	}

	80% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(1);
	}
}

@media (max-width: 1199px){
    .onbiz-timeline-vertical-2 .timeline-article{
        min-height: 290px;
    }
}

@media (max-width: 767px){
    .onbiz-timeline-vertical-2 .timeline-article .meta-date{
        display: none;
    }
}

@media(max-width:767px) {
	.onbiz-timeline-vertical-2 .conference-center-line{left: 30px;}
    .onbiz-timeline .onbiz-button.onbiz-blog-link{display: none;}
	.onbiz-timeline-vertical-2 .timeline-article .content-box{position: relative;top:0;transform: none;width: calc(100vw - 140px);margin-left: 90px;}
	.onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .content-box{margin-left: 90px;}
	.onbiz-timeline-vertical-2 .timeline-article{margin-bottom: 30px;}
    .conference-timeline-content .timeline-article:last-child{margin-bottom:0px;}
    .onbiz-timeline-vertical-2 .timeline-article:nth-child(odd) .meta-date{left: 40px;}
    .onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .meta-date{right: auto; left: 40px;}
}
@media(max-width:479px) {
    .onbiz-timeline-vertical-2 .conference-center-line{left: 30px;}
    .onbiz-timeline-vertical-2 .timeline-article:nth-child(odd) .meta-date, .onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .meta-date, .onbiz-timeline-vertical-2 .conference-center-line{display: none;}
    .onbiz-timeline-vertical-2 .timeline-article:nth-child(even) .content-box, .onbiz-timeline-vertical-2 .timeline-article .content-box{margin: 0; width: 100%;}
    .onbiz-timeline-vertical-2 .timeline-article{min-height: auto;}
    .conference-timeline-content {padding: 0 15px;}
}