/*
---------------------------
TIMELINE
---------------------------
*/
/* .bg-section-timeline-image {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 1;	
	
} */

.section-timeline {
	background: rgba(0, 0, 0, 0) !important;
}
.bg-section-timeline-image {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100vh;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: unset;
	z-index: -15;
	opacity: 1 !important;	
	backface-visibility: hidden;
	transform: translate3d(0,0,0);
	
}
.timeline {
	margin: 40px auto 0;
	padding: 0 10px 140px;
	position: relative;
	transition: all 0.25s ease-in;
	width: 100%;
}
.timeline .timeline-row:nth-child(even) .timelinebox {
	float: right;
	margin-top: -40px;
}

.timeline::before {
	background: rgba(0, 0, 0, 0.8);
	content: '';
	height: 100%;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	top: 0;
	width: 0px;
}
.bg-dark .timeline::before {
	background: rgba(255, 255, 255, 0);
	border-left: 3px dashed #fff;
}
.timeline::after {
	clear: both;
	content: '';
	display: table;
	width: 100%;
}
	@media (max-width: 1030px) {
		.section-timeline {
			background: rgba(0, 0, 0, 0) !important;
		}
		.bg-section-timeline-image {
			position: fixed;
			top:0;
			left:0;
			width: 100%;
			height: 100vh;
			background-position: 50% 50%;
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: unset;
			z-index: -1;
			opacity: 1 !important;	
			backface-visibility: hidden;
			transform: translate3d(0,0,0);
			
		}
		.timeline {
			margin: 0px auto 0;
		}
		.timeline::before {
			background: rgba(0, 0, 0, 0.8);
			content: '';
			height: 100%;
			left: calc(100% - 24px);
			position: absolute;
			top: 0;
			width: 0px;
		}
	}
	@media (max-width: 970px) {
		.timeline .timeline-row {
			left:-30px !important;
		}

	}

	@media (max-width: 640px) {
		.timeline::before {
			margin-left: 0px !important;
		}

	}

.timeline-item {
	position: relative;
	margin-top: 0px;
	min-height: 100px;

	backface-visibility: hidden;
	border-radius: 0px 0px;
	margin-right: 60px;
	box-shadow: 0 0 40px rgba(var(--color-dark-rgb), 0.4);
	
}
.timeline-item.negative-margin-top-tiny{
	margin-top: -4rem;
}
.timeline-item.negative-margin-top-small{
	margin-top: -7rem;
}
.timeline-item.negative-margin-top-medium{
	margin-top: -10rem;
}
.timeline-item.negative-margin-top-large{
	margin-top: -15rem;
}

.timeline-item-lead {
	padding-top: 15px;
}
.timeline-item.bg-white .timeline-item-section .timeline-item-lead p{
	color: var(--color-dark) !important;
}
.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item {
	margin-right: 0px;
	margin-left: 60px;
}

.timeline-item:before {
	position: absolute;
	top:25px;
	right: -30px;
	font-size: 54px;
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: var(--color-primary);
	content: "\f178";
	z-index: 999;
}
.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item:before {
	top:25px;
	right: auto;
	left: -30px;
	content: "\f177";
}
.timeline-indicator {
    position: absolute;
	top:25px;
	right: -49px;
}
.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item .timeline-indicator {
	top:25px;
	right: auto;
	left: -101px;
}
.timeline-indicator .circle {
    width: 15px;
    height: 15px;
    background-color: var(--color-secondary);
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
}
@media (max-width: 1024px) {
	.timeline-item.negative-margin-top-tiny,
	.timeline-item.negative-margin-top-small,
	.timeline-item.negative-margin-top-medium,
	.timeline-item.negative-margin-top-large{
		margin-top: 40px;
	}
}
@media (max-width: 970px) {
	.timeline-indicator {
		position: absolute;
		top:25px;
		right: -15px;
	}
	.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item .timeline-indicator {
		top:25px;
		right: -15px;
		left: auto;
	}
	.timeline .timeline-row:nth-child(even) .timelinebox {
		float: right;
		margin-top: 0px;
	}
	.timeline-item {
		position: relative;
		margin-top: 40px;
		margin-right: 10px;
		margin-left: 60px;
	}

	.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item:before {
		top:25px;
		right: -30px;
		left: auto;
		content: "\f178";
	}
	
}
@media (max-width: 640px) {
	.timeline .timeline-row{
		left: 0px;
	}
	.timeline-item:before { 
		font-size: 30px;
	}

	.timeline-indicator {
		position: absolute;
		top:13px;
		right: -29px;
	}
	.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item .timeline-indicator {
		top:25px;
		right: -15px;
		left: auto;
	}
	.timeline-item {
		position: relative;
		margin-top: 40px;
		margin-right: 40px;
		margin-left: 35px;
	}

	.timeline .timeline-row:nth-child(even) .timelinebox .timeline-item {
		margin-top: 40px;
		margin-right: 40px;
		margin-left: 35px;
	}

}

.timeline-indicator .ringring {
    border: 3px solid var(--color-secondary);
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}


.timeline-item-heading {
	padding: 1.5rem 5rem 1rem 1.5rem;	
}
.timeline-item-heading.with-image {
	padding-right:40%;
	background-position: 90% 100%;
	background-size: 110px auto;
	background-repeat: no-repeat;
}

.timeline-item-heading  .timeline-item-intro {
	font-size: 0.86rem;
	display: block;
	position: relative;
	margin-left:0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 1px;
	color: #848890
}
.timeline-item-heading .timeline-item-title {
	line-height: 1.3;
	padding-left: 0rem;
}


.timeline-item-image {
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 0px 0px 0 0;

}

a.timeline-item-image,
.timeline-item-image img {
	position: relative;
	border-radius: 0px 0px 0 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.timeline-item-image:hover img,
.timeline-item-image a:hover img {		
	opacity: 0.9;
}

.with-padding .timeline-item-image {
	border-radius: 0px;
}
.with-padding .timeline-item-image img {
	border-radius: 0px;
}

/* Opacitie */
.timeline-item-image.with-opacity img {
/* 	opacity: 0.7; */
}


.timeline-item-image a {
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
}
.timeline-item-image a:hover {

}
.timeline-item-image .timeline-item-image-title {
	position: absolute;
	left:0;
	bottom: 10px;
	padding: 1rem 2.5rem 1rem 2.5rem;

	color: #fff;
	font-size: 1.8rem;
	z-index: 3;	
	background: rgba(0, 0, 0, 0.712);
	/* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); */
}
	@media (max-width: 640px) {
		.timeline-item-image .timeline-item-image-title {
			font-size: 1.4rem;
			padding: 1rem 1.5rem 1rem 1.5rem;
		}
	}
.timeline-item-image-border {
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 8px;
	z-index: 9;
}

.timeline .timeline-row{
	left: -50px;
}

.timeline-item-section {
	position: relative;
	z-index: 4;
	display: block;
	padding: 1.5rem 2.5rem 1.5rem 2.5rem;	
	border-radius: 0 0 0px 0px;
}
	
	
	@media (max-width: 640px) {
		.timeline-item-section {
			padding: 1.5rem 1.5rem 1rem 1.5rem;
		}
	}
	

.timeline-item.with-footer .timeline-item-section {
	padding-bottom: 90px;
}
.timeline-item-section .timeline-item-title {
	line-height: 1.3;
	padding-left: 0rem;
}

@media (max-width: 640px) {
	.timeline-item-section .timeline-item-title {
		font-size: 1.4rem;
	}
}

.timeline-item.bg-primary .timeline-item-section .timeline-item-title,
.timeline-item.bg-dark .timeline-item-section .timeline-item-title {
	color: #fff;
}

.timeline-item-section .timeline-item-title a {
	color: var(--color-primary);
	position: relative;	
}
.timeline-item.bg-primary .timeline-item-section .timeline-item-title a,
.timeline-item.bg-dark .timeline-item-section .timeline-item-title a {
	color: #fff;
}
.timeline-item-section .timeline-item-title a:hover {
	opacity: 0.8;
}
.timeline-item-section .timeline-item-subtitle {
	padding-left: 0rem;
	line-height: 1.2;
}
.timeline-item.bg-primary .timeline-item-section .timeline-item-subtitle,
.timeline-item.bg-dark .timeline-item-section .timeline-item-subtitle {
	color: #fff;
}

.timeline-item-section p {
	
}
.timeline-item.bg-primary .timeline-item-section p,
.timeline-item.bg-dark .timeline-item-section p {
	color: #fff;
}

.timeline-item-link {
	font-weight: 700;
	
}


/* Centered */
.text-center .timeline-item-section {
	padding: 1rem 2.5rem;	
}

/* Listing */
.timeline-item-listing {
	position: relative;
	z-index: 996 !important;
}
.timeline-item-listing ul {
	list-style: none;
	margin:0;
	padding:0;
}
.timeline-item-listing ul li {
	border-bottom: 1px solid #eee;
}
.timeline-item-listing ul li:last-child {
	border:0;
}
.timeline-item-listing li > a {
	padding-left: 0;
	font-weight: 700;
	display: block;
	padding: 0.5em 0em 0.5em 0rem;
  	font-size:  18px;
  	letter-spacing: 0px;
	position: relative;
	line-height: 1.1;
	color: var(--color-primary);

}
.timeline-item-listing li > a i {
	position: absolute;
	top: 12px;
	right:0.5rem;
	color: #000;
	font-size: 0.76rem
	
}
.timeline-item-listing li > a:hover {
	color: var(--color-primary);
}
.timeline-item-listing li > a:hover i {
	transform: translateX(3px);
}

.timeline-item .timeline-item-footer {
	position: relative;
	z-index: 4;
	padding: 1rem 2.5rem 3.5rem;
	border-radius: 0 0 0px 0px;
}
	@media (max-width: 640px) {
		.timeline-item .timeline-item-footer {
			position: relative;
			z-index: 4;
			padding: 1rem 2.5rem 1.5rem;
			border-radius: 0 0 0px 0px;
		}
	}