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