.wufoo .info h2{font-family: 'helvetica-neue-rg',Helvetica,Arial,Lucida,sans-serif;font-size: 36px; }
.embed form, .embed body{ background:#f7f7f7;}
form li span{ width: 49%;}
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select,.wufoo input.medium {
    height: 48px;
    text-indent: 12px;
    background: #f4f4f4;
	width:100% ;
	border:0px !important;
	font-family: 'helvetica-neue-rg',Helvetica,Arial,Lucida,sans-serif;
	color:#7b7b7b;
	font-size:18px;
	border: 1px solid #2ea3f2 !important;
}



/*.wufoo select.select{-webkit-appearance: none;  -moz-appearance: none;  appearance: none; position: relative;}
.wufoo select.select:before{ content: ''; position: absolute; background: url(/wp-content/uploads/2018/05/select-icon.png) 0 0; background-repeat: no-repeat; width: 50px; height: 46px; background-size: 100% auto; top:0px; right:0px; display: block !important;}*/
 .wufoo textarea.textarea{ height:120px;}
.wufoo input.medium { width:100% !important;}
.embed form.wufoo{text-align:center; width: 70%; margin:0px auto !important;}
#nextPageButton,#saveForm{ line-height: 60px;padding: 0 50px 0 30px; font-size: 24px; color: #fff; border: 0px;background:#0f9b07 url(/wp-content/uploads/2018/05/arrow-right.png) no-repeat 95px 22px;cursor: pointer;}
.wufoo li.focused{ background:none !important;}
#saveForm{background:#0f9b07;padding: 0 30px;}
#previousPageButton{ line-height: 60px;padding: 0 30px 0 50px; font-size: 24px; color: #fff; border: 0px;background:#222 url(/wp-content/uploads/2018/05/arrow-left.png) no-repeat 25px 21px;cursor: pointer; text-decoration:none; background-size: 12px auto;}
form li .desc,.choice__text{ color:#242424 !important; font-size:26px !important;font-family: 'helvetica-neue-rg',Helvetica,Arial,Lucida,sans-serif !important; font-weight: normal !important; padding-bottom: 10px;}
.embed form, .embed body{ background:none !important;}
.wufoo .info{ display:none;}
form li.name span+span{ width:35%; margin:0 0 0 10px;}
form li.name span+span input{ width:100% !important;}
form li.name > span,form li.name span+span+span+span{ width:13%; margin:0px;}
form li.name span+span+span+span{ margin:0 0 0 10px;}
form li.phone span{ width:17%;}
form li.phone span+span{ width:17%;}
form li.phone span.symbol,form li.date span.symbol{ width:8%; line-height:50px;}
form li.phone span+span+span+span+span{ width:47%;}
input.checkbox, input.radio{ display:inline;}
.wufoo label.choice{ width:auto; float:none; display:inline; margin:0;}
li.twoColumns div span{ width:20%; float:none; display:inline-block;}
form li.date span{ width:20%;}
form li.date span.symbol{ width:10%; line-height:50px;}
form li.date span+span+span+span+span{ width:30%;}
form li.date span#cal63{ width:5%;}
form li.date .datepicker{ margin:17px 0 0 0;}
form li.notranslate {padding-top: 30px;}
form li.buttons{ margin-top: 50px;}

label.choice{ margin-left:3px}


.notStacked fieldset{ display: inline-block;}
.notStacked legend{ font-size:24px !important;color:#242424 !important;font-family: 'helvetica-neue-rg',Helvetica,Arial,Lucida,sans-serif !important;}
.notStacked legend, .notStacked div{ float: left; display: inline-block; vertical-align: top; width: auto; margin: 0 10px;}
.notStacked input.checkbox, .notStacked input.radio, .notStacked label { vertical-align:top; margin:0; display:inline-block !important;}
 .notStacked div{margin: 7px 10px;}
.notStacked input.checkbox, .notStacked input.radio{ margin:3px 0 0 0;}
form li.complex div span label{ display:none;}

#errorLi{ display:none !important;}
.g-recaptcha > div{ margin:0px auto;}
.previous-none #previousPageButton{ display:none;}
 input:focus, textarea:focus, select:focus{
        outline: none;
    }

/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

*/
li:not(#foo) > fieldset > div > span > input[type='radio'],
li:not(#foo) > fieldset > div > span > input[type='checkbox'] {

    /* Hide the input, but have it still be clickable */
    opacity: 0;

    float: left;
    width: 18px;
}

li:not(#foo) > fieldset > div > span > input[type='radio'] + label,
li:not(#foo) > fieldset > div > span > input[type='checkbox'] + label {
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 6px 0 4px 24px;

    /* Make look clickable because they are */
    cursor: pointer;

    background: url(off.png) left 0 no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
li:not(#foo) > fieldset > div > span > input[type='radio']:checked + label {
    background-image: url(radio.png);
}
li:not(#foo) > fieldset > div > span > input[type='checkbox']:checked + label {
    background-image: url(check.png);
}
form li.captcha{ border:none;}

/*----- responsive ----*/

  @media screen and (max-width: 991px) {
    font-size: 20px;
    #nextPageButton, #saveForm{line-height: 50px; font-size: 20px; background-position: 85px 16px;}
    #previousPageButton{line-height: 50px; font-size: 20px; background-position: 25px 15px;}
  }


  @media screen and (max-width: 767px) {

.embed form.wufoo{ width: 90%;}
#nextPageButton, #saveForm{line-height: 45px; font-size: 18px; background-position: 80px 15px; background-size: 10px auto;}
#previousPageButton{line-height: 50px; font-size: 20px; background-position: 25px 15px;}

form li .desc{font-size: 20px !important; line-height: 140%;}

form li.name span label{ font-size: 16px; padding-bottom: 10px;}

#nextPageButton, #saveForm{ margin-bottom: 20px;}

 .wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo input.medium{height: 40px;}


form li.name > span, form li.name span+span+span+span, form li.name span+span, form li.name span+span+span+span{width: 100%;margin: 0px;}
form li.complex div span.left, form li.complex div span.right{width: 100%;}

.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo input.medium{font-size: 16px;}
form li.phone span input.text, form li.date input.text{text-indent: 0px; height: 30px;}
form li.phone span, form li.phone span+span{ width: 15%;}
form li.phone span+span+span+span+span{ width: 46%;}

li.twoColumns div span{    width: 35%; margin-top: 10px;}
label.choice{margin-left: 0px; padding-bottom: 0px;}
form li .desc, .choice__text{    font-size: 18px !important;}

.safari label.choice{ margin-top: 0px;}
form li.date span{ width: 15%;}
.notStacked div{ float: none; margin: 0 auto;}
form li.buttons{margin-top: 10px;}

div.datepicker{    left: 50% !important;}
div.datepicker:before{    left: 71% !important;}
div.datepicker:after{    left: 72% !important;}



  }