Get Started with KORONA today!

Tell us a little bit about your business and explore all features that KORONA has to offer. And there’s no commitment or credit card required.

/*form styles*/
#msform1 {
/* width: 400px; */
margin: 50px auto;
text-align: center;
position: relative;
min-height: 400px;
}
#msform1 fieldset {
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
padding: 20px;
box-sizing: border-box;
width: 80%;
margin: 0 10%;

/*stacking fieldsets above each other*/
position: relative;
}
/*Hide all except first fieldset*/
#msform1 fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform1 input, #msform1 textarea {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
color: #000;
font-size: 13px;
}
#msform1 select {
width: 100%;
color: #000;
font-size: 13px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
}
#msform1 select option { color: black; }
/*buttons*/
#msform1 .action-button {
width: 100px;
background: #f78913;
font-weight: bold;
color: white !important;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform1 .action-button:hover, #msform1 .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #b52700;
}
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #000;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar1 {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
text-align: center;
margin-left: -30px;
}
#progressbar1 li {
list-style-type: none;
color: #f78913;
text-transform: uppercase;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
}
#progressbar1 li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar1 li:after {
content: ”;
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar1 li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar1 li.active:before, #progressbar1 li.active:after{
background: #f78913;
color: white;
}

Thank you!

Please check your email inbox and click the link we just sent you.

The email address you provided is already in use.
Please use a different email address or contact us at (833) 200-0213.

• Contact
• Business
• Setup

//jQuery time
var current_fs, next_fs, previous_fs; //fieldsets
var left, opacity, scale; //fieldset properties which we will animate
var animating; //flag to prevent quick multi-click glitches
var validated;
var template=”8df5ff36-d1c0-44bf-a92e-dc60aeba67cc”;
var subscribe=”99254937″;
var btype=”none”;
var emailEvent=false;
var phoneEvent=false;

$(document).on(‘keypress’, ‘input,select’, function (e) {
if (e.which == 13) {
//e.preventDefault();
var canfocus = $(‘input’);
var index = canfocus.index(this);
if (index = canfocus.length) index = 0;
canfocus.eq(index).focus();
}
});
function getFormField1(name) {
data = $(“#msform1”).find(“input[name=””+name+””]” ).val();
if (typeof(data) == ‘undefined’ || data === null)
data = $(“#msform1”).find(“select[name=””+name+””]” ).val();
return data;
}
function submitFormContents1(formState) {
businessType = btype;
if (btype == “none”)
businessType = getFormField1(“btype”);

fields = {
firstname: getFormField1(“firstname”),
lastname: getFormField1(“lastname”),
company: getFormField1(“company”),
phone: getFormField1(“phone”),
email: getFormField1(“email”),
type: businessType,
timeframe: getFormField1(“timeframe”),
equipment: getFormField1(“equipment”),
subscribe: subscribe,
template: template,
ref: document.referrer,
formstate: formState
}
$.post( “/lead2.php”, fields, function() {}, “json”)
.done(function( data ) {
if (formState != “submit”)
return;
$(“#loading1″).hide();
if (data.result==”success”)
{
$(“#success1”).show();
}
else
{
$(“#error1”).show();
$(“#msform1”).show();
}
}).fail(function() {
if (formState != “submit”)
return;
$(“#loading1”).hide();
$(“#error1”).show();
$(“#msform1”).show();
});

email = getFormField1(“email”);
if (!emailEvent && typeof(email) != ‘undefined’ && email !== null && email.length > 3)
{
ga(‘send’, ‘event’, ‘Forms’, ‘Register’, ’email’);
emailEvent = true;
_dcq.push([“identify”, {
email: email,
first_name: getFormField1(“firstname”),
last_name: getFormField1(“lastname”),
success: function(response) {}
}]);
}
phone = getFormField1(“phone”);
if (!phoneEvent && typeof(phone) != ‘undefined’ && phone !== null && phone.length > 7)
{
ga(‘send’, ‘event’, ‘Forms’, ‘Register’, ‘phone’);
phoneEvent = true;
}
}

function validateFormElements1(current_fs) {
validated = true;
current_fs.find(“input”).each(function (index, element) {
if (element.type != “text”)
return true;
element.style.backgroundColor=”#fff”;
if (element.value == null || element.value.trim() == “”)
{
element.style.backgroundColor=”#faa”;
validated = false;
}
var emailRegEx = /^(([^()[]\.,;:s@”]+(.[^()[]\.,;:s@”]+)*)|(“.+”))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;
if (element.name == “email” && !emailRegEx.test(element.value))
{
element.style.backgroundColor=”#faa”;
validated = false;
}
if (element.name == “phone” && element.value.replace(/[^d]/g, “”).length < 10)
{
element.style.backgroundColor="#faa";
validated = false;
}
return true;
});
return validated;
}

$(".next1").click(function(){
$("#error1").hide();

current_fs = $(this).parent();
if (!validateFormElements1(current_fs))
return false;

if(animating) return false;
animating = true;

next_fs = $(this).parent().next();

//activate next step on progressbar using the index of next_fs
$("#progressbar1 li").eq($("fieldset").index(next_fs)).addClass("active");

//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now, mx) {
//as the opacity of current_fs reduces to 0 – stored in "now"
//1. scale current_fs down to 80%
scale = 1 – (1 – now) * 0.2;
//2. bring next_fs from the right(50%)
left = (now * 50)+"%";
//3. increase opacity of next_fs to 1 as it moves in
opacity = 1 – now;
current_fs.css({
'transform': 'scale('+scale+')',
'position': 'absolute'
});
next_fs.css({'left': left, 'opacity': opacity});
},
duration: 800,
complete: function(){
current_fs.hide();
animating = false;
},
//this comes from the custom easing plugin
easing: 'easeInOutBack'
});
submitFormContents1("incomplete");
});

$(".previous1").click(function(){
if(animating) return false;
animating = true;

current_fs = $(this).parent();
previous_fs = $(this).parent().prev();

//de-activate current step on progressbar
$("#progressbar1 li").eq($("fieldset").index(current_fs)).removeClass("active");

//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now, mx) {
//as the opacity of current_fs reduces to 0 – stored in "now"
//1. scale previous_fs from 80% to 100%
scale = 0.8 + (1 – now) * 0.2;
//2. take current_fs to the right(50%) – from 0%
left = ((1-now) * 50)+"%";
//3. increase opacity of previous_fs to 1 as it moves in
opacity = 1 – now;
current_fs.css({'left': left});
previous_fs.css({'transform': 'scale('+scale+')', 'opacity': opacity});
},
duration: 800,
complete: function(){
current_fs.hide();
animating = false;
},
//this comes from the custom easing plugin
easing: 'easeInOutBack'
});
});

$(".submit1").click(function(){
$("#error1").hide();
current_fs = $(this).parent();
if (!validateFormElements1(current_fs))
return false;
$("#msform1").hide(500);
$("#loading1").show(500);
submitFormContents1("submit");
ga('send', 'event', 'Forms', 'Register', 'full');
_dcq.push(
[
"track", "Signed up for a trial",
{ value: 2000 }
]
);
return false;
});

$("#error1").hide();
$("#loading1").hide();
$("#success1").hide();

$( document ).ready(function() {
$("#error1").hide();
$("#loading1").hide();
$("#success1").hide();
if (btype != "none")
{
$("#btypelabel1").hide();
$("#btypefield1").hide();
}
});