#flxc-calculator-wrap{
	width: 100%;
}

#flxc-calculator-header,
#flxc-calculator-body,
#flxc-calculator-footer{
	margin: 0;
	display: inline-block;
	width: 100%;
	border: 1px solid #000;
	border-radius: 20px;
}

#flxc-calculator-header{
	color: #fff;
	background: #0b5383;
	text-align: right;
	padding: 30px 15px;
}

#flxc-calculator-body{
	color: #000;
	background: #fff;
	padding: 30px 45px;
}

#flxc-calculator-footer{
	color: #000;
	background: #fff;
	padding: 30px 45px;
}

#flxc-calculator-wrap .clear{
	clear: both;
}

#flxc-calculator-wrap .hidden{
	display: none;
}

#flxc-calculator-wrap .section-top,
#flxc-calculator-wrap .section-middle{
	margin: 0 0 10px;
	height: 38px;
}

#flxc-calculator-wrap .section-top label{
	margin: 0 10px 0 0;
	max-width: 100px;
	width: 100%;
	display: inline-block;
	float: left;
}

#flxc-calculator-wrap .section-middle label{
	margin: 0 10px 0 0;
	max-width: 150px;
	width: 100%;
	display: inline-block;
	float: left;
}

#flxc-calculator-wrap fieldset input,
#flxc-calculator-wrap fieldset select{
	border: 1px solid #000;
	background: #fff;
	padding: 5px 10px;
	font-size: 18px;
	border-radius: 5px;
	color: #000;
}

#flxc-calculator-wrap select{
	cursor: pointer;
	height: 37px;
}

#flxc-calculator-wrap option{
	background: #fff;
	padding: 5px 10px;
	font-size: 18px;
	cursor: pointer;
	height: 37px;
}


#flxc-calculator-wrap label{
	padding: 5px 0;
	cursor: pointer;
}


#flxc-email{
	max-width: 400px;
	width: 100%;
}

#flxc-age,
#flxc-height{
	max-width: 100px;
	width: 100%;
}

.flxc-gender-wrap{
	display: inline-block;
	max-width: 150px;
	width: 100%;
}

.flxc-gender-wrap input,
.flxc-gender-wrap label{
	display: inline-block;
}

.flxc-gender-wrap input{
	float: left;
	line-height: 22px;
	height: 35px;
	margin: 0 5px 0 0;
}

.flxc-info-wrap{
	display: inline-block;
	max-width: 400px;
	width: 100%;
}

#flxc-calculator-wrap #flxc-height,
#flxc-calculator-wrap #flxc-weight{
	margin: 0 10px 0 0;
	max-width: 120px;
	width: 100%;
	display: inline-block;
}

#flxc-calculator-wrap .section-often,
#flxc-calculator-wrap .section-job,
#flxc-calculator-wrap .section-goal{
	margin: 0 0 10px;
}

#flxc-calculator-wrap .section-often label{
	display: block;
	width: 100%;
}

#flxc-calculator-wrap .section-often select{
	display: inline-block;
	max-width: 400px;
	width: 100%;
}

#flxc-calculator-wrap .section-job label[for="flxc-job"]{
	display: inline-block;
	width: 100%;
}

#flxc-calculator-wrap .section-goal label[for="flxc-goal"]{
	margin-right: 20px;
}

.flxc-goal-wrap{
	display: inline-block;
	margin: 0 20px 0 0;
}

.flxc-goal-wrap input,
.flxc-goal-wrap label{
	display: inline-block;
}

.flxc-goal-wrap input{
	float: left;
	line-height: 22px;
	height: 35px;
	margin: 0 5px 0 0;
}

#flxc-form-submit-btn{
	border-radius: 20px;
	background: #1db954;
	color: #fff;
	max-width: 50%;
	margin: 10px auto 0;
	text-transform: uppercase;
}

.flxc-align-center{
	text-align: center;
}

#flxc-form-submit-btn:hover{
	background: #0b5383;
}

.flxc-footer-container{
	border: 1px solid #000;
	border-radius: 15px;
	padding: 20px;
}

.flxc-footer-title h1,
.flxc-footer-title h2,
.flxc-footer-title h3{
	margin: 0 0 10px;
	text-align: center;
}

#flxc-calculator-wrap .flxc-error-mes{
	text-align: center;
	display: block;
	width: 100%;
	padding: 10px 20px;
	color: #ff0000;
	border: 2px solid #ff0000;
	display: none;
}

#flxc-calculator-wrap .flxc-error{
	color: #ff0000;
}

#flxc-calculator-wrap .flxc-error input,
#flxc-calculator-wrap .flxc-error select{
	border-color: #ff0000;
}

#flxc-calculator-footer{
	display: none;
}

#flxc-calc-form .wait{
	background: #CCC;
	color: #000;
}

#flxc-calculator-wrap .modal {
	text-align: center;
	padding: 0!important;
}

#flxc-calculator-wrap .modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px; /* Adjusts for spacing */
}

#flxc-calculator-wrap .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

#flxc-calculator-wrap .modal-dialog .close{
    top: -20px;
    right: -20px;
    position: absolute;
    border-radius: 50px;
    background: #0b5383;
}

#flxc-calculator-wrap .flxc-modal{
	border-radius: 10px;
	padding: 6px;
	background: #0b5383;
	height: auto;
	line-height: 10px;
	margin: 0 8px;
	margin-top: -1px;
}

#flxc-calculator-wrap .flxc-modal:hover,
#flxc-calculator-wrap .modal-dialog .close:hover{
	background: #ccc;
}

.flxc-dietary-wrap{
	display: inline-block;
	margin-right: 20px;
}

label[for="flxc-dietary"]{
	margin-right: 20px;
}

.section-dietary>*{
	margin-bottom: 10px;
}

@media screen and (max-width: 1035px) {
	.flxc-info-wrap{
		margin: 0 0 10px;
	}
	#flxc-calculator-wrap fieldset label,
	#flxc-calculator-wrap fieldset input, 
	#flxc-calculator-wrap fieldset select{
	
	}
	.flxc-gender-wrap{
		width: 50%;
	}
	#flxc-calculator-wrap .flxc-info-wrap label,
	#flxc-calculator-wrap .flxc-info-wrap input{
		float: none !important;
	}
	#flxc-calculator-wrap fieldset.section-middle{
		display: inline-block;
		height: auto;
	}
}

@media screen and (max-width: 730px) {
	#flxc-calculator-wrap input[type="text"],
	#flxc-calculator-wrap select,
	#flxc-calculator-wrap input[type="submit"],
	#flxc-calculator-wrap label,
	#flxc-calculator-wrap fieldset,
	#flxc-height,
	#flxc-weight,
	.flxc-info-wrap{
		display: inline-block !important;
		width: 100% !important;
		float: none !important;
		max-width: 100% !important;
		height: auto !important;
	}
	#flxc-calculator-wrap .flxc-gender-wrap label,
	#flxc-calculator-wrap .flxc-job-wrap label,
	#flxc-calculator-wrap .flxc-goal-wrap label{
		float: left !important;
		width: 80% !important;
		max-width: 100% !important;
	}
	#flxc-calculator-wrap .flxc-gender-wrap,
	#flxc-calculator-wrap .flxc-job-wrap,
	#flxc-calculator-wrap .flxc-goal-wrap,
	#flxc-calculator-wrap .flxc-dietary-wrap{
		width: 100% !important;
		max-width: 100% !important;
	}
	#flxc-calculator-wrap input[type="text"],
	#flxc-calculator-wrap select{
		height: 50px !important;
		font-size: 22px;
	}
	#flxc-calculator-wrap fieldset{
		margin: 0 0 15px !important;
	}
	.flxc-gender-wrap input,
	.flxc-gender-wrap label,
	.flxc-job-wrap input,
	.flxc-job-wrap label,
	.flxc-goal-wrap input,
	.flxc-goal-wrap label{
		padding: 0 !important;
		height: 24px !important;
		line-height: 24px !important;
	}
	.flxc-gender-wrap label,
	.flxc-job-wrap label,
	.flxc-goal-wrap label,
	.flxc-dietary-wrap label{
		width: 90% !important;
	}
	#flxc-calculator-body,
	#flxc-calculator-footer{
		padding: 5%;
	}

	#flxc-calculator-wrap .flxc-dietary-wrap label{
		width: 80% !important;
	}

	.section-dietary>*{
		margin-bottom: 0px;
	}

}