/*!
    Title: Vertical-Timeline
    Version: 2.0.0
    Last Change: 04/30/17
    Author: Ryan Fitzgerald
    Repo: https://github.com/RyanFitzgerald/vertical-timeline
    Issues: https://github.com/RyanFitzgerald/vertical-timeline/issues
	LICENSE: MIT
*/
.vtimeline {
	position: relative;
	padding: 30px;
	overflow: hidden;
	background:url(../images/bg-dot.jpg) top center repeat-y;
	background-size:85%;
}
.vtimeline h3{ font-size:30px !important;}
.vtimeline:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background: #8e8d8d;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.vtimeline-point {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.vtimeline-point p{ position:relative;}
.vtimeline-point:nth-child(even) p:before{ content:""; border-top:1px solid #ff6f18; width:65px;position: absolute; bottom:-20px;}
.vtimeline-point:nth-child(odd) p:before{  content:""; border-top:1px solid #ff6f18; width:65px;position: absolute; bottom:-20px;right:0;}
.vtimeline-icon {
	position: absolute;
	top: 0;
	height: 39px;
	width: 34px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/icon-right.svg) no-repeat;
	background-size:cover;
}
.vtimeline-point:nth-child(odd) .vtimeline-icon {
	background: url(../images/icon-left.svg) no-repeat;background-size:cover;
}
.vtimeline-point:nth-child(odd) .vtimeline-block{ text-align:right;}
.vtimeline-block {
	width: 45%;
	margin: 0;
	transition: 0.5s ease all;
}

.vtimeline-right {
	margin-left: 55%;
}
.vtimeline-right.vt-animate-slide .vtimeline-content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.vtimeline-right .vtimeline-date {
	left: auto;
	right: 55%;
}
.vtimeline-right:after {
	left: auto;
	right: 45%;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: none;
	border-right: 10px solid #eee;
}
.vtimeline-date {
	position: absolute;
	left: 55%;
	top: 15px;
}
.vtimeline-content {
	transition: 0.5s ease all;
}
.vt-animate-fade {
	opacity: 0;
}
.vt-animate-slide {
	opacity: 0;
}
.vt-animate-slide .vtimeline-content {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.vt-noarrows:after {
	content: none;
}
 @media only screen and (max-width: 992px) {
	 
.vtimeline br{ display:none;}
.vtimeline h3{ position:absolute; font-size:20px!important; left:-60px; top:0;}
.vtimeline{ padding-left:70px;}
.vtimeline:before {
	left: 70px;
	right: auto;
	margin: 0;
	background: #c2c2c2;
}

.vtimeline-icon {
	left: -10px;
	right: auto;
	margin: 0;
	width:20px;
	height:23px;
}
.vtimeline-block {
	width: 90%;
	margin-left: 10%;
}

.vtimeline-icon {
	left: -9px !important;
}
.vtimeline-point:nth-child(odd) .vtimeline-icon {
	background: url(../images/icon-right.svg) no-repeat;
	background-size:cover;
}
.vtimeline-point:nth-child(odd) .vtimeline-block{ text-align:left;}
.vtimeline-point p:before{ display:none;}
.vtimeline-date {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	right: auto;
	background: #eee;
}
.vtimeline-right .vtimeline-date {
	right: auto;
}
.vtimeline.basic .vtimeline-date {
	padding: 10px 10px 0 10px;
}
.vt-animate-slide .vtimeline-content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
}
