PageSourceSearch

https://nationalcenterforinterpretation.com/store

html nationalcenterforinterpretation.com collected 2026-10-06 13:01:48 UTC 235,348 bytes, 5,840 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="en-US">
3<head>
4            
4<script>
5            if (location.protocol != 'https:')
6            {
7                // location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
8            }
9        </script>
9
10        <link rel="icon" href="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b7a861.png">
11<link rel="apple-touch-icon" href="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b7a861.png">
12    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
13    <meta name="generator" content="AttractWell.com" />
14    <meta name="author" content="Paul Gatto" />
15
16    <link rel="stylesheet" href="https://webcache.attractwell.com/app/common/all-marketing-site-css.min.css" type="text/css" />
17              
17<script src="https://webcache.attractwell.com/app/common/all-marketing-site-js.min.js"></script>
17
18    <!-- Stylesheets
19    ============================================= -->
20<!--    <link href="//fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />-->
21    <!--
22    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/bootstrap-337.css" type="text/css" />
23    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/style-2.css" type="text/css" />
24    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/dark.css" type="text/css" />
25    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/animate.css" type="text/css" />
26    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/magnific-popup.css" type="text/css" />
27    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/responsive.css" type="text/css" />
28    -->
29    <link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Caveat:400,700|Comfortaa:400,700|Crete+Round:400,400i|Euphoria+Script|Indie+Flower|Lato:300,400,400i,700,700i|Merriweather:400,400i,700,700i|Nanum+Myeongjo:400,800|Open+Sans:400,400i,700,700i|Oswald:400,700|Permanent+Marker|Playfair+Display:400,400i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Tangerine:400,700|Cormorant+Garamond:400,400i,700,700i|Crimson+Text:400,400i,700,700i|Josefin+Slab:400,400i,700,700i|Livvic:400,400i,600,600i|Montserrat:400,400i,600,600i|Nanum+Gothic:4
2900,700|Old+Standard+TT:400,400i,700|Roboto:400,400i,700,700i|Aguafina+Script&display=swap" rel="stylesheet">        
29<script src="https://kit.fontawesome.com/569c6654a7.js" crossorigin="anonymous" defer></script>
29
30    <meta name="viewport" content="width=device-width, initial-scale=1" />
31    <!--[if lt IE 9]>
32    
32<script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
32
33    <![endif]-->
34
35    
36
37    <!-- Facebook share tags
38    ============================================= -->
39    <meta property="og:type"               content="website" />
40    <meta property="og:image:type"         content="image/jpg" />
41<!--    <meta property="og:image:width"        content="1200" />-->
42<!--    <meta property="og:image:height"       content="630" />-->
43    <meta property="og:title"              content="All Products | NCI Self-Study Materials" />
44<meta property="og:description"        content="NCI offers a variety of practice materials for interpreters, including written and oral sample certification test for state and federal court as well as language lab style exercises for both legal and medical interpreting.  We also have glossaries for both Navajo and Haitian Creole." />
45
46    <!-- Document Title
47    ============================================= -->
48    <title>All Products | NCI Self-Study Materials</title>
49
50    <!-- Blog RSS feed -->
51    <link rel="alternate" href="https://nationalcenterforinterpretation.com/feed" title="RSS feed" type="application/rss+xml" />
52
53    <!-- External JavaScripts
54    ============================================= -->
55    <style type="text/css" media="all">
56    .fr-view span > h1, .fr-view span > h2, .fr-view span > h3, .fr-view span > h4, .fr-view span > h5, .fr-view span > h6 { color: revert !important; font-size: inherit !important; font-weight: inherit !important; }
57    h1 {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
58h2 {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
59h3 {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
60h4 {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
61h5 {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
62h6 {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
63#logo {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
64#primary-menu ul li a {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
65#primary-menu ul > li > ul > li > a { font-weight: 300;  text-transform:none !important; color:#333333;  }
66#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
67.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,  {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
68.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-search a:hover, .dark #header-wrap:not(.not-dark) #top-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-search form input {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:inherit !important;  }
69#top-search form input {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
70.entry-link {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
71.entry.entry-date-section span {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
72.button.button-desc {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
73ul.tab-nav-lg li a {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
74.counter {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
75label {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
76.nav-tree li a {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
77.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {font-family:Lato,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333;  }
78body {font-family: Lato,sans-serif; font-weight: 400;   }
79small {font-family: Lato,sans-serif; font-weight: 400;   }
80.font-body {font-family: Lato,sans-serif; font-weight: 400;   }
81#primary-menu ul ul a {font-family: Lato,sans-serif; font-weight: 400;   }
82.wp-caption {font-family: Lato,sans-serif; font-weight: 400;   }
83.feature-box.fbox-center.fbox-italic p {font-family: Lato,sans-serif; font-weight: 400;   }
84.skills li .progress-percent .counter {font-family: Lato,sans-serif; font-weight: 400;   }
85.nav-tree ul ul a {font-family: Lato,sans-serif; font-weight: 400;   }
86.button { text-transform: none; }
87.font-secondary {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
88.entry-meta li {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
89.entry-link span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
90.entry blockquote p {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
91.more-link {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
920 {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
93.button.button-desc span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
94.testi-content p {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
95.team-title span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
96.before-heading {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
97.wedding-head .first-name span, .wedding-head .last-name span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
98    label {
99        font-weight: 500 !important;
100        color: #666;
101    }
102    /*
103    #page-title h1 {
104        font-weight: 600 !important;
105        color: #666;
106    }*/
107    @media( min-width: 992px ) {
108                .fr-view section, .fr-view a {
109            scroll-margin-top: 100px;
110        }
111    }
112    .color {
113        color: #ab0520;
114    }
115    ::selection {
116        background: #ab0520;
117    }
118    ::-moz-selection {
119        background: #ab0520; /* Firefox */
120    }
121    ::-webkit-selection {
122        background: #ab0520; /* Safari */
123    }
124    a {
125        color: #ab0520;
126    }
127    a:hover:not(.button) {
128        color: #0c234b;
129    }
130    h1 > span:not(.nocolor),
131    h2 > span:not(.nocolor),
132    h3 > span:not(.nocolor),
133    h4 > span:not(.nocolor),
134    h5 > span:not(.nocolor),
135    h6 > span:not(.nocolor) { color: inherit; }
136
137    .bgcolor,
138    .bgcolor #header-wrap { background-color: #ab0520 !important; }
139
140    .color { color: #ab0520 !important; }
141
142    .border-color { border-color: #ab0520 !important; }
143
144    .top-links ul ul,
145    .top-links ul div.top-link-section {
146        border-top: 1px solid #ab0520;
147    }
148
149    .header-extras li .he-text span {
150        color: #ab0520;
151    }
152
153    /*#primary-menu > ul > li:hover a,*/
154    /*#primary-menu > ul > li.current a { color: *//*; }*/
155
156    #primary-menu ul ul,
157    #primary-menu ul li .mega-menu-content {
158        border-top: 0; /*2px solid #ab0520;*/
159    }
160
161        .dark #primary-menu:not(.not-dark) ul ul a, #primary-menu.dark ul ul a, #primary-menu ul li a {
162        color: #333333 !important;
163    }
164
165    
166        .dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a, #primary-menu ul li a:hover {
167        color: #bd8862 !important;
168    }
169
170    #primary-menu ul ul li:hover > a, #primary-menu ul li a:hover,
171    #header-wrap #primary-menu ul ul li:hover > a, #header-wrap #primary-menu ul li a:hover {
172        color: #bd8862 !important;
173    }
174    
175        /*
176    @media (min-width:992px) {
177        #header.full-header #primary-menu {
178            position: absolute;
179            right: 30px;
180            width: calc( 100% - 577px );
181        }
182        #header.sticky-header #primary-menu {
183            position: absolute;
184            right: 30px;
185            width: calc( 100% - 250px );
186        }
187        #header.full-header #primary-menu > ul {
188            float: right;
189        }
190    }
191    */
192
193    /*#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: */#ffb885/* !important; }*/
194
195    /*
196    #primary-menu > div > ul > li:hover a,
197    #primary-menu > div > ul > li.current a { color: #ffb885; }
198    */
199
200    #primary-menu.style-3 > ul > li.current > a {
201        background-color: #ab0520;
202    }
203
204    /*
205    #primary-menu.style-4 > ul > li:hover > a,
206    #primary-menu.style-4 > ul > li.current > a { border-color: #ffb885; }
207    */
208
209    #primary-menu.style-6 > ul > li > a:after,
210    #primary-menu.style-6 > ul > li.current > a:after {
211        border-top: 2px solid #ab0520;
212    }
213
214    /*
215    #primary-menu.sub-title > ul > li:hover > a,
216    #primary-menu.sub-title > ul > li.current > a,
217    #primary-menu.sub-title > div > ul > li:hover > a,
218    #primary-menu.sub-title > div > ul > li.current > a {
219        background-color: #ffb885;
220    }
221    */
222
223    /*#top-cart a:hover { color: #ffb885; }*/
224
225    #top-cart > a > span {
226        background-color: #ab0520;
227    }
228
229    #top-cart .top-cart-content {
230        border-top: 2px solid #ab0520;
231    }
232
233    /*.top-cart-item-image:hover { border-color: #ffb885; }*/
234
235    /*.top-cart-item-desc a:hover { color: #ffb885 !important; }*/
236
237    .top-cart-action span.top-checkout-price {
238        color: #ab0520;
239    }
240
241    #page-menu-wrap { background-color: #ab0520; }
242
243    #page-menu.dots-menu nav li.current a { background-color: #ab0520; }
244
245    #page-menu.dots-menu nav li .dots-menu-caption {
246        background-color: #ab0520;
247    }
248
249    #page-menu.dots-menu nav li .dots-menu-caption:after {
250        border-left: 6px solid #ab0520;
251    }
252
253    /*.breadcrumb a:hover { color: #ffb885; }*/
254
255    /*#portfolio-filter li a:hover { color: #ffb885; }*/
256
257    #portfolio-filter li.activeFilter a {
258        background-color: #ab0520;
259    }
260
261    /*#portfolio-shuffle:hover {
262        background-color: #ffb885;
263    }*/
264
265    /*.portfolio-desc h3 a:hover { color: #ffb885; }*/
266
267    /*.portfolio-overlay a:hover {
268        color: #ffb885;
269    }*/
270
271    /*#portfolio-navigation a:hover { color: #ffb885; }*/
272
273    /*.entry-title h2 a:hover { color: #ffb885; }
274
275    .entry-meta li a:hover { color: #ffb885; }
276
277    .entry-link:hover {
278        background-color: #ffb885;
279    }
280
281    .post-timeline .entry:hover .entry-timeline,
282    .post-timeline .entry:hover .timeline-divider {
283        border-color: #ffb885;
284        color: #ffb885;
285    }
286
287    .ipost .entry-title h3 a:hover,
288    .ipost .entry-title h4 a:hover { color: #ffb885; }
289    */
290
291    .more-link {
292        display: inline-block;
293        border-bottom: 1px solid #ab0520;
294    }
295
296    /*
297    .spost .entry-title h4 a:hover,
298    .mpost .entry-title h4 a:hover { color: #ffb885; }
299
300    .comment-content .comment-author a:hover { color: #ffb885; }
301
302    .product-title h3 a:hover,
303    .single-product .product-title h2 a:hover { color: #ffb885; }
304    */
305
306    .product-price ins {
307        color: #ab0520;
308    }
309
310    .sale-flash {
311        background-color: #ab0520;
312    }
313
314    .single-product .product-price {
315        color: #ab0520;
316    }
317
318    /*.cart-product-thumbnail img:hover { border-color: #ffb885; }*/
319
320    /*.button {
321        background-color: #ab0520;
322    }*/
323
324    /* button color overrides */
325
326    .button-leaf { background-color: #eeaa7b;}.button-green { background-color: #ee8e4c;}
327    /*.button.button-dark:hover { background-color: #ffb885; }*/
328
329    /*
330    .button.button-3d:hover {
331        background-color: #ffb885 !important;
332    }
333    */
334
335    .promo.promo-flat { background-color: #ab0520; }
336
337    .feature-box .fbox-icon i,
338    .feature-box .fbox-icon img {
339        background-color: #ab0520;
340    }
341
342    .feature-box.fbox-outline .fbox-icon {
343        border: 1px solid #ab0520;
344    }
345
346    .feature-box.fbox-border .fbox-icon {
347        border: 1px solid #ab0520;
348    }
349
350    .feature-box.fbox-border .fbox-icon i,
351    .feature-box.fbox-border .fbox-icon img {
352        color: #ab0520;
353    }
354
355    .feature-box.fbox-plain .fbox-icon i,
356    .feature-box.fbox-plain .fbox-icon img {
357        color: #ab0520;
358    }
359
360    .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #ab0520; }
361
362    /*.fbox-effect.fbox-dark .fbox-icon i:hover,
363    .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffb885; }
364
365    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
366    .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffb885; }
367    */
368
369    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #ab0520; }
370
371    .process-steps li.active h5,
372    .process-steps li.ui-tabs-active h5 {
373        color: #ab0520;
374    }
375
376    .process-steps li.active a,
377    .process-steps li.ui-tabs-active a {
378        background-color: #ab0520 !important;
379    }
380
381    .process-steps li.active a,
382    .process-steps li.ui-tabs-active a {
383        background-color: #ab0520 !important;
384        border-color: #ab0520 !important;
385    }
386
387    /*
388    .i-rounded:hover,
389    .i-circled:hover {
390        background-color: #ffb885;
391    }
392    */
393
394    .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
395        border-top: 2px solid #ab0520;
396    }
397
398    .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
399        border-bottom: 2px solid #ab0520;
400    }
401
402    ul.tab-nav.tab-nav2 li.ui-state-active a {
403        background-color: #ab0520;
404    }
405
406    ul.tab-nav-lg li.ui-tabs-active a {
407        color: #ab0520;
408    }
409
410    /*
411    .sidenav > .ui-tabs-active > a,
412    .sidenav > .ui-tabs-active > a:hover {
413        background-color: #ffb885 !important;
414    }
415    */
416
417    /*.faqlist li a:hover { color: #ffb885 !important; }*/
418
419    .testimonial .flex-control-nav li a {
420        background-color: #ab0520;
421    }
422
423    .team-title span {
424        color: #ab0520;
425    }
426
427    .pricing-box.best-price .pricing-price {
428        color: #ab0520;
429    }
430
431    .skills li .progress {
432        background-color: #ab0520;
433    }
434
435    /*
436    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
437        background-color: #ffb885 !important;
438    }*/
439
440    .owl-theme .owl-dots .owl-dot span {
441        background-color: #ab0520;
442    }
443
444    .title-block {
445        border-left: 7px solid #ab0520;
446    }
447
448    .title-block-right {
449        border-right: 7px solid #ab0520;
450    }
451
452    .heading-block.border-color:after { border-color: #ab0520; }
453
454    .fancy-title.title-border-color:before {
455        border-top: 1px solid #ab0520;
456    }
457
458    .fancy-title.title-bottom-border h1,
459    .fancy-title.title-bottom-border h2,
460    .fancy-title.title-bottom-border h3,
461    .fancy-title.title-bottom-border h4,
462    .fancy-title.title-bottom-border h5,
463    .fancy-title.title-bottom-border h6 {
464        border-bottom: 2px solid #ab0520;
465    }
466
467    /*#gotoTop:hover { background-color: #ffb885; }*/
468
469    /*.tagcloud a:hover {
470        border-color: #ffb885 !important;
471        color: #ffb885 !important;
472    }*/
473
474    .nav-tree li:hover > a,
475    .nav-tree li.current > a,
476    .nav-tree li.active > a { color: #ab0520 !important; }
477
478    .btn-link,
479    .pagination > li > a, .pagination > li > span,
480    .pagination > li > a:hover,
481    .pagination > li > span:hover,
482    .pagination > li > a:focus,
483    .pagination > li > span:focus { color: #ab0520; }
484
485    .pagination > .active > a,
486    .pagination > .active > span,
487    .pagination > .active > a:hover,
488    .pagination > .active > span:hover,
489    .pagination > .active > a:focus,
490    .pagination > .active > span:focus {
491        background-color: #ab0520 !important;
492        border-color: #ab0520 !important;
493    }
494
495    .nav-pills > li.active > a,
496    .nav-pills > li.active > a:hover,
497    .nav-pills > li.active > a:focus { background-color: #ab0520; }
498
499    /*
500    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
501    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
502    .overlay-menu #primary-menu.dark > ul > li:hover > a,
503    .overlay-menu #primary-menu.dark > ul > li.current > a { color: #ffb885 !important; }
504    */
505
506    .dark #primary-menu:not(.not-dark) ul ul,
507    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
508    #primary-menu.dark ul ul,
509    #primary-menu.dark ul li .mega-menu-content {
510        border-top-color: #ab0520;
511    }
512
513    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
514    #primary-menu.dark ul li .mega-menu-content.style-2 {
515        border-top-color: #ab0520;
516    }
517
518    .dark #top-cart .top-cart-content {
519        border-top-color: #ab0520;
520    }
521
522    /*
523    .dark .top-cart-item-image:hover { border-color: #ffb885; }
524
525    .dark .top-cart-item-desc a:hover { color: #ffb885 !important; }
526
527
528    .dark .post-timeline .entry:hover .entry-timeline,
529    .dark .post-timeline .entry:hover .timeline-divider {
530        border-color: #ffb885;
531        color: #ffb885;
532    }
533
534    .dark .cart-product-thumbnail img:hover { border-color: #ffb885; }
535
536    .dark .button-dark:hover { background-color: #ffb885; }
537    */
538
539    .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #ab0520; }
540
541    /*
542    .dark .fbox-effect.fbox-dark .fbox-icon i:hover,
543    .dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffb885; }
544
545    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
546    .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffb885; }
547    */
548
549    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #ab0520; }
550
551    /*
552    .dark .i-rounded:hover,
553    .dark .i-circled:hover {
554        background-color: #ffb885;
555    }
556    */
557
558    .dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #ab0520; }
559
560    /*
561    .dark .tagcloud a:hover {
562        background-color: #ffb885;
563    }
564    */
565
566    /*
567    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
568    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
569    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
570    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #ffb885 !important; }
571    */
572
573    /*
574    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
575        color: #ffb885 !important;
576    }
577
578    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #ffb885 !important; }
579    */
580
581    #page-menu nav {
582        background-color: #ab0520;
583    }
584
585    /*
586    #portfolio-filter li a:hover { color: #ffb885; }
587    */
588
589    .iconlist-color li i { color: #ab0520; }
590
591    /* button helper */
592.button.button-red:not(.button-border) {
593text-decoration:none;
594background-color:#8b0015;
595color:#ffffff;
596border-radius:2px;
597text-transform:uppercase;
598text-shadow:1px 1px 1px rgba(0,0,0,0.2);
599transition: all 0.3s ease;
600position:relative;z-index:1;
601border-top: 0px solid rgb(139, 0, 21);
602border-right: 0px solid rgb(139, 0, 21);
603border-bottom: 0px solid rgb(139, 0, 21);
604border-left: 0px solid rgb(139, 0, 21);
605}
606
607.button.button-red:hover {
608color:#ffffff;
609}
610
611.button.button-leaf:not(.button-border) {
612text-decoration:none;
613background-color:#0c234b;
614color:#ffffff;
615border-radius:2px;
616text-transform:uppercase;
617text-shadow:1px 1px 1px rgba(0,0,0,0.2);
618transition: all 0.3s ease;
619position:relative;z-index:1;
620border-top: 0px solid rgb(55, 141, 189);
621border-right: 0px solid rgb(55, 141, 189);
622border-bottom: 0px solid rgb(55, 141, 189);
623border-left: 0px solid rgb(55, 141, 189);
624}
625
626.button.button-leaf:hover {
627color:#ffffff;
628}
629
630.button.button-teal:not(.button-border) {
631text-decoration:none;
632background-color:#53777a;
633color:#ffffff;
634border-radius:1px;
635text-transform:uppercase;
636text-shadow:1px 1px 1px rgba(0,0,0,0.2);
637transition: all 0.3s ease;
638position:relative;z-index:1;
639border-top: 0px none rgb(255, 255, 255);
640border-right: 0px none rgb(255, 255, 255);
641border-bottom: 0px none rgb(255, 255, 255);
642border-left: 0px none rgb(255, 255, 255);
643}
644
645.button.button-teal:hover {
646color:#ffffff;
647}
648
649.button.button-yellow:not(.button-border) {
650text-decoration:none;
651background-color:#ecd078;
652color:#333333;
653border-radius:1px;
654text-transform:uppercase;
655text-shadow:none;
656transition: all 0.3s ease;
657position:relative;z-index:1;
658border-top: 0px none rgb(51, 51, 51);
659border-right: 0px none rgb(51, 51, 51);
660border-bottom: 0px none rgb(51, 51, 51);
661border-left: 0px none rgb(51, 51, 51);
662}
663
664.button.button-yellow:hover {
665color:#333333;
666}
667
668.button:not(.button-border) {
669text-decoration:none;
670background-color:#1abc9c;
671color:#ffffff;
672border-radius:1px;
673text-transform:uppercase;
674text-shadow:1px 1px 1px rgba(0,0,0,0.2);
675transition: all 0.3s ease;
676position:relative;z-index:1;
677border-top: 0px none rgb(255, 255, 255);
678border-right: 0px none rgb(255, 255, 255);
679border-bottom: 0px none rgb(255, 255, 255);
680border-left: 0px none rgb(255, 255, 255);
681}
682
683.button.button-:hover {
684color:#ffffff;
685}
686
687.button.button-green:not(.button-border) {
688text-decoration:none;
689background-color:#ee8e4c;
690color:#ffffff;
691border-radius:1px;
692text-transform:uppercase;
693text-shadow:1px 1px 1px rgba(0,0,0,0.2);
694transition: all 0.3s ease;
695position:relative;z-index:1;
696border-top: 0px none rgb(255, 255, 255);
697border-right: 0px none rgb(255, 255, 255);
698border-bottom: 0px none rgb(255, 255, 255);
699border-left: 0px none rgb(255, 255, 255);
700}
701
702.button.button-green:hover {
703color:#ffffff;
704}
705
706.button.button-brown:not(.button-border) {
707text-decoration:none;
708background-color:#774f38;
709color:#ffffff;
710border-radius:1px;
711text-transform:uppercase;
712text-shadow:1px 1px 1px rgba(0,0,0,0.2);
713transition: all 0.3s ease;
714position:relative;z-index:1;
715border-top: 0px none rgb(255, 255, 255);
716border-right: 0px none rgb(255, 255, 255);
717border-bottom: 0px none rgb(255, 255, 255);
718border-left: 0px none rgb(255, 255, 255);
719}
720
721.button.button-brown:hover {
722color:#ffffff;
723}
724
725.button.button-aqua:not(.button-border) {
726text-decoration:none;
727background-color:#40c0cb;
728color:#ffffff;
729border-radius:1px;
730text-transform:uppercase;
731text-shadow:1px 1px 1px rgba(0,0,0,0.2);
732transition: all 0.3s ease;
733position:relative;z-index:1;
734border-top: 0px none rgb(255, 255, 255);
735border-right: 0px none rgb(255, 255, 255);
736border-bottom: 0px none rgb(255, 255, 255);
737border-left: 0px none rgb(255, 255, 255);
738}
739
740.button.button-aqua:hover {
741color:#ffffff;
742}
743
744.button.button-lime:not(.button-border) {
745text-decoration:none;
746background-color:#aee239;
747color:#333333;
748border-radius:1px;
749text-transform:uppercase;
750text-shadow:none;
751transition: all 0.3s ease;
752position:relative;z-index:1;
753border-top: 0px none rgb(51, 51, 51);
754border-right: 0px none rgb(51, 51, 51);
755border-bottom: 0px none rgb(51, 51, 51);
756border-left: 0px none rgb(51, 51, 51);
757}
758
759.button.button-lime:hover {
760color:#333333;
761}
762
763.button.button-purple:not(.button-border) {
764text-decoration:none;
765background-color:#5d4157;
766color:#ffffff;
767border-radius:1px;
768text-transform:uppercase;
769text-shadow:1px 1px 1px rgba(0,0,0,0.2);
770transition: all 0.3s ease;
771position:relative;z-index:1;
772border-top: 0px none rgb(255, 255, 255);
773border-right: 0px none rgb(255, 255, 255);
774border-bottom: 0px none rgb(255, 255, 255);
775border-left: 0px none rgb(255, 255, 255);
776}
777
778.button.button-purple:hover {
779color:#ffffff;
780}
781
782.button.button-pink:not(.button-border) {
783text-decoration:none;
784background-color:#f89fa1;
785color:#ffffff;
786border-radius:1px;
787text-transform:uppercase;
788text-shadow:1px 1px 1px rgba(0,0,0,0.2);
789transition: all 0.3s ease;
790position:relative;z-index:1;
791border-top: 0px none rgb(255, 255, 255);
792border-right: 0px none rgb(255, 255, 255);
793border-bottom: 0px none rgb(255, 255, 255);
794border-left: 0px none rgb(255, 255, 255);
795}
796
797.button.button-pink:hover {
798color:#ffffff;
799}
800
801.button.button-blue:not(.button-border) {
802text-decoration:none;
803background-color:#1265a8;
804color:#ffffff;
805border-radius:1px;
806text-transform:uppercase;
807text-shadow:1px 1px 1px rgba(0,0,0,0.2);
808transition: all 0.3s ease;
809position:relative;z-index:1;
810border-top: 0px none rgb(255, 255, 255);
811border-right: 0px none rgb(255, 255, 255);
812border-bottom: 0px none rgb(255, 255, 255);
813border-left: 0px none rgb(255, 255, 255);
814}
815
816.button.button-blue:hover {
817color:#ffffff;
818}
819
820.button.button-dirtygreen:not(.button-border) {
821text-decoration:none;
822background-color:#1693a5;
823color:#ffffff;
824border-radius:1px;
825text-transform:uppercase;
826text-shadow:1px 1px 1px rgba(0,0,0,0.2);
827transition: all 0.3s ease;
828position:relative;z-index:1;
829border-top: 0px none rgb(255, 255, 255);
830border-right: 0px none rgb(255, 255, 255);
831border-bottom: 0px none rgb(255, 255, 255);
832border-left: 0px none rgb(255, 255, 255);
833}
834
835.button.button-dirtygreen:hover {
836color:#ffffff;
837}
838
839.button.button-amber:not(.button-border) {
840text-decoration:none;
841background-color:#eb9c4d;
842color:#ffffff;
843border-radius:1px;
844text-transform:uppercase;
845text-shadow:1px 1px 1px rgba(0,0,0,0.2);
846transition: all 0.3s ease;
847position:relative;z-index:1;
848border-top: 0px none rgb(255, 255, 255);
849border-right: 0px none rgb(255, 255, 255);
850border-bottom: 0px none rgb(255, 255, 255);
851border-left: 0px none rgb(255, 255, 255);
852}
853
854.button.button-amber:hover {
855color:#ffffff;
856}
857
858.button.button-black:not(.button-border) {
859text-decoration:none;
860background-color:#111111;
861color:#ffffff;
862border-radius:1px;
863text-transform:uppercase;
864text-shadow:1px 1px 1px rgba(0,0,0,0.2);
865transition: all 0.3s ease;
866position:relative;z-index:1;
867border-top: 0px none rgb(255, 255, 255);
868border-right: 0px none rgb(255, 255, 255);
869border-bottom: 0px none rgb(255, 255, 255);
870border-left: 0px none rgb(255, 255, 255);
871}
872
873.button.button-black:hover {
874color:#ffffff;
875}
876
877.button.button-white:not(.button-border) {
878text-decoration:none;
879background-color:#f0f0f0;
880color:#333333;
881border-radius:1px;
882text-transform:uppercase;
883text-shadow:none;
884transition: all 0.3s ease;
885position:relative;z-index:1;
886border-top: 0px none rgb(51, 51, 51);
887border-right: 0px none rgb(51, 51, 51);
888border-bottom: 0px none rgb(51, 51, 51);
889border-left: 0px none rgb(51, 51, 51);
890}
891
892.button.button-white:hover {
893color:#333333;
894}
895
896
897    /* Additional overrides for default button styles */
898
899    .button.button-rounded {
900        border-radius: 3px;
901    }
902    .button.button-3d {
903        border-bottom: 0;
904        border-radius: 3px;
905    }
906    .button {
907        border-radius: 3px;
908    }
909        /*.form-control {*/
910    /*    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);*/
911    /*    border-radius: 1px;*/
912    /*}
912*/
913    .panel-default > .panel-heading {
914        border-bottom: 0;
915        padding-bottom: 10px;
916    }
917    .modal-content {
918        border-radius: 8px;
919        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
920    }
921    
922    .dropdown-menu, .popover {
923        border-radius: 8px;
924        -moz-border-radius: 8px;
925        -webkit-border-radius: 8px;
926    }
927
928    .tooltip, .popover, .team-title span {
929        font-family: Lato,sans-serif;
930    }
931
932    .ui-tooltip {
933        font-family: Lato,sans-serif !important;
934    }
935
936    .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider) {
937        background: #eeeeee !important; /*rgb(245,245,245);*/
938        color: #333333;
939        border-radius: 2px;
940    }
941    .ui-widget-content.tabs {
942        background: #ffffff;
943        border: 0;
944    }
945    .tabs .tab-nav {
946        background: #ffffff;
947        border: 0;
948    }
949    .ui-tabs .ui-tabs-nav:not(.sidenav) .ui-tabs-anchor {
950        padding: 0 15px !important;
951    }
952    .ui-tooltip {
953        box-shadow: none !important; /*1px 1px 3px rgba(0, 0, 0, .1) !important;*/
954        border: #eeeeee !important;
955    }
956    body .ui-tooltip {
957        border: 1px solid #eeeeee;
958        border-radius: 2px;
959    }
960    .tab-container {
961        padding: 0;
962        background: #ffffff;
963        font-size: 14px;
964    }
965    .popover {
966        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
967    }
968    .dropdown-menu {
969        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
970    }
971        .tooltip.top .tooltip-arrow {
972        border-top-color: #eeeeee;
973    }
974    .tooltip.left .tooltip-arrow {
975        border-left-color: #eeeeee;
976    }
977    .tooltip.right .tooltip-arrow {
978        border-right-color: #eeeeee;
979    }
980    .tooltip.bottom .tooltip-arrow {
981        border-bottom-color: #eeeeee;
982    }
983    .tooltip-inner {
984        background-color: #eeeeee;
985        border-radius: 2px;
986        color: #333333;
987        font-size: 13px;
988    }
989    .tooltip.in {
990        opacity: 1;
991    }
992        .alert {
993        border-radius: 1px;
994    }
995
996    
997</style>
998<style>
999        :root {
1000        --black-background-color: #000000;
1001        --darkest-background-color: #111111;
1002        --darker-background-color: #2A2A2A;
1003        --dark-background-color: #3A3A3A;
1004        --medium-dark-background-color: #555555;
1005        --dark-mode-default-text-color: #eeeeee;
1006        --dark-mode-muted-text-color: #999999;
1007        --dark-mode-default-contrast-text-color: #333333;
1008        --whitest-background-color: #ffffff;
1009        --not-as-white-background-color: #eeeeee;
1010        --medium-white-background-color: #dddddd;
1011    }
1012    body.dark-mode:not(.no-dark-mode) {
1013        background: var(--darkest-background-color) !important;
1014        color: var(--dark-mode-default-text-color) !important;
1015    }
1016    body.dark-mode:not(.no-dark-mode) {
1017        .popover {
1018            background: var(--medium-dark-background-color) !important;
1019            color: var(--dark-mode-default-text-color) !important;
1020        }
1021
1022        & :is(:not(.fr-view)) {
1023            #content, .content-wrap.app-wrapper, .white-background,
1024            div.back-office-menu-layout-grid-menu, div.sidebar, .grid-equal-row-2 > div, .grid-equal-row-3 > div,
1025            .dropzone, #primary-menu ul ul {
1026                background: var(--darkest-background-color) !important;
1027                color: var(--dark-mode-default-text-color) !important;
1028            }
1029
1030            #primary-menu ul ul {
1031                border-top: 1px solid;
1032            }
1033
1034            .dropdown-menu {
1035                background: var(--black-background-color);
1036            }
1037
1038            .panel, .modal-content, .panel-body, .ui-tabs-panel, .customModal,
1039            .back-office-top-header, #page-title, .list-item-row, .sidenav.ui-tabs-nav, .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider),
1040            .settings-description, .callout-wrapper, .callout-wrapper-external,
1041            .table-responsive, .table-hover, .nav-tabs, .settings-group, .pricing-box,
1042            .feature-box.fbox-bg.fbox-center, .well {
1043                background: var(--dark-background-color) !important;
1044                color: var(--dark-mode-default-text-color) !important;
1045                border-color: #444 !important;
1046            }
1047
1048            .modal-header, .modal-footer {
1049                border-color: #444 !important;
1050            }
1051
1052            .table > thead > tr > th,
1053            .table > tbody > tr > th,
1054            .table > tfoot > tr > th,
1055            .table > thead > tr > td,
1056            .table > tbody > tr > td,
1057            .table > tfoot > tr > td {
1058                border-top-color: #444 !important;
1059            }
1060
1061            .table > thead > tr > th {
1062                border-bottom-color: #444 !important;
1063            }
1064
1065            input, textarea, select, .select2-dropdown, .select2-selection {
1066                background: var(--darker-background-color) !important;
1067                color: var(--dark-mode-default-text-color) !important;
1068                caret-color: auto;
1069            }
1070
1071            #_elev_io input {
1072                background: #ffffff !important;
1073                color: #333333 !important;
1074            }
1075            #_elev_io input::placeholder {
1076                color: #555555 !important;
1077            }
1078
1079            .off-white-background, .panel-heading, .table-hover > tbody > tr:hover,
1080            .sidenav > li > a:hover, .pricing-title {
1081                background: var(--medium-dark-background-color) !important;
1082                color: var(--dark-mode-default-text-color) !important;
1083            }
1084
1085            .pricing-title {
1086                text-shadow: none;
1087            }
1088
1089            #wrapper, .back-office-menu-layout-grid-content, .page-end-spacer {
1090                background: var(--darkest-background-color);
1091            }
1092
1093            .always-white-background {
1094                background: var(--not-as-white-background-color) !important;
1095            }
1096
1097            .not-as-white-background-and-text {
1098                background: var(--darkest-background-color) !important;
1099                color: var(--dark-mode-default-text-color) !important;
1100            }
1101
1102            .dim-text, .text-muted {
1103                color: var(--dark-mode-default-text-color) !important;
1104            }
1105
1106            .dark-text-color, .select2-selection--multiple .select2-selection__choice, .c3-tooltip-container,
1107            .keen-c3-legend, .keen-c3-legend-label-overlay, label.contrast, div.style-msg, div.style-msg .sb-msg h4 {
1108                color: var(--dark-mode-default-contrast-text-color) !important;
1109            }
1110
1111            .always-white-background-invert, .charting-panel-body {
1112                background: var(--medium-white-background-color) !important;
1113                filter: invert(1);
1114            }
1115
1116            h1:not(.fr-view h1, .swal2-modal h1), h2:not(.fr-view h2, .swal2-modal h2), h3:not(.fr-view h3, .swal2-modal h3), h4:not(.fr-view h4, .swal2-modal h4),
1117            h5:not(.fr-view h5, .swal2-modal h5), h6:not(.fr-view h6, .swal2-modal h6),
1118            h4.sidebar-menu-header,
1119            .sidenav > li > a,
1120            label:not(.swal2-modal label), button.close, .button-border, .panel-activity,
1121            .select2-container--default .select2-selection--single .select2-selection__rendered {
1122                color: var(--dark-mode-default-text-color) !important;
1123            }
1124
1125            input::placeholder, textarea::placeholder, select::placeholder {
1126                color: var(--dark-mode-muted-text-color) !important;
1127            }
1128            button.close {
1129                opacity: 1;
1130            }
1131
1132                        a:not(.button):not(.fr-view a),
1133            .widget_links li a,
1134            .site-name-text {
1135                color: #bd8862 !important;
1136            }
1137
1138            .button-white, .btn-default {
1139                background: var(--medium-dark-background-color) !important;
1140                color: var(--dark-mode-default-text-color) !important;
1141                border-color: #444 !important;
1142            }
1143
1144            i.light-mode {
1145                                display:none;
1146            }
1147
1148            i.dark-mode {
1149                display: inline;
1150            }
1151
1152            #primary-menu ul li a {
1153                color: #bd8862 !important;
1154            }
1155            #primary-menu ul ul {
1156                box-shadow: 0 5px 12px 5px rgba( 255,255,255,0.2 );
1157            }
1158            #primary-menu ul li ul li:hover a {
1159                color: #ffffff !important;
1160                background: var(--medium-dark-background-color) !important;
1161            }
1162
1163            #mobile-menu-header {
1164                background: var(--black-background-color);
1165            }
1166            .mobile-header {
1167                background-color: var(--medium-dark-background-color);
1168            }
1169        }
1170    }
1171
1172    .style-msg {
1173        border-radius: var(--app-border-radius-lg);
1174    }
1175    .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
1176        border-left: 0;
1177    }
1178
1179    /* Email Builder Preview Resets in Dark Mode */
1180    body.dark-mode:not(.no-dark-mode) :is(
1181        .email-builder-preview-email-wrapper,
1182        .preview-email-body-preview,
1183        #email-builder-preview-area,
1184        #email-builder-confirmation-preview-area,
1185        #email-builder-cancellation-preview-area,
1186        #email-builder-reminder-preview-area,
1187        #email-builder-follow-up-preview-area
1188    ) {
1189        background-color: #ffffff !important;
1190        background: #ffffff !important;
1191        color: #333333 !important;
1192    }
1193    body.dark-mode:not(.no-dark-mode) :is(
1194        .email-builder-preview-email-wrapper,
1195        .preview-email-body-preview,
1196        #email-builder-preview-area,
1197        #email-builder-confirmation-preview-area,
1198        #email-builder-cancellation-preview-area,
1199        #email-builder-reminder-preview-area,
1200        #email-builder-follow-up-preview-area
1201    ) :is(h1, h2, h3, h4, h5, h6, p, span, div, label, td, th, table, a):not([style*="color"]) {
1202        color: #333333 !important;
1203    }
1204    body.dark-mode:not(.no-dark-mode) :is(
1205        .email-builder-preview-email-wrapper,
1206        .preview-email-body-preview,
1207        #email-builder-preview-area,
1208        #email-builder-confirmation-preview-area,
1209        #email-builder-cancellation-preview-area,
1210        #email-builder-reminder-preview-area,
1211        #email-builder-follow-up-preview-area
1212    ) :is(.white-background, .always-white-background) {
1213        background-color: #ffffff !important;
1214        background: #ffffff !important;
1215    }
1216
1217    i.dark-mode {
1218        display:none;
1219    }
1220
1221    .mobile-header {
1222        background-color: #f5f5f5;
1223        border-bottom: 1px solid #eeeeee;
1224        padding: 10px 5px 10px 30px;
1225    }
1226
1227    .white-background {
1228        background-color: var(--whitest-background-color);
1229    }
1230
1231    .not-as-white-background-and-text, .off-white-background {
1232        background: var(--not-as-white-background-color) !important;
1233    }
1234
1235    .always-white-background {
1236        background-color: var(--whitest-background-color) !important;
1237    }
1238
1239    .dim-text {
1240        color: var(--dark-mode-muted-text-color) !important;
1241    }
1242
1243    .page-end-spacer {
1244        height: 100px;
1245        background: var(--app-background-color);
1246    }
1247    
1248    :root {
1249        --fancy-box-shadow: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3),inset 0 0 0 1px rgba(0,0,0,.1);
1250        --fancy-box-shadow-hover: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3);
1251    }
1252
1253    textarea {
1254        resize: vertical;
1255    }
1256    .large-font-text-input {
1257        font-size: 1.8rem;
1258        height: auto;
1259        line-height: normal !important;
1260    }
1261    .button {
1262        text-align:center;
1263        height: auto;
1264        padding: 11px 22px 9px 22px;
1265        white-space: normal;
1266        line-height: normal;
1267    }
1268
1269    .button.button-mini {
1270        text-align:center;
1271        padding: 4px 14px 2px 14px;
1272        height: auto;
1273        line-height: 19px;
1274        white-space: normal;
1275    }
1276
1277    .button.button-small {
1278        text-align:center;
1279        padding: 6px 17px 4px 17px;
1280        height: auto;
1281        line-height: 21px;
1282        white-space: normal;
1283    }
1284
1285    .button.button-large {
1286        text-align:center;
1287        padding: 9px 26px 7px 26px;
1288        height: auto;
1289        line-height: 27px;
1290        white-space: normal;
1291    }
1292
1293    .button.button-xlarge {
1294        text-align:center;
1295        padding: 11px 32px 8px 32px;
1296        height: auto;
1297        line-height: 30px;
1298        white-space: normal;
1299    }
1300
1301    .button.button-border {
1302        line-height: normal;
1303    }
1304    #gotoTop, .stretched #gotoTop {
1305        right: 60px;
1306        bottom: 13px;
1307    }
1308        @media (min-width: 992px) {
1309        #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container {
1310            background: rgba(255,255,255,0.8);
1311        }
1312        #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container {
1313            background: rgba(50,50,50,0.9);
1314        }
1315        #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu {
1316            height: auto;
1317        }
1318        #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu > ul {
1319            height: auto;
1320        }
1321        #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul {
1322            height: auto;
1323        }
1324        #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped {
1325            background: rgba(255,255,255,0.8);
1326        }
1327        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul {
1328            height: auto;
1329        }
1330        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped {
1331            background: rgba(50,50,50,0.9);
1332        }
1333        #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container > #primary-menu > ul {
1334            background: rgba(50,50,50,0.9);
1335        }
1336        .modal-xl {
1337            width: 98vw;
1338        }
1339    }
1340    @media (max-width: 991px) {
1341        /* this allows items in the mobile menu to wrap correctly */
1342        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
1343            height: fit-content !important;
1344            color: #0c234b !important;
1345        }
1346
1347        /* Shrink padding in mobile dialog boxes */
1348        .modal > .modal-dialog {
1349            margin: 0;
1350        }
1351        .modal > .modal-dialog > .modal-body {
1352            padding: 0;
1353        }
1354        .modal-dialog {
1355            width: 100dvw;
1356        }
1357        .modal-xl {
1358            max-width: 100%;
1359            width: 100%;
1360        }
1361
1362        #primary-menu ul li {
1363            padding: 13px 0;
1364        }
1365
1366        #primary-menu ul li a, #primary-menu.style-2 > div > ul > li > a {
1367            line-height: 1.5 !important;
1368            height: auto !important;
1369        }
1370    }
1371
1372        .voice-button-wrapper {
1373        display: grid;
1374        grid-template-columns: auto 1fr;
1375        grid-gap: 5px;
1376        align-items: center;
1377    }
1378    .voice-button-wrapper-align-top {
1379        align-items: start;
1380    }
1381    @media( max-width: 991px ) {
1382        .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) {
1383            grid-template-columns: 1fr auto;
1384        }
1385        .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) > *:first-child {
1386                        order: 2;
1387        }
1388    }
1389
1390    /* Columnar grids */
1391
1392    /* 2 across, 1 across on mobile, for a 2x3 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1393
1394    .grid-equal-row-2  {
1395        display: grid;
1396        grid-template-columns: repeat(2, minmax(0,1fr));
1397        column-gap: 1rem;
1398        row-gap: 5px;
1399        margin-bottom: 40px;
1400    }
1401    @media (max-width:991px) {
1402        .grid-equal-row-2 {
1403            grid-template-columns: 1fr;
1404        }
1405        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1406        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1407        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1408
1409        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1410        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1411        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1412    }
1413
1414    /* 3 across, 1 across on mobile, for a 3x3 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1415
1416    .grid-equal-row-3  {
1417        display: grid;
1418        grid-template-columns: repeat(3, minmax(0,1fr));
1419        column-gap: 1rem;
1420        row-gap: 5px;
1421        margin-bottom: 40px;
1422    }
1423    @media (max-width:991px) {
1424        .grid-equal-row-3 {
1425            grid-template-columns: 1fr;
1426        }
1427        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1428        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1429        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1430
1431        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1432        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1433        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1434
1435        .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; }
1436        .grid-equal-body-column-3    { grid-column: 1; grid-row: 8; }
1437        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 9; }
1438    }
1439
1440    /* Same as grid-equal-row-3 but without the header row.
1441     * 3 across, 1 across on mobile, for a 3x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1442
1443    .grid-equal-row-3-no-header  {
1444        display: grid;
1445        grid-template-columns: repeat(3, 1fr);
1446        column-gap: 1rem;
1447        row-gap: 5px;
1448        margin-bottom: 40px;
1449    }
1450    @media (max-width:991px) {
1451        .grid-equal-row-3-no-header {
1452            grid-template-columns: 1fr;
1453        }
1454        .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1455        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1456
1457        .grid-equal-body-column-2    { grid-column: 1; grid-row: 3; margin-top: 30px; }
1458        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 4; }
1459
1460        .grid-equal-body-column-3    { grid-column: 1; grid-row: 5; margin-top: 30px; }
1461        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 6; }
1462    }
1463
1464    /* 2 across, 1 across on mobile, for a 2x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1465
1466    .grid-equal-row-2-centered  {
1467        display: grid;
1468        grid-template-columns: repeat(6, 1fr);
1469        column-gap: 1rem;
1470        row-gap: 5px;
1471        margin-bottom: 40px;
1472        grid-template-areas:
1473                "a b b c c d"
1474                "a e e f f d";
1475    }
1476    .grid-equal-row-2-centered .grid-equal-body-column-1    { grid-area: b; }
1477    .grid-equal-row-2-centered .grid-equal-footer-column-1  { grid-area: e; }
1478
1479    .grid-equal-row-2-centered .grid-equal-body-column-2    { grid-area: c; }
1480    .grid-equal-row-2-centered .grid-equal-footer-column-2  { grid-area: f; }
1481
1482    @media (max-width:991px) {
1483        .grid-equal-row-2-centered {
1484            grid-template-columns: 1fr;
1485            grid-template-areas: none;
1486        }
1487        .grid-equal-row-2-centered .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1488        .grid-equal-row-2-centered .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1489
1490        .grid-equal-row-2-centered .grid-equal-body-column-2    { grid-column: 1; grid-row: 3; margin-top: 30px; }
1491        .grid-equal-row-2-centered .grid-equal-footer-column-2  { grid-column: 1; grid-row: 4; }
1492    }
1493
1494    /* 1 across desktop, 1 across on mobile, for a 1x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1495
1496    .grid-equal-row-1-centered  {
1497        display: grid;
1498        grid-template-columns: repeat(6, 1fr);
1499        column-gap: 1rem;
1500        row-gap: 5px;
1501        margin-bottom: 40px;
1502        grid-template-areas:
1503                "a a b b d d"
1504                "a a e e d d";
1505    }
1506    .grid-equal-row-1-centered .grid-equal-body-column-1    { grid-area: b; }
1507    .grid-equal-row-1-centered .grid-equal-footer-column-1  { grid-area: e; }
1508
1509    @media (max-width:991px) {
1510        .grid-equal-row-1-centered {
1511            grid-template-columns: 1fr;
1512            grid-template-areas: none;
1513        }
1514        .grid-equal-row-1-centered .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1515        .grid-equal-row-1-centered .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1516    }
1517
1518    /* 4 across, 1 across on mobile, for a 4x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1519
1520    .grid-equal-row-4  {
1521        display: grid;
1522        grid-template-columns: repeat(4, 1fr);
1523        column-gap: 1rem;
1524        row-gap: 5px;
1525        margin-bottom: 40px;
1526    }
1527    @media (max-width:991px) {
1528        .grid-equal-row-4 {
1529            grid-template-columns: 1fr;
1530        }
1531        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1532        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1533        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1534
1535        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1536        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1537        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1538
1539        .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; }
1540        .grid-equal-body-column-3    { grid-column: 1; grid-row: 8; }
1541        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 9; }
1542
1543        .grid-equal-heading-column-4 { grid-column: 1; grid-row: 10; margin-top: 30px; }
1544        .grid-equal-body-column-4    { grid-column: 1; grid-row: 11; }
1545        .grid-equal-footer-column-4  { grid-column: 1; grid-row: 12; }
1546    }
1547
1548    /* 5 across, 1 across on mobile, for a 5x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1549
1550    .grid-equal-row-5  {
1551        display: grid;
1552        grid-template-columns: repeat(5, 1fr);
1553        column-gap: 1rem;
1554        row-gap: 5px;
1555        margin-bottom: 40px;
1556    }
1557    @media (max-width:991px) {
1558        .grid-equal-row-5 {
1559            grid-template-columns: 1fr;
1560        }
1561    }
1562
1563    /* 6 across, 1 across on mobile, for a 6x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1564
1565    .grid-equal-row-6  {
1566        display: grid;
1567        grid-template-columns: repeat(6, 1fr);
1568        column-gap: 1rem;
1569        row-gap: 5px;
1570        margin-bottom: 40px;
1571    }
1572    @media (max-width:991px) {
1573        .grid-equal-row-6 {
1574            grid-template-columns: 1fr;
1575        }
1576    }
1577
1578    /* 2 across, 1 across on mobile */
1579    .grid-row-2 {
1580        row-gap: 1rem;
1581        margin: 0.5rem 0;
1582    }
1583
1584    @media (max-width: 991px) {
1585        .grid-row-2 {
1586            display: grid; grid-template-columns: repeat(1, 1fr);
1587        }
1588    }
1589
1590    @media (min-width: 992px) {
1591        .grid-row-2 {
1592            display: grid; grid-template-columns: repeat(2, 1fr);
1593        }
1594    }
1595
1596    /* 3 across, 1 across on mobile */
1597    .grid-row-3 {
1598        row-gap: 1rem;
1599        margin: 0.5rem 0;
1600    }
1601
1602    @media (max-width: 991px) {
1603        .grid-row-3 {
1604            display: grid; grid-template-columns: repeat(1, 1fr);
1605        }
1606    }
1607
1608    @media (min-width: 992px) {
1609        .grid-row-3 {
1610            display: grid; grid-template-columns: repeat(3, 1fr);
1611        }
1612    }
1613
1614    /* 2 across, first 2/3, second 1/3, 1 across on mobile */
1615    .grid-row-2-2-1 {
1616        row-gap: 1rem;
1617        margin: 0.5rem 0;
1618    }
1619
1620    @media (max-width: 991px) {
1621        .grid-row-2-2-1 {
1622            display: grid; grid-template-columns: repeat(1, 1fr);
1623        }
1624    }
1625
1626    @media (min-width: 992px) {
1627        .grid-row-2-2-1 {
1628            display: grid;
1629            grid-template-columns: 2fr 1fr;
1630        }
1631    }
1632
1633    /* 4 across, 2 across on mobile */
1634    .grid-row-4 {
1635        row-gap: 1rem;
1636        margin: 0.5rem 0;
1637    }
1638
1639    @media (max-width: 991px) {
1640        .grid-row-4 {
1641            display: grid; grid-template-columns: repeat(2, 1fr);
1642        }
1643    }
1644
1645    @media (min-width: 992px) {
1646        .grid-row-4 {
1647            display: grid; grid-template-columns: repeat(4, 1fr);
1648        }
1649    }
1650
1651    /* 5 across, 1 across on mobile */
1652    .grid-row-5 {
1653        row-gap: 1rem;
1654        margin: 0.5rem 0;
1655    }
1656
1657    @media (max-width: 991px) {
1658        .grid-row-5 {
1659            display: grid; grid-template-columns: repeat(1, 1fr);
1660        }
1661    }
1662
1663    @media (min-width: 992px) {
1664        .grid-row-5 {
1665            display: grid; grid-template-columns: repeat(5, 1fr);
1666        }
1667    }
1668
1669    /* 6 across, 2 across on mobile */
1670    .grid-row-6 {
1671        row-gap: 1rem;
1672        margin: 0.5rem 0;
1673    }
1674
1675    @media (max-width: 991px) {
1676        .grid-row-6 {
1677            display: grid; grid-template-columns: repeat(2, 1fr);
1678        }
1679    }
1680
1681    @media (min-width: 992px) {
1682        .grid-row-6 {
1683            display: grid; grid-template-columns: repeat(6, 1fr);
1684        }
1685    }
1686
1687    /* 8 across, 2 across on mobile */
1688    .grid-row-8 {
1689        row-gap: 1rem;
1690        margin: 0.5rem 0;
1691    }
1692
1693    @media (max-width: 991px) {
1694        .grid-row-8 {
1695            display: grid; grid-template-columns: repeat(2, 1fr);
1696        }
1697    }
1698
1699    @media (min-width: 992px) {
1700        .grid-row-8 {
1701            display: grid; grid-template-columns: repeat(8, 1fr);
1702        }
1703    }
1704
1705    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 2 columns on mobile. */
1706    .grid-list-variable-small {
1707        display: grid;
1708        grid-template-columns: repeat( 2, minmax(0, 1fr) );
1709        column-gap: 3rem;
1710        row-gap: 3rem;
1711    }
1712    @media (min-width:992px) {
1713        .grid-list-variable-small {
1714            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1715        }
1716    }
1717    @media (min-width:1400px) {
1718        .grid-list-variable-small {
1719            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1720        }
1721    }
1722    @media (min-width:1800px) {
1723        .grid-list-variable-small {
1724            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1725        }
1726    }
1727    @media (min-width:2200px) {
1728        .grid-list-variable-small {
1729            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1730        }
1731    }
1732    @media (min-width:2600px) {
1733        .grid-list-variable-small {
1734            grid-template-columns: repeat( 7, minmax(0, 1fr) );
1735        }
1736    }
1737    @media (min-width:3000px) {
1738        .grid-list-variable-small {
1739            grid-template-columns: repeat( 8, minmax(0, 1fr) );
1740        }
1741    }
1742
1743    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */
1744    .grid-list-variable-small-1-column {
1745        display: grid;
1746        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1747        column-gap: 3rem;
1748        row-gap: 3rem;
1749    }
1750    @media (min-width:992px) {
1751        .grid-list-variable-small-1-column {
1752            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1753        }
1754    }
1755    @media (min-width:1200px) {
1756        .grid-list-variable-small-1-column {
1757            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1758        }
1759    }
1760    @media (min-width:1600px) {
1761        .grid-list-variable-small-1-column {
1762            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1763        }
1764    }
1765    @media (min-width:2000px) {
1766        .grid-list-variable-small-1-column {
1767            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1768        }
1769    }
1770    @media (min-width:2400px) {
1771        .grid-list-variable-small-1-column {
1772            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1773        }
1774    }
1775    @media (min-width:2800px) {
1776        .grid-list-variable-small-1-column {
1777            grid-template-columns: repeat( 7, minmax(0, 1fr) );
1778        }
1779    }
1780
1781    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */
1782    .grid-list-variable {
1783        display: grid;
1784        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1785        column-gap: 3rem;
1786        row-gap: 3rem;
1787    }
1788    @media (min-width:992px) {
1789        .grid-list-variable {
1790            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1791        }
1792    }
1793    @media (min-width:1400px) {
1794        .grid-list-variable {
1795            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1796        }
1797    }
1798    @media (min-width:1800px) {
1799        .grid-list-variable {
1800            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1801        }
1802    }
1803    @media (min-width:2200px) {
1804        .grid-list-variable {
1805            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1806        }
1807    }
1808    @media (min-width:2600px) {
1809        .grid-list-variable {
1810            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1811        }
1812    }
1813    @media (min-width:3000px) {
1814        .grid-list-variable {
1815            grid-template-columns: repeat( 8, minmax(0, 1fr) );
1816        }
1817    }
1818
1819    /* Grid with variable number of columns based on screen width - for panels with larger content. Starts with 1 column on mobile. */
1820    .grid-list-variable-large {
1821        display: grid;
1822        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1823        column-gap: 3rem;
1824        row-gap: 3rem;
1825    }
1826    @media (min-width:1300px) {
1827        .grid-list-variable-large {
1828            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1829        }
1830    }
1831    @media (min-width:1800px) {
1832        .grid-list-variable-large {
1833            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1834        }
1835    }
1836    @media (min-width:2200px) {
1837        .grid-list-variable-large {
1838            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1839        }
1840    }
1841    @media (min-width:2600px) {
1842        .grid-list-variable-large {
1843            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1844        }
1845    }
1846    @media (min-width:3000px) {
1847        .grid-list-variable-large {
1848            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1849        }
1850    }
1851
1852
1853    /* Override for section class styles for pages built with the page editor */
1854    section .content-wrap .section {
1855        background: transparent none;
1856    }
1857
1858    /* Enlarge the default width of the container class to allow for use of more space on mobile */
1859    @media (max-width: 767px) {
1860        #header.full-header .container, .container, .container-fullwidth {
1861            width: calc( 100vw - 20px ) !important;
1862        }
1863    }
1864
1865    .flex-center {
1866        display: flex;
1867        justify-content: center;
1868        align-items: center;
1869    }
1870    @media (max-width: 991px) {
1871        .flex-center {
1872            flex-direction: column;
1873        }
1874    }
1875
1876
1877        :not(.fr-view) table { margin-bottom: 0; }
1878        div:not(.fr-wrapper) > .fr-view table td, div:not(.fr-wrapper) > .fr-view table th { border: 0; }
1879
1880    /* Rotate any element */
1881    .rotate {
1882        animation: rotate 1.5s linear infinite;
1883    }
1884    @keyframes rotate {
1885        to {
1886            transform: rotate(360deg);
1887        }
1888    }
1889
1890    /* A tilt-shake animation used for missing required fields. See also the highlightRequiredField() function at the bottom of this file. */
1891    @keyframes tilt-shaking {
1892        0% { transform: rotate(0deg); }
1893        25% { transform: rotate(5deg); }
1894        50% { transform: rotate(0deg); }
1895        75% { transform: rotate(-5deg); }
1896        100% { transform: rotate(0deg); }
1897    }
1898    .tilt-shaking {
1899        scale: 1.1;
1900        animation: tilt-shaking 0.25s infinite;
1901    }
1902
1903
1904    /* Hide on website (not in back office) */
1905    .hide-on-website { display: none; }
1906    
1907
1908        .aw-carousel {
1909        box-sizing: border-box;
1910        height: 100%;
1911        overflow: hidden;
1912        align-items: center;
1913        justify-content: center;
1914        text-align: center;
1915        width: 100%;
1916
1917        & > div {
1918            display: flex;
1919
1920            overflow-x: auto;
1921            scroll-snap-type: x mandatory;
1922
1923            scroll-behavior: smooth;
1924            -webkit-overflow-scrolling: touch;
1925        }
1926
1927        & > .aw-slides {
1928            margin-bottom: 5px;
1929            height: 300px;
1930            -ms-overflow-style: none;              scrollbar-width: none;         }
1931
1932                & > .aw-slides::-webkit-scrollbar {
1933            display: none;
1934        }
1935
1936        & > .aw-slides > div {
1937            scroll-snap-align: start;
1938            flex-shrink: 0;
1939            width: 100%;
1940            margin-right: 50px;
1941            position: relative;
1942            overflow: hidden;
1943
1944            display: flex;
1945            justify-content: center;
1946            align-items: center;
1947            flex-direction: column;
1948        }
1949
1950        & > .aw-slides div.aw-image-only a, & > .aw-slides div.aw-image-only img {
1951            object-fit: contain;
1952            width: 100% !important;
1953            height: 100%;
1954        }
1955        &.aw-carousel-cover-slide-image > .aw-slides div.aw-image-only img {
1956            object-fit: cover;
1957        }
1958
1959        & > .aw-slides div .fr-video {
1960            width: 500px;
1961        }
1962        @media( max-width: 991px ) {
1963            & > .aw-slides div .fr-video {
1964                width: 90vw;
1965            }
1966        }
1967
1968        & > a {
1969            display: inline-flex;
1970            width: 1.6rem;
1971            height: 1.6rem;
1972            background: #333333;
1973            text-decoration: none;
1974            align-items: center;
1975            justify-content: center;
1976            border-radius: 50%;
1977            border: 1px solid #ffffff;
1978            margin: 0 0 0.5rem 0;
1979            position: relative;
1980        }
1981
1982        & > a:hover {
1983            filter: brightness( 0.9 );
1984        }
1985
1986        & > a:active {
1987            top: 1px;
1988        }
1989
1990        & > a:focus {
1991            background: #000;
1992        }
1993
1994        & > a + a {
1995            margin-left: 5px;
1996        }
1997
1998        &.aw-carousel-no-dots > a {
1999            display: none;
2000        }
2001    }
2002    
2003        .aw-countdown {
2004        display: flex;
2005        justify-content: center;
2006        margin: 1em 0;
2007        @media( max-width: 767px ) {
2008            & {
2009                font-size: 3vw !important;
2010            }
2011        }
2012
2013        & > div {
2014            display: flex;
2015            padding: 0.6em 1.8em 1.6em 1.6em;
2016                        cursor: default;
2017                    }
2018
2019        & > div > div {
2020            display: flex;
2021            flex-direction: column;
2022            align-items: center;
2023            margin: 0 0.8em;
2024        }
2025
2026        & > div > div > span:first-child {
2027            font-size: 4em;
2028            margin-top: 0.15em;
2029            text-align: center;
2030        }
2031
2032        & > div > div > span:last-child {
2033            font-size: 1.2em;
2034        }
2035    }
2036    
2037    </style>
2038<style>
2039@keyframes awTickerScroll {
2040    0%   { transform: translate3d(0, 0, 0); }
2041    100% { transform: translate3d(-50%, 0, 0); }
2042}
2043.aw-ticker-wrap {
2044    overflow: hidden;
2045    background-color: var(--tw-bg, transparent);
2046}
2047.aw-ticker {
2048    display: flex;
2049    align-items: center;
2050    white-space: nowrap;
2051    will-change: transform;
2052    animation: awTickerScroll 22s linear infinite;
2053    width: max-content;
2054    flex-shrink: 0;
2055    padding: var(--tw-py, 20px) 0;
2056}
2057.aw-ticker-wrap:not(.no-pause-hover) .aw-ticker:hover {
2058    animation-play-state: paused;
2059}
2060.aw-ticker-item {
2061    display: inline-flex;
2062    align-items: center;
2063    flex: 0 0 auto;
2064    background: var(--tb-bg, #ffffff);
2065    color: var(--tb-color, #3f4242);
2066    padding: var(--tb-py, 12px) var(--tb-px, 18px);
2067    border-radius: var(--tb-r, 30px);
2068    font-size: var(--tb-fs, 17px);
2069    font-family: var(--tb-font, inherit);
2070    font-weight: var(--tb-fw, normal);
2071    font-style: var(--tb-fstyle, normal);
2072    line-height: 1.2;
2073    box-shadow: var(--tb-shadow, none);
2074    border: var(--tb-border, none);
2075    margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0;
2076}
2077.aw-ticker-item a {
2078    color: inherit;
2079    text-decoration: none;
2080}
2081.aw-ticker-item a:hover {
2082    text-decoration: underline;
2083}
2084.aw-ticker-sep {
2085    display: inline-flex;
2086    align-items: center;
2087    justify-content: center;
2088    flex: 0 0 auto;
2089    height: var(--ts-size, 10px);
2090    margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0;
2091}
2092.aw-ticker-sep::before {
2093    content: "";
2094    display: block;
2095    border-radius: 999px;
2096    flex: 0 0 auto;
2097    width: var(--ts-size, 10px);
2098    height: var(--ts-size, 10px);
2099    background: var(--ts-color, #47d4e0);
2100}
2101@media (prefers-reduced-motion: reduce) {
2102    .aw-ticker { animation: none; }
2103}
2104@media (max-width: 480px) {
2105    .aw-ticker-item { font-size: 85%; }
2106}
2107</style>
2108
2109<script>
2110        $(function() {
2111
2112                (function() {
2113            var tickers = document.querySelectorAll('.aw-ticker-wrap');
2114            if (!tickers.length) return;
2115
2116            if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
2117
2118            tickers.forEach(function(wrap) {
2119                var raw = wrap.getAttribute('data-ticker');
2120                if (!raw) { return; }
2121                try {
2122                    var cfg = JSON.parse(raw);
2123                    var duration = cfg.speed || 22;
2124                    var dir = (cfg.direction === 'right') ? 1 : -1;
2125                    var track = wrap.querySelector('.aw-ticker');
2126                    if (track) {
2127                        track.style.animation = 'none';
2128                        track.style.webkitAnimation = 'none';
2129
2130                        function startAnimation() {
2131                            var halfWidth = track.scrollWidth / 2;
2132                            var pos = 0;
2133                            var last = null;
2134                            var isPaused = false;
2135                            var speedPxPerSec = halfWidth / duration;
2136
2137                            if (window.ResizeObserver) {
2138                                var observer = new ResizeObserver(function() {
2139                                    halfWidth = track.scrollWidth / 2;
2140                                    speedPxPerSec = halfWidth / duration;
2141                                });
2142                                observer.observe(track);
2143                            }
2144
2145                            if (cfg.pause_on_hover !== false) {
2146                                wrap.addEventListener('mouseenter', function() { isPaused = true; });
2147                                wrap.addEventListener('mouseleave', function() { isPaused = false; });
2148                            }
2149
2150                            function step(ts) {
2151                                if (last === null) last = ts;
2152                                var delta = (ts - last) / 1000;
2153                                last = ts;
2154
2155                                if (halfWidth > 0 && !isPaused) {
2156                                    pos += dir * speedPxPerSec * delta;
2157                                    if (dir === -1 && pos <= -halfWidth) {
2158                                        pos += halfWidth;
2159                                    } else if (dir === 1 && pos >= 0) {
2160                                        pos -= halfWidth;
2161                                    }
2162                                    track.style.transform = 'translate3d(' + pos + 'px, 0, 0)';
2163                                    track.style.webkitTransform = 'translate3d(' + pos + 'px, 0, 0)';
2164                                }
2165                                requestAnimationFrame(step);
2166                            }
2167                            requestAnimationFrame(step);
2168                        }
2169
2170                        function init() {
2171                            var containerW = wrap.offsetWidth;
2172                            if (containerW === 0) {
2173                                setTimeout(init, 100);
2174                                return;
2175                            }
2176
2177                            var safetyLimit = 20;
2178                            while (track.scrollWidth / 2 < containerW && safetyLimit-- > 0) {
2179                                var existing = track.innerHTML;
2180                                track.innerHTML = existing + existing;
2181                            }
2182
2183                            startAnimation();
2184                        }
2185                        init();
2186                    }
2187                    if (cfg.pause_on_hover === false) wrap.classList.add('no-pause-hover');
2188                } catch(e) {}
2189            });
2190        })();
2191        let AwCarouselIntervals = {}, AwCarouselAutoAdvanceTime = 5000;
2192
2193        // Pause carousel auto-advance when user clicks into a video iframe (Bunny.net, YouTube, Vimeo)
2194        // When the user clicks an iframe, the main window loses focus. We detect that and check
2195        // if the now-focused element is an iframe inside an aw-carousel.
2196        let awCarouselFocusInterval = null;
2197        $(window).on('blur', function() {
2198            setTimeout(function() {
2199                let el = document.activeElement;
2200                if (el && el.tagName === 'IFRAME') {
2201                    let carousel = $(el).closest('.aw-carousel');
2202                    if (carousel.length) {
2203                        carousel.addClass('aw-video-playing');
2204                    }
2205                }
2206            }, 0);
2207        });
2208        $(window).on('focus', function() {
2209            $('.aw-carousel.aw-video-playing').removeClass('aw-video-playing');
2210        });
2211        function createRandomString( strLength = 20 )
2212        {
2213            let result = [];
2214            let charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
2215
2216            while (strLength--)
2217                result.push(charSet.charAt(Math.floor(Math.random() * charSet.length)));
2218
2219            return result.join('');
2220        }
2221        function AwCarouselGoToNextSlide( carousel )
2222        {
2223            if (carousel.find('video').toArray().some(v => !v.paused) || carousel.hasClass('aw-video-playing')) return;
2224            let slides_container = carousel.find('.aw-slides');
2225            let slides = slides_container.children();
2226            let carousel_bounding_rect = carousel[0].getBoundingClientRect();
2227
2228                        for( let i = 0; i < slides.length; i++ ) {
2229                let slide_bounding_rect = slides[i].getBoundingClientRect();
2230                if( Math.floor(slide_bounding_rect.x) === Math.floor(carousel_bounding_rect.x) ) {
2231                                        let slide_width = slide_bounding_rect.width;
2232                    let next_slide_index = i + 1;
2233                    if( next_slide_index >= slides.length )
2234                        next_slide_index = 0;
2235                    if( next_slide_index === 0 )
2236                        slides_container[0].scrollLeft = 0;
2237                    else
2238                        slides_container[0].scrollLeft += Math.ceil(slide_width);
2239                    break;
2240                }
2241            }
2242        }
2243        
2244        function GetCarouselSlideAdvanceTime( carousel )
2245        {
2246            let slide_advance_time = carousel.attr('data-auto-advance-seconds');
2247            if( slide_advance_time == '' || typeof slide_advance_time === 'undefined' )
2248                slide_advance_time = AwCarouselAutoAdvanceTime;
2249            else
2250                slide_advance_time = parseInt( slide_advance_time, 10 ) * 1000;
2251            return slide_advance_time;
2252        }
2253
2254        $('.aw-carousel').each( function() {
2255            let carousel = $(this);
2256            let slides = carousel.find('.aw-slides');
2257            let slide_advance_time = GetCarouselSlideAdvanceTime( carousel );
2258
2259                        let carousel_id = createRandomString();
2260            while( $('#' + carousel_id + '-slide-1' ).length > 0 )
2261                carousel_id = createRandomString();
2262
2263                        let carousel_dot_color = '';
2264            let first_dot = carousel[0].querySelector('& > a');
2265            if( first_dot !== null )
2266                carousel_dot_color = first_dot.style.backgroundColor;
2267            carousel.find('> a').remove();
2268
2269                        slides.attr('data-carousel-id', carousel_id );
2270
2271                        slides.children().each( function( index ) {
2272                let slide_id = carousel_id + '-slide-' + (index + 1);
2273                $(this).attr('id', slide_id );
2274                let new_link = document.createElement('a');
2275                new_link.setAttribute('href', '#' + slide_id );
2276                new_link.setAttribute('data-slide-index', index + 1 );
2277                if( carousel_dot_color !== '' )
2278                    new_link.setAttribute('style','background-color: ' + carousel_dot_color + ';');
2279                new_link.innerHTML = '&nbsp;';
2280                                carousel.append( new_link );
2281            });
2282
2283
2284            if( carousel.hasClass('aw-automatic-carousel') )
2285               AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( carousel ), slide_advance_time );
2286        });
2287        
2288        $('.aw-carousel > a').click( function( evt ) {
2289                        let slides_container = $(this).parent().find('.aw-slides');
2290            let slide_width = slides_container.children()[0].getBoundingClientRect().width;
2291            let slide_index = parseInt( $(this).attr('data-slide-index'), 10 );
2292            slides_container[0].scrollLeft = (slide_width * (slide_index - 1));
2293
2294            // get the entire carousel
2295            let carousel = $(this).parent();
2296            let slide_advance_time = GetCarouselSlideAdvanceTime( carousel );
2297
2298
2299                    let carousel_id = slides_container.attr('data-carousel-id');
2300            if( AwCarouselIntervals[ carousel_id ] ) {
2301                clearInterval( AwCarouselIntervals[ carousel_id ] );
2302                AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( $(this).parent().parent() ), slide_advance_time );
2303            }
2304            evt.preventDefault();
2305            evt.stopPropagation();
2306            return false;
2307        });
2308    });
2309</script>
2309
2310
2311<script>
2312    let countdownTimers = [];
2313    function StartCountdownTimers( countdown_selector = '.aw-countdown', options = {} )
2314    {
2315        function countdown( element, expiration_url ) {
2316            let end_date_time = element.getAttribute('data-end-datetime');
2317            let timer_length = element.getAttribute('data-end-minutes');
2318
2319            if( typeof end_date_time !== 'string' && typeof timer_length !== 'string' )
2320                return false;
2321
2322                        if( typeof allowUndo === 'boolean' )
2323                allowUndo = false;
2324
2325            let targetDate;
2326
2327            if( typeof end_date_time === 'string' )
2328                targetDate = new Date( end_date_time );
2329            else {
2330                let end_minutes = parseInt(timer_length, 10);
2331                if( isNaN( end_minutes ) )
2332                    return false;
2333                let current_date = new Date();
2334                targetDate = new Date();
2335                targetDate.setTime( current_date.getTime() + (end_minutes * 60 * 1000) );
2336                if( options && options['remove-end-minutes'] === true )
2337                    element.removeAttribute('data-end-minutes');
2338                element.setAttribute('data-end-datetime', targetDate.toISOString());
2339            }
2340            const now = new Date();
2341
2342            const difference = targetDate - now;
2343
2344            let days = Math.max(Math.floor(difference / (1000 * 60 * 60 * 24)), 0);
2345            let hours = Math.max(Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), 0);
2346            let minutes = Math.max(Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)), 0);
2347            let seconds = Math.max(Math.floor((difference % (1000 * 60)) / 1000), 0);
2348
2349            let days_text = days.toString().padStart(2, '0');
2350            let hours_text = hours.toString().padStart(2, '0');
2351            let minutes_text = minutes.toString().padStart(2, '0');
2352            let seconds_text = seconds.toString().padStart(2, '0');
2353
2354            element.querySelector('& > div > div:first-child > span:first-child').textContent = days_text;
2355            element.querySelector('& > div > div:nth-child(2) > span:first-child').textContent = hours_text;
2356            element.querySelector('& > div > div:nth-child(3) > span:first-child').textContent = minutes_text;
2357            element.querySelector('& > div > div:nth-child(4) > span:first-child').textContent = seconds_text;
2358
2359                        if( typeof allowUndo === 'boolean' )
2360                allowUndo = false;
2361
2362                        if( expiration_url !== null && expiration_url !== '' && days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 )
2363                location.href = expiration_url;
2364                    }
2365        function createCountdownHtml( element, color, background_color )
2366        {
2367            if( element.innerHTML !== '' && element.querySelectorAll('div > div > span').length === 8 ) {
2368                if( color !== null )
2369                    element.style.color = color;
2370                if( background_color !== null )
2371                    element.style.backgroundColor = background_color;
2372                element.querySelectorAll('div > div > span:first-child').forEach( element => {
2373                    element.innerHTML = '00';
2374                });
2375            }
2376            else {
2377                element.innerHTML = '<div style="' +
2378                    (color !== null ? 'color:' + escapeHtml(color) + ';' : '') +
2379                    (background_color !== null ? 'background-color:' + escapeHtml(background_color) + ';' : '') + '">' +
2380                    '<div><span>00</span><span>Days</span></div>' +
2381                    '<div><span>00</span><span>Hours</span></div>' +
2382                    '<div><span>00</span><span>Minutes</span></div>' +
2383                    '<div><span>00</span><span>Seconds</span></div>' +
2384                    '</div>';
2385            }
2386        }
2387
2388        let default_countdown_selector = '.aw-countdown';
2389        let has_custom_selector = (typeof countdown_selector === 'string' && countdown_selector !== default_countdown_selector );
2390        if( !has_custom_selector )
2391            countdown_selector = default_countdown_selector;
2392
2393        for( let i = countdownTimers.length - 1; i >= 0; i-- ) {
2394            if (!has_custom_selector || (countdown_selector.charAt(0) === '#' && countdownTimers[i].id === countdown_selector.substring(1))) {
2395                clearInterval(countdownTimers[i].interval);
2396                countdownTimers.splice(i, 1);
2397            }
2398        }
2399
2400        let countdown_elements = document.querySelectorAll( countdown_selector );
2401
2402        for( let i = 0; i < countdown_elements.length; i++ ) {
2403            let element = countdown_elements[i];
2404            let end_date_time = element.getAttribute('data-end-datetime');
2405            let timer_length = element.getAttribute('data-end-minutes');
2406            let expiration_url = element.getAttribute('data-expiration-url');
2407            let color = element.getAttribute('data-color');
2408            let background_color = element.getAttribute('data-background-color');
2409            if( typeof end_date_time === 'string' || typeof timer_length === 'string' ) {
2410                createCountdownHtml( element, color, background_color );
2411
2412                if( options && options.remember === true && typeof element.getAttribute('data-end-minutes') === 'string' && element.getAttribute('data-end-minutes') !== '' ) {
2413                    let existing_expires = Cookies.get('aw-countdown-' + i);
2414                    if( typeof existing_expires === 'undefined' ) {
2415                        let expiration_minutes = element.getAttribute('data-end-minutes');
2416                        if (expiration_minutes) {
2417                            expiration_minutes = parseInt(expiration_minutes, 10);
2418
2419                            if( typeof end_date_time !== 'string' ) {
2420                                let current_date = new Date();
2421                                let targetDate = new Date();
2422                                targetDate.setTime( current_date.getTime() + (expiration_minutes * 60 * 1000) );
2423                                end_date_time = targetDate.toISOString();
2424                            }
2425                                                        let cookie_expires_date = new Date(new Date().getTime() + ((expiration_minutes + 1440) * 60 * 1000));
2426                            Cookies.set('aw-countdown-' + i, end_date_time, {
2427                                path: window.location.pathname,
2428                                expires: cookie_expires_date
2429                            });
2430                        }
2431                    }
2432                    else {
2433                                                element.setAttribute('data-end-datetime', existing_expires);
2434                    }
2435                }
2436
2437                countdown( element, expiration_url );
2438                countdownTimers.push( { id: element.id, interval: setInterval(() => countdown( element, expiration_url ), 1000) } );
2439            }
2440        }
2441    }
2442
2443    document.addEventListener('DOMContentLoaded', function() {
2444        StartCountdownTimers( '.aw-countdown', {
2445            remember: true });
2446    } );
2447
2448</script>
2448
2449
2450<script>
2451    $(function() {
2452                function MenuCheck()
2453        {
2454            try {
2455                let jquery_element = $('#primary-menu > ul');
2456                let js_element = jquery_element[0];
2457                if( js_element.getBoundingClientRect().y > 0 && !jquery_element.hasClass('dropped') )
2458                    jquery_element.addClass('dropped');
2459                else if( js_element.getBoundingClientRect().y === 0 && jquery_element.hasClass('dropped') )
2460                    jquery_element.removeClass('dropped');
2461            }
2462            catch( err ) {}
2463        }
2464        $(window).resize( MenuCheck );
2465        MenuCheck();
2466
2467                $('[href^="#copytoclipboard="]').click( function() {
2468            let text = $(this).attr('href').substring(17);
2469            CopyToClipboard( decodeURIComponent( text ) );
2470            return false;
2471        });
2472    });
2473
2474    function highlightRequiredField( field_id, callback )
2475    {
2476        $('#' + field_id).addClass('tilt-shaking');
2477        setTimeout( () => {
2478            $('#' + field_id).removeClass('tilt-shaking');
2479            if( typeof callback === 'function' )
2480                callback();
2481        }, 750 );
2482    }
2483
2484        function CopyToClipboard( text, success_message = 'Copied to clipboard', failure_message = 'Failed to copy to clipboard' )
2485    {
2486        window.navigator.clipboard.writeText( text ).then( function() {
2487            toastr.info( success_message );
2488        }, function() {
2489            toastr.error( failure_message );
2490        });
2491        return false;
2492    }
2493</script>
2493
2494    <!-- Override Styles -->
2495    <style media="all">
2496        #primary-menu-trigger {
2497            font-size: 27px;
2498            margin-left: 10px;
2499        }
2500        .thin-font {
2501            font-weight: 300;
2502        }
2503        .section {
2504            background-color: #f7f7f7;
2505        }
2506        .bottle-lineup {
2507            height: 160px;
2508        }
2509        .bottle-popular {
2510            background-size: contain;
2511            background-repeat: no-repeat;
2512            background-position: center;
2513            height: 100px !important;
2514        }
2515        .menu-flag {
2516            width:16px;
2517            position: relative;
2518            top:-2px;
2519            margin-right:5px;
2520        }
2521        #logo > a {
2522            text-transform: none !important;
2523        }
2524        #logo {
2525            border-right: 0 !important;
2526                }
2527        #logo a.standard-logo { display: inline; }
2528
2529        #logo a.retina-logo { display: none; }
2530
2531        #header.transparent-header.full-header #header-wrap {
2532            border-bottom: none;  /* Remove top line in the theme to clean up display */
2533        }
2534
2535                #primary-menu-trigger {
2536            text-align: left;
2537        }
2538
2539        .get-started-button-top {
2540            float:right;
2541        }
2542        .get-started-button-bottom {
2543            display:none;
2544        }
2545
2546        .inherit-link-weight {
2547            font-weight: inherit !important;
2548        }
2549
2550        .site-name-text {
2551            -webkit-transition: all .4s ease, opacity .3s ease;
2552            -o-transition: all .4s ease, opacity .3s ease;
2553            transition: all .4s ease, opacity .3s ease;
2554            display:inline-block;
2555        }
2556        @media( max-width: 991px ) {
2557            .site-name-text {
2558                margin-left: 27px;
2559                max-height: 7rem;
2560                overflow: hidden;
2561            }
2562            #primary-menu ul li a {
2563                font-size: 16px;
2564            }
2565        }
2566
2567        #header.sticky-header .site-name-text {
2568            font-size: 20px;
2569            position: relative;
2570            top: -20px;
2571        }
2572        /*#header.sticky-header #logo {*/
2573            /*margin-top: 10px;*/
2574        /*}*/
2575
2576        #footer.dark .social-icon.si-borderless {
2577            color: #999999 !important;
2578        }
2579
2580        .blog-image {
2581            width: auto !important;
2582            margin-left:auto;
2583            max-height: 200px;
2584            margin-top: -30px;
2585        }
2586
2587        .margin-bottom-20 {
2588            margin-bottom: 20px;
2589        }
2590
2591        
2592        .about-me-text p {
2593            margin-bottom:20px;
2594        }
2595
2596        .about-me-text td, th {
2597            padding: 10px;
2598        }
2599
2600        .fr-view td, th {
2601            padding: 10px;
2602        }
2603
2604        .logo-image {
2605            display: inline !important;
2606            max-width: 400px !important;
2607            max-height: 100px;
2608        }
2609
2610        ul, ol {
2611                        padding-left: revert;
2612        }
2613
2614        .topmargin-xs {
2615            margin-top: 15px;
2616        }
2617
2618        .modal-inner {
2619            color: #333;
2620            font-weight:300;
2621            margin-bottom:10px;
2622            margin-top:20px;
2623            font-size:18px;
2624        }
2625
2626        .font-weight-normal {
2627            font-weight: normal;
2628        }
2629        .smaller-font {
2630            font-size: 15px;
2631        }
2632
2633        #header.transparent-header.full-header #header-wrap {
2634            border-bottom: none;  /* Remove top line in the theme to clean up display */
2635        }
2636        #header.transparent-header.full-header.dark > #header-wrap:not(.not-dark) {
2637            background: rgba(50,50,50,0.3);
2638        }
2639        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap {
2640            background: rgba(50,50,50,0.9);
2641        }
2642        .dark #logo a {
2643            color: #f0f0f0;
2644        }
2645
2646
2647        .toppadding-sm { padding-top: 20px; }
2648        .bottompadding-sm { padding-bottom: 20px; }
2649
2650
2651
2652        .fr-code { font-weight: normal; } 
2653
2654    @media (max-width: 991px) {
2655        
2656        .fr-video > iframe {
2657            height: auto !important;
2658            min-height: 250px;
2659            margin: 10px 0;
2660        }
2661    }
2662.fr-box.fr-basic .fr-element.fr-view, #page-editor, .landing-page-editable { font-family: Lato,sans-serif;font-weight:normal;font-style:normal;text-transform:none;}.fr-box.fr-basic .fr-element.fr-view h1, #page-editor h1, .landing-page-editable h1,
2663              .fr-box.fr-basic .fr-element.fr-view h2, #page-editor h2, .landing-page-editable h2,
2664              .fr-box.fr-basic .fr-element.fr-view h3, #page-editor h3, .landing-page-editable h3,
2665              .fr-box.fr-basic .fr-element.fr-view h4, #page-editor h4, .landing-page-editable h4,
2666              .fr-box.fr-basic .fr-element.fr-view h5, #page-editor h5, .landing-page-editable h6,
2667              .fr-box.fr-basic .fr-element.fr-view h6, #page-editor h6, .landing-page-editable h6 { font-family: Lato,sans-serif;font-weight:normal;font-style:normal;text-transform:none;}
2668                .widget_links li {
2669            display:inline-block;
2670            width:24%;
2671        }
2672        @media (max-width: 991px) {
2673            .widget_links li {
2674                width:32%;
2675            }
2676        }
2677        @media (max-width: 767px) {
2678            .widget_links li {
2679                width:50%;
2680            }
2681        }
2682        @media (max-width: 480px) {
2683            .widget_links li {
2684                width:100%;
2685            }
2686        }
2687        
2688
2689
2690        @media (min-width: 480px) {
2691            .leftpad25-not-mobile {
2692                padding-left:25px;
2693            }
2694        }
2695        @media (max-width: 480px ) {
2696            .site-name-text {
2697                font-size: 24px !important;
2698            }
2699            .logo-image {
2700                display: inline !important;
2701                max-width: 330px !important;
2702                max-height: 100px;
2703            }
2704        }
2705        @media (max-width: 767px) {
2706            .blog-image {
2707                display:block;
2708                width:100%;
2709                max-height: none;
2710                max-width: 100%;
2711            }
2712        }
2713        @media (max-width: 991px) {
2714            /*#logo a.standard-logo { display: inline-block; }*/
2715            .get-started-button-top {
2716                display:none;
2717            }
2718            .get-started-button-bottom {
2719                display: inline-block;
2720            }
2721            #logo .site-name-text {
2722                position: relative;
2723                top: 29px;
2724            }
2725            .blog-image {
2726                margin-right:auto;
2727            }
2728            #contact-message {
2729                min-height:auto;
2730            }
2731            .modal-image-link {
2732                display:block;
2733                margin:0 20px 20px 0;
2734                float:none;
2735            }
2736            .menu-item-overflow {
2737                overflow:hidden;
2738                white-space:nowrap;
2739                text-overflow:ellipsis;
2740            }
2741        }
2742
2743        @media
2744        only screen and (-webkit-min-device-pixel-ratio: 2),
2745        only screen and (   min--moz-device-pixel-ratio: 2),
2746        only screen and (     -o-min-device-pixel-ratio: 2/1),
2747        only screen and (        min-device-pixel-ratio: 2),
2748        only screen and (                min-resolution: 192dpi),
2749        only screen and (                min-resolution: 2dppx) {
2750
2751            #logo a.standard-logo {
2752                display: none;
2753            }
2754
2755            #logo a.retina-logo {
2756                display: inline;
2757            }
2758        }
2759
2760        @media
2761        only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
2762        only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
2763        only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
2764        only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
2765        only screen and (                min-resolution: 192dpi) and (max-width: 991px),
2766        only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
2767            /*#logo a.standard-logo { display: none; }
2768            #logo a.retina-logo { display: inline-block; }*/
2769            .get-started-button-top {
2770                display:none;
2771            }
2772            .get-started-button-bottom {
2773                display: inline-block;
2774            }
2775
2776            #logo .site-name-text {
2777                position: relative;
2778                top: 29px;
2779            }
2780            .blog-image {
2781                margin-right:auto;
2782            }
2783        }
2784
2785        @media( min-width: 992px ) {
2786            section {
2787                clear:both;
2788            }
2789        }
2790
2791                /* Icon Fonts */
2792        @font-face {
2793            font-family: 'font-icons';
2794            src:url('/themes/modern-fonts/font-icons.eot');
2795            src:url('/themes/modern-fonts/font-icons.eot') format('embedded-opentype'),
2796            url('https://webcache.attractwell.com/third-party/font-icons/font-icons.woff') format('woff'),
2797            url('https://webcache.attractwell.com/third-party/font-icons/font-icons.ttf') format('truetype'),
2798            url('/themes/modern-fonts/font-icons.svg') format('svg');
2799            font-weight: normal;
2800            font-style: normal;
2801        }
2802
2803        @font-face {
2804            font-family: 'lined-icons';
2805            src:url('/themes/modern-fonts/lined-icons.eot');
2806            src:url('/themes/modern-fonts/lined-icons.eot') format('embedded-opentype'),
2807            url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.woff') format('woff'),
2808            url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.ttf') format('truetype'),
2809            url('/themes/modern-fonts/lined-icons.svg') format('svg');
2810            font-weight: normal;
2811            font-style: normal;
2812        }
2813
2814        @font-face {
2815            font-family: 'Simple-Line-Icons';
2816            src:url('/themes/modern-fonts/Simple-Line-Icons.eot');
2817            src:url('/themes/modern-fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
2818            url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.woff') format('woff'),
2819            url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.ttf') format('truetype'),
2820            url('/themes/modern-fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
2821            font-weight: normal;
2822            font-style: normal;
2823        }
2824.clearfix::after {
2825    clear: both;
2826    display: block;
2827    content: "";
2828    height: 0;
2829}
2830.hide-by-clipping {
2831    position: absolute;
2832    width: 1px;
2833    height: 1px;
2834    padding: 0;
2835    margin: -1px;
2836    overflow: hidden;
2837    clip: rect(0, 0, 0, 0);
2838    border: 0;
2839}
2840img.fr-rounded,
2841.fr-img-caption.fr-rounded img {
2842    border-radius: 10px;
2843    -moz-border-radius: 10px;
2844    -webkit-border-radius: 10px;
2845    -moz-background-clip: padding;
2846    -webkit-background-clip: padding-box;
2847    background-clip: padding-box;
2848}
2849img.fr-bordered,
2850.fr-img-caption.fr-bordered img {
2851    border: solid 5px #CCC;
2852}
2853img.fr-bordered {
2854    -webkit-box-sizing: content-box;
2855    -moz-box-sizing: content-box;
2856    box-sizing: content-box;
2857}
2858.fr-img-caption.fr-bordered img {
2859    -webkit-box-sizing: border-box;
2860    -moz-box-sizing: border-box;
2861    box-sizing: border-box;
2862}
2863img.fr-shadow,
2864.fr-img-caption.fr-shadow img {
2865    -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
2866    -moz-box-shadow: 10px 10px 5px 0px #cccccc;
2867    box-shadow: 10px 10px 5px 0px #cccccc;
2868}
2869.fr-view span[style~="color:"] a {
2870    color: inherit;
2871}
2872.fr-view strong {
2873    font-weight: 700;
2874}
2875.fr-view table {
2876    border: none;
2877    border-collapse: collapse;
2878    empty-cells: show;
2879    max-width: 100%;
2880    table-layout: fixed;
2881}
2882.fr-view table td {
2883    min-width: 5px;
2884}
2885.fr-view table.fr-dashed-borders td,
2886.fr-view table.fr-dashed-borders th {
2887    border-style: dashed;
2888}
2889.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
2890    background: #f5f5f5;
2891}
2892.fr-view table td,
2893.fr-view table th,
2894.member-area .fr-view table td,
2895.member-area .fr-view table th {
2896    border: 0;
2897}
2898.back-office-menu-layout-grid-content .fr-view table td,
2899.back-office-menu-layout-grid-content .fr-view table th {
2900    border: 1px solid #dddddd;
2901}
2902.fr-view table td:empty,
2903.fr-view table th:empty {
2904    height: 20px;
2905}
2906.fr-view table td.fr-highlighted,
2907.fr-view table th.fr-highlighted {
2908    border: 1px double red;
2909}
2910.fr-view table td.fr-thick,
2911.fr-view table th.fr-thick {
2912    border-width: 2px;
2913}
2914.fr-view table th {
2915    background: #e6e6e6;
2916}
2917.fr-view hr {
2918    clear: both;
2919    user-select: none;
2920    -o-user-select: none;
2921    -moz-user-select: none;
2922    -khtml-user-select: none;
2923    -webkit-user-select: none;
2924    -ms-user-select: none;
2925    page-break-after: always;
2926    border-top: 2px solid #bbb;
2927}
2928.fr-view .fr-file {
2929    position: relative;
2930}
2931/* paperclip icon after inserting file
2932.fr-view .fr-file::after {
2933    position: relative;
2934    content: "\1F4CE";
2935    font-weight: normal;
2936}
2937*/
2938.fr-view pre {
2939    white-space: pre-wrap;
2940    word-wrap: break-word;
2941    overflow: visible;
2942}
2943.fr-view[dir="rtl"] blockquote {
2944    border-left: none;
2945    border-right: solid 2px #5e35b1;
2946    margin-right: 0;
2947    padding-right: 5px;
2948    padding-left: 0px;
2949}
2950.fr-view[dir="rtl"] blockquote blockquote {
2951    border-color: #00bcd4;
2952}
2953.fr-view[dir="rtl"] blockquote blockquote blockquote {
2954    border-color: #43a047;
2955}
2956.fr-view blockquote {
2957    border-left: solid 2px currentColor;
2958    margin-left: 0;
2959    padding-left: 15px;
2960    color: inherit;
2961}
2962.fr-view blockquote blockquote {
2963    border-color: inherit;
2964    color: inherit;
2965}
2966.fr-view blockquote blockquote blockquote {
2967    border-color: inherit;
2968    color: inherit;
2969}
2970.fr-view span.fr-emoticon {
2971    font-weight: normal;
2972    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
2973    display: inline;
2974    line-height: 0;
2975}
2976.fr-view span.fr-emoticon.fr-emoticon-img {
2977    background-repeat: no-repeat !important;
2978    font-size: inherit;
2979    height: 1em;
2980    width: 1em;
2981    min-height: 20px;
2982    min-width: 20px;
2983    display: inline-block;
2984    margin: -0.1em 0.1em 0.1em;
2985    line-height: 1;
2986    vertical-align: middle;
2987}
2988.fr-view .fr-text-gray {
2989    color: #AAA !important;
2990}
2991.fr-view .fr-text-bordered {
2992    border-top: solid 1px #222;
2993    border-bottom: solid 1px #222;
2994    padding: 10px 0;
2995}
2996.fr-view .fr-text-spaced {
2997    letter-spacing: 1px;
2998}
2999.fr-view .fr-text-uppercase {
3000    text-transform: uppercase;
3001}
3002.fr-view img {
3003    position: relative;
3004    max-width: 100%;
3005}
3006.fr-view img.fr-dib {
3007    margin: 5px auto;
3008    display: block;
3009    float: none;
3010    vertical-align: top;
3011}
3012.fr-view img.fr-dib.fr-fil {
3013    margin-left: 0;
3014    text-align: left;
3015}
3016.fr-view img.fr-dib.fr-fir {
3017    margin-right: 0;
3018    text-align: right;
3019}
3020.fr-view img.fr-dii {
3021    display: inline-block;
3022    float: none;
3023    vertical-align: bottom;
3024    margin-left: 5px;
3025    margin-right: 5px;
3026    max-width: calc(100% - (2 * 5px));
3027}
3028.fr-view img.fr-dii.fr-fil {
3029    float: left;
3030    margin: 5px 20px 20px 0;
3031    max-width: calc(100% - 5px);
3032}
3033.fr-view img.fr-dii.fr-fir {
3034    float: right;
3035    margin: 5px 0 20px 20px;
3036    max-width: calc(100% - 5px);
3037}
3038.fr-view span.fr-img-caption {
3039    position: relative;
3040    max-width: 100%;
3041}
3042.fr-view span.fr-img-caption.fr-dib {
3043    margin: 5px auto;
3044    display: block;
3045    float: none;
3046    vertical-align: top;
3047}
3048.fr-view span.fr-img-caption.fr-dib.fr-fil {
3049    margin-left: 0;
3050    text-align: left;
3051}
3052.fr-view span.fr-img-caption.fr-dib.fr-fir {
3053    margin-right: 0;
3054    text-align: right;
3055}
3056.fr-view span.fr-img-caption.fr-dii {
3057    display: inline-block;
3058    float: none;
3059    vertical-align: bottom;
3060    margin-left: 5px;
3061    margin-right: 5px;
3062    max-width: calc(100% - (2 * 5px));
3063}
3064.fr-view span.fr-img-caption.fr-dii.fr-fil {
3065    float: left;
3066    margin: 5px 5px 5px 0;
3067    max-width: calc(100% - 5px);
3068}
3069.fr-view span.fr-img-caption.fr-dii.fr-fir {
3070    float: right;
3071    margin: 5px 0 5px 5px;
3072    max-width: calc(100% - 5px);
3073}
3074.fr-view .fr-video {
3075    text-align: center;
3076    position: relative;
3077}
3078.fr-view .fr-video > * {
3079    -webkit-box-sizing: content-box;
3080    -moz-box-sizing: content-box;
3081    box-sizing: content-box;
3082    max-width: 100%;
3083    border: none;
3084}
3085.fr-view .fr-video.fr-dvb {
3086    display: block;
3087    clear: both;
3088}
3089.fr-view .fr-video.fr-dvb.fr-fvl {
3090    text-align: left;
3091}
3092.fr-view .fr-video.fr-dvb.fr-fvr {
3093    text-align: right;
3094}
3095.fr-view .fr-video.fr-dvi {
3096    display: inline-block;
3097}
3098.fr-view .fr-video.fr-dvi.fr-fvl {
3099    float: left;
3100}
3101.fr-view .fr-video.fr-dvi.fr-fvr {
3102    float: right;
3103}
3104.fr-view a.fr-strong {
3105    font-weight: 700;
3106}
3107.fr-view a.fr-green {
3108    color: green;
3109}
3110.fr-view .fr-img-caption {
3111    text-align: center;
3112}
3113.fr-view .fr-img-caption .fr-img-wrap {
3114    padding: 0px;
3115    display: inline-block;
3116    margin: auto;
3117    text-align: center;
3118    width: 100%;
3119}
3120.fr-view .fr-img-caption .fr-img-wrap img {
3121    display: block;
3122    margin: auto;
3123    width: 100%;
3124}
3125.fr-view .fr-img-caption .fr-img-wrap > span {
3126    margin: auto;
3127    display: block;
3128    padding: 5px 5px 10px;
3129    font-size: 14px;
3130    font-weight: initial;
3131    -webkit-box-sizing: border-box;
3132    -moz-box-sizing: border-box;
3133    box-sizing: border-box;
3134    -webkit-opacity: 0.9;
3135    -moz-opacity: 0.9;
3136    opacity: 0.9;
3137    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
3138    width: 100%;
3139    text-align: center;
3140}
3141.fr-view button.fr-rounded,
3142.fr-view input.fr-rounded,
3143.fr-view textarea.fr-rounded {
3144    border-radius: 1px;
3145    -moz-border-radius: 1px;
3146    -webkit-border-radius: 1px;
3147    -moz-background-clip: padding;
3148    -webkit-background-clip: padding-box;
3149    background-clip: padding-box;
3150}
3151.fr-view button.fr-large,
3152.fr-view input.fr-large,
3153.fr-view textarea.fr-large {
3154    font-size: 24px;
3155}
3156/**
3157 * Image style.
3158 */
3159a.fr-view.fr-strong {
3160    font-weight: 700;
3161}
3162a.fr-view.fr-green {
3163    color: green;
3164}
3165/**
3166 * Link style.
3167 */
3168img.fr-view {
3169    position: relative;
3170    max-width: 100%;
3171}
3172img.fr-view.fr-dib {
3173    margin: 5px auto;
3174    display: block;
3175    float: none;
3176    vertical-align: top;
3177}
3178img.fr-view.fr-dib.fr-fil {
3179    margin-left: 0;
3180    text-align: left;
3181}
3182img.fr-view.fr-dib.fr-fir {
3183    margin-right: 0;
3184    text-align: right;
3185}
3186img.fr-view.fr-dii {
3187    display: inline-block;
3188    float: none;
3189    vertical-align: bottom;
3190    margin-left: 5px;
3191    margin-right: 5px;
3192    max-width: calc(100% - (2 * 5px));
3193}
3194img.fr-view.fr-dii.fr-fil {
3195    float: left;
3196    margin: 5px 5px 5px 0;
3197    max-width: calc(100% - 5px);
3198}
3199img.fr-view.fr-dii.fr-fir {
3200    float: right;
3201    margin: 5px 0 5px 5px;
3202    max-width: calc(100% - 5px);
3203}
3204span.fr-img-caption.fr-view {
3205    position: relative;
3206    max-width: 100%;
3207}
3208span.fr-img-caption.fr-view.fr-dib {
3209    margin: 5px auto;
3210    display: block;
3211    float: none;
3212    vertical-align: top;
3213}
3214span.fr-img-caption.fr-view.fr-dib.fr-fil {
3215    margin-left: 0;
3216    text-align: left;
3217}
3218span.fr-img-caption.fr-view.fr-dib.fr-fir {
3219    margin-right: 0;
3220    text-align: right;
3221}
3222span.fr-img-caption.fr-view.fr-dii {
3223    display: inline-block;
3224    float: none;
3225    vertical-align: bottom;
3226    margin-left: 5px;
3227    margin-right: 5px;
3228    max-width: calc(100% - (2 * 5px));
3229}
3230span.fr-img-caption.fr-view.fr-dii.fr-fil {
3231    float: left;
3232    margin: 5px 5px 5px 0;
3233    max-width: calc(100% - 5px);
3234}
3235span.fr-img-caption.fr-view.fr-dii.fr-fir {
3236    float: right;
3237    margin: 5px 0 5px 5px;
3238    max-width: calc(100% - 5px);
3239}
3240
3241/* Shrink the Froala line breaker floating button to prevent overlap on small images */
3242.fr-line-breaker .fr-floating-btn {
3243    transform: scale(0.7) !important;
3244    transform-origin: center !important;
3245}
3246
3247/* Optional: Add hover effect if you want it to scale up full size on hover */
3248.fr-line-breaker:hover .fr-floating-btn {
3249    transform: scale(1) !important;
3250    transition: transform 0.1s ease;
3251}
3252
3253                [data-animate]:not(.animated) {
3254            opacity: 0;
3255        }
3256    </style>
3257    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/font-icons.css" type="text/css" />
3258
3259    <link rel="canonical" href="https://nationalcenterforinterpretation.com/store" />
3260<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3260-3261
3260
3261<script async src="https://www.googletagmanager.com/gtag/js?id=
3261G-9K8ES564XP
vendor: 13 bytes, line 3261
3261"></script>
3262<script>
3263  
vendor: 138 bytes, lines 3263-3267
3263window.dataLayer = window.dataLayer || [];
3264  function gtag(){dataLayer.push(arguments);}
3265  gtag('js', new Date());
3266
3267  gtag('config', '
3267G-9K8ES564XP
vendor: 5 bytes, line 3267
3267');
3268</script>
3268
3269</head>
3270
3271<body class="stretched no-transition">
3272
3273
3274
3275
3276<!-- Document Wrapper
3277============================================= -->
3278<div id="wrapper" class="clearfix">
3279
3280        <!-- Header
3281    ============================================= -->
3282        <header id="header" class="transparent-header full-header" data-sticky-class="not-dark">
3283
3284        <div id="header-wrap">
3285
3286            <div class="container clearfix">
3287
3288                <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
3289
3290                <!-- Logo
3291                ============================================= -->
3292                <div id="logo">
3293                    <a href="/" class="standard-logo" data-dark-logo="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png">
3294                                                    <img src="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png" alt="National Center for Interpretation" class="logo-image" fetchpriority="high">
3295                                            </a>
3296                    <a href="/" class="retina-logo"   data-dark-logo="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png">
3297                                                    <img src="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png" alt="National Center for Interpretation" class="logo-image" fetchpriority="high">
3298                                            </a>
3299                </div><!-- #logo end -->
3300
3301
3302
3303                <!-- Primary Navigation
3304                ============================================= -->
3305                <nav id="primary-menu" xclass="dark">
3306
3307
3308                    <ul style="touch-action: pan-y;border-right: 0;margin-right: 0;padding-right: 0;">
3309                        <style>
3310    @media (min-width:992px) {
3311        .top-menu-pulldown-menu-container {
3312            overflow: auto;
3313            max-height: calc(100vh - 100px);
3314        }
3315    }
3316</style>
3317
3318<li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com" style="background-image:none;">Home</a><li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/professional-development" style="background-image:none;">Professional Development Webinars</a><li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/store/products" style="background-image:none;">Self-Study Materials</a><li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/citi" style="background-image:none;">Court Interpreter Training Institute</a><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/resources" style="background-image:none;">Resources</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/certification-info">About Certification</a></li><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/professional-organizations">Professional Organizations</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/about" style="background-image:none;">About NCI</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/contact">Contact Us</a></li><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/mailing-list">Join Mailing List</a></li></ul></li>
3318<script>
3319    $(function() {
3320        $('a.sub-menu-header-link').click( function() {
3321            if( $(this)[0].getAttribute('target') === '_blank' )
3322                return;
3323
3324            if( $(this)[0].href.endsWith('#') === false )
3325                location.href = $(this)[0].href;
3326        });
3327    });
3328</script>
3328
3329                    </ul>
3330                    
3331                </nav><!-- #primary-menu end -->
3332
3333            </div>
3334
3335        </div>
3336
3337    </header><!-- #header end -->
3338        
3339    <main role="main">
3340
3341    <style>
3342    @media print {
3343        #header, .no-print {
3344            display: none !important;
3345        }
3346        #header a[href]:after, .no-print {
3347            content: none !important;
3348        }
3349    }
3350    .inline-block {
3351        display: inline-block;
3352    }
3353    @media (min-width:992px) {
3354        .inline-block-desktop {
3355            display: inline-block;
3356        }
3357    }
3358    a.dark-link {
3359        color: #91684b;
3360    }
3361    a.dark-link:hover {
3362        color: #ba8561;
3363    }
3364    .button-white { background: #f0f0f0; }
3365    .table.no-table-striping > thead > tr > th,
3366    .table.no-table-striping > tbody > tr > th,
3367    .table.no-table-striping > tfoot > tr > th,
3368    .table.no-table-striping > thead > tr > td,
3369    .table.no-table-striping > tbody > tr > td,
3370    .table.no-table-striping > tfoot > tr > td {
3371        border-top: 1px solid transparent;
3372    }
3373    .list-title-link {
3374        font-size: 20px;
3375        font-weight: bold;
3376        color: #91684b;
3377        word-break: break-word;
3378    }
3379    .list-item-section {
3380        /*background-image: linear-gradient( to bottom right, #f3f3f3, #f7f7f7 );*/
3381        /*padding: 30px 40px 10px 40px;*/
3382        /*border-radius: 10px;*/
3383        /*box-shadow: 1px 1px 1px rgba(0,0,0,0.09);*/
3384        margin-bottom: 20px;
3385    }
3386    /* Creates a grid of rows within a list-item-section class, for normal density content */
3387    @media (min-width:1200px) {
3388        .list-item-section-grid {
3389            display: grid;
3390            grid-template-columns: repeat( 2, minmax(0, 1fr) );
3391            column-gap: 6rem;
3392            row-gap: 0rem;
3393        }
3394    }
3395    @media (min-width:2000px) {
3396        .list-item-section-grid {
3397            display: grid;
3398            grid-template-columns: repeat( 3, minmax(0, 1fr) );
3399            column-gap: 6rem;
3400            row-gap: 0rem;
3401        }
3402    }
3403    @media (min-width:2500px) {
3404        .list-item-section-grid {
3405            display: grid;
3406            grid-template-columns: repeat( 4, minmax(0, 1fr) );
3407            column-gap: 6rem;
3408            row-gap: 0rem;
3409        }
3410    }
3411    @media (min-width:3000px) {
3412        .list-item-section-grid {
3413            display: grid;
3414            grid-template-columns: repeat( 5, minmax(0, 1fr) );
3415            column-gap: 6rem;
3416            row-gap: 0rem;
3417        }
3418    }
3419
3420    /* Creates a grid of rows within a list-item-section class, for high density content that needs more space */
3421    @media (min-width:1500px) {
3422        .list-item-section-grid-large {
3423            display: grid;
3424            grid-template-columns: repeat( 2, minmax(0, 1fr) );
3425            column-gap: 6rem;
3426            row-gap: 0rem;
3427        }
3428    }
3429    @media (min-width:2300px) {
3430        .list-item-section-grid-large {
3431            display: grid;
3432            grid-template-columns: repeat( 3, minmax(0, 1fr) );
3433            column-gap: 6rem;
3434            row-gap: 0rem;
3435        }
3436    }
3437    @media (min-width:2800px) {
3438        .list-item-section-grid-large {
3439            display: grid;
3440            grid-template-columns: repeat( 4, minmax(0, 1fr) );
3441            column-gap: 6rem;
3442            row-gap: 0rem;
3443        }
3444    }
3445    @media (min-width:3300px) {
3446        .list-item-section-grid-large {
3447            display: grid;
3448            grid-template-columns: repeat( 5, minmax(0, 1fr) );
3449            column-gap: 6rem;
3450            row-gap: 0rem;
3451        }
3452    }
3453    /* Card-style containers — share the same softer border, modern radius, and
3454       subtle hover treatment as the redesigned .form-control / wizard panels. */
3455    .list-item-row {
3456        padding-bottom:15px;
3457        padding-top:15px;
3458        border: 1px solid #e2e3e7;
3459        border-radius: 22px;
3460        background: #ffffff;
3461        margin-bottom: 30px;
3462        box-shadow: var(--panel-box-shadow);
3463        transition: border-color 0.15s, background 0.15s;
3464    }
3465    .list-item-row.list-item-row-hover:hover {
3466        border-color: #c2c5cc;
3467        background: #f7f7f5;
3468    }
3469    .list-item-row a.button-large {
3470        padding: 10px;
3471        height:auto;
3472        line-height: 22px;
3473        text-transform: none;
3474        letter-spacing: 0.2px;
3475        margin: 0 0 5px 0;
3476    }
3477    .settings-group {
3478        background: #ffffff;
3479        padding: 20px;
3480        border: 1px solid #e2e3e7;
3481        border-radius: 12px;
3482        box-shadow: var(--panel-box-shadow);
3483    }
3484    .settings-group-no-shadow {
3485        background: #ffffff;
3486        padding: 20px;
3487        border: 1px solid #e2e3e7;
3488        border-radius: 12px;
3489    }
3490    body.dark-mode:not(.no-dark-mode) .list-item-row,
3491    body.dark-mode:not(.no-dark-mode) .settings-group,
3492    body.dark-mode:not(.no-dark-mode) .settings-group-no-shadow {
3493        background: var(--dark-background-color);
3494        border-color: #444;
3495        color: var(--dark-mode-default-text-color);
3496    }
3497    body.dark-mode:not(.no-dark-mode) .list-item-row.list-item-row-hover:hover {
3498        border-color: #5a5a5a;
3499        background: #2c2c2c;
3500    }
3501    .on-page-search-box {
3502        width:15em;
3503        display:inline-block;
3504        font-size:16px;
3505        border-radius: 8px 0 0 8px;
3506        height: 34px;
3507    }
3508    .text-right-desktop {
3509        text-align: right;
3510    }
3511    .pull-right-desktop {
3512        float:right;
3513    }
3514    .div-block {
3515        display: block;
3516    }
3517    .button-panel {
3518        margin:1rem 0 0 0;
3519        font-size:16px;
3520    }
3521    .button-panel a+a {
3522        margin-left: 10px;
3523    }
3524    .action-button-panel a {
3525        text-align: center;
3526        display: block;
3527    }
3528    .action-button-panel a+a {
3529        margin-top: 1rem;
3530    }
3531    .text-bold {
3532        font-weight: bold;
3533    }
3534    .break-radio-items, .break-breadcrumb-nav {
3535        display: inline-block;
3536    }
3537    .link-path {
3538        display: inline-block;
3539        position:relative;
3540        top:-3px;
3541    }
3542    .list-details-panel {
3543        margin-top: 10px;
3544    }
3545    @media (max-width: 991px) {
3546        .text-bold-mobile {
3547            font-weight: bold;
3548        }
3549        .link-path {
3550            display: block;
3551            top: 0;
3552        }
3553        .break-radio-items {
3554            display: block;
3555        }
3556        .font-16-mobile {
3557            font-size: 16px;
3558        }
3559        .font-20-mobile {
3560            font-size: 20px;
3561        }
3562        .list-item-section {
3563            /*background: #f7f7f7;*/
3564            width: 100vw;
3565            position: relative;
3566            left: 50%;
3567            right: 50%;
3568            margin-left: -50vw;
3569            margin-right: -50vw;
3570            padding: 20px 25px;
3571            border-radius: 0;
3572            box-shadow: none;
3573        }
3574        .list-item-row .btn-block {
3575            margin: 10px 0;
3576        }
3577        .list-title-link {
3578            font-size: 24px;
3579        }
3580        .on-page-search-box {
3581            display: inline-block;
3582        }
3583        .text-right-desktop {
3584            text-align: unset;
3585        }
3586        .text-center-mobile {
3587            text-align: center;
3588        }
3589        .pull-right-desktop {
3590            float:none;
3591        }
3592        .button-panel {
3593            font-size:18px;
3594            margin: 2rem 0 1rem 0;
3595        }
3596        .btn-block-mobile {
3597            display: block;
3598            width: 100%;
3599            margin: 0 0 10px 0;
3600            float: none !important;
3601        }
3602        .btn-block-mobile-margin-fix {
3603            margin-left: 0;
3604            margin-right: 0;
3605        }
3606        .topmargin-mobile {
3607            margin-top: 50px !important;
3608        }
3609        .mobile-label {
3610            display: inline;
3611        }
3612        .bottommargin-sm-mobile {
3613            margin-bottom: 30px;
3614        }
3615        .tab-bar-mobile {
3616            text-align: center;
3617            font-size:20px;
3618            line-height: 200%;
3619        }
3620        .list-details-panel a {
3621            padding-top: 10px;
3622            font-size: 18px;
3623            display: block;
3624        }
3625        .nomargin-mobile {
3626            margin: 0;
3627        }
3628    }
3629    @media (min-width: 992px) {
3630        .bottommargin-desktop {
3631            margin-bottom: 50px;
3632        }
3633    }
3634    kbd a {
3635        color: #F0F0F0;
3636    }
3637    kbd a:hover:not(.button) {
3638        color: #D0D0D0;
3639    }
3640</style><style>
3641    .tooltip.top .tooltip-arrow {
3642        border-top-color: #333333;
3643    }
3644    .tooltip.left .tooltip-arrow {
3645        border-left-color: #333333;
3646    }
3647    .tooltip.right .tooltip-arrow {
3648        border-right-color: #333333;
3649    }
3650    .tooltip.bottom .tooltip-arrow {
3651        border-bottom-color: #333333;
3652    }
3653    .tooltip-inner {
3654        background-color: #333333;
3655        border-radius: 2px;
3656        color: #eeeeee;
3657        font-size: 13px;
3658    }
3659</style>
3659<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
3659
3660<style>
3661    .swal2-container {
3662        z-index: 9999;
3663    }
3664    .swal2-container label {
3665        font-size: 1.8rem;
3666    }
3667    @media (max-width:991px) {
3668        .swal2-container .mobile-width-max {
3669            max-width: 90%;
3670        }
3671    }
3672    .swal2-styled, .swal2-html-container {
3673        font-size: 1.6rem;
3674    }
3675        .swal2-html-container:has(.voice-button-wrapper) {
3676        overflow: visible;
3677        z-index: 2;
3678    }
3679
3680    /* Buttons — align with the app's built-in .button styles. Confirm uses the
3681       product config's primary button color (with its dedicated hover color);
3682       deny / cancel use the secondary / danger colors and darken on hover via
3683       a filter. Modern radius, no text-shadow, smooth transition. */
3684    .swal2-cancel, .swal2-confirm, .swal2-deny {
3685        padding: 10px 22px;
3686        border-radius: 999px;
3687        color: #fff;
3688        font-weight: 600;
3689        letter-spacing: normal;
3690        text-shadow: none;
3691        font-size: 1.6rem;
3692        line-height: 2.2rem;
3693        border: 0;
3694        transition: background-color 0.15s, filter 0.15s, box-shadow 0.15s;
3695    }
3696    .swal2-confirm {
3697        background-color: #eeaa7b;
3698        order: 2;
3699    }
3700    .swal2-confirm:hover, .swal2-confirm:focus {
3701        background-color: #ffb885;
3702    }
3703    .swal2-deny {
3704        background-color: #66b9bf;
3705    }
3706    .swal2-cancel {
3707        background-color: #C02942;
3708    }
3709    .swal2-deny:hover, .swal2-deny:focus,
3710    .swal2-cancel:hover, .swal2-cancel:focus {
3711        filter: brightness(0.92);
3712    }
3713    .swal2-cancel:focus, .swal2-confirm:focus, .swal2-deny:focus {
3714        outline: none;
3715        box-shadow: 0 0 0 3px rgba(63, 138, 82, 0.25);
3716    }
3717
3718    /* Inputs / selects / textareas — match the redesigned .form-control style:
3719       softer 1px border, 8px radius, modest padding, green focus ring. */
3720    .swal2-input, .swal2-validation-message, div:is(.swal2-container) .swal2-select, .swal2-radio {
3721        font-size: 1.8rem;
3722    }
3723    .swal2-input,
3724    .swal2-textarea,
3725    div:is(.swal2-container) .swal2-select,
3726    select.swal2-input,
3727    .swal2-input[type=text],
3728    .swal2-input[type=number],
3729    .swal2-input[type=email],
3730    .swal2-input[type=password],
3731    .swal2-input[type=url] {
3732        box-shadow: none;
3733        border: 1px solid #e2e3e7;
3734        border-radius: 999px;
3735        padding: 10px 12px;
3736        background: #ffffff;
3737        color: #1f2024;
3738        transition: border-color 0.15s, box-shadow 0.15s;
3739    }
3740    .swal2-input:hover,
3741    .swal2-textarea:hover,
3742    div:is(.swal2-container) .swal2-select:hover,
3743    select.swal2-input:hover {
3744        border-color: #c2c5cc;
3745    }
3746    .swal2-input:focus,
3747    .swal2-textarea:focus,
3748    div:is(.swal2-container) .swal2-select:focus,
3749    select.swal2-input:focus {
3750        outline: none;
3751        border-color: #3f8a52;
3752        box-shadow: 0 0 0 3px #ecf6ee;
3753    }
3754    .swal2-input::placeholder,
3755    .swal2-textarea::placeholder {
3756        color: #8a8e98;
3757    }
3758    .swal2-input[type=number] {
3759        text-align: right;
3760    }
3761    .swal2-input[type=number]::-webkit-inner-spin-button {
3762        margin-left: 7px;
3763    }
3764    div:is(.swal2-container) .swal2-radio, div:is(.swal2-container) .swal2-checkbox, .swal2-radio > label {
3765        display:block;
3766        text-transform:none;
3767    }
3768    div:is(.swal2-container) .swal2-radio label, div:is(.swal2-container) .swal2-checkbox label {
3769        margin-bottom: inherit;
3770    }
3771
3772        body.dark-mode:not(.no-dark-mode) .swal2-popup {
3773        background-color: #2a2a2a;
3774        color: #e5e5e5;
3775    }
3776    body.dark-mode:not(.no-dark-mode) .swal2-title,
3777    body.dark-mode:not(.no-dark-mode) .swal2-html-container,
3778    body.dark-mode:not(.no-dark-mode) .swal2-html-container strong,
3779    body.dark-mode:not(.no-dark-mode) .swal2-html-container b,
3780    body.dark-mode:not(.no-dark-mode) .swal2-html-container p,
3781    body.dark-mode:not(.no-dark-mode) .swal2-html-container label,
3782    body.dark-mode:not(.no-dark-mode) .swal2-radio label,
3783    body.dark-mode:not(.no-dark-mode) .swal2-checkbox label {
3784        color: #e5e5e5;
3785    }
3786    body.dark-mode:not(.no-dark-mode) .swal2-html-container a {
3787        color: #7ab8ff;
3788    }
3789    body.dark-mode:not(.no-dark-mode) .swal2-input,
3790    body.dark-mode:not(.no-dark-mode) .swal2-textarea,
3791    body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select,
3792    body.dark-mode:not(.no-dark-mode) select.swal2-input,
3793    body.dark-mode:not(.no-dark-mode) .swal2-input[type=text],
3794    body.dark-mode:not(.no-dark-mode) .swal2-input[type=number],
3795    body.dark-mode:not(.no-dark-mode) .swal2-input[type=email],
3796    body.dark-mode:not(.no-dark-mode) .swal2-input[type=password],
3797    body.dark-mode:not(.no-dark-mode) .swal2-input[type=url] {
3798        background: var(--dark-background-color);
3799        color: var(--dark-mode-default-text-color);
3800        border-color: #444;
3801    }
3802    body.dark-mode:not(.no-dark-mode) .swal2-input:hover,
3803    body.dark-mode:not(.no-dark-mode) .swal2-textarea:hover,
3804    body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select:hover,
3805    body.dark-mode:not(.no-dark-mode) select.swal2-input:hover {
3806        border-color: #5a5a5a;
3807    }
3808    body.dark-mode:not(.no-dark-mode) .swal2-input:focus,
3809    body.dark-mode:not(.no-dark-mode) .swal2-textarea:focus,
3810    body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select:focus,
3811    body.dark-mode:not(.no-dark-mode) select.swal2-input:focus {
3812        border-color: #6fb37e;
3813        box-shadow: 0 0 0 3px rgba(63, 138, 82, 0.25);
3814    }
3815    body.dark-mode:not(.no-dark-mode) .swal2-input::placeholder,
3816    body.dark-mode:not(.no-dark-mode) .swal2-textarea::placeholder {
3817        color: #888;
3818    }
3819    body.dark-mode:not(.no-dark-mode) .swal2-validation-message {
3820        background: #3a3a3a;
3821        color: #e5e5e5;
3822    }
3823    body.dark-mode:not(.no-dark-mode) .swal2-footer {
3824        border-top-color: #555;
3825        color: #e5e5e5;
3826    }
3827</style>
3828<style>
3829    :root {
3830        --spacing-025: 0.25rem;
3831        --spacing-05: 0.5rem;
3832        --spacing-1: 1rem;
3833        --spacing-15: 1.5rem;
3834        --spacing-2: 2rem;
3835        --spacing-25: 2.5rem;
3836        --spacing-3: 3rem;
3837        --spacing-35: 3.5rem;
3838        --spacing-4: 4rem;
3839        --spacing-45: 4.5rem;
3840        --spacing-5: 5rem;
3841    }
3842        .aw-accordion details {
3843        --background-color-closed: #ccc;
3844        --background-color-open: #b4b4b4;
3845        --background-color-content: #f0f0f0;
3846        overflow: hidden;
3847        margin: 0;
3848
3849        > summary {
3850            background: var(--background-color-closed);
3851            padding: 0.5em;
3852            cursor: pointer;
3853            border-radius: 2px;
3854
3855            transition: background 0.25s ease, color 0.25s ease;
3856
3857            &:hover {
3858                filter: brightness( 1.1 );
3859            }
3860            margin-top: 5px;
3861            position: relative;
3862            top: -1px;
3863        }
3864        > summary::marker {
3865            content: '';
3866        }
3867        > summary::-webkit-details-marker {
3868            display: none;
3869        }
3870        > p, > div, > ul, > ol {
3871            background-color: var(--background-color-content);
3872            margin: 0;
3873        }
3874
3875        &[open] {
3876            > summary {
3877                background: var(--background-color-open);
3878            }
3879        }
3880        &[open] > summary:before {
3881            transform: rotate(45deg);
3882        }
3883        > summary:before {
3884            content: '+';
3885            display: inline-block;
3886            margin: 0 0.5em 0 0.25em;
3887            font-size: 20px;
3888            transition: transform 0.25s ease;
3889        }
3890
3891        > *:not(summary) {
3892            padding: 1em;
3893        }
3894    }
3895
3896    :not(details) + details,
3897    details:first-child summary {
3898        border-top-left-radius: 5px;
3899        border-top-right-radius: 5px;
3900    }
3901    details:not(details:has(+ details)):last-child summary {
3902        border-bottom-left-radius: 5px;
3903        border-bottom-right-radius: 5px;
3904    }
3905    </style>
3906<script>
3907        window.addEventListener('DOMContentLoaded', function() {
3908        class Accordion {
3909            constructor(el) {
3910                // Store the <details> element
3911                this.el = el;
3912                // Store the <summary> element
3913                this.summary = el.querySelector('summary');
3914                // Store the <div class="aw-accordion-content"> element. A plain <details> (an imported
3915                // page, or hand-written markup) has no such wrapper, so this can be null - see
3916                // getExpandedHeight() for how the open height is measured in that case.
3917                this.content = el.querySelector('.aw-accordion-content');
3918
3919                // Store the animation object (so we can cancel it if needed)
3920                this.animation = null;
3921                // Store if the element is closing
3922                this.isClosing = false;
3923                // Store if the element is expanding
3924                this.isExpanding = false;
3925                // Detect user clicks on the summary element
3926                this.summary.addEventListener('click', (e) => this.onClick(e));
3927            }
3928
3929                        static canEnhance(el) {
3930                return el.querySelector('summary') !== null;
3931            }
3932
3933            onClick(e) {
3934                try {
3935                    // Add an overflow on the <details> to avoid content overflowing
3936                    this.el.style.overflow = 'hidden';
3937                    // Check if the element is being closed or is already closed
3938                    if (this.isClosing || !this.el.open) {
3939                        this.open();
3940                        // Check if the element is being openned or is already open
3941                    } else if (this.isExpanding || this.el.open) {
3942                        this.shrink();
3943                    }
3944                    // Stop default behaviour from the browser
3945                    e.preventDefault();
3946                }
3947                catch (e) {
3948                    // do nothing
3949                }
3950            }
3951
3952            shrink() {
3953                // Set the element as "being closed"
3954                this.isClosing = true;
3955
3956                // Store the current height of the element
3957                const startHeight = `${this.el.offsetHeight}px`;
3958                // Calculate the height of the summary
3959                const endHeight = `${this.summary.offsetHeight}px`;
3960
3961                // If there is already an animation running
3962                if (this.animation) {
3963                    // Cancel the current animation
3964                    this.animation.cancel();
3965                }
3966
3967                // Start a WAAPI animation
3968                this.animation = this.el.animate({
3969                    // Set the keyframes from the startHeight to endHeight
3970                    height: [startHeight, endHeight]
3971                }, {
3972                    duration: 400,
3973                    easing: 'ease-out'
3974                });
3975
3976                // When the animation is complete, call onAnimationFinish()
3977                this.animation.onfinish = () => this.onAnimationFinish(false);
3978                // If the animation is cancelled, isClosing variable is set to false
3979                this.animation.oncancel = () => this.isClosing = false;
3980            }
3981
3982                        getExpandedHeight() {
3983                if( this.content ) {
3984                    return this.summary.offsetHeight + this.content.offsetHeight;
3985                }
3986                return this.el.scrollHeight;
3987            }
3988
3989            open() {
3990                // Apply a fixed height on the element
3991                this.el.style.height = `${this.el.offsetHeight}px`;
3992                // Force the [open] attribute on the details element
3993                this.el.open = true;
3994                // Wait for the next frame to call the expand function
3995                window.requestAnimationFrame(() => this.expand());
3996            }
3997
3998            expand() {
3999                                try {
4000                    this.animateExpand();
4001                }
4002                catch (err) {
4003                    this.onAnimationFinish(true);
4004                }
4005            }
4006
4007            animateExpand() {
4008                // Set the element as "being expanding"
4009                this.isExpanding = true;
4010                // Get the current fixed height of the element
4011                const startHeight = `${this.el.offsetHeight}px`;
4012                // Calculate the open height of the element (summary height + content height)
4013                const endHeight = `${this.getExpandedHeight()}px`;
4014
4015                // If there is already an animation running
4016                if (this.animation) {
4017                    // Cancel the current animation
4018                    this.animation.cancel();
4019                }
4020
4021                // Start a WAAPI animation
4022                this.animation = this.el.animate({
4023                    // Set the keyframes from the startHeight to endHeight
4024                    height: [startHeight, endHeight]
4025                }, {
4026                    duration: 400,
4027                    easing: 'ease-out'
4028                });
4029                // When the animation is complete, call onAnimationFinish()
4030                this.animation.onfinish = () => this.onAnimationFinish(true);
4031                // If the animation is cancelled, isExpanding variable is set to false
4032                this.animation.oncancel = () => this.isExpanding = false;
4033            }
4034
4035            onAnimationFinish(open) {
4036                // Set the open attribute based on the parameter
4037                this.el.open = open;
4038                // Clear the stored animation
4039                this.animation = null;
4040                // Reset isClosing & isExpanding
4041                this.isClosing = false;
4042                this.isExpanding = false;
4043                // Remove the overflow hidden and the fixed height
4044                this.el.style.height = this.el.style.overflow = '';
4045            }
4046        }
4047
4048                document.querySelectorAll('.aw-accordion details').forEach((el) => {
4049                        try {
4050                if( Accordion.canEnhance(el) ) {
4051                    new Accordion(el);
4052                }
4053            }
4054            catch (err) {
4055                            }
4056        });
4057    });
4058    </script>
4058<script type="text/javascript">
4059                function getAnalyticsCookie(cname) {
4060                  var name = cname + "=";
4061                  var decodedCookie = decodeURIComponent(document.cookie);
4062                  var ca = decodedCookie.split(';');
4063                  for(var i = 0; i <ca.length; i++) {
4064                    var c = ca[i];
4065                    while (c.charAt(0) == ' ') {
4066                      c = c.substring(1);
4067                    }
4068                    if (c.indexOf(name) == 0) {
4069                      return c.substring(name.length, c.length);
4070                    }
4071                  }
4072                  return "";
4073                }
4074                function RecordInternalAnalytics( stream, data ) {
4075                        data.action = 'record_event';
4076                        data.stream = stream;
4077                        data.contact_id = getAnalyticsCookie('contact_id');
4078                        $.ajax({
4079                            type: 'POST',
4080                            url: '/app/analytics-api',
4081                            data: data,
4082                            dataType: 'json'
4083                        }).done( function( data ) {
4084                        });
4085                    }
4086                !function(name,path,ctx){
4087                    var latest,prev=name!=='Keen'&&window.Keen?window.Keen:false;ctx[name]=ctx[name]||{ready:function(fn){var h=document.getElementsByTagName('head')[0],s=document.createElement('script'),w=window,loaded;s.onload=s.onerror=s.onreadystatechange=function(){if((s.readyState&&!(/^c|loade/.test(s.readyState)))||loaded){return}s.onload=s.onreadystatechange=null;loaded=1;latest=w.Keen;if(prev){w.Keen=prev}else{try{delete w.Keen}catch(e){w.Keen=void 0}}ctx[name]=latest;ctx[name].ready(fn)};s.async=1;s.src=path;h.parentNode.insertBefore(s,h)}}
4088                }('KeenAsync','https://webcache.attractwell.com/third-party/keen-datavis/keen-tracking-1.1.3.min.js',this);
4089                // was https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js
4090                
4091                var globalAnalyticsClient = {};
4092            
4093                    globalAnalyticsClient.recordEvent = function( stream, data ) {
4094                        RecordInternalAnalytics( stream, data );
4095                    }
4096                    // Record an event
4097                    globalAnalyticsClient.recordEvent("public_page_views", {"url_params":{"sitepath":"store","look_for_page":"1","rulenum":"1","page-link-path":"store"},"account_id":4984,"type":"website_view","url":"https:\/\/nationalcenterforinterpretation.com",title:document.title});
4098                
4099
4100                
4101                
4102                
4103                function RecordExternalClickAnalytics( url, title, is_signup_link = false )
4104                {
4105                    var type_to_use = "website_link_click";
4106                    if( is_signup_link === true )
4107                        type_to_use = "website_signup_link_click";
4108                        
4109                    globalAnalyticsClient.recordEvent("public_page_views", {
4110                        "url": url,
4111                        "title": title,
4112                        "type": type_to_use,
4113                        "account_id": 4984
4114                    });
4115
4116                
4117                    RecordInternalAnalytics("public_page_views", {
4118                        "url": url,
4119                        "title": title,
4120                        "type": type_to_use,
4121                        "account_id": 4984
4122                    });
4123                
4124                }
4125                
4126                function RecordContactWebsiteSignUpLinkClick( contact_id )
4127                {
4128                    // records if a contact clicked the website signup link
4129                    if( contact_id != '' ) { 
4130                        $.ajax({
4131                            type: 'POST',
4132                            url: '/app/contacts',
4133                            data: {
4134                                'contact_website_signup_link_click': 1,
4135                                'contact_id': contact_id
4136                            },
4137                            dataType: 'json'
4138                        }).done( function( data ) {
4139                        });
4140                    }
4141                }
4142            </script>
4142    <style>
4143        .checkout-field-div {
4144            margin-bottom: 10px;
4145        }
4146        .checkout-field-error {
4147            margin-bottom:5px;
4148            font-size:16px;
4149            text-align:center;
4150        }
4151        .checkout-field-input {
4152            font-size: 1.7rem;
4153            height:auto;
4154            margin-bottom: 1.5rem;
4155        }
4156        .delete-cart-item {
4157            cursor: pointer;
4158            padding: 2px 5px;
4159        }
4160        #toast-container {
4161            z-index: 2001 !important;
4162        }
4163        #cart-prices {
4164            margin: 5px 0;
4165            color: #777777;
4166            background: #f0f0f0;
4167            padding: 5px 0;
4168        }
4169        #cart-subtotal {
4170            padding: 0 5px;
4171        }
4172        #cart-shipping-inner{
4173            padding: 0 5px;
4174        }
4175        .coupon-description {
4176            margin-left: 20px;
4177        }
4178        .coupon-discounts {
4179            font-style: italic;
4180            margin-left: 20px;
4181        }
4182        .grand-total-div {
4183            font-weight: bold;
4184            background: #e3e3e3;
4185            padding: 4px;
4186            margin-top: 5px;
4187            color: #333333;
4188        }
4189        #cart-panel-sidepanel {
4190            position: fixed;
4191            top: 0;
4192            right: 0;
4193            display: flex;
4194            flex-direction: column;
4195            background-color: #f5f5f5;
4196            width: 375px;
4197            height: 100vh;
4198            max-width: 100%;
4199            overflow-y: auto;
4200            z-index: 2000;
4201            overscroll-behavior-y: contain;
4202            transform: translateX( 400px );
4203            opacity: 0;
4204            transition: transform 0.3s, opacity 0.3s;
4205        }
4206        #cart-panel-sidepanel.open {
4207            transform: translateX( 0 );
4208            opacity: 1;
4209        }
4210        @media (max-width: 991px) {
4211            #cart-panel-sidepanel {
4212                width: 100vw;
4213            }
4214        }
4215        .cart-panel-backdrop {
4216            position: fixed;
4217            top: 0;
4218            left: 0;
4219            width: 100vw;
4220            height: 100vh;
4221            background-color: rgba( 33, 33, 33, 0.5 );
4222            z-index: 1200;
4223            display:none;
4224            opacity: 0;
4225            transition: opacity 0.3s;
4226        }
4227        .cart-panel-backdrop.open {
4228            opacity: 1;
4229        }
4230        .cart-panel-close-button {
4231            position: absolute;
4232            right: 16px;
4233            top: 6px;
4234            z-index: 2001;
4235            font-size: 3.3rem;
4236            cursor: pointer;
4237            padding: 10px;
4238        }
4239        .cart-panel-close-button:hover {
4240            color: #888888;
4241        }
4242        .cart-panel-header {
4243            position: -webkit-sticky;
4244            position: sticky;
4245            top: 0;
4246            z-index: 100;
4247            padding: 20px 24px 5px 24px;
4248            background-color: #f5f5f5;
4249            flex-shrink: 0;
4250        }
4251        .cart-panel-header h3 {
4252            margin-bottom: 10px;
4253        }
4254        .cart-panel-content {
4255            padding: 0 24px 24px;
4256            flex: 1 0;
4257        }
4258        .cart-item {
4259            padding: 10px;
4260            display: grid;
4261            grid-template-columns: 50px 2fr 1fr;
4262            column-gap: 1rem;
4263        }
4264        .cart-item + .cart-item {
4265            border-top: 10px solid #f5f5f5;
4266        }
4267        .cart-item-photo {
4268            grid-column: 1;
4269            grid-row: 1;
4270        }
4271        .cart-item-photo img {
4272            width: 100%;
4273        }
4274        .cart-item-description {
4275            grid-column: 2;
4276            grid-row: 1;
4277            font-size: 15px;
4278        }
4279        .cart-item-price {
4280            grid-column: 3;
4281            grid-row: 1;
4282            font-size: 15px;
4283            text-align: right;
4284        }
4285        .cart-item-quantity {
4286            margin-top: 10px;
4287        }
4288        .cart-item-add-on-div {
4289            font-weight: 300;
4290            color: #888888;
4291            margin-top: 10px;
4292        }
4293        .cart-item-add-on-instructions {
4294            font-weight: 300;
4295            font-style: italic;
4296            font-size: 13px;
4297        }
4298        #cart-contents {
4299            background: white;
4300            clear:both;
4301        }
4302
4303        #store-body {
4304            margin: 1rem 0;
4305        }
4306        .store-top-menu {
4307            background: #fafafa;
4308            padding: 0 0 10px 0;
4309            font-size: 1.75rem;
4310            position: sticky;
4311            top: 60px;            z-index: 3;
4312            clear:both;
4313        }
4314        .store-top-menu-item {
4315            display: inline-block;
4316        }
4317        .store-top-menu-item + .store-top-menu-item {
4318            margin-left: 2rem;
4319        }
4320        #search {
4321            transition: all 0.5s ease;
4322        }
4323
4324        .product-framework {
4325            display: grid;
4326            grid-template-columns: 30rem 1fr;            column-gap: 3rem;
4327            row-gap: 1rem;
4328            margin-top: 2.5rem;
4329        }
4330        .product-framework-categories {
4331            grid-column: 1;
4332            grid-row: 1;
4333        }
4334
4335        .product-framework-body {
4336            grid-column: 2;
4337            grid-row: 1;
4338        }
4339        @media (max-width:991px) {
4340            .product-framework {
4341                grid-template-columns: 1fr;
4342            }
4343
4344            .product-framework-categories {
4345                grid-column: 1;
4346                grid-row: 2;
4347            }
4348
4349            .product-framework-body {
4350                grid-column: 1;
4351                grid-row: 1;
4352            }
4353            .store-top-menu {
4354                top: 0;
4355            }
4356        }
4357        @media (min-width: 992px) {
4358            .float-left-desktop {
4359                float:left;
4360            }
4361            .product-framework {
4362                margin-top: -1rem;
4363            }
4364            .product-framework-categories {
4365                border-right: 1px solid #eeeeee;
4366                padding-right: 1rem;
4367                padding-top: 3.5rem;
4368                padding-bottom: 3.5rem;
4369            }
4370            .product-framework-body {
4371                padding-top: 3.5rem;
4372            }
4373        }
4374    </style>
4375<div class="store-top-menu">
4376    <div class="container-fullwidth clearfix">
4377        <div class="text-center">
4378                        <div class="store-top-menu-item"><a href="https://nationalcenterforinterpretation.com/store">Self-Study Materials</a></div>
4379            <div class="store-top-menu-item">
4380                <a href="#" id="search-icon"><i class="icon-line-search" data-toggle="tooltip" data-placement="bottom" title="Search"></i></a>
4381                <form action="https://nationalcenterforinterpretation.com/store/products" style="display:inline-block;"><input id="search" name="search" type="text" placeholder="Search" maxlength="50" class="form-control" style="display:none;width: 0;"></form>
4382            </div>
4383            <div class="store-top-menu-item"><a href="https://nationalcenterforinterpretation.com/store/my-account"><i class="icon-user" data-toggle="tooltip" data-placement="bottom" title="My Account"></i></a></div>
4384            <div class="store-top-menu-item">
4385                <a href="#" id="cart-icon" data-toggle="tooltip" data-placement="bottom" title="Cart"><i class="icon-shopping-cart"></i><span class="badge" id="cart-item-count" style="visibility: hidden;"></span></a>
4386                <span id="extra-check-out-text"></span>
4387            </div>
4388        </div>
4389    </div>
4390</div>
4391<section id="content" style="margin-bottom:0;">
4392            <div class="container-fullwidth">
4393            <div id="store-body">
4394                <div class="product-framework">
4395                    <div class="product-framework-body"><style>
4396            .individual-product {
4397                font-size: 1.75rem;
4398                margin-bottom: 5rem;
4399            }
4400            .individual-product h1 {
4401                font-size: 3rem !important;
4402            }
4403            .store-products-collections h2 {
4404                font-size: 18px !important;
4405                margin-bottom: 10px;
4406            }
4407            .collections-list {
4408                font-size: 1.75rem;
4409            }
4410            .collection-name {
4411                padding: 0.25rem 0;
4412            }
4413            .products-list {
4414                font-size: 1.75rem;
4415                margin-bottom: 5rem;
4416            }
4417            .selected-product-name {
4418                font-weight: bold;
4419            }
4420            .product-price {
4421                color: #ab0520;
4422                font-size: 18px;
4423                font-weight: normal;
4424                opacity: 0.8;
4425            }
4426            .store-sold-out-badge {
4427                display: inline-block;
4428                margin-top: 0.5rem;
4429                padding: 0.15rem 0.75rem;
4430                font-size: 1.3rem;
4431                font-weight: bold;
4432                text-transform: uppercase;
4433                letter-spacing: 0.05rem;
4434                color: #ffffff;
4435                background-color: #888888;
4436                border-radius: 3px;
4437            }
4438            .product-sold-out img,
4439            .product-sold-out svg,
4440            .product-sold-out h2,
4441            .product-sold-out .product-price {
4442                opacity: 0.5;
4443                filter: grayscale(100%);
4444            }
4445            @media (max-width: 991px) {
4446                .collections-list {
4447                    text-align: center;
4448                    background: #f8f8f8;
4449                    margin-left: -8vw;
4450                    margin-right: -8vw;
4451                    padding: 20px 0;
4452                    margin-bottom: -10px;
4453                    border-bottom: 1px solid #eeeeee;
4454                }
4455            }
4456        </style><style>
4457    .collection-name {
4458        padding: 0.25rem 0;
4459    }
4460    .products-list {
4461        font-size: 1.75rem;
4462        margin-bottom: 5rem;
4463    }
4464    .selected-product-name {
4465        font-weight: bold;
4466    }
4467</style>
4468<div style="clear:both;">&nbsp;</div>
4469<div class="product-content col_last clearfix products-list">
4470
4471        <div class="store-products-collections">
4472
4473        <div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-oral-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d255ea5768.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-a-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d255e939b8.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-b-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d2564ce4e1.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-oral-download">FCICE Sample Oral Test - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-oral-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-a-download">FCICE Sample Written Exam - Test A - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-a-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-b-download">FCICE Sample Written Exam - Test B - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-b-download"><div class="product-price"><div>$55</div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/haitian-creole-glossary-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dc69c093.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/legal-interpretools-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dca77da4.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/medical-essentials-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dc159928.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/haitian-creole-glossary-download">Haitian-Creole Glossary - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/haitian-creole-glossary-download"><div class="product-price"><div>$25</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/legal-interpretools-download">Legal Interpretools - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/legal-interpretools-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-essentials-download">Medical Essentials - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-essentials-download"><div class="product-price"><div>$55</div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/medical-interpretools-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/698a34a2af3c6.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/navajo-glossary-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dc56a652.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/state-court-sample-oral-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d2565c8b9a.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-interpretools-download">Medical Interpretools - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-interpretools-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/navajo-glossary-download">Navajo Glossary of Legal and Related Terms - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/navajo-glossary-download"><div class="product-price"><div>$25</div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/state-court-sample-oral-download">State Court Sample Oral Test (Spanish/English) - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/state-court-sample-oral-download"><div class="product-price"><div>$55</div></div></a></div></div><div class="grid-equal-row-2-centered"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-a-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d2569cd7bf.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-b-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/697158fb98d16.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-a-download">State Written Practice Test A - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-a-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-b-download">State Written Practice Test B - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-b-download"><div class="product-price"><div>$55</div></div></a></div></div>
4474    </div>
4475
4476    </div>
4477
4478<div style="clear:both;">&nbsp;</div>
4479</div><div class="product-framework-categories"><div class="no-print collections-list">
4480                <div class="sidebar-widgets-wrap">
4481                    <div class="widget widget_links clearfix">
4482            
4483                        <div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/products" class="selected-product-name">All Products</a></div><div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/collections/test-prep">Certification Test Prep for State and Federal Courts</a></div><div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/collections/glossaries">Glossaries for Navajo and Haitian Creole</a></div><div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/collections/home-interpreting-labs">Home Interpreting Labs for Court and Medical Interpreting</a></div>  </div>
4484                </div>
4485            </div></div>                </div>
4486            </div>
4487        </div>
4488
4489    </section>
4490<div class="store-custom-page-footer fr-view"><section style="background-position: 0% 0%; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 35, 75); background-size: cover; background-repeat: no-repeat;" class="jarallax" data-speed="0.3" draggable="false">
4490<div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="padding-top: 124px; padding-bottom: 159px; background: none;"><div class="container clearfix" draggable="false"><div class="row"><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><div><br></div><div style="font-size:16px;"><span style="color: rgb(255, 255, 255);">FOLLOW NCI</span></div><div style="font-size:16px;"><br></div><div style="font-size:16px;"><a href="https://facebook.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/6916578ab6142.png" style="width: 32px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a><a href="https://instagram.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/69165797717c6.png" style="width: 33px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a><a href="https://linkedin.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/691657a652975.png" style="width: 33px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a><a href="https://youtube.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/691657b507f79.png" style="width: 32px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a></div></div></div><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><hr><h3 style="font-size: 16px; text-align: center;"><span style="font-size: 26px; color: rgb(255, 255, 255);">Stay Up to Date</span></h3><h3 style="font-size: 16px; text-align: center;"><span style="font-family: Montserrat, sans-serif; color: rgb(255, 255, 255);">Join our mailing list for news on upcoming trainings!</span></h3><div style="text-align: center;"><a href="https://nationalcenterforinterpretation.com/page/mailing-list" class="button-light button-red button" draggable="false" target="_blank" rel="noopener noreferrer">Join Mailing List</a></div><hr><div><br></div></div></div><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><div><br></div><div data-pasted="true" style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;">© Copyright All Rights Reserved by National Center for Interpretation LLC</span></div><div style="text-align: right;"><br></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/contact" draggable="false" class="button-large button-red button">CONTACT</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="#" draggable="false"></a></span></div><div style="text-align: right;"><br></div><div style="text-align: right;" data-pasted="true"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/privacy" draggable="false" style="font-size: 16px;">PRIVACY</a>&nbsp; | &nbsp;<a href="https://nationalcenterforinterpretation.com/page/refund" style="font-size: 16px;" draggable="false">REFUND</a> <span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-align: right;" data-pasted="true">&nbsp;| &nbsp;<a href="https://nationalcenterforinterpretation.com/page/terms-and-conditions" draggable="false">TERMS OF USE</a></span></span></div><div style="text-align: right;"><br></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/home" draggable="false">HOME</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif;"><a href="https://nationalcenterforinterpretation.com/page/citi" draggable="false">CITI</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif;"><a href="https://nationalcenterforinterpretation.com/page/training-schedule" draggable="false">TRAINING SCHEDULE</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif;"><a href="https://nationalcenterforinterpretation.com/store" draggable="false">SELF-STUDY MATERIALS</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/about" draggable="false" style="font-family: Montserrat,sans-serif;">ABOUT NCI</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><br></span></div><div style="font-size: 16px; text-align: right;"><span style="color: rgb(255, 255, 255);"><br></span><br></div></div></div></div></div></div></div></section></div><div id="cart-panel" style="display:none;">
4491    <div class="cart-panel-backdrop"></div>
4492    <div id="cart-panel-sidepanel">
4493        <div class="cart-panel-header">
4494            <div class="cart-panel-close-button">
4495                &times;
4496            </div>
4497            <h3>Cart</h3>
4498            <div id="check-out-now-div" style="padding: 0 24px 10px;display:none; text-align:center;">
4499                <button class="button button-green nomargin btn-block" id="check-out-now-button">Check Out Now</button>
4500                <button class="button button-white button-light button-small btn-block" style="margin: 5px 0 0 0;" id="cart-panel-continue-shopping">Continue Shopping</button>
4501            </div>
4502            <div id="cart-prices">
4503                <div id="cart-subtotal" class="text-center-mobile text-right-desktop" style="margin-bottom:5px;"></div>
4504                <div id="cart-shipping" class="text-center-mobile text-right-desktop" style="margin-bottom:5px;"></div>
4505                <div id="cart-coupon-code" class="text-center">
4506                    <label for="coupon-code" style="font-weight: 400 !important; font-size: 14px !important; letter-spacing: normal;">Coupon code</label>
4507                    <input type="text" maxlength="20" id="coupon-code" name="coupon-code" class="form-control" style="letter-spacing:normal; width: 8rem;display:inline-block;height: auto; font-size: 12px; padding: 4px 6px;" autocomplete="one-time-code">
4508                    <button type="button" class="button button-mini button-white button-light" id="apply-coupon-button">Apply</button>
4509                </div>
4510            </div>
4511        </div>
4512        <div class="cart-panel-content">
4513            <div id="cart-contents"></div>
4514        </div>
4515    </div>
4516</div>
4517
4518<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
4519    <div class="modal-dialog xmodal-lg">
4520        <div class="modal-body">
4521            <div class="modal-content">
4522                <div class="modal-body">
4523                    <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4524                    <!--
4525                    <h4 class="uppercase ls1" style="margin-bottom:10px;" id="loginModalLabel">
4526                        Check Out
4527                    </h4>
4528                    -->
4529
4530                    <h4 style="clear:both;text-align: center;">
4531                        What is your email?
4532                    </h4>
4533
4534                    <div class="checkout-field-div" id="account-email-div">
4535                        <div id="account-email-error-message" class="checkout-field-error" style="display:none;">Please enter a valid email address.</div>
4536                        <input type="email" maxlength="100" placeholder="Email Address" id="account-email" class="form-control checkout-field-input" style="margin-bottom:5px;">
4537                        <div class="text-center">
4538                            <input type="checkbox" id="account-create-checkbox" style="margin: 10px 0 0 0;">
4539                            <label for="account-create-checkbox" class="thin-font">Create an account with this email</label>
4540                        </div>
4541                    </div>
4542
4543                    <div class="checkout-field-div" style="display:none;" id="account-password-div">
4544                        <div id="account-password-error-message" class="checkout-field-error" style="display:none;">Password must be at least 8 characters.</div>
4545                        <input type="password" placeholder="Password" id="account-password" class="form-control checkout-field-input" data-toggle="tooltip" title="Enter your account password." autocomplete="new-password">
4546                    </div>
4547
4548                    <div class="checkout-field-div" style="display:none;" id="account-name-div">
4549                        <div id="account-name-error-message" class="checkout-field-error" style="display:none;">Please enter your full name.</div>
4550                        <input type="text" maxlength="50" placeholder="Your Full Name" id="account-name" class="form-control checkout-field-input">
4551                    </div>
4552
4553                    <div id="account-password-not-working" style="display:none;" class="text-center bottommargin-sm">
4554                        <a href="https://nationalcenterforinterpretation.com/members?password-not-working=1" target="_blank">
4555                            Password not working?
4556                        </a>
4557                    </div>
4558
4559                    <button class="button button-leaf btn-block" style="margin: 0 0 10px 0;" id="checkout-continue-button">Continue</button>
4560                </div>
4561            </div>
4562        </div>
4563    </div>
4564</div>
4565
4566
4567<script>
4568        let legacy_storage_prefix = '';
4569        let storage_prefix = legacy_storage_prefix + "store2767_";
4570    let cart_key = storage_prefix + 'cart_contents', coupon_key = storage_prefix + 'cart_coupon', discount_key = storage_prefix + 'cart_discount';
4571    let store_id = 2767;
4572    let store_currency_symbol = "$";
4573
4574            if( localStorage.getItem( cart_key ) === null && localStorage.getItem( legacy_storage_prefix + 'cart_contents' ) !== null ) {
4575        ['cart_contents', 'cart_coupon', 'cart_discount'].forEach( function( key_suffix ) {
4576            const legacy_value = localStorage.getItem( legacy_storage_prefix + key_suffix );
4577            if( legacy_value !== null ) {
4578                localStorage.setItem( storage_prefix + key_suffix, legacy_value );
4579                localStorage.removeItem( legacy_storage_prefix + key_suffix );
4580            }
4581        });
4582    }
4583        let tax_enabled = true;
4584    let global_cart_subtotal, global_discounted_cart_subtotal, global_cart_grand_total;
4585    var entityMap = {
4586    "&": "&amp;",
4587    "<": "&lt;",
4588    ">": "&gt;",
4589    '"': '&quot;',
4590    "'": '&#39;',
4591    "/": '&#x2F;'
4592};
4593
4594function escapeHtml(string) {
4595    if( string === null )
4596        return '';
4597    return String(string).replace(/[&<>"'\/]/g, function (s) {
4598        return entityMap[s];
4599    });
4600}
4601
4602function abbreviateText( text, max_length )
4603{
4604    if( typeof max_length == 'undefined' )
4605        max_length = 30;
4606
4607    var display_text = text;
4608
4609    if( text.length > (max_length + 5))
4610        display_text = text.substr( 0, max_length ) + '...';
4611
4612    return display_text;
4613}
4614
4615function htmlToText( html ) {
4616    var d = document.createElement( 'div' );
4617    d.innerHTML = html;
4618    return d.textContent;
4619}
4620
4621function insertStringAtCursor( field_object, string_to_insert )
4622{
4623    if (document.selection) {
4624        field_object.focus();
4625        sel = document.selection.createRange();
4626        sel.text = string_to_insert;
4627    }
4628    else if (field_object.selectionStart || field_object.selectionStart == '0') {
4629        var startPos = field_object.selectionStart;
4630        var endPos = field_object.selectionEnd;
4631        field_object.value = field_object.value.substring(0, startPos)
4632            + string_to_insert
4633            + field_object.value.substring(endPos, field_object.value.length);
4634    } else {
4635        field_object.value += string_to_insert;
4636    }
4637}
4638    function StartCheckout( extra_data = null )
4639    {
4640                let cart_contents = GetCartContents();
4641        toastr.clear();
4642        toastr.info('Please wait...');
4643        let data = {
4644            cart_contents: cart_contents,
4645            coupon_code: GetCartCouponCode(),
4646            create_account: $('#account-create-checkbox').is(':checked') ? 1 : 0,
4647            store_id: store_id,
4648        };
4649        if( typeof extra_data === 'object' )
4650            data = { ...data, ...extra_data };
4651
4652        $.ajax({
4653            url: "https:\/\/nationalcenterforinterpretation.com\/store\/cart\/start-checkout",
4654            method: "POST",
4655            dataType: "json",
4656            data: data
4657        })
4658            .done(function( data_obj ) {
4659                toastr.clear();
4660                if( data_obj.success ) {
4661
4662                    if( data_obj.data === 'new_customer' ) {
4663                        $('#account-name-div').slideDown();
4664                        setTimeout( () => {$('#account-name').focus(); EnableControl('checkout-continue-button'); }, 300);
4665                    }
4666                    else if( data_obj.data === 'check_password_match' ) {
4667                        toastr.error('Please check your password.');
4668                        EnableControl('checkout-continue-button');
4669                        $('#account-password-div').slideDown();
4670                        $('#account-password-not-working').slideDown();
4671                        $('#account-password').focus();
4672                    }
4673                    else if( data_obj.data === 'missing_payment_processor' )
4674                        toastr.error('Please set up a payment processor under Store Settings or <a href="/app/store-setup/settings" target="_blank">
4674click here to go to Store Settings</a>.');
4675                    else
4676                        location.href = data_obj.results.checkout_url;
4677                                        }
4678
4679                else if( data_obj.code === 'check_email' ) {
4680                    toastr.error('Please check your email address.');
4681                    $('#account-email').focus();
4682                    EnableControl('checkout-continue-button');
4683                }
4684
4685                else if( data_obj.code === 'show_password' ) {
4686                    EnableControl('checkout-continue-button');
4687                    $('#account-password-div').slideDown();
4688                    $('#account-password').focus();
4689                }
4690
4691                else if( data_obj.code === 'check_password' ) {
4692                    toastr.error('Please check your password. It needs to be at least 8 characters in length.');
4693                    EnableControl('checkout-continue-button');
4694                    $('#account-password-div').slideDown();
4695                    $('#account-password').focus();
4696                }
4697                else if( data_obj.code === 'try_again' ) {
4698                    EnableControl('checkout-continue-button');
4699                    toastr.error('Please try again in a few minutes. If this persists, please contact support.');
4700                }
4701
4702                else if( data_obj.code === 'use_another_email' ) {
4703                    EnableControl('checkout-continue-button');
4704                    toastr.error('Please contact the store owner to purchase, or use another email address.');
4705                }
4706
4707                else if( data_obj.code === 'cart_empty' ) {
4708                    toastr.error('Cart is empty or all of your items are out of stock. Please add at least one item to the cart and try again.');
4709                    EnableControl('checkout-continue-button');
4710                }
4711
4712                else if( data_obj.code === 'cart_zero' ) {
4713                    toastr.error('Please place at least $1 into the cart to be able to check out.');
4714                    EnableControl('checkout-continue-button');
4715                }
4716
4717                else if( data_obj.code === 'vault_full' ) {
4718                                        EnableControl('checkout-continue-button');
4719                    toastr.error( data_obj.message, '', { timeOut: 20000 } );
4720                }
4721
4722                else if( data_obj.message.startsWith( 'Stripe Tax has not been activated' ) )
4723                    toastr.error('Stripe Tax has not been activated. Please do so in the Stripe control panel, or disable tax collection inside your Stripe account. Email [email protected] if you have questions about enabling this.');
4724
4725                else if( data_obj.code === 'no_payment_methods' ) {
4726                    EnableControl('checkout-continue-button');
4727                    toastr.error('Payment Setup Incomplete: This store is not yet configured to accept payments in your selected currency. Please contact Paul Gatto at [email protected] to activate USD in the Stripe Dashboard.');
4728                }
4729
4730                else {
4731                    EnableControl('checkout-continue-button');
4732                    toastr.error('Something went wrong during checkout. Please try again in a few minutes or email [email protected] if it persists.');
4733                }
4734
4735            })
4736            .fail(function( jqXHR, textStatus ) {
4737                toastr.error( "Request failed: " + textStatus, 'Something went wrong during checkout. Please try again in a few minutes or email [email protected] if it persists.' );
4738                EnableControl('checkout-continue-button');
4739            });
4740
4741        return false;
4742    }
4743
4744    function CheckEnterKeyPress( evt )
4745    {
4746        if( evt.keyCode === 13 )
4747            $('#checkout-continue-button').click();
4748    }
4749
4750    function ValidateCheckoutName()
4751    {
4752        let name_control = $('#account-name');
4753        let name_error_message_control = $('#account-name-error-message');
4754        let name = name_control.val();
4755        if( name.length < 2 || !name.includes(' ') ) {
4756            name_error_message_control.slideDown();
4757            name_control.css('border','2px solid red').focus();
4758            return false;
4759        }
4760        EnableControl('checkout-continue-button');
4761
4762        name_error_message_control.slideUp();
4763        name_control.css('border','');
4764        return name;
4765    }
4766
4767    function ValidateCheckoutPassword()
4768    {
4769        let password_control = $('#account-password');
4770        let password_error_message_control = $('#account-password-error-message');
4771        let password = password_control.val();
4772        if( password.length < 8 || password === $('#account-email').val() ) {
4773            password_error_message_control.slideDown();
4774            password_control.css('border','2px solid red').focus();
4775            return false;
4776        }
4777
4778        EnableControl('checkout-continue-button');
4779        password_error_message_control.slideUp();
4780        password_control.css('border','');
4781        return password;
4782    }
4783
4784    function ValidateCheckoutEmailAddress()
4785    {
4786        let email_control = $('#account-email');
4787        let email_error_message_control = $('#account-email-error-message');
4788        let email = email_control.val();
4789        if( !email.includes('@') || !email.includes('.') ) {
4790            email_error_message_control.slideDown();
4791            email_control.css('border','2px solid red').focus();
4792            return false;
4793        }
4794
4795        EnableControl('checkout-continue-button');
4796        email_error_message_control.slideUp();
4797        email_control.css('border','');
4798        return email;
4799    }
4800
4801    function DisableControl( button_id )
4802    {
4803        $('#' + button_id ).css('pointer-events','none').css('opacity','0.5').css('filter','grayscale(1)').attr('disabled','disabled');
4804    }
4805
4806    function EnableControl( button_id )
4807    {
4808        $('#' + button_id ).css('pointer-events','auto').css('opacity','1').css('filter','grayscale(0)').attr('disabled',false);
4809    }
4810
4811    $(function() {
4812        setInterval( UpdateCartBadge, 2000 );
4813        UpdateCartBadge();
4814
4815        global_cart_subtotal = BigNumber('0.00');
4816        $('#search-icon').click( function() {
4817            $('#search').show().css('width','15rem').focus();
4818            return false;
4819        });
4820        $('.cart-panel-backdrop').click( CloseCart );
4821        $('.cart-panel-close-button').click( CloseCart );
4822        $('#cart-panel-continue-shopping').click( CloseCart );
4823        $('#loginModal').on('show.bs.modal', function () {
4824                $('#account-password-error-message').hide();
4825                $('#account-password-div').hide();
4826                $('#account-name-error-message').hide();
4827                $('#account-name-div').hide();
4828            })
4829            .on('shown.bs.modal', function () {
4830                $('#account-email').focus();
4831            });
4832
4833        $('#cart-subtotal').on('click','.remove-coupon-code',function() {
4834            Swal.fire({
4835                title: 'Do you wish to remove this coupon code from your order?<br><br>' + GetCartCouponCode(),
4836                showDenyButton: false,
4837                showCancelButton: true,
4838                confirmButtonText: "Yes"
4839            }).then((result) => {
4840                if (result.isConfirmed) {
4841                    SetCartCouponCode();
4842                    SetCartDiscount();
4843                    RenderCartContents();
4844                }
4845            });
4846            return false;
4847        });
4848        $('#extra-check-out-text').on('click','#extra-check-out-link', function() {
4849            OpenCart();
4850            return false;
4851        })
4852        $('#check-out-now-button').click( function() {
4853                            CloseCart();
4854                $('#loginModal').modal('show');
4855
4856                    });
4857
4858        $('#coupon-code').on('keydown', function( evt ) {
4859            if( evt.keyCode === 13 )
4860                $('#apply-coupon-button').click();
4861        });
4862
4863        $('#apply-coupon-button').click( function() {
4864            toastr.info('Applying coupon...');
4865            let existing_coupon = GetCartCouponCode();
4866            let new_coupon = $('#coupon-code').val().trim();
4867            if( existing_coupon !== new_coupon ) {
4868                let cart = GetCartContents();
4869                if( cart.length === 0 ) {
4870                    toastr.clear();
4871                    return false;
4872                }
4873
4874                let data = {
4875                    cart_contents: cart,
4876                    coupon_code: new_coupon,
4877                    store_id: store_id
4878                };
4879                $.ajax({
4880                    url: "https:\/\/nationalcenterforinterpretation.com\/store\/cart\/apply-coupon",
4881                    method: "POST",
4882                    dataType: "json",
4883                    data: data,
4884                    coupon_code: new_coupon
4885                })
4886                    .done(function( data_obj ) {
4887                        toastr.clear();
4888                        if( data_obj.success ) {
4889                            SetCartDiscount( data_obj.results );
4890                            SetCartCouponCode( this.coupon_code );
4891                            RenderCartContents();
4892                        }
4893                    })
4894                    .fail(function( jqXHR, textStatus ) {
4895                        SetCartDiscount();
4896                        SetCartCouponCode();
4897                        RenderCartContents();
4898                    });
4899            }
4900            else
4901                toastr.clear();
4902        });
4903
4904        $('#account-email').change( function() {
4905            ValidateCheckoutEmailAddress();
4906            $('#account-name-div').slideUp();
4907        } ).keypress( CheckEnterKeyPress );
4908
4909        $('#account-password').change( function() {
4910            ValidateCheckoutPassword();
4911            $('#account-name-div').slideUp();
4912        }).keypress( CheckEnterKeyPress );
4913
4914        $('#account-name').change( ValidateCheckoutName ).keypress( CheckEnterKeyPress );
4915
4916        $('#checkout-continue-button').click( function() {
4917            let email = ValidateCheckoutEmailAddress();
4918            if( email === false )
4919                return false;
4920
4921            let create_account = $('#account-create-checkbox').is(':checked');
4922
4923
4924            if( create_account && $('#account-password-div').css('display') === 'none' ) {
4925                                DisableControl('checkout-continue-button');
4926
4927                $('#account-password-error-message').hide();
4928                $('#account-password-div').slideDown();
4929                setTimeout(() => {
4930                    EnableControl('checkout-continue-button');
4931                    $('#account-password').focus();
4932                }, 300)
4933            }
4934            else {
4935                if( create_account && ValidateCheckoutPassword() === false )
4936                    return false;
4937
4938                                let account_name_visible = ($('#account-name-div').css('display') !== 'none');
4939                let account_name = (account_name_visible ? $('#account-name').val().trim() : '');
4940                if( account_name_visible && account_name === '' ) {
4941                    $('#account-name-error-message').slideDown();
4942                    $('#account-name').focus();
4943                    return false;
4944                }
4945                                DisableControl('checkout-continue-button');
4946                StartCheckout({
4947                    'email': $('#account-email').val(),
4948                    'password': $('#account-password').val(),
4949                    'customer_name': account_name
4950                });
4951            }
4952        });
4953
4954        $('#cart-icon').click( function() {
4955            OpenCart();
4956            return false;
4957        });
4958        $('#cart-contents').on('change','.cart-item-quantity-select', function() {
4959            let cart_index = $(this).attr('data-index');
4960            let new_quantity = parseInt( $(this).val(), 10 );
4961            let cart = GetCartContents();
4962            if( new_quantity === 0 ) {
4963                Swal.fire({
4964                    title: 'Are you sure you wish to remove this item from your cart?',
4965                    showDenyButton: false,
4966                    showCancelButton: true,
4967                    confirmButtonText: "Yes"
4968                }).then((result) => {
4969                    if (result.isConfirmed) {
4970                        cart.splice(cart_index, 1);
4971                        SetCartContents( cart );
4972                        RenderCartContents();
4973                    }
4974                });
4975            }
4976            else {
4977                cart[cart_index].quantity = new_quantity;
4978
4979                SetCartContents( cart );
4980                RenderCartContents();
4981            }
4982        })
4983        .on('click', '.delete-cart-item', function() {
4984            let cart_index = $(this).attr('data-index');
4985            let cart = GetCartContents();
4986            Swal.fire({
4987                title: 'Are you sure you wish to remove this item from your cart?',
4988                showDenyButton: false,
4989                showCancelButton: true,
4990                confirmButtonText: "Yes"
4991            }).then((result) => {
4992                if (result.isConfirmed) {
4993                    cart.splice(cart_index, 1);
4994                    SetCartContents( cart );
4995                    RenderCartContents();
4996                }
4997            });
4998        })
4999        .on('click','.edit-cart-item-add-on-instructions', function() {
5000            let cart_index = $(this).attr('data-cart-index');
5001            let add_on_index = $(this).attr('data-add-on-index');
5002            let cart = GetCartContents();
5003            if( Array.isArray( cart ) && Array.isArray( cart[ cart_index ].add_ons ) ) {
5004                let selector_suffix = cart_index + '-' + add_on_index;
5005                let instructions_div = $('#cart-item-add-on-instructions-' + selector_suffix );
5006                let instructions = cart[ cart_index ].add_ons[ add_on_index ].instructions;
5007                let s = '<textarea class="form-control" id="cart-item-instructions-textarea-' + selector_suffix + '">' +
5008                    (typeof instructions === 'string' ? escapeHtml( instructions ) : '') + '</textarea>' +
5009                    '<button type="button" class="btn-small save-cart-item-instructions button button-white button-light btn-block" style="margin: 5px 0 0 0;" ' +
5010                    'data-cart-index="' + cart_index + '" data-add-on-index="' + add_on_index + '">Save</button>';
5011                instructions_div.html( s );
5012                $('#cart-item-instructions-textarea-' + selector_suffix).focus();
5013            }
5014        })
5015        .on('click','.save-cart-item-instructions',function() {
5016            let cart_index = $(this).attr('data-cart-index');
5017            let add_on_index = $(this).attr('data-add-on-index');
5018            let instructions_div = $('#cart-item-add-on-instructions-' + cart_index + '-' + add_on_index );
5019            let cart = GetCartContents();
5020            if( Array.isArray( cart ) && Array.isArray( cart[ cart_index ].add_ons ) ) {
5021                let new_instructions = $('#cart-item-instructions-textarea-' + cart_index + '-' + add_on_index ).val().trim();
5022                cart[ cart_index ].add_ons[ add_on_index ].instructions = new_instructions;
5023                instructions_div.html( GetHtmlForAddOnInstructions( new_instructions, cart_index, add_on_index ) );
5024                SetCartContents( cart );
5025            }
5026        });
5027
5028                    let coupon_code = "".trim();
5029            if( coupon_code !== '' ) {
5030                $('#coupon-code').val( coupon_code );
5031                $('#apply-coupon-button').click();
5032            }
5033            });
5034
5035    function GetCartContents()
5036    {
5037        let cart = localStorage.getItem( cart_key );
5038        if( typeof cart === 'string' ) {
5039            let cart_object = JSON.parse(cart);
5040            if( !Array.isArray( cart_object ) )
5041                return [];
5042            else
5043                return cart_object;
5044        }
5045        else
5046            return [];
5047    }
5048
5049    function SetCartContents( new_cart )
5050    {
5051        localStorage.setItem( cart_key, JSON.stringify( new_cart ) );
5052        UpdateCartBadge();
5053    }
5054
5055    function SetCartCouponCode( code )
5056    {
5057        if( typeof code === 'undefined' )
5058            localStorage.removeItem( coupon_key );
5059        else
5060            localStorage.setItem( coupon_key, code );
5061    }
5062
5063    function GetCartCouponCode()
5064    {
5065        return localStorage.getItem( coupon_key );
5066    }
5067
5068    function SetCartDiscount( discount_data )
5069    {
5070        if( typeof discount_data === 'undefined' )
5071            localStorage.removeItem( discount_key );
5072        else
5073            localStorage.setItem( discount_key, JSON.stringify( discount_data ) );
5074    }
5075
5076    function GetCartDiscount()
5077    {
5078        let discount = localStorage.getItem( discount_key );
5079        if( typeof discount === 'string' ) {
5080            let discount_object = JSON.parse(discount);
5081            if( !Array.isArray( discount_object ) )
5082                return [];
5083            else
5084                return discount_object;
5085        }
5086        else
5087            return [];
5088    }
5089
5090    function UpdateCartBadge()
5091    {
5092        let new_cart = GetCartContents();
5093
5094        let badge_counter = 0;
5095        for( let i = 0; i < new_cart.length; i++ )
5096            badge_counter += parseInt( new_cart[i].quantity, 10 );
5097
5098        $('#cart-item-count').html( badge_counter ).css('visibility',( badge_counter === 0 ? 'hidden' : 'visible' ));
5099        if( badge_counter > 0 )
5100            $('#extra-check-out-text').html('<a href="#" id="extra-check-out-link" class="button button-leaf" style="margin: 10px 0 0 0;">' +
5101                "Cart" +
5102                '</a>');
5103        else
5104            $('#extra-check-out-text').html('');
5105    }
5106
5107    function GetCurrentTotalQuantityForProduct( product )
5108    {
5109        let cart = GetCartContents();
5110
5111        let has_reached_max_quantity = false;
5112        let scan_cart = true;
5113        let total_existing_quantity_in_cart = 0;
5114        for( let i = 0; i < cart.length; i++ ) {
5115                        if (cart[i].product_id == product.product_id && cart[i].variant_id == product.variant_id)
5116                total_existing_quantity_in_cart += parseInt( cart[i].quantity, 10 );
5117
5118            if( total_existing_quantity_in_cart >= product.max_quantity )
5119                total_existing_quantity_in_cart = product.max_quantity;
5120
5121            if( product.quantity + total_existing_quantity_in_cart > product.max_quantity ) {
5122                has_reached_max_quantity = true;
5123                scan_cart = false;
5124            }
5125        }
5126        return {
5127            total_existing_quantity_in_cart: total_existing_quantity_in_cart,
5128            has_reached_max_quantity: has_reached_max_quantity
5129        };
5130    }
5131
5132    function AddProductToCart( product )
5133    {
5134        let cart = GetCartContents();
5135
5136        let found_existing_item_in_cart = false;
5137        let cart_inspection = GetCurrentTotalQuantityForProduct( product );
5138        let max_quantity = Math.max( parseInt(product.max_quantity,10), cart_inspection.total_existing_quantity_in_cart );
5139
5140        if( cart_inspection.has_reached_max_quantity ) {
5141            found_existing_item_in_cart = true;
5142            toastr.clear();
5143            toastr.info('Maximum quantity reached','',{timeOut: 10000});
5144        }
5145        else {
5146            for (let i = 0; i < cart.length; i++) {
5147                let all_found = true;
5148
5149                                if (cart[i].product_id == product.product_id && cart[i].variant_id == product.variant_id) {
5150
5151                                        if (Array.isArray(cart[i].add_ons) && Array.isArray(product.add_ons)) {
5152                        let found_add_on_matches = [];
5153                        for (let j = 0; j < cart[i].add_ons.length; j++) {
5154                            let found_add_on_match = false;
5155                            for (let k = 0; k < product.add_ons.length; k++) {
5156                                if (cart[i].add_ons[j].id == product.add_ons[k].id &&
5157                                    (product.add_ons[k].allow_user_input_customization_text != 1 ||
5158                                        (product.add_ons[k].allow_user_input_customization_text == 1 &&
5159                                            cart[i].add_ons[j].instructions == product.add_ons[k].instructions))) {
5160                                    found_add_on_match = true;
5161                                    break;
5162                                }
5163                            }
5164                            found_add_on_matches[j] = found_add_on_match;
5165                        }
5166                        for (let j = 0; j < found_add_on_matches.length; j++)
5167                            if (found_add_on_matches[j] !== true)
5168                                all_found = false;
5169
5170                        if (cart[i].add_ons.length !== product.add_ons.length)
5171                            all_found = false;
5172                    }
5173                    if (all_found) {
5174                        found_existing_item_in_cart = true;
5175
5176                                                if (parseInt(cart[i].quantity, 10) + parseInt(product.quantity, 10) > max_quantity ) {
5177                            cart[i].quantity = parseInt(max_quantity, 10);
5178                            toastr.clear();
5179                            toastr.info('Quantity reduced to match what is in-stock','',{timeOut: 10000});
5180                        }
5181                        else
5182                            cart[i].quantity = parseInt(cart[i].quantity, 10) + parseInt(product.quantity, 0);
5183
5184                        break;
5185                    }
5186                }
5187            }
5188        }
5189        if( !found_existing_item_in_cart )
5190            cart.push( product );
5191
5192        SetCartContents( cart );
5193        OpenCart();
5194    }
5195
5196    function RemoveProductFromCart( product_id )
5197    {
5198        let cart = GetCartContents();
5199
5200        for( let i = 0; i < cart.length; i++ ) {
5201            if (cart[i].product_id == product_id) {
5202                cart.splice(i, 1);
5203                SetCartContents( cart );
5204                UpdateCartBadge();
5205                return;
5206            }
5207        }
5208    }
5209
5210    function EmptyCart() {
5211        SetCartContents([]);
5212        UpdateCartBadge();
5213    }
5214
5215    function GetHtmlForAddOnInstructions( instructions, cart_index, add_on_index )
5216    {
5217        return ( typeof instructions === 'string' && instructions.trim() !== '' ? escapeHtml( instructions ) : 'Add instructions' ) +
5218            '<a href="#" class="edit-cart-item-add-on-instructions" data-cart-index="' + cart_index + '" data-add-on-index="' + add_on_index + '">' +
5219            '<i class="icon-pencil"></i></a>';
5220    }
5221
5222    function RenderCartContents( skip_shipping = false )
5223    {
5224        let s = '';
5225        let cart = GetCartContents();
5226        let total_price = new BigNumber('0.00');
5227        let discounts = GetCartDiscount();
5228
5229        if( cart.length === 0 ) {
5230            s = '<div style="padding: 20px;">No items.</div>';
5231            $('#check-out-now-div').hide();
5232        }
5233        else {
5234            let cart_coupon_code = GetCartCouponCode();
5235            $('#coupon-code').val( cart_coupon_code === null ? '' : cart_coupon_code );
5236
5237            $('#check-out-now-div').show();
5238            for( let i = 0; i < cart.length; i++ ) {
5239                let item = cart[i];
5240                let item_price = (typeof item.sale_price === 'string' && item.sale_price !== '' ? item.sale_price : item.price);
5241                let item_is_on_sale = (typeof item.sale_price === 'string' && item.sale_price !== '');
5242                total_price = total_price.plus( BigNumber( item.quantity ).times( BigNumber( item_price ) ) );
5243
5244                let cart_inspection = GetCurrentTotalQuantityForProduct( item );
5245                let max_quantity = parseInt(item.quantity,10) + parseInt(item.max_quantity,10) - cart_inspection.total_existing_quantity_in_cart;
5246                if( max_quantity > item.max_quantity )
5247                    max_quantity = item.max_quantity;
5248                if( max_quantity < item.quantity )
5249                    max_quantity = item.quantity;
5250
5251                let add_on_html = '';
5252                let add_on_price_difference = new BigNumber('0.00');
5253                for( let j = 0; j < item.add_ons.length; j++ ) {
5254                    let add_on = item.add_ons[j];
5255                    total_price = total_price.plus( BigNumber( item.quantity ).times( BigNumber( typeof add_on.sale_price_difference === 'string' && add_on.sale_price_difference !== '' ? add_on.sale_price_difference : add_on.price_difference ) ) );
5256                    add_on_html += '<div class="cart-item-add-on-div">' + escapeHtml( add_on.name );
5257                    if( typeof add_on.sale_price_difference === 'string' && add_on.sale_price_difference !== '' ) {
5258                        add_on_html += ' <del>' + escapeHtml(store_currency_symbol + add_on.price_difference) + '</del>' +
5259                            escapeHtml(store_currency_symbol + add_on.sale_price_difference);
5260                        add_on_price_difference = add_on_price_difference.plus( BigNumber( add_on.sale_price_difference ) );
5261                    }
5262                    else {
5263                        add_on_html += ' ' + escapeHtml(store_currency_symbol + add_on.price_difference);
5264                        add_on_price_difference = add_on_price_difference.plus( BigNumber( add_on.price_difference ) );
5265                    }
5266
5267                    add_on_html += '<div class="cart-item-add-on-instructions" id="cart-item-add-on-instructions-' + i + '-' + j + '">' +
5268                        (add_on.allow_user_input_customization_text == 1 ? GetHtmlForAddOnInstructions( add_on.instructions, i, j ) : '') +
5269                        '</div>';
5270
5271                    add_on_html += '</div>';
5272                }
5273
5274                let quantity_html = '<div class="cart-item-quantity">';
5275                quantity_html += '<select id="cart-item-quantity' + i + '" class="form-control cart-item-quantity-select" data-index="' + i +'" style="width: auto;">';
5276                for( let j = 0; j <= max_quantity; j++ ) {
5277                    quantity_html += '<option value="' + j + '"' + ( item.quantity == j ? ' selected' : '') + '>' +
5278                        'Qty: ' + j + '</option>';
5279                }
5280                quantity_html += '</select>';
5281
5282                quantity_html += '</div>';
5283
5284                let price_html = '', base_price_html = '';
5285                let item_price_bignumber = new BigNumber( item.price );
5286                let item_base_price_bignumber = item_price_bignumber;
5287                item_price_bignumber = item_price_bignumber.plus( add_on_price_difference );
5288                if( item_is_on_sale ) {
5289                    let item_sale_price_bignumber = new BigNumber( item.sale_price );
5290                    item_base_price_bignumber = item_sale_price_bignumber;
5291
5292                    item_sale_price_bignumber = item_sale_price_bignumber.plus( add_on_price_difference );
5293
5294                                        price_html += '<del>' + escapeHtml(store_currency_symbol + item_price_bignumber) + '</del> ' +
5295                        ( item_sale_price_bignumber.isZero() ? 'Free' : escapeHtml(store_currency_symbol + item_sale_price_bignumber) );
5296
5297                    if( !item_base_price_bignumber.isEqualTo( item_sale_price_bignumber ) )
5298                        base_price_html = ' (' + store_currency_symbol + item_base_price_bignumber + '/ea)';
5299                }
5300                else {
5301                    price_html += escapeHtml(store_currency_symbol + item_price_bignumber);
5302                    if( !item_base_price_bignumber.isEqualTo( item_price_bignumber ) )
5303                        base_price_html = ' (' + store_currency_symbol + item_base_price_bignumber + '/ea)';
5304                }
5305
5306                price_html += ' <i class="icon-trash2 delete-cart-item" data-index="' + i + '"></i>';
5307
5308
5309
5310                s += '<div class="cart-item">' +
5311                    '<div class="cart-item-photo">' +
5312                    (typeof item.product_image_url === 'string' && item.product_image_url !== '' ? '<img src="' + escapeHtml( item.product_image_url ) + '" alt="' + escapeHtml( item.product_name ) + '">' : '' ) +
5313                    '</div>' +
5314                    '<div class="cart-item-description">' +
5315                    escapeHtml( item.product_name ) +
5316                    base_price_html +
5317                    (typeof item.variant_name === 'string' && item.variant_name !== '' ? '<div class="cart-item-variant-name">' + escapeHtml( item.variant_name ) + '</div>' : '' ) +
5318                    add_on_html +
5319                    '</div>' +
5320                    '<div class="cart-item-price">' +
5321                    price_html +
5322                    quantity_html +
5323                    '</div>' +
5324                    '</div>';
5325            }
5326        }
5327
5328        $('#cart-contents').html( s );
5329        let discounted_price = total_price;
5330        let discount_html = '';
5331        let coupon_code = '';
5332        for( let i = 0; i < discounts.length; i++ ) {
5333            let discount = discounts[i];
5334            if( i === 0 ) {
5335                coupon_code = discount.discount_code;
5336                discount_html += '<div class="coupon-description"><span class="float-left-desktop">Coupon Code:</span> <kbd><a href="#" class="remove-coupon-code" data-toggle="tooltip" title="Click to remove coupon code">' + escapeHtml( discount.discount_code ) + ' ' +
5337                    '&times;</a></kbd></div>';
5338            }
5339            let discount_amount = new BigNumber( discount.discount_amount );
5340            discount_amount = discount_amount.dividedBy( 100 )
5341            discounted_price = discounted_price.minus( discount_amount );
5342
5343            discount_html += '<div class="coupon-discounts"><span class="float-left-desktop">' +
5344                escapeHtml( discount['discount_description'] );
5345
5346            if( discount.discount_type === 'free_shipping' )
5347                discount_html += '</span>&nbsp;';
5348            else
5349                discount_html += ':</span> -' + store_currency_symbol + escapeHtml(discount_amount.toFormat(2));
5350
5351            discount_html += '</div>';
5352        }
5353                if( discounted_price.isLessThan( 0 ) )
5354            discounted_price = new BigNumber('0.00');
5355        if( discounted_price.isEqualTo( total_price ) )
5356            $('#cart-subtotal').html('<div><strong><span class="float-left-desktop">Subtotal:</span> ' + store_currency_symbol + total_price.toFormat(2) + '</strong></div>' + discount_html );
5357        else
5358            $('#cart-subtotal').html('<div><strong><span class="float-left-desktop">Subtotal:</span> ' + store_currency_symbol + total_price.toFormat(2) + '</strong></div>' +
5359                discount_html +
5360                '<div><strong><span class="float-left-desktop">Discounted Subtotal:</span> ' + store_currency_symbol + discounted_price.toFormat(2) + '</strong></div>');
5361
5362        global_cart_subtotal = total_price;
5363        global_discounted_cart_subtotal = discounted_price;
5364        global_cart_grand_total = discounted_price;
5365        if( skip_shipping === false )
5366            CalculateShipping();
5367
5368                $('body').tooltip({
5369            selector: '[data-toggle=tooltip]'
5370        });
5371    }
5372
5373    function CalculateShipping()
5374    {
5375        if( $('#cart-shipping').html() != '' )
5376            $('#cart-shipping').html('&nbsp;');
5377
5378        let cart = GetCartContents();
5379        if( cart.length === 0 )
5380            return false;
5381
5382        let data = {
5383            cart_contents: cart,
5384            coupon_code: GetCartCouponCode(),
5385            store_id: store_id
5386        };
5387        $.ajax({
5388            url: "https:\/\/nationalcenterforinterpretation.com\/store\/cart\/calculate-shipping",
5389            method: "POST",
5390            dataType: "json",
5391            data: data
5392        })
5393            .done(function( data_obj ) {
5394                toastr.clear();
5395                if( data_obj.success ) {
5396                    let shipping_cost_string;
5397                    let shipping_cost = new BigNumber( 0 );
5398
5399                    if( data_obj.results.shipping_cost == '0' )
5400                        shipping_cost_string = 'Free';
5401                    else if( data_obj.results.shipping_cost == '' || typeof data_obj.results.shipping_cost === 'undefined' )
5402                        shipping_cost_string = '';
5403                    else {
5404                        shipping_cost = new BigNumber(data_obj.results.shipping_cost);
5405                        shipping_cost_string = store_currency_symbol + shipping_cost.toFormat(2);
5406                    }
5407                    global_cart_grand_total = global_discounted_cart_subtotal.plus( shipping_cost );
5408                                        if( global_cart_grand_total.isLessThan( 0 ) )
5409                        global_cart_grand_total = new BigNumber('0.00');
5410                    let grand_total_html = '<div class="grand-total-div"><span class="float-left-desktop">Total:</span> ' +
5411                        store_currency_symbol + global_cart_grand_total.toFormat( 2 ) +
5412                        (tax_enabled ? '*' : '') +
5413                        '</div>';
5414                    if( tax_enabled )
5415                        grand_total_html += '<div style="margin:5px;" class="text-center"><em>* Tax is calculated during checkout</em></div>';
5416
5417                    if( shipping_cost_string != '' )
5418                        $('#cart-shipping').html('<div id="cart-shipping-inner"><span class="float-left-desktop">Shipping:</span> ' + shipping_cost_string + '</div>' + grand_total_html);
5419                    else
5420                        $('#cart-shipping').html( grand_total_html );
5421
5422                                        let server_discounts = Array.isArray( data_obj.results.discounts ) ? data_obj.results.discounts : [];
5423                    if( server_discounts.length > 0 ) {
5424                        SetCartDiscount( server_discounts );
5425                        RenderCartContents( true );
5426                    }
5427                    else if( GetCartDiscount().length > 0 ) {
5428                        SetCartDiscount();
5429                        RenderCartContents( true );
5430                    }
5431                }
5432                else
5433                    $('#cart-shipping').html('');
5434            })
5435            .fail(function( jqXHR, textStatus ) {
5436                $('#cart-shipping').html('');
5437            });
5438    }
5439
5440    function OpenCart()
5441    {
5442        $('body').css('overflow','hidden');
5443        RenderCartContents();
5444        $('#cart-panel').show();
5445        $('.cart-panel-backdrop').show().addClass('open');
5446        $('#cart-panel-sidepanel').addClass('open');
5447    }
5448    function CloseCart()
5449    {
5450        $('body').css('overflow','auto');
5451        $('.cart-panel-backdrop').hide().removeClass('open');
5452        $('#cart-panel-sidepanel').removeClass('open');
5453        setTimeout( () => $('#cart-panel').hide(), 350 );
5454    }
5455</script>
vendor: 1 bytes, line 5455
5455
5456<script src='https://cdn.jsdelivr.net/npm/[email protected]/bignumber.min.js'></script>
5456
5457    </main><!-- main content end -->
5458
5459    <a name="contact"></a>
5460
5461    <div class="fr-view" style="font-size:14pt;" id="site-custom-footer-div"></div>
5462</div><!-- #wrapper end -->
5463
5464
5465
5466
5467<style>
5468    .subscribe {
5469        font-weight: 300;
5470        margin-bottom:15px;
5471    }
5472    .subscribe label {
5473        font-weight: 300;
5474        display:inline;
5475        white-space:nowrap;
5476    }
5477    .subscribe > span, .subscribe > span > span {
5478        white-space:nowrap;
5479    }
5480    #contact-me-message {
5481        min-height:60px;
5482        margin-bottom:10px;
5483        max-height:120px;
5484    }
5485    .contact-form-address {
5486        display:none;
5487    }
5488    .sm-form-control {
5489        font-size: 1.8rem;
5490        height: auto;
5491    }
5492        .contact-form-grid {
5493        display: grid;
5494        grid-template-columns: 1fr;
5495        grid-gap: 2rem;
5496        align-items: center;
5497        justify-items: center;
5498        padding: 1rem;
5499    }
5500    .contact-form-grid > div {
5501        width: 100%;
5502    }
5503    @media (max-width: 991px) {
5504        .contact-form-grid {
5505            grid-template-columns: 1fr;
5506        }
5507    }
5508</style>
5509
5510<!-- Contact Me Modal -->
5511<div class="modal fade" id="contactMeModal" tabindex="-1" role="dialog" aria-labelledby="contactMeModalLabel" aria-hidden="true">
5512    <div class="modal-dialog modal-lg">
5513        <div class="modal-body">
5514            <div class="modal-content">
5515                <div class="modal-body">
5516                    <div class="contact-form-grid">
5517                                                <div>
5518                            <div class="text-center">
5519                                <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
5520                                <h2 class="ls1 nobottommargin" id="contactMeModalLabel">Paul Gatto</h2>
5521
5522                                <div style="color: #888888;font-weight:300;margin-bottom:10px;">
5523        USA<br>            <a href="tel:520-900-0221">520-900-0221</a>
5524        &bullet;
5525        <a href="mailto:&#110;&#99;&#105;&#64;&#110;&#97;&#116;&#105;&#111;&#110;&#97;&#108;&#99;&#101;&#110;&#116;&#101;&#114;&#102;&#111;&#114;&#105;&#110;&#116;&#101;&#114;&#112;&#114;&#101;&#116;&#97;&#116;&#105;&#111;&#110;&#46;&#99;&#111;&#109;">&#110;&#99;&#105;&#64;&#110;&#97;&#116;&#105;&#111;&#110;&#97;&#108;&#99;&#101;&#110;&#116;&#101;&#114;&#102;&#111;&#114;&#105;&#110;&#116;&#101;&#114;&#112;&#114;&#101;&#116;&#97;&#116;&#105;&#111;&#110;&#46;&#99;&#111;&#109;</a>
5526    <div style="margin-top:1rem;text-align:center;">
5527        
5528        <style>
5529        .social-icon {
5530            float: none;
5531            display: inline-block;
5532        }
5533        .si-snapchat:hover {
5534            background-color: #fffc00;
5535        }
5536        .snapchat-adjust {
5537            padding-top: 9px;
5538        }
5539        .snapchat-adjust:hover {
5540            padding-top: 15px;
5541        }
5542        .snapchat-adjust:not(.si-small):hover {
5543            padding-top: 18px;
5544        }
5545        .snapchat-adjust:hover i:first-child {
5546            visibility: hidden;
5547        }
5548        .snapchat-adjust i:last-child {
5549            color: #333 !important;
5550        }
5551        .fa-x-twitter:first-of-type {
5552            margin-top: 8px;
5553        }
5554        .fa-x-twitter:last-child {
5555            margin-top: 24px;
5556        }
5557        .fa-x-twitter-large {
5558            padding-top: 1px;
5559        }
5560        .fa-snapchat-ghost:first-of-type {
5561            margin-bottom:10px;
5562        }
5563        .fa-snapchat-ghost:last-child {
5564            position: relative;
5565            top: -1px;
5566        }
5567        .snapchat-adjust-large {
5568            padding-top: 10px;
5569        }
5570        .snapchat-adjust-large:hover {
5571            padding-top: 18px;
5572        }
5573        .snapchat-adjust-large:hover i:first-child {
5574            visibility: hidden;
5575        }
5576        .dark .snapchat-adjust-large i:last-child {
5577            color: #333 !important;
5578        }
5579        .fa-snapchat-ghost-large:first-of-type {
5580            margin-bottom:10px;
5581        }
5582    </style><a href="https://www.facebook.com/ncillc" target="_blank" class="social-icon si-small si-borderless si-facebook">
5583                    <i class="icon-facebook"></i>
5584                    <i class="icon-facebook"></i>
5585                </a><a href="https://www.linkedin.com/company/ncillc/" target="_blank" class="social-icon si-small si-borderless si-linkedin">
5586                    <i class="icon-linkedin"></i>
5587                    <i class="icon-linkedin"></i>
5588                </a>    </div>
5589</div>
5590
5591
5592                                                                    <div><input type="text" id="contact-me-name" name="contact-me-name" value="" class="sm-form-control" placeholder="Name" maxlength="50" style="margin-bottom:10px;"></div>
5593                                    <div class="row">
5594                                        <div class="col-md-6"><input type="text" id="contact-me-phone" name="contact-me-phone" value="" class="sm-form-control" placeholder="Phone" maxlength="50" style="margin-bottom:10px;"></div>
5595                                        <div class="col-md-6"><input type="email" id="contact-me-email" name="contact-me-email" value="" class="sm-form-control" placeholder="Email" maxlength="100" style="margin-bottom:10px;"></div>
5596                                    </div>
5597                                    <div style="margin-bottom:10px;">
5598                                        <select class="sm-form-control" id="contact-me-country" name="contact-me-country">
5599                                            <optgroup label="My Country">
5600                                                <option value="">Please select</option>
5601                                                <option value="USA" selected>USA</option><option value="Australia">Australia</option><option value="Canada">Canada</option><option value="Singapore">Singapore</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Austria">Austria</option><option value="Azerbaidjan">Azerbaidjan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia-Herzegovina">Bosnia-Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canary Islands">Canary Islands</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Congo, The Democratic Republic Of The">Congo, The Democratic Republic Of The</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji Islands">Fiji Islands</option><option value="Finland">Finland</option><option value="France">
5601France</option><option value="French Guyana">French Guyana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard and McDonald Islands">Heard and McDonald Islands</option><option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jersey">Jersey</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea">Korea</option><option value="Kosovo">Kosovo</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Lao Peoples Democratic Republic">Lao Peoples Democratic Republic</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova, Republic Of">Moldova, Republic Of</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Nambia">Nambia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Panama">Panama</option><option value="Paupau New Guinea">Paupau New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn">Pitcairn</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Vincent And The Grenadines">Saint Vincent And The Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome And Principe">Sao Tome And Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia And The South Sandwich Islands">South Georgia And The South Sandwich Islands</option><option value="Spain">Spain</option><option value="Srilanka">Srilanka</option><option value="St. Helena">St. Helena</option><option value="St. Pierre And Miquelon">St. Pierre And Miquelon</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard And Jan Mayen Islands">Svalbard And Jan Mayen Islands</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syrian Arab Republic">Syrian Arab Republic</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad And Tobago">Trinidad And Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks And Caicos Islands">Turks And Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Virgin Islands (British)">Virgin Islands (British)</option><option value="Virgin Islands (US)">Virgin Islands (US)</option><option value="Wallis And Futuna Islands">Wallis And Futuna Islands</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option>                                            </optgroup>
5602                                        </select>
5603                                    </div>
5604                                    <div>
5605                                        <div><input type="text" id="contact-address" name="contact-address" value="" class="sm-form-control contact-form-address" placeholder="Address" style="margin-bottom:10px;"></div>
5606                                        <textarea id="contact-me-message" name="contact-me-message" class="sm-form-control" placeholder="Your message to Paul Gatto (optional)"></textarea>
5607                                                                                    <div class="subscribe text-center">
5608                                                <label style="margin-right:5px;">
5609                                                    Contact me by
5610                                                </label>
5611                                                <span>
5612                                                    <span>
5613                                                        <input type="checkbox" name="subscribe-email" id="subscribe-email" value="1" checked style="margin-right:5px;"><label for="subscribe-email" style="margin-right:10px;">Email</label>
5614                                                    </span>
5615                                                    <span>
5616                                                        <input type="checkbox" name="subscribe-text" id="subscribe-text" value="1" style="margin-right:5px;"><label for="subscribe-text">Text</label>
5617                                                    </span>
5618                                                </span>
5619                                            </div>
5620                                                                                <div class="text-center">
5621                                            <button type="button" id="send-message-button" class="button button-large button-green nomargin" value="submit">Send Message</button>
5622                                        </div>
5623                                    </div>
5624                                                            </div>
5625                        </div>
5626                    </div>
5627                </div>
5628            </div>
5629        </div>
5630    </div>
5631</div>
5632
5633<script>
5634    function IsEU( country )
5635    {
5636        var EU_countries = ["Austria","Belgium","Bulgaria","Croatia","Cyprus","Czech Republic","Denmark","Estonia","Finland","France","Germany","Greece","Hungary","Ireland","Italy","Latvia","Lithuania","Luxembourg","Malta","Netherlands","Netherlands Antilles","Poland","Portugal","Romania","Slovakia","Slovenia","Spain","Sweden","United Kingdom"];
5637
5638        if( EU_countries.indexOf( country ) > -1 )
5639            return true;
5640        else
5641            return false;
5642    }
5643
5644    $(function() {
5645        $('#contactMeModal').on('shown.bs.modal', function () {
5646            $('#contact-me-name').focus();
5647        });
5648        $('#contact-me-country').change( function() {
5649            if( IsEU( $(this).val() ) )
5650                $('#subscribe-email').prop('checked',false);
5651            else
5652                $('#subscribe-email').prop('checked',true);
5653        });
5654        $('#contact-me-country').change();
5655    });
5656
5657        $('#send-message-button').click( function() {
5658        var contact_name    = $('#contact-me-name').val().trim();
5659        var contact_email   = $('#contact-me-email').val().trim();
5660        var contact_phone   = $('#contact-me-phone').val().trim();
5661        var contact_message = $('#contact-me-message').val().trim();
5662        var contact_country = $('#contact-me-country').val();
5663
5664                if( contact_name == '' ) {
5665            toastr.error( 'Please enter your name.' );
5666            $('#contact-me-name').focus();
5667            return;
5668        }
5669        if( contact_email == '' && contact_phone == '' ) {
5670            toastr.error( 'Please enter either your phone or email address.' );
5671            $('#contact-me-phone').focus();
5672            return;
5673        }
5674
5675                if( contact_message == '' && !$('#subscribe-text').prop('checked') && !$('#subscribe-email').prop('checked') ) {
5676            toastr.error( 'Please either choose a way to be contacted or enter a message.');
5677            $('#contact-me-message').focus();
5678            return;
5679        }
5680
5681                        if ($('#subscribe-text').prop('checked') && contact_phone == '') {
5682            toastr.error('Please enter your mobile phone number to be contacted by text.');
5683            $('#contact-me-phone').focus();
5684            return;
5685        }
5686                if ($('#subscribe-email').prop('checked') && contact_email == '') {
5687            toastr.error('Please enter your email address to be contacted by email.');
5688            $('#contact-me-email').focus();
5689            return;
5690        }
5691
5692        $('#contactMeModal').modal('hide');
5693        toastr.info('Message sending...');
5694        $.ajax({
5695                            //url: //,
5696                url: "https://nationalcenterforinterpretation.com/app/contact-me-form",
5697                method: "POST",
5698                dataType: "json",
5699            crossDomain: true,
5700                data: {
5701                    'contact-name' : contact_name,
5702                    'contact-email' : contact_email,
5703                    'contact-phone' : contact_phone,
5704                    'contact-message' : contact_message,
5705                    'contact-country' : contact_country,
5706                                        'contact-address' : $('#contact-address').val(),
5707                    'subscribe-email' : ($('#subscribe-email').prop('checked') ? '1' : '0'),
5708                    'subscribe-text'  : ($('#subscribe-text').prop('checked') ? '1' : '0'),
5709                    'enroller-number' : "",
5710                    'enroller-name' : "",
5711                    'sponsor-number' : "",
5712                    'sponsor-name' : "",
5713                    'utm_source' : null,
5714                    'utm_campaign' : null,
5715                    'utm_medium' : null,
5716                    'utm_term' : null,
5717                    'utm_content' : null,
5718                    'request_source' : 'contact_me',
5719                    "analytics_campaign" : null                }
5720            })
5721            .done(function( data ) {
5722                if( data.success ) {
5723                    toastr.success('Message sent!', {timeOut: 10000});
5724                    $('#contact-me-message').val('');
5725                }
5726                else if( data.code == 'Invalid Email' ) {
5727                    toastr.error( 'Please check your email address.' );
5728                    $('#contact-me-email').focus();
5729                }
5730                else if( data.code == 'Missing Name' ) {
5731                    toastr.error( 'Please enter your name.' );
5732                    $('#contact-me-name').focus();
5733                }
5734                else if( data.code == 'Email Or Phone Required' ) {
5735                    toastr.error( 'Please enter either your phone or email address.' );
5736                    $('#contact-me-phone').focus();
5737                }
5738                else if( data.code == 'Missing Message' ) {
5739                    toastr.error( 'Please enter a message.' );
5740                    $('#contact-me-message').focus();
5741                }
5742                else
5743                    toastr.error('Message not sent. Please contact me by email or phone instead.');
5744
5745            })
5746            .fail(function( jqXHR, textStatus ) {
5747                toastr.error( "Request failed: " + textStatus, 'Message not sent. Please contact me by email or phone instead.' );
5748            });
5749    });
5750</script>
5750
5751
5752
5753<!-- Go To Top
5754============================================= -->
5755<div id="gotoTop" class="icon-angle-up"></div>
5756
5757<!-- Footer Scripts
5758============================================= -->
5759<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5759
5760    
5760<script type="text/javascript" src="https://attractwell.com/site-assets/themes/attractwell/js/functions.min.js"></script>
vendor: 1 bytes, line 5760
5760
5761<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5761
5762<!--
5762<script type="text/javascript" src="https://attractwell.com/site-assets/js/js.cookie.js"></script>
5762  -->
5763<script type="text/javascript">
5764    var quickfit_options_large = {
5765        min: 15,
5766        max: 36,
5767        width: 300
5768        //truncate: true
5769    };
5770    var quickfit_options_small = {
5771        min: 12,
5772        max: 20,
5773        width: 200
5774        //truncate: true
5775    };
5776
5777    function resizeText()
5778    {
5779            }
5780
5781    $(function() {
5782        // auto scale text name if it's too long, on both window resize and scroll
5783        $( window ).on( 'resize', resizeText );
5784        $( window ).on( 'scroll', resizeText );
5785        resizeText();
5786
5787        $(window).load( function() {
5788                        if( location.hash === '#contact' )
5789                $('#contactMeModal').modal('show');
5790
5791            $('a[href$="#contact"]').click( function() {
5792                $('#contactMeModal').modal('show');
5793                return false;
5794            } );
5795
5796            $('a[href$="#lead"]').click( function() {
5797                if( $('#leadModal').length === 0 && $('#lead').length === 0 ) {
5798                    window.location.href = "\/\/#lead";
5799                    return false;
5800                }
5801            } );
5802
5803            $( window ).resize();
5804        });
5805
5806
5807        $('.menu-flag-icon').click( function (){
5808                        Cookies.set("country",$(this).attr('data-flag'), { path: "\/PaulGatto" } ); // cookie valid to the current path
5809            window.scrollTo(0,0); // scroll to top of page
5810            location.reload(true);
5811        });
5812
5813        $('#landing-page-log-out').click(function() {
5814            var path_scope = "\/PaulGatto";
5815            Cookies.remove("registered-on-landing-page", {path: path_scope});
5816            Cookies.remove('landing_account_id', {path: path_scope});
5817            Cookies.remove('contact_id', {path: path_scope});
5818            Cookies.remove('skip_registration', {path: path_scope});
5819        });
5820
5821                // instrument the page with click handlers
5822        $('a').click( function() {
5823            var url = $(this).attr('href');
5824            var title = $(this).text();
5825            title = title.replace(/\\n/gi,'').trim();
5826            if( url !== '#' ) {
5827                var is_sign_up_link = ($(this).hasClass('sign-up-link') || (url === null && null !== ''));
5828                RecordExternalClickAnalytics(url, title, is_sign_up_link );
5829                if( is_sign_up_link && Cookies.get('contact_id') != '' )
5830                    RecordContactWebsiteSignUpLinkClick( Cookies.get('contact_id') );
5831            }
5832        });
5833            });
5834</script>
vendor: 1 bytes, line 5834
5834
5835<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
vendor: 1 bytes, line 5835
5835
5836<script>$(function() { $('audio').on('contextmenu', () => {return false}); });</script>
5836
5837
5838    
5839</body>
5840</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.