@import "../fonts/font-awesome/css/font-awesome.min.css";/*!

 */
 .stepy-header{
 	display:table;
 	width:100%;
 	list-style:none;
 	padding-left:0;
 	border-bottom:1px solid #e6e7e8;
 	}
.stepy-header li{
	padding: 0px 5px 0px 10px;
	text-align: center;
	display:table-cell;
	cursor:pointer;
	line-height:1.42;
	color:#000;
	font-size:14px;
	}
.stepy-header li div{
	background-color:red;
	border-radius: 3px;
	padding: 3px;
	color:#FFF;
	font-size:18px;
	font-weight: bold;
	font-family:'Source Sans Pro','Open Sans','Segoe UI','Droid Sans',Tahoma,Arial,sans-serif;font-family:300
	}
.stepy-header li:not(.stepy-active){
	opacity:.3
	}
.stepy-navigator{
	margin:5px 0px 0px 0px;
	padding:25px 25px;
	border-top:1px solid #e6e7e8;
	}
.pull-right{
	margin: -17px 0px 0px 10px;
}


@media (max-width: 767px) {
	.dot_style{display: none;}
}

@media (max-width: 603px) {
	.dot_style{display: none;}

}

@media (max-width: 532px) {
	.panel-body {padding: 0px;}
	.stepy-header li {line-height: 0.7;padding: 0 1px 0 2px;}
	.stepy-header li div {font-size: 10px;}
	legend {margin-bottom: 0px;}
	.middle_content{min-height: 100px;}
	.dot_style{display: none;}
}

@media (max-width: 480px) {
	.panel-body {padding: 0px;}
	.stepy-header li {line-height: 0.7;padding: 0 1px 0 2px;}
	.stepy-header li div {font-size: 10px;}
	legend {margin-bottom: 0px;}
	.middle_content{min-height: 100px;}
	.dot_style{display: none;}
}


@media (max-width: 420px) {
	.panel-body {padding: 0px;}
	.stepy-header li {line-height: 0.7;padding: 0 1px 0 2px;}
	.stepy-header li div {font-size: 10px;}
	legend {margin-bottom: 0px;}
	.middle_content{min-height: 100px;}
	.dot_style{display: none;}
}

@media (max-width: 360px) {
	.panel-body {padding: 0px;}
	.stepy-header li {line-height: 0.7;padding: 0 1px 0 2px;}
	.stepy-header li div {font-size: 10px;}
	legend {margin-bottom: 0px;}
	.middle_content{min-height: 100px;}
	.dot_style{display: none;}
}

@media (max-width: 320px) {
	.panel-body {padding: 0px;}
	.stepy-header li {line-height: 0.7;padding: 0 1px 0 2px;}
	.stepy-header li div {font-size: 10px;}
	legend {margin-bottom: 0px;}
	.middle_content{min-height: 100px;}
	.dot_style{display: none;}
}

@media (max-width: 275px) {
	.panel-body {padding: 0px;}
	.stepy-header li {line-height: 0.7;padding: 0 1px 0 2px;}
	.stepy-header li div {font-size: 10px;}
	legend {margin-bottom: 0px;}
	.middle_content{min-height: 100px;}
	.dot_style{display: none;}
}