/* Story Time line */
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }
  .timeline:before {
    background-color: #eeeeee;
    bottom: 0;
    content: " ";
    left: 50%;
    position: absolute;
    margin-left: -1.5px;
    top: 0;
    width: 3px; }
  .timeline li {
    margin-bottom: 20px;
    position: relative; }
    .timeline li:before, .timeline li:after {
      content: " ";
      display: table; }
    .timeline li:after {
      clear: both; }
    .timeline li .timeline-panel {
      -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      border: 1px solid #D3D3D3;
      float: left;
      position: relative;
      width: 50%; }
      .timeline li .timeline-panel.right {
        border-radius: 0 50px 50px 50px; }
        .timeline li .timeline-panel.right .timeline-heading {
          padding: 0 15px 10px; }
      .timeline li .timeline-panel.left {
        border-radius: 50px 0 50px 50px; }
        .timeline li .timeline-panel.left .timeline-heading {
          padding: 0 25px 10px; }
      .timeline li .timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #cccccc;
        border-right: 0 solid #cccccc;
        border-bottom: 15px solid transparent;
        content: " "; }
      .timeline li .timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #ffffff;
        border-right: 0 solid #ffffff;
        border-bottom: 14px solid transparent;
        content: " "; }
    .timeline li:not(.timeline-inverted) {
      padding-right: 90px; }
    .timeline li.timeline-inverted {
      padding-left: 90px; }
    .timeline li .timeline-badge {
      background-color: #999999;
      border-radius: 50%;
      color: #ffffff;
      font-size: 1.4em;
      height: 50px;
      line-height: 50px;
      left: 50%;
      margin-left: -25px;
      position: absolute;
      text-align: center;
      top: 16px;
      width: 50px;
      z-index: 1; }
      .timeline li .timeline-badge.primary {
        background-color: #337ab7; }
      .timeline li .timeline-badge.success {
        background-color: #5cb85c; }
      .timeline li .timeline-badge.warning {
        background-color: #f0ad4e; }
      .timeline li .timeline-badge.danger {
        background-color: #d9534f; }
      .timeline li .timeline-badge.info {
        background-color: #5bc0de; }
    .timeline li.timeline-inverted .timeline-panel {
      float: right; }
      .timeline li.timeline-inverted .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto; }
      .timeline li.timeline-inverted .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto; }

.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
  margin-top: -60px; }

.timeline-panel.left .timeline-body img {
  border-radius: 0 0 50px 0; }

.timeline-panel.right .timeline-body img {
  border-radius: 0 0 0 50px; }

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0; }

.timeline-body > p + p {
  margin-top: 5px; }

.our-story .timeline-title {
  font-family: "Engagement", cursive;
  font-weight: 400;
  letter-spacing: 1px; }

.ulockd-pdng0 {
  padding: 0 !important; }

.ulockd-pdng5 {
  padding: 5px; }

.ulockd-pdng10 {
  padding: 10px; }

.ulockd-pdng15 {
  padding: 15px; }

.ulockd-pdng20 {
  padding: 20px; }

.ulockd-pdng25 {
  padding: 25px; }

.ulockd-pdng30 {
  padding: 30px; }

.ulockd-pdng35 {
  padding: 35px; }

.ulockd-pdng40 {
  padding: 10px; }

.ulockd-pdng45 {
  padding: 45px; }

.ulockd-pdng50 {
  padding: 50px; }

.ulockd-pdng55 {
  padding: 55px; }


.bg-waktu ul {
            color: #F78C96;
            text-align: center;
        }

        .bg-waktu ul li {
            background: rgba(248,247,247,0.80);
            display: inline-block;
            font-size: 1em;
            list-style-type: none;
            padding: 1em;
            margin: 3px;
            text-transform: uppercase;
        }

        .bg-waktu ul li span {
            display: block;
            font-size: 2rem;
        }

        @media (max-width:576px) {
            .bg-waktu ul li {
                font-size: .8em;
                padding: .5em;
            }

            .greatvibes {
                font-size: 50px;
            }
        }

.show-guest-book .container {
    max-width: 100%;
    max-height: 350px;
    padding-top: 5px;
    padding-bottom: 1px;
    overflow-y: scroll;
    *border: dotted 1px #eb7b8a;
    border-radius: 10px;
    position: relative;
    background-color: rgb(255 255 255 / 60%);
}
.show-guest-book .media-comment {
    *border-bottom: solid 1px #ccc;
  padding-top:5px;
}
.show-guest-book h4 {
  font-size:16px;
  color:#F78C96;
    
}

.show-guest-book .media-comment p{
    color:#7E0303;
}
.show-guest-book .media-comment .text-muted{
    color:#fff;
}

/* Family members Start */
#owl-demo .item{
    background: #42bdc2;
    padding: 30px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
.wd_family_section{
  float: left;
  width: 100%;
  text-align: center;
}
.wd_family_section h2{
    color: #F78C96;
  font-family: 'Great Vibes';
  font-weight: 600;
  margin-bottom: 30px;
}
.wd_family_member p{
    color: #F78C96;
  *font-family: 'Great Vibes';
  font-weight: 600;
  margin-bottom: 30px;
}
.wd_family_member{
  margin: 10px;
  text-align: center;
}
.wd_family_member img{
  border-radius: 100%;
}
.wd_family_member h3{
  color: #F78C96;
}
.wd_family_member h4{
    font-family: 'Great Vibes';
    font-style: italic;
    text-transform: capitalize;
    margin: 0px;
} 
/* Family members End */