html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
border: none;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-container {width:100%;margin: 0 auto;}
.cd-container::after {content: '';display: table;clear: both;}

#cd-timeline {position: relative;padding: 2em 0;margin-top: 2em;margin-bottom: 2em;}

#cd-timeline::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 3px;background: #f6f6f6;}
@media only screen and (min-width: 1170px) {
	
	#cd-timeline {margin-top: 3em;margin-bottom: 3em;}
	#cd-timeline::before {left: 50%;margin-left: -2px;}
}
.cd-timeline-block {position: relative;margin: 2em 0;}
.cd-timeline-block:after {content: "";display: table;clear: both;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}

@media only screen and (min-width: 1170px) {
	.cd-timeline-block {margin: 1em 0;}
	.cd-timeline-block:first-child {margin-top: 0;}
	.cd-timeline-block:last-child {margin-bottom: 0;}
}
.cd-timeline-img {position: absolute;top: 35px;left: 0;width: 40px;height: 40px;border-radius: 50%;}
.cd-timeline-img img {display: block;width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;}
.cd-timeline-img.cd-picture,
.cd-timeline-img.cd-movie,
.cd-timeline-img.cd-location{background: #fff;}
@media only screen and (min-width: 1170px) {
	.cd-timeline-img {width: 15px;height: 15px;left: 50%;margin-left: -7.5px;border: 1px solid #000;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;}
	.cssanimations .cd-timeline-img.is-hidden {visibility: hidden;}
	.cssanimations .cd-timeline-img.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 0.6s;
		-moz-animation: cd-bounce-1 0.6s;
		animation: cd-bounce-1 0.6s;}
}
@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.5);
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}
	100% {
		-moz-transform: scale(1);
	}
}
@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
.ser_ltxt{padding:0em 1.6em 1.6em 1.6em;}
.ser_ltxt h2{text-align: right;}
.ser_rtxt{padding:0em 1.6em 1.6em 1.6em;}
.ser_rtxt h2{text-align: left;}
.cd-timeline-content h2 span{font-size: 48px;color: #eee;font-style: oblique;margin-right:20px;font-weight: 600;}
.cd-timeline-content h2{color: #e00;font-size: 24px;font-weight:bold;margin-bottom: 20px;}
.cd-timeline-content p{font-size:16px;color: #888;line-height:28px;text-align: justify;}


.cd-timeline-content {position: relative;margin-left: 60px;/*background: #ffffff;*/border-radius: 0.25em;/*box-shadow: 0 3px 0 #d7e4ed;*/}
.cd-timeline-content:after {content: "";display: table;clear: both;}
/*.cd-timeline-content h2 {color: #303e49;}*/
/*.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {font-size: 13px;font-size: 0.8125rem;}*/
/*.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {display: inline-block;}
.cd-timeline-content p {margin: 1em 0;line-height: 1.6;}*/
.cd-timeline-content .cd-read-more {float: right;padding: .8em 1em;background: #acb7c0;color: #ffffff;border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb;}
.cd-timeline-content .cd-date {float: left;padding: .8em 0;opacity: .7;}
.cd-timeline-content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #ffffff;}
@media only screen and (min-width: 768px) {
	/*.cd-timeline-content h2 {font-size: 20px;font-size: 1.25rem;}
	.cd-timeline-content p {font-size: 16px;font-size: 1rem;}*/
	.cd-timeline-content .cd-read-more,
	.cd-timeline-content .cd-date {font-size: 14px;font-size: 0.875rem;}
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-content {margin-left: 0;width:47%;}
	.cd-timeline-content::before {top: 24px;left: 100%;border-color: transparent;border-left-color: #ffffff;}
	.cd-timeline-content .cd-read-more {float: left;}
	.cd-timeline-content .cd-date {position: absolute;width: 100%;left: 122%;top: 6px;font-size: 16px;font-size: 1rem;}
	.cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}
	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color: #ffffff;}
	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right;}
	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto;right: 122%;text-align: right;}
	.cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}
	.cssanimations .cd-timeline-content.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-2 0.6s;
		-moz-animation: cd-bounce-2 0.6s;
		animation: cd-bounce-2 0.6s;
	}
}

@media only screen and (min-width: 1170px) {
	/* inverse bounce effect on even content blocks */
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		-moz-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s;
	}
}

@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	100% {
		-moz-transform: translateX(0);
	}
}

@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	100% {
		-moz-transform: translateX(0);
	}
}

@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
