@charset "utf-8";
/* CSS Document */

* {
  margin:0;
  padding:0;
  outline:none;
  /*
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  */
}



h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1;
}
h1 {font-size:1.88em}
header, nav, section, article, aside, footer {
	display:block;
	position:relative;
}
.clr {
	overflow:hidden;
	display:block;
	content:".";	
	float:none;
	clear:both;
	height:0;	
}


body.home {_overflow-y:hidden;}
.wrapper {
	position:relative;
	padding:100px 0 0;
}
body.home .wrapper {padding:0;}
.wrap {
	z-index:2;
	margin:0 auto;
	min-width:320px;
	max-width:1100px;	
	position:relative;
}


.sblock {
	background-position:50% 0;
	background-repeat:no-repeat;
	/*border-top:1px solid #fff;*/
	border-bottom:1px solid #e8e8e8;
	position:relative;
	z-index:1;
}

ol, ul {
	list-style: none;
}



.pipelines .item {
	background:#999;
	padding:28px 0;
	height:auto;
	color:#000;
}
.pipelines .item.white {background:#aaaaaa;color:#000;}
.pipelines .item .neme {
	padding:0 100px 0 0;
}
.pipelines .item .date {
	background:url("iconcalblack.png") no-repeat 0 0;
	font-family:'Open Sans', sans-serif;
	margin:0 -50px 0 0;
	padding:0 0 0 36px;
	line-height:24px;
	display:block;
	font-size:20px;	
	float:right;
	height:24px;
	width:64px;
	color:#000;
	font-weight: bold;
}
.pipelines .item h2 {

	font-family:'Open Sans', sans-serif;
	line-height:34px;
	font-size:20px;
	float:left;
	font-weight: bold;
}
.pipelines .item .btns {
	padding:0;
	width:400px;
	float:right;
}
.pipelines .item .btns a {
	float:left;
	margin:0 5px;
	padding:7px 15px;	
	border-radius:11px;
	text-align:center;
	line-height:20px;
	background:#777;
	font-size:12px;
	height:35px;
}
.pipelines .item .btns a.purple {
	background:#777;
	color:#fff;
}
.pipelines .item .desc {
	padding:10px 0 10px;
}
.pipelines .item .processbar {
	background:#e8e8e8;
	border-radius:15px;	
	height:30px;
	width:100%;
}
.pipelines .item .processbar span {
	background:url("processpipeline.png") repeat-x 0 0;		
	display:inline-block;
	border-radius:15px;
	height:30px;
	float:left;
}
.pipelines .item .processvar {
	background:url("processpipelineok.png") no-repeat 100% 32px;
	padding:30px 20px 0;
}
.pipelines .item .processvar li {
	position:relative;
	padding:0 7px 0;	
	font-size:12px;	
	width:16.6%;
	float:left;
}
.pipelines .item .processvar li::after, 
.pipelines .item .processvar li:last-child::before {
	position:absolute;
	background:#fff;
	overflow:hidden;
	content:".";	
	height:15px;
	width:1px;
	bottom:0;
	left:0;
}
.pipelines .item .processvar li:last-child::before {left:95%;}
.pipelines .item.white .date {background:url("iconcalgrey.png") no-repeat 0 0;color:#000;}
.pipelines .item.white .btns a {background:#777;color:#fff;}
.pipelines .item.white .btns a.purple {background:#777;color:#eee;}
.pipelines .item.white .processbar {background:#e8e8e8;}
.pipelines .item.white .processbar span {background:url("processpipelinered.png") repeat-x 0 0;}


}