/*------------------------------------
  Time Lines
------------------------------------*/
[class*="u-timeline-v1-wrap"],
[class*="u-timeline-v2-wrap"],
[class*="u-timeline-v3-wrap"] {
  position: relative; }

[class*="u-timeline-v1-wrap"]::before,
[class*="u-timeline-v2-wrap"]::before,
[class*="u-timeline-v3-wrap"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block; }

/*------------------------------------
  Time Lines v1
------------------------------------*/
.u-timeline-v1 {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #eee; }

.u-timeline-v1-wrap::before {
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #f7f7f7;
  margin-left: 20px; }

.u-timeline-v1__icon {
  position: absolute;
  top: 30px;
  font-size: 20px;
  z-index: 3; }

.g-orientation-bottom .u-timeline-v1__icon,
.g-orientation-right .u-timeline-v1__icon,
.g-orientation-left .u-timeline-v1__icon {
  left: 0; }

@media (min-width: 768px) {
  .u-timeline-v1-wrap:not([class*="--horizontal"])::before {
    left: 50%;
    margin-left: -2px; }
  .u-timeline-v1-wrap--horizontal::before {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    margin-left: 0;
    margin-top: -2px; }
  .g-orientation-bottom .u-timeline-v1__icon {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
  .g-orientation-left .u-timeline-v1__icon {
    right: 100%;
    left: auto; }
  .g-orientation-right .u-timeline-v1__icon {
    right: auto;
    left: 100%; } }

/*------------------------------------
  Time Lines v2
------------------------------------*/
@media (min-width: 768px) {
  .u-timeline-v2-wrap::before {
    left: 33%;
    width: 3px;
    height: 100%;
    margin-left: -1px;
    background-color: #f7f7f7; }
  .u-timeline-v2__icon {
    font-size: 16px;
    position: absolute; }
  .g-orientation-right .u-timeline-v2__icon {
    left: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .g-orientation-left .u-timeline-v2__icon {
    right: 100%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%); }
  .g-orientation-bottom .u-timeline-v2__icon {
    top: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }

/*------------------------------------
  Time Lines v3
------------------------------------*/
.u-timeline-v3-wrap::before {
  left: 21%;
  width: 1px;
  height: 100%;
  display: none;
  background-color: #eee; }

.u-timeline-v3 {
  position: relative; }

.u-timeline-v3__icon {
  left: 21%; }

@media (min-width: 768px) {
  .u-timeline-v3-wrap::before {
    display: block; } }

@media (min-width: 992px) {
  .u-timeline-v3-wrap::before {
    left: 18%; }
  .u-timeline-v3__icon {
    left: 18%; } }
.g-bg-gray-light-v5 {
    background-color: #f7f7f7 !important;
}
.g-pa-30 {
    padding: 30px; !important;
}
.g-pos-rel {
    position: relative !important;
}
.g-mb-40 {
    margin-bottom: 10px !important;
}
.g-brd-gray-light-v4 {
    border-color: #000 !important;
}
.g-brd-bottom {
    border-bottom: solid 1px transparent !important;
}
.g-mb-25 {
    margin-bottom: 1.78571rem !important;
}
.g-pb-10 {
    padding-bottom: 0.71429rem !important;
}
.g-brd-gray-light-v5-right {
    border-right-color: #f7f7f7 !important;
}
.u-triangle-inclusive-v1--right__back {
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent;
}
[class*="u-triangle-inclusive-v1"]:not([class*="__front"]):not([class*="__back"]), [class*="u-triangle-inclusive-v2"]:not([class*="__front"]):not([class*="__back"]) {
    position: absolute;
}
.g-z-index-2 {
    z-index: 2;
}
.g-top-30 {
    top: 2.14286rem;
}
.u-triangle-inclusive-v1--right {
    left: -14px;
}
.mytimeline_dot{
	background:transparent url(bullet_orkestra.png) no-repeat;
	width:30px;
	height:30px;
	position:relative;
	left:-30px;
	top:10px;
	z-index:1000;
}
.mytimeline_article{ position:relative; background: #f7f7f7 !important; padding:20px; border-radius:10px; left:15px;top:-50px; }
.mytimeline_main_cap{ padding-left:40px; }
.mytimeline_main_caph{ margin-right:10px; }