#wpadminbar { width: 100vw; overflow-x: hidden; }#user-nav-top { top: 34em; visibility: hidden; align-items: flex-start; display: flex; flex-direction: row; height: 100vh; padding: 1em; position: relative; width: 100vw; z-index: 9999; }.usermenuON #user-nav-top { visibility: visible; left: 0; background: var(--greyblue);}#user-nav-ul { gap: 10px; display: flex; flex-direction: column; width: 100vw; justify-content: flex-end; align-items: flex-start; padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0; list-style: none; }.submneu-active #user-nav-top { top: 50em; }#user-nav-ul li { padding: 0 0 0 30px; border-radius: 25px; }#user-nav-ul li:hover a { }#user-nav-ul li a { display: flex; color: var(--w); align-items: center; font-size: 18px; font-weight: 500; }#user-nav-ul li#user-nav-pro { display: none; }#user-nav-ul li#user-nav-pro:hover a { }#user-nav-ul li.user-nav-current { }#user-nav-ul li.user-nav-current a {  }#user-nav-ul li.user-nav-current a span { filter: invert(80%) sepia(17%) saturate(1050%) hue-rotate(61deg) brightness(520%) contrast(100%); }#user-nav-ul li#user-nav-pro a { background-color: #94F294; border-radius: 25px; }#user-nav-ul li#user-nav-pro a span { filter: brightness(0) contrast(50%); }#user-nav-pro .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-crown.svg"); }#user-nav-leaderboard .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-trophy.svg"); }#user-nav-reports .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-clipboard.svg"); }#user-nav-membership .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-crown.svg"); }#user-nav-billing .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-invoice.svg"); }#user-nav-profile .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-user.svg"); }#user-nav-favs .user-nav-icon::before { background-image: url("https://test-english.pro/img/ico-heart.svg"); }#user-nav-logout .user-nav-icon::before { content: '⎋'; transform: rotate(115deg) translate(-20px, -40px); position: absolute; }.user-nav-icon::before { filter: brightness(100); content: ''; font-size: 1.6em; display: inline-block; width: 24px; height: 24px; margin: 10px 2px 6px 0px; background-size: contain; background-repeat: no-repeat; }#logo-top { background: var(--greyblue); max-width: 8em; position: absolute; left: 10px; top: 2px; padding: 18px 8px 4px 10px; z-index: 999999999; }.home .scrollDown #logo-top img {}#navbar { background: var(--greyblue); box-shadow: 0 1px 13px 0 #0000004d; box-sizing: content-box !important; height: 58px; left: 0; position: fixed; top: 0; transition: all 0.2s ease-in-out; z-index: 99999999; }.home #navbar { background: #fff0; box-shadow: none; transition: all .3s ease-in-out; }.home #navbar .o-a {color:var(--w)}.home .scrollDown #navbar { background: #293039ed; box-shadow: 0 1px 13px 0 #0000004d; transition: all .3s ease-in-out; }.home .scrollDown #navbar-ul li > a { }.scrollDown.toDOWN #navbar {z-index:-1; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }.hamburger-lines { display: block; height: 23px; width: 35px; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; }.hamburger-lines .line { display: block; height: 4px; width: 100%; border-radius: 10px; background: var(--c-testenglish); }.hamburger-lines .line1 { transform-origin: 4% 0%; transition: transform 0.4s ease-in-out; }.hamburger-lines .line2 { transition: transform 0.2s ease-in-out; }.hamburger-lines .line3 { transform-origin: 0% 100%; transition: transform 0.4s ease-in-out; }#o-hmenu { cursor: pointer; height: 2em; width: 2em; background: #fff0; border-radius: 20px; padding: 4px 0 4px 10px; transition: 1s all; }#navbar-ul { top: 10vh; padding: 10vh 0 0; align-items: center; background: #000000d1; display: flex; flex-direction: column; height: 100vh; justify-content: flex-start; left: 0; margin-block-start: 0; opacity: 0; padding-inline-start: 0; position: absolute; visibility: hidden; width: 100vw; }#navbar-ul li { padding: 10px 0; width: 100%;}#navbar-ul li > a { border-radius: 4px; color: var(--w); cursor: pointer; display: flex; font-size: 18px; font-style: normal; font-weight: 500; min-height: auto; padding: 8px 48px; position: relative; z-index: 9999; }.dropdown-menu { background-color: var(--w); border-radius: 20px; display: flex; flex-direction: column; margin: 10px 0 0; opacity: 0; padding: 0 0; position: absolute; visibility: hidden; box-shadow: 0 2px 16px 1px #474747db; overflow: hidden; }.o-a:after { border-color: transparent transparent #ffffff transparent; border-style: solid; border-width: 0 14px 14px 14px; content: ""; height: 0; left: 26px; opacity: 0; position: absolute; top: 36px; transition: all .2s ease-in-out; visibility: hidden; width: 0; z-index: 9998; }.is-active .o-a:after { display: none; opacity: 1; visibility: visible; }a.dropdown-item {line-height: 1.3; border-bottom: 1px solid #fff0;; color: var(--w); font-weight: 400; font-size: 1em; padding: 20px 2em; }a.dropdown-item:hover { color: var(--grey); background: var(--w); transition: all .15s ease-in-out; }.nopvis { opacity: 1; visibility: visible; }.dropdown-menu a span { color: var(--grey); display: inline-block; margin: 0 18px 0 0; font-size: 12px; }.dropdown-menu a:before { content: ""; position: absolute; width: 35px; height: 35px; left: 22.5px; margin: -7px 0 0 1px; background-repeat: no-repeat; background-size: contain; }.hmenuON { }.hmenuON #page { position: fixed; }.hmenuON.scrollDown.toDOWN #navbar { opacity: 1; visibility: visible; }.hmenuON #o-hmenu { background: 0; transition: 1s all; }.hmenuON .hamburger-lines .line1 { transform: rotate(40deg); }.hmenuON .hamburger-lines .line2 { transform: scaleY(0); }.hmenuON .hamburger-lines .line3 { transform: rotate(-42deg); }.hmenuON #navbar { height: 100vh; overflow-y: scroll; width: 100vw; overflow-x: hidden; background: var(--greyblue); }.hmenuON.submneu-active #navbar { height: 130vh; overflow-y: scroll; width: 100vw; overflow-x: hidden; }.hmenuON #navbar-top { overflow-y: scroll; }.hmenuON #navbar-ul { top: 0; padding: 10vh 0 30vh; background: var(--greyblue); list-style: none; margin-block-end: 0; opacity: 1; overflow-y: scroll; padding: 4em 0 0; transition: 0.5s all; visibility: visible; }.hmenuON .is-active .o-a { padding: 0 0 2px; }.hmenuON .o-a { text-align: center; }.hmenuON .o-a:hover { text-align: center; }.hmenuON .is-active .dropdown-menu { top: 0; position: relative; opacity: 1; visibility: visible; background-color: #ffffff00; margin: 0 0 0 0; transition: none; padding: 0 0 0 0; border-radius: 10px; width: 100%; box-shadow: none; z-index: 9999; }.hmenuON .dropdown-menu { visibility: hidden; opacity: 0; z-index: -9999; pointer-events: none; position: absolute; top: 100vh; }.hmenuON .dropdown-menu a { pointer-events: none; }.hmenuON .dropdown-menu a.dropdown-item:hover { background: #ffffff00!important; }.hmenuON .is-active .dropdown-menu a { color: #fff!important; font-size: 16px; padding: 30px 30px 20px 50px; pointer-events: auto; }.hmenuON .dropdown-menu a:before { background-repeat: no-repeat; background-size: contain; content: ""; filter: brightness(99); height: 44px; left: 19px; margin: -11px 0 0 16px; position: absolute; width: 55px; }.hmenuON #o-vocabulary .dropdown-menu a:before { margin: -12px 0 1px 16px; }.hmenuON #o-writing .dropdown-menu a:before { margin: -12px 0 0 14px; }.hmenuON #o-useofenglish .dropdown-menu a:before { margin: -6px 0 0 16px; }.hmenuON .dropdown-menu a span { filter: invert(1) grayscale(1) brightness(2);}.hmenuON #o-listening .dropdown-menu a:before { filter: invert(1) grayscale(1) brightness(999);}#o-lessons, #o-user-menu { color: #94F294; text-align: left; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }#o-lessons span { padding: 0 48px; }#o-user-menu span { height: 2em; display: block; padding: 10px 0 0; }#o-grammar .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-grammar.png); }#o-grammar .o-a:hover { color: var(--c-Grammar) }#o-grammar .dropdown-menu a { color: var(--grey-mid) }#o-grammar .dropdown-menu a span { color: var(--c-Grammar) }#o-grammar .dropdown-menu a:hover { color: var(--c-Grammar); background-color: var(--grey-light); }#o-listening .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-listening.png); }#o-listening .o-a:hover { color: var(--c-Listening) }#o-listening .dropdown-menu a { color: var(--grey-mid) }#o-listening .dropdown-menu a span {}#o-listening .dropdown-menu a:hover { color: var(--c-Listening); background-color: var(--grey-light); }#o-reading .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-reading.png); }#o-reading .o-a:hover { color: var(--c-Reading) }#o-reading .dropdown-menu a { color: var(--grey-mid) }#o-reading .dropdown-menu a span { color: var(--c-Reading) }#o-reading .dropdown-menu a:hover { color: var(--c-Reading); background-color: var(--grey-light); }#o-useofenglish .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-useof.png); margin: -3px 0 0 2px; }#o-useofenglish .o-a:hover { color: var(--c-UseOfEnglish) }#o-useofenglish .dropdown-menu a { color: var(--grey-mid) }#o-useofenglish .dropdown-menu a span { color: var(--c-UseOfEnglish) }#o-useofenglish .dropdown-menu a:hover { color: var(--c-UseOfEnglish); background-color: var(--grey-light); }#o-writing .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-writing.png); margin: -6px 0 0 -5px; }#o-writing .o-a:hover { color: var(--c-Writing) }#o-writing .dropdown-menu a { color: var(--grey-mid) }#o-writing .dropdown-menu a span { color: var(--c-Writing) }#o-writing .dropdown-menu a:hover { color: var(--c-Writing); background-color: var(--grey-light); }#o-exams .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-exams.png); }#o-exams .o-a:hover { color: var(--c-testenglish) }#o-exams .dropdown-menu a { color: var(--grey-mid) }#o-exams .dropdown-menu a span { color: var(--c-testenglish) }#o-exams .dropdown-menu a:hover { color: var(--c-testenglish); background-color: var(--grey-light); }#o-vocabulary .dropdown-menu a:before { background-image: url(https://test-english.com/img/ico-vocabulary.png); margin: -10px 0 0 0; }#o-vocabulary .o-a:hover { color: var(--c-Vocabulary) }#o-vocabulary .dropdown-menu a { color: var(--grey-mid) }#o-vocabulary .dropdown-menu a span { color: var(--c-Vocabulary) }#o-vocabulary .dropdown-menu a:hover { color: var(--c-Vocabulary); background-color: var(--grey-light); }#navbar-ul-r { align-content: flex-end; align-items: stretch; background: var(--greyblue); display: flex; flex-direction: row; justify-content: end; list-style: none; margin: 0; padding: 8px 0; position: absolute; right: 1em; top: 0; z-index: 99999999; width: 100%; display: flex; }#navbar-ul-r li { margin: 0 0 0 6px; display: flex; justify-content: center; align-items: center; }#o-login .nav-btn { background: none; border-color: var(--w)!important; border-radius: 10px; border: 2px solid; color: var(--w); font-size: 1em; font-weight: 400; padding: 6px 6px; }#o-search .nav-btn { border-radius: 10px; border: 2px solid #fff0; cursor: pointer; height: 2.3em; padding: 0; width: auto; }#o-search form { box-shadow: var(--box-shadow); flex-direction:row;position:absolute; opacity: 0;visibility: hidden; right: 0; top: 40px; transition: all 0.3s ease-in-out; }#o-search form #search-input-txt { background: var(--w); border-radius: 10px; border: 0; box-shadow: var(--b-shadow); padding: 10px; text-align: left; top: 3em; width: 1em; right: 0; font-size: 16px; transition: all 0.3s ease-in-out; }#o-search form #search-input-txt::placeholder { color: var(--grey-mid); font-size: 16px; }#o-search form #search-input-txt:focus { background: var(--w); outline: none; color: var(--grey); }.searchON #o-search form { opacity: 1;visibility: visible; display: inline-block; }.searchON #o-search form #search-input-txt { width: 16em; transition: all 0.3s ease-in-out; }#navbar-top { background: var(--greyblue); box-sizing: content-box; }@media (orientation:portrait) {.hmenuON #navbar-ul { overflow-y: scroll; }.logged-in.hmenuON #navbar-ul { overflow-y: hidden; height: auto; }}@media (min-width: 22.5em) {#logo-top { max-width: 11em; position: absolute; left: 0; top: 0; padding: 16px 8px 6px 10px; height: auto;}#navbar-ul-r { right: 0; }#navbar-ul-r li { margin: 0 4px; }#o-hmenu { padding: 4px 10px; }#o-search form { top: 70px; right: 50px; }}@media (min-width: 37.5em) {#navbar-ul-r li { margin: 0 0 0 1em; }#o-lessons { display: none!important; }}@media (min-width: 1000px) {#logo-top { max-width: 174px; left: 10px; top:0; background: none;}#navbar-top { display: flex; align-items: center; justify-content: center; padding: 0; }#o-hmenu { display: none!important; }.o-navbar.is-active .dropdown-menu { display: flex; transition: .4s all; opacity: 1; visibility: visible; position: absolute; margin: 0; }#o-lessons, #o-user-menu { display: none!important; }#navbar-ul { display: flex; list-style: none; justify-content: center; left: 0; position: relative; opacity: 1; visibility: visible; background-color: var(--greyblue); flex-direction: row; align-items: center; height: auto; padding: 0 0; transition: 0.5s all; top: 0; box-sizing: initial!important; }#navbar-ul li.is-active { width: auto; }#navbar-ul li { width: auto; }#navbar-ul li > a { box-sizing: initial !important; color: var(--w); cursor: pointer; font-size: 1.3em; font-weight: 700; padding: 8px; border-radius: 4px; z-index: 9999; position: relative; font-size: 0.9em; margin: 0 6px; }a.dropdown-item { transition: 0.4s all; }#navbar-ul-r { background: none; right: 1em; top: 0; width: auto; }#o-search form { top: 40px; right: 70px; }.searchON #o-search form #search-input-txt { width: 25em; }#o-vocabulary .dropdown-menu a:before { margin: -7px 0 0 1px; }#o-listening .dropdown-menu a span { color: var(--c-Listening); }#user-nav-ul li { padding: 0; transition: all .3s ease-in-out; }#user-nav-ul li.user-nav-current a span { filter: invert(81%) sepia(14%) saturate(2037%) hue-rotate(57deg) brightness(90%) contrast(94%); }.submneu-active #user-nav-top { top: 0; }#user-nav-top { align-items: flex-start; display: flex; flex-direction: row; height: auto; left: 0; padding: 0; position: relative; top: 0; visibility: visible; width: 100vw; z-index: -1; }#user-nav-ul { height: 56px; align-items: center; background: #ffffff; display: flex; flex-direction: row; gap: 0; justify-content: center; list-style: none; margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; width: 100vw; border: 1px solid transparent; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }#user-nav-ul li#user-nav-pro { display: flex; }#logo-top { left: 0; max-width: 14em; padding: 14px 1em 0; position: absolute; top: 0; }.user-nav-icon::before { filter: brightness(1); }#user-nav-ul li.user-nav-current { }#user-nav-ul li:hover a { }#user-nav-ul li a { align-items: center; color: var(--b); display: flex; font-size: 14px; font-weight: 400; gap: 4px; height: 38px; justify-content: center; padding: 0 12px; }}@media (min-width: 70em) {.logged-in #navbar { top: 0; }#navbar-ul { padding: 14px 0 0; }#navbar-ul li { display: list-item; padding: 0 0 10px; }#navbar-ul li > a { font-size: 1rem; font-weight: 500; }#o-login .nav-btn { padding: 4px 6px;font-weight: 600; }}