/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}






.timeline-about{
   }
   .wphtsp-slick-slider {
   clear: both;
   }
   .wphtsp-slick-slider *,
   .wphtsp-history-wrp *,
   .wphtsp-timeline * {
   outline: none !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   }
   .slick-image-slide {
   position: relative;
   }
   .wphtsp-slider-for {
   padding: 20px;
   }
   .wphtsp-slick-slider .slick-image-slide img {
   width: 100%;
   height: auto;
   }
   .wphtsp-slick-slider .slick-image-slide {
   width: 100%;
   }
   .wphtsp-slick-slider .slick-next {
   right: 0px !important;
   }
   .wphtsp-slick-slider .slick-prev {
   left: 0px !important;
   }
   .wphtsp-content-title {
   margin: 0 0 10px 0 !important;
   }
   .wphtsp-slider-nav-title {
   padding-bottom: 15px;
   }
   .wphtsp-slider-nav-title .wphtsp-main-title {
   background: #f1f1f1;
   color: #007f46;
   font-size: 18px;
   margin: 10px !important;
   padding: 2% !important;
   position: relative;
   text-align: center;
   cursor: pointer;
   -webkit-transition: all 300ms ease 0s;
   transition: all 300ms ease 0s;
   }
   .wphtsp-slider-conf {
   display: none;
   }
   .wpsisac-slick-carousal.center .slick-slide img {
   opacity: 0.5;
   -webkit-transform: scale(0.7);
   transform: scale(0.7);
   -webkit-transition: all 300ms ease 0s;
   transition: all 300ms ease 0s;
   }
   .wpsisac-slick-carousal.center .slick-center img {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
   }
   .wphtsp-content-title {
   padding: 0px !important;
   text-align: center;
   }
   .wphtsp-slider-wrp img,
   .wphtsp-history-wrp .wphtsp-timeline-block img {
   border-radius: 0;
   box-shadow: none !important;
   max-width: 100% !important;
   margin: 0 auto !important;
   }
   .wphtsp-slick-slider .slick-dots {
   display: none !important;
   left: 0 !important;
   right: 0 !important;
   }
   .wphtsp-timeline-date .wphtsp-date .fa {
   padding: 5px;
   }
   .wphtsp-timeline-img .fa {
   padding: 5px;
   }
   .wphtsp-slider-wrp .wphtsp-slider-for .wphtsp-content-title a,
   .wphtsp-slider-wrp .wphtsp-slider-for .wphtsp-content-title a:visited {
   color: #424242;
   text-decoration: none !important;
   }
   .wphtsp-clearfix:before,
   .wphtsp-clearfix:after {
   content: "";
   display: table;
   }
   .wphtsp-clearfix::after {
   clear: both;
   }
   .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title {
   font-weight: 400;
   }
   .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current .wphtsp-title {
   /*font-weight: 600;*/
   }
   .wphtsp-slider-for .wphtsp-slider-nav-wrapper .wphtsp-content {
   font-size: 14px;
   line-height: 22px;
   }
   .wphtsp-slider-for .wphtsp-slider-nav-wrapper .wphtsp-content-title {
   font-size: 26px;
   line-height: 32px;
   margin-bottom: 15px !important;
   }
   .wphtsp-slider-for .wphtsp-slider-nav-wrapper a.readmorebtn,
   .wphtsp-slider-for .wphtsp-slider-nav-wrapper a.wphtsp-read-more {
   font-size: 14px;
   }
   /* Pagination CSS */
   .wphtsp-paging {
   width: 100%;
   padding: 15px 0;
   text-align: center;
   color: #666;
   clear: both;
   }
   .wphtsp-paging a {
   color: #fff !important;
   background-color: #333;
   padding: 7px 10px;
   margin: 0 1px 6px 2px;
   display: inline-block;
   text-align: center;
   line-height: normal;
   box-shadow: none;
   text-shadow: none;
   font-size: 14px;
   border: 1px solid #333;
   border-radius: 3px;
   text-decoration: none !important;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   outline: 0;
   }
   .wphtsp-paging .page-numbers.current {
   color: #666;
   background: transparent;
   padding: 7px 10px;
   margin: 0 1px 6px 2px;
   display: inline-block;
   text-align: center;
   line-height: normal;
   box-shadow: none;
   text-shadow: none;
   font-size: 14px;
   text-transform: uppercase;
   border: 1px solid #666;
   text-decoration: none !important;
   }
   .wphtsp-paging a:hover,
   .wphtsp-paging a:focus,
   .wphtsp-paging a:visited:hover {
   color: #666 !important;
   background: #fff;
   outline: 0;
   }
   .wphtsp-paging a.prev,
   .wphtsp-paging a.next {
   min-width: 90px;
   }
   .wphtsp-paging .wphtsp-next-btn {
   float: right;
   }
   .wphtsp-paging .wphtsp-prev-btn {
   float: left;
   }
   .wphtsp-paging .wphtsp-pagi-btn a {
   min-width: 90px;
   }
   /************ Slider CSS *********/
   .wphtsp-slick-slider {
   visibility: hidden;
   opacity: 0;
   -webkit-transition: opacity 0.5s linear;
   transition: opacity 0.5s linear;
   }
   .wphtsp-slick-slider.slick-initialized {
   visibility: visible;
   opacity: 1;
   }
   .wphtsp-slick-slider .slick-arrow {
   text-indent: -99999px;
   border: 1px solid #000 !important;
   border-radius: 50% !important;
   text-align: center;
   width: 40px !important;
   height: 40px !important;
   cursor: pointer !important;
   }
   .wphtsp-slick-slider .slick-arrow:hover {
   border: 2px solid #3d3735 !important;
   box-shadow: none !important;
   border: 0 !important;
   }
   .wphtsp-slick-slider button.slick-arrow {
   background-color: transparent !important;
   width: 15px;
   height: 26px;
   position: absolute;
   z-index: 9;
   padding: 0 !important;
   margin: 0px !important;
   }
   .wphtsp-slick-slider button.slick-next,
   .wphtsp-slick-slider button.slick-next:hover,
   .wphtsp-slick-slider button.slick-next:focus {
   background:url(../img/timelinerightarrow.png) center center no-repeat !important;
   border: 2px solid #da1a22 !important;
   }
   .wphtsp-slick-slider button.slick-prev,
   .wphtsp-slick-slider button.slick-prev:hover,
   .wphtsp-slick-slider button.slick-prev:focus {
   background:url(../img/timelineleftarrow.png) center center no-repeat !important;
   border: 2px solid #da1a22 !important;
   }
   .wphtsp-slick-slider .slick-dots {
   position: relative;
   padding: 0px !important;
   line-height: 0 !important;
   margin: 20px 0px 0px !important;
   left: 15px;
   right: 15px;
   text-align: center;
   }
   .wphtsp-slick-slider .slick-dots li button {
   text-indent: -99999px;
   }
   .wphtsp-slick-slider .slick-dots li {
   list-style: none !important;
   display: inline-block !important;
   margin: 0 5px !important;
   padding: 0px !important;
   }
   .wphtsp-slick-slider .slick-dots li button {
   background: #fff !important;
   margin: 0px !important;
   padding: 0px !important;
   border: 2px solid #525252;
   border-radius: 50% !important;
   width: 12px !important;
   height: 12px !important;
   cursor: pointer;
   }
   .wphtsp-slick-slider .slick-dots li button:focus {
   outline: none !important
   }
   .wphtsp-slick-slider .slick-dots li.slick-active button {
   background: #525252 !important
   }
   .wphtsp-slick-slider .wphtsp-tl-content p {
   margin: 0 0 1em 0;
   }
   .wphtsp-slick-slider .wphtsp-tl-content p:last-child {
   margin: 0;
   }
   .wphtsp-slider-wrp .wphtsp-slider-inner-wrp .wphtsp-img-top .wphtsp-content-wrapper {
   padding: 15px 0 0 0;
   }
   .wphtsp-slider-wrp .wphtsp-slider-inner-wrp .wphtsp-img-bottom .wphtsp-content-wrapper {
   padding: 0 0 15px 0;
   }
   /****** SLIDER DESIGNS **********/
   /*Desing 1*/
   .wphtsp-slider-design-1 .wphtsp-slider-for {
   padding: 0 20px;
   }
   .wphtsp-slider-design-1 .wphtsp-slick-slider .slick-arrow {
   top: 50% !important;
   margin-top: -30px !important;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title {
   padding-bottom: 10px;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title .wphtsp-main-title {
   background: #0288D1;
   color: #0288D1;
   height: 100px;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title .wphtsp-main-title img {
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: top center;
   object-position: top center;
   height: 100% !important;
   width: 100%;
   display: block;
   margin: 0 !important;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title .wphtsp-title {
   width: calc(100% - 20px);
   margin: 0 auto;
   text-align: center;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title .wphtsp-title>div {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #000;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-main-title {
   position: relative;
   background: #4FC3F7;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-main-title:after,
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-main-title:before {
   top: 100%;
   left: 50%;
   border: solid transparent;
   content: "";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-main-title:after {
   border-color: rgba(136, 183, 213, 0);
   border-top-color: #4FC3F7;
   border-width: 10px;
   margin-left: -10px;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-main-title:before {
   border-color: rgba(194, 225, 245, 0);
   border-top-color: #4FC3F7;
   border-width: 16px;
   margin-left: -16px;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-main-title {
   color: #fff !important;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.slick-current .wphtsp-title {
   display: none;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-content-title {
   margin-bottom: 10px !important;
   line-height: normal;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date {
   text-align: center;
   margin-bottom: 10px !important;
   color: #999;
   text-transform: uppercase;
   font-size: 12px;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date .fa {
   margin-right: 5px;
   font-size: 14px;
   color: #999;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-wrapper {
   padding: 0 5px;
   }
   .wphtsp-slider-design-1 .slick-list {
   margin: 0 30px;
   }
   .wphtsp-slider-design-1 a.wphtsp-read-more {
   margin: 15px auto 15px;
   border: 2px solid transparent;
   text-decoration: none;
   color: #fff;
   display: table;
   text-align: center;
   padding: 5px 10px;
   background: #0288D1;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   }
   .wphtsp-slider-design-1 a.wphtsp-read-more:visited {
   color: #fff;
   }
   .wphtsp-slider-design-1 a.wphtsp-read-more:hover,
   .wphtsp-slider-design-1 a.wphtsp-read-more:focus {
   background: transparent;
   border: 2px solid #0288D1;
   color: #0288D1;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.wphtsp-slides-1 .wphtsp-main-title,
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.wphtsp-slides-2 .wphtsp-main-title {
   height: 200px;
   }
   .wphtsp-slider-design-1 .wphtsp-slider-nav-title.wphtsp-slides-3 .wphtsp-main-title {
   height: 150px;
   }
   @media only screen and (max-width:40em) {
   .wphtsp-slider-design-1 .wphtsp-slider-for .wphtsp-content {
   text-align: center;
   }
   }
   /*Design 2*/
   .wphtsp-slider-design-2 .wphtsp-slick-slider .slick-arrow {
   top:-200px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   }
   .wphtsp-slider-design-2 .wphtsp-slick-slider .slick-prev {
   left: -15px !important;
   }
   .wphtsp-slider-design-2 .wphtsp-slick-slider .slick-next {
   right: -15px !important;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .slick-list.draggable::before {
   height:1px;
   content: '';
   width: auto;
   background:#333;
   position: absolute;
   top:31%;
   left: 0;
   right: 0;
   margin: 0 auto;
   width:80%;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title,
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content {
   text-align: center;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper {
   width: 100%;
   margin: 0 auto;
   display: table;
   background: transparent;
   display:inline-flex;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content-wrapper {
   width:50%;
   float:left;
   color:#424242;
   padding:0 80px 0 80px;
   text-align:left;
   display:inline-flex;
   flex-flow:column;
   justify-content:center;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-timeline-img {
   width: 50%;
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content-wrapper.wphtsp-no-image {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-timeline-img {
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-content {
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-timeline-img,
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-content-wrapper,
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-timeline-img,
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-wrapper .wphtsp-content .wphtsp-tl-content {
   color: #424242;
   margin-bottom: 0;
   text-align: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-timeline-img.wphtsp-left {
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-timeline-img.wphtsp-right {
   float: right;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-title .wphtsp-main-title {
   line-height: normal;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title::after,
   .wphtsp-slider-design-2 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title::before {
   content: none;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-title .wphtsp-main-title {
   border-radius: 50%;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title {
   background: transparent;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button {
   padding: 0px;
   margin: 0px;
   height:11px;
   width:11px;
   border-radius: 50%;
   background: #fff;
   border: 2px solid #da1a22;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   opacity: 0;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-content-title {
   text-align: left;
   line-height: normal;
   margin-bottom: 10px !important;
   font-weight: 600;
   font-size:52px;
   color:#da1a22;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date {
   text-align: left;
   margin-bottom: 10px !important;
   text-transform: uppercase;
   color: #999;
   font-size: 12px;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date .fa {
   margin-right: 5px;
   font-size: 14px;
   color: #999;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title:hover .wphtsp-main-title button,
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current .wphtsp-main-title button {
   background: #da1a22;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current .wphtsp-title {
    color: #fff;
    background: #da1a22;
    border: 1px solid #da1a22;
   }
   
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title:hover {
    color: #fff;
    background: #da1a22;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-content a.wphtsp-read-more {
   display: inline-block;
   border: 2px solid #424242;
   padding: 5px 10px;
   color: #424242;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 15px;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-content a.wphtsp-read-more:hover,
   .wphtsp-slider-design-2 .wphtsp-slider-nav-content a.wphtsp-read-more:focus {
   background: #424242;
   color: #fff;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title:hover {
   cursor: pointer;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav {
   max-width:1200px;
   margin: 0px auto;
   float: none;
   margin-top: 50px;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content img {
   width: auto;
   object-fit: cover;
   object-position: center center;
   max-width: 100%;
   float: right;
   box-shadow: 0px 4.4px 20px -1px rgb(19 16 34 / 58%);
   border-radius: 10px;
   }
   
   
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .left{display:flex;}
      
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .right{margin:-14px 10px 0 0; position:relative;}
   
   
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-wrapper.wphtsp-img-left img {
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-wrapper.wphtsp-img-top img,
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-wrapper.wphtsp-img-bottom img {
   margin: 0 auto;
   float: none;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav.wphtsp-slick-slider .slick-track {
   margin: 0 auto;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-title .wphtsp-main-title {
   line-height: 0px !important;
   top:-12px;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav-title .wphtsp-title {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   /*width: calc(100% - 15px);*/
   margin: 0 auto;
   color: #222;
   font-weight: 400;
   margin-top:4px;
   font-size:20px;
   border: 1px solid #333;
   padding:0px;
   height: 70px;
    width: 70px;
    border-radius: 100%;
    background: #fffbef;
    line-height: 66px;
   }
   @media only screen and (max-width:40em) {
   .wphtsp-slider-design-2 .wphtsp-slider-for {
   padding: 0px;
   }
   .wphtsp-slider-design-2 .wphtsp-slick-slider .slick-prev {
   left: 0 !important;
   }
   .wphtsp-slider-design-2 .wphtsp-slick-slider .slick-next {
   right: 0 !important;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-slider-nav-wrapper {
   display: block;
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content-wrapper,
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-timeline-img {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content-title {
   text-align: left;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content-wrapper {
   padding: 15px 0 0 0;
   }
   }
   /**********
   Design-3
   **********/
   .wphtsp-slider-design-3 .wphtsp-slick-slider .slick-arrow {
   top: 50% !important;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .slick-list.draggable:before {
   height: 1px;
   content: '';
   width: 80%;
   background: #c9c9c9;
   position: absolute;
   top: 65%;
   left: 0;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-slider-nav-title,
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-title,
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content {
   text-align: center;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title:after,
   .wphtsp-slider-design-3 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title:before {
   content: none;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title {
   background: transparent;
   line-height: 0px !important;
   top: 8px;
   position: relative;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button {
   padding: 0px;
   margin: 0px;
   height: 44px;
   width: 44px;
   border-radius: 50%;
   position: relative;
   font-size: 24px;
   color: #fff;
   vertical-align: middle;
   border: none;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   transition: all .3s ease;
   outline: none;
   background: #00B8D4;
   text-align: center;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-slider-nav-title:hover button,
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current button {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   transform: scale(1.1);
   box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .slick-current {
   font-weight: 700;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-title {
   border: 1px solid #00B8D4;
   width: 90%;
   display: block;
   margin: 0px auto 10px;
   padding: 4px 10px;
   box-sizing: border-box;
   color: #222;
   position: relative;
   border-radius: 3px;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-title>div {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   display: block;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-title::after {
   content: '';
   width: 15px;
   height: 15px;
   background: #fff;
   border-right: 1px solid #00B8D4;
   position: absolute;
   bottom: -9px;
   left: 50%;
   margin-left: -8px;
   border-bottom: 1px solid #00B8D4;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date {
   margin-bottom: 10px !important;
   font-size: 12px;
   text-transform: uppercase;
   color: #999;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date .fa {
   margin-right: 5px;
   font-size: 14px;
   color: #999;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-content-title {
   margin-bottom: 10px !important;
   line-height: normal;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-content a.readmorebtn {
   display: inline-block;
   background: transparent;
   border: 1px solid #424242;
   padding: 5px 10px;
   color: #424242;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 15px;
   -webkit-transition: all .3s linear;
   transition: all .3s linear;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-content a.readmorebtn:hover,
   .wphtsp-slider-design-3 .wphtsp-slider-nav-content a.readmorebtn:focus {
   background: #424242;
   color: #fff;
   }
   .wphtsp-slider-design-3 .wphtsp-feature-img img {
   max-width: 100%;
   width: 100%;
   object-fit: cover;
   object-position: center center;
   float: right;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-left .wphtsp-feature-img img {
   float: left;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-feature-img img,
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-feature-img img {
   float: none;
   margin: 0 auto;
   }
   .wphtsp-slider-design-3 .slick-dots {
   bottom: -15px !important;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title:hover {
   cursor: pointer;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav {
   max-width: 800px;
   margin: 0px auto;
   float: none;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav.wphtsp-slick-slider .slick-track {
   margin: 0 auto;
   }
   .wphtsp-slider-design-3 .wphtsp-slick-slider .slick-prev {
   left: -20px !important;
   }
   .wphtsp-slider-design-3 .wphtsp-slick-slider .slick-next {
   right: -20px !important;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper {
   width: 100%;
   margin: 0 auto;
   max-width: 800px;
   display: table;
   background: #fff;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-feature-img {
   width: 50%;
   padding: 0;
   float: left;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 50%;
   float: left;
   padding: 0 15px;
   text-align: left;
   color: #424242;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper.wphtsp-no-image {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-feature-img {
   float: right;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-feature-img,
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-content-wrapper,
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-feature-img,
   .wphtsp-slider-design-3 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   position: static;
   height: auto;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content .wphtsp-tl-content {
   color: #424242;
   margin-bottom: 0;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content-title,
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content {
   text-align: left;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-slider-nav-content {
   text-align: center;
   }
   @media only screen and (max-width:40em) {
   .wphtsp-slider-design-3 .wphtsp-slider-for {
   padding: 0px;
   }
   .wphtsp-slider-design-3 .wphtsp-slick-slider .slick-prev {
   left: 0 !important;
   }
   .wphtsp-slider-design-3 .wphtsp-slick-slider .slick-next {
   right: 0 !important;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-slider-nav-wrapper {
   display: block;
   float: left;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-feature-img,
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 100%;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-feature-img {
   padding: 0;
   }
   .wphtsp-slider-design-3 .wphtsp-slider-for .wphtsp-content-wrapper {
   padding: 15px 0 0 0;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n) .wphtsp-timeline-content {
   width: 95%;
   }
   }
   /**********
   Design-4
   **********/
   .wphtsp-slider-design-4 .wphtsp-slick-slider .slick-arrow {
   top: 50% !important;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .slick-list.draggable:before {
   height: 1px;
   content: '';
   width: calc(100% - 180px);
   background: #7986CB;
   position: absolute;
   top: 23%;
   left: 0;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title,
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-title,
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content {
   text-align: center;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title:after,
   .wphtsp-slider-design-4 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title:before {
   content: none;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title {
   background: transparent;
   line-height: 0px !important;
   padding: 0 !important;
   position: relative;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title:after {
   content: '';
   height: 40px;
   position: absolute;
   top: 100%;
   left: 50%;
   border-right: 1px solid #7986CB;
   margin-left: -1px;
   z-index: -1;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button {
   padding: 0px;
   margin: 0px;
   height: 25px;
   width: 25px;
   border-radius: 0;
   background: #fff;
   border: 3px solid #7986CB;
   position: relative;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   outline: none;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button::after {
   position: absolute;
   content: '';
   background: #7986CB !important;
   left: 4px;
   top: 4px;
   right: 4px;
   bottom: 4px;
   display: block;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button:before {
   content: '';
   position: absolute;
   background: transparent;
   outline: #7986CB solid 3px;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title:hover .wphtsp-main-title button:before {
   -webkit-animation-name: hvr-ripple-out;
   animation-name: hvr-ripple-out;
   }
   @-webkit-keyframes hvr-ripple-out {
   100% {
   top: -12px;
   right: -12px;
   bottom: -12px;
   left: -12px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }
   }
   @-moz-keyframes hvr-ripple-out {
   100% {
   top: -12px;
   right: -12px;
   bottom: -12px;
   left: -12px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }
   }
   @keyframes hvr-ripple-out {
   100% {
   top: -12px;
   right: -12px;
   bottom: -12px;
   left: -12px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date {
   margin-bottom: 10px !important;
   font-size: 12px;
   text-transform: uppercase;
   color: #999;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date .fa {
   margin-right: 5px;
   font-size: 14px;
   color: #999;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-content-title {
   margin-bottom: 10px !important;
   line-height: normal;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .slick-current {
   font-weight: 700;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-title {
   color: #bbb;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-title {
   width: 90%;
   display: block;
   margin: 20px auto 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0 10px;
   box-sizing: border-box;
   background: #7986CB;
   color: #fff;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .slick-current .wphtsp-title {
   -webkit-transform: translateY(10px);
   transform: translateY(10px);
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-content a.readmorebtn {
   display: inline-block;
   background: transparent;
   border: 1px solid #424242;
   padding: 5px 10px;
   color: #424242;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 15px;
   -webkit-transition: all .3s linear;
   transition: all .3s linear;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-content a.readmorebtn:hover,
   .wphtsp-slider-design-4 .wphtsp-slider-nav-content a.readmorebtn:focus {
   background: #424242;
   color: #fff;
   }
   .wphtsp-slider-design-4 .wphtsp-feature-img img {
   max-width: 100%;
   width: 100%;
   float: right;
   object-fit: cover;
   object-position: center center;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-left .wphtsp-feature-img img {
   float: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-feature-img img,
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-feature-img img {
   float: none;
   margin: 0 auto;
   }
   .wphtsp-slider-design-4 .slick-dots {
   bottom: -15px !important;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title:hover {
   cursor: pointer;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav {
   max-width: 800px;
   margin: 0px auto;
   float: none;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav.wphtsp-slick-slider .slick-track {
   margin: 0 auto;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content .wphtsp-tl-content {
   color: #424242;
   margin-bottom: 0;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content-title,
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content {
   text-align: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-slider-nav-content {
   text-align: center;
   }
   .wphtsp-slider-design-4 .wphtsp-slick-slider .slick-prev {
   left: -15px !important;
   }
   .wphtsp-slider-design-4 .wphtsp-slick-slider .slick-next {
   right: -15px !important;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper .wphtsp-content-wrapper.wphtsp-no-image {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper {
   width: 100%;
   margin: 0 auto;
   max-width: 800px;
   display: table;
   background: #fff;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-feature-img {
   width: 50%;
   padding: 0;
   float: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 50%;
   float: right;
   color: #424242;
   padding: 0 15px;
   text-align: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-feature-img {
   float: right;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-content-wrapper {
   float: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-feature-img,
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-content-wrapper,
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-feature-img,
   .wphtsp-slider-design-4 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   }
   @media only screen and (max-width:40em) {
   .wphtsp-slider-design-4 .wphtsp-slider-for {
   padding: 0px;
   }
   .wphtsp-slider-design-4 .wphtsp-slick-slider .slick-prev {
   left: 0 !important;
   }
   .wphtsp-slider-design-4 .wphtsp-slick-slider .slick-next {
   right: 0 !important;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-slider-nav-wrapper {
   display: block;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-feature-img,
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .slick-current .wphtsp-title {
   margin-bottom: 10px;
   }
   .wphtsp-slider-design-4 .wphtsp-slider-nav .wphtsp-title {
   width: calc(100% - 50px);
   }
   .wphtsp-slider-design-4 .wphtsp-slider-for .wphtsp-content-wrapper {
   padding: 15px 0 0 0;
   }
   }
   /**********
   Design-5
   **********/
   .wphtsp-slider-design-5 .wphtsp-slick-slider .slick-arrow {
   top: 50% !important;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .slick-list.draggable:before {
   height: 2px;
   content: '';
   max-width: calc(100% - 180px);
   width: 100%;
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
   background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
   position: absolute;
   top: 53%;
   left: 0;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title {
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title,
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content {
   text-align: center;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title:after,
   .wphtsp-slider-design-5 .wphtsp-slider-nav-title.slick-center .wphtsp-main-title:before {
   content: none;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title {
   background: transparent;
   line-height: 0px !important;
   top: 0;
   padding: 0 !important;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button {
   padding: 0px;
   margin: 0px;
   height: 20px;
   width: 20px;
   border-radius: 0;
   background: #fff;
   border: 3px solid #4DD0E1;
   position: relative;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   outline: none;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button::after {
   position: absolute;
   content: '';
   background: #4DD0E1 !important;
   left: 4px;
   top: 4px;
   right: 4px;
   bottom: 4px;
   display: block;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current .wphtsp-main-title button {
   -webkit-transform: rotate(45deg) scale3d(1.3, 1.3, 1.3) !important;
   transform: rotate(45deg) scale3d(1.3, 1.3, 1.3) !important;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current .wphtsp-title {
   font-weight: 400;
   -webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(-1px);
   transform: scale3d(1.1, 1.1, 1.1) translateY(-1px);
   color: #4DD0E1;
   width: calc(100% - 50px);
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-active .wphtsp-main-title button {
   -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate(45deg);
   transform: scale3d(0.8, 0.8, 0.8) rotate(45deg);
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-active~.slick-active .wphtsp-main-title button {
   height: 20px !important;
   width: 20px !important;
   -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate(45deg);
   transform: scale3d(0.8, 0.8, 0.8) rotate(45deg);
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current~.slick-active~.slick-active .wphtsp-main-title button {
   -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate(45deg) !important;
   transform: scale3d(0.8, 0.8, 0.8) rotate(45deg) !important;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .slick-current {
   font-weight: 700;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-title {
   width: calc(100% - 20px);
   display: block;
   margin: 0 auto;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   box-sizing: border-box;
   color: #222;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-content a.readmorebtn {
   display: inline-block;
   padding: 5px 10px;
   color: #424242;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 15px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   border: 1px solid #424242;
   }
   .wphtsp-slider-design-5 .readmorebtn::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   background: #424242;
   width: 100%;
   height: 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   z-index: -1;
   }
   .wphtsp-slider-design-5 a.readmorebtn:hover,
   .wphtsp-slider-design-5 a.readmorebtn:focus {
   color: #fff;
   }
   .wphtsp-slider-design-5 .readmorebtn:hover::before,
   .wphtsp-slider-design-5 .readmorebtn:focus::before {
   height: 100%;
   }
   .wphtsp-slider-design-5 .wphtsp-feature-img img {
   max-width: 100%;
   float: right;
   width: 100%;
   object-fit: cover;
   object-position: center center;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-left .wphtsp-feature-img img {
   float: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-feature-img img,
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-feature-img img {
   float: none;
   margin: 0 auto;
   }
   .wphtsp-slider-design-5 .slick-dots {
   bottom: -15px !important;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title:hover {
   cursor: pointer;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav {
   max-width: 800px;
   margin: 0px auto;
   float: none;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav.wphtsp-slick-slider .slick-track {
   margin: 0 auto;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date {
   margin-bottom: 10px !important;
   font-size: 12px;
   text-transform: uppercase;
   color: #999;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date .fa {
   margin-right: 5px;
   font-size: 14px;
   color: #999;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-content-title {
   margin-bottom: 10px !important;
   line-height: normal;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content .wphtsp-tl-content {
   color: #424242;
   margin-bottom: 0;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content-title,
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper .wphtsp-content {
   text-align: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-slider-nav-content {
   text-align: center;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper.wphtsp-no-image {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper {
   width: 100%;
   margin: 0 auto;
   max-width: 800px;
   display: table;
   background: #fff;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-feature-img {
   width: 50%;
   padding: 0;
   float: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 50%;
   float: right;
   color: #424242;
   padding: 0 15px;
   text-align: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-feature-img {
   float: right;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-content-wrapper {
   float: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-feature-img,
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-content-wrapper,
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-feature-img,
   .wphtsp-slider-design-5 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   }
   @media only screen and (max-width:40em) {
   .wphtsp-slider-design-5 .wphtsp-slider-for {
   padding: 0 20px;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-slider-nav-wrapper {
   display: block;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-feature-img,
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-feature-img {
   padding: 0;
   }
   .wphtsp-slider-design-5 .wphtsp-slider-nav .wphtsp-slider-nav-title.slick-current .wphtsp-title {
   -webkit-transform: scale3d(1.2, 1.2, 1.2);
   transform: scale3d(1.2, 1.2, 1.2);
   }
   .wphtsp-slider-design-5 .wphtsp-slider-for .wphtsp-content-wrapper {
   padding: 15px 0 0 0;
   }
   }
   /********** Design-6 **********/
   .wphtsp-slider-design-6 .wphtsp-slick-slider .slick-arrow {
   top: 50% !important;
   margin-top: -30px !important;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .slick-list.draggable::before {
   height: 5px;
   content: '';
   width: calc(100% - 190px);
   background: #34495e;
   position: absolute;
   top: 72%;
   left: 0;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title {
   text-align: center;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   padding-bottom: 0;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-content-title,
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-content-wrapper {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   text-align: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper {
   width: 100%;
   margin: 0 auto;
   max-width: 800px;
   display: table;
   background: #fff;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-timeline-img {
   width: 50%;
   float: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-content-wrapper {
   width: 50%;
   float: right;
   color: #424242;
   padding: 0 15px;
   text-align: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-timeline-img {
   float: right;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-content {
   float: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-content-wrapper.wphtsp-no-image {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-timeline-img,
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper.wphtsp-img-top .wphtsp-content-wrapper,
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-timeline-img,
   .wphtsp-slider-design-6 .wphtsp-slider-nav-wrapper.wphtsp-img-bottom .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-wrapper .wphtsp-content .wphtsp-tl-content {
   color: #424242;
   margin-bottom: 0;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav-title .wphtsp-main-title {
   border-radius: 50%;
   line-height: normal !important;
   padding: 0 !important;
   margin: 50px 0 15px !important
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title {
   background: transparent;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-main-title button {
   padding: 0px;
   margin: 0px;
   height: 30px;
   width: 30px;
   border-radius: 50%;
   background: #34495e;
   border: 0;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   vertical-align: bottom;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date {
   margin-bottom: 10px !important;
   text-transform: uppercase;
   color: #999;
   font-size: 12px;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-post-date .fa {
   margin-right: 5px;
   font-size: 14px;
   color: #999;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-content-title {
   margin-bottom: 10px !important;
   line-height: normal;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-title {
   font-weight: 700;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .slick-current .wphtsp-title {
   -webkit-transform: translateY(10px);
   transform: translateY(10px);
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav-content a.wphtsp-read-more {
   display: inline-block;
   background: transparent;
   padding: 5px 10px;
   color: #424242;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 15px;
   border: 1px solid #424242;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   }
   .wphtsp-slider-design-6 a.wphtsp-read-more:hover,
   .wphtsp-slider-design-6 a.wphtsp-read-more:focus {
   background: #424242;
   color: #fff;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title {
   width: calc(100% - 15px);
   margin: 0 auto;
   position: relative;
   color: #34495e;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title::after {
   content: '';
   position: absolute;
   bottom: -50px;
   height: 45px;
   left: 50%;
   margin-left: -1px;
   border: 0;
   background-image: -webkit-linear-gradient(top, #34495e 40%, rgba(255, 255, 255, 0) 20%);
   background-image: linear-gradient(to bottom, #34495e 40%, rgba(255, 255, 255, 0) 20%);
   background-repeat: repeat-y;
   background-size: 1px 5px;
   background-position: left;
   width: 2px;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title span {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   display: block;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav .wphtsp-slider-nav-title .wphtsp-title:hover {
   cursor: pointer;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav {
   max-width: 800px;
   margin: 0px auto;
   float: none;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-content img {
   max-width: 100%;
   display: block;
   float: right;
   width: 100%;
   object-fit: cover;
   object-position: center center;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-wrapper.wphtsp-img-left img {
   float: left;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-wrapper.wphtsp-img-top img,
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-wrapper.wphtsp-img-bottom img {
   float: none;
   margin: 0 auto;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-nav.wphtsp-slick-slider .slick-track {
   margin: 0 auto;
   }
   @media only screen and (max-width:40em) {
   .wphtsp-slider-design-6 .wphtsp-slider-for {
   padding: 0px;
   }
   .wphtsp-slider-design-6 .wphtsp-slick-slider .slick-prev {
   left: 0 !important;
   }
   .wphtsp-slider-design-6 .wphtsp-slick-slider .slick-next {
   right: 0 !important;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-slider-nav-content .wphtsp-slider-nav-wrapper {
   display: block;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-content-wrapper,
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-timeline-img {
   width: 100%;
   }
   .wphtsp-slider-design-6 .wphtsp-slider-for .wphtsp-content-wrapper {
   padding: 15px 0 0 0;
   }
   }
   /***** SLIDER DESIGNS END ******/
   /***** VERTICAL DESIGNS ******/
   .wphtsp-timeline-img .fa,
   .wphtsp-timeline-date .fa {
   font-size: 40px;
   }
   .wphtsp-history-inner-wrp .wphtsp-timeline-img .fa,
   .wphtsp-history-inner-wrp .wphtsp-timeline-date .fa {
   font-size: 40px;
   }
   .wphtsp-history-inner-wrp .wphtsp-timeline h2.wphtsp-content-title {
   margin-bottom: 10px !important;
   text-decoration: none !important;
   text-transform: capitalize !important;
   line-height: normal !important;
   font-size: 20px !important;
   }
   .wphtsp-history-inner-wrp .wphtsp-timeline h2.wphtsp-content-title a {
   font-weight: 600 !important;
   font-size: 20px !important;
   }
   .wphtsp-history-inner-wrp a {
   line-height: normal !important;
   text-decoration: none !important;
   }
   .wphtsp-history-inner-wrp .wphtsp-post-date {
   font-size: 12px !important;
   margin-bottom: 10px;
   line-height: normal !important;
   font-weight: 600 !important;
   text-align: left;
   }
   .wphtsp-history-inner-wrp .wphtsp-content-inner {
   margin-bottom: 10px;
   text-align: left;
   }
   .wphtsp-history-inner-wrp .wphtsp-content-wraper {
   margin-bottom: 10px;
   text-align: left;
   }
   .wphtsp-history-inner-wrp .wphtsp-post-date i:before {
   margin-right: 2px;
   }
   .wphtsp-timeline-block .wphtsp-timeline-content p {
   margin: 0 0 1em 0;
   }
   .wphtsp-timeline-block .wphtsp-timeline-content p:last-child {
   margin: 0;
   }
   /****************
   Design-1
   ****************/
   .wphtsp-history-design-1 .wphtsp-timeline .wphtsp-timeline-img i.fa {
   color: #555;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content {
   float: left;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: right;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content::before {
   content: '';
   left: 100%;
   border: 15px solid transparent;
   border-right: 13px solid rgba(143, 146, 153, 0.25);
   z-index: 111;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content::before {
   content: '';
   right: 100%;
   border: 15px solid transparent;
   border-right: 13px solid rgba(143, 146, 153, 0.25);
   z-index: 111;
   }
   .wphtsp-history-design-1 .wphtsp-timeline {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-1 .wphtsp-timeline:before {
   content: '';
   position: absolute;
   top: 0;
   left: 18px;
   height: 100%;
   width: 3px;
   background: #d7e4ed;
   left: 50%;
   margin-left: -2px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   text-align: center;
   width: 100px;
   height: 100px;
   position: absolute;
   z-index: 11;
   box-shadow: 0px 0px 0px 10px #fff;
   border-radius: 50%;
   background: #fff;
   border: 1px solid rgba(197, 197, 197, 0.57);
   display: block;
   left: 0;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-timeline-img:hover {
   background: #fff;
   border: 15px solid rgba(197, 197, 197, 0.57);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content:hover+.wphtsp-timeline-img {
   background: #fff;
   border: 15px solid rgba(197, 197, 197, 0.57);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img .wphtsp-icon-wrp {
   display: table;
   line-height: normal;
   border-radius: 50%;
   width: 100%;
   height: 100%;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img .wphtsp-icon-wrp a {
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   display: table;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img.wphtsp-custom-icon .wphtsp-icon-wrp a {
   display: block;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img .wphtsp-icon-wrp .fa {
   display: table-cell;
   vertical-align: middle;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-image {
   height: auto !important;
   line-height: normal;
   margin-bottom: 15px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-image img {
   display: block;
   margin: 0 auto !important;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   object-position: center;
   border-radius: 50% !important;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content {
   margin-left: 0;
   width: 40%;
   position: relative;
   border-radius: 0.25em;
   padding: 16px;
   box-shadow: 0 3px 0 #d7e4ed;
   background: rgba(143, 146, 153, 0.25);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content:before {
   content: '';
   position: absolute;
   top: 35px;
   right: 100%;
   height: 0;
   width: 0;
   border: 7px solid transparent;
   border-right: 7px solid white;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-content-title a {
   font-size: 20px !important;
   text-transform: capitalize;
   text-align: left;
   text-decoration: none;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content:after {
   content: "";
   display: table;
   clear: both;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-timeline-content .wphtsp-read-more:hover {
   background: #fff;
   color: #111;
   -webkit-transition: 0.5s ease-in;
   transition: 0.5s ease-in;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-timeline-content .wphtsp-read-more {
   border-radius: 3px;
   float: left;
   padding: 10px 25px;
   background: #333;
   color: white;
   font-size: 14px;
   text-decoration: none;
   -webkit-transition: 0.5s ease-in;
   transition: 0.5s ease-in;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-content-title a,
   .wphtsp-history-design-1 .wphtsp-post-date,
   .wphtsp-history-design-1 .wphtsp-post-date .fa,
   .wphtsp-history-design-1 .wphtsp-content div {
   color: #555;
   }
   @media screen and (max-width:64em) {
   .wphtsp-history-design-1 .wphtsp-timeline-img .fa {
   font-size: 20px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block {
   margin-bottom: 20px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content {
   width: 80%;
   float: right !important;
   }
   .wphtsp-history-design-1 .wphtsp-timeline:before {
   left: 25px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content::before {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   left: -27px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: left;
   }
   .wphtsp-history-design-1 .wphtsp-read-more {
   display: block;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img {
   width: 50px;
   height: 50px;
   margin: 23px 0 0 0 !important;
   position: relative;
   float: left;
   left: 0;
   border: 0px;
   box-shadow: none;
   border: 1px solid rgba(197, 197, 197, 0.57);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-timeline-img:hover {
   border: 5px solid rgba(197, 197, 197, 0.57);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content:hover+.wphtsp-timeline-img {
   background: #fff;
   border: 5px solid rgba(197, 197, 197, 0.57);
   }
   }
   @media screen and (max-width:370px) {
   .wphtsp-history-design-1 .wphtsp-timeline::before {
   left: 20px
   }
   .wphtsp-history-design-1 .wphtsp-timeline-img {
   width: 40px;
   height: 40px;
   margin: 30px 0 0 0 !important;
   }
   .wphtsp-history-design-1 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img .fa {
   font-size: 16px;
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-timeline-img {
   border: 5px solid rgba(197, 197, 197, 0.57);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-block .wphtsp-timeline-img:hover {
   border: 1px solid rgba(197, 197, 197, 0.57);
   }
   .wphtsp-history-design-1 .wphtsp-timeline-content:hover+.wphtsp-timeline-img {
   background: #fff;
   border: 1px solid rgba(197, 197, 197, 0.57);
   }
   }
   .wphtsp-history-design-1 .wphtsp-custom-icon .wphtsp-icon-wrp {
   display: block;
   }
   /**********
   Design-2
   **********/
   .wphtsp-history-design-2 .wphtsp-timeline {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-2 .wphtsp-timeline {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-2 .wphtsp-timeline::before {
   content: '';
   display: block;
   width: 2px;
   height: 100%;
   position: absolute;
   left: 50%;
   top: 0;
   background: #f1f1f1;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block {
   width: 100%;
   float: left;
   position: relative;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block:last-child {
   margin-bottom: 20px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-post-date {
   font-size: 13px !important;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: right;
   text-align: left;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   display: block;
   width: 100px;
   height: 100px;
   overflow: hidden;
   position: absolute;
   z-index: 100;
   background-color: #FF7043;
   border-radius: 100%;
   border: 5px solid #eaeaea;
   text-align: center;
   box-sizing: border-box;
   left: 0;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-img:hover {
   border: 5px solid #FF7043;
   background-color: #fff;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-content:hover+.wphtsp-timeline-img {
   border: 5px solid #FF7043;
   background-color: #fff;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: top center;
   border-radius: 100%;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-image {
   width: 100%;
   float: left;
   line-height: normal;
   margin-bottom: 15px;
   height: auto !important;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-image a {
   display: block;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-image img {
   display: block;
   margin: 0 auto !important;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-img .wphtsp-icon-wrp {
   height: 100%;
   display: table;
   line-height: normal;
   width: 100%;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-img .wphtsp-icon-wrp a {
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   display: table;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-img.wphtsp-custom-icon .wphtsp-icon-wrp a {
   display: block;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-img .fa {
   display: table-cell;
   vertical-align: middle;
   padding: 5px;
   color: #DADADA;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-content .wphtsp-content {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-read-more {
   color: #444;
   position: relative;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   padding: 10px 30px;
   background: #eee;
   text-align: center;
   display: inline-block;
   text-decoration: none;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-read-more:hover::before {
   height: 100%;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-read-more::before {
   content: " ";
   background: rgba(17, 17, 17, 0.13);
   position: absolute;
   height: 5px;
   left: 0%;
   top: 0%;
   width: 100%;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-content:hover+.wphtsp-timeline-img .fa {
   color: #DADADA;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img .fa {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content:before {
   content: "";
   position: absolute;
   height: 0px;
   width: 2px;
   border-left: 15px solid #FF7043;
   border-top: 15px solid rgba(125, 26, 26, 0);
   border-bottom: 15px solid transparent;
   border-right: 0px solid transparent;
   right: -19px;
   top: 30px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content:before {
   content: "";
   position: absolute;
   height: 0px;
   width: 2px;
   border-left: 15px solid #FF7043;
   border-top: 15px solid rgba(125, 26, 26, 0);
   border-bottom: 15px solid transparent;
   left: -19px;
   top: 30px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content {
   position: relative;
   border-right: 5px solid #FF7043;
   width: 40%;
   float: left;
   box-sizing: border-box;
   text-align: left;
   border-radius: 13px;
   box-shadow: 0px 0px 5px 2px #eee;
   padding: 16px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   position: relative;
   border-left: 5px solid #FF7043;
   width: 40%;
   float: left;
   box-sizing: border-box;
   text-align: left;
   border-radius: 13px;
   box-shadow: 0px 0px 5px 2px #eee;
   padding: 16px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-content h2 a,
   .wphtsp-history-design-2 .wphtsp-post-date,
   .wphtsp-history-design-2 .wphtsp-post-date .fa,
   .wphtsp-history-design-2 .wphtsp-history-inner-wrp .wphtsp-content div {
   color: #444;
   }
   @media screen and (max-width:64em) {
   .wphtsp-history-design-2 .wphtsp-timeline::before {
   left: 30px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img {
   margin-left: 0;
   top: 15px;
   float: left;
   width: 60px;
   height: 60px;
   border-width: 5px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-content {
   text-align: left;
   width: 80%;
   float: right !important;
   border-left: 5px solid #FF7043;
   border-right: 0px;
   margin-bottom: 20px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-img .fa {
   font-size: 25px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content::before {
   left: -17px;
   top: 30px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   }
   }
   @media screen and (max-width:370px) {
   .wphtsp-history-design-2 .wphtsp-timeline::before {
   left: 20px
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img {
   width: 40px;
   height: 40px;
   top: 25px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img .fa {
   font-size: 16px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content {
   padding: 10px;
   }
   .wphtsp-history-design-2 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-content {
   padding: 10px;
   }
   }
   .wphtsp-history-design-2 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-custom-icon .wphtsp-icon-wrp {
   display: block;
   }
   /****************
   Design-3
   ****************/
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content {
   float: left;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: right;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-date {
   left: 50%;
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-date {
   left: 50%;
   margin-left: -150px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-date::before {
   content: '\f177';
   display: block;
   font-family: fontAwesome;
   display: inline-block;
   margin-right: 10px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-date::after {
   content: '\f178';
   display: block;
   font-family: fontAwesome;
   display: inline-block;
   margin-left: 10px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-circle {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   margin-left: -10px;
   left: -23%;
   top: 24px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-circle {
   left: auto;
   right: -23%;
   width: auto;
   top: 24px;
   margin: 0 -10px 0 0;
   display: inline-block;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block {
   width: 100%;
   float: left;
   margin-bottom: 20px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-3 .wphtsp-timeline:before {
   content: '';
   position: absolute;
   top: 0;
   left: 18px;
   height: 100%;
   width: 3px;
   background: #d7e4ed;
   left: 50%;
   margin-left: -2px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-circle {
   box-shadow: 0px 0px 0px 10px #fff !important;
   width: auto;
   height: auto;
   left: 50%;
   position: absolute;
   z-index: 1;
   margin-left: -44px;
   box-shadow: none;
   border-radius: 50%;
   background: #fff;
   align-items: center;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content {
   text-align: center;
   margin-left: 0;
   width: 40%;
   position: relative;
   border-radius: 0.25em;
   box-shadow: 0 3px 0 #d7e4ed;
   background: #263238;
   padding: 16px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content:before {
   content: '';
   position: absolute;
   top: 16px;
   right: 100%;
   height: 0;
   width: 0;
   border: 0px solid transparent;
   border-right: 0px solid white;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-read-more {
   transition: all 0.6s ease-in-out;
   border: 1px solid transparent;
   overflow: hidden;
   width: 130px;
   display: inline-block;
   text-decoration: none;
   float: none !important;
   padding: 5px 5px;
   background: #f8f8f8;
   color: #444;
   font-size: 14px !important;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-read-more:hover {
   background: #B4B4B4;
   color: #fff;
   border: 1px solid #fff;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content:after {
   content: "";
   display: table;
   clear: both;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-date {
   position: absolute;
   width: 150px;
   height: 70px;
   display: table;
   text-align: center;
   background: #263238;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-circle .thir.fa::before {
   content: "\f192";
   font-size: 22px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline-date .wphtsp-icon-wrp {
   display: table-cell;
   line-height: normal;
   vertical-align: middle;
   height: 100%;
   }
   .wphtsp-history-design-3 .wphtsp-timeline-date .wphtsp-icon-wrp img {
   max-height: 70px !important;
   display: block;
   object-fit: cover;
   height: 100% !important;
   object-position: top center;
   margin: 0 auto;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-circle .fa {
   margin-right: 5px;
   color: #263238;
   font-size: 14px;
   vertical-align: middle;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-circle .fa:last-child {
   margin-right: 0;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-read-more::after {
   content: '\f101';
   font-family: fontAwesome;
   display: inline-block;
   margin-left: 10px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content .wphtsp-timeline-img {
   height: auto !important;
   width: 100%;
   margin-bottom: 15px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-date i {
   padding: 5px;
   color: #fff;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-content .wphtsp-content {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content h2 a,
   .wphtsp-history-design-3 .wphtsp-post-date,
   .wphtsp-history-design-3 .wphtsp-post-date .fa,
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content .wphtsp-content div {
   color: #fff;
   }
   @media only screen and (max-width:64em) {
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block {
   margin-bottom: 20px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content .wphtsp-timeline-circle {
   position: relative;
   margin-left: 0px;
   float: left;
   left: 0;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline:before {
   left: 40px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-date::after {
   display: none;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-date::before {
   display: none;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-date {
   position: static;
   padding: 0px;
   display: inline-block;
   line-height: 32px;
   width: auto;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content .wphtsp-timeline-circle {
   margin-right: 10px;
   left: -28px !important;
   top: -60px !important;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-content .wphtsp-timeline-circle {
   position: absolute;
   left: -15px;
   top: -55px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: left;
   position: relative;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-read-more {
   display: inline-block;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content::before {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   left: -14px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline::before {
   left: 0 !important;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content .wphtsp-timeline-circle {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   margin: -10px;
   margin-right: 10px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-content {
   width: auto;
   margin-left: 15px;
   margin-top: 30px;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-date {
   height: 80px;
   width: 80px;
   border-radius: 3px;
   left: 0px !important;
   right: 0px !important;
   top: 24px;
   position: relative;
   margin: 0 auto;
   display: table;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content {
   float: none;
   }
   .wphtsp-history-design-3 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n) .wphtsp-timeline-date {
   margin: 0 auto !important;
   }
   }
   /**********
   Design-4
   **********/
   .wphtsp-history-design-4 .wphtsp-timeline .wphtsp-date .fa {
   color: #bcbcbc;
   display: table-cell;
   vertical-align: middle;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content {
   float: left;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: right;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content::before {
   content: '';
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-left: 20px solid #d4d4d4;
   border-bottom: 20px solid transparent;
   position: absolute;
   right: -20px;
   top: 40px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content::before {
   content: '';
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-right: 20px solid #d4d4d4;
   border-bottom: 20px solid transparent;
   position: absolute;
   left: -20px;
   top: 40px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(odd) .wphtsp-date {
   text-align: center;
   left: 0;
   right: 0px;
   margin: 0 auto;
   top: 15px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(even) .wphtsp-date {
   left: 0;
   text-align: center;
   right: 0px;
   margin: 0 auto;
   top: 15px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(186, 186, 186, 0.56);
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   border-radius: 50%;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp:hover::before {
   -webkit-transform: scale(0);
   transform: scale(0);
   }
   .wphtsp-history-design-4 .wphtsp-timeline-content:hover+.wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp:before {
   -webkit-transform: scale(0);
   transform: scale(0);
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(4n+1) .wphtsp-timeline-img .fa::before {
   color: #2B4162;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(4n+2) .wphtsp-timeline-img .fa::before {
   color: #385F71;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(4n+3) .wphtsp-timeline-img .fa::before {
   color: #58355E;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(4n+4) .wphtsp-timeline-img .fa::before {
   color: #343434;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(4n+5) .wphtsp-timeline-img .fa::before {
   color: #008F68;
   }
   .wphtsp-history-design-4 {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-4 .wphtsp-timeline:before {
   content: '';
   position: absolute;
   top: 0;
   left: 18px;
   height: 100%;
   width: 6px;
   background: #ccc;
   left: 50%;
   margin-left: -3px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-date {
   position: absolute;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-content {
   z-index: 111;
   margin-left: 0;
   width: 40%;
   position: relative;
   border-radius: 0.25em;
   padding: 16px;
   box-shadow: 0 0 5px #ccc;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-content:after {
   content: "";
   display: table;
   clear: both;
   }
   .wphtsp-history-design-4 .wphtsp-date {
   background: #fff;
   position: absolute;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   box-sizing: content-box;
   padding: 5px;
   border: 5px solid #ccc;
   overflow: hidden;
   display: block;
   }
   .wphtsp-history-design-4 .wphtsp-date .wphtsp-icon-wrp {
   display: table;
   line-height: normal;
   height: 100%;
   width: 100%;
   border-radius: 50%;
   overflow: hidden;
   }
   .wphtsp-history-design-4 .wphtsp-date .wphtsp-icon-wrp a {
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   display: table;
   }
   .wphtsp-history-design-4 .wphtsp-date.wphtsp-custom-icon .wphtsp-icon-wrp a {
   display: block;
   }
   .wphtsp-history-design-4 .wphtsp-date .wphtsp-icon-wrp img {
   height: 100% !important;
   width: 100%;
   object-fit: cover;
   object-position: center center;
   border-radius: 50% !important;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-date .thir.fa::before {
   content: "\f192";
   font-size: 22px;
   }
   .wphtsp-history-design-4 .wphtsp-read-more::after {
   content: '\f101';
   font-family: fontAwesome;
   display: inline-block;
   margin-left: 5px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-img {
   height: auto;
   width: 100%;
   margin-bottom: 10px;
   text-align: center;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-content .wphtsp-read-more:hover {
   background: #fff;
   border: 1px solid #111;
   color: #111;
   }
   .wphtsp-history-design-4 .wphtsp-post-details {
   margin-bottom: 10px;
   }
   .wphtsp-history-design-4 .wphtsp-content a.wphtsp-read-more {
   color: rgba(137, 137, 137, 0.86);
   transition: all 0.3s ease-in-out;
   border: 1px solid rgba(137, 137, 137, 0.37);
   transition: 0.2s ease-in-out;
   opacity: 1;
   background: rgba(231, 231, 231, 0.7);
   padding: 7px 20px;
   font-size: 14px;
   display: inline-table;
   text-decoration: none;
   }
   .wphtsp-history-design-4 h2.wphtsp-content-title a,
   .wphtsp-history-design-4 .wphtsp-post-date,
   .wphtsp-history-design-4 .wphtsp-post-date .fa,
   .wphtsp-history-design-4 .wphtsp-content-wraper {
   color: rgb(137, 137, 137);
   }
   @media only screen and (max-width:64em) {
   .wphtsp-history-design-4 .wphtsp-timeline-content {
   box-sizing: border-box;
   float: left;
   width: 73%;
   box-sizing: border-box;
   float: right !important;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-content:before {
   top: 40px;
   left: -19px;
   border-right: 20px solid #d4d4d4;
   border-left: none !important;
   }
   .wphtsp-history-design-4 .wphtsp-date {
   top: 30px;
   margin: 0px !important;
   left: 0px !important;
   width: 50px !important;
   height: 50px !important;
   }
   .wphtsp-history-design-4 .wphtsp-date .fa {
   font-size: 25px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline:before {
   left: 34px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block {
   margin: 1em 0;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block {
   margin: 1em 0;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content::before {
   top: 32px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-content::before {
   top: 32px;
   }
   }
   @media screen and (max-width:370px) {
   .wphtsp-history-design-4 .wphtsp-timeline::before {
   left: 29px;
   width: 4px;
   }
   .wphtsp-history-design-4 .wphtsp-date {
   width: 40px !important;
   height: 40px !important;
   top: 32px;
   border: 4px solid #ccc;
   }
   .wphtsp-history-design-4 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img .fa {
   font-size: 16px;
   }
   .wphtsp-history-design-4 .wphtsp-timeline-content {
   padding: 10px;
   width: 73%;
   }
   }
   .wphtsp-history-design-4 .wphtsp-custom-icon .wphtsp-icon-wrp {
   display: block;
   }
   /**********
   Design-5
   **********/
   .wphtsp-history-design-5 {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline {
   margin: 30px 0 0 0;
   padding: 0;
   list-style: none;
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-block {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   width: 3px;
   background: #00B8D4;
   left: 11%;
   margin-left: -10px;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date {
   position: relative;
   width: 20%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date .wphtsp-date {
   border-radius: 5px;
   width: 100px;
   height: 100px;
   background: #FFF;
   border: 3px solid #00B8D4;
   text-align: center;
   margin: 0 auto;
   display: table;
   }
   .wphtsp-history-design-5 .wphtsp-date .wphtsp-icon-wrp {
   display: table-cell;
   vertical-align: middle;
   line-height: normal;
   height: 100%;
   width: 100%;
   }
   .wphtsp-history-design-5 .wphtsp-date .wphtsp-icon-wrp img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content {
   margin-bottom: 40px;
   border: 1px solid #00B8D4;
   color: #000;
   padding: 20px;
   position: relative;
   border-radius: 5px;
   width: 76%;
   float: right;
   border-left: 5px solid #00B8D4;
   line-height: normal;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-block .wphtsp-read-more {
   font-weight: 600;
   position: absolute;
   left: 50%;
   margin-left: -61.88px;
   padding: 10px 25px;
   bottom: -25px;
   background: #00B8D4;
   color: #FFF;
   overflow: hidden;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   border: 5px solid #fff;
   font-size: 15px;
   text-decoration: none;
   }
   .wphtsp-history-design-5 .wphtsp-read-more:before {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   position: absolute;
   top: 0;
   left: -75%;
   z-index: 2;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   -webkit-transform: skewX(-25deg);
   transform: skewX(-25deg);
   }
   .wphtsp-history-design-5 .wphtsp-read-more:hover::before {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-animation: shine .75s;
   animation: shine .75s;
   left: 116%;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content .wphtsp-content-title span {
   padding-bottom: 5px;
   text-align: center;
   display: inline-block;
   border-bottom: 1px solid #00B8D4;
   }
   .wphtsp-history-design-5 .wphtsp-post-details {
   margin-top: 10px;
   }
   .wphtsp-history-design-5 .wphtsp-post-date i:before {
   margin-right: 2px;
   }
   .wphtsp-history-design-5 .wphtsp-post-date {
   text-align: center;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-img {
   height: auto;
   overflow: hidden;
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   text-align: center;
   position: relative;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-img:before {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   position: absolute;
   top: 0;
   left: -75%;
   z-index: 2;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   -webkit-transform: skewX(-25deg);
   transform: skewX(-25deg);
   }
   .wphtsp-history-design-5 .wphtsp-timeline-img:hover::before {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-animation: shine .75s;
   animation: shine .75s;
   left: 116%;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content:before {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #00B8D4;
   left: -20px;
   top: 25px;
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   }
   .wphtsp-history-design-5 .wphtsp-image-wrapper {
   width: 40%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-content {
   width: 60%;
   float: left;
   padding: 0 0 15px 15px;
   }
   .wphtsp-history-design-5 .wphtsp-content-wrapper.wphtsp-no-image .wphtsp-content {
   width: 100%;
   float: left;
   padding-left: 0;
   }
   .wphtsp-history-design-5 .wphtsp-content-wrapper {
   width: 100%;
   float: left;
   margin-top: 15px;
   }
   .wphtsp-history-design-5 .wphtsp-content-wrapper.wphtsp-no-image {
   width: 100%;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date .wphtsp-date .fa {
   color: #00B8D4;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content .wphtsp-content-title a,
   .wphtsp-history-design-5 .wphtsp-post-date,
   .wphtsp-history-design-5 .wphtsp-post-date .fa,
   .wphtsp-history-design-5 .wphtsp-content-wraper {
   color: #555;
   }
   @media only screen and (max-width:64em) {
   .wphtsp-history-design-5 .wphtsp-timeline-date .wphtsp-date {
   width: 80px;
   height: 80px;
   position: relative;
   float: left;
   box-sizing: border-box;
   left: 0;
   margin: 0 !important;
   }
   .wphtsp-history-design-5 {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline {
   padding: 0;
   list-style: none;
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline::before {
   left: 50px;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-block {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date {
   margin-bottom: 22px;
   width: 20%;
   float: left;
   box-sizing: border-box;
   }
   .wphtsp-history-design-5 .wphtsp-date {
   width: 90px;
   float: right;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content {
   width: 70%;
   float: right;
   }
   .wphtsp-history-design-5 .wphtsp-read-more {
   display: inline-block;
   overflow: hidden !important;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content::before {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   left: -13px;
   top: 32px;
   border-bottom: 0px solid transparent;
   }
   .wphtsp-history-design-5 .wphtsp-image-wrapper {
   width: 100%;
   }
   .wphtsp-history-design-5 .wphtsp-content {
   width: 100%;
   padding: 15px 0;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-img img {
   margin-bottom: 10px;
   }
   }
   @media screen and (max-width:370px) {
   .wphtsp-history-design-5 .wphtsp-timeline::before {
   left: 29px;
   width: 4px;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date .wphtsp-date {
   width: 40px !important;
   height: 40px !important;
   border: 3px solid #00B8D4;
   }
   .wphtsp-history-design-5 .wphtsp-timeline .wphtsp-timeline-block .wphtsp-timeline-img .fa {
   font-size: 16px;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content {
   padding: 10px;
   width: 78%;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date .wphtsp-date .fa {
   font-size: 20px;
   }
   .wphtsp-history-design-5 .wphtsp-timeline::before {
   width: 3px;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-content::before {
   top: 10px;
   }
   .wphtsp-history-design-5 .wphtsp-content {
   padding: 15px 0;
   }
   .wphtsp-history-design-5 .wphtsp-timeline-img img {
   margin-bottom: 10px;
   }
   }
   .wphtsp-history-design-5 .wphtsp-timeline-date .wphtsp-custom-icon {
   display: block;
   }
   .wphtsp-history-design-5 .wphtsp-date.wphtsp-custom-icon .wphtsp-icon-wrp {
   display: block;
   }
   /**********
   Design-6
   **********/
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content {
   float: left;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content {
   float: right;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content:before {
   content: "";
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-left: 20px solid #29335C;
   border-bottom: 20px solid transparent;
   position: absolute;
   right: -19px;
   top: 15px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content:before {
   content: "";
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-right: 20px solid #29335C;
   border-bottom: 20px solid transparent;
   position: absolute;
   left: -19px;
   top: 15px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(odd) .wphtsp-date {
   right: 0px;
   left: 0;
   margin: 0 auto;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(even) .wphtsp-date {
   left: 0;
   text-align: center;
   right: 0px;
   margin: 0 auto;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content .wphtsp-read-more {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   background: #858BA1;
   color: #fff;
   display: inherit;
   box-sizing: border-box;
   text-decoration: none;
   float: none !important;
   padding: 10px 30px;
   font-size: 14px;
   display: inline-block;
   border-radius: 50px;
   margin: 10px 0 0 0;
   }
   .wphtsp-history-design-6 .wphtsp-read-more:hover {
   background: #fff;
   color: #111;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content:hover .wphtsp-timeline-content .wphtsp-read-more {
   background-color: rgba(221, 201, 201, 0.1);
   color: #fff;
   }
   .wphtsp-history-design-6 {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block {
   width: 100%;
   float: left;
   margin-bottom: 60px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline:before {
   content: '';
   position: absolute;
   top: 0;
   left: 18px;
   height: 100%;
   width: 6px;
   background: #ccc;
   left: 50%;
   margin-left: -3px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-date {
   position: absolute;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(41, 51, 92, 0.55);
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   border-radius: 50%;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content:hover+.wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp:before {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
   }
   .wphtsp-history-design-6 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp:hover:before {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content {
   padding: 16px;
   z-index: 111;
   text-align: center;
   margin-left: 0;
   width: 40%;
   position: relative;
   background: #29335C;
   border-radius: 0.25em;
   box-shadow: 0 0 5px #ccc;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content h2 {
   background: #29335C;
   }
   .wphtsp-history-design-6 .wphtsp-content {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content:after {
   content: "";
   display: table;
   clear: both;
   }
   .wphtsp-history-design-6 .wphtsp-date {
   background: #fff;
   font-size: 13px;
   text-align: center;
   position: absolute;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   padding: 5px;
   border: 5px solid #29335C;
   overflow: hidden;
   display: block;
   }
   .wphtsp-history-design-6 .wphtsp-date .wphtsp-icon-wrp {
   overflow: hidden;
   display: table;
   line-height: normal;
   height: 100%;
   border-radius: 50%;
   width: 100%;
   }
   .wphtsp-history-design-6 .wphtsp-date .wphtsp-icon-wrp a {
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   display: table;
   }
   .wphtsp-history-design-6 .wphtsp-date.wphtsp-custom-icon .wphtsp-icon-wrp a {
   display: block;
   }
   .wphtsp-history-design-6 .wphtsp-date .wphtsp-icon-wrp img {
   width: 100%;
   height: 100% !important;
   object-fit: cover;
   object-position: center center;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-date .thir.fa:before {
   content: "\f192";
   font-size: 22px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-date .fa:last-child {
   margin-right: 0;
   }
   .wphtsp-history-design-6 .wphtsp-read-more:after {
   content: '\f101';
   font-family: fontAwesome;
   display: inline-block;
   margin-left: 10px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-img {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   height: auto !important;
   width: 100%;
   margin-bottom: 15px;
   box-sizing: border-box;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-img img {
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   }
   .wphtsp-history-design-6 .wphtsp-post-details {
   text-align: left;
   margin-bottom: 10px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content:hover .wphtsp-timeline-img img {
   opacity: 0.8;
   }
   .wphtsp-history-design-6 .wphtsp-date .fa {
   color: #29335C;
   display: table-cell;
   vertical-align: middle;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block .wphtsp-timeline-content h2 a,
   .wphtsp-history-design-6 .wphtsp-post-date,
   .wphtsp-history-design-6 .wphtsp-post-date .fa,
   .wphtsp-history-design-6 .wphtsp-content p,
   .wphtsp-history-design-6 .wphtsp-content {
   color: #FFF;
   }
   @media only screen and (max-width:64em) {
   .wphtsp-history-design-6 .wphtsp-timeline-content {
   width: 76%;
   box-sizing: border-box;
   float: right !important;
   border-right: 0px solid #29335C !important;
   }
   .wphtsp-history-design-6 .wphtsp-date {
   margin: 0 !important;
   left: 0 !important;
   height: 60px;
   width: 60px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content::before {
   border-right: 20px solid #29335C !important;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block {
   margin: 1em 0;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block {
   margin: 1em 0;
   }
   .wphtsp-history-design-6 .wphtsp-date .fa {
   font-size: 24px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-content:before {
   border-top: 20px solid transparent;
   border-right: 20px solid #29335C;
   left: -19px;
   border-bottom: 20px solid transparent;
   border-left: 0;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-content:before {
   border-top: 20px solid transparent;
   border-right: 20px solid #29335C;
   border-bottom: 20px solid transparent;
   border-left: 0;
   }
   .wphtsp-history-design-6 .wphtsp-timeline::before {
   margin: 0 !important;
   left: 27px !important;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content::before {
   content: "";
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-left: 20px solid #29335C;
   border-bottom: 20px solid transparent;
   position: absolute;
   right: -19px;
   top: 15px;
   }
   }
   @media screen and (max-width:370px) {
   .wphtsp-history-design-6 .wphtsp-timeline-date .wphtsp-date {
   width: 50px !important;
   height: 50px !important;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-content {
   padding: 10px;
   width: 78%;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-date .wphtsp-date .fa {
   font-size: 20px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline::before {
   width: 3px;
   left: 24px !important;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-content::before {
   left: -12px;
   top: 7px;
   }
   .wphtsp-history-design-6 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-content::before {
   left: -12px;
   top: 7px;
   }
   }
   .wphtsp-history-design-6 .wphtsp-date.wphtsp-custom-icon .wphtsp-icon-wrp {
   display: block;
   }
   /**********
   Design-7
   **********/
   .wphtsp-history-design-7 .wphtsp-mid-border {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-content {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline {
   width: 100%;
   float: left;
   position: relative;
   }
   .wphtsp-history-design-7 .wphtsp-timeline:before {
   content: "";
   height: 100%;
   width: 1px;
   background-color: #fff;
   opacity: 0.5;
   position: absolute;
   left: 50%;
   background: #00B8D4;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block {
   position: relative;
   margin-bottom: 50px;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:before {
   content: "";
   position: absolute;
   top: 54px;
   left: 50%;
   width: 46px;
   height: 1px;
   margin-left: 1px;
   background: -webkit-linear-gradient(left, rgba(0, 184, 212, 0.5) 0%, rgba(0, 184, 212, 0.8) 1%, rgba(0, 184, 212, 0) 99%, rgba(0, 184, 212, 0) 100%);
   background: linear-gradient(to right, rgba(0, 184, 212, 0.5) 0%, rgba(0, 184, 212, 0.8) 1%, rgba(0, 184, 212, 0) 99%, rgba(0, 184, 212, 0) 100%)
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:after {
   content: "";
   position: absolute;
   top: 90px;
   left: 50%;
   width: 46px;
   height: 1px;
   margin-left: -46px;
   background: -webkit-linear-gradient(right, rgba(0, 184, 212, 0.5) 0%, rgba(0, 184, 212, 0.8) 1%, rgba(0, 184, 212, 0) 99%, rgba(0, 184, 212, 0) 100%);
   background: linear-gradient(to left, rgba(0, 184, 212, 0.5) 0%, rgba(0, 184, 212, 0.8) 1%, rgba(0, 184, 212, 0) 99%, rgba(0, 184, 212, 0) 100%);
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date {
   font-size: 18px !important;
   color: #222 !important;
   border: 1px solid #00B8D4;
   background: #fff;
   position: absolute;
   left: 0;
   width: 100px;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date .wphtsp-date {
   width: 100%;
   float: left;
   height: 65px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date .wphtsp-date .fa {
   position: relative;
   z-index: 1;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp {
   position: relative;
   padding: 10px;
   display: inline-block;
   line-height: normal;
   width: 100%;
   float: left;
   height: 100%;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp a {
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp img {
   width: auto;
   height: 100% !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img {
   width: calc(50% - 60px);
   float: right;
   text-align: left;
   position: relative;
   top: 80px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img {
   display: inline-block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: 5px solid #00B8D4;
   background: #c2c2c2;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img img {
   height: 100% !important;
   width: 100%;
   border-radius: 50% !important;
   object-fit: cover;
   object-position: top center;
   }
   .wphtsp-history-design-7 .wphtsp-post-details {
   width: 45%;
   width: calc(50% - 60px);
   margin-top: 80px;
   padding-bottom: 30px;
   position: relative;
   }
   .wphtsp-history-design-7 .wphtsp-post-details {
   padding: 16px;
   border: 1px solid #00B8D4;
   }
   .wphtsp-history-design-7 .wphtsp-content {
   display: inline-block;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-post-details-wraper {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-read-more {
   border: 1px solid #00B8D4;
   padding: 5px 10px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background: #fff;
   display: inline-block;
   margin: 15px 0 0 0;
   }
   .wphtsp-history-design-7 .wphtsp-read-more:hover {
   background: #00B8D4;
   color: #fff !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details .wphtsp-content-title {
   text-align: right;
   padding-left: 50px !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(even) .wphtsp-post-details .wphtsp-content-title {
   text-align: left;
   padding-right: 50px !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img-wrapper {
   width: 45%;
   width: calc(50% - 60px);
   float: right;
   text-align: left;
   position: relative;
   top: 15px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date .wphtsp-date .fa {
   color: #00B8D4;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-img-wrapper {
   float: left;
   text-align: right;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-img-wrapper {
   float: right;
   text-align: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(even):before {
   position: absolute;
   top: 100px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd):before {
   position: absolute;
   top: 145px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(even):after {
   position: absolute;
   top: 145px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd):after {
   position: absolute;
   top: 100px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-img {
   float: left !important;
   text-align: right !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-img {
   float: right !important;
   text-align: left !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-content-wraper {
   text-align: right !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-post-details {
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-post-details {
   float: right;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-read-more {
   float: right;
   color: #00B8D4;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-read-more {
   float: left;
   color: #00B8D4;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-post-date {
   text-align: left !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-date {
   text-align: right !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(even) .wphtsp-post-details:before {
   content: "";
   display: block;
   position: absolute;
   border-bottom: 60px solid transparent;
   border-left: 60px solid #00B8D4;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   top: 5px;
   right: 5px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details:before {
   content: "";
   display: block;
   position: absolute;
   border-bottom: 60px solid transparent;
   border-left: 60px solid #00B8D4;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   top: 5px;
   left: 5px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block .wphtsp-post-details .wphtsp-content-title a,
   .wphtsp-history-design-7 .wphtsp-post-date,
   .wphtsp-history-design-7 .wphtsp-post-date .fa,
   .wphtsp-history-design-7 .wphtsp-content-wraper {
   color: #222;
   }
   @media only screen and (max-width:500px) {
   .wphtsp-history-design-7 .wphtsp-post-details {
   width: auto;
   box-sizing: border-box;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-content:before {
   display: none;
   }
   .wphtsp-history-design-7 .wphtsp-date {
   display: block;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:before {
   display: none;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:after {
   display: none;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img {
   width: 20%;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img {
   width: 80px;
   height: 80px;
   }
   .wphtsp-history-design-7 .wphtsp-post-details {
   width: 75%;
   }
   .wphtsp-history-design-7 .wphtsp-mid-border:before {
   display: none;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-date {
   display: block;
   text-align: center;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img-wrapper {
   width: 20%;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-content-wraper {
   text-align: left !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-read-more {
   float: left !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-date {
   text-align: left !important;
   }
   }
   @media only screen and (max-width:64em) {
   .wphtsp-history-design-7 .wphtsp-timeline-img {
   width: 50px;
   height: 50px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:before {
   display: none;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:after {
   display: none;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-post-details {
   text-align: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details:before {
   right: 5px;
   left: auto;
   -webkit-transform: rotateZ(90deg);
   transform: rotateZ(90deg);
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details .wphtsp-content-title {
   text-align: left;
   padding: 0 50px 0 0 !important;
   }
   .wphtsp-history-design-7 .wphtsp-post-details {
   float: right !important;
   width: 80%;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-img-wrapper,
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-img {
   float: left;
   }
   .wphtsp-history-design-7 .wphtsp-timeline:before {
   left: 25px;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-img-wrapper {
   width: auto;
   position: static;
   }
   .wphtsp-history-design-7 .wphtsp-timeline-block:nth-child(odd) .wphtsp-content-wraper {
   text-align: left !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-read-more {
   float: left !important;
   }
   .wphtsp-history-design-7 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-date {
   text-align: left !important;
   }
   }
   /**********
   Design-8
   **********/
   .wphtsp-history-design-8 .wphtsp-mid-border {
   position: relative;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-content {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline {
   width: 100%;
   float: left;
   position: relative;
   }
   .wphtsp-history-design-8 .wphtsp-timeline:before {
   content: "";
   height: 100%;
   width: 1px;
   background-color: #fff;
   opacity: 0.5;
   position: absolute;
   left: 50%;
   background: red;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block {
   position: relative;
   margin-bottom: 50px;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:before {
   content: "";
   position: absolute;
   top: 54px;
   left: 50%;
   width: 46px;
   height: 1px;
   margin-left: 1px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:after {
   content: "";
   position: absolute;
   top: 90px;
   left: 50%;
   width: 46px;
   height: 1px;
   margin-left: -46px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date {
   font-size: 18px !important;
   color: #222 !important;
   border: 1px solid #fff;
   border-radius: 100%;
   background: #f5f5f5;
   position: absolute;
   left: 0;
   width: 70px;
   height: 70px;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   right: 0;
   margin: 0 auto;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date .wphtsp-date {
   width: 100%;
   float: left;
   height: 68px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date .wphtsp-date .fa {
   position: relative;
   z-index: 1;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp {
   position: relative;
   padding: 10px;
   display: inline-block;
   line-height: normal;
   width: 100%;
   float: left;
   height: 100%;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp a {
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   float: left;
   border: 1px solid red;
   border-radius: 100%;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date .wphtsp-date .wphtsp-icon-wrp img {
   width: auto;
   height: 100% !important;
   padding: 10px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img {
   max-width: 350px;
   text-align: left;
   position: relative;
   top: 80px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img {
   display: inline-block;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img img {
   object-fit: cover;
   object-position: top center;
   }
   .wphtsp-history-design-8 .wphtsp-post-details {
   width: 45%;
   width: calc(50% - 60px);
   margin-top: 80px;
   padding-bottom: 30px;
   position: relative;
   }
   .wphtsp-history-design-8 .wphtsp-post-details {
   padding: 16px;
   }
   .wphtsp-history-design-8 .wphtsp-content {
   display: inline-block;
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-post-details-wraper {
   width: 100%;
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-read-more {
   border: 1px solid red;
   padding: 5px 10px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background: #fff;
   display: inline-block;
   margin: 15px 0 0 0;
   }
   .wphtsp-history-design-8 .wphtsp-read-more:hover {
   background: #fff;
   color: red !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details .wphtsp-content-title {
   text-align: center;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(even) .wphtsp-post-details .wphtsp-content-title {
   text-align: center;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img-wrapper {
   width: 45%;
   width: calc(50% - 60px);
   float: right;
   text-align: left;
   position: relative;
   top: 15px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date .wphtsp-date .fa {
   color: red;
   font-size: 25px;
   padding: 10px 0;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(even) .wphtsp-timeline-img-wrapper {
   float: left;
   text-align: center;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-img-wrapper {
   float: right;
   text-align: center;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(even):before {
   position: absolute;
   top: 100px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd):before {
   position: absolute;
   top: 145px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(even):after {
   position: absolute;
   top: 145px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd):after {
   position: absolute;
   top: 100px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-timeline-img {
   text-align: right !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-img {
   text-align: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-content-wraper {
   text-align: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-post-details {
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-post-details {
   float: right;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-read-more {
   float: none;
   color: red;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-read-more {
   float: none;
   color: red;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(even) .wphtsp-post-date {
   text-align: center !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-date {
   text-align: center !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block .wphtsp-post-details .wphtsp-content-title a,
   .wphtsp-history-design-8 .wphtsp-post-date,
   .wphtsp-history-design-8 .wphtsp-post-date .fa,
   .wphtsp-history-design-8 .wphtsp-content-wraper {
   color: #222;
   }
   @media only screen and (max-width:500px) {
   .wphtsp-history-design-8 .wphtsp-post-details {
   width: auto;
   box-sizing: border-box;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-content:before {
   display: none;
   }
   .wphtsp-history-design-8 .wphtsp-date {
   display: block;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:before {
   display: none;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:after {
   display: none;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img {
   width: 20%;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img {
   width: 80px;
   height: 80px;
   }
   .wphtsp-history-design-8 .wphtsp-post-details {
   width: 75%;
   }
   .wphtsp-history-design-8 .wphtsp-mid-border:before {
   display: none;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-date {
   display: block;
   text-align: center;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img-wrapper {
   width: 20%;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-content-wraper {
   text-align: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-read-more {
   float: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-date {
   text-align: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(2n) .wphtsp-post-details .wphtsp-content-title {
   text-align: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(2n) .wphtsp-post-date {
   text-align: left !important;
   }
   }
   @media only screen and (max-width:64em) {
   .wphtsp-history-design-8 .wphtsp-timeline-img {
   width: 50px;
   height: 50px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:before {
   display: none;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:after {
   display: none;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(2n+1) .wphtsp-post-details {
   text-align: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details:before {
   right: 5px;
   left: auto;
   -webkit-transform: rotateZ(90deg);
   transform: rotateZ(90deg);
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-details .wphtsp-content-title {
   text-align: left;
   padding: 0 50px 0 0 !important;
   }
   .wphtsp-history-design-8 .wphtsp-post-details {
   float: right !important;
   width: 80%;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-timeline-img-wrapper,
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(2n+2) .wphtsp-timeline-img {
   float: left;
   }
   .wphtsp-history-design-8 .wphtsp-timeline:before {
   left: 25px;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-img-wrapper {
   width: auto;
   position: static;
   }
   .wphtsp-history-design-8 .wphtsp-timeline-block:nth-child(odd) .wphtsp-content-wraper {
   text-align: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-read-more {
   float: left !important;
   }
   .wphtsp-history-design-8 .wphtsp-timeline .wphtsp-timeline-block:nth-child(odd) .wphtsp-post-date {
   text-align: left !important;
   }
   }
   /* bounce-in Animation */
   .wphtsp-timeline-img.wphtsp-is-hidden {
   visibility: hidden;
   }
   .wphtsp-timeline-img.bounce-in {
   visibility: visible;
   -webkit-animation: cd-bounce-1 0.6s;
   -moz-animation: cd-bounce-1 0.6s;
   animation: cd-bounce-1 0.6s;
   }
   }
   @-webkit-keyframes cd-bounce-1 {
   0% {
   opacity: 0;
   -webkit-transform: scale(0.5);
   }
   60% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   }
   100% {
   -webkit-transform: scale(1)
   }
   }
   @-moz-keyframes cd-bounce-1 {
   0% {
   opacity: 0;
   -moz-transform: scale(0.5);
   }
   60% {
   opacity: 1;
   -moz-transform: scale(1.2);
   }
   100% {
   -moz-transform: scale(1);
   }
   }
   @keyframes cd-bounce-1 {
   0% {
   opacity: 0;
   -webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
   -ms-transform: scale(0.5);
   -o-transform: scale(0.5);
   transform: scale(0.5);
   }
   60% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   }
   100% {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   }
   }
   .wphtsp-timeline-content.wphtsp-is-hidden {
   visibility: hidden;
   }
   .wphtsp-timeline-content.bounce-in {
   visibility: visible;
   -webkit-animation: cd-bounce-2 0.6s;
   -moz-animation: cd-bounce-2 0.6s;
   animation: cd-bounce-2 0.6s;
   }
   @-webkit-keyframes cd-bounce-2 {
   0% {
   opacity: 0;
   -webkit-transform: translateX(-100px);
   }
   60% {
   opacity: 1;
   -webkit-transform: translateX(20px);
   }
   100% {
   -webkit-transform: translateX(0);
   }
   }
   @-moz-keyframes cd-bounce-2 {
   0% {
   opacity: 0;
   -moz-transform: translateX(-100px);
   }
   60% {
   opacity: 1;
   -moz-transform: translateX(20px);
   }
   100% {
   -moz-transform: translateX(0);
   }
   }
   @keyframes cd-bounce-2 {
   0% {
   opacity: 0;
   -webkit-transform: translateX(-100px);
   -moz-transform: translateX(-100px);
   -ms-transform: translateX(-100px);
   -o-transform: translateX(-100px);
   transform: translateX(-100px);
   }
   60% {
   opacity: 1;
   -webkit-transform: translateX(20px);
   -moz-transform: translateX(20px);
   -ms-transform: translateX(20px);
   -o-transform: translateX(20px);
   transform: translateX(20px);
   }
   100% {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
   }
   }
   @-webkit-keyframes cd-bounce-2-inverse {
   0% {
   opacity: 0;
   -webkit-transform: translateX(100px);
   }
   60% {
   opacity: 1;
   -webkit-transform: translateX(-20px);
   }
   100% {
   -webkit-transform: translateX(0);
   }
   }
   /* bounceInUp Animation */
   .wphtsp-timeline-content.bounceInUp {
   visibility: visible;
   -webkit-animation: bounceIn-Up 0.9s;
   -moz-animation: bounceIn-Up 0.9s;
   animation: bounceIn-Up 0.9s;
   }
   .wphtsp-timeline-img.bounceInUp {
   visibility: visible;
   -webkit-animation: bounceIn-Up 0.9s;
   -moz-animation: bounceIn-Up 0.9s;
   animation: bounceIn-Up 0.9s;
   }
   @keyframes bounceIn-Up {
   from,
   60%,
   75%,
   90%,
   to {
   -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
   from {
   opacity: 0;
   -webkit-transform: translate3d(0, 3000px, 0);
   transform: translate3d(0, 3000px, 0);
   }
   60% {
   opacity: 1;
   -webkit-transform: translate3d(0, -20px, 0);
   transform: translate3d(0, -20px, 0);
   }
   75% {
   -webkit-transform: translate3d(0, 10px, 0);
   transform: translate3d(0, 10px, 0);
   }
   90% {
   -webkit-transform: translate3d(0, -5px, 0);
   transform: translate3d(0, -5px, 0);
   }
   to {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   }
   }
   /* bounceInUp Animation */
   .wphtsp-timeline-content.bounceInDown {
   visibility: visible;
   -webkit-animation: bounceInDown 0.9s;
   -moz-animation: bounceInDown 0.9s;
   animation: bounceInDown 0.9s;
   }
   .wphtsp-timeline-img.bounceInDown {
   visibility: visible;
   -webkit-animation: bounceInDown 0.9s;
   -moz-animation: bounceInDown 0.9s;
   animation: bounceInDown 0.9s;
   }
   @-webkit-keyframes bounceInDown {
   from,
   60%,
   75%,
   90%,
   to {
   -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
   0% {
   opacity: 0;
   -webkit-transform: translate3d(0, -3000px, 0);
   transform: translate3d(0, -3000px, 0);
   }
   60% {
   opacity: 1;
   -webkit-transform: translate3d(0, 25px, 0);
   transform: translate3d(0, 25px, 0);
   }
   75% {
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
   }
   90% {
   -webkit-transform: translate3d(0, 5px, 0);
   transform: translate3d(0, 5px, 0);
   }
   to {
   -webkit-transform: none;
   transform: none;
   }
   }
   @keyframes bounceInDown {
   from,
   60%,
   75%,
   90%,
   to {
   -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
   0% {
   opacity: 0;
   -webkit-transform: translate3d(0, -3000px, 0);
   transform: translate3d(0, -3000px, 0);
   }
   60% {
   opacity: 1;
   -webkit-transform: translate3d(0, 25px, 0);
   transform: translate3d(0, 25px, 0);
   }
   75% {
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
   }
   90% {
   -webkit-transform: translate3d(0, 5px, 0);
   transform: translate3d(0, 5px, 0);
   }
   to {
   -webkit-transform: none;
   transform: none;
   }
   }
   /* fadeInDown Animation */
   .wphtsp-timeline-content.fadeInDown {
   visibility: visible;
   -webkit-animation: fadeInDown 0.9s;
   -moz-animation: fadeInDown 0.9s;
   animation: fadeInDown 0.9s;
   }
   .wphtsp-timeline-img.fadeInDown {
   visibility: visible;
   -webkit-animation: fadeInDown 0.9s;
   -moz-animation: fadeInDown 0.9s;
   animation: fadeInDown 0.9s;
   }
   @-webkit-keyframes fadeInDown {
   from {
   opacity: 0;
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
   }
   to {
   opacity: 1;
   -webkit-transform: none;
   transform: none;
   }
   }
   @keyframes fadeInDown {
   from {
   opacity: 0;
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
   }
   to {
   opacity: 1;
   -webkit-transform: none;
   transform: none;
   }
   }
   /* fadeInUp Animation */
   .wphtsp-timeline-content.fadeInUp {
   visibility: visible;
   -webkit-animation: fadeInUp 0.9s;
   -moz-animation: fadeInUp 0.9s;
   animation: fadeInUp 0.9s;
   }
   .wphtsp-timeline-img.fadeInUp {
   visibility: visible;
   -webkit-animation: fadeInUp 0.9s;
   -moz-animation: fadeInUp 0.9s;
   animation: fadeInUp 0.9s;
   }
   @-webkit-keyframes fadeInUp {
   from {
   opacity: 0;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   }
   to {
   opacity: 1;
   -webkit-transform: none;
   transform: none;
   }
   }
   @keyframes fadeInUp {
   from {
   opacity: 0;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   }
   to {
   opacity: 1;
   -webkit-transform: none;
   transform: none;
   }
   }
   /* flipInX Animation */
   .wphtsp-timeline-content.flipInX {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation: flipInX 1s;
   -moz-animation: flipInX 1s;
   animation: flipInX 1s;
   }
   .wphtsp-timeline-img.flipInX {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   ;
   -webkit-animation: flipInX 1s;
   -moz-animation: flipInX 1s;
   animation: flipInX 1s;
   }
   @-webkit-keyframes flipInX {
   from {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
   transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   opacity: 0;
   }
   40% {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
   transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   }
   60% {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
   transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
   opacity: 1;
   }
   80% {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
   -webkit-transform: perspective(400px);
   transform: perspective(400px);
   }
   }
   @keyframes flipInX {
   from {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
   transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   opacity: 0;
   }
   40% {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
   transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   }
   60% {

   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
   transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
   opacity: 1;
   }
   80% {
   -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
   -webkit-transform: perspective(400px);
   transform: perspective(400px);
   }
   }
   /* flipInY Animation */
   .wphtsp-timeline-content.flipInY {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation: flipInY 1s;
   -moz-animation: flipInY 1s;
   animation: flipInY 1s;
   }
   .wphtsp-timeline-img.flipInY {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   ;
   -webkit-animation: flipInY 1s;
   -moz-animation: flipInY 1s;
   animation: flipInY 1s;
   }
   @-webkit-keyframes flipInY {
   from {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
   transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   opacity: 0;
   }
   40% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
   transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   }
   60% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
   transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
   opacity: 1;
   }
   80% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
   -webkit-transform: perspective(400px);
   transform: perspective(400px);
   }
   }
   @keyframes flipInY {
   from {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
   transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   opacity: 0;
   }
   40% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
   transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   }
   60% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
   transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
   opacity: 1;
   }
   80% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
   -webkit-transform: perspective(400px);
   transform: perspective(400px);
   }
   }
   /* zoomIn Animation */
   .wphtsp-timeline-content.zoomIn {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation: zoomIn 1s;
   -moz-animation: zoomIn 1s;
   animation: zoomIn 1s;
   }
   .wphtsp-timeline-img.zoomIn {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   ;
   -webkit-animation: zoomIn 1s;
   -moz-animation: zoomIn 1s;
   animation: zoomIn 1s;
   }
   @-webkit-keyframes zoomIn {
   from {
   opacity: 0;
   -webkit-transform: scale3d(.3, .3, .3);
   transform: scale3d(.3, .3, .3);
   }
   50% {
   opacity: 1;
   }
   }
   @keyframes zoomIn {
   from {
   opacity: 0;
   -webkit-transform: scale3d(.3, .3, .3);
   transform: scale3d(.3, .3, .3);
   }
   50% {
   opacity: 1;
   }
   }
   button,
   .button {
   cursor: pointer
   }
   .hist p {
   font-size:25px;
   color:#333;
   line-height:30px;
   }
   @media (min-width: 300px) and (max-width: 768px){
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content{
   padding: 15px;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-content-wrapper{
   padding: 15px;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav{
   margin-top: -45px;
   }
   .wphtsp-slider-design-2 .wphtsp-slider-nav {
   max-width: 95%;
   margin-top:0px;
   }
   
   
   .hist p {
    font-size:20px;}
   
   
   /*.wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .left img{width:230px;}*/
   
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .right {
    margin:-41px 10px 0 0;}
   
   .wphtsp-slider-design-2 .wphtsp-slider-for .wphtsp-slider-nav-content .right img{width:160px;}
   
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-content {
    height:150px;}
   
   .wphtsp-slider-design-2 .wphtsp-slick-slider .slick-arrow {
    top:90px;}
   
   .wphtsp-slider-design-2 .wphtsp-slider-nav-wrapper.wphtsp-img-right .wphtsp-timeline-img {
    height:210px;}
	
   }