/* Breadcrumb */

#breadcrumb {
		width:100%;
		height: 30px;
		line-height: 30px;
		padding: 0;
		margin: 10px 0 0 0;
		background-color: #F3F3F3;
		border: 1px solid #ccc;
	}
	

	#breadcrumb li {
			float:left;
			list-style: none;
			padding-left: 3px;
		}
		
		#breadcrumb li .step {
				padding-right: 9px;
				height: 30px;
				display: block;
				text-decoration: none;
				color: #1C6861;
				position: relative;
				background-color: #Fff;
				padding-left: 9px;
				font-size: 1.2em;
			}
	
			#breadcrumb li .step:after {
				content: "";  
				border-top: 15px solid #F3F3F3;
				border-bottom: 15px solid #F3F3F3;
				border-left: 3px solid #fff;
				position: absolute; 
				right: -3px; 
				top: 0;
				bottom: 0;
			}
			
			#breadcrumb li .step:before {
				content:"";
				border-top: 15px solid transparent;
				border-bottom: 15px solid transparent;
				border-left: 3px solid #F3F3F3;
				position: absolute; 
				left: 0; 
				top: 0;
				bottom: 0;
			}
	
		#breadcrumb li .title {
				padding-left: 2px;
			}

		#breadcrumb li.current .step {
			background-color: #CFE4E7;
			color: #1C6861;
		}

		#breadcrumb li.completed .step {
			/*background-color: #E2E2E2;
			color: #1C6861;*/
		}

			#breadcrumb li.completed .step:after {
				/*border-left: 3px solid #E2E2E2;*/
			}

			#breadcrumb li.current .step:after {
				border-left: 3px solid #F3F3F3;
			}

		#breadcrumb li.first {
			padding-left: 0
		}

		#breadcrumb li.first .step:before {
			display: none;
		}
		
		#breadcrumb li.last .step:after {
			border-right: 3px solid #fff;
			border-top: 0;
			border-bottom: 0;
		}

@media only screen and (max-width: 1023px) {
	#breadcrumb li .step {padding: 0 20px;}
	#breadcrumb li .title {display: none;}
	#breadcrumb li.current .title {display: inline;}
}


@media only screen and (max-width: 799px) {
	#breadcrumb li .step {padding: 0 20px;}
	#breadcrumb li .title {display: none;}
	#breadcrumb li.current .title {display: inline;}
}

@media only screen and (max-width:549px) {
	#breadcrumb li .step {font-size: 1.1em;padding: 0 8px;}
	#breadcrumb li .title {display: none;}
	#breadcrumb li.current .title {display: inline;}					
}