<!-- Content title -->
                <div class="site-content__header">
                    <div class="site-content__header_title-container">
                        <h2 class="section-title">
                            <a class="section-title__link" href="/client">
                                <div class="section-title__icon-container">
                                    <div class="icon-back"></div>
                                </div>
                                <div class="section-title__inner">Create an account</div>
                            </a>
                        </h2>
                    </div>
                </div>
                <!-- Content form -->
                <form id="client-create-account" class="vertical-form" action="/" method="post">
                    <!-- Account details -->
                    <div class="vertical-form__row">
                        <!-- Step -->
                        <div class="vertical-form__step">
                            <div class="step-title">
                                <div class="step-title__number">1</div>
                                <div class="step-title__description">Account details</div>
                            </div>
                        </div>
                        <!-- Inputs -->
                        <div class="vertical-form__settings">
                            <!-- Email -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Email
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="email" type="email" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Password -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--info-icon tooltip-item">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Password
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="password" type="password" />
                                        </div>
                                    </div>
                                    <div class="tooltip-item__tooltip-container">
                                        <div class="tooltip tooltip--black">
                                            <div class="tooltip__title">
                                                The password must contains characters:
                                            </div>
                                            <div class="tooltip__text">
                                                <ul class="tooltip__text_list">
                                                    <li class="tooltip__text_list-item">Uppercase letters</li>
                                                    <li class="tooltip__text_list-item">Lowercase letters</li>
                                                    <li class="tooltip__text_list-item">Base 10 digits</li>
                                                    <li class="tooltip__text_list-item">Special characters</li>
                                                    <li class="tooltip__text_list-item">At least 8 characters</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </label>
                            </div>

                            <div class="vertical-form__settings_item">
                                <label class="form-field">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Repeat password
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="password-repeat" type="password" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                        </div>
                    </div>
                    <!-- Personal details -->
                    <div class="vertical-form__row vertical-form__row--other">
                        <div class="vertical-form__step">
                            <div class="step-title">
                                <div class="step-title__number">2</div>
                                <div class="step-title__description">Customer <br>billing info</div>
                            </div>
                        </div>
                        <div class="vertical-form__settings">
                            <!-- Company name -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Company name
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="company-name" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Name -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Name
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="name" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Surname -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Surname
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="surname" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Phone number -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Phone number
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="phone" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Invoice e-mail -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Invoice e-mail
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="invoice-email" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Street & number -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Street & number
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="address" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Post code -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                Postcode
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="postcode" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- City -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                City
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="city" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!-- Country -->
                            <div class="vertical-form__settings_item">
                                <label class="list-choice-field dropdown-item">
                                    <input name="country" type="radio" value="143" />

                                    <div class="list-choice-field__wrapper">
                                        <div class="list-choice-field__inner">
                                            <div class="list-choice-field__description dropdown-item__description">Poland</div>
                                        </div>
                                    </div>
                                </label>

                                <label class="list-choice-field dropdown-item">
                                    <input name="country" type="radio" value="165" />

                                    <div class="list-choice-field__wrapper">
                                        <div class="list-choice-field__inner">
                                            <div class="list-choice-field__description dropdown-item__description">Spain</div>
                                        </div>
                                    </div>
                                </label>

                                <label class="list-choice-field dropdown-item">
                                    <input name="country" type="radio" value="193" />

                                    <div class="list-choice-field__wrapper">
                                        <div class="list-choice-field__inner">
                                            <div class="list-choice-field__description dropdown-item__description">United Kingdom</div>
                                        </div>
                                    </div>
                                </label>
                            </div>

                            <!-- VAT number -->
                            <div class="vertical-form__settings_item">
                                <label class="form-field form-field--light">
                                    <div class="form-field__wrapper">
                                        <div class="form-field__inner">
                                            <header class="form-field__header">
                                                <h4 class="form-field__title">
                                                VAT number
                                                </h4>
                                            </header>
                                            <input class="form-field__core" name="vat" type="text" />
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <!--  -->
                        </div>
                    </div>
                    <!-- Terms -->
                    <div class="vertical-form__row">
                        <!-- Step -->
                        <div class="vertical-form__step">
                            <div class="step-title">
                                <div class="step-title__number">3</div>
                                <div class="step-title__description">Privacy policy</div>
                            </div>
                        </div>
                        <!-- Checkboxes -->
                        <div class="vertical-form__settings vertical-form__checkboxes">
                            <h4 class="vertical-form__settings_title">Terms and conditions</h4>
                            <div class="single-checkbox">
                                <div class="single-checkbox__wrapper">
                                    <div class="single-checkbox__inner">
                                        <div class="single-checkbox__field-container">
                                            <label class="choice-field">
                                                <input type="checkbox" name="conditions" value="1">
                                                <div class="choice-field__wrapper">
                                                    <div class="choice-field__inner"></div>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="single-checkbox__description">
                                            <p>
                                                I have read and agree to all the <a href="#">terms and conditions</a>.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="single-checkbox">
                                <div class="single-checkbox__wrapper">
                                    <div class="single-checkbox__inner">
                                        <div class="single-checkbox__field-container">
                                            <label class="choice-field">
                                                <input type="checkbox" name="conditions" value="1">
                                                <div class="choice-field__wrapper">
                                                    <div class="choice-field__inner"></div>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="single-checkbox__description">
                                            <p>
                                                By using this form, you consent to the storage and processing of your data through this website.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Buttons -->
                    <div class="vertical-form__row">
                        <div class="vertical-form__step">
                            <div class="step-title">
                                <div class="step-title__number"></div>
                                <div class="step-title__description"></div>
                            </div>
                        </div>
                        <div class="vertical-form__settings vertical-form__buttons">
                            <div class="settings-save-button">
                                <div class="button-wrapper">
                                    <button class="btn btn--primary" type="submit">
                                    <div class="btn__wrapper">
                                        <div class="btn__inner">Create&nbsp;an&nbsp;account</div>
                                    </div>
                                    </button>
                                    <div class="button-wrapper__spinner form__spinner">
                                        <div class="wrapper">
                                            <div>
                                                <div class="spinner spinner--small">
                                                    <i class="fa fa-circle-notch fa-spin" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form__info-container">
                                    <div class="form__info-wrapper">
                                        <div class="form__info"><p class="error">123</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                <div class="message-box--container" data-message="confirm-email">
                    <div class="message-box">
                        <div class="message-box__text-container">
                            <div class="message-box__image">
                                <div class="icon-confirm-image"></div>
                            </div>
                            <div class="message-box__title">Confirm your email</div>
                            <div class="message-box__text">
                                <p><span class="line">Please go to your <strong>Inbox</strong> and <strong>confirm</strong> your email address.</span> After that your account will be ready to use and making orders.</p>
                            </div>
                        </div>
                        <div class="message-box__button-container">
                            <a href="client-login.html" class="btn btn--primary">
                                <div class="btn__wrapper">
                                    <div class="btn__inner">Login</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>