/* STYLES FOR TIMELINE BLOCK */
.timelineC {
    margin: 0 !important;
    max-width: unset !important;
    position: relative;
    padding: 49px 0 100px 0;
}
.timelineC .clouds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 320px;
}
.timelineC h2 {
	margin: 0 0 43px 0 !important;
	padding-bottom: 20px !important;
	position: relative;
    text-align: center;
}
.timelineC h2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 256px;
	background: #FFF;
	height: 2px;
}
.timelineCcontainer {
    width: 80%;
    margin: 0 auto;
    height: 769px;
    position: relative;
}
.timelineCcontainer::after {
	position: absolute;
	content: "";
	height: 1px;
	width: 90%;
	top: 50%;
	transform: translateY(-50%);
	left: 10%;
	background: #FFF;
}
.timelineCcontent {
    width: 270px;
}
.timelineContent {
    padding: 12px 40px 19px 40px;
    background:#4A667D;
    text-align: center;
}
.timelineCimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 180px;
}
.timelineContent h3 {
    font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900 !important;
	font-size: 30px !important;
	color: #FFFFFF !important;
	line-height: 37px;
    margin-bottom: 7px !important;
}
.timelineContent p {
    margin-bottom: 11px !important;
}
.timelineButton {
    font-family: "Gotham A", "Gotham B" !important;
	font-size: 15px !important;
	color: #FFFFFF !important;
	text-align: center;
	background: rgba(0,0,0,0.10) !important;
	border: 2px solid #B2B2B2 !important;
	padding: 7px 18.4px !important;
	text-transform: uppercase;
    text-decoration: none;
}
.timelineCcontainer .firstSlide {
	position: absolute;
	top: 0px;
	left: 0;
}
.timelineCcontainer .firstSlide::after {
	position: absolute;
	bottom: -82px;
	left: 50%;
	transform: translateX(-50%);
	content: url(/wp-content/uploads/2021/10/Jet-Linx-Map-Icon.png);
	z-index: 9;
}
.timelineCcontainer .secondSlide {
	position: absolute;
	top: 75%;
	transform: translateY(-50%);
	left: 25%;
	margin-top: 20px !important;
	z-index: 9;
}
.timelineCcontainer .secondSlide::before {
	position: absolute;
	top: -72px;
	left: 50%;
	transform: translateX(-50%);
	content: url(/wp-content/uploads/2021/10/Jet-Linx-Map-Icon.png);
	z-index: 9;
}
.timelineCcontainer .thirdSlide {
	position: absolute;
	top: 0px;
	left: 50%;
}
.timelineCcontainer .thirdSlide::after {
	position: absolute;
	bottom: -82px;
	left: 50%;
	transform: translateX(-50%);
	content: url(/wp-content/uploads/2021/10/Jet-Linx-Map-Icon.png);
	z-index: 9;
}
.timelineCcontainer .fourthSlide {
	position: absolute;
	top: 75%;
	transform: translateY(-50%);
	right: 0;
	margin-top: 20px !important;
	z-index: 9;
}
.timelineCcontainer .fourthSlide::before {
	position: absolute;
	top: -72px;
	left: 50%;
	transform: translateX(-50%);
	content: url(/wp-content/uploads/2021/10/Jet-Linx-Map-Icon.png);
	z-index: 9;
}
.timelineCcontainer .hiddenSlide {
	display: none;
}
.timelineC .timelinePrev {
	position: absolute;
	top: 50%;
	left: -80px;
	transform: translateY(-50%);
	cursor: pointer;
	margin: 0;
	max-width: unset !important;
}
.timelineC .timelineNext {
	position: absolute;
	top: 50%;
	right: -80px;
	transform: translateY(-50%);
	cursor: pointer;
	margin: 0;
	max-width: unset !important;
}
@media only screen and (max-width: 1000px) { 
    .timelineC {
        padding: 44px 15px 60px 15px;
    }
    .timelineCcontainer {
        width: 100%;
        height: unset;
    }
    .timelineCcontainer::after {
        position: unset;
        height: 0;
    }
    .timelineCcontent {
        margin: 0 auto;
    }
    .timelineCcontainer .secondSlide, .timelineCcontainer .thirdSlide, .timelineCcontainer .fourthSlide {
        display: none;
    }
    .timelineCcontainer .firstSlide {
		position: unset;
	}
	.timelineCcontainer .firstSlide::after,
	.timelineCcontainer .firstSlide::before,
	.timelineCcontainer .firstSlide::before {
		position: unset;
		content: "";
		z-index: -1;
		border: none;
		width: 0;
		height: 0;
	}
    .timelineCcontrols {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .timelineC .timelinePrev {
        margin-right: 30px;
    }
    .timelineC .timelinePrev, .timelineC .timelineNext {
        position: unset;
        transform: unset;
    }
}