Select Page
Methods Documentation
Edit on
Codepen.io

Modal Carts


​x
137
 
1
<h1>Change Language <span data-fsc-order-language></span></h1>
2
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('en');">Change to EN</a>
3
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('da');">Change to DA</a>
4
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('de');">Change to DE</a>
5
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('es');">Change to ES</a>
6
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('fi');">Change to FI</a>
7
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('fr');">Change to FR</a>
8
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('hr');">Change to HR</a>
9
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('it');">Change to IT</a><br /><br />
10
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('ja');">Change to JA</a>
11
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('ko');">Change to KO</a>
12
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('nl');">Change to NL</a>
13
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('no');">Change to NO</a>
14
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('pt');">Change to PT</a>
15
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('ru');">Change to RU</a>
16
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('sv');">Change to SV</a>
17
        <a class="fastspring_btn-sm fastspring_btn-primary" onclick="fastspring.builder.language('zh');">Change to ZH</a>
18
        <!--
19
        Example buttons to populate the shopping cart.
20
        -->
21
        <h1>
22
            Open Cart Buttons
23
        </h1>
24
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="modal">Open modal cart</a>
25
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="modalsmall">Open small modal cart</a><br /><br />
26
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="left">Open left cart</a>
27
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="right">Open right cart</a>
28
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="bottom">Open bottom cart</a><br /><br />
29
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="topleft">Open Mini Cart Top Left</a>
30
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="topright">Open Mini Cart Top Right</a>
31
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="bottomright">Open Mini Cart Bottom Right</a>
32
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="bottomleft">Open Mini Cart Bottom Left</a><br /><br />
33
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="standalone">Stand Alone Cart Page (if defined)</a><br /><br />
34
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="popupcart">Open Popup Cart</a>
35
        <a class="fastspring_btn-sm fastspring_btn-danger" data-fsc-opencart="none">Open Checkout</a>
36
37
38
        <h1>
39
            Add to cart buttons Modal Cart
40
        </h1>
41
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="modal">Buy The Photo.io App</button>
42
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="modal">Buy The Photo.io App with Cross-Sell</button>
43
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="modal">Buy The Photo.io App with Upsell</button>
44
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="modal">Buy The Photo.io App Subscription</button>
45
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="modal">Buy Bogus Product To Trigger Error</button>
46
        <h1>
47
            Add to cart buttons Small Modal Cart
48
        </h1>
49
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="modalsmall">Buy The Photo.io App</button>
50
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="modalsmall">Buy The Photo.io App with Cross-Sell</button>
51
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="modalsmall">Buy The Photo.io App with Upsell</button>
52
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="modalsmall">Buy The Photo.io App Subscription</button>
53
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="modalsmall">Buy Bogus Product To Trigger Error</button>
54
55
        <h1>
56
            Add to cart buttons Left Sheet Cart
57
        </h1>
58
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="left">Buy The Photo.io App</button>
59
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="left">Buy The Photo.io App with Cross-Sell</button>
60
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="left">Buy The Photo.io App with Upsell</button>
61
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="left">Buy The Photo.io App Subscription</button>
62
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="left">Buy Bogus Product To Trigger Error</button>
63
64
        <h1>
65
            Add to cart buttons Right Sheet Cart
66
        </h1>
67
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="right">Buy The Photo.io App</button>
68
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="right">Buy The Photo.io App with Cross-Sell</button>
69
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="right">Buy The Photo.io App with Upsell</button>
70
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="right">Buy The Photo.io App Subscription</button>
71
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="right">Buy Bogus Product To Trigger Error</button>
72
73
        <h1>
74
            Add to cart buttons Bottom Sheet Cart
75
        </h1>
76
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="bottom">Buy The Photo.io App</button>
77
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="bottom">Buy The Photo.io App with Cross-Sell</button>
78
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="bottom">Buy The Photo.io App with Upsell</button>
79
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="bottom">Buy The Photo.io App Subscription</button>
80
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="bottom">Buy Bogus Product To Trigger Error</button>
81
82
        <br /><br />
83
84
85
        <h1>
86
            Add to cart buttons MINI Cart Top Left
87
        </h1>
88
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="topleft">Buy The Photo.io App</button>
89
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="topleft">Buy The Photo.io App with Cross-Sell</button>
90
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="topleft">Buy The Photo.io App with Upsell</button>
91
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="topleft">Buy The Photo.io App Subscription</button>
92
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="topleft">Buy Bogus Product To Trigger Error</button>
93
94
        <br /><br />
95
96
97
        <h1>
98
            Add to cart buttons MINI Cart Top Right
99
        </h1>
100
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="topright">Buy The Photo.io App</button>
101
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="topright">Buy The Photo.io App with Cross-Sell</button>
102
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="topright">Buy The Photo.io App with Upsell</button>
103
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="topright">Buy The Photo.io App Subscription</button>
104
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="topright">Buy Bogus Product To Trigger Error</button>
105
106
        <br /><br />
107
108
109
        <h1>
110
            Add to cart buttons MINI Cart Bottom Right
111
        </h1>
112
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="bottomright">Buy The Photo.io App</button>
113
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="bottomright">Buy The Photo.io App with Cross-Sell</button>
114
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="bottomright">Buy The Photo.io App with Upsell</button>
115
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="bottomright">Buy The Photo.io App Subscription</button>
116
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="bottomright">Buy Bogus Product To Trigger Error</button>
117
118
        <br /><br />
119
120
121
        <h1>
122
            Add to cart buttons MINI Cart Bottom Left
123
        </h1>
124
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="base" data-fsc-cart="bottomleft">Buy The Photo.io App</button>
125
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="xsell" data-fsc-cart="bottomleft">Buy The Photo.io App with Cross-Sell</button>
126
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="upsell" data-fsc-cart="bottomleft">Buy The Photo.io App with Upsell</button>
127
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="sub" data-fsc-cart="bottomleft">Buy The Photo.io App Subscription</button>
128
        <button class="fastspring_btn-sm fastspring_btn-success" data-fsc-addthis="bogus" data-fsc-cart="bottomleft">Buy Bogus Product To Trigger Error</button>
129
​
130
<script
131
        id="fsc-api"
132
        src="https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.3/fastspring-builder.min.js"
133
        type="text/javascript"
134
        defer="true"
135
        data-storefront="fastspringexamples.test.onfastspring.com/popup-fastspringexamples"
136
        >
137
</script>
1
4642
 
1
.fastspring *,
2
.fastspring *::before,
3
.fastspring *::after {
4
    -webkit-box-sizing: border-box;
5
    box-sizing: border-box;
6
}
7
​
8
.fastspring[tabindex="-1"]:focus:not(:focus-visible) {
9
    outline: 0 !important;
10
}
11
​
12
.fastspring hr {
13
    margin: 1rem 0;
14
    color: inherit;
15
    background-color: currentColor;
16
    border: 0;
17
    opacity: 0.25;
18
}
19
​
20
.fastspring hr:not([size]) {
21
    height: 1px;
22
}
23
​
24
.fastspring p,
25
.fastspring a {
26
    margin: 0px;
27
}
28
​
29
.fastspring .originalPrice {
30
    color: #c0c0c0;
31
}
32
​
33
.fastspring .container {
34
    width: 100%;
35
    padding-right: 15px;
36
    padding-left: 15px;
37
    margin-right: auto;
38
    margin-left: auto;
39
}
40
​
41
@media (min-width: 576px) {
42
    .fastspring .container {
43
        max-width: 540px;
44
    }
45
}
46
​
47
@media (min-width: 768px) {
48
    .fastspring .container {
49
        max-width: 720px;
50
    }
51
}
52
​
53
@media (min-width: 992px) {
54
    .fastspring .container {
55
        max-width: 960px;
56
    }
57
}
58
​
59
@media (min-width: 1200px) {
60
    .fastspring .container {
61
        max-width: 1140px;
62
    }
63
}
64
​
65
.fastspring .container-fluid,
66
.fastspring .container-sm,
67
.fastspring .container-md,
68
.fastspring .container-lg,
69
.fastspring .container-xl {
70
    width: 100%;
71
    padding-right: 15px;
72
    padding-left: 15px;
73
    margin-right: auto;
74
    margin-left: auto;
75
}
76
​
77
@media (min-width: 576px) {
78
    .fastspring .container,
79
    .fastspring .container-sm {
80
        max-width: 540px;
81
    }
82
}
83
​
84
@media (min-width: 768px) {
85
    .fastspring .container,
86
    .fastspring .container-sm,
87
    .fastspring .container-md {
88
        max-width: 720px;
89
    }
90
}
91
​
92
@media (min-width: 992px) {
93
    .fastspring .container,
94
    .fastspring .container-sm,
95
    .fastspring .container-md,
96
    .fastspring .container-lg {
97
        max-width: 960px;
98
    }
99
}
100
​
101
@media (min-width: 1200px) {
102
    .fastspring .container,
103
    .fastspring .container-sm,
104
    .fastspring .container-md,
105
    .fastspring .container-lg,
106
    .fastspring .container-xl {
107
        max-width: 1140px;
108
    }
109
}
110
​
111
.fastspring .row {
112
    display: -ms-flexbox;
113
    display: flex;
114
    -ms-flex-wrap: wrap;
115
    flex-wrap: wrap;
116
    margin-right: -15px;
117
    margin-left: -15px;
118
}
119
​
120
.fastspring .col-1,
121
.fastspring .col-2,
122
.fastspring .col-3,
123
.fastspring .col-4,
124
.fastspring .col-5,
125
.fastspring .col-6,
126
.fastspring .col-7,
127
.fastspring .col-8,
128
.fastspring .col-9,
129
.fastspring .col-10,
130
.fastspring .col-11,
131
.fastspring .col-12,
132
.fastspring .col,
133
.fastspring .col-auto,
134
.fastspring .col-sm-1,
135
.fastspring .col-sm-2,
136
.fastspring .col-sm-3,
137
.fastspring .col-sm-4,
138
.fastspring .col-sm-5,
139
.fastspring .col-sm-6,
140
.fastspring .col-sm-7,
141
.fastspring .col-sm-8,
142
.fastspring .col-sm-9,
143
.fastspring .col-sm-10,
144
.fastspring .col-sm-11,
145
.fastspring .col-sm-12,
146
.fastspring .col-sm,
147
.fastspring .col-sm-auto,
148
.fastspring .col-md-1,
149
.fastspring .col-md-2,
150
.fastspring .col-md-3,
151
.fastspring .col-md-4,
152
.fastspring .col-md-5,
153
.fastspring .col-md-6,
154
.fastspring .col-md-7,
155
.fastspring .col-md-8,
156
.fastspring .col-md-9,
157
.fastspring .col-md-10,
158
.fastspring .col-md-11,
159
.fastspring .col-md-12,
160
.fastspring .col-md,
161
.fastspring .col-md-auto,
162
.fastspring .col-lg-1,
163
.fastspring .col-lg-2,
164
.fastspring .col-lg-3,
165
.fastspring .col-lg-4,
166
.fastspring .col-lg-5,
167
.fastspring .col-lg-6,
168
.fastspring .col-lg-7,
169
.fastspring .col-lg-8,
170
.fastspring .col-lg-9,
171
.fastspring .col-lg-10,
172
.fastspring .col-lg-11,
173
.fastspring .col-lg-12,
174
.fastspring .col-lg,
175
.fastspring .col-lg-auto,
176
.fastspring .col-xl-1,
177
.fastspring .col-xl-2,
178
.fastspring .col-xl-3,
179
.fastspring .col-xl-4,
180
.fastspring .col-xl-5,
181
.fastspring .col-xl-6,
182
.fastspring .col-xl-7,
183
.fastspring .col-xl-8,
184
.fastspring .col-xl-9,
185
.fastspring .col-xl-10,
186
.fastspring .col-xl-11,
187
.fastspring .col-xl-12,
188
.fastspring .col-xl,
189
.fastspring .col-xl-auto {
190
    position: relative;
191
    width: 100%;
192
    padding-right: 15px;
193
    padding-left: 15px;
194
}
195
​
196
.fastspring .col {
197
    -ms-flex-preferred-size: 0;
198
    flex-basis: 0;
199
    -ms-flex-positive: 1;
200
    flex-grow: 1;
201
    max-width: 100%;
202
}
203
​
204
.fastspring .row-cols-1>* {
205
    -ms-flex: 0 0 100%;
206
    flex: 0 0 100%;
207
    max-width: 100%;
208
}
209
​
210
.fastspring .row-cols-2>* {
211
    -ms-flex: 0 0 50%;
212
    flex: 0 0 50%;
213
    max-width: 50%;
214
}
215
​
216
.fastspring .row-cols-3>* {
217
    -ms-flex: 0 0 33.333333%;
218
    flex: 0 0 33.333333%;
219
    max-width: 33.333333%;
220
}
221
​
222
.fastspring .row-cols-4>* {
223
    -ms-flex: 0 0 25%;
224
    flex: 0 0 25%;
225
    max-width: 25%;
226
}
227
​
228
.fastspring .row-cols-5>* {
229
    -ms-flex: 0 0 20%;
230
    flex: 0 0 20%;
231
    max-width: 20%;
232
}
233
​
234
.fastspring .row-cols-6>* {
235
    -ms-flex: 0 0 16.666667%;
236
    flex: 0 0 16.666667%;
237
    max-width: 16.666667%;
238
}
239
​
240
.fastspring .col-auto {
241
    -ms-flex: 0 0 auto;
242
    flex: 0 0 auto;
243
    width: auto;
244
    max-width: 100%;
245
}
246
​
247
.fastspring .col-1 {
248
    -ms-flex: 0 0 8.333333%;
249
    flex: 0 0 8.333333%;
250
    max-width: 8.333333%;
251
}
252
​
253
.fastspring .col-2 {
254
    -ms-flex: 0 0 16.666667%;
255
    flex: 0 0 16.666667%;
256
    max-width: 16.666667%;
257
}
258
​
259
.fastspring .col-3 {
260
    -ms-flex: 0 0 25%;
261
    flex: 0 0 25%;
262
    max-width: 25%;
263
}
264
​
265
.fastspring .col-4 {
266
    -ms-flex: 0 0 33.333333%;
267
    flex: 0 0 33.333333%;
268
    max-width: 33.333333%;
269
}
270
​
271
.fastspring .col-5 {
272
    -ms-flex: 0 0 41.666667%;
273
    flex: 0 0 41.666667%;
274
    max-width: 41.666667%;
275
}
276
​
277
.fastspring .col-6 {
278
    -ms-flex: 0 0 50%;
279
    flex: 0 0 50%;
280
    max-width: 50%;
281
}
282
​
283
.fastspring .col-7 {
284
    -ms-flex: 0 0 58.333333%;
285
    flex: 0 0 58.333333%;
286
    max-width: 58.333333%;
287
}
288
​
289
.fastspring .col-8 {
290
    -ms-flex: 0 0 66.666667%;
291
    flex: 0 0 66.666667%;
292
    max-width: 66.666667%;
293
}
294
​
295
.fastspring .col-9 {
296
    -ms-flex: 0 0 75%;
297
    flex: 0 0 75%;
298
    max-width: 75%;
299
}
300
​
301
.fastspring .col-10 {
302
    -ms-flex: 0 0 83.333333%;
303
    flex: 0 0 83.333333%;
304
    max-width: 83.333333%;
305
}
306
​
307
.fastspring .col-11 {
308
    -ms-flex: 0 0 91.666667%;
309
    flex: 0 0 91.666667%;
310
    max-width: 91.666667%;
311
}
312
​
313
.fastspring .col-12 {
314
    -ms-flex: 0 0 100%;
315
    flex: 0 0 100%;
316
    max-width: 100%;
317
}
318
​
319
.fastspring .offset-1 {
320
    margin-left: 8.333333%;
321
}
322
​
323
.fastspring .offset-2 {
324
    margin-left: 16.666667%;
325
}
326
​
327
.fastspring .offset-3 {
328
    margin-left: 25%;
329
}
330
​
331
.fastspring .offset-4 {
332
    margin-left: 33.333333%;
333
}
334
​
335
.fastspring .offset-5 {
336
    margin-left: 41.666667%;
337
}
338
​
339
.fastspring .offset-6 {
340
    margin-left: 50%;
341
}
342
​
343
.fastspring .offset-7 {
344
    margin-left: 58.333333%;
345
}
346
​
347
.fastspring .offset-8 {
348
    margin-left: 66.666667%;
349
}
350
​
351
.fastspring .offset-9 {
352
    margin-left: 75%;
353
}
354
​
355
.fastspring .offset-10 {
356
    margin-left: 83.333333%;
357
}
358
​
359
.fastspring .offset-11 {
360
    margin-left: 91.666667%;
361
}
362
​
363
@media (min-width: 576px) {
364
    .fastspring .col-sm {
365
        -ms-flex-preferred-size: 0;
366
        flex-basis: 0;
367
        -ms-flex-positive: 1;
368
        flex-grow: 1;
369
        max-width: 100%;
370
    }
371
    .fastspring .row-cols-sm-1>* {
372
        -ms-flex: 0 0 100%;
373
        flex: 0 0 100%;
374
        max-width: 100%;
375
    }
376
    .fastspring .row-cols-sm-2>* {
377
        -ms-flex: 0 0 50%;
378
        flex: 0 0 50%;
379
        max-width: 50%;
380
    }
381
    .fastspring .row-cols-sm-3>* {
382
        -ms-flex: 0 0 33.333333%;
383
        flex: 0 0 33.333333%;
384
        max-width: 33.333333%;
385
    }
386
    .fastspring .row-cols-sm-4>* {
387
        -ms-flex: 0 0 25%;
388
        flex: 0 0 25%;
389
        max-width: 25%;
390
    }
391
    .fastspring .row-cols-sm-5>* {
392
        -ms-flex: 0 0 20%;
393
        flex: 0 0 20%;
394
        max-width: 20%;
395
    }
396
    .fastspring .row-cols-sm-6>* {
397
        -ms-flex: 0 0 16.666667%;
398
        flex: 0 0 16.666667%;
399
        max-width: 16.666667%;
400
    }
401
    .fastspring .col-sm-auto {
402
        -ms-flex: 0 0 auto;
403
        flex: 0 0 auto;
404
        width: auto;
405
        max-width: 100%;
406
    }
407
    .fastspring .col-sm-1 {
408
        -ms-flex: 0 0 8.333333%;
409
        flex: 0 0 8.333333%;
410
        max-width: 8.333333%;
411
    }
412
    .fastspring .col-sm-2 {
413
        -ms-flex: 0 0 16.666667%;
414
        flex: 0 0 16.666667%;
415
        max-width: 16.666667%;
416
    }
417
    .fastspring .col-sm-3 {
418
        -ms-flex: 0 0 25%;
419
        flex: 0 0 25%;
420
        max-width: 25%;
421
    }
422
    .fastspring .col-sm-4 {
423
        -ms-flex: 0 0 33.333333%;
424
        flex: 0 0 33.333333%;
425
        max-width: 33.333333%;
426
    }
427
    .fastspring .col-sm-5 {
428
        -ms-flex: 0 0 41.666667%;
429
        flex: 0 0 41.666667%;
430
        max-width: 41.666667%;
431
    }
432
    .fastspring .col-sm-6 {
433
        -ms-flex: 0 0 50%;
434
        flex: 0 0 50%;
435
        max-width: 50%;
436
    }
437
    .fastspring .col-sm-7 {
438
        -ms-flex: 0 0 58.333333%;
439
        flex: 0 0 58.333333%;
440
        max-width: 58.333333%;
441
    }
442
    .fastspring .col-sm-8 {
443
        -ms-flex: 0 0 66.666667%;
444
        flex: 0 0 66.666667%;
445
        max-width: 66.666667%;
446
    }
447
    .fastspring .col-sm-9 {
448
        -ms-flex: 0 0 75%;
449
        flex: 0 0 75%;
450
        max-width: 75%;
451
    }
452
    .fastspring .col-sm-10 {
453
        -ms-flex: 0 0 83.333333%;
454
        flex: 0 0 83.333333%;
455
        max-width: 83.333333%;
456
    }
457
    .fastspring .col-sm-11 {
458
        -ms-flex: 0 0 91.666667%;
459
        flex: 0 0 91.666667%;
460
        max-width: 91.666667%;
461
    }
462
    .fastspring .col-sm-12 {
463
        -ms-flex: 0 0 100%;
464
        flex: 0 0 100%;
465
        max-width: 100%;
466
    }
467
    .fastspring .offset-sm-0 {
468
        margin-left: 0;
469
    }
470
    .fastspring .offset-sm-1 {
471
        margin-left: 8.333333%;
472
    }
473
    .fastspring .offset-sm-2 {
474
        margin-left: 16.666667%;
475
    }
476
    .fastspring .offset-sm-3 {
477
        margin-left: 25%;
478
    }
479
    .fastspring .offset-sm-4 {
480
        margin-left: 33.333333%;
481
    }
482
    .fastspring .offset-sm-5 {
483
        margin-left: 41.666667%;
484
    }
485
    .fastspring .offset-sm-6 {
486
        margin-left: 50%;
487
    }
488
    .fastspring .offset-sm-7 {
489
        margin-left: 58.333333%;
490
    }
491
    .fastspring .offset-sm-8 {
492
        margin-left: 66.666667%;
493
    }
494
    .fastspring .offset-sm-9 {
495
        margin-left: 75%;
496
    }
497
    .fastspring .offset-sm-10 {
498
        margin-left: 83.333333%;
499
    }
500
    .fastspring .offset-sm-11 {
501
        margin-left: 91.666667%;
502
    }
503
}
504
​
505
@media (min-width: 768px) {
506
    .fastspring .col-md {
507
        -ms-flex-preferred-size: 0;
508
        flex-basis: 0;
509
        -ms-flex-positive: 1;
510
        flex-grow: 1;
511
        max-width: 100%;
512
    }
513
    .fastspring .row-cols-md-1>* {
514
        -ms-flex: 0 0 100%;
515
        flex: 0 0 100%;
516
        max-width: 100%;
517
    }
518
    .fastspring .row-cols-md-2>* {
519
        -ms-flex: 0 0 50%;
520
        flex: 0 0 50%;
521
        max-width: 50%;
522
    }
523
    .fastspring .row-cols-md-3>* {
524
        -ms-flex: 0 0 33.333333%;
525
        flex: 0 0 33.333333%;
526
        max-width: 33.333333%;
527
    }
528
    .fastspring .row-cols-md-4>* {
529
        -ms-flex: 0 0 25%;
530
        flex: 0 0 25%;
531
        max-width: 25%;
532
    }
533
    .fastspring .row-cols-md-5>* {
534
        -ms-flex: 0 0 20%;
535
        flex: 0 0 20%;
536
        max-width: 20%;
537
    }
538
    .fastspring .row-cols-md-6>* {
539
        -ms-flex: 0 0 16.666667%;
540
        flex: 0 0 16.666667%;
541
        max-width: 16.666667%;
542
    }
543
    .fastspring .col-md-auto {
544
        -ms-flex: 0 0 auto;
545
        flex: 0 0 auto;
546
        width: auto;
547
        max-width: 100%;
548
    }
549
    .fastspring .col-md-1 {
550
        -ms-flex: 0 0 8.333333%;
551
        flex: 0 0 8.333333%;
552
        max-width: 8.333333%;
553
    }
554
    .fastspring .col-md-2 {
555
        -ms-flex: 0 0 16.666667%;
556
        flex: 0 0 16.666667%;
557
        max-width: 16.666667%;
558
    }
559
    .fastspring .col-md-3 {
560
        -ms-flex: 0 0 25%;
561
        flex: 0 0 25%;
562
        max-width: 25%;
563
    }
564
    .fastspring .col-md-4 {
565
        -ms-flex: 0 0 33.333333%;
566
        flex: 0 0 33.333333%;
567
        max-width: 33.333333%;
568
    }
569
    .fastspring .col-md-5 {
570
        -ms-flex: 0 0 41.666667%;
571
        flex: 0 0 41.666667%;
572
        max-width: 41.666667%;
573
    }
574
    .fastspring .col-md-6 {
575
        -ms-flex: 0 0 50%;
576
        flex: 0 0 50%;
577
        max-width: 50%;
578
    }
579
    .fastspring .col-md-7 {
580
        -ms-flex: 0 0 58.333333%;
581
        flex: 0 0 58.333333%;
582
        max-width: 58.333333%;
583
    }
584
    .fastspring .col-md-8 {
585
        -ms-flex: 0 0 66.666667%;
586
        flex: 0 0 66.666667%;
587
        max-width: 66.666667%;
588
    }
589
    .fastspring .col-md-9 {
590
        -ms-flex: 0 0 75%;
591
        flex: 0 0 75%;
592
        max-width: 75%;
593
    }
594
    .fastspring .col-md-10 {
595
        -ms-flex: 0 0 83.333333%;
596
        flex: 0 0 83.333333%;
597
        max-width: 83.333333%;
598
    }
599
    .fastspring .col-md-11 {
600
        -ms-flex: 0 0 91.666667%;
601
        flex: 0 0 91.666667%;
602
        max-width: 91.666667%;
603
    }
604
    .fastspring .col-md-12 {
605
        -ms-flex: 0 0 100%;
606
        flex: 0 0 100%;
607
        max-width: 100%;
608
    }
609
    .fastspring .offset-md-0 {
610
        margin-left: 0;
611
    }
612
    .fastspring .offset-md-1 {
613
        margin-left: 8.333333%;
614
    }
615
    .fastspring .offset-md-2 {
616
        margin-left: 16.666667%;
617
    }
618
    .fastspring .offset-md-3 {
619
        margin-left: 25%;
620
    }
621
    .fastspring .offset-md-4 {
622
        margin-left: 33.333333%;
623
    }
624
    .fastspring .offset-md-5 {
625
        margin-left: 41.666667%;
626
    }
627
    .fastspring .offset-md-6 {
628
        margin-left: 50%;
629
    }
630
    .fastspring .offset-md-7 {
631
        margin-left: 58.333333%;
632
    }
633
    .fastspring .offset-md-8 {
634
        margin-left: 66.666667%;
635
    }
636
    .fastspring .offset-md-9 {
637
        margin-left: 75%;
638
    }
639
    .fastspring .offset-md-10 {
640
        margin-left: 83.333333%;
641
    }
642
    .fastspring .offset-md-11 {
643
        margin-left: 91.666667%;
644
    }
645
}
646
​
647
@media (min-width: 992px) {
648
    .fastspring .col-lg {
649
        -ms-flex-preferred-size: 0;
650
        flex-basis: 0;
651
        -ms-flex-positive: 1;
652
        flex-grow: 1;
653
        max-width: 100%;
654
    }
655
    .fastspring .row-cols-lg-1>* {
656
        -ms-flex: 0 0 100%;
657
        flex: 0 0 100%;
658
        max-width: 100%;
659
    }
660
    .fastspring .row-cols-lg-2>* {
661
        -ms-flex: 0 0 50%;
662
        flex: 0 0 50%;
663
        max-width: 50%;
664
    }
665
    .fastspring .row-cols-lg-3>* {
666
        -ms-flex: 0 0 33.333333%;
667
        flex: 0 0 33.333333%;
668
        max-width: 33.333333%;
669
    }
670
    .fastspring .row-cols-lg-4>* {
671
        -ms-flex: 0 0 25%;
672
        flex: 0 0 25%;
673
        max-width: 25%;
674
    }
675
    .fastspring .row-cols-lg-5>* {
676
        -ms-flex: 0 0 20%;
677
        flex: 0 0 20%;
678
        max-width: 20%;
679
    }
680
    .fastspring .row-cols-lg-6>* {
681
        -ms-flex: 0 0 16.666667%;
682
        flex: 0 0 16.666667%;
683
        max-width: 16.666667%;
684
    }
685
    .fastspring .col-lg-auto {
686
        -ms-flex: 0 0 auto;
687
        flex: 0 0 auto;
688
        width: auto;
689
        max-width: 100%;
690
    }
691
    .fastspring .col-lg-1 {
692
        -ms-flex: 0 0 8.333333%;
693
        flex: 0 0 8.333333%;
694
        max-width: 8.333333%;
695
    }
696
    .fastspring .col-lg-2 {
697
        -ms-flex: 0 0 16.666667%;
698
        flex: 0 0 16.666667%;
699
        max-width: 16.666667%;
700
    }
701
    .fastspring .col-lg-3 {
702
        -ms-flex: 0 0 25%;
703
        flex: 0 0 25%;
704
        max-width: 25%;
705
    }
706
    .fastspring .col-lg-4 {
707
        -ms-flex: 0 0 33.333333%;
708
        flex: 0 0 33.333333%;
709
        max-width: 33.333333%;
710
    }
711
    .fastspring .col-lg-5 {
712
        -ms-flex: 0 0 41.666667%;
713
        flex: 0 0 41.666667%;
714
        max-width: 41.666667%;
715
    }
716
    .fastspring .col-lg-6 {
717
        -ms-flex: 0 0 50%;
718
        flex: 0 0 50%;
719
        max-width: 50%;
720
    }
721
    .fastspring .col-lg-7 {
722
        -ms-flex: 0 0 58.333333%;
723
        flex: 0 0 58.333333%;
724
        max-width: 58.333333%;
725
    }
726
    .fastspring .col-lg-8 {
727
        -ms-flex: 0 0 66.666667%;
728
        flex: 0 0 66.666667%;
729
        max-width: 66.666667%;
730
    }
731
    .fastspring .col-lg-9 {
732
        -ms-flex: 0 0 75%;
733
        flex: 0 0 75%;
734
        max-width: 75%;
735
    }
736
    .fastspring .col-lg-10 {
737
        -ms-flex: 0 0 83.333333%;
738
        flex: 0 0 83.333333%;
739
        max-width: 83.333333%;
740
    }
741
    .fastspring .col-lg-11 {
742
        -ms-flex: 0 0 91.666667%;
743
        flex: 0 0 91.666667%;
744
        max-width: 91.666667%;
745
    }
746
    .fastspring .col-lg-12 {
747
        -ms-flex: 0 0 100%;
748
        flex: 0 0 100%;
749
        max-width: 100%;
750
    }
751
    .fastspring .offset-lg-0 {
752
        margin-left: 0;
753
    }
754
    .fastspring .offset-lg-1 {
755
        margin-left: 8.333333%;
756
    }
757
    .fastspring .offset-lg-2 {
758
        margin-left: 16.666667%;
759
    }
760
    .fastspring .offset-lg-3 {
761
        margin-left: 25%;
762
    }
763
    .fastspring .offset-lg-4 {
764
        margin-left: 33.333333%;
765
    }
766
    .fastspring .offset-lg-5 {
767
        margin-left: 41.666667%;
768
    }
769
    .fastspring .offset-lg-6 {
770
        margin-left: 50%;
771
    }
772
    .fastspring .offset-lg-7 {
773
        margin-left: 58.333333%;
774
    }
775
    .fastspring .offset-lg-8 {
776
        margin-left: 66.666667%;
777
    }
778
    .fastspring .offset-lg-9 {
779
        margin-left: 75%;
780
    }
781
    .fastspring .offset-lg-10 {
782
        margin-left: 83.333333%;
783
    }
784
    .fastspring .offset-lg-11 {
785
        margin-left: 91.666667%;
786
    }
787
}
788
​
789
@media (min-width: 1200px) {
790
    .fastspring .col-xl {
791
        -ms-flex-preferred-size: 0;
792
        flex-basis: 0;
793
        -ms-flex-positive: 1;
794
        flex-grow: 1;
795
        max-width: 100%;
796
    }
797
    .fastspring .row-cols-xl-1>* {
798
        -ms-flex: 0 0 100%;
799
        flex: 0 0 100%;
800
        max-width: 100%;
801
    }
802
    .fastspring .row-cols-xl-2>* {
803
        -ms-flex: 0 0 50%;
804
        flex: 0 0 50%;
805
        max-width: 50%;
806
    }
807
    .fastspring .row-cols-xl-3>* {
808
        -ms-flex: 0 0 33.333333%;
809
        flex: 0 0 33.333333%;
810
        max-width: 33.333333%;
811
    }
812
    .fastspring .row-cols-xl-4>* {
813
        -ms-flex: 0 0 25%;
814
        flex: 0 0 25%;
815
        max-width: 25%;
816
    }
817
    .fastspring .row-cols-xl-5>* {
818
        -ms-flex: 0 0 20%;
819
        flex: 0 0 20%;
820
        max-width: 20%;
821
    }
822
    .fastspring .row-cols-xl-6>* {
823
        -ms-flex: 0 0 16.666667%;
824
        flex: 0 0 16.666667%;
825
        max-width: 16.666667%;
826
    }
827
    .fastspring .col-xl-auto {
828
        -ms-flex: 0 0 auto;
829
        flex: 0 0 auto;
830
        width: auto;
831
        max-width: 100%;
832
    }
833
    .fastspring .col-xl-1 {
834
        -ms-flex: 0 0 8.333333%;
835
        flex: 0 0 8.333333%;
836
        max-width: 8.333333%;
837
    }
838
    .fastspring .col-xl-2 {
839
        -ms-flex: 0 0 16.666667%;
840
        flex: 0 0 16.666667%;
841
        max-width: 16.666667%;
842
    }
843
    .fastspring .col-xl-3 {
844
        -ms-flex: 0 0 25%;
845
        flex: 0 0 25%;
846
        max-width: 25%;
847
    }
848
    .fastspring .col-xl-4 {
849
        -ms-flex: 0 0 33.333333%;
850
        flex: 0 0 33.333333%;
851
        max-width: 33.333333%;
852
    }
853
    .fastspring .col-xl-5 {
854
        -ms-flex: 0 0 41.666667%;
855
        flex: 0 0 41.666667%;
856
        max-width: 41.666667%;
857
    }
858
    .fastspring .col-xl-6 {
859
        -ms-flex: 0 0 50%;
860
        flex: 0 0 50%;
861
        max-width: 50%;
862
    }
863
    .fastspring .col-xl-7 {
864
        -ms-flex: 0 0 58.333333%;
865
        flex: 0 0 58.333333%;
866
        max-width: 58.333333%;
867
    }
868
    .fastspring .col-xl-8 {
869
        -ms-flex: 0 0 66.666667%;
870
        flex: 0 0 66.666667%;
871
        max-width: 66.666667%;
872
    }
873
    .fastspring .col-xl-9 {
874
        -ms-flex: 0 0 75%;
875
        flex: 0 0 75%;
876
        max-width: 75%;
877
    }
878
    .fastspring .col-xl-10 {
879
        -ms-flex: 0 0 83.333333%;
880
        flex: 0 0 83.333333%;
881
        max-width: 83.333333%;
882
    }
883
    .fastspring .col-xl-11 {
884
        -ms-flex: 0 0 91.666667%;
885
        flex: 0 0 91.666667%;
886
        max-width: 91.666667%;
887
    }
888
    .fastspring .col-xl-12 {
889
        -ms-flex: 0 0 100%;
890
        flex: 0 0 100%;
891
        max-width: 100%;
892
    }
893
    .fastspring .offset-xl-0 {
894
        margin-left: 0;
895
    }
896
    .fastspring .offset-xl-1 {
897
        margin-left: 8.333333%;
898
    }
899
    .fastspring .offset-xl-2 {
900
        margin-left: 16.666667%;
901
    }
902
    .fastspring .offset-xl-3 {
903
        margin-left: 25%;
904
    }
905
    .fastspring .offset-xl-4 {
906
        margin-left: 33.333333%;
907
    }
908
    .fastspring .offset-xl-5 {
909
        margin-left: 41.666667%;
910
    }
911
    .fastspring .offset-xl-6 {
912
        margin-left: 50%;
913
    }
914
    .fastspring .offset-xl-7 {
915
        margin-left: 58.333333%;
916
    }
917
    .fastspring .offset-xl-8 {
918
        margin-left: 66.666667%;
919
    }
920
    .fastspring .offset-xl-9 {
921
        margin-left: 75%;
922
    }
923
    .fastspring .offset-xl-10 {
924
        margin-left: 83.333333%;
925
    }
926
    .fastspring .offset-xl-11 {
927
        margin-left: 91.666667%;
928
    }
929
}
930
​
931
.fastspring .form-control {
932
    display: block;
933
    width: 100%;
934
    min-height: calc(1.5em + 0.75rem + 2px);
935
    padding: 0.375rem 0.75rem;
936
    font-size: 1rem;
937
    font-weight: 400;
938
    line-height: 1.5;
939
    color: #495057;
940
    background-color: #fff;
941
    background-clip: padding-box;
942
    border: 1px solid #ced4da;
943
    border-radius: 0.25rem;
944
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
945
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
946
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
947
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
948
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
949
}
950
​
951
@media (prefers-reduced-motion: reduce) {
952
    .fastspring .form-control {
953
        -webkit-transition: none;
954
        -o-transition: none;
955
        transition: none;
956
    }
957
}
958
​
959
.fastspring .form-control::-ms-expand {
960
    background-color: transparent;
961
    border: 0;
962
}
963
​
964
.fastspring .form-control:focus {
965
    color: #495057;
966
    background-color: #fff;
967
    border-color: #8bbafe;
968
    outline: 0;
969
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
970
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
971
}
972
​
973
.fastspring .form-control::-webkit-input-placeholder {
974
    color: #6c757d;
975
    opacity: 1;
976
}
977
​
978
.fastspring .form-control::-moz-placeholder {
979
    color: #6c757d;
980
    opacity: 1;
981
}
982
​
983
.fastspring .form-control:-ms-input-placeholder {
984
    color: #6c757d;
985
    opacity: 1;
986
}
987
​
988
.fastspring .form-control::-ms-input-placeholder {
989
    color: #6c757d;
990
    opacity: 1;
991
}
992
​
993
.fastspring .form-control::placeholder {
994
    color: #6c757d;
995
    opacity: 1;
996
}
997
​
998
.fastspring .form-control:disabled,
999
.fastspring .form-control[readonly] {
1000
    background-color: #e9ecef;
1001
    opacity: 1;
1002
}
1003
​
1004
.fastspring .form-control-plaintext {
1005
    display: block;
1006
    width: 100%;
1007
    padding: 0.375rem 0;
1008
    margin-bottom: 0;
1009
    line-height: 1.5;
1010
    color: #212529;
1011
    background-color: transparent;
1012
    border: solid transparent;
1013
    border-width: 1px 0;
1014
}
1015
​
1016
.fastspring .form-control-plaintext.form-control-sm,
1017
.fastspring .form-control-plaintext.form-control-lg {
1018
    padding-right: 0;
1019
    padding-left: 0;
1020
}
1021
​
1022
.fastspring .form-control-sm {
1023
    min-height: calc(1.5em + 0.5rem + 2px);
1024
    padding: 0.25rem 0.5rem;
1025
    font-size: 0.875rem;
1026
    border-radius: 0.2rem;
1027
}
1028
​
1029
.fastspring .form-control-lg {
1030
    min-height: calc(1.5em + 1rem + 2px);
1031
    padding: 0.5rem 1rem;
1032
    font-size: 1.25rem;
1033
    border-radius: 0.3rem;
1034
}
1035
​
1036
.fastspring .form-control-color {
1037
    max-width: 3rem;
1038
    padding: 0.375rem;
1039
}
1040
​
1041
.fastspring .form-control-color::-moz-color-swatch {
1042
    border-radius: 0.25rem;
1043
}
1044
​
1045
.fastspring .form-control-color::-webkit-color-swatch {
1046
    border-radius: 0.25rem;
1047
}
1048
​
1049
.fastspring .border {
1050
    border: 1px solid #dee2e6 !important;
1051
}
1052
​
1053
.fastspring_btn {
1054
    display: inline-block;
1055
    font-weight: 400;
1056
    line-height: 1.5;
1057
    color: #fff;
1058
    text-align: center;
1059
    vertical-align: middle;
1060
    cursor: pointer;
1061
    -webkit-user-select: none;
1062
    -moz-user-select: none;
1063
    -ms-user-select: none;
1064
    user-select: none;
1065
    background-color: transparent;
1066
    border: 2px solid;
1067
    padding: 0.375rem 0.75rem;
1068
    font-size: 1rem;
1069
    border-radius: 0.25rem;
1070
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1071
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1072
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1073
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1074
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
1075
}
1076
​
1077
@media (prefers-reduced-motion: reduce) {
1078
    .fastspring_btn {
1079
        -webkit-transition: none;
1080
        -o-transition: none;
1081
        transition: none;
1082
    }
1083
}
1084
​
1085
.fastspring_btn:hover {
1086
    color: #212529;
1087
    text-decoration: none;
1088
}
1089
​
1090
.fastspring_btn:focus,
1091
.fastspring_btn.focus {
1092
    outline: 0;
1093
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
1094
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
1095
}
1096
​
1097
.fastspring_btn.disabled,
1098
.fastspring_btn:disabled {
1099
    opacity: 0.65;
1100
}
1101
​
1102
.fastspring a.btn.disabled,
1103
.fastspring fieldset:disabled a.btn {
1104
    pointer-events: none;
1105
}
1106
​
1107
.fastspring_btn-primary,
1108
button:not(.toggle).fastspring_btn-primary {
1109
    color: #fff;
1110
    background-color: #0d6efd;
1111
    border-color: #0d6efd;
1112
}
1113
​
1114
.fastspring_btn-primary:hover,
1115
button:not(.toggle).fastspring_btn-primary:hover {
1116
    color: #fff;
1117
    background-color: #025ce2;
1118
    border-color: #0257d5;
1119
}
1120
​
1121
.fastspring_btn-primary:focus,
1122
.fastspring_btn-primary.focus,
1123
button:not(.toggle).fastspring_btn-primary:focus,
1124
button:not(.toggle).fastspring_btn-primary.focus {
1125
    color: #fff;
1126
    background-color: #025ce2;
1127
    border-color: #0257d5;
1128
    -webkit-box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5);
1129
    box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5);
1130
}
1131
​
1132
.fastspring_btn-primary.disabled,
1133
.fastspring_btn-primary:disabled,
1134
button:not(.toggle).fastspring_btn-primary.disabled,
1135
button:not(.toggle).fastspring_btn-primary:disabled {
1136
    color: #fff;
1137
    background-color: #0d6efd;
1138
    border-color: #0d6efd;
1139
}
1140
​
1141
.fastspring_btn-primary:not(:disabled):not(.disabled):active,
1142
.fastspring_btn-primary:not(:disabled):not(.disabled).active,
1143
.show>.fastspring_btn-primary.dropdown-toggle {
1144
    color: #fff;
1145
    background-color: #0257d5;
1146
    border-color: #0252c9;
1147
}
1148
​
1149
.fastspring_btn-primary:not(:disabled):not(.disabled):active:focus,
1150
.fastspring_btn-primary:not(:disabled):not(.disabled).active:focus,
1151
.show>.fastspring_btn-primary.dropdown-toggle:focus {
1152
    -webkit-box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5);
1153
    box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5);
1154
}
1155
​
1156
.fastspring_btn-secondary,
1157
button:not(.toggle).fastspring_btn-secondary {
1158
    color: #fff;
1159
    background-color: #6c757d;
1160
    border-color: #6c757d;
1161
}
1162
​
1163
.fastspring_btn-secondary:hover,
1164
button:not(.toggle).fastspring_btn-secondary:hover {
1165
    color: #fff;
1166
    background-color: #5a6268;
1167
    border-color: #545b62;
1168
}
1169
​
1170
.fastspring_btn-secondary:focus,
1171
.fastspring_btn-secondary.focus {
1172
    color: #fff;
1173
    background-color: #5a6268;
1174
    border-color: #545b62;
1175
    -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1176
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1177
}
1178
​
1179
.fastspring_btn-secondary.disabled,
1180
.fastspring_btn-secondary:disabled {
1181
    color: #fff;
1182
    background-color: #6c757d;
1183
    border-color: #6c757d;
1184
}
1185
​
1186
.fastspring_btn-secondary:not(:disabled):not(.disabled):active,
1187
.fastspring_btn-secondary:not(:disabled):not(.disabled).active,
1188
.show>.fastspring_btn-secondary.dropdown-toggle {
1189
    color: #fff;
1190
    background-color: #545b62;
1191
    border-color: #4e555b;
1192
}
1193
​
1194
.fastspring_btn-secondary:not(:disabled):not(.disabled):active:focus,
1195
.fastspring_btn-secondary:not(:disabled):not(.disabled).active:focus,
1196
.show>.fastspring_btn-secondary.dropdown-toggle:focus {
1197
    -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1198
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1199
}
1200
​
1201
.fastspring_btn-success,
1202
button:not(.toggle).fastspring_btn-success {
1203
    color: #fff;
1204
    background-color: #28a745;
1205
    border-color: #28a745;
1206
}
1207
​
1208
.fastspring_btn-success:hover,
1209
button:not(.toggle).fastspring_btn-success:hover {
1210
    color: #fff;
1211
    background-color: #218838;
1212
    border-color: #1e7e34;
1213
}
1214
​
1215
.fastspring_btn-success:focus,
1216
.fastspring_btn-success.focus {
1217
    color: #fff;
1218
    background-color: #218838;
1219
    border-color: #1e7e34;
1220
    -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1221
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1222
}
1223
​
1224
.fastspring_btn-success.disabled,
1225
.fastspring_btn-success:disabled {
1226
    color: #fff;
1227
    background-color: #28a745;
1228
    border-color: #28a745;
1229
}
1230
​
1231
.fastspring_btn-success:not(:disabled):not(.disabled):active,
1232
.fastspring_btn-success:not(:disabled):not(.disabled).active,
1233
.show>.fastspring_btn-success.dropdown-toggle {
1234
    color: #fff;
1235
    background-color: #1e7e34;
1236
    border-color: #1c7430;
1237
}
1238
​
1239
.fastspring_btn-success:not(:disabled):not(.disabled):active:focus,
1240
.fastspring_btn-success:not(:disabled):not(.disabled).active:focus,
1241
.show>.fastspring_btn-success.dropdown-toggle:focus {
1242
    -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1243
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1244
}
1245
​
1246
.fastspring_btn-info,
1247
button:not(.toggle).fastspring_btn-info {
1248
    color: #fff;
1249
    background-color: #17a2b8;
1250
    border-color: #17a2b8;
1251
}
1252
​
1253
.fastspring_btn-info:hover,
1254
button:not(.toggle).fastspring_btn-info:hover {
1255
    color: #fff;
1256
    background-color: #138496;
1257
    border-color: #117a8b;
1258
}
1259
​
1260
.fastspring_btn-info:focus,
1261
.fastspring_btn-info.focus {
1262
    color: #fff;
1263
    background-color: #138496;
1264
    border-color: #117a8b;
1265
    -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1266
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1267
}
1268
​
1269
.fastspring_btn-info.disabled,
1270
.fastspring_btn-info:disabled {
1271
    color: #fff;
1272
    background-color: #17a2b8;
1273
    border-color: #17a2b8;
1274
}
1275
​
1276
.fastspring_btn-info:not(:disabled):not(.disabled):active,
1277
.fastspring_btn-info:not(:disabled):not(.disabled).active,
1278
.show>.fastspring_btn-info.dropdown-toggle {
1279
    color: #fff;
1280
    background-color: #117a8b;
1281
    border-color: #10707f;
1282
}
1283
​
1284
.fastspring_btn-info:not(:disabled):not(.disabled):active:focus,
1285
.fastspring_btn-info:not(:disabled):not(.disabled).active:focus,
1286
.show>.fastspring_btn-info.dropdown-toggle:focus {
1287
    -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1288
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1289
}
1290
​
1291
.fastspring_btn-warning,
1292
button:not(.toggle).fastspring_btn-warning {
1293
    color: #212529;
1294
    background-color: #ffc107;
1295
    border-color: #ffc107;
1296
}
1297
​
1298
.fastspring_btn-warning:hover,
1299
button:not(.toggle).fastspring_btn-warning:hover {
1300
    color: #212529;
1301
    background-color: #e0a800;
1302
    border-color: #d39e00;
1303
}
1304
​
1305
.fastspring_btn-warning:focus,
1306
.fastspring_btn-warning.focus {
1307
    color: #212529;
1308
    background-color: #e0a800;
1309
    border-color: #d39e00;
1310
    -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1311
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1312
}
1313
​
1314
.fastspring_btn-warning.disabled,
1315
.fastspring_btn-warning:disabled {
1316
    color: #212529;
1317
    background-color: #ffc107;
1318
    border-color: #ffc107;
1319
}
1320
​
1321
.fastspring_btn-warning:not(:disabled):not(.disabled):active,
1322
.fastspring_btn-warning:not(:disabled):not(.disabled).active,
1323
.show>.fastspring_btn-warning.dropdown-toggle {
1324
    color: #212529;
1325
    background-color: #d39e00;
1326
    border-color: #c69500;
1327
}
1328
​
1329
.fastspring_btn-warning:not(:disabled):not(.disabled):active:focus,
1330
.fastspring_btn-warning:not(:disabled):not(.disabled).active:focus,
1331
.show>.fastspring_btn-warning.dropdown-toggle:focus {
1332
    -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1333
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1334
}
1335
​
1336
.fastspring_btn-danger,
1337
button:not(.toggle).fastspring_btn-danger {
1338
    color: #fff;
1339
    background-color: #dc3545;
1340
    border-color: #dc3545;
1341
}
1342
​
1343
.fastspring_btn-danger:hover,
1344
button:not(.toggle).fastspring_btn-danger:hover {
1345
    color: #fff;
1346
    background-color: #c82333;
1347
    border-color: #bd2130;
1348
}
1349
​
1350
.fastspring_btn-danger:focus,
1351
.fastspring_btn-danger.focus {
1352
    color: #fff;
1353
    background-color: #c82333;
1354
    border-color: #bd2130;
1355
    -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1356
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1357
}
1358
​
1359
.fastspring_btn-danger.disabled,
1360
.fastspring_btn-danger:disabled {
1361
    color: #fff;
1362
    background-color: #dc3545;
1363
    border-color: #dc3545;
1364
}
1365
​
1366
.fastspring_btn-danger:not(:disabled):not(.disabled):active,
1367
.fastspring_btn-danger:not(:disabled):not(.disabled).active,
1368
.show>.fastspring_btn-danger.dropdown-toggle {
1369
    color: #fff;
1370
    background-color: #bd2130;
1371
    border-color: #b21f2d;
1372
}
1373
​
1374
.fastspring_btn-danger:not(:disabled):not(.disabled):active:focus,
1375
.fastspring_btn-danger:not(:disabled):not(.disabled).active:focus,
1376
.show>.fastspring_btn-danger.dropdown-toggle:focus {
1377
    -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1378
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1379
}
1380
​
1381
.fastspring_btn-light,
1382
button:not(.toggle).fastspring_btn-light {
1383
    color: #212529;
1384
    background-color: #f8f9fa;
1385
    border-color: #f8f9fa;
1386
}
1387
​
1388
.fastspring_btn-light:hover,
1389
button:not(.toggle).fastspring_btn-light:hover {
1390
    color: #212529;
1391
    background-color: #e2e6ea;
1392
    border-color: #dae0e5;
1393
}
1394
​
1395
.fastspring_btn-light:focus,
1396
.fastspring_btn-light.focus {
1397
    color: #212529;
1398
    background-color: #e2e6ea;
1399
    border-color: #dae0e5;
1400
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1401
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1402
}
1403
​
1404
.fastspring_btn-light.disabled,
1405
.fastspring_btn-light:disabled {
1406
    color: #212529;
1407
    background-color: #f8f9fa;
1408
    border-color: #f8f9fa;
1409
}
1410
​
1411
.fastspring_btn-light:not(:disabled):not(.disabled):active,
1412
.fastspring_btn-light:not(:disabled):not(.disabled).active,
1413
.show>.fastspring_btn-light.dropdown-toggle {
1414
    color: #212529;
1415
    background-color: #dae0e5;
1416
    border-color: #d3d9df;
1417
}
1418
​
1419
.fastspring_btn-light:not(:disabled):not(.disabled):active:focus,
1420
.fastspring_btn-light:not(:disabled):not(.disabled).active:focus,
1421
.show>.fastspring_btn-light.dropdown-toggle:focus {
1422
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1423
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1424
}
1425
​
1426
.fastspring_btn-dark,
1427
button:not(.toggle).fastspring_btn-dark {
1428
    color: #fff;
1429
    background-color: #343a40;
1430
    border-color: #343a40;
1431
}
1432
​
1433
.fastspring_btn-dark:hover,
1434
button:not(.toggle).fastspring_btn-dark:hover {
1435
    color: #fff;
1436
    background-color: #23272b;
1437
    border-color: #1d2124;
1438
}
1439
​
1440
.fastspring_btn-dark:focus,
1441
.fastspring_btn-dark.focus {
1442
    color: #fff;
1443
    background-color: #23272b;
1444
    border-color: #1d2124;
1445
    -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1446
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1447
}
1448
​
1449
.fastspring_btn-dark.disabled,
1450
.fastspring_btn-dark:disabled {
1451
    color: #fff;
1452
    background-color: #343a40;
1453
    border-color: #343a40;
1454
}
1455
​
1456
.fastspring_btn-dark:not(:disabled):not(.disabled):active,
1457
.fastspring_btn-dark:not(:disabled):not(.disabled).active,
1458
.show>.fastspring_btn-dark.dropdown-toggle {
1459
    color: #fff;
1460
    background-color: #1d2124;
1461
    border-color: #171a1d;
1462
}
1463
​
1464
.fastspring_btn-dark:not(:disabled):not(.disabled):active:focus,
1465
.fastspring_btn-dark:not(:disabled):not(.disabled).active:focus,
1466
.show>.fastspring_btn-dark.dropdown-toggle:focus {
1467
    -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1468
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1469
}
1470
​
1471
.fastspring_btn-outline-primary,
1472
button:not(.toggle).fastspring_btn-outline-primary {
1473
    color: #0d6efd;
1474
    border-color: #0d6efd;
1475
}
1476
​
1477
.fastspring_btn-outline-primary:hover,
1478
button:not(.toggle).fastspring_btn-outline-primary:hover {
1479
    color: #fff;
1480
    background-color: #0d6efd;
1481
    border-color: #0d6efd;
1482
}
1483
​
1484
.fastspring_btn-outline-primary:focus,
1485
.fastspring_btn-outline-primary.focus {
1486
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
1487
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
1488
}
1489
​
1490
.fastspring_btn-outline-primary.disabled,
1491
.fastspring_btn-outline-primary:disabled {
1492
    color: #0d6efd;
1493
    background-color: transparent;
1494
}
1495
​
1496
.fastspring_btn-outline-primary:not(:disabled):not(.disabled):active,
1497
.fastspring_btn-outline-primary:not(:disabled):not(.disabled).active,
1498
.show>.fastspring_btn-outline-primary.dropdown-toggle {
1499
    color: #fff;
1500
    background-color: #0d6efd;
1501
    border-color: #0d6efd;
1502
}
1503
​
1504
.fastspring_btn-outline-primary:not(:disabled):not(.disabled):active:focus,
1505
.fastspring_btn-outline-primary:not(:disabled):not(.disabled).active:focus,
1506
.show>.fastspring_btn-outline-primary.dropdown-toggle:focus {
1507
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
1508
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
1509
}
1510
​
1511
.fastspring_btn-outline-secondary,
1512
button:not(.toggle).fastspring_btn-outline-secondary {
1513
    color: #6c757d;
1514
    border-color: #6c757d;
1515
}
1516
​
1517
.fastspring_btn-outline-secondary:hover,
1518
button:not(.toggle).fastspring_btn-outline-secondary:hover {
1519
    color: #fff;
1520
    background-color: #6c757d;
1521
    border-color: #6c757d;
1522
}
1523
​
1524
.fastspring_btn-outline-secondary:focus,
1525
.fastspring_btn-outline-secondary.focus {
1526
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1527
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1528
}
1529
​
1530
.fastspring_btn-outline-secondary.disabled,
1531
.fastspring_btn-outline-secondary:disabled {
1532
    color: #6c757d;
1533
    background-color: transparent;
1534
}
1535
​
1536
.fastspring_btn-outline-secondary:not(:disabled):not(.disabled):active,
1537
.fastspring_btn-outline-secondary:not(:disabled):not(.disabled).active,
1538
.show>.fastspring_btn-outline-secondary.dropdown-toggle {
1539
    color: #fff;
1540
    background-color: #6c757d;
1541
    border-color: #6c757d;
1542
}
1543
​
1544
.fastspring_btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
1545
.fastspring_btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
1546
.show>.fastspring_btn-outline-secondary.dropdown-toggle:focus {
1547
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1548
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1549
}
1550
​
1551
.fastspring_btn-outline-success,
1552
button:not(.toggle).fastspring_btn-outline-success {
1553
    color: #28a745;
1554
    border-color: #28a745;
1555
}
1556
​
1557
.fastspring_btn-outline-success:hover,
1558
button:not(.toggle).fastspring_btn-outline-success:hover {
1559
    color: #fff;
1560
    background-color: #28a745;
1561
    border-color: #28a745;
1562
}
1563
​
1564
.fastspring_btn-outline-success:focus,
1565
.fastspring_btn-outline-success.focus {
1566
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1567
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1568
}
1569
​
1570
.fastspring_btn-outline-success.disabled,
1571
.fastspring_btn-outline-success:disabled {
1572
    color: #28a745;
1573
    background-color: transparent;
1574
}
1575
​
1576
.fastspring_btn-outline-success:not(:disabled):not(.disabled):active,
1577
.fastspring_btn-outline-success:not(:disabled):not(.disabled).active,
1578
.show>.fastspring_btn-outline-success.dropdown-toggle {
1579
    color: #fff;
1580
    background-color: #28a745;
1581
    border-color: #28a745;
1582
}
1583
​
1584
.fastspring_btn-outline-success:not(:disabled):not(.disabled):active:focus,
1585
.fastspring_btn-outline-success:not(:disabled):not(.disabled).active:focus,
1586
.show>.fastspring_btn-outline-success.dropdown-toggle:focus {
1587
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1588
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1589
}
1590
​
1591
.fastspring_btn-outline-info,
1592
button:not(.toggle).fastspring_btn-outline-info {
1593
    color: #17a2b8;
1594
    border-color: #17a2b8;
1595
}
1596
​
1597
.fastspring_btn-outline-info:hover,
1598
button:not(.toggle).fastspring_btn-outline-info:hover {
1599
    color: #fff;
1600
    background-color: #17a2b8;
1601
    border-color: #17a2b8;
1602
}
1603
​
1604
.fastspring_btn-outline-info:focus,
1605
.fastspring_btn-outline-info.focus {
1606
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1607
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1608
}
1609
​
1610
.fastspring_btn-outline-info.disabled,
1611
.fastspring_btn-outline-info:disabled {
1612
    color: #17a2b8;
1613
    background-color: transparent;
1614
}
1615
​
1616
.fastspring_btn-outline-info:not(:disabled):not(.disabled):active,
1617
.fastspring_btn-outline-info:not(:disabled):not(.disabled).active,
1618
.show>.fastspring_btn-outline-info.dropdown-toggle {
1619
    color: #fff;
1620
    background-color: #17a2b8;
1621
    border-color: #17a2b8;
1622
}
1623
​
1624
.fastspring_btn-outline-info:not(:disabled):not(.disabled):active:focus,
1625
.fastspring_btn-outline-info:not(:disabled):not(.disabled).active:focus,
1626
.show>.fastspring_btn-outline-info.dropdown-toggle:focus {
1627
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1628
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1629
}
1630
​
1631
.fastspring_btn-outline-warning,
1632
button:not(.toggle).fastspring_btn-outline-warning {
1633
    color: #ffc107;
1634
    border-color: #ffc107;
1635
}
1636
​
1637
.fastspring_btn-outline-warning:hover,
1638
button:not(.toggle).fastspring_btn-outline-warning:hover {
1639
    color: #212529;
1640
    background-color: #ffc107;
1641
    border-color: #ffc107;
1642
}
1643
​
1644
.fastspring_btn-outline-warning:focus,
1645
.fastspring_btn-outline-warning.focus {
1646
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1647
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1648
}
1649
​
1650
.fastspring_btn-outline-warning.disabled,
1651
.fastspring_btn-outline-warning:disabled {
1652
    color: #ffc107;
1653
    background-color: transparent;
1654
}
1655
​
1656
.fastspring_btn-outline-warning:not(:disabled):not(.disabled):active,
1657
.fastspring_btn-outline-warning:not(:disabled):not(.disabled).active,
1658
.show>.fastspring_btn-outline-warning.dropdown-toggle {
1659
    color: #212529;
1660
    background-color: #ffc107;
1661
    border-color: #ffc107;
1662
}
1663
​
1664
.fastspring_btn-outline-warning:not(:disabled):not(.disabled):active:focus,
1665
.fastspring_btn-outline-warning:not(:disabled):not(.disabled).active:focus,
1666
.show>.fastspring_btn-outline-warning.dropdown-toggle:focus {
1667
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1668
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1669
}
1670
​
1671
.fastspring_btn-outline-danger,
1672
button:not(.toggle).fastspring_btn-outline-danger {
1673
    color: #dc3545;
1674
    border-color: #dc3545;
1675
}
1676
​
1677
.fastspring_btn-outline-danger:hover,
1678
button:not(.toggle).fastspring_btn-outline-danger:hover {
1679
    color: #fff;
1680
    background-color: #dc3545;
1681
    border-color: #dc3545;
1682
}
1683
​
1684
.fastspring_btn-outline-danger:focus,
1685
.fastspring_btn-outline-danger.focus {
1686
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1687
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1688
}
1689
​
1690
.fastspring_btn-outline-danger.disabled,
1691
.fastspring_btn-outline-danger:disabled {
1692
    color: #dc3545;
1693
    background-color: transparent;
1694
}
1695
​
1696
.fastspring_btn-outline-danger:not(:disabled):not(.disabled):active,
1697
.fastspring_btn-outline-danger:not(:disabled):not(.disabled).active,
1698
.show>.fastspring_btn-outline-danger.dropdown-toggle {
1699
    color: #fff;
1700
    background-color: #dc3545;
1701
    border-color: #dc3545;
1702
}
1703
​
1704
.fastspring_btn-outline-danger:not(:disabled):not(.disabled):active:focus,
1705
.fastspring_btn-outline-danger:not(:disabled):not(.disabled).active:focus,
1706
.show>.fastspring_btn-outline-danger.dropdown-toggle:focus {
1707
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1708
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1709
}
1710
​
1711
.fastspring_btn-outline-light,
1712
button:not(.toggle).fastspring_btn-outline-light {
1713
    color: #f8f9fa;
1714
    border-color: #f8f9fa;
1715
}
1716
​
1717
.fastspring_btn-outline-light:hover,
1718
button:not(.toggle).fastspring_btn-outline-light:hover {
1719
    color: #212529;
1720
    background-color: #f8f9fa;
1721
    border-color: #f8f9fa;
1722
}
1723
​
1724
.fastspring_btn-outline-light:focus,
1725
.fastspring_btn-outline-light.focus {
1726
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1727
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1728
}
1729
​
1730
.fastspring_btn-outline-light.disabled,
1731
.fastspring_btn-outline-light:disabled {
1732
    color: #f8f9fa;
1733
    background-color: transparent;
1734
}
1735
​
1736
.fastspring_btn-outline-light:not(:disabled):not(.disabled):active,
1737
.fastspring_btn-outline-light:not(:disabled):not(.disabled).active,
1738
.show>.fastspring_btn-outline-light.dropdown-toggle {
1739
    color: #212529;
1740
    background-color: #f8f9fa;
1741
    border-color: #f8f9fa;
1742
}
1743
​
1744
.fastspring_btn-outline-light:not(:disabled):not(.disabled):active:focus,
1745
.fastspring_btn-outline-light:not(:disabled):not(.disabled).active:focus,
1746
.show>.fastspring_btn-outline-light.dropdown-toggle:focus {
1747
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1748
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1749
}
1750
​
1751
.fastspring_btn-outline-dark,
1752
button:not(.toggle).fastspring_btn-outline-dark {
1753
    color: #343a40;
1754
    border-color: #343a40;
1755
    background-color: transparent;
1756
}
1757
​
1758
.fastspring_btn-outline-dark:hover,
1759
button:not(.toggle).fastspring_btn-outline-dark:hover {
1760
    color: #fff;
1761
    background-color: #343a40;
1762
    border-color: #343a40;
1763
}
1764
​
1765
.fastspring_btn-outline-dark:focus,
1766
.fastspring_btn-outline-dark.focus {
1767
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1768
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1769
}
1770
​
1771
.fastspring_btn-outline-dark.disabled,
1772
.fastspring_btn-outline-dark:disabled {
1773
    color: #343a40;
1774
    background-color: transparent;
1775
}
1776
​
1777
.fastspring_btn-outline-dark:not(:disabled):not(.disabled):active,
1778
.fastspring_btn-outline-dark:not(:disabled):not(.disabled).active,
1779
.show>.fastspring_btn-outline-dark.dropdown-toggle {
1780
    color: #fff;
1781
    background-color: #343a40;
1782
    border-color: #343a40;
1783
}
1784
​
1785
.fastspring_btn-outline-dark:not(:disabled):not(.disabled):active:focus,
1786
.fastspring_btn-outline-dark:not(:disabled):not(.disabled).active:focus,
1787
.show>.fastspring_btn-outline-dark.dropdown-toggle:focus {
1788
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1789
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1790
}
1791
​
1792
.fastspring_btn-link {
1793
    font-weight: 400;
1794
    color: #0d6efd;
1795
    text-decoration: none;
1796
}
1797
​
1798
.fastspring_btn-link:hover {
1799
    color: #024dbc;
1800
    text-decoration: underline;
1801
}
1802
​
1803
.fastspring_btn-link:focus,
1804
.fastspring_btn-link.focus {
1805
    text-decoration: underline;
1806
    -webkit-box-shadow: none;
1807
    box-shadow: none;
1808
}
1809
​
1810
.fastspring_btn-link:disabled,
1811
.fastspring_btn-link.disabled {
1812
    color: #6c757d;
1813
    pointer-events: none;
1814
}
1815
​
1816
.fastspring_btn-lg,
1817
.fastspring_btn-group-lg>.btn {
1818
    padding: 0.5rem 1rem;
1819
    font-size: 1.25rem;
1820
    border-radius: 0.3rem;
1821
    border: none;
1822
}
1823
​
1824
.fastspring_btn-sm,
1825
.fastspring_btn-group-sm>.btn {
1826
    padding: 0.25rem 0.5rem;
1827
    font-size: 0.875rem;
1828
    border-radius: 0.2rem;
1829
    border: none;
1830
}
1831
​
1832
.fastspring_btn-block {
1833
    display: block;
1834
    width: 100%;
1835
    border: none;
1836
}
1837
​
1838
.fastspring_btn-block+.btn-block {
1839
    margin-top: 0.5rem;
1840
}
1841
​
1842
.fastspring .fade {
1843
    -webkit-transition: opacity 0.15s linear;
1844
    -o-transition: opacity 0.15s linear;
1845
    transition: opacity 0.15s linear;
1846
}
1847
​
1848
@media (prefers-reduced-motion: reduce) {
1849
    .fastspring .fade {
1850
        -webkit-transition: none;
1851
        -o-transition: none;
1852
        transition: none;
1853
    }
1854
}
1855
​
1856
.fastspring .fade:not(.show) {
1857
    opacity: 0;
1858
}
1859
​
1860
.fastspring .collapse:not(.show) {
1861
    display: none;
1862
}
1863
​
1864
.fastspring .collapsing {
1865
    height: 0;
1866
    overflow: hidden;
1867
    -webkit-transition: height 0.35s ease;
1868
    -o-transition: height 0.35s ease;
1869
    transition: height 0.35s ease;
1870
}
1871
​
1872
@media (prefers-reduced-motion: reduce) {
1873
    .fastspring .collapsing {
1874
        -webkit-transition: none;
1875
        -o-transition: none;
1876
        transition: none;
1877
    }
1878
}
1879
​
1880
.fastspring .card {
1881
    position: relative;
1882
    display: -ms-flexbox;
1883
    display: flex;
1884
    -ms-flex-direction: column;
1885
    flex-direction: column;
1886
    min-width: 0;
1887
    word-wrap: break-word;
1888
    background-color: #fff;
1889
    background-clip: border-box;
1890
    border: 1px solid rgba(0, 0, 0, 0.125);
1891
    border-radius: 0.25rem;
1892
}
1893
​
1894
.fastspring .card>hr {
1895
    margin-right: 0;
1896
    margin-left: 0;
1897
}
1898
​
1899
.fastspring .card>.list-group:first-child .list-group-item:first-child {
1900
    border-top-left-radius: 0.25rem;
1901
    border-top-right-radius: 0.25rem;
1902
}
1903
​
1904
.fastspring .card>.list-group:last-child .list-group-item:last-child {
1905
    border-bottom-right-radius: 0.25rem;
1906
    border-bottom-left-radius: 0.25rem;
1907
}
1908
​
1909
.fastspring .card-body {
1910
    -ms-flex: 1 1 auto;
1911
    flex: 1 1 auto;
1912
    min-height: 1px;
1913
    padding: 1.25rem;
1914
}
1915
​
1916
.fastspring .card-title {
1917
    margin-bottom: 0.75rem;
1918
}
1919
​
1920
.fastspring .card-subtitle {
1921
    margin-top: -0.375rem;
1922
    margin-bottom: 0;
1923
}
1924
​
1925
.fastspring .card-text:last-child {
1926
    margin-bottom: 0;
1927
}
1928
​
1929
.fastspring .card-link:hover {
1930
    text-decoration: none;
1931
}
1932
​
1933
.fastspring .card-link+.card-link {
1934
    margin-left: 1.25rem;
1935
}
1936
​
1937
.fastspring .card-header {
1938
    padding: 0.75rem 1.25rem;
1939
    margin-bottom: 0;
1940
    background-color: rgba(0, 0, 0, 0.03);
1941
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
1942
}
1943
​
1944
.fastspring .card-header:first-child {
1945
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
1946
}
1947
​
1948
.fastspring .card-header+.list-group .list-group-item:first-child {
1949
    border-top: 0;
1950
}
1951
​
1952
.fastspring .card-footer {
1953
    padding: 0.75rem 1.25rem;
1954
    background-color: rgba(0, 0, 0, 0.03);
1955
    border-top: 1px solid rgba(0, 0, 0, 0.125);
1956
}
1957
​
1958
.fastspring .card-footer:last-child {
1959
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
1960
}
1961
​
1962
.fastspring .card-header-tabs {
1963
    margin-right: -0.625rem;
1964
    margin-bottom: -0.75rem;
1965
    margin-left: -0.625rem;
1966
    border-bottom: 0;
1967
}
1968
​
1969
.fastspring .card-header-pills {
1970
    margin-right: -0.625rem;
1971
    margin-left: -0.625rem;
1972
}
1973
​
1974
.fastspring .close {
1975
    color: #000;
1976
    text-shadow: 0 1px 0 #fff;
1977
    opacity: .5;
1978
}
1979
​
1980
.fastspring .close:hover {
1981
    color: #000;
1982
    text-decoration: none;
1983
}
1984
​
1985
.fastspring .close:not(:disabled):not(.disabled):hover,
1986
.fastspring .close:not(:disabled):not(.disabled):focus {
1987
    opacity: .75;
1988
}
1989
​
1990
.fastspring button.close {
1991
    padding: 0;
1992
    background-color: transparent;
1993
    border: 0;
1994
    -webkit-appearance: none;
1995
    -moz-appearance: none;
1996
    appearance: none;
1997
}
1998
​
1999
.fastspring a.close.disabled {
2000
    pointer-events: none;
2001
}
2002
​
2003
.modal-open {
2004
    overflow: hidden;
2005
}
2006
​
2007
.modal-open .modal {
2008
    overflow-x: hidden;
2009
    overflow-y: auto;
2010
}
2011
​
2012
.fastspring .modal {
2013
    position: fixed;
2014
    top: 0;
2015
    left: 0;
2016
    z-index: 1050;
2017
    display: none;
2018
    width: 100%;
2019
    height: 100%;
2020
    overflow: hidden;
2021
    outline: 0;
2022
}
2023
​
2024
.fastspring .modal-dialog {
2025
    position: relative;
2026
    width: auto;
2027
    margin: 0.5rem;
2028
    pointer-events: none;
2029
}
2030
​
2031
.modal.fade .fastspring .modal-dialog {
2032
    -webkit-transition: -webkit-transform 0.3s ease-out;
2033
    transition: -webkit-transform 0.3s ease-out;
2034
    -o-transition: transform 0.3s ease-out;
2035
    transition: transform 0.3s ease-out;
2036
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
2037
    -webkit-transform: translate(0, -50px);
2038
    -ms-transform: translate(0, -50px);
2039
    transform: translate(0, -50px);
2040
}
2041
​
2042
@media (prefers-reduced-motion: reduce) {
2043
    .modal.fade .fastspring .modal-dialog {
2044
        -webkit-transition: none;
2045
        -o-transition: none;
2046
        transition: none;
2047
    }
2048
}
2049
​
2050
.modal.show .fastspring .modal-dialog {
2051
    -webkit-transform: none;
2052
    -ms-transform: none;
2053
    transform: none;
2054
}
2055
​
2056
.modal.modal-static .fastspring .modal-dialog {
2057
    -webkit-transform: scale(1.02);
2058
    -ms-transform: scale(1.02);
2059
    transform: scale(1.02);
2060
}
2061
​
2062
.fastspring .modal-dialog-scrollable {
2063
    display: -ms-flexbox;
2064
    display: flex;
2065
    max-height: calc(100% - 1rem);
2066
}
2067
​
2068
.fastspring .modal-dialog-scrollable .modal-content {
2069
    max-height: calc(100vh - 1rem);
2070
    overflow: hidden;
2071
}
2072
​
2073
.fastspring .modal-dialog-scrollable .modal-header,
2074
.fastspring .modal-dialog-scrollable .modal-footer {
2075
    -ms-flex-negative: 0;
2076
    flex-shrink: 0;
2077
}
2078
​
2079
.fastspring .modal-dialog-scrollable .modal-body {
2080
    overflow-y: auto;
2081
}
2082
​
2083
.fastspring .modal-dialog-centered {
2084
    display: -ms-flexbox;
2085
    display: flex;
2086
    -ms-flex-align: center;
2087
    align-items: center;
2088
    min-height: calc(100% - 1rem);
2089
}
2090
​
2091
.fastspring .modal-dialog-centered::before {
2092
    display: block;
2093
    height: calc(100vh - 1rem);
2094
    content: "";
2095
}
2096
​
2097
.fastspring .modal-dialog-centered.modal-dialog-scrollable {
2098
    -ms-flex-direction: column;
2099
    flex-direction: column;
2100
    -ms-flex-pack: center;
2101
    justify-content: center;
2102
    height: 100%;
2103
}
2104
​
2105
.fastspring .modal-dialog-centered.modal-dialog-scrollable .modal-content {
2106
    max-height: none;
2107
}
2108
​
2109
.fastspring .modal-dialog-centered.modal-dialog-scrollable::before {
2110
    content: none;
2111
}
2112
​
2113
.fastspring .modal-content {
2114
    position: relative;
2115
    display: -ms-flexbox;
2116
    display: flex;
2117
    -ms-flex-direction: column;
2118
    flex-direction: column;
2119
    width: 100%;
2120
    pointer-events: auto;
2121
    background-color: #fff;
2122
    background-clip: padding-box;
2123
    border: 1px solid rgba(0, 0, 0, 0.2);
2124
    border-radius: 0.3rem;
2125
    outline: 0;
2126
}
2127
​
2128
.fastspring .modal-backdrop {
2129
    position: fixed;
2130
    top: 0;
2131
    left: 0;
2132
    z-index: 1040;
2133
    width: 100vw;
2134
    height: 100vh;
2135
    background-color: #000;
2136
}
2137
​
2138
.fastspring .modal-backdrop.fade {
2139
    opacity: 0;
2140
}
2141
​
2142
.fastspring .modal-backdrop.show {
2143
    opacity: 0.5;
2144
}
2145
​
2146
.fastspring .modal-header {
2147
    display: -ms-flexbox;
2148
    display: flex;
2149
    -ms-flex-align: start;
2150
    align-items: flex-start;
2151
    -ms-flex-pack: justify;
2152
    justify-content: space-between;
2153
    padding: 1rem 1rem;
2154
    border-bottom: 1px solid #dee2e6;
2155
    border-top-left-radius: calc(0.3rem - 1px);
2156
    border-top-right-radius: calc(0.3rem - 1px);
2157
}
2158
​
2159
.fastspring .modal-header .close {
2160
    padding: 1rem 1rem;
2161
    margin: -1rem -1rem -1rem auto;
2162
}
2163
​
2164
.fastspring .modal-title {
2165
    margin-bottom: 0;
2166
    line-height: 1.5;
2167
}
2168
​
2169
.fastspring .modal-body {
2170
    position: relative;
2171
    -ms-flex: 1 1 auto;
2172
    flex: 1 1 auto;
2173
    padding: 1rem;
2174
}
2175
​
2176
.fastspring .modal-footer {
2177
    display: -ms-flexbox;
2178
    display: flex;
2179
    -ms-flex-wrap: wrap;
2180
    flex-wrap: wrap;
2181
    -ms-flex-align: center;
2182
    align-items: center;
2183
    -ms-flex-pack: end;
2184
    justify-content: flex-end;
2185
    padding: 0.75rem;
2186
    border-top: 1px solid #dee2e6;
2187
    border-bottom-right-radius: calc(0.3rem - 1px);
2188
    border-bottom-left-radius: calc(0.3rem - 1px);
2189
}
2190
​
2191
.fastspring .modal-footer>* {
2192
    margin: 0.25rem;
2193
}
2194
​
2195
.fastspring .modal-scrollbar-measure {
2196
    position: absolute;
2197
    top: -9999px;
2198
    width: 50px;
2199
    height: 50px;
2200
    overflow: scroll;
2201
}
2202
​
2203
@media (min-width: 576px) {
2204
    .fastspring .modal-dialog {
2205
        max-width: 500px;
2206
        margin: 4% auto;
2207
    }
2208
    .fastspring .modal-dialog-scrollable {
2209
        max-height: 90%;
2210
    }
2211
    .fastspring .modal-dialog-scrollable .modal-content {
2212
        max-height: calc(100vh - 3.5rem);
2213
    }
2214
    .fastspring .modal-dialog-centered {
2215
        min-height: calc(100% - 3.5rem);
2216
    }
2217
    .fastspring .modal-dialog-centered::before {
2218
        height: calc(100vh - 3.5rem);
2219
    }
2220
    .fastspring .modal-sm {
2221
        max-width: 300px;
2222
    }
2223
}
2224
​
2225
@media (min-width: 992px) {
2226
    .fastspring .modal-lg,
2227
    .fastspring .modal-xl {
2228
        max-width: 800px;
2229
    }
2230
}
2231
​
2232
@media (min-width: 1200px) {
2233
    .fastspring .modal-xl {
2234
        max-width: 1140px;
2235
    }
2236
}
2237
​
2238
.fastspring .clearfix::after {
2239
    display: block;
2240
    clear: both;
2241
    content: "";
2242
}
2243
​
2244
.fastspring .d-none {
2245
    display: none !important;
2246
}
2247
​
2248
.fastspring .d-inline {
2249
    display: inline !important;
2250
}
2251
​
2252
.fastspring .d-inline-block {
2253
    display: inline-block !important;
2254
}
2255
​
2256
.fastspring .d-block {
2257
    display: block !important;
2258
}
2259
​
2260
.fastspring .d-table {
2261
    display: table !important;
2262
}
2263
​
2264
.fastspring .d-table-row {
2265
    display: table-row !important;
2266
}
2267
​
2268
.fastspring .d-table-cell {
2269
    display: table-cell !important;
2270
}
2271
​
2272
.fastspring .d-flex {
2273
    display: -ms-flexbox !important;
2274
    display: flex !important;
2275
}
2276
​
2277
.fastspring .d-inline-flex {
2278
    display: -ms-inline-flexbox !important;
2279
    display: inline-flex !important;
2280
}
2281
​
2282
.fastspring .shadow-sm {
2283
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
2284
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
2285
}
2286
​
2287
.fastspring .shadow {
2288
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
2289
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
2290
}
2291
​
2292
.fastspring .shadow-lg {
2293
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
2294
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
2295
}
2296
​
2297
.fastspring .shadow-none {
2298
    -webkit-box-shadow: none !important;
2299
    box-shadow: none !important;
2300
}
2301
​
2302
.fastspring .order-first {
2303
    -ms-flex-order: -1 !important;
2304
    order: -1 !important;
2305
}
2306
​
2307
.fastspring .order-0 {
2308
    -ms-flex-order: 0 !important;
2309
    order: 0 !important;
2310
}
2311
​
2312
.fastspring .order-1 {
2313
    -ms-flex-order: 1 !important;
2314
    order: 1 !important;
2315
}
2316
​
2317
.fastspring .order-2 {
2318
    -ms-flex-order: 2 !important;
2319
    order: 2 !important;
2320
}
2321
​
2322
.fastspring .order-3 {
2323
    -ms-flex-order: 3 !important;
2324
    order: 3 !important;
2325
}
2326
​
2327
.fastspring .order-4 {
2328
    -ms-flex-order: 4 !important;
2329
    order: 4 !important;
2330
}
2331
​
2332
.fastspring .order-5 {
2333
    -ms-flex-order: 5 !important;
2334
    order: 5 !important;
2335
}
2336
​
2337
.fastspring .order-last {
2338
    -ms-flex-order: 6 !important;
2339
    order: 6 !important;
2340
}
2341
​
2342
.fastspring .m-0 {
2343
    margin: 0 !important;
2344
}
2345
​
2346
.fastspring .m-1 {
2347
    margin: 0.25rem !important;
2348
}
2349
​
2350
.fastspring .m-2 {
2351
    margin: 0.5rem !important;
2352
}
2353
​
2354
.fastspring .m-3 {
2355
    margin: 1rem !important;
2356
}
2357
​
2358
.fastspring .m-4 {
2359
    margin: 1.5rem !important;
2360
}
2361
​
2362
.fastspring .m-5 {
2363
    margin: 3rem !important;
2364
}
2365
​
2366
.fastspring .m-auto {
2367
    margin: auto !important;
2368
}
2369
​
2370
.fastspring .mx-0 {
2371
    margin-right: 0 !important;
2372
    margin-left: 0 !important;
2373
}
2374
​
2375
.fastspring .mx-1 {
2376
    margin-right: 0.25rem !important;
2377
    margin-left: 0.25rem !important;
2378
}
2379
​
2380
.fastspring .mx-2 {
2381
    margin-right: 0.5rem !important;
2382
    margin-left: 0.5rem !important;
2383
}
2384
​
2385
.fastspring .mx-3 {
2386
    margin-right: 1rem !important;
2387
    margin-left: 1rem !important;
2388
}
2389
​
2390
.fastspring .mx-4 {
2391
    margin-right: 1.5rem !important;
2392
    margin-left: 1.5rem !important;
2393
}
2394
​
2395
.fastspring .mx-5 {
2396
    margin-right: 3rem !important;
2397
    margin-left: 3rem !important;
2398
}
2399
​
2400
.fastspring .mx-auto {
2401
    margin-right: auto !important;
2402
    margin-left: auto !important;
2403
}
2404
​
2405
.fastspring .my-0 {
2406
    margin-top: 0 !important;
2407
    margin-bottom: 0 !important;
2408
}
2409
​
2410
.fastspring .my-1 {
2411
    margin-top: 0.25rem !important;
2412
    margin-bottom: 0.25rem !important;
2413
}
2414
​
2415
.fastspring .my-2 {
2416
    margin-top: 0.5rem !important;
2417
    margin-bottom: 0.5rem !important;
2418
}
2419
​
2420
.fastspring .my-3 {
2421
    margin-top: 1rem !important;
2422
    margin-bottom: 1rem !important;
2423
}
2424
​
2425
.fastspring .my-4 {
2426
    margin-top: 1.5rem !important;
2427
    margin-bottom: 1.5rem !important;
2428
}
2429
​
2430
.fastspring .my-5 {
2431
    margin-top: 3rem !important;
2432
    margin-bottom: 3rem !important;
2433
}
2434
​
2435
.fastspring .my-auto {
2436
    margin-top: auto !important;
2437
    margin-bottom: auto !important;
2438
}
2439
​
2440
.fastspring .mt-0 {
2441
    margin-top: 0 !important;
2442
}
2443
​
2444
.fastspring .mt-1 {
2445
    margin-top: 0.25rem !important;
2446
}
2447
​
2448
.fastspring .mt-2 {
2449
    margin-top: 0.5rem !important;
2450
}
2451
​
2452
.fastspring .mt-3 {
2453
    margin-top: 1rem !important;
2454
}
2455
​
2456
.fastspring .mt-4 {
2457
    margin-top: 1.5rem !important;
2458
}
2459
​
2460
.fastspring .mt-5 {
2461
    margin-top: 3rem !important;
2462
}
2463
​
2464
.fastspring .mt-auto {
2465
    margin-top: auto !important;
2466
}
2467
​
2468
.fastspring .mr-0 {
2469
    margin-right: 0 !important;
2470
}
2471
​
2472
.fastspring .mr-1 {
2473
    margin-right: 0.25rem !important;
2474
}
2475
​
2476
.fastspring .mr-2 {
2477
    margin-right: 0.5rem !important;
2478
}
2479
​
2480
.fastspring .mr-3 {
2481
    margin-right: 1rem !important;
2482
}
2483
​
2484
.fastspring .mr-4 {
2485
    margin-right: 1.5rem !important;
2486
}
2487
​
2488
.fastspring .mr-5 {
2489
    margin-right: 3rem !important;
2490
}
2491
​
2492
.fastspring .mr-auto {
2493
    margin-right: auto !important;
2494
}
2495
​
2496
.fastspring .mb-0 {
2497
    margin-bottom: 0 !important;
2498
}
2499
​
2500
.fastspring .mb-1 {
2501
    margin-bottom: 0.25rem !important;
2502
}
2503
​
2504
.fastspring .mb-2 {
2505
    margin-bottom: 0.5rem !important;
2506
}
2507
​
2508
.fastspring .mb-3 {
2509
    margin-bottom: 1rem !important;
2510
}
2511
​
2512
.fastspring .mb-4 {
2513
    margin-bottom: 1.5rem !important;
2514
}
2515
​
2516
.fastspring .mb-5 {
2517
    margin-bottom: 3rem !important;
2518
}
2519
​
2520
.fastspring .mb-auto {
2521
    margin-bottom: auto !important;
2522
}
2523
​
2524
.fastspring .ml-0 {
2525
    margin-left: 0 !important;
2526
}
2527
​
2528
.fastspring .ml-1 {
2529
    margin-left: 0.25rem !important;
2530
}
2531
​
2532
.fastspring .ml-2 {
2533
    margin-left: 0.5rem !important;
2534
}
2535
​
2536
.fastspring .ml-3 {
2537
    margin-left: 1rem !important;
2538
}
2539
​
2540
.fastspring .ml-4 {
2541
    margin-left: 1.5rem !important;
2542
}
2543
​
2544
.fastspring .ml-5 {
2545
    margin-left: 3rem !important;
2546
}
2547
​
2548
.fastspring .ml-auto {
2549
    margin-left: auto !important;
2550
}
2551
​
2552
.fastspring .m-n1 {
2553
    margin: -0.25rem !important;
2554
}
2555
​
2556
.fastspring .m-n2 {
2557
    margin: -0.5rem !important;
2558
}
2559
​
2560
.fastspring .m-n3 {
2561
    margin: -1rem !important;
2562
}
2563
​
2564
.fastspring .m-n4 {
2565
    margin: -1.5rem !important;
2566
}
2567
​
2568
.fastspring .m-n5 {
2569
    margin: -3rem !important;
2570
}
2571
​
2572
.fastspring .mx-n1 {
2573
    margin-right: -0.25rem !important;
2574
    margin-left: -0.25rem !important;
2575
}
2576
​
2577
.fastspring .mx-n2 {
2578
    margin-right: -0.5rem !important;
2579
    margin-left: -0.5rem !important;
2580
}
2581
​
2582
.fastspring .mx-n3 {
2583
    margin-right: -1rem !important;
2584
    margin-left: -1rem !important;
2585
}
2586
​
2587
.fastspring .mx-n4 {
2588
    margin-right: -1.5rem !important;
2589
    margin-left: -1.5rem !important;
2590
}
2591
​
2592
.fastspring .mx-n5 {
2593
    margin-right: -3rem !important;
2594
    margin-left: -3rem !important;
2595
}
2596
​
2597
.fastspring .my-n1 {
2598
    margin-top: -0.25rem !important;
2599
    margin-bottom: -0.25rem !important;
2600
}
2601
​
2602
.fastspring .my-n2 {
2603
    margin-top: -0.5rem !important;
2604
    margin-bottom: -0.5rem !important;
2605
}
2606
​
2607
.fastspring .my-n3 {
2608
    margin-top: -1rem !important;
2609
    margin-bottom: -1rem !important;
2610
}
2611
​
2612
.fastspring .my-n4 {
2613
    margin-top: -1.5rem !important;
2614
    margin-bottom: -1.5rem !important;
2615
}
2616
​
2617
.fastspring .my-n5 {
2618
    margin-top: -3rem !important;
2619
    margin-bottom: -3rem !important;
2620
}
2621
​
2622
.fastspring .mt-n1 {
2623
    margin-top: -0.25rem !important;
2624
}
2625
​
2626
.fastspring .mt-n2 {
2627
    margin-top: -0.5rem !important;
2628
}
2629
​
2630
.fastspring .mt-n3 {
2631
    margin-top: -1rem !important;
2632
}
2633
​
2634
.fastspring .mt-n4 {
2635
    margin-top: -1.5rem !important;
2636
}
2637
​
2638
.fastspring .mt-n5 {
2639
    margin-top: -3rem !important;
2640
}
2641
​
2642
.fastspring .mr-n1 {
2643
    margin-right: -0.25rem !important;
2644
}
2645
​
2646
.fastspring .mr-n2 {
2647
    margin-right: -0.5rem !important;
2648
}
2649
​
2650
.fastspring .mr-n3 {
2651
    margin-right: -1rem !important;
2652
}
2653
​
2654
.fastspring .mr-n4 {
2655
    margin-right: -1.5rem !important;
2656
}
2657
​
2658
.fastspring .mr-n5 {
2659
    margin-right: -3rem !important;
2660
}
2661
​
2662
.fastspring .mb-n1 {
2663
    margin-bottom: -0.25rem !important;
2664
}
2665
​
2666
.fastspring .mb-n2 {
2667
    margin-bottom: -0.5rem !important;
2668
}
2669
​
2670
.fastspring .mb-n3 {
2671
    margin-bottom: -1rem !important;
2672
}
2673
​
2674
.fastspring .mb-n4 {
2675
    margin-bottom: -1.5rem !important;
2676
}
2677
​
2678
.fastspring .mb-n5 {
2679
    margin-bottom: -3rem !important;
2680
}
2681
​
2682
.fastspring .ml-n1 {
2683
    margin-left: -0.25rem !important;
2684
}
2685
​
2686
.fastspring .ml-n2 {
2687
    margin-left: -0.5rem !important;
2688
}
2689
​
2690
.fastspring .ml-n3 {
2691
    margin-left: -1rem !important;
2692
}
2693
​
2694
.fastspring .ml-n4 {
2695
    margin-left: -1.5rem !important;
2696
}
2697
​
2698
.fastspring .ml-n5 {
2699
    margin-left: -3rem !important;
2700
}
2701
​
2702
.fastspring .p-0 {
2703
    padding: 0 !important;
2704
}
2705
​
2706
.fastspring .p-1 {
2707
    padding: 0.25rem !important;
2708
}
2709
​
2710
.fastspring .p-2 {
2711
    padding: 0.5rem !important;
2712
}
2713
​
2714
.fastspring .p-3 {
2715
    padding: 1rem !important;
2716
}
2717
​
2718
.fastspring .p-4 {
2719
    padding: 1.5rem !important;
2720
}
2721
​
2722
.fastspring .p-5 {
2723
    padding: 3rem !important;
2724
}
2725
​
2726
.fastspring .px-0 {
2727
    padding-right: 0 !important;
2728
    padding-left: 0 !important;
2729
}
2730
​
2731
.fastspring .px-1 {
2732
    padding-right: 0.25rem !important;
2733
    padding-left: 0.25rem !important;
2734
}
2735
​
2736
.fastspring .px-2 {
2737
    padding-right: 0.5rem !important;
2738
    padding-left: 0.5rem !important;
2739
}
2740
​
2741
.fastspring .px-3 {
2742
    padding-right: 1rem !important;
2743
    padding-left: 1rem !important;
2744
}
2745
​
2746
.fastspring .px-4 {
2747
    padding-right: 1.5rem !important;
2748
    padding-left: 1.5rem !important;
2749
}
2750
​
2751
.fastspring .px-5 {
2752
    padding-right: 3rem !important;
2753
    padding-left: 3rem !important;
2754
}
2755
​
2756
.fastspring .py-0 {
2757
    padding-top: 0 !important;
2758
    padding-bottom: 0 !important;
2759
}
2760
​
2761
.fastspring .py-1 {
2762
    padding-top: 0.25rem !important;
2763
    padding-bottom: 0.25rem !important;
2764
}
2765
​
2766
.fastspring .py-2 {
2767
    padding-top: 0.5rem !important;
2768
    padding-bottom: 0.5rem !important;
2769
}
2770
​
2771
.fastspring .py-3 {
2772
    padding-top: 1rem !important;
2773
    padding-bottom: 1rem !important;
2774
}
2775
​
2776
.fastspring .py-4 {
2777
    padding-top: 1.5rem !important;
2778
    padding-bottom: 1.5rem !important;
2779
}
2780
​
2781
.fastspring .py-5 {
2782
    padding-top: 3rem !important;
2783
    padding-bottom: 3rem !important;
2784
}
2785
​
2786
.fastspring .pt-0 {
2787
    padding-top: 0 !important;
2788
}
2789
​
2790
.fastspring .pt-1 {
2791
    padding-top: 0.25rem !important;
2792
}
2793
​
2794
.fastspring .pt-2 {
2795
    padding-top: 0.5rem !important;
2796
}
2797
​
2798
.fastspring .pt-3 {
2799
    padding-top: 1rem !important;
2800
}
2801
​
2802
.fastspring .pt-4 {
2803
    padding-top: 1.5rem !important;
2804
}
2805
​
2806
.fastspring .pt-5 {
2807
    padding-top: 3rem !important;
2808
}
2809
​
2810
.fastspring .pr-0 {
2811
    padding-right: 0 !important;
2812
}
2813
​
2814
.fastspring .pr-1 {
2815
    padding-right: 0.25rem !important;
2816
}
2817
​
2818
.fastspring .pr-2 {
2819
    padding-right: 0.5rem !important;
2820
}
2821
​
2822
.fastspring .pr-3 {
2823
    padding-right: 1rem !important;
2824
}
2825
​
2826
.fastspring .pr-4 {
2827
    padding-right: 1.5rem !important;
2828
}
2829
​
2830
.fastspring .pr-5 {
2831
    padding-right: 3rem !important;
2832
}
2833
​
2834
.fastspring .pb-0 {
2835
    padding-bottom: 0 !important;
2836
}
2837
​
2838
.fastspring .pb-1 {
2839
    padding-bottom: 0.25rem !important;
2840
}
2841
​
2842
.fastspring .pb-2 {
2843
    padding-bottom: 0.5rem !important;
2844
}
2845
​
2846
.fastspring .pb-3 {
2847
    padding-bottom: 1rem !important;
2848
}
2849
​
2850
.fastspring .pb-4 {
2851
    padding-bottom: 1.5rem !important;
2852
}
2853
​
2854
.fastspring .pb-5 {
2855
    padding-bottom: 3rem !important;
2856
}
2857
​
2858
.fastspring .pl-0 {
2859
    padding-left: 0 !important;
2860
}
2861
​
2862
.fastspring .pl-1 {
2863
    padding-left: 0.25rem !important;
2864
}
2865
​
2866
.fastspring .pl-2 {
2867
    padding-left: 0.5rem !important;
2868
}
2869
​
2870
.fastspring .pl-3 {
2871
    padding-left: 1rem !important;
2872
}
2873
​
2874
.fastspring .pl-4 {
2875
    padding-left: 1.5rem !important;
2876
}
2877
​
2878
.fastspring .pl-5 {
2879
    padding-left: 3rem !important;
2880
}
2881
​
2882
.fastspring .text-left {
2883
    text-align: left !important;
2884
}
2885
​
2886
.fastspring .text-right {
2887
    text-align: right !important;
2888
}
2889
​
2890
.fastspring .text-center {
2891
    text-align: center !important;
2892
}
2893
​
2894
.fastspring .text-justify {
2895
    text-align: justify !important;
2896
}
2897
​
2898
.fastspring .text-wrap {
2899
    white-space: normal !important;
2900
}
2901
​
2902
.fastspring .text-nowrap {
2903
    white-space: nowrap !important;
2904
}
2905
​
2906
.fastspring .rounded {
2907
    border-radius: 0.25rem !important;
2908
}
2909
​
2910
.fastspring .rounded-sm {
2911
    border-radius: 0.2rem !important;
2912
}
2913
​
2914
.fastspring .rounded-lg {
2915
    border-radius: 0.3rem !important;
2916
}
2917
​
2918
.fastspring .rounded-circle {
2919
    border-radius: 50% !important;
2920
}
2921
​
2922
.fastspring .rounded-pill {
2923
    border-radius: 50rem !important;
2924
}
2925
​
2926
.fastspring .rounded-0 {
2927
    border-radius: 0 !important;
2928
}
2929
​
2930
.fastspring .rounded-top {
2931
    border-top-left-radius: 0.25rem !important;
2932
    border-top-right-radius: 0.25rem !important;
2933
}
2934
​
2935
.fastspring .rounded-right {
2936
    border-top-right-radius: 0.25rem !important;
2937
    border-bottom-right-radius: 0.25rem !important;
2938
}
2939
​
2940
.fastspring .rounded-bottom {
2941
    border-bottom-right-radius: 0.25rem !important;
2942
    border-bottom-left-radius: 0.25rem !important;
2943
}
2944
​
2945
.fastspring .rounded-left {
2946
    border-bottom-left-radius: 0.25rem !important;
2947
    border-top-left-radius: 0.25rem !important;
2948
}
2949
​
2950
.fastspring .visible {
2951
    visibility: visible !important;
2952
}
2953
​
2954
.fastspring .invisible {
2955
    visibility: hidden !important;
2956
}
2957
​
2958
@media (min-width: 576px) {
2959
    .fastspring .d-sm-none {
2960
        display: none !important;
2961
    }
2962
    .fastspring .d-sm-inline {
2963
        display: inline !important;
2964
    }
2965
    .fastspring .d-sm-inline-block {
2966
        display: inline-block !important;
2967
    }
2968
    .fastspring .d-sm-block {
2969
        display: block !important;
2970
    }
2971
    .fastspring .d-sm-table {
2972
        display: table !important;
2973
    }
2974
    .fastspring .d-sm-table-row {
2975
        display: table-row !important;
2976
    }
2977
    .fastspring .d-sm-table-cell {
2978
        display: table-cell !important;
2979
    }
2980
    .fastspring .d-sm-flex {
2981
        display: -ms-flexbox !important;
2982
        display: flex !important;
2983
    }
2984
    .fastspring .d-sm-inline-flex {
2985
        display: -ms-inline-flexbox !important;
2986
        display: inline-flex !important;
2987
    }
2988
    .fastspring .order-sm-first {
2989
        -ms-flex-order: -1 !important;
2990
        order: -1 !important;
2991
    }
2992
    .fastspring .order-sm-0 {
2993
        -ms-flex-order: 0 !important;
2994
        order: 0 !important;
2995
    }
2996
    .fastspring .order-sm-1 {
2997
        -ms-flex-order: 1 !important;
2998
        order: 1 !important;
2999
    }
3000
    .fastspring .order-sm-2 {
3001
        -ms-flex-order: 2 !important;
3002
        order: 2 !important;
3003
    }
3004
    .fastspring .order-sm-3 {
3005
        -ms-flex-order: 3 !important;
3006
        order: 3 !important;
3007
    }
3008
    .fastspring .order-sm-4 {
3009
        -ms-flex-order: 4 !important;
3010
        order: 4 !important;
3011
    }
3012
    .fastspring .order-sm-5 {
3013
        -ms-flex-order: 5 !important;
3014
        order: 5 !important;
3015
    }
3016
    .fastspring .order-sm-last {
3017
        -ms-flex-order: 6 !important;
3018
        order: 6 !important;
3019
    }
3020
    .fastspring .text-sm-left {
3021
        text-align: left !important;
3022
    }
3023
    .fastspring .text-sm-right {
3024
        text-align: right !important;
3025
    }
3026
    .fastspring .text-sm-center {
3027
        text-align: center !important;
3028
    }
3029
    .fastspring .text-sm-justify {
3030
        text-align: justify !important;
3031
    }
3032
}
3033
​
3034
@media (min-width: 768px) {
3035
    .fastspring .d-md-none {
3036
        display: none !important;
3037
    }
3038
    .fastspring .d-md-inline {
3039
        display: inline !important;
3040
    }
3041
    .fastspring .d-md-inline-block {
3042
        display: inline-block !important;
3043
    }
3044
    .fastspring .d-md-block {
3045
        display: block !important;
3046
    }
3047
    .fastspring .d-md-table {
3048
        display: table !important;
3049
    }
3050
    .fastspring .d-md-table-row {
3051
        display: table-row !important;
3052
    }
3053
    .fastspring .d-md-table-cell {
3054
        display: table-cell !important;
3055
    }
3056
    .fastspring .d-md-flex {
3057
        display: -ms-flexbox !important;
3058
        display: flex !important;
3059
    }
3060
    .fastspring .d-md-inline-flex {
3061
        display: -ms-inline-flexbox !important;
3062
        display: inline-flex !important;
3063
    }
3064
    .fastspring .order-md-first {
3065
        -ms-flex-order: -1 !important;
3066
        order: -1 !important;
3067
    }
3068
    .fastspring .order-md-0 {
3069
        -ms-flex-order: 0 !important;
3070
        order: 0 !important;
3071
    }
3072
    .fastspring .order-md-1 {
3073
        -ms-flex-order: 1 !important;
3074
        order: 1 !important;
3075
    }
3076
    .fastspring .order-md-2 {
3077
        -ms-flex-order: 2 !important;
3078
        order: 2 !important;
3079
    }
3080
    .fastspring .order-md-3 {
3081
        -ms-flex-order: 3 !important;
3082
        order: 3 !important;
3083
    }
3084
    .fastspring .order-md-4 {
3085
        -ms-flex-order: 4 !important;
3086
        order: 4 !important;
3087
    }
3088
    .fastspring .order-md-5 {
3089
        -ms-flex-order: 5 !important;
3090
        order: 5 !important;
3091
    }
3092
    .fastspring .order-md-last {
3093
        -ms-flex-order: 6 !important;
3094
        order: 6 !important;
3095
    }
3096
    .fastspring .text-md-left {
3097
        text-align: left !important;
3098
    }
3099
    .fastspring .text-md-right {
3100
        text-align: right !important;
3101
    }
3102
    .fastspring .text-md-center {
3103
        text-align: center !important;
3104
    }
3105
    .fastspring .text-md-justify {
3106
        text-align: justify !important;
3107
    }
3108
}
3109
​
3110
@media (min-width: 992px) {
3111
    .fastspring .d-lg-none {
3112
        display: none !important;
3113
    }
3114
    .fastspring .d-lg-inline {
3115
        display: inline !important;
3116
    }
3117
    .fastspring .d-lg-inline-block {
3118
        display: inline-block !important;
3119
    }
3120
    .fastspring .d-lg-block {
3121
        display: block !important;
3122
    }
3123
    .fastspring .d-lg-table {
3124
        display: table !important;
3125
    }
3126
    .fastspring .d-lg-table-row {
3127
        display: table-row !important;
3128
    }
3129
    .fastspring .d-lg-table-cell {
3130
        display: table-cell !important;
3131
    }
3132
    .fastspring .d-lg-flex {
3133
        display: -ms-flexbox !important;
3134
        display: flex !important;
3135
    }
3136
    .fastspring .d-lg-inline-flex {
3137
        display: -ms-inline-flexbox !important;
3138
        display: inline-flex !important;
3139
    }
3140
}
3141
​
3142
@media (min-width: 1200px) {
3143
    .fastspring .d-xl-none {
3144
        display: none !important;
3145
    }
3146
    .fastspring .d-xl-inline {
3147
        display: inline !important;
3148
    }
3149
    .fastspring .d-xl-inline-block {
3150
        display: inline-block !important;
3151
    }
3152
    .fastspring .d-xl-block {
3153
        display: block !important;
3154
    }
3155
    .fastspring .d-xl-table {
3156
        display: table !important;
3157
    }
3158
    .fastspring .d-xl-table-row {
3159
        display: table-row !important;
3160
    }
3161
    .fastspring .d-xl-table-cell {
3162
        display: table-cell !important;
3163
    }
3164
    .fastspring .d-xl-flex {
3165
        display: -ms-flexbox !important;
3166
        display: flex !important;
3167
    }
3168
    .fastspring .d-xl-inline-flex {
3169
        display: -ms-inline-flexbox !important;
3170
        display: inline-flex !important;
3171
    }
3172
}
3173
​
3174
#fsb *,
3175
#fsb::after,
3176
#fsb::before {
3177
    -webkit-box-sizing: border-box;
3178
    box-sizing: border-box;
3179
}
3180
​
3181
.fsb-option-input {
3182
    -webkit-appearance: none;
3183
    -moz-appearance: none;
3184
    -ms-appearance: none;
3185
    -o-appearance: none;
3186
    appearance: none;
3187
    background: none;
3188
    border: 1px solid #ddd;
3189
    bottom: 0;
3190
    color: #fff;
3191
    cursor: pointer;
3192
    display: inline-block;
3193
    font-family: initial;
3194
    height: 2rem !important;
3195
    left: 0;
3196
    margin-right: .5rem;
3197
    outline: none;
3198
    position: relative;
3199
    right: 0;
3200
    -webkit-transition: all .15s ease-out 0s;
3201
    -o-transition: all .15s ease-out 0s;
3202
    transition: all .15s ease-out 0s;
3203
    width: 2rem !important;
3204
    z-index: 2;
3205
    margin: 10px !important;
3206
}
3207
​
3208
.fsb-option-input:hover {
3209
    background: #f2f2f2;
3210
}
3211
​
3212
.fsb-option-input:checked {
3213
    background: #f2f2f2;
3214
}
3215
​
3216
.fsb-option-input:checked::before {
3217
    content: '2714' !important;
3218
    display: inline-block;
3219
    font-size: 1.75rem;
3220
    height: 2rem !important;
3221
    line-height: 2rem !important;
3222
    position: absolute !important;
3223
    text-align: center;
3224
    width: 2rem !important;
3225
    font-family: auto;
3226
    color: #28a745;
3227
    font-weight: bolder;
3228
    margin: 0 0 !important;
3229
}
3230
​
3231
.fsb-option-input:checked::after {
3232
    content: '';
3233
    display: block;
3234
    position: relative;
3235
    z-index: 3;
3236
}
3237
​
3238
.fsb-option-input {
3239
    position: absolute !important;
3240
    top: 50% !important;
3241
    margin: -12.5px auto !important;
3242
}
3243
​
3244
.fsb-option-input.fsb-radio {
3245
    border-radius: 50%;
3246
}
3247
​
3248
.fsb-option-input.fsb-radio::after {
3249
    border-radius: 50%;
3250
}
3251
​
3252
.fsb-ximage {
3253
    max-height: 75px;
3254
}
3255
​
3256
.fsb-display {
3257
    font-weight: bold;
3258
}
3259
​
3260
.fsb-total {
3261
    margin: 10px 0px;
3262
}
3263
​
3264
.fsb-inline-item {
3265
    display: inline-block;
3266
}
3267
​
3268
.fsb-number,
3269
.fsb-numberProd {
3270
    display: inline-block;
3271
}
3272
​
3273
input[type="text"].fsb-qtyinput,
3274
input[type="text"].fsb-qtyinputProd {
3275
    height: 34px;
3276
    width: 60px;
3277
    text-align: center;
3278
    border: 1px solid #ddd;
3279
    border-radius: 4px;
3280
    display: inline-block;
3281
    vertical-align: middle;
3282
}
3283
​
3284
body.fsb-modalOpen {
3285
    overflow: hidden;
3286
}
3287
​
3288
.fsb-modal {
3289
    -webkit-animation-duration: .4s;
3290
    animation-duration: .4s;
3291
    background-color: black;
3292
    background-color: rgba(0, 0, 0, 0.3);
3293
    display: none;
3294
    height: 100%;
3295
    left: 0;
3296
    overflow: auto;
3297
    position: fixed;
3298
    top: 0;
3299
    width: 100%;
3300
    z-index: 1039;
3301
}
3302
​
3303
.fsb-RS .fsb-modal-content {
3304
    -webkit-animation-duration: .4s;
3305
    animation-duration: .4s;
3306
    -webkit-animation-name: fsb-rs_slideIn;
3307
    animation-name: fsb-rs_slideIn;
3308
    background-color: #fefefe;
3309
    bottom: 0;
3310
    -webkit-box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.2), -6px 0 20px 0 rgba(0, 0, 0, 0.19);
3311
    box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.2), -6px 0 20px 0 rgba(0, 0, 0, 0.19);
3312
    height: 100%;
3313
    position: fixed;
3314
    right: 0;
3315
    width: 60%;
3316
}
3317
​
3318
.fsb-RS .fsb-modal-body {
3319
    padding: 17px 16px;
3320
    margin-top: 45px;
3321
    height: calc(100vh - 45px);
3322
    overflow-y: auto;
3323
}
3324
​
3325
.fsb-RS .fsb-modal-header {
3326
    background-color: #28a745;
3327
    color: white;
3328
    position: fixed;
3329
    z-index: 4;
3330
    width: 60%;
3331
}
3332
​
3333
.fsb-LS .fsb-modal-content {
3334
    -webkit-animation-duration: .4s;
3335
    animation-duration: .4s;
3336
    -webkit-animation-name: fsb-ls_slideIn;
3337
    animation-name: fsb-ls_slideIn;
3338
    background-color: #fefefe;
3339
    bottom: 0;
3340
    -webkit-box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.2), 6px 0 20px 0 rgba(0, 0, 0, 0.19);
3341
    box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.2), 6px 0 20px 0 rgba(0, 0, 0, 0.19);
3342
    height: 100%;
3343
    left: 0;
3344
    position: fixed;
3345
    width: 60%;
3346
}
3347
​
3348
.fsb-LS .fsb-modal-body {
3349
    padding: 17px 16px;
3350
    margin-top: 45px;
3351
    height: calc(100vh - 45px);
3352
    overflow-y: auto;
3353
    direction: rtl;
3354
}
3355
​
3356
.fsb-LS .fsb-modal-body #fsb {
3357
    direction: ltr;
3358
}
3359
​
3360
.fsb-LS .fsb-modal-body * {
3361
    direction: ltr;
3362
}
3363
​
3364
.fsb-LS .fsb-modal-header {
3365
    background-color: #28a745;
3366
    color: white;
3367
    position: fixed;
3368
    z-index: 4;
3369
    width: 60%;
3370
}
3371
​
3372
.fsb-BS .fsb-modal-content {
3373
    -webkit-animation-duration: .4s;
3374
    animation-duration: .4s;
3375
    -webkit-animation-name: fsb-bs_slideIn;
3376
    animation-name: fsb-bs_slideIn;
3377
    background-color: #fefefe;
3378
    bottom: 0;
3379
    -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
3380
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
3381
    max-height: 75%;
3382
    position: fixed;
3383
    width: 100%;
3384
}
3385
​
3386
.fsb-BS .fsb-modal-body {
3387
    margin-top: 45px;
3388
    padding: 17px 16px;
3389
    overflow-y: scroll;
3390
    height: 50vh;
3391
}
3392
​
3393
.fsb-BS .fsb-modal-header {
3394
    background-color: #28a745;
3395
    color: white;
3396
    left: 0;
3397
    position: fixed;
3398
    right: 0;
3399
    z-index: 4;
3400
}
3401
​
3402
.fsb-MOD .fsb-modal-content {
3403
    -webkit-animation-duration: .4s;
3404
    animation-duration: .4s;
3405
    -webkit-animation-name: fsb-mod_animatetop;
3406
    animation-name: fsb-mod_animatetop;
3407
    background-color: #fefefe;
3408
    border: 1px solid #888;
3409
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
3410
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
3411
    margin: 5% auto;
3412
    padding: 0;
3413
    position: relative;
3414
    width: 80%;
3415
}
3416
​
3417
.fsb-MOD .fsb-modal-body {
3418
    padding: 10px 16px 0;
3419
}
3420
​
3421
.fsb-cart_title {
3422
    padding: 11px 0;
3423
}
3424
​
3425
.fsb-MOD .fsb-modal-header {
3426
    background-color: #28a745;
3427
    color: white;
3428
    padding: 2px 16px;
3429
}
3430
​
3431
.fsb-MODSM .fsb-modal-content {
3432
    -webkit-animation-duration: .4s;
3433
    animation-duration: .4s;
3434
    -webkit-animation-name: fsb-mod_animatetop;
3435
    animation-name: fsb-mod_animatetop;
3436
    background-color: #fefefe;
3437
    border: 1px solid #888;
3438
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
3439
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
3440
    margin: 5% auto;
3441
    padding: 0;
3442
    position: relative;
3443
    max-width: 1024px;
3444
}
3445
​
3446
.fsb-MODSM .fsb-modal-body {
3447
    padding: 10px 16px 0;
3448
}
3449
​
3450
.fsb-MODSM .fsb-modal-header {
3451
    background-color: #28a745;
3452
    color: white;
3453
    padding: 2px 16px;
3454
}
3455
​
3456
@media (max-width: 1199.98px) {
3457
    .fsb-RS .fsb-modal-header,
3458
    .fsb-LS .fsb-modal-header,
3459
    .fsb-RS .fsb-modal-content,
3460
    .fsb-LS .fsb-modal-content,
3461
    .fsb-MOD .fsb-modal-content {
3462
        width: 90%;
3463
    }
3464
}
3465
​
3466
@media (max-width: 991.98px) {
3467
    .fsb-RS .fsb-modal-header,
3468
    .fsb-LS .fsb-modal-header,
3469
    .fsb-RS .fsb-modal-content,
3470
    .fsb-LS .fsb-modal-content,
3471
    .fsb-MOD .fsb-modal-content {
3472
        width: 90%;
3473
    }
3474
}
3475
​
3476
@media (max-width: 767.98px) {
3477
    .fsb-MOD .fsb-modal-content {
3478
        margin: 0;
3479
        width: 100%;
3480
    }
3481
    .fsb-RS .fsb-modal-header,
3482
    .fsb-LS .fsb-modal-header,
3483
    .fsb-RS .fsb-modal-content,
3484
    .fsb-LS .fsb-modal-content {
3485
        width: 100%;
3486
    }
3487
    .fsb-BS .fsb-modal-content {
3488
        max-height: 100%;
3489
    }
3490
    .fsb-BS .fsb-modal-body {
3491
        height: calc(100vh - 45px);
3492
    }
3493
}
3494
​
3495
.fsb-cart_title {
3496
    display: block;
3497
    font-size: 20px;
3498
}
3499
​
3500
.fsb-close:hover,
3501
.fsb-close:focus {
3502
    color: #000;
3503
    cursor: pointer;
3504
}
3505
​
3506
.fsb-close {
3507
    float: right;
3508
}
3509
​
3510
h5.fsb-cart_title.m-0 {
3511
    font-size: 2rem;
3512
}
3513
​
3514
.fsb-alert-danger {
3515
    color: #a94442;
3516
    background-color: #f2dede;
3517
    border-color: #ebccd1;
3518
}
3519
​
3520
.fsb-alert {
3521
    display: none;
3522
}
3523
​
3524
.fsb-alert,
3525
.fsb-mod_alert {
3526
    -webkit-animation-duration: .4s;
3527
    animation-duration: .4s;
3528
    -webkit-animation-name: fsb-mod_animatetop;
3529
    animation-name: fsb-mod_animatetop;
3530
    padding: 15px;
3531
    margin-bottom: 20px;
3532
    border: 1px solid transparent;
3533
    border-radius: 4px;
3534
    z-index: 999999999;
3535
}
3536
​
3537
@-webkit-keyframes fsb-bs_slideIn {
3538
    from {
3539
        bottom: -300px;
3540
        opacity: 0;
3541
    }
3542
    to {
3543
        bottom: 0;
3544
        opacity: 1;
3545
    }
3546
}
3547
​
3548
@keyframes fsb-bs_slideIn {
3549
    from {
3550
        bottom: -300px;
3551
        opacity: 0;
3552
    }
3553
    to {
3554
        bottom: 0;
3555
        opacity: 1;
3556
    }
3557
}
3558
​
3559
@-webkit-keyframes fsb-bs_revslideIn {
3560
    from {
3561
        bottom: 0;
3562
        opacity: 1;
3563
    }
3564
    to {
3565
        bottom: -300px;
3566
        opacity: 0;
3567
    }
3568
}
3569
​
3570
@keyframes fsb-bs_revslideIn {
3571
    from {
3572
        bottom: 0;
3573
        opacity: 1;
3574
    }
3575
    to {
3576
        bottom: -300px;
3577
        opacity: 0;
3578
    }
3579
}
3580
​
3581
@-webkit-keyframes fsb-mod_animatetop {
3582
    from {
3583
        top: -300px;
3584
    }
3585
    to {
3586
        top: 0;
3587
    }
3588
}
3589
​
3590
@keyframes fsb-mod_animatetop {
3591
    from {
3592
        top: -300px;
3593
    }
3594
    to {
3595
        top: 0;
3596
    }
3597
}
3598
​
3599
@-webkit-keyframes fsb-mod_revanimatetop {
3600
    from {
3601
        opacity: 1;
3602
        top: 0;
3603
        height: 100%;
3604
    }
3605
    to {
3606
        opacity: 0;
3607
        top: 100%;
3608
    }
3609
}
3610
​
3611
@keyframes fsb-mod_revanimatetop {
3612
    from {
3613
        opacity: 1;
3614
        top: 0;
3615
        height: 100%;
3616
    }
3617
    to {
3618
        opacity: 0;
3619
        top: 100%;
3620
    }
3621
}
3622
​
3623
@-webkit-keyframes fsb-rs_slideIn {
3624
    from {
3625
        opacity: 1;
3626
        right: -50%;
3627
    }
3628
    to {
3629
        opacity: 1;
3630
        right: 0;
3631
    }
3632
}
3633
​
3634
@keyframes fsb-rs_slideIn {
3635
    from {
3636
        opacity: 1;
3637
        right: -50%;
3638
    }
3639
    to {
3640
        opacity: 1;
3641
        right: 0;
3642
    }
3643
}
3644
​
3645
@-webkit-keyframes fsb-rs_revslideIn {
3646
    from {
3647
        opacity: 1;
3648
        right: 0;
3649
    }
3650
    to {
3651
        opacity: 1;
3652
        right: -50%;
3653
    }
3654
}
3655
​
3656
@keyframes fsb-rs_revslideIn {
3657
    from {
3658
        opacity: 1;
3659
        right: 0;
3660
    }
3661
    to {
3662
        opacity: 1;
3663
        right: -50%;
3664
    }
3665
}
3666
​
3667
@-webkit-keyframes fsb-ls_slideIn {
3668
    from {
3669
        left: -50%;
3670
        opacity: 1;
3671
    }
3672
    to {
3673
        left: 0;
3674
        opacity: 1;
3675
    }
3676
}
3677
​
3678
@keyframes fsb-ls_slideIn {
3679
    from {
3680
        left: -50%;
3681
        opacity: 1;
3682
    }
3683
    to {
3684
        left: 0;
3685
        opacity: 1;
3686
    }
3687
}
3688
​
3689
@-webkit-keyframes fsb-ls_revslideIn {
3690
    from {
3691
        left: 0;
3692
        opacity: 1;
3693
    }
3694
    to {
3695
        left: -50%;
3696
        opacity: 1;
3697
    }
3698
}
3699
​
3700
@keyframes fsb-ls_revslideIn {
3701
    from {
3702
        left: 0;
3703
        opacity: 1;
3704
    }
3705
    to {
3706
        left: -50%;
3707
        opacity: 1;
3708
    }
3709
}
3710
​
3711
@-webkit-keyframes fsb-fadeIn {
3712
    from {
3713
        opacity: 0;
3714
    }
3715
    to {
3716
        opacity: 1;
3717
    }
3718
}
3719
​
3720
@keyframes fsb-fadeIn {
3721
    from {
3722
        opacity: 0;
3723
    }
3724
    to {
3725
        opacity: 1;
3726
    }
3727
}
3728
​
3729
@-webkit-keyframes fsb-revfadeIn {
3730
    from {
3731
        opacity: 1;
3732
    }
3733
    to {
3734
        opacity: 0;
3735
    }
3736
}
3737
​
3738
@keyframes fsb-revfadeIn {
3739
    from {
3740
        opacity: 1;
3741
    }
3742
    to {
3743
        opacity: 0;
3744
    }
3745
}
3746
​
3747
#fastspring_spinner {
3748
    -webkit-animation-duration: .4s;
3749
    animation-duration: .4s;
3750
    width: 100%;
3751
    height: 100%;
3752
    z-index: 99999998;
3753
    background: rgba(0, 0, 0, 0.3);
3754
    position: fixed;
3755
    top: 0;
3756
    left: 0;
3757
}
3758
​
3759
#fastspring_spinner img {
3760
    -webkit-animation-duration: .4s;
3761
    animation-duration: .4s;
3762
    -webkit-animation-delay: .4s;
3763
    animation-delay: .4s;
3764
    -webkit-animation-name: fsb-fadeIn;
3765
    animation-name: fsb-fadeIn;
3766
    position: fixed;
3767
    top: 50%;
3768
    margin-top: -50px;
3769
    left: 50%;
3770
    margin-left: -50px;
3771
    z-index: 99999999;
3772
}
3773
​
3774
.fsb-border {
3775
    border: 1px solid #dee2e6 !important;
3776
}
3777
​
3778
.fsb-rounded {
3779
    border-radius: 0.25rem !important;
3780
}
3781
​
3782
.fsb-remove {
3783
    color: #b3b3b3;
3784
    text-decoration: none !important;
3785
    font-size: 28px;
3786
    vertical-align: sub;
3787
    text-shadow: 0 1px 0 #303030;
3788
    opacity: 0.5;
3789
}
3790
​
3791
.fsb-remove:hover {
3792
    color: black;
3793
}
3794
​
3795
.fsb-cartimage {
3796
    max-height: 100px;
3797
}
3798
​
3799
.fsb-extPrice {
3800
    font-weight: bold;
3801
}
3802
​
3803
.fsb-bundle-image {
3804
    width: 60px;
3805
    height: auto;
3806
    display: inline;
3807
}
3808
​
3809
.card-body hr:last-child {
3810
    display: none;
3811
}
3812
​
3813
.btn-success {
3814
    color: #fff !important;
3815
}
3816
​
3817
.pricing-table .block-heading {
3818
    padding-top: 50px;
3819
    margin-bottom: 40px;
3820
    text-align: center;
3821
}
3822
​
3823
.pricing-table .block-heading p {
3824
    text-align: center;
3825
    max-width: 420px;
3826
    margin: auto;
3827
    opacity: 0.7;
3828
}
3829
​
3830
.pricing-table .heading {
3831
    text-align: center;
3832
    padding-bottom: 10px;
3833
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3834
}
3835
​
3836
.pricing-table .item {
3837
    background-color: #ffffff;
3838
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
3839
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
3840
    border-top: 2px solid #5ea4f3;
3841
    padding: 30px;
3842
    overflow: hidden;
3843
    position: relative;
3844
}
3845
​
3846
.pricing-table .col-md-5:not(:last-child) .item {
3847
    margin-bottom: 30px;
3848
}
3849
​
3850
.pricing-table .item button {
3851
    font-weight: 600;
3852
}
3853
​
3854
.pricing-table .ribbon {
3855
    width: 160px;
3856
    height: 32px;
3857
    font-size: 12px;
3858
    text-align: center;
3859
    color: #fff;
3860
    font-weight: bold;
3861
    -webkit-box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
3862
    box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
3863
    background: #4dbe3b;
3864
    -webkit-transform: rotate(45deg);
3865
    -ms-transform: rotate(45deg);
3866
    transform: rotate(45deg);
3867
    position: absolute;
3868
    right: -42px;
3869
    top: 20px;
3870
    padding-top: 7px;
3871
}
3872
​
3873
.pricing-table .item p {
3874
    text-align: center;
3875
    margin-top: 20px;
3876
    opacity: 0.7;
3877
}
3878
​
3879
.pricing-table .features .feature {
3880
    font-weight: 600;
3881
}
3882
​
3883
.pricing-table .features h4 {
3884
    text-align: center;
3885
    font-size: 18px;
3886
    padding: 5px;
3887
}
3888
​
3889
.pricing-table .price h4 {
3890
    margin: 15px 0;
3891
    font-size: 45px;
3892
    text-align: center;
3893
}
3894
​
3895
.pricing-table .buy-now button {
3896
    text-align: center;
3897
    margin: auto;
3898
    font-weight: 600;
3899
    padding: 9px 0;
3900
}
3901
​
3902
.d-xs-show {
3903
    display: none;
3904
}
3905
​
3906
@media (max-width: 575.98px) {
3907
    .d-xs-none {
3908
        display: none;
3909
    }
3910
    .d-xs-show {
3911
        display: block;
3912
    }
3913
}
3914
​
3915
.fastspring .fsb-modal-header,
3916
.fastspring .card-header {
3917
    background-color: #28a745 !important;
3918
    color: #ffffff;
3919
    padding: 0 20px;
3920
}
3921
​
3922
.fastspring .removeText {
3923
    font-size: 14px;
3924
}
3925
​
3926
.fastspring .fsb-MINI-TL .hide-mini,
3927
.fastspring .fsb-MINI-TR .hide-mini,
3928
.fastspring .fsb-MINI-BL .hide-mini,
3929
.fastspring .fsb-MINI-BR .hide-mini {
3930
    display: none !important;
3931
}
3932
​
3933
.fastspring .show-mini,
3934
.fastspring .show-mini-block {
3935
    display: none;
3936
}
3937
​
3938
.fastspring .fsb-MINI-TL .show-mini,
3939
.fastspring .fsb-MINI-TR .show-mini,
3940
.fastspring .fsb-MINI-BL .show-mini,
3941
.fastspring .fsb-MINI-BR .show-mini {
3942
    display: -ms-flexbox !important;
3943
    display: flex !important;
3944
}
3945
​
3946
.fastspring .fsb-MINI-TL #fsb-close,
3947
.fastspring .fsb-MINI-TR #fsb-close,
3948
.fastspring .fsb-MINI-BL #fsb-close,
3949
.fastspring .fsb-MINI-BR #fsb-close {
3950
    margin-right: 0px !important;
3951
}
3952
​
3953
.fastspring .footercheckout {
3954
    -webkit-transition: all 0.5s;
3955
    -o-transition: all 0.5s;
3956
    transition: all 0.5s;
3957
    cursor: pointer;
3958
}
3959
​
3960
.fastspring .footercheckout span {
3961
    cursor: pointer;
3962
    display: inline-block;
3963
    position: relative;
3964
    -webkit-transition: 0.5s;
3965
    -o-transition: 0.5s;
3966
    transition: 0.5s;
3967
}
3968
​
3969
.fastspring .footercheckout span:after {
3970
    position: absolute;
3971
    opacity: 0;
3972
    top: 0;
3973
    right: -20px;
3974
    -webkit-transition: 0.5s;
3975
    -o-transition: 0.5s;
3976
    transition: 0.5s;
3977
}
3978
​
3979
.fastspring .fsb-MINI-TR .fsb-modal-content {
3980
    top: 0px;
3981
    right: 0px;
3982
}
3983
​
3984
.fastspring .fsb-MINI-BL .fsb-modal-content {
3985
    bottom: 0px;
3986
    left: 0px;
3987
}
3988
​
3989
.fastspring .fsb-MINI-BR .fsb-modal-content {
3990
    bottom: 0px;
3991
    right: 0px;
3992
}
3993
​
3994
.fastspring .fsb-MINI-TL .fsb-modal-content,
3995
.fastspring .fsb-MINI-TR .fsb-modal-content,
3996
.fastspring .fsb-MINI-BL .fsb-modal-content,
3997
.fastspring .fsb-MINI-BR .fsb-modal-content {
3998
    -webkit-animation-duration: .4s;
3999
    animation-duration: .4s;
4000
    background-color: #fefefe;
4001
    border: 1px solid #888;
4002
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
4003
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
4004
    margin: 5% auto;
4005
    padding: 0;
4006
    position: fixed;
4007
    margin-left: 20px !important;
4008
    margin-right: 20px !important;
4009
    max-width: calc(100vw - (20px * 2));
4010
    margin-top: 20px !important;
4011
    margin-bottom: 20px !important;
4012
    max-height: calc(100vh - (20px * 2));
4013
    width: 512px;
4014
    height: 512px;
4015
}
4016
​
4017
.fastspring .fsb-MINI-TL .fsb-modal-body,
4018
.fastspring .fsb-MINI-TR .fsb-modal-body,
4019
.fastspring .fsb-MINI-BL .fsb-modal-body,
4020
.fastspring .fsb-MINI-BR .fsb-modal-body {
4021
    padding: 10px 16px 0;
4022
    height: 365px;
4023
    overflow-y: scroll;
4024
    max-height: calc(100vh - 145px);
4025
    width: 100%;
4026
}
4027
​
4028
.fastspring .fsb-modal-footer {
4029
    margin-left: -1px;
4030
}
4031
​
4032
.fastspring .footercheckout {
4033
    display: none;
4034
}
4035
​
4036
.fastspring .fsb-MINI-TL .footercheckout,
4037
.fastspring .fsb-MINI-TR .footercheckout,
4038
.fastspring .fsb-MINI-BL .footercheckout,
4039
.fastspring .fsb-MINI-BR .footercheckout {
4040
    color: white;
4041
    height: 100px !important;
4042
    background: #28a745;
4043
    display: block;
4044
    width: 512px;
4045
    text-align: center;
4046
    padding: 25px;
4047
    font-size: 30px;
4048
    max-width: calc(100vw - (20px * 2));
4049
}
4050
​
4051
.fastspring .fsb-MINI-TL .footercheckout:hover,
4052
.fastspring .fsb-MINI-TR .footercheckout:hover,
4053
.fastspring .fsb-MINI-BL .footercheckout:hover,
4054
.fastspring .fsb-MINI-BR .footercheckout:hover {
4055
    background: #006100;
4056
    text-decoration: none;
4057
}
4058
​
4059
.fastspring .fsb-MINI-TL .col-12.col-md-6.order-md-12.order-1.mb-4,
4060
.fastspring .fsb-MINI-TR .col-12.col-md-6.order-md-12.order-1.mb-4,
4061
.fastspring .fsb-MINI-BL .col-12.col-md-6.order-md-12.order-1.mb-4,
4062
.fastspring .fsb-MINI-BR .col-12.col-md-6.order-md-12.order-1.mb-4 {
4063
    margin-bottom: 0px !important;
4064
}
4065
​
4066
.fastspring .fsb-MINI-TL .xsellrow,
4067
.fastspring .fsb-MINI-TR .xsellrow,
4068
.fastspring .fsb-MINI-BL .xsellrow,
4069
.fastspring .fsb-MINI-BR .xsellrow {
4070
    -ms-flex: 0 0 50%;
4071
    flex: 0 0 50%;
4072
    max-width: 50%;
4073
}
4074
​
4075
.fastspring .fsb-MINI-BR .col-md-11.offset-md-1,
4076
.fastspring .fsb-MINI-BL .col-md-11.offset-md-1,
4077
.fastspring .fsb-MINI-TR .col-md-11.offset-md-1,
4078
.fastspring .fsb-MINI-TL .col-md-11.offset-md-1 {
4079
    margin-left: 0;
4080
    -ms-flex: 0 0 100%;
4081
    flex: 0 0 100%;
4082
    max-width: 100%;
4083
}
4084
​
4085
.fastspring .fsb-MINI-BR .pricingcolumn,
4086
.fastspring .fsb-MINI-BL .pricingcolumn,
4087
.fastspring .fsb-MINI-TR .pricingcolumn,
4088
.fastspring .fsb-MINI-TL .pricingcolumn {
4089
    -ms-flex: 0 0 41.666667%;
4090
    flex: 0 0 41.666667%;
4091
    max-width: 41.666667%;
4092
    text-align: right !important;
4093
}
4094
​
4095
.fastspring .fsb-MINI-BR .buttoncolumn,
4096
.fastspring .fsb-MINI-BL .buttoncolumn,
4097
.fastspring .fsb-MINI-TR .buttoncolumn,
4098
.fastspring .fsb-MINI-TL .buttoncolumn {
4099
    -ms-flex: 0 0 100%;
4100
    flex: 0 0 100%;
4101
    max-width: 100%;
4102
}
4103
​
4104
@media (min-width: 576px) {
4105
    .fastspring .fsb-MINI-BR .imagecolumn,
4106
    .fastspring .fsb-MINI-BL .imagecolumn,
4107
    .fastspring .fsb-MINI-TR .imagecolumn,
4108
    .fastspring .fsb-MINI-TL .imagecolumn {
4109
        -ms-flex: 0 0 16.666667%;
4110
        flex: 0 0 16.666667%;
4111
        max-width: 16.666667%;
4112
    }
4113
}
4114
​
4115
.fastspring .fsb-MINI-BR .qtycola .fsb-number,
4116
.fastspring .fsb-MINI-TR .qtycola .fsb-number,
4117
.fastspring .fsb-MINI-BL .qtycola .fsb-number,
4118
.fastspring .fsb-MINI-TL .qtycola .fsb-number {
4119
    display: none;
4120
}
4121
​
4122
.fastspring .fsb-MINI-BR .qtycolb,
4123
.fastspring .fsb-MINI-TR .qtycolb,
4124
.fastspring .fsb-MINI-TL .qtycolb,
4125
.fastspring .fsb-MINI-BL .qtycolb {
4126
    display: block !important;
4127
}
4128
​
4129
@media (max-width: 576px) {
4130
    .fastspring .fsb-cartimage,
4131
    .fastspring .fsb-ximage {
4132
        display: none;
4133
    }
4134
}
4135
​
4136
.fastspring .fsb-MINI-BR .fsb-cartimage,
4137
.fastspring .fsb-MINI-BL .fsb-cartimage,
4138
.fastspring .fsb-MINI-TR .fsb-cartimage,
4139
.fastspring .fsb-MINI-TL .fsb-cartimage {
4140
    max-height: 50px;
4141
}
4142
​
4143
.fastspring .fsb-MINI-BR .fsb-ximage,
4144
.fastspring .fsb-MINI-BL .fsb-ximage,
4145
.fastspring .fsb-MINI-TR .fsb-ximage,
4146
.fastspring .fsb-MINI-TL .fsb-ximage {
4147
    max-height: 40px;
4148
}
4149
​
4150
.fastspring .modal-backdrop.show {
4151
    opacity: 0.3;
4152
}
4153
​
4154
.fastspring .fsb-MINI-TL .show-mini-block,
4155
.fastspring .fsb-MINI-TR .show-mini-block,
4156
.fastspring .fsb-MINI-BL .show-mini-block,
4157
.fastspring .fsb-MINI-BR .show-mini-block {
4158
    display: block;
4159
}
4160
​
4161
.minicart {
4162
    border-radius: 5px;
4163
    position: fixed;
4164
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
4165
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
4166
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
4167
    transition: -webkit-box-shadow 0.3s ease-in-out;
4168
    -o-transition: box-shadow 0.3s ease-in-out;
4169
    transition: box-shadow 0.3s ease-in-out;
4170
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
4171
    -webkit-transition: width 0.3s, height 0.3s;
4172
    -o-transition: width 0.3s, height 0.3s;
4173
    transition: width 0.3s, height 0.3s;
4174
    color: black;
4175
    background: white;
4176
    z-index: 999998;
4177
    height: 58px;
4178
    width: 58px;
4179
}
4180
​
4181
.minicart.open {
4182
    border-radius: 0px;
4183
}
4184
​
4185
.minicart.topright {
4186
    top: 20px;
4187
    right: 20px;
4188
}
4189
​
4190
.minicart.topleft {
4191
    top: 20px;
4192
    left: 20px;
4193
}
4194
​
4195
.minicart.bottomright {
4196
    bottom: 20px;
4197
    right: 20px;
4198
}
4199
​
4200
.minicart.bottomleft {
4201
    bottom: 20px;
4202
    left: 20px;
4203
}
4204
​
4205
.minicart:hover {
4206
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5);
4207
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5);
4208
}
4209
​
4210
.minicart .fa {
4211
    font-size: 25px;
4212
    padding: 15px;
4213
}
4214
​
4215
.minicart-count {
4216
    position: absolute;
4217
    background: red;
4218
    border-radius: 50%;
4219
    height: 20px;
4220
    width: 20px;
4221
    line-height: 21px;
4222
    text-align: center;
4223
    color: white;
4224
    font-size: 12px;
4225
}
4226
​
4227
.topleft .minicart-count,
4228
.bottomleft .minicart-count {
4229
    top: -10px;
4230
    right: -10px;
4231
}
4232
​
4233
.topright .minicart-count,
4234
.bottomright .minicart-count {
4235
    top: -10px;
4236
    left: -10px;
4237
}
4238
​
4239
a.removeText {
4240
    color: #212529;
4241
}
4242
​
4243
a.removeText:hover {
4244
    color: #c1c1c1;
4245
}
4246
​
4247
.fsb-modalOpen #minicart {
4248
    display: none !important;
4249
}
4250
​
4251
.fastspring .card-header {
4252
    padding: 10px;
4253
}
4254
​
4255
.fastspring a {
4256
    text-decoration: none;
4257
}
4258
​
4259
.fsb-bundleimage {
4260
    height: 75px;
4261
    width: auto;
4262
}
4263
​
4264
.fastspring .img-fluid {
4265
    max-width: 100%;
4266
    height: auto;
4267
}
4268
​
4269
.fastspring .input-group {
4270
    position: relative;
4271
    display: -ms-flexbox;
4272
    display: flex;
4273
    -ms-flex-wrap: wrap;
4274
    flex-wrap: wrap;
4275
    -ms-flex-align: stretch;
4276
    align-items: stretch;
4277
    width: 100%;
4278
}
4279
​
4280
.fastspring .input-group>.form-control,
4281
.fastspring .input-group>.form-select,
4282
.fastspring .input-group>.form-file {
4283
    position: relative;
4284
    -ms-flex: 1 1 0%;
4285
    flex: 1 1 0%;
4286
    min-width: 0;
4287
    margin-bottom: 0;
4288
}
4289
​
4290
.fastspring .input-group>.form-control+.form-control,
4291
.fastspring .input-group>.form-control+.form-select,
4292
.fastspring .input-group>.form-control+.form-file,
4293
.fastspring .input-group>.form-select+.form-control,
4294
.fastspring .input-group>.form-select+.form-select,
4295
.fastspring .input-group>.form-select+.form-file,
4296
.fastspring .input-group>.form-file+.form-control,
4297
.fastspring .input-group>.form-file+.form-select,
4298
.fastspring .input-group>.form-file+.form-file {
4299
    margin-left: -1px;
4300
}
4301
​
4302
.fastspring .input-group>.form-control:focus,
4303
.fastspring .input-group>.form-select:focus,
4304
.fastspring .input-group>.form-file .form-file-input:focus~.form-file-label {
4305
    z-index: 3;
4306
}
4307
​
4308
.fastspring .input-group>.form-file .form-file-input:focus {
4309
    z-index: 4;
4310
}
4311
​
4312
.fastspring .input-group>.form-control:not(:last-child),
4313
.fastspring .input-group>.form-select:not(:last-child) {
4314
    border-top-right-radius: 0;
4315
    border-bottom-right-radius: 0;
4316
}
4317
​
4318
.fastspring .input-group>.form-control:not(:first-child),
4319
.fastspring .input-group>.form-select:not(:first-child) {
4320
    border-top-left-radius: 0;
4321
    border-bottom-left-radius: 0;
4322
}
4323
​
4324
.fastspring .input-group>.form-file {
4325
    display: -ms-flexbox;
4326
    display: flex;
4327
    -ms-flex-align: center;
4328
    align-items: center;
4329
}
4330
​
4331
.fastspring .input-group>.form-file:not(:last-child) .form-file-label {
4332
    border-top-right-radius: 0;
4333
    border-bottom-right-radius: 0;
4334
}
4335
​
4336
.fastspring .input-group>.form-file:not(:first-child) .form-file-label {
4337
    border-top-left-radius: 0;
4338
    border-bottom-left-radius: 0;
4339
}
4340
​
4341
.fastspring .input-group-prepend,
4342
.fastspring .input-group-append {
4343
    display: -ms-flexbox;
4344
    display: flex;
4345
}
4346
​
4347
.fastspring .input-group-prepend .btn,
4348
.fastspring .input-group-append .btn {
4349
    position: relative;
4350
    z-index: 2;
4351
}
4352
​
4353
.fastspring .input-group-prepend .btn:focus,
4354
.fastspring .input-group-append .btn:focus {
4355
    z-index: 3;
4356
}
4357
​
4358
.fastspring .input-group-prepend .btn+.btn,
4359
.fastspring .input-group-prepend .btn+.input-group-text,
4360
.fastspring .input-group-prepend .input-group-text+.input-group-text,
4361
.fastspring .input-group-prepend .input-group-text+.btn,
4362
.fastspring .input-group-append .btn+.btn,
4363
.fastspring .input-group-append .btn+.input-group-text,
4364
.fastspring .input-group-append .input-group-text+.input-group-text,
4365
.fastspring .input-group-append .input-group-text+.btn {
4366
    margin-left: -1px;
4367
}
4368
​
4369
.fastspring .input-group-prepend {
4370
    margin-right: -1px;
4371
}
4372
​
4373
.fastspring .input-group-append {
4374
    margin-left: -1px;
4375
}
4376
​
4377
.fastspring .input-group-text {
4378
    display: -ms-flexbox;
4379
    display: flex;
4380
    -ms-flex-align: center;
4381
    align-items: center;
4382
    padding: 0.375rem 0.75rem;
4383
    margin-bottom: 0;
4384
    font-size: 1rem;
4385
    font-weight: 400;
4386
    line-height: 1.5;
4387
    color: #495057;
4388
    text-align: center;
4389
    white-space: nowrap;
4390
    background-color: #e9ecef;
4391
    border: 1px solid #ced4da;
4392
    border-radius: 0.25rem;
4393
}
4394
​
4395
.fastspring .input-group-text input[type="radio"],
4396
.fastspring .input-group-text input[type="checkbox"] {
4397
    margin-top: 0;
4398
}
4399
​
4400
.fastspring .input-group-lg>.form-control {
4401
    min-height: calc(1.5em + 1rem + 2px);
4402
}
4403
​
4404
.fastspring .input-group-lg>.form-select {
4405
    height: calc(1.5em + 1rem + 2px);
4406
}
4407
​
4408
.fastspring .input-group-lg>.form-control,
4409
.fastspring .input-group-lg>.form-select,
4410
.fastspring .input-group-lg>.input-group-prepend>.input-group-text,
4411
.fastspring .input-group-lg>.input-group-append>.input-group-text,
4412
.fastspring .input-group-lg>.input-group-prepend>.btn,
4413
.fastspring .input-group-lg>.input-group-append>.btn {
4414
    padding: 0.5rem 1rem;
4415
    font-size: 1.25rem;
4416
    border-radius: 0.3rem;
4417
}
4418
​
4419
.fastspring .input-group-sm>.form-control {
4420
    min-height: calc(1.5em + 0.5rem + 2px);
4421
}
4422
​
4423
.fastspring .input-group-sm>.form-select {
4424
    height: calc(1.5em + 0.5rem + 2px);
4425
}
4426
​
4427
.fastspring .input-group-sm>.form-control,
4428
.fastspring .input-group-sm>.form-select,
4429
.fastspring .input-group-sm>.input-group-prepend>.input-group-text,
4430
.fastspring .input-group-sm>.input-group-append>.input-group-text,
4431
.fastspring .input-group-sm>.input-group-prepend>.btn,
4432
.fastspring .input-group-sm>.input-group-append>.btn {
4433
    padding: 0.25rem 0.5rem;
4434
    font-size: 0.875rem;
4435
    border-radius: 0.2rem;
4436
}
4437
​
4438
.fastspring .input-group-lg>.form-select,
4439
.fastspring .input-group-sm>.form-select {
4440
    padding-right: 1.75rem;
4441
}
4442
​
4443
.fastspring .input-group>.input-group-prepend>.btn,
4444
.fastspring .input-group>.input-group-prepend>.input-group-text,
4445
.fastspring .input-group>.input-group-append:not(:last-child)>.btn,
4446
.fastspring .input-group>.input-group-append:not(:last-child)>.input-group-text,
4447
.fastspring .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
4448
.fastspring .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
4449
    border-top-right-radius: 0;
4450
    border-bottom-right-radius: 0;
4451
}
4452
​
4453
.fastspring .input-group>.input-group-append>.btn,
4454
.fastspring .input-group>.input-group-append>.input-group-text,
4455
.fastspring .input-group>.input-group-prepend:not(:first-child)>.btn,
4456
.fastspring .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
4457
.fastspring .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
4458
.fastspring .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
4459
    border-top-left-radius: 0;
4460
    border-bottom-left-radius: 0;
4461
}
4462
​
4463
.fastspring .yousave {
4464
    font-size: 75%;
4465
}
4466
​
4467
.fsb-modal-header {
4468
    height: 45px !important;
4469
}
4470
​
4471
a#fsb-close {
4472
    font-size: 30px;
4473
    padding: 0px;
4474
    font-weight: bold;
4475
    font-family: Helvetica, Arial, sans-serif;
4476
    line-height: 45px;
4477
}
4478
​
4479
.fastspring .regular-text {
4480
    width: 100%;
4481
}
4482
​
4483
.xsellrow div img,
4484
.text-center div img {
4485
    margin: 0 auto;
4486
}
4487
​
4488
@media screen and (max-width: 782px) {
4489
    .form-table td {
4490
        display: table-cell;
4491
        padding: 15px 10px;
4492
    }
4493
}
4494
​
4495
#minicart {
4496
    text-align: center;
4497
}
4498
​
4499
.fsb-img-align-left {
4500
    margin-right: auto;
4501
    margin-left: 0;
4502
}
4503
​
4504
.fsb-img-align-right {
4505
    margin-right: 0;
4506
    margin-left: auto;
4507
}
4508
​
4509
.fsb-img-align-center {
4510
    margin-left: auto;
4511
    margin-right: auto;
4512
}
4513
​
4514
.fsb-img-align-full {
4515
    margin-top: 5rem;
4516
    margin-right: auto;
4517
    margin-bottom: 5rem;
4518
    margin-left: auto;
4519
    max-width: 100vw !important;
4520
    position: relative;
4521
    width: 100% !important;
4522
}
4523
​
4524
.fsb-img-align-wide {
4525
    max-width: 120rem;
4526
    width: 120rem;
4527
}
4528
​
4529
.fsb-btn-align-center {
4530
    text-align: center;
4531
}
4532
​
4533
.fsb-btn-align-left {
4534
    text-align: left;
4535
}
4536
​
4537
.fsb-btn-align-right {
4538
    text-align: right;
4539
}
4540
​
4541
.fsb-btn-align-wide {
4542
    max-width: 120rem;
4543
    width: 120rem;
4544
}
4545
​
4546
.fsb-btn-align-full {
4547
    margin-top: 5rem;
4548
    margin-right: auto;
4549
    margin-bottom: 5rem;
4550
    margin-left: auto;
4551
    max-width: 100vw;
4552
    position: relative;
4553
    width: 100%;
4554
}
4555
​
4556
.alignfull {
4557
    margin-top: 5rem;
4558
    margin-right: auto;
4559
    margin-bottom: 5rem;
4560
    margin-left: auto;
4561
    max-width: 100vw;
4562
    position: relative;
4563
    width: 100%;
4564
}
4565
​
4566
.fastspring_circle {
4567
    border: 1px solid #6c757d;
4568
    width: 28px;
4569
    height: 28px;
4570
    border-radius: 100%;
4571
    position: relative;
4572
    margin: 2px;
4573
    display: inline-block;
4574
    vertical-align: middle;
4575
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
4576
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
4577
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
4578
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
4579
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
4580
}
4581
​
4582
.fastspring_circle:hover {
4583
    background: #6c757d;
4584
}
4585
​
4586
.fastspring_circle:before,
4587
.fastspring_circle:after {
4588
    content: '';
4589
    position: absolute;
4590
    top: 0;
4591
    left: 0;
4592
    right: 0;
4593
    bottom: 0;
4594
}
4595
​
4596
.fastspring_circle.plus:before,
4597
.fastspring_circle.plus:after {
4598
    background: #6c757d;
4599
}
4600
​
4601
.fastspring_circle.plus:hover:before,
4602
.fastspring_circle.plus:hover:after {
4603
    background: #fff;
4604
}
4605
​
4606
.fastspring_circle.plus:before {
4607
    width: 2px;
4608
    margin: 3px auto;
4609
}
4610
​
4611
.fastspring_circle.plus:after {
4612
    margin: auto 3px;
4613
    height: 2px;
4614
}
4615
​
4616
.fastspring_circle.minus:before {
4617
    background: #6c757d;
4618
    margin: auto 3px;
4619
    height: 2px;
4620
}
4621
​
4622
.fastspring_circle.minus:hover:before {
4623
    background: #fff;
4624
    margin: auto 3px;
4625
    height: 2px;
4626
}
4627
​
4628
.fastspring label {
4629
    display: inline-block;
4630
    max-width: 100%;
4631
    margin-bottom: 5px;
4632
    font-weight: 700;
4633
}
4634
​
4635
.fastspring .h100 {
4636
    height: 100%;
4637
}
4638
​
4639
.fastspring .xsellimg {
4640
    padding: 5px;
4641
    max-height: 75px;
4642
}
1
2766
 
1
/*
2
Config section here:
3
*/
4
fastspring_options = {
5
    enableTranslations: true,
6
    loadFA: true, /* Should fontawesome be loaded. Default: true*/
7
    enableGA: false, /*Should Google Analytics linker be enabled? Warning: if GA is not included on the page and this is enabled, this will break checkout. Default: false*/
8
    enableCart: true, /*Should the templates for the cart be included on the page? Default: true*/
9
    cartType:"modal", /*options: modal, modalsmall, left, right, bottom, topleft, topright, bottomright, bottomleft, popupcart, none. none will redirect to checkout. Default: modal*/
10
    standAloneCartPage:"https://furiousfalcon.com/hbs/cart.html", /*Full URL of your cart page if defined*/
11
    showPromo:true, /*Should the promo / coupon code field be displayed on the cart? Default: true*/
12
    applyCouponButtonClass:"fastspring_btn fastspring_btn-success", /*Default: fastspring_btn fastspring_btn-success*/
13
    checkoutButtonClass:"fastspring_btn fastspring_btn-success", /*Default: fastspring_btn fastspring_btn-success*/
14
    crossSellButtonClass:"fastspring_btn fastspring_btn-success", /*Default: fastspring_btn fastspring_btn-success*/
15
    upSellButtonClass:"fastspring_btn fastspring_btn-success", /*Default: fastspring_btn fastspring_btn-success*/
16
    edsButtonClass:"fastspring_btn fastspring_btn-success", /*Default: fastspring_btn fastspring_btn-success*/
17
    removeIcon: "trash", /*options: none, times, timescircle, trash, trashalt, minus, minuscircle. none will use the text Remove. Default: none*/
18
    applyCouponButtonIcon:"chevron", /*options: chevron, chevroncircle, arrow, arrowcircle. Default: none*/
19
    checkoutButtonIcon:"cart", /*options: chevron, chevroncircle, arrow, arrowcircle, basket, cart, cartplus, plus, pluscircle, lock. Default: none */
20
    crossSellButtonIcon:"cartplus", /*options: chevron, chevroncircle, arrow, arrowcircle, basket, cart, cartplus, plus, pluscircle. Default: none */
21
    upSellButtonIcon:"lock", /*options: chevron, chevroncircle, arrow, arrowcircle, basket, cart, cartplus, plus, pluscircle. Default: none */
22
    edsButtonIcon:"plus", /*options: chevron, chevroncircle, arrow, arrowcircle, basket, cart, cartplus, plus, pluscircle. Default: none */
23
    enableMiniCart:true, /*default: true*/
24
    miniCartLocation: "bottomleft", /*options: topleft, topright, bottomright, bottomleft. Default: bottomright*/
25
    miniCartIcon: "cart", /*options: chevron, chevroncircle, arrow, arrowcircle, basket, cart, cartplus, plus, pluscircle, lock. Default: cart*/
26
    miniCartBubbleColor: "#ff0000", /*Default: #ff0000*/
27
    cartHeaderBGColor: "#28a745", /*Default: #28a745 */
28
    cartHeaderTextColor: "#fff", /*Default: #ffffff */
29
    popupClosedRedirectURL: "http://jon2s.com", /*full URL to redirect to*/
30
    popupClosedRedirectParameter: "order", /*query string parameter for redirect URL that will include the order reference. i.e. ?order=ABC123456789*/
31
};
32
​
33
document.addEventListener('click', function (event)
34
    {
35
        if (event.target.matches('.fsb-close'))
36
        {
37
            event.preventDefault();
38
            fastspring_closeitall();
39
            return
40
        }
41
        if(event.target.hasAttribute('data-fsc-addthis'))
42
        {
43
            var product = event.target.getAttribute("data-fsc-addthis");
44
            var cart = event.target.getAttribute("data-fsc-cart");
45
            fastspring_addProd(product, cart);
46
            return
47
        }
48
        if(event.target.hasAttribute('data-fsc-opencart'))
49
        {
50
            fastspring_openCart(event.target.getAttribute("data-fsc-opencart"));
51
            return
52
        }
53
        if(event.target.hasAttribute('data-fsc-toggle')) {
54
            event.preventDefault();
55
            var modal = event.target.getAttribute("data-fsc-target");
56
            var element = document.querySelector(modal);
57
            element.classList.add('show');
58
            element.style.display = 'block';
59
        }
60
        if(event.target.hasAttribute('role')) {
61
            event.preventDefault();
62
            var modal = event.target.getAttribute("role");
63
            event.target.classList.remove('show');
64
            event.target.style.display = 'none';
65
        }
66
        if(event.target.hasAttribute('data-fsc-dismiss')) {
67
            event.preventDefault();
68
            modal = event.target.getAttribute("data-fsc-dismiss");
69
            var element = document.querySelector("#" + modal);
70
            element.classList.remove('show');
71
            element.style.display = 'none';
72
73
74
        }
75
        return
76
    },
77
false);
78
79
80
​
81
var translations = {
82
    en: {
83
        applyCouponText: "Apply",
84
        cartTitleText: "Shopping Cart",
85
        checkoutText: "Checkout",
86
        continueShoppingText: "Continue Shopping",
87
        couponLabelText: "Enter Promotional Code",
88
        couponPlaceholderText: "Coupon Code",
89
        crossSellText: "Add to cart",
90
        crossSellTitleText: "You may also be interested in...",
91
        dayText: "day",
92
        daysText: "days",
93
        edsText: "Add to cart",
94
        freeText: "Free",
95
        monthText: "month",
96
        monthsText: "months",
97
        nextChargeText: "Next charge:",
98
        onText: "on",
99
        orderEmptyText: "Your Order Is Empty",
100
        orderTotalText: "Total",
101
        removeText: "Remove",
102
        renewsEveryText: "Renews every ",
103
        renewsAutomaticallyText: "Renews automatically by the seller",
104
        renewsAlongWithSubscriptionText: "Renews along with subscription",
105
        shippingText: "Shipping:",
106
        upSellText: "Upgrade",
107
        viewDetailsText: "View Details",
108
        volumeDiscountsAvailableText: "Volume Discounts Available",
109
        weekText: "week",
110
        weeksText: "weeks",
111
        yearText: "year",
112
        yearsText: "years",
113
        youSaveText: "You Save"
114
    },
115
    da: {
116
        applyCouponText: "Anvend",
117
        cartTitleText: "Indkøbskurv",
118
        checkoutText: "Bestilling",
119
        continueShoppingText: "Fortsætte med at handle",
120
        couponLabelText: "Indtast kuponkode",
121
        couponPlaceholderText: "Kuponkode",
122
        crossSellText: "Tilføj til kurv",
123
        crossSellTitleText: "Du kan også være interesseret i ...",
124
        dayText: "dag",
125
        daysText: "dage",
126
        edsText: "Tilføj til kurv",
127
        freeText: "Gratis",
128
        monthText: "måned",
129
        monthsText: "måned",
130
        nextChargeText: "Næste opkrævning:",
131
        onText: "d",
132
        orderEmptyText: "Din ordre er tom",
133
        orderTotalText: "Total",
134
        removeText: "Fjern",
135
        renewsEveryText: "Fornyer hver ",
136
        renewsAutomaticallyText: "Fornyes automatisk af forhandleren",
137
        renewsAlongWithSubscriptionText: "Fornyer sammen med abonnement",
138
        shippingText: "Forsendelse",
139
        upSellText: "Opgrader",
140
        viewDetailsText: "Vis detaljer",
141
        volumeDiscountsAvailableText: "Mu00e6ngderabat tilgu00e6ngelig",
142
        weekText: "uge",
143
        weeksText: "uger",
144
        yearText: "år",
145
        yearsText: "år",
146
        youSaveText: "Du sparer"
147
    },
148
    de: {
149
        applyCouponText: "Einlösen",
150
        cartTitleText: "Einkaufswagen",
151
        checkoutText: "Auschecken",
152
        continueShoppingText: "Mit dem Einkaufen fortfahren",
153
        couponLabelText: "Geben Sie einen Rabattcode ein",
154
        couponPlaceholderText: "Rabattcode",
155
        crossSellText: "In den Warenkorb legen",
156
        crossSellTitleText: "Sie könnten auch interessiert sein an ...",
157
        dayText: "Tag",
158
        daysText: "Tage",
159
        edsText: "In den Warenkorb legen",
160
        freeText: "Kostenlos",
161
        monthText: "Monat",
162
        monthsText: "Monate",
163
        nextChargeText: "Nächste Abbuchung:",
164
        onText: "am",
165
        orderEmptyText: "Ihre Bestellung ist leer",
166
        orderTotalText: "Summe",
167
        removeText: "Entfernen",
168
        renewsEveryText: "Wird verlängert",
169
        renewsAutomaticallyText: "Wird vom Verkäufer automatisch verlängert",
170
        renewsAlongWithSubscriptionText: "Wird zusammen mit Abonnement erneuert",
171
        shippingText: "Versand",
172
        upSellText: "Aktualisierung",
173
        viewDetailsText: "Details anzeigen",
174
        volumeDiscountsAvailableText: "Mengenrabatte verfu00fcgbar",
175
        weekText: "Woche",
176
        weeksText: "Wochen",
177
        yearText: "Jahr",
178
        yearsText: "Jahre",
179
        youSaveText: "Sie sparen"
180
    },
181
    es: {
182
        applyCouponText: "Aplicar",
183
        cartTitleText: "Carrito de compras",
184
        checkoutText: "Revisa",
185
        continueShoppingText: "Seguir comprando",
186
        couponLabelText: "Introducir Código promocional",
187
        couponPlaceholderText: "Código promocional",
188
        crossSellText: "Añadir al carrito",
189
        crossSellTitleText: "Usted también podría estar interesado en...",
190
        dayText: "día",
191
        daysText: "días",
192
        edsText: "Añadir al carrito",
193
        freeText: "Gratis",
194
        monthText: "mes",
195
        monthsText: "meses",
196
        nextChargeText: "Siguiente cargo:",
197
        onText: "el",
198
        orderEmptyText: "Su pedido está vacío",
199
        orderTotalText: "Total",
200
        removeText: "Eliminar",
201
        renewsEveryText: "renueva cada ",
202
        renewsAutomaticallyText: "Renueva automáticamente por el vendedor",
203
        renewsAlongWithSubscriptionText: "Renovaciones con la suscripción",
204
        shippingText: "Envío",
205
        upSellText: "Potenciar",
206
        viewDetailsText: "Ver los detalles",
207
        volumeDiscountsAvailableText: "Descuentos por volumen disponibles",
208
        weekText: "semana",
209
        weeksText: "semanas",
210
        yearText: "año",
211
        yearsText: "años",
212
        youSaveText: "Usted Ahorra"
213
    },
214
    fi: {
215
        applyCouponText: "Ota käyttöön",
216
        cartTitleText: "Ostoskärry",
217
        checkoutText: "Tarkista",
218
        continueShoppingText: "Jatka ostoksia",
219
        couponLabelText: "Anna kuponkikoodi",
220
        couponPlaceholderText: "Kuponkikoodi",
221
        crossSellText: "Lisää ostoskoriin",
222
        crossSellTitleText: "Saatat myös olla kiinnostunut ...",
223
        dayText: "päivä",
224
        daysText: "päivää",
225
        edsText: "Lisää ostoskoriin",
226
        freeText: "Ilmainen",
227
        monthText: "kuukausi",
228
        monthsText: "kuukautta",
229
        nextChargeText: "Seuraava maksu:",
230
        onText: "päivämääränä",
231
        orderEmptyText: "Tilauksesi on tyhjä",
232
        orderTotalText: "Loppusumma",
233
        removeText: "Poista",
234
        renewsEveryText: "Uusiutuu joka ",
235
        renewsAutomaticallyText: "Myyjä uusii tilauksen automaattisesti",
236
        renewsAlongWithSubscriptionText: "Uusiutuu tilauksen ohella",
237
        shippingText: "Laivaus",
238
        upSellText: "Päivitys",
239
        viewDetailsText: "Näytä tiedot",
240
        volumeDiscountsAvailableText: "Ku00e4ytettu00e4vissu00e4 olevat paljousalennukset",
241
        weekText: "viikko",
242
        weeksText: "viikkoa",
243
        yearText: "vuosi",
244
        yearsText: "vuotta",
245
        youSaveText: "Säästät"
246
    },
247
    fr: {
248
        applyCouponText: "Appliquer",
249
        cartTitleText: "Panier",
250
        checkoutText: "Check-out",
251
        continueShoppingText: "Continuer vos achats",
252
        couponLabelText: "Entrez le code promotionnel",
253
        couponPlaceholderText: "Code promotionnel",
254
        crossSellText: "Ajouter au chariot",
255
        crossSellTitleText: "Vous pourriez également être intéressé par ...",
256
        dayText: "jour",
257
        daysText: "jours",
258
        edsText: "Ajouter au chariot",
259
        freeText: "Gratuit",
260
        monthText: "mois",
261
        monthsText: "mois",
262
        nextChargeText: "Prochains frais:",
263
        onText: "le",
264
        orderEmptyText: "Il n'y a aucune commande",
265
        orderTotalText: "Total",
266
        removeText: "Supprimer",
267
        renewsEveryText: "Se renouvelle toutes les ",
268
        renewsAutomaticallyText: "Se renouvelle automatiquement par le vendeur",
269
        renewsAlongWithSubscriptionText: "Renouveler avec une souscription",
270
        shippingText: "Livraison",
271
        upSellText: "Améliorer",
272
        viewDetailsText: "Voir les détails",
273
        volumeDiscountsAvailableText: "Remises sur gros volume disponibles",
274
        weekText: "semaine",
275
        weeksText: "semaines",
276
        yearText: "années",
277
        yearsText: "années",
278
        youSaveText: "Vous économisez"
279
    },
280
    hr: {
281
        applyCouponText: "Primjeni postavke",
282
        cartTitleText: "Košarica",
283
        checkoutText: "Provjeri",
284
        continueShoppingText: "Nastaviti s kupovinom",
285
        couponLabelText: "Unesi Promotivni Kod",
286
        couponPlaceholderText: "Kod za Popust",
287
        crossSellText: "Dodaj u košaricu",
288
        crossSellTitleText: "Možda će vas zanimati i ...",
289
        dayText: "dan",
290
        daysText: "dana",
291
        edsText: "Dodaj u košaricu",
292
        freeText: "Besplatno",
293
        monthText: "mjesec",
294
        monthsText: "mjesečno",
295
        nextChargeText: "Slijedeća naplata:",
296
        onText: "Uključeno",
297
        orderEmptyText: "Vaša Narudžba je Prazna",
298
        orderTotalText: "Sveukupno",
299
        removeText: "Ukloni",
300
        renewsEveryText: "Obnavlja se svakih ",
301
        renewsAutomaticallyText: "Renouvelle automatiquement par le vendeur",
302
        renewsAlongWithSubscriptionText: "Obnavlja se zajedno sa pretplatom",
303
        shippingText: "Dostava",
304
        upSellText: "Nadogradnja",
305
        viewDetailsText: "Pogledaj Detalje",
306
        volumeDiscountsAvailableText: "Koliu010dinski Popusti su Dostupni",
307
        weekText: "tjedan",
308
        weeksText: "tjedno",
309
        yearText: "godina",
310
        yearsText: "godina",
311
        youSaveText: "Ušteda"
312
    },
313
    it: {
314
        applyCouponText: "Applica",
315
        cartTitleText: "Carrello della spesa",
316
        checkoutText: "Check-out",
317
        continueShoppingText: "Continua a fare acquisti",
318
        couponLabelText: "Inserisci il codice coupon",
319
        couponPlaceholderText: "Codice coupon",
320
        crossSellText: "Aggiungi al carrello",
321
        crossSellTitleText: "Potrebbe interessarti anche ...",
322
        dayText: "giorno",
323
        daysText: "giorni",
324
        edsText: "Aggiungi al carrello",
325
        freeText: "Gratuito",
326
        monthText: "mese",
327
        monthsText: "mesi",
328
        nextChargeText: "Prossimo addebito:",
329
        onText: "il",
330
        orderEmptyText: "Il tuo ordine è vuoto",
331
        orderTotalText: "Totale",
332
        removeText: "Rimuovi",
333
        renewsEveryText: "Si rinnova ogni ",
334
        renewsAutomaticallyText: "Si rinnova automaticamente dal venditore",
335
        renewsAlongWithSubscriptionText: "Si rinnova insieme all'abbonamento",
336
        shippingText: "Spedizione",
337
        upSellText: "Aggiornamento",
338
        viewDetailsText: "Visualizza dettagli",
339
        volumeDiscountsAvailableText: "Disponibili sconti quantitu00e0",
340
        weekText: "settimana",
341
        weeksText: "settimane",
342
        yearText: "anno",
343
        yearsText: "anni",
344
        youSaveText: "Risparmi"
345
    },
346
    ja: {
347
        applyCouponText: "適用",
348
        cartTitleText: "ショッピングカート",
349
        checkoutText: "チェックアウト",
350
        continueShoppingText: "ショッピングを続ける",
351
        couponLabelText: "プロモーション コードを入力",
352
        couponPlaceholderText: "プロモーション コード",
353
        crossSellText: "カートに追加",
354
        crossSellTitleText: "また興味があるかもしれません...",
355
        dayText: "日",
356
        daysText: "日",
357
        edsText: "カートに追加",
358
        freeText: "無料",
359
        monthText: "月",
360
        monthsText: "月",
361
        nextChargeText: "次回の課金:",
362
        onText: "で",
363
        orderEmptyText: "注文が空です",
364
        orderTotalText: "合計",
365
        removeText: "削除",
366
        renewsEveryText: "すべて更新 ",
367
        renewsAutomaticallyText: "販売者によって自動的に更新します。",
368
        renewsAlongWithSubscriptionText: "サブスクリプションに従い更新します",
369
        shippingText: "運送",
370
        upSellText: "アップグレード",
371
        viewDetailsText: "詳細を閲覧",
372
        volumeDiscountsAvailableText: "数量割引",
373
        weekText: "週",
374
        weeksText: "週",
375
        yearText: "年",
376
        yearsText: "年",
377
        youSaveText: "割引"
378
    },
379
    ko: {
380
        applyCouponText: "적용하기",
381
        cartTitleText: "쇼핑 카트",
382
        checkoutText: "점검",
383
        continueShoppingText: "쇼핑을 계속",
384
        couponLabelText: "프로모션 코드 입력하기",
385
        couponPlaceholderText: "쿠폰 코드",
386
        crossSellText: "장바구니에 담기",
387
        crossSellTitleText: "당신은 또한 관심이있을 수 있습니다 ...",
388
        dayText: "일",
389
        daysText: "일",
390
        edsText: "장바구니에 담기",
391
        freeText: "무료",
392
        monthText: "개월",
393
        monthsText: "개월",
394
        nextChargeText: "다음 청구:",
395
        onText: "~에",
396
        orderEmptyText: "주문이 비어 있습니다",
397
        orderTotalText: "합계",
398
        removeText: "제거하기",
399
        renewsEveryText: " 마다 갱신",
400
        renewsAutomaticallyText: "판매자가 자동으로 갱신",
401
        renewsAlongWithSubscriptionText: "구독과 함께 갱신",
402
        shippingText: "배송",
403
        upSellText: "업그레이드",
404
        viewDetailsText: "세부 정보 보기",
405
        volumeDiscountsAvailableText: "대량 구매 할인 가능",
406
        weekText: "주",
407
        weeksText: "주",
408
        yearText: "년",
409
        yearsText: "년",
410
        youSaveText: "~을 절약합니다"
411
    },
412
    nl: {
413
        applyCouponText:"Pas toe",
414
        cartTitleText:"Winkelwagen",
415
        checkoutText:"uitchecken",
416
        continueShoppingText: "Doorgaan met winkelen",
417
        couponLabelText:"Voer couponcode in",
418
        couponPlaceholderText:"Couponcode",
419
        crossSellText:"Voeg toe aan winkelwagen",
420
        crossSellTitleText:"Misschien ben je ook geïnteresseerd in ...",
421
        dayText:"dagen",
422
        daysText:"dagen",
423
        edsText:"Voeg toe aan winkelwagen",
424
        freeText:"Gratis",
425
        monthText:"maanden",
426
        monthsText:"maanden",
427
        nextChargeText:":Volgende aanrekening:",
428
        onText:":op",
429
        orderEmptyText:":Uw bestelling is leeg",
430
        orderTotalText:":Totaal",
431
        removeText:":Verwijder",
432
        renewsEveryText:":Hernieuwt elke",
433
        renewsAutomaticallyText:":Hernieuwt automatisch door de verkoper",
434
        renewsAlongWithSubscriptionText:":Vernieuwt samen met abonnement",
435
        shippingText:"scheepvaart",
436
        upSellText:"Upgrade",
437
        viewDetailsText:"Bekijk Details",
438
        volumeDiscountsAvailableText: "Volumekortingen beschikbaar",
439
        weekText:":weken",
440
        weeksText:":weken",
441
        yearText:":jaren",
442
        yearsText:":jaren",
443
        youSaveText:":U bespaart"
444
    },
445
    no: {
446
        applyCouponText:"Bruk",
447
        cartTitleText:"Handlevogn",
448
        checkoutText:"Sjekk ut",
449
        continueShoppingText: "Fortsette å handle",
450
        couponLabelText:"Oppgi kupongkode",
451
        couponPlaceholderText:"Kupongkode",
452
        crossSellText:"Legg i handlekurv",
453
        crossSellTitleText:"Du kan også være interessert i ...",
454
        dayText:"dag",
455
        daysText:"dager",
456
        edsText:"Legg i handlekurv",
457
        freeText:"Gratis",
458
        monthText:"måned",
459
        monthsText:"måneder",
460
        nextChargeText:":Neste belastning:",
461
        onText:":på",
462
        orderEmptyText:":Bestillingen din er tom",
463
        orderTotalText:":Sum",
464
        removeText:":Fjern",
465
        renewsEveryText:":Fornyes hver",
466
        renewsAutomaticallyText:":Fornyes automatisk av selger",
467
        renewsAlongWithSubscriptionText:":Fornyes samtidig som abonnement",
468
        shippingText:"Shipping",
469
        upSellText:"Oppgradering",
470
        viewDetailsText:"Se detaljer",
471
        volumeDiscountsAvailableText: "Mengderabatter tilgjengelig",
472
        weekText:":uke",
473
        weeksText:":uker",
474
        yearText:":år",
475
        yearsText:":år",
476
        youSaveText:":Du sparer"
477
    },
478
    pt: {
479
        applyCouponText: "Usar",
480
        cartTitleText: "Carrinho de compras",
481
        checkoutText: "Verificação de saída",
482
        continueShoppingText: "Continue comprando",
483
        couponLabelText: "Inserir código do cupão",
484
        couponPlaceholderText: "Código do cupão",
485
        crossSellText: "Adicionar ao carrinho",
486
        crossSellTitleText: "Talvez você também esteja interessado em ...",
487
        dayText: "dia",
488
        daysText: "dias",
489
        edsText: "Adicionar ao carrinho",
490
        freeText: "Gratuito",
491
        monthText: "mês",
492
        monthsText: "meses",
493
        nextChargeText: "Próxima cobrança:",
494
        onText: "em",
495
        orderEmptyText: "O Seu Pedido Está Vazio",
496
        orderTotalText: "Total",
497
        removeText: "Remover",
498
        renewsEveryText: "Renova todas ",
499
        renewsAutomaticallyText: "Renovação automática pelo vendedor",
500
        renewsAlongWithSubscriptionText: "Renova em conjunto com a subscrição",
501
        shippingText: "Remessa",
502
        upSellText: "Melhoria",
503
        viewDetailsText: "Ver Detalhes",
504
        volumeDiscountsAvailableText: "Descontos Disponu00edveis para Quantidades",
505
        weekText: "semana",
506
        weeksText: "semanas",
507
        yearText: "ano",
508
        yearsText: "anos",
509
        youSaveText: "Vai poupar"
510
    },
511
    ru: {
512
        applyCouponText: "Применить",
513
        cartTitleText: "Корзина",
514
        checkoutText: "контроль",
515
        continueShoppingText: "Продолжить покупки",
516
        couponLabelText: "Введите код купона",
517
        couponPlaceholderText: "Код купона",
518
        crossSellText: "Добавить в корзину",
519
        crossSellTitleText: "Вы также можете быть заинтересованы в ...",
520
        dayText: "день",
521
        daysText: "дней",
522
        edsText: "Добавить в корзину",
523
        freeText: "Бесплатно",
524
        monthText: "месяц",
525
        monthsText: "месяцев",
526
        nextChargeText: "Следующая оплата:",
527
        onText: "на",
528
        orderEmptyText: "Ваш заказ пуст",
529
        orderTotalText: "Всего",
530
        removeText: "Удалить",
531
        renewsEveryText: "Возобновляется каждый ",
532
        renewsAutomaticallyText: "Автоматически возобновляется продавцом",
533
        renewsAlongWithSubscriptionText: "Обновляется вместе с подпиской",
534
        shippingText: "Перевозка",
535
        upSellText: "Обновить",
536
        viewDetailsText: "Посмотреть детали",
537
        volumeDiscountsAvailableText: "Объем доступных скидок",
538
        weekText: "неделю",
539
        weeksText: "недель",
540
        yearText: "год",
541
        yearsText: "лет",
542
        youSaveText: "Вы экономите"
543
    },
544
    sv: {
545
        applyCouponText: "Använd",
546
        cartTitleText: "Kundvagn",
547
        checkoutText: "Kassa",
548
        continueShoppingText: "Fortsätt handla",
549
        couponLabelText: "Ange rabattkod",
550
        couponPlaceholderText: "Rabattkod",
551
        crossSellText: "Lägg till i kundvagn",
552
        crossSellTitleText: "Du kanske också är intresserad av ...",
553
        dayText: "dag",
554
        daysText: "dagar",
555
        edsText: "Lägg till i kundvagn",
556
        freeText: "Gratis",
557
        monthText: "månad",
558
        monthsText: "månader",
559
        nextChargeText: "Nästa debitering:",
560
        onText: "på",
561
        orderEmptyText: "Din beställning innehåller inget",
562
        orderTotalText: "Totalsumma",
563
        removeText: "Ta bort",
564
        renewsEveryText: "Förnyas varje ",
565
        renewsAutomaticallyText: "Förnyas automatiskt av säljaren",
566
        renewsAlongWithSubscriptionText: "Förnyas tillsammans med prenumeration",
567
        shippingText: "Frakt",
568
        upSellText: "Uppgradering",
569
        viewDetailsText: "Visa information",
570
        volumeDiscountsAvailableText: "Mu00e4ngdrabatt tillgu00e4nglig",
571
        weekText: "vecka",
572
        weeksText: "veckor",
573
        yearText: "år",
574
        yearsText: "år",
575
        youSaveText: "Du sparar"
576
    },
577
    zh: {
578
        applyCouponText: "应用",
579
        cartTitleText: "购物车",
580
        checkoutText: "查看",
581
        continueShoppingText: "继续购物",
582
        couponLabelText: "输入优惠码",
583
        couponPlaceholderText: "优惠码",
584
        crossSellText: "添加到购物车",
585
        crossSellTitleText: "您也可能对。。。有兴趣...",
586
        dayText: "天",
587
        daysText: "天",
588
        edsText: "添加到购物车",
589
        freeText: "免费",
590
        monthText: "月",
591
        monthsText: "月",
592
        nextChargeText: "下一个收费：",
593
        onText: "开",
594
        orderEmptyText: "您的订单是空的",
595
        orderTotalText: "总计",
596
        removeText: "移除",
597
        renewsEveryText: "每 更新",
598
        renewsAutomaticallyText: "卖家进行自动更新",
599
        renewsAlongWithSubscriptionText: "随订阅进行更新",
600
        shippingText: "运输",
601
        upSellText: "升级",
602
        viewDetailsText: "查看详情",
603
        volumeDiscountsAvailableText: "批量折扣可用",
604
        weekText: "周",
605
        weeksText: "周",
606
        yearText: "年",
607
        yearsText: "年",
608
        youSaveText: "您节省"
609
    }
610
};
611
​
612
setDefaultGeneral("enableTranslations", false);
613
setDefaultGeneral("loadFA", true);
614
setDefaultGeneral("enableGA", false);
615
setDefaultGeneral("enableCart", true);
616
setDefaultGeneral("cartType", "modal");
617
setDefaultGeneral("standAloneCartPage","");
618
setDefaultGeneral("showPromo", true);
619
setDefaultGeneral("cartHeaderBGColor", "");
620
setDefaultGeneral("cartHeaderTextColor", "");
621
setDefaultGeneral("applyCouponButtonClass", "fastspring_btn fastspring_btn-success");
622
setDefaultGeneral("checkoutButtonClass", "fastspring_btn fastspring_btn-success");
623
setDefaultGeneral("crossSellButtonClass", "fastspring_btn fastspring_btn-success");
624
setDefaultGeneral("upSellButtonClass", "fastspring_btn fastspring_btn-success");
625
setDefaultGeneral("edsButtonClass", "fastspring_btn fastspring_btn-success");
626
setDefaultGeneral("continueShoppingButtonClass", "fastspring_btn fastspring_btn-success");
627
setDefaultGeneral("enableMiniCart", true);
628
setDefaultGeneral("miniCartLocation", "bottomright");
629
setDefaultGeneral("miniCartBubbleColor", "");
630
setDefaultGeneral("miniCartCheckoutBGColor", "");
631
setDefaultGeneral("miniCartCheckoutTextColor", "");
632
setDefaultGeneral("miniCartCheckoutBGColorHover", "");
633
setDefaultGeneral("miniCartCheckoutTextColorHover", "");
634
setDefaultGeneral("popupClosedRedirectURL", "");
635
setDefaultGeneral("popupClosedRedirectParameter", "orderReference");
636
setDefaultGeneralIcon("removeIcon","none");
637
setDefaultGeneralIcon("applyCouponButtonIcon","none");
638
setDefaultGeneralIcon("checkoutButtonIcon","none");
639
setDefaultGeneralIcon("crossSellButtonIcon","none");
640
setDefaultGeneralIcon("upSellButtonIcon","none");
641
setDefaultGeneralIcon("edsButtonIcon","none");
642
setDefaultGeneralIcon("miniCartIcon", "cart");
643
setDefaultGeneralIcon("continueShoppingButtonIcon","none");
644
​
645
if(enableCart) {
646
​
647
    var script = document.createElement("script");
648
    script.innerHTML = `{{#iff context "==" "allProducts"}}
649
    {{#if description.summary}}
650
        {{#iff context "!=" "Interupt"}}
651
            {{{truncate description.summary 75}}}<br />
652
        {{/iff}}
653
    {{/if}}
654
{{/iff}}
655
{{#if description.summary}}
656
    <a href="#" class="mb-2" data-fsc-toggle="modal" data-fsc-target="#{{path}}Modal" style="display:block;" data-fsb-viewDetails>View Details</a>
657
{{else}}
658
    {{#if description.full}}
659
        <a href="#" class="mb-2" data-fsc-toggle="modal" data-fsc-target="#{{path}}Modal" style="display:block;" data-fsb-viewDetails>View Details</a>
660
    {{/if}}
661
{{/if}}`;
662
    script.type = "text/x-handlebars-template";
663
    script.setAttribute("data-fsc-template-for", "moreInfo");
664
    script.id = "moreInfo";
665
    document.body.appendChild(script);
666
​
667
    var script = document.createElement("script");
668
    script.innerHTML = `<div class="row">
669
    <div class="col-md-11 offset-md-1">
670
        <div class="card mt-2 mb-3">
671
            <div class="card-header">
672
                {{display}}&nbsp;
673
            </div>
674
            <div class="card-body pb-0">
675
                {{#each items}}
676
                    <div class="row mb-4">
677
                        <div class="col-1 text-center">
678
                            {{#if selected}}
679
                                <input class="fsb-option-input fsb-checkbox" type="checkbox" name="{{display}}" id="{{path}}" checked data-fsc-action="Remove" data-fsc-item-path-value="{{path}}">
680
                            {{else}}
681
                                <input class="fsb-option-input fsb-checkbox" type="checkbox" name="{{display}}" id="{{path}}" data-fsc-action="Add" data-fsc-item-path-value="{{path}}">
682
                            {{/if}}
683
                        </div>
684
                        {{#if image}}
685
                            <div class="fsb-ximage col-2 col-xl-1 m-0 p-0 hide-mini">
686
                                <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
687
                            </div>
688
                        {{/if}}
689
                        <div class="col">
690
                            <p class="fsb-display m-0">{{display}}</p>
691
                            {{>moreInfo}}
692
                            {{>pricing}}<br />
693
                            {{>quantity}}
694
                        </div>
695
                        <div class="col-3 text-right">
696
                            {{#if selected}}
697
                                <strong>
698
                                    {{#iff totalValue ">" "0"}}
699
                                        {{total}}
700
                                    {{else}}
701
                                        <span data-fsb-free>Free</span>
702
                                    {{/iff}}
703
                                </strong>
704
                            {{else}}
705
                                ---
706
                            {{/if}}
707
                        </div>
708
                    </div>
709
                    <hr />
710
                {{/each}}
711
            </div>
712
        </div>
713
    </div>
714
</div>`;
715
    script.type = "text/x-handlebars-template";
716
    script.setAttribute("data-fsc-template-for", "multiChoice");
717
    script.id = "multiChoice";
718
    document.body.appendChild(script);
719
​
720
    var script = document.createElement("script");
721
    script.innerHTML = `<div class="row">
722
    <div class="col-md-11 offset-md-1">
723
        <div class="card mt-2 mb-3">
724
            <div class="card-header">
725
                {{display}}&nbsp;
726
            </div>
727
            <div class="card-body pb-0">
728
                {{#each items}}
729
                    <div class="row mb-4">
730
                        <div class="col-1 text-center ">
731
                            {{#if selected}}
732
                                <input class="fsb-option-input fsb-checkbox" type="checkbox" name="{{display}}" id="{{path}}" checked data-fsc-action="Remove" data-fsc-item-path-value="{{path}}">
733
734
                            {{else}}
735
                                <input class="fsb-option-input fsb-checkbox" type="checkbox" name="{{display}}" id="{{path}}" data-fsc-action="Add" data-fsc-item-path-value="{{path}}">
736
                            {{/if}}
737
                        </div>
738
                        {{#if image}}
739
                            <div class="fsb-ximage col-2 col-xl-1 m-0 p-0 hide-mini">
740
                                <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
741
                            </div>
742
                        {{/if}}
743
                        <div class="col">
744
                            <p class="fsb-display m-0">{{display}}</p>
745
                            {{>moreInfo}}
746
                            <span class="pricing">
747
                                {{#if discountTotalValue}}
748
                                    <p class=" fsb-inline-item originalPrice"><s>{{price}}</s></p>
749
                                {{/if}}
750
                                {{#iff totalValue ">" "0"}}
751
                                    <p class=" fsb-inline-item price">{{unitPrice}}</p>
752
                                {{else}}
753
                                    <p class=" fsb-inline-item text-success price" data-fsb-free> Free</p>
754
                                {{/iff}}
755
                            </span>
756
                            <br />
757
                            {{#if selected}}
758
                                {{#iff pricing.quantity "==" "allow"}}
759
                                    <div class="fsb-number">
760
                                         <span class="fsb-minus"><span class="fastspring_circle minus"></span></span>
761
                                            <input class="fsb-qtyinput" type="text" value="{{quantity}}" data-fsc-autoapply data-fsc-item-quantity-value data-fsc-item-quantity data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-action="Update"/>
762
                                        <span class="fsb-plus"><span class="fastspring_circle plus"></span></span>
763
                                    </div>
764
                                {{/iff}}
765
                                {{#iff pricing.quantity "==" "lock"}}
766
                                    <p class="fsb-multiply fsb-inline-item">{{quantity}}</p>
767
                                {{/iff}}
768
                            {{/if}}
769
                            {{>volumeDiscount}}
770
                            <div>
771
                                <em style="font-size:75%;">
772
                                    <span data-fsb-renewsAlongWithSubscription>Renews along with subscription</span>
773
                                </em>
774
                            </div>
775
                        </div>
776
                        <div class="col-3 text-right">
777
                            {{#if selected}}
778
                                <strong>
779
                                    {{#iff totalValue ">" "0"}}
780
                                        {{total}}
781
                                    {{else}}
782
                                        <span data-fsb-free>Free</span>
783
                                    {{/iff}}
784
                                </strong>
785
                            {{else}}
786
                                ---
787
                            {{/if}}
788
                        </div>
789
                    </div>
790
                    <hr />
791
                {{/each}}
792
            </div>
793
        </div>
794
    </div>
795
</div>`;
796
    script.type = "text/x-handlebars-template";
797
    script.setAttribute("data-fsc-template-for", "multiChoiceAddon");
798
    script.id = "multiChoiceAddon";
799
    document.body.appendChild(script);
800
​
801
    var script = document.createElement("script");
802
    script.innerHTML = `<span class="pricing">
803
    {{#if discountTotalValue}}
804
        <p class=" fsb-inline-item originalPrice"><s>{{price}}</s></p>
805
    {{/if}}
806
    {{#iff totalValue ">" "0"}}
807
        <p class=" fsb-inline-item price">{{unitPrice}}</p>
808
    {{else}}
809
        <p class=" fsb-inline-item text-success price" data-fsb-free>Free</p>
810
    {{/iff}}
811
    {{#if subscription}}
812
        <div class="mb-2">
813
            <em style="font-size:75%;">
814
                {{#iff subscription.intervalUnit "==" "adhoc"}}
815
                    <span data-fsb-renewsAutomatically>Renews automatically by the seller</span>
816
                {{else}}
817
                    <span data-fsb-renewsEvery>Renews every </span>
818
                {{#iff subscription.intervalLength ">=" "2" }}
819
                    {{subscription.intervalLength}}
820
                    {{#iff subscription.intervalUnit "==" "day"}}
821
                        <span data-fsb-days>days</span>
822
                    {{/iff}}
823
                    {{#iff subscription.intervalUnit "==" "week"}}
824
                        <span data-fsb-weeks>weeks</span>
825
                    {{/iff}}
826
                    {{#iff subscription.intervalUnit "==" "month"}}
827
                        <span data-fsb-months>months</span>
828
                    {{/iff}}
829
                    {{#iff subscription.intervalUnit "==" "year"}}
830
                        <span data-fsb-years>years</span>
831
                    {{/iff}}
832
                {{/iff}}
833
                {{#iff subscription.intervalLength "==" "1" }}
834
                    {{#iff subscription.intervalUnit "==" "day"}}
835
                        <span data-fsb-day>day</span>
836
                    {{/iff}}
837
                    {{#iff subscription.intervalUnit "==" "week"}}
838
                        <span data-fsb-week>week</span>
839
                    {{/iff}}
840
                    {{#iff subscription.intervalUnit "==" "month"}}
841
                        <span data-fsb-month>month</span>
842
                    {{/iff}}
843
                    {{#iff subscription.intervalUnit "==" "year"}}
844
                        <span data-fsb-year>year</span>
845
                    {{/iff}}
846
                {{/iff}}.
847
                <br /><span data-fsb-nextCharge>Next charge:</span> {{subscription.nextChargeTotal}} <span data-fsb-on>on</span> {{subscription.nextChargeDate}}
848
                {{/iff}}
849
            </em>
850
        </div>
851
    {{/if}}
852
</span>`;
853
    script.type = "text/x-handlebars-template";
854
    script.setAttribute("data-fsc-template-for", "pricing");
855
    script.id = "pricing";
856
    document.body.appendChild(script);
857
​
858
    var script = document.createElement("script");
859
    script.innerHTML = `<div class="modal fade " id="{{path}}{{context}}Modal" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label" aria-hidden="true">
860
    <div class="modal-dialog modal-lg shadow-lg modal-dialog-scrollable" role="document">
861
        <div class="modal-content">
862
            <div class="fsb-modal-header">
863
                <a href="#" data-fsc-dismiss="{{path}}{{context}}Modal" id="fsb-close" class="close fsb-cart_title m-0" aria-label="Close" style="float: right;">&times;</a>
864
                <span class="fsb-cart_title m-0" >{{display}}</span>
865
            </div>
866
            <div class="modal-body">
867
                <div class="container">
868
                    <div class="row justify-content-center">
869
                        {{#if image}}
870
                            <div class="col-4">
871
                                <img src="{{image}}" class="img-fluid pr-2" alt="{{display}}" />
872
                            </div>
873
                        {{/if}}
874
                        <div class="col">
875
                            <h2 class="portfolio-modal-title text-secondary text-uppercase mb-2">{{display}}</h2>
876
                            {{>pricing}}
877
                            {{>volumeDiscount}}
878
                            {{{description.summary}}}
879
                            {{{description.full}}}
880
                        </div>
881
                    </div>
882
                </div>
883
            </div>
884
        </div>
885
    </div>
886
</div>`;
887
    script.type = "text/x-handlebars-template";
888
    script.setAttribute("data-fsc-template-for", "productModal");
889
    script.id = "productModal";
890
    document.body.appendChild(script);
891
892
    var script = document.createElement("script");
893
    script.innerHTML = `{{#if selected}}
894
    {{#iff pricing.quantity "==" "allow"}}
895
        <div class="fsb-number">
896
            <span class="fsb-minus"><span class="fastspring_circle minus"></span></span>
897
                <input class="fsb-qtyinput" type="text" value="{{quantity}}" data-fsc-item-quantity-value data-fsc-item-quantity data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" onchange="fastspring_changeQty(this);" />
898
            <span class="fsb-plus"><span class="fastspring_circle plus"></span></span>
899
        </div>
900
    {{/iff}}
901
    {{#if subscription}}
902
        <div>
903
            <em style="font-size:75%;">
904
                {{#iff subscription.intervalUnit "==" "adhoc"}}
905
                    <span data-fsb-renewsAutomatically>Renews automatically by the seller</span>
906
                {{else}}
907
                    <span data-fsb-renewsEvery>Renews every </span>
908
                {{#iff subscription.intervalLength ">=" "2" }}
909
                    {{subscription.intervalLength}}
910
                    {{#iff subscription.intervalUnit "==" "day"}}
911
                        <span data-fsb-days>days</span>
912
                    {{/iff}}
913
                    {{#iff subscription.intervalUnit "==" "week"}}
914
                        <span data-fsb-weeks>weeks</span>
915
                    {{/iff}}
916
                    {{#iff subscription.intervalUnit "==" "month"}}
917
                        <span data-fsb-months>months</span>
918
                    {{/iff}}
919
                    {{#iff subscription.intervalUnit "==" "year"}}
920
                        <span data-fsb-years>years</span>
921
                    {{/iff}}
922
                {{/iff}}
923
                {{#iff subscription.intervalLength "==" "1" }}
924
                    {{#iff subscription.intervalUnit "==" "day"}}
925
                        <span data-fsb-day>day</span>
926
                    {{/iff}}
927
                    {{#iff subscription.intervalUnit "==" "week"}}
928
                        <span data-fsb-week>week</span>
929
                    {{/iff}}
930
                    {{#iff subscription.intervalUnit "==" "month"}}
931
                        <span data-fsb-month>month</span>
932
                    {{/iff}}
933
                    {{#iff subscription.intervalUnit "==" "year"}}
934
                        <span data-fsb-year>year</span>
935
                    {{/iff}}
936
                {{/iff}}
937
                <br /><span data-fsb-nextCharge>Next charge:</span> {{subscription.nextChargeTotal}} <span data-fsb-on>on</span> {{subscription.nextChargeDate}}
938
                {{/iff}}
939
            </em>
940
        </div>
941
    {{/if}}
942
943
{{/if}}`;
944
    script.type = "text/x-handlebars-template";
945
    script.setAttribute("data-fsc-template-for", "quantity");
946
    script.id = "quantity";
947
    document.body.appendChild(script);
948
​
949
    var script = document.createElement("script");
950
    script.innerHTML = `<div class="row">
951
    <div class="col-md-11 offset-md-1">
952
        <div class="card mt-2 mb-3">
953
            <div class="card-header">
954
                {{display}}&nbsp;
955
            </div>
956
            <div class="card-body pb-0">
957
                {{#each items}}
958
                    <div class="row mb-4">
959
                        <div class="col-1 text-center"><input class="fsb-option-input fsb-radio" type="radio" {{#if selected}} checked{{/if}} name="{{display}}" id="{{path}}" data-fsc-action="Add" data-fsc-item-path-value="{{path}}" ></div>
960
                        {{#if image}}
961
                            <div class="fsb-ximage col-2 col-xl-1 m-0 p-0 hide-mini">
962
                                <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
963
                            </div>
964
                        {{/if}}
965
                        <div class="col">
966
                            <p class="fsb-display m-0">{{display}}</p>
967
                            {{>pricing}}<br />
968
                            {{>quantity}}
969
                        </div>
970
                        <div class="col-3 text-right">
971
                            {{#if selected}}
972
                                <strong>
973
                                    {{#iff totalValue ">" "0"}}
974
                                        {{total}}
975
                                    {{else}}
976
                                        <span data-fsb-free>Free</span>
977
                                    {{/iff}}
978
                                </strong>
979
                            {{else}}
980
                                        ---
981
                            {{/if}}
982
                        </div>
983
                    </div>
984
                    <hr />
985
                {{/each}}
986
            </div>
987
        </div>
988
    </div>
989
</div>  `;
990
    script.type = "text/x-handlebars-template";
991
    script.setAttribute("data-fsc-template-for", "singleChoice");
992
    script.id = "singleChoice";
993
    document.body.appendChild(script);
994
​
995
    var script = document.createElement("script");
996
    script.innerHTML = `<div class="row">
997
    <div class="col-md-11 offset-md-1">
998
        <div class="card mt-2 mb-3">
999
            <div class="card-header">
1000
                {{display}}&nbsp;
1001
            </div>
1002
            <div class="card-body pb-0">
1003
                {{#each items}}
1004
                    <div class="row mb-4">
1005
                        <div class="col-1 text-center"><input class="fsb-option-input fsb-radio" type="radio" {{#if selected}} checked{{/if}} name="{{display}}" id="{{path}}" data-fsc-action="Add" data-fsc-item-path-value="{{path}}" ></div>
1006
                        {{#if image}}
1007
                            <div class="fsb-ximage col-2 col-xl-1 m-0 p-0 hide-mini">
1008
                                <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1009
                            </div>
1010
                        {{/if}}
1011
                        <div class="col">
1012
                            <p class="fsb-display m-0">{{display}}</p>
1013
                            {{>moreInfo}}
1014
                            <span class="pricing">
1015
                                {{#if discountTotalValue}}
1016
                                    <p class=" fsb-inline-item originalPrice"><s>{{price}}</s></p>
1017
                                {{/if}}
1018
                                {{#iff totalValue ">" "0"}}
1019
                                    <p class=" fsb-inline-item price">{{unitPrice}}</p>
1020
                                {{else}}
1021
                                    <p class=" fsb-inline-item text-success price" data-fsb-free>Free</p>
1022
                                {{/iff}}
1023
                            </span>
1024
                            <br />
1025
                            {{#if selected}}
1026
                                {{#iff pricing.quantity "==" "allow"}}
1027
                                    <div class="fsb-number">
1028
                                        <span class="fsb-minus"><span class="fastspring_circle minus"></span></span>
1029
                                            <input class="fsb-qtyinput" type="text" value="{{quantity}}" data-fsc-autoapply data-fsc-item-quantity-value data-fsc-item-quantity data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-action="Update"/>
1030
                                        <span class="fsb-plus"><span class="fastspring_circle plus"></span></span>
1031
                                    </div>
1032
                                {{/iff}}
1033
                                {{#iff pricing.quantity "==" "lock"}}
1034
                                    <p class="fsb-multiply fsb-inline-item">{{quantity}}</p>
1035
                                {{/iff}}
1036
                            {{/if}}
1037
                            {{>volumeDiscount}}
1038
                            <div>
1039
                                <em style="font-size:75%;">
1040
                                    <span data-fsb-renewsAlongWithSubscription>Renews along with subscription</span>
1041
                                </em>
1042
                            </div>
1043
                        </div>
1044
                        <div class="col-3 text-right">
1045
                            {{#if selected}}
1046
                                <strong>
1047
                                    {{#iff totalValue ">" "0"}}
1048
                                        {{total}}
1049
                                    {{else}}
1050
                                        <span data-fsb-free>Free</span>
1051
                                    {{/iff}}
1052
                                </strong>
1053
                            {{else}}
1054
                                        ---
1055
                            {{/if}}
1056
                        </div>
1057
                    </div>
1058
                    <hr />
1059
                {{/each}}
1060
            </div>
1061
        </div>
1062
    </div>
1063
</div>`;
1064
    script.type = "text/x-handlebars-template";
1065
    script.setAttribute("data-fsc-template-for", "singleChoiceAddon");
1066
    script.id = "singleChoiceAddon";
1067
    document.body.appendChild(script);
1068
​
1069
    var script = document.createElement("script");
1070
    script.innerHTML = `<div class="row">
1071
    <div class="col-md-11 offset-md-1">
1072
        <div class="card mt-2 mb-3">
1073
            <div class="card-header">
1074
                {{display}}&nbsp;
1075
            </div>
1076
            <div class="card-body pb-0">
1077
                {{#each items}}
1078
                    {{#iff selected "==" false}}
1079
                        <div class="row mb-4">
1080
                            {{#if image}}
1081
                                <div class="fsb-ximage col-3 col-md-2 hide-mini">
1082
                                    <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1083
                                </div>
1084
                            {{/if}}
1085
                            <div class="col">
1086
                                <p class="fsb-display">{{display}}</p>
1087
                                {{>moreInfo}}
1088
                                {{>pricing}}
1089
                                {{>volumeDiscount}}
1090
                            </div>
1091
                            <div class="col-sm-4 col-6 text-right">
1092
                                <button type="button" data-fsb-upSellButtonClass data-fsc-item-path-value="{{path}}" data-fsc-action="Add">
1093
                                    {{#if description.action}}{{description.action}}{{else}}<span data-fsb-upSell>Add to cart</span>{{/if}} <i data-fsb-upSellButtonIcon></i>
1094
                                </button>
1095
                            </div>
1096
                        </div>
1097
                        <hr />
1098
                    {{/iff}}
1099
                {{/each}}
1100
            </div>
1101
        </div>
1102
    </div>
1103
</div>`;
1104
    script.type = "text/x-handlebars-template";
1105
    script.setAttribute("data-fsc-template-for", "upSell");
1106
    script.id = "upSell";
1107
    document.body.appendChild(script);
1108
​
1109
    var script = document.createElement("script");
1110
    script.innerHTML = `{{#if discountTotalValue}}
1111
    <div class="yousave">
1112
        <span data-fsb-youSave>You Save</span> {{discountTotal}} ({{discountPercent}})
1113
        {{#if discount.reason}}
1114
            <p>{{discount.reason}}</p>
1115
        {{/if}}
1116
    </div>
1117
{{/if}}
1118
{{#if discount.data.tiers}}
1119
    <div class="yousave my-1">
1120
        <strong data-fsb-volumeDiscountsAvailable></strong>
1121
        {{#each discount.data.tiers}}
1122
            <div>
1123
                {{quantity}}+ : {{percent}}{{amount}} off
1124
            </div>
1125
        {{/each}}
1126
    </div>
1127
{{/if}}`;
1128
    script.type = "text/x-handlebars-template";
1129
    script.setAttribute("data-fsc-template-for", "volumeDiscount");
1130
    script.id = "volumeDiscount";
1131
    document.body.appendChild(script);
1132
​
1133
    var script = document.createElement("script");
1134
    script.innerHTML = `{{#each order}}
1135
    {{#each allCrossSells}}
1136
        {{#iff @index "==" 0}}
1137
            <h4 data-fsb-crossSellTitle>You may also be interested in...</h4>
1138
            <div class="row hide-mini mb-4">
1139
        {{/iff}}
1140
            {{#iff @root.order.0.allCrossSells.length ">" 5}}
1141
                <div class="xsellrow col-sm-6 col-md-3 text-center mb-4">
1142
            {{else}}
1143
                {{#iff @root.order.0.allCrossSells.length ">" 3}}
1144
                    <div class="xsellrow col-md-3 text-center mb-4">
1145
                {{else}}
1146
                    {{#iff @root.order.0.allCrossSells.length "==" 3}}
1147
                        <div class="xsellrow col-md-4 text-center mb-4">
1148
                    {{else}}
1149
                        {{#iff @root.order.0.allCrossSells.length "==" 2}}
1150
                            <div class="col-md-6 text-center mb-4">
1151
                        {{else}}
1152
                            <div class="col-md-12 text-center mb-4">
1153
                        {{/iff}}
1154
                    {{/iff}}
1155
                {{/iff}}
1156
            {{/iff}}
1157
            <div class="col-xs-12 border p-3 fsb-rounded h100">
1158
                <img data-fsc-item-path="{{path}}" data-fsc-item-image class="xsellimg"  data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal">
1159
                <span class="displayname"><p class="name" data-fsc-item-path="{{path}}" data-fsc-item-path-value="{{path}}" data-fsc-item-display></p></span>
1160
                {{>pricing}}
1161
                {{>moreInfo}}
1162
                <span data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-item-selection-smartdisplay-inverse >
1163
                    <a data-fsb-crossSellButtonClass data-fsc-item-path="{{path}}" data-fsc-item-path-value="{{path}}" data-fsc-action="Add">
1164
                        <span data-fsc-item-path="{{path}}" data-fsc-item-description-action>
1165
                            <span data-fsb-crossSell>Add to cart</span>
1166
                        </span>
1167
                         <i data-fsb-crossSellButtonIcon></i>
1168
                    </a>
1169
                </span>
1170
            </div>
1171
        </div>
1172
    {{/each}}
1173
    {{#if allCrossSells}}
1174
        </div>
1175
    {{/if}}
1176
{{/each}}
1177
{{#each order}}
1178
    {{#each allCrossSells}}
1179
        {{#iff @index "==" 0}}
1180
            <div class="row show-mini">
1181
        {{/iff}}
1182
        <div class="col-md-6 text-center mb-4">
1183
            <div class="col-xs-12 border p-3 fsb-rounded h100">
1184
                <img data-fsc-item-path="{{path}}" data-fsc-item-image class="xsellimg"  data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal">
1185
                <span class="displayname"><p class="name" data-fsc-item-path="{{path}}" data-fsc-item-path-value="{{path}}" data-fsc-item-display></p></span>
1186
                {{>pricing}}
1187
                {{>moreInfo}}
1188
                <span data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-item-selection-smartdisplay-inverse>
1189
                    <a data-fsb-crossSellButtonClass data-fsc-item-path="{{path}}" data-fsc-item-path-value="{{path}}" data-fsc-action="Add">
1190
                        <span data-fsc-item-path="{{path}}" data-fsc-item-description-action>
1191
                            <span data-fsb-crossSell>Add to cart</span>
1192
                        </span>
1193
                         <i data-fsb-crossSellButtonIcon></i>
1194
                    </a>
1195
                </span>
1196
            </div>
1197
        </div>
1198
    {{/each}}
1199
    {{#if allCrossSells}}
1200
        </div>
1201
    {{/if}}
1202
{{/each}}`;
1203
    script.type = "text/x-handlebars-template";
1204
    script.setAttribute("data-fsc-template-for", "xSell");
1205
    script.id = "xSell";
1206
    document.body.appendChild(script);
1207
​
1208
    var script = document.createElement("script");
1209
    script.innerHTML = `<span data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-item-selection-smartdisplay-inverse style="display: block;">
1210
    <a class="btn btn-success addcartbutton" data-fsc-addthis="{{path}}" data-fsc-item-path="{{path}}" data-fsc-item-description-action>
1211
        Add to Cart
1212
    </a>
1213
</span>
1214
<span data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-item-selection-smartdisplay style="display:none;">
1215
    <button class="btn btn-success viewcartbutton" onclick="fastspring_openCart();">
1216
        View Cart
1217
    </button>
1218
</span>`;
1219
    script.type = "text/x-handlebars-template";
1220
    script.setAttribute("data-fsc-template-for", "addToCart");
1221
    script.id = "addToCart";
1222
    document.body.appendChild(script);
1223
​
1224
    var script = document.createElement("script");
1225
    script.innerHTML = `{{#each groups}}
1226
    {{#each items}}
1227
        {{>productModal}}
1228
        {{#each groups}}
1229
            {{#each items}}
1230
                {{>productModal}}
1231
            {{/each}}
1232
        {{/each}}
1233
    {{/each}}
1234
{{/each}}`;
1235
    script.type = "text/x-handlebars-template";
1236
    script.setAttribute("data-fsc-template-for", "cartModals");
1237
    script.id = "cartModals";
1238
    document.body.appendChild(script);
1239
​
1240
    var script = document.createElement("script");
1241
    script.innerHTML = `<div class="fsb-modal-header">
1242
    <a id="fsb-close" class="close fsb-close fsb-cart_title m-0" aria-label="Close">
1243
        &times;
1244
    </a>
1245
    <span class="fsb-cart_title m-0" data-fsb-cartTitle>
1246
        Shopping Cart
1247
    </span>
1248
</div>
1249
<div class="fsb-modal-body" {{#each order}}{{#unless selections}} style="overflow-y:auto !important; max-height: calc(100vh - (20px * 2));"{{/unless}}{{/each}}>
1250
    <div id="fsb_error" class="fsb-alert fsb-alert-danger" role="alert">
1251
        <p class="fsb-alert-heading">
1252
            <strong>
1253
                I"m sorry, there was an issue.
1254
            </strong>
1255
        </p>
1256
        <p id="fsb_error_msg">
1257
        </p>
1258
    </div>
1259
    <div id="fsb" data-fsc-selections-smartdisplay>
1260
        <div class="container-fluid">
1261
            <div class="row align-items-center mb-4">
1262
                {{#each items}}
1263
                    {{#each items}}
1264
                        {{#iff path "!=" "SystemExtension.shippingcalculation"}}
1265
                            <div class="col-lg-12 fsb-border mb-4 fsb-rounded">
1266
                                <div class="row mt-4 mb-4">
1267
                                    <div class="col-md-9 col-8">
1268
                                        <div class="show-mini-block">
1269
                                            <div class="row">
1270
                                                {{#if image}}
1271
                                                    <div class="col-3">
1272
                                                        <img src="{{image}}" class="img-fluid" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1273
                                                    </div>
1274
                                                {{/if}}
1275
                                                <div class="col">
1276
                                                    <p class="fsb-display p-0 m-0">
1277
                                                        {{display}}
1278
                                                    </p>
1279
                                                    {{>moreInfo}}
1280
                                                    {{>quantity}}<br />
1281
                                                    {{>pricing}}
1282
                                                    {{>volumeDiscount}}
1283
                                                </div>
1284
                                            </div>
1285
                                        </div>
1286
                                        <div class="hide-mini">
1287
                                            <div class="row">
1288
                                                {{#if image}}
1289
                                                    <div class="fsb-ximage col-3 col-md-2">
1290
                                                        <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1291
                                                    </div>
1292
                                                {{/if}}
1293
                                                <div class="col">
1294
                                                    <p class="fsb-display p-0 m-0">
1295
                                                        {{display}}
1296
                                                    </p>
1297
                                                    {{>moreInfo}}
1298
                                                    {{>quantity}}
1299
                                                    {{>volumeDiscount}}
1300
                                                </div>
1301
                                                <div class="col-md-3 d-xs-none d-sm-none d-md-block">
1302
                                                    {{#if discountTotalValue}}
1303
                                                        <p class=" fsb-inline-item originalPrice"><s>{{price}}</s></p>
1304
                                                    {{/if}}
1305
                                                    {{#iff totalValue ">" "0"}}
1306
                                                        <p class=" fsb-inline-item price">{{unitPrice}}</p>
1307
                                                    {{else}}
1308
                                                        <p class=" fsb-inline-item text-success price" data-fsb-free>Free</p>
1309
                                                    {{/iff}}
1310
                                                    </span> &times;
1311
                                                    <span data-fsc-item-path="{{path}}" data-fsc-item-quantity>
1312
                                                    </span>
1313
                                                </div>
1314
                                            </div>
1315
                                        </div>
1316
                                    </div>
1317
                                    <div class="col-md-3 col-4 text-right">
1318
                                        <p class="fsb-extPrice text-nowrap m-0">
1319
                                            {{#iff totalValue ">" "0"}}
1320
                                                {{total}}
1321
                                                {{else}}
1322
                                                <span data-fsb-free>Free</span>
1323
                                            {{/iff}}
1324
1325
                                            {{#if removable}}
1326
                                                <a href="#" class="removeText" data-fsc-action="Remove" data-fsc-item-path-value="{{path}}">
1327
                                                    <span class="removeNone"><br /><span data-fsb-remove>Remove</span></span>
1328
                                                    <i data-fsb-removeIcon></i>
1329
                                                </a>
1330
                                            {{/if}}
1331
                                        </p>
1332
1333
                                    </div>
1334
                                </div>
1335
                                {{#each groups}}
1336
                                    {{#iff type "==" "replace"}}
1337
                                        {{#iff selectableReplacements "==" true}}
1338
                                            {{>upSell}}
1339
                                        {{/iff}}
1340
                                    {{/iff}}
1341
                                    {{#iff type "==" "bundle"}}
1342
                                        <div class="row">
1343
                                            <div class="col offset-md-1">
1344
                                                <div class="card mt-2 mb-3">
1345
                                                    <div class="card-header">
1346
                                                        {{display}} includes the following:
1347
                                                    </div>
1348
                                                    <div class="card-body pb-4">
1349
                                                        {{#each items}}
1350
                                                            {{#if image}}
1351
                                                                <img src="{{image}}" class="fsb-bundleimage" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1352
                                                            {{/if}}
1353
                                                        {{/each}}
1354
                                                    </div>
1355
                                                </div>
1356
                                            </div>
1357
                                        </div>
1358
                                    {{/iff}}
1359
                                    {{#iff type "==" "options"}}
1360
                                        <div class="row">
1361
                                            <div class="col-md-11 offset-md-1">
1362
                                                <div class="card mt-2 mb-3">
1363
                                                    <div class="card-header">
1364
                                                        {{display}}&nbsp;
1365
                                                    </div>
1366
                                                    <div class="card-body pb-0">
1367
                                                        {{#each items}}
1368
                                                        <div class="row mb-4">
1369
                                                            <div class="col-1">
1370
                                                                <input class="fsb-option-input fsb-radio" type="radio" {{#if selected}} checked{{/if}} name="{{display}}" id="{{path}}" data-fsc-action="Add" data-fsc-item-path-value="{{path}}" >
1371
                                                            </div>
1372
                                                            <div class="col-7">
1373
                                                                {{#if image}}
1374
                                                                <img src="{{image}}" class="img-fluid fsb-ximage p-2 hide-mini" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1375
                                                                {{/if}}
1376
                                                                <p class="fsb-display">
1377
                                                                    {{display}}
1378
                                                                </p>
1379
                                                                {{>moreInfo}}
1380
                                                                {{>volumeDiscount}}
1381
                                                            </div>
1382
                                                            <div class="col-4 text-right">
1383
                                                                {{>pricing}}
1384
                                                            </div>
1385
                                                        </div>
1386
                                                        <hr />
1387
                                                        {{/each}}
1388
                                                    </div>
1389
                                                </div>
1390
                                            </div>
1391
                                        </div>
1392
                                    {{/iff}}
1393
                                    {{#iff type "==" "config-one"}}
1394
                                        {{>singleChoice}}
1395
                                    {{/iff}}
1396
                                    {{#iff type "==" "config-many"}}
1397
                                        {{>multiChoice}}
1398
                                    {{/iff}}
1399
                                    {{#iff type "==" "addon-one"}}
1400
                                        {{>singleChoiceAddon}}
1401
                                    {{/iff}}
1402
                                    {{#iff type "==" "addon-many"}}
1403
                                        {{>multiChoiceAddon}}
1404
                                    {{/iff}}
1405
                                {{/each}}
1406
                            </div>
1407
                        {{/iff}}
1408
                    {{/each}}
1409
                {{/each}}
1410
            </div>
1411
            <div class="row align-items-center mb-4 fsb-totalBlock">
1412
                <div class="col-12">
1413
                    <div class="row">
1414
                        <div class="show-mini col-12">
1415
                            {{#each items}}
1416
                                {{#each items}}
1417
                                    {{#iff path "==" "SystemExtension.shippingcalculation"}}
1418
                                            <div class="col-8 text-right">
1419
                                                <p class="fsb-shipping" data-fsb-shipping>
1420
                                                    Shipping:
1421
                                                </p>
1422
                                            </div>
1423
                                            <div class="col-4 text-right">
1424
                                                <p class="fsb-shipping">
1425
                                                    {{total}}
1426
                                                </p>
1427
                                            </div>
1428
                                    {{/iff}}
1429
                                {{/each}}
1430
                            {{/each}}
1431
                        </div>
1432
                        <div class="col-12 col-md-6 order-md-12 order-2 mb-4 hide-mini">
1433
                            {{#each items}}
1434
                                {{#each items}}
1435
                                    {{#iff path "==" "SystemExtension.shippingcalculation"}}
1436
                                        <div class="row">
1437
                                            <div class="col-8 text-right">
1438
                                                <p class="fsb-shipping" data-fsb-shipping>
1439
                                                    Shipping:
1440
                                                </p>
1441
                                            </div>
1442
                                            <div class="col-4 text-right">
1443
                                                <p class="fsb-shipping">
1444
                                                    {{total}}
1445
                                                </p>
1446
                                            </div>
1447
                                        </div>
1448
                                    {{/iff}}
1449
                                {{/each}}
1450
                            {{/each}}
1451
                            <div class="row">
1452
                                <div class="col-8 text-right">
1453
                                    <p class="fsb-total" data-fsb-orderTotal>
1454
                                        Total
1455
                                    </p>
1456
                                </div>
1457
                                <div class="col-4 text-right">
1458
                                    {{#each order}}
1459
                                        {{#iff totalValue ">" "0"}}
1460
                                            <p class="fsb-total" data-fsc-order-total >
1461
                                            </p>
1462
                                        {{else}}
1463
                                            <p class="fsb-total">
1464
                                                <span data-fsb-free>Free</span>
1465
                                            </p>
1466
                                        {{/iff}}
1467
                                        {{#if discountTotalValue}}
1468
                                            <p class="text-success hide-mini">
1469
                                                <span data-fsb-youSave>You Save</span> {{discountTotal}}!
1470
                                            </p>
1471
                                        {{/if}}
1472
                                    {{/each}}
1473
                                </div>
1474
                            </div>
1475
                            <div class="row fsb-mod-checkoutblock hide-mini">
1476
                                <div class="col-12 mt-2">
1477
                                    <button id="checkout" data-fsc-selections-smartdisplay style="float:right;" data-fsc-action="Checkout" onclick="fastspring_closeitall();" data-fsb-checkoutButtonClass>
1478
                                        <span data-fsb-checkout>Checkout&nbsp;</span> <i data-fsb-checkoutButtonIcon></i>
1479
                                    </button>
1480
                                </div>
1481
                            </div>
1482
                        </div>
1483
                        <div class="col-md-6 col-12 order-md-1 order-2 fsb-mod-promoblock">
1484
                            <div id="promodiv" class="col-12 text-nowrap text-center text-md-left hide-mini">
1485
                                <label for="couponcode" class="fsb-promocode" id="promocodelabel" data-fsb-couponLabel>
1486
                                    Enter Promotional Code
1487
                                </label>
1488
                                <input type="text" id="couponcode" data-fsc-order-promocode data-fsb-couponPlaceholder class="form-control" placeholder style="display:inline-block; width:200px;">
1489
                                <button onclick="fastspring_applycoupon();" data-fsb-applyCouponButtonClass>
1490
                                    <span data-fsb-applyCoupon>Apply</span> <i data-fsb-applyCouponButtonIcon></i>
1491
                                </button>
1492
                            </div>
1493
                        </div>
1494
                    </div>
1495
                    <div class="row fsb-mod-checkoutblock show-mini text-right">
1496
                        <div class="col-12 mt-2">
1497
                            {{#each order}}
1498
                                {{#if discountTotalValue}}
1499
                                    <p class="text-success">
1500
                                        <span data-fsb-youSave>You Save</span> {{discountTotal}}
1501
                                    </p>
1502
                                {{/if}}
1503
                            {{/each}}
1504
                        </div>
1505
                    </div>
1506
                    {{#each groups}}
1507
                        {{#iff driverType "==" "storefront"}}
1508
                            {{#each items}}
1509
                                {{#iff path "==" "SystemExtension.eds"}}
1510
                                    {{#iff selected "==" false}}
1511
                                        <div class="row">
1512
                                            <div class="col-md-12 mt-4">
1513
                                                <div class="card mt-2 mb-3">
1514
                                                    <div class="card-header">
1515
                                                        {{display}}&nbsp;
1516
                                                    </div>
1517
                                                    <div class="card-body pb-0">
1518
                                                        <div class="row mb-4">
1519
                                                            <div class="col-lg-1 col-md-1 col-4 offset-4 offset-sm-0 text-center pr-0 hide-mini">
1520
                                                                {{#if image}}
1521
                                                                <img src="{{image}}" class="img-fluid fsb-ximage" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1522
                                                                {{/if}}
1523
                                                            </div>
1524
                                                            <div class="col-lg-6 col-md-4 col-sm-8 col-12 text-center text-sm-left">
1525
                                                                <p class="fsb-display">
1526
                                                                    {{display}}
1527
                                                                </p>
1528
                                                                {{>moreInfo}}
1529
                                                                <div class="d-md-none row mt-4">
1530
                                                                    <div class=" col-sm-7 col-12 text-center text-sm-left">
1531
                                                                        {{>pricing}}
1532
                                                                        {{>volumeDiscount}}
1533
                                                                    </div>
1534
                                                                    <div class="col-sm-5 col-12 text-center text-sm-right">
1535
                                                                        <button type="button" data-fsb-edsButtonClass data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-action="Add">
1536
                                                                            <span data-fsb-eds>Add to cart</span> <i data-fsb-edsButtonIcon></i>
1537
                                                                        </button>
1538
                                                                    </div>
1539
                                                                </div>
1540
                                                            </div>
1541
                                                            <div class="col-lg-3 col-md-4 d-none d-md-block text-center">
1542
                                                                {{>pricing}}
1543
                                                            </div>
1544
                                                            <div class="col-lg-2 col-md-3 d-none d-md-block text-right">
1545
                                                                <button type="button" data-fsb-edsButtonClass data-fsc-item-path-value="{{path}}" data-fsc-action="Add">
1546
                                                                    <span data-fsb-eds>Add to cart</span> <i data-fsb-edsButtonIcon></i>
1547
                                                                </button>
1548
                                                            </div>
1549
                                                        </div>
1550
                                                    </div>
1551
                                                </div>
1552
                                            </div>
1553
                                        </div>
1554
                                    {{/iff}}
1555
                                {{/iff}}
1556
                            {{/each}}
1557
                        {{/iff}}
1558
                    {{/each}}
1559
1560
                </div>
1561
            </div>
1562
        </div>
1563
    </div>
1564
    <div data-fsc-selections-smartdisplay-inverse style="display: none; text-align:center; margin-top:20px; padding: 20px 0;">
1565
        <h3 class="fsb-emptyCart" data-fsb-orderEmpty>
1566
            Your Order Is Empty
1567
        </h3>
1568
        <i class="fa fa-shopping-basket" aria-hidden="true" style="font-size: 72px"></i>
1569
    </div>
1570
    {{>xSell}}
1571
</div>
1572
{{#each order}}
1573
    {{#if selections}}
1574
        <div class="fsb-modal-footer">
1575
            <a href="#" class="footercheckout" data-fsc-action="Checkout" onclick="fastspring_closeitall();">
1576
                <span data-fsb-checkout>Checkout</span> -
1577
                {{#iff totalValue ">" "0"}}
1578
                    <span class="fsb-total" data-fsc-order-total >
1579
                    </span>
1580
                {{else}}
1581
                    <span class="fsb-total">
1582
                        <span data-fsb-free>Free</span>
1583
                    </span>
1584
                {{/iff}}
1585
            </a>
1586
        </div>
1587
    {{else}}
1588
    <div class="fsb-modal-footer">
1589
        <a href="#" class="footercheckout" onclick="fastspring_closeitall();">
1590
            Close
1591
        </a>
1592
    </div>
1593
    {{/if}}
1594
{{/each}}`;
1595
    script.type = "text/x-handlebars-template";
1596
    script.setAttribute("data-fsc-template-for", "modalShoppingCart");
1597
    script.id = "modalShoppingCart";
1598
    document.body.appendChild(script);
1599
1600
    var script = document.createElement("script");
1601
    script.innerHTML = `<style>
1602
#minicart {display: none !important;}
1603
</style>
1604
<h3 class="fsb-cart_title m-0" data-fsb-cartTitle>
1605
    Shopping Cart
1606
</h3>
1607
    <div id="fsb_error" class="fsb-alert fsb-alert-danger" role="alert">
1608
        <p class="fsb-alert-heading">
1609
            <strong>
1610
                I"m sorry, there was an issue.
1611
            </strong>
1612
        </p>
1613
        <p id="fsb_error_msg">
1614
        </p>
1615
    </div>
1616
    <div id="fsb" data-fsc-selections-smartdisplay style="display: block;">
1617
        <div class="container-fluid">
1618
            <div class="row align-items-center mb-4">
1619
                {{#each items}}
1620
                    {{#each items}}
1621
                        {{#iff path "!=" "SystemExtension.shippingcalculation"}}
1622
                            <div class="col-lg-12 fsb-border mb-4 fsb-rounded">
1623
                                <div class="row mt-4 mb-4">
1624
                                    <div class="col-md-9 col-8">
1625
                                        <div class="show-mini-block">
1626
                                            <div class="row">
1627
                                                {{#if image}}
1628
                                                    <div class="col-3">
1629
                                                        <img src="{{image}}" class="img-fluid" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1630
                                                    </div>
1631
                                                {{/if}}
1632
                                                <div class="col">
1633
                                                    <p class="fsb-display p-0 m-0">
1634
                                                        {{display}}
1635
                                                    </p>
1636
                                                    {{>moreInfo}}
1637
                                                    {{>quantity}}<br />
1638
                                                    {{>pricing}}
1639
                                                    {{>volumeDiscount}}
1640
                                                </div>
1641
                                            </div>
1642
                                        </div>
1643
                                        <div class="hide-mini">
1644
                                            <div class="row">
1645
                                                {{#if image}}
1646
                                                    <div class="fsb-ximage col-3 col-md-2">
1647
                                                        <img src="{{image}}" class="img-fluid fsb-ximage pr-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1648
                                                    </div>
1649
                                                {{/if}}
1650
                                                <div class="col">
1651
                                                    <p class="fsb-display p-0 m-0">
1652
                                                        {{display}}
1653
                                                    </p>
1654
                                                    {{>moreInfo}}
1655
1656
                                                </div>
1657
                                                <div class="col-md-3 d-xs-none d-sm-none d-md-block">
1658
                                                    {{#if discountTotalValue}}
1659
                                                        <p class=" fsb-inline-item originalPrice"><s>{{price}}</s></p>
1660
                                                    {{/if}}
1661
                                                    {{#iff totalValue ">" "0"}}
1662
                                                        <p class=" fsb-inline-item price">{{unitPrice}}</p>
1663
                                                    {{else}}
1664
                                                        <p class=" fsb-inline-item text-success price" data-fsb-free>Free</p>
1665
                                                    {{/iff}}
1666
                                                    </span> &times;
1667
                                                    <span data-fsc-item-path="{{path}}" data-fsc-item-quantity>
1668
                                                    </span>
1669
                                                    <div class="my-1">{{>quantity}}</div>
1670
                                                    <div class="my-1">{{>volumeDiscount}}</div>
1671
                                                </div>
1672
                                            </div>
1673
                                        </div>
1674
                                    </div>
1675
                                    <div class="col-md-3 col-4 text-right">
1676
                                        <p class="fsb-extPrice text-nowrap m-0">
1677
                                            {{#iff totalValue ">" "0"}}
1678
                                                {{total}}
1679
                                                {{else}}
1680
                                                <span data-fsb-free>&nbsp;</span>
1681
                                            {{/iff}}
1682
1683
                                            {{#if removable}}
1684
                                                <a href="#" class="removeText" data-fsc-action="Remove" data-fsc-item-path-value="{{path}}">
1685
                                                    <span class="removeNone"><br /><span data-fsb-remove>Remove</span></span>
1686
                                                    <i data-fsb-removeIcon></i>
1687
                                                </a>
1688
                                            {{/if}}
1689
                                        </p>
1690
1691
                                    </div>
1692
                                </div>
1693
                                {{#each groups}}
1694
                                    {{#iff type "==" "replace"}}
1695
                                        {{#iff selectableReplacements "==" true}}
1696
                                            {{>upSell}}
1697
                                        {{/iff}}
1698
                                    {{/iff}}
1699
                                    {{#iff type "==" "bundle"}}
1700
                                        <div class="row">
1701
                                            <div class="col offset-md-1">
1702
                                                <div class="card mt-2 mb-3">
1703
                                                    <div class="card-header">
1704
                                                        {{display}} includes the following:
1705
                                                    </div>
1706
                                                    <div class="card-body pb-4">
1707
                                                        {{#each items}}
1708
                                                            {{#if image}}
1709
                                                                <img src="{{image}}" class="fsb-bundleimage" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1710
                                                            {{/if}}
1711
                                                        {{/each}}
1712
                                                    </div>
1713
                                                </div>
1714
                                            </div>
1715
                                        </div>
1716
                                    {{/iff}}
1717
                                    {{#iff type "==" "options"}}
1718
                                        <div class="row">
1719
                                            <div class="col-md-11 offset-md-1">
1720
                                                <div class="card mt-2 mb-3">
1721
                                                    <div class="card-header">
1722
                                                        {{display}}&nbsp;
1723
                                                    </div>
1724
                                                    <div class="card-body pb-0">
1725
                                                        {{#each items}}
1726
                                                        <div class="row mb-4">
1727
                                                            <div class="col-1">
1728
                                                                <input class="fsb-option-input fsb-radio" type="radio" {{#if selected}} checked{{/if}} name="{{display}}" id="{{path}}" data-fsc-action="Add" data-fsc-item-path-value="{{path}}" >
1729
                                                            </div>
1730
                                                            <div class="col-7">
1731
                                                                {{#if image}}
1732
                                                                <img src="{{image}}" class="img-fluid fsb-ximage p-2" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1733
                                                                {{/if}}
1734
                                                                <p class="fsb-display">
1735
                                                                    {{display}}
1736
                                                                </p>
1737
                                                                {{>moreInfo}}
1738
                                                                {{>volumeDiscount}}
1739
                                                            </div>
1740
                                                            <div class="col-4 text-right">
1741
                                                                {{>pricing}}
1742
                                                            </div>
1743
                                                        </div>
1744
                                                        <hr />
1745
                                                        {{/each}}
1746
                                                    </div>
1747
                                                </div>
1748
                                            </div>
1749
                                        </div>
1750
                                    {{/iff}}
1751
                                    {{#iff type "==" "config-one"}}
1752
                                        {{>singleChoice}}
1753
                                    {{/iff}}
1754
                                    {{#iff type "==" "config-many"}}
1755
                                        {{>multiChoice}}
1756
                                    {{/iff}}
1757
                                    {{#iff type "==" "addon-one"}}
1758
                                        {{>singleChoiceAddon}}
1759
                                    {{/iff}}
1760
                                    {{#iff type "==" "addon-many"}}
1761
                                        {{>multiChoiceAddon}}
1762
                                    {{/iff}}
1763
                                {{/each}}
1764
                            </div>
1765
                        {{/iff}}
1766
                    {{/each}}
1767
                {{/each}}
1768
            </div>
1769
            <div class="row align-items-center mb-4 fsb-totalBlock">
1770
                <div class="col-12">
1771
                    <div class="row">
1772
                        <div class="col-12 col-md-6 order-md-12 order-2 mb-4">
1773
                            {{#each items}}
1774
                                {{#each items}}
1775
                                    {{#iff path "==" "SystemExtension.shippingcalculation"}}
1776
                                        <div class="row">
1777
                                            <div class="col-8 text-right">
1778
                                                <p class="fsb-shipping" data-fsb-shipping>
1779
                                                    Shipping:
1780
                                                </p>
1781
                                            </div>
1782
                                            <div class="col-4 text-right">
1783
                                                <p class="fsb-shipping">
1784
                                                    {{total}}
1785
                                                </p>
1786
                                            </div>
1787
                                        </div>
1788
                                    {{/iff}}
1789
                                {{/each}}
1790
                            {{/each}}
1791
                            <div class="row">
1792
                                <div class="col-8 text-right">
1793
                                    <p class="fsb-total" data-fsb-orderTotal>
1794
                                        Total
1795
                                    </p>
1796
                                </div>
1797
                                <div class="col-4 text-right">
1798
                                    {{#each order}}
1799
                                        {{#iff totalValue ">" "0"}}
1800
                                            <p class="fsb-total" data-fsc-order-total >
1801
                                            </p>
1802
                                        {{else}}
1803
                                            <p class="fsb-total">
1804
                                                <span data-fsb-free>Free</span>
1805
                                            </p>
1806
                                        {{/iff}}
1807
                                        {{#if discountTotalValue}}
1808
                                            <p class="text-success hide-mini">
1809
                                                <span data-fsb-youSave>You Save</span> {{discountTotal}}!
1810
                                            </p>
1811
                                        {{/if}}
1812
                                    {{/each}}
1813
                                </div>
1814
                            </div>
1815
                            <div class="row fsb-mod-checkoutblock hide-mini">
1816
                                <div class="col-12 mt-2">
1817
                                    <button id="checkout" data-fsc-selections-smartdisplay style="float:right;" data-fsc-action="Checkout" onclick="fastspring_closeitall();" data-fsb-checkoutButtonClass>
1818
                                        <span data-fsb-checkout>Checkout</span> <i data-fsb-checkoutButtonIcon></i>
1819
                                    </button>
1820
                                </div>
1821
                            </div>
1822
                        </div>
1823
                        <div class="col-md-6 col-12 order-md-1 order-2 fsb-mod-promoblock">
1824
                            <div id="promodiv" class="col-12 text-nowrap text-center text-md-left hide-mini">
1825
                                <label for="couponcode" class="fsb-promocode" id="promocodelabel" data-fsb-couponLabel>
1826
                                    Enter Promotional Code
1827
                                </label><br />
1828
                                <input type="text" id="couponcode" data-fsc-order-promocode data-fsb-couponPlaceholder class="form-control" placeholder style="display:inline-block; width:200px;">
1829
                                <button onclick="fastspring_applycoupon();" data-fsb-applyCouponButtonClass>
1830
                                    <span data-fsb-applyCoupon>Apply</span> <i data-fsb-applyCouponButtonIcon></i>
1831
                                </button>
1832
                            </div>
1833
                        </div>
1834
                    </div>
1835
                    <div class="row fsb-mod-checkoutblock show-mini text-right">
1836
                        <div class="col-12 mt-2">
1837
                            {{#each order}}
1838
                                {{#if discountTotalValue}}
1839
                                    <p class="text-success">
1840
                                        <span data-fsb-youSave>You Save</span> {{discountTotal}}
1841
                                    </p>
1842
                                {{/if}}
1843
                            {{/each}}
1844
                        </div>
1845
                    </div>
1846
                    {{#each groups}}
1847
                        {{#iff driverType "==" "storefront"}}
1848
                            {{#each items}}
1849
                                {{#iff path "==" "SystemExtension.eds"}}
1850
                                    {{#iff selected "==" false}}
1851
                                        <div class="row">
1852
                                            <div class="col-md-12 mt-4">
1853
                                                <div class="card mt-2 mb-3">
1854
                                                    <div class="card-header">
1855
                                                        {{display}}&nbsp;
1856
                                                    </div>
1857
                                                    <div class="card-body pb-0">
1858
                                                        <div class="row mb-4">
1859
                                                            <div class="col-lg-1 col-md-1 col-4 offset-4 offset-sm-0 text-center pr-0">
1860
                                                                {{#if image}}
1861
                                                                <img src="{{image}}" class="img-fluid fsb-ximage" alt="{{display}}" data-fsc-target="#{{path}}Modal" data-fsc-toggle="modal"/>
1862
                                                                {{/if}}
1863
                                                            </div>
1864
                                                            <div class="col-lg-6 col-md-4 col-sm-8 col-12 text-center text-sm-left">
1865
                                                                <p class="fsb-display">
1866
                                                                    {{display}}
1867
                                                                </p>
1868
                                                                {{>moreInfo}}
1869
                                                                <div class="d-md-none row mt-4">
1870
                                                                    <div class=" col-sm-7 col-12 text-center text-sm-left">
1871
                                                                        {{>pricing}}
1872
                                                                        {{>volumeDiscount}}
1873
                                                                    </div>
1874
                                                                    <div class="col-sm-5 col-12 text-center text-sm-right">
1875
                                                                        <button type="button" data-fsb-edsButtonClass data-fsc-item-path-value="{{path}}" data-fsc-item-path="{{path}}" data-fsc-action="Add">
1876
                                                                            <span data-fsb-eds>Add to cart</span> <i data-fsb-edsButtonIcon></i>
1877
                                                                        </button>
1878
                                                                    </div>
1879
                                                                </div>
1880
                                                            </div>
1881
                                                            <div class="col-lg-3 col-md-4 d-none d-md-block text-center">
1882
                                                                {{>pricing}}
1883
                                                            </div>
1884
                                                            <div class="col-lg-2 col-md-3 d-none d-md-block text-right">
1885
                                                                <button type="button" data-fsb-edsButtonClass data-fsc-item-path-value="{{path}}" data-fsc-action="Add">
1886
                                                                    <span data-fsb-eds>Add to cart</span> <i data-fsb-edsButtonIcon></i>
1887
                                                                </button>
1888
                                                            </div>
1889
                                                        </div>
1890
                                                    </div>
1891
                                                </div>
1892
                                            </div>
1893
                                        </div>
1894
                                    {{/iff}}
1895
                                {{/iff}}
1896
                            {{/each}}
1897
                        {{/iff}}
1898
                    {{/each}}
1899
1900
                </div>
1901
            </div>
1902
        </div>
1903
    </div>
1904
<div data-fsc-selections-smartdisplay-inverse style="display: none; text-align:center; margin-top:20px; padding: 20px 0;">
1905
    <h3 class="fsb-emptyCart" data-fsb-orderEmpty>
1906
        Your Order Is Empty
1907
    </h3>
1908
    <i class="fa fa-shopping-basket" aria-hidden="true" style="font-size: 72px"></i>
1909
    <p>
1910
    <button onclick="window.location.href=document.referrer;" data-fsb-continueShoppingButtonClass>
1911
        <span data-fsb-continueShopping>Continue Shopping</span><i data-fsb-continueShoppingButtonIcon></i>
1912
    </button>
1913
    </p>
1914
</div>
1915
{{>xSell}}`;
1916
    script.type = "text/x-handlebars-template";
1917
    script.setAttribute("data-fsc-template-for", "standAloneCart");
1918
    script.id = "standAloneCart";
1919
    document.body.appendChild(script);
1920
}
1921
​
1922
var fastspringmaindiv = document.createElement("div");
1923
fastspringmaindiv.setAttribute("class","fastspring");
1924
fastspringmaindiv.id = "fastspring";
1925
document.body.appendChild(fastspringmaindiv);
1926
​
1927
var fastspringdiv = document.getElementById("fastspring");
1928
​
1929
var fastspring_spinner = document.createElement("div");
1930
fastspring_spinner.id = "fastspring_spinner";
1931
fastspring_spinner.style.cssText = 'display: none; animation-name: fsb-fadeIn;';
1932
fastspring_spinner.innerHTML = '<img src="https://d1f8f9xcsvx3ha.cloudfront.net/pinhole/spin.svg">';
1933
fastspringdiv.appendChild(fastspring_spinner);
1934
​
1935
if(loadFA) {
1936
    var fontawesome = document.createElement("script");
1937
    fontawesome.src="https://kit.fontawesome.com/0013dcfe30.js";
1938
    fastspringdiv.appendChild(fontawesome);
1939
}
1940
​
1941
if(enableMiniCart === true || enableMiniCart == 'yes') {
1942
    var fastspring_minicart = document.createElement("div");
1943
    fastspring_minicart.setAttribute("data-fsc-minicart","");
1944
    fastspring_minicart.id='minicart';
1945
    fastspring_minicart.style.cssText = 'display: none;';
1946
    fastspring_minicart.onclick= function() {fastspring_openCart(cartType);};
1947
    fastspring_minicart.setAttribute("class","minicart " + miniCartLocation);
1948
    fastspring_minicart.innerHTML='<i class="fa ' + miniCartIcon + ' fsb-icon" aria-hidden="true"></i>  <div class="minicart-count" id="minicart-count"></div>';
1949
    fastspringdiv.appendChild(fastspring_minicart);
1950
}
1951
​
1952
if(enableCart) {
1953
    var cartModals = document.createElement("div");
1954
    cartModals.setAttribute("data-fsc-items-container", "cartModals");
1955
    cartModals.setAttribute("class","cartModals");
1956
    cartModals.id = "cartModals";
1957
    fastspringdiv.appendChild(cartModals);
1958
    var modalShoppingCart = document.createElement("div");
1959
    modalShoppingCart.innerHTML = '<div class="fsb-modal-content" id="fsb-modal-content" data-fsc-items-container="modalShoppingCart" data-fsc-filter="selected=true">';
1960
    modalShoppingCart.setAttribute("class","fsb-modal");
1961
    modalShoppingCart.id = "fsb-modal";
1962
    fastspringdiv.appendChild(modalShoppingCart);
1963
}
1964
​
1965
var fastspringjs = document.getElementById("fsc-api");
1966
​
1967
if(enableCart) {
1968
    if(fastspringjs.hasAttribute('data-markup-helpers-callback')) {
1969
        var datamarkuphelperscallback = fastspringjs.getAttribute("data-markup-helpers-callback");
1970
    }
1971
    if(fastspringjs.hasAttribute('data-popup-closed')) {
1972
        var datapopupclosed = fastspringjs.getAttribute("data-popup-closed");
1973
    }
1974
    if(fastspringjs.hasAttribute('data-error-callback')) {
1975
        var dataerrorcallback = fastspringjs.getAttribute("data-error-callback");
1976
    }
1977
    if(fastspringjs.hasAttribute('data-data-callback')) {
1978
        var datadatacallback = fastspringjs.getAttribute("data-data-callback");
1979
    }
1980
    if(fastspringjs.hasAttribute('data-before-requests-callback')) {
1981
        var databeforerequestscallback = fastspringjs.getAttribute("data-before-requests-callback");
1982
    }
1983
    if(fastspringjs.hasAttribute('data-after-markup-callback')) {
1984
        var dataaftermarkupcallback = fastspringjs.getAttribute("data-after-markup-callback");
1985
    }
1986
    if(!fastspringjs.hasAttribute('data-decorate-callback') && (enableGA === true || enableGA == 'yes')) {
1987
        fastspringjs.setAttribute('data-decorate-callback','fastspring_DECOCB');
1988
    }
1989
    fastspringjs.setAttribute('data-markup-helpers-callback','fastspring_MUHCB');
1990
    fastspringjs.setAttribute('data-popup-closed','fastspring_PUCCB');
1991
    fastspringjs.setAttribute('data-error-callback','fastspringECB');
1992
    fastspringjs.setAttribute('data-data-callback','fastspring_DDCB');
1993
    fastspringjs.setAttribute('data-before-requests-callback','fastspring_BRCB');
1994
    fastspringjs.setAttribute('data-after-markup-callback','fastspring_AMUCB');
1995
    fastspringjs.setAttribute('data-continuous','true');
1996
}
1997
1998
var styles = document.createElement("style");
1999
if(removeIcon.toUpperCase() == "TIMES" || removeIcon.toUpperCase() == "TIMESCIRCLE" || removeIcon.toUpperCase() == "TRASH" || removeIcon.toUpperCase() == "TRASHALT" || removeIcon.toUpperCase() == "MINUS" || removeIcon.toUpperCase() == "MINUSCIRCLE" || removeIcon == "fa fa-times" || removeIcon == "fa fa-times-circle" || removeIcon == "fa fa-trash" || removeIcon == "fa fa-trash-alt" || removeIcon == "fa fa-minus" || removeIcon == "fa fa-minus-circle" ) {
2000
    styles.innerHTML += '.removeNone{display:none !important;}';
2001
}
2002
​
2003
if(cartHeaderBGColor !== "") {
2004
    styles.innerHTML += '.fastspring .fsb-modal-header, .fastspring .card-header{background-color:'+ cartHeaderBGColor +' !important;}';
2005
}
2006
if(cartHeaderTextColor !== "") {
2007
    styles.innerHTML += '.fastspring .fsb-modal-header, .fastspring .card-header{color:'+ cartHeaderTextColor +' !important;}';
2008
}
2009
​
2010
if(miniCartCheckoutBGColor !== "") {
2011
    styles.innerHTML += '.footercheckout {background:'+ miniCartCheckoutBGColor +' !important;}';
2012
}
2013
if(miniCartCheckoutTextColor !== "") {
2014
    styles.innerHTML += '.footercheckout {color:'+ miniCartCheckoutTextColor +' !important;}';
2015
}
2016
​
2017
if(miniCartCheckoutBGColorHover !== "") {
2018
    styles.innerHTML += '.footercheckout:hover {background:'+ miniCartCheckoutBGColorHover +' !important;}';
2019
}
2020
if(miniCartCheckoutTextColorHover !== "") {
2021
    styles.innerHTML += '.footercheckout:hover {color:'+ miniCartCheckoutTextColorHover +' !important;}';
2022
}
2023
​
2024
styles.innerHTML += '.minicart-count {background: ' + miniCartBubbleColor + ';}';
2025
document.body.appendChild(styles);
2026
​
2027
window.onclick = function(event) {
2028
    if (event.target.id == "fsb-modal")
2029
    {
2030
        fastspring_closeitall();
2031
    }
2032
};
2033
​
2034
var value,
2035
quantity = document.getElementsByClassName('fsb-number');
2036
quantityProd = document.getElementsByClassName('fsb-numberProd');
2037
​
2038
function fastspring_changeQty(item) {
2039
    qty = item.value;
2040
    product = item.getAttribute("data-fsc-item-path");
2041
    fastspring.builder.update(product, qty);
2042
}
2043
​
2044
function setDefaultGeneral(prop, defaultvalue) {
2045
    try {
2046
        if(typeof window["fastspring_options"][prop] !== 'undefined') {
2047
            window[prop] = window["fastspring_options"][prop];
2048
        } else {
2049
            throw new error()
2050
        }
2051
    } catch(error){
2052
        window[prop] = defaultvalue;
2053
    }
2054
2055
}
2056
​
2057
function setDefaultGeneralIcon(prop, defaultvalue) {
2058
    try {
2059
        if(typeof window["fastspring_options"][prop] !== 'undefined') {
2060
            window[prop] = window["fastspring_options"][prop];
2061
        } else {
2062
            throw new error()
2063
        }
2064
    } catch(error){
2065
        window[prop] = defaultvalue;
2066
    }
2067
    if(window[prop].toLowerCase() == 'chevron') { window[prop] = 'fa fa-chevron-right'; }
2068
    if(window[prop].toLowerCase() == 'chevroncircle') { window[prop] = 'fa fa-chevron-right-circle'; }
2069
    if(window[prop].toLowerCase() == 'arrow') { window[prop] = 'fa fa-arrow-right'; }
2070
    if(window[prop].toLowerCase() == 'arrowright') { window[prop] = 'fa fa-arrow-right-circle'; }
2071
    if(window[prop].toLowerCase() == 'basket') { window[prop] = 'fa fa-shopping-basket'; }
2072
    if(window[prop].toLowerCase() == 'cart') { window[prop] = 'fa fa-shopping-cart'; }
2073
    if(window[prop].toLowerCase() == 'cartplus') { window[prop] = 'fa fa-cart-plus'; }
2074
    if(window[prop].toLowerCase() == 'plus') { window[prop] = 'fa fa-plus'; }
2075
    if(window[prop].toLowerCase() == 'pluscircle') { window[prop] = 'fa fa-plus-circle'; }
2076
    if(window[prop].toLowerCase() == 'lock') { window[prop] = 'fa fa-lock'; }
2077
    if(window[prop].toLowerCase() == 'times') { window[prop] = 'fa fa-times'; }
2078
    if(window[prop].toLowerCase() == 'timescircle') { window[prop] = 'fa fa-times-circle'; }
2079
    if(window[prop].toLowerCase() == 'trash') { window[prop] = 'fa fa-trash'; }
2080
    if(window[prop].toLowerCase() == 'trashalt') { window[prop] = 'fa fa-trash-alt'; }
2081
    if(window[prop].toLowerCase() == 'minus') { window[prop] = 'fa fa-minus'; }
2082
    if(window[prop].toLowerCase() == 'minuscircle') { window[prop] = 'fa fa-minus-circle'; }
2083
}
2084
​
2085
function fastspring_addProd(prod, type) {
2086
    fastspring_showSpinner();
2087
    fastspring.builder.add(prod, function(data)
2088
        {
2089
            fastspring_hideSpinner();
2090
            if(enableCart) {
2091
                fastspring_openCart(type);
2092
            } else {
2093
                fastspring_openCart(cartType);
2094
            }
2095
        });
2096
}
2097
​
2098
function fastspring_applycoupon() {
2099
    var couponid= document.getElementById('couponcode').value;
2100
    fastspring.builder.promo(couponid);
2101
}
2102
​
2103
function fastspring_applycoupon2() {
2104
    var couponid= document.getElementById('couponcode2').value;
2105
    fastspring.builder.promo(couponid);
2106
}
2107
​
2108
function fastspring_showSpinner() {
2109
    var fsb_spinner=document.getElementById("fastspring_spinner");
2110
    fsb_spinner.style.display = "block";
2111
}
2112
​
2113
function fastspring_hideSpinner() {
2114
    var fsb_spinner=document.getElementById("fastspring_spinner");
2115
    fsb_spinner.style.animationName="fsb-revfadeIn";
2116
    setTimeout(function()
2117
        {
2118
            fsb_spinner.style.animationName = "fsb-fadeIn";
2119
            fsb_spinner.style.display = "none";
2120
        },350);
2121
}
2122
​
2123
function fastspring_doTranslations(datadata) {
2124
    fastspring_translate("crossSellTitle");
2125
    fastspring_translate("cartTitle");
2126
    fastspring_translate("couponLabel");
2127
    fastspring_translate("continueShopping");
2128
    fastspring_translate("free");
2129
    fastspring_translate("orderEmpty");
2130
    fastspring_translate("orderTotal");
2131
    fastspring_translate("shipping");
2132
    fastspring_translate("viewDetails");
2133
    fastspring_translate("youSave");
2134
    fastspring_translatePlaceholder("couponPlaceholder");
2135
    fastspring_translate("nextCharge");
2136
    fastspring_translate("on");
2137
    fastspring_translate("renewsEvery");
2138
    fastspring_translate("renewsAutomatically");
2139
    fastspring_translate("renewsAlongWithSubscription");
2140
    fastspring_translate("day");
2141
    fastspring_translate("days");
2142
    fastspring_translate("week");
2143
    fastspring_translate("weeks");
2144
    fastspring_translate("month");
2145
    fastspring_translate("months");
2146
    fastspring_translate("year");
2147
    fastspring_translate("years");
2148
    fastspring_translate("applyCoupon");
2149
    fastspring_translate("crossSell");
2150
    fastspring_translate("checkout");
2151
    fastspring_translate("eds");
2152
    fastspring_translate("upSell");
2153
    fastspring_translate("remove");
2154
    fastspring_translate("volumeDiscountsAvailable");
2155
}
2156
​
2157
function fastspring_translate(translation) {
2158
    try {
2159
        if(window["fastspring_options"]["translations"][datadata.language][translation + "Text"]) {
2160
            window[translation + "Text"] = window["fastspring_options"]["translations"][datadata.language][translation + "Text"];
2161
        } else {
2162
            throw new error()
2163
        }
2164
    }
2165
    catch(error) {
2166
        window[translation + "Text"] = window["translations"][datadata.language][translation + "Text"];
2167
    }
2168
    item = document.querySelectorAll('[data-fsb-' + translation + ']');
2169
    for (i = 0; i < item.length; ++i) {
2170
        item[i].innerHTML = window[translation + "Text"];
2171
    }
2172
}
2173
​
2174
function fastspring_translatePlaceholder(translation) {
2175
    try {
2176
        if(window["fastspring_options"]["translations"][datadata.language][translation]) {
2177
            window[translation + "Text"] = window["fastspring_options"]["translations"][datadata.language][translation];
2178
        } else {
2179
            throw new error()
2180
        }
2181
    }
2182
    catch(error) {
2183
        window[translation + "Text"] = translations[datadata.language][translation + "Text"];
2184
    }
2185
    item = document.querySelectorAll('[data-fsb-' + translation + ']');
2186
    for (i = 0; i < item.length; ++i) {
2187
        item[i].placeholder = window[translation + "Text"];
2188
    }
2189
}
2190
​
2191
function fastspring_openCart(type){
2192
    if(type== 'modal')
2193
    {
2194
        type='fsb-MOD';
2195
    }
2196
    if(type== 'modalsmall')
2197
    {
2198
        type='fsb-MODSM';
2199
    }
2200
    if(type== 'topleft')
2201
    {
2202
        type='fsb-MINI-TL';
2203
    }
2204
    if(type== 'topright')
2205
    {
2206
        type='fsb-MINI-TR';
2207
    }
2208
    if(type== 'bottomleft')
2209
    {
2210
        type='fsb-MINI-BL';
2211
    }
2212
    if(type== 'bottomright')
2213
    {
2214
        type='fsb-MINI-BR';
2215
    }
2216
    if(type== 'left')
2217
    {
2218
        type='fsb-LS';
2219
    }
2220
    if(type== 'right')
2221
    {
2222
        type='fsb-RS';
2223
    }
2224
    if(type== 'bottom')
2225
    {
2226
        type='fsb-BS';
2227
    }
2228
    if(type == null || type == "") {
2229
        type = cartType;
2230
    }
2231
    var fsb_modal = document.getElementById('fsb-modal');
2232
    var fsb_modalcontent = document.querySelectorAll('#fsb-modal .fsb-modal-content');
2233
    if(!type || type == 'none'|| type == 'popupcart' || type=='standalone')
2234
    {
2235
        if(type == 'popupcart')
2236
        {
2237
            fastspring.builder.viewCart();
2238
        }
2239
2240
        if(type == 'none') {
2241
            fastspring.builder.checkout();
2242
        }
2243
2244
        if(type == 'standalone') {
2245
            if(standAloneCartPage != '') {
2246
                window.location.replace(standAloneCartPage);
2247
            } else {
2248
                console.log("Warning: no stand along cart page is defined.");
2249
            }
2250
        }
2251
    } else
2252
    {
2253
        fsb_modal.classList.add(type);
2254
        if(type=='fsb-LS' || type == 'fsb-MINI-TL' || type == 'fsb-MINI-BL')
2255
        {
2256
            fsb_modalcontent[0].style.animationName = "fsb-ls_slideIn";
2257
        }
2258
        if(type=='fsb-RS' || type == 'fsb-MINI-TR' || type == 'fsb-MINI-BR')
2259
        {
2260
            fsb_modalcontent[0].style.animationName = "fsb-rs_slideIn";
2261
        }
2262
        if(type=='fsb-BS')
2263
        {
2264
            fsb_modalcontent[0].style.animationName = "fsb-bs_slideIn";
2265
        }
2266
        if(type=='fsb-MOD' || type=='fsb-MODSM')
2267
        {
2268
            fsb_modalcontent[0].style.animationName = "fsb-mod_animatetop";
2269
        }
2270
        fsb_modal.style.display = "block";
2271
        document.body.classList.add("fsb-modalOpen");
2272
    }
2273
}
2274
​
2275
function openCart(type) {
2276
    if(type== 'modal')
2277
    {
2278
        type='fsb-MOD';
2279
    }
2280
    if(type== 'modalsmall')
2281
    {
2282
        type='fsb-MODSM';
2283
    }
2284
    if(type== 'topleft')
2285
    {
2286
        type='fsb-MINI-TL';
2287
    }
2288
    if(type== 'topright')
2289
    {
2290
        type='fsb-MINI-TR';
2291
    }
2292
    if(type== 'bottomleft')
2293
    {
2294
        type='fsb-MINI-BL';
2295
    }
2296
    if(type== 'bottomright')
2297
    {
2298
        type='fsb-MINI-BR';
2299
    }
2300
    if(type== 'left')
2301
    {
2302
        type='fsb-LS';
2303
    }
2304
    if(type== 'right')
2305
    {
2306
        type='fsb-RS';
2307
    }
2308
    if(type== 'bottom')
2309
    {
2310
        type='fsb-BS';
2311
    }
2312
    if(type == null || type == "") {
2313
        type = cartType;
2314
    }
2315
    var fsb_modal = document.getElementById('fsb-modal');
2316
    var fsb_modalcontent = document.querySelectorAll('#fsb-modal .fsb-modal-content');
2317
    if(!type || type == 'none'|| type == 'popupcart' || type=='standalone')
2318
    {
2319
        if(type == 'popupcart')
2320
        {
2321
            fastspring.builder.viewCart();
2322
        }
2323
2324
        if(type == 'none') {
2325
            fastspring.builder.checkout();
2326
        }
2327
2328
        if(type == 'standalone') {
2329
            if(standAloneCartPage != '') {
2330
                window.location.replace(standAloneCartPage);
2331
            } else {
2332
                console.log("Warning: no stand along cart page is defined.");
2333
            }
2334
        }
2335
    } else
2336
    {
2337
        fsb_modal.classList.add(type);
2338
        if(type=='fsb-LS' || type == 'fsb-MINI-TL' || type == 'fsb-MINI-BL')
2339
        {
2340
            fsb_modalcontent[0].style.animationName = "fsb-ls_slideIn";
2341
        }
2342
        if(type=='fsb-RS' || type == 'fsb-MINI-TR' || type == 'fsb-MINI-BR')
2343
        {
2344
            fsb_modalcontent[0].style.animationName = "fsb-rs_slideIn";
2345
        }
2346
        if(type=='fsb-BS')
2347
        {
2348
            fsb_modalcontent[0].style.animationName = "fsb-bs_slideIn";
2349
        }
2350
        if(type=='fsb-MOD' || type=='fsb-MODSM')
2351
        {
2352
            fsb_modalcontent[0].style.animationName = "fsb-mod_animatetop";
2353
        }
2354
        fsb_modal.style.display = "block";
2355
        document.body.classList.add("fsb-modalOpen");
2356
    }
2357
}
2358
​
2359
function fastspring_closeitall() {
2360
    var fsb_modal = document.getElementById('fsb-modal');
2361
    var fsb_modalcontent = document.querySelectorAll('#fsb-modal .fsb-modal-content');
2362
    document.body.classList.remove("fsb-modalOpen");
2363
    if (fsb_modal.classList.contains('fsb-BS'))
2364
    {
2365
        fsb_modalcontent[0].style.animationName = "fsb-bs_revslideIn";
2366
        setTimeout(function()
2367
            {
2368
                fsb_modal.style.display = "none";
2369
                fsb_modalcontent[0].style.animationName = "fsb-bs_slideIn";
2370
            },350);
2371
    }
2372
    if (fsb_modal.classList.contains('fsb-LS')|| fsb_modal.classList.contains('fsb-MINI-TL')|| fsb_modal.classList.contains('fsb-MINI-BL'))
2373
    {
2374
        fsb_modalcontent[0].style.animationName = "fsb-ls_revslideIn";
2375
        setTimeout(function()
2376
            {
2377
                fsb_modal.style.display = "none";
2378
                fsb_modalcontent[0].style.animationName = "fsb-ls_slideIn";
2379
            },350);
2380
    }
2381
    if (fsb_modal.classList.contains('fsb-RS')|| fsb_modal.classList.contains('fsb-MINI-TR')|| fsb_modal.classList.contains('fsb-MINI-BR'))
2382
    {
2383
        fsb_modalcontent[0].style.animationName = "fsb-rs_revslideIn";
2384
        //fsb_modal.style.animationName="fsb-revfadeIn";
2385
        setTimeout(function()
2386
            {
2387
                fsb_modal.style.display = "none";
2388
                fsb_modalcontent[0].style.animationName = "fsb-rs_slideIn";
2389
            },350);
2390
    }
2391
    if (fsb_modal.classList.contains('fsb-MOD') || fsb_modal.classList.contains('fsb-MODSM'))
2392
    {
2393
        fsb_modalcontent[0].style.animationName = "fsb-mod_revanimatetop";
2394
        setTimeout(function()
2395
            {
2396
                fsb_modal.style.display = "none";
2397
                fsb_modalcontent[0].style.animationName = "fsb-mod_animatetop";
2398
            },350);
2399
    }
2400
    setTimeout(function()
2401
        {
2402
            document.getElementById('fsb-modal').classList.remove("fsb-RS");
2403
            document.getElementById('fsb-modal').classList.remove("fsb-LS");
2404
            document.getElementById('fsb-modal').classList.remove("fsb-BS");
2405
            document.getElementById('fsb-modal').classList.remove("fsb-MOD");
2406
            document.getElementById('fsb-modal').classList.remove("fsb-MODSM");
2407
            document.getElementById('fsb-modal').classList.remove("fsb-MINI-TL");
2408
            document.getElementById('fsb-modal').classList.remove("fsb-MINI-TR");
2409
            document.getElementById('fsb-modal').classList.remove("fsb-MINI-BL");
2410
            document.getElementById('fsb-modal').classList.remove("fsb-MINI-BR");
2411
        },350);
2412
}
2413
​
2414
function fastspring_createBindings(quantityContainer) {
2415
    var quantityAmount = quantityContainer.getElementsByClassName('fsb-qtyinput')[0];
2416
    var increase = quantityContainer.getElementsByClassName('fsb-plus')[0];
2417
    var decrease = quantityContainer.getElementsByClassName('fsb-minus')[0];
2418
    increase.addEventListener('click', function () { fastspring_increaseValue(this, quantityAmount); });
2419
    decrease.addEventListener('click', function () { fastspring_decreaseValue(this, quantityAmount); });
2420
}
2421
​
2422
function fastspring_createBindingsProd(quantityContainer) {
2423
    var quantityAmountProd = quantityContainer.getElementsByClassName('fsb-qtyinputProd')[0];
2424
    var increaseProd = quantityContainer.getElementsByClassName('fsb-plusProd')[0];
2425
    var decreaseProd = quantityContainer.getElementsByClassName('fsb-minusProd')[0];
2426
    increaseProd.addEventListener('click', function () { fastspring_increaseValueProd(this, quantityAmountProd); });
2427
    decreaseProd.addEventListener('click', function () { fastspring_decreaseValueProd(this, quantityAmountProd); });
2428
}
2429
​
2430
function fastspring_init() {
2431
    for (var i = 0; i < quantity.length; i++ )
2432
    {
2433
        fastspring_createBindings(quantity[i]);
2434
    }
2435
2436
};
2437
​
2438
function fastspring_initProd() {
2439
    for (var i = 0; i < quantityProd.length; i++ )
2440
    {
2441
        fastspring_createBindingsProd(quantityProd[i]);
2442
    }
2443
}
2444
fastspring_initProd();
2445
​
2446
function fastspring_increaseValue(clicker, quantityAmount) {
2447
    value = parseInt(quantityAmount.value, 10);
2448
    product = quantityAmount.getAttribute("data-fsc-item-path");
2449
    value = isNaN(value) ? 0 : value;
2450
    value++;
2451
    quantityAmount.value = value;
2452
    fastspring.builder.update(product, value);
2453
}
2454
​
2455
function fastspring_decreaseValue(clicker, quantityAmount) {
2456
    value = parseInt(quantityAmount.value, 10);
2457
    product = quantityAmount.getAttribute("data-fsc-item-path");
2458
    value = isNaN(value) ? 0 : value;
2459
    if (value > 0) value--;
2460
    quantityAmount.value = value;
2461
    fastspring.builder.update(product, value);
2462
}
2463
​
2464
function fastspring_increaseValueProd(clicker, quantityAmount) {
2465
    value = parseInt(quantityAmount.value, 10);
2466
    value = isNaN(value) ? 0 : value;
2467
    value++;
2468
    quantityAmount.value = value;
2469
}
2470
​
2471
function fastspring_decreaseValueProd(clicker, quantityAmount) {
2472
    value = parseInt(quantityAmount.value, 10);
2473
    value = isNaN(value) ? 0 : value;
2474
    if (value > 1) value--;
2475
    quantityAmount.value = value;
2476
}
2477
​
2478
function fastspring_applyClass(classval) {
2479
    item = document.querySelectorAll('[data-fsb-' + classval + ']');
2480
    for (i = 0; i < item.length; ++i) {
2481
        item[i].className = window[classval];
2482
    }
2483
}
2484
​
2485
function fastspringECB(code, string) {
2486
    var fsb_modal = document.getElementById('fsb-modal');
2487
    if(fsb_modal.style.display === 'block')
2488
    {
2489
        var fsb_error=document.getElementById("fsb_error");
2490
        var fsb_error_msg=document.getElementById("fsb_error_msg");
2491
        fsb_error.style.display = "block";
2492
        fsb_error.style.animationName = "fsb-mod_animatetop";
2493
        fsb_error_msg.innerHTML = "Error: " + code + " - " + string;
2494
        setTimeout(function()
2495
            {
2496
                fsb_error.style.animationName = "fsb-mod_revanimatetop";
2497
                setTimeout(function()
2498
                    {
2499
                        fsb_error.style.display = "none";
2500
                    }, 400)
2501
            },5000);
2502
    } else
2503
    {
2504
        var fsb_error=document.getElementById("fsb_error");
2505
        var fsb_error_msg=document.getElementById("fsb_error_msg");
2506
        fsb_error.style.display = "block";
2507
        fsb_error.style.animationName = "fsb-mod_animatetop";
2508
        fsb_error_msg.innerHTML = "Error: " + code + " - " + string;
2509
        setTimeout(function()
2510
            {
2511
                fsb_error.style.animationName = "fsb-mod_revanimatetop";
2512
                setTimeout(function()
2513
                    {
2514
                        fsb_error.style.display = "none";
2515
                    }, 400)
2516
            },5000);
2517
    }
2518
    if(dataerrorcallback !=null) {
2519
        window[dataerrorcallback](code, string);
2520
    }
2521
}
2522
​
2523
function fastspring_DDCB(data) {
2524
    datadata = data;
2525
    if(data.messages[0])
2526
    {
2527
        var fsb_modal = document.getElementById('fsb-modal');
2528
        if(fsb_modal.style.display === 'block')
2529
        {
2530
            var fsb_error=document.getElementById("fsb_error");
2531
            var fsb_error_msg=document.getElementById("fsb_error_msg");
2532
            fsb_error.style.display = "block";
2533
            fsb_error.style.animationName = "fsb-mod_animatetop";
2534
            fsb_error_msg.innerHTML = data.messages[0].phrase;
2535
            setTimeout(function()
2536
                {
2537
                    fsb_error.style.animationName = "fsb-mod_revanimatetop";
2538
                    setTimeout(function()
2539
                        {
2540
                            fsb_error.style.display = "none";
2541
                        }, 400)
2542
                },5000);
2543
        } else
2544
        {
2545
            var fsb_error=document.getElementById("fsb_error");
2546
            var fsb_error_msg=document.getElementById("fsb_error_msg");
2547
            fsb_error.style.display = "block";
2548
            fsb_error.style.animationName = "fsb-mod_animatetop";
2549
            fsb_error_msg.innerHTML = data.messages[0].phrase;
2550
            setTimeout(function()
2551
                {
2552
                    fsb_error.style.animationName = "fsb-mod_revanimatetop";
2553
                    setTimeout(function()
2554
                        {
2555
                            fsb_error.style.display = "none";
2556
                        }, 400)
2557
                },5000);
2558
        }
2559
    }
2560
    var minicart = document.getElementById("minicart-count");
2561
    if(minicart)
2562
    {
2563
        let inCart = 0;
2564
        if (data && data.hasOwnProperty('groups'))
2565
        {
2566
            const
2567
            {
2568
                groups
2569
            } = data;
2570
2571
            data.groups.forEach(group =>
2572
                {
2573
                    if (group.items && Array.isArray(group.items))
2574
                    {
2575
                        group.items.forEach(item =>
2576
                            {
2577
                                if (item.selected)
2578
                                {
2579
                                    inCart += item.quantity;
2580
                                }
2581
                            });
2582
                    }
2583
                });
2584
        }
2585
        document.getElementById("minicart-count").innerHTML = inCart;
2586
        if(inCart > 0) {
2587
            document.getElementById("minicart").style.display = "block";
2588
        } else {
2589
            document.getElementById("minicart").style.display = "none";
2590
        }
2591
    }
2592
    if(datadatacallback != null) {
2593
        window[datadatacallback](data);
2594
    }
2595
}
2596
​
2597
function fastspring_BRCB() {
2598
    fastspring_showSpinner();
2599
    if(databeforerequestscallback != null) {
2600
        window[databeforerequestscallback]();
2601
    }
2602
}
2603
​
2604
function fastspring_AMUCB(data) {
2605
    fastspring_hideSpinner();
2606
    if(enableCart) {
2607
        fastspring_init();
2608
        if(showPromo == false || showPromo == "no") {
2609
            var promodiv = document.getElementById("promodiv");
2610
            promodiv.style.display = "none";
2611
        }
2612
        if(enableTranslations) {
2613
            fastspring_doTranslations(datadata);
2614
        }
2615
        fastspring_applyClass("checkoutButtonClass");
2616
        fastspring_applyClass("applyCouponButtonClass");
2617
        fastspring_applyClass("crossSellButtonClass");
2618
        fastspring_applyClass("upSellButtonClass");
2619
        fastspring_applyClass("edsButtonClass");
2620
        fastspring_applyClass("continueShoppingButtonClass");
2621
        fastspring_applyClass("applyCouponButtonIcon");
2622
        fastspring_applyClass("checkoutButtonIcon");
2623
        fastspring_applyClass("crossSellButtonIcon");
2624
        fastspring_applyClass("upSellButtonIcon");
2625
        fastspring_applyClass("edsButtonIcon");
2626
        fastspring_applyClass("continueShoppingButtonIcon");
2627
        if(removeIcon.toUpperCase() == "TIMES" || removeIcon.toUpperCase() == "TIMESCIRCLE" || removeIcon.toUpperCase() == "TRASH" || removeIcon.toUpperCase() == "TRASHALT" || removeIcon.toUpperCase() == "MINUS" || removeIcon.toUpperCase() == "MINUSCIRCLE" || removeIcon == "fa fa-times" || removeIcon == "fa fa-times-circle" || removeIcon == "fa fa-trash" || removeIcon == "fa fa-trash-alt" || removeIcon == "fa fa-minus" || removeIcon == "fa fa-minus-circle" ) {
2628
            if(removeIcon.toUpperCase() == "TIMES") { removeIcon = "fa fa-times";}
2629
            if(removeIcon.toUpperCase() == "TIMESCIRCLE") { removeIcon = "fa fa-times-circle";}
2630
            if(removeIcon.toUpperCase() == "TRASH") { removeIcon = "fa fa-trash";}
2631
            if(removeIcon.toUpperCase() == "TRASHALT") { removeIcon = "fa fa-trash-alt";}
2632
            if(removeIcon.toUpperCase() == "MINUS") { removeIcon = "fa fa-minus"; }
2633
            if(removeIcon.toUpperCase() == "MINUSCIRCLE") { removeIcon = "fa fa-minus-circle";}
2634
            fastspring_applyClass("removeIcon");
2635
        }
2636
        if(dataaftermarkupcallback != null) {
2637
            window[dataaftermarkupcallback]();
2638
        }
2639
    }
2640
}
2641
​
2642
function fastspring_DECOCB(url) {
2643
    var linkerParam = null;
2644
    if(typeof ga == 'function') {
2645
        ga(function() {
2646
            var trackers = ga.getAll();
2647
            linkerParam = trackers[0].get('linkerParam');
2648
        });
2649
    }
2650
    return (linkerParam ? url + '?' + linkerParam : url);
2651
}
2652
​
2653
function fastspring_PUCCB(data) {
2654
    if(datapopupclosed !=null) {
2655
        window[datapopupclosed](data);
2656
    }
2657
    if(popupClosedRedirectURL != '') {
2658
        if(data) {
2659
            fastspring.builder.reset();
2660
            window.location.replace(popupClosedRedirectURL + "?" + popupClosedRedirectParameter + "=" + data.reference);
2661
        }
2662
    }
2663
}
2664
​
2665
function fastspring_MUHCB() {
2666
    Handlebars.registerHelper('iff', function(lvalue, operator, rvalue, options)
2667
        {
2668
            var functions =
2669
            {
2670
                '==': function(l,r)
2671
                {
2672
                    return l == r;
2673
                },
2674
                '===': function(l,r)
2675
                {
2676
                    return l === r;
2677
                },
2678
                '!=': function(l,r)
2679
                {
2680
                    return l != r;
2681
                },
2682
                '<': function(l,r)
2683
                {
2684
                    return l < r;
2685
                },
2686
                '>': function(l,r)
2687
                {
2688
                    return l > r;
2689
                },
2690
                '<=': function(l,r)
2691
                {
2692
                    return l <= r;
2693
                },
2694
                '>=': function(l,r)
2695
                {
2696
                    return l >= r;
2697
                },
2698
                'typeof': function(l,r)
2699
                {
2700
                    return typeof l === r;
2701
                }
2702
            };
2703
            if (!functions.hasOwnProperty(operator))
2704
            {
2705
                throw new Error("Handlerbars Helper 'iff' doesn't know the operator " + operator);
2706
            }
2707
            var result = functions[operator](lvalue,rvalue);
2708
            if( result )
2709
            {
2710
                return options.fn(this);
2711
            } else
2712
            {
2713
                return options.inverse(this);
2714
            }
2715
        });
2716
    Handlebars.registerHelper ('truncate', function (str, len)
2717
        {
2718
            if (str.length > len && str.length > 0)
2719
            {
2720
                var new_str = str + " ";
2721
                new_str = str.substr (0, len);
2722
                new_str = str.substr (0, new_str.lastIndexOf(" "));
2723
                new_str = (new_str.length > 0) ? new_str : str.substr (0, len);
2724
                return new Handlebars.SafeString ( new_str +'...' );
2725
            }
2726
            return str;
2727
        });
2728
    Handlebars.registerPartial("quantity", document.getElementById('quantity').innerHTML);
2729
    Handlebars.registerPartial("productModal", document.getElementById('productModal').innerHTML);
2730
    Handlebars.registerPartial("pricing", document.getElementById('pricing').innerHTML);
2731
    Handlebars.registerPartial("moreInfo", document.getElementById('moreInfo').innerHTML);
2732
    Handlebars.registerPartial("volumeDiscount", document.getElementById('volumeDiscount').innerHTML);
2733
    Handlebars.registerPartial("xSell", document.getElementById('xSell').innerHTML);
2734
    Handlebars.registerPartial("upSell", document.getElementById('upSell').innerHTML);
2735
    Handlebars.registerPartial("singleChoice", document.getElementById('singleChoice').innerHTML);
2736
    Handlebars.registerPartial("singleChoiceAddon", document.getElementById('singleChoiceAddon').innerHTML);
2737
    Handlebars.registerPartial("multiChoice", document.getElementById('multiChoice').innerHTML);
2738
    Handlebars.registerPartial("multiChoiceAddon", document.getElementById('multiChoiceAddon').innerHTML);
2739
    Handlebars.registerPartial("addToCart", document.getElementById('addToCart').innerHTML);
2740
    if(datamarkuphelperscallback != null) {
2741
        window[datamarkuphelperscallback]();
2742
    }
2743
}
2744
​
2745
function fsaddProd(prod, type) {
2746
    fastspring.builder.add(prod, function(data){
2747
        openCart(type);
2748
    });
2749
}
2750
​
2751
function fsbProductaddProd(product, type, id) {
2752
    var e = document.getElementById(id);
2753
        var qty = e.value;
2754
        var s =
2755
        {
2756
            'products' : [
2757
                {
2758
                    'path':product,
2759
                    'quantity': qty
2760
                }
2761
            ]
2762
        }
2763
        fastspring.builder.push(s, function(data) {
2764
            openCart(type);
2765
        });
2766
}

Related Topics