PageSourceSearch

https://drryanjohnson.com/myservices

html drryanjohnson.com collected 2026-09-29 01:59:01 UTC 219,870 bytes, 5,197 lines download raw bytes

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

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.