HomeByMe Store

e-commerce

English

apt.sid

apt.uid

The domain name 'homebyme.onfastspring.com' uses the commercial generic top-level domain (.com) with subdomain 'homebyme'. Count 12 characters in 'onfastspring' holding three vowels versus nine consonants. Tokenizing the label suggests 3 words: on, fast, spring. Average segment length settles at 4 characters. No strong language cues emerged from the frequency lists.

html/1e/d3/1ed320a2-acfd-4c2d-b8ce-20f78d2e441a.html.gz

default-src 'none'; connect-src 'self' logger.fastspring.com apis.fastspring.com https://ebanx.com https://centinelapi.cardinalcommerce.com https://applepay.fastspring.com https://pay.fastspring.com *.pendo.io *.aptrinsic.com https://pendo-static-5711234847211520.storage.googleapis.com *.sift.com https://hexagon-analytics.com *.fastspring.com *.onfastspring.com https://x.klarnacdn.net https://applepay.cdn-apple.com https://*.ebanx.com https://js.playground.klarna.com https://songbird.cardinalcommerce.com https://sandbox.kit.cash.app https://kit.cash.app https://*.cash.app https://*.squareup.com https://*.block.xyz https://api.lab.amplitude.com https://o4508734376574976.ingest.us.sentry.io https://www.sandbox.paypal.com https://www.paypal.com; script-src https://ajax.googleapis.com https://cdnjs.cloudflare.com https://www.google-analytics.com https://www.googletagmanager.com https://tagmanager.google.com https://d1f8f9xcsvx3ha.cloudfront.net *.pendo.io *.aptrinsic.com *.sift.com https://hexagon-analytics.com *.fastspring.com https://www.paypal.com https://cdn.onfastspring.com https://cdn.onfastspring.com data:* challenges.cloudflare.com https://x.klarnacdn.net https://applepay.cdn-apple.com https://*.ebanx.com https://js.playground.klarna.com https://centinelapi.cardinalcommerce.com https://songbird.cardinalcommerce.com https://sandbox.kit.cash.app https://kit.cash.app https://*.cash.app https://*.squareup.com https://*.block.xyz https://browser.sentry-cdn.com https://seal.websecurity.norton.com https://seal.digicert.com; img-src https://dcnz2rrcot657.cloudfront.net https://www.google-analytics.com https://d230f6bx2wm7w3.cloudfront.net https://www.gstatic.com https://ssl.gstatic.com *.pendo.io *.aptrincsic.com https://storage.google.com *.sift.com https://hexagon-analytics.com *.fastspring.com https://www.paypalobjects.com https://d8y8nchqlnmka.cloudfront.net https://cdn.onfastspring.com https://cdn.onfastspring.com data:* https://d37uz57cydkqly.cloudfront.net https://*.squarecdn.com https://*.cash.app https://franklin-assets.s3.amazonaws.com data: https://seal.websecurity.norton.com https://seal.digicert.com; font-src https://cdnjs.cloudflare.com https://d1f8f9xcsvx3ha.cloudfront.net https://fonts.gstatic.com *.fastspring.com https://cdn.onfastspring.com https://d37uz57cydkqly.cloudfront.net https://*.squarecdn.com; style-src https://cdnjs.cloudflare.com https://d1f8f9xcsvx3ha.cloudfront.net https://tagmanager.google.com https://fonts.googleapis.com *.pendo.io *.aptrinsic.com 'unsafe-inline' *.sift.com https://hexagon-analytics.com *.fastspring.com https://cdn.onfastspring.com https://cdn.onfastspring.com data:* https://d37uz57cydkqly.cloudfront.net https://*.squarecdn.com https://sandbox.kit.cash.app https://kit.cash.app https://*.cash.app; frame-src *; sandbox allow-downloads allow-scripts allow-forms allow-same-origin allow-top-navigation allow-popups allow-popups-to-escape-sandbox; child-src *; frame-ancestors 'self';

default-src 'none'; connect-src https:; script-src https: 'unsafe-eval' 'unsafe-inline' https://cdn.onfastspring.com data:*; img-src https:; style-src https: 'unsafe-inline'; frame-src https:; sandbox allow-scripts allow-forms allow-same-origin allow-popups; child-src https:; frame-ancestors https://homebyme.onfastspring.com https://homebyme.test.onfastspring.com; form-action https:;

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsggc:196:0

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsggc:164:0

3077f1c51c88dfe3f4b82033f10c288a2f5d6f5a0eca362a79bdf32fa4298d31

45dd846cee451e7e8772c01e7d1285c5f9e39378d8452ae3525aff49c0b50e4c

9cf11fdcc6997f33d04e221a698fd0b223eadb5c18bc85d943937904c722f0b9

5fd58bc818de8a7f9f4d01b51c0bc56ffda871bf309ff4424a18c246f160500f

d1b239262c9f049195399a88e98b5c2b43772ea7dde3c3e8aadee1a812e730ed

1d45c5d0240146b151fbd4d1496554c3318c1bc5506175dfa3d9264196f587f6

fd8d017f5d6489655a36d0cb8a951f2c52e3d2f358fbc23bd1c92de43e361bf8

636a07c383e942fef5d8ef2768db5772e465b08b6b7ee789f8c40ccaad3cb1a0

ebb0d7493543b1b2244f726560a09344d3ae213555b5042c71076f9f2e244337

004c10f8e155e0ade7a766d5fb612d7aa731f0d1a1caab192df01e47e78003f3

01cfa8624415c707c20f8a872ec844c75eef0f9dbc09f5a54acf34b11af99f66

7864add5c95b8f248faa758e91043f82b82065fc8c85279a701fc94865eaf3fa

bd880f8ea443323a1710f31d96fe4d1f6164b92940ad6fe9d0ad07133f53ba1a

a38c5f1780cbfd12bad9554f96824a3a43e301f33d4dc941b300c2197eee9e23

0c15c72cf922221b0b12e22b5b9e52bb31758782d729b5b7e05ab65cc8ea506d

8cb44f361b8208dcc49b72b30dcdb953003c123f84924f489e7b7ee711a5f8b1

8919ade01d05d717b32406f2550a8a725ad8ff8e4a332c363c7da74d4245466c

7e766346e340eee60c52b15cc137c727f9db9a8204382cc7bcf5624f25c92388

270afe2bb676b833dc43076cf156edf91b14a0ccdefdc65fab06f153b001a98a

36fe7a4ae2dbb2622e603bdc6d6beb57730d9bed17db0c8fd591ebd860ab2b0f

708d7d952dff4d7b4927d9dd6d7f9250d2feee8370125e1beb5d0e4980b537e6

5e360e0f107b24a2698342a7a6df1bfe4f7509533af242938e90047925d51025

61ed573222d36080c787c9d860a04565fc9f35f5d5dc1eeab8134579bd125675

4ab32223d022bf8d33f58311dc9795b7e052999a5044acfeabff42efceaa3a7a

3c6a028483f3ad095dc9c2b89898b2053027dab45ffb4935c95bc215177f600d

7404a6a7e62cf7e5ceb61e42b4cc23c2da649ec061a70383deea34cd92d8cc4b

8d9d2d90ce08ae7ea22cc5781f7162a6c704063db7c791fd5abf8b67d2011028

1edc4a9acb96d610f47958b18f90759e2e634517f405a402f0d5a32a174102d0

9a30fdac60ea74ecaaaf747a5f9857fa5385a0ac4af885ba75b1d26e98e24306

197d690e878f4b7907b9a4a05f05790f2499343e2b559d019451bcdc7c0bdfe3

6237d5448cd0b112f5ccd8a4754ef80fb9002b804f3053537f50d0edb462ae2f

23af04981d3cac030f239096cead6543bc569745d48e1a66b81cfb9748a2d7b8

77b0baf579152c874b9d710b9eee5f83f5d65aa9f34b921a434418576baae0ee

df4aa4bef51f222343ec6844b81ac1f890883eb856808f430d56897caab76b5e

afc2a1ebd428d3a3aa5e0764420dd72b1d5c34a6d001471034cf87c1b618a5f7

605c5e54374ba88bd4c3d8ae28d136a8341814b5a87497cb2adb22576d082b18

a2ad3301cae3e1b832dcf157aa8958aac55c5147e4ce42e8695cc60a8033f195

e52f5df310b5fa98956eb75d43f4be10adb366a895eae34577a854c145a366dc

6d3ef8a8a6e8fc871bba6c9fdaf9ec7196bb1b010ae819cde4a1f1297c7b5c23

ac43ac282d2f8d74c6d6951c88aa87412f669f05593dde76b2ab088aec3fed42

c7e56099c36122270277d71c29aa3c2d07444e9a8f466b235da590e86a9b94a5

391956d3a060436daea65c2b572f27711f77cb02e64bd19068553ecc1d77a524

4e870df3a488f53179f01ebe0c3bdc5d7db4d10ad041cf3e236af4113be98196

2257e63cbe5429b197cea225cafbd74e158d75bb715378da9637049c47118a5a

4792e9ffdd7c265ea24577a855dd80dbd94cbcde35d52b07f03231481ba3a308

723961499fdae49c268f3ad77ac57d9ff78b57cc0ef30759378c579bbb4acfde

d7f457d2da9cef98458a649941e360cb5387eedfc9a1878e8a150e14052d3f64

d47293523d0c1d1b57e3553c85687232af713d5aa7e153284ac360beba247b2e

0039e2986245f49bbad06614041bd9ba5b559b9adf748800965e37642ec3ac19

8c14d60eb644b960d01bb0a057ebc12cc41e0687de9423692510c09e85ded4d0

c49afcd49953749bfd4c01a93b5557907506ef9ae6fd4199444155ef398bd091

a353b27cfbaba7b1903cac3802ff99954ccfde060f0dcec39ff69f7919aaa1f6

7cb202f5cddd5ed37530673893eb1a790a958b14fdd83d7709642387497679c2

c9d36060ed5290a46d8f12fd502e2216584bb4fd3f47a7475363604897bc47e7

3f47a22d25e6567ee896235b52cbb7c700ceb4b577bedd3869409e675e9c7ac1

474b39d4a944b11ffa18af27208d7c5f5af16cf2ff540d6d43f8ec5515d9a7f3

fe7849bcad1e7f878bd17a7a8d925fbe97e67cee68acd7257874bb19432ae96c

925ce9d9150685ccd2b9ff46d78ae230dedb8df6fa5ff867cb34d986349f466b

7623a678c827604b7ab1a121a504303d26dbddc0625ee7175617304bafe799fa

e4ecb4e87847c8bcd758d818b9c4b0bddd7f983be9ea1f4aa653b5f74170044a

2c6bf011ea1939c966b8f7f09c06aecbc4461a20387b8329a1d3ffecd55f6017

40d7e84f31ee18a201cd849312d947945193b568fe7acf6f78cceb2177b2db1f

b258c75184b45369e0edb6991c1de615615a84e6a355c8233fd589ea9b2fb6a0

fa7acd02b8b8d9ada8dcda40e60e7ba10d4ec23630cfaeecd90564e20b947c49

0bac7adc49de1fad4ee733ef6c8ba218a800295ca6d764370e83e13f2096eaef

98c91ae9bb7370d8a13787de3a0bddbf208d232c81fa34f7a30dfc36a3cb31ec

b5a52126d10842ba25924b5b65826867a988b2be254cf5fbed045b18fc9b525b

ba0279773009ee5ea641261c13f643a1c286b7117a675d80ae85568519e64d5b

4f9848915e65304add2afdc40094b9d39b6b792f03dd520ea0895b55e8d24535

9dee58adfa381d08e93d5756df9e6812cd9a363c55f369a4f75f793aedf64b91

width=device-width, initial-scale=1.0, maximum-scale=1.0,  minimum-scale=1.0

viewport

version

Gandi SAS

ONFASTSPRING.COM

Amazon EC2 Abuse

IP Management

Amazon AWS Network Operations

Amazon Data Services Northern Virginia

Amazon EC2 Network Operations

AMAZON-IAD


  <div class="container">
    <img src="https://cdn.onfastspring.com/CompiledViews/V3-t8PYGRQY/ZkhVJb89RVc/resources/fastspring-logo-color.png" class="footer-logo" alt="{{'logoAltText' | phrase}}">
    <div>
        <p>{{'SecureCheckout' | phrase }} {{'Footer.SoldAndFulfilled' | phrase}}<a href='http://www.fastspring.com/purchasing-through-fastspring.php?utm_source=Store&utm_medium=Purchasing_Through_FastSpring&utm_content=Foundation&utm_campaign=Store_Traffic' target="_blank"> FastSpring</a>{{'Footer.AuthorizedReseller' | phrase}}{{'Footer.VisaCompliant' | phrase}} {{'FastSpringAddress' | phrase}}</p>
        <terms-of-service></terms-of-service>
    </div>
  </div>



    <img src="https://cdn.onfastspring.com/CompiledViews/V3-t8PYGRQY/ZkhVJb89RVc/resources/fastspring-logo-color.png" class="footer-logo">
    <div>
        <p>{{'SecureCheckout' | phrase }} {{'Footer.SoldAndFulfilled' | phrase}}<a href='http://www.fastspring.com/purchasing-through-fastspring.php?utm_source=Store&utm_medium=Purchasing_Through_FastSpring&utm_content=Foundation&utm_campaign=Store_Traffic' target="_blank"> FastSpring</a>{{'Footer.AuthorizedReseller' | phrase}}{{'Footer.VisaCompliant' | phrase}} {{'FastSpringAddress' | phrase}}</p>
        <terms-of-service></terms-of-service>
    </div>


<tr ng-class="item.styleClass">
            
            
            <td class="vertical-middle checkbox-item" align="center" ng-show="variables.showListCheckbox == 'true'">  <input type = "checkbox" ng-model="item.selected" ng-change="onCheckbox(item, offer.type, item.selected)"> </input> </td>

            <td align="center" class="product-cell"  ng-attr-aria-hidden="{{item.image ? 'false' : 'true'}}">

            <div ng-if="item.description.full == undefined && variables.productTitle == 'showDescription'"
                 ng-style="imageStyle(item)" ng-show="item.image" aria-label="{{'ProductImageOf' | phrase}} {{item.display}}"
                 ng-class="{'offer-image': isOffer, 'product-image' : !isOffer, 'in-cart': item.selected}">
            </div>


                <a ng-if="item.description.full && variables.productTitle == 'showDescription'" ng-click="showDescription(item)" href="">
                    <div  ng-style="imageStyle(item)" ng-show="item.image" aria-label="{{'ProductImageOf' | phrase}} {{item.display}}" class="product-image"></div>
                </a>

                <a reset-onbeforeunload ng-if="session.secondary" ng-show="variables.productTitle == 'openProduct'" href="/{{session.secondary}}/{{item.path}}"><div ng-style="imageStyle(item)" ng-show="item.image" aria-label="{{'ProductImageOf' | phrase}} {{item.display}}" class="product-image"></div>
                </a>

                <a reset-onbeforeunload ng-if ="!session.secondary" ng-show="variables.productTitle == 'openProduct'" href="/{{item.path}}">
                    <div ng-style="imageStyle(item)" ng-show="item.image" aria-label="{{'ProductImageOf' | phrase}} {{item.display}}" class="product-image"></div>
                </a>

            </td>
            <td class="description-cell">
                <div>
                    <strong class="product-title" product-title item="item"></strong>
                    
                    <span ng-if="item.bundle" class="label label-success label-as-badge"> {{'Bundle' | phrase }}</span>
                    <span ng-if="item.attributes.customBadge" ng-style="customColor(item.attributes.customBadgeColor)" class="label label-as-badge custom-badge"> {{item.attributes.customBadge}} </span>
                </div>


                
                <div ng-if="item.subscription" renews-checkbox subscription="item.subscription" item="item" language="language"></div>



                <div class="text-muted" ng-show="item.description.summary" ng-bind-html="item.description.summary"></div>
                <div class="small" ng-show="item.terms" ng-bind-html="item.terms"></div>
                <div class="text-info small" ng-show="item.offer"><span class="glyphicon glyphicon-tag"></span> <span ng-bind-html="item.offer"></span></div>
                

                
                <div class="well well-sm inline-block" ng-repeat="ordergroup in item.groups" ng-show="ordergroup.type == 'bundle'">
                    <div class="inline-block bundle-item" ng-repeat="item in ordergroup.items">
                        <div ng-show="item.image" aria-label="{{'ProductImageOf' | phrase}} {{item.display}}" class="bundle-image" ng-style="imageStyle(item)" tooltip="{{item.display}}" tooltip-placement="bottom" tooltip-trigger > </div>
                    </div>
                </div>
                
            </td>

            <td class="last-price-row">
                <div ng-if="!item.autoRenew || item.subscription.intervalUnit=='adhoc'" ng-include="'price-row.html'"> </div>
                <div ng-if="item.autoRenew && !(item.subscription.intervalUnit=='adhoc')" ng-include="'subscriptions-price-row.html'"> </div>
            </td>
        </tr>

<div ng-hide="subscriptionType.adhoc" class="bordered-muted inline-block renews-block text-muted">

            <span ng-if="!subscription.unequalIntervals">

                <span ng-if="!subscription.lastRemainingPeriod">
                    <span ng-if="item.autoRenew && language.language === 'de'"> {{'RenewsEvery' | phrase:subscription.germanJede:subscription.intervalLengthAdjusted:subscription.intervalUnitPluralized}} </span>
                    <span ng-if="item.autoRenew && language.language === 'nl' && subscription.intervalUnitPluralized == 'jaar'"> {{'RenewEvery' | phrase:subscription.intervalLengthAdjusted:subscription.intervalUnitPluralized}} </span>
                    <span ng-if="item.autoRenew && language.language === 'nl' && subscription.intervalUnitPluralized != 'jaar'"> {{'RenewsEvery' | phrase:subscription.intervalLengthAdjusted:subscription.intervalUnitPluralized}} </span>
                    <span ng-if="item.autoRenew && language.language != 'de' && language.language != 'nl'"> {{'RenewsEvery' | phrase:subscription.intervalLengthAdjusted:subscription.intervalUnitPluralized}} </span>

                    
                    <span ng-if="subscriptionType.free && subscription.repeatingInstruction === false"> {{ 'ForFree' | phrase }}</span>
                    <span class="comma">&#46;</span>
                </span>

                
                <span ng-if="!subscriptionType.free">
                    <span ng-if="subscriptionType.hasTrial && subscription.nextChargeTotal"> {{'FirstCharge' | phrase}} {{subscription.nextChargeTotal}}</span>
                    <span ng-if="!subscriptionType.hasTrial && subscription.nextChargeTotal"> {{'NextCharge' | phrase}} {{subscription.nextChargeTotal}}</span>
                    <span ng-if="addonSelected(item)"> {{'SubscriptionAddonIncluded' | phrase}} </span>
                    <span ng-if="subscription.nextChargeDateValue"> {{'on' | phrase }} {{ isToday(subscription.nextChargeDateValue, subscription.nextChargeDate) }}</span>
                    <span class="comma">&#46;</span>
                </span>

                
                <span ng-if="subscriptionType.finiteEndDate">
                    {{ 'Ending' | phrase }}
                    {{ subscriptionType.finiteEndDate }}
                </span>
            </span>
            <span ng-if="item.autoRenew && subscription.unequalIntervals">
                <span> {{ 'MultipleRebills' | phrase }} </span> <a href="" ng-click="subscription.showSubscriptionTerms = !subscription.showSubscriptionTerms"> {{ 'Details' | phrase }} </a>
            </span>
        </div>

        
        <div ng-show="subscriptionType.adhoc" class="bordered-muted inline-block renews-block text-muted">
            <span> {{'RenewsAutomatically'| phrase}} </span>
        </div>

<div ng-if="item.selected && item.pricing.quantity == 'allow'" class="price-item">
            <select id="quantity-{{item.path}}" aria-label="{{item.display}} {{'Quantity' | phrase}}; {{item.display}}; {{'price' | phrase}}: {{ item.unitPrice |price }}" ng-hide="useQuantityInput(item)" class="item-quantity-input form-control input-sm inline-block"
                    ng-model="item.stagedQuantity" ng-change="changeQuantity(item, false)"
                    ng-options="(qtyOpt.id) as qtyOpt.text for qtyOpt in item.quantityOptions">
            </select>

            <div ng-if="useQuantityInput(item)" class="price-item">
                <div><input type="tel" class="item-quantity-input form-control input-sm" ng-model="item.stagedQuantity"/></div>
                <div><a href="" class="small text-muted" ng-click="changeQuantity(item, true)">{{ 'Update' | phrase }}</a></div>
            </div>
        </div>

        
        <div ng-show="item.pricing.quantity == 'lock' && item.quantity > 0" class="price-item">
            <span class="badge"> {{'For' | phrase }} {{ item.quantity }}</span>
        </div>

        
        <div ng-show="item.selected && item.removable && removeButtonVisibility != 'hidden'" class="price-item">
            <a href="" id="remove-{{item.path}}" role="button" aria-label="{{'Remove' | phrase}} {{item.display}}" class="dotted text-muted small" ng-click="deleteItem(item)"> {{'DeleteItem' | phrase}} </a>
        </div>


        <small class="price-item nowrap-text small dotted text-muted" tooltip-placement="bottom" tooltip-trigger
               va-tooltip="'tooltipVolumeDiscountTpl.html'" > {{'VolumeDiscountsAvailable' | phrase}} </small>
    


        <a href="javascript:void(0)" class="small dotted text-muted details-popover volume-pricing-available"
           ns-popover
           ns-popover-template="tooltipVolumePricingTiersTpl.html"
           ns-popover-plain="false"
           ns-popover-placement="bottom"
           ns-popover-hide-on-inside-click="true"
           ns-popover-timeout="0"> {{ 'VolumePricingAvailable' | phrase }} </a>
    

<tbody>
        <tr>
            <td class="product-cell"></td>
            <td class="description-cell">
                <strong class="product-title" ng-bind-html="ordergroup.display"></strong>
            </td>
            <td class="last-price-row"></td>
        </tr>
        <tr ng-repeat="item in items" class="config-terms">
            <td class="product-cell"></td>
            <td class="description-cell {{$index > 0 ? 'onepxtop fivepxbottom' : 'fivepxbottom'}}">
                <form class="config-choose" ng-class="{'hideFree': !item.image && showTerms && variables.hideFree === 'true'}">

                    <label class="{{type}} choose" ng-class="{ 'config-contains-terms' : item.subscription && showTerms }">
                        <input ng-hide="ordergroup.type == 'setup-fee'" ng-if="type=='radio' || type=='options'" type="radio" ng-model="item.replaceSelection" name="{{items[0].path}}" ng-value="item.path" ng-change="acceptOffer(item, item.type)" />
                        <input ng-if="type=='checkbox'" type="checkbox" ng-model="item.selected" name="{{items[0].path}}" ng-value="item.path" ng-change="onCheckbox(item, item.type, item.selected)" />
                            <div ng-show="item.image" aria-label="{{'ProductImageOf' | phrase}} {{item.display}}" class="bundle-image inline-block price-item" ng-style="imageStyle(item)"> </div>
                            <span  ng-bind-html="item.display"></span>
                    </label>
                </form>
                <span ng-if="ordergroup.type=='addon-many' || ordergroup.type=='addon-one'" class="bordered-muted inline-block renews-block text-muted">
                    {{ 'SubscriptionAddonTerms.Single' | phrase }}
                </span>
                <div ng-if="item.subscription && showTerms" renews-checkbox subscription="item.subscription" item="item" language="language"></div>
            </td>

            <td valign="middle" class="last-price-row {{$index > 0 ? 'onepxtop fivepxbottom' : 'fivepxbottom'}}"
                ng-if="ordergroup.type=='addon-many' || ordergroup.type=='addon-one' || showTerms">
                <div ng-include="'addon-price-row.html'" ng-if="!showTerms">
                    
                    <strong ng-if="item.pricing.quantity == 'allow' && !orderLevelCouponEnabled " class="price-item price {{item.unitPrice |priceColor}}">{{ item.unitPrice |price }}</strong>
                    
                    <strong ng-if="!(item.pricing.quantity == 'allow') && !orderLevelCouponEnabled " class="price-item price {{item.total |priceColor}}">{{ item.total |price }}</strong>

                    <div ng-include="'quantity.html'"></div>
                </div> 
                <div ng-if="showTerms">
                    <div ng-include="'subscriptions-price-row.html'" ng-if="item.autoRenew && item.subscription.intervalUnit!='adhoc'"></div>
                    <div ng-include="'price-row.html'" ng-if="!item.autoRenew || item.subscription.intervalUnit=='adhoc'"></div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="product-cell"></td>
            <td colspan="3">&nbsp;</td>
        </tr>

<div class="future-row" ng-repeat="instruction in item.subscription.instructions" ng-if="$index == 0 || item.subscription.showSubscriptionTerms">
            <div ng-if="instruction.type != 'trial'" ng-include="'subscription.html'"></div>
            <div ng-if="instruction.type == 'trial'" ng-include="'subscription-trial.html'"></div>
        </div>

        
        <div ng-if="orderLevelDiscountEnabled && (!item.subscription || !item.subscription.instructions || item.subscription.instructions.length === 0)">
            
            <small class="price-item text-muted" ng-if="item.unitDiscountValue > 0"><del>{{ item.regularUnitPrice }}</del></small>
            <div class="price-row">
                <strong ng-if="item.pricing.quantity == 'allow'"
                        class="price-item price {{item.unitPrice | priceColor}}">{{ item.unitPrice | price }}</strong>
                <strong ng-if="!(item.pricing.quantity == 'allow')"
                        class="price-item price {{item.total | priceColor}}">{{ item.total }}</strong>
                <div ng-include="'quantity.html'"></div>
            </div>
            
            <div ng-show="item.selected && item.discountTotalValue != 0" class="nowrap-text price-item text-success small">
                <span>{{'SavingsTitle' | phrase}} {{item.unitDiscount}} ({{item.discountPercent}})</span>
            </div>
        </div>

        <a id="{{item.path}}-show-terms" tabindex="0" class="price-item"
           ng-show="!item.subscription.showSubscriptionTerms"
           ng-click="item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms"
           ng-keydown="$event.key === 'Enter' && (item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms)"
           aria-label="{{item.display}} {{ 'SubscriptionTerms' | phrase }}"> {{ 'SubscriptionAddonTerms' | phrase }}</a>
        <a id="{{item.path}}-hide-terms" tabindex="0" class="price-item"
           ng-show="item.subscription.showSubscriptionTerms"
           ng-click="item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms"
           ng-keydown="$event.key === 'Enter' && (item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms)"
           aria-label="{{item.display}} {{ 'HideSubscriptionTerms' | phrase }}"> {{ 'HideSubscriptionAddonTerms' | phrase }}</a>

<div class="future-row" ng-repeat="instruction in item.subscription.instructions" ng-if="$index == 0 || item.subscription.showSubscriptionTerms">
            <div ng-if="instruction.type != 'trial'" ng-include="'subscription.html'"></div>
            <div ng-if="instruction.type == 'trial'" ng-include="'subscription-trial.html'"></div>
        </div>

        <a id="{{item.path}}-show-terms" tabindex="0" class="price-item"
           ng-show="!item.subscription.showSubscriptionTerms"
           ng-click="item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms"
           ng-keydown="$event.key === 'Enter' && (item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms)"
           aria-label="{{item.display}} {{ 'SubscriptionTerms' | phrase }}"> {{ 'SubscriptionTerms' | phrase }} </a>
        <a id="{{item.path}}-hide-terms" tabindex="0" class="price-item"
           ng-show="item.subscription.showSubscriptionTerms"
           ng-click="item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms"
           ng-keydown="$event.key === 'Enter' && (item.subscription.showSubscriptionTerms = !item.subscription.showSubscriptionTerms)"
           aria-label="{{item.display}} {{ 'HideSubscriptionTerms' | phrase }}"> {{ 'HideSubscriptionTerms' | phrase }} </a>
        
        
        <div ng-show="!showTerms" class="list-add-product-btn" ng-include="'list-add-product-btn.html'"></div>

<small class="price-item text-muted" ng-if="instruction.discountPercentValue > 0 && instruction.type != 'trial' && instruction.trialType != 'PAID'"><del>
            {{ instruction.priceTotal }}</del></small>
        <small class="price-item text-muted" ng-if="item.discountPercentValue > 0 && instruction.trialType == 'PAID'"><del> {{ item.price }} </del></small>

        <div class="price-row">
            
            <strong ng-if="item.pricing.quantity == 'allow' && orderLevelDiscountEnabled && item.orderLevelCouponApplied"
                    ng-hide="showTerms && instruction.totalValue === 0 && instruction.discountTotalValue === 0 && variables.hideFree === 'true'"
                    class="price-item price {{item.unitPrice |priceColor}}">{{ item.unitPrice }}</strong>

            
            <strong ng-if="item.pricing.quantity == 'allow' && !(orderLevelDiscountEnabled && item.orderLevelCouponApplied)"
                    ng-hide="showTerms && instruction.totalValue === 0 && instruction.discountTotalValue === 0 && variables.hideFree === 'true'"
                    class="price-item price {{item.unitPrice |priceColor}}">{{ item.unitPrice }}</strong>

            <strong ng-if="!(item.pricing.quantity == 'allow')"
                    ng-hide="showTerms && instruction.totalValue === 0 && instruction.discountTotalValue === 0 && variables.hideFree === 'true'"
                    class="price-item price {{item.total |priceColor}}">{{ item.total }}</strong>

            <div ng-include="'quantity.html'"></div>
        </div>

<div ng-if="!orderLevelDiscountEnabled" class="price-row no-margin">
            <strong class="price-item price {{instruction.total |priceColor}}">{{ instruction.total }}</strong>
            
            <small class="price-item text-muted" ng-if="instruction.discountPercentValue > 0"><del> {{instruction.priceTotal }}</del> </small>
        </div>
        
        <div ng-if="orderLevelDiscountEnabled" class="price-row no-margin">
            
            <strong ng-if="!instruction.discountPercentValue" class="price-item price {{instruction.priceTotal |priceColor}}">{{ instruction.priceTotal }}</strong>
            
            <strong ng-if="instruction.discountPercentValue > 0" class="price-item price {{instruction.total |priceColor}}">{{ instruction.total }}</strong>
            
            <small class="price-item text-muted" ng-if="instruction.discountPercentValue > 0"><del>{{instruction.priceTotal }}</del></small>
        </div>

<div ng-if="$index == 0" ng-include="'price-row-first.html'"></div>
        <div ng-if="$index != 0 && item.subscription.showSubscriptionTerms" ng-include="'price-row-second.html'"></div>

        
        <div ng-show="item.selected && instruction.discountTotalValue != 0" class=" inline-block nowrap-text price-item text-success small">
            <span>{{'SavingsTitle' | phrase}}
                {{instruction.unitDiscount}} ({{instruction.discountPercent}})
            </span>
        </div>
        
        <div ng-show="item.selected && item.discount.data.tiers.length>0" ng-include="'volume-pricing-discount.html'"> </div>
        <div ng-show="item.selected && item.volumePricingAvailable" ng-include="'volume-pricing-tiers.html'"> </div>

        <div tabindex="0" ng-if="item.subscription.showSubscriptionTerms">
            
            <div class="text-muted price-item small" ng-include="'renews-every.html'" ng-if="!item.subscription.lastRemainingPeriod"> </div>

            
            <div class="text-muted" ng-show="item.discount.reason && instruction.discountTotalValue > 0">
                <p class=" price-item small text-muted"> {{item.discount.reason}} </p>
            </div>

        </div>

<div ng-include="'price-row-first.html'"></div>

        <div ng-show="item.selected && item.discountTotalValue != 0" class=" inline-block nowrap-text price-item text-success small">
            <span>{{'SavingsTitle' | phrase}}
                {{item.unitDiscount}} ({{item.discountPercent}})
            </span>
        </div>
        
        <div ng-show="item.selected && item.discount.data.tiers.length>0" ng-include="'volume-pricing-discount.html'"> </div>
        <div ng-show="item.selected && item.volumePricingAvailable" ng-include="'volume-pricing-tiers.html'"> </div>

        <div tabindex="0" ng-if="item.subscription.showSubscriptionTerms">
            
            <div class="text-muted price-item small" ng-show="instruction.periodEndDate">
                <span> {{'FreeTrialUntil' | phrase }} </span>
                <span ng-bind-html="isToday(instruction.periodEndDateValue, instruction.periodEndDate)"> </span>
            </div>
        </div>

<span ng-if="language.language === 'de'"> {{germanJede}} </span>
        <span ng-if="language.language != 'de' && language.language !== 'pl'"> {{'Every' | phrase}} </span>
        <span ng-if="language.language === 'pl'"> {{'EveryOptional' | phrase}} </span>
        <span ng-show="instruction.intervalLength > 1"> {{instruction.intervalLength}} </span>
        <span ng-bind-html="pluralize(instruction.intervalLength, instruction.intervalUnit)"> </span>

        
        <span ng-if="language.language != 'pl'" ng-hide="instruction.discountDurationLength || (instruction.periodEndDate && !$last)"> {{'Starting' | phrase}} </span>
        <span ng-if="language.language == 'pl'" ng-hide="instruction.discountDurationLength || (instruction.periodEndDate && !$last)"> {{'StartingOptional' | phrase}} </span>
        <span ng-hide="instruction.discountDurationLength || (instruction.periodEndDate && !$last)" ng-if="instruction.periodStartDate" ng-bind-html="isToday(instruction.periodStartDateValue, instruction.periodStartDate)">  </span>
        
        <span ng-if="$last && instruction.periodEndDate"> {{'AndEndingOn' | phrase}} {{instruction.periodEndDate}}</span>


        
        <span ng-if="instruction.discountDurationLength || (instruction.periodEndDate && !$last)" class="comma">, </span>
        <span ng-if="(instruction.discountDurationLength && instruction.periodStartDate) || (instruction.periodEndDate && !$last)" ng-bind-html="isToday(instruction.periodStartDateValue, instruction.periodStartDate)">  </span>
        <span ng-show="instruction.discountDurationLength || (instruction.periodEndDate && !$last)"> - </span>
        <span ng-show="instruction.discountDurationLength || (instruction.periodEndDate && !$last)" ng-bind-html="isToday(instruction.periodEndDateValue, instruction.periodEndDate)"> </span>


        <button id="add-{{item.path}}" class="btn btn-sm" ng-if="variables.purchaseBtn == 'addToCart'"
                ng-hide="item.selected || (variables.purchaseBtn == 'hide')"
                ng-class="BtnClass(offer)" ng-click="acceptOffer(item, offer.type)"
                aria-label="{{'Add' | phrase}} {{item.display}} {{'LightBox.InYourCart' | phrase}}; {{'price' | phrase}}: {{ item.unitPrice |price }}">
            <span ng-show="item.description.action" ng-bind-html="item.description.action"></span>
            <span ng-hide="item.description.action"> {{ 'Add' | phrase }} </span>
        </button>

        <a ng-href="/{{session.secondary}}/{{item.path}}"
            ng-if="session.secondary && variables.purchaseBtn == 'openProduct'"
            class="btn btn-sm"
            ng-class="BtnClass(offer)"
            ng-hide="item.selected || (variables.purchaseBtn == 'hide')">
            <span ng-show="item.description.action" ng-bind-html="item.description.action"></span>
            <span ng-hide="item.description.action"> {{ 'Add' | phrase }} </span>
        </a>

        <a href="/{{item.path}}"
        ng-if="!session.secondary && variables.purchaseBtn == 'openProduct'"
        class="btn btn-sm"
        ng-class="BtnClass(offer)"
        ng-hide="item.selected || (variables.purchaseBtn == 'hide')">
            <span ng-show="item.description.action" ng-bind-html="item.description.action"></span>
            <span ng-hide="item.description.action"> {{ 'Add' | phrase }} </span>
        </a>
    


    <form name="form" novalidate="novalidate" role="dialog" aria-labelledby="dialogTitle" aria-modal="true">

        <div class="modal-header">
            <button id="closeLocaleButton" ng-hide="trialConcurrencyCheckFound" type="button" class="close" ng-click="cancel()" ng-keydown="handleCloseButtonNavigation($event)" aria-label="Close">&#215;</button>
            <h2 class="modal-title title-font" id="dialogTitle">
                <span class="glyphicon glyphicon-globe"></span> {{ 'ChooseLocale' | phrase }}
            </h2>
        </div>

        <div class="modal-body">
        <span class="app-update-indicator">
            <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
            <span class="sr-only" ng-if="waitAboutPhrase">{{ waitAboutPhrase | phrase }}</span>
        </span>

            <div ng-show="loaded">
                <tabset justified="true" id="localeSelector">

                    <tab role="tabpanel" id="chooseCountry" aria-labelledby="country-tab" ng-keydown="handleLocaleTabNavigation($event)">
                        <tab-heading id="country-tab" role="tab">{{'ChooseCountry'| phrase}}</tab-heading>
                        <p>&nbsp;</p>
                        <div class="row">
                            <div class="col-sm-5">
                                <div id="regionList" class="list-group" role="tablist" aria-label="Regions">
                                    <a id="region-{{$index}}" href="" role="tab" class="list-group-item"
                                       ng-class="{'active': selectedRegion.name == region.name}"
                                       ng-click="chooseRegion(region)"
                                       ng-keydown="handleRegionsNavigation($event)"
                                       ng-repeat="region in regions | orderBy:'display'"
                                       aria-selected="{{selectedRegion.name == region.name}}"
                                       aria-controls="country-list">{{region.display}}</a>
                                </div>
                            </div>
                            <div class="col-sm-7" id="country-list" role="region" aria-live="polite">
                                <div class="row small">
                                    <div class="col-sm-6" ng-repeat="country in selectedRegion.countries | filter: {top:true}">
                                        <a id="country-{{$index}}" href="" role="button"
                                           ng-click="choose(country.code)"
                                           ng-keydown="handleCountryNavigation($event)"
                                           ng-class="{'active': country.code == currentCountry}">
                                            {{ country.display }}
                                            <span ng-if="country.code == currentCountry" class="sr-only">({{'Selected' | phrase}})</span>
                                        </a>
                                        <span class="glyphicon glyphicon-ok" ng-show="country.code == currentCountry" aria-hidden="true"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </tab>

                    <tab role="tabpanel" id="chooseLanguage" aria-labelledby="language-tab" ng-keydown="handleLocaleTabNavigation($event)">
                        <tab-heading id="language-tab" role="tab">{{'ChooseLanguage'| phrase}}</tab-heading>
                        <p>&nbsp;</p>
                        <div class="row">
                            <div id="languages-list" class="language col-sm-6 col-md-4" ng-repeat="language in languages">
                                <a id="language-{{$index}}" role="button" class="btn btn-primary btn-block" href=""
                                   ng-click="choose(null, language.code)"
                                   ng-class="{'locale-selected': language.display == languageDisplay }"
                                   ng-keydown="handleLanguageNavigation($event)"
                                   data-lang-code="{{language.code}}"
                                   lang="{{language.code}}">
                                    {{ language.display }}
                                </a>
                            </div>
                        </div>
                    </tab>
                </tabset>
            </div>

        </div>
    </form>



        <div class="modal-header">
            <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
            <h3 class="modal-title title-font" ng-if="taxType == 'VAT'">{{'EUVatDialogTitle' | phrase}}</h3>
            <h3 class="modal-title title-font" ng-if="taxType == 'SST'">{{'SstDialogTitle' | phrase}}</h3>
            <h3 class="modal-title title-font" ng-if="taxType == 'SERVICE'">{{'ServiceTaxDialogTitle' | phrase}}</h3>
            <h3 class="modal-title title-font" ng-if="taxType == 'JCT'">{{'JpConsumptionTaxDialogTitle' | phrase}}</h3>
            <h3 class="modal-title title-font" ng-if="taxType == 'GST'">
                <span ng-show="country == 'AU'">{{'AbnDialogTitle' | phrase}}</span>
                <span ng-show="country != 'AU'">{{'GstDialogTitle' | phrase}}</span>
            </h3>
            <h3 class="modal-title title-font" ng-if="taxType == 'US'">
                <span ng-show="country == 'US'">{{'UsTaxDialogTitle' | phrase}}</span>
                <span ng-show="country == 'CA'">{{'GstDialogTitle' | phrase}}</span>
            </h3>
        </div>

    <div class="modal-body">

        <p class="alert alert-info" ng-if="taxType == 'VAT'">
            {{'EUVatAbout' | phrase}}
        </p>
        <p class="alert alert-info" ng-if="taxType == 'SERVICE'">
            {{'ServiceTaxAbout' | phrase}}
        </p>
        <p class="alert alert-info" ng-if="taxType == 'GST'">
            {{'GstAbout' | phrase}}
        </p>
        <p class="alert alert-info" ng-if="taxType == 'SST'">
            {{'SstAbout' | phrase}}
        </p>
        <p class="alert alert-info" ng-if="taxType == 'JCT'">
            {{'JpConsumptionTaxAbout' | phrase}}
        </p>
        <p class="small text-muted" id="fs-inf-exempt-eu-vat"  ng-if="taxType == 'VAT' && fields.vatCountryList.indexOf(country) < 0">
            {{'EUVatExemptInfo' | phrase}}
        </p>
        <p class="small text-muted" id="fs-inf-exempt-vat" ng-if="taxType == 'VAT' && fields.vatCountryList.indexOf(country) > -1">
            {{'VatExemptInfo' | phrase:countryDisplay}}
        </p>
        <p class="small text-muted" id="fs-inf-exempt-service-tax" ng-if="taxType == 'SERVICE'">
            {{'ServiceTaxExemptInfo' | phrase:countryDisplay}}
        </p>
        <p class="small text-muted" id="fs-inf-exempt-sst" ng-if="taxType == 'SST'">
            {{'SSTaxExemptInfo' | phrase:countryDisplay}}
        </p>
        <p class="small text-muted" id="fs-inf-exempt-gst" ng-if="taxType == 'GST'">
            <span ng-show="country != 'AU'" id="fs-inf-exempt-gst-gst">{{'GstExemptInfo' | phrase:countryDisplay}}</span>
            <span ng-show="country == 'AU'" id="fs-inf-exempt-gst-abn">{{'AbnExemptInfo' | phrase}}</span>
        </p>
        <p class="small text-muted" id="fs-inf-exempt-cst" ng-if="taxType == 'JCT'">
            {{'JpConsumptionTaxExemptInfo' | phrase}}
        </p>
        <p class="small text-muted" id="fs-inf-exempt-gst"  ng-if="taxType == 'US' && country == 'CA'">
            <span ng-show="country != 'AU'">{{'GstExemptInfo' | phrase:countryDisplay}}</span>
        </p>


        <form name="form" class="form-inline" novalidate="novalidate" ng-submit="submitTaxId()">
            <div class="form-group" ng-if="taxType == 'VAT'">
                <label class="sr-only" for="eu-vat-tax-exempt-id">{{ 'EUVatID' | phrase }}</label>
                <input required="true" type="text" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="eu-vat-tax-exempt-id"
                       placeholder="{{ 'EUVatID' | phrase }}"/>
            </div>
            <div class="form-group" ng-if="taxType == 'SERVICE'">
                <label class="sr-only" for="service-tax-exempt-id">{{ 'ServiceTaxID' | phrase }}</label>
                <input required="true" type="text" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="service-tax-exempt-id"
                       placeholder="{{ 'ServiceTaxID' | phrase }}"/>
            </div>
            <div class="form-group" ng-if="taxType == 'SST'">
                <label class="sr-only" for="ss-tax-exempt-id">{{ 'SsTaxID' | phrase }}</label>
                <input required="true" type="text" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="ss-tax-exempt-id"
                       placeholder="{{ 'SsTaxID' | phrase }}"/>
            </div>
            <div class="form-group" ng-if="taxType == 'GST'">
                <span ng-show="country != 'AU'">
                    <label class="sr-only" for="gst-tax-exempt-id">{{ 'GstID' | phrase }}</label>
                    <input required="true" type="text" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="gst-tax-exempt-id"
                       placeholder="{{ 'GstID' | phrase }}"/>
                </span>
                <span ng-show="country == 'AU'">
                    <label class="sr-only" for="gst-tax-exempt-id">{{ 'AbnID' | phrase }}</label>
                    <input required="true" type="text" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="abn-tax-exempt-id"
                       placeholder="{{ 'AbnID' | phrase }}"/>
                </span>
            </div>
            <div class="form-group" ng-if="taxType == 'JCT'">
                <label class="sr-only" for="cst-exempt-id">{{ 'JpNationalTaxId' | phrase }}</label>
                <input type="text" required="true" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="cst-exempt-id"
                       data-ng-attr-placeholder="{{ 'JpNationalTaxId' | phrase }}"/>
            </div>
            <div class="form-group us-tax-exempt" ng-if="taxType == 'US' && country == 'US' ">
                <p class="us-tax-exmpetion-legalese">{{'USTaxExemptionWindowLine1'| phrase}}</p>

                <p class="us-tax-exmpetion-legalese">{{'USTaxExemptionWindowLine2'| phrase}}</p>

                <p class="us-tax-exmpetion-legalese">{{'USTaxExemptionWindowLine3'| phrase}}</p>

                <div class="row">
                    <div class="col-xs-6">
                        <p class="dropdown-field-label"> {{ 'UsTaxIdFieldLabel' | phrase }} </p>
                        <label class="sr-only" for="us-tax-exempt-id">{{ 'UsTaxIdFieldLabel' | phrase }}</label>
                        <input required="true" type="text" name="taxExemptId"
                               ng-model="fields.taxExemptId" class="form-control" id="us-tax-exempt-id"
                               placeholder="{{ 'USTaxID' | phrase }}"/>
                    </div>

                    <div class="col-xs-6">
                        <p class="dropdown-field-label"> {{ 'UsTaxStateFieldLabel' | phrase }} </p>
                        <div id="states" ng-include="getUsStatesTemplate()" style=" "></div>
                    </div>
                </div>
            </div>
            <div class="form-group ca-tax-exempt" ng-if="taxType == 'US' && country == 'CA'">
                <label class="sr-only" for="gst-tax-exempt-id">{{ 'GstID' | phrase }}</label>
                <input required="true" type="text" name="taxExemptId"
                       ng-model="fields.taxExemptId" class="form-control" id="gst-tax-exempt-id"
                       placeholder="{{ 'GstID' | phrase }}"/>
            </div>

            <div class="tax-exempt-submit" ng-class="taxType == 'US' ? 'us-submit' : ''">
                <button type="submit" class="btn btn-primary btn-sm" ng-click="hidePopover()">{{'EUVatIDSubmit'|phrase}}</button>
            </div>
        </form>

    </div>
    

<div class="row no-margin">
            <div class="col-sm-3 modal-header grey hidden-xs">
                <h4 class="modal-title"><span> {{'LightBox.InYourCart' | phrase}} </span></h4>
            </div>
            <div class="col-sm-9 modal-header ">
                <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
                <h4 class="modal-title"><span> {{'LightBox.UpgradeAvailable' | phrase}} </span></h4>
            </div>
        </div>
        
        <div class="row no-margin flex">
            <div class="col-sm-3 modal-body text-center grey flex hidden-xs fl-center">
                <div>
                    <div class="wrap">
                        <div class="text-center"> {{driver.display}} </div>
                        <div class="driver-image" ng-style="imageStyle(driver)"></div>
                        
                        <div>
                            <strong class="price {{driver.total |priceColor}}">{{ driver.total |price }}</strong>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9 modal-body">
                <div class="row flex fl-center">
                    <div class="col-sm-4 text-center">
                        <div>
                            <div class="lightbox-image" ng-style="imageStyle(lightboxElement)"></div>
                        </div>
                    </div>

                    <div class="col-sm-8">
                        <div class="fl-center">
                            <div class="lightbox-title"> {{lightboxElement.display}} </div>
                            <div ng-bind-html="lightboxElement.description.summary"> </div>
                            <div class="price-narrow">
                                
                                <div class="text-muted" ng-if="lightboxElement.unitDiscountValue > 0">
                                    <small><del> {{ lightboxElement.priceTotal}}</del>
                                    </small>
                                </div>
                                
                                <div>
                                    <strong class="price {{lightboxElement.total |priceColor}}">{{ lightboxElement.total |price }}</strong>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row no-margin">
            <div class="col-sm-3 modal-footer text-center grey hidden-xs">
                <button class="btn btn-default col-sm-12" ng-click="cancel()">{{ 'Continue' | phrase}}</button>
            </div>
            <div class="col-sm-9 modal-footer text-center">
                <button class="btn btn-success" ng-click="acceptOffer(lightboxElement)">{{'UpgradeAndContinue'| phrase}} </button>
            </div>
        </div>

        
        <div class="col-sm-3 modal-header grey visible-xs">
            <h4 class="modal-title"><span> {{'LightBox.InYourCart' | phrase}} </span></h4>
        </div>
        <div class="col-sm-3 text-center grey visible-xs">
            <div class="driver-image center-block" ng-style="imageStyle(driver)"></div>
            <div class="text-center"> {{driver.display}} </div>
            
            <div>
                <strong class="price {{driver.total |priceColor}}">{{ driver.total |price }}</strong>
            </div>
        </div>
        <div class="col-sm-3 modal-footer text-center grey visible-xs">
            <button class="btn btn-default col-sm-12" ng-click="cancel()"> {{ 'Continue' | phrase}} </button>
        </div>


        <div class="modal-header">
            <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
            <h3 class="modal-title title-font">{{'PaymentInformation'| phrase}}</h3>
        </div>
        <div class="modal-body relative">
            <div class="pull-right">
                <button ng-hide="processing" type="submit" class="btn placeOrderBtn pay-button" ng-click="accept();">{{'Pay' | phrase:totalWithTax }}<span class="glyphicon glyphicon-chevron-right"></span></button>
                <div ng-show="processing"><span class="glyphicon glyphicon-refresh spin pay-spinner-right"></span><span class="sr-only">{{'WaitRedirectTitle' | phrase}}</span></div>
            </div>
            <p>
                &nbsp;
            </p>
        </div>
    


        <div class="modal-header">
            <h2 class="modal-title title-font">{{ waitTitlePhrase | phrase }}</h2>
        </div>
        <div class="modal-body relative">
            <span class="app-update-indicator">
                <span class="glyphicon glyphicon-refresh"></span>
                <span class="sr-only" ng-if="waitAboutPhrase">{{ waitAboutPhrase | phrase }}</span>
            </span>
            <p>&nbsp;</p>
        </div>
    


        <div class="form-group col-md-12 floating-group" ng-class="validationClass(form['recipient.addressLine1'])">
            <input id="recipient-addressline1" ng-model="recipient.address.addressLine1" ng-change="resetRemoteValidation(form['recipient.addressLine1'])"
                   name="recipient.addressLine1" type="text" required="required"
                   class="form-control floating-input" placeholder=" "
                   aria-label="{{ (errorFlags['recipient.addressLine1'] ? 'EnterYourStreet' : 'ShippingStreet') | phrase }}" />
            <label class="floating-label float-street" for="recipient-addressline1">{{'ShippingStreet' | phrase}}</label>
        </div>
    


        <div ng-class="country === 'US' ? 'col-xs-6' : 'col-xs-12'">
            <div class="form-group floating-group" ng-class="validationClass(form['recipient.city'])">
                <input ng-change="resetRemoteValidation(form['recipient.city'])"
                       name="recipient.city" type="text" ng-model="recipient.address.city" required="required"
                       class="form-control floating-input" id="recipient-city" placeholder=" "
                       aria-label="{{ (errorFlags['recipient.city'] ? 'EnterYourCity' : 'ShippingCity') | phrase }}" />
                <label class="floating-label" for="recipient-city">{{'ShippingCity' | phrase}}</label>
            </div>
        </div>
    


        <div ng-class="country === 'US' ? 'col-xs-6' : 'col-xs-12'">
            <div class="relative dropdown-caret" ng-if="country === 'CA' && regionList.CA">
                <select aria-label="Province" ng-class="validationClass(form['recipient.region'])"
                        ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion" ng-change="resetRemoteValidation(form['recipient.region'], form['recipient.postalCode'])"
                        name="recipient.region" class="form-control form-group" ng-model="recipient.address.region">
                    <option value="" disabled="disabled" selected="selected">{{'Province' | phrase}}</option>
                    <option ng-repeat="state in regionList.CA" ng-value="state.code" ng-selected="state.code == recipient.address.region">{{ state.name }}</option>
                </select>
            </div>
            <div class="form-group" ng-class="validationClass(form['recipient.region'])" ng-if="country === 'CA' && !regionList.CA">
                <label class="sr-only" for="recipient-region">{{'Province' | phrase}}</label>
                <span class="placeholder">{{'Province' | phrase}}</span>
                <input ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion" ng-change="resetRemoteValidation(form['recipient.region'], form['recipient.postalCode'])"
                       name="recipient.region" type="text" ng-model="recipient.address.region"
                       class="form-control" id="recipient-region" placeholder="{{'Province' | phrase | optional : showAddressField && countryRequiresRegion}}"/>
            </div>
            <div class="relative dropdown-caret" ng-if="country === 'US' && regionList.US">
                <select aria-label="State" required="required" ng-class="validationClass(form['recipient.region'])" ng-class="validationClass(form['recipient.region'])"
                        name="recipient.region" class="form-control form-group" ng-model="recipient.address.region" ng-change="resetRemoteValidation(form['recipient.region'], form['recipient.postalCode'])">
                    <option value="" disabled="disabled" selected="selected">{{'ShippingRegion' | phrase}}</option>
                    <option ng-repeat="state in regionList.US" ng-value="state.code" ng-selected="state.code == recipient.address.region">{{ state.name }}</option>
                </select>
            </div>
            <div class="form-group floating-group" ng-if="(country === 'US' && !regionList.US) || (country !== 'US' && country !== 'CA')" ng-class="validationClass(form['recipient.region'])">
                <input ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion"
                       name="recipient.region" type="text" ng-model="recipient.address.region"
                       class="form-control floating-input" id="recipient-region" placeholder=" "
                       ng-change="resetRemoteValidation(form['recipient.region'], form['recipient.postalCode'])"
                       aria-label="{{ (errorFlags['recipient.region'] ? 'EnterYourRegion' : 'ShippingRegion') | phrase }}" />
                <label class="floating-label" for="recipient-region">{{'ShippingRegion' | phrase}}</label>
            </div>
        </div>
    


        <div class="col-xs-6" ng-if="country === 'US'">
            <div class="form-group floating-group" ng-class="validationClass(form['recipient.postalCode'])">
                <input type="tel" ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresPostalCode"
                       ng-change="resetRemoteValidation(form['recipient.postalCode']); determineTax();"
                       name="recipient.postalCode" ng-model="recipient.address.postalCode"
                       class="form-control floating-input" id="recipient-postal" placeholder=" "
                       aria-label="{{ (errorFlags['recipient.postalCode'] ? 'EnterYourZipCode' : 'ZipCode') | phrase }}" />
                <label class="floating-label" for="recipient-postal">{{'ZipCode' | phrase}}</label>
            </div>
        </div>
        <div class="col-xs-6 help-block" ng-if="country === 'US'">
            <span ng-show="postalTax.calculating" class="postal-spinner glyphicon glyphicon-refresh spin"></span>
            <span class="postal-phrase"><span>{{'TaxValue' | phrase}}</span>&#160; <span ng-bind="tax"></span></span>
        </div>
        <div class="col-xs-12" ng-if="country !== 'US'">
            <div class="form-group floating-group" ng-class="validationClass(form['recipient.postalCode'])">
                <input type="text" ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresPostalCode"
                       ng-change="resetRemoteValidation(form['recipient.postalCode'])"
                       name="recipient.postalCode" ng-model="recipient.address.postalCode"
                       class="form-control floating-input" id="recipient-postal" placeholder=" "
                       aria-label="{{ (errorFlags['recipient.postalCode'] ? 'EnterYourPostalCode' : 'ShippingPostalCode') | phrase }}" />
                <label class="floating-label" for="recipient-postal">{{'ShippingPostalCode' | phrase}}</label>
            </div>
        </div>
    


        <div class="recipient-message">
            <label for="gift-checkbox">
                <input id="gift-checkbox" type="checkbox" ng-model="recipient.selected" ng-change="giftPurchaseSelect();"/>
                <i class="glyphicon glyphicon-gift"></i>
                <span>{{'GiftPurchase' | phrase}}</span>
            </label>
        </div>
    


        <div>
            <div class="well total-well">
                <div ng-include="'giftCheckbox.html'"></div>
                <div class="recipient-details" ng-if="recipient.selected">
                    <hr class="recipient-break">
                    <div class="row recipient-form">
                        <div class="col-sm-12">
                            <h4 class="recipient-title" ng-if="!recipient.requirements.requireNone">{{'RecipientInformation' | phrase}}</h4>
                            <h4 class="recipient-title" ng-if="recipient.requirements.requireNone">{{'Message' | phrase}}</h4>
                        </div>
                        <div class="col-sm-12">
                            <div class="recipient-contact" ng-if="recipient.requirements.requireContact">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group floating-group" ng-class="validationClass(form['recipient.firstName'])">
                                            <input id="recipient-first" class="form-control floating-input" placeholder=" " name="recipient.firstName" ng-model="recipient.firstName" required="required" ng-change="resetRemoteValidation(form['recipient.firstName'])" aria-label="{{ (errorFlags['recipient.firstName'] ? 'EnterYourFirstName' : 'FirstName') | phrase }}" />
                                            <label class="floating-label" for="recipient-first">{{'FirstName' | phrase}}</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group floating-group" ng-class="validationClass(form['recipient.lastName'])">
                                            <input id="recipient-last" class="form-control floating-input" placeholder=" " name="recipient.lastName" ng-model="recipient.lastName" required="required" ng-change="resetRemoteValidation(form['recipient.lastName'])" aria-label="{{ (errorFlags['recipient.lastName'] ? 'EnterYourLastName' : 'LastName') | phrase }}" />
                                            <label class="floating-label" for="recipient-last">{{'LastName' | phrase}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group floating-group" ng-class="validationClass(form['recipient.email'])">
                                            <div class="input-group">
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                                                <input type="email" id="recipient-email" class="form-control floating-input" placeholder=" " name="recipient.email" ng-model="recipient.email" required="required" ng-change="resetRemoteValidation(form['recipient.email'], form['contact.email'])" aria-label="{{ (errorFlags['recipient.email'] ? 'EnterYourEmail' : 'Email') | phrase }}" />
                                                <label class="floating-label" for="recipient-email">{{'Email' | phrase}}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" ng-if="recipient.requirements.requirePostal && !recipient.requirements.requireAddress">
                                <div class="col-md-6">
                                    <div class="form-group floating-group" ng-class="validationClass(form['recipient.postalCode'])">
                                        <input id="recipient-postal" type="tel" class="form-control floating-input" placeholder=" " name="recipient.postalCode" ng-model="recipient.address.postalCode" ng-disabled="recipient.addressValidated" required="required" ng-change="resetRemoteValidation(form['recipient.postalCode']); determineTax();" aria-label="{{ (errorFlags['recipient.postalCode'] ? 'EnterYourZipCode' : 'ZipCode') | phrase }}" />
                                        <label class="floating-label" for="recipient-postal">{{'ZipCode' | phrase}}</label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="help-block">
                                        <span ng-show="postalTax.calculating" class="postal-spinner glyphicon glyphicon-refresh spin"></span>
                                        <span class="postal-phrase"><span>{{'TaxValue' | phrase}}</span>&#160; <span ng-bind="tax"></span></span>
                                    </div>
                                </div>
                            </div>

                            <div class="recipient-address" ng-if="recipient.requirements.requireAddress">
                                <div class="panel panel-custom panel-default">
                                    <div class="panel-heading" ng-if="recipient.requirements.requireShipping">
                                        <h3 class="panel-title" ng-class="{'text-center': variables.textAlign == 'center', 'text-right': variables.textAlign == 'right'}">{{'ShippingAddress' | phrase}}</h3>
                                    </div>
                                    <div class="panel-heading" ng-if="!recipient.requirements.requireShipping">
                                        <h3 class="panel-title" ng-class="{'text-center': variables.textAlign == 'center', 'text-right': variables.textAlign == 'right'}">{{'RecipientAddress' | phrase}}</h3>
                                    </div>

                                    <div class="panel-body">
                                        <div ng-if="country === 'JP'" class="row">
                                            <div ng-include="'recipientPostal.html'"></div>
                                            <div ng-include="'recipientRegion.html'"></div>
                                            <div ng-include="'recipientCity.html'"></div>
                                            <div ng-include="'recipientStreet.html'"></div>
                                        </div>
                                        <div ng-if="country !== 'JP'">
                                            <div class="row">
                                                <div ng-include="'recipientStreet.html'"></div>
                                                <div ng-include="'recipientCity.html'"></div>
                                                <div ng-include="'recipientRegion.html'"></div>
                                                <div ng-include="'recipientPostal.html'"></div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-xs-12">
                                                <div class="form-group floating-group" ng-class="validationClass(form['recipient.phoneNumber'])">
                                                    <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'"
                                                           ng-change="resetRemoteValidation(form['recipient.phoneNumber'])"
                                                           name="recipient.phoneNumber" type="text" ng-model="recipient.phoneNumber"
                                                           class="form-control floating-input" id="recipient-phone" placeholder=" "
                                                           aria-label="{{ (errorFlags['recipient.phoneNumber'] ? 'EnterYourPhoneNumber' : 'ShippingPhoneNumber') | phrase }}" />
                                                    <label class="floating-label" for="recipient-phone">{{'ShippingPhoneNumber' | phrase}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12" ng-class="validationClass(form['recipient.memo'])">
                            <div class="form-group floating-group">
                                <textarea id="recipient-memo" name="recipient.memo" placeholder=" " type="text" class="form-control floating-input" ng-model="recipient.memo" maxlength="400" ng-change="resetRemoteValidation(form['recipient.memo'])" aria-label="{{ (errorFlags['recipient.memo'] ? 'EnterYourMessage' : 'OptionalMessage') | phrase }}"></textarea>
                                <label class="floating-label" for="recipient-memo">{{'OptionalMessage' | phrase}}</label>
                            </div>
                            <span class="recipient-memo-limit">
                                <span ng-show="400 - recipient.memo.length !== 1">{{'CharactersRemaining' | phrase:(400 - recipient.memo.length).toString()}}</span>
                                <span ng-show="400 - recipient.memo.length === 1">{{'CharacterRemaining' | phrase:(400 - recipient.memo.length).toString()}}</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    


        <div>
            <div class="form-group floating-group" ng-class="validationClass(form['contact.addressline1'])">
                <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.addressline1'])"
                       name="contact.addressline1" type="text" ng-model="contact.addressLine1"
                       class="form-control floating-input" id="contact-addressline1" placeholder=" " aria-label="{{ (errorFlags['contact.addressline1'] ? 'EnterYourAddressLine1' : 'ShippingStreet') | phrase }}">
                <label class="floating-label" for="contact-addressline1">{{ 'ShippingStreet' | phrase }}</label>
            </div>
            <div id="contact-address-line-1" class="error-message"
                 ng-if="errorFlags['contact.addressline1']" aria-live="polite"
                 aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourAddressLine1' | phrase }}
            </div>
        </div>

        <div class="row">
            <div class="col-xs-7">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.city'])">
                    <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.city'])"
                           name="contact.city" type="text" ng-model="contact.city"
                           class="form-control floating-input" id="contact-city" placeholder=" " aria-label="{{ (errorFlags['contact.city'] ? 'EnterYourCity' : 'ShippingCity') | phrase }}">
                    <label class="floating-label" for="contact-city">{{ 'ShippingCity' | phrase }}</label>
                </div>
                <div id="contact-address-city" class="error-message"
                     ng-if="errorFlags['contact.city']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourCity' | phrase }}
                </div>
            </div>
            <div class="col-xs-5">
                <div class="relative dropdown-caret" ng-if="regionList.US">
                    <select aria-label="State" ng-class="validationClass(form['contact.region'])"
                            ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion"
                            name="contact.region" class="form-control form-group" ng-model="contact.region" ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])"
                            aria-label="{{ (errorFlags['contact.region'] ? 'EnterYourState' : 'ShippingRegion') | phrase }}">
                        <option value="" disabled="disabled" selected="selected">{{ 'ShippingRegion' | phrase }}</option>
                        <option ng-repeat="state in regionList.US" ng-value="state.abbreviation" ng-selected="state.abbreviation == contact.region">{{ state.name }}</option>
                    </select>
                </div>
                <div class="form-group" ng-class="validationClass(form['contact.region'])" ng-if="!regionList.US">
                    <label class="sr-only" for="contact-region">{{ 'ShippingRegion' | phrase }}</label>
                    <span class="placeholder">{{ 'ShippingRegion' | phrase }}</span>
                    <input ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion" ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])"
                           name="contact.region" type="text" ng-model="contact.region"
                           class="form-control" id="contact-region" placeholder="{{ 'ShippingRegion' | phrase | optional : countryRequiresRegion}}" aria-label="{{ (errorFlags['contact.region'] ? 'EnterYourState' : 'ShippingRegion') | phrase }}"/>
                </div>
                <div id="contact-address-region" class="error-message"
                     ng-if="errorFlags['contact.region']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourState' | phrase }}
                </div>
            </div>
        </div>

        <div class="row">
            <div ng-class="recipient && recipient.selected ? 'col-xs-12' : 'col-xs-7'">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.postalCode'])">
                    <input type="tel" ng-required="showAddressField && countryRequiresPostalCode"
                           ng-change="resetRemoteValidation(form['contact.postalCode']); determineTax();"
                           ng-blur="sendPostalCodeGa(form['contact.postalCode'])"
                           name="contact.postalCode" ng-model="contact.postalCode"
                           class="form-control floating-input" id="contact-postal" placeholder=" "
                           aria-label="{{ (errorFlags['contact.postalCode'] ? validZip() : 'ZipCode') | phrase }}">
                    <label class="floating-label" for="contact-postal">{{ 'ZipCode' | phrase }}</label>
                </div>
                <div id="card-contact-postalCode-error" class="error-message"
                     ng-if="errorFlags['contact.postalCode']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ validZip() | phrase }}
                </div>
            </div>
            <div class="col-xs-5 help-block" ng-if="!recipient || !recipient.selected" aria-live="polite" aria-atomic="true">
                <span ng-show="postalTax.calculating" class="postal-spinner glyphicon glyphicon-refresh spin"></span>
                <span class="postal-phrase"><span>{{ 'TaxValue' | phrase }}</span>&#160;<span ng-bind="tax" ng-if="country != 'US'"></span><span ng-bind="tax" ng-if="country == 'US' && !taxExempt"></span><span ng-if="country == 'US' && taxExempt">$0.00</span></span>
            </div>
        </div>

    


        <div class="row">
            <div class="col-xs-5">
                <div class="relative dropdown-caret" ng-if="regionList.US">
                    <select ng-class="validationClass(form['contact.region'])"
                            name="contact.region" class="form-control form-group" ng-model="contact.region" ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])">
                        <option value="" disabled="disabled" selected="selected">{{ 'ShippingRegion' | phrase }}</option>
                        <option ng-repeat="state in regionList.US" ng-value="state.abbreviation" ng-selected="state.abbreviation == contact.region">{{ state.name }}</option>
                    </select>
                </div>
            </div>
        </div>
    


    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.addressline1'])">
                <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.addressline1'])"
                       name="contact.addressline1" type="text" ng-model="contact.addressLine1"
                       class="form-control floating-input" id="contact-addressline1" placeholder=" "
                       ng-minlength="{{validationConstants.MIN_LENGTH_AU}}"
                       aria-label="{{ (errorFlags['contact.addressline1'] ? 'EnterYourAddressLine1' : 'ShippingStreet') | phrase }}"/>
                <label class="floating-label" for="contact-addressline1">{{'ShippingStreet' | phrase}}</label>
            </div>
            <div id="contact-address-line-1" class="error-message"
                 ng-if="errorFlags['contact.addressline1']" aria-live="polite"
                 aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourAddressLine1' | phrase }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.city'])">
                <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.city'])"
                       name="contact.city" type="text" ng-model="contact.city"
                       class="form-control floating-input" id="contact-city" placeholder=" "
                       aria-label="{{ (errorFlags['contact.city'] ? 'EnterYourCity' : 'ShippingCity') | phrase }}"/>
                <label class="floating-label" for="contact-city">{{'ShippingCity' | phrase}}</label>
            </div>
            <div id="contact-address-city" class="error-message"
                 ng-if="errorFlags['contact.city']" aria-live="polite"
                 aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourCity' | phrase }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="relative dropdown-caret" ng-if="regionList.AU">
                <select ng-class="validationClass(form['contact.region'])"
                        name="contact.region" class="form-control form-group" ng-model="contact.region">
                    <option value="" disabled="disabled" selected="selected">{{ 'ShippingRegion' | phrase }}</option>
                    <option ng-repeat="state in regionList.AU" ng-value="state.abbreviation" ng-selected="state.abbreviation == contact.region">{{ state.name }}</option>
                </select>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.postalCode'])">
                <input type="text" ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresPostalCode" ng-change="resetRemoteValidation(form['contact.postalCode'])"
                       ng-blur="sendPostalCodeGa(form['contact.postalCode'])"
                       name="contact.postalCode" ng-model="contact.postalCode"
                       class="form-control floating-input" id="contact-postal" placeholder=" "
                       aria-label="{{ (errorFlags['contact.postalCode'] ? validZip() : 'ShippingPostalCode') | phrase }}"/>
                <label class="floating-label" for="contact-postal">{{'ShippingPostalCode' | phrase}}</label>
            </div>
            <div id="card-contact-postalCode-error" class="error-message"
                 ng-if="errorFlags['contact.postalCode']" aria-live="polite"
                 aria-atomic="true" tabindex="-1" role="alert"> {{ validZip() | phrase }}
            </div>
        </div>
    </div>



    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.postalCode'])">
                <input type="text" ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresPostalCode" ng-change="resetRemoteValidation(form['contact.postalCode'])"
                       ng-blur="sendPostalCodeGa(form['contact.postalCode'])"
                       name="contact.postalCode" ng-model="contact.postalCode"
                       class="form-control floating-input" id="contact-postal" placeholder=" "/>
                <label class="floating-label" for="contact-postal">{{ 'ShippingPostalCode' | phrase }}</label>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.region'])">
                <input ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion" ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])"
                       name="contact.region" type="text" ng-model="contact.region"
                       class="form-control floating-input" id="contact-region" placeholder=" "/>
                <label class="floating-label" for="contact-region">{{ 'ShippingRegion' | phrase | optional : countryRequiresRegion}}</label>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.city'])">
                <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.city'])"
                       name="contact.city" type="text" ng-model="contact.city"
                       class="form-control floating-input" id="contact-city" placeholder=" "
                       aria-label="{{ (errorFlags['contact.city'] ? 'EnterYourCity' : 'ShippingCity') | phrase }}"/>
                <label class="floating-label" for="contact-city">{{ 'ShippingCity' | phrase }}</label>
            </div>
            <div id="contact-address-city" class="error-message"
                 ng-if="errorFlags['contact.city']" aria-live="polite"
                 aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourCity' | phrase }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="form-group floating-group" ng-class="validationClass(form['contact.addressline1'])">
                <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.addressline1'])"
                       name="contact.addressline1" type="text" ng-model="contact.addressLine1"
                       class="form-control floating-input" id="contact-street" placeholder=" "
                       aria-label="{{ (errorFlags['contact.addressline1'] ? 'EnterYourAddressLine1' : 'ShippingStreet') | phrase }}"/>
                <label class="floating-label" for="contact-street">{{ 'ShippingStreet' | phrase }}</label>
            </div>
            <div id="contact-address-line-1" class="error-message"
                 ng-if="errorFlags['contact.addressline1']" aria-live="polite"
                 aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourAddressLine1' | phrase }}
            </div>
        </div>
    </div>



        <div class="row">
            <div class="col-xs-12">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.addressline1'])">
                    <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.addressline1'])"
                           name="contact.addressline1" type="text" ng-model="contact.addressLine1"
                           class="form-control floating-input" id="contact-addressline1" placeholder=" "
                           aria-label="{{ (errorFlags['contact.addressline1'] ? 'EnterYourAddressLine1' : 'ShippingStreet') | phrase }}"/>
                    <label class="floating-label" for="contact-addressline1">{{ 'ShippingStreet' | phrase }}</label>
                </div>
                <div id="contact-address-line-1" class="error-message"
                     ng-if="errorFlags['contact.addressline1']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourAddressLine1' | phrase }}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.city'])">
                    <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'" ng-change="resetRemoteValidation(form['contact.city'])"
                           name="contact.city" type="text" ng-model="contact.city"
                           class="form-control floating-input" id="contact-city" placeholder=" "
                           aria-label="{{ (errorFlags['contact.city'] ? 'EnterYourCity' : 'ShippingCity') | phrase }}"/>
                    <label class="floating-label" for="contact-city">{{ 'ShippingCity' | phrase }}</label>
                </div>
                <div id="contact-address-city" class="error-message"
                     ng-if="errorFlags['contact.city']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourCity' | phrase }}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="relative dropdown-caret" ng-if="regionList.CA">
                    <select aria-label="Province" ng-class="validationClass(form['contact.region'])"
                            ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion" ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])"
                            name="contact.region" class="form-control form-group" ng-model="contact.region">
                        <option value="" disabled="disabled" selected="selected">{{ 'Province' | phrase }}</option>
                        <option ng-repeat="state in regionList.CA" ng-value="state.abbreviation" ng-selected="state.abbreviation == contact.region">{{ state.name }}</option>
                    </select>
                </div>
                <div id="contact-address-region" class="error-message"
                     ng-if="errorFlags['contact.region']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourState' | phrase }}
                </div>
                <div class="form-group" ng-class="validationClass(form['contact.region'])" ng-if="!regionList.CA">
                    <label class="sr-only" for="contact-region">{{ 'Province' | phrase }}</label>
                    <span class="placeholder">{{ 'Province' | phrase }}</span>
                    <input ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion" ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])"
                           name="contact.region" type="text" ng-model="contact.region"
                           class="form-control" id="contact-region" placeholder="{{ 'Province' | phrase | optional : countryRequiresRegion}}"/>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.postalCode'])">
                    <input type="text" ng-required="showAddressField && countryRequiresPostalCode"
                           ng-change="resetRemoteValidation(form['contact.postalCode']); determineTax();"
                           ng-blur="sendPostalCodeGa(form['contact.postalCode'])"
                           name="contact.postalCode" ng-model="contact.postalCode" ng-pattern="handlePatternForPostalCodes"
                           class="form-control floating-input" id="contact-postal" placeholder=" "
                           aria-label="{{ (errorFlags['contact.postalCode'] ? validZip() : 'ZipCode') | phrase }}"/>
                    <label class="floating-label" for="contact-postal">{{ 'ShippingPostalCode' | phrase }}</label>
                </div>
                <div id="card-contact-postalCode-error" class="error-message"
                     ng-if="errorFlags['contact.postalCode']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ validZip() | phrase }}
                </div>
            </div>
        </div>
    


        <div class="row">
            <div class="col-xs-12">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.addressline1'])">
                    <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'"
                           ng-change="resetRemoteValidation(form['contact.addressline1'])"
                           name="contact.addressline1" type="text" ng-model="contact.addressLine1"
                           class="form-control floating-input" id="contact-addressline1" placeholder=" "
                           aria-label="{{ (errorFlags['contact.addressline1'] ? 'EnterYourAddressLine1' : 'ShippingStreet') | phrase }}"/>
                    <label class="floating-label" for="contact-addressline1">{{ 'ShippingStreet' | phrase }}</label>
                </div>
                <div id="contact-address-line-1" class="error-message"
                     ng-if="errorFlags['contact.addressline1']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourAddressLine1' | phrase }}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.city'])">
                    <input ng-required="option.requireShipping || variables.forcePhysicalAddressCollection == 'true'"
                           ng-change="resetRemoteValidation(form['contact.city'])"
                           name="contact.city" type="text" ng-model="contact.city"
                           class="form-control floating-input" id="contact-city" placeholder=" "
                           aria-label="{{ (errorFlags['contact.city'] ? 'EnterYourCity' : 'ShippingCity') | phrase }}"/>
                    <label class="floating-label" for="contact-city">{{ 'ShippingCity' | phrase }}</label>
                </div>
                <div id="contact-address-city" class="error-message"
                     ng-if="errorFlags['contact.city']" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourCity' | phrase }}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="form-group floating-group" ng-class="validationClass(form['contact.region'])">
                    <input ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresRegion"
                           ng-change="resetRemoteValidation(form['contact.region'], form['contact.postalCode'])"
                           name="contact.region" type="text" ng-model="contact.region"
                           class="form-control floating-input" id="contact-region" placeholder=" "/>
                    <label class="floating-label" for="contact-region">{{ 'ShippingRegion' | phrase | optional : countryRequiresRegion}}</label>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div ng-if="country !== 'IN'" class="form-group floating-group" ng-class="validationClass(form['contact.postalCode'])">
                    <input type="text"
                           ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresPostalCode"
                           ng-change="resetRemoteValidation(form['contact.postalCode'])"
                           ng-blur="sendPostalCodeGa(form['contact.postalCode'])"
                           name="contact.postalCode" ng-model="contact.postalCode"
                           class="form-control floating-input" id="contact-postal" placeholder=" "/>
                    <label class="floating-label" for="contact-postal">{{ 'ShippingPostalCode' | phrase }}</label>
                </div>
                <div ng-if="country === 'IN'" class="form-group floating-group" ng-class="validationClass(form['contact.postalCode'])">
                    <input type="text"
                           ng-required="(option.requireShipping || variables.forcePhysicalAddressCollection == 'true') && countryRequiresPostalCode"
                           ng-change="resetRemoteValidation(form['contact.postalCode'])"
                           ng-blur="sendPostalCodeGa(form['contact.postalCode'])"
                           name="contact.postalCode" ng-model="contact.postalCode"
                           class="form-control floating-input" id="contact-postal" placeholder=" "
                           aria-label="{{ (errorFlags['contact.postalCode'] && paymentOptionType === 'upi'? validZip() : 'PinCode') | phrase }}"/>
                    <label class="floating-label" for="contact-postal">{{ (paymentOptionType === 'upi'? 'PinCode': 'PinCodeOptional') | phrase }}</label>
                </div>
                <div id="card-contact-postalCode-error" class="error-message"
                     ng-if="errorFlags['contact.postalCode'] && paymentOptionType === 'upi'" aria-live="polite"
                     aria-atomic="true" tabindex="-1" role="alert"> {{ validZip() | phrase }}
                </div>
            </div>
        </div>
    

<div class="panel-heading" ng-if="false">
            
            <h3 class="panel-title" ><span class="glyphicon glyphicon-shopping-cart"></span>
            <span ng-if="false" > {{'OrderSectionTitle' | phrase }} </span> </h3>
        </div>

        <div class="panel-heading" ng-if="orderGroup.display || variables.enableBuyerSelfServeQuote == 'true' && offers.orderArray.length > 0">
            <h1 class="panel-title"> <span>{{orderGroup.display}}</span> </h1>
        </div>

        <h1 class="panel-title sr-only" ng-if="!orderGroup.display">{{ 'YourOrder' | phrase }}</h1>

        <div ng-if="displayGiftPurchases && $index === 0" class="recipient-block">
            <div class="well total-well" ng-include="'giftCheckbox.html'"></div>
        </div>

        <div ng-if="groups.length" class="relative">
            <div class="app-update-indicator">
                <span class="glyphicon glyphicon-refresh"></span>
                <span class="sr-only">{{ 'Updating' | phrase }}</span>
            </div>

            <div class="table">

                
                <div class="table-offer">

                    
                    <div class="tr" ng-repeat-start="item in orderGroup.items"></div>
                    
                    <table id="{{ item.pid }}" class="table no-margin no-padding" data-item-row="" item="item" replitems="replItems" replaceselection="replaceSelection" offer="orderGroup" ordergroup="orderGroup" language="languageObj" order-level-discount-enabled="orderLevelDiscountEnabled"></table>


                    <table ng-if="item.path == ordergroup.driver && ordergroup.type=='setup-fee'" class="offer-table" width="100%" data-choose-one-many config="'options'" ng-repeat="ordergroup in offers.setupFee" item="item" offer="orderGroup" ordergroup="ordergroup" items="ordergroup.items" language="languageObj" order-level-discount-enabled="orderLevelDiscountEnabled"> </table>
                    <table ng-if="item.path == ordergroup.driver && ordergroup.type=='options'" class="offer-table" width="100%" data-choose-one-many config="ordergroup.type" ng-repeat="ordergroup in item.groups" item="item" offer="orderGroup" ordergroup="ordergroup" items="ordergroup.replItems" language="languageObj" order-level-discount-enabled="orderLevelDiscountEnabled"> </table>
                    <table ng-if="item.path == ordergroup.driver && ordergroup.type!='options'" class="offer-table" width="100%" data-choose-one-many config="ordergroup.type" ng-repeat="ordergroup in offers.configAddonCombined" item="item" offer="orderGroup" ordergroup="ordergroup" items="ordergroup.items" language="languageObj" order-level-discount-enabled="orderLevelDiscountEnabled"> </table>



                    
                    <div class="tr popover bottom" ng-show="offers.belowdriver[item.path].length> 0">
                        <div class="arrow"></div>
                        <div class="no-padding no-margin" ng-repeat-start = "group in offers.belowdriver[item.path] track by $index" > </div>
                            <h4 class="popover-title" ng-if = "group.display" ng-bind-html="group.display"></h4>
                            <div ng-repeat-start = "itemBelow in group.items" class="hidden td" > </div>
                            <table id="{{ productId(group) + itemBelow.pid }}" class="popover-content table no-padding no-margin" data-item-row="" item="itemBelow" replitems="replItems" offer="group" language="languageObj"></table>
                        <table ng-if="secondaryItem.type=='setup-fee'" class="offer-table" width="100%" data-choose-one-many config="'options'" ng-repeat="secondaryItem in itemBelow.groups" item="itemBelow" offer="group" ordergroup="secondaryItem" items="secondaryItem.items"> </table>
                        <table ng-if="secondaryItem.type=='options'" class="offer-table" width="100%" data-choose-one-many config="secondaryItem.type" ng-repeat="secondaryItem in itemBelow.groups" item="itemBelow" offer="group" ordergroup="secondaryItem" items="secondaryItem.items"> </table>
                        <table ng-if="secondaryItem.type!='options' && secondaryItem.type!='setup-fee'" class="offer-table" width="100%" data-choose-one-many config="secondaryItem.type" ng-repeat="secondaryItem in itemBelow.groups" item="itemBelow" offer="group" ordergroup="secondaryItem" items="secondaryItem.items"> </table>
                        <div class="hidden" ng-repeat-end></div>
                        <div class="hidden" ng-repeat-end></div>
                    </div>
                    
                    <div class="under-driver-popover" ng-show="offers.belowdriver[item.path].length> 0">
                    </div>

                    
                    
                    <div class="tr group" ng-class="{'hidden': (itemGroup.display == null)}" ng-repeat="itemGroup in item.groups |filter: {type: !'bundle'}" ng-show="itemGroups.selections == true">
                        <div class="td" ><h4 ng-bind-html="itemGroup.display"></h4></div>
                        
                        <table  class="table group-item" ng-repeat="itemGroupItem in itemGroup.items |filter: {selected: 'true'}"  data-item-row="" item="itemGroupItem" offer="orderGroup" ordergroup="orderGroup" language="languageObj">
                        </table>
                    </div>

                    <div ng-repeat-end> </div>
                    

                </div>
            </div>

        </div>

        <div ng-init="delayRestoreLastFocusedElement()"></div>

<div class="panel-heading" ng-if="false">
            
            <h3 class="panel-title" ><span class="glyphicon glyphicon-shopping-cart"></span>
            <span ng-if="false" > {{'OrderSectionTitle' | phrase }} </span> </h3>
        </div>

        <div class="panel-heading" ng-if="innerGroup.display">
            <h3 class="panel-title"> <span>{{innerGroup.display}}</span> </h3>
        </div>

        <div ng-if="groups.length" class="relative">
            <div class="app-update-indicator">
                <span class="glyphicon glyphicon-refresh"></span>
                <span class="sr-only">{{ 'Updating' | phrase }}</span>
            </div>

            <div>
                
                <table  class="table" data-item-row="" item="item" replitems="replItems" replaceselection="replaceSelection" offer="innerGroup" ordergroup="innerGroup" language="languageObj"></table>
            </div>
        </div>

<div class="panel panel-custom panel-default" >
                <div class="panel-body">
                    <table ng-class="{'table-small': itemType == 'small', 'offer-table': itemType != 'small'}" >
                        <tr>
                            <td class="offer-cell" align="center" valign="center" class="bottom-padding left-right-padding"
                            ng-class="{'fixed-height-small': itemType == 'small', 'fixed-height-large': itemType != 'small'}">
                                <div class="offer-image" ng-style="imageStyle(offerItem)"></div>
                            </td>
                            <td valign="center"
                            ng-class="{'fixed-height-small': itemType == 'small', 'fixed-height-large': itemType != 'small'}">
                                <div class="bottom-white-gradient offer-max-height" ng-class="{'small-max-height' : itemType == 'small', 'large-max-height' : itemType == 'large', 'large-single-max-height' : itemType == 'large-single'}">
                                    <div class="item-secondary-offer-display">
                                        <strong class="offer-title">
                                        <span ng-hide="offerItem.description.full" ng-bind-html="offerItem.display"></span>
                                        <a ng-show="offerItem.description.full" ng-click="showDescription(offerItem)" href="" ng-bind-html="offerItem.display"></a>
                                        <span class="glyphicon glyphicon-search item-description-tooltip" ng-show="offerItem.description.tooltip"  tooltip-placement="top" tooltip-html-unsafe="{{ offerItem.description.tooltip }}"></span>
                                        </strong>
                                        
                                        <span ng-if ="item.bundle" class="label label-success label-as-badge"> {{'Bundle' | phrase }}</span>
                                        <span ng-if ="item.attributes.customBadge" ng-style="customColor(item.attributes.customBadgeColor)" class="label label-as-badge custom-badge"> {{item.attributes.customBadge}} </span>
                                    </div>
                                    <div class="text-muted" ng-show="offerItem.description.summary" ng-bind-html="offerItem.description.summary"></div>
                                    <div class="small" ng-show="offerItem.terms" ng-bind-html="offerItem.terms"></div>
                                </div>

                                <table ng-show="itemType == 'large-single'" class="no-padding">
                                <tr>
                                    <td class="no-padding">
                                        <button class="btn" ng-click="acceptOffer(offerItem, offer.type)" ng-class="BtnClass(offer)">
                                            <span ng-show="offerItem.description.action" ng-bind-html="offerItem.description.action"></span>
                                            <span ng-show="!offerItem.description.action"> {{ 'Add' | phrase }} </span>
                                        </button>
                                    </td>
                                    <td>
                                        <div class="price-narrow">
                                            
                                            <span class="text-muted" ng-if="offerItem.unitDiscountValue">
                                                <small><del> {{ offerItem.priceTotal}}</del>
                                                </small>
                                            </span>
                                            
                                            <div>
                                                <strong class="price {{offerItem.total |priceColor}}">{{ offerItem.total |price }}</strong>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </table>

                            </td>
                        </tr>
                        <tr class="price-action-block" ng-hide="itemType == 'large-single'">
                            <td align="center" class="v-center">
                                <div class="price-narrow">
                                    
                                    <span class="text-muted" ng-if="offerItem.unitDiscountValue">
                                        <small><del> {{ offerItem.priceTotal}}</del>
                                        </small>
                                    </span>
                                    
                                    <strong class="price {{offerItem.total |priceColor}}">{{ offerItem.total |price }}</strong>
                                </div>
                            </td>

                            <td align="left">
                                <button class="btn" ng-click="acceptOffer(offerItem, offer.type)" ng-class="BtnClass(offer)">
                                    <span ng-show="offerItem.description.action" ng-bind-html="offerItem.description.action"></span>
                                    <span ng-show="!offerItem.description.action"> {{ 'Add' | phrase }} </span>
                                </button>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

<div class="modal-header">
        
        <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
        <h2 class="modal-title title-font">{{widgetTitlePhrase | phrase}}</h2>
    </div>

    <div class="modal-body">

        <div ng-if="!priceFree(total)">
            
            <div class="row payment-row" ng-if="$parent.paymentOptionType === 'upi'">
                <div class="col-xs-6 text-muted text-left">
                    <strong>{{"OrderSubtotal" | phrase}}:</strong>
                </div>
                <div class="col-xs-6 text-muted text-right">
                    {{total}}
                </div>
            </div>

            
            <div class="row payment-row" ng-if="tax && $parent.paymentOptionType === 'upi'">
                <div class="col-xs-6 text-muted text-left">
                    <strong>{{"Tax" | phrase}}:</strong>
                </div>
                <div class="col-xs-6 text-muted text-right">
                    {{tax}}
                </div>
            </div>

            
            <div class="row payment-row">
                <div class="col-xs-6 price text-muted text-left" ng-if="$parent.paymentOptionType === 'upi'">
                    <strong>{{"Total" | phrase}}:</strong>
                </div>
                <div class="col-xs-6 price text-muted text-left" ng-if="$parent.paymentOptionType === 'pix'">
                    <strong>{{"OrderSubtotal" | phrase}}:</strong>
                </div>
                <div class="col-xs-6 text-muted text-right">
                    <p class="price">{{totalWithTax}}</p>
                    <p class="small text-muted" ng-if="$parent.paymentOptionType === 'pix'">
                        {{ 'IofFeeQRDisplay' | phrase | format: variables.iofRateEbanx }}
                    </p>
                </div>
            </div>
        </div>

        <hr class="divider" ng-if="!priceFree(total)"></hr>

        
        <p class="text-muted text-center" ng-if="$parent.paymentOptionType === 'upi'" ng-bind-html="'PaymentUpiQrScanAndPay' | phrase">{{"PaymentUpiQrScanAndPay" | phrase}}</p>
        <p class="text-muted text-center" ng-if="$parent.paymentOptionType === 'pix'" >
            {{"PaymentPixQrScanAndPay" | phrase}}
        </p>

        
        <div class="row payment-icon-row" ng-if="$parent.paymentOptionType === 'upi'">
            <div class="col-xs-6 qr-payment-mobile-app-display google-pay-seek"></div>
            <div class="col-xs-6 qr-payment-mobile-app-display phone-pe"></div>
            <div class="col-xs-6 qr-payment-mobile-app-display paytm"></div>
        </div>

        
        <div class="expired-qr-code-container" ng-if="qrValid">
            <img class="img-qr" ng-src="{{ url }}" alt="QR Code" />
        </div>

        <div class="expired-qr-code-container" ng-if="!qrValid">
            <img class="img-qr" ng-src="https://cdn.onfastspring.com/CompiledViews/V3-t8PYGRQY/ZkhVJb89RVc/resources/payment/expired_qr_code_w_tag.svg" alt="Expired QR img" />
        </div>

        
        <p class="text-muted text-center">
            {{"PaymentQrTimer" | phrase}} <span class="text-primary">{{formattedTime}}</span>
        </p>

        <div class="pay-button-wrapper pay-button-full-width">
            <button ng-click="regenerateQrCode()" ng-if="!qrValid && $parent.paymentOptionType !== 'pix'" class="btn placeOrderBtn pay-button payment-button-upi">
                <span>{{"GenerateQrCode" | phrase}}</span>
            </button>
        </div>
    </div>

    <div ng-if="qrValid && $parent.paymentOptionType === 'pix'" class="modal-footer">
        <p class="text-muted text-center"> {{"PaymentPixQrAlternateLink" | phrase}} </p>

        
        <div style="display: flex; align-items: center; justify-content: center; width: 100%;">
            
            <input type="text"
                   class="form-control"
                   style="width: 70%;"
                   value="{{url}}"
                   readonly>

            
            <button class="copy-button"
                    style="margin-left: 1rem;"
                    type="button"
                    ng-click="copyPaymentLink()">
                
                <img class="pay-button-image" src="https://cdn.onfastspring.com/CompiledViews/V3-t8PYGRQY/ZkhVJb89RVc/resources/copy-files-button.svg" alt="Copy" />
            </button>

        </div>
    </div>


    <div class="modal-header">
        <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
        <h3 class="modal-title title-font">{{widgetTitlePhrase | phrase}}</h3>
    </div>

    <div class="modal-body">
        <iframe title={{widgetTitlePhrase}} ng-src="{{url}}" width="{{widgetWidth}}" height="{{widgetHeight}}" scrolling="auto" allowtransparency="true" frameborder="0"/>
    </div>
    


        <div>
            <div ng-repeat="tier in item.discount.data.tiers">
                <span ng-if="tier.percent">{{tier.quantity}}+   |   -{{tier.percent}}</span>
                <span ng-if="tier.amount">{{tier.quantity}}+   |   -{{tier.amount}}</span>
            </div>
        </div>
    


        <div class="volume-pricing-tiers">
            <div class="arrow"></div>
            <div ng-repeat="tier in item.pricing.volumePricingTiers">
                <span class="small" style="float: left">&nbsp;&nbsp;{{tier.quantityDisplay}}&nbsp;&nbsp;</span>
                <span class="small" style="float: right">&nbsp;&nbsp;{{tier.amountDisplay}}&nbsp;&nbsp;</span>
            </div>
        </div>
    

<small class="price-item text-muted" ng-if="item.unitDiscountValue"><del> {{item.price}}</del>
        </small>

        <div class="price-row">
            
            <strong ng-if="item.pricing.quantity == 'allow' && item.subscription.intervalUnit == 'adhoc' && orderLevelDiscountEnabled  && item.orderLevelCouponApplied"
                    ng-hide="showTerms && item.unitPriceValue === 0 && variables.hideFree === 'true' && item.unitDiscountValue === 0"
                    class="price-item price {{item.unitPrice |priceColor}}">{{ item.priceTotal }} </strong>

            <strong ng-if="item.pricing.quantity == 'allow' && item.subscription.intervalUnit == 'adhoc' && !(orderLevelDiscountEnabled && item.orderLevelCouponApplied)"
                    ng-hide="showTerms && item.unitPriceValue === 0 && variables.hideFree === 'true' && item.unitDiscountValue === 0"
                    class="price-item price {{item.unitPrice |priceColor}}">{{ item.unitPrice }} </strong>
            <strong ng-if="item.pricing.quantity == 'allow' && item.subscription.intervalUnit != 'adhoc'"
                    ng-hide="showTerms && item.unitPriceValue === 0 && variables.hideFree === 'true' && item.unitDiscountValue === 0"
                    class="price-item price {{item.unitPrice |priceColor}}">{{ item.unitPrice |price }}</strong>
            
            <strong ng-if="!(item.pricing.quantity == 'allow')"
                    ng-hide="showTerms && item.unitPriceValue === 0 && variables.hideFree === 'true' && item.unitDiscountValue === 0"
                    class="price-item price {{item.total |priceColor}}">{{ item.total |price }}</strong>

            <div ng-include="'quantity.html'"></div>
        </div> 

        
        <div ng-show="item.selected && item.discount.data.tiers.length>0" ng-include="'volume-pricing-discount.html'"> </div>
        <div ng-show="item.selected && item.volumePricingAvailable" ng-include="'volume-pricing-tiers.html'"> </div>
        
        <div ng-show="item.selected && item.discountPercent && item.discountTotalValue != 0" class="nowrap-text price-item text-success small">
            <div>{{'SavingsTitle' | phrase}}
                {{ item.discountTotal }} ({{ item.discountPercent }})
            </div>
        </div>

        
        <div ng-show="item.discount.reason">
            <p class=" price-item small text-muted"> {{item.discount.reason}} </p>
        </div>

        
        
        <div ng-hide="showTerms" class="list-add-product-btn" ng-include="'list-add-product-btn.html'"></div>

<div class="modal-header no-border" ng-class="{'text-center': variables.popupHeadingAlign == 'center', 'text-right': variables.popupHeadingAlign == 'right'}">
            <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
            <h3 class="modal-title title-font"> {{ variables.popupTitle }} </h3>
        </div>

        <div class="modal-body" ng-class="{'text-center': variables.popupTextAlign == 'center', 'text-right': variables.popupTextAlign == 'right'}">
            <p ng-bind-html="variables.popupText">  </p>

            
            

            <div class="popup-image" ng-show="variables.popupImage"> </div>
        </div>

        <div class="modal-footer no-border" ng-class="{'text-center': variables.popupButtonAlign == 'center', 'text-left': variables.popupButtonAlign == 'left'}">
            <button ng-hide="variables.popupCoupon" ng-if="offers.orderArray.length>0" class="btn placeOrderBtn" ng-click="completeOrder()"> {{'Abandonment.CompleteYourOrder' | phrase}} </button>
            <button ng-show="variables.popupCoupon" ng-if="offers.orderArray.length>0" class="btn placeOrderBtn" ng-click="purchaseWithDiscount()"> {{'Abandonment.PurchaseWithDiscount'| phrase}} </button>
            <button ng-if="offers.orderArray.length == 0" class="btn placeOrderBtn" ng-click="cancel()">
                {{'Close'| phrase}} </button>
        </div>


      <div class="arrow"></div>
      <div aria-live="polite" role="note" credit-card-type-class class="modal-body card-security-code-popover small">
        <span ng-hide="ccType === 'amex'">{{'CardSecurityCodeHint' | phrase}}</span>
        <span ng-show="ccType === 'amex'">{{'CardSecurityCodeHintAmex' | phrase}}</span>
        <i class="cvv-hint"></i>
      </div>
    


        <div class="arrow"></div>
        <div aria-live="polite" role="note" class="modal-body ach-hint-popover small">
            <i class="ach-routing-hint"></i>
            <p>{{'achRoutingHint' | phrase}}</p>
        </div>
    


        <div class="arrow"></div>
        <div aria-live="polite" role="note" class="modal-body ach-hint-popover small">
            <i class="ach-account-num-hint"></i>
            <p>{{'achAccountHint' | phrase}}</p>
        </div>
    

<form name="emailOnlyForm" novalidate="novalidate" ng-submit="proceedWithEmail(emailOnlyForm)">
        <fieldset ng-disabled="processing">
          <div class="modal-header">
            {{'EnterEmail' | phrase}}
          </div>
          <div class="modal-body small-bottom">
            
            <div class="row">
              <div class="col-xs-12">
                <div class="form-group" ng-class="validationClass(emailOnlyForm['contact.email'])">
                  <label class="sr-only" for="contact-email">{{ 'Email' | phrase }}</label>
                  
                  <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                    <input type="email" input-model subscribed="mailingList.subscribe" email="contact.email" lastname="contact.lastName" firstname="contact.firstName" ng-required="option.requireContact" name="contact.email" autocompletetype="email" spellcheck="off" autocorrect="off" ng-change="resetRemoteValidation(emailOnlyForm['contact.email'])" ng-model="contact.email" class="form-control" id="contact-email" placeholder="{{ 'Email' | phrase }}" ng-blur="sendEmailGa(emailOnlyForm['contact.email']);sendSiftEmail(form['contact.email'].$viewValue)">
                  </div>
                </div>
              </div>
            </div>
            
          </div>
          
          <div class="modal-footer no-top">
            <button type="submit" class="btn btn-primary pay-button">{{ 'Continue' | phrase }} <span class="glyphicon glyphicon-chevron-right"></span></button>
          </div>
        </fieldset>
      </form>


        <div class="arrow"></div>
        <div class="modal-body text-center">
            <p>You are accessing this storefront in test mode. You can purchase products using the card number</p>
            <p><code>4242 4242 4242 4242</code></p>
            <p>and <a href="https://docs.fastspring.com/activity-events-orders-and-subscriptions/test-orders?utm_source=Store&utm_medium=Test_Instructions_Popup&utm_content=Foundation&utm_campaign=Store_Traffic" class="underline-link" target="_blank" rel="noopener noreferrer">CVC code found in the dashboard</a></p>
        </div>
    


    <form name="form" ng-submit="generateQuote(form)" novalidate="true">
        <div class="modal-header no-border">
            <button type="button" id="quote-modal-close" ng-keydown="trapNavigationInsidePaymentModal($event, true, true)" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
            <h3 class="modal-title title-font"> {{'GenerateQuoteTitle' | phrase}}</h3>
        </div>
        <div class="modal-body popup-inner-content">
            <div class="recipient-contact">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group floating-group" ng-class="validationClass(form['quoteRecipientEmail'])">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                                <input id="quote-recipient-email" type="email" class="form-control floating-input" name="quoteRecipientEmail"
                                       ng-model="quoteRecipientEmail" ng-change="resetRemoteValidation(form['quoteRecipientEmail'])"
                                       placeholder=" " aria-label="{{ (quoteRecipientErrorFlags.quoteRecipientEmail ? 'EnterAValidEmailAddress' : 'Email') | phrase }}"/>
                                <label class="floating-label" for="quote-recipient-email">{{'Email' | phrase}}</label>
                            </div>
                        </div>
                        <div id="quote-recipient-email-error" class="error-message"
                             ng-show="quoteRecipientErrorFlags.quoteRecipientEmail" aria-live="polite"
                             aria-atomic="true" tabindex="-1" role="alert"> {{ validEmail(form['quoteRecipientEmail'] && form['quoteRecipientEmail'].$viewValue) | phrase}}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6" ng-if="!reverseName">
                        <div class="form-group floating-group" ng-class="validationClass(form['quoteRecipientFirstName'])">
                            <input class="form-control floating-input" name="quoteRecipientFirstName" ng-model="quoteRecipientFirstName"
                                   ng-change="resetRemoteValidation(form['quoteRecipientFirstName'])" placeholder=" "
                                   aria-label="{{ (quoteRecipientErrorFlags.quoteRecipientFirstName ? 'EnterYourFirstName' : 'FirstName') | phrase}}"/>
                            <label class="floating-label" for="recipient-first">{{'FirstName' | phrase}}</label>
                        </div>
                        <div id="quote-recipient-first-name-error" class="error-message"
                             ng-show="quoteRecipientErrorFlags.quoteRecipientFirstName" aria-live="polite"
                             aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourFirstName' | phrase}}
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group floating-group" ng-class="validationClass(form['quoteRecipientLastName'])">
                            <input class="form-control floating-input" name="quoteRecipientLastName" ng-model="quoteRecipientLastName"
                                   ng-change="resetRemoteValidation(form['quoteRecipientLastName'])" placeholder=" "
                                   aria-label="{{ (quoteRecipientErrorFlags.quoteRecipientLastName ? 'EnterYourLastName' : 'LastName') | phrase }}"/>
                            <label class="floating-label" for="recipient-last">{{'LastName' | phrase}}</label>
                        </div>
                        <div id="quote-recipient-last-name-error" class="error-message"
                             ng-show="quoteRecipientErrorFlags.quoteRecipientLastName" aria-live="polite"
                             aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourLastName' | phrase}}
                        </div>
                    </div>
                    <div class="col-xs-6" ng-if="reverseName">
                        <div class="form-group floating-group" ng-class="validationClass(form['quoteRecipientFirstName'])">
                            <input class="form-control floating-input" name="quoteRecipientFirstName" ng-model="quoteRecipientFirstName"
                                   ng-change="resetRemoteValidation(form['quoteRecipientFirstName'])" placeholder=" "
                                   aria-label="{{ (quoteRecipientErrorFlags.quoteRecipientFirstName ? 'EnterYourFirstName' : 'FirstName') | phrase }}"/>
                            <label class="floating-label" for="recipient-first">{{'FirstName' | phrase}}</label>
                        </div>
                        <div id="quote-recipient-first-name-error" class="error-message"
                             ng-show="quoteRecipientErrorFlags.quoteRecipientFirstName" aria-live="polite"
                             aria-atomic="true" tabindex="-1" role="alert"> {{ 'EnterYourFirstName' | phrase}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="row" >
                <div class="col-xs-12">
                    <div class="form-group floating-group" ng-class="validationClass(form['quoteRecipientCompanyName'])">
                        <input class="form-control floating-input" name="quoteRecipientCompanyName" ng-model="quoteRecipientCompanyName"
                               ng-change="resetRemoteValidation(form['quoteRecipientCompanyName'])" placeholder=" "/>
                        <label class="floating-label" for="recipient-company">{{'Company' | phrase | optional}}</label>
                    </div>
                </div>
            </div>

            <div>
                <div class="form-group floating-group">
                    <input name="quoteRecipientAddressLine1" class="form-control floating-input" ng-model="quoteRecipientAddressline1" placeholder=" "/>
                    <label class="floating-label" for="recipient-address1">{{'AddressLine1Optional' | phrase}}</label>
                </div>
            </div>

            <div>
                <div class="form-group floating-group">
                    <input name="quoteRecipientAddressLine2" class="form-control floating-input" ng-model="quoteRecipientAddressline2" placeholder=" "/>
                    <label class="floating-label" for="recipient-address2">{{'AddressLine2Optional' | phrase}}</label>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-6">
                    <div class="form-group floating-group">
                        <input type="text" name="quoteRecipientCity" class="form-control floating-input" ng-model="quoteRecipientCity" placeholder=" "/>
                        <label class="floating-label" for="recipient-city">{{'CityOptional' | phrase}}</label>
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="relative dropdown-caret" ng-if="country === 'US'">
                        <select aria-label="State" class="form-control form-group" name="quoteRecipientRegion" ng-model="quoteRecipientRegion">
                            <option value="" disabled="disabled" selected="selected">{{'ShippingRegion' | phrase}}</option>
                            <option ng-repeat="state in regionList.US" ng-value="state.abbreviation" ng-selected="state.abbreviation == quoteRecipientRegion">{{ state.name }}</option>
                        </select>
                    </div>
                    <div class="relative dropdown-caret" ng-if="country === 'CA'">
                        <select class="form-control form-group" name="quoteRecipientRegion" ng-model="quoteRecipientRegion">
                            <option value="" disabled="disabled" selected="selected">{{'Province' | phrase}}</option>
                            <option ng-repeat="state in regionList.CA" ng-value="state.abbreviation" ng-selected="state.abbreviation == quoteRecipientRegion">{{ state.name }}</option>
                        </select>
                    </div>
                    <div class="relative dropdown-caret" ng-if="country === 'AU'">
                        <select class="form-control form-group" name="quoteRecipientRegion" ng-model="quoteRecipientRegion">
                            <option value="" disabled="disabled" selected="selected">{{'Province' | phrase}}</option>
                            <option ng-repeat="state in regionList.AU" ng-value="state.abbreviation" ng-selected="state.abbreviation == quoteRecipientRegion">{{ state.name }}</option>
                        </select>
                    </div>
                    <div class="form-group floating-group" ng-if="country !== 'US' && country !== 'CA' && country !=='AU'">
                        <input class="form-control floating-input" name="quoteRecipientRegion" ng-model="quoteRecipientRegion" placeholder=" " />
                        <label class="floating-label" for="quote-recipient-region">{{ country !== 'ZA' ? 'ShippingRegionOptional' : 'Province' | phrase }}</label>
                    </div>
                </div>

                <div class="col-xs-6" ng-if="isSpecialCountry()">
                    <div class="form-group floating-group" ng-class="validationClass(form['quoteRecipientPostal'])">
                        <input class="form-control floating-input" name="quoteRecipientPostal" ng-model="quoteRecipientPostal"
                               id="quote-recipient-postal" placeholder=" "
                               aria-label="{{ (quoteRecipientErrorFlags.quoteRecipientPostal ? validZip(form['quoteRecipientPostal'] && form['quoteRecipientPostal'].$viewValue) : (country === 'US' ? 'ZipCode' : 'ShippingPostalCode')) | phrase }}"/>
                        <label class="floating-label" for="quote-recipient-postal">{{ country === 'US' ? 'ZipCode' : 'ShippingPostalCode' | phrase }}</label>
                    </div>
                    <div id="quote-recipient-postal-error" class="error-message"
                         ng-show="quoteRecipientErrorFlags.quoteRecipientPostal" aria-live="polite"
                         aria-atomic="true" tabindex="-1" role="alert"> {{ validZip(form['quoteRecipientPostal'] && form['quoteRecipientPostal'].$viewValue) | phrase }}
                    </div>
                </div>

                <div class="col-xs-6" ng-if="!isSpecialCountry()">
                    <div class="form-group floating-group">
                        <input class="form-control floating-input" name="quoteRecipientPostal" ng-model="quoteRecipientPostal"
                               id="quote-recipient-postal" placeholder=" "/>
                        <label class="floating-label" for="quote-recipient-postal">{{ (country === 'IN' ? 'PinCodeOptional': 'ShippingPostalCodeOptional') | phrase }}</label>
                    </div>
                </div>

                <div class="col-xs-6">
                    <div class="form-group floating-group">
                        <input type="text" class="form-control floating-input" name="quoteRecipientPhoneNumber" ng-model="quoteRecipientPhoneNumber" placeholder=" "/>
                        <label class="floating-label" for="recipient-phone">{{'PhoneNumberOptional' | phrase}}</label>
                    </div>
                </div>
            </div>
            <div class="btn-group navbar-btn requires-load" ng-hide="variables.countrySelector=='hidden'">
                <button ng-click="showLocaleDialog()" type="button" class="btn btn-default btn-sm dropdown-toggle">
                    <div class="country-icon">
                        <img ng-src="{{ countryIcon() }}" class="country-flag"/>
                        <span ng-bind-html="countryDisplay"></span>
                    </div>
                </button>
            </div>
        </div>
        <div class="button-wrapper">
            <button type="submit" class="btn generate-btn" ng-keydown="trapNavigationInsidePaymentModal($event, false, true)" ng-click="acceptSubmit()">{{'Generate' | phrase}}</button>
        </div>
    </form>



    <div class="modal-header no-border">
        <button type="button" class="close" ng-click="cancel()" aria-label="Close">&#215;</button>
        <h3 class="modal-title modal-title-complete-quote title-font"> {{'QuoteGenerate' | phrase}}</h3>
    </div>
    <div class="modal-body popup-inner-content">
        <div class="quote-info-container">
            <span class="quote-info">{{'QuoteId' | phrase}}:&nbsp;<p>{{quoteId}}</p></span>
            <span class="quote-info">{{'ExpirationDate' | phrase}}:&nbsp;<p ng-bind="expiresOn | date:'MMM dd, yyyy'"></p></span>
            <span class="quote-info" ng-if="!reverseName">{{'QuoteTo' | phrase}}:&nbsp;<p>{{quoteTo.first}} {{quoteTo.last}}</p></span>
            <span class="quote-info" ng-if="reverseName">{{'QuoteTo' | phrase}}:&nbsp;<p>{{quoteTo.last}} {{quoteTo.first}}</p></span>
            <span class="quote-info">{{'Amount' | phrase}}:&nbsp;<p>{{total}}</p></span>
        </div>
    </div>
    <div class="button-wrapper">
        <a id="quote-view-btn" ng-href="{{ quoteLink }}" class="btn download-btn" target="_blank">{{'ViewQuote' | phrase}}</a>
    </div>


Requests	IP Address	Location	AS Autonomous System
13	18.245.33.68	United States	AS16509Amazon.com, Inc.
10	34.202.39.163	Ashburn, Virginia, United States	AS14618Amazon.com, Inc.
10	18.245.46.110	United States	AS16509Amazon.com, Inc.
10	18.66.137.5	United States	AS16509Amazon.com, Inc.
10	65.8.131.110	United States	AS16509Amazon.com, Inc.
10	104.18.95.41	United States	AS13335Cloudflare, Inc.
63	6	-	-

Security Scan Report: homebyme.onfastspring.com

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Bot Protection Detected

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies6

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History