* { 
	margin: 0; 
	padding: 0
} 

html { 
	height: 100%
} 

h2{ 
	color: #2F8D46; 
} 
#form { 
	text-align: center; 
	position: relative; 
	margin-top: 20px
} 

#form fieldset { 
	background: white; 
	border: 0 none; 
	border-radius: 0.5rem; 
	box-sizing: border-box; 
	width: 100%; 
	margin: 0; 
	padding-bottom: 20px; 
	position: relative
} 

.finish { 
	text-align: center
} 

#form fieldset:not(:first-of-type) { 
	display: none
} 

#form .previous-step, .next-step { 
	width: 100px; 
	font-weight: bold; 
	color: white; 
	border: 0 none; 
	border-radius: 0px; 
	cursor: pointer; 
	padding: 10px 5px; 
	margin: 10px 5px 10px 0px; 
	float: right
} 

.form, .previous-step { 
	background: #616161; 
} 

.form, .next-step { 
	background: #2F8D46; 
} 

#form .previous-step:hover, 
#form .previous-step:focus { 
	background-color: #000000
} 

#form .next-step:hover, 
#form .next-step:focus { 
	background-color: #2F8D46
} 

.text { 
	color: #2F8D46; 
	font-weight: normal
} 

#progressbar { 
	margin-bottom: 30px; 
	overflow: hidden; 
	color: lightgrey 
} 

#progressbar .active { 
	color: #2F8D46
} 
/*#progressbar li { 
	list-style-type: none; 
	font-size: 15px; 
	width: 25%; 
	float: left; 
	position: relative; 
	font-weight: 400
} */
@media screen and (max-width: 1900px) {
 #progressbar li { 
	list-style-type: none; 
	font-size: 15px; 
	width: 25%; 
	float: left; 
	position: relative; 
	font-weight: 400;
        height: 90px
            
} 
#progressbar li:after { 
	content: ''; 
	width: 100%; 
	height: 2px; 
	background: lightgray; 
	position: absolute!important; 
	left: 0; 
	top: 25px; 
	/*z-index: -1*/
} 





}
@media screen and (max-width: 600px) {
 #progressbar li { 
	width: 32%; 
	position: relative; 
        height: 85px;
  
	
} 

#progressbar li:after { 
	content: ''; 
	/*width: 78px;*/
	height: 2px; 
	background: lightgray; 
	position: absolute!important; 
	/*left:145px;*/ 
	/*top: 124px;*/ 
	/*z-index: -1*/
        /*transform: rotate(90deg);*/
} 


}


#progressbar #step0:before { 
	content: "+"
} 
#progressbar #step1:before { 
	content: "1"
} 

#progressbar #step2:before { 
	content: "2"
} 

#progressbar #step3:before { 
	content: "3"
} 

#progressbar #step4:before { 
	content: "4"
} 
#progressbar #step5:before { 
	content: "5"
} 
#progressbar #step6:before { 
	content: "6"
} 
#progressbar #step7:before { 
	content: "7"
} 
#progressbar #step8:before { 
	content: "8"
} 
#progressbar #step9:before { 
	content: "9"
} 
#progressbar #step10:before { 
	content: "10"
} 
#progressbar #step11:before { 
	content: "11"
} 
#progressbar #step12:before { 
	content: "12"
} 
#progressbar #step13:before { 
	content: "13"
} 
#progressbar #step14:before { 
	content: "14"
} 
#progressbar #step15:before { 
	content: "15"
} 
#progressbar #step16:before { 
	content: "16"
} 
#progressbar #step17:before { 
	content: "17"
} 
#progressbar #step18:before { 
	content: "18"
} 
#progressbar #step19:before { 
	content: "19"
} 
#progressbar #step20:before { 
	content: "20"
} 
#progressbar #step21:before { 
	content: "21"
} 
#progressbar #step22:before { 
	content: "22"
} 
#progressbar #step23:before { 
	content: "23"
} 
#progressbar #step24:before { 
	content: "24"
} 
#progressbar #step25:before { 
	content: "25"
} 
#progressbar #step26:before { 
	content: "26"
} 
#progressbar #step27:before { 
	content: "27"
} 
#progressbar #step28:before { 
	content: "28"
} 
#progressbar #step29:before { 
	content: "29"
} 
#progressbar #step30:before { 
	content: "30"
} 
#progressbar #step31:before { 
	content: "31"
} 
#progressbar #step32:before { 
	content: "32"
} 
#progressbar #step33:before { 
	content: "33"
} 
#progressbar #step34:before { 
	content: "34"
} 
#progressbar #step35:before { 
	content: "35"
} 
#progressbar #step36:before { 
	content: "36"
} 
#progressbar #step37:before { 
	content: "37"
} 
#progressbar #step38:before { 
	content: "38"
} 
#progressbar #step39:before { 
	content: "39"
} 
#progressbar #step40:before { 
	content: "40"
} 
#progressbar #step41:before { 
	content: "41"
} 
#progressbar #step42:before { 
	content: "42"
} 
#progressbar #step43:before { 
	content: "43"
} 
#progressbar #step44:before { 
	content: "44"
} 
#progressbar #step45:before { 
	content: "45"
} 
#progressbar #step46:before { 
	content: "46"
} 
#progressbar #step47:before { 
	content: "47"
} 
#progressbar #step48:before { 
	content: "48"
} 
#progressbar #step49:before { 
	content: "49"
} 
#progressbar #step50:before { 
	content: "50"
} 

#progressbar li:before { 
	width: 50px; 
	height: 50px; 
	line-height: 45px; 
	display: block; 
	font-size: 20px; 
	color: #ffffff; 
	background: lightgray; 
	border-radius: 50%; 
	margin: 0 auto 10px auto; 
	padding: 2px;
        position: relative;
        z-index: 2222222;
} 


#progressbar li.active:before, 
#progressbar li.active:after { 
	background: #2F8D46
} 

.progress { 
	height: 20px
} 

.progress-bar { 
	background-color: #2F8D46
}