.timeline {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

}



.timeline *,.timeline :after,.timeline :before {

	-webkit-box-sizing: inherit;

	box-sizing: inherit;

}



.timeline:not(.timeline--horizontal):before {

	/* background-color: #000; */

	bottom: 0;

	content: '';

	left: 50%;

	margin-left: -2px;

	position: absolute;

	top: 0;

	width: 4px;

	z-index: 1;

}



.timeline__wrap {

	overflow: hidden;

	position: relative;

	z-index: 2;

}



.timeline__item {

	font-size: 16px;

	font-size: 1rem;

	padding: .625rem 2.5rem .625rem 0;

	position: relative;

	width: 50%;

	z-index: 2;

}



.timeline__item:after {

    content: "";

    background: url(../images/technical_map.png); 

    height: 45px;

    position: absolute;

    right: -10px; 

    -ms-transform: translateY(-50%); 

    width: 26px;

    z-index: 1;

}



.timeline__item.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	opacity: 0;

}



.timeline__item.fadeIn {

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn;

}



.timeline__item--left {

	left: 0;

}



.timeline__item--right {

	left: 50%;

	padding: .625rem 0 .625rem 2.5rem;

}



.timeline__item--right:after {

	left: -10px;

}



.timeline__item--right .timeline__content:before {

	border-bottom: 10px solid transparent;

	border-right: 12px solid #000;

	border-left: none;

	border-top: 10px solid transparent;

	left: -12px;

}



.timeline__item--right .timeline__content:after {

	border-bottom: 9px solid transparent;

	border-right: 11px solid #000;

	border-left: none;

	border-top: 9px solid transparent;

	left: -10px;

}



.timeline__content {

    /* background-color: #fff; */

    /* border: 1px solid #ccc; */

    /* border-radius: 10px; */

    color: #333;

    display: block;

    padding: 10px 20px;

    position: relative;

    height: 140px;

    text-align: center;

}



.timeline__content:after,.timeline__content:before {

	content: '';

	height: 0;

	position: absolute;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	top: 50%;

	width: 0;

}



.timeline__content:before {

	/* border-bottom: 10px solid transparent; */

    /* border-left: 12px solid #ccc; */

    /* border-top: 10px solid transparent; */

    right: -12px;

    z-index: 1;

}



.timeline__content:after {

	    /* border-bottom: 9px solid transparent; */

    /* border-left: 11px solid #fff; */

    /* border-top: 9px solid transparent; */

    right: -10px;

    z-index: 2;

}



.timeline__content h2 {

	font-size: 1.25rem;

	font-weight: 700;

	margin: 0 0 .625rem;

}



.timeline__content p {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 10px;

    color: #000;

}



.timeline--horizontal {

	font-size: 0;

	padding: 0 3.125rem;

	overflow: hidden;

	white-space: nowrap;

}



.timeline--horizontal .timeline-divider {

	/* background-color: #000; */

	border-bottom:1px dotted #72366d;

	display: block;

	height: 4px;

	left: 40px;

	position: absolute;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 40px;

	z-index: 1;

}



.timeline--horizontal .timeline__items {

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s;

	will-change: transform;

	height: 260px!important;

}



.timeline--horizontal .timeline__item {

	display: inline-block;

	left: 0;

	padding: 0 0 2.5rem;

	position: relative;

	-webkit-transition: none;

	-o-transition: none;

	transition: none;

	vertical-align: top;

	white-space: normal;

}



.timeline--horizontal .timeline__item:after {

	left: 50%;

	right: auto;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	top: 92.5%;

}



.timeline--horizontal .timeline__item .timeline__item__inner {

	display: table;

	height: 100%;

	width: 100%;

}



.timeline--horizontal .timeline__item .timeline__content__wrap {

	display: table-cell;

	margin: 0;

	padding: 0;

	vertical-align: bottom;

}



.timeline--horizontal .timeline__item .timeline__content:before {

    /* border-left: 12px solid transparent; */

    /* border-right: 12px solid transparent; */

    /* border-top: 12px solid #ccc; */

    left: 50%;

    right: auto;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: 100%;

}



.timeline--horizontal .timeline__item .timeline__content:after {

	/* border-left: 10px solid transparent; */

    /* border-right: 10px solid transparent; */

    /* border-top: 10px solid #fff; */

    left: 50%;

    right: auto;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: 100%;

}



.timeline--horizontal .timeline__item--bottom {

   padding: 0 0 2.5rem;

    transform: initial!important;

}



.timeline--horizontal .timeline__item--bottom:after {

	top:92.5%;

}



.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {

   /* vertical-align: middle; */

}



.timeline--horizontal .timeline__item--bottom .timeline__content:before {

	/* border-bottom: 12px solid #ccc; */

    /* border-left: 12px solid transparent; */

    /* border-right: 12px solid transparent; */

    border-top: none;

    bottom: 100%;

    top: auto;

}



.timeline--horizontal .timeline__item--bottom .timeline__content:after {

	    /* border-bottom: 10px solid #fff; */

    /* border-left: 10px solid transparent; */

    /* border-right: 10px solid transparent; */

    /* border-top: none; */

    /* bottom: 100%; */

    top: auto;

}



.timeline-nav-button {

	background-color: #fff;

    /* border: 2px solid #ddd; */

    /* border-radius: 50px; */

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: none;

    box-shadow: none;

    cursor: pointer;

    display: block;

    height: 34px;

    outline: 0;

    position: absolute;

    text-indent: -9999px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    top: 50%;

    width: 24px;

    z-index: 10;

    border: 0;

}



.timeline-nav-button:disabled {

	opacity: 1;

	pointer-events: none;

}



.timeline-nav-button:before {

	background-position: center center;

    background-repeat: no-repeat;

    content: '';

    display: block;

    height: 22px;

    left: 50%;

    position: absolute;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    top: 50%;

    width: 22px;

}



.timeline-nav-button--prev {

	left: 30px;

}



.timeline-nav-button--prev:before {

	background-image: url(../images/lft_arrow.png);

}



.timeline-nav-button--next {

	right: 30px;

}



.timeline-nav-button--next:before {

	background-image: url(../images/rgt_arrow.png);

}



.timeline--mobile {

	padding: 0;

}



.timeline--mobile:before {

	left: 10px!important;

	margin: 0!important;

}



.timeline--mobile .timeline__item {

	left: 0;

	padding-left: 40px;

	padding-right: 0;

	width: 100%;

}



.timeline--mobile .timeline__item:after {

	left: 2px;

	margin: 0;

}



.timeline--mobile .timeline__item .timeline__content:before {

	left: -12px;

	border-bottom: 12px solid transparent;

	border-right: 12px solid #ccc;

	border-left: none;

	border-top: 12px solid transparent;

}



.timeline--mobile .timeline__item .timeline__content:after {

	left: -10px;

	border-bottom: 10px solid transparent;

	border-right: 10px solid #fff;

	border-left: none;

	border-top: 10px solid transparent;

}



@-webkit-keyframes fadeIn {

	0% {

		opacity: 0;

		top: 70px;

	}



	100% {

		opacity: 1;

		top: 0;

	}

}



@keyframes fadeIn {

	0% {

		opacity: 0;

		top: 70px;

	}



	100% {

		opacity: 1;

		top: 0;

	}

}



@-webkit-keyframes liftUp {

	0% {

		top: 0;

	}



	100% {

		top: -15px;

	}

}



@keyframes liftUp {

	0% {

		top: 0;

	}



	100% {

		top: -15px;

	}

}





.timeline--horizontal .timeline__item:before {

    content: "";

    background: url(../images/achieved_airplane.png);

    height: 32px;

    position: absolute;

    right: -10px;

    -ms-transform: translateY(-50%);

    width: 33px;

    z-index: 1;

    bottom: -17px;

}


@media (min-width:768px) and (max-width:999px){

.timeline__content {  
    padding: 10px 9px!important; 
    height: 170px!important; 
}
.timeline--horizontal .timeline__items { 
    height: 300px!important;
}

}



@media (min-width:320px) and (max-width:767px){

.timeline--mobile .timeline__item {
    left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 90%;
    border-bottom: 1px dotted rgb(105 42 99 / 20%);
    padding-bottom: 20px;
    /* background: rgb(255 255 255 / 66%); */
    margin: 0 auto;
}
.timeline__content { 
    height: auto; 
}
.timeline--mobile .timeline__item:after {
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 37px;
}
.timeline--mobile .timeline__item .timeline__content:before { display:none;
}

}