PageSourceSearch

https://sidebysideatc.com/page/radar-lab-program

html sidebysideatc.com collected 2026-10-02 16:11:57 UTC 206,276 bytes, 5,168 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="apple-touch-icon" sizes="180x180" href="https://attractwell.com/site-assets/logos/attractwell-logo-just-the-target.png">
11    <link rel="icon" type="image/png" href="https://attractwell.com/site-assets/logos/attractwell-logo-just-the-target.png" sizes="32x32">
12    <link rel="icon" type="image/png" href="https://attractwell.com/site-assets/logos/attractwell-logo-just-the-target.png" sizes="16x16">
13    <!--<link rel="manifest" href="https://attractwell.com/favicons/manifest.json">-->
14    <!--<link rel="mask-icon" href="https://attractwell.com/favicons/safari-pinned-tab.svg" color="#eeaa7b">-->
15    <meta name="theme-color" content="#ffffff">
16
17    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
18    <meta name="generator" content="AttractWell.com" />
19    <meta name="author" content="Tom  Hanes" />
20
21    <link rel="stylesheet" href="https://webcache.attractwell.com/app/common/all-marketing-site-css.min.css" type="text/css" />
22              
22<script src="https://webcache.attractwell.com/app/common/all-marketing-site-js.min.js"></script>
22
23    <!-- Stylesheets
24    ============================================= -->
25<!--    <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" />-->
26    <!--
27    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/bootstrap-337.css" type="text/css" />
28    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/style-2.css" type="text/css" />
29    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/dark.css" type="text/css" />
30    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/animate.css" type="text/css" />
31    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/magnific-popup.css" type="text/css" />
32    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/responsive.css" type="text/css" />
33    -->
34    <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
3400,700|Old+Standard+TT:400,400i,700|Roboto:400,400i,700,700i|Aguafina+Script&display=swap" rel="stylesheet">    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Noto+Serif+JP&display=swap" rel="stylesheet">    
34<script src="https://kit.fontawesome.com/569c6654a7.js" crossorigin="anonymous" defer></script>
34
35    <meta name="viewport" content="width=device-width, initial-scale=1" />
36    <!--[if lt IE 9]>
37    
37<script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
37
38    <![endif]-->
39
40    
41
42    <!-- Facebook share tags
43    ============================================= -->
44    <meta property="og:type"               content="website" />
45    <meta property="og:image:type"         content="image/jpg" />
46<!--    <meta property="og:image:width"        content="1200" />-->
47<!--    <meta property="og:image:height"       content="630" />-->
48    <meta property="og:title"              content="Radar Lab Coaching Program | Side by Side ATC" />
49<meta property="og:description"        content="1-on-1 radar lab coaching for FAA Academy enroute students. Get focused help with priority, scan, timing, and recovery from a 26-year FAA veteran." />
50<meta name="description" content="1-on-1 radar lab coaching for FAA Academy enroute students. Get focused help with priority, scan, timing, and recovery from a 26-year FAA veteran.">
51
52    <!-- Document Title
53    ============================================= -->
54    <title>Radar Lab Coaching Program | Side by Side ATC</title>
55
56    <!-- Blog RSS feed -->
57    <link rel="alternate" href="https://sidebysideatc.com/feed" title="RSS feed" type="application/rss+xml" />
58
59    <!-- External JavaScripts
60    ============================================= -->
61    <style type="text/css" media="all">
62    .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; }
63    h1 {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
64h2 {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
65h3 {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
66h4 {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
67h5 {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
68h6 {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
69#logo {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
70#primary-menu ul li a {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
71#primary-menu ul > li > ul > li > a { font-weight: 300;  text-transform:none !important; color:#0433ff;  }
72#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
73.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,  {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
74.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:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:inherit !important;  }
75#top-search form input {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
76.entry-link {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
77.entry.entry-date-section span {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
78ul.tab-nav-lg li a {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
79.counter {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
80label {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
81.nav-tree li a {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
82.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {font-family:Noto Serif JP,serif; font-weight: 300;  text-transform:none !important; color:#0433ff;  }
83body {font-family: Noto Serif JP,serif; font-weight: 400;   }
84small {font-family: Noto Serif JP,serif; font-weight: 400;   }
85.font-body {font-family: Noto Serif JP,serif; font-weight: 400;   }
86#primary-menu ul ul a {font-family: Noto Serif JP,serif; font-weight: 400;   }
87.wp-caption {font-family: Noto Serif JP,serif; font-weight: 400;   }
88.feature-box.fbox-center.fbox-italic p {font-family: Noto Serif JP,serif; font-weight: 400;   }
89.skills li .progress-percent .counter {font-family: Noto Serif JP,serif; font-weight: 400;   }
90.nav-tree ul ul a {font-family: Noto Serif JP,serif; font-weight: 400;   }
91.button { text-transform: none; }
92.font-secondary {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
93.entry-meta li {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
94.entry-link span {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
95.entry blockquote p {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
96.more-link {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
970 {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
98.button.button-desc span {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
99.testi-content p {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
100.team-title span {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
101.before-heading {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
102.wedding-head .first-name span, .wedding-head .last-name span {font-family: Noto Serif JP,serif; font-style: italic; font-weight: 700; }
103    label {
104        font-weight: 500 !important;
105        color: #666;
106    }
107    /*
108    #page-title h1 {
109        font-weight: 600 !important;
110        color: #666;
111    }*/
112    @media( min-width: 992px ) {
113                .fr-view section, .fr-view a {
114            scroll-margin-top: 100px;
115        }
116    }
117    .color {
118        color: #e32400;
119    }
120    ::selection {
121        background: #e32400;
122    }
123    ::-moz-selection {
124        background: #e32400; /* Firefox */
125    }
126    ::-webkit-selection {
127        background: #e32400; /* Safari */
128    }
129    a {
130        color: #e32400;
131    }
132    a:hover:not(.button) {
133        color: #0433ff;
134    }
135    h1 > span:not(.nocolor),
136    h2 > span:not(.nocolor),
137    h3 > span:not(.nocolor),
138    h4 > span:not(.nocolor),
139    h5 > span:not(.nocolor),
140    h6 > span:not(.nocolor) { color: inherit; }
141
142    .bgcolor,
143    .bgcolor #header-wrap { background-color: #e32400 !important; }
144
145    .color { color: #e32400 !important; }
146
147    .border-color { border-color: #e32400 !important; }
148
149    .top-links ul ul,
150    .top-links ul div.top-link-section {
151        border-top: 1px solid #e32400;
152    }
153
154    .header-extras li .he-text span {
155        color: #e32400;
156    }
157
158    /*#primary-menu > ul > li:hover a,*/
159    /*#primary-menu > ul > li.current a { color: *//*; }*/
160
161    #primary-menu ul ul,
162    #primary-menu ul li .mega-menu-content {
163        border-top: 0; /*2px solid #e32400;*/
164    }
165
166        .dark #primary-menu:not(.not-dark) ul ul a, #primary-menu.dark ul ul a, #primary-menu ul li a {
167        color: #ff2600 !important;
168    }
169
170    
171        .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 {
172        color: #0433ff !important;
173    }
174
175    #primary-menu ul ul li:hover > a, #primary-menu ul li a:hover,
176    #header-wrap #primary-menu ul ul li:hover > a, #header-wrap #primary-menu ul li a:hover {
177        color: #0433ff !important;
178    }
179    
180        /*
181    @media (min-width:992px) {
182        #header.full-header #primary-menu {
183            position: absolute;
184            right: 30px;
185            width: calc( 100% - 577px );
186        }
187        #header.sticky-header #primary-menu {
188            position: absolute;
189            right: 30px;
190            width: calc( 100% - 250px );
191        }
192        #header.full-header #primary-menu > ul {
193            float: right;
194        }
195    }
196    */
197
198    /*#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: */#000000/* !important; }*/
199
200    /*
201    #primary-menu > div > ul > li:hover a,
202    #primary-menu > div > ul > li.current a { color: #000000; }
203    */
204
205    #primary-menu.style-3 > ul > li.current > a {
206        background-color: #e32400;
207    }
208
209    /*
210    #primary-menu.style-4 > ul > li:hover > a,
211    #primary-menu.style-4 > ul > li.current > a { border-color: #000000; }
212    */
213
214    #primary-menu.style-6 > ul > li > a:after,
215    #primary-menu.style-6 > ul > li.current > a:after {
216        border-top: 2px solid #e32400;
217    }
218
219    /*
220    #primary-menu.sub-title > ul > li:hover > a,
221    #primary-menu.sub-title > ul > li.current > a,
222    #primary-menu.sub-title > div > ul > li:hover > a,
223    #primary-menu.sub-title > div > ul > li.current > a {
224        background-color: #000000;
225    }
226    */
227
228    /*#top-cart a:hover { color: #000000; }*/
229
230    #top-cart > a > span {
231        background-color: #e32400;
232    }
233
234    #top-cart .top-cart-content {
235        border-top: 2px solid #e32400;
236    }
237
238    /*.top-cart-item-image:hover { border-color: #000000; }*/
239
240    /*.top-cart-item-desc a:hover { color: #000000 !important; }*/
241
242    .top-cart-action span.top-checkout-price {
243        color: #e32400;
244    }
245
246    #page-menu-wrap { background-color: #e32400; }
247
248    #page-menu.dots-menu nav li.current a { background-color: #e32400; }
249
250    #page-menu.dots-menu nav li .dots-menu-caption {
251        background-color: #e32400;
252    }
253
254    #page-menu.dots-menu nav li .dots-menu-caption:after {
255        border-left: 6px solid #e32400;
256    }
257
258    /*.breadcrumb a:hover { color: #000000; }*/
259
260    /*#portfolio-filter li a:hover { color: #000000; }*/
261
262    #portfolio-filter li.activeFilter a {
263        background-color: #e32400;
264    }
265
266    /*#portfolio-shuffle:hover {
267        background-color: #000000;
268    }*/
269
270    /*.portfolio-desc h3 a:hover { color: #000000; }*/
271
272    /*.portfolio-overlay a:hover {
273        color: #000000;
274    }*/
275
276    /*#portfolio-navigation a:hover { color: #000000; }*/
277
278    /*.entry-title h2 a:hover { color: #000000; }
279
280    .entry-meta li a:hover { color: #000000; }
281
282    .entry-link:hover {
283        background-color: #000000;
284    }
285
286    .post-timeline .entry:hover .entry-timeline,
287    .post-timeline .entry:hover .timeline-divider {
288        border-color: #000000;
289        color: #000000;
290    }
291
292    .ipost .entry-title h3 a:hover,
293    .ipost .entry-title h4 a:hover { color: #000000; }
294    */
295
296    .more-link {
297        display: inline-block;
298        border-bottom: 1px solid #e32400;
299    }
300
301    /*
302    .spost .entry-title h4 a:hover,
303    .mpost .entry-title h4 a:hover { color: #000000; }
304
305    .comment-content .comment-author a:hover { color: #000000; }
306
307    .product-title h3 a:hover,
308    .single-product .product-title h2 a:hover { color: #000000; }
309    */
310
311    .product-price ins {
312        color: #e32400;
313    }
314
315    .sale-flash {
316        background-color: #e32400;
317    }
318
319    .single-product .product-price {
320        color: #e32400;
321    }
322
323    /*.cart-product-thumbnail img:hover { border-color: #000000; }*/
324
325    /*.button {
326        background-color: #e32400;
327    }*/
328
329    /* button color overrides */
330
331    .button-leaf { background-color: #eeaa7b;}.button-green { background-color: #ee8e4c;}
332    /*.button.button-dark:hover { background-color: #000000; }*/
333
334    /*
335    .button.button-3d:hover {
336        background-color: #000000 !important;
337    }
338    */
339
340    .promo.promo-flat { background-color: #e32400; }
341
342    .feature-box .fbox-icon i,
343    .feature-box .fbox-icon img {
344        background-color: #e32400;
345    }
346
347    .feature-box.fbox-outline .fbox-icon {
348        border: 1px solid #e32400;
349    }
350
351    .feature-box.fbox-border .fbox-icon {
352        border: 1px solid #e32400;
353    }
354
355    .feature-box.fbox-border .fbox-icon i,
356    .feature-box.fbox-border .fbox-icon img {
357        color: #e32400;
358    }
359
360    .feature-box.fbox-plain .fbox-icon i,
361    .feature-box.fbox-plain .fbox-icon img {
362        color: #e32400;
363    }
364
365    .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #e32400; }
366
367    /*.fbox-effect.fbox-dark .fbox-icon i:hover,
368    .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #000000; }
369
370    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
371    .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #000000; }
372    */
373
374    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #e32400; }
375
376    .process-steps li.active h5,
377    .process-steps li.ui-tabs-active h5 {
378        color: #e32400;
379    }
380
381    .process-steps li.active a,
382    .process-steps li.ui-tabs-active a {
383        background-color: #e32400 !important;
384    }
385
386    .process-steps li.active a,
387    .process-steps li.ui-tabs-active a {
388        background-color: #e32400 !important;
389        border-color: #e32400 !important;
390    }
391
392    /*
393    .i-rounded:hover,
394    .i-circled:hover {
395        background-color: #000000;
396    }
397    */
398
399    .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
400        border-top: 2px solid #e32400;
401    }
402
403    .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
404        border-bottom: 2px solid #e32400;
405    }
406
407    ul.tab-nav.tab-nav2 li.ui-state-active a {
408        background-color: #e32400;
409    }
410
411    ul.tab-nav-lg li.ui-tabs-active a {
412        color: #e32400;
413    }
414
415    /*
416    .sidenav > .ui-tabs-active > a,
417    .sidenav > .ui-tabs-active > a:hover {
418        background-color: #000000 !important;
419    }
420    */
421
422    /*.faqlist li a:hover { color: #000000 !important; }*/
423
424    .testimonial .flex-control-nav li a {
425        background-color: #e32400;
426    }
427
428    .team-title span {
429        color: #e32400;
430    }
431
432    .pricing-box.best-price .pricing-price {
433        color: #e32400;
434    }
435
436    .skills li .progress {
437        background-color: #e32400;
438    }
439
440    /*
441    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
442        background-color: #000000 !important;
443    }*/
444
445    .owl-theme .owl-dots .owl-dot span {
446        background-color: #e32400;
447    }
448
449    .title-block {
450        border-left: 7px solid #e32400;
451    }
452
453    .title-block-right {
454        border-right: 7px solid #e32400;
455    }
456
457    .heading-block.border-color:after { border-color: #e32400; }
458
459    .fancy-title.title-border-color:before {
460        border-top: 1px solid #e32400;
461    }
462
463    .fancy-title.title-bottom-border h1,
464    .fancy-title.title-bottom-border h2,
465    .fancy-title.title-bottom-border h3,
466    .fancy-title.title-bottom-border h4,
467    .fancy-title.title-bottom-border h5,
468    .fancy-title.title-bottom-border h6 {
469        border-bottom: 2px solid #e32400;
470    }
471
472    /*#gotoTop:hover { background-color: #000000; }*/
473
474    /*.tagcloud a:hover {
475        border-color: #000000 !important;
476        color: #000000 !important;
477    }*/
478
479    .nav-tree li:hover > a,
480    .nav-tree li.current > a,
481    .nav-tree li.active > a { color: #e32400 !important; }
482
483    .btn-link,
484    .pagination > li > a, .pagination > li > span,
485    .pagination > li > a:hover,
486    .pagination > li > span:hover,
487    .pagination > li > a:focus,
488    .pagination > li > span:focus { color: #e32400; }
489
490    .pagination > .active > a,
491    .pagination > .active > span,
492    .pagination > .active > a:hover,
493    .pagination > .active > span:hover,
494    .pagination > .active > a:focus,
495    .pagination > .active > span:focus {
496        background-color: #e32400 !important;
497        border-color: #e32400 !important;
498    }
499
500    .nav-pills > li.active > a,
501    .nav-pills > li.active > a:hover,
502    .nav-pills > li.active > a:focus { background-color: #e32400; }
503
504    /*
505    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
506    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
507    .overlay-menu #primary-menu.dark > ul > li:hover > a,
508    .overlay-menu #primary-menu.dark > ul > li.current > a { color: #000000 !important; }
509    */
510
511    .dark #primary-menu:not(.not-dark) ul ul,
512    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
513    #primary-menu.dark ul ul,
514    #primary-menu.dark ul li .mega-menu-content {
515        border-top-color: #e32400;
516    }
517
518    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
519    #primary-menu.dark ul li .mega-menu-content.style-2 {
520        border-top-color: #e32400;
521    }
522
523    .dark #top-cart .top-cart-content {
524        border-top-color: #e32400;
525    }
526
527    /*
528    .dark .top-cart-item-image:hover { border-color: #000000; }
529
530    .dark .top-cart-item-desc a:hover { color: #000000 !important; }
531
532
533    .dark .post-timeline .entry:hover .entry-timeline,
534    .dark .post-timeline .entry:hover .timeline-divider {
535        border-color: #000000;
536        color: #000000;
537    }
538
539    .dark .cart-product-thumbnail img:hover { border-color: #000000; }
540
541    .dark .button-dark:hover { background-color: #000000; }
542    */
543
544    .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #e32400; }
545
546    /*
547    .dark .fbox-effect.fbox-dark .fbox-icon i:hover,
548    .dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #000000; }
549
550    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
551    .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #000000; }
552    */
553
554    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #e32400; }
555
556    /*
557    .dark .i-rounded:hover,
558    .dark .i-circled:hover {
559        background-color: #000000;
560    }
561    */
562
563    .dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #e32400; }
564
565    /*
566    .dark .tagcloud a:hover {
567        background-color: #000000;
568    }
569    */
570
571    /*
572    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
573    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
574    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
575    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #000000 !important; }
576    */
577
578    /*
579    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
580        color: #000000 !important;
581    }
582
583    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #000000 !important; }
584    */
585
586    #page-menu nav {
587        background-color: #e32400;
588    }
589
590    /*
591    #portfolio-filter li a:hover { color: #000000; }
592    */
593
594    .iconlist-color li i { color: #e32400; }
595
596    /* button helper */
597.button.button-red:not(.button-border) {
598text-decoration:none;
599background-color:#e32400;
600color:#ffffff;
601border-radius:2px;
602text-transform:uppercase;
603text-shadow:1px 1px 1px rgba(0,0,0,0.2);
604transition: all 0.3s ease;
605position:relative;z-index:1;
606border-top: 0px solid rgb(227, 36, 0);
607border-right: 0px solid rgb(227, 36, 0);
608border-bottom: 0px solid rgb(227, 36, 0);
609border-left: 0px solid rgb(227, 36, 0);
610}
611
612.button.button-red:hover {
613color:#ffffff;
614}
615
616.button.button-leaf:not(.button-border) {
617text-decoration:none;
618background-color:#0056d6;
619color:#ffffff;
620border-radius:2px;
621text-transform:uppercase;
622text-shadow:1px 1px 1px rgba(0,0,0,0.2);
623transition: all 0.3s ease;
624position:relative;z-index:1;
625border-top: 0px solid rgb(0, 86, 214);
626border-right: 0px solid rgb(0, 86, 214);
627border-bottom: 0px solid rgb(0, 86, 214);
628border-left: 0px solid rgb(0, 86, 214);
629}
630
631.button.button-leaf:hover {
632color:#ffffff;
633}
634
635.button.button-teal:not(.button-border) {
636text-decoration:none;
637background-color:#53777a;
638color:#ffffff;
639border-radius:1px;
640text-transform:uppercase;
641text-shadow:1px 1px 1px rgba(0,0,0,0.2);
642transition: all 0.3s ease;
643position:relative;z-index:1;
644border-top: 0px none rgb(255, 255, 255);
645border-right: 0px none rgb(255, 255, 255);
646border-bottom: 0px none rgb(255, 255, 255);
647border-left: 0px none rgb(255, 255, 255);
648}
649
650.button.button-teal:hover {
651color:#ffffff;
652}
653
654.button.button-yellow:not(.button-border) {
655text-decoration:none;
656background-color:#ecd078;
657color:#333333;
658border-radius:1px;
659text-transform:uppercase;
660text-shadow:none;
661transition: all 0.3s ease;
662position:relative;z-index:1;
663border-top: 0px none rgb(51, 51, 51);
664border-right: 0px none rgb(51, 51, 51);
665border-bottom: 0px none rgb(51, 51, 51);
666border-left: 0px none rgb(51, 51, 51);
667}
668
669.button.button-yellow:hover {
670color:#333333;
671}
672
673.button:not(.button-border) {
674text-decoration:none;
675background-color:#1abc9c;
676color:#ffffff;
677border-radius:1px;
678text-transform:uppercase;
679text-shadow:1px 1px 1px rgba(0,0,0,0.2);
680transition: all 0.3s ease;
681position:relative;z-index:1;
682border-top: 0px none rgb(255, 255, 255);
683border-right: 0px none rgb(255, 255, 255);
684border-bottom: 0px none rgb(255, 255, 255);
685border-left: 0px none rgb(255, 255, 255);
686}
687
688.button.button-:hover {
689color:#ffffff;
690}
691
692.button.button-green:not(.button-border) {
693text-decoration:none;
694background-color:#ee8e4c;
695color:#ffffff;
696border-radius:1px;
697text-transform:uppercase;
698text-shadow:1px 1px 1px rgba(0,0,0,0.2);
699transition: all 0.3s ease;
700position:relative;z-index:1;
701border-top: 0px none rgb(255, 255, 255);
702border-right: 0px none rgb(255, 255, 255);
703border-bottom: 0px none rgb(255, 255, 255);
704border-left: 0px none rgb(255, 255, 255);
705}
706
707.button.button-green:hover {
708color:#ffffff;
709}
710
711.button.button-brown:not(.button-border) {
712text-decoration:none;
713background-color:#774f38;
714color:#ffffff;
715border-radius:1px;
716text-transform:uppercase;
717text-shadow:1px 1px 1px rgba(0,0,0,0.2);
718transition: all 0.3s ease;
719position:relative;z-index:1;
720border-top: 0px none rgb(255, 255, 255);
721border-right: 0px none rgb(255, 255, 255);
722border-bottom: 0px none rgb(255, 255, 255);
723border-left: 0px none rgb(255, 255, 255);
724}
725
726.button.button-brown:hover {
727color:#ffffff;
728}
729
730.button.button-aqua:not(.button-border) {
731text-decoration:none;
732background-color:#40c0cb;
733color:#ffffff;
734border-radius:1px;
735text-transform:uppercase;
736text-shadow:1px 1px 1px rgba(0,0,0,0.2);
737transition: all 0.3s ease;
738position:relative;z-index:1;
739border-top: 0px none rgb(255, 255, 255);
740border-right: 0px none rgb(255, 255, 255);
741border-bottom: 0px none rgb(255, 255, 255);
742border-left: 0px none rgb(255, 255, 255);
743}
744
745.button.button-aqua:hover {
746color:#ffffff;
747}
748
749.button.button-lime:not(.button-border) {
750text-decoration:none;
751background-color:#aee239;
752color:#333333;
753border-radius:1px;
754text-transform:uppercase;
755text-shadow:none;
756transition: all 0.3s ease;
757position:relative;z-index:1;
758border-top: 0px none rgb(51, 51, 51);
759border-right: 0px none rgb(51, 51, 51);
760border-bottom: 0px none rgb(51, 51, 51);
761border-left: 0px none rgb(51, 51, 51);
762}
763
764.button.button-lime:hover {
765color:#333333;
766}
767
768.button.button-purple:not(.button-border) {
769text-decoration:none;
770background-color:#5d4157;
771color:#ffffff;
772border-radius:1px;
773text-transform:uppercase;
774text-shadow:1px 1px 1px rgba(0,0,0,0.2);
775transition: all 0.3s ease;
776position:relative;z-index:1;
777border-top: 0px none rgb(255, 255, 255);
778border-right: 0px none rgb(255, 255, 255);
779border-bottom: 0px none rgb(255, 255, 255);
780border-left: 0px none rgb(255, 255, 255);
781}
782
783.button.button-purple:hover {
784color:#ffffff;
785}
786
787.button.button-pink:not(.button-border) {
788text-decoration:none;
789background-color:#f89fa1;
790color:#ffffff;
791border-radius:1px;
792text-transform:uppercase;
793text-shadow:1px 1px 1px rgba(0,0,0,0.2);
794transition: all 0.3s ease;
795position:relative;z-index:1;
796border-top: 0px none rgb(255, 255, 255);
797border-right: 0px none rgb(255, 255, 255);
798border-bottom: 0px none rgb(255, 255, 255);
799border-left: 0px none rgb(255, 255, 255);
800}
801
802.button.button-pink:hover {
803color:#ffffff;
804}
805
806.button.button-blue:not(.button-border) {
807text-decoration:none;
808background-color:#1265a8;
809color:#ffffff;
810border-radius:1px;
811text-transform:uppercase;
812text-shadow:1px 1px 1px rgba(0,0,0,0.2);
813transition: all 0.3s ease;
814position:relative;z-index:1;
815border-top: 0px none rgb(255, 255, 255);
816border-right: 0px none rgb(255, 255, 255);
817border-bottom: 0px none rgb(255, 255, 255);
818border-left: 0px none rgb(255, 255, 255);
819}
820
821.button.button-blue:hover {
822color:#ffffff;
823}
824
825.button.button-dirtygreen:not(.button-border) {
826text-decoration:none;
827background-color:#1693a5;
828color:#ffffff;
829border-radius:1px;
830text-transform:uppercase;
831text-shadow:1px 1px 1px rgba(0,0,0,0.2);
832transition: all 0.3s ease;
833position:relative;z-index:1;
834border-top: 0px none rgb(255, 255, 255);
835border-right: 0px none rgb(255, 255, 255);
836border-bottom: 0px none rgb(255, 255, 255);
837border-left: 0px none rgb(255, 255, 255);
838}
839
840.button.button-dirtygreen:hover {
841color:#ffffff;
842}
843
844.button.button-amber:not(.button-border) {
845text-decoration:none;
846background-color:#eb9c4d;
847color:#ffffff;
848border-radius:1px;
849text-transform:uppercase;
850text-shadow:1px 1px 1px rgba(0,0,0,0.2);
851transition: all 0.3s ease;
852position:relative;z-index:1;
853border-top: 0px none rgb(255, 255, 255);
854border-right: 0px none rgb(255, 255, 255);
855border-bottom: 0px none rgb(255, 255, 255);
856border-left: 0px none rgb(255, 255, 255);
857}
858
859.button.button-amber:hover {
860color:#ffffff;
861}
862
863.button.button-black:not(.button-border) {
864text-decoration:none;
865background-color:#111111;
866color:#ffffff;
867border-radius:1px;
868text-transform:uppercase;
869text-shadow:1px 1px 1px rgba(0,0,0,0.2);
870transition: all 0.3s ease;
871position:relative;z-index:1;
872border-top: 0px none rgb(255, 255, 255);
873border-right: 0px none rgb(255, 255, 255);
874border-bottom: 0px none rgb(255, 255, 255);
875border-left: 0px none rgb(255, 255, 255);
876}
877
878.button.button-black:hover {
879color:#ffffff;
880}
881
882.button.button-white:not(.button-border) {
883text-decoration:none;
884background-color:#f0f0f0;
885color:#333333;
886border-radius:1px;
887text-transform:uppercase;
888text-shadow:none;
889transition: all 0.3s ease;
890position:relative;z-index:1;
891border-top: 0px none rgb(51, 51, 51);
892border-right: 0px none rgb(51, 51, 51);
893border-bottom: 0px none rgb(51, 51, 51);
894border-left: 0px none rgb(51, 51, 51);
895}
896
897.button.button-white:hover {
898color:#333333;
899}
900
901
902    /* Additional overrides for default button styles */
903
904    .button.button-rounded {
905        border-radius: 3px;
906    }
907    .button.button-3d {
908        border-bottom: 0;
909        border-radius: 3px;
910    }
911    .button {
912        border-radius: 3px;
913    }
914        /*.form-control {*/
915    /*    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);*/
916    /*    border-radius: 1px;*/
917    /*}
917*/
918    .panel-default > .panel-heading {
919        border-bottom: 0;
920        padding-bottom: 10px;
921    }
922    .modal-content {
923        border-radius: 8px;
924        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
925    }
926    
927    .dropdown-menu, .popover {
928        border-radius: 8px;
929        -moz-border-radius: 8px;
930        -webkit-border-radius: 8px;
931    }
932
933    .tooltip, .popover, .team-title span {
934        font-family: Noto Serif JP,serif;
935    }
936
937    .ui-tooltip {
938        font-family: Noto Serif JP,serif !important;
939    }
940
941    .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider) {
942        background: #eeeeee !important; /*rgb(245,245,245);*/
943        color: #333333;
944        border-radius: 2px;
945    }
946    .ui-widget-content.tabs {
947        background: #ffffff;
948        border: 0;
949    }
950    .tabs .tab-nav {
951        background: #ffffff;
952        border: 0;
953    }
954    .ui-tabs .ui-tabs-nav:not(.sidenav) .ui-tabs-anchor {
955        padding: 0 15px !important;
956    }
957    .ui-tooltip {
958        box-shadow: none !important; /*1px 1px 3px rgba(0, 0, 0, .1) !important;*/
959        border: #eeeeee !important;
960    }
961    body .ui-tooltip {
962        border: 1px solid #eeeeee;
963        border-radius: 2px;
964    }
965    .tab-container {
966        padding: 0;
967        background: #ffffff;
968        font-size: 14px;
969    }
970    .popover {
971        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
972    }
973    .dropdown-menu {
974        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
975    }
976        .tooltip.top .tooltip-arrow {
977        border-top-color: #eeeeee;
978    }
979    .tooltip.left .tooltip-arrow {
980        border-left-color: #eeeeee;
981    }
982    .tooltip.right .tooltip-arrow {
983        border-right-color: #eeeeee;
984    }
985    .tooltip.bottom .tooltip-arrow {
986        border-bottom-color: #eeeeee;
987    }
988    .tooltip-inner {
989        background-color: #eeeeee;
990        border-radius: 2px;
991        color: #333333;
992        font-size: 13px;
993    }
994    .tooltip.in {
995        opacity: 1;
996    }
997        .alert {
998        border-radius: 1px;
999    }
1000
1001        #footer, #copyrights {
1002        background-color: #333333 !important;
1003    }
1004        #footer, #footer a, #copyrights, #copyrights a {
1005        color: #ffffff !important;
1006    }
1007    
1008</style>
1009<style>
1010        :root {
1011        --black-background-color: #000000;
1012        --darkest-background-color: #111111;
1013        --darker-background-color: #2A2A2A;
1014        --dark-background-color: #3A3A3A;
1015        --medium-dark-background-color: #555555;
1016        --dark-mode-default-text-color: #eeeeee;
1017        --dark-mode-muted-text-color: #999999;
1018        --dark-mode-default-contrast-text-color: #333333;
1019        --whitest-background-color: #ffffff;
1020        --not-as-white-background-color: #eeeeee;
1021        --medium-white-background-color: #dddddd;
1022    }
1023    body.dark-mode:not(.no-dark-mode) {
1024        background: var(--darkest-background-color) !important;
1025        color: var(--dark-mode-default-text-color) !important;
1026    }
1027    body.dark-mode:not(.no-dark-mode) {
1028        .popover {
1029            background: var(--medium-dark-background-color) !important;
1030            color: var(--dark-mode-default-text-color) !important;
1031        }
1032
1033        & :is(:not(.fr-view)) {
1034            #content, .content-wrap.app-wrapper, .white-background,
1035            div.back-office-menu-layout-grid-menu, div.sidebar, .grid-equal-row-2 > div, .grid-equal-row-3 > div,
1036            .dropzone, #primary-menu ul ul {
1037                background: var(--darkest-background-color) !important;
1038                color: var(--dark-mode-default-text-color) !important;
1039            }
1040
1041            #primary-menu ul ul {
1042                border-top: 1px solid;
1043            }
1044
1045            .dropdown-menu {
1046                background: var(--black-background-color);
1047            }
1048
1049            .panel, .modal-content, .panel-body, .ui-tabs-panel, .customModal,
1050            .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),
1051            .settings-description, .callout-wrapper, .callout-wrapper-external,
1052            .table-responsive, .table-hover, .nav-tabs, .settings-group, .pricing-box,
1053            .feature-box.fbox-bg.fbox-center, .well {
1054                background: var(--dark-background-color) !important;
1055                color: var(--dark-mode-default-text-color) !important;
1056                border-color: #444 !important;
1057            }
1058
1059            .modal-header, .modal-footer {
1060                border-color: #444 !important;
1061            }
1062
1063            .table > thead > tr > th,
1064            .table > tbody > tr > th,
1065            .table > tfoot > tr > th,
1066            .table > thead > tr > td,
1067            .table > tbody > tr > td,
1068            .table > tfoot > tr > td {
1069                border-top-color: #444 !important;
1070            }
1071
1072            .table > thead > tr > th {
1073                border-bottom-color: #444 !important;
1074            }
1075
1076            input, textarea, select, .select2-dropdown, .select2-selection {
1077                background: var(--darker-background-color) !important;
1078                color: var(--dark-mode-default-text-color) !important;
1079                caret-color: auto;
1080            }
1081
1082            #_elev_io input {
1083                background: #ffffff !important;
1084                color: #333333 !important;
1085            }
1086            #_elev_io input::placeholder {
1087                color: #555555 !important;
1088            }
1089
1090            .off-white-background, .panel-heading, .table-hover > tbody > tr:hover,
1091            .sidenav > li > a:hover, .pricing-title {
1092                background: var(--medium-dark-background-color) !important;
1093                color: var(--dark-mode-default-text-color) !important;
1094            }
1095
1096            .pricing-title {
1097                text-shadow: none;
1098            }
1099
1100            #wrapper, .back-office-menu-layout-grid-content, .page-end-spacer {
1101                background: var(--darkest-background-color);
1102            }
1103
1104            .always-white-background {
1105                background: var(--not-as-white-background-color) !important;
1106            }
1107
1108            .not-as-white-background-and-text {
1109                background: var(--darkest-background-color) !important;
1110                color: var(--dark-mode-default-text-color) !important;
1111            }
1112
1113            .dim-text, .text-muted {
1114                color: var(--dark-mode-default-text-color) !important;
1115            }
1116
1117            .dark-text-color, .select2-selection--multiple .select2-selection__choice, .c3-tooltip-container,
1118            .keen-c3-legend, .keen-c3-legend-label-overlay, label.contrast, div.style-msg, div.style-msg .sb-msg h4 {
1119                color: var(--dark-mode-default-contrast-text-color) !important;
1120            }
1121
1122            .always-white-background-invert, .charting-panel-body {
1123                background: var(--medium-white-background-color) !important;
1124                filter: invert(1);
1125            }
1126
1127            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),
1128            h5:not(.fr-view h5, .swal2-modal h5), h6:not(.fr-view h6, .swal2-modal h6),
1129            h4.sidebar-menu-header,
1130            .sidenav > li > a,
1131            label:not(.swal2-modal label), button.close, .button-border, .panel-activity,
1132            .select2-container--default .select2-selection--single .select2-selection__rendered {
1133                color: var(--dark-mode-default-text-color) !important;
1134            }
1135
1136            input::placeholder, textarea::placeholder, select::placeholder {
1137                color: var(--dark-mode-muted-text-color) !important;
1138            }
1139            button.close {
1140                opacity: 1;
1141            }
1142
1143                        a:not(.button):not(.fr-view a),
1144            .widget_links li a,
1145            .site-name-text {
1146                color: #bd8862 !important;
1147            }
1148
1149            .button-white, .btn-default {
1150                background: var(--medium-dark-background-color) !important;
1151                color: var(--dark-mode-default-text-color) !important;
1152                border-color: #444 !important;
1153            }
1154
1155            i.light-mode {
1156                                display:none;
1157            }
1158
1159            i.dark-mode {
1160                display: inline;
1161            }
1162
1163            #primary-menu ul li a {
1164                color: #bd8862 !important;
1165            }
1166            #primary-menu ul ul {
1167                box-shadow: 0 5px 12px 5px rgba( 255,255,255,0.2 );
1168            }
1169            #primary-menu ul li ul li:hover a {
1170                color: #ffffff !important;
1171                background: var(--medium-dark-background-color) !important;
1172            }
1173
1174            #mobile-menu-header {
1175                background: var(--black-background-color);
1176            }
1177            .mobile-header {
1178                background-color: var(--medium-dark-background-color);
1179            }
1180        }
1181    }
1182
1183    .style-msg {
1184        border-radius: var(--app-border-radius-lg);
1185    }
1186    .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
1187        border-left: 0;
1188    }
1189
1190    /* Email Builder Preview Resets in Dark Mode */
1191    body.dark-mode:not(.no-dark-mode) :is(
1192        .email-builder-preview-email-wrapper,
1193        .preview-email-body-preview,
1194        #email-builder-preview-area,
1195        #email-builder-confirmation-preview-area,
1196        #email-builder-cancellation-preview-area,
1197        #email-builder-reminder-preview-area,
1198        #email-builder-follow-up-preview-area
1199    ) {
1200        background-color: #ffffff !important;
1201        background: #ffffff !important;
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(h1, h2, h3, h4, h5, h6, p, span, div, label, td, th, table, a):not([style*="color"]) {
1213        color: #333333 !important;
1214    }
1215    body.dark-mode:not(.no-dark-mode) :is(
1216        .email-builder-preview-email-wrapper,
1217        .preview-email-body-preview,
1218        #email-builder-preview-area,
1219        #email-builder-confirmation-preview-area,
1220        #email-builder-cancellation-preview-area,
1221        #email-builder-reminder-preview-area,
1222        #email-builder-follow-up-preview-area
1223    ) :is(.white-background, .always-white-background) {
1224        background-color: #ffffff !important;
1225        background: #ffffff !important;
1226    }
1227
1228    i.dark-mode {
1229        display:none;
1230    }
1231
1232    .mobile-header {
1233        background-color: #f5f5f5;
1234        border-bottom: 1px solid #eeeeee;
1235        padding: 10px 5px 10px 30px;
1236    }
1237
1238    .white-background {
1239        background-color: var(--whitest-background-color);
1240    }
1241
1242    .not-as-white-background-and-text, .off-white-background {
1243        background: var(--not-as-white-background-color) !important;
1244    }
1245
1246    .always-white-background {
1247        background-color: var(--whitest-background-color) !important;
1248    }
1249
1250    .dim-text {
1251        color: var(--dark-mode-muted-text-color) !important;
1252    }
1253
1254    .page-end-spacer {
1255        height: 100px;
1256        background: var(--app-background-color);
1257    }
1258    
1259    :root {
1260        --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);
1261        --fancy-box-shadow-hover: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3);
1262    }
1263
1264    textarea {
1265        resize: vertical;
1266    }
1267    .large-font-text-input {
1268        font-size: 1.8rem;
1269        height: auto;
1270        line-height: normal !important;
1271    }
1272    .button {
1273        text-align:center;
1274        height: auto;
1275        padding: 11px 22px 9px 22px;
1276        white-space: normal;
1277        line-height: normal;
1278    }
1279
1280    .button.button-mini {
1281        text-align:center;
1282        padding: 4px 14px 2px 14px;
1283        height: auto;
1284        line-height: 19px;
1285        white-space: normal;
1286    }
1287
1288    .button.button-small {
1289        text-align:center;
1290        padding: 6px 17px 4px 17px;
1291        height: auto;
1292        line-height: 21px;
1293        white-space: normal;
1294    }
1295
1296    .button.button-large {
1297        text-align:center;
1298        padding: 9px 26px 7px 26px;
1299        height: auto;
1300        line-height: 27px;
1301        white-space: normal;
1302    }
1303
1304    .button.button-xlarge {
1305        text-align:center;
1306        padding: 11px 32px 8px 32px;
1307        height: auto;
1308        line-height: 30px;
1309        white-space: normal;
1310    }
1311
1312    .button.button-border {
1313        line-height: normal;
1314    }
1315    #gotoTop, .stretched #gotoTop {
1316        right: 60px;
1317        bottom: 13px;
1318    }
1319        @media (min-width: 992px) {
1320        #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container {
1321            background: rgba(255,255,255,0.8);
1322        }
1323        #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container {
1324            background: rgba(50,50,50,0.9);
1325        }
1326        #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu {
1327            height: auto;
1328        }
1329        #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu > ul {
1330            height: auto;
1331        }
1332        #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul {
1333            height: auto;
1334        }
1335        #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped {
1336            background: rgba(255,255,255,0.8);
1337        }
1338        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul {
1339            height: auto;
1340        }
1341        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped {
1342            background: rgba(50,50,50,0.9);
1343        }
1344        #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container > #primary-menu > ul {
1345            background: rgba(50,50,50,0.9);
1346        }
1347        .modal-xl {
1348            width: 98vw;
1349        }
1350    }
1351    @media (max-width: 991px) {
1352        /* this allows items in the mobile menu to wrap correctly */
1353        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 {
1354            height: fit-content !important;
1355            color: #0433ff !important;
1356        }
1357
1358        /* Shrink padding in mobile dialog boxes */
1359        .modal > .modal-dialog {
1360            margin: 0;
1361        }
1362        .modal > .modal-dialog > .modal-body {
1363            padding: 0;
1364        }
1365        .modal-dialog {
1366            width: 100dvw;
1367        }
1368        .modal-xl {
1369            max-width: 100%;
1370            width: 100%;
1371        }
1372
1373        #primary-menu ul li {
1374            padding: 13px 0;
1375        }
1376
1377        #primary-menu ul li a, #primary-menu.style-2 > div > ul > li > a {
1378            line-height: 1.5 !important;
1379            height: auto !important;
1380        }
1381    }
1382
1383        .voice-button-wrapper {
1384        display: grid;
1385        grid-template-columns: auto 1fr;
1386        grid-gap: 5px;
1387        align-items: center;
1388    }
1389    .voice-button-wrapper-align-top {
1390        align-items: start;
1391    }
1392    @media( max-width: 991px ) {
1393        .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) {
1394            grid-template-columns: 1fr auto;
1395        }
1396        .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) > *:first-child {
1397                        order: 2;
1398        }
1399    }
1400
1401    /* Columnar grids */
1402
1403    /* 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 */
1404
1405    .grid-equal-row-2  {
1406        display: grid;
1407        grid-template-columns: repeat(2, minmax(0,1fr));
1408        column-gap: 1rem;
1409        row-gap: 5px;
1410        margin-bottom: 40px;
1411    }
1412    @media (max-width:991px) {
1413        .grid-equal-row-2 {
1414            grid-template-columns: 1fr;
1415        }
1416        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1417        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1418        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1419
1420        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1421        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1422        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1423    }
1424
1425    /* 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 */
1426
1427    .grid-equal-row-3  {
1428        display: grid;
1429        grid-template-columns: repeat(3, minmax(0,1fr));
1430        column-gap: 1rem;
1431        row-gap: 5px;
1432        margin-bottom: 40px;
1433    }
1434    @media (max-width:991px) {
1435        .grid-equal-row-3 {
1436            grid-template-columns: 1fr;
1437        }
1438        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1439        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1440        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1441
1442        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1443        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1444        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1445
1446        .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; }
1447        .grid-equal-body-column-3    { grid-column: 1; grid-row: 8; }
1448        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 9; }
1449    }
1450
1451    /* Same as grid-equal-row-3 but without the header row.
1452     * 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 */
1453
1454    .grid-equal-row-3-no-header  {
1455        display: grid;
1456        grid-template-columns: repeat(3, 1fr);
1457        column-gap: 1rem;
1458        row-gap: 5px;
1459        margin-bottom: 40px;
1460    }
1461    @media (max-width:991px) {
1462        .grid-equal-row-3-no-header {
1463            grid-template-columns: 1fr;
1464        }
1465        .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1466        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1467
1468        .grid-equal-body-column-2    { grid-column: 1; grid-row: 3; margin-top: 30px; }
1469        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 4; }
1470
1471        .grid-equal-body-column-3    { grid-column: 1; grid-row: 5; margin-top: 30px; }
1472        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 6; }
1473    }
1474
1475    /* 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 */
1476
1477    .grid-equal-row-2-centered  {
1478        display: grid;
1479        grid-template-columns: repeat(6, 1fr);
1480        column-gap: 1rem;
1481        row-gap: 5px;
1482        margin-bottom: 40px;
1483        grid-template-areas:
1484                "a b b c c d"
1485                "a e e f f d";
1486    }
1487    .grid-equal-row-2-centered .grid-equal-body-column-1    { grid-area: b; }
1488    .grid-equal-row-2-centered .grid-equal-footer-column-1  { grid-area: e; }
1489
1490    .grid-equal-row-2-centered .grid-equal-body-column-2    { grid-area: c; }
1491    .grid-equal-row-2-centered .grid-equal-footer-column-2  { grid-area: f; }
1492
1493    @media (max-width:991px) {
1494        .grid-equal-row-2-centered {
1495            grid-template-columns: 1fr;
1496            grid-template-areas: none;
1497        }
1498        .grid-equal-row-2-centered .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1499        .grid-equal-row-2-centered .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1500
1501        .grid-equal-row-2-centered .grid-equal-body-column-2    { grid-column: 1; grid-row: 3; margin-top: 30px; }
1502        .grid-equal-row-2-centered .grid-equal-footer-column-2  { grid-column: 1; grid-row: 4; }
1503    }
1504
1505    /* 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 */
1506
1507    .grid-equal-row-1-centered  {
1508        display: grid;
1509        grid-template-columns: repeat(6, 1fr);
1510        column-gap: 1rem;
1511        row-gap: 5px;
1512        margin-bottom: 40px;
1513        grid-template-areas:
1514                "a a b b d d"
1515                "a a e e d d";
1516    }
1517    .grid-equal-row-1-centered .grid-equal-body-column-1    { grid-area: b; }
1518    .grid-equal-row-1-centered .grid-equal-footer-column-1  { grid-area: e; }
1519
1520    @media (max-width:991px) {
1521        .grid-equal-row-1-centered {
1522            grid-template-columns: 1fr;
1523            grid-template-areas: none;
1524        }
1525        .grid-equal-row-1-centered .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1526        .grid-equal-row-1-centered .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1527    }
1528
1529    /* 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 */
1530
1531    .grid-equal-row-4  {
1532        display: grid;
1533        grid-template-columns: repeat(4, 1fr);
1534        column-gap: 1rem;
1535        row-gap: 5px;
1536        margin-bottom: 40px;
1537    }
1538    @media (max-width:991px) {
1539        .grid-equal-row-4 {
1540            grid-template-columns: 1fr;
1541        }
1542        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1543        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1544        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1545
1546        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1547        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1548        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1549
1550        .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; }
1551        .grid-equal-body-column-3    { grid-column: 1; grid-row: 8; }
1552        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 9; }
1553
1554        .grid-equal-heading-column-4 { grid-column: 1; grid-row: 10; margin-top: 30px; }
1555        .grid-equal-body-column-4    { grid-column: 1; grid-row: 11; }
1556        .grid-equal-footer-column-4  { grid-column: 1; grid-row: 12; }
1557    }
1558
1559    /* 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 */
1560
1561    .grid-equal-row-5  {
1562        display: grid;
1563        grid-template-columns: repeat(5, 1fr);
1564        column-gap: 1rem;
1565        row-gap: 5px;
1566        margin-bottom: 40px;
1567    }
1568    @media (max-width:991px) {
1569        .grid-equal-row-5 {
1570            grid-template-columns: 1fr;
1571        }
1572    }
1573
1574    /* 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 */
1575
1576    .grid-equal-row-6  {
1577        display: grid;
1578        grid-template-columns: repeat(6, 1fr);
1579        column-gap: 1rem;
1580        row-gap: 5px;
1581        margin-bottom: 40px;
1582    }
1583    @media (max-width:991px) {
1584        .grid-equal-row-6 {
1585            grid-template-columns: 1fr;
1586        }
1587    }
1588
1589    /* 2 across, 1 across on mobile */
1590    .grid-row-2 {
1591        row-gap: 1rem;
1592        margin: 0.5rem 0;
1593    }
1594
1595    @media (max-width: 991px) {
1596        .grid-row-2 {
1597            display: grid; grid-template-columns: repeat(1, 1fr);
1598        }
1599    }
1600
1601    @media (min-width: 992px) {
1602        .grid-row-2 {
1603            display: grid; grid-template-columns: repeat(2, 1fr);
1604        }
1605    }
1606
1607    /* 3 across, 1 across on mobile */
1608    .grid-row-3 {
1609        row-gap: 1rem;
1610        margin: 0.5rem 0;
1611    }
1612
1613    @media (max-width: 991px) {
1614        .grid-row-3 {
1615            display: grid; grid-template-columns: repeat(1, 1fr);
1616        }
1617    }
1618
1619    @media (min-width: 992px) {
1620        .grid-row-3 {
1621            display: grid; grid-template-columns: repeat(3, 1fr);
1622        }
1623    }
1624
1625    /* 2 across, first 2/3, second 1/3, 1 across on mobile */
1626    .grid-row-2-2-1 {
1627        row-gap: 1rem;
1628        margin: 0.5rem 0;
1629    }
1630
1631    @media (max-width: 991px) {
1632        .grid-row-2-2-1 {
1633            display: grid; grid-template-columns: repeat(1, 1fr);
1634        }
1635    }
1636
1637    @media (min-width: 992px) {
1638        .grid-row-2-2-1 {
1639            display: grid;
1640            grid-template-columns: 2fr 1fr;
1641        }
1642    }
1643
1644    /* 4 across, 2 across on mobile */
1645    .grid-row-4 {
1646        row-gap: 1rem;
1647        margin: 0.5rem 0;
1648    }
1649
1650    @media (max-width: 991px) {
1651        .grid-row-4 {
1652            display: grid; grid-template-columns: repeat(2, 1fr);
1653        }
1654    }
1655
1656    @media (min-width: 992px) {
1657        .grid-row-4 {
1658            display: grid; grid-template-columns: repeat(4, 1fr);
1659        }
1660    }
1661
1662    /* 5 across, 1 across on mobile */
1663    .grid-row-5 {
1664        row-gap: 1rem;
1665        margin: 0.5rem 0;
1666    }
1667
1668    @media (max-width: 991px) {
1669        .grid-row-5 {
1670            display: grid; grid-template-columns: repeat(1, 1fr);
1671        }
1672    }
1673
1674    @media (min-width: 992px) {
1675        .grid-row-5 {
1676            display: grid; grid-template-columns: repeat(5, 1fr);
1677        }
1678    }
1679
1680    /* 6 across, 2 across on mobile */
1681    .grid-row-6 {
1682        row-gap: 1rem;
1683        margin: 0.5rem 0;
1684    }
1685
1686    @media (max-width: 991px) {
1687        .grid-row-6 {
1688            display: grid; grid-template-columns: repeat(2, 1fr);
1689        }
1690    }
1691
1692    @media (min-width: 992px) {
1693        .grid-row-6 {
1694            display: grid; grid-template-columns: repeat(6, 1fr);
1695        }
1696    }
1697
1698    /* 8 across, 2 across on mobile */
1699    .grid-row-8 {
1700        row-gap: 1rem;
1701        margin: 0.5rem 0;
1702    }
1703
1704    @media (max-width: 991px) {
1705        .grid-row-8 {
1706            display: grid; grid-template-columns: repeat(2, 1fr);
1707        }
1708    }
1709
1710    @media (min-width: 992px) {
1711        .grid-row-8 {
1712            display: grid; grid-template-columns: repeat(8, 1fr);
1713        }
1714    }
1715
1716    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 2 columns on mobile. */
1717    .grid-list-variable-small {
1718        display: grid;
1719        grid-template-columns: repeat( 2, minmax(0, 1fr) );
1720        column-gap: 3rem;
1721        row-gap: 3rem;
1722    }
1723    @media (min-width:992px) {
1724        .grid-list-variable-small {
1725            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1726        }
1727    }
1728    @media (min-width:1400px) {
1729        .grid-list-variable-small {
1730            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1731        }
1732    }
1733    @media (min-width:1800px) {
1734        .grid-list-variable-small {
1735            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1736        }
1737    }
1738    @media (min-width:2200px) {
1739        .grid-list-variable-small {
1740            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1741        }
1742    }
1743    @media (min-width:2600px) {
1744        .grid-list-variable-small {
1745            grid-template-columns: repeat( 7, minmax(0, 1fr) );
1746        }
1747    }
1748    @media (min-width:3000px) {
1749        .grid-list-variable-small {
1750            grid-template-columns: repeat( 8, minmax(0, 1fr) );
1751        }
1752    }
1753
1754    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */
1755    .grid-list-variable-small-1-column {
1756        display: grid;
1757        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1758        column-gap: 3rem;
1759        row-gap: 3rem;
1760    }
1761    @media (min-width:992px) {
1762        .grid-list-variable-small-1-column {
1763            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1764        }
1765    }
1766    @media (min-width:1200px) {
1767        .grid-list-variable-small-1-column {
1768            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1769        }
1770    }
1771    @media (min-width:1600px) {
1772        .grid-list-variable-small-1-column {
1773            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1774        }
1775    }
1776    @media (min-width:2000px) {
1777        .grid-list-variable-small-1-column {
1778            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1779        }
1780    }
1781    @media (min-width:2400px) {
1782        .grid-list-variable-small-1-column {
1783            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1784        }
1785    }
1786    @media (min-width:2800px) {
1787        .grid-list-variable-small-1-column {
1788            grid-template-columns: repeat( 7, minmax(0, 1fr) );
1789        }
1790    }
1791
1792    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */
1793    .grid-list-variable {
1794        display: grid;
1795        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1796        column-gap: 3rem;
1797        row-gap: 3rem;
1798    }
1799    @media (min-width:992px) {
1800        .grid-list-variable {
1801            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1802        }
1803    }
1804    @media (min-width:1400px) {
1805        .grid-list-variable {
1806            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1807        }
1808    }
1809    @media (min-width:1800px) {
1810        .grid-list-variable {
1811            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1812        }
1813    }
1814    @media (min-width:2200px) {
1815        .grid-list-variable {
1816            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1817        }
1818    }
1819    @media (min-width:2600px) {
1820        .grid-list-variable {
1821            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1822        }
1823    }
1824    @media (min-width:3000px) {
1825        .grid-list-variable {
1826            grid-template-columns: repeat( 8, minmax(0, 1fr) );
1827        }
1828    }
1829
1830    /* Grid with variable number of columns based on screen width - for panels with larger content. Starts with 1 column on mobile. */
1831    .grid-list-variable-large {
1832        display: grid;
1833        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1834        column-gap: 3rem;
1835        row-gap: 3rem;
1836    }
1837    @media (min-width:1300px) {
1838        .grid-list-variable-large {
1839            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1840        }
1841    }
1842    @media (min-width:1800px) {
1843        .grid-list-variable-large {
1844            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1845        }
1846    }
1847    @media (min-width:2200px) {
1848        .grid-list-variable-large {
1849            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1850        }
1851    }
1852    @media (min-width:2600px) {
1853        .grid-list-variable-large {
1854            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1855        }
1856    }
1857    @media (min-width:3000px) {
1858        .grid-list-variable-large {
1859            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1860        }
1861    }
1862
1863
1864    /* Override for section class styles for pages built with the page editor */
1865    section .content-wrap .section {
1866        background: transparent none;
1867    }
1868
1869    /* Enlarge the default width of the container class to allow for use of more space on mobile */
1870    @media (max-width: 767px) {
1871        #header.full-header .container, .container, .container-fullwidth {
1872            width: calc( 100vw - 20px ) !important;
1873        }
1874    }
1875
1876    .flex-center {
1877        display: flex;
1878        justify-content: center;
1879        align-items: center;
1880    }
1881    @media (max-width: 991px) {
1882        .flex-center {
1883            flex-direction: column;
1884        }
1885    }
1886
1887
1888        :not(.fr-view) table { margin-bottom: 0; }
1889        div:not(.fr-wrapper) > .fr-view table td, div:not(.fr-wrapper) > .fr-view table th { border: 0; }
1890
1891    /* Rotate any element */
1892    .rotate {
1893        animation: rotate 1.5s linear infinite;
1894    }
1895    @keyframes rotate {
1896        to {
1897            transform: rotate(360deg);
1898        }
1899    }
1900
1901    /* A tilt-shake animation used for missing required fields. See also the highlightRequiredField() function at the bottom of this file. */
1902    @keyframes tilt-shaking {
1903        0% { transform: rotate(0deg); }
1904        25% { transform: rotate(5deg); }
1905        50% { transform: rotate(0deg); }
1906        75% { transform: rotate(-5deg); }
1907        100% { transform: rotate(0deg); }
1908    }
1909    .tilt-shaking {
1910        scale: 1.1;
1911        animation: tilt-shaking 0.25s infinite;
1912    }
1913
1914
1915    /* Hide on website (not in back office) */
1916    .hide-on-website { display: none; }
1917    
1918
1919        .aw-carousel {
1920        box-sizing: border-box;
1921        height: 100%;
1922        overflow: hidden;
1923        align-items: center;
1924        justify-content: center;
1925        text-align: center;
1926        width: 100%;
1927
1928        & > div {
1929            display: flex;
1930
1931            overflow-x: auto;
1932            scroll-snap-type: x mandatory;
1933
1934            scroll-behavior: smooth;
1935            -webkit-overflow-scrolling: touch;
1936        }
1937
1938        & > .aw-slides {
1939            margin-bottom: 5px;
1940            height: 300px;
1941            -ms-overflow-style: none;              scrollbar-width: none;         }
1942
1943                & > .aw-slides::-webkit-scrollbar {
1944            display: none;
1945        }
1946
1947        & > .aw-slides > div {
1948            scroll-snap-align: start;
1949            flex-shrink: 0;
1950            width: 100%;
1951            margin-right: 50px;
1952            position: relative;
1953            overflow: hidden;
1954
1955            display: flex;
1956            justify-content: center;
1957            align-items: center;
1958            flex-direction: column;
1959        }
1960
1961        & > .aw-slides div.aw-image-only a, & > .aw-slides div.aw-image-only img {
1962            object-fit: contain;
1963            width: 100% !important;
1964            height: 100%;
1965        }
1966        &.aw-carousel-cover-slide-image > .aw-slides div.aw-image-only img {
1967            object-fit: cover;
1968        }
1969
1970        & > .aw-slides div .fr-video {
1971            width: 500px;
1972        }
1973        @media( max-width: 991px ) {
1974            & > .aw-slides div .fr-video {
1975                width: 90vw;
1976            }
1977        }
1978
1979        & > a {
1980            display: inline-flex;
1981            width: 1.6rem;
1982            height: 1.6rem;
1983            background: #333333;
1984            text-decoration: none;
1985            align-items: center;
1986            justify-content: center;
1987            border-radius: 50%;
1988            border: 1px solid #ffffff;
1989            margin: 0 0 0.5rem 0;
1990            position: relative;
1991        }
1992
1993        & > a:hover {
1994            filter: brightness( 0.9 );
1995        }
1996
1997        & > a:active {
1998            top: 1px;
1999        }
2000
2001        & > a:focus {
2002            background: #000;
2003        }
2004
2005        & > a + a {
2006            margin-left: 5px;
2007        }
2008
2009        &.aw-carousel-no-dots > a {
2010            display: none;
2011        }
2012    }
2013    
2014        .aw-countdown {
2015        display: flex;
2016        justify-content: center;
2017        margin: 1em 0;
2018        @media( max-width: 767px ) {
2019            & {
2020                font-size: 3vw !important;
2021            }
2022        }
2023
2024        & > div {
2025            display: flex;
2026            padding: 0.6em 1.8em 1.6em 1.6em;
2027                        cursor: default;
2028                    }
2029
2030        & > div > div {
2031            display: flex;
2032            flex-direction: column;
2033            align-items: center;
2034            margin: 0 0.8em;
2035        }
2036
2037        & > div > div > span:first-child {
2038            font-size: 4em;
2039            margin-top: 0.15em;
2040            text-align: center;
2041        }
2042
2043        & > div > div > span:last-child {
2044            font-size: 1.2em;
2045        }
2046    }
2047    
2048    </style>
2049<style>
2050@keyframes awTickerScroll {
2051    0%   { transform: translate3d(0, 0, 0); }
2052    100% { transform: translate3d(-50%, 0, 0); }
2053}
2054.aw-ticker-wrap {
2055    overflow: hidden;
2056    background-color: var(--tw-bg, transparent);
2057}
2058.aw-ticker {
2059    display: flex;
2060    align-items: center;
2061    white-space: nowrap;
2062    will-change: transform;
2063    animation: awTickerScroll 22s linear infinite;
2064    width: max-content;
2065    flex-shrink: 0;
2066    padding: var(--tw-py, 20px) 0;
2067}
2068.aw-ticker-wrap:not(.no-pause-hover) .aw-ticker:hover {
2069    animation-play-state: paused;
2070}
2071.aw-ticker-item {
2072    display: inline-flex;
2073    align-items: center;
2074    flex: 0 0 auto;
2075    background: var(--tb-bg, #ffffff);
2076    color: var(--tb-color, #3f4242);
2077    padding: var(--tb-py, 12px) var(--tb-px, 18px);
2078    border-radius: var(--tb-r, 30px);
2079    font-size: var(--tb-fs, 17px);
2080    font-family: var(--tb-font, inherit);
2081    font-weight: var(--tb-fw, normal);
2082    font-style: var(--tb-fstyle, normal);
2083    line-height: 1.2;
2084    box-shadow: var(--tb-shadow, none);
2085    border: var(--tb-border, none);
2086    margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0;
2087}
2088.aw-ticker-item a {
2089    color: inherit;
2090    text-decoration: none;
2091}
2092.aw-ticker-item a:hover {
2093    text-decoration: underline;
2094}
2095.aw-ticker-sep {
2096    display: inline-flex;
2097    align-items: center;
2098    justify-content: center;
2099    flex: 0 0 auto;
2100    height: var(--ts-size, 10px);
2101    margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0;
2102}
2103.aw-ticker-sep::before {
2104    content: "";
2105    display: block;
2106    border-radius: 999px;
2107    flex: 0 0 auto;
2108    width: var(--ts-size, 10px);
2109    height: var(--ts-size, 10px);
2110    background: var(--ts-color, #47d4e0);
2111}
2112@media (prefers-reduced-motion: reduce) {
2113    .aw-ticker { animation: none; }
2114}
2115@media (max-width: 480px) {
2116    .aw-ticker-item { font-size: 85%; }
2117}
2118</style>
2119
2120<script>
2121        $(function() {
2122
2123                (function() {
2124            var tickers = document.querySelectorAll('.aw-ticker-wrap');
2125            if (!tickers.length) return;
2126
2127            if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
2128
2129            tickers.forEach(function(wrap) {
2130                var raw = wrap.getAttribute('data-ticker');
2131                if (!raw) { return; }
2132                try {
2133                    var cfg = JSON.parse(raw);
2134                    var duration = cfg.speed || 22;
2135                    var dir = (cfg.direction === 'right') ? 1 : -1;
2136                    var track = wrap.querySelector('.aw-ticker');
2137                    if (track) {
2138                        track.style.animation = 'none';
2139                        track.style.webkitAnimation = 'none';
2140
2141                        function startAnimation() {
2142                            var halfWidth = track.scrollWidth / 2;
2143                            var pos = 0;
2144                            var last = null;
2145                            var isPaused = false;
2146                            var speedPxPerSec = halfWidth / duration;
2147
2148                            if (window.ResizeObserver) {
2149                                var observer = new ResizeObserver(function() {
2150                                    halfWidth = track.scrollWidth / 2;
2151                                    speedPxPerSec = halfWidth / duration;
2152                                });
2153                                observer.observe(track);
2154                            }
2155
2156                            if (cfg.pause_on_hover !== false) {
2157                                wrap.addEventListener('mouseenter', function() { isPaused = true; });
2158                                wrap.addEventListener('mouseleave', function() { isPaused = false; });
2159                            }
2160
2161                            function step(ts) {
2162                                if (last === null) last = ts;
2163                                var delta = (ts - last) / 1000;
2164                                last = ts;
2165
2166                                if (halfWidth > 0 && !isPaused) {
2167                                    pos += dir * speedPxPerSec * delta;
2168                                    if (dir === -1 && pos <= -halfWidth) {
2169                                        pos += halfWidth;
2170                                    } else if (dir === 1 && pos >= 0) {
2171                                        pos -= halfWidth;
2172                                    }
2173                                    track.style.transform = 'translate3d(' + pos + 'px, 0, 0)';
2174                                    track.style.webkitTransform = 'translate3d(' + pos + 'px, 0, 0)';
2175                                }
2176                                requestAnimationFrame(step);
2177                            }
2178                            requestAnimationFrame(step);
2179                        }
2180
2181                        function init() {
2182                            var containerW = wrap.offsetWidth;
2183                            if (containerW === 0) {
2184                                setTimeout(init, 100);
2185                                return;
2186                            }
2187
2188                            var safetyLimit = 20;
2189                            while (track.scrollWidth / 2 < containerW && safetyLimit-- > 0) {
2190                                var existing = track.innerHTML;
2191                                track.innerHTML = existing + existing;
2192                            }
2193
2194                            startAnimation();
2195                        }
2196                        init();
2197                    }
2198                    if (cfg.pause_on_hover === false) wrap.classList.add('no-pause-hover');
2199                } catch(e) {}
2200            });
2201        })();
2202        let AwCarouselIntervals = {}, AwCarouselAutoAdvanceTime = 5000;
2203
2204        // Pause carousel auto-advance when user clicks into a video iframe (Bunny.net, YouTube, Vimeo)
2205        // When the user clicks an iframe, the main window loses focus. We detect that and check
2206        // if the now-focused element is an iframe inside an aw-carousel.
2207        let awCarouselFocusInterval = null;
2208        $(window).on('blur', function() {
2209            setTimeout(function() {
2210                let el = document.activeElement;
2211                if (el && el.tagName === 'IFRAME') {
2212                    let carousel = $(el).closest('.aw-carousel');
2213                    if (carousel.length) {
2214                        carousel.addClass('aw-video-playing');
2215                    }
2216                }
2217            }, 0);
2218        });
2219        $(window).on('focus', function() {
2220            $('.aw-carousel.aw-video-playing').removeClass('aw-video-playing');
2221        });
2222        function createRandomString( strLength = 20 )
2223        {
2224            let result = [];
2225            let charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
2226
2227            while (strLength--)
2228                result.push(charSet.charAt(Math.floor(Math.random() * charSet.length)));
2229
2230            return result.join('');
2231        }
2232        function AwCarouselGoToNextSlide( carousel )
2233        {
2234            if (carousel.find('video').toArray().some(v => !v.paused) || carousel.hasClass('aw-video-playing')) return;
2235            let slides_container = carousel.find('.aw-slides');
2236            let slides = slides_container.children();
2237            let carousel_bounding_rect = carousel[0].getBoundingClientRect();
2238
2239                        for( let i = 0; i < slides.length; i++ ) {
2240                let slide_bounding_rect = slides[i].getBoundingClientRect();
2241                if( Math.floor(slide_bounding_rect.x) === Math.floor(carousel_bounding_rect.x) ) {
2242                                        let slide_width = slide_bounding_rect.width;
2243                    let next_slide_index = i + 1;
2244                    if( next_slide_index >= slides.length )
2245                        next_slide_index = 0;
2246                    if( next_slide_index === 0 )
2247                        slides_container[0].scrollLeft = 0;
2248                    else
2249                        slides_container[0].scrollLeft += Math.ceil(slide_width);
2250                    break;
2251                }
2252            }
2253        }
2254        
2255        function GetCarouselSlideAdvanceTime( carousel )
2256        {
2257            let slide_advance_time = carousel.attr('data-auto-advance-seconds');
2258            if( slide_advance_time == '' || typeof slide_advance_time === 'undefined' )
2259                slide_advance_time = AwCarouselAutoAdvanceTime;
2260            else
2261                slide_advance_time = parseInt( slide_advance_time, 10 ) * 1000;
2262            return slide_advance_time;
2263        }
2264
2265        $('.aw-carousel').each( function() {
2266            let carousel = $(this);
2267            let slides = carousel.find('.aw-slides');
2268            let slide_advance_time = GetCarouselSlideAdvanceTime( carousel );
2269
2270                        let carousel_id = createRandomString();
2271            while( $('#' + carousel_id + '-slide-1' ).length > 0 )
2272                carousel_id = createRandomString();
2273
2274                        let carousel_dot_color = '';
2275            let first_dot = carousel[0].querySelector('& > a');
2276            if( first_dot !== null )
2277                carousel_dot_color = first_dot.style.backgroundColor;
2278            carousel.find('> a').remove();
2279
2280                        slides.attr('data-carousel-id', carousel_id );
2281
2282                        slides.children().each( function( index ) {
2283                let slide_id = carousel_id + '-slide-' + (index + 1);
2284                $(this).attr('id', slide_id );
2285                let new_link = document.createElement('a');
2286                new_link.setAttribute('href', '#' + slide_id );
2287                new_link.setAttribute('data-slide-index', index + 1 );
2288                if( carousel_dot_color !== '' )
2289                    new_link.setAttribute('style','background-color: ' + carousel_dot_color + ';');
2290                new_link.innerHTML = '&nbsp;';
2291                                carousel.append( new_link );
2292            });
2293
2294
2295            if( carousel.hasClass('aw-automatic-carousel') )
2296               AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( carousel ), slide_advance_time );
2297        });
2298        
2299        $('.aw-carousel > a').click( function( evt ) {
2300                        let slides_container = $(this).parent().find('.aw-slides');
2301            let slide_width = slides_container.children()[0].getBoundingClientRect().width;
2302            let slide_index = parseInt( $(this).attr('data-slide-index'), 10 );
2303            slides_container[0].scrollLeft = (slide_width * (slide_index - 1));
2304
2305            // get the entire carousel
2306            let carousel = $(this).parent();
2307            let slide_advance_time = GetCarouselSlideAdvanceTime( carousel );
2308
2309
2310                    let carousel_id = slides_container.attr('data-carousel-id');
2311            if( AwCarouselIntervals[ carousel_id ] ) {
2312                clearInterval( AwCarouselIntervals[ carousel_id ] );
2313                AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( $(this).parent().parent() ), slide_advance_time );
2314            }
2315            evt.preventDefault();
2316            evt.stopPropagation();
2317            return false;
2318        });
2319    });
2320</script>
2320
2321
2322<script>
2323    let countdownTimers = [];
2324    function StartCountdownTimers( countdown_selector = '.aw-countdown', options = {} )
2325    {
2326        function countdown( element, expiration_url ) {
2327            let end_date_time = element.getAttribute('data-end-datetime');
2328            let timer_length = element.getAttribute('data-end-minutes');
2329
2330            if( typeof end_date_time !== 'string' && typeof timer_length !== 'string' )
2331                return false;
2332
2333                        if( typeof allowUndo === 'boolean' )
2334                allowUndo = false;
2335
2336            let targetDate;
2337
2338            if( typeof end_date_time === 'string' )
2339                targetDate = new Date( end_date_time );
2340            else {
2341                let end_minutes = parseInt(timer_length, 10);
2342                if( isNaN( end_minutes ) )
2343                    return false;
2344                let current_date = new Date();
2345                targetDate = new Date();
2346                targetDate.setTime( current_date.getTime() + (end_minutes * 60 * 1000) );
2347                if( options && options['remove-end-minutes'] === true )
2348                    element.removeAttribute('data-end-minutes');
2349                element.setAttribute('data-end-datetime', targetDate.toISOString());
2350            }
2351            const now = new Date();
2352
2353            const difference = targetDate - now;
2354
2355            let days = Math.max(Math.floor(difference / (1000 * 60 * 60 * 24)), 0);
2356            let hours = Math.max(Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), 0);
2357            let minutes = Math.max(Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)), 0);
2358            let seconds = Math.max(Math.floor((difference % (1000 * 60)) / 1000), 0);
2359
2360            let days_text = days.toString().padStart(2, '0');
2361            let hours_text = hours.toString().padStart(2, '0');
2362            let minutes_text = minutes.toString().padStart(2, '0');
2363            let seconds_text = seconds.toString().padStart(2, '0');
2364
2365            element.querySelector('& > div > div:first-child > span:first-child').textContent = days_text;
2366            element.querySelector('& > div > div:nth-child(2) > span:first-child').textContent = hours_text;
2367            element.querySelector('& > div > div:nth-child(3) > span:first-child').textContent = minutes_text;
2368            element.querySelector('& > div > div:nth-child(4) > span:first-child').textContent = seconds_text;
2369
2370                        if( typeof allowUndo === 'boolean' )
2371                allowUndo = false;
2372
2373                        if( expiration_url !== null && expiration_url !== '' && days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 )
2374                location.href = expiration_url;
2375                    }
2376        function createCountdownHtml( element, color, background_color )
2377        {
2378            if( element.innerHTML !== '' && element.querySelectorAll('div > div > span').length === 8 ) {
2379                if( color !== null )
2380                    element.style.color = color;
2381                if( background_color !== null )
2382                    element.style.backgroundColor = background_color;
2383                element.querySelectorAll('div > div > span:first-child').forEach( element => {
2384                    element.innerHTML = '00';
2385                });
2386            }
2387            else {
2388                element.innerHTML = '<div style="' +
2389                    (color !== null ? 'color:' + escapeHtml(color) + ';' : '') +
2390                    (background_color !== null ? 'background-color:' + escapeHtml(background_color) + ';' : '') + '">' +
2391                    '<div><span>00</span><span>Days</span></div>' +
2392                    '<div><span>00</span><span>Hours</span></div>' +
2393                    '<div><span>00</span><span>Minutes</span></div>' +
2394                    '<div><span>00</span><span>Seconds</span></div>' +
2395                    '</div>';
2396            }
2397        }
2398
2399        let default_countdown_selector = '.aw-countdown';
2400        let has_custom_selector = (typeof countdown_selector === 'string' && countdown_selector !== default_countdown_selector );
2401        if( !has_custom_selector )
2402            countdown_selector = default_countdown_selector;
2403
2404        for( let i = countdownTimers.length - 1; i >= 0; i-- ) {
2405            if (!has_custom_selector || (countdown_selector.charAt(0) === '#' && countdownTimers[i].id === countdown_selector.substring(1))) {
2406                clearInterval(countdownTimers[i].interval);
2407                countdownTimers.splice(i, 1);
2408            }
2409        }
2410
2411        let countdown_elements = document.querySelectorAll( countdown_selector );
2412
2413        for( let i = 0; i < countdown_elements.length; i++ ) {
2414            let element = countdown_elements[i];
2415            let end_date_time = element.getAttribute('data-end-datetime');
2416            let timer_length = element.getAttribute('data-end-minutes');
2417            let expiration_url = element.getAttribute('data-expiration-url');
2418            let color = element.getAttribute('data-color');
2419            let background_color = element.getAttribute('data-background-color');
2420            if( typeof end_date_time === 'string' || typeof timer_length === 'string' ) {
2421                createCountdownHtml( element, color, background_color );
2422
2423                if( options && options.remember === true && typeof element.getAttribute('data-end-minutes') === 'string' && element.getAttribute('data-end-minutes') !== '' ) {
2424                    let existing_expires = Cookies.get('aw-countdown-' + i);
2425                    if( typeof existing_expires === 'undefined' ) {
2426                        let expiration_minutes = element.getAttribute('data-end-minutes');
2427                        if (expiration_minutes) {
2428                            expiration_minutes = parseInt(expiration_minutes, 10);
2429
2430                            if( typeof end_date_time !== 'string' ) {
2431                                let current_date = new Date();
2432                                let targetDate = new Date();
2433                                targetDate.setTime( current_date.getTime() + (expiration_minutes * 60 * 1000) );
2434                                end_date_time = targetDate.toISOString();
2435                            }
2436                                                        let cookie_expires_date = new Date(new Date().getTime() + ((expiration_minutes + 1440) * 60 * 1000));
2437                            Cookies.set('aw-countdown-' + i, end_date_time, {
2438                                path: window.location.pathname,
2439                                expires: cookie_expires_date
2440                            });
2441                        }
2442                    }
2443                    else {
2444                                                element.setAttribute('data-end-datetime', existing_expires);
2445                    }
2446                }
2447
2448                countdown( element, expiration_url );
2449                countdownTimers.push( { id: element.id, interval: setInterval(() => countdown( element, expiration_url ), 1000) } );
2450            }
2451        }
2452    }
2453
2454    document.addEventListener('DOMContentLoaded', function() {
2455        StartCountdownTimers( '.aw-countdown', {
2456            remember: true });
2457    } );
2458
2459</script>
2459
2460
2461<script>
2462    $(function() {
2463                function MenuCheck()
2464        {
2465            try {
2466                let jquery_element = $('#primary-menu > ul');
2467                let js_element = jquery_element[0];
2468                if( js_element.getBoundingClientRect().y > 0 && !jquery_element.hasClass('dropped') )
2469                    jquery_element.addClass('dropped');
2470                else if( js_element.getBoundingClientRect().y === 0 && jquery_element.hasClass('dropped') )
2471                    jquery_element.removeClass('dropped');
2472            }
2473            catch( err ) {}
2474        }
2475        $(window).resize( MenuCheck );
2476        MenuCheck();
2477
2478                $('[href^="#copytoclipboard="]').click( function() {
2479            let text = $(this).attr('href').substring(17);
2480            CopyToClipboard( decodeURIComponent( text ) );
2481            return false;
2482        });
2483    });
2484
2485    function highlightRequiredField( field_id, callback )
2486    {
2487        $('#' + field_id).addClass('tilt-shaking');
2488        setTimeout( () => {
2489            $('#' + field_id).removeClass('tilt-shaking');
2490            if( typeof callback === 'function' )
2491                callback();
2492        }, 750 );
2493    }
2494
2495        function CopyToClipboard( text, success_message = 'Copied to clipboard', failure_message = 'Failed to copy to clipboard' )
2496    {
2497        window.navigator.clipboard.writeText( text ).then( function() {
2498            toastr.info( success_message );
2499        }, function() {
2500            toastr.error( failure_message );
2501        });
2502        return false;
2503    }
2504</script>
2504
2505    <!-- Override Styles -->
2506    <style media="all">
2507        #primary-menu-trigger {
2508            font-size: 27px;
2509            margin-left: 10px;
2510        }
2511        .thin-font {
2512            font-weight: 300;
2513        }
2514        .section {
2515            background-color: #f7f7f7;
2516        }
2517        .bottle-lineup {
2518            height: 160px;
2519        }
2520        .bottle-popular {
2521            background-size: contain;
2522            background-repeat: no-repeat;
2523            background-position: center;
2524            height: 100px !important;
2525        }
2526        .menu-flag {
2527            width:16px;
2528            position: relative;
2529            top:-2px;
2530            margin-right:5px;
2531        }
2532        #logo > a {
2533            text-transform: none !important;
2534        }
2535        #logo {
2536            border-right: 0 !important;
2537                }
2538        #logo a.standard-logo { display: inline; }
2539
2540        #logo a.retina-logo { display: none; }
2541
2542        #header.transparent-header.full-header #header-wrap {
2543            border-bottom: none;  /* Remove top line in the theme to clean up display */
2544        }
2545
2546                #primary-menu-trigger {
2547            text-align: left;
2548        }
2549
2550        .get-started-button-top {
2551            float:right;
2552        }
2553        .get-started-button-bottom {
2554            display:none;
2555        }
2556
2557        .inherit-link-weight {
2558            font-weight: inherit !important;
2559        }
2560
2561        .site-name-text {
2562            -webkit-transition: all .4s ease, opacity .3s ease;
2563            -o-transition: all .4s ease, opacity .3s ease;
2564            transition: all .4s ease, opacity .3s ease;
2565            display:inline-block;
2566        }
2567        @media( max-width: 991px ) {
2568            .site-name-text {
2569                margin-left: 27px;
2570                max-height: 7rem;
2571                overflow: hidden;
2572            }
2573            #primary-menu ul li a {
2574                font-size: 16px;
2575            }
2576        }
2577
2578        #header.sticky-header .site-name-text {
2579            font-size: 20px;
2580            position: relative;
2581            top: -20px;
2582        }
2583        /*#header.sticky-header #logo {*/
2584            /*margin-top: 10px;*/
2585        /*}*/
2586
2587        #footer.dark .social-icon.si-borderless {
2588            color: #999999 !important;
2589        }
2590
2591        .blog-image {
2592            width: auto !important;
2593            margin-left:auto;
2594            max-height: 200px;
2595            margin-top: -30px;
2596        }
2597
2598        .margin-bottom-20 {
2599            margin-bottom: 20px;
2600        }
2601
2602        
2603        .about-me-text p {
2604            margin-bottom:20px;
2605        }
2606
2607        .about-me-text td, th {
2608            padding: 10px;
2609        }
2610
2611        .fr-view td, th {
2612            padding: 10px;
2613        }
2614
2615        .logo-image {
2616            display: inline !important;
2617            max-width: 400px !important;
2618            max-height: 100px;
2619        }
2620
2621        ul, ol {
2622                        padding-left: revert;
2623        }
2624
2625        .topmargin-xs {
2626            margin-top: 15px;
2627        }
2628
2629        .modal-inner {
2630            color: #333;
2631            font-weight:300;
2632            margin-bottom:10px;
2633            margin-top:20px;
2634            font-size:18px;
2635        }
2636
2637        .font-weight-normal {
2638            font-weight: normal;
2639        }
2640        .smaller-font {
2641            font-size: 15px;
2642        }
2643
2644        #header.transparent-header.full-header #header-wrap {
2645            border-bottom: none;  /* Remove top line in the theme to clean up display */
2646        }
2647        #header.transparent-header.full-header.dark > #header-wrap:not(.not-dark) {
2648            background: rgba(50,50,50,0.3);
2649        }
2650        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap {
2651            background: rgba(50,50,50,0.9);
2652        }
2653        .dark #logo a {
2654            color: #f0f0f0;
2655        }
2656
2657
2658        .toppadding-sm { padding-top: 20px; }
2659        .bottompadding-sm { padding-bottom: 20px; }
2660
2661
2662
2663        .fr-code { font-weight: normal; } 
2664
2665    @media (max-width: 991px) {
2666        
2667        .fr-video > iframe {
2668            height: auto !important;
2669            min-height: 250px;
2670            margin: 10px 0;
2671        }
2672    }
2673.fr-box.fr-basic .fr-element.fr-view, #page-editor, .landing-page-editable { font-family: Noto Serif JP,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,
2674              .fr-box.fr-basic .fr-element.fr-view h2, #page-editor h2, .landing-page-editable h2,
2675              .fr-box.fr-basic .fr-element.fr-view h3, #page-editor h3, .landing-page-editable h3,
2676              .fr-box.fr-basic .fr-element.fr-view h4, #page-editor h4, .landing-page-editable h4,
2677              .fr-box.fr-basic .fr-element.fr-view h5, #page-editor h5, .landing-page-editable h6,
2678              .fr-box.fr-basic .fr-element.fr-view h6, #page-editor h6, .landing-page-editable h6 { font-family: Noto Serif JP,serif;font-weight:normal;font-style:normal;text-transform:none;}
2679                .widget_links li {
2680            display:inline-block;
2681            width:24%;
2682        }
2683        @media (max-width: 991px) {
2684            .widget_links li {
2685                width:32%;
2686            }
2687        }
2688        @media (max-width: 767px) {
2689            .widget_links li {
2690                width:50%;
2691            }
2692        }
2693        @media (max-width: 480px) {
2694            .widget_links li {
2695                width:100%;
2696            }
2697        }
2698        
2699
2700
2701        @media (min-width: 480px) {
2702            .leftpad25-not-mobile {
2703                padding-left:25px;
2704            }
2705        }
2706        @media (max-width: 480px ) {
2707            .site-name-text {
2708                font-size: 24px !important;
2709            }
2710            .logo-image {
2711                display: inline !important;
2712                max-width: 330px !important;
2713                max-height: 100px;
2714            }
2715        }
2716        @media (max-width: 767px) {
2717            .blog-image {
2718                display:block;
2719                width:100%;
2720                max-height: none;
2721                max-width: 100%;
2722            }
2723        }
2724        @media (max-width: 991px) {
2725            /*#logo a.standard-logo { display: inline-block; }*/
2726            .get-started-button-top {
2727                display:none;
2728            }
2729            .get-started-button-bottom {
2730                display: inline-block;
2731            }
2732            #logo .site-name-text {
2733                position: relative;
2734                top: 29px;
2735            }
2736            .blog-image {
2737                margin-right:auto;
2738            }
2739            #contact-message {
2740                min-height:auto;
2741            }
2742            .modal-image-link {
2743                display:block;
2744                margin:0 20px 20px 0;
2745                float:none;
2746            }
2747            .menu-item-overflow {
2748                overflow:hidden;
2749                white-space:nowrap;
2750                text-overflow:ellipsis;
2751            }
2752        }
2753
2754        @media
2755        only screen and (-webkit-min-device-pixel-ratio: 2),
2756        only screen and (   min--moz-device-pixel-ratio: 2),
2757        only screen and (     -o-min-device-pixel-ratio: 2/1),
2758        only screen and (        min-device-pixel-ratio: 2),
2759        only screen and (                min-resolution: 192dpi),
2760        only screen and (                min-resolution: 2dppx) {
2761
2762            #logo a.standard-logo {
2763                display: none;
2764            }
2765
2766            #logo a.retina-logo {
2767                display: inline;
2768            }
2769        }
2770
2771        @media
2772        only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
2773        only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
2774        only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
2775        only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
2776        only screen and (                min-resolution: 192dpi) and (max-width: 991px),
2777        only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
2778            /*#logo a.standard-logo { display: none; }
2779            #logo a.retina-logo { display: inline-block; }*/
2780            .get-started-button-top {
2781                display:none;
2782            }
2783            .get-started-button-bottom {
2784                display: inline-block;
2785            }
2786
2787            #logo .site-name-text {
2788                position: relative;
2789                top: 29px;
2790            }
2791            .blog-image {
2792                margin-right:auto;
2793            }
2794        }
2795
2796        @media( min-width: 992px ) {
2797            section {
2798                clear:both;
2799            }
2800        }
2801
2802                /* Icon Fonts */
2803        @font-face {
2804            font-family: 'font-icons';
2805            src:url('/themes/modern-fonts/font-icons.eot');
2806            src:url('/themes/modern-fonts/font-icons.eot') format('embedded-opentype'),
2807            url('https://webcache.attractwell.com/third-party/font-icons/font-icons.woff') format('woff'),
2808            url('https://webcache.attractwell.com/third-party/font-icons/font-icons.ttf') format('truetype'),
2809            url('/themes/modern-fonts/font-icons.svg') format('svg');
2810            font-weight: normal;
2811            font-style: normal;
2812        }
2813
2814        @font-face {
2815            font-family: 'lined-icons';
2816            src:url('/themes/modern-fonts/lined-icons.eot');
2817            src:url('/themes/modern-fonts/lined-icons.eot') format('embedded-opentype'),
2818            url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.woff') format('woff'),
2819            url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.ttf') format('truetype'),
2820            url('/themes/modern-fonts/lined-icons.svg') format('svg');
2821            font-weight: normal;
2822            font-style: normal;
2823        }
2824
2825        @font-face {
2826            font-family: 'Simple-Line-Icons';
2827            src:url('/themes/modern-fonts/Simple-Line-Icons.eot');
2828            src:url('/themes/modern-fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
2829            url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.woff') format('woff'),
2830            url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.ttf') format('truetype'),
2831            url('/themes/modern-fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
2832            font-weight: normal;
2833            font-style: normal;
2834        }
2835.clearfix::after {
2836    clear: both;
2837    display: block;
2838    content: "";
2839    height: 0;
2840}
2841.hide-by-clipping {
2842    position: absolute;
2843    width: 1px;
2844    height: 1px;
2845    padding: 0;
2846    margin: -1px;
2847    overflow: hidden;
2848    clip: rect(0, 0, 0, 0);
2849    border: 0;
2850}
2851img.fr-rounded,
2852.fr-img-caption.fr-rounded img {
2853    border-radius: 10px;
2854    -moz-border-radius: 10px;
2855    -webkit-border-radius: 10px;
2856    -moz-background-clip: padding;
2857    -webkit-background-clip: padding-box;
2858    background-clip: padding-box;
2859}
2860img.fr-bordered,
2861.fr-img-caption.fr-bordered img {
2862    border: solid 5px #CCC;
2863}
2864img.fr-bordered {
2865    -webkit-box-sizing: content-box;
2866    -moz-box-sizing: content-box;
2867    box-sizing: content-box;
2868}
2869.fr-img-caption.fr-bordered img {
2870    -webkit-box-sizing: border-box;
2871    -moz-box-sizing: border-box;
2872    box-sizing: border-box;
2873}
2874img.fr-shadow,
2875.fr-img-caption.fr-shadow img {
2876    -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
2877    -moz-box-shadow: 10px 10px 5px 0px #cccccc;
2878    box-shadow: 10px 10px 5px 0px #cccccc;
2879}
2880.fr-view span[style~="color:"] a {
2881    color: inherit;
2882}
2883.fr-view strong {
2884    font-weight: 700;
2885}
2886.fr-view table {
2887    border: none;
2888    border-collapse: collapse;
2889    empty-cells: show;
2890    max-width: 100%;
2891    table-layout: fixed;
2892}
2893.fr-view table td {
2894    min-width: 5px;
2895}
2896.fr-view table.fr-dashed-borders td,
2897.fr-view table.fr-dashed-borders th {
2898    border-style: dashed;
2899}
2900.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
2901    background: #f5f5f5;
2902}
2903.fr-view table td,
2904.fr-view table th,
2905.member-area .fr-view table td,
2906.member-area .fr-view table th {
2907    border: 0;
2908}
2909.back-office-menu-layout-grid-content .fr-view table td,
2910.back-office-menu-layout-grid-content .fr-view table th {
2911    border: 1px solid #dddddd;
2912}
2913.fr-view table td:empty,
2914.fr-view table th:empty {
2915    height: 20px;
2916}
2917.fr-view table td.fr-highlighted,
2918.fr-view table th.fr-highlighted {
2919    border: 1px double red;
2920}
2921.fr-view table td.fr-thick,
2922.fr-view table th.fr-thick {
2923    border-width: 2px;
2924}
2925.fr-view table th {
2926    background: #e6e6e6;
2927}
2928.fr-view hr {
2929    clear: both;
2930    user-select: none;
2931    -o-user-select: none;
2932    -moz-user-select: none;
2933    -khtml-user-select: none;
2934    -webkit-user-select: none;
2935    -ms-user-select: none;
2936    page-break-after: always;
2937    border-top: 2px solid #bbb;
2938}
2939.fr-view .fr-file {
2940    position: relative;
2941}
2942/* paperclip icon after inserting file
2943.fr-view .fr-file::after {
2944    position: relative;
2945    content: "\1F4CE";
2946    font-weight: normal;
2947}
2948*/
2949.fr-view pre {
2950    white-space: pre-wrap;
2951    word-wrap: break-word;
2952    overflow: visible;
2953}
2954.fr-view[dir="rtl"] blockquote {
2955    border-left: none;
2956    border-right: solid 2px #5e35b1;
2957    margin-right: 0;
2958    padding-right: 5px;
2959    padding-left: 0px;
2960}
2961.fr-view[dir="rtl"] blockquote blockquote {
2962    border-color: #00bcd4;
2963}
2964.fr-view[dir="rtl"] blockquote blockquote blockquote {
2965    border-color: #43a047;
2966}
2967.fr-view blockquote {
2968    border-left: solid 2px currentColor;
2969    margin-left: 0;
2970    padding-left: 15px;
2971    color: inherit;
2972}
2973.fr-view blockquote blockquote {
2974    border-color: inherit;
2975    color: inherit;
2976}
2977.fr-view blockquote blockquote blockquote {
2978    border-color: inherit;
2979    color: inherit;
2980}
2981.fr-view span.fr-emoticon {
2982    font-weight: normal;
2983    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
2984    display: inline;
2985    line-height: 0;
2986}
2987.fr-view span.fr-emoticon.fr-emoticon-img {
2988    background-repeat: no-repeat !important;
2989    font-size: inherit;
2990    height: 1em;
2991    width: 1em;
2992    min-height: 20px;
2993    min-width: 20px;
2994    display: inline-block;
2995    margin: -0.1em 0.1em 0.1em;
2996    line-height: 1;
2997    vertical-align: middle;
2998}
2999.fr-view .fr-text-gray {
3000    color: #AAA !important;
3001}
3002.fr-view .fr-text-bordered {
3003    border-top: solid 1px #222;
3004    border-bottom: solid 1px #222;
3005    padding: 10px 0;
3006}
3007.fr-view .fr-text-spaced {
3008    letter-spacing: 1px;
3009}
3010.fr-view .fr-text-uppercase {
3011    text-transform: uppercase;
3012}
3013.fr-view img {
3014    position: relative;
3015    max-width: 100%;
3016}
3017.fr-view img.fr-dib {
3018    margin: 5px auto;
3019    display: block;
3020    float: none;
3021    vertical-align: top;
3022}
3023.fr-view img.fr-dib.fr-fil {
3024    margin-left: 0;
3025    text-align: left;
3026}
3027.fr-view img.fr-dib.fr-fir {
3028    margin-right: 0;
3029    text-align: right;
3030}
3031.fr-view img.fr-dii {
3032    display: inline-block;
3033    float: none;
3034    vertical-align: bottom;
3035    margin-left: 5px;
3036    margin-right: 5px;
3037    max-width: calc(100% - (2 * 5px));
3038}
3039.fr-view img.fr-dii.fr-fil {
3040    float: left;
3041    margin: 5px 20px 20px 0;
3042    max-width: calc(100% - 5px);
3043}
3044.fr-view img.fr-dii.fr-fir {
3045    float: right;
3046    margin: 5px 0 20px 20px;
3047    max-width: calc(100% - 5px);
3048}
3049.fr-view span.fr-img-caption {
3050    position: relative;
3051    max-width: 100%;
3052}
3053.fr-view span.fr-img-caption.fr-dib {
3054    margin: 5px auto;
3055    display: block;
3056    float: none;
3057    vertical-align: top;
3058}
3059.fr-view span.fr-img-caption.fr-dib.fr-fil {
3060    margin-left: 0;
3061    text-align: left;
3062}
3063.fr-view span.fr-img-caption.fr-dib.fr-fir {
3064    margin-right: 0;
3065    text-align: right;
3066}
3067.fr-view span.fr-img-caption.fr-dii {
3068    display: inline-block;
3069    float: none;
3070    vertical-align: bottom;
3071    margin-left: 5px;
3072    margin-right: 5px;
3073    max-width: calc(100% - (2 * 5px));
3074}
3075.fr-view span.fr-img-caption.fr-dii.fr-fil {
3076    float: left;
3077    margin: 5px 5px 5px 0;
3078    max-width: calc(100% - 5px);
3079}
3080.fr-view span.fr-img-caption.fr-dii.fr-fir {
3081    float: right;
3082    margin: 5px 0 5px 5px;
3083    max-width: calc(100% - 5px);
3084}
3085.fr-view .fr-video {
3086    text-align: center;
3087    position: relative;
3088}
3089.fr-view .fr-video > * {
3090    -webkit-box-sizing: content-box;
3091    -moz-box-sizing: content-box;
3092    box-sizing: content-box;
3093    max-width: 100%;
3094    border: none;
3095}
3096.fr-view .fr-video.fr-dvb {
3097    display: block;
3098    clear: both;
3099}
3100.fr-view .fr-video.fr-dvb.fr-fvl {
3101    text-align: left;
3102}
3103.fr-view .fr-video.fr-dvb.fr-fvr {
3104    text-align: right;
3105}
3106.fr-view .fr-video.fr-dvi {
3107    display: inline-block;
3108}
3109.fr-view .fr-video.fr-dvi.fr-fvl {
3110    float: left;
3111}
3112.fr-view .fr-video.fr-dvi.fr-fvr {
3113    float: right;
3114}
3115.fr-view a.fr-strong {
3116    font-weight: 700;
3117}
3118.fr-view a.fr-green {
3119    color: green;
3120}
3121.fr-view .fr-img-caption {
3122    text-align: center;
3123}
3124.fr-view .fr-img-caption .fr-img-wrap {
3125    padding: 0px;
3126    display: inline-block;
3127    margin: auto;
3128    text-align: center;
3129    width: 100%;
3130}
3131.fr-view .fr-img-caption .fr-img-wrap img {
3132    display: block;
3133    margin: auto;
3134    width: 100%;
3135}
3136.fr-view .fr-img-caption .fr-img-wrap > span {
3137    margin: auto;
3138    display: block;
3139    padding: 5px 5px 10px;
3140    font-size: 14px;
3141    font-weight: initial;
3142    -webkit-box-sizing: border-box;
3143    -moz-box-sizing: border-box;
3144    box-sizing: border-box;
3145    -webkit-opacity: 0.9;
3146    -moz-opacity: 0.9;
3147    opacity: 0.9;
3148    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
3149    width: 100%;
3150    text-align: center;
3151}
3152.fr-view button.fr-rounded,
3153.fr-view input.fr-rounded,
3154.fr-view textarea.fr-rounded {
3155    border-radius: 1px;
3156    -moz-border-radius: 1px;
3157    -webkit-border-radius: 1px;
3158    -moz-background-clip: padding;
3159    -webkit-background-clip: padding-box;
3160    background-clip: padding-box;
3161}
3162.fr-view button.fr-large,
3163.fr-view input.fr-large,
3164.fr-view textarea.fr-large {
3165    font-size: 24px;
3166}
3167/**
3168 * Image style.
3169 */
3170a.fr-view.fr-strong {
3171    font-weight: 700;
3172}
3173a.fr-view.fr-green {
3174    color: green;
3175}
3176/**
3177 * Link style.
3178 */
3179img.fr-view {
3180    position: relative;
3181    max-width: 100%;
3182}
3183img.fr-view.fr-dib {
3184    margin: 5px auto;
3185    display: block;
3186    float: none;
3187    vertical-align: top;
3188}
3189img.fr-view.fr-dib.fr-fil {
3190    margin-left: 0;
3191    text-align: left;
3192}
3193img.fr-view.fr-dib.fr-fir {
3194    margin-right: 0;
3195    text-align: right;
3196}
3197img.fr-view.fr-dii {
3198    display: inline-block;
3199    float: none;
3200    vertical-align: bottom;
3201    margin-left: 5px;
3202    margin-right: 5px;
3203    max-width: calc(100% - (2 * 5px));
3204}
3205img.fr-view.fr-dii.fr-fil {
3206    float: left;
3207    margin: 5px 5px 5px 0;
3208    max-width: calc(100% - 5px);
3209}
3210img.fr-view.fr-dii.fr-fir {
3211    float: right;
3212    margin: 5px 0 5px 5px;
3213    max-width: calc(100% - 5px);
3214}
3215span.fr-img-caption.fr-view {
3216    position: relative;
3217    max-width: 100%;
3218}
3219span.fr-img-caption.fr-view.fr-dib {
3220    margin: 5px auto;
3221    display: block;
3222    float: none;
3223    vertical-align: top;
3224}
3225span.fr-img-caption.fr-view.fr-dib.fr-fil {
3226    margin-left: 0;
3227    text-align: left;
3228}
3229span.fr-img-caption.fr-view.fr-dib.fr-fir {
3230    margin-right: 0;
3231    text-align: right;
3232}
3233span.fr-img-caption.fr-view.fr-dii {
3234    display: inline-block;
3235    float: none;
3236    vertical-align: bottom;
3237    margin-left: 5px;
3238    margin-right: 5px;
3239    max-width: calc(100% - (2 * 5px));
3240}
3241span.fr-img-caption.fr-view.fr-dii.fr-fil {
3242    float: left;
3243    margin: 5px 5px 5px 0;
3244    max-width: calc(100% - 5px);
3245}
3246span.fr-img-caption.fr-view.fr-dii.fr-fir {
3247    float: right;
3248    margin: 5px 0 5px 5px;
3249    max-width: calc(100% - 5px);
3250}
3251
3252/* Shrink the Froala line breaker floating button to prevent overlap on small images */
3253.fr-line-breaker .fr-floating-btn {
3254    transform: scale(0.7) !important;
3255    transform-origin: center !important;
3256}
3257
3258/* Optional: Add hover effect if you want it to scale up full size on hover */
3259.fr-line-breaker:hover .fr-floating-btn {
3260    transform: scale(1) !important;
3261    transition: transform 0.1s ease;
3262}
3263
3264                [data-animate]:not(.animated) {
3265            opacity: 0;
3266        }
3267    </style>
3268    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/font-icons.css" type="text/css" />
3269
3270    <link rel="canonical" href="https://sidebysideatc.com/page/radar-lab-program" />
3271<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3271-3272
3271
3272<script async src="https://www.googletagmanager.com/gtag/js?id=
3272G-4RK7FWEGDY
vendor: 13 bytes, line 3272
3272"></script>
3273<script>
3274  
vendor: 138 bytes, lines 3274-3278
3274window.dataLayer = window.dataLayer || [];
3275  function gtag(){dataLayer.push(arguments);}
3276  gtag('js', new Date());
3277
3278  gtag('config', '
3278G-4RK7FWEGDY
vendor: 5 bytes, line 3278
3278');
3279</script>
3279<script type="text/javascript">
3280                function getAnalyticsCookie(cname) {
3281                  var name = cname + "=";
3282                  var decodedCookie = decodeURIComponent(document.cookie);
3283                  var ca = decodedCookie.split(';');
3284                  for(var i = 0; i <ca.length; i++) {
3285                    var c = ca[i];
3286                    while (c.charAt(0) == ' ') {
3287                      c = c.substring(1);
3288                    }
3289                    if (c.indexOf(name) == 0) {
3290                      return c.substring(name.length, c.length);
3291                    }
3292                  }
3293                  return "";
3294                }
3295                function RecordInternalAnalytics( stream, data ) {
3296                        data.action = 'record_event';
3297                        data.stream = stream;
3298                        data.contact_id = getAnalyticsCookie('contact_id');
3299                        $.ajax({
3300                            type: 'POST',
3301                            url: '/app/analytics-api',
3302                            data: data,
3303                            dataType: 'json'
3304                        }).done( function( data ) {
3305                        });
3306                    }
3307                !function(name,path,ctx){
3308                    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)}}
3309                }('KeenAsync','https://webcache.attractwell.com/third-party/keen-datavis/keen-tracking-1.1.3.min.js',this);
3310                // was https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js
3311                
3312                var globalAnalyticsClient = {};
3313            
3314                    globalAnalyticsClient.recordEvent = function( stream, data ) {
3315                        RecordInternalAnalytics( stream, data );
3316                    }
3317                    // Record an event
3318                    globalAnalyticsClient.recordEvent("public_page_views", {"url_params":{"page-link-path":"radar-lab-program"},"account_id":4533,"type":"website_view","url":"https:\/\/sidebysideatc.com\/page\/radar-lab-program",title:document.title});
3319                
3320
3321                
3322                
3323                
3324                function RecordExternalClickAnalytics( url, title, is_signup_link = false )
3325                {
3326                    var type_to_use = "website_link_click";
3327                    if( is_signup_link === true )
3328                        type_to_use = "website_signup_link_click";
3329                        
3330                    globalAnalyticsClient.recordEvent("public_page_views", {
3331                        "url": url,
3332                        "title": title,
3333                        "type": type_to_use,
3334                        "account_id": 4533
3335                    });
3336
3337                
3338                    RecordInternalAnalytics("public_page_views", {
3339                        "url": url,
3340                        "title": title,
3341                        "type": type_to_use,
3342                        "account_id": 4533
3343                    });
3344                
3345                }
3346                
3347                function RecordContactWebsiteSignUpLinkClick( contact_id )
3348                {
3349                    // records if a contact clicked the website signup link
3350                    if( contact_id != '' ) { 
3351                        $.ajax({
3352                            type: 'POST',
3353                            url: '/app/contacts',
3354                            data: {
3355                                'contact_website_signup_link_click': 1,
3356                                'contact_id': contact_id
3357                            },
3358                            dataType: 'json'
3359                        }).done( function( data ) {
3360                        });
3361                    }
3362                }
3363            </script>
3363
3364</head>
3365
3366<body class="stretched no-transition">
3367
3368
3369
3370
3371<!-- Document Wrapper
3372============================================= -->
3373<div id="wrapper" class="clearfix">
3374
3375        <!-- Header
3376    ============================================= -->
3377        <header id="header" class="transparent-header full-header" data-sticky-class="not-dark">
3378
3379        <div id="header-wrap">
3380
3381            <div class="container clearfix">
3382
3383                <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
3384
3385                <!-- Logo
3386                ============================================= -->
3387                <div id="logo">
3388                    <a href="/" class="standard-logo" data-dark-logo="https://attractwell-4533-fast.b-cdn.net/images/4533/6880fb3e49533.jpg">
3389                                                    <img src="https://attractwell-4533-fast.b-cdn.net/images/4533/6880fb3e49533.jpg" alt="Tom  Hanes" class="logo-image" fetchpriority="high">
3390                                            </a>
3391                    <a href="/" class="retina-logo"   data-dark-logo="https://attractwell-4533-fast.b-cdn.net/images/4533/6880fb3e49533.jpg">
3392                                                    <img src="https://attractwell-4533-fast.b-cdn.net/images/4533/6880fb3e49533.jpg" alt="Tom  Hanes" class="logo-image" fetchpriority="high">
3393                                            </a>
3394                </div><!-- #logo end -->
3395
3396
3397
3398                <!-- Primary Navigation
3399                ============================================= -->
3400                <nav id="primary-menu" xclass="dark">
3401
3402
3403                    <ul style="touch-action: pan-y;border-right: 0;margin-right: 0;padding-right: 0;">
3404                        <style>
3405    @media (min-width:992px) {
3406        .top-menu-pulldown-menu-container {
3407            overflow: auto;
3408            max-height: calc(100vh - 100px);
3409        }
3410    }
3411</style>
3412
3413<li><a class="sub-menu-header-link" href="#contact" style="background-image:none;">Contact Me</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="#" style="background-image:none;">Coaching Programs</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://sidebysideatc.com/page/mentorship">Full Academy Mentorship Program</a></li><li class="sf-with-ul"><a href="https://sidebysideatc.com/page/nonradar-lab-program">Non-Radar Lab Coaching Program</a></li><li class="sf-with-ul"><a href="https://sidebysideatc.com/page/radar-recovery">Radar Recovery Coaching Program</a></li><li class="sf-with-ul"><a href="https://sidebysideatc.com/page/radar-lab-program">Radar Lab Coaching Program</a></li></ul><li><a class="sub-menu-header-link" href="https://sidebysideatc.com/page/listen-learn-and-prepare-with-side-by-side-atc" style="background-image:none;">The Side by Side ATC Podcast</a></li>
3413<script>
3414    $(function() {
3415        $('a.sub-menu-header-link').click( function() {
3416            if( $(this)[0].getAttribute('target') === '_blank' )
3417                return;
3418
3419            if( $(this)[0].href.endsWith('#') === false )
3420                location.href = $(this)[0].href;
3421        });
3422    });
3423</script>
3423
3424                    </ul>
3425                    
3426                </nav><!-- #primary-menu end -->
3427
3428            </div>
3429
3430        </div>
3431
3432    </header><!-- #header end -->
3433        <div style="clear:both;"></div>
3434    <main role="main">
3435
3436    <style>
3437    :root {
3438        --spacing-025: 0.25rem;
3439        --spacing-05: 0.5rem;
3440        --spacing-1: 1rem;
3441        --spacing-15: 1.5rem;
3442        --spacing-2: 2rem;
3443        --spacing-25: 2.5rem;
3444        --spacing-3: 3rem;
3445        --spacing-35: 3.5rem;
3446        --spacing-4: 4rem;
3447        --spacing-45: 4.5rem;
3448        --spacing-5: 5rem;
3449    }
3450        .aw-accordion details {
3451        --background-color-closed: #ccc;
3452        --background-color-open: #b4b4b4;
3453        --background-color-content: #f0f0f0;
3454        overflow: hidden;
3455        margin: 0;
3456
3457        > summary {
3458            background: var(--background-color-closed);
3459            padding: 0.5em;
3460            cursor: pointer;
3461            border-radius: 2px;
3462
3463            transition: background 0.25s ease, color 0.25s ease;
3464
3465            &:hover {
3466                filter: brightness( 1.1 );
3467            }
3468            margin-top: 5px;
3469            position: relative;
3470            top: -1px;
3471        }
3472        > summary::marker {
3473            content: '';
3474        }
3475        > summary::-webkit-details-marker {
3476            display: none;
3477        }
3478        > p, > div, > ul, > ol {
3479            background-color: var(--background-color-content);
3480            margin: 0;
3481        }
3482
3483        &[open] {
3484            > summary {
3485                background: var(--background-color-open);
3486            }
3487        }
3488        &[open] > summary:before {
3489            transform: rotate(45deg);
3490        }
3491        > summary:before {
3492            content: '+';
3493            display: inline-block;
3494            margin: 0 0.5em 0 0.25em;
3495            font-size: 20px;
3496            transition: transform 0.25s ease;
3497        }
3498
3499        > *:not(summary) {
3500            padding: 1em;
3501        }
3502    }
3503
3504    :not(details) + details,
3505    details:first-child summary {
3506        border-top-left-radius: 5px;
3507        border-top-right-radius: 5px;
3508    }
3509    details:not(details:has(+ details)):last-child summary {
3510        border-bottom-left-radius: 5px;
3511        border-bottom-right-radius: 5px;
3512    }
3513    </style>
3514<script>
3515        window.addEventListener('DOMContentLoaded', function() {
3516        class Accordion {
3517            constructor(el) {
3518                // Store the <details> element
3519                this.el = el;
3520                // Store the <summary> element
3521                this.summary = el.querySelector('summary');
3522                // Store the <div class="aw-accordion-content"> element. A plain <details> (an imported
3523                // page, or hand-written markup) has no such wrapper, so this can be null - see
3524                // getExpandedHeight() for how the open height is measured in that case.
3525                this.content = el.querySelector('.aw-accordion-content');
3526
3527                // Store the animation object (so we can cancel it if needed)
3528                this.animation = null;
3529                // Store if the element is closing
3530                this.isClosing = false;
3531                // Store if the element is expanding
3532                this.isExpanding = false;
3533                // Detect user clicks on the summary element
3534                this.summary.addEventListener('click', (e) => this.onClick(e));
3535            }
3536
3537                        static canEnhance(el) {
3538                return el.querySelector('summary') !== null;
3539            }
3540
3541            onClick(e) {
3542                try {
3543                    // Add an overflow on the <details> to avoid content overflowing
3544                    this.el.style.overflow = 'hidden';
3545                    // Check if the element is being closed or is already closed
3546                    if (this.isClosing || !this.el.open) {
3547                        this.open();
3548                        // Check if the element is being openned or is already open
3549                    } else if (this.isExpanding || this.el.open) {
3550                        this.shrink();
3551                    }
3552                    // Stop default behaviour from the browser
3553                    e.preventDefault();
3554                }
3555                catch (e) {
3556                    // do nothing
3557                }
3558            }
3559
3560            shrink() {
3561                // Set the element as "being closed"
3562                this.isClosing = true;
3563
3564                // Store the current height of the element
3565                const startHeight = `${this.el.offsetHeight}px`;
3566                // Calculate the height of the summary
3567                const endHeight = `${this.summary.offsetHeight}px`;
3568
3569                // If there is already an animation running
3570                if (this.animation) {
3571                    // Cancel the current animation
3572                    this.animation.cancel();
3573                }
3574
3575                // Start a WAAPI animation
3576                this.animation = this.el.animate({
3577                    // Set the keyframes from the startHeight to endHeight
3578                    height: [startHeight, endHeight]
3579                }, {
3580                    duration: 400,
3581                    easing: 'ease-out'
3582                });
3583
3584                // When the animation is complete, call onAnimationFinish()
3585                this.animation.onfinish = () => this.onAnimationFinish(false);
3586                // If the animation is cancelled, isClosing variable is set to false
3587                this.animation.oncancel = () => this.isClosing = false;
3588            }
3589
3590                        getExpandedHeight() {
3591                if( this.content ) {
3592                    return this.summary.offsetHeight + this.content.offsetHeight;
3593                }
3594                return this.el.scrollHeight;
3595            }
3596
3597            open() {
3598                // Apply a fixed height on the element
3599                this.el.style.height = `${this.el.offsetHeight}px`;
3600                // Force the [open] attribute on the details element
3601                this.el.open = true;
3602                // Wait for the next frame to call the expand function
3603                window.requestAnimationFrame(() => this.expand());
3604            }
3605
3606            expand() {
3607                                try {
3608                    this.animateExpand();
3609                }
3610                catch (err) {
3611                    this.onAnimationFinish(true);
3612                }
3613            }
3614
3615            animateExpand() {
3616                // Set the element as "being expanding"
3617                this.isExpanding = true;
3618                // Get the current fixed height of the element
3619                const startHeight = `${this.el.offsetHeight}px`;
3620                // Calculate the open height of the element (summary height + content height)
3621                const endHeight = `${this.getExpandedHeight()}px`;
3622
3623                // If there is already an animation running
3624                if (this.animation) {
3625                    // Cancel the current animation
3626                    this.animation.cancel();
3627                }
3628
3629                // Start a WAAPI animation
3630                this.animation = this.el.animate({
3631                    // Set the keyframes from the startHeight to endHeight
3632                    height: [startHeight, endHeight]
3633                }, {
3634                    duration: 400,
3635                    easing: 'ease-out'
3636                });
3637                // When the animation is complete, call onAnimationFinish()
3638                this.animation.onfinish = () => this.onAnimationFinish(true);
3639                // If the animation is cancelled, isExpanding variable is set to false
3640                this.animation.oncancel = () => this.isExpanding = false;
3641            }
3642
3643            onAnimationFinish(open) {
3644                // Set the open attribute based on the parameter
3645                this.el.open = open;
3646                // Clear the stored animation
3647                this.animation = null;
3648                // Reset isClosing & isExpanding
3649                this.isClosing = false;
3650                this.isExpanding = false;
3651                // Remove the overflow hidden and the fixed height
3652                this.el.style.height = this.el.style.overflow = '';
3653            }
3654        }
3655
3656                document.querySelectorAll('.aw-accordion details').forEach((el) => {
3657                        try {
3658                if( Accordion.canEnhance(el) ) {
3659                    new Accordion(el);
3660                }
3661            }
3662            catch (err) {
3663                            }
3664        });
3665    });
3666    </script>
3666<style>
3667[data-animate]:not(.animated) {
3668    opacity: 0;
3669}/* button helper */
3670.fr-view .button.button-red:not(.button-border) {
3671text-decoration:none;
3672background-color:#e32400;
3673color:#ffffff;
3674border-radius:2px;
3675text-transform:uppercase;
3676text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3677transition: all 0.3s ease;
3678position:relative;z-index:1;
3679border-top: 0px solid rgb(227, 36, 0);
3680border-right: 0px solid rgb(227, 36, 0);
3681border-bottom: 0px solid rgb(227, 36, 0);
3682border-left: 0px solid rgb(227, 36, 0);
3683}
3684
3685.fr-view .button.button-red:hover {
3686color:#ffffff;
3687}
3688
3689.fr-view .button.button-leaf:not(.button-border) {
3690text-decoration:none;
3691background-color:#0056d6;
3692color:#ffffff;
3693border-radius:2px;
3694text-transform:uppercase;
3695text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3696transition: all 0.3s ease;
3697position:relative;z-index:1;
3698border-top: 0px solid rgb(0, 86, 214);
3699border-right: 0px solid rgb(0, 86, 214);
3700border-bottom: 0px solid rgb(0, 86, 214);
3701border-left: 0px solid rgb(0, 86, 214);
3702}
3703
3704.fr-view .button.button-leaf:hover {
3705color:#ffffff;
3706}
3707
3708.fr-view .button.button-teal:not(.button-border) {
3709text-decoration:none;
3710background-color:#53777a;
3711color:#ffffff;
3712border-radius:1px;
3713text-transform:uppercase;
3714text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3715transition: all 0.3s ease;
3716position:relative;z-index:1;
3717border-top: 0px none rgb(255, 255, 255);
3718border-right: 0px none rgb(255, 255, 255);
3719border-bottom: 0px none rgb(255, 255, 255);
3720border-left: 0px none rgb(255, 255, 255);
3721}
3722
3723.fr-view .button.button-teal:hover {
3724color:#ffffff;
3725}
3726
3727.fr-view .button.button-yellow:not(.button-border) {
3728text-decoration:none;
3729background-color:#ecd078;
3730color:#333333;
3731border-radius:1px;
3732text-transform:uppercase;
3733text-shadow:none;
3734transition: all 0.3s ease;
3735position:relative;z-index:1;
3736border-top: 0px none rgb(51, 51, 51);
3737border-right: 0px none rgb(51, 51, 51);
3738border-bottom: 0px none rgb(51, 51, 51);
3739border-left: 0px none rgb(51, 51, 51);
3740}
3741
3742.fr-view .button.button-yellow:hover {
3743color:#333333;
3744}
3745
3746.fr-view .button:not(.button-border) {
3747text-decoration:none;
3748background-color:#1abc9c;
3749color:#ffffff;
3750border-radius:1px;
3751text-transform:uppercase;
3752text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3753transition: all 0.3s ease;
3754position:relative;z-index:1;
3755border-top: 0px none rgb(255, 255, 255);
3756border-right: 0px none rgb(255, 255, 255);
3757border-bottom: 0px none rgb(255, 255, 255);
3758border-left: 0px none rgb(255, 255, 255);
3759}
3760
3761.fr-view .button.button-:hover {
3762color:#ffffff;
3763}
3764
3765.fr-view .button.button-green:not(.button-border) {
3766text-decoration:none;
3767background-color:#ee8e4c;
3768color:#ffffff;
3769border-radius:1px;
3770text-transform:uppercase;
3771text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3772transition: all 0.3s ease;
3773position:relative;z-index:1;
3774border-top: 0px none rgb(255, 255, 255);
3775border-right: 0px none rgb(255, 255, 255);
3776border-bottom: 0px none rgb(255, 255, 255);
3777border-left: 0px none rgb(255, 255, 255);
3778}
3779
3780.fr-view .button.button-green:hover {
3781color:#ffffff;
3782}
3783
3784.fr-view .button.button-brown:not(.button-border) {
3785text-decoration:none;
3786background-color:#774f38;
3787color:#ffffff;
3788border-radius:1px;
3789text-transform:uppercase;
3790text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3791transition: all 0.3s ease;
3792position:relative;z-index:1;
3793border-top: 0px none rgb(255, 255, 255);
3794border-right: 0px none rgb(255, 255, 255);
3795border-bottom: 0px none rgb(255, 255, 255);
3796border-left: 0px none rgb(255, 255, 255);
3797}
3798
3799.fr-view .button.button-brown:hover {
3800color:#ffffff;
3801}
3802
3803.fr-view .button.button-aqua:not(.button-border) {
3804text-decoration:none;
3805background-color:#40c0cb;
3806color:#ffffff;
3807border-radius:1px;
3808text-transform:uppercase;
3809text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3810transition: all 0.3s ease;
3811position:relative;z-index:1;
3812border-top: 0px none rgb(255, 255, 255);
3813border-right: 0px none rgb(255, 255, 255);
3814border-bottom: 0px none rgb(255, 255, 255);
3815border-left: 0px none rgb(255, 255, 255);
3816}
3817
3818.fr-view .button.button-aqua:hover {
3819color:#ffffff;
3820}
3821
3822.fr-view .button.button-lime:not(.button-border) {
3823text-decoration:none;
3824background-color:#aee239;
3825color:#333333;
3826border-radius:1px;
3827text-transform:uppercase;
3828text-shadow:none;
3829transition: all 0.3s ease;
3830position:relative;z-index:1;
3831border-top: 0px none rgb(51, 51, 51);
3832border-right: 0px none rgb(51, 51, 51);
3833border-bottom: 0px none rgb(51, 51, 51);
3834border-left: 0px none rgb(51, 51, 51);
3835}
3836
3837.fr-view .button.button-lime:hover {
3838color:#333333;
3839}
3840
3841.fr-view .button.button-purple:not(.button-border) {
3842text-decoration:none;
3843background-color:#5d4157;
3844color:#ffffff;
3845border-radius:1px;
3846text-transform:uppercase;
3847text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3848transition: all 0.3s ease;
3849position:relative;z-index:1;
3850border-top: 0px none rgb(255, 255, 255);
3851border-right: 0px none rgb(255, 255, 255);
3852border-bottom: 0px none rgb(255, 255, 255);
3853border-left: 0px none rgb(255, 255, 255);
3854}
3855
3856.fr-view .button.button-purple:hover {
3857color:#ffffff;
3858}
3859
3860.fr-view .button.button-pink:not(.button-border) {
3861text-decoration:none;
3862background-color:#f89fa1;
3863color:#ffffff;
3864border-radius:1px;
3865text-transform:uppercase;
3866text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3867transition: all 0.3s ease;
3868position:relative;z-index:1;
3869border-top: 0px none rgb(255, 255, 255);
3870border-right: 0px none rgb(255, 255, 255);
3871border-bottom: 0px none rgb(255, 255, 255);
3872border-left: 0px none rgb(255, 255, 255);
3873}
3874
3875.fr-view .button.button-pink:hover {
3876color:#ffffff;
3877}
3878
3879.fr-view .button.button-blue:not(.button-border) {
3880text-decoration:none;
3881background-color:#1265a8;
3882color:#ffffff;
3883border-radius:1px;
3884text-transform:uppercase;
3885text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3886transition: all 0.3s ease;
3887position:relative;z-index:1;
3888border-top: 0px none rgb(255, 255, 255);
3889border-right: 0px none rgb(255, 255, 255);
3890border-bottom: 0px none rgb(255, 255, 255);
3891border-left: 0px none rgb(255, 255, 255);
3892}
3893
3894.fr-view .button.button-blue:hover {
3895color:#ffffff;
3896}
3897
3898.fr-view .button.button-dirtygreen:not(.button-border) {
3899text-decoration:none;
3900background-color:#1693a5;
3901color:#ffffff;
3902border-radius:1px;
3903text-transform:uppercase;
3904text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3905transition: all 0.3s ease;
3906position:relative;z-index:1;
3907border-top: 0px none rgb(255, 255, 255);
3908border-right: 0px none rgb(255, 255, 255);
3909border-bottom: 0px none rgb(255, 255, 255);
3910border-left: 0px none rgb(255, 255, 255);
3911}
3912
3913.fr-view .button.button-dirtygreen:hover {
3914color:#ffffff;
3915}
3916
3917.fr-view .button.button-amber:not(.button-border) {
3918text-decoration:none;
3919background-color:#eb9c4d;
3920color:#ffffff;
3921border-radius:1px;
3922text-transform:uppercase;
3923text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3924transition: all 0.3s ease;
3925position:relative;z-index:1;
3926border-top: 0px none rgb(255, 255, 255);
3927border-right: 0px none rgb(255, 255, 255);
3928border-bottom: 0px none rgb(255, 255, 255);
3929border-left: 0px none rgb(255, 255, 255);
3930}
3931
3932.fr-view .button.button-amber:hover {
3933color:#ffffff;
3934}
3935
3936.fr-view .button.button-black:not(.button-border) {
3937text-decoration:none;
3938background-color:#111111;
3939color:#ffffff;
3940border-radius:1px;
3941text-transform:uppercase;
3942text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3943transition: all 0.3s ease;
3944position:relative;z-index:1;
3945border-top: 0px none rgb(255, 255, 255);
3946border-right: 0px none rgb(255, 255, 255);
3947border-bottom: 0px none rgb(255, 255, 255);
3948border-left: 0px none rgb(255, 255, 255);
3949}
3950
3951.fr-view .button.button-black:hover {
3952color:#ffffff;
3953}
3954
3955.fr-view .button.button-white:not(.button-border) {
3956text-decoration:none;
3957background-color:#f0f0f0;
3958color:#333333;
3959border-radius:1px;
3960text-transform:uppercase;
3961text-shadow:none;
3962transition: all 0.3s ease;
3963position:relative;z-index:1;
3964border-top: 0px none rgb(51, 51, 51);
3965border-right: 0px none rgb(51, 51, 51);
3966border-bottom: 0px none rgb(51, 51, 51);
3967border-left: 0px none rgb(51, 51, 51);
3968}
3969
3970.fr-view .button.button-white:hover {
3971color:#333333;
3972}
3973
3974
3975        body, #wrapper { background-color: #ffffff; }
3976        #header.sticky-header #header-wrap { background-color: #ffffff; }
3977        @media( min-width: 992px ) {
3978            #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container { background: inherit; }
3979        }</style>
3980<script>
3981document.addEventListener("DOMContentLoaded", function() {
3982    const hasHash = window.location.hash;
3983    
3984    if (window.location.hash) {
3985        function isSafari() {
3986            return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
3987        }
3988        const target = document.querySelector(hasHash);
3989        if (target) {
3990            if( isSafari() )
3991                setTimeout( () => {
3992                    target.scrollIntoView({ behavior: "auto" });
3993                    document.documentElement.style.scrollBehavior = "smooth";
3994                }, 500 );
3995            else {
3996                target.scrollIntoView({ behavior: "auto" });
3997                document.documentElement.style.scrollBehavior = "smooth";
3998            }
3999        }
4000    }
4001    
4002});
4003</script>
4003<script>
4004    var is_submitting = false;
4005    let getting_payment_intent = false;
4006    let payment_intent_amount = null;
4007    function post_registration()
4008    {
4009        RemoveFormFieldsFromLocalStorage();
4010        
4011                toastr.clear();
4012                $('#leadModal').modal('hide');
4013                toastr.success("Thank you!", '', {escapeHtml: true});
4014                try {
4015                   browser.history.deleteUrl({url: window.location.href});
4016                }
4017                catch( err ) { }
4018                // refresh the page after payment, in case they make another purchase
4019                setTimeout( () => { window.location.replace("https:\/\/sidebysideatc.com\/page\/radar-lab-program"); }, 3000 );
4020                    }
4021    function AllowSubmitting()
4022    {
4023        is_submitting = false;
4024        $('#register-button').prop('disabled',false );
4025    }
4026
4027    function PreventSubmitting()
4028    {
4029        is_submitting = true;
4030        $('#register-button').prop('disabled',true );
4031    }
4032
4033    function submitLeadFormInternal( data )
4034    {
4035        let formData = new FormData();
4036        for( let key in data ) {
4037            if( data.hasOwnProperty(key) ) {
4038                                if( Array.isArray(data[key]) ) {
4039                    for( let i = 0; i < data[key].length; i++ )
4040                        formData.append( key + '[]', data[key][i] );
4041                }
4042                else
4043                    formData.append( key, (typeof data[key] === 'undefined' || data[key] === 'undefined' || data[key] === null || data[key] === 'null' ? '' : data[key]) );
4044            }
4045        }
4046        $.ajax({
4047            url: "https:\/\/sidebysideatc.com\/app\/contact-me-form",
4048            method: "POST",
4049            dataType: "json",
4050            data: formData,
4051            original_data: data,
4052            processData: false, // Prevent jQuery from processing the FormData
4053            contentType: false, // Let the browser set the correct content type for FormData
4054        })
4055            .done(function( data ) {
4056                AllowSubmitting();
4057                toastr.clear();
4058
4059                if( data.success ) {
4060                    if( data.results['lead-before-payment'] != 2 )
4061                        toastr.success('Please wait...');
4062                    if( data.results['lead-before-payment'] == 1 ) {
4063                        contact_id = data.results['contact_id'];
4064                        if( data.results['already_granted_call_package'] === true )
4065                            this.original_data['already_granted_call_package'] = true;
4066                                                if( typeof data.results['uploaded_field_urls'] === 'object' && data.results['uploaded_field_urls'] !== null ) {
4067                            let stored = GetFormFieldsFromLocalStorage();
4068                            for( let field_name in data.results['uploaded_field_urls'] ) {
4069                                if( data.results['uploaded_field_urls'].hasOwnProperty(field_name) ) {
4070                                    stored[field_name] = data.results['uploaded_field_urls'][field_name];
4071                                }
4072                            }
4073                            SaveFormFieldsToLocalStorage( stored );
4074                        }
4075                        submitPayment( this.original_data );
4076                    }
4077                    else if( data.results['lead-before-payment'] == 2 ) {
4078                        ; // do nothing - this ajax call just alerted the site owner to a payment failure
4079                    }
4080                    else if( this.original_data['lead-before-payment'] == 1 ) {
4081                                                toastr.clear();
4082                        toastr.error('Unable to process registration at this time. Please examine your inputs and try again.');
4083                        AllowSubmitting();
4084                    }
4085                    else
4086                        post_registration();
4087                }
4088                else if( data.code == 'Invalid Email' ) {
4089                    toastr.error( 'Please check your email address.' );
4090                    $('#lead_capture_field_email').focus();
4091                }
4092                else if( data.code == 'Missing Name' ) {
4093                    toastr.error( 'Please enter your name.' );
4094                    $('#lead_capture_field_name').focus();
4095                }
4096                else if( data.code == 'Email Required' ) {
4097                    toastr.error( 'Please enter your email address.' );
4098                    $('#lead_capture_field_email').focus();
4099                }
4100                else if( data.code == 'Too few phone digits' ) {
4101                    toastr.error( 'Please enter a phone number with at least 10 numbers, including an area code.' );
4102                    $('#lead_capture_field_phone').focus();
4103                }
4104                else if( data.code == 'Sold out' || data.code == 'Duplicate' || data.code == 'vault_full' ) {
4105                                        toastr.error( data.message, '', { timeOut: 20000 } );
4106                }
4107                else
4108                    toastr.error('Something went wrong. Please email [email protected] with the address of this page.<br><br>' + data.message);
4109
4110            })
4111            .fail(function( jqXHR, textStatus ) {
4112                toastr.clear();
4113                toastr.error( "Request failed: " + textStatus, 'Something went wrong. Please email [email protected] with the address of this page.' );
4114                AllowSubmitting();
4115            });
4116
4117    }
4118
4119
4120    function SaveFormFieldsToLocalStorage( data )
4121    {
4122        localStorage.setItem('payment-form-info', JSON.stringify( data ) );
4123    }
4124
4125    function RemoveFormFieldsFromLocalStorage()
4126    {
4127        localStorage.removeItem( 'payment-form-info' );
4128    }
4129    function GetFormFieldsFromLocalStorage()
4130    {
4131        return JSON.parse( localStorage.getItem('payment-form-info' ) );
4132    }
4133
4134    function GetPaymentIntent( amount )
4135    {
4136            }
4137
4138</script>
4138
4139<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.css" type="text/css" />
4140          
4140<script src="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.js"></script>
4140
4141          <style>
4142            .section-sticky {
4143                position: -webkit-sticky;
4144                position: sticky;
4145                top: 60px;
4146                z-index: 5;
4147            }
4148            .inline-label {
4149                display: inline;
4150                font-weight: 400 !important;
4151                color: inherit;
4152            }
4153            .inline-checkbox-radio {
4154                display: flex;
4155                align-items: flex-start;
4156                gap: 8px;
4157                margin-bottom: 15px;
4158                text-align: left;
4159            }
4160            .inline-checkbox-radio input[type="checkbox"],
4161            .inline-checkbox-radio input[type="radio"] {
4162                flex-shrink: 0;
4163                margin-top: 3px;
4164                margin-right: 0;
4165            }
4166            .inline-checkbox-radio .inline-label,
4167            .inline-checkbox-radio label {
4168                display: block;
4169                flex: 1;
4170                font-weight: 400 !important;
4171                color: inherit;
4172                margin: 0;
4173            }
4174            .page-field-label {
4175                font-size: 18px;
4176                margin-top: 40px;
4177                margin-bottom: 10px;
4178            }
4179            .page-field-label-thin {
4180                font-size: 18px;
4181            }
4182            @media (max-width:991px) {
4183                .section-sticky {
4184                    position: -webkit-sticky;
4185                    position: sticky;
4186                    top: 0;
4187                    z-index: 5;
4188                }
4189            }
4190            .section-sticky-bottom {
4191                position: -webkit-sticky;
4192                position: sticky;
4193                bottom: 0;
4194                z-index: 5;
4195            }
4196            </style>
4197            <div class="fr-view" style="font-size:14pt;"><section class="jarallax" data-jarallax data-speed="0.3" style="background-image: url(https://attractwell-4533-fast.b-cdn.net/images/4533/69c58b7a1954a.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;"><div class="content-wrap" style="padding: 0; position: relative;"><div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,20,60,0.65); z-index: 0;"></div><div class="section nomargin" style="padding: 30px 0 30px 0; position: relative; z-index: 1;"><div class="container clearfix" draggable="false"><div style="text-align:center;padding:20px 0;"><img src="https://attractwell-4533-fast.b-cdn.net/images/4533/69c5797fac28a.jpg" alt="Side by Side ATC Logo" style="max-width: 220px;" draggable="false" class="fr-fic fr-dii" loading="lazy"><h1><span style="color:#ffffff;">Radar Labs Are Faster, More Complex—and Where Passing Becomes Real</span></h1><p style="font-size:26px;color:#e32400;font-weight:600;margin-bottom:20px;font-family:Lato,sans-serif;">RADAR LAB COACHING — 1-ON-1 WITH A FORMER ACADEMY INSTRUCTOR</p><p style="font-size:20px;color:#e0e0e0;max-width:750px;margin:0 auto 35px;font-family:Lato,sans-serif;line-height:1.6;">If you're feeling the pressure, struggling to keep up, or worried about passing—this is where we focus and get you through it.</p><a href="#lead" class="button-red button" style="font-size:20px;padding:16px 40px;margin-bottom:10px;" draggable="false">Schedule a Call to Get Started</a><br><a href="https://www.sidebysideatc.com/call" class="button button-leaf" style="font-size:16px;padding:12px 30px;margin-top:10px;" draggable="false">Book Your Free 30-Minute Call First</a></div></div></div></div></section><section style="background-color: #ffffff;"><div class="content-wrap" style="padding: 0;"><div class="section nomargin" style="padding: 30px 0 30px 0;"><div class="container clearfix"><div style="text-align:center;margin-bottom:40px;"><h2 style="font-family:'Playfair Display',serif;font-size:40px;color:#0433ff;">What Changes in Radar</h2><p style="font-size:20px;color:#555;max-width:800px;margin:15px auto 0;line-height:1.7;font-family:Lato,sans-serif;">Radar isn't just a continuation of non-radar. <strong>Everything speeds up.</strong></p></div><div style="display:flex;flex-wrap:wrap;gap:25px;justify-content:center;"><div class="editable" style="flex:1 1 220px;max-width:260px;background:#f0f4ff;border-radius:10px;padding:30px;text-align:center;border-top:4px solid #e32400;"><div style="font-size:36px;margin-bottom:12px;">⚡</div><h3 style="color:#0433ff;font-size:20px;margin-bottom:10px;">Prioritize Quickly</h3><p style="color:#555;font-size:16px;line-height:1.6;">You must identify what matters most — instantly — with multiple conflicts developing at once.</p></div><div class="editable" style="flex:1 1 220px;max-width:260px;background:#f0f4ff;border-radius:10px;padding:30px;text-align:center;border-top:4px solid #e32400;"><div style="font-size:36px;margin-bottom:12px;">👁️</div><h3 style="color:#0433ff;font-size:20px;margin-bottom:10px;">See Conflicts Earlier</h3><p style="color:#555;font-size:16px;line-height:1.6;">Your scan has to be sharper and faster. Missing something for even a few seconds can cascade.</p></div><div class="editable" style="flex:1 1 220px;max-width:260px;background:#f0f4ff;border-radius:10px;padding:30px;text-align:center;border-top:4px solid #e32400;"><div style="font-size:36px;margin-bottom:12px;">🧠</div><h3 style="color:#0433ff;font-size:20px;margin-bottom:10px;">Decide with Confidence</h3><p style="color:#555;font-size:16px;line-height:1.6;">Hesitation kills your timing. You need to trust your decisions and commit to them.</p></div><div class="editable" style="flex:1 1 220px;max-width:260px;background:#f0f4ff;border-radius:10px;padding:30px;text-align:center;border-top:4px solid #e32400;"><div style="font-size:36px;margin-bottom:12px;">🔄</div><h3 style="color:#0433ff;font-size:20px;margin-bottom:10px;">Recover Fast</h3><p style="color:#555;font-size:16px;line-height:1.6;">One mistake can't turn into three. If you fall behind, it compounds quickly.</p></div></div><div class="editable" style="text-align:center;margin-top:40px;"><p style="font-size:20px;color:#0056d6;font-weight:600;max-width:700px;margin:0 auto;line-height:1.6;">👉 If you're feeling the pressure build, that's normal. But you don't have to figure it out alone.</p></div></div></div></div></section><section style="background-color: #15305f;"><div class="content-wrap" style="padding: 0;"><div class="section nomargin" style="padding: 30px 0 30px 0;"><div class="container clearfix"><div style="text-align:center;margin-bottom:40px;">
4197<h2 style="font-family:'Playfair Display',serif;font-size:40px;color:#ffffff;">What We Work On Together</h2><p style="font-size:20px;color:#d0d8ff;max-width:780px;margin:10px auto 0;line-height:1.7;">These sessions are laser-focused on the skills that make or break your radar performance.</p></div><div style="display:flex;flex-wrap:wrap;gap:25px;justify-content:center;"><div class="editable" style="flex:1 1 300px;max-width:480px;background:rgba(255,255,255,0.95);border-radius:10px;padding:35px;"><h3 style="color:#e32400;font-size:22px;margin-bottom:15px;">🎯 Priority</h3><p style="color:#333;font-size:16px;line-height:1.7;">What matters most right now? We train you to instantly identify and act on the highest-priority situation on your scope.</p><h3 style="color:#e32400;font-size:22px;margin:25px 0 15px;">👁️ Scan</h3><p style="color:#333;font-size:16px;line-height:1.7;">Seeing the picture clearly is everything. We develop a systematic scan that keeps you ahead of the traffic instead of reacting to it.</p></div><div class="editable" style="flex:1 1 300px;max-width:480px;background:rgba(255,255,255,0.95);border-radius:10px;padding:35px;"><h3 style="color:#e32400;font-size:22px;margin-bottom:15px;">⏱️ Timing</h3><p style="color:#333;font-size:16px;line-height:1.7;">Knowing when to act is just as important as knowing what to do. We sharpen your sense of timing so you're making moves at the right moment.</p><h3 style="color:#e32400;font-size:22px;margin:25px 0 15px;">🔄 Recovery</h3><p style="color:#333;font-size:16px;line-height:1.7;">Not letting one mistake turn into three. We build recovery strategies so you can reset quickly and stay in control of the situation.</p></div></div><div style="text-align:center;margin-top:40px;"><a href="#lead" class="button button-green" style="font-size:20px;padding:16px 40px;">Schedule a Call to Get Started</a></div></div></div></div></section><section style="background-color: #ffffff;"><div class="content-wrap" style="padding: 0;"><div class="section nomargin" style="padding: 30px 0 30px 0;"><div class="container clearfix"><div style="text-align:center;margin-bottom:40px;"><h2 style="font-family:'Playfair Display',serif;font-size:40px;color:#0433ff;">How It Works &amp; Who It's For</h2></div><div style="display:flex;flex-wrap:wrap;gap:30px;justify-content:center;"><div class="editable" style="flex:1 1 320px;max-width:450px;background:#f0f4ff;border-radius:12px;padding:40px;border:2px solid #0056d6;"><h3 style="color:#0433ff;font-size:24px;text-align:center;margin-bottom:25px;">🤝 How It Works</h3><ul style="list-style:none;padding:0;margin:0;"><li style="font-size:18px;color:#333;padding:10px 0;border-bottom:1px solid #ddd;">✅ 6 one-on-one coaching sessions</li><li style="font-size:18px;color:#333;padding:10px 0;border-bottom:1px solid #ddd;">✅ Scheduled during your radar lab phase</li><li style="font-size:18px;color:#333;padding:10px 0;border-bottom:1px solid #ddd;">✅ Focused on YOUR specific struggles</li><li style="font-size:18px;color:#333;padding:10px 0;">✅ Clear adjustments you can apply immediately</li></ul></div><div class="editable" style="flex:1 1 320px;max-width:450px;background:#f0f4ff;border-radius:12px;padding:40px;border:2px solid #0056d6;"><h3 style="color:#0433ff;font-size:24px;text-align:center;margin-bottom:25px;">💬 Who This Is For</h3><ul style="list-style:none;padding:0;margin:0;"><li style="font-size:18px;color:#333;padding:10px 0;border-bottom:1px solid #ddd;">🔹 You feel like things are moving too fast</li><li style="font-size:18px;color:#333;padding:10px 0;border-bottom:1px solid #ddd;">🔹 You're struggling to stay ahead of the situation</li><li style="font-size:18px;color:#333;padding:10px 0;border-bottom:1px solid #ddd;">🔹 You're worried about your evaluations</li><li style="font-size:18px;color:#333;padding:10px 0;">🔹 You want focused help during the most critical phase</li></ul></div></div></div></div></div></section><section style="background-color: #f8f9fa;"><div class="content-wrap" style="padding: 0;"><div class="section nomargin" style="padding: 30px 0 30px 0;"><div class="container clearfix"><div style="text-align:center;margin-bottom:40px;">
4197<h2 style="font-family:'Playfair Display',serif;font-size:40px;color:#0433ff;">Program Investment</h2><p style="font-size:20px;color:#555;max-width:700px;margin:10px auto 0;line-height:1.6;">6 focused sessions during the most critical phase of your Academy journey.</p></div><div style="display:flex;flex-wrap:wrap;gap:30px;justify-content:center;"><div class="editable" style="flex: 1 1 320px; max-width: 500px; background: repeat rgb(31, 55, 102); border-radius: 12px; padding: 50px 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;" draggable="false"><p style="color:#ee8e4c;font-size:16px;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;">Radar Lab Coaching</p><p style="color:#ffffff;font-size:56px;font-weight:700;margin-bottom:5px;">$797</p><p style="color:#aabbcc;font-size:16px;margin-bottom:10px;">6 one-on-one sessions during your radar phase</p><div style="margin-top:25px;"><a href="#lead" class="button button-green" style="font-size:20px;padding:16px 40px;" draggable="false">Schedule a Call to Get Started</a></div><p style="color:#d0d8ff;font-size:15px;margin-top:20px;font-style:italic;">Let's get you through radar with confidence.</p></div></div></div></div></div></section><section class="jarallax" data-jarallax data-speed="0.3" style="background-image: url(https://attractwell-4533-fast.b-cdn.net/images/4533/69c58ab860376.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-size: cover;"><div class="content-wrap" style="padding: 0; position: relative;"><div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(4,51,255,0.55); z-index: 0;"></div><div class="section nomargin" style="padding: 30px 0 30px 0; position: relative; z-index: 1;"><div class="container clearfix" draggable="false"><div style="max-width:800px;margin:0 auto;text-align:center;"><h2 style="font-family:'Playfair Display',serif;font-size:40px;color:#0433ff;margin-bottom:20px;"><span style="color: rgb(227, 36, 0);">You've Made It This Far. Let's Finish Strong.</span></h2><p style="font-size:20px;color:#d0d8ff;line-height:1.8;margin-bottom:15px;">Radar is the hardest part of the Academy — but struggling doesn't mean failing. It means you need the right guidance at the right time.</p><p style="font-size:20px;color:#d0d8ff;line-height:1.8;margin-bottom:15px;">With 26 years as an FAA controller and experience as an A-Lead Academy instructor, I've helped students just like you find their footing and finish with confidence.</p><p style="font-size:22px;color:#e32400;font-weight:600;margin:30px 0 10px;">You've got this. Let's work through it — side by side.</p><div style="margin-top:35px;"><a href="#lead" class="button-red button" style="font-size:20px;padding:16px 40px;margin:5px;" draggable="false">Schedule a Call to Get Started</a><br><a href="https://www.sidebysideatc.com/call" class="button button-white button-light" style="font-size:16px;padding:12px 30px;margin:10px 5px 5px;" draggable="false">Book Your Free 30-Minute Call</a></div></div></div></div></div></section></div>
4197<script>
4198    var shown_exit_intent = false;
4199    var scroll_modal_shown = false;
4200    var payment_intent_id = null;
4201    var stripe = null;
4202    var cardElement = null;
4203    var elements = null;
4204    var contact_id = null;
4205    var number_of_payment_failures = 0;
4206    var allow_payments = true;
4207    var payment_options = [];
4208    var custom_amounts = {};     var has_booking_calendar = false;
4209    var currentPaymentMode = 'onetime';
4210    var subscription_client_secret = null;
4211    var subscription_id = null;
4212    var subscription_payment_intent_id = null;
4213    var subscription_requires_setup = false;
4214    var cardElementComplete = false;
4215    var cardElementError = '';
4216    const billing_interval_labels = {'weekly':'/week','biweekly':'/2 weeks','monthly':'/month','quarterly':'/quarter','yearly':'/year'};
4217
4218    function hasRecurringSelection() {
4219        for( let i = 0; i < payment_options.length; i++ ) {
4220            let po = payment_options[i];
4221            if( po.active != 1 ) {
4222                continue;
4223            }
4224            let ctrl = $('#payment-option' + i);
4225            if( ctrl.length > 0 && ctrl.is(':checked') ) {
4226                let interval = po['billing_interval'] || 'one_time';
4227                if( interval !== 'one_time' ) {
4228                    return true;
4229                }
4230            }
4231        }
4232        return false;
4233    }
4234
4235        const botdPromise = import('https://openfpcdn.io/botd/v1').then((Botd) => Botd.load());
4236    let botdResults = {};
4237
4238    var entityMap = {
4239    "&": "&amp;",
4240    "<": "&lt;",
4241    ">": "&gt;",
4242    '"': '&quot;',
4243    "'": '&#39;',
4244    "/": '&#x2F;'
4245};
4246
4247function escapeHtml(string) {
4248    if( string === null )
4249        return '';
4250    return String(string).replace(/[&<>"'\/]/g, function (s) {
4251        return entityMap[s];
4252    });
4253}
4254
4255function abbreviateText( text, max_length )
4256{
4257    if( typeof max_length == 'undefined' )
4258        max_length = 30;
4259
4260    var display_text = text;
4261
4262    if( text.length > (max_length + 5))
4263        display_text = text.substr( 0, max_length ) + '...';
4264
4265    return display_text;
4266}
4267
4268function htmlToText( html ) {
4269    var d = document.createElement( 'div' );
4270    d.innerHTML = html;
4271    return d.textContent;
4272}
4273
4274function insertStringAtCursor( field_object, string_to_insert )
4275{
4276    if (document.selection) {
4277        field_object.focus();
4278        sel = document.selection.createRange();
4279        sel.text = string_to_insert;
4280    }
4281    else if (field_object.selectionStart || field_object.selectionStart == '0') {
4282        var startPos = field_object.selectionStart;
4283        var endPos = field_object.selectionEnd;
4284        field_object.value = field_object.value.substring(0, startPos)
4285            + string_to_insert
4286            + field_object.value.substring(endPos, field_object.value.length);
4287    } else {
4288        field_object.value += string_to_insert;
4289    }
4290}
4291    // Exit intent
4292    function addEvent(obj, evt, fn) {
4293        if (obj.addEventListener) {
4294            obj.addEventListener(evt, fn, false);
4295        } else if (obj.attachEvent) {
4296            obj.attachEvent("on" + evt, fn);
4297        }
4298    }
4299
4300    function notNullOrUndefined( $value ) {
4301        return $value !== null && $value !== undefined;
4302    }
4303
4304    function submitPayment( optional_data )
4305    {
4306                if( is_submitting ) {
4307            return false;
4308        }
4309                if( !hasRecurringSelection() && payment_intent_id === null ) {
4310            let _zero_check = UpdatePaymentAmount( false );
4311            if( _zero_check.total_payment_amount > 0 ) {
4312                return false;
4313            }
4314        }
4315
4316        PreventSubmitting();
4317
4318            }
4319
4320    
4321    async function submitLeadForm( status = 'normal', options = {} )
4322    {
4323        let i;
4324        // prevent double submissions
4325        if( is_submitting || (status === 'payment-failure' && number_of_payment_failures > 0) )
4326            return false;
4327
4328                await botdPromise
4329            .then((botd) => botd.detect())
4330            .then((result) => botdResults = result)
4331            .catch((error) => console.error(error))
4332
4333                let botdEnabled = false;
4334        if( botdEnabled && typeof botdResults === 'object' && botdResults.bot !== false ) {
4335            toastr.error('Please try again later.');
4336            return false;
4337        }
4338        
4339        toastr.clear();
4340
4341                if( has_booking_calendar === true ) {
4342            if( typeof selected_booking_datetime !== 'string' || typeof selected_time_zone !== 'string' ||
4343                selected_booking_datetime.trim() === '' || selected_time_zone.trim() === '' ) {
4344                toastr.error('Please select a date and time on the calendar.');
4345                return false;
4346            }
4347        }
4348
4349        post_registration(); 
4350 return;
4351        PreventSubmitting();
4352
4353        var email_address = (notNullOrUndefined($('#lead_capture_field_email').val()) ? $('#lead_capture_field_email').val().trim() : '');
4354        var phone_number = (notNullOrUndefined($('#lead_capture_field_phone').val()) ? $('#lead_capture_field_phone').val().trim() : '');
4355        var form_has_email = false;
4356        var form_has_phone = false;
4357        var email_is_required = false;
4358        var phone_is_required = false;
4359
4360        var data = {
4361            'contact-name': (notNullOrUndefined($('#lead_capture_field_name').val()) ? $('#lead_capture_field_name').val().trim() : ''),
4362            'contact-email': email_address,
4363            'contact-phone': phone_number,
4364            'contact-custom1': (notNullOrUndefined($('#lead_capture_field_custom_field1').val()) ? $('#lead_capture_field_custom_field1').val().trim() : ''),
4365            'contact-custom1-label': $('#lead_capture_field_custom_field1').prop('placeholder'),
4366            'contact-custom2': (notNullOrUndefined($('#lead_capture_field_custom_field2').val()) ? $('#lead_capture_field_custom_field2').val().trim() : ''),
4367            'contact-custom2-label': $('#lead_capture_field_custom_field2').prop('placeholder'),
4368            'contact-address': $('#address').val(),
4369            'contact-message': $('#feedback').val(),
4370            'contact-source': 'Website Page',
4371            'subscribe-email': ((email_is_required === true || email_address != '') && form_has_email === true ? '1' : '0'),
4372            'subscribe-text': ((phone_is_required === true || phone_number != '') && form_has_phone === true ? '1' : '0'),
4373            'enroller-number': "",
4374            'enroller-name': "",
4375            'sponsor-number': "",
4376            'sponsor-name': "",
4377            'utm_source': null,
4378            'utm_campaign': null,
4379            'utm_medium': null,
4380            'utm_term': null,
4381            'utm_content': null,
4382            'page': 45905,
4383            'referral_contact_id': ""        };
4384
4385                if( options.already_granted_call_package === true )
4386            data['already_granted_call_package'] = '1';
4387
4388        if( has_booking_calendar === true && typeof selected_booking_datetime === 'string' && selected_booking_datetime !== ''
4389        && typeof selected_time_zone === 'string' && selected_time_zone !== '' ) {
4390            data['has_booking_calendar'] = true;
4391            data['selected_booking_datetime'] = selected_booking_datetime;
4392            data['selected_time_zone'] = selected_time_zone;
4393            data['selected_booking_location'] = selected_booking_location;
4394
4395            
4396                        data['booking_type_id'] = null;
4397                    }
4398
4399        if( status === 'post-payment' && payment_intent_id != null ) {
4400                        data['payment_intent_id'] = payment_intent_id;
4401            data['payment_setup_id'] = "";
4402            data['contact_id'] = contact_id;
4403        }
4404        if( status === 'lead-before-payment' ) {
4405                        data['lead-before-payment'] = 1;
4406            data['payment_intent_id'] = payment_intent_id;
4407            data['payment_setup_id'] = "";
4408            data['page_id'] = 45905;
4409            data['contact_id'] = contact_id;
4410            let payment_temp = UpdatePaymentAmount( false );
4411            data['routing_option'] = payment_temp.total_payment_amount;
4412                    }
4413        if( status === 'payment-failure' ) {
4414                        data['lead-before-payment'] = 2;
4415        }
4416        if( typeof payment_options !== 'undefined' && Array.isArray( payment_options ) && payment_options.length > 0 ) {
4417                        var payment_uuids = [];
4418            for( i = 0; i < payment_options.length; i++ ) {
4419                var payment_option = payment_options[i];
4420                var payment_option_control = $('#payment-option' + i);
4421                if( payment_option_control.is(':checked') ) {
4422                    payment_uuids.push( payment_option['uuid'] );
4423                }
4424            }
4425            data['payment_uuids'] = payment_uuids;
4426        }
4427
4428        data['total_lead_fields'] = 9;
4429        SaveFormFieldsToLocalStorage( data );
4430        if( status !== 'payment-failure' )
4431            toastr.info('Please wait...');
4432
4433        submitLeadFormInternal( data );
4434    }
4435
4436    function RenderPaymentOptions( update_payment_intent = true, select_last_payment_option = false, coupon_code = '' )
4437    {
4438        var payment_options_choose_from = "single";
4439            }
4440
4441    function GetCurrencySymbolFromCurrencyCode( currency_code )
4442    {
4443        var supported_currencies = [{"code":"usd","name":"United States Dollar (USD $)","symbol":"$"},{"code":"aud","name":"Australian Dollar (AUD $)","symbol":"AUD$"},{"code":"cad","name":"Canadian Dollar (CAD $)","symbol":"CAD$"},{"code":"eur","name":"Euro (EUR \u20ac)","symbol":"\u20ac"},{"code":"chf","name":"Swiss Franc (\u20a3)","symbol":"\u20a3"},{"code":"hkd","name":"Hong Kong Dollar (HKD $)","symbol":"HKD$"},{"code":"myr","name":"Malaysian Ringgit (MYR RM)","symbol":"RM"},{"code":"nzd","name":"New Zealand Dollar (NZD $)","symbol":"NZD$"},{"code":"nok","name":"Norwegian Krone (NOK kr)","symbol":"kr"},{"code":"gbp","name":"Pound Sterling (GBP \u00a3)","symbol":"\u00a3"},{"code":"sgd","name":"Singapore Dollar (SGD $)","symbol":"SGD$"},{"code":"mxn","name":"Mexican Peso (MXN $)","symbol":"MXN$"}];
4444        for( var j = 0; j < supported_currencies.length; j++ ) {
4445            var currency = supported_currencies[j];
4446            if( currency_code == currency['code'] )
4447                return currency['symbol'];
4448        }
4449        return '$';
4450    }
4451
4452    let calculated_payment_amount = null;
4453    function UpdatePaymentAmount( update_payment_intent = true )
4454    {
4455        var total_payment_amount = 0;
4456        var total_onetime_amount = 0;
4457        var recurring_amounts = {};         var total_options_selected = 0;
4458        var currency_symbol = '';
4459        var pwyw_validation_error = false;
4460        for( var i = 0; i < payment_options.length; i++ ) {
4461            var payment_option = payment_options[i];
4462            var payment_option_control = $('#payment-option' + i);
4463            if( payment_option_control.is(':checked') ) {
4464                let payment_amount = payment_option['payment_amount'] + '';
4465                let min_amount = parseFloat(payment_option['payment_amount']);
4466
4467                                if( payment_option['pay_what_you_want'] == 1 ) {
4468                    let pwyw_input = $('#pwyw-amount-' + i);
4469                    if( pwyw_input.length > 0 ) {
4470                        let pwyw_value = parseFloat(pwyw_input.val());
4471                        if( isNaN(pwyw_value) || pwyw_value < min_amount ) {
4472                            pwyw_input.css('border-color', 'red');
4473                            pwyw_validation_error = true;
4474                        } else {
4475                            pwyw_input.css('border-color', '');
4476                            payment_amount = pwyw_value + '';
4477                            custom_amounts[payment_option['uuid']] = pwyw_value;
4478                        }
4479                    }
4480                }
4481
4482                let has_decimal = (payment_amount.indexOf('.') > -1);
4483                let cents_amount = payment_amount.split('.');
4484                if( cents_amount.length > 1 && cents_amount[1].length === 1 )
4485                    payment_amount += '0';
4486                if( cents_amount.length > 1 && cents_amount[1].length > 2 )
4487                    payment_amount = cents_amount[0] + '.' + cents_amount[1].substring(0,2);
4488
4489                let integer_payment_amount = payment_amount.replace('.','');
4490                if( !has_decimal )
4491                    integer_payment_amount *= 100;
4492                let this_cents = parseInt(integer_payment_amount, 10);
4493                total_payment_amount += this_cents;
4494                total_options_selected++;
4495
4496                                let option_interval = payment_option['billing_interval'] || 'one_time';
4497                let effective_interval = option_interval;
4498                if( option_interval === 'payment_plan' ) {
4499                    effective_interval = payment_option['payment_plan_interval'] || 'monthly';
4500                }
4501                if( effective_interval !== 'one_time' ) {
4502                    if( !recurring_amounts[effective_interval] ) {
4503                        recurring_amounts[effective_interval] = 0;
4504                    }
4505                    recurring_amounts[effective_interval] += this_cents;
4506                }
4507                else {
4508                    total_onetime_amount += this_cents;
4509                }
4510
4511                if (currency_symbol == '')
4512                    currency_symbol = GetCurrencySymbolFromCurrencyCode(payment_option.payment_currency);
4513            }
4514        }
4515        if( total_payment_amount < 0 )
4516            total_payment_amount = 0;
4517        total_payment_amount /= 100;
4518        if( total_payment_amount.toString().endsWith( '.00' ) )
4519            total_payment_amount = parseInt( total_payment_amount, 10 );
4520
4521        if( (total_payment_amount + '').indexOf('.') > -1 )
4522            total_payment_amount = Number(total_payment_amount).toFixed(2);
4523
4524        if( currency_symbol == '' )
4525            currency_symbol = '$';
4526
4527                let recurring_interval_keys = Object.keys(recurring_amounts);
4528        let has_recurring = recurring_interval_keys.length > 0;
4529        let display_text = '';
4530        if( has_recurring ) {
4531                        let recurring_parts = [];
4532            let first_payment_text = '';
4533            for( let ri = 0; ri < recurring_interval_keys.length; ri++ ) {
4534                let interval_key = recurring_interval_keys[ri];
4535                let interval_amount = recurring_amounts[interval_key] / 100;
4536                if( interval_amount.toString().indexOf('.') > -1 ) {
4537                    interval_amount = Number(interval_amount).toFixed(2);
4538                }
4539                let label = billing_interval_labels[interval_key] || '';
4540
4541                                let plan_num_payments = 0;
4542                let plan_first_amount = null;
4543                let has_first_override = false;
4544                for( let pi = 0; pi < payment_options.length; pi++ ) {
4545                    let po = payment_options[pi];
4546                    let po_ctrl = $('#payment-option' + pi);
4547                    if( po_ctrl.length === 0 || !po_ctrl.is(':checked') ) {
4548                        continue;
4549                    }
4550                    let po_interval = po.billing_interval || 'one_time';
4551                    let po_effective = (po_interval === 'payment_plan') ? (po.payment_plan_interval || 'monthly') : po_interval;
4552                    if( po_effective !== interval_key ) {
4553                        continue;
4554                    }
4555                    if( po_interval === 'payment_plan' ) {
4556                        plan_num_payments = po.num_payments || 1;
4557                    }
4558                    if( po.first_payment_amount !== null && po.first_payment_amount !== undefined && po.first_payment_amount !== '' ) {
4559                        has_first_override = true;
4560                        plan_first_amount = parseFloat(po.first_payment_amount);
4561                    }
4562                }
4563
4564                let duration_words = {'weekly':'weeks','biweekly':'2-week periods','monthly':'months','quarterly':'quarters','yearly':'years'};
4565                let cycle_word_map = {'weekly':'week','biweekly':'2-week period','monthly':'month','quarterly':'quarter','yearly':'year'};
4566                let cw = cycle_word_map[interval_key] || 'month';
4567                if( plan_num_payments > 0 && has_first_override ) {
4568                                        let remaining = plan_num_payments - 1;
4569                    if( plan_first_amount === 0 ) {
4570                        first_payment_text = 'Free first ' + cw;
4571                    } else {
4572                        let fmt_first = Number(plan_first_amount).toFixed(2);
4573                        if( fmt_first.endsWith('.00') ) {
4574                            fmt_first = parseInt(fmt_first, 10);
4575                        }
4576                        first_payment_text = currency_symbol + fmt_first + ' first ' + cw;
4577                    }
4578                    recurring_parts.push( remaining + ' payment' + (remaining !== 1 ? 's' : '') + ' of ' + currency_symbol + interval_amount + label );
4579                } else if( plan_num_payments > 0 ) {
4580                                        let dw = duration_words[interval_key] || 'months';
4581                    recurring_parts.push( currency_symbol + interval_amount + label + ' for ' + plan_num_payments + ' ' + dw );
4582                } else if( has_first_override ) {
4583                                        if( plan_first_amount === 0 ) {
4584                        first_payment_text = 'Free first ' + cw;
4585                    } else {
4586                        let fmt_first_r = Number(plan_first_amount).toFixed(2);
4587                        if( fmt_first_r.endsWith('.00') ) {
4588                            fmt_first_r = parseInt(fmt_first_r, 10);
4589                        }
4590                        first_payment_text = currency_symbol + fmt_first_r + ' first ' + cw;
4591                    }
4592                    recurring_parts.push( currency_symbol + interval_amount + label );
4593                } else {
4594                    recurring_parts.push( currency_symbol + interval_amount + label );
4595                }
4596            }
4597
4598            if( first_payment_text !== '' ) {
4599                display_text = first_payment_text + ', then ' + recurring_parts.join(' and ');
4600            } else if( total_onetime_amount > 0 ) {
4601                display_text = currency_symbol + total_payment_amount + ' today, then ' + recurring_parts.join(' and ');
4602            } else {
4603                if( recurring_interval_keys.length === 1 ) {
4604                    display_text = recurring_parts[0];
4605                } else {
4606                    display_text = currency_symbol + total_payment_amount + ' today, then ' + recurring_parts.join(' and ');
4607                }
4608            }
4609        }
4610        else {
4611            display_text = currency_symbol + total_payment_amount;
4612        }
4613        $('#amount-to-be-charged').html( display_text );
4614
4615                let new_mode = has_recurring ? 'recurring' : 'onetime';
4616        if( new_mode !== currentPaymentMode ) {
4617                    }
4618
4619        if( total_payment_amount !== calculated_payment_amount && !pwyw_validation_error ) {
4620                        calculated_payment_amount = total_payment_amount;
4621        }
4622        return {
4623            total_payment_amount: total_payment_amount,
4624            total_options_selected: total_options_selected,
4625            pwyw_validation_error: pwyw_validation_error
4626        }
4627    }
4628
4629
4630    $(function() {
4631                let background_image = document.querySelector('[id=usebackground] img');
4632        if( background_image ) {
4633            let src = background_image.getAttribute('src');
4634            if( typeof src === 'string' && src !== '' ) {
4635                $('.fr-view').css('background', 'url(' + src + ') no-repeat center center fixed')
4636                    .css('background-size', 'cover')
4637                    .css('background-attachment', 'scroll');
4638
4639                $('section').css('background', 'transparent !important');
4640            }
4641        }
4642        try {
4643            $('#leadForm').linkify();
4644        }
4645        catch( error )
4646        {
4647            // ignore
4648        }
4649        Number.prototype.round = function(places) {
4650            return +(Math.round(this + "e+" + places)  + "e-" + places);
4651        }
4652
4653        
4654        RenderPaymentOptions();
4655
4656        
4657        $('#payment-options-div').on( 'change', '.payment-option', function() {
4658            if( $(this).is(':checked') ) {
4659                var this_payment_currency = $(this).attr('data-currency');
4660                                for( var i = 0; i < payment_options.length; i++ ) {
4661                    var payment_option = payment_options[i];
4662                    var payment_option_control = $('#payment-option' + i);
4663                    if( payment_option_control.is(':checked') && $(this)[0].id != payment_option_control[0].id &&
4664                        this_payment_currency != payment_option.payment_currency ) {
4665                        toastr.clear();
4666                        toastr.info('Please choose payment options of the same currency.');
4667                        $(this).prop('checked',false);
4668                        return false;
4669                    }
4670                }
4671            }
4672            UpdatePaymentAmount();
4673        });
4674
4675                $('#payment-options-div').on( 'change input', '.pwyw-amount-input', function() {
4676            var index = $(this).data('index');
4677            var min_amount = parseFloat(payment_options[index]['payment_amount']);
4678            var entered_amount = parseFloat($(this).val());
4679            if( isNaN(entered_amount) || entered_amount < min_amount ) {
4680                $(this).css('border-color', 'red');
4681                var currency_symbol = GetCurrencySymbolFromCurrencyCode(payment_options[index]['payment_currency']);
4682                toastr.clear();
4683                toastr.warning('Minimum amount is ' + currency_symbol + min_amount.toFixed(2));
4684            } else {
4685                $(this).css('border-color', '');
4686            }
4687            UpdatePaymentAmount();
4688        })
4689
4690                $('[href$="#lead"]').click( function() {
4691            $('#leadModal').modal('show');
4692            return false;
4693        } );
4694                if( location.hash === '#lead' || location.hash === '#lead-form' )
4695            $('#leadModal').modal('show');
4696                $('[href$="#contact"]').click( function() {
4697            $('#contactMeModal').modal('show');
4698            return false;
4699        } );
4700
4701        
4702        $('#register-button').click( submitLeadForm );
4703    });
4704</script>
4704
4705    
4705<script src="https://attractwell.com/thirdparty/linkifyjs/linkify.min.js"></script>
4705
4706    
4706<script src="https://attractwell.com/thirdparty/linkifyjs/linkify-jquery.min.js"></script>
4706
4707    
4707<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/signature_pad.umd.min.js"></script>
4707
4708    
4708<script>
4709    $(function() {
4710        function initSignatureCanvas(canvas) {
4711            canvas.width = canvas.offsetWidth;
4712            canvas.height = canvas.offsetHeight;
4713            let signaturePad = new SignaturePad(canvas, {
4714                backgroundColor: 'rgb(255, 255, 255)',
4715                penColor: 'rgb(0, 0, 0)'
4716            });
4717            $(canvas).data('signaturePad', signaturePad);
4718        }
4719
4720        /* Initialize signature pads that are currently visible */
4721        $('.signature-canvas').each(function() {
4722            if (this.offsetWidth > 0) {
4723                initSignatureCanvas(this);
4724            }
4725        });
4726
4727        /* Re-initialize signature pads when a modal is shown (canvas has 0 dimensions while hidden) */
4728        $('#leadModal').on('shown.bs.modal', function() {
4729            $(this).find('.signature-canvas').each(function() {
4730                initSignatureCanvas(this);
4731            });
4732        });
4733
4734        /* Clear signature button handler */
4735        $('.clear-signature-btn').click(function() {
4736            let canvasId = $(this).data('canvas-id');
4737            let canvas = document.getElementById(canvasId);
4738            let signaturePad = $(canvas).data('signaturePad');
4739            if (signaturePad) {
4740                signaturePad.clear();
4741            }
4742        });
4743    });
4744    </script>
4744
4745
4746
4747    <div class="modal fade" id="leadModal" tabindex="-1" role="dialog" aria-labelledby="leadModalLabel" aria-hidden="true">
4748        <div class="modal-dialog modal-lg">
4749            <div class="modal-body">
4750                <div class="modal-content">
4751                    <div class="modal-body">
4752                        <div class="block divcenter">
4753                            <div class="row nomargin clearfix">
4754                                <div class="col-md-12">
4755                                    <div>
4756                                        <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4757                                        <form action="#" class="clearfix" id="leadForm" name="leadForm" style="clear:both;margin-bottom:0;"><div id="payment-options-div"></div><div id="form-position"></form></div><div>
4758            <button id="register-button" data-secret="" class="button button-3d button-rounded button-blue button-large btn-block nomargin" type="button"><div id="register-button-text">Yes, get me started!</div></button></div></form>                                    </div>
4759                                </div>
4760                            </div>
4761                        </div>
4762                    </div>
4763                </div>
4764            </div>
4765        </div>
4766    </div>
4767
4768    </main><!-- main content end -->
4769
4770    <a name="contact"></a>
4771
4772    
4773    <footer id="footer" class="dark">
4774
4775        <!-- Copyrights
4776        ============================================= -->
4777        <div id="copyrights">
4778
4779            <div class="container clearfix text-center">
4780
4781                <div>
4782                    Copyright &copy; 2026                         by respective copyright holders, which include but may not be limited to Tom  Hanes and AttractWell.                </div>
4783                                    <div style="margin-top:2rem;">
4784                        <a href="https://attractwell.com" target="_blank">Powered by AttractWell.com. Get your own system now!</a>
4785                    </div>
4786                            </div>
4787
4788        </div><!-- #copyrights end -->
4789
4790    </footer><!-- #footer end -->
4791    
4792</div><!-- #wrapper end -->
4793
4794
4795
4796
4797<style>
4798    .subscribe {
4799        font-weight: 300;
4800        margin-bottom:15px;
4801    }
4802    .subscribe label {
4803        font-weight: 300;
4804        display:inline;
4805        white-space:nowrap;
4806    }
4807    .subscribe > span, .subscribe > span > span {
4808        white-space:nowrap;
4809    }
4810    #contact-me-message {
4811        min-height:60px;
4812        margin-bottom:10px;
4813        max-height:120px;
4814    }
4815    .contact-form-address {
4816        display:none;
4817    }
4818    .sm-form-control {
4819        font-size: 1.8rem;
4820        height: auto;
4821    }
4822        .contact-form-grid {
4823        display: grid;
4824        grid-template-columns: 1fr 1fr;
4825        grid-gap: 2rem;
4826        align-items: center;
4827        justify-items: center;
4828        padding: 1rem;
4829    }
4830    .contact-form-grid > div {
4831        width: 100%;
4832    }
4833    @media (max-width: 991px) {
4834        .contact-form-grid {
4835            grid-template-columns: 1fr;
4836        }
4837    }
4838</style>
4839
4840<!-- Contact Me Modal -->
4841<div class="modal fade" id="contactMeModal" tabindex="-1" role="dialog" aria-labelledby="contactMeModalLabel" aria-hidden="true">
4842    <div class="modal-dialog modal-lg">
4843        <div class="modal-body">
4844            <div class="modal-content">
4845                <div class="modal-body">
4846                    <div class="contact-form-grid">
4847                                                    <div>
4848                                <img src="https://attractwell-4533-fast.b-cdn.net/images/4533/6880fb3e49533.jpg" style="width:100%;" loading="lazy">
4849                            </div>
4850                                                <div>
4851                            <div class="text-center">
4852                                <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4853                                <h2 class="ls1 nobottommargin" id="contactMeModalLabel">Tom  Hanes</h2>
4854
4855                                <div style="color: #888888;font-weight:300;margin-bottom:10px;">
4856        USA<br>            <a href="tel:8172338199">8172338199</a>
4857        &bullet;
4858        <a href="mailto:&#116;&#111;&#109;&#104;&#97;&#110;&#101;&#115;&#64;&#115;&#105;&#100;&#101;&#98;&#121;&#115;&#105;&#100;&#101;&#97;&#116;&#99;&#46;&#99;&#111;&#109;">&#116;&#111;&#109;&#104;&#97;&#110;&#101;&#115;&#64;&#115;&#105;&#100;&#101;&#98;&#121;&#115;&#105;&#100;&#101;&#97;&#116;&#99;&#46;&#99;&#111;&#109;
4858</a>
4859    <div style="margin-top:1rem;text-align:center;">
4860        
4861        <style>
4862        .social-icon {
4863            float: none;
4864            display: inline-block;
4865        }
4866        .si-snapchat:hover {
4867            background-color: #fffc00;
4868        }
4869        .snapchat-adjust {
4870            padding-top: 9px;
4871        }
4872        .snapchat-adjust:hover {
4873            padding-top: 15px;
4874        }
4875        .snapchat-adjust:not(.si-small):hover {
4876            padding-top: 18px;
4877        }
4878        .snapchat-adjust:hover i:first-child {
4879            visibility: hidden;
4880        }
4881        .snapchat-adjust i:last-child {
4882            color: #333 !important;
4883        }
4884        .fa-x-twitter:first-of-type {
4885            margin-top: 8px;
4886        }
4887        .fa-x-twitter:last-child {
4888            margin-top: 24px;
4889        }
4890        .fa-x-twitter-large {
4891            padding-top: 1px;
4892        }
4893        .fa-snapchat-ghost:first-of-type {
4894            margin-bottom:10px;
4895        }
4896        .fa-snapchat-ghost:last-child {
4897            position: relative;
4898            top: -1px;
4899        }
4900        .snapchat-adjust-large {
4901            padding-top: 10px;
4902        }
4903        .snapchat-adjust-large:hover {
4904            padding-top: 18px;
4905        }
4906        .snapchat-adjust-large:hover i:first-child {
4907            visibility: hidden;
4908        }
4909        .dark .snapchat-adjust-large i:last-child {
4910            color: #333 !important;
4911        }
4912        .fa-snapchat-ghost-large:first-of-type {
4913            margin-bottom:10px;
4914        }
4915    </style>    </div>
4916</div>
4917
4918
4919                                                                    <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>
4920                                    <div class="row">
4921                                        <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>
4922                                        <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>
4923                                    </div>
4924                                    <div style="margin-bottom:10px;">
4925                                        <select class="sm-form-control" id="contact-me-country" name="contact-me-country">
4926                                            <optgroup label="My Country">
4927                                                <option value="">Please select</option>
4928                                                <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">
4928France</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>
4929                                        </select>
4930                                    </div>
4931                                    <div>
4932                                        <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>
4933                                        <textarea id="contact-me-message" name="contact-me-message" class="sm-form-control" placeholder="Your message to Tom  Hanes (optional)"></textarea>
4934                                                                                    <div class="subscribe text-center">
4935                                                <label style="margin-right:5px;">
4936                                                    Contact me by
4937                                                </label>
4938                                                <span>
4939                                                    <span>
4940                                                        <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>
4941                                                    </span>
4942                                                    <span>
4943                                                        <input type="checkbox" name="subscribe-text" id="subscribe-text" value="1" style="margin-right:5px;"><label for="subscribe-text">Text</label>
4944                                                    </span>
4945                                                </span>
4946                                            </div>
4947                                                                                <div class="text-center">
4948                                            <button type="button" id="send-message-button" class="button button-large button-green nomargin" value="submit">Send Message</button>
4949                                        </div>
4950                                    </div>
4951                                                            </div>
4952                        </div>
4953                    </div>
4954                </div>
4955            </div>
4956        </div>
4957    </div>
4958</div>
4959
4960<script>
4961    function IsEU( country )
4962    {
4963        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"];
4964
4965        if( EU_countries.indexOf( country ) > -1 )
4966            return true;
4967        else
4968            return false;
4969    }
4970
4971    $(function() {
4972        $('#contactMeModal').on('shown.bs.modal', function () {
4973            $('#contact-me-name').focus();
4974        });
4975        $('#contact-me-country').change( function() {
4976            if( IsEU( $(this).val() ) )
4977                $('#subscribe-email').prop('checked',false);
4978            else
4979                $('#subscribe-email').prop('checked',true);
4980        });
4981        $('#contact-me-country').change();
4982    });
4983
4984        $('#send-message-button').click( function() {
4985        var contact_name    = $('#contact-me-name').val().trim();
4986        var contact_email   = $('#contact-me-email').val().trim();
4987        var contact_phone   = $('#contact-me-phone').val().trim();
4988        var contact_message = $('#contact-me-message').val().trim();
4989        var contact_country = $('#contact-me-country').val();
4990
4991                if( contact_name == '' ) {
4992            toastr.error( 'Please enter your name.' );
4993            $('#contact-me-name').focus();
4994            return;
4995        }
4996        if( contact_email == '' && contact_phone == '' ) {
4997            toastr.error( 'Please enter either your phone or email address.' );
4998            $('#contact-me-phone').focus();
4999            return;
5000        }
5001
5002                if( contact_message == '' && !$('#subscribe-text').prop('checked') && !$('#subscribe-email').prop('checked') ) {
5003            toastr.error( 'Please either choose a way to be contacted or enter a message.');
5004            $('#contact-me-message').focus();
5005            return;
5006        }
5007
5008                        if ($('#subscribe-text').prop('checked') && contact_phone == '') {
5009            toastr.error('Please enter your mobile phone number to be contacted by text.');
5010            $('#contact-me-phone').focus();
5011            return;
5012        }
5013                if ($('#subscribe-email').prop('checked') && contact_email == '') {
5014            toastr.error('Please enter your email address to be contacted by email.');
5015            $('#contact-me-email').focus();
5016            return;
5017        }
5018
5019        $('#contactMeModal').modal('hide');
5020        toastr.info('Message sending...');
5021        $.ajax({
5022                            //url: //,
5023                url: "https://sidebysideatc.com/app/contact-me-form",
5024                method: "POST",
5025                dataType: "json",
5026            crossDomain: true,
5027                data: {
5028                    'contact-name' : contact_name,
5029                    'contact-email' : contact_email,
5030                    'contact-phone' : contact_phone,
5031                    'contact-message' : contact_message,
5032                    'contact-country' : contact_country,
5033                                        'contact-address' : $('#contact-address').val(),
5034                    'subscribe-email' : ($('#subscribe-email').prop('checked') ? '1' : '0'),
5035                    'subscribe-text'  : ($('#subscribe-text').prop('checked') ? '1' : '0'),
5036                    'enroller-number' : "",
5037                    'enroller-name' : "",
5038                    'sponsor-number' : "",
5039                    'sponsor-name' : "",
5040                    'utm_source' : null,
5041                    'utm_campaign' : null,
5042                    'utm_medium' : null,
5043                    'utm_term' : null,
5044                    'utm_content' : null,
5045                    'request_source' : 'contact_me',
5046                    "analytics_campaign" : null                }
5047            })
5048            .done(function( data ) {
5049                if( data.success ) {
5050                    toastr.success('Message sent!', {timeOut: 10000});
5051                    $('#contact-me-message').val('');
5052                }
5053                else if( data.code == 'Invalid Email' ) {
5054                    toastr.error( 'Please check your email address.' );
5055                    $('#contact-me-email').focus();
5056                }
5057                else if( data.code == 'Missing Name' ) {
5058                    toastr.error( 'Please enter your name.' );
5059                    $('#contact-me-name').focus();
5060                }
5061                else if( data.code == 'Email Or Phone Required' ) {
5062                    toastr.error( 'Please enter either your phone or email address.' );
5063                    $('#contact-me-phone').focus();
5064                }
5065                else if( data.code == 'Missing Message' ) {
5066                    toastr.error( 'Please enter a message.' );
5067                    $('#contact-me-message').focus();
5068                }
5069                else
5070                    toastr.error('Message not sent. Please contact me by email or phone instead.');
5071
5072            })
5073            .fail(function( jqXHR, textStatus ) {
5074                toastr.error( "Request failed: " + textStatus, 'Message not sent. Please contact me by email or phone instead.' );
5075            });
5076    });
5077</script>
5077
5078
5079
5080<!-- Go To Top
5081============================================= -->
5082<div id="gotoTop" class="icon-angle-up"></div>
5083
5084<!-- Footer Scripts
5085============================================= -->
5086<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5086
5087    
5087<script type="text/javascript" src="https://attractwell.com/site-assets/themes/attractwell/js/functions.min.js"></script>
vendor: 1 bytes, line 5087
5087
5088<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5088
5089<!--
5089<script type="text/javascript" src="https://attractwell.com/site-assets/js/js.cookie.js"></script>
5089  -->
5090<script type="text/javascript">
5091    var quickfit_options_large = {
5092        min: 15,
5093        max: 36,
5094        width: 300
5095        //truncate: true
5096    };
5097    var quickfit_options_small = {
5098        min: 12,
5099        max: 20,
5100        width: 200
5101        //truncate: true
5102    };
5103
5104    function resizeText()
5105    {
5106            }
5107
5108    $(function() {
5109        // auto scale text name if it's too long, on both window resize and scroll
5110        $( window ).on( 'resize', resizeText );
5111        $( window ).on( 'scroll', resizeText );
5112        resizeText();
5113
5114        $(window).load( function() {
5115                        if( location.hash === '#contact' )
5116                $('#contactMeModal').modal('show');
5117
5118            $('a[href$="#contact"]').click( function() {
5119                $('#contactMeModal').modal('show');
5120                return false;
5121            } );
5122
5123            $('a[href$="#lead"]').click( function() {
5124                if( $('#leadModal').length === 0 && $('#lead').length === 0 ) {
5125                    window.location.href = "\/#lead";
5126                    return false;
5127                }
5128            } );
5129
5130            $( window ).resize();
5131        });
5132
5133
5134        $('.menu-flag-icon').click( function (){
5135                        Cookies.set("country",$(this).attr('data-flag'), { path: '' } ); // cookie valid to the current path
5136            window.scrollTo(0,0); // scroll to top of page
5137            location.reload(true);
5138        });
5139
5140        $('#landing-page-log-out').click(function() {
5141            var path_scope = '/';
5142            Cookies.remove("registered-on-landing-page", {path: path_scope});
5143            Cookies.remove('landing_account_id', {path: path_scope});
5144            Cookies.remove('contact_id', {path: path_scope});
5145            Cookies.remove('skip_registration', {path: path_scope});
5146        });
5147
5148                // instrument the page with click handlers
5149        $('a').click( function() {
5150            var url = $(this).attr('href');
5151            var title = $(this).text();
5152            title = title.replace(/\\n/gi,'').trim();
5153            if( url !== '#' ) {
5154                var is_sign_up_link = ($(this).hasClass('sign-up-link') || (url === null && null !== ''));
5155                RecordExternalClickAnalytics(url, title, is_sign_up_link );
5156                if( is_sign_up_link && Cookies.get('contact_id') != '' )
5157                    RecordContactWebsiteSignUpLinkClick( Cookies.get('contact_id') );
5158            }
5159        });
5160            });
5161</script>
vendor: 1 bytes, line 5161
5161
5162<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
vendor: 1 bytes, line 5162
5162
5163<script>$(function() { $('audio').on('contextmenu', () => {return false}); });</script>
5163
5164
5165    
5166</body>
5167</html>
5168<!--key|https-sidebysideatc.com/page/radar-lab-program --- cache hit--><!-- elapsed: 6-->

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.