.HRinPanel
{
background-color:#12a8ed; height:2px; width:350px;margin-top:10px;margin-bottom:10px;

}
hr {
  border-color: #eaedf2;
  border-top-width: 0px;
  margin-top: 50px;
  margin-bottom: 50px; }
  hr.hr-dashed {
    border-style: dashed; }
  hr.hr-invisible {
    visibility: hidden; }
  hr.hr-half {
    margin-top: 25px;
    margin-bottom: 25px; }
	-----------------------------------*\
    $TIMELINE
\*------------------------------------*/
ol.timeline {
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0; }
  @media (min-width: 768px) {
    ol.timeline {
      margin-top: 56px; }
      ol.timeline:before {
        content: '';
        display: block;
        position: absolute;
        height: 85%;
        width: 4px;
        left: 50%;
        margin-left: 17px;
        background-color: #eaedf2;
        z-index: 997; } }
  ol.timeline li {
    position: relative;
    text-align: center;
    margin-bottom: 56px; }
    @media (min-width: 768px) {
      ol.timeline li {
        margin-bottom: 93px; } }
    @media (min-width: 768px) {
      ol.timeline li {
        width: 50%; } }
    ol.timeline li .image {
      margin-bottom: 20px;
      border: 10px solid #eaedf2;
      outline: 10px solid white;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 140px;
      height: 140px;
      margin-left: auto;
      margin-right: auto;
      -webkit-transition: border-color 300ms linear;
      -moz-transition: border-color 300ms linear;
      -o-transition: border-color 300ms linear;
      transition: border-color 300ms linear; }
      @media (min-width: 768px) {
        ol.timeline li .image {
          position: absolute;
          top: -56px;
          z-index: 999;
          margin-bottom: 0; } }
      ol.timeline li .image img {
        position: relative;
		
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      @media (min-width: 768px) {
        ol.timeline li .image:before {
          content: '';
          position: absolute;
          z-index: 999;
          display: block;
          top: 50%;
          margin-top: -6px;
          -webkit-transition: border-color 300ms linear;
          -moz-transition: border-color 300ms linear;
          -o-transition: border-color 300ms linear;
          transition: border-color 300ms linear; } }
    ol.timeline li .time {
      color: #b04085;
      
      font-weight: 700;
      font-size: 22px;
      margin-bottom: 15px;
      -webkit-transition: color 300ms;
      -moz-transition: color 300ms;
      -o-transition: color 300ms;
      transition: color 300ms; }
    ol.timeline li .title {
      color: #434955;
      font-size: 18px;
      font-weight: 500; }
    ol.timeline li p {
      color: #333;
      line-height: 22px;
      margin-bottom: 0; }
    ol.timeline li:hover .image {
      border-color: #01a9e0; }
    ol.timeline li:hover .time {
      color: #01a9e0; }
    @media (min-width: 768px) {
      ol.timeline li:nth-child(odd) {
        left: 50%;
        text-align: left;
        padding-left: 112px; } }
    ol.timeline li:nth-child(odd) .image {
      left: -70px; }
      ol.timeline li:nth-child(odd) .image:before {
        right: -15px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #eaedf2; }
    ol.timeline li:nth-child(odd):hover .image:before {
      border-left-color: #01a9e0; }
    @media (min-width: 768px) {
      ol.timeline li.nth-child-odd {
        left: 50%;
        text-align: left;
        padding-left: 112px; } }
    ol.timeline li.nth-child-odd .image {
      left: -70px; }
      ol.timeline li.nth-child-odd .image:before {
        right: -15px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #eaedf2; }
    ol.timeline li.nth-child-odd:hover .image:before {
      border-left-color: #01a9e0; }
    @media (min-width: 768px) {
      ol.timeline li:nth-child(even) {
        padding-right: 112px;
        text-align: right; } }
    ol.timeline li:nth-child(even) .image {
      right: -70px; }
      ol.timeline li:nth-child(even) .image:before {
        left: -15px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #eaedf2; }
    ol.timeline li:nth-child(even):hover .image:before {
      border-right-color: #01a9e0; }
    @media (min-width: 768px) {
      ol.timeline li.nth-child-even {
        padding-right: 112px;
        text-align: right; } }
    ol.timeline li.nth-child-even .image {
      right: -70px; }
      ol.timeline li.nth-child-even .image:before {
        left: -15px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #eaedf2; }
    ol.timeline li.nth-child-even:hover .image:before {
      border-right-color: #01a9e0; }
    ol.timeline li:last-child {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        ol.timeline li:last-child:before {
          content: '';
          display: block;
          width: 10px;
          height: 100%;
          position: absolute;
          z-index: 998;
          background-color: white; }
        ol.timeline li:last-child:nth-child(odd):before {
          left: -5px; }
        ol.timeline li:last-child.nth-child-odd:before {
          left: -5px; }
        ol.timeline li:last-child:nth-child(even):before {
          right: -5px; }
        ol.timeline li:last-child.nth-child-even:before {
          right: -5px; } }
    ol.timeline li.last-child {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        ol.timeline li.last-child:before {
          content: '';
          display: block;
          width: 10px;
          height: 100%;
          position: absolute;
          z-index: 998;
          background-color: white; }
        ol.timeline li.last-child:nth-child(odd):before {
          left: -5px; }
        ol.timeline li.last-child.nth-child-odd:before {
          left: -5px; }
        ol.timeline li.last-child:nth-child(even):before {
          right: -5px; }
        ol.timeline li.last-child.nth-child-even:before {
          right: -5px; } }