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