:root { --color-red: #cd2b36; --color-red-dark: #a5070b; --color-blue: #79BFDD; --color-blue-dark: #3990C0; }

html { font-size: 62.5% }
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); }
body { color: #333333; background-color: #FFF; margin: 0; padding: 0; font-size: 1.6rem; font-family: 'Quicksand', sans-serif; }
img { max-width: 100%; }

.clr { clear: none; float: none; }
.clr::after { content: ''; clear: both; display: block; }
.fl { float: left; }
.fr { float: right; }
a, .a { text-decoration: none; color: var(--color-red); cursor:pointer; }
.center { text-align: center; }
.mw { max-width: 1380px; margin: auto; }
.ptr { cursor: pointer; }

.btn { border-radius: 5px; color: #FFF; padding: 15px 30px; display: inline-block; font-size: 1.8rem; cursor: pointer; line-height: normal; border:none; outline:none; }
a.btn { color:#FFF; }
.btn.red { background-color: var(--color-red); border-bottom: 5px solid var(--color-red-dark); }
.btn.red:hover { background-color: var(--color-red-dark); border-bottom: 5px solid var(--color-red); }
.btn.blue { background-color: var(--color-blue); border-bottom: 5px solid var(--color-blue-dark); color:#FFF; }
.btn.blue:hover { background-color: var(--color-blue-dark); border-bottom: 5px solid var(--color-blue); }
.btn.white { background-color: #FFF; border-radius: 10px; font-size: 3.5rem; color: var(--color-red); font-weight: 700; padding: 0 50px; }

.margin20 { margin-bottom: 40px; }

#modalDialogBackground { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.7); z-index: 10; backdrop-filter: blur(1.5px); }
.modaldialog { position: absolute; top: 0px; left: 0px; background-color: #FFF; }
.modaldialog .title { color: white; background-color: var(--color-red-dark); text-transform: uppercase; font-weight: 400; line-height: 30px; font-size: 15px; height: auto; text-align: center; padding: 10px 20px; }
.modaldialog .content { padding: 20px; border-top-width: 0px; border-bottom-width: 0px; color: #7B8D9F; }
.modaldialog .title .titletext { float: left; padding-right: 20px; }
.modaldialog .title .titleclose { float: right; cursor: pointer; }
.modaldialog.withheight .dlgcontainer { height: 100%; position: relative; }

.modaldialog.videopopup { width: 800px; max-width: 80%; }
.modaldialog.videopopup .content { height: 400px; }
.modaldialog.videopopup .popup { width: 100%; height: 100%; }

.modaldialog.aboutus .content { padding: 20px 60px 60px 60px; }
.modaldialog.aboutus .title { background-color: #FFF; }
.modaldialog.aboutus .img { width: 200px; }
.modaldialog.aboutus .img .thumb { width: 90%; padding-top: 90%; background: #EEE no-repeat center center; background-size: cover; border-radius: 100%; }
.modaldialog.aboutus .deets { width: calc(100% - 250px); color: #000; padding-top: 30px; }
.modaldialog.aboutus .deets .name { font-weight: 700; font-size: 2rem; }
.modaldialog.aboutus .deets .title { font-weight: 500; font-size: 1.7rem; color: #000; text-align: left; padding: 0; }
.modaldialog.aboutus .desc { padding-top: 15px; font-size: 1.7rem; }
.modaldialog.aboutus .title { color: #000; font-weight: 900; font-size: 2rem; }

.siteoverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 10000; backdrop-filter: blur(4px); }
.siteoverlay .loader { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background: black url(/Assets/Images/siteoverlay.gif) no-repeat center center; border-radius: 10px; opacity: 0.7; }

.paging .btn.previous { margin-right:5px; }
.paging .btn.next { margin-left:5px; }

header { height: 130px; border-bottom: 4px solid var(--color-red); background-color: white; }
header .mw { padding: 10px 0; }
header .top { height: 55px; border-bottom: 1px solid #CCCCCC; display: grid; grid-template-columns: 250px 1fr; }
header .bottom { height: 55px; display: grid; grid-template-columns: 1fr 330px; padding-top: 8px; }
header .logo img { max-width: 100%; }

header .contacts { float: right; }
header .contacts div { float: left; height: 40px; line-height: 40px; padding-left: 50px; }
header .contacts a { color: black; font-size: 2rem; font-weight: bold; text-decoration: none; }
header .contacts .email { background: url(/cdn/asset/13f0c3cf-fab7-4810-8d84-ad1f0089f58d/icoemail.jpg) no-repeat center left; padding-right: 30px; }
header .contacts .phone { background: url(/cdn/asset/42710b89-ffee-4d4d-b963-ad1f0089f592/icophone.jpg) no-repeat center left; }

header .bottom .socialbtns { display: grid; grid-template-columns: 1fr 95px; }
header .bottom .btns { padding-left: 10px; text-align: right; }
header .bottom .socials { text-align: right; }
header .bottom .social { width: 38px; height: 32px; display: inline-block; background: no-repeat center center; background-size: contain; margin-top: 7px; }
header .bottom .social.fb { background-image: url(/cdn/asset/c277dd0b-8b34-491c-9487-ad1f0089f58f/icofacebook.png); }
header .bottom .social.tw { background-image: url(/cdn/asset/febbf735-fc3d-4222-bc3e-ad1f0089f593/icotwitter.png); }
header .bottom .social.in { background-image: url(/cdn/asset/f9640721-7432-47e0-8e3c-ad1f0089f590/icoinstagram.png); }
header .bottom .social.yt { background-image: url(/cdn/asset/fad70b80-98fd-4c88-a2eb-ad1f0089f593/icoyoutube.png); }
header .bottom .social.li { background-image: url(/cdn/asset/1916eb9f-7708-41c8-b7ef-ad1f0089f590/icolinkedin.png); }
header .bottom .btn { line-height: 40px; padding: 0 20px; }

nav .burger, nav .closenav { display: none; }
nav ul, nav li { list-style-type: none; padding: 0; margin: 0; }
nav ul.main > li { position: relative; float: left; }
nav ul.main > li > a { line-height: 45px; color: #5D5D5D; padding-right: 35px; font-weight: 500; display: inline-block; }
nav ul.main > li.child > a { padding-right: 55px; }

nav ul.main > li.child { background: url(/cdn/asset/29993b7f-54db-49f7-9660-ad1f0089f59b/navdown.png) no-repeat center right 30px; }
nav ul.main > li.child ul.children { display: none; position: absolute; top: 45px; left: 0; background-color: rgba(255,255,255,0.8); padding: 10px 0; white-space: nowrap; border-bottom: 4px solid rgba(93,93,93,0.8); }
nav ul.main > li.child:hover ul.children { display: block; }
nav ul.main > li.child ul.children a { line-height: 40px; color: #5D5D5D; text-decoration: none; font-weight: 500; padding: 0 40px; display: block; }
nav ul.main > li.child ul.children li:hover { background-color: var(--color-red); }
nav ul.main > li.child ul.children li:hover a { color: white; }
nav ul li { cursor: pointer; }

.subnav { background-color: var(--color-red); }
.subnav ul, .subnav li { list-style: none; padding: 0; margin: 0; }
.subnav ul li { text-align: center; display: inline-block; padding-right: 50px; }
.subnav ul li a { color: #FFF; padding: 15px 0 15px 0; display: inline-block; }
.subnav ul li.selected a { border-bottom: 4px solid white; }

footer .wave { background: url(/cdn/asset/f681b53c-cf1b-4e71-adb0-ad1f0089f57d/footerbg.png) no-repeat center top; background-size: cover; min-height: 100px; font-size: 1.3rem; }
footer .wave .mw { padding: 180px 0 50px 0; }
footer .wave .text { text-align: center; color: white; }
footer .wave hr { max-width: 50%; width: 265px; border: none; border-top: 1px solid #FFF; margin: 30px auto; }
footer .wave a { color: #FFF; }

footer .links { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
footer .links div { text-align: center; }
footer .links div a { line-height: 3rem; }

footer .socials { text-align: center; }
footer .socials .social { width: 38px; height: 45px; display: inline-block; background: no-repeat center center; background-size: contain; }
footer .socials .social.fb { background-image: url(/cdn/asset/c277dd0b-8b34-491c-9487-ad1f0089f58f/icofacebook.png); }
footer .socials .social.tw { background-image: url(/cdn/asset/febbf735-fc3d-4222-bc3e-ad1f0089f593/icotwitter.png); }
footer .socials .social.in { background-image: url(/cdn/asset/f9640721-7432-47e0-8e3c-ad1f0089f590/icoinstagram.png); }
footer .socials .social.yt { background-image: url(/cdn/asset/fad70b80-98fd-4c88-a2eb-ad1f0089f593/icoyoutube.png); }
footer .socials .social.li { background-image: url(/cdn/asset/1916eb9f-7708-41c8-b7ef-ad1f0089f590/icolinkedin.png); }
footer .copy { background-color: white; font-size: 1.6rem; padding: 20px 0; text-align: center; color: #000; }

.form .row { margin-bottom: 10px; }
.form .row label { display: block; font-weight: bold; line-height: 2rem; margin-bottom: 5px; }
.form .row .txt { width: 100%; padding: 6px 10px; font-size: 2rem; font-weight: 100; font-family: 'Quicksand', sans-serif; }

.form .row.cb input[type=checkbox] { float: left; width: 20px; height: 20px; margin-right: 10px; }
.form .row.cb label { float: left; line-height: 25px; }

.form.round .row .txt { border-radius: 5px; padding: 20px; border: none; font-weight: 500; }
.form.grey .row .txt { background-color: #F6F6F6; color: #424242; }
.form.grey .row .txt::placeholder { color: #424242; }

.form.white .row { margin-bottom: 20px; }
.form.white .row .txt { background-color: #FFF; color: #000; font-weight: 700; }
.form.white .row .txt::placeholder { color: #000; }

.hero { width: 100%; min-height: 600px; padding-bottom: 20px; background-position: center center; background-size: cover; display: flex; flex-direction: row; align-items: center; justify-content: center; align-content: normal; flex-wrap: wrap; }
.hero.margin { margin-bottom: 60px; }
.hero .inner { text-align: center; font-size: 3rem; line-height: 6rem; max-width: 85%; }

.hero { background-image: url(/cdn/asset/b3780b8d-8eb1-4585-8763-ad1f0089f599/hphero.jpg); }
.home .hero { background-image: url(/cdn/asset/b3780b8d-8eb1-4585-8763-ad1f0089f599/hphero.jpg); }
.course.ks3 .hero { background-image: url(/cdn/asset/2d76b4fb-af17-423d-acb7-ad1f0089f59d/ks3hero.jpg); min-height: 580px; margin-bottom: 0; background-position: left center; }
.course.gcse .hero { background-image: url(/cdn/asset/2d20394e-39c3-4b34-bb49-ad5601007b43/GCSEHero.jpg); min-height: 580px; margin-bottom: 0; background-position: right top; }
.course.alevels .hero { background-image: url(/cdn/asset/b42e18d8-f46c-4633-8c20-ad5100d0f890/alevelbg.jpg); min-height: 400px; background-position: right center; }
.course.gcseenglish .hero { background-image: url(/cdn/asset/9dd21a76-60e7-4241-8421-ad560100f32c/gcseenglishhero.jpg); min-height: 580px; margin-bottom: 0; }
.contactus .hero { background-image: url(/cdn/asset/79d6492e-4f12-459e-811a-ad2d00f88c38/contactusbg.jpg); }
.aboutus .hero { background-image: url(/cdn/asset/07aa1296-1f15-42f7-b492-ad1f00c986d5/aboutusbg.png); min-height: 400px; }
.blog .hero { background-image: url(/cdn/asset/07aa1296-1f15-42f7-b492-ad1f00c986d5/aboutusbg.png); min-height: 400px; }

.course.middleschool .hero { background-image: url(/cdn/asset/2d76b4fb-af17-423d-acb7-ad1f0089f59d/ks3hero.jpg); min-height: 580px; margin-bottom: 0; background-position: left center; }
.course.highschool .hero { background-image: url(/cdn/asset/b42e18d8-f46c-4633-8c20-ad5100d0f890/alevelbg.jpg); min-height: 400px; background-position: right center; }

.course.gcseenglish .course-section-3, .course.gcseenglish .course-section-9, .course.gcseenglish .course-section-6 { display: none; }
.course.gcseenglish .course-section-8 .ghoriz .grow { grid-template-columns: 1fr; gap: 0; }
.course.gcseenglish .whitebox { border-radius: 10px; background-color: white; color: #333333; padding: 20px; margin: 0 auto; margin-bottom: 20px; position: relative; width: 80%; }
.course.gcseenglish .whitebox .name { cursor: pointer; font-size: 2.4rem; font-weight: 700; color: #000; text-align: left; }

.course.coursecareerworkshop .hero { background-image: url(/cdn/asset/e1936fb3-400e-4312-9b4d-ad5600fc0c38/CareerWorkshop.jpg); }

.ttl { color: white; display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; font-weight: 500; font-size: 5rem; }
.ttl.black { color: rgba(0,0,0,0.9); }
.ttl.sub4 { font-size: 4rem; font-weight: 800; }
.ttl.sub3 { font-size: 3rem; font-weight: 500; }

.ttl .box { display: inline-block; padding: 0 30px; position: relative; z-index: 1; color: #FFF; }
.ttl .box.red { color: var( --color-red); }
.ttl .box::after { content: ''; background-color: var( --color-red); border-radius: 10px; transform: skewX(-25deg); left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: -1; }
.ttl .box.red::after { background-color: #FFF; }

.ttl.sub3 .box { font-size: 2.5rem; line-height: 5rem; }

.ttl.sub5 { font-size: 2.5rem; font-weight: 400; }
.ttl.sub5 .box { font-size: 2rem; line-height: 3.5rem; font-weight: 800; }

.bggrey { background-color: #F9F9F9; }
.bggrey.pattern1 { background-blend-mode: multiply; background: #F9F9F9 url(/cdn/asset/e095e815-f109-4271-ace7-ad1f0089f57c/greypattern1bg.jpg) no-repeat center center; background-size: cover; }
.bggrey.pattern2 { background: #F9F9F9 url(/cdn/asset/8971c553-7dec-4404-a639-ad1f0089f585/greypattern2bg.jpg) no-repeat center center; background-size: cover; }
.bggrey.pattern3 { background-color: #F6F6F6; }
.bggrey.gradient { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%) }
.bgred { background-color: #d52d38; color: white; }
.bgred.pattern1 { background-blend-mode: multiply; background: #d52d38 url(/cdn/asset/d877e77e-a7f8-4470-ac3b-ad1f0089f59f/redpatternbg.jpg) no-repeat center center; background-size: cover; }
.bgred.pattern2 { background: #d52d38 url(/cdn/asset/14a24fd6-37e7-4673-a6a5-ad1f0089f5a9/redpattern2bg.jpg) no-repeat center center; background-size: cover; }
.bgred.pattern3 { background: #d52d38 url(/cdn/asset/6b4395f2-b9e5-4613-8589-aec900c7146f/newportalbackground.jpg) no-repeat center center; background-size: cover; }
.bgblack { background-color: #000; }
.bgblack.pattern { color: #FFF; background: #000 url(/cdn/asset/4f1a64e7-3074-4fb2-9548-ad1f0089f57c/blackbg.jpg) no-repeat center center; background-size: cover; }

body.aboutus .bgcream { font-family: 'Roboto Slab', serif; }
body.contactus .bgcream a { color: #000; font-size: 1.4em; }
.bgcream { background-color: #F8F8F4; padding: 110px 0; margin-bottom: 60px; }
.bgcream .inner { max-width: 950px; margin: auto; }

.grid-maxblocks .frow { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-gap: 20px; }

.fhoriz.switcheven .item { order: 0; }
.fhoriz .frow { display: flex; justify-content: flex-start; align-items: stretch; align-content: stretch; min-height: 100px; }
.fhoriz .frow > .item { flex: 1; padding: 5px; }
.fhoriz.w50 .frow > .item { width: 50%; }
.fhoriz .frow > .item.left { text-align: left; padding-left: 20px; }
.fhoriz .frow > .item.right { text-align: right; padding-right: 20px; }

.ghoriz .grow { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; align-content: center; gap: 20px; }
.ghoriz .grow .item { text-align: center; padding: 10px; }

.courseitem { background-color: white; border-radius: 5px; padding: 40px 20px; text-align: center; color: #000; }
.courseitem strong { font-size: 2.2rem; font-weight: 900; }
.courseitem img { max-width: 200px; max-height: 200px; }
.courseprice { font-size: 25px; background-color: #BD1723; border-radius: 5px; padding: 15px 20px; margin: 15px auto; max-width: 80%; }

ul.ticks, ul.ticks li { margin: 0; list-style: none; padding: 0; }
ul.ticks li { padding-bottom: 20px; background: url(/cdn/asset/ec001e47-c8f0-4656-8a4c-ad1f0089f576/ultick.png) no-repeat top 7px left; padding-left: 40px; }

ul.faq, ul.faq > li { margin: 0; list-style: none; padding: 0; }
ul.faq > li { background-color: #FFF; margin-bottom: 10px; border-radius: 10px; color: black; font-size: 2rem; padding: 10px 20px; padding-right: 40px; font-weight: bold; text-align: left; position: relative; cursor: pointer; }
ul.faq > li .answer { font-size: 1.6rem; font-weight: 400; padding: 10px 0; display: none; }
ul.faq > li.show .answer { display: block; }
ul.faq > li .openclose { width: 26px; height: 26px; background: url(/cdn/asset/9a2a80ae-63bf-4acf-ae60-ad1f0089f575/faqopenclose.png) no-repeat center center; position: absolute; top: 10px; right: 10px; }
ul.faq > li.show .openclose { transform: rotate(180deg); }

.home .pricing { background-color: #d52d38; min-height: 100px; }
.home .pricing .item { font-size: 2.1rem; text-align: center; color: white; padding: 35px 0; }
.home .pricing .item:nth-child(3) { background-color: #c32932; }
.home .pricing .item:nth-child(4) { background-color: #b1242c; }
.home .pricing .item:nth-child(5) { background-color: #9f1e25; }
.home .pricing .item:nth-child(6) { background-color: #9f1e25; }

.whyjoin .fhoriz { max-width: 80%; margin: 0 auto; }
.whyjoin .frow { padding-bottom: 60px; }
.whyjoin .fhoriz .item strong { font-size: 2.6rem; }

.syllabus.schedule .ttl { font-size: 4.5rem; color: rgba(0,0,0,0.8); }
.syllabus.schedule { overflow-x: auto; border: 2px solid #7abcb4; width: 90%; max-width: 800px; margin: 0 auto; border-radius: 10px; padding: 40px 50px; background-color: #FFF; text-align: left; }
.syllabus.schedule .months { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: center; align-items: flex-start; }
.syllabus.schedule .months .month { padding: 5px 15px; text-align: center; margin-right: 10px; color: rgba(0,0,0,0.8); cursor: pointer; }
.syllabus.schedule .months .month.selected { background-color: var(--color-red); border-radius: 20px; color: white; }
.syllabus.schedule .details { padding-top: 20px; }
.syllabus.schedule .subject { padding: 10px 0; border-bottom: 1px solid #EBEBEB; position: relative; cursor: pointer; }
.syllabus.schedule .subject .updown { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url(/cdn/asset/c4788d3c-c9ae-4646-9121-ad2d009f012e/scheduledown.png) no-repeat center center; }
.syllabus.schedule .subject .date { display: none; padding: 5px 0; }
.syllabus.schedule .subject.show .date { display: block; }
.syllabus.schedule .subject.show .updown { background-image: url(/cdn/asset/3b0b6c5e-71e4-4dfb-9eed-ad2d009f012e/scheduleup.png); }

.syllabus.details { width: 900px; max-width: 80%; margin: 0 auto; }
.syllabus.details .options { display: grid; grid-gap: 40px; align-items: center; align-content: center; justify-content: center; margin-bottom: 60px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.syllabus.details .options .tab { cursor: pointer; height: 100%; }
.syllabus.details .options .tab .sub4 { font-size: 2.4rem; line-height: 4rem; height: 100%; }
.syllabus.details .options .tab .sub4 .box { height: 100%; }
.syllabus.details .details .tab { display: none; }
.syllabus.details .details .tab .year { border-radius: 10px; background-color: white; padding: 20px; margin-bottom: 20px; position: relative; }
.syllabus.details .details .tab .year .name { cursor: pointer; font-size: 2.4rem; font-weight: 700; color: #000; text-align: left; }
.syllabus.details .details .tab .year .updown { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(/cdn/asset/08fcb466-e2fd-4833-a09e-ad3b00db904f/syllabusupdown.png) no-repeat center center; }
.syllabus.details .details .tab .year .info { display: none; text-align: left; padding-top: 30px; }
.syllabus.details .details .tab .year.show .updown { transform: rotate(180deg); }
.syllabus.details .details .tab .year.show .info { display: block; }
.syllabus.details .details .tab .year.show .info strong { display: inline-block; min-width: 100px; }

.gallerylist > .item { float: left; width: 25%; max-height: 150px; margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; }

.owl-carousel .item { height: 160px; border: 1px solid #F7F5F5; padding: 20px; display: grid; align-items: center; align-content: center; justify-content: center; width: unset !important; }

.video-thumb .laptop { position: relative; cursor: pointer; }
.video-thumb .screen { position: absolute; top: 10%; left: 11%; width: 77%; height: 78%; z-index: 97; background: no-repeat center center; background-size: cover; }
.video-thumb .laptop img { z-index: 98; position: relative; pointer-events: none; }
.video-thumb .name { position: absolute; overflow: hidden; color: #FFF; top: 9%; left: 8%; width: 25%; z-index: 99; font-weight: bold; font-size: 21px; transform: rotate(-7deg); }
.video-thumb .name .subject { font-size: 30px; }
.video-thumb .popup { display: none; }

.tox-tinymce { z-index: 10000; }
.tox-tinymce-aux { z-index: 11000; }

.subscriptions { display: grid; min-height: 100px; gap: 40px; grid-template-columns: repeat(3, 1fr); }
.subscriptions .course { background-color: #F5F5F5; border-radius: 10px; padding: 30px; text-align: center; color: #000; position: relative; }
.subscriptions .course .student { font-weight: 700; font-size: 2.5rem; }
.subscriptions .course .date { font-weight: 500; padding: 5px 0; }
.subscriptions .course .subjects { font-weight: 500; padding: 20px 0; }

.courselist { display: grid; min-height: 100px; gap: 40px; grid-template-columns: repeat(3, 1fr); }
.courseitem { background-color: #F5F5F5; border-radius: 10px; padding: 30px; text-align: center; color: #000; position: relative; }
.courseitem .date { font-weight: 700; font-size: 1.8rem; }
.courseitem .name { font-weight: 700; font-size: 2.5rem; }
.courseitem .student { font-weight: 500; padding: 5px 0; }
.courseitem .desc { font-weight: normal; font-size: 1.6rem; padding: 20px 0 90px 0; }
.courseitem .btns { position: absolute; left: 0; bottom: 30px; right: 0; text-align: center; }

body.aboutus .tabs { display: flex; flex-direction: row; flex-wrap: no-wrap; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px; font-family: 'Roboto Slab', serif; }
body.aboutus .tabs .tab { border-radius: 8px; padding: 5px 20px; cursor: pointer; font-weight: 300; }
body.aboutus .tabs .tab.selected { background-color: var(--color-red); color: #FFF; }

body.aboutus .people { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
body.aboutus .person { text-align: center; padding: 40px; cursor: pointer; }
body.aboutus .person .container { max-width: 250px; margin: 0 auto; }
body.aboutus .person .img { border-radius: 50%; background: #EEE no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; }
body.aboutus .person .name { padding: 10px 0; font-size: 2rem; font-weight: 700; }
body.aboutus .person .title { font-size: 1.6rem; }
body.aboutus .person .desc { display: none; }
body.aboutus .person.hide { display: none; }

body.contactus .popup { display: none; }
body.contactus .venues { padding: 100px 0; margin: 100px 0; }
body.contactus .venues h3 { white-space: nowrap; }
body.contactus .fhoriz .frow { flex-wrap: wrap; grid-gap: 30px; }

body.login section.maincontent { padding: 120px 0; }
body.login section.maincontent .mw { max-width: 800px; }
body.login { background-color: #d52d38; color: white; }
body.login { background-blend-mode: multiply; background: #d52d38 url(/cdn/asset/d877e77e-a7f8-4470-ac3b-ad1f0089f59f/redpatternbg.jpg) repeat top center; }

body.account section.maincontent { padding: 70px 0; }
body.accountcourse section.maincontent { padding: 70px 0; }
body.accountcourse .name { font-weight: 700; font-size: 4rem; padding-top: 20px; }
body.accountcourse .date { font-weight: 700; font-size: 1.8rem; }
body.accountcourse .desc { padding: 30px 0; }

body.accountcourse .materials .group { background-color: #F5F5F5; border-radius: 8px; padding: 40px; text-align: left; margin-bottom: 20px; }
body.accountcourse .materials .group .name { font-size: 2rem; font-weight: 800; padding: 0px; }
body.accountcourse .materials .group .item { padding-left: 70px; }
body.accountcourse .materials .group .item.blue { background-image: url(/cdn/asset/6f482362-d175-4042-85e4-ad2e00cec2a7/materialdocument.png); background-repeat: no-repeat; background-position: center left 15px; }
body.accountcourse .materials .group .item.red { background-image: url(/cdn/asset/1f985f75-33ca-4063-9f29-ad2e00cec2a7/materialurl.png); background-repeat: no-repeat; background-position: center left 15px; }
body.accountcourse .materials .group .item.disabled { background-color: #A0A0A0; }

body.accountsubs section.maincontent { padding: 70px 0; }
body.accountprofile section.maincontent { padding: 70px 0; }

body.blog ul.blog { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; list-style: none; padding: 0; margin: 0; }
body.blog ul.blog .thumb { }
body.blog ul.blog .desc { padding-top: 20px; }
body.blog ul.blog .btn { margin-top: 20px; display: inline-block; }
body.blog ul.blog li { background-color: #F5F5F5; border-radius: 10px; padding: 30px; text-align: center; color: #000; position: relative; }
body.blog ul.blog li .title { font-size: 2.2rem; font-weight: 700; color: #000; padding: 5px 0; display: block; }

body.purchaseprocess section.maincontent { padding: 70px 0; padding-bottom: 190px; background-blend-mode: multiply; background: #d52d38 url(/cdn/asset/14a24fd6-37e7-4673-a6a5-ad1f0089f5a9/redpattern2bg.jpg) no-repeat center center; background-size: cover; }
body.purchaseprocess footer { top: -120px; position: relative; }
body.purchaseprocess .progress { position: relative; max-width: 600px; margin: 0 auto; margin-bottom: 50px; }
body.purchaseprocess .progress { display: grid; grid-template-columns: 1fr 1fr 1fr; }
body.purchaseprocess .progress .item { text-align: center; color: #fff; position: relative; }
body.purchaseprocess .progress .item .circle { position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: white; color: #000; font-weight: bold; text-align: center; line-height: 40px; display: inline-block; z-index: 2; }
body.purchaseprocess .progress .item .name { line-height: 30px; font-size: 1.4rem; }
body.purchaseprocess .progress .item .line { position: absolute; height: 1px; background-color: white; top: 20px; z-index: 1; }
body.purchaseprocess .progress .item:nth-child(1) .line { left: 50%; right: 0px; }
body.purchaseprocess .progress .item:nth-child(2) .line { left: 0; right: 0px; }
body.purchaseprocess .progress .item:nth-child(3) .line { left: 0; right: 50%; }
body.purchaseprocess .progress .item.selected .circle { background-color: #FFD54F; }

body.purchaseprocess .whitebox { background-color: #FFF; border-radius: 10px; max-width: 800px; padding: 20px 100px; margin: 0 auto; color: #333333; }
body.purchaseprocess .whitebox .subjects .cb input[type=checkbox] { margin-right: 10px; width: 25px; height: 20px; line-height: 20px; float: left; }
body.purchaseprocess .whitebox .subjects .cb span { line-height: 25px; float: left; }
body.purchaseprocess .whitebox .pricing table { width: 100%; font-weight: bold; }
body.purchaseprocess .whitebox .pricing table td { border-bottom: 1px solid #CCC; padding: 15px 0; }
body.purchaseprocess .ttl { font-size: 18px; line-height: 30px; margin-bottom: 30px; }
body.purchaseprocess .ttl .box { color: var(--color-red); padding: 0 10px; margin-right: 5px; }
body.purchaseprocess .ttl .box::after { background-color: #FFF; border-radius: 4px; }

body.purchaseprocess .checkout { color: white; font-weight: 600; font-size: 3.6rem; margin-bottom: 30px; }
body.purchaseprocess .greybox { background-color: #F6F4F5; border-radius: 10px; padding: 20px; font-weight: 700; text-align: center; margin: 20px 0; line-height: 25px; }

body.tasterprocess section.taster-section-1 { padding: 100px 0; }
body.tasterprocess .ghoriz .grow { align-items: start; }
body.tasterprocess .ghoriz .grow .item label { text-align: left; margin-bottom: 10px; }
body.tasterprocess .ttl .box { color: var(--color-red); font-size: 30px; line-height: 40px; }
body.tasterprocess .ttl .box::after { background-color: #FFF; border-radius: 4px; font-size: 30px; line-height: 40px; }
body.tasterprocess .whitebox { border-radius: 10px; background-color: white; padding: 20px; margin: 0 auto; margin-bottom: 20px; position: relative; width: 80%; color:#333333; }
body.tasterprocess .ttl .box.small { font-size: 23px; width: 90%; }
body.tasterprocess .tasterv2form { max-width:75%; margin:auto; }

body.howitworks section.bggrey { padding: 70px 0; padding-bottom: 190px; }
body.howitworks footer { margin-top: -120px; position: relative; }

body.privacypolicy section { padding: 70px 0; }
body.cancellationpolicy section { padding: 70px 0; }

body.pricing { background-color: #f6f6f6; }
body.pricing .maincontent { padding:70px 0;}
body.pricing .pricesgrid { display:grid; gap:20px; grid-template-columns: 1fr 1fr 1fr;}
body.pricing .pricesgrid .price { background-color: #FFF; border-radius:6px; padding:50px 25px; position:relative; }
body.pricing .pricesgrid .price .discount { background-color:#7dc2df; color:white; font-size:26px; position:absolute; top:15px; right:15px; width:70px; height:70px; border-radius:50%; text-align:center; padding-top:17px; font-weight:bold; line-height:20px; }
body.pricing .pricesgrid .price .discount .d { font-size:12px; font-weight:normal; line-height:normal; }
body.pricing .pricesgrid .price .term { font-size:24px; font-weight:bold; }
body.pricing .pricesgrid .price .charged { font-size:14px; margin-bottom:15px; }
body.pricing .pricesgrid .price .starting { font-size:16px; margin-bottom:10px;}
body.pricing .pricesgrid .price .amount { font-size:50px; font-weight:bold; }
body.pricing .pricesgrid .price .subject { font-size:16px; }
body.pricing .pricesgrid .price ul.ticks { margin-top:20px; }
body.pricing .pricesgrid .price ul.ticks li { background:url(/cdn/asset/7ad1cfa8-f332-4d40-8f30-aeba00df77f4/greentick.png) no-repeat top 1px left; }

body.facetoface .course-section-9 { display:none; }
body.facetoface .course-section-3 .fhoriz.col4 .frow .item:nth-child(3) { display:none; }
body.facetoface .course-section-3 .fhoriz.col4 .frow .item:nth-child(4) { display:none; }

.table.schedule { width: 80%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; }
.table.schedule > div { text-align: left; padding: 10px; }
.table.schedule.top td ul { margin: 0; padding: 0 10px; }

body.gcseenglish .course-section-8 .syllabus { width: unset; }

table.data { width: 80%; margin: 0 auto; }
table.data th { text-align: left; padding: 10px; background-color: rgba(0,0,0,0.3); }
table.data td { text-align: left; padding: 10px; }

table.pics { width: 80%; text-align: left; margin: 0 auto; }
table.pics td { padding: 10px; vertical-align: top; }
table.pics td img { min-width: 200px; }

.ghoriz.g50.pics { max-width:80%; margin:0 auto; }
.ghoriz.g50.pics .grow {  text-align:left; grid-template-columns: 250px 1fr;   }

.owl-carousel.reviews { max-width: 80%; margin: 0 auto; }
.owl-carousel.reviews .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.owl-carousel.reviews .owl-item { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto !important; }
.owl-carousel.reviews .item.review { border: none; height: unset; display: grid; grid-template-rows: 1fr 50px; }
.owl-carousel.reviews .item.review .rating { padding: 10px 0; }
.owl-carousel.reviews .item.review .rating .star { width: 20px; height: 20px; background: url(/cdn/asset/8f7e698d-f73b-4abb-9f18-ad3c008bd06b/ratingstar.png) no-repeat center center; display: inline-block; }
.owl-carousel.reviews .item.review .comment { border: 1px solid #F9F9FB; background-color: #FAFAFA; padding: 20px; height: 100%; text-align: left; }
.owl-carousel.reviews .item.review .name { text-align: left; font-weight: 700; font-size: 1.6rem; }

.soldout-msg { display: inline-block; position: relative; }
.soldout-msg .soldout { display: inline-block; border: 4px solid var(--color-red); color: var(--color-red); border-radius: 5px; padding: 5px 20px; font-weight: bold; font-size: 1.6rem; transform: rotate(-8deg) skew(2deg); }
.soldout-msg .sub { margin-left: 60px; font-weight: bold; font-size: 1.4rem; }

.dashboard { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: normal; gap:0 40px; }
.dashboard .col.col1 { width:calc(((100% / 3) * 2) - 20px); }
.dashboard .col.col2 { min-width:calc((100% / 3) - 20px); }
.dashboard .col .item { border: 1px solid #d7d5d5; border-radius:6px;}
.dashboard .col .item .heading { padding:10px 30px; border-bottom: 1px solid #d7d5d5; color:#000; font-size:20px; font-weight:700;  }
.dashboard .col .item .content { padding:20px;}
.dashboard .col .item.counts .content { display:grid; gap:20px; grid-template-columns:1fr 1fr 1fr; }
.dashboard .col .item.counts .block { color:#FFF; font-size:20px; font-weight:500; border-radius:6px; padding:30px 10px; text-align:center; }
.dashboard .col .item.counts .block img { margin:10px 0; }
.dashboard .col .item.counts .block .c { font-size:50px; }
.dashboard .col .item.counts .block.b1 { background-color: #FBD66F; }
.dashboard .col .item.counts .block.b2 { background-color: #73B9E0; }
.dashboard .col .item.counts .block.b3 { background-color: #31968A; }

.dashboard .item.progress .content { padding:20px 0; }

.comparisongraph { max-width:500px; }
.comparisongraph .row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: stretch; align-content: normal; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #D7D5D5;  }
.comparisongraph .row:last-of-type { border:none; padding-bottom:0; margin-bottom:0; }
.comparisongraph .row .stat { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; }
.comparisongraph .row .stat.pad { width:20px; }
.comparisongraph .row .stat.label { width:150px; }
.comparisongraph .row .stat.score { width:50px; }
.comparisongraph .row .stat.split { width:5px; }
.comparisongraph .stat.negative, .comparisongraph .stat.positive { flex-grow:1;}
.comparisongraph .stat .bar { height:20px; background-color:#F0F0F0; width:0; }
.comparisongraph .stat.split { background-color: #D0D0D0; }
.comparisongraph .stat.negative .bar { background-color:#CC9999; float:right;}
.comparisongraph .stat.positive .bar { background-color:#99CC99; float:left; }

.dashboard .nextitems { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: stretch; align-content: normal; gap:50px; }
.dashboard .nextitems div { flex:1; }

.dashboard .nextitems .item { border:none; height:100%; }
.dashboard .nextitems .item .courseitem { height:100%; }
.dashboard .nextitems .item.assessment .courseitem { background-color:#F0F7F6; }
.dashboard .nextitems .item .courseitem .itemtype { font-weight:bold; text-align:left; }

.dashboard .subslist .subjectlist ul { list-style-type:none; width:100%; margin:0; padding:0; }
.dashboard .subslist .subjectlist ul li { float:left; width:50%; padding:5px 0 5px 25px; background:no-repeat center left url(/cdn/asset/c296be40-c172-4dcc-a5b9-ae9400ebfaf4/tick.png); }

.assessmentlist .prevnext { text-align:center; }
.assessmentlist .prevnext .prev { float:left; }
.assessmentlist .prevnext .next { float:right; }

.assessmentinfo { text-align:center; }
.assessmentinfo a:not(.btn), .assessmentinfo .a:not(.btn) { color:#96c39b; }
.assessmentinfo h2 { font-size:40px; margin:0; padding:0; }
.assessmentinfo .blocks { display:grid; gap:20px; grid-template-columns:1fr 1fr 1fr; }
.assessmentinfo .blocks.untimed { grid-template-columns:1fr 1fr;  }
.assessmentinfo .blocks .b { font-size:20px; font-weight:500; border-radius:6px; padding:30px 10px; text-align:center; color:#FFF;  }
.assessmentinfo .blocks .b.b1 { background-color:#fcd770; }
.assessmentinfo .blocks .b.b2 { background-color:#73bae1; }
.assessmentinfo .blocks .b.b3 { background-color:#31978b; }
.assessmentinfo .modules { font-size:16px; }
.assessmentinfo .modules .list { font-size:35px; font-weight:bold; }
.assessmentinfo .greyblock { background-color:#F9F9F9; border-radius:6px; }
.assessmentinfo .greyblock .title { border-bottom: 1px solid #d7d5d5; padding:20px 0;  }
.assessmentinfo .greyblock .totals { display:grid; gap:20px; grid-template-columns:1fr 1fr; padding:20px; text-align:left;}
.assessmentinfo .greyblock .totals span { font-weight:bold; display:block; font-size:15px; }

.assessmentinfo .previousattempts table.data { background-color:white; border-radius:6px; border-collapse:collapse;  }
.assessmentinfo .previousattempts table.data th, .assessmentinfo .previousattempts table.data td { background-color:white; border-bottom: 1px solid #d7d5d5; padding:25px 10px; }
.assessmentinfo .previousattempts table a { color:#96c39b; }

.assessmentinfo.results .blocks { width:650px; max-width:80%; margin:auto; }
.assessmentinfo.results .blocks .b { font-size:16px; text-align:left; padding:20px; }
.assessmentinfo.results .blocks .b.b1 { background-color:#73bae1 }
.assessmentinfo.results .blocks .b.b2 { background-color:#31978b }
.assessmentinfo.results .blocks .b.b3 { background-color:#cd2b36 }
.assessmentinfo.results .blocks .b .c { font-size:28px; }
.assessmentinfo.results .modules { font-size:19px; }
.assessmentinfo.results .graphcontainer { background-color:#f9f9f9; border-radius:6px; max-width:500px; width:75%; margin:auto; }
.assessmentinfo.results .graphcontainer .row { padding:20px 10px; }
.assessmentinfo.results .graphcontainer .row.hdr .label { text-align:left; font-weight:bold; }
.assessmentinfo.results .graphcontainer .row .label { text-align:left; }
.assessmentinfo.results .graphcontainer .row .score { font-weight:bold; }

.assessmentinfo.question .blocks { width:650px; max-width:80%; margin:auto; grid-template-columns:1fr; }
.assessmentinfo.question .blocks.timeremaining { grid-template-columns:1fr 1fr 1fr; }
.assessmentinfo.question .blocks .b { font-size:16px; text-align:left; padding:20px; }
.assessmentinfo.question .blocks .b .c { font-size:28px; }
.assessmentinfo.question .blocks .b1 { background-color:#73bae1; }
.assessmentinfo.question .blocks .b2 { background-color:#31978b; }
.assessmentinfo.question .blocks .b3 { background-color:#cd2b36 }

.qcontainer { padding:30px; width:800px; max-width:80%; margin:auto; }
.qcontainer .ques { display:grid;  grid-template-columns:60px 1fr; font-size:20px; text-align:left; font-weight:bold; }
.qcontainer .ques .q { padding-top:10px; }
.qcontainer .form.answers { display:grid;  grid-template-columns:1fr 1fr; gap:40px; }
.qcontainer .form.answers .answer { background-color:white; border-radius:6px; padding:20px; position:relative;  }
.qcontainer .form.answers .answer .ans { text-align:left; padding-right:50px; font-weight:bold; }
.qcontainer .form.answers .answer input[type=checkbox] {  width: 20px; height: 20px; position:absolute; top:20px; right:20px; }
.qcontainer .form.answers .answer img { text-align:center; }

.qcontainer .form.answers .answer.correct  { background-color:#93DD98; }
.qcontainer .form.answers .answer.incorrect  { background-color:#D77173; }
.qcontainer .additionalinfo { background-color:#FFF; border-radius:6px; padding:20px; text-align:left; }

.dlgVideoExpl { width:600px;  }
.dlgVideoExpl .content { height:600px; width:100%; }
.dlgVideoExpl .content iframe { width:100%; height:100%; }

.questionbank.greyblock { text-align:left; max-width:80%; width:800px; margin:auto; }
.questionbank .year { }
.questionbank .row { padding:20px 20px; border-bottom: 1px solid #d7d5d5; position:relative; }
.questionbank .row:nth-last-child(1) { border-bottom:none; }
.questionbank .row .col { display:inline; }
.questionbank .row .col.count { float:right; }
.questionbank .year { padding-left:40px; }
.questionbank .subject { padding-left:60px; }
.questionbank .modules { padding-left:80px; }
.questionbank .difficulty { padding-left:100px; }

.questionbank .row .inputs { z-index:1; position:relative; }
.questionbank .row .bar { position:absolute; top:10px; left:10px; bottom:10px; right:10px; z-index:0; }
.questionbank .row .bar .progress { height:100%; background-color:#CC999920; min-width:10%; border-left:5px solid #EE9999;  }
.questionbank .row .bar .progress.gt { background-color:#99CC9920; border-left:5px solid #99CC99; }

.timerunningout { animation-name: animationTimeRunningOut; animation-duration: 2s; animation-timing-function:ease-in-out; animation-delay: 0ms; animation-iteration-count:infinite; }

/**
Taster v4 template
**/
.v4-hero-banner {background-image: url("/cdn/asset/d21edfee-4e55-49d4-af18-aeba009b5bf3/topherobanner.png");background-size: cover; background-repeat: no-repeat; min-height: 850px;background-position: bottom;}
.v4-hero-banner .tp-V4-hero-2 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 30px; color: #FFFFFF; margin-bottom: 30px; }
.v4-blue-heading { font-style: normal; font-weight: 700; font-size: 36px; line-height: 130%; color: #8ABDDA; }
.v4-form-container { background: #FFFFFF; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25); border-radius: 8px; }
.v4-why-sign-up { background-image: url("/cdn/asset/70dbb60a-cc89-4e59-a105-aeba00a4a121/signupbackground.png"); background-size: cover; background-repeat: no-repeat; background-position: bottom; }
.v4-why-sign-up .v4-why-sign { margin-bottom: 50px; }
.v4-grid-layout { display: flex; flex-wrap: wrap; justify-content: space-between; }
.v4-grid-layout .v4-grid-item { flex-basis: calc(50% - 16px); display: flex; flex-wrap: wrap; background: #FFFFFF; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); border-radius: 15px; margin-bottom: 32px; padding: 32px; }
.v4-grid-layout .v4-grid-item > div { flex-basis: 65%; text-align: left; }
.v4-grid-layout .v4-grid-item > div.flex-center { flex-basis: 35%; display: flex; justify-content: flex-start; align-items: center; padding-right: 32px; }
.flex-center img { max-width: 100%; height: auto; display: block; }
.word-box { display: inline-block; padding: 5px; border: 1px solid #000000; }
.v4-form { padding-bottom: 130px;  }
.v4-form .v4-form-container { position: relative; }
.v4-form .book-brain { position: absolute; bottom: -10px; left: -73px; }
.v4-form .txt { background: #F0F4F8; border: 2px solid #D9E2EC!important; border-radius: 8px!important; }
.v4-set-up-by .setup-columns { display: flex; flex-wrap: wrap; }
.v4-set-up-by .setup-columns .setup-left,
.v4-set-up-by .setup-columns .setup-right { padding: 80px; }
.v4-set-up-by .setup-columns .setup-left { display: flex; justify-content: flex-end; flex-wrap: wrap; flex-basis: 70%; background-image: url("/cdn/asset/a35ecdf8-9c93-496f-9445-aeba00c8d38f/setupleft.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }
.v4-set-up-by .setup-columns .setup-left > * { flex-basis: 100%; max-width: 860px; }
.v4-set-up-by .setup-columns .setup-right { flex-basis: 30%; background-image: url("/cdn/asset/f6e7455a-178d-48b8-8b79-aeba00c8fe26/setupright.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }
.setup-split { margin-top: 50px; display: flex; flex-wrap: wrap; text-align: center; color: #FFFFFF; }
.setup-split > div { flex-basis: 50%; }
.what-else { background-image: url("/cdn/asset/b74ef9e1-c430-478d-975d-aeba00d627fc/whatelsewillyougetbackground.png"); background-size: cover; background-repeat: no-repeat; background-position: bottom; }
.what-else .we-heading { margin-bottom: 50px; }
.what-else ul { list-style-type: none; margin: 0; padding: 0;}
.what-else ul li { background-color: #CD2B36; border-radius: 15px; margin: 0 0 15px 0; color: #FFFFFF; padding: 21px 45px; background-image: url("/cdn/asset/0e5b6403-afa0-4606-8b54-aeba00dc6aa3/yellowtick.png"); background-position: 13px 21px; background-repeat: no-repeat; }
.live-online { background-image: url("/cdn/asset/f5b2aad0-4dc4-4544-876d-aeba00d6c07a/liveonlinebackground.png"); background-size: cover; background-repeat: no-repeat; background-position: top; margin-top: -220px; min-height: 762px; padding-top: 300px; }
.live-online .content { font-style: normal; font-weight: 500; font-size: 24px; line-height: 30px; color: #000000; margin-top: 32px; margin-bottom: 8px; }
.red-price-block { background: #CD2B36; color: #FFFFFF; border-radius: 12px; padding: 0 10px; }
.btn-red { background-color: #CD2B36; color: #FFFFFF; padding: 10px; border-radius: 15px; display: inline-block; }
.V4-setup-1 { display: flex; align-items: flex-start; }
.templatetasterv4 footer { margin-top: -120px; }

body.templatetasterv4 .nextclass { color:var(--color-red); padding-bottom:20px; }
body.templatetasterv4 .rel.account .btn.back { float:left; }
body.templatetasterv4 .rel.account .btn.register { float:right; }

/* Blue CTA */
.blue-cta { background: #8ABDDA; border: 3px solid #FFFFFF; box-shadow: 0px 34px 64px rgba(18, 33, 56, 0.6); backdrop-filter: blur(30px); border-radius: 40px; padding: 50px; }
.blue-cta .blue-cta-heading-1 { color: #FFFFFF; font-weight: 600; font-size: 45px; line-height: 130%; margin-bottom: 20px; }
.blue-cta .red-box { background: #CD2B36; font-weight: 600; font-size: 40px; line-height: 130%; color: #FDE50D; padding: 0px 10px 6px 10px; text-align: center; }
.blue-cta .idea-box { display: flex; margin-top: 20px; }
.blue-cta .idea-box .ib-left { flex-basis: 80px; }
.blue-cta .idea-box .ib-right { flex-basis: calc(100% - 80px); font-weight: 400; font-size: 19px; line-height: 130%; color: #000000; }

@keyframes animationTimeRunningOut {
    0% { background-color: #cd2b36FF;   }
    50% { background-color: #cd2b3699; }
    100% {background-color: #cd2b36FF;  }
}

@media (max-width: 1400px) {
    .mw { width: calc(100% - 80px); margin: auto; }
}

@media (max-width: 1200px) {
    .video-thumb .name { top: 5%; left: 8%; }
    .video-thumb .name .year { font-size: 31px; line-height: 25px; }

    .courses, .subscriptions { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1100px) {
    body.pricing .pricesgrid {  grid-template-columns: 1fr 1fr}
    .bgred.pattern3.fhoriz .frow { display: block; }
    .bgred.pattern3 .blue-cta { margin-bottom: 80px; }
}

@media (max-width: 1000px) {
    header .socials { display: none; }
    header .bottom { grid-template-columns: 1fr 120px; }

    .fhoriz.col4 .frow { flex-wrap: wrap; }
    .fhoriz.col4 .frow .item { flex: 1; }

    .dashboard .col.col1 { width:calc(((100% / 5) * 3) - 20px); }
    .dashboard .col.col2 { width:calc(((100% / 5) * 2) - 20px); }
    .dashboard .col .item.counts .content { grid-template-columns:1fr; }
    .dashboard .nextitems {  flex-direction: column; }

    .assessmentinfo .hide1 { display:none; }
}

@media (max-width: 1030px) {
    .v4-form .book-brain { bottom: -71px; left: 19px; }
}
@media (max-width: 900px) {
    footer .links { grid-template-columns: 1fr 1fr 1fr; }

    header .contacts .email { padding-right: 10px; }
    header .contacts .email span, header .contacts .phone span { display: none; }

    .course.gcseenglish .whitebox { width: 100%; }
    body.gcseenglish .table.schedule { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
    nav .burger { display: block; background: url(/cdn/asset/08828809-aa48-42ee-a5f9-ad1f0089f575/burger.png) no-repeat center center; width: 32px; height: 47px; }
    nav .bg { display: none; }
    nav .bg.show { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8) url(/cdn/asset/4f1a64e7-3074-4fb2-9548-ad1f0089f57c/blackbg.jpg) no-repeat center center; background-size: cover; z-index: 5; width: 100%; padding: 40px 20px; }
    nav ul.main { max-width: 50%; margin: 0 auto; }
    nav ul.main li { display: block; width: 100%; text-align: center; z-index: 6; border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 2rem; }
    nav ul.main a { padding: 0 !important; color: #FFF !important; font-weight: 500; }
    nav ul.main > li.child { background-image: none; }
    nav ul.main > li.child ul.children { display: block; position: relative; top: unset; left: unset; background: unset; border-bottom: 0; padding: 0; }
    nav ul.main > li.child ul.children li a { color: rgba(255,255,255,0.5) !important; }
    nav ul.main > li.child ul.children li:nth-last-child(1) { border-bottom: none; }
    nav ul.main > li.child ul.children li:nth-child(1) { border-top: 1px solid rgba(255,255,255,0.3); }

    nav .closenav { position: absolute; top: 10px; right: 10px; background-color: #FFF; border-radius: 50%; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; }

    .ghoriz .grow { grid-template-columns: 1fr; gap: 0; }

    .ghoriz.g50.pics .grow { grid-template-columns: 1fr; gap: 20px; padding-bottom:20px; }
    .ghoriz.g50.pics .grow div:nth-child(1) { text-align:center; }

    body.blog ul.blog { grid-template-columns: 1fr 1fr; }

    body.purchaseprocess .whitebox { padding: 20px 40px; }
    body.purchaseprocess .greybox { }
    body.pricing .pricesgrid { gap:40px; grid-template-columns: 1fr}

    .assessmentlist .courselist { grid-template-columns: repeat(2, 1fr); }

    .v4-hero-banner { background: #C32933; }
    .v4-grid-layout .v4-grid-item { flex-basis: 100%; }
    .V4-setup-1 { flex-wrap: wrap; }
    .v4-set-up-by .setup-columns .setup-left,
    .v4-set-up-by .setup-columns .setup-right { flex-basis: 100%; }
    .v4-set-up-by .setup-columns .setup-right { min-height: 600px; }
  
    body.templatetasterv4 .rel.account .buttons { display:flex; gap:20px; flex-direction:column; }
    body.templatetasterv4 .rel.account .btn.back { order:2;width:100%; }
    body.templatetasterv4 .rel.account .btn.register { order:1; width:100%; }  
}

@media (max-width: 700px) {
    .mw { width: calc(100% - 40px); margin: auto; }
    footer .links { grid-template-columns: 1fr 1fr; }

    .ttl { font-size: 4rem; }
    .ttl .box.sub3 { font-size: 2rem; line-height: 3.5rem; }

    .fhoriz .frow { display: block; text-align: center; }

    .home .pricing .item:nth-child(1), .home .pricing .item:nth-last-child(1) { display: none; }
    .fhoriz .frow > .item.left { text-align: center; padding-left: 0; }
    .fhoriz .frow > .item.right { text-align: center; padding-right: 0; }

    .fhoriz.switcheven .frow { display: flex; flex-direction: column; }
    .fhoriz.switcheven .frow:nth-child(even) .item:nth-child(1) { order: 2; }
    .fhoriz.switcheven .frow:nth-child(even) .item:nth-child(2) { order: 1; }

    .courses, .subscriptions { display: block; }
    .courses .course, .subscriptions .course { width: 100%; min-width: unset; margin-bottom: 30px; }

    .accountsubs .btns .btn { margin-bottom: 10px; }

    .owl-carousel.reviews { max-width: 95%; }

    .dashboard { flex-direction: column; gap:40px; }
    .dashboard .col.col1 { width:100%; order:2; }
    .dashboard .col.col2 { width:100%; order:1;}
    .dashboard .subslist .subjectlist ul li  { width:100%; }
}

@media (max-width: 600px)
{
    .assessmentlist .courselist { grid-template-columns: repeat(1, 1fr); }

    .assessmentinfo .blocks { display:grid; gap:20px; grid-template-columns:1fr; }
    .assessmentinfo .greyblock .totals {  grid-template-columns:1fr; }
    .assessmentinfo .hide2 { display:none; }

    .qcontainer .form.answers { grid-template-columns:1fr; }

    .v4-grid-layout .v4-grid-item > div,
    .v4-grid-layout .v4-grid-item > div.flex-center { flex-basis: 100%; justify-content: center; }
    .setup-split > div { flex-basis: 100%; }
    .V4-setup-1-2 { margin-bottom: 50px; }

    .blue-cta .idea-box { display: block; }
    .blue-cta .blue-cta-heading-1 { font-size: 35px; }
    .blue-cta .red-box { font-size: 30px; }
}

@media (max-width: 500px) {
    .video-thumb .name { top: 6%; left: 8%; }
    .video-thumb .name .year { font-size: 21px; line-height: 15px; }
    body.blog ul.blog { grid-template-columns: 1fr; }

    .syllabus.details .options { grid-gap: 20px; grid-template-columns: 1fr; }

    .course.alevels .hero { background-image: url(/cdn/asset/d89fd22d-f677-4d14-bae0-ad72009ed7a4/alevelheromobile.jpg); background-position: center center; }
    .course.ks3 .hero { background-image: url(/cdn/asset/9a3b3059-d3ce-4dc6-97b8-ad72009f7a8b/ks3heromobile.jpg); background-position: center center; }
    .course.gcseenglish .hero { background-image: url(/cdn/asset/b0ce2451-6c65-498d-8f07-ad72009ff678/gcseenglishheromobile.jpg); background-position: center center; }

    .ttl.sub4 { font-size: 3.5rem; }
    .ttl .box { padding: 0 15px; }

    body.aboutus .tabs { flex-wrap: wrap; }

    body.tasterprocess section.taster-section-1 { padding: 20px 0; }
    body.tasterprocess .ttl { font-size: 3.2rem; }
    body.tasterprocess .ttl .box { font-size: 2.4rem; line-height: unset; }
    body.tasterprocess .ttl .box.small { font-size: 18px; width: 90%; }
    body.tasterprocess .form.round .row .txt { padding: 10px; }

    .modaldialog.aboutus .img .thumb { width: 100%; }
    .modaldialog.aboutus .content { padding: 20px 20px 40px 20px }
    .modaldialog.aboutus .img { width: 100%; display: block; }
    .modaldialog.aboutus .deets { width: unset; display: block; text-align: center; width: 100%; }
    .modaldialog.aboutus .deets .title { text-align: center; }

    .assessmentlist .prevnext .prev, .assessmentlist .prevnext .next, .assessmentlist  .prevnext .create { float:none; display:block; margin-bottom:5px; }
}

@media (max-width: 400px) {
    footer .links { grid-template-columns: 1fr; }
    .ttl { font-size: 3rem; }
    header .contacts { display: none; }
    .video-thumb .name .year { display: none; }

    body.purchaseprocess .whitebox { padding: 20px 20px; }

    .comparisongraph .row .stat.score { width:unset; flex-grow:1; text-align:right; }
    .comparisongraph .stat.negative, .comparisongraph .stat.positive, .comparisongraph .row .stat.split { display: none; }
}