/* Content Views timeline layout (pt-content-views-pro) */
.pt-cv-wrapper {
  position: relative;
  clear: both;
}

.pt-cv-timeline {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.pt-cv-timeline a,
.pt-cv-timeline a:visited {
  text-decoration: none;
}

.pt-cv-timeline .pt-cv-content-item {
  background: #fff;
  padding: 15px;
  border-radius: 3px;
}

.pt-cv-timeline.pt-cv-sifb .pt-cv-title {
  margin: 0;
  padding: 0;
}

.pt-cv-timeline .tl-spine {
  background: #c3ccdf;
  height: 100%;
  left: 50%;
  position: absolute;
  width: 1px;
}

.tl-items {
  margin: 0 auto;
  padding: 0;
}

.tl-items div.tl-item {
  display: inline-block;
  margin: 2px 0 40px !important;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 50%;
}

.tl-items div.pt-left {
  clear: left;
  float: left;
}

.tl-items div.pt-right {
  clear: right;
  float: right;
}

.pt-cv-timeline div.pt-left:after,
.pt-cv-timeline div.pt-right:after {
  background: #c3ccdf;
  border: 5px solid #fff;
  border-radius: 50%;
  content: "";
  height: 15px;
  position: absolute;
  transition: all 1s ease 0s;
  width: 15px;
}

.pt-cv-timeline div.pt-left:after {
  right: -8px;
  top: 20px;
}

.pt-cv-timeline div.pt-right:after {
  left: -7px;
  top: 62px;
}

.pt-cv-timeline div.pt-left:hover:after,
.pt-cv-timeline div.pt-right:hover:after {
  background: #94b7ff;
  border: 4px solid #f0f0f0;
}

.tl-items .tl-item-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.15);
  margin: auto;
  min-height: 100px;
  position: relative;
  width: 90%;
}

.tl-item-content:after,
.tl-item-content:before {
  border-bottom: 8px solid transparent;
  border-top: 8px dashed transparent;
  content: "";
  position: absolute;
  top: 20px;
}

.pt-left .tl-item-content:before {
  border-left: 8px solid #e5e5e5;
  right: -8px;
}

.pt-left .tl-item-content:after {
  border-left: 8px solid #fff;
  right: -7px;
}

.pt-right .tl-item-content:before {
  border-right: 8px solid #e5e5e5;
  left: -8px;
  top: 60px;
}

.pt-right .tl-item-content:after {
  border-right: 8px solid #fff;
  left: -7px;
  top: 60px;
}

.pt-cv-tl-avatar {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.pt-cv-tl-heading {
  display: block;
}

.pt-cv-view .pt-cv-title a {
  font-weight: 400;
}

.pt-cv-href-thumbnail {
  display: block;
  max-width: 100%;
}

.pt-cv-thumbnail {
  display: block;
  height: auto;
  max-width: 100%;
}

.pt-cv-content {
  margin-top: 10px;
}

.pt-cv-social-buttons {
  height: 32px;
  margin: 10px auto 0;
  text-align: center;
}

.pt-cv-social-buttons a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAgCAMAAACioYPHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABOUExURTtZmPL4+OWfnvHb3NtDN////9o3KQB3tVWs7r0IHNLf7uGBftpZVbzd88IbLoC62Y3H7+7Dxtttcu3v7+m4ty+Qw2u38WyDsq251Fhxp+TA8skAAAJSSURBVFjD7dfpkqMgEADg0BxRDgVEk7z/i24DZtYDdJOt2tofdtUYxyTWZ9MN5HY7ieYk2EncT6I9idsFvIAX8AK+Qwjxl8DOg3PguyPg6yml/AYomPZe740LS3MCVISnIKoOfKXPnADttAMKBnQgAw26DrTcHgE7yn+CdjXgk1eB9v1KODHW2CVQaEoGkkKLeby3wFFyPtaBs885shZugHiTZ6UGiUmJs/kZ5QoYfUMAoARml1d6m8HRHGVQRZaPZzpSVR34qABnlJnrZFoCA44u1p/Q6l2RjoDYAscx/o1j3487YJfSFm2BpWR2JeDjgcD+8ShnMOVtkhloFzUo9BB9qY9TK+MhEJVH+TcFv3Xv8R7x6/0W6PGi1vnZu6j1JeC7RotAyZexAgJJ+dIqhRYKFCVBgS4Bc4wbIGACW8o9vnJoXTzUgbIyxMuYNkAlmFC5UQDHl6RTvFgA9iNZpHB2JBIaW3zPRa4rAaXEt6V8FoFm6SNNEZhgIMAFSmhwvgTETjFFoGspTbUY8n+fNsm0HGPTVIY4nx7VYF8Ehlh7wFMt+jb2ysfAVRFOTaVJQh7YUhcfAiMMlGt1hPpakxwDJ1JI4HqaYYAn6QoE9RGwS/cFXI4DY6Q2zRwDm8nsfduJeiAZtl9JjoGxL+JEQ5ROSzJ8PFFP1sqCb7fUgaitxcaYe2MMbhlsOhaWuk7tFuM/B77T97PIFTcLXny73WIobOcNA2XVzYKUr2oN4oOb1U5mv91i4vv9IDaxzz7o/ucNq1Pd9ZvkAl7AC/gPgb8AXg93ENAgd8QAAAAASUVORK5CYII=) no-repeat;
  display: inline-block !important;
  height: 32px;
  margin-right: 8px;
  margin-top: 5px;
  position: relative;
  width: 32px;
}

.pt-cv-social-buttons a:hover {
  opacity: 0.8;
}

.pt-cv-social-buttons .pt-cv-social-twitter {
  background-position: -32px 0;
}

.pt-cv-social-buttons .pt-cv-social-linkedin {
  background-position: -96px 0;
}

.tl-pointer {
  display: none;
}

@media (max-width: 768px) {
  .tl-items div.tl-item {
    left: auto !important;
    width: 100% !important;
  }

  .pt-cv-timeline div.pt-left:after,
  .pt-cv-timeline div.pt-right:after {
    background: transparent !important;
  }
}