[{"publishHtml":"<section class=\"u-black u-clearfix u-container-style u-dialog-block u-opacity u-opacity-70 u-payment-dialog u-valign-middle u-dialog-section-4\" id=\"popup-b1e0\">\n      <div class=\"u-align-center u-container-style u-dialog u-radius-25 u-shape-round u-white u-dialog-1\">\n        <div class=\"u-container-layout u-valign-top u-container-layout-1\">\n          <h5 class=\"u-align-left u-text u-text-1\">Buy Now<\/h5>\n          <div class=\"u-expanded-width u-products u-products-1\" data-site-sorting-prop=\"created\" data-site-sorting-order=\"desc\" data-items-per-page=\"1\">\n            <div class=\"u-list-control\"><\/div>\n            <div class=\"u-repeater u-repeater-1\">\n              <div class=\"u-container-style u-products-item u-repeater-item\">\n                <div class=\"u-container-layout u-similar-container u-container-layout-2\">\n                  <h5 class=\"u-align-left u-product-control u-text u-text-2\">\n                    <a class=\"u-product-title-link\" href=\"#\">Product 1 Title<\/a>\n                  <\/h5>\n                  <div class=\"u-align-left u-product-control u-product-desc u-text u-text-3\">\n                    <p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.<\/p>\n                  <\/div>\n                  <div class=\"u-align-left u-product-control u-product-quantity u-product-quantity-1\">\n                    <div class=\"u-hidden u-quantity-label\">Quantity<\/div>\n                    <div class=\"u-border-1 u-border-grey-30 u-quantity-input u-radius-50\">\n                      <a class=\"disabled minus u-button-style u-quantity-button u-text-body-color\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\"><path d=\"m 4 8 h 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" fill-rule=\"evenodd\"><\/path><\/svg>\n                      <\/a>\n                      <input class=\"u-input\" type=\"text\" value=\"1\" pattern=\"[0-9]+\">\n                      <a class=\"plus u-button-style u-quantity-button u-text-body-color\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\"><path d=\"m 4 8 h 8 M 8 4 v 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" fill-rule=\"evenodd\"><\/path><\/svg>\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                  <div data-add-zero-cents=\"true\" class=\"u-align-left u-product-control u-product-price u-product-price-1\">\n                    <div class=\"u-price-wrapper u-spacing-10\">\n                      <div class=\"u-old-price\" style=\"text-decoration: line-through !important;\">$20.00<\/div>\n                      <div class=\"u-price\" style=\"font-size: 1.25rem; font-weight: 700;\">$17.00<\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"u-list-control\"><\/div>\n          <\/div>\n          <div class=\"u-expanded-width u-payment-services u-tab-links-align-justify u-tab-payment u-tab-vertical u-tabs u-payment-services-1\" data-payment-order-approved-message=\"Your order has been approved. Thank you!\" data-payment-order-cancelled-message=\"Unable to process your order. Please try again later.\">\n            <ul class=\"u-tab-list u-unstyled\" role=\"tablist\"><li class=\"u-tab-item\" role=\"presentation\"><a class=\"active u-active-grey-10 u-button-style u-payment-paypal u-tab-link u-text-body-color\" id=\"link-tab-9cb3\" href=\"#tab-9cb3\" role=\"tab\" aria-controls=\"tab-9cb3\" aria-selected=\"true\"><input type=\"radio\" class=\"u-field-input u-grey-15 u-radius-15\" name=\"payment-group\" checked=\"checked\"><span>Paypal<\/span><svg class=\"u-svg-content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\"><path fill=\"#009EE3\" d=\"M11,5.9H18c3.8,0,5.2,1.9,4.9,4.7c-0.3,4.7-3.2,7.2-6.9,7.2h-1.9c-0.5,0-0.8,0.3-0.9,1.3l-0.8,4.3\n  c-0.1,0.3-0.2,0.5-0.5,0.6H7.6c-0.4,0-0.5-0.3-0.4-1l2.6-16C9.9,6.3,10.2,5.9,11,5.9z\"><\/path><path fill=\"#113984\" d=\"M6.7,0h7.1c2,0,4.3,0.1,5.9,1.5c1.1,0.9,1.6,2.4,1.5,4c-0.4,5.4-3.7,8.5-8,8.5H9.6c-0.6,0-0.9,0.4-1.2,1.5\n  l-0.9,5.1C7.4,21,7.3,21.3,7,21.3H2.6C2,21.3,1.9,21,2,20.1L5.2,1.3C5.3,0.4,5.7,0,6.7,0z\"><\/path><path fill=\"#172C70\" d=\"M8.6,14.8l1.3-7.9c0.1-0.7,0.5-1,1.3-1h7.1c1.2,0,2.1,0.2,2.8,0.5c-0.7,4.8-3.8,7.5-7.9,7.5H9.6\n  C9.1,13.9,8.8,14.1,8.6,14.8z\"><\/path><\/svg>\n<\/a>\n<\/li><li class=\"u-tab-item\" role=\"presentation\"><a class=\"u-active-grey-10 u-button-style u-payment-stripe u-tab-link u-text-body-color\" id=\"link-tab-ab80\" href=\"#tab-ab80\" role=\"tab\" aria-controls=\"tab-ab80\" aria-selected=\"false\"><input type=\"radio\" class=\"u-field-input u-grey-15 u-radius-15\" name=\"payment-group\"><span>Stripe<\/span><svg class=\"u-svg-content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\"><path fill=\"#635BFF\" d=\"M14,9.2c-2.3-0.8-3.4-1.5-3.4-2.4c0-0.8,0.8-1.3,2-1.3c2.3,0,4.7,0.8,6.4,1.6l0.9-5.5\n  c-1.3-0.5-4-1.6-7.7-1.6C9.6,0,7.5,0.7,5.8,1.9C4.1,3.2,3.4,4.9,3.4,7.2c0,4,2.6,5.7,6.8,7.2c2.7,0.9,3.6,1.6,3.6,2.5\n  c0,0.9-0.9,1.6-2.4,1.6c-1.9,0-5.2-0.9-7.3-2.1L3,22c1.8,0.9,5.1,2,8.7,2c2.8,0,5.1-0.7,6.6-1.9c1.8-1.3,2.7-3.2,2.7-5.7\n  C20.9,12.3,18.2,10.7,14,9.2L14,9.2z\"><\/path><\/svg>\n<\/a>\n<\/li><\/ul>\n            <div class=\"u-tab-content\">\n              <div class=\"u-container-style u-payment-paypal u-tab-active u-tab-pane\" id=\"tab-9cb3\" role=\"tabpanel\" aria-labelledby=\"link-tab-9cb3\">\n                <div class=\"u-container-layout u-payment-services-inner u-container-layout-3\">Loading...<\/div>\n              <\/div>\n              <div class=\"u-container-style u-payment-stripe u-tab-pane\" id=\"tab-ab80\" role=\"tabpanel\" aria-labelledby=\"link-tab-ab80\">\n                <div class=\"u-container-layout u-container-layout-4\">\n                  <a href=\"#\" class=\"u-btn u-button-style u-stripe-button u-btn-1\">Pay with Stripe<\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <button class=\"u-dialog-close-button u-icon u-text-grey-40 u-icon-1\"><svg class=\"u-svg-link\" preserveAspectRatio=\"xMidYMin slice\" viewBox=\"0 0 16 16\" style=\"\"><use xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xlink:href=\"#svg-efe9\"><\/use><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" xml:space=\"preserve\" class=\"u-svg-content\" viewBox=\"0 0 16 16\" x=\"0px\" y=\"0px\" id=\"svg-efe9\"><rect x=\"7\" y=\"0\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -3.3138 8.0002)\" width=\"2\" height=\"16\"><\/rect><rect x=\"0\" y=\"7\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -3.3138 8.0002)\" width=\"16\" height=\"2\"><\/rect><\/svg><\/button>\n      <\/div>\n    <\/section>","sectionAnchorId":"popup-b1e0","showOn":"click","publishCss":".u-dialog-section-4 .u-dialog-1 {\n  width: 570px;\n  min-height: 578px;\n  height: auto;\n  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);\n  margin: 60px auto;\n}\n\n.u-dialog-section-4 .u-container-layout-1 {\n  padding: 34px 35px;\n}\n\n.u-dialog-section-4 .u-text-1 {\n  font-weight: 700;\n  margin: 0 165px 0 0;\n}\n\n.u-dialog-section-4 .u-products-1 {\n  margin-top: 30px;\n  margin-bottom: 0;\n}\n\n.u-dialog-section-4 .u-repeater-1 {\n  grid-template-columns: 100%;\n  min-height: 206px;\n  grid-gap: 10px;\n}\n\n.u-dialog-section-4 .u-container-layout-2 {\n  padding: 0 0 30px;\n}\n\n.u-dialog-section-4 .u-text-2 {\n  background-image: none;\n  margin: 0;\n}\n\n.u-dialog-section-4 .u-text-3 {\n  font-size: 0.875rem;\n  margin: 20px 0 0;\n}\n\n.u-dialog-section-4 .u-product-quantity-1 {\n  width: 125px;\n  margin: 30px auto 0 0;\n}\n\n.u-dialog-section-4 .u-product-price-1 {\n  margin: -34px 0 0 auto;\n}\n\n.u-dialog-section-4 .u-payment-services-1 {\n  min-height: 250px;\n  min-width: 50px;\n  margin: 0;\n}\n\n.u-dialog-section-4 .u-container-layout-3 {\n  padding: 20px 0 0;\n}\n\n.u-dialog-section-4 .u-container-layout-4 {\n  padding: 20px 0 0;\n}\n\n.u-dialog-section-4 .u-btn-1 {\n  width: 100%;\n  margin: 0 auto;\n}\n\n.u-dialog-section-4 .u-icon-1 {\n  width: 20px;\n  height: 20px;\n  left: auto;\n  top: 36px;\n  position: absolute;\n  right: 35px;\n  padding: 0;\n}\n\n\/*RESPONSIVE_MEDIA*\/\n\n@media (max-width: 1199px) {\n  .u-dialog-section-4 .u-text-1 {\n    margin-right: 165px;\n  }\n\n  .u-dialog-section-4 .u-payment-services-1 {\n    margin-right: initial;\n    margin-left: initial;\n  }\n}\n\n\/*\/RESPONSIVE_MEDIA*\/\n\n\/*RESPONSIVE_CLASS*\/\n\n.u-lg .u-dialog-section-4 .u-text-1 {\n  margin-right: 165px;\n}\n\n.u-lg .u-dialog-section-4 .u-payment-services-1 {\n  margin-right: initial;\n  margin-left: initial;\n}\n\n\/*\/RESPONSIVE_CLASS*\/\n\n\/*RESPONSIVE_MEDIA*\/\n\n@media (max-width: 991px) {\n  .u-dialog-section-4 .u-container-layout-1 {\n    padding: 30px;\n  }\n\n  .u-dialog-section-4 .u-container-layout-3 {\n    padding-bottom: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .u-dialog-section-4 .u-container-layout-4 {\n    padding-bottom: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .u-dialog-section-4 .u-icon-1 {\n    top: 32px;\n    right: 30px;\n  }\n}\n\n\/*\/RESPONSIVE_MEDIA*\/\n\n\/*RESPONSIVE_CLASS*\/\n\n.u-md .u-dialog-section-4 .u-container-layout-1 {\n  padding: 30px;\n}\n\n.u-md .u-dialog-section-4 .u-container-layout-3 {\n  padding-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.u-md .u-dialog-section-4 .u-container-layout-4 {\n  padding-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.u-md .u-dialog-section-4 .u-icon-1 {\n  top: 32px;\n  right: 30px;\n}\n\n\/*\/RESPONSIVE_CLASS*\/\n\n\/*RESPONSIVE_MEDIA*\/\n\n@media (max-width: 767px) {\n  .u-dialog-section-4 .u-dialog-1 {\n    width: 540px;\n  }\n}\n\n\/*\/RESPONSIVE_MEDIA*\/\n\n\/*RESPONSIVE_CLASS*\/\n\n.u-sm .u-dialog-section-4 .u-dialog-1 {\n  width: 540px;\n}\n\n\/*\/RESPONSIVE_CLASS*\/\n\n\/*RESPONSIVE_MEDIA*\/\n\n@media (max-width: 575px) {\n  .u-dialog-section-4 .u-dialog-1 {\n    width: 340px;\n  }\n\n  .u-dialog-section-4 .u-container-layout-1 {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  .u-dialog-section-4 .u-text-1 {\n    margin-right: 5px;\n  }\n\n  .u-dialog-section-4 .u-icon-1 {\n    right: 20px;\n  }\n}\n\n\/*\/RESPONSIVE_MEDIA*\/\n\n\/*RESPONSIVE_CLASS*\/\n\n.u-xs .u-dialog-section-4 .u-dialog-1 {\n  width: 340px;\n}\n\n.u-xs .u-dialog-section-4 .u-container-layout-1 {\n  padding-left: 20px;\n  padding-right: 20px;\n}\n\n.u-xs .u-dialog-section-4 .u-text-1 {\n  margin-right: 5px;\n}\n\n.u-xs .u-dialog-section-4 .u-icon-1 {\n  right: 20px;\n}\n\n\/*\/RESPONSIVE_CLASS*\/","name":"Payment Popup","type":"payment"}]