Edit in JSFiddle

    var worker = new encrypter({
        mode: 'BIND',
        templates: {
            alert: function (message) {
                var orderZ = {
                        Items: [{
                            Code: "AV3000",
                            Quantity: 1
                        }],
                        PaymentDetails: {
                            Type: "ENCRYPTED_PAYMENT_DATA",
                            PaymentMethod: JSON.parse(message),
                            Currency: "RON"
                        }
                    };

                document.querySelector('body').insertAdjacentHTML('beforeend', '<div style="color:#333; clear:both"><pre>' + JSON.stringify(orderZ, null, 2) + '</pre></div>');
            }
        },
        key: {
            contents: '-----BEGIN PUBLIC KEY-----MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA13PTo+cgJMtUc68br9CDO1+yX9L20QcBCv3HfA1lCkO9cLfi27wZ+scwISTpNXOM8MLRq3iTTHFF7JYLrk0ztU6E3fCqut7M/0YyHqwHbOZaw/msFBRkkfmvWq0UXNwksi7T26Yn7OHAVMyHuMFidz+ggQxsIW9UVryHwvkWA+qdqcMxRy+kdw+UyFGWuSJgDEIjChffICmHiU2T+NEXQp9ChjxLhvCVj6YdRlsM+EbZynPFReoIbLyI9FjBIQ1kIgBoJtgEm1X4j5l6XhKJ2gwJB4blWStGKjbrTkPG4tqd4ZjtiapQliMuYhz3B5kWvCKimCHZmbB3OM3bWteVGQIdJ3a8ScO3MmxnCLhHknth+a2pFcIOULGfR3LZr31ihFN/uzODDMU+z7AyrH9L4F1/3UJuUtfpz0xDPMK9zhOe0j6JQJrlLEMKSuX2CONTv39dbUqQVW9hOFpYkjZw70zlHCiJbi53Qpwjqt355QnUDlcxZQgmpF916ZmBMsRcyZykFEdhZXFVhCRqJ6exx/428RSe0yC1mbIqm7Pmogjhwn9yKa5yIA7FaaLFQtJfzKQx4reK8+qtBJ6Wl3tNZa9zjzsY8HRvjmtJHfGswGvoBNEP+hWh1eAgEh7MrEKqqdU4KBwbJv7OUBIUGjm/QiqrQzRQzETXTdTonbnodpkCAwEAAQ==-----END PUBLIC KEY-----',
            identifier: 'public-key-0001'
        }
    });

    var fieldCardType = worker.getCurrentPaymentMethod().getFields().CardType;
    var elementCardType = document.querySelector('[data-formField="CardType"]');
    var availableCardTypes = fieldCardType.getValues();
    var optionHtml;

    for (var i in availableCardTypes) {
        selectString = (fieldCardType.getDefaultValue() === availableCardTypes[i]) ? 'selected="selected"' : '';
        optionHtml = '<option value="' + availableCardTypes[i] + '" ' + selectString + '>' + availableCardTypes[i] + '</option>';
        elementCardType.insertAdjacentHTML('beforeend', optionHtml);
    }
<div style="height:100px; background-color:#50c878; margin-bottom: 50px; line-height: 100px; padding:0 30px; color:#fff; font-family: Helvetica, sans-serif">
    Home &nbsp; About <span style="float:right;text-align: right; display: inline-block; width:100px">My Account</span>
</div>

<div class="container clearfix">
    <div class="row clearfix">
        <div class="col-md-6">
            <h3>Billing Address</h3>

            <form id="billing-form" name="billing-form" class="nobottommargin" action="#" method="post">

                <div class="col_half">
                    <label for="billing-form-name">Name:</label>
                    <input class="form-control" type="text" id="billing-form-name" name="billing-form-name" value="" class="sm-form-control" >
                </div>

                <div class="col_half col_last">
                    <label for="billing-form-lname">Last Name:</label>
                    <input class="form-control" type="text" id="billing-form-lname" name="billing-form-lname" value="" class="sm-form-control">
                </div>

                <div class="clear"></div>

                <div class="col_full">
                    <label for="billing-form-companyname">Company Name:</label>
                    <input class="form-control" type="text" id="billing-form-companyname" name="billing-form-companyname" value="" class="sm-form-control">
                </div>

                <div class="col_full">
                    <label for="billing-form-address">Address:</label>
                    <input class="form-control" type="text" id="billing-form-address" name="billing-form-address" value="" class="sm-form-control">
                </div>
            </form>
        </div>
        <div class="col-md-6">
            <h3 class="">Shipping Address</h3>
            <form id="shipping-form" name="shipping-form" class="nobottommargin" action="#" method="post">

                <div class="col_half">
                    <label for="shipping-form-name">Name:</label>
                    <input class="form-control" type="text" id="shipping-form-name" name="shipping-form-name" value="" class="sm-form-control" >
                </div>

                <div class="col_half col_last">
                    <label for="shipping-form-lname">Last Name:</label>
                    <input class="form-control" type="text" id="shipping-form-lname" name="shipping-form-lname" value="" class="sm-form-control">
                </div>

                <div class="col_full">
                    <label for="shipping-form-companyname">Company Name:</label>
                    <input class="form-control" type="text" id="shipping-form-companyname" name="shipping-form-companyname" value="" class="sm-form-control">
                </div>
            </form>
        </div>

        <div class="clear bottommargin"></div>

        <div class="col-md-12">
            <h3 class="" style="padding-left: 25px">Payment details</h3>
            <form id="payment-form" name="shipping-form" class="nobottommargin" action="#" method="post">
                <div class="col_half">
                    <label>Cardholder name:</label>
                    <input type="text" data-formField="HolderName" value="" class="form-control">
                </div>

                <div class="col_half col_last">
                    <label>Country:</label>
                    <input type="text" data-formField="Country" value="" class="form-control">
                </div>

                <div class="clear"></div>

                <div class="col_half">
                    <label>Card type:</label>
                    <select data-formField="CardType" class="form-control">
                    </select>
                </div>

                <div class="col_half">
                    <label>Card number:</label>
                    <input type="text" data-formField="CardNumber" value="" class="form-control">
                </div>

                <div class="clear"></div>

                <div class="col_half">
                    <label>CCID</label>
                    <input type="text" data-formField="CCID" value="" class="form-control">
                </div>

                <div class="clear"></div>

                <div class="col_half">
                    <label>Expiration month</label>
                    <select data-formField="ExpirationMonth" class="form-control">
                        <option value="1">ianuarie</option>
                        <option value="2">februarie</option>
                        <option value="3">martie</option>
                        <option value="4">aprilie</option>
                        <option value="5">mai</option>
                        <option value="6">iunie</option>
                        <option value="7">iulie</option>
                        <option value="8">august</option>
                        <option value="9">septembrie</option>
                        <option value="10">octombrie</option>
                        <option value="11">noiembrie</option>
                        <option value="12">decembrie</option>
                    </select>
                </div>

                <div class="col_half">
                    <label>Expiration year</label>
                    <input type="text" data-formField="ExpirationYear" value="" class="form-control">
                </div>

                <div class="clear"></div>
            </form>

            <div class="col-md-6">
                <button data-formSubmit="1" class="btn btn-info">Continue</button>
            </div>
        </div>
    </div>
</div>
body {
    padding: 20px
}

External resources loaded into this fiddle: