/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 04 2022 | 12:43:59 */
/* TIMELINE */ 
.timeline-post.black-post.ht-content-design-2 {
    background: #3e3e3e !important;
    box-shadow: none !important;
    border: 0 !important;
}
.ht-dates-design-2::after {
    border-bottom-color: #3e3e3e !important;
}
.ctl-story-item
.vc_parallax .vc_parallax-inner {
  background-position: center;
}

.cool-timeline-horizontal {
    font-family: 'Volta SCTO Bold';
}
h2.content-title:after {
    content: "";
    content: '';
    display: block;
    width: 50px;
    margin-top: 14px;
    border-bottom: 4px solid #829caf;;
}

.cool-timeline-horizontal.dark-timeline .clt_carousel_slider ul.slick-slider .slick-list li:before, .cool-timeline-horizontal.dark-timeline .wrp-desgin-4 ul.ctl_h_nav .slick-list li:before {
    background-color: #ccc !important;
    background-image: -webkit-linear-gradient(top,#ccc 0,#ccc 8%,#ccc 92%,#ccc 100%) !important;
    background-image: -moz-linear-gradient(top,#ccc 0,#ccc 8%,#ccc 92%,#ccc 100%) !important;
    background-image: -ms-linear-gradient(top,#ccc 0,#ccc 8%,#ccc 92%,#ccc 100%) !important;
}

.ctl_h_slides .slick-list {
  overflow: visible;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide.slick-current:after, .cool-timeline-horizontal.ht-design-2 .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide:after {
 /* display: none !important;*/
}
.clt_caru_slider .slick-list.draggable {
    overflow: visible;
}
/*.content-title:before{
      border: 1.2em solid transparent;
    border-bottom-color: #3E3E3E;
     content: "";
    display: inline-flex;
    margin-left: 6em;
    position: absolute;
    top: -43px;
}*/
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li .ctl-story-time:after {
    background: #222;
    position: absolute;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #171717;
    font-size: 16px;
    height: 18px !important;
    width: 18px !important;
    left: calc(50% - 9px) !important;
    left: -moz-calc(50% - 14px) left: -webkit-calc(50% - 14px);
    left: -o-calc(50% - 14px);
    content: "";
    bottom: 34% !important;
}
.slick-slide .ctl-story-time:after{
    background: #C4C4C4 !important;
}
.active-slick .ctl-story-time:after{
    background: #829BAF !important;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:before {
    content: "";
    background-color: #222;
    position: absolute;
    display: block;
    height: 2px !important;
    width: 100%;
    left: 0;
    bottom: 49px !important;
    z-index: 0!important;
}

a.readMore {
    display: inline-block;
    margin: 0 14px 20px;
    border: 2px solid white;
    padding: 8px 16px;
    border-radius: 32px;
  font-size: 12px;
  color: #fff;
}
a.readMore:hover {
    background: #829BAF !important;
   border: 2px solid #323232 !important;
    color: #323232 !important;
}



.slick-slide, .slick-active, .timeline-post {
    transition: .5s !important;
}
.slick-disabled {
    pointer-events: none;
}
span.white {
    color: white;
    margin-left: -16px;
}
.slick-slide img {
    height: 190px;
}
.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post h2.content-title, .cool-timeline-horizontal.ht-design-3 .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post h2, .cool-timeline-horizontal.ht-design-4 .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post h2 {

    text-transform: inherit !important;
 
}
h2.content-title {
    height: 179px;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.ctl-slick-next, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.ctl-slick-prev {
    background: white !important;
}
.ctl-slick-next.slick-disabled, .ctl-slick-prev.slick-disabled {
    opacity: 1;
    background: 0 0!important;
    color: #ccc !important;
  
}

/*.slick-current + .slick-active .timeline-post {
         transform: scale(0.9);
    opacity: 0.7;
    transform-origin: top;
}
.ctl_h_nav .slick-current + .slick-active:after {
    opacity: 0.7;
}
.slick-current + .slick-active + .slick-active .timeline-post {
         transform: scale(0.8);
    opacity: 0.5;
    transform-origin: top;
}
.ctl_h_nav .slick-current + .slick-active + .slick-active:after {
    opacity: 0.5;
}*/
.slick-current .timeline-post {
         transform: scale(0.8);
    opacity: 0.5;
    transform-origin: top;
}
.slick-current + .slick-active .timeline-post {
       transform: scale(0.9);
    opacity: 0.7;
    transform-origin: top;
}

.ctl_h_nav .slick-current:after {
    opacity: 0.5;
}
.ctl_h_nav .slick-current + .slick-active:after {
    opacity: 0.7;
}
.clt_caru_slider [aria-hidden='true'] {
         transform: scale(0.8);
    opacity: 0.5;
    transform-origin: top;
}

/*

}*/

@media (max-width: 767.98px) { 
.ctl-slick-prev {
    left: 0px;
}
.ctl-slick-next {
    right: 0;
}
  .slick-current .timeline-post {
         transform: scale(1);
    opacity: 1;
    transform-origin: top;
}
  .ctl_h_nav .slick-current:after {
    opacity: 1;
}
}

/* TIMELINE END */