@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

#msform {
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: #fff;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
}

fieldset{position:absolute;}

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

/*------Buttons-----------*/
#formpage input[type="button"]{background-color:#fecf0d; font-size:15px; font-weight:400; color:#000!important; width:160px; padding:12px; border-radius:10px; border:none!important; text-align:center; display:inline-block; transition:.3s ease;}
#formpage input[type="button"]:hover{background-color:#000!important; color:#fff!important; cursor:pointer;}
 
#formpage input.previous.action-button{border:solid 1px #000!important; color:#000!important; background-color:#fff;}
#formpage input.previous.action-button:hover{color:#fff!important;}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
	position: relative;
	z-index: 0;
	display:flex;
}
#progressbar li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 13px;
	line-height:16px;
	flex:1;
	float: left;
	position: relative;
}
#progressbar li:first-of-type{width:40px; flex:0;}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	line-height: 30px;
	border-radius:10px;
	display: block;
	font-size: 16px;
	font-weight:800;
	color: #fff;
	background: #584637;
	float:right;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	color:#fff;
	position: absolute;
	left: 0%;
	top: 9px;
	z-index: -1;
}
#progressbar li:first-child:after {
	content: none; 
}
#progressbar li.active:before,  #progressbar li.active:after{
	background:#fecf0d;
	color: #000;
}
.style1 {color: #000 !important;}
/*--------FORM STYLES--------------------*/

.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
#formpage input, select {padding:14px;border: 1px solid #000; border-radius:5px; color: #000!important;font-size: 18px;}
#formpage input::placeholder{color:#000; font-family:'Oswald', sans-serif; }
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 30px 0px 20px 0;}
.form-half{width:calc(50% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-third{width:calc(33.33% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-whole{width:calc(100% - 10px);display:block;vertical-align:middle;margin:5px;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}

.flex-form h2{font-size:40px; padding-bottom:20px;}
.flex-check{width:100%; display:flex; flex-direction:row; justify-content:flex-start;}
.form-check{border:solid 1px #000; margin:5px; position:relative; padding:12px 20px; border-radius:5px; box-sizing:border-box; height:55px;}
.form-check label{font-size:18px;}

.btn-row2{display:flex; flex-direction:row; justify-content:center;}
#formpage textarea {font-family:'Oswald', sans-serif; font-size:16px; box-sizing:border-box;padding: 14px;border: 1px solid #000!important;color: #000;background: #fff;width: 100%;height: 100px;border-radius:5px;}
#formpage textarea::placeholder{color:#000;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background-color:#fecf0d; font-size:15px; font-weight:400; color:#000!important; width:160px; padding:12px; border-radius:10px; border:none!important; text-align:center; display:inline-block; transition:.3s ease;}

#formpage input.submit-button:hover, #submit-btn button:hover{background:#000; color:#fff!important;;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:120px; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#000;}

.CaptchaPanel{text-align:left!important; padding:0!important; margin:0!important;}

@media screen and (max-width: 750px){
	#msform{margin: 0 auto;}
	#progressbar{display: none;}
	.flex-row{flex-direction:column;}
	.form-half, .form-third{width:calc(100% - 10px);}
}

@media screen and (max-width: 650px){
	#msform{margin: 0 auto;}
	#progressbar{display: none;}
	


}