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 = ' '; 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=""> </div><div class=""> </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> </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. </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. </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> </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. </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. </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=""> </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 </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=""> </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 </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("https://attractwell-659-fast.b-cdn.net/images/659/684447814dd49.jpg") 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("https://attractwell-659-fast.b-cdn.net/images/659/68449f9c42448.png") 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("https://attractwell-659-fast.b-cdn.net/images/659/684641d4a40a0.png") 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("https://attractwell-659-fast.b-cdn.net/images/659/68449f9c42448.png") 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 </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 "&": "&", 4258 "<": "<", 4259 ">": ">", 4260 '"': '"', 4261 "'": ''', 4262 "/": '/' 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">×</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 </span></a><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 & Conditions</a> | </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 </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 & Conditions</a> </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">×</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 • 4882 <a href="mailto:ryan@drryanjohnson.com">ryan@drryanjohnson.com</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.