.timeline {
		--timeSize: 125;
	}

	#timeline-prev {
		max-height: calc(var(--timeSize) * 1.3px);
		margin: 1rem 0;
	}

	#timeline-next {
		max-height: calc(var(--timeSize) * 1.3px);
		margin: 1rem 0;
	}

	#carousel-inner-timeline  .carousel-item {
		overflow: visible;
	}


/*================================== Multi Carousel ==================================*/
	.multi {
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: opacity 0.4s ease-in-out, transform 0;
	}

	.multi .header-title {
		padding: 3vw 0;
	}

	.multi-carousel-container {
		min-height: 250px;
	}

	.multi-carousel-container .container-fluid {
		width: 100vw;
		padding: 0;
		height: 100%;
	}

	.multi-carousel {
		height: 100%;
	}

	.carousel-item {
		padding: 0;
	}

	.carousel-item-inner {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.multi-c {
		justify-content: center;
		opacity: 1;
	}

	.multi-link {
		overflow: hidden;
	}

	.carousel-control-next, .carousel-control-prev {
		opacity: 0.6;
		filter: brightness(0);
	}

	

/*================================== Blog Carousel ==================================*/

	@media (min-width: 577px) {

		.timeline-c {
			margin-right: 0;
		}

		/* show 2 items */
		.timeline-c.active + .timeline-c {
			display: flex;
		}

		.timeline-c.active:not(.carousel-item-right):not(.carousel-item-left), 
		.timeline-c.active:not(.carousel-item-right):not(.carousel-item-left) + .timeline-c {
			transition: none !important;
		}

		.timeline-c.carousel-item-next {
			position: relative;
			transform: translate3d(0, 0, 0);
		}

		/* left or forward direction */
		.timeline-c.active.carousel-item-left + .timeline-c.carousel-item-next.carousel-item-left,
		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c,
		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}

		/* farthest right hidden item must be also positioned for animations */
		.timeline-c.carousel-item-prev.carousel-item-right {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			display: flex;
			visibility: visible;
		}

		/* right or prev direction */
		.timeline-c.active.carousel-item-right + .timeline-c.carousel-item-prev.carousel-item-right,
		.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c,
		.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(100%, 0, 0);
			visibility: visible;
			display: flex;
			visibility: visible;
		}

		.timeline-c {
			max-width: 100%;
		}

		.timeline-c.active {
			opacity: 1;
		}

	}

	@media (min-width: 577px) and (max-width: 767px) {
		
		.timeline-c.carousel-item-next.carousel-item-left .carousel-caption-template .blog_text {
			opacity: 1;
		}
	}

	@media (max-width: 767px) {

		.blog_text {
			opacity: 1;
			transition: opacity 0.3s ease-in-out;
		}

		.timeline-c .carousel-caption-template {
			width: calc(100% - 3rem);
		}

		/* Background image scaled */

			.timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c .timeline-content {
				opacity: 1;
			}

	}

	@media (min-width: 768px) {

		.timeline-c {
			max-width: 33.333334%;
		}

		/* show 2nd of 3 item slide */
		.timeline-c.active + .timeline-c {
			display: flex;
			z-index: 3;
		}

		/* show 3rd of 3 item slide */
		.timeline-c.active + .timeline-c + .timeline-c {
			display: flex;
		}

		.timeline-c.active:not(.carousel-item-right):not(.carousel-item-left) + .timeline-c + .timeline-c {
			transition: none !important;
		}

		.timeline-c.active:not(.carousel-item-right):not(.carousel-item-left) + .timeline-c + .timeline-c + .timeline-c {
			transition: none !important;
		}

		

		.timeline-c.carousel-item-next {
			position: relative;
			transform: translate3d(0, 0, 0);
		}


		/* left direction 4rd slide */
		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(-100%, 0, 0) !important;
			visibility: visible;
		}

		/* right direction 4rd slide */
		.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(100%, 0, 0);
			visibility: visible;
			display: flex;
			visibility: visible;
		}

		

	}

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

		.timeline-c.carousel-item-prev.carousel-item-right,
		.timeline-c.active,
		.timeline-c.active + .timeline-c + .timeline-c,
		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c + .timeline-c {
			opacity: .5;
		}

		.timeline-c.active + .timeline-c .carousel-caption-template .blog_text {
			opacity: 1;
		}

		.timeline-c.carousel-item-next.carousel-item-left .carousel-caption-template .blog_text {
			opacity: 0;
		}

		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c {
			opacity: 1;
		}

		.timeline-c.active + .timeline-c .carousel-item-wrapper {
			padding: 0;
		}

		

		/* show 4th item */
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c {
			position: absolute;
			top: 0;
			right: 0;
			z-index: -1;
			display: flex;
			visibility: visible;
			transform: translate3d(100%, 0, 0);
		}

		/* left direction */
		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c {
			position: absolute;
			transform: translate3d(0%, 0, 0) !important;
			visibility: visible;
			opacity: 0.5;
		}

		/* right direction */
		.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(100%, 0, 0);
			visibility: visible;
			display: flex;
			visibility: visible;
		}

		/* left direction smooth opacity, center of 3 slides */
			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c {
				opacity: 1;
				box-sizing: border-box;
				z-index: 3;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c .carousel-item-wrapper {
				padding: 0 !important;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c .carousel-caption-template .blog_text {
				opacity: 1;
			}

			.timeline-c.carousel-item-next.carousel-item-left {
				opacity: .5;
				box-sizing: border-box;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
			}

			.timeline-c.carousel-item-next.carousel-item-left .carousel-item-wrapper {
				padding: 1.5rem !important;
			}

			.timeline-c.carousel-item-next.carousel-item-left .carousel-caption-template .blog_text {
				opacity: 0;
			}

		/* right direction smooth opacity, center of 3 slides */
			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c {
				opacity: 1;
				box-sizing: border-box;
				z-index: 3;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c .carousel-item-wrapper {
				padding: 0;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c .carousel-caption-template .blog_text {
				opacity: 1;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c {
				opacity: .5;
				box-sizing: border-box;
				z-index: 2;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c .carousel-item-wrapper {
				padding: 1.5rem !important;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c .carousel-caption-template .blog_text {
				opacity: 0;
			}

		/* Background image scaled */

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.carousel-item-right + .timeline-c + .timeline-c .timeline-time {
				transform: none !important;
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.carousel-item-right + .timeline-c .timeline-time {
				transform: scale(1.3);
			}

			.timeline-c.active + .timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c.carousel-item-next.carousel-item-left .timeline-time {
				transform: none !important;
				transform: scale(1.0);
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.carousel-item-left.carousel-item-next + .timeline-c .timeline-time {
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c.carousel-item-right + .timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c.carousel-item-right.carousel-item-prev .timeline-time {
				transform: scale(1.0);
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.active + .timeline-c .timeline-content {
				opacity: 1;
			}

			.timeline-c.carousel-item-next.carousel-item-left .timeline-content {
				opacity: 0;
			}
			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c .timeline-content {
				opacity: 1;
			}
			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c .timeline-content {
				opacity: 1;
			}
			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c .timeline-content {
				opacity: 0;
			}

	}

	@media (max-width: 992px) {
		
	}

	@media (min-width: 992px) {

		.timeline-c {
			max-width: 20%;
		}

		.timeline-c.carousel-item-prev.carousel-item-right,
		.timeline-c.active,
		.timeline-c.active + .timeline-c, 
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c,
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c + .timeline-c,
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			opacity: .5;
		}

		.timeline-c.active + .timeline-c + .timeline-c {
			z-index: 5;
		}

		/* show 4th item */
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c {
			position: relative;
			display: flex;
			visibility: visible;
		}

		.timeline-c.active:not(.carousel-item-right):not(.carousel-item-left) + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			transition: none !important;
		}

		/* show 5th slide on lg if col-lg-3 */
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			position: relative;
			top: 0;
			right: 0;
			z-index: -1;
			display: flex;
			visibility: visible;
			transform: translate3d(0, 0, 0);
		}

		/* show 6th slide on lg if col-lg-3 */
		.timeline-c.active + .timeline-c + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			position: absolute;
			top: 0;
			right: 0%; /*change this with javascript in the future*/
			z-index: -1;
			display: flex;
			visibility: visible;
			transform: translate3d(100%, 0, 0);
		}

		.timeline-c.active + .timeline-c + .timeline-c .carousel-item-wrapper {
			padding: 0;
		}

		.timeline-c.active + .timeline-c + .timeline-c .timeline-content {
			opacity: 1;
		}

		/* left direction */
		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}

		.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			transform: translate3d(0%, 0, 0) !important;
			visibility: visible;	
		}

		/* right direction */
		.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(100%, 0, 0);
			right: 0%;
			visibility: visible;
			display: flex;
			visibility: visible;
			transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
		}

		.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c + .timeline-c + .timeline-c + .timeline-c {
			position: relative;
			transform: translate3d(100%, 0, 0);
			right: 0%;
			visibility: visible;
			display: flex;
			visibility: visible;
			transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
		}


		/* left direction smooth opacity, center of 5 slides */
			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c {
				opacity: 1;
				box-sizing: border-box;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
				z-index: 5;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c .timeline-content {
				opacity: 0;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c .carousel-item-wrapper {
				padding: 0 !important;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c .carousel-caption-template .blog_text {
				opacity: 1;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c {
				opacity: .5;
				box-sizing: border-box;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
				z-index: 1;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c .carousel-item-wrapper {
				padding: 1.5rem !important;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c .timeline-content {
				opacity: 0;
			}

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c .timeline-content {
				opacity: 1;
			}

		/* right direction smooth opacity, center of 5 slides */
			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c {
				opacity: 1;
				box-sizing: border-box;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
				z-index: 5;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c .carousel-item-wrapper {
				padding: 0;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c .timeline-content {
				opacity: 1;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c + .timeline-c {
				opacity: .5;
				box-sizing: border-box;
				transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.3s ease-in-out;
				z-index: 1;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c + .timeline-c .carousel-item-wrapper {
				padding: 1.5rem !important;
			}

			.timeline-c.carousel-item-prev.carousel-item-right + .timeline-c + .timeline-c + .timeline-c .timeline-content {
				opacity: 0;
			}

		/* Background image scaled */

			.timeline-c.carousel-item-next.carousel-item-left + .timeline-c + .timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.carousel-item-right + .timeline-c + .timeline-c + .timeline-c .timeline-time {
				transform: none !important;
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.carousel-item-right + .timeline-c + .timeline-c .timeline-time {
				transform: scale(1.3);
			}

			.timeline-c.active + .timeline-c + .timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c.carousel-item-left + .timeline-c + .timeline-c .timeline-time {
				transform: scale(1.0);
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}

			.timeline-c.carousel-item-left.carousel-item-next  + .timeline-c + .timeline-c .timeline-time {
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c.carousel-item-right + .timeline-c + .timeline-c .timeline-time {
				transform: scale(1.3);
				font-size: 1rem;
				font-size: calc(.85rem + .85vw);
			}

			.timeline-c.carousel-item-right.carousel-item-prev + .timeline-c .timeline-time {
				transform: scale(1.0);
				font-size: .85rem;
				font-size: calc(.75rem + .6vw);
			}
	}