body{
	transition:padding 300ms;
	-moz-transition:padding 300ms;
	-webkit-transition:padding 300ms;
}

/*body.show-progress{
	padding-bottom:65px;
}*/

.progress{
	position:fixed;
	bottom:0px;
	left:0px;
	width:75px;
	z-index:7000;
	overflow: hidden;
	height:65px;
}

body.show-progress .progress{
	width:100%;	
}

.progress-icon{
	height:65px;
	width:75px;
	position:absolute;
	left:0px;
	bottom:0px;
	border-radius:0px 10px 0px 0px;
	cursor: pointer;
	opacity:1;	
	z-index:2;
	background-color:rgba(54,54,54,1);
	background-image:url(images/progress-icon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:60% auto;
	transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-webkit-transition:opacity 300ms;
}

.show-progress .progress-icon{
	opacity:0;
	z-index:1;
}

.progress-close{
	height:65px;
	width:75px;
	position:absolute;
	left:0px;
	bottom:0px;
	cursor: pointer;	
	background-color:rgba(0,0,0,1);
	background-image:url(images/progress-close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:40% auto;
	opacity:0;
	z-index:1;
	transition:background 100ms, opacity 300ms;
	-moz-transition:background 100ms, opacity 300ms;
	-webkit-transition:background 100ms, opacity 300ms;
}

.show-progress .progress-close{
	opacity:1;
	z-index:2;
}

.progress-close:hover{
	background-size:45% auto;
}

.progress-steps{
	width: calc(100% - 75px);
	height:65px;
	position:absolute;
	right:0px;
	bottom:-75px;
	background-color:rgba(54,54,54,1);
	transition:bottom 300ms;
	-moz-transition:bottom 300ms;
	-webkit-transition:bottom 300ms;
}

.show-progress .progress-steps{
	bottom:0px;
}

.progress-step{
	box-sizing:border-box;
	text-decoration: none;
	width:20%;
	float:left;
	height:65px;
	color:#ccc;
	font-size:1.6rem;
	line-height:2rem;
	font-weight:100;
	border-right:1px solid #000;
	cursor: pointer;
	transition:background 300ms;
	-moz-transition:background 300ms;
	-webkit-transition:background 300ms;
}

.progress-step:hover{
	background-color:rgba(77,77,77,1);
}

.progress-step.next{
	border-bottom: 5px solid #e7b220;
	color:#fff;
}

.progress-step.complete {
	border-bottom: 5px solid #0A0;
}

.progress-info {
	display: block;
	margin: 10px auto 0;
	width: 140px;
}

.progress-step.complete span.progress-info {
	margin: 10px auto 0;
}

.progress-step em{
	color:#0A0;
	display:none;
}

.progress-step.complete em{
	display:inline;
}

.progress-step strong{
	display:block;
}