PageSourceSearch

https://barprephero.com/contact-us/

html barprephero.com collected 2026-09-28 11:40:25 UTC 137,947 bytes, 3,994 lines download raw bytes

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>&nbsp;&nbsp; <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>&nbsp;&nbsp; <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="&lt;Transparent Rectangle&gt;" 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&#8217;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.