@charset "utf-8";
body {
	margin: 0;
	background: #ffffff;
}
a {
	text-decoration: none;
}
h1 {
	font: 400 40px 'ubuntu condensed', sans-serif;
	color: #010102;
	text-align: center;
	margin: 0;
	padding: 40px;
}
nav {
	background: #010102;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
nav>ul>li {
	position: relative;
	float: left;
}
nav>ul>li>a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	font: 400 15px 'ubuntu condensed', sans-serif;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
nav>ul ul {
	position: absolute;
	left: 0;
	top: 80%;
	opacity: 0;
	visibility: hidden;
	width: 170px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
nav>ul>li:hover ul {
	opacity: 1;
	visibility: visible;
	top: 100%;
	padding-top: 20px;
}
nav>ul ul a {
	display: block;
	border-bottom: 1px solid #bbb;
	color: #222;
	background: #ddd;
	padding: 15px 5px;
	font: 400 15px 'ubuntu condensed', sans-serif;
}
nav>ul ul li:last-child a {
	border: none;
}
nav>ul ul li:first-child a{
	position:relative;
}
nav>ul ul li:first-child a:after {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ddd;
	border-width: 7px;
	margin-left: -7px;
}

.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden}
.clear:after{clear:both}
.clear{zoom:1}

/* time line */
.cBlogTimeline{display:block;list-style:none;margin:0 auto 45px auto;position:relative;overflow:hidden;padding:20px 0 0;max-width:600px}
.cBlogTimeline li{list-style:none;padding:0 0 0 50px;margin:0 0 38px;margin:0 0 calc(30px + 1.5vw) 0;position:relative;z-index:1}
.cBlogTimeline li.cBTStart{margin:-40px auto 50px 0;background:#fff;top:50px}
.cBlogTimeline li.milestone{margin-top:0;margin-bottom:60px}
.cBlogTimeline li:before{content:"";background:#fff;border:3px solid #ccc;position:absolute;top:6px;left:0;width:16px;height:16px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}
.cBlogTimeline li.milestone:before{border-color:#78b428;background-color:#f4fbea}
.cBlogTimeline li.bad:before{border-color:#001b1e;background-color:#eee}
.cBlogTimeline li.cBTStart:before{top:-4px}
.cBlogTimeline li:after{content:"";border:1px solid #ddd;position:absolute;top:13px;left:0;right:auto;width:50%;height:0;z-index:-1}
.cBlogTimeline li.cBTStart:after{top:3px}
.cBlogTimeline li.milestone:after{border-color:#78b428}
.cBlogTimeline li.bad:after{border-color:#001b1e}
.cBlogTimeline li.cBTStart h3{color:#aaa;font-size:20px;line-height:40px}
.cBlogTimeline li.cBTStart h3 strong{color:#40bf66;display:block;font-size:70px;line-height:70px}
.cBTDate{background:#ffffff;color:#bbb;font-size:16px;font-size:calc(16px + .1vw);line-height:1em;margin:0 0 15px 36%;margin:0 0 15px calc(35% - 10px + 18px);padding:0 10px;position:relative;z-index:3;top:5px}
@media screen and (max-width:420px){.cBTDate{margin-left:-10px}}
.cBTStart .cBTDate{}
.cBlogTimeline li.cBTStart .cBTDate{position:relative;top:-10px;margin-bottom:5px}
	.bad .cBTDate{color:#001b1e}
.cBlogTimeline .milestone .cBTDate{color:#79b228}
.cBlogTimeline .admin_options{font-size:14px;font-weight:bold;margin-bottom:12px;margin-left:37%;margin-left:calc(35% + 18px)}
@media screen and (max-width:420px){.cBlogTimeline .admin_options{text-align:center;margin-left:0}}
.cBlogTimeline .admin_options .draft{color:#C00}
.cBlogTimeline .admin_options a{color:#00acbf;border-bottom:1px dotted #00acbf;text-decoration:none;display:inline}
.cBlogTimeline .admin_options a:hover,.cBlogTimeline .admin_options a:active,.cBlogTimeline .admin_options a:focus{color:#000;border-bottom:1px dotted #000;text-decoration:none}
.cBlogTimeline a{color:#00acbf;display:block;text-decoration:none;position:relative}
.cBlogTimeline a:hover,.cBlogTimeline a:active,.cBlogTimeline a:focus{color:#000}
.cBlogTimeline .bad a{color:#001b1e}
.cBlogTimeline img{width:35%;display:block;float:left}
@media screen and (max-width:420px){.cBlogTimeline img{width:85%;float:none;margin:0 auto;margin-bottom:12px}}
.cBlogTimeline .milestone img{display:none}
.cBlogTimeline h2{font-weight:400;font-size:17px;font-size:calc(16px + .2vw);line-height:1.25em;width:63%;width:calc(65% - 18px);float:right;margin-bottom:15px;letter-spacing:-.02em}
@media screen and (max-width:420px){.cBlogTimeline h2{width:auto;float:none;text-align:center}}
.cBlogTimeline .milestone h2{float:none;margin-left:37%;margin-left:calc(35% + 18px);color:#79b228;text-align:left;font-size:12px;font-size:calc(12px + .2vw)}
@media screen and (max-width:420px){.cBlogTimeline .milestone h2{margin-left:0}}
.cBlogTimeline p{font-weight:normal;font-size:15px;line-height:1.3em;width:63%;width:calc(65% - 18px);float:right;display:none}
@media screen and (max-width:420px){.cBlogTimeline p{width:auto;float:none;text-align:center}}
.cBTSocial{display:none}
.cBlogTimeline .markup{position:absolute;top:33px;bottom:0;width:0;border:1px solid #ddd;z-index:-1px;left:7px}