<div class=\"fc-pagination-cover fc-pagination-1\">\n						<div class=\"fc-pagination\" style=\"width: 100%\">\n							<div class=\"pagination-trigger \" data-index=\"0\">\n								<span class=\"page-number\"><span >1</span></span>\n								<span class=\"page-name \"></span>\n								\n							</div>\n						</div>\n					</div>\n					\n					<style scoped=\"scoped\" >\n						.formcraft-css .fc-form.fc-form-122 .form-element .submit-cover .submit-button,\n						.formcraft-css .fc-form.fc-form-122 .form-element .fileupload-cover .button-file,\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover .button,\n						#ui-datepicker-div.fc-datepicker .ui-datepicker-header,\n						.formcraft-css .fc-form.fc-form-122 .stripe-amount-show\n						{\n							background: #4488ee;\n							color: #fff;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .slider-cover .ui-slider-range\n						{\n							background: #4488ee;\n						}\n						#ui-datepicker-div.fc-datepicker .ui-datepicker-header,\n						.formcraft-css .fc-form .field-cover>div.full hr\n						{\n							border-color: #3b77d1;\n						}\n						#ui-datepicker-div.fc-datepicker .ui-datepicker-prev:hover,\n						#ui-datepicker-div.fc-datepicker .ui-datepicker-next:hover,\n						#ui-datepicker-div.fc-datepicker select.ui-datepicker-month:hover,\n						#ui-datepicker-div.fc-datepicker select.ui-datepicker-year:hover\n						{\n							background-color: #3b77d1;\n						}\n						.formcraft-css .fc-pagination>div.active .page-number,\n						.formcraft-css .form-cover-builder .fc-pagination>div:first-child .page-number\n						{\n							background-color: #4488ee;\n							border-color: #3b77d1;\n							color: #fff;\n						}\n						#ui-datepicker-div.fc-datepicker table.ui-datepicker-calendar th,\n						#ui-datepicker-div.fc-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a,\n						.formcraft-css .fc-form.fc-form-122 .form-element .star-cover label,\n						html .formcraft-css .fc-form.label-floating .form-element .field-cover.has-focus>span,\n						.formcraft-css .fc-form.fc-form-122 .form-element .customText-cover a,\n						.formcraft-css .fc-form .form-element .slider-cover .range-max,\n						.formcraft-css .fc-form .form-element .slider-cover .range-min,\n						.formcraft-css .prev-next>div span:hover\n						{\n							color: #4488ee;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .customText-cover a:hover\n						{\n							color: #3b77d1;\n						}\n						html .formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover > span\n						{\n							color: #666666;\n						}\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover input[type=\"text\"],\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover input[type=\"email\"],\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover input[type=\"password\"],\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover input[type=\"tel\"],\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover textarea,\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover select,\n						.formcraft-css .fc-form.fc-form-122.label-floating .form-element .field-cover .time-fields-cover\n						{\n							border-bottom-color: #666666;\n							color: #777;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover input[type=\"text\"],\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover input[type=\"password\"],\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover input[type=\"email\"],\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover input[type=\"tel\"],\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover select,\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover textarea\n						{\n							background-color: #fafafa;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .star-cover label .star			\n						{\n							text-shadow: 0px 1px 0px #3b77d1;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .slider-cover .ui-slider-range\n						{\n							box-shadow: 0px 1px 1px #3b77d1 inset;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .fileupload-cover .button-file,\n						.formcraft-css .fc-form.fc-form-122 .form-element .stripe-amount-show\n						{\n							border-color: #3b77d1;\n						}\n						.formcraft-css .fc-form.fc-form-122 .stripe-cover.field-cover div.stripe-amount-show::before\n						{\n							border-top-color: #3b77d1;\n						}\n						.formcraft-css .fc-form.fc-form-122 .stripe-cover.field-cover div.stripe-amount-show::after\n						{\n							border-right-color: #4488ee;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .stripe-amount-show,\n						.formcraft-css .fc-form.fc-form-122 .form-element .submit-cover .submit-button .text,\n						.formcraft-css .fc-form.fc-form-122 .form-element .field-cover .button\n						{\n							text-shadow: 1px 0px 3px #3b77d1;\n						}\n						.formcraft-css .fc-form.fc-form-122 input[type=\"checkbox\"]:checked,\n						.formcraft-css .fc-form.fc-form-122 input[type=\"radio\"]:checked\n						{\n							border-color: #4488ee;\n							background-color: #4488ee;						\n						}\n						.formcraft-css .fc-form.fc-form-122 input[type=\"checkbox\"]:hover,\n						.formcraft-css .fc-form.fc-form-122 input[type=\"radio\"]:hover,\n						.formcraft-css .fc-form.fc-form-122 input[type=\"checkbox\"]:focus,\n						.formcraft-css .fc-form.fc-form-122 input[type=\"radio\"]:focus,\n						.formcraft-css .fc-form.fc-form-122 label:hover>input[type=\"checkbox\"],\n						.formcraft-css .fc-form.fc-form-122 label:hover>input[type=\"radio\"]\n						{\n							border-color: #4488ee;\n						}\n						.formcraft-css .fc-form.fc-form-122 .form-element .form-element-html input[type=\"password\"]:focus,\n						.formcraft-css .fc-form.fc-form-122 .form-element .form-element-html input[type=\"email\"]:focus,\n						.formcraft-css .fc-form.fc-form-122 .form-element .form-element-html input[type=\"tel\"]:focus,\n						.formcraft-css .fc-form.fc-form-122 .form-element .form-element-html input[type=\"text\"]:focus,\n						.formcraft-css .fc-form.fc-form-122 .form-element .form-element-html textarea:focus,\n						.formcraft-css .fc-form.fc-form-122 .form-element .form-element-html select:focus\n						{\n							border-color: #4488ee;\n						}\n						.formcraft-css .fc-form.fc-form-122						{\n							font-family: inherit;\n						}\n						@media (max-width : 480px) {\n							html .dedicated-page,\n							html .dedicated-page .formcraft-css .fc-pagination > div.active\n							{\n								background: white;\n							}\n						}\n					</style>\n					<div class=\"form-cover\">\n						<form data-thousand=\"\" data-decimal=\".\" data-delay=\"\" data-id=\"122\" class=\"fc-form fc-form-122 align- fc-temp-class spin- save-form- dont-submit-hidden- remove-asterisk- icons-hide- label-inline frame-visible field-alignment-left  \" style=\"width: 960px; color: #666666; font-size: 100%; background: white\">\n							<div class=\"form-page form-page-0\" data-index=\"0\">\n								\n								<div class=\"form-page-content ng-pristine   ng-isolate-scope \">\n									<!-- ngRepeat: element in page track by element.identifier --><div data-identifier=\"field1\" data-index=\"0\" style=\"width: 100%\" class=\" form-element form-element-field1 form-element-0 default-false form-element-type-dropdown is-required-false odd -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"dropdown-cover field-cover  has-input\"><span class=\"sub-label-true\"><span class=\"main-label\"><span >Choose Folding Type:</span></span><span class=\"sub-label\"></span></span><div><span class=\"error\"></span><select data-is-required=\"false\" class=\"validation-lenient\" data-field-id=\"field1\" name=\"field1\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"hover\" data-html=\"true\" data-original-title=\"\"><!-- ngRepeat: opt in element.elementDefaults.optionsListShow --><option value=\"1\" class=\" \">Flat (No Folding)</option><!-- end ngRepeat: opt in element.elementDefaults.optionsListShow --><option value=\"2\" class=\" \">Tri-Fold / Letter-Fold</option><!-- end ngRepeat: opt in element.elementDefaults.optionsListShow --><option value=\"3\" class=\" \">Half-Fold</option><!-- end ngRepeat: opt in element.elementDefaults.optionsListShow --><option value=\"4\" class=\" \">Z-Fold</option><!-- end ngRepeat: opt in element.elementDefaults.optionsListShow --><option value=\"5\" class=\" \">Right-Angle Half Fold</option><!-- end ngRepeat: opt in element.elementDefaults.optionsListShow --><option value=\"6\" class=\" \">Gate Fold</option><!-- end ngRepeat: opt in element.elementDefaults.optionsListShow --></select></div></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier --><div data-identifier=\"field6\" data-index=\"1\" style=\"width: 100%\" class=\" even form-element form-element-field6 form-element-1 default-false form-element-type-customText is-required-false -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"absolute-false customText-cover field-cover\" style=\"left: ; top: ;right: ;bottom: ;color: #666666 !important; background-color:\"><div class=\"full\" style=\"text-align: left\"><p ><img src=\"http://www.zooprinting.com/img/folding/none.png\" class=\"imgright\" style=\"height: 160px; width: 120px\" width=\"120\" height=\"160\"><span class=\"textleft\"><b>Flat (No Folding):</b> This option is a flat piece of paper like a flyer.</span></p><p class=\"textleft \"><em>Each size refers to the flat sheet (horizontal by vertical), so the final size of your brochure will depend on folding options. For a flyer (which has no folding), the final size will match the selected size in the calculator.</em></p></div><input name=\"field6\" data-field-id=\"field6\" type=\"hidden\"></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier --><div data-identifier=\"field4\" data-index=\"2\" style=\"width: 100%\" class=\" form-element form-element-field4 form-element-2 default-false form-element-type-customText is-required-false odd -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"absolute-false customText-cover field-cover\" style=\"left: ; top: ;right: ;bottom: ;color: #000000 !important; background-color:\"><div class=\"full\" style=\"text-align: left\"><p ><b>Tri-Fold / Letter-Fold:</b></p><p ><img src=\"http://www.zooprinting.com/img/folding/tri.png\" class=\"imgright\" style=\"height: 160px; width: 120px\" width=\"120\" height=\"160\"><span class=\"textleft\">A classic brochure fold, this option creates three two-sided panels with the folds oriented vertically. Note that one panel is slightly shorter than the others in order to tuck inside and will be hidden until the brochure is opened. Sometimes this folding option is also referred to as a 3 Panel Roll Fold.</span></p><p class=\"textleft \"><em>Each size refers to the flat sheet (horizontal by vertical), so the final size of your brochure will depend on folding options. For example, an 11\" x 8.5\" brochure with a Tri-Fold has a finished size of 3.6875\" x 8.5\" (3 11/16\" x 8 1/2\" which creates a portrait orientation.</em></p></div><input name=\"field4\" data-field-id=\"field4\" type=\"hidden\"></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier --><div data-identifier=\"field7\" data-index=\"3\" style=\"width: 100%\" class=\" even form-element form-element-field7 form-element-3 default-false form-element-type-customText is-required-false -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"absolute-false customText-cover field-cover\" style=\"left: ; top: ;right: ;bottom: ;color: #000000 !important; background-color:\"><div class=\"full\" style=\"text-align: left\"><p ><b>Half-Fold:</b></p><p ><img src=\"http://www.zooprinting.com/img/folding/half.png\" class=\"imgright\" style=\"height: 160px; width: 120px\" width=\"120\" height=\"160\"> <span class=\"textleft\">This option creates two two-sided panels with the fold at the top and oriented horizontally. (If you would like the fold vertically on the left, please look at Vertical Half-Fold.)</span></p><p class=\"textleft \"><em>Each size refers to the flat sheet (horizontal by vertical), so the final size of your brochure will depend on folding options. For example, an 8.5\" x 11\" brochure with a Half-Fold has a finished size of 8.5\" x 5.5\" which creates a landscape orientation.</em></p></div><input name=\"field7\" data-field-id=\"field7\" type=\"hidden\"></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier --><div data-identifier=\"field8\" data-index=\"4\" style=\"width: 100%\" class=\" form-element form-element-field8 form-element-4 default-false form-element-type-customText is-required-false odd -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"absolute-false customText-cover field-cover\" style=\"left: ; top: ;right: ;bottom: ;color: #000000 !important; background-color:\"><div class=\"full\" style=\"text-align: left\"><p ><b>Z-Fold:</b></p><p ><img src=\"http://www.zooprinting.com/img/folding/z.png\" class=\"imgright\" style=\"height: 160px; width: 120px\" width=\"120\" height=\"160\"><span class=\"textleft\">This option creates three two-sided panels with the folds oriented vertically. Note that the middle panel is not visible on either side until the brochure is opened. Sometimes this folding option is also referred to as a 3 Panel Accordion Fold.</span></p><p class=\"textleft \"><em>Each size refers to the flat sheet (horizontal by vertical), so the final size of your brochure will depend on folding options. For example, an 11\" x 8.5\" brochure with a Z-Fold has a finished size of 3.668\" x 8.5\" which creates a portrait orientation.</em></p></div><input name=\"field8\" data-field-id=\"field8\" type=\"hidden\"></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier --><div data-identifier=\"field9\" data-index=\"5\" style=\"width: 100%\" class=\" even form-element form-element-field9 form-element-5 default-false form-element-type-customText is-required-false -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"absolute-false customText-cover field-cover\" style=\"left: ; top: ;right: ;bottom: ;color: #000000 !important; background-color:\"><div class=\"full\" style=\"text-align: left\"><p ><b>Right-Angle Half Fold:</b></p><p ><img src=\"http://www.zooprinting.com/img/folding/vertical-half.png\" class=\"imgright\" style=\"height: 160px; width: 120px\" width=\"120\" height=\"160\"><span class=\"textleft\">This option creates two two-sided panels with the fold on the left and oriented vertically. (If you would like the fold horizontal on the top, please look at Half-Fold.)</span></p><p class=\"textleft \"><em>Each size refers to the flat sheet (horizontal by vertical), so the final size of your brochure will depend on folding options. For example, an 8.5\" x 11\" brochure with a Half-Fold has a finished size of 4.25\" x 11\" which maintains a portrait orientation.</em></p></div><input name=\"field9\" data-field-id=\"field9\" type=\"hidden\"></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier --><div data-identifier=\"field10\" data-index=\"6\" style=\"width: 100%\" class=\" form-element form-element-field10 form-element-6 default-false form-element-type-customText is-required-false odd -handle options-false index-false\">\n										<div class=\"form-element-html\"><div ><div class=\"absolute-false customText-cover field-cover\" style=\"left: ; top: ;right: ;bottom: ;color: #000000 !important; background-color:\"><div class=\"full\" style=\"text-align: left\"><p ><b>Gate Fold:</b></p><p ><img src=\"http://www.zooprinting.com/img/folding/gate.png\" class=\"imgright\" style=\"height: 160px; width: 120px\" width=\"120\" height=\"160\"><span class=\"textleft\">This option creates four two-sided panels with the folds oriented vertically. Note that panels 1 and 4 tuck inside panels 2 and 3 once the fold is complete and are hidden until the brochure is opened.</span></p><p class=\"textleft \"><em>Each size refers to the flat sheet (horizontal by vertical), so the final size of your brochure will depend on folding options. For example, a 17\" x 11\" brochure with a Double Close Gate Fold has a finished size of 4.3125\" x 11\" (4 5/16\" x 11\") which creates a portrait orientation. Since a Double Close Gate Fold tucks in upon itself, the interior panels are shorter than the exterior panels. In this example, panels 2 and 3  (which form the outside of the folded brochure) are 4.3125\" x 11\". Panels 1 and 4 are 4.1875\" x 11\".</em></p></div><input name=\"field10\" data-field-id=\"field10\" type=\"hidden\"></div></div></div>\n										\n									</div><!-- end ngRepeat: element in page track by element.identifier -->\n								</div>\n							</div>\n						</form>\n						<div class=\"prev-next prev-next-1\" style=\"width: 960px; color: #666666; font-size: 100%; background: white\">\n							<div><input class=\"ng-pristine  \" type=\"text\"><span class=\"inactive page-prev \"><i class=\"icon-angle-left\"></i>Previous</span></div>\n							<div><input class=\"ng-pristine  \" type=\"text\"><span class=\"page-next \">Next<i class=\"icon-angle-right\"></i></span></div>\n						</div>\n					</div>