/*
	###################################
	HOMEPAGE
	###################################
*/

	#homepage #hero {
		background-image: url(/assets/images/home-hero-bg.jpg);
		background-size: cover;
		background-attachment: fixed;
		background-position: center top;
		min-height: 600px;
	}

	/* UP TO SM */
	@media (max-width:991px) {

		#homepage #hero.vh-100 {
			height: auto !important;
			padding-top: 200px;
		}

	}


	/* UP TO 700 HEIGHT */
	@media (max-height:799px) {

		#homepage #hero-text.h-55 {
			height: 65% !important;
		}

		#homepage #hero-link.mb-5 {
			margin-bottom: 1rem !important;
		}

	}

	/* UP TO 750 HEIGHT */
/* 	@media (max-height:750px) {

		#homepage #hero-text.h-55 {
			height: 60% !important;
		}

	} */



/*
	###################################
	CARDS / GRID
	###################################
*/


	.banner-link img {
		transition: 1s;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		transition-delay: 50ms !important;
	}

	.banner-link:hover img {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	.banner-link .banner-link-wrap a {
		display: block;
		/*height: 100%;*/
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 1.25rem;
		line-height: 1.375rem;
		font-weight: 700;
		color: #fff;
	}

	.banner-link .banner-link-wrap a span {
		display: block;
		position: absolute;
		z-index: 1;
		padding: 20px;
	}

	.banner-link .banner-link-wrap {
		height: 120px;
		position: relative;
		overflow: hidden;
	}


/* 	@media (min-width:992px) and (max-width:1200px) {

	  .grid-item .media {
		height: 310px;
	  }
	  
	}


	@media (max-width:480px) {

	  .grid-item .media {
		height: 220px;
	  }
	  
	} */








/*
	###################################
	TIMELINE
	###################################
*/

/* 	.timeline-title-wrap:first-child {
		margin-top: 0;
	}

	.timeline-title-wrap:last-child {
		margin-bottom: 0;
	} */

	.timeline-wrap {
		position: relative;
		margin: 1.3888888889rem 1.6666666667rem 4.1666666667rem;
	}

	@media (max-width: 575.98px) {
		.timeline-wrap {
			margin: 1.3888888889rem 0rem 4.1666666667rem;
		}
	}

	.timeline-wrap::before {
		content: '';
		position: absolute;
		top: 50%;
		height: 2px;
		width: 100%;
		background-color: rgba(255,255,255,.6);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left;
		transition: all 3.5s cubic-bezier(0.35, 0.35, 0.1, 1);
		transition-delay: 0.3s;
	}

	.timeline-wrap.active::before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.timeline-wrap .timeline-element {
		position: relative;
		height: 1.3222222222rem;
		width: 1.3222222222rem;
		background-color: #AC2229;
		border-radius: 100%;
		border: 2px solid rgba(255,255,255,.4);
	}

	.timeline-wrap .timeline-element .timeline-title-wrap {
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-bottom: 0;
		padding-top: 10px;
		-webkit-transform: translate(-50%, 100%);
		transform: translate(-50%, 100%);
		text-align: center;
		white-space: nowrap;
		font-size: .85rem;
		line-height: .85rem;
		text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	}