1<!DOCTYPE html><html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en" ><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,minimal-ui,initial-scale=1"><title>Contact us | BarPrepHero.com</title><link rel="canonical" href="https://barprephero.com/contact-us/"><meta property="og:title" itemprop="title" content="Contact us | BarPrepHero.com"><meta property="fb:app_id" content="317022108410523"><meta property="og:site_name" content="Bar Prep Hero"><meta property="og:type" content="website"><meta property="og:url" content="https://barprephero.com/contact-us/"><meta property="og:image" content="http://barprephero.com/wp-content/uploads/2019/06/social.png"><meta property="og:image:secure_url" content="https://barprephero.com/wp-content/uploads/2019/06/social.png"><meta property="og:locale" content="en_us"><meta name="twitter:card" content="summary_large_image"><link rel="icon" type="image/svg+xml" href="/favicon.svg?v=5"><link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png?v=5"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=5"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=5"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=5"><link rel="manifest" href="/manifest.json?v=5"><link rel="mask-icon" href="/safari-pinned-tab.svg?v=5" color="#0C7571"><link rel="shortcut icon" href="/favicon.ico?v=5"><meta name="msapplication-TileColor" content="#0C7571"><meta name="theme-color" content="#0C7571"><link rel="preload" href="https://s.barprephero.com/f/npr4logo.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.typekit.net/akm7jfr.css" as="style"><link href="https://use.typekit.net/akm7jfr.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="https://barprephero.com/wp-content/themes/parallelus-salutation/animate.min.css"><link rel="stylesheet" type="text/css" href="https://barprephero.com/wp-content/themes/parallelus-salutation/style-default.rv23.css"><link rel="stylesheet" type="text/css" href="https://barprephero.com/wp-content/themes/parallelus-salutation/style-skin-1.rv10.css"><meta property="og:description" itemprop="description" name="description" content="Contact us Our Mailing Address Elegant E-Learning, Inc., 1 Hunter Street East, Ground Floor Hamilton, ON, Canada, L8N 3W1">
1<script>(function(c) { 2 var script = document.createElement("script"); 3 script.src = "https://js.memberful.com/embed.js"; 4 script.onload = function() { Memberful.setup(c) }; 5 document.head.appendChild(script); 6 })({ 7 site: ["https:\/\/bph.memberful.com"] });</script>
7
7<script>!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_gw8bmsk4v22h');rdt('track', 'PageVisit');</script>
7
7<script>function fLocalStorage(){try{if(void 0!==window.localStorage&&(window.localStorage.setItem("feature_test","yes"),"yes"===window.localStorage.getItem("feature_test")))return window.localStorage.removeItem("feature_test"),!0}catch(e){}return!1}function fSessionStorage(){try{if(void 0!==window.sessionStorage&&(window.sessionStorage.setItem("feature_test","yes"),"yes"===window.sessionStorage.getItem("feature_test")))return window.sessionStorage.removeItem("feature_test"),!0}catch(e){}return!1}var isLocalStorage=fLocalStorage(),isSessionStorage=fSessionStorage();function setSessionVar(e,t,o){if(isLocalStorage?window.localStorage.setItem(e,t):isSessionStorage&&window.sessionStorage.setItem(e,t),o=o||null){var n=new Date;n.setTime(n.getTime()+31536e6),document.cookie=e+"="+t+"; path=/; expires="+n.toUTCString()}return t}function getCookie(e){var t={},o=document.cookie.split("; ");for(i=o.length-1;i>=0;i--){var n=o[i].split("=");t[n[0]]=n[1]}return void 0!==t[e]?decodeURIComponent(t[e]):null}function getSessionVar(e,t,o){t=null!=t?t:null;var n=null;try{isLocalStorage?n=window.localStorage.getItem(e):isSessionStorage&&(n=window.sessionStorage.getItem(e)),(o=o||null)&&null==n&&(n=getCookie(e))}catch(e){}return null==n&&null!=t&&(n=t),n}</script>
7
7<script>var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],bw=w.innerWidth||e.clientWidth||g.clientWidth;</script>
7
7<script src="https://barprephero.com/wp-content/themes/parallelus-salutation/js/jquery-1.8.3.min.js"></script>
vendor: 65 bytes, line 7
7 <script async src="https://www.googletagmanager.com/gtag/js?id=
7G-8NW3E2FX4S
vendor: 12 bytes, line 7
7"></script>
7<script>window.dataLayer = window.dataLayer || []; 8function gtag(){dataLayer.push(arguments);} 9gtag('js', new Date()); 10gtag('config', 'G-8NW3E2FX4S', {"linker":{"domains":["memberful.com"]}});</script>
10<script crossorigin="anonymous" src="https://cdn.amplitude.com/libs/analytics-browser-2.11.1-min.js.gz"></script>
10
10<script crossorigin="anonymous" src="https://cdn.amplitude.com/libs/plugin-session-replay-browser-1.8.0-min.js.gz"></script>
10
10<script>if (typeof window.amplitude !== 'undefined') { 11 window.amplitude.add(window.sessionReplay.plugin({sampleRate: 1})); 12 window.amplitude.init('a163035e169716ddbc1ae5a7446d7385', {"autocapture":{"elementInteractions":false,"sessions":true}}); 13 14 const identifyEvent = new amplitude.Identify(); 15 identifyEvent.set('user_device', 'desktop'); 16 identifyEvent.set('user_status', 'free'); 17 18 amplitude.identify(identifyEvent); 19 20}</script>
20
20<script defer data-domain="barprephero.com" src="https://plausible.io/js/script.tagged-events.js"></script>
20 </head><body id="type_page" class= "isDelayed atPreInit"><style>body { 21 width: 100%; 22 overflow-x: hidden; 23 margin: 0; 24 /*overflow-x: hidden;*/ 25 font-family: "proxima-nova", sans-serif; 26 background-color: #f2f3f7; 27 min-width: 320px; 28 display: flex; 29 flex-direction: column; 30 min-height: 100vh; 31} 32body.article { 33 background-color: #fff; 34} 35body.customize-support { 36 min-height: calc(100vh - 32px); 37} 38body>#container { 39 flex-grow: 1; 40} 41.clearfix::after { 42 content: ""; 43 display: table; 44 clear: both; 45} 46#header { 47 width: 100%; 48 float: none; 49 /*transition: width 0.2s ease-out;*/ 50 position: relative; 51 z-index: 1000; 52} 53.sidebar-open #header { 54 width: calc(100% - 350px); 55 float: left; 56} 57#header > .container, 58#inner_wrapper, 59#breadcrumbs .container { 60 max-width: 960px; 61 margin: 0 auto; 62 padding: 0 15px; 63 box-sizing: border-box; 64} 65#header > .container { 66 display: flex; 67 align-items: center; 68 width: 100%; 69 box-sizing: border-box; 70 justify-content: flex-start; 71 padding-top: 10px; 72} 73#sidebar { 74 display: none; 75 width: 371px; 76 height: 100%; 77 position: absolute; 78 top: 0; 79 left: 100%; 80 padding: 15px 15px 0 0; 81 box-sizing: border-box; 82 z-index: 1000; 83} 84.sidebar-open #sidebar { 85 display: block; 86} 87#outer_layout, 88#wrapper { 89 width: 100%; 90} 91#outer_layout { 92 position: relative; 93 /*overflow: hidden;*/ 94 /*transition: width 0.2s ease-out;*/ 95} 96.sidebar-open #outer_layout { 97 width: calc(100% - 371px); 98} 99#wrapper { 100 clear: both; 101} 102#sidebar_collapse { 103 width: 53px; 104 height: 100%; 105 position: absolute; 106 left: -53px; 107 visibility: hidden; 108} 109#header .logo-wrapper { 110 margin-right: auto; 111} 112#header #logo { 113 display: block; 114 float: left; 115 width: 120px; 116 height: 60px; 117 font-family: npr4logo; 118 font-weight: normal; 119 font-style: normal; 120 text-transform: lowercase; 121 letter-spacing: 0.5px; 122 font-size: 28px; 123 line-height: 28px; 124 text-decoration: none; 125 color: #1a69ff; 126 white-space: nowrap; 127 background-image: url('/img/bph-logo-horizontal-black.svg'); 128 background-size: cover; 129 background-repeat: no-repeat; 130 background-position: center; 131 text-indent: -9999px; 132 flex-shrink: 0; 133} 134.night-mode #header #logo, 135.header-dark #header #logo { 136 background-image: url('/img/bph-logo-horizontal-white-mono.svg'); 137} 138/*.is_sdp #header #hCurrentState {display:none;}*/ 139#header #nav { 140 display: flex; 141 align-items: center; 142 justify-content: flex-end; 143 gap: 5px; 144 flex-grow: 1; 145 margin: 0 0 0 auto; 146 font-size: 16px; 147 line-height: 35px; 148 padding: 0; 149} 150/* 151.is_premium .pg_autotest #header #nav { 152 line-height: 1; 153} 154*/ 155#header #nav > li { 156 display: inline-block; 157 vertical-align: middle; 158 white-space: nowrap; 159} 160#header #nav > li.menupop { 161 position: relative; 162} 163#header #nav > li a { 164 text-decoration: none; 165 color: #000000; 166 font-size: 14px; 167 line-height: 17px; 168 font-weight: 600; 169 padding: 7px 15px; 170 transition: all 0.3s ease-in-out; 171} 172#header #nav > li > a { 173 border-radius: 20px; 174} 175#header #nav > li a:hover { 176 background-color: #F2F2F7; 177} 178#header #nav .primary-btn { 179 display: inline-block; 180 background-color: #fad92c; 181 color: #000; 182 font-weight: 600; 183 padding: 8px 15px; 184 transition: all 0.3s ease-in-out; 185 border-radius: 8px !important; 186 text-decoration: none; 187 transition: all 0.3s ease-in-out; 188} 189#header #nav .primary-btn:hover { 190 background-color: #fad92c; 191 color: #000; 192 transform: translateY(-3px); 193} 194#header #nav .primary-btn:visited { 195 color: #000; 196} 197#header #nav #instructor-note { 198 margin: 0 8px 0 30px; 199} 200#header #nav .header-note { 201 font-size: 14px; 202 line-height: 1.35; 203 color: #808080; 204} 205.chevron { 206 display: inline-block; 207 width: 9px; 208 height: 5px; 209 stroke: #000000; 210 margin-left: 1px; 211 display: inline-block; 212 vertical-align: middle; 213 margin-top: -1px; 214} 215#header #nav > li a:hover .chevron { 216 stroke: #0C7571; 217} 218 219#sidebar .sidebarWidget { 220 background-color: #fff; 221 border-radius: 16px; 222 border: 1px solid rgba(133, 133, 149, 0.20); 223 padding: 20px 20px 28px; 224} 225#sidebar .sidebarWidget#smartProgressWidget { 226 padding: 0; 227} 228#sidebar .sidebarWidget.gpt-wrapper { 229 margin-top: 20px; 230} 231.chat-hidden .gpt-wrapper { 232 display: none !important; 233} 234.sidebarWidget { 235 margin-bottom: 16px; 236} 237#sticky>.sidebarWidget:last-child { 238 margin-bottom: 0; 239} 240#sidebar .sidebarWidget.progressItemWidget { 241 padding: 12px 16px; 242 font-size: 14px; 243 line-height: 1.35; 244} 245.progressItemWidget .widgetWrp{ 246 display: flex; 247 align-items: center; 248} 249.progressItemWidget .widgetImg { 250 width: 24px; 251 text-align: center; 252 flex-shrink: 0; 253} 254.progressItemWidget .widgetImg > svg { 255 display: block; 256} 257.progressItemWidget .widgetContent { 258 margin-left: 8px; 259} 260.progressItemWidget .widgetTitle { 261 margin: 0; 262 font-weight: 600; 263} 264.progressItemWidget .widgetContent .widgetInfo { 265 color: #0C7571; 266} 267.progressItemWidget .widgetResult { 268 font-weight: 700; 269 color: #0C7571; 270 margin-left: auto; 271} 272#sidebar .smartProgressWrp { 273 position: relative; 274 padding: 20px 20px 28px; 275} 276#sidebar .sidebarWidget h2, 277#sidebar .sidebarWidget .h2 { 278 font-size: 20px; 279 line-height: 24px; 280 font-weight: 700; 281 margin: 0 0 15px; 282} 283#sidebar .sidebarWidget .description h2, 284#sidebar .sidebarWidget .description .h2 { 285 font-size: 16px; 286 line-height: 20px; 287} 288#sidebar .smartProgressWrp .smartProgressText a, 289#sidebar .smartProgressWrp .itemResult a, 290#sidebar .diagramMsg a { 291 text-decoration: none; 292 color: #0C7571; 293 font-weight: 600; 294 transition: color 0.2s; 295} 296#sidebar .smartProgressWrp .smartProgressText a:hover, 297#sidebar .smartProgressWrp .itemResult a:hover, 298#sidebar .diagramMsg a:hover { 299 color: #0f5cf2; 300} 301#sidebar .smartProgressWrp .itemResult a { 302 display: inline-block; 303 vertical-align: middle; 304} 305#sidebar .smartProgressWrp .itemResult a svg { 306 display: inline-block; 307 vertical-align: middle; 308 margin-left: 3px; 309} 310 311#sidebar .smartProgressWrp .headerProgress { 312 display: block; 313 width: 100%; 314 height: 30px; 315 background-color: #f2f2f7; 316 border-radius: 8px; 317 position: relative; 318 text-align: center; 319 font-size: 16px; 320 line-height: 30px; 321 font-weight: 600; 322 z-index: 1; 323 text-decoration: none; 324 color: inherit; 325 margin-bottom: 12px; 326} 327#sidebar .smartProgressWrp .headerProgress:hover, 328#sidebar .smartProgressWrp .headerProgress:visited { 329 text-decoration: none; 330 color: inherit; 331} 332#sidebar .smartProgressWrp .headerProgress .headerProgressBar { 333 display: inline-block; 334 position: absolute; 335 top: 0; 336 left: 0; 337 height: 100%; 338 background-color: #E0F2EE; 339 border-radius: 8px 0 0 8px; 340 z-index: -1; 341 transition: width 0.5s; 342} 343#sidebar .smartProgressWrp .headerProgress svg { 344 display: block; 345 width: 34px; 346 height: 34px; 347 position: absolute; 348 top: -6px; 349 left: 80%; 350 transform: translateX(-50%); 351} 352#sidebar .sidebarWidget p, 353#sidebar .sidebarWidget .description li { 354 font-size: 14px; 355 line-height: 18px; 356 color: #4e4e59; 357} 358#sidebar .sidebarWidget .description li { 359 margin-left: 15px; 360} 361 362
363.nav-tabs { 364 display: inline-block; 365 display: flex; 366 width: 100%; 367 padding: 2px; 368 background-color: #dddfe7; 369 border-radius: 20px; 370 box-sizing: border-box; 371 font-size: 0; 372} 373.nav-tabs li { 374 display: inline-block; 375 vertical-align: top; 376 flex-grow: 1; 377 position: relative; 378} 379.nav-tabs li a { 380 display: inline-block; 381 width: 100%; 382 box-sizing: border-box; 383 padding: 5px 10px; 384 border-radius: 20px; 385 text-decoration: none; 386 color: #7c7c91; 387 font-size: 14px; 388 line-height: 17px; 389 font-weight: 600; 390 text-align: center; 391 white-space: nowrap; 392} 393.nav-tabs li:nth-child(2):before { 394 content: ""; 395 position: absolute; 396 left: 0; 397 top: 15%; 398 width: 0; 399 height: 70%; 400 border-left: 1px solid #cbcbcb; 401} 402.nav-tabs li:nth-child(2):after { 403 content: ""; 404 position: absolute; 405 right: 0; 406 top: 15%; 407 width: 0; 408 height: 70%; 409 border-right: 1px solid #cbcbcb; 410} 411.nav-tabs li.active:before { 412 content: ""; 413 position: absolute; 414 left: -1px; 415 top: 15%; 416 width: 0; 417 height: 70%; 418 border-left: 1px solid #dddfe7; 419 z-index: 1; 420} 421.nav-tabs li.active:after { 422 content: ""; 423 position: absolute; 424 right: -1px; 425 top: 15%; 426 width: 0; 427 height: 70%; 428 border-right: 1px solid #dddfe7; 429 z-index: 1; 430} 431.nav-tabs li:first-child:before, 432.nav-tabs li:last-child:after { 433 content: none !important; 434} 435.nav-tabs li.active { 436 border-radius: 20px; 437} 438.nav-tabs li.active a { 439 background-color: #fff; 440 color: #000; 441 box-sizing: border-box; 442} 443 444#progress-widget .smartProgressWrp { 445 position: relative; 446 flex-direction: column; 447} 448#progress-widget .smartProgressWrp h2, #progress-widget .smartProgressWrp .h2 { 449 font-size: 1.375rem; 450 line-height: 1.2; 451 font-weight: 700; 452 margin: 0 0 15px; 453} 454#progress-widget .smartProgressWrp .widget-header>a { 455 display: none; 456} 457#progress-widget .smartProgressWrp .smartProgressText a, #progress-widget .smartProgressWrp .itemResult a, #progress-widget .diagramMsg a { 458 text-decoration: none; 459 color: #0C7571; 460 font-weight: 600; 461} 462#progress-widget .smartProgressWrp .itemResult a { 463 display: inline-block; 464 vertical-align: middle; 465} 466#progress-widget .smartProgressWrp .itemResult a svg { 467 display: inline-block; 468 vertical-align: middle; 469 margin-left: 3px; 470} 471 472#progress-widget .smartProgressWrp .headerProgress { 473 display: block; 474 width: 100%; 475 height: 30px; 476 background-color: #fff; 477 border-radius: 8px; 478 position: relative; 479 text-align: center; 480 font-size: 1.125rem; 481 line-height: 30px; 482 font-weight: 600; 483 overflow: hidden; 484 z-index: 1; 485 text-decoration: none; 486 color: inherit; 487 margin-bottom: 12px; 488} 489#progress-widget .smartProgressWrp .headerProgress:active, #progress-widget .smartProgressWrp .headerProgress:visited { 490 text-decoration: none; 491 color: inherit; 492} 493#progress-widget .smartProgressWrp .headerProgress .headerProgressBar { 494 display: inline-block; 495 position: absolute; 496 top: 0; 497 left: 0; 498 height: 100%; 499 background-color: #37A78D; 500 z-index: -1; 501 transition: width 0.5s; 502} 503#progress-widget .smartProgressWrp p { 504 font-size: 1rem; 505 line-height: 1.2; 506 color: #7C7C91; 507} 508#progress-widget ul.progressTabs { 509 background-color: #DDDFE7; 510} 511#progress-widget .progressItem > span:first-of-type { 512 font-weight: 600; 513} 514#progress-widget .nav-tabs li a { 515 font-size: 1rem; 516} 517#progress-widget .progressContentWrapper { 518 margin: 0; 519} 520#progress-widget .progressItem { 521 padding-left: 10px; 522} 523#progress-widget .smartProgressWrp .h3 { 524 font-size: 18px; 525 margin: 16px 0; 526} 527 528ul.progressTabs { 529 background-color: #F2F2F7; 530 margin: 16px 0 20px; 531} 532ul.progressTabs li:nth-child(2):before, 533ul.progressTabs li:nth-child(2):after { 534 border-color: #A8A8AE; 535} 536ul.progressTabs li.active:before, 537ul.progressTabs li.active:after { 538 border-color: #F2F2F7; 539} 540ul.progressTabs li a { 541 color: #8C8C9A; 542} 543ul.progressTabs li.active a { 544 color: #000; 545} 546.night-mode ul.progressTabs { 547 background-color: #1C1C1C; 548} 549.night-mode ul.progressTabs li a { 550 color: #8C8C9A; 551} 552.night-mode ul.progressTabs li.active { 553 background-color: transparent !important; 554} 555.night-mode ul.progressTabs li.active a { 556 background-color: rgba(133, 133, 149, 0.20); 557 color: #F2F2F7; 558} 559.night-mode ul.progressTabs li.active:before, 560.night-mode ul.progressTabs li.active:after { 561 border-color: #1C1C1C; 562} 563 564.progress-pie-chart {
565 width: 20px; 566 height: 20px; 567 border-radius: 50%; 568 background-color: #fff; 569 position: relative; 570 border: 1px solid #85859533; 571 box-sizing: border-box; 572} 573.smartProgressWidget .progressItem .progress-pie-chart { 574 position: absolute; 575 top: 6px; 576 left: 10px; 577} 578.progress-pie-chart.gt-50 { 579 background-color: #37A78D; 580} 581.ppc-progress { 582 content: ""; 583 position: absolute; 584 border-radius: 50%; 585 left: calc(50% - 9px); 586 top: calc(50% - 9px); 587 width: 18px; 588 height: 18px; 589 clip: rect(0, 18px, 18px, 9px); 590} 591.ppc-progress .ppc-progress-fill { 592 content: ""; 593 position: absolute; 594 border-radius: 50%; 595 left: calc(50% - 9px); 596 top: calc(50% - 9px); 597 width: 18px; 598 height: 18px; 599 clip: rect(0, 9px, 18px, 0); 600 background: #37A78D; 601 transform: rotate(0deg); 602} 603.night-mode .ppc-progress .ppc-progress-fill { 604 background-color: #37A78D; 605} 606.gt-50 .ppc-progress { 607 clip: rect(0, 10px, 20px, 0); 608} 609.gt-50 .ppc-progress .ppc-progress-fill { 610 clip: rect(0, 20px, 20px, 10px); 611 background: #fff; 612} 613.progress-pie-chart.gt-100 { 614 border-color: #37A78D; 615} 616.night-mode .progress-pie-chart.gt-100 { 617 border-color: #37A78D; 618} 619.progress-pie-chart.gt-100:after { 620 content: ""; 621 background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L5 7L11 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A"); 622 background-size: cover; 623 background-repeat: no-repeat; 624 display: inline-block; 625 width: 10px; 626 height: 7px; 627 position: absolute; 628 top: 6px; 629 left: 4.5px; 630} 631.night-mode .progress-pie-chart.gt-100:after { 632 background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L5 7L11 1' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A"); 633} 634#progress-link .progress-pie-chart { 635 position: relative; 636 top: auto; 637 left: auto; 638 display: inline-block; 639 vertical-align: middle; 640} 641#sidebar .progressItem { 642 padding: 6px 6px 6px 42px; 643 position: relative; 644 cursor: default; 645 display: flex; 646 align-items: flex-start; 647 gap: 8px; 648 flex-wrap: wrap; 649} 650.anchorItem { 651 cursor: pointer; 652} 653.progressItemWrp:has(.mainItem) { 654 height: 32px; 655 overflow: hidden; 656 transition: height .3s ease-out; 657} 658.progressItemWrp .mainItem { 659 padding-right: 34px; 660} 661.progressItemWrp .mainItem:after { 662 content: ''; 663 width: 24px; 664 height: 24px; 665 cursor: pointer; 666 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23858595' fill-opacity='0.8'%3E%3Cpolygon points='2,7.375 12,18 22,7.438 20.594,6 12,15.094 3.438,6 '/%3E%3C/svg%3E%0A"); 667 background-size: 14px 14px; 668 background-position: center; 669 background-repeat: no-repeat; 670 position: absolute; 671 right: 6px; 672 top: 6px; 673 transition: transform .3s ease-out; 674} 675.progressItemWrp.active .mainItem:after { 676 transform: rotate(-180deg); 677} 678.progressItemWrp .subItems { 679 padding-left: 30px; 680} 681.preogressItem:last-of-type { 682 margin-bottom: 0; 683} 684.smartProgressWidget .progressItem > span:not(.label) { 685 display: inline-block; 686 vertical-align: top; 687 font-size: 14px; 688 line-height: 20px; 689 font-weight: 600; 690} 691#menu .progressItem > span:last-of-type { 692 margin-left: auto; 693} 694/*.progressItem.subItem > span { 695 color: #4E4E59; 696}*/ 697.progressItem .itemResult { 698 font-weight: 600; 699 color: #808080; 700 margin-left: auto; 701} 702.progressItem.anchorItem { 703 flex-wrap: nowrap; 704 cursor: pointer; 705 border-radius: 8px; 706 transition: background-color 0.2s; 707} 708.progressItem.anchorItem:hover { 709 background-color: #f2f3f7; 710} 711.progressItem.progressChallengeBank { 712 display: none; 713} 714.progressContentWrapper .progressContent { 715 display: none; 716} 717.progressContentWrapper .progressContent.active { 718 display: block; 719} 720.sidebarWidget .widget-btn { 721 display: block; 722 width: 100%; 723 background-color: #f2f3f7; 724 text-align: center; 725 padding: 15px; 726 border-radius: 8px; 727 font-size: 14px; 728 line-height: 17px; 729 font-weight: 600; 730 box-sizing: border-box; 731 margin-top: 10px; 732 text-decoration: none; 733 color: #000; 734} 735.sidebarWidget .widget-btn:hover { 736 color: #0C7571; 737} 738.sidebarWidget .widget-btn.success-btn, 739.sidebarWidget .widget-btn.success-btn:hover { 740 background-color: #37A78D; 741 color: #000; 742} 743.sidebarWidget .widget-btn.danger-btn, 744.sidebarWidget .widget-btn.danger-btn:hover { 745 background-color: #ff7c7c; 746 color: #fff; 747} 748.sidebarWidget .widget-btn.primary-btn, 749.sidebarWidget .widget-btn.primary-btn:hover { 750 background-color: #0C7571; 751 color: #fff; 752} 753.sidebarWidget .widget-small-btns { 754 display: flex; 755 flex-wrap: wrap; 756 gap: 10px; 757 margin-bottom: 20px; 758} 759.sidebarWidget .widget-small-btns .widget-btn { 760 width: auto; 761 flex-grow: 1; 762 margin-top: 0; 763} 764.sidebarWidget .widget-link { 765 color: #0C7571; 766 font-size: 14px; 767 line-height: 1.35; 768 font-weight: 600; 769 display: flex; 770 align-items: center; 771 transition: color 0.3s; 772 text-decoration: none; 773 margin: 12px 0 0; 774 transition: transform .2s ease-out; 775} 776.sidebarWidget .widget-link:last-of-type { 777 margin-bottom: 0; 778} 779.sidebarWidget .widget-link:after { 780 content: ""; 781 display: block; 782 width: 14px; 783 height: 14px; 784 background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.5L10 7.5L6 3.5' stroke='%230C7571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 785 background-size: 14px 14px; 786 background-position: center; 787 background-repeat: no-repeat; 788 margin-left: 2px; 789} 790.sidebarWidget .widget-link:hover { 791 color: #0C7571; 792 text-decoration: none; 793 transform: translateY(-2px); 794} 795.sidebarWidget p { 796 margin: 4px 0 12px; 797} 798.sidebarWidget p a, 799.sidebarWidget p a:hover, 800.sidebarWidget p a:visited { 801 text-decoration: none; 802 border-bottom: 1px solid rgba(0, 122, 255, 0.6); 803 color: #0C7571; 804} 805.sidebarWidget h3, 806.sidebarWidget .h3 { 807 color: #7c7c91; 808 text-transform: uppercase; 809 font-size: 14px; 810 margin: 16px 0 5px; 811 letter-spacing: 0.7px; 812} 813.smartProgressWrp h3, 814.smartProgressWrp .h3 { 815 display: flex; 816 align-items: flex-start; 817 gap: 8px; 818 flex-wrap: wrap; 819 font-size: 16px; 820 line-height: 1.15; 821 font-weight: 700; 822 letter-spacing: 0; 823 color: #000; 824 text-transform: none; 825} 826.sidebarWidget p a:hover { 827 border-bottom: 1px solid rgba(0, 122, 255, 1); 828} 829 830.sidebarWidget.smartProgressWidget .progressContentWrapper .progressContent { 831 padding: 0 10px; 832} 833 834.progressContent .diagram { 835} 836.progressContent .diagram p { 837 color: #7c7c91; 838 font-size: 14px; 839 line-height: 18px; 840 margin: 0; 841} 842.progressContent .diagram .canvas-wrap { 843 position: relative; 844 padding-left: 37px; 845} 846.progressContent.accuracyContent .diagram .canvas-wrap { 847 padding-top: 15px; 848} 849.progressContent .diagram canvas { 850 position: relative; 851 z-index: 1001; 852} 853.progressContent .diagram .scale-y { 854 position: absolute; 855 top: 0; 856 left: 0; 857 height: 100%; 858 display: flex; 859 flex-direction: column; 860} 861.progressContent .diagram .scale-y span { 862 display: block; 863 color: #7c7c91; 864 font-size: 14px; 865 line-height: 1; 866} 867.progressContent .diagram .scale-y span.axis { 868 border-left: 1px solid #dddfe7; 869 margin: 5px 0; 870} 871.progressContent.planContent .diagram .scale-y span.axis { 872 height: calc(100% - 38px); 873 flex-grow: 1; 874} 875.progressContent.accuracyContent .diagram .scale-y span.axis { 876 margin: 2px 0; 877} 878.progressContent.accuracyContent .diagram .scale-y span:nth-child(2) { 879 flex-grow: 1; 880} 881.progressContent.accuracyContent .diagram .scale-y span.axis:nth-child(4) { 882 flex-grow: 8; 883} 884.progressContent .diagram .scale-x { 885 padding: 7px 0 25px 37px; 886 border-bottom: 1px solid #dddfe7; 887} 888.progressContent .diagram .scale-x span { 889 color: #7c7c91; 890 font-size: 14px; 891 line-height: 18px; 892 display: inline-block; 893 vertical-align: top; 894} 895.progressContent .diagram .scale-x .end-date { 896 float: right; 897 text-align: right; 898} 899.progressContent .diagram .todayInfo { 900 position: absolute; 901 top: -2px; 902 left: 40px; 903 z-index: 1000; 904 font-size: 14px; 905 line-height: 17px; 906 font-weight: 600; 907 color: #7c7c91; 908 z-index: 1002; 909} 910.progressContent .diagram.hidden .scale-x { 911 display: none; 912} 913.progressContent .diagram.hidden .canvas-wrap { 914 padding-left: 10px; 915 padding-right: 10px; 916 padding-top: 0; 917} 918.progressContent.planContent .diagram.hidden canvas { 919 width: 100%; 920 background-image: url(/img/study-plan-empty.svg); 921 background-size: 100% 100%; 922 background-repeat: no-repeat; 923 background-position: left bottom; 924} 925.progressContent.accuracyContent .diagram.hidden canvas { 926 width: 100%; 927 background-image: url(/img/accuracy-empty.svg); 928 background-size: 100% 100%; 929 background-repeat: no-repeat; 930 background-position: left bottom; 931} 932.progressContent .diagram.hidden .todayInfo { 933 display: none; 934} 935.diagramMsg { 936 font-size: 16px; 937 line-height: 19px; 938 font-weight: 600; 939 color: #000; 940 margin-top: 15px; 941} 942#sidebar .diagramMsg p { 943 font-size: 16px; 944 line-height: 1.5; 945 font-weight: 600; 946 color: #000; 947} 948#sticky.static { 949 position: static; 950} 951#sticky.fixed { 952 position: fixed; 953 width: 335px; 954} 955#sticky.bottom { 956 position: absolute !important; 957 top: auto !important; 958 bottom: 0 !important; 959 width: 356px; 960} 961#sticky.fixed-bottom { 962 position: fixed; 963 width: 335px; 964 top: auto; 965 bottom: 15px; 966} 967#sticky.fixed-top { 968 position: fixed; 969 width: 356px; 970 top: 15px; 971 bottom: auto; 972} 973.customize-support #sticky.fixed-top { 974 top: 47px; 975} 976.customize-support.sidebar-modal-open #sidebar #sticky { 977 top: 47px !important; 978} 979#sidebar #overlay { 980 display: none; 981} 982#header #progress-link { 983 display: none; 984 position: relative; 985 padding: 5px 7px 5px 5px; 986 border-radius: 20px; 987 background-color: #DDDFE7; 988 font-size: 1rem; 989 line-height: 1; 990 color: #7C7C91; 991 font-weight: 600; 992 cursor: pointer; 993 min-width: 71px; 994 box-sizing: border-box; 995 text-decoration: none;
996 align-items: center; 997 gap: 8px; 998} 999.is_premium .pg_autotest #header #progress-link, 1000.is_premium .pg_marathon #header #progress-link { 1001 display: flex; 1002 margin: 0 15px 0 0; 1003} 1004.is_premium .pg_autotest #header #nav { 1005 flex-grow: 0; 1006 margin: 0; 1007} 1008.night-mode #header #progress-link { 1009 color: #cbcbcb; 1010} 1011.night-mode.is_premium .progress-pie-chart { 1012 background-color: #2E2E33; 1013 border: 1px solid #d0d0d6; 1014} 1015#header #progress-link:after { 1016 content: attr(data-title); 1017 position: absolute; 1018 top: 100%; 1019 left: 50%; 1020 background: #3e3e46; 1021 border: 1px solid #3e3e46; 1022 border-radius: 5px; 1023 color: #fff; 1024 line-height: 1; 1025 font-weight: 400; 1026 padding: 5px 7px; 1027 opacity: 0; 1028 pointer-events: none; 1029 -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); 1030 -moz-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); 1031 box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); 1032 -webkit-transform: translate(-50%, 5px); 1033 -moz-transform: translate(-50%, 5px); 1034 transform: translate(-50%, 5px); 1035 -webkit-transition: all 0.2s ease-in-out; 1036 -moz-transition: all 0.2s ease-in-out; 1037 transition: all 0.2s ease-in-out; 1038} 1039#header #progress-link:hover:after { 1040 opacity: 1; 1041 -webkit-transform: translate(-50%, 10px); 1042 -moz-transform: translate(-50%, 10px); 1043 transform: translate(-50%, 10px); 1044} 1045 1046#header #nav #settings-menu { 1047 margin-right: 0; 1048} 1049#sidebar-link { 1050 display: none; 1051 vertical-align: middle; 1052 line-height: 30px; 1053 padding: 0 5px; 1054 margin-right: 0; 1055 margin-left: 10px; 1056 cursor: pointer; 1057 position: relative; 1058 float: right; 1059} 1060#sidebar-link > a > svg { 1061 display: block; 1062} 1063#header #menu-link { 1064 display: none; 1065} 1066#header #progress-link span { 1067 display: inline-block; 1068 vertical-align: middle; 1069} 1070#header #nav li#premium-link { 1071 position: relative; 1072 display: inline-block; 1073 margin-right: 0; 1074} 1075#header #nav li.menupop ul { 1076 min-width: 200px; 1077 list-style: none; 1078 margin: 0; 1079 padding: 10px 0; 1080 text-align: left; 1081 background: #fff; 1082 display: none; 1083 position: absolute; 1084 right: 0; 1085 margin-top: 5px; 1086 border-radius: 16px; 1087 border: 1px solid #fff; 1088 box-sizing: border-box; 1089 float: none; 1090 -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3); 1091 box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3); 1092 opacity: 0; 1093 pointer-events: none; 1094 -webkit-transform: scale(0.8) translateY(-20%); 1095 transform: scale(0.8) translateY(-20%); 1096 -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3); 1097 transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3); 1098 overflow: hidden; 1099} 1100#header #nav li.menupop ul.visibled { 1101 -webkit-transform: none; 1102 transform: none; 1103 opacity: 1; 1104 pointer-events: auto; 1105} 1106#header #nav li.menupop ul.visible { 1107 display: block; 1108 padding: 0; 1109} 1110 1111#header #nav li.menupop ul { 1112 opacity: 0; 1113 pointer-events: none; 1114 -webkit-transform: scale(0.8) translateY(-20%); 1115 transform: scale(0.8) translateY(-20%); 1116 -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3); 1117 transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3); 1118} 1119#header #nav .ie7 li.menupop ul { 1120 width: 217px; 1121 overflow: hidden; 1122} 1123 1124#header #nav li.menupop ul li { 1125 float: none; 1126 margin: 0; 1127 padding: 0 0 0 12px; 1128 border-bottom: 1px solid rgba(133, 133, 149, 0.20); 1129} 1130#header #nav li.menupop ul li:last-child { 1131 border: none; 1132} 1133#header #nav li.menupop ul li a { 1134 display: flex; 1135 align-items: center; 1136 height: 44px; 1137 color: #4E4E59; 1138 font-size: 14px; 1139 line-height: 1 !important; 1140 white-space: nowrap; 1141 font-weight: 400; 1142 box-sizing: content-box; 1143 border-radius: 0; 1144 margin-left: -12px; 1145 padding: 0 12px; 1146} 1147#header #nav .text-primary { 1148 color: #4E4E59; 1149} 1150 1151.ViewSwitcher { 1152 height: 44px; 1153 font-size: 14px; 1154 line-height: 1; 1155 border-radius: 0; 1156 color: #4E4E59; 1157 display: -webkit-flex; 1158 display: -ms-flexbox; 1159 display: flex; 1160 -webkit-user-select: none; 1161 -moz-user-select: none; 1162 -ms-user-select: none; 1163 user-select: none; 1164 -webkit-align-items: center; 1165 -ms-flex-align: center; 1166 align-items: center; 1167 -webkit-transition: all 0.3s ease-in-out; 1168 -moz-transition: all 0.3s ease-in-out; 1169 transition: all 0.3s ease-in-out; 1170} 1171.ViewSwitcher .ViewSwitcher-switcher { 1172 width: 100%; 1173} 1174 1175.Switcher { 1176 display: -webkit-inline-flex; 1177 display: -ms-inline-flexbox; 1178 display: inline-flex; 1179 -webkit-flex-direction: row; 1180 -ms-flex-direction: row; 1181 flex-direction: row; 1182 -webkit-flex-wrap: nowrap; 1183 -ms-flex-wrap: nowrap; 1184 flex-wrap: nowrap; 1185 -webkit-align-items: center; 1186 -ms-flex-align: center;
1187 align-items: center; 1188 width: 100%; 1189} 1190.Switcher .Switcher-label { 1191 flex-grow: 1; 1192} 1193/* 1194.night-mode .Switcher-control { 1195 opacity: 0.7; 1196} 1197*/ 1198 1199.Switcher-label img { 1200 position: relative; 1201 top: -1px; 1202 height: 15px; 1203 margin: 0 2px 0 0; 1204} 1205.night-mode .Switcher-label img { 1206 filter: invert(0.7); 1207} 1208.Switcher-input { 1209 position: absolute; 1210 max-width: 0; 1211 max-height: 0; 1212 opacity: 0; 1213} 1214 1215.Switcher-input + .Switcher-control { 1216 position: relative; 1217 display: block; 1218 width: 30px; 1219 height: 14px; 1220 line-height: 14px; 1221 cursor: pointer; 1222 text-indent: -5000px; 1223 -webkit-flex-shrink: 0; 1224 -ms-flex-negative: 0; 1225 flex-shrink: 0; 1226} 1227 1228.atW1100 .Switcher-input + .Switcher-control .Switcher-control-caption:before { 1229 text-indent: 0; 1230 position: absolute; 1231 display: block; 1232 content: "OFF"; 1233 right: 38px; 1234 line-height: 16px; 1235 font-size: 10px; 1236 width: 30px; 1237 height: 16px; 1238 top: 0; 1239 text-align: right; 1240} 1241.Switcher-input + .Switcher-control:before { 1242 position: absolute; 1243 background-color: #c8d2d9; 1244 height: 2px; 1245 margin-top: -1px; 1246 top: 50%; 1247 left: 0; 1248 bottom: 0; 1249 display: block; 1250 width: 100%; 1251 content: ""; 1252} 1253 1254.Switcher-input + .Switcher-control:after { 1255 position: absolute; 1256 top: 0; 1257 left: 0; 1258 bottom: 0; 1259 display: block; 1260 width: 14px; 1261 height: 14px; 1262 content: ""; 1263 border: 2px solid #c8d2d9; 1264 box-sizing: border-box; 1265 -webkit-transition: left 0.1s ease-in-out; 1266 -o-transition: left 0.1s ease-in-out; 1267 transition: left 0.1s ease-in-out; 1268 border-radius: 10px; 1269 background: #fff; 1270} 1271.atW1100 1272 .Switcher-input:checked 1273 + .Switcher-control 1274 .Switcher-control-caption:before { 1275 content: "ON"; 1276} 1277.Switcher-input:checked + .Switcher-control:before { 1278 width: 100%; 1279} 1280 1281.Switcher-input:checked + .Switcher-control:after { 1282 background: #448ee1; 1283 border: 2px solid #448ee1; 1284 left: 16px; 1285} 1286 1287#header #nav li ul li .ViewSwitcher { 1288 padding-right: 12px; 1289} 1290 1291.Switcher-input+.Switcher-control { 1292 position: relative; 1293 display: block; 1294 width: 52px; 1295 height: 28px; 1296 line-height: 20px; 1297 background-color: #F2F2F7; 1298 border-radius: 20px; 1299 cursor: pointer; 1300 text-indent: -5000px; 1301 -webkit-flex-shrink: 0; 1302 -ms-flex-negative: 0; 1303 flex-shrink: 0; 1304 overflow: hidden; 1305} 1306.night-mode .Switcher-input+.Switcher-control { 1307 background-color: #1C1C1C; 1308} 1309.Switcher-input+.Switcher-control:before { 1310 position: absolute; 1311 background-color: #F2F2F7; 1312 top: 0; 1313 left: 0; 1314 display: block; 1315 width: 20px; 1316 height: 100%; 1317 border-radius: 20px; 1318 margin: 0; 1319 content: ""; 1320 -webkit-transition: background-color .15s ease-in-out, width .15s ease-in-out; 1321 -o-transition: background-color .15s ease-in-out, width .15s ease-in-out; 1322 transition: background-color .15s ease-in-out, width .15s ease-in-out; 1323} 1324.Switcher-input:checked + .Switcher-control:before { 1325 width: 100%; 1326 background-color: #37A78D; 1327} 1328.night-mode .Switcher-input + .Switcher-control:before { 1329 background-color: #1C1C1C; 1330} 1331.Switcher-input+.Switcher-control:after { 1332 position: absolute; 1333 top: 3px; 1334 left: 3px; 1335 bottom: 0; 1336 display: block; 1337 width: 22px; 1338 height: 22px; 1339 content: ""; 1340 border: none; 1341 box-sizing: border-box; 1342 -webkit-transition: left .15s ease-in-out; 1343 -o-transition: left .15s ease-in-out; 1344 transition: left .15s ease-in-out; 1345 border-radius: 50%; 1346 background-color: #fff; 1347 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.65567 3.69813C4.47262 3.51615 4.17582 3.51615 3.99276 3.69813C3.8097 3.8801 3.8097 4.17514 3.99276 4.35712L7.25506 7.60011L3.99276 10.8431C3.8097 11.0251 3.8097 11.3201 3.99276 11.5021C4.17582 11.6841 4.47262 11.6841 4.65567 11.5021L7.91797 8.2591L11.1803 11.5021C11.3633 11.6841 11.6601 11.6841 11.8432 11.5021C12.0262 11.3201 12.0262 11.0251 11.8432 10.8431L8.58088 7.60011L11.8432 4.35712C12.0262 4.17515 12.0262 3.88011 11.8432 3.69813C11.6601 3.51616 11.3633 3.51616 11.1803 3.69813L7.91797 6.94112L4.65567 3.69813Z' fill='%23A8A8AE'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.82833 3.53488C4.10205 3.26279 4.54583 3.26279 4.81955 3.53488L7.91769 6.6147L11.0158 3.53489C11.2895 3.26279 11.7333 3.26279 12.007 3.53489C12.2808 3.80698 12.2808 4.24814 12.007 4.52023L8.9089 7.60004L12.007 10.6799C12.2808 10.9519 12.2808 11.3931 12.007 11.6652C11.7333 11.9373 11.2895 11.9373 11.0158 11.6652L7.91769 8.58539L4.81955 11.6652C4.54583 11.9373 4.10205 11.9373 3.82833 11.6652C3.55462 11.3931 3.55462 10.952 3.82833 10.6799L6.92648 7.60004L3.82833 4.52023C3.55462 4.24813 3.55462 3.80698 3.82833 3.53488ZM3.99248 4.35705C3.80943 4.17508 3.80943 3.88004 3.99248 3.69806C4.17554 3.51609 4.47234 3.51609 4.6554 3.69806L7.91769 6.94105L11.18 3.69807C11.363 3.51609 11.6598 3.51609 11.8429 3.69807C12.026 3.88004 12.026 4.17508 11.8429 4.35
1347706L8.5806 7.60004L11.8429 10.843C12.026 11.025 12.026 11.32 11.8429 11.502C11.6598 11.684 11.363 11.684 11.18 11.502L7.91769 8.25903L4.6554 11.502C4.47234 11.684 4.17554 11.684 3.99248 11.502C3.80943 11.3201 3.80943 11.025 3.99248 10.843L7.25478 7.60004L3.99248 4.35705Z' fill='%23A8A8AE'/%3e%3c/svg%3e"); 1348 background-size: 20px 20px; 1349 background-position: 50% 50%; 1350 background-repeat: no-repeat; 1351} 1352.Switcher-input:checked + .Switcher-control:after { 1353 background-color: #fff !important; 1354 border: none !important; 1355 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3e%3cpath d='M4.61719 8.72828L7.58594 11.8052L12.5339 6.677' stroke='%2300B67A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important; 1356 background-size: 36px 25px !important; 1357 background-position: center !important; 1358 background-repeat: no-repeat !important; 1359 left: calc(100% - 25px); 1360} 1361.night-mode .Switcher-input + .Switcher-control:after { 1362 background-color: #2B2B30; 1363} 1364.night-mode .Switcher-input:checked + .Switcher-control:after { 1365 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3e%3cpath d='M4.61719 8.72828L7.58594 11.8052L12.5339 6.677' stroke='%238DF4A9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important; 1366} 1367#header #nav > li.menu-item-wrapper > a { 1368 font-size: 14px; 1369 line-height: 35px; 1370 font-weight: 600; 1371 color: #000; 1372 text-decoration: none; 1373 position: relative; 1374 padding: 7px 10px; 1375} 1376#header #nav > li.menu-item-wrapper > a:hover { 1377 color: #000; 1378 text-decoration: none; 1379 background-color: inherit; 1380} 1381#header #nav > li.menu-item-wrapper > a#datepicker { 1382 display: inline-block; 1383 line-height: 1; 1384 color: #0C7571; 1385 font-weight: 600; 1386 padding: 0; 1387 border-radius: 0; 1388 border-bottom: 1px solid transparent; 1389 transition: border-color .3s; 1390} 1391#header #nav > li.menu-item-wrapper > a#datepicker:hover { 1392 border-bottom: 1px solid #0C7571; 1393} 1394#header #nav > li.datepicker-wrapper { 1395 margin-right: 0; 1396} 1397#header #nav > li.datepicker-wrapper input { 1398 position: absolute; 1399 left: 0; 1400 top: 0; 1401 height: 100%; 1402 width: 100%; 1403 opacity: 0; 1404 -webkit-appearance: none; 1405 cursor: pointer; 1406 -webkit-text-fill-color: transparent; 1407 caret-color: transparent; 1408 color: transparent; 1409 font-size: 0; 1410 line-height: 1; 1411 padding: 0; 1412 margin: 0; 1413 border: 0; 1414} 1415#header #nav > li.pp-bar-wrapper { 1416 margin-right: 20px; 1417} 1418#header #nav > li.pp-bar-wrapper > a { 1419 padding-right: 8px; 1420} 1421#header #nav .pp-bar { 1422 display: inline-block; 1423 width: 71px; 1424 height: 7px; 1425 background-color: #fff; 1426 border-radius: 20px; 1427 position: relative; 1428 overflow: hidden; 1429} 1430#header #nav .pp-bar .pp-bar-fill { 1431 display: inline-block; 1432 position: absolute; 1433 top: 0; 1434 left: 0; 1435 background-color: #4cd964; 1436 height: 7px; 1437 border-radius: 20px; 1438} 1439 1440.datepicker-title { 1441 text-align: center; 1442 font-size: 14px; 1443 line-height: 1.35; 1444 font-weight: 400; 1445 color: #000; 1446 padding: 0 10px; 1447 margin: 15px 0 0; 1448} 1449.back-btn { 1450 display: inline-block; 1451 text-decoration: none; 1452 background-color: #fff; 1453 color: #7c7c91; 1454 font-size: 14px; 1455 line-height: 31px; 1456 font-weight: 600; 1457 padding: 0 13px; 1458 border-radius: 15px; 1459 margin-top: 20px; 1460 height: 31px; 1461 position: relative; 1462 z-index: 1; 1463} 1464.back-btn svg { 1465 display: inline-block; 1466 vertical-align: middle; 1467 margin-right: 10px; 1468} 1469.back-btn span { 1470 display: inline-block; 1471 vertical-align: middle; 1472} 1473 1474.smartProgressWrp h2, 1475.smartProgressWrp .h2 { 1476 filter: none !important; 1477} 1478.smartProgressWrp.disabled .headerProgress { 1479 filter: blur(3px); 1480 -webkit-filter: blur(3px); 1481 -moz-filter: blur(3px); 1482 -ms-filter: blur(3px); 1483 -o-filter: blur(3px); 1484 pointer-events: none; 1485} 1486.smartProgressWrp.disabled .mainItem { 1487 padding-right: 10px; 1488} 1489.smartProgressWrp.disabled .mainItem:after { 1490 content: none; 1491} 1492.smartProgressWrp.disabled .progressItem.cbProgress, .smartProgressWrp.disabled .progressItem.hbProgress { 1493 opacity: 1; 1494} 1495.smartProgressWrp.disabled .progressItem.cbProgress > span:last-of-type, .smartProgressWrp.disabled .progressItem.hbProgress > span:last-of-type { 1496 display: none; 1497} 1498.smartProgressWrp.disabled .ppc-progress .ppc-progress-fill { 1499 display: none !important; 1500} 1501.smartProgressWrp.disabled .progressItem.progressChallengeBank { 1502 position: relative; 1503 z-index: 1000; 1504} 1505.smartProgressWrp.disabled 1506 .progressItem.progressChallengeBank 1507 > span:first-of-type { 1508 opacity: 1; 1509} 1510.smartProgressWrp.disabled 1511 .progressItem.progressChallengeBank 1512 > span:last-of-type { 1513 width: auto; 1514 height: auto; 1515 background-image: none; 1516 font-size: 14px; 1517} 1518.smartProgressWrp.disabled .premium-disclaimer-wrp { 1519 display: none; 1520 position: absolute; 1521 top: 0; 1522 left: 0; 1523 width: 100%; 1524 height: 100%; 1525 filter: none; 1526 cursor: pointer; 1527 pointer-events: auto; 1528} 1529.smartProgressWrp.disabled .progress-pie-chart { 1530 background-color: transparent !important; 1531 border-color: #dddfe7 !important; 1532} 1533.smartProgressWrp.disabled .progress-pie-chart:after { 1534 content: none !important; 1535} 1536.smartProgressWrp.disabled .ppc-progress .ppc-progress-fill { 1537 content: none !important; 1538} 1539.smartProgressWrp.disabled .headerProgress .headerProgressBar { 1540 width: 0px !important; 1541} 1542.smartProgressWrp.disabled .progressItem .itemResult { 1543 display: none !important; 1544} 1545 1546#header .partnership-wrp { 1547 display: inline-block; 1548 padding-left: 24px; 1549 border-left: 1px solid #cbcbcb; 1550/* margin-top: -2px;*/ 1551 margin-left: 20px; 1552} 1553#header .partnership { 1554 display: inline-block; 1555 text-decoration: none; 1556 color: #7c7c91; 1557 font-size: 16px; 1558 line-height: 18px; 1559 font-weight: 600; 1560} 1561 1562.partner-link-wrp { 1563 display: inline-block; 1564 padding-left: 24px; 1565 border-left: 1px solid #cbcbcb; 1566 margin-left: 20px; 1567} 1568.partner-link { 1569 display: inline-block; 1570 text-decoration: none; 1571 color: #7c7c91; 1572 font-size: 14px; 1573 line-height: 17px; 1574 font-weight: 600; 1575} 1576a.partner-link:hover, 1577a.partner-link:visited { 1578 text-decoration: none; 1579 color: #7c7c91; 1580} 1581.partner-link > span { 1582 display: block; 1583} 1584.partner-link svg { 1585 display: inline-block; 1586 vertical-align: middle; 1587 margin-left: 3px; 1588} 1589.smartProgressWrp a.link { 1590 font-size: 14px; 1591 line-height: 1.3; 1592 font-weight: 600; 1593 color: #0C7571; 1594 text-decoration: none; 1595} 1596.endorsementNumLink { 1597 display: inline-flex; 1598 align-items: center; 1599 gap: 4px; 1600}
1601.endorsementNumLink .endorsementNum { 1602 font-size: 14px; 1603 line-height: 20px; 1604 background-color: #0C7571; 1605 color: #fff; 1606 border-radius: 50%; 1607 text-align: center; 1608 padding: 0; 1609 font-weight: 600; 1610 min-width: 20px; 1611 box-sizing: border-box; 1612} 1613.smartProgressWrp .label { 1614 font-size: 12px; 1615 line-height: 1.35; 1616 font-weight: 600; 1617 padding: 2px 4px 1px; 1618 border-radius: 4px; 1619 background-color: #FAD92C; 1620} 1621.smartProgressWrp a.unlock-link { 1622 font-size: 14px; 1623 line-height: 1.35; 1624 font-weight: 600; 1625 border-color: transparent; 1626 margin-left: auto; 1627} 1628 1629/*gamification:begin*/ 1630#sidebar .gameWidget { 1631 display: block; 1632 padding: 16px 20px 20px; 1633 margin-bottom: 16px; 1634 text-decoration: none; 1635 color: inherit; 1636} 1637#sidebar .gameWidget:hover { 1638 text-decoration: none; 1639 color: inherit; 1640} 1641#sidebar .gameWidget#streakWidget { 1642 padding: 16px 20px 24px; 1643} 1644.gameWidget .game-header { 1645 display: flex; 1646 align-items: center; 1647 gap: 12px; 1648 margin-bottom: 12px; 1649} 1650#streakWidget .game-header { 1651 margin-bottom: 0; 1652} 1653#sidebar #streakWidget p { 1654 margin: 0 0 8px; 1655} 1656#sidebar .gameWidget .game-header h2, 1657#sidebar .gameWidget .game-header .h2 { 1658 font-size: 20px; 1659 line-height: 1.5; 1660 font-weight: 700; 1661 margin: 0; 1662} 1663.gameWidget .game-header h2 .blue, 1664.gameWidget .game-header .h2 .blue { 1665 color: #0C7571; 1666} 1667.gameWidget p { 1668 font-size: 14px; 1669 line-height: 1.35; 1670 color: #4e4e59; 1671} 1672.night-mode .gameWidget p { 1673 color: #9999a8; 1674} 1675.gameWidget .game-header .link, 1676.gameWidget .game-header a { 1677 display: inline-block; 1678 font-size: 14px; 1679 line-height: 1.35; 1680 color: #0C7571; 1681 text-decoration: none; 1682 margin-left: auto; 1683 transition: transform 0.3s; 1684} 1685.gameWidget .game-header a:hover { 1686 text-decoration: none; 1687 color: #0C7571; 1688 transform: translateY(-2px); 1689} 1690.gameWidget .game-label { 1691 font-size: 10px; 1692 line-height: 17px; 1693 font-weight: 600; 1694 color: #808080; 1695 border: 1px solid rgba(133, 133, 149, 0.8); 1696 border-radius: 5px; 1697 padding: 0 4px; 1698} 1699.gameWidget .game-label.primary { 1700 color: #fff; 1701 background-color: #ff7348; 1702 border-color: #ff7348; 1703 text-transform: uppercase; 1704} 1705#badgesWidget .badges-wrp { 1706 width: calc(100% + 20px); 1707 overflow: hidden; 1708 position: relative; 1709} 1710#badgesWidget .badges-wrp:after { 1711 content: ""; 1712 display: block; 1713 width: 65px; 1714 height: 100%; 1715 position: absolute; 1716 top: 0; 1717 right: 0; 1718 background: linear-gradient( 1719 to left, 1720 #ffffff 8.58%, 1721 rgba(255, 255, 255, 0.86567) 51.01%, 1722 rgba(255, 255, 255, 0) 73.61% 1723 ); 1724} 1725.night-mode #badgesWidget .badges-wrp:after { 1726 background: linear-gradient( 1727 to left, 1728 #2b2b30 8.58%, 1729 rgba(43, 43, 48, 0.86567) 51.01%, 1730 rgba(43, 43, 48, 0) 73.61% 1731 ); 1732} 1733#badgesWidget .badges { 1734 display: flex; 1735 width: 100%; 1736 align-items: center; 1737 gap: 8px; 1738} 1739#badgesWidget .badge { 1740 width: 50px; 1741 height: 50px; 1742 flex-shrink: 0; 1743 overflow: hidden; 1744} 1745#badgesWidget .badge img { 1746 display: inline-block; 1747 width: 100%; 1748 height: auto; 1749} 1750#badgesWidget .badge.inactive img { 1751 opacity: 0.4; 1752 -webkit-filter: blur(7.5px); 1753 -moz-filter: blur(7.5px); 1754 -o-filter: blur(7.5px); 1755 -ms-filter: blur(7.5px); 1756 filter: blur(7.5px); 1757} 1758#sidebar #streakWidget { 1759 padding-right: 90px; 1760} 1761#streakWidget .streak-wrp { 1762 display: inline-flex; 1763 margin-left: -15px; 1764 position: relative; 1765} 1766#streakWidget.first .streak-wrp { 1767 margin-left: 0; 1768} 1769#streakWidget .streak-wrp:before { 1770 content: ""; 1771 position: absolute; 1772 top: 0; 1773 left: 0; 1774 width: 65px; 1775 height: 100%; 1776 background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); 1777 z-index: 1; 1778} 1779.night-mode #streakWidget .streak-wrp:before { 1780 background: linear-gradient(to right, #2b2b30, rgba(43, 43, 48, 0)); 1781} 1782#streakWidget.first .streak-wrp:before { 1783 content: none; 1784} 1785#streakWidget .streak-els { 1786 display: inline-flex; 1787 gap: 17px; 1788 justify-content: center; 1789 position: relative; 1790} 1791#streakWidget .streak-el { 1792 position: relative; 1793 flex-grow: 1; 1794 display: flex; 1795 flex-direction: column; 1796 align-items: center; 1797} 1798#streakWidget .streak-day { 1799 font-size: 14px; 1800 line-height: 1.35; 1801 color: #000; 1802 margin-bottom: 4px; 1803} 1804.night-mode #streakWidget .streak-day { 1805 color: #9999a8; 1806} 1807#streakWidget .streak-el.today .streak-day { 1808 color: #0C7571; 1809 font-weight: 600; 1810} 1811#streakWidget .streak-check { 1812 width: 24px; 1813 height: 24px; 1814 border-radius: 50%; 1815 border: 1px solid rgba(133, 133, 149, 0.2); 1816 box-sizing: border-box; 1817 display: flex; 1818 justify-content: center;
1819 align-items: center; 1820 transition: all 0.5s ease-out; 1821 transition-delay: 0.25s; 1822} 1823#streakWidget .streak-el.done .streak-check { 1824 background-color: #0C7571; 1825 border-color: #0C7571; 1826} 1827#streakWidget .streak-el .streak-check svg { 1828 width: 14px; 1829 height: 10px; 1830 stroke-dasharray: 17; 1831 stroke-dashoffset: 17; 1832 transition: stroke-dashoffset 0.5s ease-out; 1833 transition-delay: 0.5s; 1834} 1835#streakWidget .streak-el.done .streak-check svg { 1836 stroke-dashoffset: 0; 1837} 1838#streakWidget .streak-el:first-of-type:before, 1839#streakWidget .streak-el:first-of-type:after { 1840 content: none; 1841} 1842#streakWidget .streak-el:after { 1843 content: ""; 1844 position: absolute; 1845 bottom: 12px; 1846 left: -17px; 1847 width: 17px; 1848 height: 1px; 1849 background-color: rgba(133, 133, 149, 0.2); 1850} 1851#streakWidget .streak-el:before { 1852 content: ""; 1853 position: absolute; 1854 bottom: 12px; 1855 left: -17px; 1856 width: 0; 1857 height: 1px; 1858 background-color: #0C7571; 1859 transition: width 0.5s ease-out; 1860 z-index: 1; 1861} 1862#streakWidget .streak-el.done:before { 1863 width: 17px; 1864} 1865#streakWidget { 1866 position: relative; 1867 overflow: hidden; 1868} 1869#streakWidget .streak-img { 1870 position: absolute; 1871 width: 113px; 1872 bottom: 0; 1873 right: -27px; 1874 transform: rotate(-14.45deg); 1875} 1876#streakWidget .streak-img img { 1877 width: 100%; 1878 height: auto; 1879} 1880 1881/*state page new styles: begin*/ 1882#sidebar .widget-header { 1883 display: flex; 1884 align-items: center; 1885 justify-content: space-between; 1886} 1887#sidebar .widget-header .widget-link { 1888 font-size: 14px; 1889 line-height: 1.35; 1890 font-weight: 600; 1891 color: #0C7571; 1892 text-decoration: none; 1893 transition: transform .3s; 1894} 1895#sidebar .widget-header .widget-link:hover { 1896 transform: translateY(-2px); 1897} 1898#sidebar .smartProgressWrp.disabled .widget-header:after { 1899 content: ''; 1900 width: 24px; 1901 height: 24px; 1902 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.0006 3C18.2415 3 18.4655 3.11546 18.6055 3.30648L18.6602 3.39287L21.9241 9.42108L21.962 9.51397L21.9741 9.55379L21.9942 9.65597L22 9.74989C22 9.81893 21.9907 9.88578 21.9732 9.94926L21.9258 10.0753L2
19021.8883 10.1439C21.8662 10.1795 21.8411 10.2135 21.8128 10.2456L21.8726 10.1682L21.8481 10.2024L12.5973 20.7078C12.5172 20.8141 12.4139 20.8914 12.3 20.9397L12.2018 20.9727L12.1246 20.9901L12.0003 21L11.9 20.9934L11.7821 20.9679C11.7219 20.9506 11.6633 20.9251 11.6085 20.8919L11.5993 20.8844C11.5522 20.8561 11.5082 20.8215 11.4682 20.7812L2.17811 10.2351L2.15187 10.2024L2.11179 10.1439C2.05631 10.0543 2.01921 9.95218 2.00569 9.84275L2 9.74989L2.00285 9.68403L2.01606 9.59528C2.02225 9.56536 2.03015 9.5366 2.03966 9.50859L2.06249 9.4501L2.09049 9.39277L5.33978 3.39287C5.45449 3.18107 5.66267 3.03913 5.89736 3.00695L5.99937 3H18.0006ZM14.9984 10.4999H8.99873L12 18.1867L14.9984 10.4999ZM7.38957 10.4999H4.40925L9.76082 16.5738L7.38957 10.4999ZM19.5888 10.4999H16.6095L14.2413 16.5698L19.5888 10.4999ZM8.97173 4.49998H6.44542L4.00721 8.9999H7.53158L8.97173 4.49998ZM13.4521 4.49998H10.5468L9.10575 8.9999H14.8914L13.4521 4.49998ZM17.5535 4.49998H15.0274L16.4675 8.9999H19.9899L17.5535 4.49998Z' fill='url(%23paint0_linear_10047_242935)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10047_242935' x1='18.0004' y1='20.7273' x2='7.93254' y2='-2.31109' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CD2FD4'/%3E%3Cstop offset='0.470026' stop-color='%23007AFF'/%3E%3Cstop offset='1' stop-color='%2300B67A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); 1903 background-size: 24px 24px; 1904 background-position: center; 1905 background-repeat: no-repeat; 1906} 1907#sidebar .smartProgressWrp.disabled .widget-header .widget-link { 1908 display: none; 1909} 1910.sidebarWidget .widget-label { 1911 padding: 2px 4px; 1912 margin-left: 4px; 1913 border-radius: 5px; 1914 background-color: #FF7348; 1915 font-size: 10px; 1916 line-height: 1.35; 1917 color: #fff; 1918 font-weight: 600; 1919 text-transform: uppercase; 1920} 1921#sidebar .sidebarWidget.withImage { 1922 display: flex; 1923 align-items: flex-end; 1924} 1925#sidebar .sidebarWidget.withImage .widgetImage { 1926 width: 72px; 1927 flex-shrink: 0; 1928 position: relative; 1929} 1930#sidebar .sidebarWidget.withImage .widgetImage img { 1931 width: 100%; 1932 height: auto; 1933} 1934#sidebar .sidebarWidget.withImage .widgetContent { 1935 flex-grow: 1; 1936} 1937 1938#sidebar .smartProgressWrp.disabled h4, 1939#sidebar .smartProgressWrp.disabled .h4 { 1940 font-size: 10px; 1941 line-height: 1.35; 1942 font-weight: 600; 1943 color: #9747FF; 1944 text-transform: uppercase; 1945 letter-spacing: 0.8px; 1946 margin: 0 0 8px; 1947} 1948#sidebar .smartProgressWrp.disabled .progressItems { 1949 position: relative; 1950} 1951#sidebar .smartProgressWrp.disabled .progressItems:before { 1952 content: ''; 1953 width: 0px; 1954 height: calc(100% - 12px); 1955 border-right: 1px dashed #9747FF; 1956 position: absolute; 1957 top: 6px; 1958 left: 17px; 1959} 1960#sidebar .smartProgressWrp.disabled .progressItem { 1961 display: flex; 1962 align-items: flex-start; 1963 padding: 5px 7px; 1964 gap: 7px; 1965} 1966#sidebar .smartProgressWrp.disabled .progressItem .itemStep { 1967 width: 20px; 1968 height: 20px; 1969 color: #9747FF; 1970 font-size: 12px; 1971 line-height: 20px; 1972 font-weight: 600; 1973 text-align: center; 1974 border: 1px solid #9747FF; 1975 border-radius: 50%; 1976 background-color: #fff; 1977} 1978#sidebar .smartProgressWrp.disabled .progressItem .itemText { 1979 font-size: 14px; 1980 line-height: 22px; 1981 font-weight: 600; 1982} 1983#sidebar .smartProgressWrp.disabled .progressItem .progress-pie-chart { 1984 display: none !important; 1985} 1986#sidebar .smartProgressWrp.disabled .progressContentWrapper { 1987 margin-bottom: 0; 1988} 1989.foldout-menu { 1990 display: none; 1991} 1992#header .back-button { 1993 display: none; 1994} 1995 1996/*gamification: end*/ 1997 1998 1999@media (max-width: 1299px) { 2000 #header #nav > li.datepicker-wrapper { 2001 display: none; 2002 } 2003} 2004@media(min-width: 1400px){ 2005 #type_main #header #progress-link { 2006 display: none !important; 2007 } 2008} 2009@media (max-width: 1399px) { 2010 .is_premium #type_main #header #nav { 2011 flex-grow: 0; 2012 } 2013 #header #nav li#menu-link ul { 2014 left: auto; 2015 right: 0; 2016 } 2017 #header #nav > li a { 2018 padding: 7px 10px; 2019 } 2020 #sidebar { 2021 display: none !important; 2022 } 2023 #outer_layout { 2024 width: 100% !important; 2025 } 2026 #header { 2027 width: 100% !important; 2028 } 2029 #footer { 2030 padding-right: 0 !important; 2031 } 2032 .sidebar-modal-open #sidebar { 2033 display: block !important; 2034 position: fixed; 2035 width: 100%; 2036 height: 100%; 2037 top: 0; 2038 left: 0; 2039 right: 0; 2040 bottom: 0; 2041 background-color: rgba(0, 0, 0, 0.5); 2042 z-index: 1000; 2043 overflow: auto; 2044 } 2045 .sidebar-modal-open #sidebar #sticky { 2046 width: 335px; 2047 position: absolute !important; 2048 top: 15px !important; 2049 right: 15px !important; 2050 bottom: auto !important; 2051 left: auto !important; 2052 z-index: 1001; 2053 padding-bottom: 15px; 2054 margin: 0 !important; 2055 } 2056 body.sidebar-modal-open { 2057 overflow: hidden; 2058 } 2059} 2060 2061@media(min-width: 768px){ 2062 .hide-on-desktop { 2063 display: none !important; 2064 } 2065} 2066 2067/*mobile: begin */ 2068@media(max-width: 767px){ 2069 html { 2070 width: 100%; 2071 overflow-x: hidden; 2072 margin-top: 0 !important; 2073 } 2074 html #wpadminbar { 2075 display: none !important; 2076 } 2077 body { 2078 margin-top: 50px; 2079 min-height: 100vh !important; 2080 } 2081 .hide-on-mobile { 2082 display: none !important; 2083 } 2084 #header { 2085 position: fixed; 2086 top: 0; 2087 left: 0; 2088 z-index: 100000; 2089 background-color: inherit; 2090 transition: background-color .3s; 2091 } 2092 .menu-open #header { 2093 background-color: #F2F3F7; 2094 } 2095 .night-mode #header { 2096 background-color: inherit !important; 2097 } 2098 #header>.container { 2099 height: 50px; 2100 } 2101 .atTestLoading #header { 2102 display: none; 2103 } 2104 .atTest #header { 2105 background-color: #F2F3F7; 2106 transform: translateX(100%); 2107 box-sizing: border-box; 2108 -webkit-transition: transform cubic-bezier(0.36,0.66,0.04,1) 500m
2108s; 2109 transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms; 2110 will-change: transform; 2111 } 2112 .menu-open #header { 2113 transform: translateX(0); 2114 } 2115 #type_main #header #progress-link { 2116 display: flex; 2117 position: absolute; 2118 left: 50%; 2119 top: 50%; 2120 transform: translate(-50%, -50%); 2121 } 2122 .menu-open #header #progress-link { 2123 display: none !important; 2124 } 2125 #header > .container, #inner_wrapper { 2126 padding: 0 20px; 2127 } 2128 #header > .container { 2129 justify-content: space-between; 2130 } 2131 #header .logo-wrapper { 2132 position: relative; 2133 } 2134 2135 #header #logo { 2136 display: block; 2137 width: 81px; 2138 height: 34px; 2139 font-size: 0; 2140 line-height: 1; 2141 opacity: 1; 2142 transition: opacity .3s; 2143 position: relative; 2144 z-index: 1; 2145 text-decoration: none; 2146 } 2147 .menu-open #header #logo { 2148 opacity: 0; 2149 z-index: -1; 2150 pointer-events: none; 2151 } 2152 .menu-open #header[data-menu="main"] #logo, .menu-open #header[data-menupage="progress-widget"] #logo { 2153 opacity: 1; 2154 } 2155 .menu-open #header #logo { 2156 opacity: 0; 2157 z-index: -1; 2158 } 2159 .menu-open #header[data-menu="main"] #logo, .menu-open #header[data-menupage="progress-widget"] #logo { 2160 opacity: 1; 2161 } 2162 #header .back-button { 2163 transition: none; 2164 } 2165 #header #nav { 2166 flex-grow: 0; 2167 margin: 0; 2168 } 2169 #header #nav #premium-link { 2170 display: none !important; 2171 } 2172 #header #nav > li { 2173 display: none; 2174 } 2175 #header #nav #menu-link { 2176 display: flex; 2177 flex-direction: column; 2178 justify-content: space-around; 2179 width: 24px; 2180 height: 24px; 2181 background: transparent; 2182 border: none; 2183 padding: 5px; 2184 box-sizing: content-box; 2185 margin-right: -10px; 2186 } 2187 #header #menu-link>div { 2188 width: 24px; 2189 height: 2px; 2190 background: #7C7C91; 2191 border-radius: 10px; 2192 transition: all 0.3s linear; 2193 position: relative; 2194 transform-origin: 1px; 2195 } 2196 #header #menu-link .bar-one { 2197 transform: rotate(0); 2198 } 2199 #header #menu-link .bar-two { 2200 opacity: 1; 2201 transform: translateX(0); 2202 } 2203 #header #menu-link .bar-three { 2204 transform: rotate(0); 2205 } 2206 .menu-open #header #menu-link .bar-one { 2207 transform: rotate(45deg); 2208 } 2209 .menu-open #header #menu-link .bar-two { 2210 opacity: 0; 2211 transform: translateX(20px); 2212 } 2213 .menu-open #header #menu-link .bar-three { 2214 transform: rotate(-45deg); 2215 } 2216 .foldout-menu { 2217 display: block; 2218 width: 100%; 2219 height: calc(100% - 50px); 2220 position: fixed; 2221 top: 50px; 2222 left: 0; 2223 transform: translateX(100%); 2224 box-sizing: border-box; 2225 -webkit-transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms; 2226 transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms; 2227 will-change: transform; 2228 overflow: hidden; 2229 background-color: #F2F3F7; 2230 z-index: 100000; 2231 } 2232 .foldout-menu .menu-wrapper { 2233 /*width: 400%; 2234 height: 100%;*/ 2235 display: flex; 2236 width: auto; 2237 flex-wrap: nowrap; 2238 height: 100%; 2239 } 2240 .foldout-menu .menu-wrapper .menu-page { 2241 /*width: 25%; 2242 height: 100%; 2243 float: left;*/ 2244 width: 100vw; 2245 flex-shrink: 0; 2246 height: auto; 2247 padding: 15px; 2248 box-sizing: border-box; 2249 overflow: auto; 2250 display: flex; 2251 flex-direction: column; 2252 position: relative; 2253 } 2254 .foldout-menu .menu-wrapper .menu-page .premium-btn-container { 2255 position: fixed; 2256 bottom: 0; 2257 left: 0; 2258 right: 0; 2259 padding: 15px; 2260 background-color: #F2F3F7; 2261 z-index: 3; 2262 } 2263 .foldout-menu .menu-wrapper .menu-page .premium-btn { 2264 font-size: 14px; 2265 line-height: 1.35; 2266 color: #fff; 2267 padding: 16px; 2268 width: 100%; 2269 max-width: 500px; 2270 font-weight: 600; 2271 text-align: center; 2272 justify-content: center; 2273 box-sizing: border-box; 2274 margin: 0 auto !important; 2275 background-color: #0c7571; 2276 border-radius: 12px; 2277 text-decoration: none; 2278 } 2279 .foldout-menu .menu-wrapper .menu-page .premium-btn:active, 2280 .foldout-menu .menu-wrapper .menu-page .premium-btn:visited { 2281 color: #fff; 2282 text-decoration: none; 2283 } 2284 .foldout-menu .menu-wrapper .menu-page #sign-in-link { 2285 display: inline-block; 2286 font-size: 14px; 2287 line-height: 1.35; 2288 color: #0C7571; 2289 margin: 8px 0 0; 2290 text-decoration: none; 2291 border-bottom: 1px solid rgba(0, 122, 255, 0.2); 2292 transition: border-color .3s; 2293 } 2294 .foldout-menu .menu-wrapper .menu-page #sign-in-link:active, 2295 .foldout-menu .menu-wrapper .menu-page #sign-in-link:active:visited { 2296 text-decoration: none; 2297 border-color: 1px solid rgb(0, 122, 255); 2298 } 2299 .foldout-menu .qInCBank { 2300 margin-right: 5px; 2301 } 2302 .menu-open .foldout-menu { 2303 transform: translateX(0); 2304 } 2305 2306 ul.menu-items { 2307 display: flex; 2308 flex-direction: column; 2309 padding-left: 0; 2310 } 2311 ul.menu-items li { 2312 width: 100%; 2313 box-sizing: border-box; 2314 list-style-type: none; 2315 margin-bottom: 30px; 2316 } 2317 ul.menu-items li:last-child { 2318 margin-bottom: 10px; 2319 } 2320 ul.menu-items li a { 2321 font-size: 14px; 2322 line-height: 1; 2323 font-weight: 400; 2324 color: #7C7C91; 2325 text-decoration: none; 2326 } 2327 ul.menu-items li a:active, ul.menu-items li a:visited { 2328 color: #7C7C91; 2329 text-decoration: none; 2330 } 2331 ul.menu-items li .ViewSwitcher { 2332 height: 44px; 2333 width: 100%; 2334 font-size: 14px; 2335 line-height: 1; 2336 color: #4E4E59; 2337 font-weight: 400; 2338 display: flex; 2339 align-items: center; 2340 justify-content: space-between; 2341 margin: 0; 2342 padding: 0; 2343 } 2344 ul.menu-items li a.primary { 2345 color: #0C7571; 2346 font-weight: 700; 2347 } 2348 ul.menu-items li a svg.arrow, .menu-item a svg.arrow { 2349 width: 24px; 2350 height: 24px; 2351 display: inline-block; 2352 vertical-align: middle; 2353 margin-left: 2px; 2354 margin-right: -9px; 2355 } 2356 .menu-item a svg.arrow:last-child { 2357 margin: 0 0 0 auto; 2358 } 2359 ul.menu-items li a.primary:after { 2360 content: url("data:image/svg+xml,%3Csvg width='7' height='10' viewB
2360ox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23007AFF' stroke-width='1.5'/%3E%3C/svg%3E%0A"); 2361 } 2362 .menu-open #header[data-menupage="progress-widget"] #progress-link { 2363 opacity: 0 !important; 2364 } 2365 2366 #header .back-button { 2367 position: absolute; 2368 top: 0; 2369 left: 0; 2370 opacity: 0; 2371 width: 30px; 2372 height: 100%; 2373 display: flex; 2374 justify-content: center; 2375 align-items: center; 2376 transition: opacity .3s; 2377 } 2378 #header .back-button svg { 2379 display: inline-block; 2380 width: 10px; 2381 font-size: 1rem; 2382 } 2383 .menu-open #header { 2384 z-index: 100000; 2385 } 2386 .menu-open #header .back-button { 2387 opacity: 1; 2388 } 2389 .menu-open #header[data-menu="main"] .back-button, .menu-open #header[data-menupage="progress-widget"] .back-button, .menu-open #header[data-menupage="cdl-settings"] .back-button{ 2390 opacity: 0; 2391 z-index: -1; 2392 } 2393 .menu-open #header[data-menu="sub"] #progress-link { 2394 opacity: 0 !important; 2395 } 2396 2397 #test-main-menu .back-btn { 2398 margin: 0; 2399 } 2400 #test-main-menu .showResults { 2401 display: none; 2402 } 2403 .atBQReview #test-main-menu .showResults { 2404 display: flex; 2405 } 2406 .atBQReview #test-main-menu .backToState { 2407 display: none; 2408 } 2409 2410 .menu-page .title-wrp { 2411 margin-bottom: 16px; 2412 } 2413 .menu-page .title-wrp h2 { 2414 font-size: 22px; 2415 line-height: 1.25; 2416 font-weight: 700; 2417 margin: 0 0 4px; 2418 } 2419 .night-mode .menu-page .title-wrp h2 { 2420 color: #f2f2f7; 2421 } 2422 .menu-page .title-wrp .plan-name { 2423 font-size: 14px; 2424 line-height: 1.35; 2425 color: #808080; 2426 } 2427 #sub-menu .submenu-page { 2428 display: none; 2429 flex-direction: column; 2430 } 2431 #sub-menu .submenu-page.active { 2432 display: flex; 2433 } 2434 ul.menu-items { 2435 width: 100%; 2436 background-color: #fff; 2437 border-radius: 12px; 2438 padding: 0; 2439 margin: 0 0 16px; 2440 } 2441 ul.menu-items li { 2442 font-size: 14px; 2443 line-height: 1; 2444 font-weight: 400; 2445 color: #4E4E59; 2446 padding: 12px 0 12px 12px; 2447 margin: 0 !important; 2448 border-bottom: 1px solid rgba(133, 133, 149, 0.2); 2449 } 2450 .night-mode #menu { 2451 background-color: #1C1C1C; 2452 } 2453 ul.menu-items li:last-of-type { 2454 border-bottom: none; 2455 } 2456 ul.menu-items li a, 2457 .menu-item a { 2458 display: flex; 2459 width: 100%; 2460 height: 24px; 2461 line-height: 24px; 2462 align-items: center; 2463 justify-content: space-between; 2464 font-weight: 400; 2465 padding: 0; 2466 box-sizing: border-box; 2467 text-decoration: none; 2468 color: inherit; 2469 padding: 0 12px 0 0; 2470 border: none; 2471 } 2472 ul.menu-items li a:active, 2473 ul.menu-items li a:visited, 2474 .menu-item a:active, 2475 .menu-item a:visited { 2476 text-decoration: none; 2477 color: inherit; 2478 } 2479 #vehicles-menu ul.menu-items li a .premium-label { 2480 font-size: 8px; 2481 line-height: 1; 2482 font-weight: 600; 2483 padding: 2px 5px; 2484 border-radius: 9px; 2485 color: #000; 2486 background-color: #FAD92C; 2487 text-transform: uppercase; 2488 margin-left: 7px; 2489 } 2490 ul.menu-items li.input-wrapper { 2491 display: flex; 2492 width: 100%; 2493 align-items: center; 2494 justify-content: space-between; 2495 padding: 0 12px; 2496 box-sizing: border-box; 2497 white-space: nowrap; 2498 } 2499 ul.menu-items li .radios { 2500 display: flex; 2501 align-items: center; 2502 } 2503 ul.menu-items li input[type=radio] { 2504 display: none; 2505 /* 2506 display: inline-block; 2507 vertical-align: middle; 2508 width: 18px; 2509 height: 18px; 2510 background-color: #0C7571; 2511 margin: 0 0 0 13px; 2512 */ 2513 } 2514 ul.menu-items li label { 2515 /* 2516 display: inline-block; 2517 vertical-align: middle; 2518 font-size: 14px; 2519 line-height: 1.35; 2520 color: #808080; 2521 margin: 0 0 0 9px; 2522 padding: 0; 2523 */ 2524 } 2525 ul.menu-items li a.blue, ul.menu-items li span.blue, .menu-item a.blue, .menu-item span.blue { 2526 display: flex; 2527 align-items: center; 2528 color: #0C7571; 2529 } 2530 ul.menu-items li.with-icon a, .menu-item.with-icon a { 2531 justify-content: flex-start; 2532 } 2533 ul.menu-items li.with-icon svg, .menu-item.with-icon svg { 2534 display: block; 2535 width: 24px; 2536 height: 24px; 2537 margin-right: 10px; 2538 color: #0C7571; 2539 } 2540 .menu-item { 2541 display: flex; 2542 width: 100%; 2543 box-sizing: border-box; 2544 background-color: #fff; 2545 border-radius: 12px; 2546 padding: 12px 16px; 2547 margin: 0 0 16px; 2548 font-size: 16px; 2549 line-height: 1.4; 2550 font-weight: 400; 2551 color: #4E4E59; 2552 } 2553 .menu-item a { 2554 padding: 0; 2555 } 2556 .menu-items-wrp { 2557 display: flex; 2558 column-gap: 12px; 2559 flex-wrap: wrap; 2560 } 2561 .menu-items-wrp .menu-item { 2562 width: auto; 2563 flex-grow: 1; 2564 } 2565 #test-menu-mobile h2 { 2566 font-size: 18px; 2567 line-height: 1.25; 2568 font-weight: 700; 2569 margin: 0 0 4px; 2570 } 2571 #test-sub-menu .submenu-page { 2572 display: none; 2573 flex-direction: column; 2574 } 2575 #test-sub-menu .submenu-page.active { 2576 display: flex; 2577 } 2578 #helperModal { 2579 display: none !important; 2580 } 2581 /* 2582 .night-mode #header #logo { 2583 background-image: url(/img/dt-logo-no-text-white.svg) !important; 2584 } 2585 */ 2586 #progress-widget .smartProgressWrp .widget-header { 2587 display: flex; 2588 align-items: center; 2589 justify-content: space-between; 2590 } 2591 #progress-widget .smartProgressWrp .widget-header>a { 2592 display: block; 2593 font-size: 14px; 2594 line-height: 1.35; 2595 font-weight: 600; 2596 color: #0C7571; 2597 text-decoration: none; 2598 } 2599} 2600 2601/*mobile: end */ 2602 2603.smartProgressWrp { 2604 position: relative; 2605} 2606/*.smartProgressWrp * { 2607 filter: blur(3px); 2608 pointer-events: none; 2609 opacity: 0.8; 2610} 2611.smartProgressWrp .progressTabs {
2612 display: none; 2613}*/ 2614.smartProgressWrp h2, 2615.smartProgressWrp .h2 { 2616 filter: none; 2617} 2618/*.smartProgressWrp .progressLink { 2619 opacity: 0.4; 2620}*/ 2621.smartProgressWrp .premium-disclaimer-wrp { 2622 display: block; 2623 position: absolute; 2624 top: 0; 2625 left: 0; 2626 width: 100%; 2627 height: 100%; 2628 filter: none; 2629 cursor: pointer; 2630 pointer-events: auto; 2631} 2632.smartProgressWrp .premium-disclaimer { 2633 position: absolute; 2634 top: 50%; 2635 left: 50%; 2636 transform: translate(-50%, -50%); 2637 font-size: 0; 2638 width: calc(100% - 50px); 2639} 2640 2641#sidebar #guestProgressWidget { 2642 margin-bottom: 20px; 2643 padding: 20px; 2644} 2645#sidebar .guestProgressWrp { 2646 position: relative; 2647} 2648#sidebar .guestProgressWrp.active { 2649 display: block; 2650} 2651#sidebar .guestProgressBar { 2652 display: flex; 2653 align-items: center; 2654 width: 100%; 2655 height: 30px; 2656 border-radius: 8px; 2657 background-color: #f2f2f7; 2658 position: relative; 2659 overflow: hidden; 2660} 2661 2662#sidebar .guestProgressLink { 2663 color: #0C7571; 2664 font-weight: 600; 2665 transition: opacity 0.3s; 2666 margin-top: 13px; 2667} 2668#sidebar .guestProgressWrp.loading .guestProgressLink { 2669 opacity: 0; 2670} 2671#sidebar .progressItem .itemResult { 2672 display: none !important; 2673} 2674 2675#sidebar .guestProgressBar:after { 2676 content: none; 2677} 2678#sidebar .guestProgressBar>div { 2679 height: 100%; 2680 position: relative; 2681} 2682#sidebar .guestProgressBar .questionsPremium { 2683 border-left: 1px solid rgba(133, 133, 149, 0.16); 2684 box-sizing: border-box; 2685 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.0006 3C18.2415 3 18.4655 3.11546 18.6055 3.30648L18.6602 3.39287L21.9241 9.42108L21.962 9.51397L21.9741 9.55379L21.9942 9.65597L22 9.74989C22 9.81893 21.9907 9.88578 21.9732 9.94926L21.9258 10.0753L2
26851.8883 10.1439C21.8662 10.1795 21.8411 10.2135 21.8128 10.2456L21.8726 10.1682L21.8481 10.2024L12.5973 20.7078C12.5172 20.8141 12.4139 20.8914 12.3 20.9397L12.2018 20.9727L12.1246 20.9901L12.0003 21L11.9 20.9934L11.7821 20.9679C11.7219 20.9506 11.6633 20.9251 11.6085 20.8919L11.5993 20.8844C11.5522 20.8561 11.5082 20.8215 11.4682 20.7812L2.17811 10.2351L2.15187 10.2024L2.11179 10.1439C2.05631 10.0543 2.01921 9.95218 2.00569 9.84275L2 9.74989L2.00285 9.68403L2.01606 9.59528C2.02225 9.56536 2.03015 9.5366 2.03966 9.50859L2.06249 9.4501L2.09049 9.39277L5.33978 3.39287C5.45449 3.18107 5.66267 3.03913 5.89736 3.00695L5.99937 3H18.0006ZM14.9984 10.4999H8.99873L12 18.1867L14.9984 10.4999ZM7.38957 10.4999H4.40925L9.76082 16.5738L7.38957 10.4999ZM19.5888 10.4999H16.6095L14.2413 16.5698L19.5888 10.4999ZM8.97173 4.49998H6.44542L4.00721 8.9999H7.53158L8.97173 4.49998ZM13.4521 4.49998H10.5468L9.10575 8.9999H14.8914L13.4521 4.49998ZM17.5535 4.49998H15.0274L16.4675 8.9999H19.9899L17.5535 4.49998Z' fill='url(%23paint0_linear_10047_237958)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10047_237958' x1='18.0004' y1='20.7273' x2='7.93254' y2='-2.31109' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CD2FD4'/%3E%3Cstop offset='0.470026' stop-color='%23007AFF'/%3E%3Cstop offset='1' stop-color='%2300B67A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); 2686 background-repeat: no-repeat; 2687 background-size: 20px 20px; 2688 background-position: calc(100% - 5px) 50%; 2689} 2690#sidebar .guestProgressBar .questionsFreeDone { 2691 position: absolute; 2692 top: 0; 2693 left: 0; 2694 height: 100%; 2695 background-color: #37A78D; 2696} 2697#sidebar .guestProgressBar .qsText { 2698 position: absolute; 2699 top: 0; 2700 left: 0; 2701 width: 100%; 2702 height: 100%; 2703 text-align: center; 2704 font-size: 12px; 2705 line-height: 30px; 2706 color: #4E4E59; 2707 z-index: 1; 2708} 2709 2710 2711@media (max-width: 1199px) { 2712 #sidebar-link { 2713 display: inline-block; 2714 } 2715} 2716 2717 2718 2719#header #nav .premium-login a { 2720 display: flex; 2721} 2722#header #nav .premium-login a svg { 2723 margin-right: 2px; 2724} 2725 2726.challenge-bank-link .cBankQty { 2727 margin-left: 10px; 2728 color: #0C7571; 2729} 2730 2731#datepicker-overlay { 2732 pointer-events: none !important; 2733} 2734 2735/* MENU RADIO SWITCHER */ 2736.radioSwitcher { 2737 display: flex; 2738 width: 100%; 2739 justify-content: space-between; 2740 align-items: center; 2741 height: 44px; 2742 margin-left: -12px; 2743 padding-left: 12px; 2744 font-size: 14px; 2745 font-weight: 400; 2746 color: #4E4E59; 2747 transition: all 0.3s ease-in-out; 2748} 2749.radioSwitcher > div:first-child { 2750 margin-right: 15px; 2751} 2752.radioSwitcher > div:last-child { 2753 display: flex; 2754 justify-content: space-between; 2755 align-items: center; 2756 margin-right: 2px; 2757} 2758.radioSwitcher input[type="radio"] { 2759 display: none; 2760} 2761.radioSwitcher label { 2762 position: relative; 2763 display: flex; 2764 align-items: center; 2765 margin-right: 10px; 2766 cursor: pointer; 2767} 2768.radioSwitcher label:before { 2769 content: ''; 2770 display: inline-block; 2771 width: 18px; 2772 height: 18px; 2773 left: 1px; 2774 top: 1px; 2775 margin-right: 7px; 2776 border: 1px solid rgba(133, 133, 149, 0.8); 2777 border-radius: 50%; 2778} 2779.radioSwitcher input[type="radio"]:checked + label:before { 2780 width: 8px; 2781 height: 8px; 2782 margin-top: -1px; 2783 border: 6px solid #0C7571; 2784 box-sizing: content-box; 2785} 2786.night-mode .radioSwitcher { 2787 color: #cbcbcb; 2788} 2789.night-mode .radioSwitcher:hover { 2790 color: #f2f3f7; 2791} 2792 2793#header .challenge-bank-link { 2794 -ms-flex-pack: justify; 2795 justify-content: space-between; 2796} 2797.pp-bar-wrapper.menu-item-wrapper a.text-underline { 2798 text-decoration: underline; 2799 text-decoration-thickness: 1px !important; 2800 text-underline-offset: 2px !important; 2801} 2802.pp-bar-wrapper.menu-item-wrapper a.text-underline:hover { 2803 text-decoration: none; 2804} 2805 2806 2807/* NEW PREMIUM BUTTON */ 2808#nav a.primary-btn.premium { 2809 display: flex !important; 2810 gap: 4px; 2811 align-items: center; 2812 height: 38px !important; 2813 padding: 0 16px !important; 2814 line-height: 1 !important; 2815} 2816@keyframes rotate-premium-btn { 2817 from {transform: rotate(0);} 2818 to {transform: rotate(20deg);} 2819} 2820#nav a.primary-btn.premium:before { 2821 content: ''; 2822 display: inline-block; 2823 width: 18px; 2824 height: 18px; 2825 background: url("data:image/svg+xml;
2825charset=UTF-8, %3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.0006 4C18.2415 4 18.4655 4.11546 18.6055 4.30648L18.6602 4.39287L21.9241 10.4211L21.962 10.514L21.9741 10.5538L21.9942 10.656L22 10.7499C22 10.8189 21.9907 10.8858 21.9732 10.9493L21.9258 11.0753L21.8883 11.1439C21.8662 11.1795 21.8411 11.2135 21.8128 11.2456L21.8726 11.1682L21.8481 11.2024L12.5973 21.7078C12.5172 21.8141 12.4139 21.8914 12.3 21.9397L12.2018 21.9727L12.1246 21.9901L12.0003 22L11.9 21.9934L11.7821 21.9679C11.7219 21.9506 11.6633 21.9251 11.6085 21.8919L11.5993 21.8844C11.5522 21.8561 11.5082 21.8215 11.4682 21.7812L2.17811 11.2351L2.15187 11.2024L2.11179 11.1439C2.05631 11.0543 2.01921 10.9522 2.00569 10.8427L2 10.7499L2.00285 10.684L2.01606 10.5953C2.02225 10.5654 2.03015 10.5366 2.03966 10.5086L2.06249 10.4501L2.09049 10.3928L5.33978 4.39287C5.45449 4.18107 5.66267 4.03913 5.89736 4.00695L5.99937 4H18.0006ZM14.9984 11.4999H8.99873L12 19.1867L14.9984 11.4999ZM7.38957 11.4999H4.40925L9.76082 17.5738L7.38957 11.4999ZM19.5888 11.4999H16.6095L14.2413 17.5698L19.5888 11.4999ZM8.97173 5.49998H6.44542L4.00721 9.9999H7.53158L8.97173 5.49998ZM13.4521 5.49998H10.5468L9.10575 9.9999H14.8914L13.4521 5.49998ZM17.5535 5.49998H15.0274L16.4675 9.9999H19.9899L17.5535 5.49998Z' fill='%23000'/%3e%3c/svg%3e") center center / cover no-repeat; 2826 -webkit-transition: transform 0.2s ease; 2827 -moz-transition: transform 0.2s ease; 2828 transition: transform 0.2s ease; 2829 animation-name: rotate-premium-btn; 2830 animation-duration: .3s; 2831 animation-timing-function: ease; 2832 animation-iteration-count: 2; 2833 animation-delay: 5s; 2834} 2835#nav a.primary-btn.premium:hover:before{ 2836 transform: rotate(20deg); 2837} 2838 2839body:not(.menu-open) #header.dark > .container { 2840 padding: 10px 15px; 2841} 2842body:not(.menu-open) #header.dark #logo { 2843 background-image: url(/img/bph-logo-horizontal-white-mono.svg); 2844} 2845body:not(.menu-open) #header.dark { 2846 background-color: #0C7571; 2847} 2848body:not(.menu-open) #header.dark #nav > li > a { 2849 color: #fff; 2850} 2851body:not(.menu-open) #header.dark #nav > li > a:hover { 2852 background-color: transparent; 2853} 2854body:not(.menu-open) #header.dark #nav > li > a .chevron, 2855body:not(.menu-open) #header.dark #nav > li > a:hover .chevron { 2856 stroke: #fff; 2857} 2858body:not(.menu-open) #header.dark #menu-link>div { 2859 background-color: #fff; 2860} 2861body:not(.menu-open) #header.dark #nav .primary-btn { 2862 color: #000; 2863} 2864body:not(.menu-open) #header.dark #nav .primary-btn:hover { 2865 background-color: #fad92c; 2866} 2867@media(max-width: 767px){ 2868 body:not(.menu-open) #header.dark > .container { 2869 padding: 10px 20px; 2870} 2871} 2872 2873 2874 2875/* modal-window */ 2876.modal-window .close { 2877 background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.37882 5.23657C6.06339 4.92114 5.55199 4.92114 5.23657 5.23657C4.92114 5.55199 4.92114 6.06339 5.23657 6.37882L10.8578 12L5.23657 17.6212C4.92114 17.9366 4.92114 18.448 5.23657 18.7634C5.55199 19.0789 6.06339 19.0789 6.37882 18.7634L12 13.1422L17.6212 18.7634C17.9366 19.0788 18.448 19.0788 18.7634 18.7634C19.0789 18.448 19.0789 17.9366 18.7634 17.6212L13.1423 12L18.7634 6.37882C19.0789 6.0634 19.0789 5.552 18.7634 5.23658C18.448 4.92115 17.9366 4.92115 17.6212 5.23658L12 10.8578L6.37882 5.23657Z' fill='black'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95382 4.95382C5.42546 4.48219 6.19012 4.48219 6.66176 4.95382L12.0001 10.2922L17.3384 4.95383C17.8101 4.4822 18.5747 4.4822 19.0464 4.95383C19.518 5.42546 19.518 6.19013 19.0464 6.66176L13.708 12.0001L19.0464 17.3384C19.518 17.8101 19.518 18.5747 19.0464 19.0464C18.5747 19.518 17.8101 19.518 17.3384 19.0464L12.0001 13.708L6.66176 19.0464C6.19012 19.518 5.42546 19.518 4.95382 19.0464C4.48219 18.5747 4.48219 17.8101 4.95382 17.3384L10.2922 12.0001L4.95382 6.66176C4.48219 6.19012 4.48219 5.42546 4.95382 4.95382ZM5.23667 6.37891C4.92124 6.06349 4.92124 5.55209 5.23667 5.23667C5.55209 4.92124 6.06349 4.92124 6.37891 5.23667L12.0001 10.8579L17.6213 5.23667C17.9367 4.92125 18.4481 4.92125 18.7635 5.23667C19.079 5.5521 19.079 6.0635 18.7635 6.37892L13.1424 12.0001L18.7635 17.6213C19.079 17.9367 19.079 18.4481 18.7635 18.7635C18.4481 19.079 17.9367 19.079 17.6213 18.7635L12.0001 13.1424L6.37891 18.7635C6.06349 19.079 5.55209 19.079 5.23667 18.7635C4.92124 18.4481 4.92124 17.9367 5.23667 17.6213L10.8579 12.0001L5.23667 6.37891Z' fill='black'/%3e%3c/svg%3e") center center no-repeat; 2878} 2879.night-mode .modal-window .close { 2880 background-image: url("data:image/svg+xml;
2880charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.37882 5.73657C6.06339 5.42114 5.55199 5.42114 5.23657 5.73657C4.92114 6.05199 4.92114 6.56339 5.23657 6.87882L10.8578 12.5L5.23657 18.1212C4.92114 18.4366 4.92114 18.948 5.23657 19.2634C5.55199 19.5789 6.06339 19.5789 6.37882 19.2634L12 13.6422L17.6212 19.2634C17.9366 19.5788 18.448 19.5788 18.7634 19.2634C19.0789 18.948 19.0789 18.4366 18.7634 18.1212L13.1423 12.5L18.7634 6.87882C19.0789 6.5634 19.0789 6.052 18.7634 5.73658C18.448 5.42115 17.9366 5.42115 17.6212 5.73658L12 11.3578L6.37882 5.73657Z' fill='%23A8A8AE'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.9537 5.4537C5.42533 4.98207 6.19 4.98207 6.66164 5.4537L12 10.792L17.3383 5.45371C17.8099 4.98207 18.5746 4.98207 19.0463 5.45371C19.5179 5.92534 19.5179 6.69001 19.0463 7.16164L13.7079 12.5L19.0462 17.8383C19.5179 18.3099 19.5179 19.0746 19.0463 19.5462C18.5746 20.0179 17.8099 20.0179 17.3383 19.5463L12 14.2079L6.66164 19.5463C6.19 20.0179 5.42533 20.0179 4.9537 19.5463C4.48207 19.0746 4.48207 18.31 4.9537 17.8383L10.292 12.5L4.9537 7.16164C4.48207 6.69 4.48207 5.92533 4.9537 5.4537ZM5.23654 6.87879C4.92112 6.56337 4.92112 6.05197 5.23654 5.73654C5.55197 5.42112 6.06337 5.42112 6.37879 5.73654L12 11.3577L17.6212 5.73655C17.9366 5.42113 18.448 5.42113 18.7634 5.73655C19.0788 6.05197 19.0788 6.56338 18.7634 6.8788L13.1422 12.5L18.7634 18.1212C19.0788 18.4366 19.0788 18.948 18.7634 19.2634C18.448 19.5788 17.9366 19.5788 17.6212 19.2634L12 13.6422L6.37879 19.2634C6.06337 19.5788 5.55197 19.5788 5.23654 19.2634C4.92112 18.948 4.92112 18.4366 5.23654 18.1212L10.8577 12.5L5.23654 6.87879Z' fill='%23A8A8AE'/%3e%3c/svg%3e"); 2881}</style>
2881<script>function fLocalStorage() { 2882 try { 2883 if (typeof window.localStorage !== 'undefined') { 2884 window.localStorage.setItem('feature_test', 'yes'); 2885 if (window.localStorage.getItem('feature_test') === 'yes') { 2886 window.localStorage.removeItem('feature_test'); 2887 return true; 2888 } 2889 } 2890 } catch(e) {} 2891 return false; 2892} 2893 2894function fSessionStorage() { 2895 try { 2896 if (typeof window.sessionStorage !== 'undefined') { 2897 window.sessionStorage.setItem('feature_test', 'yes'); 2898 if (window.sessionStorage.getItem('feature_test') === 'yes') { 2899 window.sessionStorage.removeItem('feature_test'); 2900 return true; 2901 } 2902 } 2903 } catch(e) {} 2904 return false; 2905} 2906 2907var isLocalStorage = fLocalStorage(), isSessionStorage = fSessionStorage(); 2908 2909function setSessionVar(key, val, withCookie) { 2910 if (isLocalStorage) window.localStorage.setItem(key, val); 2911 else if (isSessionStorage) window.sessionStorage.setItem(key, val); 2912 2913 withCookie = withCookie || null; 2914 2915 if (withCookie) { 2916 var expires = new Date(); 2917 expires.setTime(expires.getTime() + (365 * 24 * 60 * 60 * 1000)); 2918 document.cookie = key + '=' + val + '; path=/' + '; expires=' + expires.toUTCString(); 2919 } 2920 2921 return val; 2922} 2923 2924function getSessionVar(key, vdef, withCookie) { 2925 vdef = vdef != null ? vdef : null; 2926// return vdef; 2927 var val = null; 2928 try { 2929 if (isLocalStorage) val = window.localStorage.getItem(key); 2930 else if (isSessionStorage) val = window.sessionStorage.getItem(key); 2931 2932 withCookie = withCookie || null; 2933 2934 if (withCookie && val == null) { 2935 var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)'); 2936 val = keyValue ? keyValue[2] : null; 2937 2938// var matches = document.cookie.match(new RegExp( 2939// "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" 2940// )); 2941// val = matches ? decodeURIComponent(matches[1]) : null; 2942 } 2943 } catch(e) { } 2944 if (val == null && vdef != null) val = vdef; 2945 return val; 2946} 2947 2948document.addEventListener('DOMContentLoaded', function(){ 2949 var nm_state = getSessionVar('cbonm', '', 1), 2950 switches = document.getElementsByClassName('night-mode-switch'); 2951 2952 if (nm_state == 1) { 2953 document.documentElement.classList.add('night-mode'); 2954 } else if (nm_state == 0) { 2955 document.documentElement.classList.remove('night-mode'); 2956 } 2957 2958 document.documentElement.classList.remove('night-mode'); 2959 2960 for (var i = 0; i < switches.length; i++) { 2961 if (nm_state == 1) { 2962 switches[i].checked = true; 2963 } else if (nm_state == 0) { 2964 switches[i].checked = false; 2965 } 2966 2967 switches[i].addEventListener('change', function(e){ 2968 e.preventDefault(); 2969 e.stopPropagation(); 2970 if (this.checked){ 2971 document.documentElement.classList.add('night-mode'); 2972 setSessionVar('cbonm', 1, true); 2973 } else { 2974 document.documentElement.classList.remove('night-mode'); 2975 setSessionVar('cbonm', 0, true); 2976 } 2977 for (var i = 0; i < switches.length; i++) { 2978 switches[i].checked = this.checked; 2979 } 2980 }); 2981 } 2982 2983})</script>
2983 <header id="header" class="dark"><div class="container"><div class="logo-wrapper"> <a id="logo" href="/">Barprephero.com</a> <a class="back-button" id="main-menu-link"><svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.63571 0.563897C9.98718 0.915369 9.98718 1.48522 9.63571 1.83669L2.47211 9.00029L9.63571 16.1639C9.98718 16.5154 9.98718 17.0852 9.63571 17.4367C9.28424 17.7882 8.71439 17.7882 8.36292 17.4367L0.56292 9.63669C0.211448 9.28522 0.211448 8.71537 0.56292 8.3639L8.36292 0.563897C8.71439 0.212425 9.28424 0.212425 9.63571 0.563897Z" fill="#7C7C91"/></svg></a></div><ul id="nav"><li class="menupop" id="help-menu"> <a href="javascript:{}" rel="nofollow"> <span>Help</span> <svg class="chevron"><use xlink:href="#iconChevronDn" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg> </a><ul><li> <a href="https://intercom.help/barprephero-help-center/en/"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.84502 7.18752C3.5989 8.36417 3.5 9.91737 3.5 12C3.5 14.0798 3.59685 15.6317 3.8408 16.8085C4.08136 17.969 4.44208 18.6495 4.88834 19.0976C5.33425 19.5455 6.01297 19.9093 7.17414 20.153C8.35199 20.4001 9.90912 20.5 12 20.5C14.0738 20.5 15.6226 20.4002 16.7973 20.1531C17.9554 19.9095 18.6386 19.5453 19.0899 19.0946C19.5412 18.644 19.9064 17.9614 20.1511 16.8031C20.3992 15.628 20.5 14.0775 20.5 12C20.5 9.91088 20.4008 8.35456 20.1543 7.17682C19.9113 6.0157 19.5481 5.33676 19.1007 4.89056C18.6531 4.44415 17.9731 4.08291 16.8124 3.84184C15.6353 3.59735 14.0822 3.5 12 3.5C9.91737 3.5 8.36417 3.5989 7.18752 3.84502C6.02745 4.08769 5.34694 4.45065 4.8988 4.8988C4.45065 5.34694 4.08769 6.02745 3.84502 7.18752ZM2 12C2 3.56837 3.56837 2 12 2C20.4266 2 22 3.54264 22 12C22 20.4161 20.3996 22 12 22C3.53442 22 2 20.4161 2 12Z" fill="#0C7571"/> <path d="M12.6218 16.2218C12.4436 16.3999 12.202 16.5 11.95 16.5C11.698 16.5 11.4564 16.3999 11.2782 16.2218C11.1001 16.0436 11 15.802 11 15.55V11.75C11 11.498 11.1001 11.2564 11.2782 11.0782C11.4564 10.9001 11.698 10.8 11.95 10.8C12.202 10.8 12.4436 10.9001 12.6218 11.0782C12.7999 11.2564 12.9 11.498 12.9 11.75V15.55C12.9 15.802 12.7999 16.0436 12.6218 16.2218Z" fill="#0C7571"/> <path d="M11.2782 7.27825C11.4564 7.10009 11.698 7 11.95 7H11.9595C12.2115 7 12.4531 7.10009 12.6313 7.27825C12.8094 7.45641 12.9095 7.69804 12.9095 7.95C12.9095 8.20196 12.8094 8.44359 12.6313 8.62175C12.4531 8.79991 12.2115 8.9 11.9595 8.9H11.95C11.698 8.9 11.4564 8.79991 11.2782 8.62175C11.1001 8.44359 11 8.20196 11 7.95C11 7.69804 11.1001 7.45641 11.2782 7.27825Z" fill="#0C7571"/> </svg> <span>Help center</span> </a></li><li id="live-chat-item"> <a class="button" id="live-chat" href="/cdn-cgi/l/email-protection#472e29212807252635373522372f2235286924282a"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.8125 5.75H18.1875C18.7539 5.75 19.2858 5.95742 19.6687 6.30937C20.0495 6.65936 20.25 7.11986 20.25 7.58523V15.4148C20.25 15.8801 20.0495 16.3406 19.6687 16.6906C19.2858 17.0426 18.7539 17.25 18.1875 17.25H5.8125C5.24605 17.25 4.7142 17.0426 4.33131 16.6906C3.95055 16.3406 3.75 15.8801 3.75 15.4148V7.58523C3.75 7.11986 3.95055 6.65936 4.33131 6.30937C4.7142 5.95742 5.24605 5.75 5.8125 5.75Z" stroke="#0C7571" stroke-width="1.5"/> <path d="M6 9L12.2222 13L18 9" stroke="#0C7571" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>Send email</span> </a></li></ul></li><li class="premium-login"><a href="https://barprephero.com/?memberful_endpoint=auth"> <svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_13946_4189)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.28606 5.13644V6.11097H4.22272C3.82411 6.11097 3.5 6.4428 3.5 6.85092V10.9264C3.5 11.3345 3.82411 11.6663 4.22272 11.6663H9.77727C10.1759 11.6663 10.5 11.3345 10.5 10.9264V6.84901C10.5 6.4409 10.1759 6.10906 9.77727 6.10906H9.75865V5.13453C9.7
29835865 3.58978 8.53113 2.33301 7.02235 2.33301C5.51357 2.33491 4.28606 3.59169 4.28606 5.13644ZM7.42843 9.06907C7.37255 9.11102 7.35765 9.15107 7.35765 9.21782C7.35951 9.51724 7.35951 9.81474 7.35951 10.1142C7.3651 10.2381 7.30363 10.3602 7.1956 10.4155C6.94041 10.549 6.68522 10.3621 6.68522 10.1142V10.1123C6.68522 9.81284 6.68522 9.51342 6.68708 9.21401C6.68708 9.15298 6.67404 9.11293 6.62189 9.07288C6.35738 8.87264 6.26984 8.53127 6.40209 8.23185C6.53061 7.94007 6.84541 7.76843 7.14158 7.82946C7.47127 7.89811 7.70039 8.16892 7.70411 8.50647C7.70411 8.74105 7.61284 8.93176 7.42843 9.06907ZM7.02215 3.56099C6.17462 3.56099 5.48356 4.26662 5.48356 5.13625V6.11078H8.56073V5.13625C8.56073 4.26852 7.87153 3.56099 7.02215 3.56099Z" fill="#0C7571"/> </g> <defs> <clipPath id="clip0_13946_4189"> <rect width="14" height="14" fill="white"/> </clipPath> </defs> </svg> <span>Premium Login</span> </a></li><li id="premium-link"> <a class="primary-btn premium" href="/premium/" rel="nofollow"><span>Pass the first time, guaranteed</span></a></li><li id="menu-link"><div class="bar-one"></div><div class="bar-two"></div><div class="bar-three"></div></li></ul></div></header><div class="foldout-menu sidebar-menu" id="menu"><div class="menu-wrapper"><div class="menu-page" id="main-menu"><ul class="menu-items"></ul><ul class="menu-items"><li class="with-icon"><a class="blue" href="https://intercom.help/barprephero-help-center/en/"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.84502 7.33498C3.5989 8.51163 3.5 10.0648 3.5 12.1475C3.5 14.2272 3.59685 15.7792 3.8408 16.956C4.08136 18.1164 4.44208 18.7969 4.88834 19.2451C5.33425 19.6929 6.01297 20.0568 7.17414 20.3004C8.35199 20.5476 9.90912 20.6475 12 20.6475C14.0738 20.6475 15.6226 20.5477 16.7973 20.3006C17.9554 20.057 18.6386 19.6928 19.0899 19.2421C19.5412 18.7914 19.9064 18.1089 20.1511 16.9506C20.3992 15.7755 20.5 14.2249 20.5 12.1475C20.5 10.0583 20.4008 8.50202 20.1543 7.32428C19.9113 6.16316 19.5481 5.48422 19.1007 5.03802C18.6531 4.59161 17.9731 4.23037 16.8124 3.9893C15.6353 3.74481 14.0822 3.64746 12 3.64746C9.91737 3.64746 8.36417 3.74636 7.18752 3.99248C6.02745 4.23515 5.34694 4.59811 4.8988 5.04626C4.45065 5.4944 4.08769 6.17491 3.84502 7.33498ZM2 12.1475C2 3.71583 3.56837 2.14746 12 2.14746C20.4266 2.14746 22 3.69011 22 12.1475C22 20.5635 20.3996 22.1475 12 22.1475C3.53442 22.1475 2 20.5635 2 12.1475Z" fill="currentColor"/><path d="M12.6218 16.3692C12.4436 16.5474 12.202 16.6475 11.95 16.6475C11.698 16.6475 11.4564 16.5474 11.2782 16.3692C11.1001 16.1911 11 15.9494 11 15.6975V11.8975C11 11.6455 11.1001 11.4039 11.2782 11.2257C11.4564 11.0476 11.698 10.9475 11.95 10.9475C12.202 10.9475 12.4436 11.0476 12.6218 11.2257C12.7999 11.4039 12.9 11.6455 12.9 11.8975V15.6975C12.9 15.9494 12.7999 16.1911 12.6218 16.3692Z" fill="currentColor"/><path d="M11.2782 7.42571C11.4564 7.24755 11.698 7.14746 11.95 7.14746H11.9595C12.2115 7.14746 12.4531 7.24755 12.6313 7.42571C12.8094 7.60387 12.9095 7.84551 12.9095 8.09746C12.9095 8.34942 12.8094 8.59105 12.6313 8.76921C12.4531 8.94737 12.2115 9.04746 11.9595 9.04746H11.95C11.698 9.04746 11.4564 8.94737 11.2782 8.76921C11.1001 8.59105 11 8.34942 11 8.09746C11 7.84551 11.1001 7.60387 11.2782 7.42571Z" fill="currentColor"/></svg><span>Help Center</span></a></li><li class="with-icon"><a href="/contact-us/" class="blue"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.8125 5.89746H18.1875C18.7539 5.89746 19.2858 6.10488 19.6687 6.45683C20.0495 6.80682 20.25 7.26732 20.25 7.73269V15.5622C20.25 16.0276 20.0495 16.4881 19.6687 16.8381C19.2858 17.19 18.7539 17.3975 18.1875 17.3975H5.8125C5.24605 17.3975 4.7142 17.19 4.33131 16.8381C3.95055 16.4881 3.75 16.0276 3.75 15.5622V7.73269C3.75 7.26732 3.95055 6.80682 4.33131 6.45683C4.7142 6.10488 5.24605 5.89746 5.8125 5.89746Z" stroke="currentColor" stroke-width="1.5"/><path d="M6 9.14746L12.2222 13.1475L18 9.14746" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Contact us</span></a></li></ul> <a class="premium-btn plausible-event-name=header_nav_premium_cta_click" href="/premium/?from=header-navigation&" data-eepoll="pollAreYou">Pass with Premium, Guaranteed</a><div style="text-align: center;">
2983 <a id="sign-in-link" href="https://barprephero.com/?memberful_endpoint=auth">Premium login</a></div></div><div class="menu-page" id="sub-menu"></div></div></div>
vendor: 109 bytes, line 2983
2983 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2983<script>document.addEventListener('DOMContentLoaded', function(){ 2984 2985function initMenu(){ 2986 var header = document.getElementById('header'); 2987 var menuLink = document.getElementById('menu-link'); 2988 var mainMenu = document.getElementById('main-menu'); 2989 var subMenu = document.getElementById('sub-menu'); 2990 if(!header || !menuLink || !mainMenu || !subMenu) return false; 2991 2992 menuLink.addEventListener('click', function(){ 2993 if(!document.body.classList.contains('menu-open')){ 2994 mainMenu.scrollIntoView({behavior: "instant", inline: "start"}); 2995 header.dataset.menu = 'main'; 2996 document.body.classList.add('menu-open'); 2997 }else{ 2998 document.body.classList.remove('menu-open'); 2999 delete header.dataset.menu; 3000 delete header.dataset.menupage; 3001 } 3002 }); 3003 var menuLinks = mainMenu.getElementsByTagName('a'); 3004 for(var i = 0; i < menuLinks.length; i++){ 3005 menuLinks[i].addEventListener('click', function(e){ 3006 var href = this.getAttribute("href"); 3007 if(typeof href !== 'undefined' && href.match(/^#.*/)){ 3008 e.preventDefault(); 3009 subMenu.querySelectorAll('.submenu-page').forEach(function(page){ 3010 if(href === '#'+page.id) page.classList.add('active'); 3011 else page.classList.remove('active'); 3012 }); 3013 subMenu.scrollIntoView({behavior: "smooth", inline: "start"}); 3014 header.dataset.menu = 'sub'; 3015 var pageName = href.replace('#',''); 3016 header.dataset.menupage = pageName; 3017 subMenu.dataset.menupage = pageName; 3018 } 3019 }); 3020 } 3021 var mainMenuLink = document.getElementById('main-menu-link'); 3022 if(mainMenuLink) mainMenuLink.addEventListener('click', function(e){ 3023 e.preventDefault(); 3024 mainMenu.scrollIntoView({behavior: "smooth", inline: "start"}); 3025 header.dataset.menu = 'main'; 3026 }) 3027 3028 window.addEventListener("orientationchange", function(){ 3029 document.body.classList.remove('menu-open'); 3030 delete header.dataset.menu; 3031 delete header.dataset.menupage; 3032 }); 3033} 3034 3035initMenu(); 3036 3037function updateProgressPies(){ 3038 var items = document.getElementsByClassName('progressItem'); 3039 for (var i = 0; i < items.length; i++) { 3040 var item = items[i]; 3041 var ppc = item.getElementsByClassName('progress-pie-chart'); 3042 if(ppc.length) ppc = ppc[0]; 3043 else { 3044 ppc = document.createElement('div'); 3045 ppc.classList.add('progress-pie-chart'); 3046 ppc.innerHTML = '<div class="ppc-progress"><div class="ppc-progress-fill"></div></div>'; 3047 item.insertBefore(ppc, item.firstChild); 3048 } 3049 var percent = item.dataset.percent; 3050 var deg = 360*percent/100; 3051 ppc.classList.remove('gt-100','gt-50'); 3052 if(percent == 100) ppc.classList.add('gt-100'); 3053 if(percent > 50) ppc.classList.add('gt-50'); 3054 ppc.getElementsByClassName('ppc-progress-fill')[0].style.transform = 'rotate('+ deg +'deg)'; 3055 3056 } 3057} 3058updateProgressPies(); 3059 3060 3061});</script>
3061 <svg display="none" xmlns="http://www.w3.org/2000/svg" style="display:none"> <symbol id="lock" viewBox="0 0 14 20" xmlns="http://www.w3.org/2000/svg"><path d="M1.23166 8.47934H1.5726V6.15004C1.5726 3.19282 3.95985 0.808105 6.91707 0.808105H6.95973C9.91699 0.808105 12.3123 3.19282 12.3123 6.15004V8.47934H12.7683C13.4458 8.47934 14 9.02718 14 9.70459V18.6137C14 19.2911 13.4458 19.8328 12.7683 19.8328H1.23169C0.554246 19.8328 0 19.2911 0 18.6137V9.70459C0 9.02718 0.554246 8.47934 1.23166 8.47934ZM11.2767 6.15004C11.2767 3.76352 9.34763 1.80537 6.95976 1.80537H6.91711C4.52921 1.80537 2.56986 3.76352 2.56986 6.15004V8.47934H11.2767V6.15004ZM5.96592 13.8327C5.97827 13.8448 5.99507 13.855 6.00995 13.8629C6.06104 13.8992 6.1249 13.9325 6.18018 13.9627C6.23556 14.0745 6.29037 14.2909 6.29037 14.5382V16.6512C6.29037 17.0121 6.54916 17.3013 6.91009 17.3013H6.9626C7.3235 17.3013 7.63288 17.0121 7.63288 16.6512V14.5382C7.63288 14.2828 7.66517 14.0603 7.72044 13.9521C7.76382 13.9276 7.79965 13.9012 7.84038 13.8729C7.86727 13.8629 7.89167 13.845 7.91088 13.8215C8.28789 13.5286 8.53106 13.0709 8.53106 12.5565C8.53106 11.6723 7.81472 10.9554 6.93042 10.9554C6.04616 10.9554 5.33013 11.6723 5.33013 12.5565C5.33016 13.0776 5.58063 13.5404 5.96592 13.8327Z"/></symbol> <symbol id="iconChevronDn" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L5 5L9 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </symbol> <symbol id="check-mark" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.2L7.875 14L16 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </symbol> <symbol id="check-mark2" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.47354 8.47114L14.4137 0.365425C14.8909 -0.121808 15.6648 -0.121808 16.142 0.365425C16.6193 0.852659 16.6193 1.64262 16.142 2.12986L6.47354 12L0.85796 6.26729C0.38068 5.78006 0.38068 4.9901 0.85796 4.50286C1.33524 4.01563 2.10906 4.01563 2.58634 4.50286L6.47354 8.47114Z" fill="currentColor"/> </symbol> <symbol id="icon-lock" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.5 6H10V4C10 1.794 8.206 0 6 0C3.794 0 2 1.794 2 4V6H1.5C0.673333 6 0 6.67267 0 7.5V14.5C0 15.3273 0.673333 16 1.5 16H10.5C11.3267 16 12 15.3273 12 14.5V7.5C12 6.67267 11.3267 6 10.5 6ZM3.33333 4C3.33333 2.52933 4.52933 1.33333 6 1.33333C7.47067 1.33333 8.66667 2.52933 8.66667 4V6H3.33333V4ZM6.66667 11.148V12.6667C6.66667 13.0347 6.36867 13.3333 6 13.3333C5.63133 13.3333 5.33333 13.0347 5.33333 12.6667V11.148C4.93667 10.9167 4.66667 10.4913 4.66667 10C4.66667 9.26467 5.26467 8.66667 6 8.66667C6.73533 8.66667 7.33333 9.26467 7.33333 10C7.33333 10.4913 7.06333 10.9167 6.66667 11.148Z" fill="currentColor"/> </symbol> <symbol id="in-progress" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="#37A78D"><defs><style>.cls-1 {fill: none;}</style></defs><path d="M23.7642,6.8593l1.2851-1.5315A13.976,13.976,0,0,0,20.8672,2.887l-.6836,1.8776A11.9729,11.9729,0,0,1,23.7642,6.8593Z" transform="translate(0 0)"/><path d="M27.81,14l1.9677-.4128A13.8888,13.8888,0,0,0,28.14,9.0457L26.4087,10A12.52,12.52,0,0,1,27.81,14Z" transform="translate(0 0)"/><path d="M20.1836,27.2354l.6836,1.8776a13.976,13.976,0,0,0,4.1821-2.4408l-1.2851-1.5315A11.9729,11.9729,0,0,1,20.1836,27.2354Z" transform="translate(0 0)"/><path d="M26.4087,22,28.14,23a14.14,14.14,0,0,0,1.6382-4.5872L27.81,18.0659A12.1519,12.1519,0,0,1,26.4087,22Z" transform="translate(0 0)"/><path d="M16,30V2a14,14,0,0,0,0,28Z" transform="translate(0 0)"/><rect class="cls-1" data-name="<Transparent Rectangle>" height="32" id="_Transparent_Rectangle_" width="32"/></symbol> <symbol id="complete" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_10550_140)"><circle cx="10" cy="10" r="10" fill="#37A78D"/><path d="M5 9L9 13L15 7" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_10550_140"><rect width="20" height="20" fill="white"/></clipPath></defs></symbol> <symbol id="error" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_10550_34579)"><circle cx="10" cy="10" r="9.5" fill="#FF7C7C" stroke="#FF7C7C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.71967 13.2197C5.42678 13.5126 5.42678 13.9874 5.71967 14.2803C6.01256 14.5732 6.48744 14.5732 6.78033 14.2803L10 11.0607L13.2197 14.2803C13.5126 14.5732 13.9874 14.5732 14.2803 14.2803C14.5732 13.9874 14.5732 13.5126 14.2803 13.2197L11.0607 10L14.2803 6.78033C14.5732 6.48744 14.5732 6.01256 14.2803 5.71967C13.9874 5.42678 13.5126 5.42678 13.2197 5.71967L10 8.93934L6.78033 5.71967C6.48744 5.42678 6.01256 5.42678 5.71967 5.71967C5.42678 6.01256 5.42678 6.48744 5.71967 6.78033L8.93934 10L5.71967 13.2197Z" fill="white"/></g><defs><clipPath id="clip0_10550_34579"><rect width="20" height="20" fill="white"/></clipPath></defs></symbol>
3061 <symbol id="arrow" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.46937 18.1467C9.59512 18.1496 9.72012 18.1266 9.83659 18.0791C9.95306 18.0316 10.0585 17.9606 10.1464 17.8705L15.1555 12.9086C15.3902 12.6828 15.498 12.4398 15.498 12.1475C15.498 11.8551 15.3902 11.6031 15.1646 11.3853L10.1474 6.42344C10.0591 6.33334 9.95334 6.26232 9.83653 6.21481C9.71973 6.1673 9.59442 6.14429 9.46836 6.14722C9.34141 6.14642 9.21555 6.17072 9.09801 6.21872C8.98047 6.26673 8.87356 6.33748 8.78341 6.42693C8.69327 6.51639 8.62167 6.62277 8.57272 6.73998C8.52377 6.8572 8.49844 6.98293 8.49818 7.10996C8.49818 7.37711 8.60698 7.62007 8.79941 7.82068L13.198 12.1555L8.79941 16.4813C8.6589 16.6144 8.56165 16.7867 8.52031 16.9758C8.47897 17.165 8.49545 17.3622 8.5676 17.5418C8.63976 17.7214 8.76425 17.8752 8.92489 17.9831C9.08553 18.0909 9.2749 18.148 9.46836 18.1467H9.46937Z" fill="currentColor"/> </symbol> </svg><div id="container"><section id="outer_layout"><section id="wrapper"><section id="inner_wrapper"><div id="content" class="content-page">
3061<script src="https://barprephero.com/wp-content/themes/parallelus-salutation/assets/js/libs/jquery.validate.min.js"></script>
3061<script src="https://barprephero.com/wp-content/themes/parallelus-salutation/assets/js/ajaxForm.js"></script>
3061<style>.content-page { 3062 padding-bottom: 30px; 3063} 3064@media(max-width: 767px){ 3065 .col-3-5 { 3066 width: 100%; 3067 } 3068 .textBox.icon .textContent { 3069 margin: 0; 3070 } 3071 .textBox.icon .icon48 { 3072 display: none; 3073 } 3074}</style><h1>Contact us</h1><div class="col-3-5"><div class="clear"></div><div class="textBox icon"><div class="icon48 icon-mail"></div><div class="textContent"><h4 class="textBoxTitle">We love hearing from you!</h4><span class="theText"><p>Take a moment to tell us what’s on your mind using the form below.</p><div class="clear"></div><br>
3074<script>jQuery(document).ready(function($) { 3075 $("#form_4zu7qq7zkhcd").validate({ 3076 submitHandler: function(form) { 3077 ajaxContact(form); // form is valid, submit it 3078 return false; 3079 }, 3080 errorElement: "em", 3081 errorPlacement: function(error, element) { 3082 error.appendTo( element.closest("div") ); 3083 }, 3084 highlight: function(element, errorClass, validClass) { 3085 $(element).addClass(errorClass).removeClass(validClass); 3086 $(element).closest(".fieldContainer").addClass(errorClass); 3087 }, 3088 unhighlight: function(element, errorClass, validClass) { 3089 $(element).removeClass(errorClass).addClass(validClass); 3090 $(element).closest(".fieldContainer").removeClass(errorClass); 3091 }, 3092 messages: {"name" : {required: "enter your name"},"email" : {required: "enter your email address",email: "please enter a valid email address"},"message" : {required: "please enter your message"},"captcha" : {required: "You must enter the verification code"}} 3093 }); 3094 });</script>
3094 <div class="contactFormWrapper" style="position:relative;"><div class="formMessages-top" style="position:absolute;"><div class="formSuccess" style="display:none;">Thank you, your message has been sent.</div></div><form class="cmxform publicContactForm" id="form_4zu7qq7zkhcd" method="post" action=""><fieldset><legend>Contact Form</legend><div class="fieldContainer field_type_text"><label for="name_4zu7qq7zkhcd" class="formTitle overlabel">Name</label><input type="text" id="name_4zu7qq7zkhcd" name="name" class="formField textInput required" style=""><div class="formCaption">Your Name</div></div><div class="fieldContainer field_type_text"><label for="email_4zu7qq7zkhcd" class="formTitle overlabel">Email</label><input type="text" id="email_4zu7qq7zkhcd" name="email" class="formField textInput required email" style=""><div class="formCaption"></div></div><div class="fieldContainer field_type_textarea"><label for="message_4zu7qq7zkhcd" class="formTitle overlabel">Message</label><textarea id="message_4zu7qq7zkhcd" name="message" class="formField textInput required" style="" minlength="10" ></textarea><div class="formCaption"></div></div><div class="fieldContainer field_type_captcha"><img src="https://barprephero.com/wp-content/themes/parallelus-salutation/framework/utilities/captcha/captcha.php?_oubeh" id="image_captcha_4zu7qq7zkhcd"><br><div><label for="captcha_4zu7qq7zkhcd" class="formTitle overlabel captchaLabel">Image Verification</label><input type="text" id="captcha_4zu7qq7zkhcd" name="captcha" class="required textInput" style="width: 150px;" minlength="4"><div class="formCaption"><a href="#" onclick="document.getElementById('image_captcha_4zu7qq7zkhcd').src='https://barprephero.com/wp-content/themes/parallelus-salutation/framework//utilities/captcha/captcha.php?_'+Math.random(); return false;" id="refresh_img_captcha_4zu7qq7zkhcd">Refresh image?</a></div></div></div><div class="contactFormBottom"> <button type="submit" class="btn formSubmit"><span>Send</span></button> <span class="sending invisible"><img src="https://barprephero.com/wp-content/themes/parallelus-salutation/assets/images/ajax-loader.gif" width="24" height="24" alt="Loading..." class="sendingImg"></span> <input type="hidden" name="_S" value="91.115.129.129.111.117.115.46.84.128.125.123.46.80.111.128.94.128.115.126.86.115.128.125.60.113.125.123"> <input class="" type="hidden" name="mail_action" value="send"></div></fieldset></form><div class="formMessages-bottom"><div class="formError" style="display:none;"></div></div></div> </span></div></div></div><hr><h2 style="padding-bottom: 0!important;font: 38px/40px 'Source Sans Pro',Helvetica,Arial,sans-serif !important;letter-spacing: -2px;margin: 15px 0 10px 0; color: #333;text-align: left;">Our <strong>Mailing Address</strong></h2><p><strong>Elegant E-Learning, Inc.</strong>,<br> 1 Hunter Street East, Ground Floor<br> Hamilton, ON, Canada, L8N 3W1</p>
3094<script type='application/ld+json'>{ 3095 "@context": "http://www.schema.org", 3096 "@type": "Corporation", 3097 "name": "Elegant E-Learning, Inc", 3098 "url": "https://elegantelearning.com", 3099 "address": { 3100 "@type": "PostalAddress", 3101 "streetAddress": "1 Hunter Street East", 3102 "addressLocality": "Hamilton", 3103 "addressRegion": "Ontario", 3104 "postalCode": "L8N 3W1", 3105 "addressCountry": "Canada", 3106 "email":"[email protected]", 3107 "telephone":"8883922170" 3108 } 3109}</script>
3109 </div></section></section></section></div><div class="countdown-wrapper"><div id="close-countdown"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.112 31.112" style="enable-background:new 0 0 31.112 31.112;" xml:space="preserve"><polygon style=" fill:#000;" points="31.112,1.414 29.698,0 15.556,14.142 1.414,0 0,1.414 14.142,15.556 0,29.698 1.414,31.112 15.556,16.97 29.698,31.112 31.112,29.698 16.97,15.556 "/></svg></div><div class="countdown-text"><span id="examMonth"></span> Bar Exam starts in:</div><div class="countdown-container"><div class="countdown-stat"><span id="countdown-days"></span><span class="countdown-tag">Days</span></div><div class="countdown-stat"><span id="countdown-hours"></span><span class="countdown-tag">Hrs</span></div><div class="countdown-stat"><span id="countdown-minutes"></span><span class="countdown-tag">Mins</span></div><div class="countdown-stat"><span id="countdown-seconds"></span><span class="countdown-tag">Secs</span></div><a class="button" href="/premium/#upgrade">Study better now</a></div></div><style>.countdown-wrapper { 3110 z-index: 30001; 3111 display: none; 3112 position: fixed; 3113 bottom: 10px; 3114 right: 10px; 3115 transition: opacity 0.3s; 3116} 3117.countdown-wrapper .countdown-stat { 3118 display: inline-block; 3119 vertical-align: middle; 3120 width: 35px; 3121 text-align: center; 3122} 3123.countdown-wrapper .countdown-stat > span:first-child { 3124 font-size: 20px; 3125 font-weight: 700; 3126 color: #121212; 3127 display: block; 3128} 3129.countdown-container { 3130 padding: 11px 10px 11px 14px; 3131 border-radius: 11px; 3132 text-align: center; 3133 background: #ffd200d1; 3134 color: #333; 3135 position: relative; 3136} 3137.countdown-text { 3138 text-align: center; 3139 font-size: 16px; 3140 font-weight: 700; 3141 color: #000; 3142 margin-bottom: 5px; 3143} 3144.countdown-wrapper .button { 3145 display: inline-block; 3146 vertical-align: middle; 3147 background: #fff; 3148 color: #333 !important; 3149 outline: none; 3150 font-size: 18px; 3151 padding: 13px 18px; 3152 margin-left: 10px; 3153 border-radius: 7px; 3154 display: inline-block; 3155 vertical-align: middle; 3156 position: relative; 3157 font-weight: 600; 3158 cursor: pointer; 3159 -webkit-box-shadow: 0 0 0 3px rgba(18,18,18,0),0 6px 20px rgba(18,18,18,.1); 3160 box-shadow: 0 0 0 3px rgba(18,18,18,0),0 6px 20px rgba(18,18,18,.1); 3161 -webkit-transition: -webkit-box-shadow 0.2s ease; 3162 transition: -webkit-box-shadow 0.2s ease; 3163 transition: box-shadow 0.2s ease; 3164 transition: box-shadow 0.2s ease,-webkit-box-shadow 0.2s ease; 3165 white-space: nowrap; 3166 text-decoration: none; 3167} 3168.countdown-wrapper .button:hover { 3169 -webkit-box-shadow: 0 0 0 3px #121212,0 0 0 0 rgba(18,18,18,0); 3170 box-shadow: 0 0 0 3px #121212,0 0 0 0 rgba(18,18,18,0); 3171} 3172.countdown-tag { 3173 font-size: 13px; 3174 display: block; 3175 line-height: 15px; 3176 width: 100%; 3177 text-align: center; 3178 font-weight: 700; 3179 color: rgba(18,18,18,.5); 3180} 3181.countdown-wrapper.hidden { 3182 opacity: 0; 3183} 3184.countdown-wrapper.white .countdown-text { 3185 color: #fff; 3186} 3187.atTest .countdown-wrapper.white .countdown-text { 3188 color: #000; 3189} 3190.countdown-wrapper.white #close-countdown svg > polygon { 3191 fill: #fff !important; 3192} 3193.countdown-wrapper #close-countdown { 3194 position: absolute; 3195 top: 0; 3196 right: 0; 3197 padding: 0; 3198 cursor: pointer; 3199} 3200.countdown-wrapper #close-countdown svg { 3201 width: 10px; 3202 height: 10px; 3203} 3204.countdown-wrapper .button:hover { 3205 text-decoration: none; 3206} 3207@media(max-width:991px) { 3208 .countdown-wrapper { 3209 display: none!important; 3210 } 3211}</style>
3211<script>function fLocalStorage() { 3212 try { 3213 if (window.localStorage !== undefined) { 3214 window.localStorage.setItem("feature_test", "yes"); 3215 if (window.localStorage.getItem("feature_test") === "yes") { 3216 window.localStorage.removeItem("feature_test"); 3217 return true; 3218 } 3219 } 3220 } catch(e) {} 3221 return false; 3222} 3223function fSessionStorage() { 3224 try { 3225 if (window.sessionStorage !== undefined) { 3226 window.sessionStorage.setItem("feature_test", "yes"); 3227 if (window.sessionStorage.getItem("feature_test") === "yes") { 3228 window.sessionStorage.removeItem("feature_test"); 3229 return true; 3230 } 3231 } 3232 } catch(e) {} 3233 return false; 3234} 3235var isLocalStorage = fLocalStorage(); 3236var isSessionStorage = fSessionStorage(); 3237function setSessionVar(key, value, persistCookie) { 3238 if (isLocalStorage) { 3239 window.localStorage.setItem(key, value); 3240 } else if (isSessionStorage) { 3241 window.sessionStorage.setItem(key, value); 3242 } 3243 if (persistCookie) { 3244 var date = new Date(); 3245 date.setTime(date.getTime() + 31536e6); 3246 document.cookie = key + "=" + value + "; path=/; expires=" + date.toUTCString(); 3247 } 3248 return value; 3249} 3250function getSessionVar(key, fallback, readCookie) { 3251 var value = null; 3252 try { 3253 if (isLocalStorage) { 3254 value = window.localStorage.getItem(key); 3255 } else if (isSessionStorage) { 3256 value = window.sessionStorage.getItem(key); 3257 } 3258 if (readCookie && value === null) { 3259 var cookieValue = document.cookie.match("(^|;) ?" + key + "=([^;]*)(;|$)"); 3260 value = cookieValue ? cookieValue[2] : null; 3261 } 3262 } catch(e) {} 3263 return value === null && fallback !== undefined ? fallback : value; 3264} 3265function bphTrackAmplitudeEvent(eventName, eventProps) { 3266 try { 3267 var props = Object.assign({ 3268 widget: "bar_exam_countdown", 3269 path: window.location.pathname, 3270 page_title: document.title 3271 }, eventProps || {}); 3272 if (window.amplitude && typeof window.amplitude.track === "function") { 3273 window.amplitude.track(eventName, props); 3274 } else if (window.amplitude && typeof window.amplitude.getInstance === "function") { 3275 window.amplitude.getInstance().track(eventName, props); 3276 } 3277 } catch(e) {} 3278} 3279 3280document.addEventListener("DOMContentLoaded", function() { 3281 function getLastTuesday(monthIndex, year) { 3282 var date = new Date(); 3283 if (year) { 3284 date.setFullYear(year); 3285 } 3286 date.setDate(1); 3287 date.setMonth(monthIndex); 3288 do { 3289 date.setDate(date.getDate() - 1); 3290 } while (date.getDay() !== 2); 3291 return date; 3292 } 3293 function padCountdownValue(value) { 3294 return value < 10 ? "0" + value : value; 3295 } 3296 3297 var countdownShown = false; 3298 if (parseInt(getSessionVar("countdownread", 0, true))) { 3299 return; 3300 } 3301 3302 var targetDate; 3303 var examMonth; 3304 var examYear; 3305 var today = new Date(); 3306 today.setUTCHours(0, 0, 0, 0); 3307 3308 var februaryExam = getLastTuesday(2); 3309 if (today < februaryExam) { 3310 targetDate = februaryExam; 3311 examMonth = "February"; 3312 } else { 3313 var julyExam = getLastTuesday(7); 3314 if (today < julyExam) { 3315 targetDate = julyExam; 3316 examMonth = "July"; 3317 } else { 3318 examYear = today.getFullYear() + 1; 3319 targetDate = getLastTuesday(2, examYear); 3320 examMonth = "February"; 3321 } 3322 } 3323 if (!examYear) { 3324 examYear = today.getFullYear(); 3325 } 3326 3327 var targetTime = targetDate.getTime(); 3328 $("#examMonth").text(examMonth + " " + examYear); 3329 3330 var countdownInterval = setInterval(function() { 3331 var millisecondsLeft = targetTime - new Date().getTime(); 3332 var days = Math.floor(millisecondsLeft / 864e5); 3333 var hours = Math.floor(millisecondsLeft % 864e5 / 36e5); 3334 var minutes = Math.floor(millisecondsLeft % 36e5 / 6e4); 3335 var seconds = Math.floor(millisecondsLeft % 6e4 / 1e3); 3336 3337 document.getElementById("countdown-days").innerHTML = padCountdownValue(days); 3338 document.getElementById("countdown-hours").innerHTML = padCountdownValue(hours); 3339 document.getElementById("countdown-minutes").innerHTML = padCountdownValue(minutes); 3340 document.getElementById("countdown-seconds").innerHTML = padCountdownValue(seconds); 3341 3342 if (!countdownShown) { 3343 $(".countdown-wrapper").show().css("opacity", "1"); 3344 bphTrackAmplitudeEvent("bar_exam_countdown_viewed", { 3345 exam_month: examMonth, 3346 exam_year: examYear, 3347 days_until_exam: days 3348 }); 3349 countdownShown = true; 3350 } 3351 toggleCountdownColor(); 3352 3353 if (millisecondsLeft < 0) { 3354 clearInterval(countdownInterval); 3355 document.getElementsByClassName("countdown-container")[0].style.display = "none"; 3356 } 3357 }, 1000); 3358
3359 $(".countdown-wrapper .button").off("click.bphCountdown").on("click.bphCountdown", function() { 3360 bphTrackAmplitudeEvent("bar_exam_countdown_cta_clicked", { 3361 exam_month: examMonth, 3362 exam_year: examYear, 3363 days_until_exam: parseInt(document.getElementById("countdown-days").textContent, 10) || null, 3364 cta_text: this.textContent.trim(), 3365 target_url: this.href 3366 }); 3367 }); 3368 3369 $("#close-countdown").off("click").on("click", function() { 3370 bphTrackAmplitudeEvent("bar_exam_countdown_closed", { 3371 exam_month: examMonth, 3372 exam_year: examYear, 3373 days_until_exam: parseInt(document.getElementById("countdown-days").textContent, 10) || null 3374 }); 3375 $(".countdown-wrapper").addClass("hidden"); 3376 setTimeout(function() { 3377 $(".countdown-wrapper").remove(); 3378 }, 500); 3379 setSessionVar("countdownread", 1, true); 3380 }); 3381}); 3382 3383function toggleCountdownColor() { 3384 var countdownWrapper = document.querySelector('.countdown-wrapper'); 3385 var countdownText = document.querySelector('.countdown-text'); 3386 var footer = document.querySelector('#footer'); 3387 if (!countdownWrapper || !countdownText || !footer) { 3388 return; 3389 } 3390 var footerRect = footer.getBoundingClientRect(); 3391 var countdownRect = countdownText.getBoundingClientRect(); 3392 if (footerRect.width === 0 || footerRect.height === 0) { 3393 countdownWrapper.classList.remove('white'); 3394 return; 3395 } 3396 countdownWrapper.classList.toggle('white', countdownRect.top >= footerRect.top && countdownRect.top <= footerRect.bottom); 3397} 3398window.addEventListener('scroll', function() { 3399 toggleCountdownColor(); 3400});</script>
3400 <style>#Bottom { 3401 display: none !important; 3402} 3403#footer { 3404 background-color: #212127; 3405 color: #7C7C91; 3406 font-size: 14px; 3407 line-height: 17px; 3408} 3409#footer a { 3410 color: #7C7C91; 3411 text-decoration: none; 3412} 3413.sidebar-open #footer { 3414 padding-right: 350px; 3415} 3416#footer>.container { 3417 max-width: 960px; 3418 margin: 0 auto; 3419 padding-right: 15px; 3420 padding-left: 15px; 3421 padding-top: 45px; 3422 padding-bottom: 40px; 3423 box-sizing: border-box; 3424} 3425.footer-nav dl { 3426 margin: 0; 3427 padding: 0 10px; 3428} 3429.footer-nav dl:first-of-type, .footer-nav dl { 3430 padding-left: 0; 3431} 3432.footer-nav dl:last-of-type { 3433 padding-right: 0; 3434} 3435.footer-nav .col-6 { 3436 display: flex; 3437 flex-direction: column; 3438} 3439.footer-nav .col-6 p { 3440 max-width: 415px; 3441 margin-bottom: 24px; 3442} 3443.footer-nav dt { 3444 color: #C2C2D2; 3445 font-size: 16px; 3446 font-weight: 600; 3447 line-height: 20px; 3448 margin-bottom: 25px; 3449} 3450.footer-nav dd { 3451 margin: 0 0 10px; 3452} 3453.footer-nav dd a { 3454 text-decoration: none; 3455 color: inherit; 3456} 3457#footer .logo { 3458 width: 150px; 3459 height: 75px; 3460 background-image: url(https://barprephero.com/img/bph-logo-horizontal-white-mono.svg); 3461 background-repeat: no-repeat; 3462 background-size: cover; 3463 background-position: center; 3464 opacity: 0.6; 3465 margin-bottom: 10px; 3466} 3467#footer .app-btns { 3468 flex-grow: 1; 3469} 3470#footer .btn-app-store, #footer .btn-google-play { 3471 display: inline-block; 3472 margin: 0; 3473 background-color: transparent; 3474 background-repeat: no-repeat; 3475 background-size: cover; 3476 overflow: hidden; 3477 text-indent: -999px; 3478 opacity: .6; 3479 transition: opacity .3s; 3480} 3481#footer .btn-app-store { 3482 width: 120px; 3483 height: 40px; 3484 background-image: url(https://barprephero.com/img/t/app-store-grey_215x64.svg); 3485 margin-right: 11px; 3486} 3487#footer .btn-google-play { 3488 width: 135px; 3489 height: 40px; 3490 background-image: url(https://barprephero.com/img/t/google-play-grey_215x64.svg); 3491} 3492#footer .btn-app-store:hover, #footer .btn-google-play:hover { 3493 opacity: 1; 3494} 3495#footer .footer-help { 3496 display: inline-block; 3497} 3498#footer .footer-help svg.icon-footer-help { 3499 display: inline-block; 3500 vertical-align: middle; 3501 width: 16px; 3502 height: 16px; 3503 margin-right: 8px; 3504} 3505#footer .footer-help span { 3506 display: inline-block; 3507 vertical-align: middle; 3508} 3509#footer .footer-nav { 3510 /*padding-bottom: 40px;*/ 3511 position: relative; 3512} 3513/*#footer .footer-nav:after { 3514 content: ''; 3515 position: absolute; 3516 bottom: 0; 3517 left: 0; 3518 display: block; 3519 width: 100%; 3520 height: 0; 3521 border-bottom: 1px solid #4B4B55; 3522 opacity: 0.5; 3523}
3523*/ 3524.footer-lower { 3525 padding-top: 25px; 3526 align-items: center; 3527} 3528.footer-lower dl { 3529 margin: 0; 3530 padding: 0 10px; 3531} 3532.footer-lower dl:first-of-type { 3533 padding-left: 0; 3534} 3535.footer-lower dl:last-of-type { 3536 padding-right: 0; 3537} 3538.footer-lower dd { 3539 margin: 0; 3540} 3541.footer-lower .share-btn { 3542 display: inline-block; 3543 width: 24px; 3544 height: 24px; 3545 /*opacity: 0.7;*/ 3546} 3547.footer-lower .share-btn:first-of-type { 3548 margin-right: 15px; 3549} 3550.footer-lower .share-btn:hover { 3551 opacity: 1; 3552} 3553.cols-row { 3554 display: flex; 3555 -webkit-flex-wrap: wrap; 3556 -ms-flex-wrap: wrap; 3557 flex-wrap: wrap; 3558 -webkit-align-content: stretch; 3559 -ms-align-content: stretch; 3560 -ms-flex-line-pack: stretch; 3561 align-content: stretch; 3562 -webkit-align-items: stretch; 3563 -ms-align-items: stretch; 3564 -ms-flex-align: stretch; 3565 align-items: stretch; 3566 -webkit-justify-content: flex-start; 3567 -ms-flex-pack: flex-start; 3568 -ms-justify-content: flex-start; 3569 justify-content: flex-start; 3570} 3571.cols-row>* { 3572 flex: 0 0 auto; 3573 -ms-flex: 0 0 auto; 3574 -webkit-flex: 0 0 auto; 3575 box-sizing: border-box; 3576} 3577.col-3 { 3578 flex-basis: 25%; 3579 -ms-flex-basis: 25%; 3580 -ms-flex-preferred-size: 25%; 3581 -webkit-flex-basis: 25%; 3582 max-width: 25%; 3583} 3584.col-6 { 3585 flex-basis: 50%; 3586 -ms-flex-basis: 50%; 3587 -ms-flex-preferred-size: 50%; 3588 -webkit-flex-basis: 50%; 3589 max-width: 50%; 3590} 3591.col-12 { 3592 flex-basis: 100%; 3593 -ms-flex-basis: 100%; 3594 -ms-flex-preferred-size: 100%; 3595 -webkit-flex-basis: 100%; 3596 max-width: 100%; 3597} 3598 3599.footer-ee-network dd { 3600 float: left; 3601 margin: 0 30px 0 0 !important; 3602} 3603.footer-ee-network dd a { 3604 font-family: npr4logo !important; 3605 font-weight: normal; 3606 font-style: normal; 3607 text-transform: lowercase; 3608 letter-spacing: 1px; 3609 font-size: 20px; 3610} 3611.footer-nav dl.footer-ee-network { 3612 margin-top: 20px; 3613 padding-left: 0; 3614} 3615 3616@media(max-width: 767px) { 3617 #footer .footer-nav .col-6{ 3618 width: 100%; 3619 flex-basis: 100%; 3620 max-width: 100%; 3621 } 3622 #footer .footer-nav .col-3 { 3623 width: 50%; 3624 flex-basis: 50%; 3625 max-width: 50%; 3626 } 3627 #footer .footer-help { 3628 margin: 30px 0 40px; 3629 } 3630 #footer .footer-lower .col-3 { 3631 width: 50%; 3632 flex-basis: 50%; 3633 max-width: 50%; 3634 } 3635 #footer .footer-lower .col-3:last-of-type{ 3636 margin-left: auto; 3637 } 3638} 3639 3640#breadcrumbs {/*background:#888;color:#999;*/color:#888;;font-size:13px;} 3641.sidebar-open #breadcrumbs {padding-right: 350px;} 3642#breadcrumbs .container {max-width: 960px;margin: 0 auto;padding: 10px 15px 20px;box-sizing: border-box;} 3643#bcrumbs {margin:0; padding:0; display:block; float:none; clear:both; /*border:#646464 solid;border-width: 0 0 1px;*/} 3644#bcrumbs ul, #bcrumbs li {list-style-type:none; padding:0; margin:0;} 3645#bcrumbs li {float:left;} 3646#bcrumbs li a, #bcrumbs li a:link {/*color:#bdbdbd;*/color:#444; text-decoration:none;} 3647#bcrumbs li.sep {margin:0 5px;} 3648#bcrumbs li span.current a, #bcrumbs li span.current a:link {color:#c2c2d2;} 3649@media (max-width: 1130px){ 3650 #breadcrumbs { 3651 padding-right: 0 !important; 3652 } 3653} 3654.night-mode #bcrumbs li a, .night-mode #bcrumbs li a:link { 3655 color: #7c7c91; 3656} 3657.night-mode #bcrumbs li span.current a, .night-mode #bcrumbs li span.current a:link { 3658 color: #7c7c91; 3659} 3660#footer .badge-new { 3661 display: inline-block; 3662 background: linear-gradient(135deg, #10b981 0%, #0c7571 100%); 3663 color: #fff; 3664 font-size: 10px; 3665 font-weight: 600; 3666 padding: 2px 6px; 3667 border-radius: 4px; 3668 margin-left: 6px; 3669 text-transform: uppercase; 3670 letter-spacing: 0.5px; 3671 vertical-align: middle; 3672} 3673.qotd-global-signup { 3674 background: #fff; 3675 padding: 52px 20px; 3676} 3677.qotd-global-signup.qotd-global-signup-hidden { 3678 display: none !important; 3679} 3680.qotd-global-signup .container { 3681 max-width: 960px; 3682 margin: 0 auto; 3683} 3684.qotd-global-signup-inner { 3685 display: grid; 3686 grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); 3687 gap: 24px; 3688 align-items: center; 3689 padding: 24px; 3690 border-radius: 16px; 3691 background: #111827; 3692 color: #fff; 3693} 3694.qotd-global-signup h2 { 3695 margin: 0 0 8px; 3696 color: #fff; 3697 font-size: 24px; 3698 line-height: 1.25; 3699 font-weight: 700; 3700 text-align: left; 3701} 3702.qotd-global-signup-copy { 3703 text-align: left; 3704} 3705.qotd-global-signup p { 3706 margin: 0; 3707 color: rgba(255,255,255,0.78); 3708 font-size: 15px; 3709 line-height: 1.5; 3710 text-align: left; 3711} 3712.qotd-global-signup-form { 3713 display: grid; 3714 gap: 10px; 3715} 3716.qotd-global-signup-label { 3717 position: absolute; 3718 width: 1px; 3719 height: 1px; 3720 padding: 0; 3721 margin: -1px; 3722 overflow: hidden; 3723 clip: rect(0,0,0,0); 3724 border: 0; 3725} 3726.qotd-global-signup-form input[type="email"] { 3727 width: 100%; 3728 box-sizing: border-box; 3729 padding: 13px 14px; 3730 border: 1px solid rgba(255,255,255,0.22); 3731 border-radius: 8px; 3732 background: rgba(255,255,255,0.08); 3733 color: #fff; 3734 font-size: 15px; 3735} 3736.qotd-global-signup-form input[type="email"]::placeholder { 3737 color: rgba(255,255,255,0.62); 3738} 3739.qotd-global-signup-form button { 3740 width: 100%; 3741 border: 0; 3742 border-radius: 8px; 3743 padding: 13px 14px; 3744 background: #f97316; 3745 color: #fff; 3746 font-size: 15px; 3747 font-weight: 700; 3748 cursor: pointer; 3749} 3750.qotd-global-signup-form button:disabled { 3751 cursor: wait; 3752 opacity: 0.72; 3753} 3754.qotd-global-signup-company { 3755 position: absolute; 3756 left: -9999px; 3757 opacity: 0; 3758} 3759.qotd-global-signup-message { 3760 min-height: 20px; 3761 color: rgba(255,255,255,0.78); 3762 font-size: 13px !important; 3763 line-height: 1.4 !important; 3764} 3765.qotd-global-signup-fineprint { 3766 color: rgba(255,255,255,0.62) !important; 3767 font-size: 12px !important; 3768} 3769@media(max-width: 767px) { 3770 .qotd-global-signup { 3771 padding: 32px 15px; 3772 } 3773 .qotd-global-signup-inner { 3774 grid-template-columns: 1fr; 3775 padding: 22px; 3776 } 3777 .qotd-global-signup h2 { 3778 font-size: 22px; 3779 } 3780}</style><section class="qotd-global-signup" aria-label="Daily bar exam email signup" data-test-page="0"><div class="container"><div class="qotd-global-signup-inner"><div class="qotd-global-signup-copy"><h2>Get a free bar question every morning</h2><p>One MBE-style practice question, answer, and rationale in your inbox. Use it as a small daily warm-up before the bar exam.</p></div><form class="qotd-global-signup-form js-qotd-footer-signup" data-action-url="https://barprephero.
3780com/wp-admin/admin-ajax.php" data-nonce="d81521891e" data-admin="0" data-category="global_footer" novalidate> <label class="qotd-global-signup-label" for="qotdGlobalEmail">Email</label> <input type="email" id="qotdGlobalEmail" name="email" placeholder="[email protected]" autocomplete="email" required> <input class="qotd-global-signup-company" type="text" name="company" tabindex="-1" autocomplete="off" aria-hidden="true"> <button type="submit">Send me the daily question</button><div class="qotd-global-signup-message" aria-live="polite"></div><div class="qotd-global-signup-fineprint">Unsubscribe anytime.</div></form></div></div></section>
3780<script>(function () { 3781 var forms = document.querySelectorAll('.js-qotd-footer-signup'); 3782 if (!forms.length) return; 3783 3784 function trackQotdSignup(eventName, props) { 3785 if (window.amplitude && typeof window.amplitude.track === 'function') { 3786 window.amplitude.track(eventName, props || {}); 3787 } else if (window.amplitude && typeof window.amplitude.getInstance === 'function') { 3788 window.amplitude.getInstance().track(eventName, props || {}); 3789 } 3790 } 3791 3792 var signupSection = document.querySelector('.qotd-global-signup'); 3793 var isTestPage = signupSection && signupSection.getAttribute('data-test-page') === '1'; 3794 3795 function isElementVisible(element) { 3796 if (!element) return false; 3797 var style = window.getComputedStyle(element); 3798 return style.display !== 'none' && style.visibility !== 'hidden' && element.getClientRects().length > 0; 3799 } 3800 3801 function hasVisibleTestFlowElement(selectors) { 3802 for (var i = 0; i < selectors.length; i++) { 3803 var elements = document.querySelectorAll(selectors[i]); 3804 for (var j = 0; j < elements.length; j++) { 3805 if (isElementVisible(elements[j])) return true; 3806 } 3807 } 3808 return false; 3809 } 3810 3811 function shouldHideForTestFlow() { 3812 if (!isTestPage) return false; 3813 3814 var startButton = document.getElementById('atBtnStart'); 3815 if (startButton && !isElementVisible(startButton)) return true; 3816 3817 if (/[?&](result|results|score|finished|complete)=/i.test(window.location.search)) return true; 3818 3819 return hasVisibleTestFlowElement([ 3820 '#atQuestion', 3821 '#atQuestionText', 3822 '#atAnswers', 3823 '#atAnswerOptions', 3824 '#atTest', 3825 '#atTestContent', 3826 '#atResult', 3827 '#atResults', 3828 '#testResult', 3829 '#testResults', 3830 '.at-question', 3831 '.test-question', 3832 '.test-result', 3833 '.test-results', 3834 '.results-summary', 3835 '.score-summary' 3836 ]); 3837 } 3838 3839 function syncQotdFooterVisibility() { 3840 if (!signupSection) return; 3841 signupSection.classList.toggle('qotd-global-signup-hidden', shouldHideForTestFlow()); 3842 } 3843 3844 if (isTestPage) { 3845 var startButton = document.getElementById('atBtnStart'); 3846 if (startButton) { 3847 startButton.addEventListener('click', function () { 3848 if (signupSection) signupSection.classList.add('qotd-global-signup-hidden'); 3849 }); 3850 } 3851 3852 var qotdVisibilityQueued = false; 3853 function queueQotdFooterVisibilitySync() { 3854 if (qotdVisibilityQueued) return; 3855 qotdVisibilityQueued = true; 3856 window.setTimeout(function () { 3857 qotdVisibilityQueued = false; 3858 syncQotdFooterVisibility(); 3859 }, 80); 3860 } 3861 3862 syncQotdFooterVisibility(); 3863 window.setTimeout(syncQotdFooterVisibility, 600); 3864 window.setTimeout(syncQotdFooterVisibility, 2000); 3865 window.addEventListener('hashchange', syncQotdFooterVisibility); 3866 window.addEventListener('popstate', syncQotdFooterVisibility); 3867 3868 if (window.MutationObserver && document.body) { 3869 var qotdFooterObserver = new MutationObserver(queueQotdFooterVisibilitySync); 3870 qotdFooterObserver.observe(document.body, { 3871 childList: true, 3872 subtree: true, 3873 attributes: true, 3874 attributeFilter: ['class', 'style', 'hidden', 'aria-hidden'] 3875 }); 3876 } 3877 } 3878 3879 for (var i = 0; i < forms.length; i++) { 3880 forms[i].addEventListener('submit', function (event) { 3881 event.preventDefault(); 3882 3883 var form = this; 3884 var emailInput = form.querySelector('input[name="email"]'); 3885 var companyInput = form.querySelector('input[name="company"]'); 3886 var message = form.querySelector('.qotd-global-signup-message'); 3887 var button = form.querySelector('button[type="submit"]'); 3888 var email = emailInput ? emailInput.value.trim() : ''; 3889 var isAdmin = form.getAttribute('data-admin') === '1'; 3890 var category = form.getAttribute('data-category') || 'global_footer'; 3891 var pagePath = window.location.pathname || '/'; 3892 3893 if (!email) return; 3894 3895 button.disabled = true; 3896 message.textContent = 'Adding you...'; 3897 trackQotdSignup('qotd_email_signup_submit', { 3898 placement: 'global_footer', 3899 page_path: pagePath, 3900 category: category 3901 }); 3902 3903 var body = new URLSearchParams(); 3904 body.set('action', 'bph_qotd_subscribe'); 3905 body.set('nonce', form.getAttribute('data-nonce') || ''); 3906 body.set('email', email); 3907 body.set('company', companyInput ? companyInput.value : ''); 3908 body.set('source', 'global_footer'); 3909 body.set('category', category); 3910 body.set('page_path', pagePath); 3911 3912 fetch(form.getAttribute('data-action-url'), { 3913 method: 'POST', 3914 headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, 3915 credentials: 'same-origin', 3916 body: body.toString() 3917 }).then(function (response) { 3918 return response.text().then(function (responseText) { 3919 var data = {}; 3920 try { 3921 data = responseText ? JSON.parse(responseText) : {}; 3922 } catch (parseError) {} 3923 3924 if (!response.ok || !data.success) { 3925 var errorData = data && data.data ? data.data : {}; 3926 var adminDebug = ''; 3927 if (isAdmin && errorData.debug) { 3928 adminDebug = ' ' + JSON.stringify(errorData.debug); 3929 } else if (isAdmin && responseText) { 3930 adminDebug = ' HTTP ' + response.status + ': ' + responseText.substring(0, 300); 3931 } 3932 throw new Error((errorData.message || data.error || 'subscription_failed') + adminDebug); 3933 } 3934 3935 form.reset(); 3936 message.textContent = "You're in. Tomorrow's question will go to your inbox."; 3937 trackQotdSignup('qotd_email_signup_success', { 3938 placement: 'global_footer', 3939 page_path: pagePath, 3940 category: category 3941 }); 3942 }); 3943 }).catch(function (error) { 3944 message.textContent = isAdmin && error.message ? error.message : 'Subscription is not available yet. Try again later.'; 3945 trackQotdSignup('qotd_email_signup_failed', { 3946 placement: 'global_footer', 3947 page_path: pagePath, 3948 category: category 3949 }); 3950 }).finally(function () { 3951 button.disabled = false;
3952 }); 3953 }); 3954 } 3955})();</script>
3955 <footer id="footer"><div class="container"><nav class="footer-nav cols-row"><dl class="col-6"> <a class="logo" href="/"></a><p>Because every future lawyer deserves bar prep that fights for them - not their wallet. Youâve made it this far; weâve got your back with real NCBE questions, smart practice, and a pass guarantee to carry you across the finish line - so you can conquer the bar without the $3,000 circus.</p><dd> <a href="https://intercom.help/barprephero-help-center/en/" class="footer-help"><svg class="icon-footer-help" enable-background="new 0 0 32 32" style="fill: #7C7C91" version="1.1" viewBox="0 0 32 32" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><path clip-rule="evenodd" d="M16,0C7.2,0,0,7.2,0,16c0,3,0.9,5.9,2.3,8.3L0,32l7.7-2.3 C10.2,31.1,13,32,16,32c8.8,0,16-7.2,16-16C32,7.2,24.8,0,16,0z M17.3,24.6c-0.3,0.3-0.7,0.5-1.2,0.5s-1-0.2-1.2-0.5 c-0.3-0.3-0.4-0.7-0.4-1.1c0-0.2,0-0.4,0.1-0.6c0.1-0.2,0.2-0.4,0.3-0.5c0.1-0.1,0.3-0.3,0.5-0.3c0.2-0.1,0.4-0.1,0.7-0.1 c0.3,0,0.5,0,0.7,0.1c0.2,0.1,0.4,0.2,0.5,0.3c0.1,0.1,0.3,0.3,0.3,0.5c0.1,0.2,0.1,0.4,0.1,0.6C17.7,24,17.6,24.3,17.3,24.6z M21.1,13.2c-0.2,0.5-0.4,0.9-0.6,1.3c-0.3,0.4-0.6,0.8-0.9,1.2c-0.3,0.4-0.7,0.8-1,1.1c-0.4,0.4-0.7,0.9-0.9,1.4 c-0.2,0.5-0.2,0.8-0.3,1.8h-2.8c0-1,0-1.2,0.1-1.6c0.1-0.4,0.2-1,0.3-1.3c0.2-0.3,0.4-0.7,0.6-1c0.2-0.3,0.6-0.7,0.9-1 c0.2-0.3,0.5-0.5,0.7-0.7c0.2-0.2,0.4-0.5,0.6-0.7c0.2-0.3,0.3-0.5,0.4-0.8c0.1-0.3,0.1-0.6,0.1-1c0-0.8-0.2-1.4-0.6-1.8 c-0.4-0.4-1-0.6-1.7-0.6c-0.3,0-0.6,0.1-0.9,0.1c-0.3,0.1-0.5,0.2-0.8,0.4s-0.4,0.6-0.5,0.8c-0.1,0.3-0.2,1.2-0.2,1.2h-3 c0-2,0.2-1.6,0.4-2.2c0.3-0.6,0.7-1.2,1.1-1.6c0.5-0.4,1-0.7,1.7-0.9C14.6,7,15.3,6.9,16,6.9c0.8,0,1.6,0.1,2.2,0.3 c0.7,0.2,1.2,0.5,1.7,0.9c0.5,0.4,0.8,0.9,1,1.5c0.2,0.6,0.4,1.3,0.4,2.1C21.3,12.3,21.2,12.8,21.1,13.2z" fill-rule="evenodd"></path></svg><span>Help Center</span></a></dd></dl><dl class="col-3"><dt> Resources</dt><dd> <a href="/bar-question-of-the-day/">Bar Question of the Day<span class="badge-new">New</span></a></dd><dd> <a href="/bar-exam-anxiety-relief/">Bar Exam Anxiety Relief</a></dd><dd> <a href="https://barprephero.com/learn/mpre-registration-guide/">MPRE Registration Guide</a></dd><dd></dd><dd> <a href="https://barprephero.com/learn/mpre-study-guide/">MPRE Study Guide</a></dd><dd> <a href="https://barprephero.com/learn/">Bar Exam Tips and Information</a></dd><dd> <a href="https://barprephero.com/legal-terms/">Legal Terms</a></dd><dd> <a href="https://barprephero.com/learn/state-bar-info/">State Bar Info</a></dd></dl><dl class="col-3"><dt> About</dt><dd> <a href="/about/" target="_blank">Who We Are</a></dd><dd> <a href="/methodology-and-editorial-policy/">Methodology and Editorial Policy</a></dd><dd> <a href="https://bph.tapfiliate.com/publisher/signup/bar-prep-hero-affiliate-program/">Affiliate Program</a></dd><dd> <a href="/terms-of-use/">Terms and Privacy Policy</a></dd><dd> <a href="/cdn-cgi/l/email-protection#365f58505976545744464453465e5344591855595b">Contact Us</a></dd></dl><dl class="col-12"><dd style="margin-top: 20px">© 2010-2026 All rights reserved.</dd></dl></nav></div></footer>
vendor: 109 bytes, line 3955
3955 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3955<script>var subMenus = function(s, a, c, o) { 3956 s.addEventListener('DOMContentLoaded', function () { 3957 var i, e = s.getElementById(a), 3958 t = e.getElementsByTagName('a')[0], 3959 n = e.getElementsByTagName('ul')[0]; 3960 3961 t.addEventListener('click', function () { 3962 clearTimeout(i), i = n.classList.contains(c) ? (n.classList.remove(o), setTimeout(function () { 3963 n.classList.remove(c) 3964 }, 100)) : (n.classList.add(c), setTimeout(function () { 3965 n.classList.add(o) 3966 }, 10)) 3967 }), s.addEventListener('click', function (e) { 3968 var t = function (e, t) { 3969 for (; e && e !== s; e = e.parentNode) 3970 if (e.id === t) return e; 3971 return null 3972 }(e.target, a); 3973 void 0 !== t && t || (clearTimeout(i), n.classList.contains(c) && (n.classList.remove(o), i = setTimeout(function () { 3974 n.classList.remove(c) 3975 }, 100))) 3976 }) 3977 }) 3978} 3979 3980var menupops = document.querySelectorAll('#header .menupop, #atWrap .menupop'); 3981for (var i = 0; i < menupops.length; i++) { 3982 subMenus(document, menupops[i].id, 'visible', 'visibled'); 3983}</script>
3983
3983<script>// modal window 3984 document.addEventListener('DOMContentLoaded', function () { 3985 document.querySelectorAll('[data-toggle="modal-window"]').forEach(function (element) { 3986 element.addEventListener('click', function (e) { 3987 e.preventDefault(); 3988 var target = element.tagName === 'A' ? element.getAttribute('href') : element.getAttribute('data-target'); 3989 document.querySelector(target).classList.toggle('active'); 3990 document.body.classList.toggle('modal-open'); 3991 return false; 3992 }); 3993 }); 3994 });</script>
3994 </body></html>
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.