/*// test timeline styles */

.tl-storyslider .tl-slider-container-mask {
	background: #008ad0;

}

.tl-slide .tl-slide-content-container .tl-slide-content {
	padding-top: 0;
	padding-bottom: 0;
	background: white;
}

.tl-slide .tl-slide-scrollable-container { margin: 0 auto; }

.tl-icon-image:after {
    content: "";
}

/*Timeline styling started*/
.tl-timenav .tl-timenav-item-container .tl-timemarker-active .tl-timemarker-content-container,
.tl-timenav .tl-timemarker:hover .tl-timemarker-content-container { background-color: #008ad0; }

.tl-timenav .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timenav .tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline { color: #fff; }

.tl-timenav .tl-timemarker.tl-timemarker-active:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after,
.tl-timenav .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after,
.tl-timenav .tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after,
.tl-timenav .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after { 
	content: "";
	background: transparent;
} 


.tl-timenav .tl-timemarker .tl-timemarker-content-container,
.tl-timenav .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
	border-radius: 0;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.tl-timenav .tl-timemarker-content-container,
.tl-timenav .tl-headline { height: auto!important; }

.tl-timenav .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content { padding: 10px; }
.tl-timenav .tl-timemarker .tl-timemarker-content-container { background-color: #fff; }

.tl-timenav .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline { 
	color: #58585b;
	line-height: 15px!important;
	font-size: 12px!important;
}

.tl-timeline h2 { 
	margin-bottom: 24px;
	color: #004a80;
	font-family: "proxima-nova",sans-serif!important;
	font-size: 22px!important; 
	font-weight: 500!important;
	line-height: 1.2!important;
	text-transform: inherit!important;
}

.tl-slide .tl-text h3.tl-headline-date {
	font-family: "proxima-nova",sans-serif!important;
	text-transform: capitalize!important;
}

.tl-text-content p {
	line-height: 1.6!important;
}

.tl-timeline .tl-timenav-slider {
	font-family: "proxima-nova",sans-serif!important;
}

.tl-text .tl-headline-date, .tl-text h3.tl-headline-date {
	font-family: "proxima-nova",sans-serif!important;
}

.tl-text .tl-headline-date, .tl-text h3.tl-headline-date { 
	margin: 0 0 10px 0;
	display: block;
	color: #808285;
	font-size: 16px;
	font-family: "proxima-nova";

}

.tl-storyslider { 
	width: 1090px;
	height: 418px!important; 
	margin: 0 auto;
}

.tl-timeline p { 
	color: #58585b;
	font-size: 16px;
	font-family: "proxima-nova";
	line-height: 26px;
}

.tl-timeline p a {
	color: #005f9d;
	text-decoration: none;
}

.tl-timeline p a:hover {
	color: #004a80;
	text-decoration: none;
}

.tl-slide .tl-slide-content-container .tl-slide-content {
	max-width: 887px;
  margin: -1px auto 0 -1px;
}

.tl-slide .tl-slide-content-container .tl-slide-content .tl-media {
	width: 39.5%;
	min-width: auto;
	max-width: none!important;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
	width: calc(60.5% - 90px);
	min-width: auto;
	max-width: auto;
	padding: 30px 40px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.tl-storyslider .tl-slider-container-mask .tl-slider-container { text-align: left; }
.tl-media .tl-media-content-container .tl-media-content img { 
	max-width: none;
	max-height: 389px!important; 
	display: block;
}
.tl-media .tl-media-content-container .tl-media-content { overflow: hidden; }

.tl-slidenav-title,
.tl-slidenav-description { display: none; }

.tl-slidenav-previous .tl-slidenav-icon { display: inline-block; }

.tl-slidenav-previous .tl-slidenav-icon::before,
.tl-slidenav-next .tl-slidenav-icon::before { content: ""; }

.tl-slidenav-icon { 
	width: 50px;
	height: 50px;
}

.tl-slidenav-previous .tl-slidenav-icon { background: url('../images/left_slider_arrow.png') no-repeat; }

.tl-slidenav-next .tl-slidenav-icon { background: url('../images/right_slider_arrow.png') no-repeat; }

.tl-slidenav-previous:hover .tl-slidenav-icon { 
	margin: 0; 
	margin-left: 0!important; 
}

.tl-slidenav-icon:hover { opacity: 0.5; }

.tl-slidenav-previous { left: 0; }
.tl-slidenav-next { right: 50px; }

.tl-slidenav-next .tl-slidenav-icon { margin: 0; }

.tl-slidenav-next .tl-slidenav-icon:hover { 
	margin: 0; 
	margin-right: 0!important;
}

.tl-slidenav-next .tl-slidenav-content-container, 
.tl-slidenav-previous .tl-slidenav-content-container { 
	width: 50px;
	height: 50px;	
	border-radius: 50%;
}

.tl-storyslider .tl-slider-container-mask { background: transparent; }

.tl-slidenav-previous,
.tl-slidenav-next {
	top: calc(50% - 25px) !important;
	transform: translateY(-50%);
}

.tl-timeline { 
	height: auto!important;
	background: url('../images/light-blue-dotted-background.png')no-repeat center/cover; 
}
.tl-slider-background { background: transparent!important; }

/*Timeline styling end*/

@media screen and (max-width: 1090px) {
	.tl-slider-background { 
		width: 100%; 
		padding: 50px 0;
	}

	.tl-media-content { margin-top: -1px; }
	
	.tl-slide .tl-slide-content-container .tl-slide-content {
	  width: 75%!important; 
		margin: -1px auto 0;
		display: block;
	}

	.tl-slidenav-previous { left: 2%; }
	.tl-slidenav-next { right: calc(2% + 50px); }

	.tl-slide .tl-slide-scrollable-container,
	.tl-storyslider { width: 100%; }

}

@media screen and (max-width: 768px) {
	body .tl-slide .tl-slide-content-container { display: block!important; }
	body .tl-slide .tl-slide-content-container .tl-slide-content { 
		width: 100%!important; 
		padding: 0!important;
	}

	body .tl-slide .tl-slide-content-container .tl-slide-content .tl-media {
		width: 100%;
		display: block;
	}

	body .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
		max-width: initial!important;
		width: calc(100% - 80px)!important;
		display: block!important;
		padding: 45px 40px 40px!important;
	}

	.tl-slidenav-previous { 
		left: 3%; 
		top: initial!important;
		bottom: 80px;
	}

	.tl-slidenav-next { 
		right: calc(3% + 50px)!important;
		top: initial!important; 
		bottom: 80px;
	}

	.tl-media .tl-media-content-container .tl-media-content img { 
		width: 100%!important;
		max-height: initial!important;
	 	height: auto;
	}

	.tl-skinny .tl-slidenav-next .tl-slidenav-icon { margin: 0; }

	.tl-skinny .tl-slidenav-previous .tl-slidenav-icon,
	.tl-skinny .tl-slidenav-next .tl-slidenav-icon { opacity: 1!important; }

	.tl-skinny .tl-slidenav-next:hover .tl-slidenav-icon,
	.tl-skinny .tl-slidenav-previous:hover .tl-slidenav-icon { margin: 0; }
	.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content { display: inline-block; }
	.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media { padding: 0; }

	.tl-storyslider { padding-top: 10px; }

	/*.tl-text-content p {
		font-size: 18px;
		line-height: 28px;
	}*/
} 

@media screen and (max-width: 500px) {

	.tl-media .tl-media-content-container .tl-media-content img { 
		width: auto!important;
		margin: 0 auto;
	}
}