.p-tl-cont,
.p-tl-cont div,
.p-tl-cont a,
.p-tl-cont span,
.p-tl-cont i,
.p-tl-cont section,
.p-tl-cont em,
.p-tl-cont p,
.p-tl-cont h1,
.p-tl-cont h2,
.p-tl-cont h3,
.p-tl-cont h4,
.p-tl-cont h5,
.p-tl-cont h6,
.p-tl-cont main,
.p-tl-cont ul,
.p-tl-cont p,
.p-tl-cont div,
.p-tl-cont span,
.p-tl-cont label,
.p-tl-cont li,
.p-tl-cont input,
.p-tl-cont button {
  margin: 0;
  line-height: normal;
  padding: 0;
  margin: auto;
  border: none;
  box-shadow: none;
  text-decoration: none;
  text-indent: 0px;
}
.p-tl-cont,
.p-tl-cont html,
.p-tl-cont body,
.p-tl-cont div,
.p-tl-cont span,
.p-tl-cont applet,
.p-tl-cont object,
.p-tl-cont iframe,
.p-tl-cont h1,
.p-tl-cont h2,
.p-tl-cont h3,
.p-tl-cont h4,
.p-tl-cont h5,
.p-tl-cont h6,
.p-tl-cont p,
.p-tl-cont blockquote,
.p-tl-cont pre,
.p-tl-cont a,
.p-tl-cont abbr,
.p-tl-cont acronym,
.p-tl-cont address,
.p-tl-cont big,
.p-tl-cont cite,
.p-tl-cont code,
.p-tl-cont del,
.p-tl-cont dfn,
.p-tl-cont em,
.p-tl-cont img,
.p-tl-cont ins,
.p-tl-cont kbd,
.p-tl-cont q,
.p-tl-cont s,
.p-tl-cont samp,
.p-tl-cont small,
.p-tl-cont strike,
.p-tl-cont strong,
.p-tl-cont sub,
.p-tl-cont sup,
.p-tl-cont tt,
.p-tl-cont var,
.p-tl-cont b,
.p-tl-cont u,
.p-tl-cont i,
.p-tl-cont center,
.p-tl-cont dl,
.p-tl-cont dt,
.p-tl-cont dd,
.p-tl-cont ol,
.p-tl-cont ul,
.p-tl-cont li,
.p-tl-cont fieldset,
.p-tl-cont form,
.p-tl-cont label,
.p-tl-cont legend,
.p-tl-cont table,
.p-tl-cont caption,
.p-tl-cont tbody,
.p-tl-cont tfoot,
.p-tl-cont thead,
.p-tl-cont tr,
.p-tl-cont th,
.p-tl-cont td,
.p-tl-cont article,
.p-tl-cont aside,
.p-tl-cont canvas,
.p-tl-cont details,
.p-tl-cont embed,
.p-tl-cont figure,
.p-tl-cont figcaption,
.p-tl-cont footer,
.p-tl-cont header,
.p-tl-cont hgroup,
.p-tl-cont menu,
.p-tl-cont nav,
.p-tl-cont output,
.p-tl-cont ruby,
.p-tl-cont section,
.p-tl-cont summary,
.p-tl-cont time,
.p-tl-cont mark,
.p-tl-cont audio,
.p-tl-cont video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.p-tl-cont article,
.p-tl-cont aside,
.p-tl-cont details,
.p-tl-cont figcaption,
.p-tl-cont figure,
.p-tl-cont footer,
.p-tl-cont header,
.p-tl-cont hgroup,
.p-tl-cont menu,
.p-tl-cont nav,
.p-tl-cont section {
  display: block;
}
.p-tl-cont ol,
.p-tl-cont ul {
  list-style: none;
  list-style-type: none;
}
.p-tl-cont ol li,
.p-tl-cont ul li {
  list-style: none;
  list-style-type: none;
}
.p-tl-cont blockquote,
.p-tl-cont q {
  quotes: none;
}
.p-tl-cont blockquote:before,
.p-tl-cont blockquote:after,
.p-tl-cont q:before,
.p-tl-cont q:after {
  content: '';
  content: none;
}
.p-tl-cont table {
  border-collapse: collapse;
  border-spacing: 0;
}
.p-tl-cont.timeline_section {
  position: relative;
}
.p-tl-cont.timeline_section .ptl-yr-list {
  padding: 0;
}
.p-tl-cont.timeline_section button.ptl-btn-toggle {
  float: right;
  top: 70px;
  position: absolute;
  right: 30px;
  font-size: 3em;
  background: none;
  display: none;
}
.p-tl-cont.timeline_section.nav-fixed button.ptl-btn-toggle {
  position: fixed;
}
.p-tl-cont.timeline_section .yr_list {
  position: absolute;
  right: 0px;
  z-index: 9999;
  top: 100px;
  height: 300px;
  width: 100px;
}
.p-tl-cont.timeline_section .yr_list .ptl-btn {
  width: 100%;
  cursor: pointer;
  font-size: 18px;
}
.p-tl-cont.timeline_section .yr_list .ptl-btn.temp.ptl-disabled {
  opacity: 0.4;
  cursor: auto;
}
.p-tl-cont.timeline_section .yr_list .ptl-btn a {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.p-tl-cont.timeline_section .yr_list a {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.p-tl-cont.timeline_section .yr_list .yr_list-inner {
  position: relative;
  overflow: visible;
}
.p-tl-cont.timeline_section .yr_list.style-1 .yr_list-inner {
  padding: 0;
}
.p-tl-cont.timeline_section .yr_list.style-1 .ptl-btn {
  padding: 8px 10px;
}
.p-tl-cont.timeline_section .yr_list.style-1 .ptl-btn a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #333;
  border: 0px solid #000;
  box-shadow: 0 0 1px 1px #333, 0 0 1px 1px #333 inset;
  -webkit-box-shadow: 0 0 1px 1px #333, 0 0 1px 1px #333 inset;
}
.p-tl-cont.timeline_section .yr_list.style-1 .ptl-btn a:hover {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  background: #333;
  color: #fff;
}
.p-tl-cont.timeline_section .yr_list.style-1 ul.yr_list-inner li {
  padding: 8px 10px;
  overflow: hidden;
}
.p-tl-cont.timeline_section .yr_list.style-1 ul.yr_list-inner li a,
.p-tl-cont.timeline_section .yr_list.style-1 ul.yr_list-inner li a.active {
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #333;
  border: 0px solid #000;
  box-shadow: 0 0 1px 1px #333, 0 0 1px 1px #333 inset;
  -webkit-box-shadow: 0 0 1px 1px #333, 0 0 1px 1px #333 inset;
}
.p-tl-cont.timeline_section .yr_list.style-1 ul.yr_list-inner li a:hover,
.p-tl-cont.timeline_section .yr_list.style-1 ul.yr_list-inner li a.active:hover {
  background: #333;
  color: #fff;
}
.p-tl-cont.timeline_section .yr_list.style-2 {
  right: 0;
  width: 116px;
  height: auto;
  display: inline-block;
}
.p-tl-cont.timeline_section .yr_list.style-2 .ptl-btn {
  float: right;
}
.p-tl-cont.timeline_section .yr_list.style-2 .ptl-btn a {
  width: 115px;
  height: 50px;
  background: #e3e3e3;
  color: #333;
  text-align: center;
  float: right;
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 50px;
  transition: 0.5s, padding 0s, font-size 0s;
  -webkit-transition: 0.5s, padding 0s, font-size 0s;
}
.p-tl-cont.timeline_section .yr_list.style-2 .ptl-btn a:hover {
  width: 180px;
  font-size: 25px;
  color: #fff;
  background: #333;
}
.p-tl-cont.timeline_section .yr_list.style-2 .yr_list-view {
  display: inline-block;
  float: right;
}
.p-tl-cont.timeline_section .yr_list.style-2 ul.yr_list-inner {
  display: inline-block;
  width: 100%;
}
.p-tl-cont.timeline_section .yr_list.style-2 ul.yr_list-inner li {
  display: inline-block;
  width: 100%;
}
.p-tl-cont.timeline_section .yr_list.style-2 ul.yr_list-inner li a,
.p-tl-cont.timeline_section .yr_list.style-2 ul.yr_list-inner li a.active {
  width: 115px;
  height: 50px;
  background: #e3e3e3;
  color: #333;
  text-align: center;
  float: right;
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 50px;
  transition: 0.5s, padding 0s, font-size 0s;
  -webkit-transition: 0.5s, padding 0s, font-size 0s;
}
.p-tl-cont.timeline_section .yr_list.style-2 ul.yr_list-inner li a:hover,
.p-tl-cont.timeline_section .yr_list.style-2 ul.yr_list-inner li a.active:hover {
  width: 180px;
  font-size: 25px;
  color: #fff;
  background: #333;
}
.p-tl-cont.timeline_section .yr_list.style-3 {
  width: 106px;
  height: auto;
  right: 0;
}
.p-tl-cont.timeline_section .yr_list.style-3 ul.yr_list-inner a,
.p-tl-cont.timeline_section .yr_list.style-3 .ptl-btn a {
  width: 105px;
  height: 40px;
  background: #e3e3e3;
  color: #000;
  border-right: 3px solid ;
  text-align: center;
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 40px;
}
.p-tl-cont.timeline_section .yr_list.style-3 ul.yr_list-inner a:hover,
.p-tl-cont.timeline_section .yr_list.style-3 .ptl-btn a:hover,
.p-tl-cont.timeline_section .yr_list.style-3 ul.yr_list-inner a.active,
.p-tl-cont.timeline_section .yr_list.style-3 .ptl-btn a.active {
  background: #969696;
}
.p-tl-cont.timeline_section .yr_list.style-4 {
  width: 115px;
}
.p-tl-cont.timeline_section .yr_list.style-4 .ptl-btn a:before {
  display: none !important;
}
.p-tl-cont.timeline_section .yr_list.style-4 ul.yr_list-inner a,
.p-tl-cont.timeline_section .yr_list.style-4 .ptl-btn a,
.p-tl-cont.timeline_section .yr_list.style-4 ul.yr_list-inner a.active,
.p-tl-cont.timeline_section .yr_list.style-4 .ptl-btn a.active {
  margin: 0px 0px;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 5px;
}
.p-tl-cont.timeline_section .yr_list.style-4 ul.yr_list-inner a:before,
.p-tl-cont.timeline_section .yr_list.style-4 .ptl-btn a:before,
.p-tl-cont.timeline_section .yr_list.style-4 ul.yr_list-inner a.active:before,
.p-tl-cont.timeline_section .yr_list.style-4 .ptl-btn a.active:before {
  display: inline-block;
  content: "";
  height: 22px;
  float: left;
  width: 10px;
  background: #333;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-left: 0;
  margin-right: 10px;
}
.p-tl-cont.timeline_section .yr_list.style-5 .ptl-yr-list {
  padding-bottom: 20px;
  padding-top: 20px;
}
.p-tl-cont.timeline_section .yr_list.style-5 .ptl-btn {
  margin: -20px 0;
}
.p-tl-cont.timeline_section .yr_list.style-5 .ptl-btn a {
  font-size: 13px;
  width: 45px;
  height: 45px;
  margin: auto;
  font-weight: 800;
  text-align: center;
  line-height: 40px;
  color: #333;
  position: relative;
}
.p-tl-cont.timeline_section .yr_list.style-5 .ptl-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.p-tl-cont.timeline_section .yr_list.style-5 .ptl-btn a:hover:after {
  transform: rotate(405deg) scale(1.3);
  -webkit-transform: rotate(405deg) scale(1.3);
}
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li {
  padding: 3px 13px;
}
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a,
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a.active {
  font-size: 13px;
  width: 45px;
  height: 45px;
  margin: auto;
  font-weight: 800;
  text-align: center;
  line-height: 40px;
  color: #333;
  position: relative;
}
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a > span,
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a.active > span {
  position: absolute;
  top: 50%;
  overflow: hidden;
  display: block;
  left: 50%;
  word-wrap: initial;
  max-width: 100%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a:after,
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a.active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a:hover,
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a.active:hover {
  font-size: 13px;
}
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a:hover:after,
.p-tl-cont.timeline_section .yr_list.style-5 ul.yr_list-inner li a.active:hover:after {
  transform: rotate(405deg) scale(1.3);
  -webkit-transform: rotate(405deg) scale(1.3);
}
@media (max-width: 768px) {
  .p-tl-cont.timeline_section {
    overflow: hidden;
  }
  .p-tl-cont.timeline_section button.ptl-btn-toggle {
    display: block;
    z-index: 99999;
  }
  .p-tl-cont.timeline_section button.ptl-btn-toggle.ptl-open {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .p-tl-cont.timeline_section .yr_list {
    right: -180px;
  }
  .p-tl-cont.timeline_section .yr_list.plt-nav-open {
    right: 0;
  }
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-pagination {
  text-align: center;
  padding: 10px 0;
  margin-top: 100px;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-pagination .page-numbers {
  width: 27px;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  text-align: center;
  color: #484B54;
  font-weight: 600;
  display: inline-block;
  border-radius: 27px;
  margin-right: 30px;
  background: #fff;
  box-shadow: 0 0 1px 0 #000 , 0 0 1px 0 #000 inset;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-pagination .page-numbers.dots {
  display: none;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-pagination .page-numbers.next {
  width: auto;
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 0;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-more-btn {
  text-align: center;
  font-size: 18px;
  background: #fff;
  color: #333;
  border: 2px solid #ccc;
  border-radius: 5px;
  font-weight: 600;
  min-width: 140px;
  height: 50px;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-more-btn .ptl-load-more {
  padding: 10px 20px;
  display: block;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-more-btn.ptl-loading .ptl-load-more {
  display: none;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-more-btn.ptl-loading img {
  display: block;
  height: 41px;
  width: auto;
}
.p-tl-cont#p-tl-cont.timeline_section .ptl-more-btn img {
  display: none;
  height: 41px;
  padding: 6px;
  margin: auto;
  width: auto;
}
.p-tl-cont.ptl-tmpl-7.timeline_section {
  padding: 1px 15px;
  font-family: "LatoWeb";
}
.p-tl-cont.ptl-tmpl-7.timeline_section .main-timeline.post-timeline {
  margin-top: 50px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .p-0 {
  padding: 0;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .container {
  max-width: 960px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section span.user_img {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  display: block;
  margin: auto;
  overflow: hidden;
  border: 10px solid #959595;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .user_info {
  margin-bottom: 90px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .user_info h1 {
  font-size: 50px;
  font-weight: 700;
  color: #169cb4;
  margin-top: 40px;
  margin-bottom: 22px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .user_info p {
  font-size: 18px;
  color: #959595;
  margin-bottom: 33px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .user_info p.tags {
  font-size: 50px;
  font-weight: 700;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_yr > span {
  display: inline-block;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box img.img-responsive {
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_yr > span {
  float: left;
  padding: 16px 0px;
  width: 180px;
  line-height: 1.4;
  font-size: 24px;
  height: 70px;
  text-align: center;
  font-weight: 700;
  border: 5px solid #000;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec {
  padding-bottom: 0px;
  margin-bottom: 40px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec span.line:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 5px;
  background: #000;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec span.line:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  content: "";
  height: 5px;
  background: #000;
}
.p-tl-cont.ptl-tmpl-7.timeline_section span.line {
  position: absolute;
  left: -40px;
  width: 5px;
  top: 32px;
  height: 100%;
  background: #000;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box {
  background: #f8f8f8;
  margin-bottom: 120px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.32);
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box p {
  line-height: 1.3;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 {
  min-height: 550px;
  overflow: hidden;
  position: relative;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 span.t-img {
  padding: 0;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 span.t-img img {
  height: 100%;
  width: auto;
  max-width: none;
  float: right;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 h3 {
  font-size: 40px;
  font-weight: 800;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 .ptl-cont-desc {
  font-size: 18px;
  font-style: italic;
  margin: 0;
  padding-bottom: 25px;
  min-height: 185px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 span.t_time {
  font-size: 18px;
  border: 2px solid #000;
  padding: 0 8px;
  font-weight: 800;
  text-transform: lowercase;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 {
  position: relative;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 p,
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 h3 {
  display: none;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 span.t-img {
  display: block;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 span.t-img img {
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 .t-last {
  position: absolute;
  bottom: 0;
  font-size: 18px;
  padding: 33px 45px;
  text-align: right;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-2 .t-last span {
  padding: 0 10px;
  background: #fff;
  font-weight: 800;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 {
  padding-bottom: 25px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 h3 {
  font-size: 40px;
  margin: 0;
  font-weight: 700;
  padding-left: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 > p {
  font-size: 18px;
  margin: 0;
  font-style: italic;
  padding: 8% 8% 20px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 .t-last {
  display: inline-block;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 .t-last span.t_time {
  font-size: 18px;
  font-weight: 700;
  margin-right: 8.333%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 .t-img {
  display: block;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 .t-img img {
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 {
  padding-bottom: 25px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 h3 {
  font-size: 40px;
  margin: 0;
  font-weight: 700;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 > p {
  font-size: 18px;
  margin: 0;
  font-style: italic;
  padding: 0 8% 20px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 .t-last {
  display: inline-block;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 .t-last span.t_time {
  font-size: 18px;
  font-weight: 700;
  margin-right: 8.333%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 .t-img {
  display: block;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 .t-img img {
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details {
  margin-bottom: 70px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details .details-sec h1 {
  font-size: 34px !important;
  font-weight: 700 !important;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details .details-sec h3 {
  font-size: 28px;
  font-weight: 600 !important;
  margin-top: 0;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details .details-sec p {
  font-size: 14px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details .details-sec p.time-p {
  display: inline-block;
  margin: auto;
  width: auto;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background: #000;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 2px 20px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details .u-img {
  max-height: 300px;
  overflow: hidden;
  border: 10px solid #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_details .u-img img {
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section ul.list-unstyled.yr_list {
  position: fixed;
  left: 0;
  top: 20%;
  font-size: 20px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section ul.list-unstyled.yr_list li {
  transition: 0.5s, padding 0s, font-size 0s;
  width: 135px;
  color: #169cb4;
  padding: 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 5px;
  background: #e3e3e3;
}
.p-tl-cont.ptl-tmpl-7.timeline_section ul.list-unstyled.yr_list li:hover {
  width: 180px;
  font-size: 25px;
  color: #fff;
  padding: 5px;
  background: #169cb4;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec .timeline_yr {
  display: inline-block;
  position: relative;
  margin-bottom: 100px;
  width: 100%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec .timeline_yr span {
  background: #fff;
  padding: 0;
  line-height: 60px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec .row .timeline_box {
  margin-bottom: 2rem !important;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .ptl-p-icon {
  width: 100%;
  position: absolute;
  left: -15%;
  top: 40px;
  z-index: 999;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .ptl-p-icon i {
  font-size: 5em;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 {
  min-height: 300px;
  padding-bottom: 20px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 h3 {
  font-size: 30px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 .ptl-desc {
  font-size: 16px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 h3 {
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-3 p {
  font-size: 16px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 h3 {
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-4 p {
  font-size: 16px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-md .timeline_yr > span {
  height: 60px;
  line-height: 50px;
  width: 140px;
  position: relative;
  top: 4px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-md .container.main-timeline.post-timeline {
  max-width: 700px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-md .container.main-timeline.post-timeline .timeline_box.t-temlate-1 {
  min-height: 240px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-md .container.main-timeline.post-timeline .timeline_box.t-temlate-1 .ptl-desc {
  font-size: 14px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-md .container.main-timeline.post-timeline .timeline_box.t-temlate-1 h3 {
  font-size: 21px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-md .container.main-timeline.post-timeline .ptl-p-icon {
  left: -20%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline {
  max-width: 600px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline .timeline_box.t-temlate-1 {
  min-height: 200px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline .timeline_box.t-temlate-1 .ptl-desc {
  font-size: 14px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline .timeline_box.t-temlate-1 h3 {
  font-size: 19px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline .timeline_box.t-temlate-1 span.t_time {
  font-size: 14px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline .ptl-p-icon {
  left: -25%;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline .timeline_yr > span {
  height: 60px;
  line-height: 50px;
  width: 140px;
  position: relative;
  top: 4px;
}
.p-tl-cont.ptl-tmpl-7.timeline_section.size-sm .container.main-timeline.post-timeline span.line {
  top: 32px;
}
@media (max-width: 786px) {
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec span.line {
    width: 3px;
    top: 23px;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec span.line:after {
    height: 3px;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_sec .timeline_yr span {
    height: 50px;
    line-height: 44px;
    border-width: 3px;
    width: 100px;
    font-size: 20px;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 {
    min-height: 200px;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 h3 {
    font-size: 20px;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 .ptl-desc {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 span.t-img {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 span.t-img img {
    margin: auto;
    float: none;
    width: 100%;
    height: 250px;
  }
  .p-tl-cont.ptl-tmpl-7.timeline_section .timeline_box.t-temlate-1 span.t-img + div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 480px) {
  .user_info h1 {
    font-size: 35px;
  }
  .user_info p {
    font-size: 16px;
  }
  .user_info p.tags {
    font-size: 35px;
  }
}