.ns-timeline{
  background: #FBFAF6;
}
/*-------- Type- 01 ------*/

.frst-timeline-style-14{
  color: #999;
}
.frst-timeline-style-14 .frst-timeline-block::before{
  width: 2px;
  background: #514141;
  margin-left: -1px;
}

.frst-timeline-style-14.frst-right-align .frst-timeline-block::before{
  margin-right: -1px;
}
.frst-timeline-block{
  padding-bottom: 30px;
}
.frst-timeline-style-14 .frst-timeline-img{
  width: 36px;
  height: 36px;
  margin-left: -18px;
  text-align: center;
  font-size: 22px;
}
.frst-timeline-style-14.frst-right-align .frst-timeline-img{
  margin-right: -18px;
}

/* Start Color Combinations */

/* Blue Color */
.timeline-theme--blue.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--blue.frst-timeline-style-14 .frst-timeline-img span {
    background: #2B3991;
}
.timeline-theme--blue.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #2B3991;
}

/* Green Color */
.timeline-theme--green.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--green.frst-timeline-style-14 .frst-timeline-img span {
    background: #1ABC9C;
}
.timeline-theme--green.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #1ABC9C;
}

/* Purple Color */
.timeline-theme--purple.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--purple.frst-timeline-style-14 .frst-timeline-img span {
    background: #706fd3;
}
.timeline-theme--purple.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #706fd3;
}

/* Cyan Color */
.timeline-theme--cyan.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--cyan.frst-timeline-style-14 .frst-timeline-img span {
    background: #34ace0;
}
.timeline-theme--cyan.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #34ace0;
}

/* Black Color */
.timeline-theme--black.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--black.frst-timeline-style-14 .frst-timeline-img span {
    background: #000000;
}
.timeline-theme--black.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #000000;
}

/* Red Color */
.timeline-theme--red.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--red.frst-timeline-style-14 .frst-timeline-img span {
    background: #ff6348;
}
.timeline-theme--red.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #ff6348;
}

/* Orange Color */
.timeline-theme--orange.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--orange.frst-timeline-style-14 .frst-timeline-img span {
    background: #fa8231;
}
.timeline-theme--orange.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #fa8231;
}

/* Gradient Color */
.timeline-theme--gradient.frst-timeline-style-14 .frst-timeline-block::before,
.timeline-theme--gradient.frst-timeline-style-14 .frst-timeline-img span {
    background: #2C3E50;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4CA1AF, #2C3E50);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4CA1AF, #2C3E50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.timeline-theme--gradient.frst-timeline-style-14 .frst-day-time-table h2 {
    color: #4CA1AF;
}
/* End Color Combinations */

.frst-timeline-style-14 .frst-timeline-img span{
  display: inline-block;
  padding: 7px;
  background: #514141;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  position: relative;
  top:-5px
}

.frst-timeline-style-14 .frst-timeline-content{
  color: #777;
    background:#fff;
background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
background: -moz-linear-gradient(100% 50% 90deg, #fff, #fff 10%, #f3f3f3);
border: 1px solid #ccc;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
-webkit-border-bottom-right-radius: 60px 5px;
-moz-border-radius-bottomright: 60px 5px;
border-bottom-right-radius: 60px 5px;
}
.frst-timeline-style-14 .frst-timeline-content:before{
    content: "";
width: 98%;
z-index:-1;
height: 100%;
padding: 0 0 1px 0;
position: absolute;
bottom:0; right:0;
background: #fff;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);
border: 1px solid #ccc;
-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
-webkit-border-bottom-right-radius: 60px 5px;
-moz-border-radius-bottomright: 60px 5px;
border-bottom-right-radius: 60px 5px;
-webkit-transform: skew(2deg,2deg)
translate(3px,8px);
-moz-transform: skew(2deg,2deg)
translate(3px,8px);
-o-transform: skew(2deg,2deg)
translate(3px,8px);
transform: skew(2deg,2deg)
translate(3px,8px);
}
.frst-timeline-style-14 .frst-timeline-content:after{
    content: "";
width: 98%;
z-index:-1;
height: 98%;
padding: 0 0 1px 0;
position: absolute;
bottom:0; right:0;
background: #f3f3f3;
background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
background: -moz-linear-gradient(0% 0% 360deg, #f3f3f3, #fff, #f6f6f6);
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
-webkit-transform: skew(2deg,2deg)
translate(-1px,2px);
-moz-transform: skew(2deg,2deg)
translate(-1px,2px);
-o-transform: skew(2deg,2deg)
translate(-1px,2px);
transform: skew(2deg,2deg)
translate(-1px,2px);
}

.frst-timeline-style-14 .frst-date{
  margin-bottom: 25px;
  color: #636363;
  line-height: 30px;
}

.frst-timeline-style-14 p{
  margin: 0;
}
.frst-timeline-style-14 .frst-labels span{
  position: relative;
  left: -36px;
  background: #e6e6e6;
  color: #000;
  padding: 8px 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.frst-timeline-style-14.frst-right-align .frst-labels span{
  left: auto;
  right: -36px
}


.frst-timeline-style-14 .frst-timeline-content-inner{
  background: #fff;
  padding: 20px;
}
.frst-timeline-style-14 .frst-day-time-table ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.frst-timeline-style-14 .frst-day-time-table li{
  margin-bottom: 15px;
}

.frst-timeline-style-14 .frst-day-time-table h2{
  font-size: 14px;
  margin: 0 0 10px;
  color: #514141;
  font-weight: bold;
}
.frst-timeline-style-14.frst-timeline .frst-timeline-content .media-section {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    margin-bottom: 20px;

}
.frst-timeline-style-14.frst-timeline .frst-timeline-content .media-section img{
    max-width: 100%;
}
.frst-timeline-style-14.frst-timeline .frst-timeline-content .media-section iframe{
    max-width: 100%;
}

/*---------- Responsive part ------------*/
@media only screen and (min-width: 679px) {
  .frst-timeline-style-14.frst-alternate .frst-timeline-content{
    width: calc(50% - 32px);
  }
  .frst-timeline-style-14.frst-date-opposite .frst-date{
    left: -225px;
    line-height: 20px;
    width: 160px;
  }
  .frst-timeline-style-14.frst-date-opposite.frst-right-align .frst-date,
  .frst-timeline-style-14.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date{
    right: -225px;
    left: auto;
    text-align: left;
  }

  .frst-timeline-style-14 .frst-day-time-table li{
    position: relative;
    padding-left: 100px;
  }
  .frst-timeline-style-14.frst-right-align .frst-day-time-table li,
  .frst-timeline-style-14.frst-alternate .frst-odd-item .frst-day-time-table li{
    padding-left: 0;
    padding-right: 100px;
  }
  .frst-timeline-style-14 .frst-day-time-table .frst-day-time{
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    margin-bottom: 10px;
    text-align: left;
  }
  .frst-timeline-style-14.frst-right-align .frst-day-time-table .frst-day-time,
  .frst-timeline-style-14.frst-alternate .frst-odd-item .frst-day-time-table .frst-day-time{
    left: auto;
    right: 0;
    text-align: right;
  }

}

@media only screen and (max-width: 678px) {

  .frst-timeline-style-14.frst-responsive-right .frst-timeline-block::before{
    margin-right: -1px;
  }
  .frst-timeline-style-14.frst-responsive-right .frst-timeline-img{
    margin-right: -18px;
  }
  .frst-timeline-style-14.frst-responsive-right .frst-labels span{
    left: auto;
    right: -36px
  }




}


