.timeline-carousel {
    margin: 0;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    position: relative;
    overflow: hidden;
 }
    .timeline-carousel:after,
    .timeline-carousel:before {
       content: "";
       position: absolute;
       display: block;
       top: 0;
       height: 100%;
       width: 6.9444%;
       background-color: transparent;
       z-index: 3;
       width: 6.9444%;
    }
    .timeline-carousel:after {
       left: 0;
    }
    .timeline-carousel:before {
       right: 0;
       opacity: 0;
    }
    .slick-list {
       overflow: visible;
    }
    
    .timeline-carousel__item-inner::after {
        position: absolute;
        width: 100%;
        top: 210px;
        left: 0;
        content: "";
        border-bottom: 1px dashed #333333;
    }
    .timeline-carousel__item-inner  p  {
        text-align: left;
        font: normal normal normal 16px/22px Playfair Display;
        letter-spacing: 0px;
        color: #333333;
        margin: 20px 0;
    }
  
    .v-line{
        margin: 0 auto;
        width: 1px;
        border-left:1px solid #333333;
        height: 30px;
    }
    .circle-dashed{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-right: 1px solid #707070;
        border-bottom: 1px solid #707070;
        opacity: 1;
        width: 120px;
        height: 120px;
        border-radius:50%;
        margin: 0 auto;
    }
    p__image {
       padding-right: 30px;
    }
    p__item {
       cursor: grab;
       cursor: -moz-grab;
       cursor: -webkit-grab;
    }    
             .p__item-inner {
       position: relative;
       padding-top: 45px;
             }
             .p__item-inner:after {
          position: absolute;
          width: 100%;
          top: 45px;
          left: 0;
          content: "";
          border-bottom: 1px solid #FFFFFF20;
       }
    
    
    .century{
    text-align: left;
    font: normal normal normal 24px/24px Playfair Display;
    color: #333333;
    }
    
    .timeline-carousel__item-inner .year {
        font-family: "Playfair Display", sans-serif;
        font-size: 24px;
        line-height: 24px;
        color: #333333;
        display: table;
        letter-spacing: -1px;
        padding: 5px 15px 10px 15px;
        background-color: #FFFFFF;
        z-index: 1;
        position: relative;
        margin: 0 auto;
        border: 1px solid #707070;
        border-radius: 12px;
    }  
       .pointer {
          height: 29px;
          position: relative;
          z-index: 1;
          margin: -4px 0 16px;
       }
          .pointer:after,
          .pointerbefore {
             position: absolute;
             content: "";
          }
          .pointer:after {
             width: 9px;
             height: 9px;
             border-radius: 100%;
             top: 0;
             left: 0;
             background-color: #AAAAAA;
          }
          .pointer:before {
             width: 1px;
             height: 100%;
             top: 0;
             left: 4px;
             background-color: #AAAAAA;
          }
      
 
    .slick-active .media-wrapper {
          opacity: 1 !important;
       }
    
 ul.slick-dots {
    bottom: 0px;
    list-style: none;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 2;
    margin-bottom: -20px;
    padding:0;
 }
    .slick-dots li {
       cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
       display: inline-block;
       margin: 0 6px;
       position: relative;
       width: 10px;
       height: 10px;
    }
       .slick-dots li:last-child {
          margin-right: 0;
       }
       .slick-dots li.slick-active button {
             background: #73A383;

          }
          .slick-dots li button {
          display: block;
          font-size: 0;
          width: 12px;
          height: 12px;
          padding: 0;
          background-color: #C0C0C0;
          border: 0;
          cursor: pointer;
          -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
       }
       .slick-dots li  button:hover {
             background: #73A383;
             border-color: #73A383;
          }
          .slick-dots li button:focus {
              outline:0;
          }