// This code will be added to a tag, // at the of the document .content.lp-flex-container.lp-flex-1 *{box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.content.lp-flex-container p{margin:0}.form-select-option:hover{background:#007fff;color:#fff;cursor:pointer}.form-select-option{padding:3px}.form-input-wrapper input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lp-flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.lp-flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.lp-ie-flex-shrink{-ms-flex-negative:0}.lp-flex-direction-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lp-flex-direction-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.lp-flex-direction-horizontal-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lp-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.lp-flex-justify-flex-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.lp-flex-justify-flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.lp-flex-justify-space-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.lp-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lp-flex-align-flex-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.lp-flex-align-flex-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.checkbox-wrapper{width:intrinsic;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;position:relative}strong{font-weight:700}.font-awesome-icon{font-family:FontAwesome!important}.form-input-element{line-height:normal!important}.iti.iti--allow-dropdown{width:100%;min-width:0}input[type=date]{display:block;-webkit-appearance:textfield;-moz-appearance:textfield;min-height:1.2em} .form-input-9c9a9eed3dfb50b096ae1381c65e3716 input::placeholder { color: rgba(0, 0, 0, 0.5) !important; font-size: 14px !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; } @media only screen and (max-width: 700px) { .responsive-row .inner-row-div .border-wrapper .row-slot-wrapper{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .responsive-row .inner-row-div .border-wrapper .row-slot-wrapper .responsive-slot { max-width: initial !important; } .moosend-main-form-wrapper { background-image: url("") !important; background-color: transparent !important; background-repeat: no-repeat !important; background-size: ; border-radius: undefinedpx !important; } .row116558d91d4d543cb823de4d0b8f2867 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; display: block; background-color: #f6f9ff !important; background-image: url("https://cdn.designer-images.eu/20191219-2019-1219-2019-121920191219/b67c904115f14f4096f693c9998b1ccfhttpscdn.designer-images.com20191122-2019-1122-2019-112220191122b824767d4b3d48b3ac3f7abaaecb0430basic-back2.png") !important; background-position: initial !important; background-repeat: no-repeat !important; background-size: auto !important } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div { width: auto !important; max-width: 800px !important; border: none !important } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .border-wrapper { background-color: transparent !important; background-image: url("") !important; background-repeat: no-repeat !important; background-position: initial !important; background-size: auto !important; border-style: solid !important; border-width: 0 !important; border-color: !important; border-radius: 0px !important; padding: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .border-wrapper { background-color: transparent !important; background-image: url("") !important; background-repeat: no-repeat !important; background-position: initial !important; background-size: auto !important; border-style: solid !important; border-width: 0 !important; border-color: !important; border-radius: 0px !important; padding: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 0px !important; background-color: transparent !important; min-height: undefinedpx !important; max-width: 100% !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .slot-container { background-color: transparent !important; border-radius: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 { background-color: transparent !important; border-style: solid !important; border-color: !important; border-width: 0px !important; border-radius: 0px !important; box-shadow: none !important; padding-top: 1px !important; padding-right: 10px !important; padding-bottom: 15px !important; padding-left: 10px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form { width: 80% !important; margin: 0 auto !important; display: block !important; display: block !important; display: block !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-input-wrapper-element { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; //width: undefined% !important; -webkit-box-align: initial !important; -ms-flex-align: initial !important; align-items: initial !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form div.form-input-wrapper { margin: 10px auto !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-input-wrapper-element .form-select-option-container { left: 0 !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element span.form-field-label { color: #000000 !important; font-size: 20px !important; flex-basis: 30px !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; display: inherit !important; font-family: Montserrat, sans-serif !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element span.form-field-label .form-field-required { color: #1f8159 !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element div input { color: rgba(0, 0, 0, 1) !important; font-size: 18px !important; background: #FFFFFF !important; padding: 8px !important; border-width: 1px !important; border-color: rgba(51,51,51,1) !important; border-radius: 12px !important; border-style: solid !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; font-family: Montserrat, sans-serif !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element div input::placeholder { color: rgba(0, 0, 0, 0.5) !important; font-size: 14px !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-button-element { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; padding-top: undefinedpx !important; padding-left: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-button-element button { background-color: #1f8159 !important; border-color: rgba(51,51,51,1) !important; border-radius: 15px !important; border-width: 0px !important; color: rgba(255,255,255,1) !important; font-family: Montserrat, sans-serif !important; font-size: 16px !important; font-style: normal !important; font-weight: bold !important; margin: 0px !important; padding: 12px !important; text-decoration: none !important; width: 100% !important; padding-top: 10px !important; padding-right: 38px !important; padding-bottom: 10px !important; padding-left: 38px !important; height: initial !important; max-width: unset !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 #recaptcha9c9a9eed3dfb50b096ae1381c65e3716 { margin-bottom: 15px !important; margin-top: 15px !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-checkbox-element { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-checkbox-element span.form-field-label { flex-basis: unset !important; display: flex !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .wheel-of-fortune-component.wheel-of-fortunewheel9c9a9eed3dfb50b096ae1381c65e3716 { padding: 10px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .wheel-of-fortune-component.wheel-of-fortunewheel9c9a9eed3dfb50b096ae1381c65e3716 .wheel-of-fortune-arrow { background-color: #d84840 !important; } } @media only screen and (max-width: 450px) { .responsive-row .inner-row-div .border-wrapper .row-slot-wrapper{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .responsive-row .inner-row-div .border-wrapper .row-slot-wrapper .responsive-slot { max-width: initial !important; } .moosend-main-form-wrapper { background-image: url("") !important; background-color: transparent !important; background-repeat: no-repeat !important; background-size: ; border-radius: undefinedpx !important; } .row116558d91d4d543cb823de4d0b8f2867 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; display: block; background-color: #f6f9ff !important; background-image: url("https://cdn.designer-images.eu/20191219-2019-1219-2019-121920191219/b67c904115f14f4096f693c9998b1ccfhttpscdn.designer-images.com20191122-2019-1122-2019-112220191122b824767d4b3d48b3ac3f7abaaecb0430basic-back2.png") !important; background-position: initial !important; background-repeat: no-repeat !important; background-size: auto !important } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div { width: auto !important; max-width: 800px !important; border: none !important } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .border-wrapper { background-color: transparent !important; background-image: url("") !important; background-repeat: no-repeat !important; background-position: initial !important; background-size: auto !important; border-style: solid !important; border-width: 0 !important; border-color: !important; border-radius: 0px !important; padding: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .border-wrapper { background-color: transparent !important; background-image: url("") !important; background-repeat: no-repeat !important; background-position: initial !important; background-size: auto !important; border-style: solid !important; border-width: 0 !important; border-color: !important; border-radius: 0px !important; padding: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 0px !important; background-color: transparent !important; min-height: undefinedpx !important; max-width: 100% !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .slot-container { background-color: transparent !important; border-radius: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 { background-color: transparent !important; border-style: solid !important; border-color: !important; border-width: 0px !important; border-radius: 0px !important; box-shadow: none !important; padding-top: 1px !important; padding-right: 10px !important; padding-bottom: 15px !important; padding-left: 10px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form { width: 80% !important; margin: 0 auto !important; display: block !important; display: block !important; display: block !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-input-wrapper-element { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; //width: undefined% !important; -webkit-box-align: initial !important; -ms-flex-align: initial !important; align-items: initial !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form div.form-input-wrapper { margin: 10px auto !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-input-wrapper-element .form-select-option-container { left: 0 !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element span.form-field-label { color: #000000 !important; font-size: 20px !important; flex-basis: 30px !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; display: inherit !important; font-family: Montserrat, sans-serif !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element span.form-field-label .form-field-required { color: #1f8159 !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element div input { color: rgba(0, 0, 0, 1) !important; font-size: 18px !important; background: #FFFFFF !important; padding: 8px !important; border-width: 1px !important; border-color: rgba(51,51,51,1) !important; border-radius: 12px !important; border-style: solid !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; font-family: Montserrat, sans-serif !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-input-wrapper-element div input::placeholder { color: rgba(0, 0, 0, 0.5) !important; font-size: 14px !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-button-element { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; padding-top: undefinedpx !important; padding-left: 0px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form .form-button-element button { background-color: #1f8159 !important; border-color: rgba(51,51,51,1) !important; border-radius: 15px !important; border-width: 0px !important; color: rgba(255,255,255,1) !important; font-family: Montserrat, sans-serif !important; font-size: 16px !important; font-style: normal !important; font-weight: bold !important; margin: 0px !important; padding: 12px !important; text-decoration: none !important; width: 100% !important; padding-top: 10px !important; padding-right: 38px !important; padding-bottom: 10px !important; padding-left: 38px !important; height: initial !important; max-width: unset !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 #recaptcha9c9a9eed3dfb50b096ae1381c65e3716 { margin-bottom: 15px !important; margin-top: 15px !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-checkbox-element { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .form9c9a9eed3dfb50b096ae1381c65e3716 form label.form-checkbox-element span.form-field-label { flex-basis: unset !important; display: flex !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .wheel-of-fortune-component.wheel-of-fortunewheel9c9a9eed3dfb50b096ae1381c65e3716 { padding: 10px !important; } .row116558d91d4d543cb823de4d0b8f2867 .inner-row-div .slotf39f08ee72a75d018594a7c82482fdcc .wheel-of-fortune-component.wheel-of-fortunewheel9c9a9eed3dfb50b096ae1381c65e3716 .wheel-of-fortune-arrow { background-color: #d84840 !important; } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.checkbox-check-marker{display:none!important}.element-vertical-ie{display:block!important}} .checkbox-check-marker { display: none !important; } (function() { var recaptchaInstance; var grecaptchaTries = 0; // This code will be added to a tag, // at the end of the element var padTo2Digits = function(num) { return num.toString().padStart(2, '0'); } var formatDate = function(date = new Date()) { return [ date.getFullYear(), padTo2Digits(date.getMonth() + 1), padTo2Digits(date.getDate()), ].join('-'); } var isIOS = function() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) // iPad on iOS 13 detection || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var postData = function (url, data, form, callback) { if (typeof recaptchaInstance !== "undefined" && !grecaptcha.getResponse(recaptchaInstance)){ var recaptcha = document.getElementById('recaptcha' + form.id); var message = document.createElement('div'); message.innerText = 'Please validate using the recaptcha'; message.className = 'form-input-error-message' + recaptcha.className.replace('g-recaptcha', ''); message.style.fontSize = '12px'; message.style.color = '#d8000c'; message.style.fontStyle = 'italic'; message.style.margin = '5px 0px 20px'; recaptcha.parentNode.insertBefore(message, recaptcha.nextSibling); return; } var submitOption = form.getAttribute('data-submit-option'); var passParams = form.getAttribute('data-pass-params'); var button = document.getElementById('form-button-' + form.id); button.disabled = true; button.style.cursor = 'not-allowed'; button.children[0].style.opacity = 0; button.children[0].style.zIndex = -1; button.children[1].style.opacity = 1; button.children[1].style.zIndex = 1; return fetch(url, { method: "POST", headers: { "Content-Type": "application/json; charset=utf-8", // "Content-Type": "application/x-www-form-urlencoded", }, body: JSON.stringify(data) }) .then(function(response){ button.disabled = false; button.style.cursor = 'pointer'; button.children[0].style.opacity = 1; button.children[0].style.zIndex = 1; button.children[1].style.opacity = 0; button.children[1].style.zIndex = -1; if (response.ok){ var eventName = 'success-form-submit-' + '49bb4d83-8465-422f-ae20-d57f0eae5019'; var event = new CustomEvent(eventName, { detail: { email: data.ContactEmail } }); document.dispatchEvent(event); var submitted = window.localStorage.getItem('lp_form_submitted-' + '49bb4d83-8465-422f-ae20-d57f0eae5019'); if (submitted !== 'true'){ var email = data.ContactEmail; var name = data.ContactName; var fields = {}; if (data.Fields && data.Fields.length) { for (var i = 0; i < data.Fields.length; i++){ fields[data.Fields[i].Name] = data.Fields[i].Value; } } // Track_LP_Form_Submitted window.localStorage.setItem('lp_form_submitted-' + '49bb4d83-8465-422f-ae20-d57f0eae5019', 'true'); } if (submitOption) { if (submitOption === 'redirect' || submitOption === 'redirectExternal'){ var redirectUrlAttribute = form.getAttribute('data-submit-url'); var redirectUrl = redirectUrlAttribute.includes('http') ? redirectUrlAttribute : 'http://' + redirectUrlAttribute; if (passParams === 'true'){ if (window.location.search){ var paramString = window.location.search; if (redirectUrl.includes('?')){ redirectUrl = redirectUrl + paramString.replace('?', '&'); } else { redirectUrl = redirectUrl + paramString; } } var dataParams = ''; for (var key in data) { if (data[key] && key !== 'Fields'){ dataParams += '&' + encodeURIComponent(key) + '=' + encodeURIComponent(data[key]); } else if (data[key] && key === 'Fields') { var fields = data[key]; for (var i = 0; i < fields.length; i++){ dataParams += '&' + encodeURIComponent(fields[i].Name) + '=' + encodeURIComponent(fields[i].Value); } } } if (dataParams){ if (!redirectUrl.includes('?')){ redirectUrl = redirectUrl + dataParams.replace('&', '?'); } else { redirectUrl = redirectUrl + dataParams; } } } window.top.location.href = redirectUrl; } else if (submitOption === 'close'){ formCloseEvent(); } else if (submitOption === 'message'){ form.nextSibling.style.display = 'block'; form.style.setProperty('display', 'none', 'important'); if (callback) { callback(); } } } } else { response.json() .then(function(json){ var errors = json.ValidationErrors; var handledErrors = []; for (var i = 0; i < errors.length; i++){ var error = errors[i]; if (!handledErrors.includes(error.Field)){ var regex = /[(.*?)]/; var matches = error.Field.match(regex); var fieldDiv; var errorMessage; if (matches) { var field = error.Field.split('.')[0].split('[')[1].replace(']', ''); var customField = data.Fields[field]; var name = customField.Name.replace(/ /g, ''); var fieldDiv = document.getElementById(name + '-' + form.id); errorMessage = error.Message.replace("'Value'", fieldDiv.firstChild.firstChild.innerText); } else { var field = error.Field; var fieldName = field === 'ContactEmail' ? 'Email' : 'Name'; fieldDiv = document.getElementById('primary-' + fieldName + '-' + form.id); errorMessage = error.Message.replace(field === 'ContactEmail' ? "'Contact Email'" : "Contact Name", fieldName); } if (fieldDiv.children.length 0){ var validInputs = validateFormInputs(inputs, form); if (!validInputs){ return false; } var inputValues = getCollectionValues(inputs); valuesArray = valuesArray.concat(inputValues); } valuesObj = correctObjectStructure(valuesArray); var mailingListId = form.getAttribute('data-mailing-list-id'); var source = 'Ride & Hire slide bottom'; var entityId = '49bb4d83-8465-422f-ae20-d57f0eae5019'; var websiteId = ''; var category = form.getAttribute('data-category'); valuesObj = Object.assign(valuesObj, {'MailingListId': mailingListId, Category: category, Source: source, EntityId: entityId, WebsiteId: websiteId }); return valuesObj; } var correctObjectStructure = function(collection){ // CustomFields var valuesObj = {}; var customFields = []; for (var i = 0; i < collection.length; i++){ var field = collection[i]; if (field.Primary && field.Name === 'Name'){ valuesObj = Object.assign(valuesObj, {'ContactName': field.Value}); } else if (field.Primary && field.Name === 'Email'){ valuesObj = Object.assign(valuesObj, {'ContactEmail': field.Value}); } else { delete field.Primary; customFields.push(field); } } valuesObj = Object.assign(valuesObj, {'Fields': customFields}); return valuesObj; } var validateFormInputs = function(collection, form){ clearAllErrorMessages(); var isRowForm = form.className.includes('lp-flex-direction-horizontal') ? true : false; var isValid = true; for (var i = 0; i < collection.length; i++){ var required = collection[i].getAttribute('data-required'); var name = collection[i].getAttribute('data-label'); var value = collection[i].type === 'checkbox' ? collection[i].checked : collection[i].value; if (required === 'true' && !value){ var labelContainer = collection[i].parentNode.parentNode; var margin = labelContainer.style.flexDirection === 'column' ? '0' : labelContainer.firstChild.style.flexBasis; var message = document.createElement('div'); message.innerText = name + ' is required!'; message.className = 'form-input-error-message'; message.style.fontSize = '12px'; message.style.color = '#d8000c'; message.style.fontStyle = 'italic'; message.style.margin = '5px 0 0 ' + margin; if (isRowForm){ message.style.position = 'absolute'; message.style.bottom = '-19px'; message.style.left = 0; } // if (labelContainer.parentNode.children.length < 2){ // labelContainer.parentNode.appendChild(message); // } labelContainer.parentNode.appendChild(message); isValid = false; } } return isValid; } var getCollectionValues = function(collection){ var valuesArray = []; for (var i = 0; i < collection.length; i++){ var value; if (collection[i].type === 'hidden'){ value = collection[i].checked ? collection[i].checked : collection[i].value; } else { value = collection[i].type === 'checkbox' ? collection[i].checked : collection[i].value; } var name = collection[i].name; var required = collection[i].getAttribute('data-required'); // var validatable = collection[i].getAttribute('data-validate'); var primary = collection[i].getAttribute('data-primary'); var type = collection[i].getAttribute('data-type'); // valuesArray.push({Name: name, Value: value, Required: required, Validatable: validatable, Primary: primary, Type: type}); valuesArray.push({Name: name, Value: value, Required: required, Primary: primary, Type: type}); } return valuesArray; } var buttonCallback = function(onClick, callback, e){ e.preventDefault(); var formData = getFormData(this); if (formData){ var submitTo = this.getAttribute('to'); postData(submitTo, formData, this, callback); } if (onClick){ onClick(e); } } var addSubmitEventToButton = function(form){ var formButton = form.getElementsByTagName('button'); var formId = form.getAttribute('id'); var callback; var wheel = document.getElementById('wheel' + formId); if (wheel) { callback = prepareWheel(wheel); } if (formButton && formButton.length){ if (!formButton[0].onclick){ formButton[0].onclick = buttonCallback.bind(form, undefined, callback); } else { formButton[0].onclick = buttonCallback.bind(form, formButton[0].onclick, callback); } } } var readyFormSubmit = function(){ var forms = document.getElementsByClassName('moosend-subscription-form-49bb4d83-8465-422f-ae20-d57f0eae5019'); for (var i = 0; i < forms.length; i++){ var form = forms[i]; addSubmitEventToButton(form); dateTimeFocus(form); checkboxOnClickEvents(form); prepareFormSelects(form); prepareTelFields(form); prefillFormFields(form); restrictNumberFields(form); renderRecaptcha(form); } } var dateTimeFocus = function(form){ var iOS = isIOS(); var dateElements = form.getElementsByClassName("form-input-date-element"); if (dateElements && dateElements.length){ for (var i = 0; i < dateElements.length; i++){ dateElements[i].onfocus = function() { var type = this.getAttribute('data-type'); if (this.value === ''){ this.type = type === "date" ? "date" : "datetime-local"; this.focus(); } } dateElements[i].onblur = function() { if (this.value === ''){ this.type = "text"; this.blur(); } } if (iOS && !dateElements[i].value){ dateElements[i].value = formatDate(); } } } } var checkboxOnClickEvents = function(form){ var checkboxes = form.getElementsByClassName("form-input-checkbox-element"); for (var i = 0; i < checkboxes.length; i++){ var readOnly = checkboxes[i].getAttribute('data-readOnly'); if (readOnly !== 'true'){ checkboxes[i].onclick = function() { if (this.checked){ this.nextSibling.style.display = 'block'; } else { this.nextSibling.style.display = 'none'; } } } } } var clearErrorMessagesCallback = function(){ var inputWrappers = document.getElementsByClassName("form-input-wrapper"); if (inputWrappers && inputWrappers.length){ for (var i = 0; i < inputWrappers.length; i++){ var inputElement = inputWrappers[i].getElementsByTagName("input"); if (inputElement && inputElement.length){ inputElement[0].oninput = function(e) { var errorElement = this.getElementsByClassName('form-input-error-message'); if (errorElement && errorElement.length){ this.removeChild(errorElement[0]); } }.bind(inputWrappers[i]); } } } } var clearAllErrorMessages = function(){ var errorElements = [].concat(Array.from(document.querySelectorAll(".form-input-error-message"))); for (var errorCount = 0; errorCount < errorElements.length; errorCount++){ if (errorElements[errorCount]){ errorElements[errorCount].parentNode.removeChild(errorElements[errorCount]); } } } var prepareFormSelects = function(form){ var selectElements = form.getElementsByClassName("form-input-select-element"); for (var i = 0; i < selectElements.length; i++){ var optionsContainer = selectElements[i] && selectElements[i].getElementsByClassName("form-select-option-container")[0]; if (optionsContainer){ var input = selectElements[i].getElementsByTagName("input")[0]; var toggleDisplay = function(container){ if (container.style.display === "none"){ container.style.display = "block"; } else { container.style.display = "none"; } } var readOnly = input.getAttribute('data-readOnly'); if (readOnly !== 'true'){ input.onclick = toggleDisplay.bind(this, optionsContainer); } input.onblur = function(container){ setTimeout(function(){ container.style.display = "none"; }, 10); }.bind(this, optionsContainer); var options = optionsContainer.children; function createInputCb(index) { var inp = selectElements[index].getElementsByTagName("input")[0]; return function(option){ inp.value = option.textContent; }; } for (var j = 0; j < options.length; j++){ var cb = createInputCb(i); options[j].onmousedown = cb.bind(this, options[j]) } } } } var prepareTelFields = function(form){ if (!window.intlTelInput){ setTimeout(function() { return prepareTelFields(form); }, 200); } var telElements = form.getElementsByClassName("form-tel-input-element"); for (var i = 0; i < telElements.length; i++){ window.intlTelInput(telElements[i], {}); } } var addTrackToButtons = function(){ var buttons = document.getElementsByClassName("moosend-designer-button"); for (var i = 0; i < buttons.length; i++){ if (!buttons[i].onclick){ buttons[i].onclick = function(e) { var clicked = window.localStorage.getItem('lp_button_clicked-' + '49bb4d83-8465-422f-ae20-d57f0eae5019'); if (clicked !== 'true'){ // Track_LP_Button_Clicked window.localStorage.setItem('lp_button_clicked-' + '49bb4d83-8465-422f-ae20-d57f0eae5019', 'true'); } } } } } var trackVisit = function(){ var visited = window.localStorage.getItem('lp_visited-' + '49bb4d83-8465-422f-ae20-d57f0eae5019'); if (visited !== 'true'){ // Track_LP_Visit window.localStorage.setItem('lp_visited-' + '49bb4d83-8465-422f-ae20-d57f0eae5019', 'true'); } } var formatDigit = function(digit){ if (digit.length === 1){ return '0' + digit; } return digit; } var getCountdownDate = function(date){ var currentDate = new Date(); var selectedDate = new Date(date); var delta = Math.abs(selectedDate - currentDate) / 1000; var days = Math.floor(delta / 86400); delta -= days * 86400; var hours = Math.floor(delta / 3600) % 24; delta -= hours * 3600; var minutes = Math.floor(delta / 60) % 60; delta -= minutes * 60; var seconds = Math.floor(delta % 60); return { days: formatDigit(days.toString()), hours: formatDigit(hours.toString()), minutes: formatDigit(minutes.toString()), seconds: formatDigit(seconds.toString()) }; } var runCountdownTimers = function(){ var timers = document.querySelectorAll('div[data-timer-type="moosend-countdown-timer"]'); if (timers && timers.length){ for (var i = 0; i < timers.length; i++){ var date = timers[i].getAttribute('data-component-date'); var textTimer = timers[i].getAttribute('data-component-text-timer'); var setCounters = function(timer, dateArg){ var counters = getCountdownDate(dateArg); var daysBox = timer.querySelector('[data-box-type="days"'); var hoursBox = timer.querySelector('[data-box-type="hours"'); var minutesBox = timer.querySelector('[data-box-type="minutes"'); var secondsBox = timer.querySelector('[data-box-type="seconds"'); daysBox.textContent = counters.days; hoursBox.textContent = counters.hours; minutesBox.textContent = counters.minutes; secondsBox.textContent = counters.seconds; }; if (textTimer === 'true'){ var setInitialCounters = function(timer, dateArg){ var counters = getCountdownDate(dateArg); timers[i].innerHTML = timers[i].innerHTML.replace( '[days]', '' + counters.days + '' ); timers[i].innerHTML = timers[i].innerHTML.replace( '[hours]', '' + counters.hours + '' ); timers[i].innerHTML = timers[i].innerHTML.replace( '[minutes]', '' + counters.minutes + '' ); timers[i].innerHTML = timers[i].innerHTML.replace( '[seconds]', '' + counters.seconds + '' ); }; setInitialCounters(timers[i], date); } else { setCounters(timers[i], date); } setInterval(setCounters.bind(this, timers[i], date), 1000); } } } var formCloseEvent = function(){ var eventName = 'moosend-form-close-event-' + '49bb4d83-8465-422f-ae20-d57f0eae5019'; var event = new CustomEvent(eventName, {}); document.dispatchEvent(event); } var addCloseEventListeners = function(){ var closeElements = document.getElementsByClassName("moosend-form-close-element-49bb4d83-8465-422f-ae20-d57f0eae5019"); for (var i = 0; i < closeElements.length; i++){ if (closeElements[i]){ closeElements[i].onclick = formCloseEvent; } } } var createSearchObject = function() { var pairs = window.location.search.substring(1).split("&"), obj = {}, pair; for (var i = 0; i < pairs.length; i++) { if ( pairs[i] === "" ) continue; pair = pairs[i].split("="); obj[ decodeURIComponent( pair[0].toLowerCase() ) ] = decodeURIComponent( pair[1] ); } return obj; } var prefillFormFields = function(form){ var urlParams = createSearchObject(); var inputs = form.getElementsByTagName('input'); for (var i = 0; i < inputs.length; i++){ if (inputs[i]){ var inputName = inputs[i].name.toLowerCase(); if (urlParams[inputName]){ if (inputs[i].type === 'checkbox' && urlParams[inputName] === 'true'){ inputs[i].checked = true; inputs[i].nextSibling.style.display = 'block'; } else { inputs[i].value = urlParams[inputName]; } } } } } var restrictNumberFields = function(form){ var inputs = form.querySelectorAll('input[type="number"]'); for (var i = 0; i { var ang = arc * i; ctx.save(); // COLOR ctx.beginPath(); ctx.fillStyle = slice.background_color; ctx.moveTo(rad, rad); ctx.arc(rad, rad, rad, ang, ang + arc); ctx.lineTo(rad, rad); ctx.fill(); // TEXT ctx.translate(rad, rad); ctx.rotate(ang + arc / 2); ctx.textAlign = 'right'; ctx.fillStyle = '#fff'; ctx.font = '18px Arial'; ctx.fillText(slice.label, rad - 20, 5); ctx.strokeStyle = 'white'; ctx.lineWidth = 2; ctx.stroke(); ctx.restore(); }); var getIndex = function(){ return Math.floor(tot - ang / TAU * tot) % tot }; var rotate = function(){ ctx.canvas.style.transform = 'rotate(' + (ang - PI / 2) + 'rad)'; } // var copyButton = document.getElementById('wheel-button-' + id + '-copy'); var successMessage = document.getElementById('wheel-of-fortune-message-' + id); var frame = function(){ if (!isSpinning) return; if (angVel >= angVelMax) isAccelerating = false; // Accelerate if (isAccelerating) { angVel ||= angVelMin; // Initial velocity kick angVel *= 1.06; // Accelerate } if (shouldStop && !shouldWinIndex && getIndex() === winningIndex){ shouldWinIndex = winningIndex; shouldStop = false; } // Decelerate else { if (typeof shouldWinIndex !== 'undefined'){ isAccelerating = false; angVel *= friction; // Decelerate by friction // SPIN END: if (angVel { return item.type === 'win'; }).sort(function(a, b) { return a.probability - b.probability; })); couponCode = winningSlice.couponCode; successMessage.innerHTML = successMessage.innerHTML.replace( '[couponcode]', winningSlice.couponCode ); winningIndex = slices.findIndex((item) => { return winningSlice.id === item.id; }); isSpinning = true; isAccelerating = true; angVelMax = 0.34; setTimeout(function(){ shouldStop = true; }, 3500) } // copyButton.onclick = function(){ // copyToClipboard(couponCode); // } rotate(); // Initial rotation engine(); // Start engine! return callback; } var rand = function(m, M){ return Math.random() * (M - m + 1) + m; } var weightedSample = function(pairs) { var n = Math.random() * 100; var match = pairs.find(({probability}) => n <= probability); return match ? match : last(pairs); } var last = function(array) { return array[array.length - 1]; } var copyToClipboard = function(text){ if (text) { var valueElement = document.createElement('textarea'); valueElement.innerHTML = text; document.body.appendChild(valueElement); valueElement.select(); document.execCommand('copy'); valueElement.remove(); alert('Coupon code (' + text + ') has been copied to clipboard'); } } var renderRecaptcha = function(form){ var recaptchaElement = document.getElementById('recaptcha' + form.id) if (recaptchaElement){ try { if (!grecaptcha && grecaptchaTries < 10) { setTimeout(function () { grecaptchaTries = grecaptchaTries + 1; renderRecaptcha(form); }, 500); return; } recaptchaInstance = grecaptcha.render(recaptchaElement.id, { 'sitekey' : recaptchaElement.getAttribute('data-sitekey') }); } catch(e){ setTimeout(function () { grecaptchaTries = grecaptchaTries + 1; renderRecaptcha(form); }, 1000); } } } addCloseEventListeners(); runCountdownTimers(); addTrackToButtons(); readyFormSubmit(); clearErrorMessagesCallback(); trackVisit(); checkAndLoadFontAwesomeCss(); })();