.demo_form .gform_body ul li {padding-left:5px; padding-right: 15px;}
.demo_form .gfield_error {border-color: #ca3c3c;}
.demo_form {margin-left: 10px;}
.demo_form .clear_both {clear: both;}
.demo_form .gform_body .gform_fields .gfield_html {font-weight: normal;}
.demo_form .gfield {clear: none ;}
.demo_form .gform_page_footer {margin: 1.25em 0;    padding: 1em 0 0;   clear: inherit;}
.demo_form .validation_error {display: none;}
.demo_form .gfield_required {display: none;}
.demo_form .gf_custom_heading {font-size: 16px;    font-size: 1rem;    line-height: 18px;    line-height: 1.125rem;    text-transform: uppercase;    font-weight: 700;    margin-top: 2em;}
.demo_form .ginput_counter {display: none;}
.demo_form .display_none {display: none;}


/*Custom checkbox*/
.demo_form input[type=checkbox] {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.demo_form input[type=checkbox] + label {padding-left:23px;    height:18px;    display:inline-block;    line-height:18px;    background-repeat:no-repeat;    background-position: 0 0;    font-size:18px;    vertical-align:middle;    cursor:pointer;}
.demo_form input[type=checkbox]:checked + label {background-position: 0 -18px;}
.demo_form .gfield_checkbox label {background-image:url(csscheckbox.png);    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}

/*Progressbar*/
.demo_form .gf_progressbar {margin-top:3rem  ; margin-bottom: 2rem;width: 99%;    height: 20px;    line-height: 20px;    border: 1px solid #b4b4b4;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);}
.demo_form .percentbar_blue {background-color: #29c3e9;    color: white;}
.demo_form .gf_progressbar_percentage {height: 20px;    text-align: center;    text-shadow: 0 1px 1px rgba(0,0,0,.5);}

/*Green button*/
.demo_form .green_gf_button .gform_next_button,
.demo_form .green_gf_button .gform_button {
	background: #00ad97; width: 250px;
	margin: 0;
}
.demo_form .green_gf_button .gform_next_button:hover,
.demo_form .green_gf_button .gform_button:hover {
	background: white;    border-color: #00ad97;    color: #00ad97;
	margin: 0;
}

@media only screen and (min-width:740px){
    .demo_form .xtra_heigt{min-height: 350px}
}

.demo_form .gform_body ul li {padding-left:5px; padding-right: 15px;}
.demo_form .gfield_error {border-color: #ca3c3c;}
.demo_form {margin-left: 10px;}
.demo_form .clear_both {clear: both;}
.demo_form .gform_body .gform_fields .gfield_html {font-weight: normal;}
.demo_form .gfield {clear: none ;}
.demo_form .gform_page_footer {margin: 1.25em 0;    padding: 1em 0 0;   clear: inherit;}
.demo_form .validation_error {display: none;}
.demo_form .gfield_required {display: none;}
.demo_form .gf_custom_heading {font-size: 16px;    font-size: 1rem;    line-height: 18px;    line-height: 1.125rem;    text-transform: uppercase;    font-weight: 700;    margin-top: 2em;}
.demo_form .ginput_counter {display: none;}
.demo_form .display_none {display: none;}


/*Custom checkbox*/
.demo_form input[type=checkbox] {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.demo_form input[type=checkbox] + label {padding-left:23px;    height:18px;    display:inline-block;    line-height:18px;    background-repeat:no-repeat;    background-position: 0 0;    font-size:18px;    vertical-align:middle;    cursor:pointer;}
.demo_form input[type=checkbox]:checked + label {background-position: 0 -18px;}
.demo_form .gfield_checkbox label {background-image:url(csscheckbox.png);    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}

/*Progressbar*/
.demo_form .gf_progressbar {margin-top:3rem  ; margin-bottom: 2rem;width: 99%;    height: 20px;    line-height: 20px;    border: 1px solid #b4b4b4;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);}
.demo_form .percentbar_blue {background-color: #29c3e9;    color: white;}
.demo_form .gf_progressbar_percentage {height: 20px;    text-align: center;    text-shadow: 0 1px 1px rgba(0,0,0,.5);}

/*Green button*/
.demo_form .green_gf_button .gform_next_button {background: #00ad97; width: 250px}
.demo_form .green_gf_button .gform_next_button:hover {background: white;    border-color: #00ad97;    color: #00ad97;}

@media only screen and (min-width:740px){
    .demo_form .xtra_heigt{min-height: 350px}
}