Plugin

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<!--<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>-->

<style>
	body {
		background-color: #000;
	}
</style>

<style>
	.step-heading {
		color:#ffffff;
		text-align:center;
		font-size:40px;
	}

	.step-heading span {
		font-size:40px;
	}

	.w-100 {
		width:100%;
	}

	.mt-1 {
		margin-top:10px; 
	}

	.mt-2 {
		margin-top:20px; 
	}

	.mt-4 {
		margin-top:40px;
	}

	.ml-2 {
		margin-left:20px;
	}

	.ml-3 {
		margin-left:30px;
	}

	.ml-4 {
		margin-left:40px;
	}

	.ml-5 {
		margin-left:50px;
	}

	.lh-row {
		width:100%;
		position:relative;
	}

	.lh-col-4 {
		width:33.3333333333%;
		float:left;
	}

	.lh-col-8 {
		width:66.666666667%;
		float:left;
	}

	.text-white {
		color:#fff;
	}

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

	.text-stroke {
		color: transparent;-webkit-text-stroke: 1px white;
	}

	.text-red {
		color:#FF0000;
	}

	input.outline {
		text-align:center;
		background-color:rgb(0,0,0,0);
		color:#fff;
		padding:15px 20px;
		width: 800px;
		margin-top:20px;
		font-size:20px;
		font-weight:300;
		border:1px solid #FFF;
	}

	input.outline::placeholder {
		color:#fff;
		font-size:20px;
		font-weight:300;
	}

	#calculatorStep2 .outline-btn,#calculatorStep2 .next-btn {
		width:100%;
	}

	#calculatorStep3 .outline-btn,#calculatorStep3 .next-btn {
		width:500px;
	}

	#calculatorStep4 .outline-btn,#calculatorStep4 .next-btn {
		width:100%;
	}

	#calculatorStep4 .outline-btn {
		height:90px;
	}

	#tbox-age, #tbox-age:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #ed1a3b;
		color: #fff;
		width: 100px;
	}

	#tbox-height, #tbox-height:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #ed1a3b;
		color: #fff;
		width: 140px;
	}

	#tbox-weight, #tbox-weight:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #fff;
		color: #fff;
		width: 140px;
	}

	#tbox-restCalories, #tbox-restCalories:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #fff;
		color: #ed1a3b;
		width: 150px;
	}

	#tbox-trainingCalories, #tbox-trainingCalories:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #fff;
		color: #ed1a3b;
		width: 160px;
	}

	#tbox-goalsCalories, #tbox-goalsCalories:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #fff;
		color: #ed1a3b;
		width: 160px;
	}

	#tbox-resTrainingCalories, #tbox-resTrainingCalories:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #fff;
		color: #ed1a3b;
		width: 160px;
	}

	#tbox-resTrainingProtein, #tbox-resTrainingProtein:focus {
		border:0;
		font-size:60px;
		font-weight:bold;
		background-color:#000;
		border-bottom:3px solid #fff;
		color: #ed1a3b;
		width: 120px;
	}

	.outline-btn {
		padding:15pX 60px;
		border:1px solid #fff;
		background-color:RGB(0,0,0,0);
		color:#fff;
		font-size:20px !important;
	}

	.outline-btn.selected {
		background-color:#ed1a3b;
		BORDER:0;
	}

	.next-btn {
		padding:15px 80px;
		border:1px solid #fff;
		background-color:RGB(0,0,0,0);
		color:#fff;
		font-weight:bold;
		font-size:20px !important;
	}

	.next-btn:hover {
		background-color:#ed1a3b;
		border:0;
	}

	VueApp.input[type=number]::-webkit-inner-spin-button {
		background-color:#000;
		color:#fff;
	}

	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	input[type=number] {
		-moz-appearance: textfield;
	}

	#calculatorStep1 input {
		height:80px;
	}

	#calculatorStep1 label {
		line-height:80px;
		float:left;
	}

	.quantity-nav {
		float: left;
		position: relative;
		height: 80px;
	}

	.quantity-button {
		position: relative;
		cursor: pointer;
		border: none;
		border-left: 1px solid rgba(0, 0, 0, 0.08);
		width: 25px;
		text-align: center;
		color: #FFF;
		font-size: 13px;
		font-family: "FontAwesome" !important;
		line-height: 1.5;
		padding: 0;
		background-color: #000;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	.quantity-button:active {
		background: #000;
	}

	.quantity-button.quantity-up {
		position: absolute;
		right:-30px;
		top: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
		font-family: "FontAwesome";
		border-radius: 0 4px 0 0;
		line-height: 1.6;
		height:50%;
	}

	.quantity-button.quantity-down {
		position: absolute;
		bottom: 0;
		right:-30px;
		font-family: "FontAwesome";
		border-radius: 0 0 4px 0;
		height:50%;
	}

	p, span, label {
		font-size:20px;
	}

	#VueApp.container {
		max-width:100%;
		margin: 0 auto;
	}

	@media only screen and (max-width: 600px) {
		#VueApp.container {
			max-width:90%;
		}
	}

	#calculatorStep1 p,#calculatorStep2 p,#calculatorStep3 p,#calculatorStep4 p,,#calculatorStep5 p {
		font-size:24px;
	}

	#calculatorStep1 {
		max-width:900px;
		margin: 0 auto;
	}

	#calculatorStep2 {
		max-width:600px;
		margin: 0 auto;
	}

	#calculatorStep4 {
		max-width:700px;
		margin: 0 auto;
	}

	#calculatorStep5 {
		width:90%;
		margin:0 auto;
	}

	#calculatorStep4 .outline-btn {
		background-repeat: no-repeat;
		background-position-y: center;
		background-position-x: 35px;
		padding-left:110px !important;
	}


	#calculatorStep4 .outline-btn:nth-of-type(1) {
		background-image: url("https://www.lifehub.com.au/wp-content/uploads/2020/08/LowerBodyFat_White_Unselected.png");
	}

	#calculatorStep4 .outline-btn:nth-of-type(1).selected {
		background-image: url("https://www.lifehub.com.au/wp-content/uploads/2020/08/LowerBodyFat_Red_Selected.png");
		background-color:rgb(0,0,0,0);
		border:1px solid #ed1a3b;
		color:#ed1a3b;
	}

	#calculatorStep4 .outline-btn:nth-of-type(2) {
		background-image: url("https://www.lifehub.com.au/wp-content/uploads/2020/08/BuildMuscle_White_Unselected.png");
	}

	#calculatorStep4 .outline-btn:nth-of-type(2).selected {
		background-image: url("https://www.lifehub.com.au/wp-content/uploads/2020/08/BuildMuscle_Red_Selected.png");
		background-color:rgb(0,0,0,0);
		border:1px solid #ed1a3b;
		color:#ed1a3b;
	}

	#calculatorStep4 .outline-btn:nth-of-type(3) {
		background-image: url("https://www.lifehub.com.au/wp-content/uploads/2020/08/PerformBetter_White_Unselected.png");
	}

	#calculatorStep4 .outline-btn:nth-of-type(3).selected {
		background-image: url("https://www.lifehub.com.au/wp-content/uploads/2020/08/PerformBetter_Red_Selected.png");
		background-color:rgb(0,0,0,0);
		border:1px solid #ed1a3b;
		color:#ed1a3b;
	}

	#formCheck-block {
		width:800px;
		margin:0 auto;
		margin-top:15px;
		position:relative;
	}

	#formCheck input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.checkmark {
		height: 25px;
		width: 25px;
		background-color: #000;
		position:absolute;
		left:0;
		top:0;
		border:1px solid #fff;
	}

	#formCheck:hover input ~ .checkmark {
		border:1px solid #ed1a3b;
	}

	#formCheck input:checked ~ .checkmark {
		background-color: #ed1a3b;
	}

	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	#formCheck input:checked ~ .checkmark:after {
		display: block;
	}

	#formCheck .checkmark:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#calculatorStep6 {
		margin-top:200px;
	}

	.thankYouBg {
		background-image: url(https://www.lifehub.com.au/wp-content/uploads/2020/08/ThankyouPage_1920x1080_withoverlay.jpg) !important;
	}

</style>

<div id="VueApp" class="text-white container">

	<div id="calculatorStep1" class="text-center" v-if="step ==1">
		<h1 class="step-heading">
			NUTRITION NEEDS CALCULATOR <span class="text-stroke">STEP {{step}}</span>
		</h1>
		<p style="margin-top:140px;">
		To find out your nutrition needs we’ll first need to work out your energy needs.</p>
		<p style="margin-top:50px;">
			This starts with your <b class="text-red">Basal Metabolic Rate</b> which is approximately 70% of your
			total daily energy expenditure. 
		</p>
		<p style="margin-top:50px;">
			For that we’ll need to know the following: 
		</p>
		<div style="width:100%;margin: 0 auto;margin-top:40px;">
			<div style="width:200px;float:left;">
				<label for="tbox-age">Age:</label>
				<input v-model="age" style="float:left;" type="text" id="tbox-age" name="age">
				<div class="quantity-nav"><button v-on:click="addAge();" class="quantity-button quantity-up">&#xf106;</button><button v-on:click="substractAge();" class="quantity-button quantity-down">&#xf107;</button></div>
			</div>
			<div style="width:325px;float:left;">
				<label for="tbox-height" class="ml-3">Height:</label>
				<input v-model="height" style="float:left;" type="text" id="tbox-height" name="height">
				<div class="quantity-nav"><button v-on:click="addHeight();" class="quantity-button quantity-up">&#xf106;</button><button v-on:click="substractHeight();" class="quantity-button quantity-down">&#xf107;</button></div>
				<span style="float:left;line-height:80px;margin-left:20px;">cm</span>
			</div>
			<div style="width:325px;float:left;">
				<label for="tbox-weight" class="ml-3">Weight:</label>
				<input v-model="weight" style="float:left;" type="text" id="tbox-weight" name="weight">
				<div class="quantity-nav"><button v-on:click="addWeight();" class="quantity-button quantity-up">&#xf106;</button><button v-on:click="substractWeight();" class="quantity-button quantity-down">&#xf107;</button></div>
				<span style="float:left;line-height:80px;margin-left:20px;">kg</span>
			</div>
		</div>
		<div style="clear:both;"></div>
		<div style="margin-top:50px;">
			<button style="margin-right:10px;" class="outline-btn" v-on:click="gender= 'female'" v-bind:class="{ selected: gender=='female' }">
				Female
			</button>
			<button style="margin-left:10px;" class="outline-btn" v-on:click="gender= 'male'" v-bind:class="{ selected: gender=='male' }">
				Male
			</button>
		</div>
		<div style="margin-top:50px;">
			<button class="next-btn" v-on:click="step=2">
				NEXT
			</button>
		</div>
	</div>

	<div id="calculatorStep2" v-if="step ==2">
		<h1 class="step-heading">
			NUTRITION NEEDS CALCULATOR <span class="text-stroke">STEP {{step}}</span>
		</h1>
		<div>
			<p class="text-center">
				You burn approximately <input style="text-align:center;" type="text" id="tbox-restCalories" :value="bmr" readonly> Calories at rest.
			</p>
			<p class="text-center">
				This doesn’t factor in your current daily activity, diet or personal
				history but we can help you with that.
			</p>
			<p class="text-center">
				The next step is to factor in your activity on a non training day.
				On average, how many steps do you take?
			</p>
		</div>
		<div class="text-center mt-4">
			<button v-on:click="step2opt=1" v-bind:class="{selected: step2opt=='1'}" class="outline-btn mt-1">
				Under 8,000 Steps
			</button><br>
			<button v-on:click="step2opt=2" v-bind:class="{selected: step2opt=='2'}" class="outline-btn mt-1">
				Between 8,000 to 10,000 Steps
			</button><br>
			<button v-on:click="step2opt=3" v-bind:class="{selected: step2opt=='3'}" class="outline-btn mt-1">
				Between 10,000 to 12,000 Steps
			</button><br>
			<button v-on:click="step2opt=4" v-bind:class="{selected: step2opt=='4'}" class="outline-btn mt-1">
				Between 12,000 to 15,000 Steps
			</button><br>
			<button v-on:click="step2opt=5" v-bind:class="{selected: step2opt=='5'}" class="outline-btn mt-1">
				Over 15,000 Steps
			</button><br>
			<button class="next-btn mt-4" v-on:click="step=3">
				NEXT
			</button>
		</div>
	</div>

	<div id="calculatorStep3" v-if="step ==3">
		<h1 class="step-heading">
			NUTRITION NEEDS CALCULATOR <span class="text-stroke">STEP {{step}}</span>
		</h1>
		<div>
			<p class="text-center">
			For a Non Training Day you burn approximately</span> <input style="text-align:center;" type="text" id="tbox-trainingCalories" :value="NTDA" readonly> Calories.
		</p>
		<p class="text-center">
			The next step is to incorporate your Training.
		</p>
		<p class="text-center">
			Please select what suits you best.
		</p>
	</div>
	<div class="text-center mt-4">
		<button v-on:click="step3opt=1" v-bind:class="{selected: step3opt=='1'}" class="outline-btn mt-1">
			Up to 1 Hour Training
			Under 10,000 Steps
		</button><br>
		<button v-on:click="step3opt=2" v-bind:class="{selected: step3opt=='2'}" class="outline-btn mt-1">
			Up to 1 Hour Training
			Between 10,000 to 12,000 Steps
		</button><br>
		<button v-on:click="step3opt=3" v-bind:class="{selected: step3opt=='3'}" class="outline-btn mt-1">
			Up to 1 Hour Training
			Between 12,000 to 15,000 Steps
		</button><br>
		<button v-on:click="step3opt=4" v-bind:class="{selected: step3opt=='4'}" class="outline-btn mt-1">
			Up to 1 Hour Training
			Over 15,000 Steps
		</button><br>
		<button v-on:click="step3opt=5" v-bind:class="{selected: step3opt=='5'}" class="outline-btn mt-1">
			Up to 2 Hours Training
			Performance Athlete
		</button><br>
		<button class="next-btn mt-4" v-on:click="step=4">
			NEXT
		</button>
	</div>
</div>

<div id="calculatorStep4" v-if="step ==4">
	<h1 class="step-heading">
		ALL ABOUT GOALS
	</h1>
	<div>
		<p class="text-center">
			For a Training Day you’ll burn approximately <input style="text-align:center;" type="text" id="tbox-goalsCalories" :value="TDA" readonly> Calories.
		</p>
		<p class="text-center">
			Now we’ll adjust your energy target based on your goals
		</p>
		<p class="text-center">
			You would like to:
		</p>
	</div>
	<div class="text-center mt-4">
		<button v-on:click="step4opt=1" v-bind:class="{selected: step4opt=='1'}" class="outline-btn mt-1">
			Lower body fat, get leaner and lose weight.
		</button><br>
		<button v-on:click="step4opt=2" v-bind:class="{selected: step4opt=='2'}" class="outline-btn mt-1">
			Build muscle, gain strength and increase weight.
		</button><br>
		<button v-on:click="step4opt=3" v-bind:class="{selected: step4opt=='3'}" class="outline-btn mt-1">
			Perform better, optimise health and manage weight.
		</button><br>
		<button class="next-btn mt-4" v-on:click="step=5">
			NEXT
		</button>
	</div>
</div>

<div id="calculatorStep5" v-if="step ==5">
	<h1 class="step-heading">
		THE SOLUTION
	</h1>
	<div class="lh-row">
		<div class="lh-col-4">
			<p>
				Based on your goals and the success of the
				thousands we’ve helped through our Kickstart
				coaching program we recommend starting with:
			</p>
			<div>
				<h1 class="text-white mt-2">
					TRAINING DAY
				</h1>
				<input style="text-align:center;" type="text" id="tbox-resTrainingCalories" :value="GTDC" readonly> Calories and <input style="text-align:center;" type="text" id="tbox-resTrainingProtein" :value="GTDP" readonly> Grams of Protein*
			</div>
			<div>
				<h1 class="text-white mt-2">
					NON-TRAINING DAY
				</h1>
				<input style="text-align:center;" type="text" id="tbox-resTrainingCalories" :value="GNTDC" readonly> Calories and <input style="text-align:center;" type="text" id="tbox-resTrainingProtein" :value="GNTDP" readonly> Grams of Protein*
			</div>
			<p>
				We’re not going to just leave you with a bunch of
				confusing numbers
			</p>
			<p>
				We’re not going to just leave you with a bunch of
				confusing numbers
			</p>
			<p>
				To get you started we’ve got a <b class="text-red">FREE 4-PART NURTRITION COURSE</b>  & <b class="text-red">QUICK START RECIPE BOOK.</b>
			</p>
		</div>
		<div class="lh-col-8 text-center">
			<img class="w-100" src="https://www.lifehub.com.au/wp-content/uploads/2020/08/FreeCourse_Mockup.png" />
			<button class="next-btn">GET FREE COURSE & RECIPE BOOK</button>
		</div>
	</div>
	<div style="clear: both;padding:100px 0;" class="mt-2">
		<p>
			* Calorie targets are rounded up to the nearest 200 calorie increment and protein targets set at 32% of your energy needs utilised as the starting
			point in our Kickstart coaching program which includes dietician support. The information does not replace professional or medical advice. Do not
			use our information to diagnose, treat, cure or prevent any disease, for therapeutic purposes or as a substitute for the advice of a health professional
			without first consulting with your health care professional or booking a free virtual 1-ON-1 consultation with us to discuss your needs.
		</p>
	</div>
	<div>
		<h1 class="text-white text-center mt-2">
			GET YOURFREE COURSE & RECIPE BOOK
		</h1>
		<div class="mt-2 text-center">
			<input v-model="firstName" type="text" name="firstName" class="outline" placeholder="First Name"/><br>
			<input v-model="lastName" type="text" name="lastName" class="outline" placeholder="Last Name"/><br>
			<input v-model="email" type="text" name="Email" class="outline" placeholder="Email"/><br>
			<div id="formCheck-block">
				<label id="formCheck"><span style="padding-left:25px;">Please tick the box to receive the free nutrition course & recipe book via email and subscribe to the email list.</span>
					<input v-model="formCheck" type="checkbox" id="cbox_Form"/>
					<span v-on:click="formCheck != formCheck" class="checkmark"></span>
				</label>
			</div>
			<div>
				<button class="next-btn mt-4" v-on:click="step=6; updateBg();">
					SUBMIT
				</button>
			</div>
		</div>
	</div>
</div>

<div id="calculatorStep6" class="text-center" v-if="step ==6">
	<h1 class="step-heading" style="font-size:48px;">
		THANK YOU!
	</h1>
	<p>
		Check your inbox to begin your first step
		towards crushing your goals!
	</p>
	<div>
		<button class="next-btn mt-4" v-on:click="window.location.href='https://www.lifehub.com.au/'">
			RETURN TO SITE
		</button>
	</div>
</div>

</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

<script>
	jQuery(".et_pb_menu__wrap").hide();
</script>

<script>
	var elem = jQuery("#post-8747 .et_pb_row_9");
	elem.removeClass("et_pb_row_9");
	elem.addClass("et_pb_row_12");
</script>

<script>
	var App = new Vue({
		el:"#VueApp",
		data: {
			step:1,
			age:null,
			height:null,
			weight:null,
			gender:null,
			step2opt:null,
			step3opt:null,
			step4opt:null,
			firstName:null,
			lastName:null,
			email:null,
			formCheck: false,
			training: {
				calories:null,
				steps:null,
				results: {
					calories: null,
					protein: null
				}
			},
			nonTraining: {
				calories:null,
				steps:null,
				results: {
					calories: null,
					protein: null
				}
			},
			goals: {
				calories: null,
				option:null
			}
		},
		computed: {
			bmr: function () {
				if (this.gender == 'female') {
					return Number((10*this.weight) + (6.25*this.height)-(5*this.age)+5).toFixed(0);
				}
				if (this.gender == 'male') {
					return  Number((10*this.weight) + (6.25*this.height)-(5*this.age)+161).toFixed(0);
				}
				return 0;
			},
			NTDA: function () {
				if (this.step2opt == '1') {return Number(this.bmr*1.2).toFixed(0)};
				if (this.step2opt == '2') {return Number(this.bmr*1.3).toFixed(0)};
				if (this.step2opt == '3') {return Number(this.bmr*1.4).toFixed(0)};
				if (this.step2opt == '4') {return Number(this.bmr*1.5).toFixed(0)};
				if (this.step2opt == '5') {return Number(this.bmr*1.6).toFixed(0)};
				return 0;
			},
			TDA: function () {
				if (this.step3opt == '1') {return Number(this.bmr*1.5).toFixed(0)};
				if (this.step3opt == '2') {return Number(this.bmr*1.6).toFixed(0)};
				if (this.step3opt == '3') {return Number(this.bmr*1.7).toFixed(0)};
				if (this.step3opt == '4') {return Number(this.bmr*1.8).toFixed(0)};
				if (this.step3opt == '5') {return Number(this.bmr*2.0).toFixed(0)};
				return 0;
			},
			GNTDC: function () {
				if (this.step4opt == '1') {return Number(this.NTDA*0.8).toFixed(0)};
				if (this.step4opt == '2') {return Number(this.NTDA*1.1).toFixed(0)};
				if (this.step4opt == '3') {return Number(this.NTDA*1).toFixed(0)};
			},
			GTDC: function () {
				if (this.step4opt == '1') {return Number(this.TDA*0.8).toFixed(0)};
				if (this.step4opt == '2') {return Number(this.TDA*1.1).toFixed(0)};
				if (this.step4opt == '3') {return Number(this.TDA*1).toFixed(0)};
			},
			GNTDP: function () {
				return Number(this.GNTDC*0.32/4).toFixed(0);
			},
			GTDP: function () {
				return Number(this.GTDC*0.32/4).toFixed(0);
			}
		},
		methods: {
			addAge: function () {
				this.age +=1;
				if (this.age > 99) {this.age = 99};
				if (this.age < 0) {this.age = 0};
			},
			substractAge: function () {
				this.age -=1;
				if (this.age > 99) {this.age = 99};
				if (this.age < 0) {this.age = 0};
			},
			addHeight: function () {
				this.height +=1;
				if (this.height > 250) {this.height = 250};
				if (this.height < 50) {this.height = 50};
			},
			substractHeight: function () {
				this.height -=1;
				if (this.height > 250) {this.height = 250};
				if (this.height < 50) {this.height = 50};
			},
			addWeight: function () {
				this.weight +=1;
				if (this.weight > 300) {this.weight = 300};
				if (this.weight < 20) {this.weight = 20};
			},
			substractWeight: function () {
				this.weight -=1;
				if (this.weight > 300) {this.weight = 300};
				if (this.weight < 20) {this.weight = 20};
			},
			updateBg: function () {
				var elem = jQuery("#post-8747 .et_pb_gutters3");
				elem.removeClass("thankYouBg");
				if (this.step == '6') {
					elem.addClass("thankYouBg");
				}
			}
		}
	});
</script>