<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_5">
    <form method="post" enctype="multipart/form-data" id="gform_5" action="/?page_id=208">

        <div class="gform_heading">
            <h3 class="gform_title">Sample Form</h3>
            <span class="gform_description">Built with gravity forms plugin</span>
        </div>

        <div class="gform_body">

            <!-- Start Standard From Elements Section -->
            <ul id="gform_fields_5" class="gform_fields top_label form_sublabel_below description_below">

                <!-- Single Line Text -->
                <li id="field_5_1" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_1">
           Single Line Text Field
            <span class="gfield_required">*</span>
          </label>
                    <div class="ginput_container ginput_container_text">
                        <input name="input_1" id="input_5_1" type="text" value="" class="large" aria-describedby="gfield_description_5_1" aria-required="true" aria-invalid="false">
                    </div>
                    <div class="gfield_description" id="gfield_description_5_1">
                        This is a single line text
                    </div>
                </li>

                <!-- Text Area -->
                <li id="field_5_2" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_2">
            Textarea
            <span class="gfield_required">
              *</span>
          </label>
                    <div class="ginput_container ginput_container_textarea">
                        <textarea name="input_2" id="input_5_2" class="textarea large" aria-describedby="gfield_description_5_2" aria-required="true" aria-invalid="false" rows="10" cols="50">

            </textarea>
                    </div>
                    <div class="gfield_description" id="gfield_description_5_2">
                        This is a paragraph text field
                    </div>
                </li>

                <!-- Dropdown -->
                <li id="field_5_3" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_3">
            Dropdown
          </label>
                    <div class="ginput_container ginput_container_select">
                        <select name="input_3" id="input_5_3" class="large gfield_select" aria-invalid="false">
              <option value="UX Designer">
                Option 1
              </option>
              <option value="Visual Designer">
                Option 2
              </option>
              <option value="Interaction Designer">
                Option 3
              </option>
              <option value="Producer">
                Option 4
              </option>
              <option value="Backend Developer">
                Option 5
              </option>
              <option value="Frontend Developer">
               Option 6
              </option>
            </select>
                    </div>
                    <div class="gfield_description" id="gfield_description_5_3">
                        This is helper text
                    </div>
                </li>

                <!-- Mutliselect-->
                <li id="field_5_4" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_4">
            Multiselect
          </label>
                    <div class="ginput_container ginput_container_multiselect">
                        <select multiple="multiple" size="7" name="input_4[]" id="input_5_4" class="large gfield_select">
              <option value="Mornings">
                Option 1
              </option>
              <option value="Afternoons">
                Option 2
              </option>
              <option value="Evenings">
                Option 3
              </option>
            </select>
                    </div>
                    <div class="gfield_description" id="gfield_description_5_4">
                        This is helper text
                    </div>
                </li>

                <!--Checkboxes-->
                <li id="field_5_6" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label">
            Checkboxes
          </label>
                    <div class="ginput_container ginput_container_checkbox">
                        <ul class="gfield_checkbox" id="input_5_6">
                            <li class="gchoice_5_6_1">
                                <input name="input_6.1" type="checkbox" value="Mornings" id="choice_5_6_1">
                                <label for="choice_5_6_1" id="label_5_6_1">
                 Option 1
                </label>
                            </li>
                            <li class="gchoice_5_6_2">
                                <input name="input_6.2" type="checkbox" value="Afternoons" id="choice_5_6_2">
                                <label for="choice_5_6_2" id="label_5_6_2">
                  Option 2
                </label>
                            </li>
                            <li class="gchoice_5_6_3">
                                <input name="input_6.3" type="checkbox" value="Evenings" id="choice_5_6_3">
                                <label for="choice_5_6_3" id="label_5_6_3">
                   Option 3
                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="gfield_description" id="gfield_description_5_6">
                        This is helper text
                    </div>
                </li>

                <!--Radio-->
                <li id="field_5_7" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label">
            Radio Buttons
          </label>
                    <div class="ginput_container ginput_container_radio">
                        <ul class="gfield_radio" id="input_5_7">
                            <li class="gchoice_5_7_0">
                                <input name="input_7" type="radio" value="Red" id="choice_5_7_0">
                                <label for="choice_5_7_0" id="label_5_7_0">
                  Option 1
                </label>
                            </li>
                            <li class="gchoice_5_7_1">
                                <input name="input_7" type="radio" value="Blue" id="choice_5_7_1">
                                <label for="choice_5_7_1" id="label_5_7_1">
                  Option 2
                </label>
                            </li>
                            <li class="gchoice_5_7_2">
                                <input name="input_7" type="radio" value="Green" id="choice_5_7_2">
                                <label for="choice_5_7_2" id="label_5_7_2">
                  Option 3
                </label>
                            </li>
                            <li class="gchoice_5_7_3">
                                <input name="input_7" type="radio" value="Yellow" id="choice_5_7_3">
                                <label for="choice_5_7_3" id="label_5_7_3">
                  Option 4
                </label>
                            </li>
                            <li class="gchoice_5_7_4">
                                <input name="input_7" type="radio" value="Black" id="choice_5_7_4">
                                <label for="choice_5_7_4" id="label_5_7_4">
                  Option 5
                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="gfield_description" id="gfield_description_5_7">
                        This is helper text
                    </div>
                </li>

                <!--Number or Currency-->
                <li id="field_5_5" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_5">
            Number
          </label>
                    <div class="ginput_container ginput_container_number">
                        <input name="input_5" id="input_5_5" type="text" value="" class="large" aria-invalid="false" aria-describedby="gfield_description_5_5">
                        <div class="instruction ">
                            Please enter a number from <strong>0</strong> to <strong>102</strong>.
                        </div>
                    </div>
                    <div class="gfield_description" id="gfield_description_5_5">
                        Can also use this for currency
                    </div>
                </li>

                <!--Start of Advanced Fields Section-->
                <li id="field_5_10" class="gfield gsection field_sublabel_below field_description_below gfield_visibility_visible">
                    <h2 class="gsection_title">
                        Personal Information
                    </h2>
                    <div class="gsection_description" id="gfield_description_5_10">
                        Let's find out a little more about you using Gravity forms Advanced fields
                    </div>
                </li>

                <!--Name-->
                <li id="field_5_12" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label gfield_label_before_complex">
            Name
          </label>
                    <div class="ginput_complex ginput_container no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name" id="input_5_12">
                        <span id="input_5_12_3_container" class="name_first">
              <input type="text" name="input_12.3" id="input_5_12_3" value="" aria-label="First name" aria-invalid="false">
                  <label for="input_5_12_3">
                    First
                  </label>
            </span>
                        <span id="input_5_12_6_container" class="name_last">
              <input type="text" name="input_12.6" id="input_5_12_6" value="" aria-label="Last name" aria-invalid="false">
                  <label for="input_5_12_6">
                    Last
                  </label>
            </span>
                    </div>
                </li>

                <!--Address-->
                <li id="field_5_14" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label gfield_label_before_complex">
            Address
          </label>
                    <div class="ginput_complex ginput_container has_street has_street2 has_city has_state has_zip has_country ginput_container_address" id="input_5_14">
                        <span class="ginput_full address_line_1" id="input_5_14_1_container">
              <input type="text" name="input_14.1" id="input_5_14_1" value="">
                <label for="input_5_14_1" id="input_5_14_1_label">
                  Street Address
                </label>
            </span>
                        <span class="ginput_full address_line_2" id="input_5_14_2_container">
              <input type="text" name="input_14.2" id="input_5_14_2" value="">
                <label for="input_5_14_2" id="input_5_14_2_label">
                  Address Line 2
                </label>
            </span>
                        <span class="ginput_left address_city" id="input_5_14_3_container">
              <input type="text" name="input_14.3" id="input_5_14_3" value="">
                <label for="input_5_14_3" id="input_5_14_3_label">
                  City
                </label>
            </span>
                        <span class="ginput_right address_state" id="input_5_14_4_container">
              <input type="text" name="input_14.4" id="input_5_14_4" value="">
                <label for="input_5_14_4" id="input_5_14_4_label">
                  State / Province / Region
                </label>
            </span>
                        <span class="ginput_left address_zip" id="input_5_14_5_container">
              <input type="text" name="input_14.5" id="input_5_14_5" value="">
                  <label for="input_5_14_5" id="input_5_14_5_label">
                    ZIP / Postal Code
                  </label>
            </span>
                        <span class="ginput_right address_country" id="input_5_14_6_container">
              <select name="input_14.6" id="input_5_14_6">
                <option value="" selected="selected"></option>
                <option value="Afghanistan">Afghanistan</option>
                <option value="Åland Islands">Åland Islands</option>
                <option value="Albania">Albania</option>
                <option value="Algeria">Algeria</option>
                <option value="American Samoa">American Samoa</option>
                <option value="Andorra">Andorra</option>
                <option value="Angola">Angola</option>
                <option value="Anguilla">Anguilla</option>
                <option value="Antarctica">Antarctica</option>
                <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                <option value="Argentina">Argentina</option>
                <option value="Armenia">Armenia</option>
                <option value="Aruba">Aruba</option>
                <option value="Australia">Australia</option>
                <option value="Austria">Austria</option>
                <option value="Azerbaijan">Azerbaijan</option>
                <option value="Bahamas">Bahamas</option>
                <option value="Bahrain">Bahrain</option>
                <option value="Bangladesh">Bangladesh</option>
                <option value="Barbados">Barbados</option>
                <option value="Belarus">Belarus</option>
                <option value="Belgium">Belgium</option>
                <option value="Belize">Belize</option>
                <option value="Benin">Benin</option>
                <option value="Bermuda">Bermuda</option>
                <option value="Bhutan">Bhutan</option>
                <option value="Bolivia">Bolivia</option>
                <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
                <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
                <option value="Botswana">Botswana</option>
                <option value="Bouvet Island">Bouvet Island</option>
                <option value="Brazil">Brazil</option>
                <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
                <option value="Brunei Darussalam">Brunei Darussalam</option>
                <option value="Bulgaria">Bulgaria</option>
                <option value="Burkina Faso">Burkina Faso</option>
                <option value="Burundi">Burundi</option>
                <option value="Cambodia">Cambodia</option>
                <option value="Cameroon">Cameroon</option>
                <option value="Canada">Canada</option>
                <option value="Cape Verde">Cape Verde</option>
                <option value="Cayman Islands">Cayman Islands</option>
                <option value="Central African Republic">Central African Republic</option>
                <option value="Chad">Chad</option>
                <option value="Chile">Chile</option>
                <option value="China">China</option>
                <option value="Christmas Island">Christmas Island</option>
                <option value="Cocos Islands">Cocos Islands</option>
                <option value="Colombia">Colombia</option>
                <option value="Comoros">Comoros</option>
                <option value="Congo, Democratic Republic of the">Congo, Democratic Republic of the</option>
                <option value="Congo, Republic of the">Congo, Republic of the</option>
                <option value="Cook Islands">Cook Islands</option>
                <option value="Costa Rica">Costa Rica</option>
                <option value="Côte d'Ivoire">Côte d'Ivoire</option>
                <option value="Croatia">Croatia</option>
                <option value="Cuba">Cuba</option>
                <option value="Curaçao">Curaçao</option>
                <option value="Cyprus">Cyprus</option>
                <option value="Czech Republic">Czech Republic</option>
                <option value="Denmark">Denmark</option>
                <option value="Djibouti">Djibouti</option>
                <option value="Dominica">Dominica</option>
                <option value="Dominican Republic">Dominican Republic</option>
                <option value="Ecuador">Ecuador</option>
                <option value="Egypt">Egypt</option>
                <option value="El Salvador">El Salvador</option>
                <option value="Equatorial Guinea">Equatorial Guinea</option>
                <option value="Eritrea">Eritrea</option>
                <option value="Estonia">Estonia</option>
                <option value="Eswatini (Swaziland)">Eswatini (Swaziland)</option>
                <option value="Ethiopia">Ethiopia</option>
                <option value="Falkland Islands">Falkland Islands</option>
                <option value="Faroe Islands">Faroe Islands</option>
                <option value="Fiji">Fiji</option>
                <option value="Finland">Finland</option>
                <option value="France">France</option>
                <option value="French Guiana">French Guiana</option>
                <option value="French Polynesia">French Polynesia</option>
                <option value="French Southern Territories">French Southern Territories</option>
                <option value="Gabon">Gabon</option>
                <option value="Gambia">Gambia</option>
                <option value="Georgia">Georgia</option>
                <option value="Germany">Germany</option>
                <option value="Ghana">Ghana</option>
                <option value="Gibraltar">Gibraltar</option>
                <option value="Greece">Greece</option>
                <option value="Greenland">Greenland</option>
                <option value="Grenada">Grenada</option>
                <option value="Guadeloupe">Guadeloupe</option>
                <option value="Guam">Guam</option>
                <option value="Guatemala">Guatemala</option>
                <option value="Guernsey">Guernsey</option>
                <option value="Guinea">Guinea</option>
                <option value="Guinea-Bissau">Guinea-Bissau</option>
                <option value="Guyana">Guyana</option>
                <option value="Haiti">Haiti</option>
                <option value="Heard and McDonald Islands">Heard and McDonald Islands</option>
                <option value="Holy See">Holy See</option>
                <option value="Honduras">Honduras</option>
                <option value="Hong Kong">Hong Kong</option>
                <option value="Hungary">Hungary</option>
                <option value="Iceland">Iceland</option>
                <option value="India">India</option>
                <option value="Indonesia">Indonesia</option>
                <option value="Iran">Iran</option>
                <option value="Iraq">Iraq</option>
                <option value="Ireland">Ireland</option>
                <option value="Isle of Man">Isle of Man</option>
                <option value="Israel">Israel</option>
                <option value="Italy">Italy</option>
                <option value="Jamaica">Jamaica</option>
                <option value="Japan">Japan</option>
                <option value="Jersey">Jersey</option>
                <option value="Jordan">Jordan</option>
                <option value="Kazakhstan">Kazakhstan</option>
                <option value="Kenya">Kenya</option>
                <option value="Kiribati">Kiribati</option>
                <option value="Kuwait">Kuwait</option>
                <option value="Kyrgyzstan">Kyrgyzstan</option>
                <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
                <option value="Latvia">Latvia</option>
                <option value="Lebanon">Lebanon</option>
                <option value="Lesotho">Lesotho</option>
                <option value="Liberia">Liberia</option>
                <option value="Libya">Libya</option>
                <option value="Liechtenstein">Liechtenstein</option>
                <option value="Lithuania">Lithuania</option>
                <option value="Luxembourg">Luxembourg</option>
                <option value="Macau">Macau</option>
                <option value="Macedonia">Macedonia</option>
                <option value="Madagascar">Madagascar</option>
                <option value="Malawi">Malawi</option>
                <option value="Malaysia">Malaysia</option>
                <option value="Maldives">Maldives</option>
                <option value="Mali">Mali</option>
                <option value="Malta">Malta</option>
                <option value="Marshall Islands">Marshall Islands</option>
                <option value="Martinique">Martinique</option>
                <option value="Mauritania">Mauritania</option>
                <option value="Mauritius">Mauritius</option>
                <option value="Mayotte">Mayotte</option>
                <option value="Mexico">Mexico</option>
                <option value="Micronesia">Micronesia</option>
                <option value="Moldova">Moldova</option>
                <option value="Monaco">Monaco</option>
                <option value="Mongolia">Mongolia</option>
                <option value="Montenegro">Montenegro</option>
                <option value="Montserrat">Montserrat</option>
                <option value="Morocco">Morocco</option>
                <option value="Mozambique">Mozambique</option>
                <option value="Myanmar">Myanmar</option>
                <option value="Namibia">Namibia</option>
                <option value="Nauru">Nauru</option>
                <option value="Nepal">Nepal</option>
                <option value="Netherlands">Netherlands</option>
                <option value="New Caledonia">New Caledonia</option>
                <option value="New Zealand">New Zealand</option>
                <option value="Nicaragua">Nicaragua</option>
                <option value="Niger">Niger</option>
                <option value="Nigeria">Nigeria</option>
                <option value="Niue">Niue</option>
                <option value="Norfolk Island">Norfolk Island</option>
                <option value="North Korea">North Korea</option>
                <option value="Northern Mariana Islands">Northern Mariana Islands</option>
                <option value="Norway">Norway</option>
                <option value="Oman">Oman</option>
                <option value="Pakistan">Pakistan</option>
                <option value="Palau">Palau</option>
                <option value="Palestine, State of">Palestine, State of</option>
                <option value="Panama">Panama</option>
                <option value="Papua New Guinea">Papua New Guinea</option>
                <option value="Paraguay">Paraguay</option>
                <option value="Peru">Peru</option>
                <option value="Philippines">Philippines</option>
                <option value="Pitcairn">Pitcairn</option>
                <option value="Poland">Poland</option>
                <option value="Portugal">Portugal</option>
                <option value="Puerto Rico">Puerto Rico</option>
                <option value="Qatar">Qatar</option>
                <option value="Réunion">Réunion</option>
                <option value="Romania">Romania</option>
                <option value="Russia">Russia</option>
                <option value="Rwanda">Rwanda</option>
                <option value="Saint Barthélemy">Saint Barthélemy</option>
                <option value="Saint Helena">Saint Helena</option>
                <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
                <option value="Saint Lucia">Saint Lucia</option>
                <option value="Saint Martin">Saint Martin</option>
                <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
                <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
                <option value="Samoa">Samoa</option>
                <option value="San Marino">San Marino</option>
                <option value="Sao Tome and Principe">Sao Tome and Principe</option>
                <option value="Saudi Arabia">Saudi Arabia</option>
                <option value="Senegal">Senegal</option>
                <option value="Serbia">Serbia</option>
                <option value="Seychelles">Seychelles</option>
                <option value="Sierra Leone">Sierra Leone</option>
                <option value="Singapore">Singapore</option>
                <option value="Sint Maarten">Sint Maarten</option>
                <option value="Slovakia">Slovakia</option>
                <option value="Slovenia">Slovenia</option>
                <option value="Solomon Islands">Solomon Islands</option>
                <option value="Somalia">Somalia</option>
                <option value="South Africa">South Africa</option>
                <option value="South Georgia">South Georgia</option>
                <option value="South Korea">South Korea</option>
                <option value="South Sudan">South Sudan</option>
                <option value="Spain">Spain</option>
                <option value="Sri Lanka">Sri Lanka</option>
                <option value="Sudan">Sudan</option>
                <option value="Suriname">Suriname</option>
                <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option>
                <option value="Sweden">Sweden</option>
                <option value="Switzerland">Switzerland</option>
                <option value="Syria">Syria</option>
                <option value="Taiwan">Taiwan</option>
                <option value="Tajikistan">Tajikistan</option>
                <option value="Tanzania">Tanzania</option>
                <option value="Thailand">Thailand</option>
                <option value="Timor-Leste">Timor-Leste</option>
                <option value="Togo">Togo</option>
                <option value="Tokelau">Tokelau</option>
                <option value="Tonga">Tonga</option>
                <option value="Trinidad and Tobago">Trinidad and Tobago</option>
                <option value="Tunisia">Tunisia</option>
                <option value="Turkey">Turkey</option>
                <option value="Turkmenistan">Turkmenistan</option>
                <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
                <option value="Tuvalu">Tuvalu</option>
                <option value="Uganda">Uganda</option>
                <option value="Ukraine">Ukraine</option>
                <option value="United Arab Emirates">United Arab Emirates</option>
                <option value="United Kingdom">United Kingdom</option>
                <option value="United States">United States</option>
                <option value="Uruguay">Uruguay</option>
                <option value="US Minor Outlying Islands">US Minor Outlying Islands</option>
                <option value="Uzbekistan">Uzbekistan</option>
                <option value="Vanuatu">Vanuatu</option>
                <option value="Venezuela">Venezuela</option>
                <option value="Vietnam">Vietnam</option>
                <option value="Virgin Islands, British">Virgin Islands, British</option>
                <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
                <option value="Wallis and Futuna">Wallis and Futuna</option>
                <option value="Western Sahara">Western Sahara</option>
                <option value="Yemen">Yemen</option>
                <option value="Zambia">Zambia</option>
                <option value="Zimbabwe">Zimbabwe</option>
              </select>
              <label for="input_5_14_6" id="input_5_14_6_label">
                Country
              </label>
            </span>

                        <div class="gf_clear gf_clear_complex"></div>
                    </div>
                </li>

                <!--Email-->
                <li id="field_5_15" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_15">
            Email
          </label>
                    <div class="ginput_container ginput_container_email">
                        <input name="input_15" id="input_5_15" type="text" value="" class="large" aria-invalid="false">
                    </div>
                </li>

                <!--Phone-->
                <li id="field_5_17" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_17">
            Phone
          </label>
                    <div class="ginput_container ginput_container_phone">
                        <input name="input_17" id="input_5_17" type="text" value="" class="large" aria-invalid="false">
                    </div>
                </li>

                <!--Website-->
                <li id="field_5_16" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_16">
            Website
          </label>
                    <div class="ginput_container ginput_container_website">
                        <input name="input_16" id="input_5_16" type="text" value="" class="large" placeholder="https://" aria-invalid="false">
                    </div>
                </li>

                <!--File Upload-->
                <li id="field_5_21" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_21">
            File Upload
          </label>
                    <div class="ginput_container ginput_container_fileupload">
                        <input type="hidden" name="MAX_FILE_SIZE" value="104857600">
                        <input name="input_21" id="input_5_21" type="file" class="large" aria-describedby="validation_message_5_21 live_validation_message_5_21 extensions_message_5_21" onchange="javascript:gformValidateFileSize( this, 104857600 );">
                        <span id="extensions_message_5_21" class="screen-reader-text">
            </span>
                        <div class="validation_message" id="live_validation_message_5_21">
                        </div>
                    </div>
                </li>

                <!--List-->
                <li id="field_5_19" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label">
            List
          </label>
                    <style type="text/css">

                    </style>
                    <div class="ginput_container ginput_container_list ginput_list">
                        <table class="gfield_list gfield_list_container">
                            <colgroup>
                                <col id="gfield_list_19_col1" class="gfield_list_col_odd">
                                <col id="gfield_list_19_col2" class="gfield_list_col_even">
                            </colgroup>
                            <tbody>
                                <tr class="gfield_list_row_odd gfield_list_group">
                                    <td class="gfield_list_cell gfield_list_19_cell1">
                                        <input aria-label="Favorite Foods" type="text" name="input_19[]" value="">
                                    </td>
                                    <td class="gfield_list_icons">
                                        <a href="javascript:void(0);" class="add_list_item " aria-label="Add another row" onclick="gformAddListItem(this, 0)" onkeypress="gformAddListItem(this, 0)">
                      <img src="http://localhost:8000/wp-content/plugins/gravityforms/images/list-add.svg" alt="" title="Add a new row">
                    </a>
                                        <a href="javascript:void(0);" class="delete_list_item" aria-label="Remove this row" onclick="gformDeleteListItem(this, 0)" onkeypress="gformDeleteListItem(this, 0)" style="visibility:hidden;">
                      <img src="http://localhost:8000/wp-content/plugins/gravityforms/images/list-remove.svg" alt="" title="Remove this row">
                    </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </li>

                <!--Consent-->
                <li id="field_5_23" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label">
            Consent
            </label>
                    <div class="ginput_container ginput_container_consent">
                        <input name="input_23.1" id="input_5_23_1" type="checkbox" value="1" aria-invalid="false">
                        <label class="gfield_consent_label" for="input_5_23_1">
                I agree to the privacy policy.
              </label>
                        <input type="hidden" name="input_23.2" value="I agree to the privacy policy." class="gform_hidden">
                        <input type="hidden" name="input_23.3" value="1" class="gform_hidden">
                    </div>
                </li>

                <!--Date-->
                <li id="field_5_13" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_13">
              Date
            </label>
                    <div class="ginput_container ginput_container_date">
                        <input name="input_13" id="input_5_13" type="text" value="" class="datepicker large mdy datepicker_no_icon hasDatepicker" aria-describedby="input_5_13_date_format">
                        <span id="input_5_13_date_format" class="screen-reader-text">
                Date Format: MM slash DD slash YYYY
              </span>
                    </div>
                    <input type="hidden" id="gforms_calendar_icon_input_5_13" class="gform_hidden" value="http://localhost:8000/wp-content/plugins/gravityforms/images/calendar.png">
                </li>

                <!--Time-->
                <li id="field_5_18" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label gfield_label_before_complex">
              Time
            </label>
                    <div class="clear-multi">
                        <div class="gfield_time_hour ginput_container ginput_container_time" id="input_5_18">
                            <input type="text" maxlength="2" name="input_18[]" id="input_5_18_1" value="">
                            <i>:</i>
                            <label for="input_5_18_1">
                    HH
                  </label>
                        </div>
                        <div class="gfield_time_minute ginput_container ginput_container_time">
                            <input type="text" maxlength="2" name="input_18[]" id="input_5_18_2" value="">
                            <label for="input_5_18_2">
                    MM
                  </label>
                        </div>
                        <div class="gfield_time_ampm ginput_container ginput_container_time">
                            <select name="input_18[]" id="input_5_18_3" aria-label="AM/PM">
                  <option value="am">AM</option>
                  <option value="pm">PM</option>
                </select>
                        </div>
                    </div>
                </li>

                <!--Start of Wordpress Post Fields-->
                <li id="field_5_30" class="gfield gsection field_sublabel_below field_description_below gfield_visibility_visible">
                    <h2 class="gsection_title">
                        Post Fields
                    </h2>
                    <div class="gsection_description" id="gfield_description_5_30">
                        Only fill this out if you want to use your answers in a wordpress post
                    </div>
                </li>

                <!--Post Title-->
                <li id="field_5_31" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_31">
              Post Title
            </label>
                    <div class="ginput_container ginput_container_post_title">
                        <input name="input_31" id="input_5_31" type="text" value="" class="large" aria-invalid="false">
                    </div>
                </li>

                <!--Post Body-->
                <li id="field_5_32" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_32">
            Post Body
          </label>
                    <div class="ginput_container ginput_container_textarea">
                        <textarea name="input_32" id="input_5_32" class="textarea large" aria-invalid="false" rows="10" cols="50">

            </textarea>
                    </div>
                </li>

                <!--Post Excerpt-->
                <li id="field_5_33" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_33">
            Post Excerpt
          </label>
                    <div class="ginput_container ginput_container_post_excerpt">
                        <textarea name="input_33" id="input_5_33" class="textarea small" aria-invalid="false" rows="10" cols="50"></textarea>
                    </div>
                </li>

                <!--Post Tags-->
                <li id="field_5_34" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_34">
            Post Tags
          </label>
                    <div class="ginput_container ginput_container_post_tags">
                        <input name="input_34" id="input_5_34" type="text" value="" class="large" aria-invalid="false">
                    </div>
                </li>

                <!--Post Category-->
                <li id="field_5_35" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_35">
            Post Category
          </label>
                    <div class="ginput_container ginput_container_select">
                        <select name="input_35" id="input_5_35" class="large gfield_select" aria-invalid="false">
              <option value="1" selected="selected">
                Uncategorized
              </option>
            </select>
                    </div>
                </li>

                <!--Post Custom Field-->
                <li id="field_5_37" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_37">
            Post Custom Field
          </label>
                    <div class="ginput_container ginput_container_text">
                        <input name="input_37" id="input_5_37" type="text" value="" class="large" aria-invalid="false">
                    </div>
                </li>

                <!--Post Image-->
                <li id="field_5_36" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_36">
            Post Image
          </label>
                    <div class="ginput_complex ginput_container ginput_container_post_image">
                        <span class="ginput_full">
              <input name="input_36" id="input_5_36" type="file" class="large">
            </span>
                    </div>
                </li>

                <!--Start of Product Fields Section-->
                <li id="field_5_29" class="gfield gsection field_sublabel_below field_description_below gfield_visibility_visible">
                    <h2 class="gsection_title">
                        Product
                    </h2>
                </li>

                <!--Product Name-->
                <li id="field_5_24" class="gfield gfield_price gfield_price_5_24 gfield_product_5_24 field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_24_1">
            Product Name
          </label>
                    <div class="ginput_container ginput_container_singleproduct">
                        <input type="hidden" name="input_24.1" value="Product Name" class="gform_hidden">
                        <span class="ginput_product_price_label">
              Price:
            </span>
                        <span class="ginput_product_price" id="input_5_24">
              $0.00
            </span>
                        <input type="hidden" name="input_24.2" id="ginput_base_price_5_24" class="gform_hidden" value="0">
                    </div>
                </li>

                <!--Quantity-->
                <li id="field_5_25" class="gfield gfield_price gfield_price_5_24 gfield_quantity gfield_quantity_5_24 field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_25">
            Quantity
          </label>
                    <div class="ginput_container ginput_container_number">
                        <input name="input_25" id="input_5_25" type="text" value="" class="large" aria-invalid="false">
                    </div>
                </li>

                <!--Option-->
                <li id="field_5_26" class="gfield gfield_price gfield_price_5_24 gfield_option_5_24 field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_26">
            Option
          </label>
                    <div class="ginput_container ginput_container_select">
                        <select name="input_26" id="input_5_26" class="large gfield_select" aria-invalid="false">
              <option value="First Option|0" price="">
                First Option
              </option>
              <option value="Second Option|0" price="">
                Second Option
              </option>
              <option value="Third Option|0" price="">
                Third Option
              </option>
            </select>
                    </div>
                </li>

                <!--Shipping-->
                <li id="field_5_27" class="gfield gfield_price gfield_shipping gfield_shipping_5 field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_27">
            Shipping
          </label>
                    <div class="ginput_container ginput_container_singleshipping">
                        <input type="hidden" name="input_27" value="0" class="gform_hidden">
                        <span class="ginput_shipping_price" id="input_5_27">
              $0.00
            </span>
                    </div>
                </li>

                <!--Total-->
                <li id="field_5_28" class="gfield gfield_price gfield_price_5_ gfield_total gfield_total_5_ field_sublabel_below field_description_below gfield_visibility_visible">
                    <label class="gfield_label" for="input_5_28">
            Total
          </label>
                    <div class="ginput_container ginput_container_total">
                        <span class="ginput_total ginput_total_5" aria-live="polite">
              $0.00
            </span>
                        <input type="hidden" name="input_28" id="input_5_28" class="gform_hidden">
                    </div>
                </li>
            </ul>
        </div>

        <!--Form Footer-->
        <div class="gform_footer top_label">
            <input type="submit" id="gform_submit_button_5" class="gform_button button" value="Submit" onclick="if(window[&quot;gf_submitting_5&quot;]){return false;}  window[&quot;gf_submitting_5&quot;]=true;  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_5&quot;]){return false;} window[&quot;gf_submitting_5&quot;]=true;  jQuery(&quot;#gform_5&quot;).trigger(&quot;submit&quot;,[true]); }">
            <input type="hidden" class="gform_hidden" name="is_submit_5" value="1">
            <input type="hidden" class="gform_hidden" name="gform_submit" value="5">
            <input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
            <input type="hidden" class="gform_hidden" name="state_5" value="WyJ7XCIyMy4xXCI6XCI4ZmJiOWJkYzVkMjBmYjMwOTg1NzJmNmNkNTRmZDIyNlwiLFwiMjMuMlwiOlwiNjMxNzc2MGQ5Yjc4M2QzYWY0ODQ4ZTIxYjRkNTAyMTRcIixcIjIzLjNcIjpcIjhmYmI5YmRjNWQyMGZiMzA5ODU3MmY2Y2Q1NGZkMjI2XCIsXCIyNC4xXCI6XCI0ZjEwNjc2NDU2NzIzZGMxNzM5MzM0NWE4MDlmYmEzYlwiLFwiMjQuMlwiOlwiNmQ0ZWRlYTJkMjFjMjJiMDU0Nzc4NjkwMmI4YzllOTdcIixcIjI2XCI6W1wiYzM0YmE5ZjBlNzhlNTdjN2Y1NjUxNzFiNzAwMmI1NTJcIixcIjkxMjM3ODc5Y2JjMzg5Y2VmODhmYzFkYjdhOGY5OTYyXCIsXCJkODY5OGY3YjE4NzA4NmIyZWZhYTBkYzVkM2M2NmQ3NFwiXSxcIjI3XCI6XCI2ZDRlZGVhMmQyMWMyMmIwNTQ3Nzg2OTAyYjhjOWU5N1wifSIsImY2ZDZlMzY0OTZlM2ViYTllMjYyZDdmMDBmNzFmNmRlIl0=">
            <input type="hidden" class="gform_hidden" name="gform_target_page_number_5" id="gform_target_page_number_5" value="0">
            <input type="hidden" class="gform_hidden" name="gform_source_page_number_5" id="gform_source_page_number_5" value="1">
            <input type="hidden" name="gform_field_values" value="">
        </div>

    </form>
</div>
<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_5"><form method="post" enctype="multipart/form-data" id="gform_5" action="/?page_id=208">

    <div class="gform_heading">
        <h3 class="gform_title">Sample Form</h3>
        <span class="gform_description">Built with gravity forms plugin</span>
    </div>


    <div class="gform_body">

      <!-- Start Standard From Elements Section -->
      <ul id="gform_fields_5" class="gform_fields top_label form_sublabel_below description_below">

        <!-- Single Line Text -->
        <li id="field_5_1" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_1">
           Single Line Text Field
            <span class="gfield_required">*</span>
          </label>
          <div class="ginput_container ginput_container_text">
            <input name="input_1" id="input_5_1" type="text" value="" class="large" aria-describedby="gfield_description_5_1" aria-required="true" aria-invalid="false">
          </div>
          <div class="gfield_description" id="gfield_description_5_1">
            This is a single line text
          </div>
        </li>

        <!-- Text Area -->
        <li id="field_5_2" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_2">
            Textarea
            <span class="gfield_required">
              *</span>
          </label>
          <div class="ginput_container ginput_container_textarea">
            <textarea name="input_2" id="input_5_2" class="textarea large" aria-describedby="gfield_description_5_2" aria-required="true" aria-invalid="false" rows="10" cols="50">

            </textarea>
          </div>
          <div class="gfield_description" id="gfield_description_5_2">
            This is a paragraph text field
          </div>
        </li>

        <!-- Dropdown -->
        <li id="field_5_3" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_3">
            Dropdown
          </label>
          <div class="ginput_container ginput_container_select">
            <select name="input_3" id="input_5_3" class="large gfield_select" aria-invalid="false">
              <option value="UX Designer">
                Option 1
              </option>
              <option value="Visual Designer">
                Option 2
              </option>
              <option value="Interaction Designer">
                Option 3
              </option>
              <option value="Producer">
                Option 4
              </option>
              <option value="Backend Developer">
                Option 5
              </option>
              <option value="Frontend Developer">
               Option 6
              </option>
            </select>
          </div>
          <div class="gfield_description" id="gfield_description_5_3">
            This is helper text
          </div>
        </li>

        <!-- Mutliselect-->
        <li id="field_5_4" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_4">
            Multiselect
          </label>
          <div class="ginput_container ginput_container_multiselect">
            <select multiple="multiple" size="7" name="input_4[]" id="input_5_4" class="large gfield_select">
              <option value="Mornings">
                Option 1
              </option>
              <option value="Afternoons">
                Option 2
              </option>
              <option value="Evenings">
                Option 3
              </option>
            </select>
          </div>
          <div class="gfield_description" id="gfield_description_5_4">
            This is helper text
          </div>
        </li>

        <!--Checkboxes-->
        <li id="field_5_6" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label">
            Checkboxes
          </label>
          <div class="ginput_container ginput_container_checkbox">
            <ul class="gfield_checkbox" id="input_5_6">
              <li class="gchoice_5_6_1">
								<input name="input_6.1" type="checkbox" value="Mornings" id="choice_5_6_1">
								<label for="choice_5_6_1" id="label_5_6_1">
                 Option 1
                </label>
							</li>
              <li class="gchoice_5_6_2">
								<input name="input_6.2" type="checkbox" value="Afternoons" id="choice_5_6_2">
								<label for="choice_5_6_2" id="label_5_6_2">
                  Option 2
                </label>
							</li>
              <li class="gchoice_5_6_3">
								<input name="input_6.3" type="checkbox" value="Evenings" id="choice_5_6_3">
								<label for="choice_5_6_3" id="label_5_6_3">
                   Option 3
                </label>
							</li>
            </ul>
          </div>
          <div class="gfield_description" id="gfield_description_5_6">
            This is helper text
          </div>
        </li>

        <!--Radio-->
        <li id="field_5_7" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label">
            Radio Buttons
          </label>
          <div class="ginput_container ginput_container_radio">
            <ul class="gfield_radio" id="input_5_7">
              <li class="gchoice_5_7_0">
                <input name="input_7" type="radio" value="Red" id="choice_5_7_0">
                <label for="choice_5_7_0" id="label_5_7_0">
                  Option 1
                </label>
              </li>
              <li class="gchoice_5_7_1">
                <input name="input_7" type="radio" value="Blue" id="choice_5_7_1">
                <label for="choice_5_7_1" id="label_5_7_1">
                  Option 2
                </label>
              </li>
              <li class="gchoice_5_7_2">
                <input name="input_7" type="radio" value="Green" id="choice_5_7_2">
                <label for="choice_5_7_2" id="label_5_7_2">
                  Option 3
                </label>
              </li>
              <li class="gchoice_5_7_3">
                <input name="input_7" type="radio" value="Yellow" id="choice_5_7_3">
                <label for="choice_5_7_3" id="label_5_7_3">
                  Option 4
                </label>
              </li>
              <li class="gchoice_5_7_4">
                <input name="input_7" type="radio" value="Black" id="choice_5_7_4">
                <label for="choice_5_7_4" id="label_5_7_4">
                  Option 5
                </label>
              </li>
            </ul>
          </div>
          <div class="gfield_description" id="gfield_description_5_7">
            This is helper text
          </div>
        </li>

        <!--Number or Currency-->
        <li id="field_5_5" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_5">
            Number
          </label>
          <div class="ginput_container ginput_container_number">
            <input name="input_5" id="input_5_5" type="text" value="" class="large" aria-invalid="false" aria-describedby="gfield_description_5_5">
            <div class="instruction ">
              Please enter a number from <strong>0</strong> to <strong>102</strong>.
            </div>
          </div>
          <div class="gfield_description" id="gfield_description_5_5">
            Can also use this for currency
          </div>
        </li>

        <!--Start of Advanced Fields Section-->
        <li id="field_5_10" class="gfield gsection field_sublabel_below field_description_below gfield_visibility_visible">
          <h2 class="gsection_title">
            Personal Information
          </h2>
          <div class="gsection_description" id="gfield_description_5_10">
            Let's find out a little more about you using Gravity forms Advanced fields
          </div>
        </li>

        <!--Name-->
        <li id="field_5_12" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label gfield_label_before_complex">
            Name
          </label>
          <div class="ginput_complex ginput_container no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name" id="input_5_12">
            <span id="input_5_12_3_container" class="name_first">
              <input type="text" name="input_12.3" id="input_5_12_3" value="" aria-label="First name" aria-invalid="false">
                  <label for="input_5_12_3">
                    First
                  </label>
            </span>
            <span id="input_5_12_6_container" class="name_last">
              <input type="text" name="input_12.6" id="input_5_12_6" value="" aria-label="Last name" aria-invalid="false">
                  <label for="input_5_12_6">
                    Last
                  </label>
            </span>
          </div>
        </li>

        <!--Address-->
        <li id="field_5_14" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label gfield_label_before_complex">
            Address
          </label>
          <div class="ginput_complex ginput_container has_street has_street2 has_city has_state has_zip has_country ginput_container_address" id="input_5_14">
            <span class="ginput_full address_line_1" id="input_5_14_1_container">
              <input type="text" name="input_14.1" id="input_5_14_1" value="">
                <label for="input_5_14_1" id="input_5_14_1_label">
                  Street Address
                </label>
            </span>
            <span class="ginput_full address_line_2" id="input_5_14_2_container">
              <input type="text" name="input_14.2" id="input_5_14_2" value="">
                <label for="input_5_14_2" id="input_5_14_2_label">
                  Address Line 2
                </label>
            </span>
            <span class="ginput_left address_city" id="input_5_14_3_container">
              <input type="text" name="input_14.3" id="input_5_14_3" value="">
                <label for="input_5_14_3" id="input_5_14_3_label">
                  City
                </label>
            </span>
            <span class="ginput_right address_state" id="input_5_14_4_container">
              <input type="text" name="input_14.4" id="input_5_14_4" value="">
                <label for="input_5_14_4" id="input_5_14_4_label">
                  State / Province / Region
                </label>
            </span>
            <span class="ginput_left address_zip" id="input_5_14_5_container">
              <input type="text" name="input_14.5" id="input_5_14_5" value="">
                  <label for="input_5_14_5" id="input_5_14_5_label">
                    ZIP / Postal Code
                  </label>
            </span>
            <span class="ginput_right address_country" id="input_5_14_6_container">
              <select name="input_14.6" id="input_5_14_6">
                <option value="" selected="selected"></option>
                <option value="Afghanistan">Afghanistan</option>
                <option value="Åland Islands">Åland Islands</option>
                <option value="Albania">Albania</option>
                <option value="Algeria">Algeria</option>
                <option value="American Samoa">American Samoa</option>
                <option value="Andorra">Andorra</option>
                <option value="Angola">Angola</option>
                <option value="Anguilla">Anguilla</option>
                <option value="Antarctica">Antarctica</option>
                <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                <option value="Argentina">Argentina</option>
                <option value="Armenia">Armenia</option>
                <option value="Aruba">Aruba</option>
                <option value="Australia">Australia</option>
                <option value="Austria">Austria</option>
                <option value="Azerbaijan">Azerbaijan</option>
                <option value="Bahamas">Bahamas</option>
                <option value="Bahrain">Bahrain</option>
                <option value="Bangladesh">Bangladesh</option>
                <option value="Barbados">Barbados</option>
                <option value="Belarus">Belarus</option>
                <option value="Belgium">Belgium</option>
                <option value="Belize">Belize</option>
                <option value="Benin">Benin</option>
                <option value="Bermuda">Bermuda</option>
                <option value="Bhutan">Bhutan</option>
                <option value="Bolivia">Bolivia</option>
                <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
                <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
                <option value="Botswana">Botswana</option>
                <option value="Bouvet Island">Bouvet Island</option>
                <option value="Brazil">Brazil</option>
                <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
                <option value="Brunei Darussalam">Brunei Darussalam</option>
                <option value="Bulgaria">Bulgaria</option>
                <option value="Burkina Faso">Burkina Faso</option>
                <option value="Burundi">Burundi</option>
                <option value="Cambodia">Cambodia</option>
                <option value="Cameroon">Cameroon</option>
                <option value="Canada">Canada</option>
                <option value="Cape Verde">Cape Verde</option>
                <option value="Cayman Islands">Cayman Islands</option>
                <option value="Central African Republic">Central African Republic</option>
                <option value="Chad">Chad</option>
                <option value="Chile">Chile</option>
                <option value="China">China</option>
                <option value="Christmas Island">Christmas Island</option>
                <option value="Cocos Islands">Cocos Islands</option>
                <option value="Colombia">Colombia</option>
                <option value="Comoros">Comoros</option>
                <option value="Congo, Democratic Republic of the">Congo, Democratic Republic of the</option>
                <option value="Congo, Republic of the">Congo, Republic of the</option>
                <option value="Cook Islands">Cook Islands</option>
                <option value="Costa Rica">Costa Rica</option>
                <option value="Côte d'Ivoire">Côte d'Ivoire</option>
                <option value="Croatia">Croatia</option>
                <option value="Cuba">Cuba</option>
                <option value="Curaçao">Curaçao</option>
                <option value="Cyprus">Cyprus</option>
                <option value="Czech Republic">Czech Republic</option>
                <option value="Denmark">Denmark</option>
                <option value="Djibouti">Djibouti</option>
                <option value="Dominica">Dominica</option>
                <option value="Dominican Republic">Dominican Republic</option>
                <option value="Ecuador">Ecuador</option>
                <option value="Egypt">Egypt</option>
                <option value="El Salvador">El Salvador</option>
                <option value="Equatorial Guinea">Equatorial Guinea</option>
                <option value="Eritrea">Eritrea</option>
                <option value="Estonia">Estonia</option>
                <option value="Eswatini (Swaziland)">Eswatini (Swaziland)</option>
                <option value="Ethiopia">Ethiopia</option>
                <option value="Falkland Islands">Falkland Islands</option>
                <option value="Faroe Islands">Faroe Islands</option>
                <option value="Fiji">Fiji</option>
                <option value="Finland">Finland</option>
                <option value="France">France</option>
                <option value="French Guiana">French Guiana</option>
                <option value="French Polynesia">French Polynesia</option>
                <option value="French Southern Territories">French Southern Territories</option>
                <option value="Gabon">Gabon</option>
                <option value="Gambia">Gambia</option>
                <option value="Georgia">Georgia</option>
                <option value="Germany">Germany</option>
                <option value="Ghana">Ghana</option>
                <option value="Gibraltar">Gibraltar</option>
                <option value="Greece">Greece</option>
                <option value="Greenland">Greenland</option>
                <option value="Grenada">Grenada</option>
                <option value="Guadeloupe">Guadeloupe</option>
                <option value="Guam">Guam</option>
                <option value="Guatemala">Guatemala</option>
                <option value="Guernsey">Guernsey</option>
                <option value="Guinea">Guinea</option>
                <option value="Guinea-Bissau">Guinea-Bissau</option>
                <option value="Guyana">Guyana</option>
                <option value="Haiti">Haiti</option>
                <option value="Heard and McDonald Islands">Heard and McDonald Islands</option>
                <option value="Holy See">Holy See</option>
                <option value="Honduras">Honduras</option>
                <option value="Hong Kong">Hong Kong</option>
                <option value="Hungary">Hungary</option>
                <option value="Iceland">Iceland</option>
                <option value="India">India</option>
                <option value="Indonesia">Indonesia</option>
                <option value="Iran">Iran</option>
                <option value="Iraq">Iraq</option>
                <option value="Ireland">Ireland</option>
                <option value="Isle of Man">Isle of Man</option>
                <option value="Israel">Israel</option>
                <option value="Italy">Italy</option>
                <option value="Jamaica">Jamaica</option>
                <option value="Japan">Japan</option>
                <option value="Jersey">Jersey</option>
                <option value="Jordan">Jordan</option>
                <option value="Kazakhstan">Kazakhstan</option>
                <option value="Kenya">Kenya</option>
                <option value="Kiribati">Kiribati</option>
                <option value="Kuwait">Kuwait</option>
                <option value="Kyrgyzstan">Kyrgyzstan</option>
                <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
                <option value="Latvia">Latvia</option>
                <option value="Lebanon">Lebanon</option>
                <option value="Lesotho">Lesotho</option>
                <option value="Liberia">Liberia</option>
                <option value="Libya">Libya</option>
                <option value="Liechtenstein">Liechtenstein</option>
                <option value="Lithuania">Lithuania</option>
                <option value="Luxembourg">Luxembourg</option>
                <option value="Macau">Macau</option>
                <option value="Macedonia">Macedonia</option>
                <option value="Madagascar">Madagascar</option>
                <option value="Malawi">Malawi</option>
                <option value="Malaysia">Malaysia</option>
                <option value="Maldives">Maldives</option>
                <option value="Mali">Mali</option>
                <option value="Malta">Malta</option>
                <option value="Marshall Islands">Marshall Islands</option>
                <option value="Martinique">Martinique</option>
                <option value="Mauritania">Mauritania</option>
                <option value="Mauritius">Mauritius</option>
                <option value="Mayotte">Mayotte</option>
                <option value="Mexico">Mexico</option>
                <option value="Micronesia">Micronesia</option>
                <option value="Moldova">Moldova</option>
                <option value="Monaco">Monaco</option>
                <option value="Mongolia">Mongolia</option>
                <option value="Montenegro">Montenegro</option>
                <option value="Montserrat">Montserrat</option>
                <option value="Morocco">Morocco</option>
                <option value="Mozambique">Mozambique</option>
                <option value="Myanmar">Myanmar</option>
                <option value="Namibia">Namibia</option>
                <option value="Nauru">Nauru</option>
                <option value="Nepal">Nepal</option>
                <option value="Netherlands">Netherlands</option>
                <option value="New Caledonia">New Caledonia</option>
                <option value="New Zealand">New Zealand</option>
                <option value="Nicaragua">Nicaragua</option>
                <option value="Niger">Niger</option>
                <option value="Nigeria">Nigeria</option>
                <option value="Niue">Niue</option>
                <option value="Norfolk Island">Norfolk Island</option>
                <option value="North Korea">North Korea</option>
                <option value="Northern Mariana Islands">Northern Mariana Islands</option>
                <option value="Norway">Norway</option>
                <option value="Oman">Oman</option>
                <option value="Pakistan">Pakistan</option>
                <option value="Palau">Palau</option>
                <option value="Palestine, State of">Palestine, State of</option>
                <option value="Panama">Panama</option>
                <option value="Papua New Guinea">Papua New Guinea</option>
                <option value="Paraguay">Paraguay</option>
                <option value="Peru">Peru</option>
                <option value="Philippines">Philippines</option>
                <option value="Pitcairn">Pitcairn</option>
                <option value="Poland">Poland</option>
                <option value="Portugal">Portugal</option>
                <option value="Puerto Rico">Puerto Rico</option>
                <option value="Qatar">Qatar</option>
                <option value="Réunion">Réunion</option>
                <option value="Romania">Romania</option>
                <option value="Russia">Russia</option>
                <option value="Rwanda">Rwanda</option>
                <option value="Saint Barthélemy">Saint Barthélemy</option>
                <option value="Saint Helena">Saint Helena</option>
                <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
                <option value="Saint Lucia">Saint Lucia</option>
                <option value="Saint Martin">Saint Martin</option>
                <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
                <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
                <option value="Samoa">Samoa</option>
                <option value="San Marino">San Marino</option>
                <option value="Sao Tome and Principe">Sao Tome and Principe</option>
                <option value="Saudi Arabia">Saudi Arabia</option>
                <option value="Senegal">Senegal</option>
                <option value="Serbia">Serbia</option>
                <option value="Seychelles">Seychelles</option>
                <option value="Sierra Leone">Sierra Leone</option>
                <option value="Singapore">Singapore</option>
                <option value="Sint Maarten">Sint Maarten</option>
                <option value="Slovakia">Slovakia</option>
                <option value="Slovenia">Slovenia</option>
                <option value="Solomon Islands">Solomon Islands</option>
                <option value="Somalia">Somalia</option>
                <option value="South Africa">South Africa</option>
                <option value="South Georgia">South Georgia</option>
                <option value="South Korea">South Korea</option>
                <option value="South Sudan">South Sudan</option>
                <option value="Spain">Spain</option>
                <option value="Sri Lanka">Sri Lanka</option>
                <option value="Sudan">Sudan</option>
                <option value="Suriname">Suriname</option>
                <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option>
                <option value="Sweden">Sweden</option>
                <option value="Switzerland">Switzerland</option>
                <option value="Syria">Syria</option>
                <option value="Taiwan">Taiwan</option>
                <option value="Tajikistan">Tajikistan</option>
                <option value="Tanzania">Tanzania</option>
                <option value="Thailand">Thailand</option>
                <option value="Timor-Leste">Timor-Leste</option>
                <option value="Togo">Togo</option>
                <option value="Tokelau">Tokelau</option>
                <option value="Tonga">Tonga</option>
                <option value="Trinidad and Tobago">Trinidad and Tobago</option>
                <option value="Tunisia">Tunisia</option>
                <option value="Turkey">Turkey</option>
                <option value="Turkmenistan">Turkmenistan</option>
                <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
                <option value="Tuvalu">Tuvalu</option>
                <option value="Uganda">Uganda</option>
                <option value="Ukraine">Ukraine</option>
                <option value="United Arab Emirates">United Arab Emirates</option>
                <option value="United Kingdom">United Kingdom</option>
                <option value="United States">United States</option>
                <option value="Uruguay">Uruguay</option>
                <option value="US Minor Outlying Islands">US Minor Outlying Islands</option>
                <option value="Uzbekistan">Uzbekistan</option>
                <option value="Vanuatu">Vanuatu</option>
                <option value="Venezuela">Venezuela</option>
                <option value="Vietnam">Vietnam</option>
                <option value="Virgin Islands, British">Virgin Islands, British</option>
                <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
                <option value="Wallis and Futuna">Wallis and Futuna</option>
                <option value="Western Sahara">Western Sahara</option>
                <option value="Yemen">Yemen</option>
                <option value="Zambia">Zambia</option>
                <option value="Zimbabwe">Zimbabwe</option>
              </select>
              <label for="input_5_14_6" id="input_5_14_6_label">
                Country
              </label>
            </span>

            <div class="gf_clear gf_clear_complex"></div>
          </div>
        </li>

        <!--Email-->
        <li id="field_5_15" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_15">
            Email
          </label>
          <div class="ginput_container ginput_container_email">
            <input name="input_15" id="input_5_15" type="text" value="" class="large" aria-invalid="false">
          </div>
        </li>

        <!--Phone-->
        <li id="field_5_17" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_17">
            Phone
          </label>
          <div class="ginput_container ginput_container_phone">
            <input name="input_17" id="input_5_17" type="text" value="" class="large" aria-invalid="false">
          </div>
        </li>

         <!--Website-->
        <li id="field_5_16" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_16">
            Website
          </label>
          <div class="ginput_container ginput_container_website">
            <input name="input_16" id="input_5_16" type="text" value="" class="large" placeholder="https://" aria-invalid="false">
          </div>
        </li>

      <!--File Upload-->
        <li id="field_5_21" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_21">
            File Upload
          </label>
          <div class="ginput_container ginput_container_fileupload">
            <input type="hidden" name="MAX_FILE_SIZE" value="104857600">
            <input name="input_21" id="input_5_21" type="file" class="large" aria-describedby="validation_message_5_21 live_validation_message_5_21 extensions_message_5_21" onchange="javascript:gformValidateFileSize( this, 104857600 );">
            <span id="extensions_message_5_21" class="screen-reader-text">
            </span>
            <div class="validation_message" id="live_validation_message_5_21">
            </div>
          </div>
        </li>

        <!--List-->
        <li id="field_5_19" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label">
            List
          </label>
          <style type="text/css">
          </style>
          <div class="ginput_container ginput_container_list ginput_list">
            <table class="gfield_list gfield_list_container">
              <colgroup>
                <col id="gfield_list_19_col1" class="gfield_list_col_odd">
                <col id="gfield_list_19_col2" class="gfield_list_col_even">
              </colgroup>
              <tbody>
                <tr class="gfield_list_row_odd gfield_list_group">
                  <td class="gfield_list_cell gfield_list_19_cell1">
                    <input aria-label="Favorite Foods" type="text" name="input_19[]" value="">
                  </td>
                  <td class="gfield_list_icons">
                    <a href="javascript:void(0);" class="add_list_item " aria-label="Add another row" onclick="gformAddListItem(this, 0)" onkeypress="gformAddListItem(this, 0)">
                      <img src="http://localhost:8000/wp-content/plugins/gravityforms/images/list-add.svg" alt="" title="Add a new row">
                    </a>
                    <a href="javascript:void(0);" class="delete_list_item" aria-label="Remove this row" onclick="gformDeleteListItem(this, 0)" onkeypress="gformDeleteListItem(this, 0)" style="visibility:hidden;">
                      <img src="http://localhost:8000/wp-content/plugins/gravityforms/images/list-remove.svg" alt="" title="Remove this row">
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </li>

        <!--Consent-->
        <li id="field_5_23" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label">
            Consent
            </label>
            <div class="ginput_container ginput_container_consent">
              <input name="input_23.1" id="input_5_23_1" type="checkbox" value="1" aria-invalid="false">
              <label class="gfield_consent_label" for="input_5_23_1">
                I agree to the privacy policy.
              </label>
              <input type="hidden" name="input_23.2" value="I agree to the privacy policy." class="gform_hidden">
              <input type="hidden" name="input_23.3" value="1" class="gform_hidden">
            </div>
          </li>

          <!--Date-->
          <li id="field_5_13" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
            <label class="gfield_label" for="input_5_13">
              Date
            </label>
            <div class="ginput_container ginput_container_date">
              <input name="input_13" id="input_5_13" type="text" value="" class="datepicker large mdy datepicker_no_icon hasDatepicker" aria-describedby="input_5_13_date_format">
              <span id="input_5_13_date_format" class="screen-reader-text">
                Date Format: MM slash DD slash YYYY
              </span>
            </div>
            <input type="hidden" id="gforms_calendar_icon_input_5_13" class="gform_hidden" value="http://localhost:8000/wp-content/plugins/gravityforms/images/calendar.png">
          </li>

           <!--Time-->
          <li id="field_5_18" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
            <label class="gfield_label gfield_label_before_complex">
              Time
            </label>
            <div class="clear-multi">
              <div class="gfield_time_hour ginput_container ginput_container_time" id="input_5_18">
                <input type="text" maxlength="2" name="input_18[]" id="input_5_18_1" value="">
                <i>:</i>
                  <label for="input_5_18_1">
                    HH
                  </label>
              </div>
              <div class="gfield_time_minute ginput_container ginput_container_time">
                <input type="text" maxlength="2" name="input_18[]" id="input_5_18_2" value="">
                  <label for="input_5_18_2">
                    MM
                  </label>
              </div>
              <div class="gfield_time_ampm ginput_container ginput_container_time">
                <select name="input_18[]" id="input_5_18_3" aria-label="AM/PM">
                  <option value="am">AM</option>
                  <option value="pm">PM</option>
                </select>
              </div>
            </div>
          </li>


          <!--Start of Wordpress Post Fields-->
          <li id="field_5_30" class="gfield gsection field_sublabel_below field_description_below gfield_visibility_visible">
            <h2 class="gsection_title">
              Post Fields
            </h2>
            <div class="gsection_description" id="gfield_description_5_30">
              Only fill this out if you want to use your answers in a wordpress post
            </div>
          </li>

          <!--Post Title-->
          <li id="field_5_31" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
            <label class="gfield_label" for="input_5_31">
              Post Title
            </label>
            <div class="ginput_container ginput_container_post_title">
					    <input name="input_31" id="input_5_31" type="text" value="" class="large" aria-invalid="false">
				    </div>
          </li>

        <!--Post Body-->
        <li id="field_5_32" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_32">
            Post Body
          </label>
          <div class="ginput_container ginput_container_textarea">
            <textarea name="input_32" id="input_5_32" class="textarea large" aria-invalid="false" rows="10" cols="50">

            </textarea>
          </div>
        </li>

        <!--Post Excerpt-->
        <li id="field_5_33" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_33">
            Post Excerpt
          </label>
          <div class="ginput_container ginput_container_post_excerpt">
					  <textarea name="input_33" id="input_5_33" class="textarea small" aria-invalid="false" rows="10" cols="50"></textarea>
				  </div>
        </li>

        <!--Post Tags-->
        <li id="field_5_34" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_34">
            Post Tags
          </label>
          <div class="ginput_container ginput_container_post_tags">
					  <input name="input_34" id="input_5_34" type="text" value="" class="large" aria-invalid="false">
				  </div>
        </li>

        <!--Post Category-->
        <li id="field_5_35" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_35">
            Post Category
          </label>
          <div class="ginput_container ginput_container_select">
            <select name="input_35" id="input_5_35" class="large gfield_select" aria-invalid="false">
              <option value="1" selected="selected">
                Uncategorized
              </option>
            </select>
          </div>
        </li>

        <!--Post Custom Field-->
        <li id="field_5_37" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_37">
            Post Custom Field
          </label>
          <div class="ginput_container ginput_container_text">
            <input name="input_37" id="input_5_37" type="text" value="" class="large" aria-invalid="false">
          </div>
        </li>

         <!--Post Image-->
        <li id="field_5_36" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_36">
            Post Image
          </label>
          <div class="ginput_complex ginput_container ginput_container_post_image">
            <span class="ginput_full">
              <input name="input_36" id="input_5_36" type="file" class="large">
            </span>
          </div>
        </li>

       <!--Start of Product Fields Section-->
        <li id="field_5_29" class="gfield gsection field_sublabel_below field_description_below gfield_visibility_visible">
          <h2 class="gsection_title">
            Product
          </h2>
        </li>

        <!--Product Name-->
        <li id="field_5_24" class="gfield gfield_price gfield_price_5_24 gfield_product_5_24 field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_24_1">
            Product Name
          </label>
          <div class="ginput_container ginput_container_singleproduct">
					  <input type="hidden" name="input_24.1" value="Product Name" class="gform_hidden">
					  <span class="ginput_product_price_label">
              Price:
            </span>
            <span class="ginput_product_price" id="input_5_24">
              $0.00
            </span>
					  <input type="hidden" name="input_24.2" id="ginput_base_price_5_24" class="gform_hidden" value="0">
          </div>
        </li>

        <!--Quantity-->
        <li id="field_5_25" class="gfield gfield_price gfield_price_5_24 gfield_quantity gfield_quantity_5_24 field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_25">
            Quantity
          </label>
          <div class="ginput_container ginput_container_number">
            <input name="input_25" id="input_5_25" type="text" value="" class="large" aria-invalid="false">
          </div>
        </li>

        <!--Option-->
        <li id="field_5_26" class="gfield gfield_price gfield_price_5_24 gfield_option_5_24 field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_26">
            Option
          </label>
          <div class="ginput_container ginput_container_select">
            <select name="input_26" id="input_5_26" class="large gfield_select" aria-invalid="false">
              <option value="First Option|0" price="">
                First Option
              </option>
              <option value="Second Option|0" price="">
                Second Option
              </option>
              <option value="Third Option|0" price="">
                Third Option
              </option>
            </select>
          </div>
        </li>

        <!--Shipping-->
        <li id="field_5_27" class="gfield gfield_price gfield_shipping gfield_shipping_5 field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_27">
            Shipping
          </label>
          <div class="ginput_container ginput_container_singleshipping">
            <input type="hidden" name="input_27" value="0" class="gform_hidden">
            <span class="ginput_shipping_price" id="input_5_27">
              $0.00
            </span>
				  </div>
        </li>

        <!--Total-->
        <li id="field_5_28" class="gfield gfield_price gfield_price_5_ gfield_total gfield_total_5_ field_sublabel_below field_description_below gfield_visibility_visible">
          <label class="gfield_label" for="input_5_28">
            Total
          </label>
          <div class="ginput_container ginput_container_total">
						<span class="ginput_total ginput_total_5" aria-live="polite">
              $0.00
            </span>
						<input type="hidden" name="input_28" id="input_5_28" class="gform_hidden">
					</div>
        </li>
      </ul>
    </div>

    <!--Form Footer-->
    <div class="gform_footer top_label">
      <input type="submit" id="gform_submit_button_5" class="gform_button button" value="Submit" onclick="if(window[&quot;gf_submitting_5&quot;]){return false;}  window[&quot;gf_submitting_5&quot;]=true;  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_5&quot;]){return false;} window[&quot;gf_submitting_5&quot;]=true;  jQuery(&quot;#gform_5&quot;).trigger(&quot;submit&quot;,[true]); }">
            <input type="hidden" class="gform_hidden" name="is_submit_5" value="1">
            <input type="hidden" class="gform_hidden" name="gform_submit" value="5">
            <input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
            <input type="hidden" class="gform_hidden" name="state_5" value="WyJ7XCIyMy4xXCI6XCI4ZmJiOWJkYzVkMjBmYjMwOTg1NzJmNmNkNTRmZDIyNlwiLFwiMjMuMlwiOlwiNjMxNzc2MGQ5Yjc4M2QzYWY0ODQ4ZTIxYjRkNTAyMTRcIixcIjIzLjNcIjpcIjhmYmI5YmRjNWQyMGZiMzA5ODU3MmY2Y2Q1NGZkMjI2XCIsXCIyNC4xXCI6XCI0ZjEwNjc2NDU2NzIzZGMxNzM5MzM0NWE4MDlmYmEzYlwiLFwiMjQuMlwiOlwiNmQ0ZWRlYTJkMjFjMjJiMDU0Nzc4NjkwMmI4YzllOTdcIixcIjI2XCI6W1wiYzM0YmE5ZjBlNzhlNTdjN2Y1NjUxNzFiNzAwMmI1NTJcIixcIjkxMjM3ODc5Y2JjMzg5Y2VmODhmYzFkYjdhOGY5OTYyXCIsXCJkODY5OGY3YjE4NzA4NmIyZWZhYTBkYzVkM2M2NmQ3NFwiXSxcIjI3XCI6XCI2ZDRlZGVhMmQyMWMyMmIwNTQ3Nzg2OTAyYjhjOWU5N1wifSIsImY2ZDZlMzY0OTZlM2ViYTllMjYyZDdmMDBmNzFmNmRlIl0=">
            <input type="hidden" class="gform_hidden" name="gform_target_page_number_5" id="gform_target_page_number_5" value="0">
            <input type="hidden" class="gform_hidden" name="gform_source_page_number_5" id="gform_source_page_number_5" value="1">
            <input type="hidden" name="gform_field_values" value="">
    </div>

  </form>
</div>
/* No context defined for this component. */
  • Content:
    /* --------------GRAVITY FORM OVERRIDES------------------ */
    .gform_wrapper {
    
      /* -------------- TYPOGRAPHY --------------- */
    
        /* FORM TITLE */
        h3.gform_title {
          @apply font-sans
          text-3xl #{!important}
          mt-0 #{!important}
          mb-1 #{!important};
        }
    
        /* SECTION TITLE */
        .gsection_title {
          @apply text-2xl #{!important};
        }
    
        /* TEXT BELOW FORM TITLE AND SECTION TITLE */
        .gform_description,
        .gsection_description {
          @apply
          text-base #{!important}
          mt-0 #{!important};
        }
    
        /* LABEL ABOVE FORM FIELDS */
        .gfield_label {
          @apply
          uppercase #{!important}
          text-sm #{!important};
        }
    
        /* ADDITIONAL LABEL BELOW NAME,ADDRESS AND TIME FIELDS ) */
        .gform_body .field_sublabel_below .ginput_complex.ginput_container label,
        .gform_body .field_sublabel_below div[class*=gfield_time_].ginput_container label  {
          @apply
          uppercase #{!important}
          text-sm #{!important};
        }
    
        /* HELPER TEXT BELOW FORM FIELDS */
       .gfield_description {
          @apply
            pt-0 #{!important}
            text-gray-darker #{!important};
        }
    
        /* LABEL NEXT TO CONSENT CHECKBOX */
        .gfield_consent_label {
          @apply
            text-sm #{!important}
            uppercase #{!important}
            pl-1 #{!important};
        }
    
       /* PLACEHOLDER */
       input::placeholder {
         @apply text-gray-light #{!important};
       }
    
    
       /* -------- FORM FIELDS --------- */
    
    
        /* ALL INPUTS, TEXTAREA AND SELECTS */
        .ginput_container_text > input,
        .ginput_container_number > input,
        .ginput_container_name > span > input,
        .ginput_container_address > span > input,
        .ginput_container_email > input,
        .ginput_container_phone > input,
        .ginput_container_website > input,
        .ginput_container_date > input,
        .ginput_container_time > input,
        .ginput_container_post_title > input,
        .ginput_post_container > input,
        .ginput_container_post_tags > input,
        .gfield_list_cell > input,
        .ginput_container_textarea > textarea,
        .ginput_container_post_excerpt > textarea,
        .ginput_container_select > select,
        .ginput_container_multiselect > select,
        .ginput_container_address > span > select,
        .ginput_container_time > select {
          @apply
          border #{!important}
          border-gray-light #{!important}
          bg-white #{!important}
          rounded-none #{!important};
        }
    
    
        /* SINGLE LINE TEXT INPUTS */
        .ginput_container_text > input,
        .ginput_container_number > input,
        .ginput_container_name > span > input,
        .ginput_container_address > span > input,
        .ginput_container_email > input,
        .ginput_container_phone > input,
        .ginput_container_website > input,
        .ginput_container_date > input,
        .ginput_container_time > input,
        .ginput_container_post_title > input,
        .ginput_post_container > input,
        .ginput_container_post_tags > input  {
          @apply h-8 #{!important};
        }
    
        /* DROPDOWNS -- EXCLUDES MULTISELECT */
          .ginput_container_select > select,
          .ginput_container_address > span > select,
          .ginput_container_time > select {
            @apply h-8 #{!important};
            @apply pl-1 #{!important};
            appearance: none;
            position: relative;
            background: theme("colors.gray-dark") url(../../../assets/src/img/svg/dropdown-arrow.svg) no-repeat
            calc(100% - theme("spacing.2")) 50%;
          }
    
    
        /* --CUSTOM RADIO BUTTOMS-- */
    
        /* spacing between radio buttons */
        .ginput_container_radio > ul > li {
          @apply mb-3 #{!important};
        }
    
        /* hide default radio */
        ul.gfield_radio li > input[type=radio] {
          position: absolute !important;
          opacity: 0 !important;
        }
    
        /* style label for radio button */
        ul.gfield_radio li > input[type=radio] + label {
          margin-left: 1.75rem !important;
          margin-top: -4px !important;
          @apply text-base #{!important}
          leading-none #{!important};
        }
    
        /* style label for selected item */
        ul.gfield_radio li > input[type=radio]:checked + label {
          @apply font-normal #{!important};
        }
    
        /* style new radio input */
        ul.gfield_radio li > input[type=radio] + label:before {
          content: "";
          position: absolute !important;
          height: 1.25rem !important;
          width: 1.25rem !important;
          top: 0;
          left: 0;
          @apply
          border #{!important}
          border-gray-light #{!important}
          bg-white #{!important}
          rounded-full #{!important};
        }
    
        /* hide default selected state */
        ul.gfield_radio li > input[type=radio] +label:after {
          content: "";
          position: absolute;
          display: none;
        }
    
        /* show custom selected state when clicked */
        ul.gfield_radio li > input[type=radio]:checked ~ label:after {
          display: block;
       }
    
        /* show custom selected state for radio input */
        ul.gfield_radio li > input[type=radio]:checked ~ label:after {
          top: 6px;
          left: 6px;
          width: 8px;
          height: 8px;
          @apply
          bg-primary #{!important}
          rounded-full #{!important};
        }
    
        /* --CUSTOM CHECKBOXES-- */
    
        .ginput_container_checkbox,
        .ginput_container_consent {
          @apply relative;
    
      }
    
      /* spacing between checkboxes */
        .ginput_container_checkbox > ul > li {
          @apply mb-3 #{!important};
        }
    
    
        .gfield_checkbox li {
              position: relative;
          }
    
          /* hide default checkbox */
        .gfield_checkbox  li > input[type=checkbox],
        .ginput_container_consent > input[type=checkbox]  {
              position: absolute;
              opacity: 0;
          }
    
          /* style checkbox label */
          .gfield_checkbox  li > input[type=checkbox] + label {
              margin-left: 1.75rem !important;
              margin-top: -4px !important;
              @apply
              text-base #{!important}
              leading-none #{!important};
          }
    
          .ginput_container_consent > input[type=checkbox] + label {
            margin-left: 1.75rem !important;
            margin-top: -4px !important;
          }
    
          /* style new checkbox */
          .gfield_checkbox li > input[type=checkbox] + label:before,
          .ginput_container_consent > input[type=checkbox] + label:before {
              content: "";
              position: absolute !important;
              height: 1.25rem !important;
              width: 1.25rem !important;
              top: 0;
              left: 0;
              @apply
              border #{!important}
              border-gray-light #{!important}
              bg-white #{!important}
              rounded-none #{!important};
          }
    
          /* hide checkmark when not checked */
          .gfield_checkbox li > input[type=checkbox] +label:after,
          .ginput_container_consent > input[type=checkbox] + label:after {
              content: "";
              position: absolute;
              display: none;
          }
    
          /* hide show custom checkmark when checked */
          .gfield_checkbox li > input[type=checkbox]:checked ~ label:after,
          .ginput_container_consent > input[type=checkbox]:checked + label:after {
              display: block;
          }
    
          /* style custom checkmark */
          .gfield_checkbox li > input[type=checkbox]:checked + label:after,
          .ginput_container_consent > input[type=checkbox] + label:after {
              left: 7px;
              top: 4px;
              width: 5px;
              height: 10px;
              border: solid theme("colors.primary['default']");
              border-width: 0 2px 2px 0;
              transform: rotate(45deg);
          }
    
          .gfield_checkbox li label {
              font-weight: 400 !important;
          }
    
    
    
        /* SUBMIT BUTTON */
    
        .gform_button {
          @apply font-bold #{!important}
          uppercase #{!important}
          text-xs #{!important}
          tracking-wider #{!important}
          py-4 #{!important}
          px-6 #{!important}
          bg-primary #{!important}
          text-white #{!important};
        }
    
        .gform_button:hover {
          @apply bg-primary-dark #{!important};
        }
    
         /* ERROR */
        .gfield_error {
          background-color: transparent !important;
          border-top: none !important;
          border-bottom: none !important;
      }
    
      .validation_message {
    
      }
    
      .gfield_required {
    
      }
    
      .validation_error{
          border-top: none !important;
          border-bottom: none !important;
          text-align: left !important;
          padding: 0 !important;
      }
    
    
    
    
    }
    
    
    /* ------------------------------------------------------------
    
    DO NOT EDIT CSS BElOW THIS COMMENT
    OVERIDE STYLES IN SECTION ABOVE
    
    DEFAULT GRAVITY FORM STYLES
    --------------------------------------------------------------*/
    
    /*
    ----------------------------------------------------------------
    
    Gravity Forms Front End Form Styles
    http: //www.gravityforms.com
    updated: May 22, 2018 03:17 PM US Eastern Time
    
    Gravity Forms is a Rocketgenius project
    copyright 2008-2018 Rocketgenius Inc.
    http: //www.rocketgenius.com
    this may not be redistributed without the
    express written permission of the author.
    
    NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
    THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
    AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
    
    If you need to make extensive customizations,
    copy the contents of this file to your theme
    style sheet for editing. Then, go to the form
    settings page & set the 'output CSS' option
    to no.
    
    ----------------------------------------------------------------
    */
    
    
    /* mobile styles first ​*/
    
    .gform_wrapper {
      margin-bottom: 16px;
      margin-top: 16px;
      max-width: 100%;
    }
    
    .gform_wrapper form {
      text-align: left;
      max-width: 100%;
      margin: 0 auto;
    }
    
    .gform_wrapper *,
    .gform_wrapper *:before,
    .gform_wrapper *:after {
      box-sizing: border-box !important;
    }
    
    .gform_wrapper h1,
    .gform_wrapper h2,
    .gform_wrapper h3 {
      font-weight: normal;
      border: none;
      background: none;
    }
    
    .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']) {
      font-size: inherit;
      font-family: inherit;
      padding: 5px 4px;
      letter-spacing: normal;
    }
    
    .gform_wrapper input[type=image] {
      border: none !important;
      padding: 0 !important;
      width: auto !important;
    }
    
    .gform_wrapper textarea {
      font-size: inherit;
      font-family: inherit;
      letter-spacing: normal;
      padding: 6px 8px;
      line-height: 1.5;
      resize: none;
    }
    
    .gform_wrapper select {
      line-height: 1.5;
    }
    
    .gform_wrapper .ginput_container_multiselect select {
      background-image: none !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      outline: none;
    }
    
    .gform_wrapper ul.gform_fields {
      margin: 0 !important;
      list-style-type: none;
      display: block;
    }
    
    html>body .entry ul,
    .gform_wrapper ul {
      text-indent: 0
    }
    
    .gform_wrapper li,
    .gform_wrapper form li {
      margin-left: 0 !important;
      list-style-type: none !important;
      list-style-image: none !important;
      list-style: none !important;
      overflow: visible;
    }
    
    .gform_wrapper ul li.gfield {
      clear: both;
    }
    
    .gform_wrapper ul.gfield_radio li,
    .gform_wrapper ul.gfield_checkbox li {
      overflow: hidden;
    }
    
    .gform_wrapper ul.gform_fields.right_label li.gfield,
    .gform_wrapper form ul.gform_fields.right_label li.gfield,
    .gform_wrapper ul.gform_fields.left_label li.gfield,
    .gform_wrapper form ul.gform_fields.left_label li.gfield {
      margin-bottom: 14px;
    }
    
    .gform_wrapper ul.right_label li ul.gfield_radio li,
    .gform_wrapper form ul.right_label li ul.gfield_radio li,
    .gform_wrapper ul.left_label li ul.gfield_radio li,
    .gform_wrapper form ul.left_label li ul.gfield_radio li,
    .gform_wrapper ul.right_label li ul.gfield_checkbox li,
    .gform_wrapper form ul.right_label li ul.gfield_checkbox li,
    .gform_wrapper ul.left_label li ul.gfield_checkbox li,
    .gform_wrapper form ul.left_label li ul.gfield_checkbox li {
      margin-bottom: 10px;
    }
    
    .gform_wrapper ul li:before,
    .gform_wrapper ul li:after,
    .gform_wrapper ul.gform_fields {
      padding: 0;
      margin: 0;
      overflow: visible;
    }
    
    .gform_wrapper select {
      font-size: inherit;
      font-family: inherit;
      letter-spacing: normal;
    }
    
    .gform_wrapper select option {
      padding: 2px;
      display: block;
    }
    
    .gform_wrapper .inline {
      display: inline !important;
    }
    
    .gform_wrapper .gform_heading {
      width: 100%;
      margin-bottom: 18px;
    }
    
    .gform_wrapper .clear-multi{
      display: flex;
    }
    
    /* date ​fields */
    
    .gform_wrapper .gfield_date_day,
    .gform_wrapper .gfield_date_year {
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    .gform_wrapper .gfield_date_day,
    .gform_wrapper .gfield_date_month,
    .gform_wrapper .gfield_date_year {
      width: 33.333%;
      flex-direction: row;
    }
    
    @media only screen and (min-width: 321px) {
    
      .gform_wrapper .gfield_date_day,
      .gform_wrapper .gfield_date_month {
          max-width: 4rem;
      }
    
      .gform_wrapper .gfield_date_year,
      .gform_wrapper .gfield_time_ampm {
          max-width: calc(4rem + .5rem);
      }
    
    }
    
    .gform_wrapper .gfield_date_dropdown_month,
    .gform_wrapper .gfield_date_dropdown_day,
    .gform_wrapper .gfield_date_dropdown_year {
      vertical-align: top;
      flex-direction: row;
    }
    
    .gform_wrapper .gfield_date_dropdown_month,
    .gform_wrapper .gfield_date_dropdown_day,
    .gform_wrapper .gfield_date_dropdown_year {
      margin-right: .5rem;
    }
    
    .gform_wrapper .gfield_date_month,
    .gform_wrapper .gfield_date_day {
      width: 4rem;
      margin-right: .5rem;
    }
    
    .gform_wrapper .gfield_date_month input[type="number"],
    .gform_wrapper .gfield_date_day input[type="number"] {
      width: calc(3rem + 8px) !important;
    }
    
    .gform_wrapper .gfield_date_year input[type="number"] {
      width: calc(4rem + 8px) !important;
    }
    
    .gform_wrapper .gfield_date_year {
      width: 5rem;
    }
    
    .gform_wrapper .gfield_date_month input,
    .gform_wrapper .gfield_date_day input {
      width: calc(3rem + 8px);
    }
    
    .gform_wrapper .gfield_date_year input {
      width: 4rem;
    }
    
    .gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label,
    .gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label {
      width: 3rem;
      text-align: center;
    }
    
    .gform_wrapper .field_sublabel_above div.gfield_date_year.ginput_container label,
    .gform_wrapper .field_sublabel_below div.gfield_date_year.ginput_container label {
      width: 4rem;
    }
    
    /* time ​fields */
    
    .gform_wrapper .gfield_time_hour,
    .gform_wrapper .gfield_time_minute,
    .gform_wrapper .gfield_time_ampm {
      width: 33.333%;
      flex-direction: row;
    }
    
    @media only screen and (min-width: 321px) {
    
      .gform_wrapper .gfield_time_hour,
      .gform_wrapper .gfield_time_minute {
          max-width: 4rem;
      }
    
      .gform_wrapper .gfield_time_hour,
      .gform_wrapper .gfield_time_ampm {
          max-width: calc(4rem + .5rem);
      }
    
      .gform_wrapper .gfield_time_hour {
          max-width: calc(4rem + .5rem);
      }
    
    }
    
    .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container_time span {
      float: left;
    }
    
    .gform_wrapper .gfield_time_hour i {
      font-style: normal !important;
      font-family: sans-serif !important;
      width: 10px;
      text-align: center;
      float: right;
      margin-top: 9%;
    }
    
    .gform_wrapper .gfield_time_minute {
      margin-right: .5rem;
    }
    
    .gform_wrapper .gfield_time_hour {
      margin-right: .25rem;
    }
    
    .gform_wrapper .gfield_time_ampm {
      vertical-align: top;
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    .gform_wrapper .gfield_time_ampm select {
      min-width: calc(2rem + 25px);
      width: calc(3rem + 25px);
    }
    
    .gform_wrapper .gfield_time_ampm_shim {
    display: block;
    font-size: .813em;
    margin: 9px 0 1px 1px;
    }
    
    .gform_wrapper .gfield_time_hour input,
    .gform_wrapper .gfield_time_minute input {
      width: calc(3rem + 8px);
    }
    
    .gform_wrapper .gfield_time_hour input[type="number"],
    .gform_wrapper .gfield_time_minute input[type="number"] {
      width: calc(3rem + 8px) !important;
    }
    
    .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label,
    .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
      width: 3rem;
      text-align: center;
    }
    
    .gform_wrapper .field_hover {
      border: 1px dashed #2175A9;
      cursor: pointer;
    }
    
    .gform_wrapper .field_selected {
      background-color: #DFEFFF;
      border: 1px solid #C2D7EF;
    }
    
    .gform_wrapper .field_name_first,
    .gform_wrapper .field_name_middle,
    .gform_wrapper .field_name_last {
      width: 49.5%;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
    }
    .gform_wrapper .ginput_complex.ginput_container {
      overflow: visible;
      width: 100%;
    }
    
    .gform_wrapper legend.gfield_label,
    .gform_wrapper label.gfield_label {
      font-weight: 700;
      font-size: inherit;
    }
    
    .gform_wrapper legend.gfield_label,
    .gform_wrapper .top_label .gfield_label {
      display: -moz-inline-stack;
      display: inline-block;
      line-height: 1.3;
      clear: both;
    }
    
    .gform_wrapper .top_label .gfield_hide_label {
      display: none;
    }
    
    .gform_wrapper .ginput_complex input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='image']):not([type='file']),
    .gform_wrapper .ginput_complex  .ginput_left input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='image']):not([type='file']),
    .gform_wrapper .ginput_complex .ginput_right input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='image']):not([type='file']) {
      width: 100%;
    }
    
    .gform_wrapper .ginput_complex .ginput_right select,
    .gform_wrapper .ginput_complex select {
      width: 100%;
    }
    
    .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
    .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
    .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label,
    .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label,
    .gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label,
    .gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label {
      display: block;
      font-size: .813em;
      letter-spacing: .5pt;
      white-space: nowrap;
    }
    
    .gform_wrapper ul.gfield_radio li label,
    .gform_wrapper ul.gfield_checkbox li label {
      display: -moz-inline-stack;
      display: inline-block;
      letter-spacing: inherit;
      vertical-align: middle;
      cursor: pointer;
    }
    
    .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
    .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label {
      margin: 9px 0 1px 1px;
    }
    
    .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_name label,
    .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_email label,
    .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_password label,
    .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_time label {
      margin-top: 0;
    }
    
    .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
    .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
      margin: 1px 0 9px 1px;
    }
    
    .gform_wrapper .top_label .field_sublabel_above label.gfield_label + .ginput_complex.ginput_container,
    .gform_wrapper .top_label .field_sublabel_above label.gfield_label + div[class*="gfield_time_"].ginput_container {
      margin-top: 0;
    }
    
    body .gform_wrapper .top_label div.ginput_container {
      margin-top: 8px;
    }
    
    body.gform_wrapper div.clear-multi {
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    body .gform_wrapper ul li.field_description_below div.ginput_container_radio,
    body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox {
      margin-top: 16px;
      margin-bottom: 0;
    }
    
    .gform_wrapper .hidden_label .gfield_label {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
    }
    
    .gfield.right_label,
    .gfield.left_label {
      padding-top: 10px;
    }
    
    .gform_wrapper li.hidden_label input {
      margin-top: 12px;
    }
    
    .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
    .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
      margin-bottom: 12px;
    }
    
    .gform_wrapper .screen-reader-text,
    .gform_wrapper label.hidden_sub_label {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    }
    
    .gform_wrapper input.small,
    .gform_wrapper select.small,
    .gform_wrapper input.medium,
    .gform_wrapper select.medium,
    .gform_wrapper input.large,
    .gform_wrapper select.large,
    .gform_wrapper input.large,
    .gform_wrapper select.large {
      width: 100%
    }
    
    .gform_wrapper input.datepicker_with_icon.small,
    .gform_wrapper input.datepicker_with_icon.medium,
    .gform_wrapper input.datepicker_with_icon.large {
      width: calc(100% - 24px);
    }
    
    .gform_wrapper .gfield_error input.small,
    .gform_wrapper .gfield_error select.small,
    .gform_wrapper .gfield_error input.medium,
    .gform_wrapper .gfield_error select.medium,
    .gform_wrapper .gfield_error input.large,
    .gform_wrapper .gfield_error select.large,
    .gform_wrapper .gfield_error input.large,
    .gform_wrapper .gfield_error select.large {
      width: 100%;
    }
    
    .gform_wrapper .gfield_error input.datepicker_with_icon.small,
    .gform_wrapper .gfield_error input.datepicker_with_icon.medium,
    .gform_wrapper .gfield_error input.datepicker_with_icon.large {
      width: calc(100% - 32px);
    }
    
    .gform_wrapper textarea.small {
      height: 80px;
      width: 100%;
    }
    
    .gform_wrapper textarea.medium {
      height: 120px;
      width: 100%;
    }
    
    .gform_wrapper textarea.large {
      height: 160px;
      width: 100%;
    }
    
    .gform_wrapper h2.gsection_title {
      margin: 0 !important;
      padding: 0 !important;
      letter-spacing: normal !important;
    }
    
    .gform_wrapper .gsection .gfield_label,
    .gform_wrapper h2.gsection_title,
    .gform_wrapper h3.gform_title {
      font-weight: 700;
      font-size: 1.25em;
    }
    
    .gform_wrapper h3.gform_title {
      letter-spacing: normal !important;
      margin: 10px 0 6px 0;
    }
    
    .gform_wrapper li.gfield.field_description_below + li.gsection {
      margin-top: 24px !important;
    }
    
    .gform_wrapper span.gform_description {
      font-weight: 400;
      display: block;
      width: calc(100% - 16px);
      margin-bottom: 16px;
    }
    
    .gform_wrapper .gsection {
      border-bottom: 1px solid #CCC;
      padding: 0 16px 8px 0;
      margin: 28px 0 28px 0;
      clear: both;
    }
    
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox],
    .gform_wrapper ul.gfield_radio li input[type=radio] {
      width: auto !important;
    }
    
    .gform_wrapper .gfield_checkbox li,
    .gform_wrapper .gfield_radio li {
      position: relative;
    }
    
    .gform_wrapper ul.gfield_checkbox,
    .gform_wrapper ul.gfield_radio {
      margin: 6px 0;
      padding: 0;
    }
    
    .gform_wrapper .gfield_checkbox li label,
    .gform_wrapper .gfield_radio li label {
      display: -moz-inline-stack;
      display: inline-block;
      padding: 0;
      width: auto;
      line-height: 1.5;
      font-size: .875em;
      vertical-align: middle;
      max-width: 85%;
      white-space: normal;
    }
    
    .gform_wrapper .gfield_checkbox li label {
      margin: 0;
    }
    
    .gform_wrapper .gfield_radio li label {
      margin: 2px 0 0 4px;
    }
    
    .gform_wrapper .gfield_checkbox li input[type=checkbox],
    .gform_wrapper .gfield_radio li input[type=radio],
    .gform_wrapper .gfield_checkbox li input {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      margin-left: 1px;
    }
    
    .gform_wrapper .description,
    .gform_wrapper .gfield_description,
    .gform_wrapper .gsection_description,
    .gform_wrapper .instruction {
      font-size: .813em;
      line-height: inherit;
      clear: both;
      font-family: inherit;
      letter-spacing: normal;
    }
    
    .gform_wrapper .description,
    .gform_wrapper .gfield_description,
    .gform_wrapper .gsection_description {
      padding: 0 16px 0 0;
    }
    
    .gform_wrapper .field_description_below .gfield_description {
      padding-top: 16px;
    }
    
    .gform_wrapper .field_sublabel_above .description,
    .gform_wrapper .field_sublabel_above .gfield_description,
    .gform_wrapper .field_sublabel_above .gsection_description {
      margin-top: 9px;
    }
    
    .gform_wrapper .top_label .gsection_description {
      width: 100%;
      margin-bottom: 9px;
    }
    
    .gform_wrapper .gfield_description {
      width: 100%;
    }
    
    .gform_wrapper .description_above .gfield_description {
      padding: 0 0 10px 0;
    }
    
    .gfield_date_year+.gfield_description {
      padding: 0;
    }
    
    .gform_wrapper .gfield_consent_description,
    .gform_wrapper .field_description_below .gfield_consent_description {
      width: 100%;
      max-height: 240px;
      overflow-y: scroll;
      border: 1px solid #ddd;
      margin-top: 12px;
      padding: 6px 8px;
      font-size: .688em;
    }
    
    .gform_wrapper .gfield_required {
      color: #790000;
      margin-left: 4px;
    }
    
    .gform_wrapper li.gfield.gfield_error,
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
      background-color: rgba(255,223,224,.25);
      margin-bottom: 6px !important;
      border-top: 1px solid #C89797;
      border-bottom: 1px solid #C89797;
      padding-bottom: 6px;
      padding-top: 8px;
      box-sizing: border-box;
    }
    
    .gform_wrapper li.gfield.gfield_creditcard_warning {
      padding: 16px 16px 14px 16px;
      border-top: 2px solid #790000;
      border-bottom: 4px solid #790000;
      background-color: rgba(255, 223, 224, 0.25);
      width: calc(100% - 16px);
    }
    
    .gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning {
      padding: 16px 16px 14px 16px;
    }
    
    .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
      font-size: .875em;
      font-weight: 700;
      font-family: inherit;
      min-height: 25px;
      color: #790000;
      max-width: 100%;
      position: relative;
    }
    
    /*
    .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message span {
      display: block;
      padding: 0 0 14px 24px;
      margin-bottom: 16px;
      line-height: 1.5;
      letter-spacing: .1pt;
      border-bottom: 1px solid #790000;
      text-transform: uppercase;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K);
      background-size: 1em auto;
      background-repeat: no-repeat;
      background-position: left center;
    }
    */
    
    .gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning div.gfield_creditcard_warning_message {
      padding: 16px 16px 14px 16px;
    }
    
    li.gfield + li.gfield.gfield_creditcard_warning {
      margin-top: 16px !important;
    }
    
    .gform_wrapper .top_label .gfield_error {
      width: calc(100% - 2px);
    }
    
    .gform_wrapper .top_label .gfield_error input.large,
    .gform_wrapper .top_label .gfield_error select.large,
    .gform_wrapper .top_label .gfield_error textarea.textarea {
      width: 100%;
    }
    
    .gform_wrapper .right_label .gfield_error input.large,
    .gform_wrapper .right_label .gfield_error select.large,
    .gform_wrapper .right_label .gfield_error textarea.textarea,
    .gform_wrapper .left_label .gfield_error input.large,
    .gform_wrapper .left_label .gfield_error select.large,
    .gform_wrapper .left_label .gfield_error textarea.textarea {
      width: 70%;
    }
    
    .gform_wrapper .gfield_error .gfield_label {
      color: #790000;
    }
    
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
      padding-right: 0;
    }
    
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_minute.ginput_container,
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_ampm.ginput_container {
      margin-left: 0;
    }
    
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
      max-width: 100%;
      padding-right: 16px;
    }
    
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
      margin-top: 12px
    }
    
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label {
      position: relative;
      top: 12px;
    }
    
    .gform_wrapper div.validation_error {
      color: #790000;
      font-size: 1em;
      font-weight: 700;
      margin-bottom: 25px;
      border-top: 2px solid #790000;
      border-bottom: 2px solid #790000;
      padding: 16px 0 16px 0;
      clear: both;
      width: 100%;
      text-align: center;
    }
    
    .gform_wrapper ol.validation_list {
      clear: both;
      width: 100%;
      margin-bottom: 25px;
      color: #790000;
    }
    
    .gform_wrapper ol.validation_list li {
      list-style-type: decimal !important;
    }
    
    .gform_wrapper ol.validation_list li a {
      color: #790000;
    }
    
    .gform_wrapper ol.validation_list:after {
      content: "";
    }
    
    .gform_wrapper div#error {
      margin-bottom: 25px;
    }
    
    .gform_wrapper table.gfield_list tbody tr td.gfield_list_icons {
      vertical-align: middle !important;
    }
    
    .gform_wrapper li.gfield fieldset {
      margin: 0px;
      padding: 0px;
      display: block;
      position: relative;
      width: 100%;
    }
    
    .gform_wrapper li.gfield fieldset > * { width: auto }
    .gform_wrapper li.gfield fieldset legend.gfield_label {
      width: 100%;
      line-height: 32px;
    }
    
    div.gf_page_steps+div.validation_error {
      margin-top: 16px;
    }
    
    .gform_wrapper div.gfield_description.validation_error {
      color: #790000;
      font-weight: 700;
      font-size: .875em;
      line-height: 1.20;
      margin-bottom: 16px;
    }
    
    .gform_wrapper .validation_message {
      color: #790000;
      font-weight: 700;
      letter-spacing: normal;
    }
    
    .gform_wrapper li.gfield_error input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
    .gform_wrapper li.gfield_error textarea {
      border: 1px solid #790000;
    }
    
    .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
    .gform_wrapper li.gfield_error ul.gfield_checkbox,
    .gform_wrapper li.gfield_error ul.gfield_radio {
      color: #790000;
    }
    
    .gform_wrapper .gform_footer {
      padding: 16px 0 10px 0;
      margin: 16px 0 0 0;
      clear: both;
      width: 100%;
    }
    
    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_page_footer input.button,
    .gform_wrapper .gform_footer input[type=submit],
    .gform_wrapper .gform_page_footer input[type=submit] {
      font-size: 1em;
      width: 100%;
      margin: 0 0 16px 0;
    }
    
    .gform_wrapper .gform_footer a.gform_save_link,
    .gform_wrapper .gform_page_footer a.gform_save_link {
      font-size: 1em;
      display: block;
      text-align: center;
    }
    
    .gform_wrapper .gform_footer input[type=image] {
      padding: 0;
      width: auto !important;
      background: none !important;
      border: none !important;
      margin: 0 auto 16px auto !important;
      display: block;
      max-width: 100%;
    }
    
    .gform_wrapper .ginput_complex .ginput_left,
    .gform_wrapper .ginput_complex .ginput_right,
    .gform_wrapper .ginput_complex .ginput_full {
      min-height: 45px;
    }
    
    .gform_wrapper .ginput_complex .ginput_full input[type=text],
    .gform_wrapper .ginput_complex .ginput_full input[type=url],
    .gform_wrapper .ginput_complex .ginput_full input[type=email],
    .gform_wrapper .ginput_complex .ginput_full input[type=tel],
    .gform_wrapper .ginput_complex .ginput_full input[type=number],
    .gform_wrapper .ginput_complex .ginput_full input[type=password] {
      width: 100%;
    }
    
    .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=text],
    .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=url],
    .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=email],
    .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=tel],
    .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=number],
    .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=password],
    .gform_wrapper .gfield_error .ginput_complex .ginput_full select {
      width: 100%;
    }
    
    .gform_wrapper .gfield_checkbox li,
    .gform_wrapper .gfield_radio li {
      margin: 0 0 16px 0;
      line-height: 1.2;
    }
    
    .gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label,
    .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label,
    .gchoice_select_all {
      font-weight: 700;
    }
    
    .gform_wrapper input.datepicker.datepicker_with_icon {
      margin-right: 4px !important;
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    .gform_wrapper input[type=hidden],
    .gform_wrapper input.gform_hidden,
    .gform_wrapper .gform_hidden,
    .gform_wrapper .gf_hidden {
      display: none !important;
      max-height: 1px !important;
      overflow: hidden;
    }
    
    .gform_wrapper .gfield_visibility_hidden,
    .gform_wrapper .gf_invisible {
      visibility: hidden;
      position: absolute;
      left: -9999px;
    }
    
    .gform_wrapper .ginput_full br,
    .gform_wrapper .ginput_left br,
    .gform_wrapper .ginput_right br {
      display: none !important;
    }
    
    .gform_wrapper ul.gfield_checkbox li,
    .gform_wrapper ul.gfield_radio li {
      padding: 0 !important;
    }
    
    .gform_wrapper ul.gfield_radio li input+input {
      margin-left: 4px;
    }
    
    .gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
      margin-right: 6px;
      margin-top: 4px;
    }
    
    .gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message {
      margin-top: 6px;
    }
    
    .gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message {
      margin-top: 0;
    }
    
    .gform_wrapper li.gfield_html {
      max-width: 100%;
    }
    
    .gform_wrapper .gfield_html.gfield_no_follows_desc {
      margin-top: 10px;
    }
    
    body .gform_wrapper ul li.gfield.gfield_html img {
      max-width: 100%  !important;
    }
    
    .gform_wrapper .gform_ajax_spinner {
      padding-left: 10px;
    }
    
    .gform_validation_container,
    .gform_wrapper .gform_validation_container,
    body .gform_wrapper li.gform_validation_container,
    body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
    body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
      display: none !important;
      position: absolute !important;
      left: -9000px;
    }
    
    .gform_wrapper .gfield_captcha_input_container {
      padding-top: 3px;
    }
    
    .gform_wrapper .simple_captcha_small input {
      width: 64px;
    }
    
    .gform_wrapper .simple_captcha_medium input {
      width: 96px;
    }
    
    .gform_wrapper .simple_captcha_large input {
      width: 128px;
    }
    
    .gform_wrapper .gform_wrapper .left_label .simple_captcha_small,
    .gform_wrapper .right_label .simple_captcha_small,
    .gform_wrapper .left_label .simple_captcha_medium,
    .gform_wrapper .right_label .simple_captcha_medium,
    .gform_wrapper .left_label .simple_captcha_large,
    .gform_wrapper .right_label .simple_captcha_large {
      margin-left: 32%;
    }
    
    .gform_wrapper .gfield_captcha_container img.gfield_captcha {
      border: none !important;
      background: none !important;
      float: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    .gform_wrapper .math_small input {
      width: 70px;
    }
    
    .gform_wrapper .math_medium input {
      width: 510px;
    }
    
    .gform_wrapper .math_large input {
      width: 612px;
    }
    
    .gform_wrapper .left_label .math_small,
    .gform_wrapper .right_label .math_small,
    .gform_wrapper .left_label .math_medium,
    .gform_wrapper .right_label .math_medium,
    .gform_wrapper .left_label .math_large,
    .gform_wrapper .right_label .math_large {
      margin-left: 32%;
    }
    
    
    .gform_wrapper div.charleft {
      font-size: .688em;
      margin-top: 4px;
      color: #767676;
      width: 92% !important;
      white-space: nowrap !important;
    }
    
    .gform_wrapper div.charleft[style] {
      width: 92% !important;
    }
    
    .gform_wrapper .left_label div.charleft,
    .gform_wrapper .right_label div.charleft {
      margin-left: 32%;
    }
    
    .gform_wrapper div.charleft.ginput_counter_tinymce{
      border:  1px solid #eee;
      border-width: 1px 0 0;
      padding: 4px 9px;
      width: 100% !important;
    }
    
    .gform_wrapper div.charleft.warningTextareaInfo {
      color: #767676;
    }
    
    .gform_wrapper div.charleft.ginput_counter_error {
      color: red;
    }
    
    .gform_wrapper li.gf_hide_charleft div.charleft {
      display: none !important;
    }
    
    .gf_submission_limit_message {
      color: #790000;
      font-size: 1.375em;
    }
    
    .gform_wrapper .ginput_price {
      filter: alpha(opacity=70);
      -moz-opacity: .7;
      -khtml-opacity: .7;
      opacity: .7;
    }
    
    .gform_wrapper span.ginput_total {
      color: #060;
      font-size: inherit;
    }
    
    .gform_wrapper .top_label span.ginput_total {
      margin: 8px 0;
    }
    
    .gform_wrapper span.ginput_product_price_label {
      margin-right: 2px;
    }
    
    .gform_wrapper span.ginput_product_price {
      color: #900;
    }
    
    .gform_wrapper span.ginput_quantity_label {
      margin-left: 10px;
      margin-right: 2px;
    }
    
    .gform_wrapper input.ginput_quantity[type=text] {
      width: 3rem;
    }
    
    .gform_wrapper input.ginput_quantity[type=number] {
      width: 4rem;
    }
    
    .gform_wrapper .gform_page_footer {
      margin: 14px 0;
      width: 100%;
      border-top: 1px dotted #CCC;
      padding: 16px 0 0 0;
      clear: both;
    }
    
    .gform_wrapper .gform_page_footer.left_label,
    .gform_wrapper .gform_page_footer.right_label {
      padding: 16px 0 0 29%;
    }
    
    .gform_wrapper .gform_page_footer .button.gform_previous_button, .gform_wrapper .gform_page_footer .button.gform_next_button {
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    .gform_wrapper .gform_page_footer .button.gform_previous_button {
      margin-bottom: 8px;
    }
    
    .gform_wrapper .gf_progressbar_wrapper {
      clear: both;
      width: 100%;
      margin: 0 0 16px 0;
      padding: 0 0 16px 0;
    }
    
    .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
      font-size: .813em;
      line-height: 1 !important;
      margin: 0 0 8px 12px !important;
      padding: 0 !important;
      clear: both;
      filter: alpha(opacity=60);
      -moz-opacity: .6;
      -khtml-opacity: .6;
      opacity: .6;
    }
    
    .gform_wrapper .gf_progressbar {
      padding: 10px;
      position: relative;
      background-color:rgba(0, 0, 0, 0.1);
      -moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.05);
      -moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.05);
      box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.05);
      width: 100%;
    }
    
    .gform_wrapper .gf_progressbar_percentage {
      height: 24px;
      text-align: right;
      font-family: helvetica,arial,sans-serif;
      font-size: .813em !important;
      text-shadow: 0 1px 1px rgba(0,0,0,.50);
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      z-index:999;
      vertical-align: middle;
      background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 20px),linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    }
    
    .gform_wrapper .gf_progressbar:after {
      content:"";
      display: block;
      width: 100%;
      z-index:990;
      height: 24px;
      margin-top:-24px;
      background-color:rgba(0, 0, 0, 0.1);
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.05);
      -moz-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.05);
      box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.05);
    }
    
    .gform_wrapper .gf_progressbar_percentage.percentbar_100 {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
    }
    
    .gform_wrapper .gf_progressbar_percentage span {
      display: block;
      width: auto;
      float: right;
      margin-right: 5px;
      margin-left: 5px;
      line-height: 1.8;
    }
    
    .gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
      color: #959595;
      text-shadow: none;
      float: none !important;
      margin-left: 12px;
      word-wrap: normal;
    }
    
    .gform_wrapper .percentbar_blue {
      background-color: #036493;
      color: #FFF;
    }
    
    .gform_wrapper .percentbar_gray {
      background-color: #7C7C7C ;
      color: #FFF;
    }
    
    .gform_wrapper .percentbar_green {
      background-color: #88B831;
      color: #FFF;
    }
    
    .gform_wrapper .percentbar_orange {
      background-color: #FF7120;
      color: #FFF;
    }
    
    .gform_wrapper .percentbar_red {
      background-color: #FF2A1A;
      color: #FFF;
    }
    
    .gform_wrapper .gf_page_steps {
      width: 100%;
      margin: 0 0 8px 0;
      padding: 0 0 4px 0;
      border-bottom: 1px dotted #CCC;
    }
    
    .gform_wrapper .gf_step {
      width: 100%;
      margin: 24px 24px 24px 0;
      font-size: .875em;
      height: 14px;
      line-height: 1.25 !important;
      filter: alpha(opacity=20);
      -moz-opacity: .2;
      -khtml-opacity: .2;
      opacity: .2;
      font-family: inherit;
    }
    
    .gform_wrapper .gf_step span.gf_step_number {
      font-size: 1.25em;
      font-family: arial,sans-serif;
      margin-right: 4px;
    }
    
    .gform_wrapper .gf_step span.gf_step_number,
    .gform_wrapper .gf_step span.gf_step_label {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
    }
    
    .gform_wrapper .gf_step.gf_step_active {
      filter: alpha(opacity=100);
      -moz-opacity: 1.0;
      -khtml-opacity: 1.0;
      opacity: 1.0;
    }
    
    .gform_wrapper .gf_step_clear {
      display: block;
      clear: both;
      height: 1px;
      overflow: hidden;
    }
    
    .gform_wrapper .gfield_password_strength {
      border: 1px solid #DDD;
      margin-top: 18px;
      margin-bottom: 18px;
      line-height: 1.8;
      padding: 10px 5px;
      text-align: center;
      background-color: #EEE;
      border-bottom: 3px solid #DDD;
    }
    
    .gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
      margin-right: 16px;
    }
    
    .gform_wrapper ul.left_label li.gfield .gfield_password_strength,
    .gform_wrapper ul.right_label li.gfield .gfield_password_strength {
      margin-top: 18px;
      margin-bottom: 18px;
      width: 100%;
    }
    
    .gform_wrapper .gfield_password_strength.bad {
      background-color: #FFB78C;
      border-color: #FF853C;
      border-bottom: 3px solid #FF853C;
    }
    
    .gform_wrapper .gfield_password_strength.good {
      background-color: #FFEC8b;
      border-color: #FC0;
      border-bottom: 3px solid #FC0;
    }
    
    .gform_wrapper .gfield_password_strength.short,
    .gform_wrapper .gfield_password_strength.mismatch {
      background-color: #FFA0A0;
      border-color: #f04040;
      border-bottom: 3px solid #f04040;
    }
    
    .gform_wrapper .gfield_password_strength.strong {
      background-color: #C3FF88;
      border-color: #8DFF1C;
      border-bottom: 3px solid #8DFF1C;
    }
    
    .ginput_container_password,
    .ginput_container_password span {
      position: relative;
    }
    
    .ginput_container_password button {
      -webkit-appearance: none;
      appearance: none;
      background: transparent;
      border: none;
      padding: 5px 0;
      position: absolute;
      right: 1px;
      text-align: center;
      top: 1px;
      width: 40px;
    }
    
    .ginput_container_password span.ginput_left button {
      right: 9px;
    }
    
    .ginput_container_password:not(.ginput_complex) span {
      display: inline-block;
      width: 100%;
    }
    
    .ginput_container_password:not(.ginput_complex) span input {
      width: 100%;
    }
    
    .ginput_container_password span.medium {
      width: calc(50% - 8px);
    }
    
    .ginput_container_password span.small {
      width: 25%;
    }
    
    .gform_wrapper table.gfield_list,
    .gform_wrapper table.gfield_list caption,
    .gform_wrapper table.gfield_list tbody,
    .gform_wrapper table.gfield_list tfoot,
    .gform_wrapper table.gfield_list thead,
    .gform_wrapper table.gfield_list tr,
    .gform_wrapper table.gfield_list th,
    .gform_wrapper table.gfield_list td {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
    }
    
    .gform_wrapper table.gfield_list {
      border-spacing: 0;
      border-collapse: collapse;
    }
    
    .gfield_repeater_buttons{
      padding-top: 15px;
    }
    
    /* fix for twentyfifteen theme table layout issue */
    
    .gform_wrapper table.gfield_list {
      table-layout: auto !important ;
    }
    
    .gform_wrapper table.gfield_list thead th {
      font-weight: 700;
      text-align: left;
    }
    
    .gform_wrapper table.gfield_list colgroup {
      width: 100%;
      display: block;
    }
    
    .gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
      color: #790000;
    }
    
    .gform_wrapper table.gfield_list thead,
    .gform_wrapper table.gfield_list tr {
      padding: 0;
      margin: 0;
    }
    
    .gform_wrapper table.gfield_list th,
    .gform_wrapper table.gfield_list td {
      padding: 4px 0 4px 0;
    }
    
    .gform_wrapper ul.gform_fields:not(.top_label) table.gfield_list th {
      padding: 0 0 4px 0;
    }
    
    .gform_wrapper table.gfield_list th + th,
    .gform_wrapper table.gfield_list td + td {
      padding: 0 0 0 16px;
    }
    
    .gform_wrapper .gfield_list {
      width: 100%;
    }
    
    .gform_wrapper .gfield_list td.gfield_list_cell input {
      width: 100%;
    }
    
    .gfield_icon_disabled {
      cursor: default !important;
      filter: alpha(opacity=60);
      -moz-opacity: .6;
      -khtml-opacity: .6;
      opacity: .6;
    }
    
    .gform_wrapper table.gfield_list tr td.gfield_list_icons {
      width: 48px !important;
      padding: 0 0 0 4px  !important;
      box-sizing: border-box;
    }
    
    .gform_wrapper table.gfield_list td.gfield_list_icons img {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
    }
    
    
    .gform_wrapper .gform_card_icon_container {
      margin: 8px 0 6px 0;
      height: 32px;
    }
    
    
    .gform_wrapper div.gform_card_icon {
      margin-right: 4px;
      text-indent: -9000px;
      background-image: url(../../../assets/src/img/gravityforms/gf-creditcard-icons.svg);
      background-repeat: no-repeat;
      width: 36px;
      height: 30px;
      float: left;
    }
    
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
      background-position: 0 0;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
      background-position: -36px 0;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
      background-position: -36px -32px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
      background-position: -36px -64px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
      background-position: -72px 0;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
      background-position: -72px -32px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
      background-position: -72px -64px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
      background-position: -108px 0;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
      background-position: -108px -32px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
      background-position: -108px -64px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
      background-position: -144px 0;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
      background-position: -144px -32px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
      background-position: -144px -64px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
      background-position: -180px 0;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
      background-position: -180px -32px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
      background-position: -180px -64px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
      background-position: 0 -189px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
      background-position: 0 -221px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
      background-position: 0 -252px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
      background-position: -36px -189px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
      background-position: -36px -221px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
      background-position: -36px -252px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
      background-position: -72px -189px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
      background-position: -72px -221px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
      background-position: -72px -252px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
      background-position: -108px -189px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
      background-position: -108px -221px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
      background-position: -108px -252px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
      background-position: -144px -189px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
      background-position: -144px -221px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
      background-position: -144px -252px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
      background-position: -180px -189px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
      background-position: -180px -221px;
    }
    
    .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
      background-position: -180px -252px;
    }
    
    .gform_card_icon_container input[type=radio]#gform_payment_method_creditcard {
      float: left;
      position: relative;
      top: 4px!important;
    }
    
    .gform_wrapper .ginput_complex .ginput_cardinfo_right {
      min-width: 85px !important;
    }
    
    .gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label {
      white-space: nowrap !important;
    }
    
    .gform_wrapper .ginput_complex span.ginput_cardextras {
      display: block;
      overflow: hidden;
    }
    
    .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
      position: relative;
      display: block;
      min-width: 160px !important;
    }
    
    .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select {
      margin-bottom: 8px;
    }
    
    .gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
      max-width: 50% !important
    }
    
    
    .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
      width: 32px;
      height: 23px;
      background-image: url(../../../assets/src/img/gravityforms/gf-creditcard-icons.svg);
      background-repeat: no-repeat;
      background-position: 0 -128px;
      position: relative;
      top: -1px;
      left: 6px;
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    
    .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
      padding: 24px;
      border: 1px dashed #CCC;
      text-align: center;
      color: #AAA;
      margin-bottom: 16px;
      background: rgba(0, 0, 0, 0.02);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    
    .gform_wrapper span.gform_drop_instructions {
      display: block;
      margin-bottom: 8px;
    }
    
    .gform_delete {
      vertical-align: middle;
      cursor: pointer;
    }
    
    .gform_wrapper .copy_values_option_container .copy_values_enabled {
      width: auto;
    }
    
    .gform_wrapper li.field_sublabel_above .ginput_complex input[type=text] {
      margin-bottom: 1px;
    }
    
    /* save and continue dialog and form */
    
    .gform_wrapper .form_saved_message {
    margin: 1em auto;
    padding: 3em 2em 3em;
    width: 99%;
    font-size: 1em;
    line-height: 1.8;
    color: rgba(49, 112, 143, 1);
    background-color: rgba(227, 243, 243, 1);
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }
    
    .gform_wrapper .form_saved_message form {
    text-align: center;
    }
    
    .form_saved_message p.resume_form_link_wrapper {
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    padding: 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    max-width: 98% !important;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(66,103,126,.2);
      -moz-box-shadow: 0px 3px 2px 0px rgba(66,103,126,.2);
      box-shadow: 0px 3px 2px 0px rgba(66,103,126,.2);
    }
    
    .form_saved_message a.resume_form_link {
    word-wrap: break-word;
    text-decoration: none;
    color: rgba(47, 99, 126, 1);
    }
    
    .form_saved_message .form_saved_message_emailform {
    margin: 1em 0 0 0;
    }
    
    .form_saved_message label.form_saved_label {
      position: absolute;
      left: -9000px;
    }
    
    div.form_saved_message div.form_saved_message_emailform form input[type=text] {
    margin-bottom: .25em;
    }
    
    div.form_saved_message div.form_saved_message_emailform form input {
    margin: .75em auto 0 auto;
    display: inline-block;
    }
    
    div.form_saved_message div.form_saved_message_emailform form input[type=email] {
    padding: calc(.75em - 1px) !important;
    width: 24em;
    max-width: 98% !important;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(145, 175, 199, 1);
    color: rgba(66, 66, 66, 1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(238,238,238,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(238,238,238,1);
    box-shadow: inset 0px 0px 5px 0px rgba(238,238,238,1);
    }
    
    div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
    padding: .75em 1em;
    font-size: 1em;
    line-height: 1;
    background-color: rgba(145, 175, 199, 1);
    border: 1px solid rgba(145, 175, 199, 1);
    color: rgba(255, 255, 25566, 1);
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    }
    
    @media only screen and (max-width: 640px) {
    div.form_saved_message div.form_saved_message_emailform form input[type=email],
    div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
      display: block;
      width: 98%;
    }
    }
    
    .form_saved_message .form_saved_message_emailform .validation_message {
    color: #790000;
    font-weight: 700;
    padding: 2em;
    }
    
    .form_saved_message_sent {
    margin: 1em auto;
    padding: 3em 2em;
    width: 99%;
    font-size: 1em;
    background-color: rgba(233, 255, 217, 1);
    color: rgba(60, 118, 61, 1);
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    }
    
    .form_saved_message_sent .saved_message_email,
    .form_saved_message_sent .saved_message_success {
    font-weight: 700;
    display: block;
    line-height: 2;
    }
    
    .form_saved_message_sent .saved_message_email {
    word-wrap: break-word;
    text-decoration: underline;
    }
    
    body #content .entry-content .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area,
    body .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area {
      line-height: 1 !important;
    }
    
    body .gform_wrapper img.ui-datepicker-trigger {
      width: 17px !important;
      height: 16px !important;
      display: -moz-inline-stack;
      display: inline-block;
    }
    
    body .gform_wrapper img.add_list_item,
    body .gform_wrapper img.delete_list_item {
      display: -moz-inline-stack;
      display: inline-block;
      margin-top: -2px;
    }
    
    .gform_wrapper ul li.gfield.field_sublabel_above.field_description_below + li.gfield {
      margin-top: 16px;
    }
    
    .gform_wrapper li.gfield ul.gfield_radio li input[type="radio"] + input[type="text"] {
      width: 45.25%;
    }
    
    .gform_wrapper table.recaptchatable {
      table-layout: auto;
    }
    
    /* adjusting the captcha margin for left or right label settings */
    
    .gform_wrapper ul.gform_fields:not(.top_label) div.ginput_container_captcha {
      margin-left: 29%;
    }
    
    /* rich text editor */
    
    .gfield .wp-editor-container {
      border: 1px solid #ddd;
    }
    
    .gfield .wp-switch-editor {
      border-color: #ddd;
    }
    
    .gfield .tmce-active .switch-tmce,
    .gfield .html-active .switch-html {
      border-bottom-color: #f5f5f5;
    }
    
    .gfield .mce-edit-area iframe {
      width: 99.9% !important;
      margin: 0 !important;
    }
    
    body .gform_wrapper ul li.gfield {
      margin-top: 16px;
      padding-top: 0;
    }
    
    body .gform_wrapper ul.gfields li.gfield label.gfield_label {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
    
    /* do our best to restore styles for lists inside the HTML field */
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
      line-height: inherit;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
    body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
      list-style-type: disc !important;
      margin: 0 0 8px 0;
      overflow: visible;
      padding-left: 0;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
    body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
      list-style-type: disc !important;
      margin: 16px 0 16px 28px !important;
      padding-left: 0;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li,
    body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li {
      list-style-type: decimal!important;
      overflow: visible;
      margin: 0 0 8px 0;
      padding-left: 0;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol,
    body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol {
      list-style-type: decimal !important;
      margin: 16px 0 18px 32px;
      padding-left: 0;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul,
    body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
      list-style-type: disc !important;
      padding-left: 0;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul {
      margin: 16px 0 16px 16px;
    }
    
    body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
      margin: 0 0 8px;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl {
      margin: 0 0 18px 0;
      padding-left: 0;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt {
      font-weight: 700;
    }
    
    body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd {
      margin: 0 0 16px 18px;
    }
    
    .gform_wrapper span.gf_clear_span {
      display: block;
      height: 1px;
      overflow: hidden;
      width: 100%;
      float: none;
      clear: both;
      margin-top: -1px;
    }
    
    /* updated chosen 1.8.5 styles - defaults  */
    
    /* @group Base */
    .gform_wrapper .chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    }
    
    .gform_wrapper .chosen-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    }
    
    .gform_wrapper .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    display: none;
    }
    
    .gform_wrapper .chosen-container.chosen-with-drop .chosen-drop {
    display: block;
    }
    
    .gform_wrapper .chosen-container a {
    cursor: pointer;
    }
    
    .gform_wrapper .chosen-container .search-choice .group-name,
    .gform_wrapper .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
    }
    
    .gform_wrapper .chosen-container .search-choice .group-name:after,
    .gform_wrapper .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
    }
    
    /* @end */
    /* @group Single Chosen */
    .gform_wrapper .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    }
    
    .gform_wrapper .chosen-container-single .chosen-single input[type="text"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 0;
    }
    
    .gform_wrapper .chosen-container-single .chosen-default {
    color: #999;
    }
    
    .gform_wrapper .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
    
    .gform_wrapper .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
    }
    
    /*
    .gform_wrapper .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
    }
    */
    
    .gform_wrapper .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
    }
    
    .gform_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
    }
    
    .gform_wrapper .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
    }
    
    /*
    .gform_wrapper .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("chosen-sprite.png") no-repeat 0px 2px;
    }
    */
    
    .gform_wrapper .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
    }
    
    /*
    .gform_wrapper .chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url("chosen-sprite.png") no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    }
    */
    
    .gform_wrapper .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    }
    
    .gform_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    }
    
    /* @end */
    /* @group Results */
    .gform_wrapper .chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
    }
    
    .gform_wrapper .chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
    }
    
    .gform_wrapper .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
    }
    
    .gform_wrapper .chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
    }
    
    
    .gform_wrapper .chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
    }
    
    
    .gform_wrapper .chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
    }
    
    .gform_wrapper .chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
    }
    
    .gform_wrapper .chosen-container .chosen-results li.group-option {
    padding-left: 15px;
    }
    
    .gform_wrapper .chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
    }
    
    /* @end */
    /* @group Multi Chosen */
    .gform_wrapper .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
    }
    
    /*
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
    }
    */
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
    }
    
    .gform_wrapper .chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
    }
    
    /* @end */
    /* @group Active  */
    .gform_wrapper .chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }
    
    .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;
    }
    
    .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
    }
    
    .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
    }
    
    .gform_wrapper .chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }
    
    .gform_wrapper .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
    }
    
    /* @end */
    /* @group Disabled Support */
    .gform_wrapper .chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
    }
    
    .gform_wrapper .chosen-disabled .chosen-single {
    cursor: default;
    }
    
    .gform_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
    }
    
    /* @end */
    /* @group Right to Left */
    .gform_wrapper .chosen-rtl {
    text-align: right;
    }
    
    .gform_wrapper .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
    }
    
    .gform_wrapper .chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
    }
    
    .gform_wrapper .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
    }
    
    .gform_wrapper .chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
    }
    
    .gform_wrapper .chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
    }
    
    .gform_wrapper .chosen-rtl .chosen-choices li {
    float: right;
    }
    
    .gform_wrapper .chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
    }
    
    .gform_wrapper .chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
    }
    
    .gform_wrapper .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
    }
    
    .gform_wrapper .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
    }
    
    .gform_wrapper .chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
    }
    
    .gform_wrapper .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
    }
    
    /*
    .gform_wrapper .chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url("chosen-sprite.png") no-repeat -30px -20px;
    direction: rtl;
    }
    */
    
    .gform_wrapper .chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
    }
    
    .gform_wrapper .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
    }
    
    /* @end */
    /* @group Retina compatibility */
    /*
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      .gform_wrapper .chosen-rtl .chosen-search input[type="text"],
      .gform_wrapper .chosen-container-single .chosen-single abbr,
      .gform_wrapper .chosen-container-single .chosen-single div b,
      .gform_wrapper .chosen-container-single .chosen-search input[type="text"],
      .gform_wrapper .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
      .gform_wrapper .chosen-container .chosen-results-scroll-down span,
      .gform_wrapper .chosen-container .chosen-results-scroll-up span {
          background-image: url("chosen-sprite@2x.png") !important;
          background-size: 52px 37px !important;
          background-repeat: no-repeat !important;
      }
    }
    */
    
    /* @end */
    
    /* updated chosen 1.8.5 styles - gravityforms specific  */
    
    body .gform_wrapper .chosen-container a.chosen-single {
      border-radius: inherit;
    }
    
    body .gform_wrapper ul.chosen-results li {
      line-height: inherit;
    }
    
    @media only screen and (max-width: 641px)  {
    
      /* make the inputs a little larger for mobile devices */
    
      .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='image']):not([type='file']) {
          line-height: 2;
          min-height: 2rem;
      }
    
      .gform_wrapper textarea {
          line-height: 1.5;
      }
    
      .gform_wrapper .chosen-container.chosen-container-single[style] {
          width: 100% !important;
      }
    
      .gform_wrapper .chosen-container-single .chosen-single {
          height: 40px;
          line-height: 2.8;
      }
    
      .gform_wrapper .chosen-container-single .chosen-single div b {
          position: relative;
          top: 10px;
      }
    
      .gform_wrapper div.chosen-container.chosen-container-multi[style] {
          width: 100% !important;
      }
    
      .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice,
      .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
          width: 100%;
          line-height: inherit;
          float: none;
      }
    
      .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
          margin-bottom: 0;
      }
    
      .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
          top: calc(50% - 6px);
      }
    
      .gform_wrapper .ginput_container span:not(.ginput_price) {
          margin-bottom: 8px;
          display: block;
      }
    
      .gform_wrapper li.field_sublabel_below .ginput_complex {
          margin-top: 12px !important;
      }
    
      .gform_wrapper ul.gfield_radio li label,
      .gform_wrapper ul.gfield_checkbox li label {
          width: 85%;
          cursor: pointer;
      }
    
    }
    
    @media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1023px)  {
    
      .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
          margin-top: 32px;
      }
    
      /* force the list table to not behave like a table anymore */
    
      .gform_wrapper table.gfield_list {
        border: 0;
      }
    
      .gform_wrapper table.gfield_list thead  {
          position: absolute;
          top: -9999px;
          left: -9999px;
      }
    
      .gform_wrapper table.gfield_list tr {
          margin-bottom: 10px;
          display: block;
          background: #fff;
          position:relative;
          border: 1px solid #CCC;
          border-top: 2px solid #CCC;
          border-bottom: 4px solid #CCC;
      }
    
      .gform_wrapper table.gfield_list td {
          display: block;
          margin-left: 8px;
          margin-right: 8px;
      }
    
      .gform_wrapper table.gfield_list td.gfield_list_icons {
          border-bottom: 0;
          margin: 16px 0 0 0 !important;
      }
    
      .gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before,
      .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
          content: attr(data-label);
          font-size: .875em;
          letter-spacing: 0.5pt;
          white-space: nowrap;
          display: block;
          clear: both;
      }
    
      .gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before {
          margin: 8px 0 3px 8px;
      }
    
      .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
        margin: 3px 0 8px 8px;
      }
    
      .gform_wrapper table.gfield_list th + th,
      .gform_wrapper table.gfield_list td + td {
          padding: 4px 0 0 0;
      }
    
      .gform_wrapper table.gfield_list tr.gfield_list_row_odd,
      .gform_wrapper table.gfield_list tr.gfield_list_row_even {
          margin: 16px 0;
      }
    
      .gform_wrapper table.gfield_list tr.gfield_list_row_odd:first-child {
           padding-top: 12px;
      }
    
      .gform_wrapper table.gfield_list tr {
           padding-top: 12px;
      }
    
      .gform_wrapper table.gfield_list tr td.gfield_list_icons {
          width: 100% !important;
          padding: 0 4px 4px 4px !important;
          background-color: #EEE;
      }
    
      .gform_wrapper table.gfield_list tr td.gfield_list_icons img.add_list_item  {
          margin: 12px 0 0 16px !important;
      }
    
      .gform_wrapper table.gfield_list tr td.gfield_list_icons img.delete_list_item  {
          margin: 12px 0 0 8px !important;
      }
    
      .gform_wrapper .gform_footer a.gform_save_link,
      .gform_wrapper .gform_page_footer a.gform_save_link {
          margin-left: 0;
      }
    
      .gform_wrapper .gfield_list td.gfield_list_cell input {
          width: calc(100% - 16px);
          margin-left: 8px;
          margin-right: 8px;
      }
    
    }
    
    /* media queries - portrait mode tablet or desktop styles */
    
    @media only screen and (min-width: 641px) {
    
      .gform_wrapper .gform_body {
          width: 100%;
      }
    
      .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
          max-width: calc(100% - 16px) !important;
      }
    
      .gform_wrapper .gfield_checkbox li,
      .gform_wrapper .gfield_radio li {
          margin: 0 0 8px 0;
          line-height: 1.3;
      }
    
      .gform_wrapper .gsection {
          margin: 28px 16px 28px 0;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
          float: left;
          width: 29%;
          padding-right: 16px;
          margin-bottom: 16px;
      }
    
      .gform_wrapper .right_label .gfield_label {
          text-align: right;
      }
    
      .gform_wrapper .left_label .gfield_description,
      .gform_wrapper .right_label .gfield_description {
          width: 70%;
      }
    
      .gform_wrapper ul.right_label li ul.gfield_radio li,
      .gform_wrapper form ul.right_label li ul.gfield_radio li,
      .gform_wrapper ul.left_label li ul.gfield_radio li,
      .gform_wrapper form ul.left_label li ul.gfield_radio li,
      .gform_wrapper ul.right_label li ul.gfield_checkbox li,
      .gform_wrapper form ul.right_label li ul.gfield_checkbox li,
      .gform_wrapper ul.left_label li ul.gfield_checkbox li,
      .gform_wrapper form ul.left_label li ul.gfield_checkbox li {
          margin-bottom: 10px;
      }
    
      .gform_wrapper .right_label .gfield_description,
      .gform_wrapper .left_label .gfield_description,
      .gform_wrapper .left_label .instruction,
      .gform_wrapper .right_label .instruction {
          margin-left: 29%;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) .gsection .gsection_description {
          margin-left: 0;
          padding-top: 4px;
          padding-left: 0;
          line-height: 1.5;
      }
    
      .gform_wrapper form ul.gform_fields:not(.top_label) li.gfield_html_formatted {
          margin-left: 29% !important;
          width: 70%;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_checkbox,
      .gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_radio {
          overflow: hidden;
      }
    
      .gform_wrapper .right_label div.ginput_complex,
      .gform_wrapper .left_label div.ginput_complex {
          width: 70%;
          margin-left: 29%;
      }
    
      .gform_wrapper .right_label input.small,
      .gform_wrapper .right_label select.small,
      .gform_wrapper .left_label input.small,
      .gform_wrapper .left_label select.small {
          width: 15%;
      }
    
      .gform_wrapper .right_label input.medium,
      .gform_wrapper .right_label select.medium,
      .gform_wrapper .left_label input.medium,
      .gform_wrapper .left_label select.medium {
          width: calc(35% - 8px);
      }
    
      .gform_wrapper .right_label input.large,
      .gform_wrapper .right_label select.large,
      .gform_wrapper .left_label input.large,
      .gform_wrapper .left_label select.large {
          width: 70%;
      }
    
      .gform_wrapper .right_label textarea.small,
      .gform_wrapper .left_label textarea.small,
      .gform_wrapper .right_label textarea.medium,
      .gform_wrapper .left_label textarea.medium,
      .gform_wrapper .right_label textarea.large,
      .gform_wrapper .left_label textarea.large {
          width: 70%;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) .ginput_list {
          width: 70%;
          margin-left: 29% !important;
      }
    
      .gform_wrapper .top_label .gfield_list {
          width: 100%;
      }
    
      .gform_wrapper .left_label .gf_list_one_column,
      .gform_wrapper .right_label .gf_list_one_column {
          width: 45%;
      }
    
      .gform_wrapper .top_label .gf_list_one_column {
          width: 46%;
      }
    
      .gform_wrapper .left_label li.hidden_label input,
      .gform_wrapper .right_label li.hidden_label input {
          margin-left: 3.7%;
      }
    
      .gform_wrapper .left_label li.gfield .gfield_password_strength,
      .gform_wrapper .right_label li.gfield .gfield_password_strength {
          margin-left: 29%;
      }
    
      .gform_wrapper .top_label input.small,
      .gform_wrapper .top_label select.small {
          width: 25%;
      }
    
      .gform_wrapper .top_label input.medium,
      .gform_wrapper .top_label select.medium {
          width: calc(50% - 8px);
      }
    
      .gform_wrapper.gform_validation_error .top_label input.medium,
      .gform_wrapper.gform_validation_error .top_label select.medium {
          width: 50%;
      }
    
      .gform_wrapper .top_label input.large,
      .gform_wrapper .top_label select.large,
      .gform_wrapper .hidden_label input.large,
      .gform_wrapper .hidden_label select.large {
          width: 100%;
      }
    
      .gform_wrapper .top_label input.small.datepicker,
      .gform_wrapper .top_label input.medium.datepicker,
      .gform_wrapper .top_label input.large.datepicker {
          width: auto;
      }
    
      .gform_wrapper textarea.small {
          height: 80px;
          width: 100%;
      }
    
      .gform_wrapper textarea.medium {
          height: 160px;
          width: 100%;
      }
    
      .gform_wrapper textarea.large {
          height: 320px;
          width: 100%;
      }
    
      .gform_wrapper .ginput_complex .ginput_left,
      .gform_wrapper .ginput_complex .ginput_right {
          width: 50%;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          margin: 0 -4px 0 0;
      }
    
      .gform_wrapper .ginput_container_password .ginput_right {
          padding-left: 8px;
      }
    
      .gform_wrapper .gfield_error .ginput_complex .ginput_left,
      .gform_wrapper .gfield_error .ginput_complex .ginput_right {
          width: 50%;
      }
    
      .gform_wrapper .ginput_complex .ginput_cardinfo_left,
      .gform_wrapper .ginput_complex .ginput_cardinfo_right {
          min-height: 43px;
          position: relative;
          float: left;
      }
    
      .gform_wrapper .ginput_complex .ginput_cardinfo_left {
          width: 50%;
      }
    
      .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
      .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
          width: 47% !important;
          display: -moz-inline-stack;
          display: inline-block;
      }
    
      .gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
          margin-right: 4px;
      }
    
      .gform_wrapper .gf_step {
          width:auto;
          display: -moz-inline-stack;
          display: inline-block;
          margin: 16px 32px 16px 0;
      }
    
      .gform_wrapper .gform_footer input.button,
      .gform_wrapper .gform_footer input[type=submit],
      .gform_wrapper .gform_footer input[type=image] {
          display: -moz-inline-stack;
          display: inline-block;
      }
    
      .gform_wrapper .gform_footer input[type=image] {
          vertical-align: middle;
      }
    
      .gform_wrapper .gform_footer a.gform_save_link,
      .gform_wrapper .gform_page_footer a.gform_save_link {
          font-size: 1em;
          margin-left: 16px;
          display: -moz-inline-stack;
          display: inline-block;
      }
    
      .gform_wrapper .gform_footer input.button,
      .gform_wrapper .gform_page_footer input.button,
      .gform_wrapper .gform_footer input[type=submit],
      .gform_wrapper .gform_page_footer input[type=submit] {
          font-size: 1em;
          width: auto;
          margin: 0 16px 0 0;
      }
    
      .gform_wrapper ul.gform_fields li.gfield {
          padding-right: 16px;
      }
    
      .gform_wrapper .ginput_complex .ginput_left {
          padding-right: 8px;
      }
    
      .gform_wrapper .left_label .ginput_complex.ginput_container_address:after {
          content: "";
          display: block;
      }
    
      .gform_wrapper .ginput_complex.ginput_container_address .ginput_left {
          margin-right: 8px;
      }
    
      .gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
          margin-right: -8px;
          padding-right: 8px;
      }
    
      .gform_wrapper .ginput_complex.ginput_container_address span.ginput_full + span.ginput_right {
          padding-right: 8px !important ;
          margin-right: 8px;
      }
    
      .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left {
          padding-right: 8px !important ;
          margin-right: -8px;
      }
    
      .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left.address_zip {
          margin-right: 8px;
      }
    
      .gform_wrapper .gfield_error .ginput_container {
          padding-right: 0;
      }
    
      .gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
          margin: 18px 0 18px 0;
      }
    
      .gform_wrapper .gform_footer:not(.top_label) {
          padding: 16px 0 10px 0;
          margin-left: 29%;
          width: 70%;
      }
    
      /* adjusting the name field so it aligns properly */
    
      .top_label div.ginput_complex.ginput_container.gf_name_has_1,
      .top_label div.ginput_complex.ginput_container.gf_name_has_2,
      .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
          width: calc(100% + 15px);
      }
    
      .top_label div.ginput_complex.ginput_container.gf_name_has_4 {
          width: calc(100% + 13px);
      }
    
      .top_label div.ginput_complex.ginput_container.gf_name_has_5 {
          width: calc(100% + 14px);
      }
    
      /* a little better specificty to avoid problems with forms in widgets */
    
      ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_1,
      ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_2,
      ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_3 {
          width: calc(70% + 15px);
          margin-left: 29%;
      }
    
      ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1,
      ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2,
      ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 {
          width: calc(70% + 24px);
      }
    
      ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_4 {
          width: calc(70% + 13px);
          margin-left: 29%;
      }
    
      ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_5 {
          width: calc(70% + 14px);
          margin-left: 29%;
      }
    
      div.ginput_container_name span {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          padding-right: 16px;
          margin-right: -4px;
      }
    
      div.ginput_complex.ginput_container.gf_name_has_1 span {
          width: 100%;
      }
    
      div.ginput_complex.ginput_container.gf_name_has_2 span {
          width: 50%;    }
    
      div.ginput_complex.ginput_container.gf_name_has_3 span {
          width: 33.3%;
      }
    
      div.ginput_complex.ginput_container.gf_name_has_4 span {
          width: 25%;
      }
    
      div.ginput_complex.ginput_container.gf_name_has_5 span {
          width: 19.95%;
      }
    
      /* tweak the sizes for validation and left/right label layouts */
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1 span {
          width: 99.75% !important;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2 span {
          width: 49.75% !important;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 span {
          width: 33% !important;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_4 span {
          width: 24.75% !important;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_5 span {
          width: 19.75% !important;
      }
    
      html div.ginput_complex.ginput_container.gf_name_has_2 span:first-child,
      html div.ginput_complex.ginput_container.gf_name_has_3 span:first-child,
      html div.ginput_complex.ginput_container.gf_name_has_4 span:first-child,
      html div.ginput_complex.ginput_container.gf_name_has_5 span:first-child {
          margin-left: 0!important;
      }
    
      .gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email {
          width: calc(100% + 15px);
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.ginput_container_email {
          width: calc(70% + 16px);
          margin-left: 29%;
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.ginput_container_email {
          width: calc(70% + 17px);
      }
    
      li.gfield.gfield_error
    
      .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error .ginput_complex.ginput_container.ginput_container_email {
          width: calc(70% + 8px) !important;
      }
    
      .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_left,
      .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right {
          padding-right: 16px;
      }
    
      .gform_wrapper ul.left_label li.gfield .gfield_password_strength,
      .gform_wrapper ul.right_label li.gfield .gfield_password_strength {
          width: 70%;
      }
    
      /* adjusting the address field alignment for some scenarios */
    
      .gform_wrapper .ginput_complex span.ginput_left + input.gform_hidden + span.ginput_left {
          padding-right: 0;
      }
    
      .gform_wrapper .ginput_complex span.ginput_left.address_country {
          margin-right: 0;
      }
    
      html:not([dir="rtl"]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date),
      html:not([dir="rtl"]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi,
      html:not([dir="rtl"]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description {
          width: 70%;
          margin-left: 29%;
      }
    
      .gform_wrapper .gf_progressbar {
          width: calc(100% - 16px);
      }
    
      .gform_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area {
          margin-left: 29%;
          width: 70%
      }
    
      body .gform_wrapper span.ginput_left.address_city + input.gform_hidden + span.ginput_left.address_country {
          width: calc(50% - 8px);
          margin-right: 0;
      }
    
      /* force the CAPTCHA field over for right and left label layouts */
    
      .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha {
          margin-left: 29% !important;
      }
    
      .gform_wrapper .gform_page_footer .button.gform_previous_button {
          margin-bottom: 0;
      }
    
      .gform_wrapper .gform_page_footer .button.gform_next_button,
      .gform_wrapper .gform_page_footer .button.gform_button {
          margin-right: 10px;
      }
    
      /* updated chosen 1.8.5 styles - gravityforms specific  */
    
      body .gform_wrapper select.medium.gfield_select + div.chosen-container-single[style],
      body .gform_wrapper select.medium.gfield_select + div.chosen-container-multi[style] {
          width: calc(50% - 8px) !important;
      }
    
      body .gform_wrapper select.large.gfield_select + div.chosen-container-single[style],
      body .gform_wrapper select.large.gfield_select + div.chosen-container-multi[style] {
          width: 100% !important;
      }
    
      body .gform_wrapper select.small.gfield_select + div.chosen-container-single[style],
      body .gform_wrapper select.small.gfield_select + div.chosen-container-multi[style] {
          width: 25% !important;
      }
    
    }
    
    /* //////////////////////////////////////////////////////////////*/
    /* //////////////////   Repeaters Styling   /////////////////////*/
    /* //////////////////////////////////////////////////////////////*/
    
    
    /* Padding, Left Border, background color for nested repeaters */
    .gfield_repeater_cell  > .gfield_repeater_wrapper   {
      border-left: 8px solid rgba(54, 86, 102, 0.1);
      background-color: rgba(1,1,1,0.02);
      padding: 10px 20px;
      border-radius: 8px;
      border-bottom: 1px solid rgba(238, 238, 238, 1.000);
    
    }
    
    
    /* Targeting the border color of the repeater inputs */
    .gfield_repeater_wrapper input  {
      border:1px solid rgba(197, 198, 197, 1.000);
      border-radius: 4px;
    }
    
    /* Spacing between the wrappers */
    .gfield_repeater_wrapper .gfield_repeater_wrapper{
      margin-top: 10px;
    }
    
    .gfield_repeater_buttons .add_repeater_item_text,
    .gfield_repeater_buttons .remove_repeater_item_text{
      min-width: 100px;
      height: 30px;
      background: rgba(242, 242, 242, 0.5);
      transition: all .3s cubic-bezier(0.67, 0.17, 0.40, 0.83);
      font-size: 12px;
      color: rgba(117, 117, 117, 1);
      border-radius: 20px;
      margin-right: 10px;
      margin-bottom: 5px;
      border: 1px solid rgba(117, 117, 117, 0.4);
      font-weight: 400;
    }
    
    
    .gfield_repeater_buttons .add_repeater_item_plus,
    .gfield_repeater_buttons .remove_repeater_item_minus{
      width: 22px;
      height: 22px;
      background: rgba(242, 242, 242, 0.5);
      transition: all .3s cubic-bezier(0.67, 0.17, 0.40, 0.83);
      font-size: 16px;
      color: rgba(117, 117, 117, 1);
      border-radius: 50%;
      margin: 10px 5px 0px 5px;
      border: 1px solid rgba(117, 117, 117, 0.4);
      font-weight: 700;
      padding: 0px;
      padding-bottom: 5px;
    }
    
    .gfield_repeater_buttons button.gfield_icon_disabled {
      cursor: default;
      filter: alpha(opacity=30);
      -moz-opacity: .3;
      -khtml-opacity: .3;
      opacity: .3;
    }
    
    .gfield_repeater_buttons button.gfield_icon_disabled:hover {
      background: rgba(242, 242, 242, 0.5);
      color: rgba(117, 117, 117, 1);
      border: 1px solid rgba(117, 117, 117, 0.4);
    }
    
    /* Hover style for Add buttons */
    .gfield_repeater_buttons button:hover {
      background: rgba(250, 250, 250, 1.000);
      color: #374750;
      border:1px solid rgba(117, 117, 117, 1);
    }
    
    
    /* Adding the separation border and padding in between items */
    .gfield_repeater .gfield_repeater_items  .gfield_repeater_item:not(:last-child)  {
      border-bottom: 2px solid #e0e0e6;
      padding-bottom: 20px;
    }
    
    /* Repeater - Left Border Color */
    .gfield_repeater_cell  > .gfield_repeater_wrapper   {
      border-left: 8px solid rgba(241, 241, 241, 1.000);
      box-shadow: 0 1px 1px 0 rgba(0,0,0,0.06), 0 2px 1px -1px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.06);
    
    }
    
    /* Adjusting the margin/padding for the nested repeaters */
    
    
    /* //////////////////////////////////////////////////////////////*/
    /* /////////////////////// Form Edits Labels  ///////////////////////*/
    /* //////////////////////////////////////////////////////////////*/
    
    
    .gfield_repeater_buttons .add_repeater_item_text:focus,
    .gfield_repeater_buttons .remove_repeater_item_text:focus {
        outline:0;
    }
    
    
    /*Coloring for the required asterisk*/
    .gfield_repeater_item .gfield_repeater_cell .gfield_required {
      color: #c32121;
    }
    
    /* Field labels styling */
    .gform_wrapper .gfield_repeater_cell label{
      color:rgb(155, 154, 154);
      font-weight: 400;
      font-size: 14px;
      padding-top: 8px;
    }
    
    
    /* //////////////////////////////////////////////////////////////*/
    /* /////////////////////// Forms Details  ///////////////////////*/
    /* //////////////////////////////////////////////////////////////*/
    
    
    
    /* Third Level Repeater Spacing */
    .gfield_repeater_value .gfield_repeater_value .gfield_repeater_cell{
      padding-bottom: 20px;
      padding-top: 0px;
    }
    
    /*Spacing between adjancent cells in the same repeater*/
    div .gfield_repeater_cell {
      margin-top: 5px;
    }
    
    /* Repeater styling line divider */
    .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child)  {
      border-bottom: 2px solid #e0e0e6;
      padding-bottom: 20px;
      margin-bottom: 20px;
      margin-right: 10px;
    }
    
    
    /* Repeater containers */
    .gfield_repeater_value > .gfield_repeater {
      border-left: 8px solid rgba(54, 86, 102, 0.1);
      background-color: rgba(1, 1, 1, 0.02);
      padding: 10px 20px;
      border-radius: 8px;
      border-bottom: 1px solid rgba(238, 238, 238, 1.000);
      margin: 10px;
    }
    
    /* Styling for Fake disabled input containers */
    .gfield_repeater_cell  .gfield_repeater_value:not(:first-child)  {
      color: rgba(117, 117, 117,0.7);
      border:1px solid rgba(197, 198, 197, 1.000);
      border-radius: 4px;
      margin-right: 10px;
      padding-left: 10px;
      background-color: rgba(240, 240, 240, 1.000);
    }
    
    
    
    /* Consistent Padding in between cells and items */
    .gfield_repeater_items .gfield_repeater_cell:not(:first-child),
    .gfield_repeater .gfield_repeater_items{
      padding-top: 5px;
    }
    
    /* Repeaters Labels styling */
    .gfield_repeater .gfield_label {
      color: rgba(35, 40, 45, 1.000);
      font-size: 16px;
      font-weight: 600;
    }
    
    /* Decreasing the space below the label */
    .gfield_repeater_value .gfield_label {
      padding-bottom: 0px;
    }
    
    /* Removing additional 20px padding when more repeaters are added on third level repeater */
    .gfield_repeater_value .gfield_repeater_value .gfield_repeater_item:first-child {
      padding-bottom: 0px;
    }
    
    
    
  • URL: /components/raw/gravity-form/gravity-form.scss
  • Filesystem Path: components/03-form-components/gravity-form/gravity-form.scss
  • Size: 97.3 KB
  • Handle: @gravity-form
  • Preview:
  • Filesystem Path: components/03-form-components/gravity-form/gravity-form.hbs

There are no notes for this item.