@charset "UTF-8";
@charset "UTF-8";
*{
margin: 0px;
padding: 0px;
}
html, body{
height: 100vh !important;
width: 100vw !important;
overflow: hidden;
scroll-behavior: smooth;
margin: 0px;
padding: 0px;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
background-color: #4aceda;
}
.cd-header{
position: fixed;
display: flex;
width:100%;
top:0;
left:0;
z-index:999;
} 
.header-wrapper{
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 1% 1.5% 1% 1%;
} 
.logo-wrap {
display:flex; left:0;
cursor: pointer;
}
.nav-but-wrap{ 
display: flex; justify-content: right;
align-items: center;
transition : all 0.3s ease-out;
}
.logo-wrap a {
cursor: pointer;
font-family: 'Poppins';
font-weight: 900;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
transition : all 0.3s ease-out;
}
.logo-wrap a span{ 
color: #8167a9;
}
.logo-wrap a:hover {
opacity: 0.9;
}
.logo{
max-width: 25vmin;
height: auto;
}
.menu-icon {
height: 4vmin;
width: 4vmin;
z-index: 2;
cursor: pointer;
display: block;
transform: scale(0.8);
}
.menu-icon__line {
height: 2px;
width: 4vmin;
display: block;
background-color: #444;
margin-bottom: 1vmin;
cursor: pointer;
-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
transition: background-color .5s ease, -webkit-transform .2s ease;
transition: transform .2s ease, background-color .5s ease;
transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
width: 2.2vmin;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.menu-icon__line-right {
width: 2.2vmin;
float: right;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
width: 2.2vmin;
}
.nav {
position: fixed;
z-index: 998;
}
.nav:before, .nav:after {
content: "";
top: 0;
left: 0;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(250, 209, 65, 0.6);
border-bottom-left-radius: 200%;
z-index: 998;
-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
-webkit-transform: translateX(100%) translateY(-100%);
transform: translateX(100%) translateY(-100%);
}
.nav:after {
background: rgba(74, 206, 218, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav:before {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.nav__content {
position: fixed;
visibility: hidden;
top: 50%; -webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 100%;
text-align: center;
z-index: 999;
}
.nav__list {
position: relative;
padding: 0;
margin: 0; }
.nav__list-item {
position: relative;
display: block;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
opacity: 0;
text-align: center;
color: #fff;
overflow: hidden; 
font-family: 'Poppins';
font-size: 5.65vmin;
font-weight: 900;
line-height: 1.2;
letter-spacing: 3px;
-webkit-transform: translate(100px, 0%);
transform: translate(100px, 0%);
-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, transform .3s ease;
transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
margin-top: 0;
margin-bottom: 0;
}
.nav__list-item a{ 
position: relative;
text-decoration: none;
color: rgba(0,0,0,0.2);
overflow: hidden; 
cursor: pointer; z-index: 999;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; 
}
.nav__list-item a:after{ 
position: absolute;
content: '';
top: 50%;
margin-top: -2px;
left: 50%;
width: 0;
height: 0;
opacity: 0;
background-color: #c22e2e;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; 
}
.nav__list-item a:hover:after{ 
height: 4px;
opacity: 1;
left: 0;
width: 100%;
}
.nav__list-item a:hover{
color: rgba(0,0,0,1);
}
.nav__list-item.active-nav a{
color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a:after{ 
height: 4px;
opacity: 1;
left: 0;
width: 100%;
}
body.nav-active .nav__content {
visibility: visible;
}
body.nav-active .menu-icon__line {
background-color: #fff;
-webkit-transform: translate(0px, 0px) rotate(-45deg);
transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
width: 1.8vmin;
-webkit-transform: translate(0.3vmin, 0.5vmin) rotate(45deg);
transform: translate(0.3vmin, 0.5vmin) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
width: 1.8vmin;
float: right;
-webkit-transform: translate(-0.3vmin, -0.45vmin) rotate(45deg);
transform: translate(-0.3vmin, -0.45vmin) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
width: 1.8vmin;
}
body.nav-active .nav {
visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
-webkit-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
border-radius: 0;
}
body.nav-active .nav:after {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
body.nav-active .nav:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.nav-active .nav__list-item {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(1) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(2) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(3) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(4) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(5) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(6) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(7) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-child(8) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-child(9) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
body.nav-active .nav__list-item:nth-child(10) {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.footerDiv{
width: 100%;
bottom: 0;
position: fixed;
display: flex;
flex-direction: row;
padding: 0.5vmax 0 0.5vmax 1.25vmax;
}
.footerItems{
display: flex;
flex-direction: row;
}
.social-icons {
list-style: none;
}
.social-icon {
color: #444;
}
.social-icons li {
display: inline;
margin: 0.2vmax;
}
.social-icons a {
color: #444;
text-decoration: none;
}
.fa-facebook-f, .fa-instagram, .fa-whatsapp {
padding: 0.65vmax;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
}
.fa-facebook-f:hover, .fa-instagram:hover, .fa-whatsapp:hover {
background-color: #af0001;
color: white;
border-radius: 100px;
}
.mainSec{
display: flex;
width: 100vw;
height: 100vh;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.coursesDiv{
display: flex;
width: 100%;
height: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
}
#homeDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#aboutDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whoDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-who-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#storyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/contact-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#coursesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#regDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bb-hc-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#specialDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-ls-rs-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#contactDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/contact-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#formDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesListDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bb-hc-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#eventDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#galleryDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#photosDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-ls-rs-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.taglineDiv{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.mqtextDiv{
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: -0.5% 0;
font-family: "Poppins";
font-size: 5vmax;
font-weight: bolder;
color: #252525;
}
.mqtextDivPages{
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: 0.15% 0;
font-family: "Poppins";
font-size: 5vmax;
font-weight: bolder;
color: #252525;
}
.mqPageTitle{
font-family: "Poppins";
font-size: 5vmax;
font-weight: 800;
color: #252525;
text-shadow: 0 10px 19px rgba(0, 0, 0, 0.2);
}
.actnBtnsDiv, .actnBtnsHomeDiv{
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: 1% 0 2% 0;
}
.actnBtn, .actnBtnHome{
border-radius: 2vmax;
padding: 1.5vmin 3.5vmin;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 0.75vmax;
font-family: "Poppins";
font-size: 1vmax;
line-height: 1.25vmax;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
cursor: pointer;
z-index: 99;
}
.actnBtn a, .actnBtnHome a{
text-decoration: none;
color: white;
padding: 0.5vmax 0;
}
.blink {
color: #bdbdbd;
font-weight: 300;
animation: blink 0.75s infinite;
}
.flash{
color: #4aceda;
}
.headlineText{
width: 60%;
font-family: "Poppins";
font-size: 0.9vmax;
color: #252525;
font-weight: 600;
}
.boxesGrpDiv{
display: flex;
flex-direction: row;
width: 60%;
margin: 1%;
justify-content: space-between;
}
.horBox {
width: calc(100%/3);
margin: 0 1vmin;
background-color: white;
border-radius: 0.8vmax;
display: flex;
flex-direction: row;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 25px 80px rgba(0, 0, 0, 0.12);
padding: 1.5% 2.2%;
cursor: pointer;
}
.boxesGrpDivMob, .horBoxMob, .boxImgMob, .dotsMob, .whyUsDivMob{
display: none;
}
.boxImg{
width: 50%;
margin-right: 1vmax;
}
.boxImg img{
max-width: 100%;
height: auto;
}
.boxTextDiv{
display: flex;
flex-direction: column;
}
.boxHeadline{
font-family: "Poppins";
font-size: 0.85vmax;
font-weight: 500;
color: #444444;
}
.boxText{
font-family: "Poppins";
font-size: 0.75vmax;
font-weight: 400;
color: #7a7a7a;
}
@keyframes blink{
to { opacity: .0; }
}
.creditDiv{
font-family: "Poppins";
font-size: 0.6vmax;
position: absolute;
left: -3vw;
transform: rotateZ(-90deg);
}
.creditDiv a{
text-decoration: none;
color: #af0001;
}
.mqSubtextDiv{
width: 60%;
text-align: center;
font-family: "Poppins";
font-size: 2vmin;
color: #7a7a7a;
line-height: 1.5;
}
.imgDiv{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: space-between;
}
.imgDivSingle{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: center;
}
#abt-left-hand, #abt-right-hand, #abt-center-hand, #courses-left-hand, #courses-right-hand, #courses-left-bottom-hand, #courses-right-bottom-hand, 
#gallery-left-hand, #gallery-right-hand, #contact-left-hand, #contact-right-hand, #games-right-hand, #games-left-hand{
position: absolute;
transform-origin: center center;
image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast;   image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }
.imgDivMob, .imgDivSingleMob{
display: none;
}
#abt-left-hand-t, #abt-right-hand-t, #abt-center-hand-t, #courses-left-hand-t, #courses-right-hand-t, #courses-left-bottom-hand-t, #courses-right-bottom-hand-t, 
#gallery-left-hand-t, #gallery-right-hand-t, #contact-left-hand-t, #contact-right-hand-t, #games-right-hand-t, #games-left-hand-t{
display: none;
}
#abt-left-hand img, #abt-right-hand img, #abt-center-hand img, #courses-left-hand img, #courses-right-hand img, #courses-left-bottom-hand img, #courses-right-bottom-hand img, 
#gallery-left-hand img, #gallery-right-hand img, #contact-left-hand img, #contact-right-hand img, #games-right-hand img, #games-left-hand img{
max-width: 100%;
}
#abt-left-hand{
max-width: 25%;
left: -2vw;
top: -25vh;
}
#abt-right-hand{
max-width: 25%;
right: -1vw;
top: -25vh;
}
#abt-center-hand{
max-width: 33%;
top: 1.5vh;
}
#courses-left-hand{
max-width: 17%;
left: 0;
}
#courses-right-hand{
max-width: 15%;
right: 0;
}
#courses-left-bottom-hand{
max-width: 16%;
left: 22vw;
top: -2vh;
}
#courses-right-bottom-hand{
max-width: 16%;
right: 22vw;
top: -2vh;
}
#gallery-left-hand{
max-width: 18%;
top: -12vh;
left: 15vw;
} 
#gallery-right-hand{
max-width: 26%;
bottom: 25vh;
right: 12vw;
}
#contact-left-hand{
max-width: 22%;
bottom: -20vh;
left: -2vw;
}
#contact-right-hand{
max-width: 22%;
bottom: -20vh;
right: -2vw;
}
#games-left-hand{
max-width: 20%;
left: 2vw;
top: -15vh;
}
#games-right-hand{
max-width: 20%;
right: 1vw;
top: -15vh;
}
.upcomingText{
font-family: "poppins";
font-size: 1.5vmin;
font-weight: 500;
color: #4aceda;
letter-spacing: 3px;
text-transform: uppercase;
}
.eventTitle{
font-family: "Poppins";
font-size: 5vmin;
font-weight: 700;
color: #444444;
text-align: center;
}
.eventSubtextDiv{
font-family: "Poppins";
font-size: 1.5vmin;
font-weight: 500;
color: #7a7a7a;
}
.eventTimer{
display: flex;
width: 100%;
flex-direction: row;
margin: 4vmin 0;
justify-content: center;
font-size: 2vmin;
font-family: "Poppins";
color: #444;
font-weight: 500;
}
.timeBox{
display: flex;
flex-direction: column;
width: 15vmin;
height: 13vmin;
background-color: white;
border-radius: 0.75vmax;
border: #4aceda 3px solid;
margin: 0 1vmin;
justify-content: center;
align-items: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.timerNo{
font-family: "Poppins";
font-size: 5vmin;
font-weight: 700;
color: #444;
line-height: 1.2;
}
.timerText{
font-family: "Poppins";
font-size: 2vmin;
font-weight: 500;
color: #4aceda;
}
.navDiv{
width: 6.5vmin;
position: fixed;
right: 0;
display: flex;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
}
.navDots{
font-family: "Poppins";
font-size: 3vmin;
font-weight: 800;
color: #444;
cursor: pointer;
line-height: 1.25vmax;
text-align: center;
flex-direction: row;
display: flex;
justify-content: center;
align-items: center;
}
.navDotsa{
text-decoration: none;
color: #444;
}
.navDots .tooltiptext {
visibility: hidden;
position: absolute;
z-index: 1;
}
.navDots:hover .tooltiptext {
visibility: visible;
background-color: #4aceda;
color: #fff;
font-family: "Poppins";
font-size: 1.5vmin;
font-weight: 400;
text-align: center;
padding: 0.5vmin 0.9vmin;
right: 2.5vmax;
white-space: nowrap;
}
.subPageDiv{
display: flex;
flex-direction: row;
width: 70%;
height: 100%;
justify-content: center;
}
.subPageleftDiv{
width: 72%;
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 1.5vmin;
}
.subPageRightDiv{
width: 28%;
display: flex;
align-items: center;
}
.subPageRightDiv img{
max-width: 100%;
}
.subPageTitle{
font-family: "Poppins";
font-size: 3.5vmin;
font-weight: 700;
color: #444;
line-height: 2;
text-align: left;
}
.subPageContent{
width: 80%;
text-align: center;
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 400;
color: #7a7a7a;
line-height: 1.65;
}
.subPageContentLeft{
width: 100%;
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 400;
color: #7a7a7a;
line-height: 1.65;
}
.subPageContentLeft p{
padding: 1vmin 0;
}
.subPageBoxLeft{
width: 88%;
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 400;
color: #7a7a7a;
line-height: 1.65;
padding: 1vmin 0;
}
.subPageActnBtnsDiv{
display: flex;
width: 100%;
margin: 1.5vmax 0;
}
.subPageBtn{
border-radius: 2vmax;
padding: 1vmin 3vmin;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 1vmax 0 0;
font-family: "Poppins";
font-size: 1.5vmin;
line-height: 1.25vmax;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
cursor: pointer;
line-height: 1.5;
}
.subPageBtn a{
text-decoration: none;
color: white;
}
.subPageBtn:focus, .actnBtn:focus, .actnBtnHome:focus{
outline: none;
}
.actnBtn:hover, .subPageBtn:hover, .actnBtnHome:hover, .actnBtnContent:hover{
background-color: #4aceda;
color: white;
}
.actnBtn a:hover, .subPageBtn a:hover, .actnBtnHome a:hover, .actnBtnContent a:hover{
color: white;
}
#whyUsBoxesTab{
width: 60%;
table-layout: auto;
border-collapse: separate;
border-spacing: 1.5vmin;
}
#whyUsBoxesTab td{
width: calc(100%/3);
padding: 0;
border: none;
}
#whyUsBoxesTab tr:nth-child(odd), #whyUsBoxesTab tr:nth-child(even), #whyUsBoxesTab tbody tr:hover>td, #whyUsBoxesTab tbody>tr:nth-child(odd)>td, #whyUsBoxesTab tbody>tr:nth-child(odd)>th {background-color: white;}
.whyUsBox{
display: flex;
height: 18vmin;
flex-direction: column;
background-color: transparent;
perspective: 1000px;
justify-content: center;
align-items: center;
margin: 1vmin;
}
.whyUsBox .card{
position: absolute;
height: 100%;
width: 100%;
background: #4aceda;
border-radius: 1.2vmax;
transform: translateY(0deg);
transform-style: preserve-3d;
backface-visibility: hidden;
box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
transition: transform 1s cubic-bezier(0.4,0.2,0.2,1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.front-face{
font-family: "Poppins";
font-size: 0.85vmax;
color: white;
font-weight: 500;
text-transform: uppercase;
padding: 20%;
}
.cardImg{
display: flex;
justify-content: center;
align-items: center;
}
.cardImg img{
max-width: 100%;
margin-bottom: 0.75vmax;
transform: scale(0.7);
filter: invert(1);
}
.whyUsBox:hover > .front-face{
transform-origin: left center;
transform: translateX(-30%) rotateY(180deg);
}
.whyUsBox .card img{
height: 100%;
width: 100%;
}
.whyUsBox .back-face{
transform-origin: right center;
background-color: #fad141;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: column;
transform: scaleX(0) scaleY(0) translateZ(-50px) rotateY(90deg);
font-family: "Poppins";
font-size: 0.75vmax;
color: white;
font-weight: 400;
}
.whyUsBox .back-face p{
padding: 15%;
margin-bottom: 0;
}
.whyUsBox:hover > .back-face{
transform-origin: right center;
transform: scaleX(1) scaleY(1) translateZ(0) rotateY(0deg);
background-color: #fad141;
}
#gameLinks{
width: 70%;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
border: none;
}
#gameLinks td{
width: auto;
text-align: center;
border: none;
padding: 0;
}
#gameLinksMob{
display: none;
}
#gameLinks tr:nth-child(odd), #gameLinks tr:nth-child(even), #gameLinks tbody tr:hover>td, #gameLinks tbody>tr:nth-child(odd)>td, #gameLinks tbody>tr:nth-child(odd)>th {background-color: white;}
#gameLinksMob tr:nth-child(odd), #gameLinksMob tr:nth-child(even), #gameLinksMob tbody tr:hover>td, #gameLinksMob tbody>tr:nth-child(odd)>td, #gameLinksMob tbody>tr:nth-child(odd)>th {background-color: white;}
.accordion {
cursor: pointer;
border: none;
outline: none;
height: 10vmax;
transition: 0.3s;
}
.accordion:hover {
transform: scale(1.05);
box-shadow: -2px 10px 15px 0 rgba(0, 0, 0, 0.08);
}
.lblGameName{
font-size: 2vmin;
font-family: "Poppins";
font-weight: 500;
color: #444;
padding: 0 8%;
word-break: break-all;
margin: 0;
}
#additn{
background-color: #ffef9f;
}
#subtrctn{
background-color: #caf7e3;
}
#divisionSec{
background-color: #dbfcff;
}
#multiplctn{
background-color: #ffef9f;
}
#sudokuSec{
background-color: #ffe9e7;
}
#mqOrig{
background-color: #a7f3fa;
}
#scrSec{
background-color: #fcb9b2;
}
#omoSec{
background-color: #fcf0f6;
}
#prcnt{
background-color: #b7f4d8;
}
#additnPanel{
background-color: #fff8d4;
}
#subtrctnPanel{
background-color: #e6fff4;
}
#divisionSecPanel{
background-color: #e9fdff;
}
#multiplctnPanel{
background-color: #fff8d4;
}
#sudokuSecPanel{
background-color: #fff6f5;
}
#scrSecPanel{
background-color: #ffedeb;
}
#omoSecPanel{
background-color: #fff7fb;
}
#prcntPanel{
background-color: #e8fff4;
}
#additn, #subtrctn, #divisionSec, #multiplctn, #omoSec, #prcnt, #scrSec, #sudokuSec{
border-radius: 1.5vmax;
transition: transform 1s;
transform-style: preserve-3d;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin: 1vmax 0.75vmax;
box-shadow: 0px 10px 18px rgba(0,0,0,0.05);;
}
.panel {
overflow: hidden;
opacity: 0;
max-height: 0;
transition: 0.3s;
margin: -0.5vmax 3% 0 3%;
box-sizing: border-box;
width: 94%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 1.5vmax;
}
.panel.show {
opacity: 1;
max-height: 20vmax;
padding: 1.5vmax 0;
}
.lblGameOptVer{
list-style-type: none;
text-align: center;
font-size: 1vmax;
font-family: "Poppins";
font-weight: 400;
color: #252525;
padding: 0 1vmax;
line-height: 2;
}
.GameTitle{
font-size: 1.2vmax;
font-family: "Poppins";
font-weight: 500;
color: #252525;
}
.lblGameOptVer li{
text-decoration: none;
cursor: pointer;
}
.lblGameOptVer li a{
color: #444;
}
.accordionCourses {
cursor: pointer;
border: none;
outline: none;
width: 100%;
transition: 0.3s;
background-color: #F1FEFF;
border-radius: 100px;
transition: transform 1s;
transform-style: preserve-3d;
cursor: pointer;
display: flex;
align-items: center;
margin: 2vmin 2.5vmin;
box-shadow: 0px 10px 18px rgba(0,0,0,0.05);
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 500;
color: #444;
line-height: 1.5;
}
.courseTitleDiv{
width: 100%;
display: flex;
flex-direction: row;
padding: 1.5vmin 2.5vmin;
justify-content: space-between;
align-items: center;
}
.courseTitleDiv p{
margin-bottom: 0;	
}
.subText{
font-size: 0.85vmax; 
color: #444; 
font-weight: 400;
}
.accordionCourses:hover .subText {
color: white;
}
.accordionCourses:hover .caretCourses {
border-top: 0.6vmin solid white;
}
.accordionCourses.active {
background-color: #af0001;
color: white;
}
.accordionCourses.active:hover .caretCourses {
border-top: none;
}
.accordionCourses.active .subText{
color: white;
}
.accordionCourses:hover {
transform: scale(1.02);
box-shadow: -2px 10px 15px 0 rgba(0, 0, 0, 0.08);
background-color: #4aceda;
color: white;
}
.panelCourses {
overflow: hidden;
opacity: 0;
max-height: 0;
transition: 0.3s;
margin: -1vmax 3% 0 3%;
box-sizing: border-box;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 1.5vmax;
}
.panelCourses.show {
opacity: 1;
max-height: 50vmin;
padding: 1.5vmax 0;
background-color: white;
box-shadow: 0px 10px 18px rgba(0,0,0,0.03);
}
.caretCourses{
width: 0;
height: 0;
border-left: 0.5vmin solid transparent;
border-right: 0.5vmin solid transparent;
border-top: 0.7vmin solid #7a7a7a;
}
.caretCourses.show{
border-top: none;
width: 0;
height: 0;
border-left: 0.5vmin solid transparent;
border-right: 0.5vmin solid transparent;
border-bottom: 0.7vmin solid white;
}
.contentDiv{
display: flex;
width: 40%;
flex-direction: column;
align-items: center;
padding: 0 0 1vmax 0;
}
.imgDivMain{
display: flex;
flex-direction: column;
width: 25%;
margin-right: 3vmin;
justify-content: center;
align-items: center;
}
.imgDivMain p{
font-family: "Poppins";
font-size: 1.5vmin;
font-weight: 500;
text-align: center;
word-spacing: 3px;
}
.imageDiv{
display: flex;
flex-flow: row wrap;
width: 100%;
height: auto;
}
.imageDiv img{
max-width: 44%;
margin: 3%;
}
.horBoxCourses{
display: flex;
width: 100%;
flex-direction: row;
}
.boxImgCourses{
width: 10%;
margin-right: 1vmax;
}
.boxImgCourses img{
max-width: 100%;
filter: hue-rotate(180deg) brightness(1.4);
}
#coursesContent{
table-layout: fixed;
width: 100%;
border: none;
}
#coursesContent td{
padding: 2% 5%;
background: white;
border: none;
}
#coursesContent tr:nth-child(odd), #coursesContent tr:nth-child(even), #coursesContent tbody tr:hover>td, #coursesContentb tbody>tr:nth-child(odd)>td, #coursesContent tbody>tr:nth-child(odd)>th {background-color: white;}
.boxTextDivCourses{
width: 90%;
display: flex;
flex-direction: column;
}
.boxHeadlineCourses{
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 500;
color: #444444;
}
.boxTextCourses{
font-family: "Poppins";
font-size: 1.65vmin;
font-weight: 400;
color: #7a7a7a;
}
.actnBtnsCoursesDiv{
width: 100%;
display: flex;
margin: 2% 0 2% 8%;
align-items: center;
}
.actnBtnContent{
border-radius: 2vmax;
padding: 0.5vmax 1.5vmax;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 0.75vmax;
font-family: "Poppins";
font-size: 0.8vmax;
line-height: 1.25vmax;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
cursor: pointer;
z-index: 1;
}
.actnBtnContent a{
text-decoration: none;
color: white;
padding: 0.5vmax 0;
}
.optDivGall{
display: flex;
flex-direction: row;
width: 60%;
justify-content: space-evenly;
margin-bottom: 2vmax;
}
.allPhotosDiv{
display: flex;
width: 60%;
height: 60%;
overflow-y: scroll;
transition: 0.3s;
}
.allPhotosDiv:hover .photoList {
filter: grayscale(1);
}
.imgDivGallery:hover .photoList{
filter: grayscale(0);
}
.photoList:hover{
transform: scale(1.05);
}
#allPhotosDiv{
display: flex;
}
#classPhotosDiv, #eventsPhotosDiv{
display: none;
}
.allPhotosDiv::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.allPhotosDiv::-webkit-scrollbar{
width: 0.45em; }
.allPhotosDiv::-webkit-scrollbar-thumb{
border-radius: 1vmax;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
} 
.photolinks{
font-family: "Poppins";
font-size: 2vmin;
text-decoration: none;
color: #444;
}
.photolinks:hover{
color: #4aceda;!important
}
.photolinks:active{
color: #af0001;!important
}
.gallery__column {
display: flex;
flex-direction: column;
width: 100%;
}
.gallery__thumb {
position: relative;
overflow: hidden;
}
.photoList{
display: block;
width: 100%;
transition: 0.3s;
cursor: pointer;
}
.imgDivGallery{
width: 98%;
margin: 1%;
}
.modal {
display: none;
position: fixed;
z-index: 1; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.6);
}
.modal-content {
background-color: #DFFDFF70;
margin: auto;
width: 40%; border-radius: 1.2vmax;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: -2px 11px 18px 0 rgba(0, 0, 0, 0.15);
}
.modal-header{
font-family: "Poppins";
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
.modal-body{
padding: 0.75vmax;
font-family: "Poppins";
height: 100%;
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modalTitle{
text-align: center;
font-weight: 500;
font-size: 1.75vmin;
margin: 0 0 0 3vmin;
}
.close {
font-family: "Poppins";
color: #7a7a7a;
float: right;
font-size: 3vmin;
border: none;
background-color: transparent;
padding: 0 1.2vmax;
}
.close:hover,
.close:focus {
color: #af0001;
text-decoration: none;
cursor: pointer;
outline: none;
background-color: transparent;
}
.modal-content-alert{
background-color: white;
margin: auto;
width: 85%;
height: auto;
border-radius: 1.2vmax;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: -2px 11px 18px 0 rgb(0 0 0 / 15%);
}
.dividerHorModal{
height: 2px;
width: 95%;
margin: 0 1vmax 0 1vmax;
background-color: rgba(0, 0, 0, 0.15);
}
.emptyDiv{
width: 100%;
height: 0.5vmax;
}
.formDiv{
width: 75%;
height: 80%;
display: flex;
justify-content: center;
align-items: center;
}
#gameplay{ display: none;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-evenly;
flex-direction: row;
position: fixed;
}
#start{
border-radius : 50px;
width : 20vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 2.5%;
border: none;
font-size: 1.8vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#gamestart{ position: fixed;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center; justify-content: center;
flex-direction: column;
}
#gameresult {
display: none;
flex-direction: row; background-color: transparent;
height: 100%;
width: 100%;
border-radius: 2vmax;
align-items: center;
justify-content: space-evenly;
font-size: 1.2vmax;
font-family: "Poppins";
font-weight: 400;
color: #252525;
text-align: center;
position: fixed;
}
.resultDiv{
width: 70%;
height: 80%;
background-color: #ffe9e7;
border-radius: 1.5vmax;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.resultsTab{
width: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.5vmax;
border: none;
}
.resultsTab td {
vertical-align: top;
padding: 0.5%;
border: none;
}
.resultsTab tr{
background-color: #ffe9e7; 
}
.leftItems {
text-align: right;
width: 48%;
}
.sep {
width: 5%;
padding: 5%;
text-align: center;
}
.resItems {
text-align: left;
}
#buttons {
display: flex;
flex-direction: row;
}
#start:focus {
outline: none;
background-color: #af0001;
color: white;
}
#start:hover {
background-color: #4aceda;
}
#rules {
text-align: center;
font-size: 1.2vmax;
font-weight: 400;
padding-top: 1.5vmax;
padding-bottom: 3vmax;
color: #444444;
padding-right: 20%;
padding-left: 20%;
}
#title {
font-size: 1.8vmax;
font-weight: 700;
}
.gameDiv{
width: 70%;
height: 80%;
text-align: center;
font-size: 1vmax;
font-weight: 600;
background-color: #fffcfe;
border-radius: 1.5vmax;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.timerDiv {
display: flex;
height: 10%;
width: 90%;
}
#timer {
width: 25%;
height: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.15vmax;
color: #656565;
text-align: right;
}
#todayTime {
width: 25%;
height: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.15vmax;
color: #656565;
text-align: left;
}
.qstnDiv{
display: flex;
width: 90%;
height: 18%;
text-align: center;
font-family: "Poppins";
font-weight: 700;
font-size: 3vmax;
color: #656565;
justify-content: center;
align-items: center;
}
.optDiv{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 40%;
width: 100%;
}
.ansOpts { 
display: flex;
border-radius: 3vmax;
width : 30vmax;
height: 6vmax;
justify-content: center;
font-family: "Poppins";
font-weight: 600;
margin: 0.25% 2% ;
border: none;
font-size: 2vmax;
color: #656565;
cursor: pointer;
background: #fad141;
box-shadow: -2px 11px 18px 0 rgba(0, 0, 0, 0.1); 
padding: 0 2vw;
}
.ansOpts:focus { 
outline: none;
}
#ansOpt1{
background-color: #e9fdff;
color: #656565;
}
#ansOpt2{
background-color: #ffef9f;
color: #656565;
}
#ansOpt3{
background-color: #ccfdd5;
color: #656565;
}
#ansOpt4{
background-color: #ffe9e7;
color: #656565;
}
#pname {
border-radius : 50px;
width : 20vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 1.8vmax;
color: #444444;
box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.2) inset;
background: #f2feff;
}
#pname::-webkit-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::-ms-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::placeholder {
color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname:focus{
outline: none;
}
.replay{
width: 15vmax;
height: 4vmax;
margin: 2vmax 0;
border-radius: 2vmax;
font-size: 1.2vmax;
font-family: "Poppins";
font-weight: 400;
color: white;
background-color: #68dadf;
border: none;
cursor: pointer;
box-shadow: -2px 11px 18px 0 rgba(0, 0, 0, 0.15); 
}
.replay:focus{
outline: none;
}
.replay:hover{
background-color: #af0001;
}
.mqlogoResult img{
max-width: 32%;
margin: 0 0 2% 0;
}
#pageTitle{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#pageHeading, #pageHeadingM{
font-size: 1.15vmax;
font-family: "Poppins";
font-weight: 600;
color: #252525;
margin: 0;
}
#pageSubHeading, #pageSubHeadingM{
font-size: 1.15vmax;
font-family: "Poppins";
font-weight: 400;
color: #555;
margin: 0;
}
.common-btns{
display: flex;
flex-direction: column;
}
#pageTitleM{
display: none;
}
#range{
font-family: "Poppins";
text-align: center;
font-size: 1.2vmax;
font-weight: 400;
padding-top: 1.5vmax;
padding-bottom: 3vmax;
color: #444444;
padding-right: 20%;
padding-left: 20%;
}
#range p{
font-weight: 600;
margin: 1vmax 0;
}
#no1, #no2 {
border-radius : 30px;
width : 8.5vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 1.8vmax;
color: #444444;
margin: 0 1vmax;
box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.2) inset;
background: #f2feff;
}
#no1::-webkit-outer-spin-button,
#no1::-webkit-inner-spin-button,
#no2::-webkit-outer-spin-button,
#no2::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
#no1::-webkit-input-placeholder, #no2::-webkit-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#no1::-ms-input-placeholder, #no2::-ms-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#no1::placeholder, #no2::placeholder {
color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#no1:focus, #no2:focus{
outline: none;
}
#gameplay{
display: none;
width: 100vw;
height: 100vh;
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01.png);
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
align-items: center;
justify-content: center;
flex-direction: row;
align-content: center;
position: fixed;
top: 0;
left: 0; }
#sTable{ width: 100%;
border: solid 2px #555555;
background-color: white;
border-spacing: 0;
}
#sTable td { position: relative;
}
#sTable td:after {
content: "";
display: block;
margin-top: 100%;
}
.boxes {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: flex;
flex-direction: column;
font-family: "Poppins";
font-size: 2vmax;
text-align: center;
justify-content: center;
border: solid 1px #999999;
background-color: rgba(223,253,255,0.4);
vertical-align: middle;
caret-color: transparent;
}
.boxes:focus{
outline: 1px solid;
}
#n2, #n14, #n6, #n10 {
border-right: solid 2.5px #555555;
}
#n3, #n15, #n7, #n11 {
border-left: solid 2.5px #555555;
}
#n6, #n5, #n7, #n8{
border-bottom: solid 2.5px #555555;
}
#n9, #n10, #n11, #n12 {
border-top: solid 2.5px #555555;
}
#start{
border-radius : 50px;
width : 25vmax;
height: 5vmax;
line-height: 2.5vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 2.5%;
border: none;
font-size: 2vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#submit, #newGame, #reset{
border-radius : 50px;
width : 14vmax;
height: 4vmax;
line-height: 2vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 1.5vmax;
border: none;
font-size: 1.5vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#gamestart{ position: fixed;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-position: center; background-repeat: no-repeat; background-size: cover;
justify-content: center;
flex-direction: column;
}
#timing{
display: flex;
flex-direction: row;
width: 100%;
}
#selNos{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 1vmax 0 0 0;
}
.nos{
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
cursor: pointer;
}
#timer{
width: 50%;
font-family: "Poppins";
text-align: right;
font-weight: 400;
font-size: 1.5vmax;
color: #252525;
text-align: right;
padding: 0;
margin: 0;
}
#stopwatch{
display: flex;
flex-direction: column;
}
#todayTime{
width: 50%;
text-align: left;
padding: 0;
font-family: "Poppins";
font-weight: 400;
font-size: 1.5vmax;
color: #252525;
text-align: left;
}
#pname {
border-radius : 50px;
width : 25vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 2vmax;
color: #444444;
box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.2) inset;
background: #f2feff;
}
#pname::-webkit-input-placeholder { color: #8a8a8a;
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::-ms-input-placeholder { color: #8a8a8a;
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::placeholder {
color: #8a8a8a;
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
}
#name {
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 2vmax;
color: #444444;
}
#start:focus, #submit:focus, #newGame:focus, #reset:focus {
outline: none;
background-color: #af0001;
color: white;
}
#pname:focus {
outline: none;
background-color: #e0fdff;
color: #444444;
}
#start:hover, #submit:hover, #newGame:hover, #reset:hover {
background-color: #4aceda;
}
#rules{
text-align: center;
font-size: 1.2vmax;
font-weight: 400;
padding: 1.5vmax 20% 3vmax 20%;
color: #444444;
}
#title {
font-size: 1.8vmax;
font-weight: 700;
}
#resultsTab {
width: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.5vmax;
border: none;
}
#resultsTab td {
vertical-align: top;
padding: 0.75%;
border: none;
}
#leftItems {
text-align: right;
width: 48%;
}
#sep {
width: 5%;
padding: 5%;
text-align: center;
}
#rightItems {
text-align: left;
}
#resultsDiv {
width: 70%;
text-align: center;
font-size: 1.2vmax;
font-weight: 600;
}
.replay {
display: block;
border-radius : 50px;
width : 15vmax;
height: 3vmax;
line-height: 1.5vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 2%;
border: none;
font-size: 1.2vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
.replay:focus {
outline: none;
background-color: #4aceda;
}
.replay:hover{
background-color: #4aceda;
}
#results {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
justify-content: center;
flex-direction: column;
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-position: center; background-repeat: no-repeat; background-size: cover;
}
#buttons {
display: flex;
justify-content: center;
align-items: center;
height: 10vmax;
width: 50vmax;
}
#board{
width: 30vw;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 5vw;
}
#branding{
width: 28vw;
height: 100vh;
float: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#branding img{
max-width: 100%;
}
#warning{
font-size: 1.2vmax;
font-weight: 400;
font-family: "Poppins";
text-align: center;
}
#optButtons{
width: 28vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#btnGrp{
display: flex;
flex-direction: column;
}
#ResTitle{
font-size: 2vmax;
padding: 0.25% 0;
font-weight: 600;
}
.boxes6{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: flex;
flex-direction: column;
font-family: "Poppins";
font-size: 2vmax;
text-align: center;
justify-content: center;
border: solid 1px #999999;
background-color: rgba(223,253,255,0.4);
vertical-align: middle;
caret-color: transparent;
}
.boxes6:focus{
outline: 1px solid;
}
#n026, #n086, #n0146, #n0206, #n0266, #n0326{
border-right: solid 2px #555555;
}
#n036, #n096, #n0156, #n0216, #n0276, #n0336{
border-left: solid 2px #555555;
}
#n066, #n076, #n086, #n096, #n0106, #n0116, #n0186, #n0196, #n0206, #n0216, #n0226, #n0236{
border-bottom: solid 2px #555555;
}
#n0126, #n0136, #n0146, #n0156, #n0166, #n0176, #n0246, #n0256, #n0266, #n0276, #n0286, #n0296{
border-top: solid 2px #555555;
}
.boxes9{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: flex;
flex-direction: column;
font-family: "Poppins";
font-size: 1.75vmax;
text-align: center;
justify-content: center;
border: solid 1px #999999;
background-color: rgba(223,253,255,0.4);
vertical-align: middle;
caret-color: transparent;
}
.boxes9:focus{
outline: 1px solid;
}
#n029, #n0119, #n0209, #n0299, #n0389, #n0479, #n0569, #n0659, #n0749, 
#n059, #n0149, #n0239, #n0329, #n0419, #n0509, #n0599, #n0689, #n0779{
border-right: solid 2px #555555;
}
#n039, #n0129, #n0219, #n0309, #n0399, #n0489, #n0579, #n0669, #n0759,
#n069, #n0159, #n0249, #n0339, #n0429, #n0519, #n0609, #n0699, #n0789{
border-left: solid 2px #555555;
}
#n0189, #n0199, #n0209, #n0219, #n0229, #n0239, #n0249, #n0259, #n0269,
#n0459, #n0469, #n0479, #n0489, #n0499, #n0509, #n0519, #n0529, #n0539{
border-bottom: solid 2px #555555;
}
#n0279, #n0289, #n0299, #n0309, #n0319, #n0329, #n0339, #n0349, #n0359,
#n0549, #n0559, #n0569, #n0579, #n0589, #n0599, #n0609, #n0619, #n0629{
border-top: solid 2px #555555;
}
@media screen and (max-width: 1024px) and (min-width: 601px){
.header-wrapper{
padding: 2% 3.5% 1% 1%;
} 
.logo{
max-width: 32vmin;
}
.menu-icon{
transform: scale(1.0);
}
.social-icons li {
margin: 0.85vmax;
}
#homeDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}	
#aboutDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whoDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-who-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-why-bg-02-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#storyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#coursesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#regDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#specialDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#contactDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#formDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesListDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#eventDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#galleryDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#photosDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#abt-left-hand, #abt-right-hand, #abt-center-hand, #courses-left-hand, #courses-right-hand, #courses-left-bottom-hand, #courses-right-bottom-hand, 
#gallery-left-hand, #gallery-right-hand, #contact-left-hand, #contact-right-hand, #games-right-hand, #games-left-hand{
display: none;
}
.imgDiv, .imgDivSingle{
display: none;
}
.imgDivMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: space-between;
}
.imgDivSingleMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: center;
}
#abt-left-hand-t, #abt-right-hand-t, #abt-center-hand-t, #courses-left-hand-t, #courses-right-hand-t, #courses-left-bottom-hand-t, #courses-right-bottom-hand-t, 
#gallery-left-hand-t, #gallery-right-hand-t, #contact-left-hand-t, #contact-right-hand-t, #games-right-hand-t, #games-left-hand-t{
position: absolute;
display: block;
}
#abt-left-hand-t img, #abt-right-hand-t img, #abt-center-hand-t img, #courses-left-hand-t img, #courses-right-hand-t img, #courses-left-bottom-hand-t img, #courses-right-bottom-hand-t img, 
#gallery-left-hand-t img, #gallery-right-hand-t img, #contact-left-hand-t img, #contact-right-hand-t img, #games-right-hand-t img, #games-left-hand-t img{
max-width: 100%;
}
#abt-left-hand-t{
max-width: 30%;
left: 5vw;
bottom: 3vh;
}
#abt-right-hand-t{
max-width: 30%;
right: 5vw;
bottom: 3vh;
}
#abt-center-hand-t{
max-width: 45%;
top: 3vh;
}
#courses-left-hand-t{
left: 7vw;
max-width: 22%;
bottom: 2vh;
}
#courses-right-hand-t{
right: 7vw;
max-width: 20%;
bottom: 3vh;
}
#courses-left-bottom-hand-t{
left: 13vw;
max-width: 22%;
top: 4.5vh;
}
#courses-right-bottom-hand-t{
right: 13vw;
max-width: 22%;
top: 5.5vh;
}
#gallery-left-hand-t{
max-width: 18%;
top: -2vh;
left: 10vw;
} 
#gallery-right-hand-t{
max-width: 26%;
bottom: 20vh;
right: 12vw;
}
#contact-left-hand-t{
max-width: 28%;
left: -2vw;
top: 5vh;
}
#contact-right-hand-t{
max-width: 28%;
right: -2vw;
top: 5vh;
}
#games-left-hand-t{
max-width: 20%;
left: 2vw;
top: -2vh;
}
#games-right-hand-t{
max-width: 20%;
right: 1vw;
top: -2vh;
}
.mqSubtextDiv{
font-size: 2vmin;
width: 80%;
text-align: center;
line-height: 1.5;
}
.lblGameName{
font-size: 1.7vmin;
}
.subPageleftDiv{
width: 80%;
}
.subPageRightDiv{
width: 20%;
display: flex;
align-items: center;
}
.navDots{
font-size: 3vmin;
line-height: 2.25vmax;
}
.navDots:hover .tooltiptext {
font-size: 1.5vmin;
padding: 0.5vmin 0.9vmin;
right: 2.5vmax;
white-space: nowrap;
}
.coursesDiv{
flex-direction: column;
}
.imgDivMain{
width: 80%;
}
.imageDiv{
flex-flow: nowrap;
justify-content: space-evenly;
padding: 1.5vmin 0;
}
.imageDiv img{
max-width: 17%;
margin: 0;
}
.contentDiv{
width: 75%;
}
.subPageContent{
width: 100%;
font-size: 1.5vmin;
line-height: 1.5;
}
}
@media screen and (max-width: 600px){
.header-wrapper{
padding: 3.5% 3.5% 1% 1%;
} 
.logo{
max-width: 42vmin;
}
.menu-icon {
height: 4vmin;
width: 4vmin;
transform: scale(0.8);
}
.menu-icon__line {
height: 2px;
width: 4vmin;
margin-bottom: 1vmin;
}
.menu-icon__line-left {
width: 2.2vmin;
}
.menu-icon__line-right {
width: 2.2vmin;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
width: 2.2vmin;
}
body.nav-active .menu-icon__line-left {
width: 1.8vmin;
-webkit-transform: translate(0.4vmin, 0.55vmin) rotate(45deg);
transform: translate(0.4vmin, 0.55vmin) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
width: 1.8vmin;
float: right;
-webkit-transform: translate(-0.4vmin, -0.65vmin) rotate(45deg);
transform: translate(-0.4vmin, -0.65vmin) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
width: 1.8vmin;
}
.footerDiv{
bottom: 0;
padding: 1.2vmax 0 1.2vmax 0;
justify-content: center;
}
#homeDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}	
#aboutDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whoDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-who-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-why-bg-02-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#storyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#coursesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#regDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#specialDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#contactDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#formDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesListDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#eventDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#galleryDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#photosDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.mqtextDiv{
font-size: 6.5vmin;
margin: -0.15% 15%;
}
.boxesGrpDiv, .horbox, .boxImgMob{
display: none;
}
.boxesGrpDivMob{
display: flex;
width: 100%;
justify-content: center;
}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
.horBoxMob {
width: 80%;
background-color: white;
border-radius: 0.8vmax;
display: flex;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 25px 80px rgba(0, 0, 0, 0.12);
padding: 2.5% 2.5%;
}
.mobBox{
width: 100%;
display: flex;
flex-direction: row;
}
.boxImgMob{
display: flex;
width: 20%;
margin-right: 1.5vmax;
}
.boxImgMob img{
max-width: 100%;
height: auto;
}
.boxTextDiv{
width: 80%;
}
.headlineText{
width: 80%;
margin-bottom: 0.5vmax;
}
.actnBtnsDiv{
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
margin: 1% 0 2% 0;
}
.actnBtn{
border-radius: 20vmin;
padding: 3vmin 6.5vmin;
margin: 2vmin 0.75vmax;
font-size: 3.5vmin;
line-height: 1.25;
}
.actnBtnsHomeDiv{
margin-bottom: 10vmin;
}
.actnBtnHome{
border-radius: 20vmin;
padding: 2vmin 6.5vmin;
margin: 2vmin 0.75vmax;
font-size: 3.5vmin;
line-height: 1.25;
}
.dotsMob{
display: flex;
text-align: center;
margin: 1vmax 0;
}
.dot {
height: 0.5vmax;
width: 0.5vmax;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.activeDot {
background-color: #7a7a7a;
}
.mqPageTitle{
font-size: 8.5vmin;
}
.mqSubtextDiv{
font-size: 3.5vmin;
width: 80%;
text-align: center;
line-height: 1.7;
}
.mqtextDivPages{
margin: 3% 3%;
}
.navDots{
font-size: 5vmin;
line-height: 2.25vmax;
}
.taglineDiv{
width: 80%;
height: 90%;
display: flex;
flex-direction: column;
justify-content: center;
}
.subPageDiv{
width: 75%;
height: 85%;
}
.subPageTitle{
font-size: 5vmin;
text-align: center;
}
.subPageContent{
font-size: 2vmin;
line-height: 1.5;
text-align: center;
margin: 2% 0;
}
.subPageleftDiv{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.subPageRightDiv{
display: none;
}
#whyUsBoxesTab{
display: none;
}
.whyUsDivMob{
display: flex;
height: 75%;
flex-direction: column;
overflow-y: scroll;
}
.whyUsDivMob::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.whyUsDivMob::-webkit-scrollbar{
width: 0.30em;
}
.whyUsDivMob::-webkit-scrollbar-thumb{
border-radius: 1vmax;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
} 
.whyTitle{
font-size: 3.05vmin;
font-family: "Poppins";
font-weight: 600;
color: #444;
text-transform: uppercase;
text-align: center;
}
.whySubtitle{
font-size: 3vmin;
font-family: "Poppins";
font-weight: 500;
color: #7a7a7a;
text-align: center;
}
.subPageActnBtnsDiv{
display: flex;
justify-content: center;
width: 100%;
margin: 1.5vmax 0;
}
.subPageBtn{
border-radius: 2vmax;
padding: 1vmax 2.5vmax;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 1vmax 0 0;
font-family: "Poppins";
font-size: 2vmin;
line-height: 1.25vmax;
cursor: pointer;
}
.cardImgMob{
width: 10vmin;
height: 10vmin;
padding: 2.5vmin;
margin-bottom: 0.5vmax;
display: flex;
justify-content: center;
border-radius: 20vmax;
background-color: #4aceda;
}
.cardImgMob img{
max-width: 100%;
filter: invert(1);
}
.whyUsBoxMob{
margin: 5% 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#abt-left-hand, #abt-right-hand, #abt-center-hand, #courses-left-hand, #courses-right-hand, #courses-left-bottom-hand, #courses-right-bottom-hand, 
#gallery-left-hand, #gallery-right-hand, #contact-left-hand, #contact-right-hand, #games-right-hand, #games-left-hand{
display: none;
}
.imgDiv, .imgDivSingle{
display: none;
}
.imgDivMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: space-between;
}
.imgDivSingleMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: center;
}
#abt-left-hand-t, #abt-right-hand-t, #abt-center-hand-t, #courses-left-hand-t, #courses-right-hand-t, #courses-left-bottom-hand-t, #courses-right-bottom-hand-t, 
#gallery-left-hand-t, #gallery-right-hand-t, #contact-left-hand-t, #contact-right-hand-t, #games-right-hand-t, #games-left-hand-t{
display: block;
position: absolute;
}
#abt-left-hand-t img, #abt-right-hand-t img, #abt-center-hand-t img, #courses-left-hand-t img, #courses-right-hand-t img, #courses-left-bottom-hand-t img, #courses-right-bottom-hand-t img, 
#gallery-left-hand-t img, #gallery-right-hand-t img, #contact-left-hand-t img, #contact-right-hand-t img, #games-right-hand-t img, #games-left-hand-t img{
max-width: 100%;
}
#abt-left-hand-t{
max-width: 30%;
left: 5vw;
bottom: 3vh;
}
#abt-right-hand-t{
max-width: 30%;
right: 5vw;
bottom: 3vh;
}
#abt-center-hand-t{
max-width: 45%;
top: 3vh;
}
#contact-left-hand-t{
max-width: 35%;
left: -2vw;
bottom: 5vh;
}
#contact-right-hand-t{
max-width: 35%;
right: -2vw;
bottom: 5vh;
}
#courses-left-hand-t{
left: 7vw;
max-width: 27%;
bottom: 2vh;
}
#courses-right-hand-t{
right: 7vw;
max-width: 25%;
bottom: 3vh;
}
#courses-left-bottom-hand-t{
left: 11vw;
max-width: 27%;
top: 4.5vh;
}
#courses-right-bottom-hand-t{
right: 11vw;
max-width: 27%;
top: 5.5vh;
}
#gallery-left-hand-t{
max-width: 22%;
top: -30vh;
left: 10vw;
} 
#gallery-right-hand-t{
max-width: 30%;
bottom: 60vh;
right: 12vw;
}
#games-left-hand-t{
max-width: 24%;
left: 2vw;
top: -30vh;
}
#games-right-hand-t{
max-width: 24%;
right: 1vw;
bottom: 60vh;
}
.subPageleftDiv{
margin-right: 0;
}
.subPageContentLeft{
font-size: 3vmin;
text-align: center;
}
.coursesDiv{
flex-direction: column;
}
.imgDivMain{
width: 80%;
}
.imageDiv{
flex-flow: nowrap;
justify-content: space-evenly;
padding: 1.5vmin 0;
}
.imageDiv img{
max-width: 17%;
margin: 0;
}
.contentDiv{
width: 75%;
}
.subPageBoxLeft{
}
.subPageContent{
width: 100%;
font-size: 3vmin;
line-height: 1.5;
text-align: center;
}
#gameLinks{
display: none;
}
#gameLinksMob{
display: table;
width: 70%;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
border: 0;
}
#gameLinksMob td{
width: auto;
text-align: center;
padding: 1%;
}
.allPhotosDiv{
display: flex;
width: 75%;
height: 75%;
overflow-y: scroll;
transition: 0.3s;
}
.photolinks{
font-size: 3vmin;
}
.creditDiv{
width: 100%;
display: flex;
justify-content: center;
transform: rotateZ(0);
font-size: 2vmin;
position: absolute;
bottom:5vh;
left: 0;
}
#start {
margin: 5%;
height: 6vmax;
font-size: 2.25vmax;
}
#rules{
padding-left: 12%;
padding-right: 12%;
}
#gameplay{
flex-direction: column;
justify-content: center;
}
.optDiv{
height: 30%;
}
.ansOpts{
width: 42%;
height: 6vmax;
margin: 0 2% ;
}
#gameresult{
flex-direction: column;
justify-content: center;
}
.common-btns{
flex-direction: row;
margin: 3% 0;
}
.replay{
margin: 0 3%;
}
#buttons{
flex-direction: row;
}
.gameDiv{
width: 80%;
height: 65%;
}
.resultDiv{
width: 80%;
height: 65%;
}
#pageTitle{
display: none;
}
#pageTitleM{
display: flex;
flex-direction: column;
}
#todayTime{
width: 50%;
}
#timer{
width: 50%;
}
#timerDiv{
height: auto;
}
#title{
font-size: 2.5vmax;
}
#gameplay{
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-position: center; 
background-repeat: no-repeat; 
background-size: cover;
flex-direction: column;
}
#board{
width: 80vw;
height: 60vh;
margin: 1.5vh 0;
}
#branding{
width: 100vw;
height: 15vh;
}
#optButtons{
width: 100vw;
height: 15vh;
align-items: center;
}
#btnGrp{
flex-direction: row;
}
}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-start:0;margin-block-end:.9rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.alignwide{margin-left:-80px;margin-right:-80px}.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-left:auto;margin-right:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{position:relative;display:block}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form p{width:100%;display:flex;align-items:flex-end}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{width:100%;max-height:500px;-o-object-fit:cover;object-fit:cover}@media (max-width:991px){.post .wp-post-image{max-height:400px}}@media (max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{margin:0;padding:0;list-style:none;font-size:.9em}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{display:flex;flex-direction:column;padding-block-start:30px;padding-block-end:30px;padding-inline-start:60px;padding-inline-end:0;border-block-end:1px solid #ccc}#comments .comment .avatar,#comments .pingback .avatar{position:absolute;left:0;border-radius:50%;margin-inline-end:10px}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{position:relative;list-style:none;margin:0;padding-inline-start:30px}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{display:inline-block;font-size:1em;font-weight:400;line-height:100%;content:"↪";position:absolute;top:45px;left:0;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media (min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media (max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{position:inherit;float:left}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-start:auto;margin-inline-end:auto;width:100%}@media (max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-start:10px;padding-inline-end:10px}}@media (min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media (min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-start:1rem;padding-block-end:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-start:1rem;padding-block-end:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media (max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;text-align:center;width:100%;max-width:none}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{display:flex;align-items:center;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;cursor:pointer;border:0 solid;border-radius:3px;background-color:rgba(0,0,0,.05);color:#494c4f}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{content:"";background-color:currentColor;display:block;height:3px;transition:all .2s ease-in-out;border-radius:3px}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{display:flex;align-items:center}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{position:relative;display:flex}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{display:flex;content:"▾";font-size:1.5em;justify-content:center;align-items:center;color:#666;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;min-width:150px;position:absolute;z-index:2;left:0;top:100%}.site-navigation ul.menu li ul li{border-block-end:#eee 1px solid}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{top:auto;bottom:100%}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{margin-block-start:10px;transition:max-height .3s,transform .3s;transform-origin:top;position:absolute;bottom:0;left:0;z-index:10000;width:100%}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{transform:scaleY(0);max-height:0}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{transform:scaleY(1);max-height:100vh}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{position:absolute;width:100%;padding:0;margin:0;background:#fff}.site-navigation-dropdown ul.menu li{display:block;width:100%;position:relative}.site-navigation-dropdown ul.menu li a{display:block;padding:20px;background:#fff;color:#55595c;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1019607843)}.site-navigation-dropdown ul.menu li.current-menu-item a{color:#fff;background:#55595c}.site-navigation-dropdown ul.menu>li li{transition:max-height .3s,transform .3s;transform-origin:top;transform:scaleY(0);max-height:0}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{transform:scaleY(1);max-height:100vh}@media (max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (min-width:576px) and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}*{
margin: 0px;
padding: 0px;
}
html, body{
height: 100vh !important;
width: 100vw !important;
overflow: hidden;
scroll-behavior: smooth;
margin: 0px;
padding: 0px;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
background-color: #4aceda;
}
.cd-header{
position: fixed;
display: flex;
width:100%;
top:0;
left:0;
z-index:999;
} 
.header-wrapper{
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 1% 1.5% 1% 1%;
} 
.logo-wrap {
display:flex; left:0;
cursor: pointer;
}
.nav-but-wrap{ 
display: flex; justify-content: right;
align-items: center;
transition : all 0.3s ease-out;
}
.logo-wrap a {
cursor: pointer;
font-family: 'Poppins';
font-weight: 900;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
transition : all 0.3s ease-out;
}
.logo-wrap a span{ 
color: #8167a9;
}
.logo-wrap a:hover {
opacity: 0.9;
}
.logo{
max-width: 25vmin;
height: auto;
}
.menu-icon {
height: 4vmin;
width: 4vmin;
z-index: 2;
cursor: pointer;
display: block;
transform: scale(0.8);
}
.menu-icon__line {
height: 2px;
width: 4vmin;
display: block;
background-color: #444;
margin-bottom: 1vmin;
cursor: pointer;
-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
transition: background-color .5s ease, -webkit-transform .2s ease;
transition: transform .2s ease, background-color .5s ease;
transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
width: 2.2vmin;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.menu-icon__line-right {
width: 2.2vmin;
float: right;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
width: 2.2vmin;
}
.nav {
position: fixed;
z-index: 998;
}
.nav:before, .nav:after {
content: "";
top: 0;
left: 0;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(250, 209, 65, 0.6);
border-bottom-left-radius: 200%;
z-index: 998;
-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
-webkit-transform: translateX(100%) translateY(-100%);
transform: translateX(100%) translateY(-100%);
}
.nav:after {
background: rgba(74, 206, 218, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav:before {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.nav__content {
position: fixed;
visibility: hidden;
top: 50%; -webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 100%;
text-align: center;
z-index: 999;
}
.nav__list {
position: relative;
padding: 0;
margin: 0; }
.nav__list-item {
position: relative;
display: block;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
opacity: 0;
text-align: center;
color: #fff;
overflow: hidden; 
font-family: 'Poppins';
font-size: 5.65vmin;
font-weight: 900;
line-height: 1.2;
letter-spacing: 3px;
-webkit-transform: translate(100px, 0%);
transform: translate(100px, 0%);
-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, transform .3s ease;
transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
margin-top: 0;
margin-bottom: 0;
}
.nav__list-item a{ 
position: relative;
text-decoration: none;
color: rgba(0,0,0,0.2);
overflow: hidden; 
cursor: pointer; z-index: 999;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; 
}
.nav__list-item a:after{ 
position: absolute;
content: '';
top: 50%;
margin-top: -2px;
left: 50%;
width: 0;
height: 0;
opacity: 0;
background-color: #c22e2e;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; 
}
.nav__list-item a:hover:after{ 
height: 4px;
opacity: 1;
left: 0;
width: 100%;
}
.nav__list-item a:hover{
color: rgba(0,0,0,1);
}
.nav__list-item.active-nav a{
color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a:after{ 
height: 4px;
opacity: 1;
left: 0;
width: 100%;
}
body.nav-active .nav__content {
visibility: visible;
}
body.nav-active .menu-icon__line {
background-color: #fff;
-webkit-transform: translate(0px, 0px) rotate(-45deg);
transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
width: 1.8vmin;
-webkit-transform: translate(0.3vmin, 0.5vmin) rotate(45deg);
transform: translate(0.3vmin, 0.5vmin) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
width: 1.8vmin;
float: right;
-webkit-transform: translate(-0.3vmin, -0.45vmin) rotate(45deg);
transform: translate(-0.3vmin, -0.45vmin) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
width: 1.8vmin;
}
body.nav-active .nav {
visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
-webkit-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
border-radius: 0;
}
body.nav-active .nav:after {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
body.nav-active .nav:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.nav-active .nav__list-item {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(1) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(2) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(3) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(4) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(5) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(6) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(7) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-child(8) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-child(9) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
body.nav-active .nav__list-item:nth-child(10) {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.footerDiv{
width: 100%;
bottom: 0;
position: fixed;
display: flex;
flex-direction: row;
padding: 0.5vmax 0 0.5vmax 1.25vmax;
}
.footerItems{
display: flex;
flex-direction: row;
}
.social-icons {
list-style: none;
}
.social-icon {
color: #444;
}
.social-icons li {
display: inline;
margin: 0.2vmax;
}
.social-icons a {
color: #444;
text-decoration: none;
}
.fa-facebook-f, .fa-instagram, .fa-whatsapp {
padding: 0.65vmax;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
}
.fa-facebook-f:hover, .fa-instagram:hover, .fa-whatsapp:hover {
background-color: #af0001;
color: white;
border-radius: 100px;
}
.mainSec{
display: flex;
width: 100vw;
height: 100vh;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.coursesDiv{
display: flex;
width: 100%;
height: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
}
#homeDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#aboutDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whoDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-who-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#storyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/contact-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#coursesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#regDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bb-hc-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#specialDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-ls-rs-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#contactDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/contact-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#formDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesListDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bb-hc-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#eventDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#galleryDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#photosDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/courses-ls-rs-bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.taglineDiv{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.mqtextDiv{
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: -0.5% 0;
font-family: "Poppins";
font-size: 5vmax;
font-weight: bolder;
color: #252525;
}
.mqtextDivPages{
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: 0.15% 0;
font-family: "Poppins";
font-size: 5vmax;
font-weight: bolder;
color: #252525;
}
.mqPageTitle{
font-family: "Poppins";
font-size: 5vmax;
font-weight: 800;
color: #252525;
text-shadow: 0 10px 19px rgba(0, 0, 0, 0.2);
}
.actnBtnsDiv, .actnBtnsHomeDiv{
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: 1% 0 2% 0;
}
.actnBtn, .actnBtnHome{
border-radius: 2vmax;
padding: 1.5vmin 3.5vmin;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 0.75vmax;
font-family: "Poppins";
font-size: 1vmax;
line-height: 1.25vmax;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
cursor: pointer;
z-index: 99;
}
.actnBtn a, .actnBtnHome a{
text-decoration: none;
color: white;
padding: 0.5vmax 0;
}
.blink {
color: #bdbdbd;
font-weight: 300;
animation: blink 0.75s infinite;
}
.flash{
color: #4aceda;
}
.headlineText{
width: 60%;
font-family: "Poppins";
font-size: 0.9vmax;
color: #252525;
font-weight: 600;
}
.boxesGrpDiv{
display: flex;
flex-direction: row;
width: 60%;
margin: 1%;
justify-content: space-between;
}
.horBox {
width: calc(100%/3);
margin: 0 1vmin;
background-color: white;
border-radius: 0.8vmax;
display: flex;
flex-direction: row;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 25px 80px rgba(0, 0, 0, 0.12);
padding: 1.5% 2.2%;
cursor: pointer;
}
.boxesGrpDivMob, .horBoxMob, .boxImgMob, .dotsMob, .whyUsDivMob{
display: none;
}
.boxImg{
width: 50%;
margin-right: 1vmax;
}
.boxImg img{
max-width: 100%;
height: auto;
}
.boxTextDiv{
display: flex;
flex-direction: column;
}
.boxHeadline{
font-family: "Poppins";
font-size: 0.85vmax;
font-weight: 500;
color: #444444;
}
.boxText{
font-family: "Poppins";
font-size: 0.75vmax;
font-weight: 400;
color: #7a7a7a;
}
@keyframes blink{
to { opacity: .0; }
}
.creditDiv{
font-family: "Poppins";
font-size: 0.6vmax;
position: absolute;
left: -3vw;
transform: rotateZ(-90deg);
}
.creditDiv a{
text-decoration: none;
color: #af0001;
}
.mqSubtextDiv{
width: 60%;
text-align: center;
font-family: "Poppins";
font-size: 2vmin;
color: #7a7a7a;
line-height: 1.5;
}
.imgDiv{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: space-between;
}
.imgDivSingle{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: center;
}
#abt-left-hand, #abt-right-hand, #abt-center-hand, #courses-left-hand, #courses-right-hand, #courses-left-bottom-hand, #courses-right-bottom-hand, 
#gallery-left-hand, #gallery-right-hand, #contact-left-hand, #contact-right-hand, #games-right-hand, #games-left-hand{
position: absolute;
transform-origin: center center;
image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast;   image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }
.imgDivMob, .imgDivSingleMob{
display: none;
}
#abt-left-hand-t, #abt-right-hand-t, #abt-center-hand-t, #courses-left-hand-t, #courses-right-hand-t, #courses-left-bottom-hand-t, #courses-right-bottom-hand-t, 
#gallery-left-hand-t, #gallery-right-hand-t, #contact-left-hand-t, #contact-right-hand-t, #games-right-hand-t, #games-left-hand-t{
display: none;
}
#abt-left-hand img, #abt-right-hand img, #abt-center-hand img, #courses-left-hand img, #courses-right-hand img, #courses-left-bottom-hand img, #courses-right-bottom-hand img, 
#gallery-left-hand img, #gallery-right-hand img, #contact-left-hand img, #contact-right-hand img, #games-right-hand img, #games-left-hand img{
max-width: 100%;
}
#abt-left-hand{
max-width: 25%;
left: -2vw;
top: -25vh;
}
#abt-right-hand{
max-width: 25%;
right: -1vw;
top: -25vh;
}
#abt-center-hand{
max-width: 33%;
top: 1.5vh;
}
#courses-left-hand{
max-width: 17%;
left: 0;
}
#courses-right-hand{
max-width: 15%;
right: 0;
}
#courses-left-bottom-hand{
max-width: 16%;
left: 22vw;
top: -2vh;
}
#courses-right-bottom-hand{
max-width: 16%;
right: 22vw;
top: -2vh;
}
#gallery-left-hand{
max-width: 18%;
top: -12vh;
left: 15vw;
} 
#gallery-right-hand{
max-width: 26%;
bottom: 25vh;
right: 12vw;
}
#contact-left-hand{
max-width: 22%;
bottom: -20vh;
left: -2vw;
}
#contact-right-hand{
max-width: 22%;
bottom: -20vh;
right: -2vw;
}
#games-left-hand{
max-width: 20%;
left: 2vw;
top: -15vh;
}
#games-right-hand{
max-width: 20%;
right: 1vw;
top: -15vh;
}
.upcomingText{
font-family: "poppins";
font-size: 1.5vmin;
font-weight: 500;
color: #4aceda;
letter-spacing: 3px;
text-transform: uppercase;
}
.eventTitle{
font-family: "Poppins";
font-size: 5vmin;
font-weight: 700;
color: #444444;
text-align: center;
}
.eventSubtextDiv{
font-family: "Poppins";
font-size: 1.5vmin;
font-weight: 500;
color: #7a7a7a;
}
.eventTimer{
display: flex;
width: 100%;
flex-direction: row;
margin: 4vmin 0;
justify-content: center;
font-size: 2vmin;
font-family: "Poppins";
color: #444;
font-weight: 500;
}
.timeBox{
display: flex;
flex-direction: column;
width: 15vmin;
height: 13vmin;
background-color: white;
border-radius: 0.75vmax;
border: #4aceda 3px solid;
margin: 0 1vmin;
justify-content: center;
align-items: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.timerNo{
font-family: "Poppins";
font-size: 5vmin;
font-weight: 700;
color: #444;
line-height: 1.2;
}
.timerText{
font-family: "Poppins";
font-size: 2vmin;
font-weight: 500;
color: #4aceda;
}
.navDiv{
width: 6.5vmin;
position: fixed;
right: 0;
display: flex;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
}
.navDots{
font-family: "Poppins";
font-size: 3vmin;
font-weight: 800;
color: #444;
cursor: pointer;
line-height: 1.25vmax;
text-align: center;
flex-direction: row;
display: flex;
justify-content: center;
align-items: center;
}
.navDotsa{
text-decoration: none;
color: #444;
}
.navDots .tooltiptext {
visibility: hidden;
position: absolute;
z-index: 1;
}
.navDots:hover .tooltiptext {
visibility: visible;
background-color: #4aceda;
color: #fff;
font-family: "Poppins";
font-size: 1.5vmin;
font-weight: 400;
text-align: center;
padding: 0.5vmin 0.9vmin;
right: 2.5vmax;
white-space: nowrap;
}
.subPageDiv{
display: flex;
flex-direction: row;
width: 70%;
height: 100%;
justify-content: center;
}
.subPageleftDiv{
width: 72%;
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 1.5vmin;
}
.subPageRightDiv{
width: 28%;
display: flex;
align-items: center;
}
.subPageRightDiv img{
max-width: 100%;
}
.subPageTitle{
font-family: "Poppins";
font-size: 3.5vmin;
font-weight: 700;
color: #444;
line-height: 2;
text-align: left;
}
.subPageContent{
width: 80%;
text-align: center;
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 400;
color: #7a7a7a;
line-height: 1.65;
}
.subPageContentLeft{
width: 100%;
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 400;
color: #7a7a7a;
line-height: 1.65;
}
.subPageContentLeft p{
padding: 1vmin 0;
}
.subPageBoxLeft{
width: 88%;
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 400;
color: #7a7a7a;
line-height: 1.65;
padding: 1vmin 0;
}
.subPageActnBtnsDiv{
display: flex;
width: 100%;
margin: 1.5vmax 0;
}
.subPageBtn{
border-radius: 2vmax;
padding: 1vmin 3vmin;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 1vmax 0 0;
font-family: "Poppins";
font-size: 1.5vmin;
line-height: 1.25vmax;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
cursor: pointer;
line-height: 1.5;
}
.subPageBtn a{
text-decoration: none;
color: white;
}
.subPageBtn:focus, .actnBtn:focus, .actnBtnHome:focus{
outline: none;
}
.actnBtn:hover, .subPageBtn:hover, .actnBtnHome:hover, .actnBtnContent:hover{
background-color: #4aceda;
color: white;
}
.actnBtn a:hover, .subPageBtn a:hover, .actnBtnHome a:hover, .actnBtnContent a:hover{
color: white;
}
#whyUsBoxesTab{
width: 60%;
table-layout: auto;
border-collapse: separate;
border-spacing: 1.5vmin;
}
#whyUsBoxesTab td{
width: calc(100%/3);
padding: 0;
border: none;
}
#whyUsBoxesTab tr:nth-child(odd), #whyUsBoxesTab tr:nth-child(even), #whyUsBoxesTab tbody tr:hover>td, #whyUsBoxesTab tbody>tr:nth-child(odd)>td, #whyUsBoxesTab tbody>tr:nth-child(odd)>th {background-color: white;}
.whyUsBox{
display: flex;
height: 18vmin;
flex-direction: column;
background-color: transparent;
perspective: 1000px;
justify-content: center;
align-items: center;
margin: 1vmin;
}
.whyUsBox .card{
position: absolute;
height: 100%;
width: 100%;
background: #4aceda;
border-radius: 1.2vmax;
transform: translateY(0deg);
transform-style: preserve-3d;
backface-visibility: hidden;
box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
transition: transform 1s cubic-bezier(0.4,0.2,0.2,1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.front-face{
font-family: "Poppins";
font-size: 0.85vmax;
color: white;
font-weight: 500;
text-transform: uppercase;
padding: 20%;
}
.cardImg{
display: flex;
justify-content: center;
align-items: center;
}
.cardImg img{
max-width: 100%;
margin-bottom: 0.75vmax;
transform: scale(0.7);
filter: invert(1);
}
.whyUsBox:hover > .front-face{
transform-origin: left center;
transform: translateX(-30%) rotateY(180deg);
}
.whyUsBox .card img{
height: 100%;
width: 100%;
}
.whyUsBox .back-face{
transform-origin: right center;
background-color: #fad141;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: column;
transform: scaleX(0) scaleY(0) translateZ(-50px) rotateY(90deg);
font-family: "Poppins";
font-size: 0.75vmax;
color: white;
font-weight: 400;
}
.whyUsBox .back-face p{
padding: 15%;
margin-bottom: 0;
}
.whyUsBox:hover > .back-face{
transform-origin: right center;
transform: scaleX(1) scaleY(1) translateZ(0) rotateY(0deg);
background-color: #fad141;
}
#gameLinks{
width: 70%;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
border: none;
}
#gameLinks td{
width: auto;
text-align: center;
border: none;
padding: 0;
}
#gameLinksMob{
display: none;
}
#gameLinks tr:nth-child(odd), #gameLinks tr:nth-child(even), #gameLinks tbody tr:hover>td, #gameLinks tbody>tr:nth-child(odd)>td, #gameLinks tbody>tr:nth-child(odd)>th {background-color: white;}
#gameLinksMob tr:nth-child(odd), #gameLinksMob tr:nth-child(even), #gameLinksMob tbody tr:hover>td, #gameLinksMob tbody>tr:nth-child(odd)>td, #gameLinksMob tbody>tr:nth-child(odd)>th {background-color: white;}
.accordion {
cursor: pointer;
border: none;
outline: none;
height: 10vmax;
transition: 0.3s;
}
.accordion:hover {
transform: scale(1.05);
box-shadow: -2px 10px 15px 0 rgba(0, 0, 0, 0.08);
}
.lblGameName{
font-size: 2vmin;
font-family: "Poppins";
font-weight: 500;
color: #444;
padding: 0 8%;
word-break: break-all;
margin: 0;
}
#additn{
background-color: #ffef9f;
}
#subtrctn{
background-color: #caf7e3;
}
#divisionSec{
background-color: #dbfcff;
}
#multiplctn{
background-color: #ffef9f;
}
#sudokuSec{
background-color: #ffe9e7;
}
#mqOrig{
background-color: #a7f3fa;
}
#scrSec{
background-color: #fcb9b2;
}
#omoSec{
background-color: #fcf0f6;
}
#prcnt{
background-color: #b7f4d8;
}
#additnPanel{
background-color: #fff8d4;
}
#subtrctnPanel{
background-color: #e6fff4;
}
#divisionSecPanel{
background-color: #e9fdff;
}
#multiplctnPanel{
background-color: #fff8d4;
}
#sudokuSecPanel{
background-color: #fff6f5;
}
#scrSecPanel{
background-color: #ffedeb;
}
#omoSecPanel{
background-color: #fff7fb;
}
#prcntPanel{
background-color: #e8fff4;
}
#additn, #subtrctn, #divisionSec, #multiplctn, #omoSec, #prcnt, #scrSec, #sudokuSec{
border-radius: 1.5vmax;
transition: transform 1s;
transform-style: preserve-3d;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin: 1vmax 0.75vmax;
box-shadow: 0px 10px 18px rgba(0,0,0,0.05);;
}
.panel {
overflow: hidden;
opacity: 0;
max-height: 0;
transition: 0.3s;
margin: -0.5vmax 3% 0 3%;
box-sizing: border-box;
width: 94%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 1.5vmax;
}
.panel.show {
opacity: 1;
max-height: 20vmax;
padding: 1.5vmax 0;
}
.lblGameOptVer{
list-style-type: none;
text-align: center;
font-size: 1vmax;
font-family: "Poppins";
font-weight: 400;
color: #252525;
padding: 0 1vmax;
line-height: 2;
}
.GameTitle{
font-size: 1.2vmax;
font-family: "Poppins";
font-weight: 500;
color: #252525;
}
.lblGameOptVer li{
text-decoration: none;
cursor: pointer;
}
.lblGameOptVer li a{
color: #444;
}
.accordionCourses {
cursor: pointer;
border: none;
outline: none;
width: 100%;
transition: 0.3s;
background-color: #F1FEFF;
border-radius: 100px;
transition: transform 1s;
transform-style: preserve-3d;
cursor: pointer;
display: flex;
align-items: center;
margin: 2vmin 2.5vmin;
box-shadow: 0px 10px 18px rgba(0,0,0,0.05);
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 500;
color: #444;
line-height: 1.5;
}
.courseTitleDiv{
width: 100%;
display: flex;
flex-direction: row;
padding: 1.5vmin 2.5vmin;
justify-content: space-between;
align-items: center;
}
.courseTitleDiv p{
margin-bottom: 0;	
}
.subText{
font-size: 0.85vmax; 
color: #444; 
font-weight: 400;
}
.accordionCourses:hover .subText {
color: white;
}
.accordionCourses:hover .caretCourses {
border-top: 0.6vmin solid white;
}
.accordionCourses.active {
background-color: #af0001;
color: white;
}
.accordionCourses.active:hover .caretCourses {
border-top: none;
}
.accordionCourses.active .subText{
color: white;
}
.accordionCourses:hover {
transform: scale(1.02);
box-shadow: -2px 10px 15px 0 rgba(0, 0, 0, 0.08);
background-color: #4aceda;
color: white;
}
.panelCourses {
overflow: hidden;
opacity: 0;
max-height: 0;
transition: 0.3s;
margin: -1vmax 3% 0 3%;
box-sizing: border-box;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 1.5vmax;
}
.panelCourses.show {
opacity: 1;
max-height: 50vmin;
padding: 1.5vmax 0;
background-color: white;
box-shadow: 0px 10px 18px rgba(0,0,0,0.03);
}
.caretCourses{
width: 0;
height: 0;
border-left: 0.5vmin solid transparent;
border-right: 0.5vmin solid transparent;
border-top: 0.7vmin solid #7a7a7a;
}
.caretCourses.show{
border-top: none;
width: 0;
height: 0;
border-left: 0.5vmin solid transparent;
border-right: 0.5vmin solid transparent;
border-bottom: 0.7vmin solid white;
}
.contentDiv{
display: flex;
width: 40%;
flex-direction: column;
align-items: center;
padding: 0 0 1vmax 0;
}
.imgDivMain{
display: flex;
flex-direction: column;
width: 25%;
margin-right: 3vmin;
justify-content: center;
align-items: center;
}
.imgDivMain p{
font-family: "Poppins";
font-size: 1.5vmin;
font-weight: 500;
text-align: center;
word-spacing: 3px;
}
.imageDiv{
display: flex;
flex-flow: row wrap;
width: 100%;
height: auto;
}
.imageDiv img{
max-width: 44%;
margin: 3%;
}
.horBoxCourses{
display: flex;
width: 100%;
flex-direction: row;
}
.boxImgCourses{
width: 10%;
margin-right: 1vmax;
}
.boxImgCourses img{
max-width: 100%;
filter: hue-rotate(180deg) brightness(1.4);
}
#coursesContent{
table-layout: fixed;
width: 100%;
border: none;
}
#coursesContent td{
padding: 2% 5%;
background: white;
border: none;
}
#coursesContent tr:nth-child(odd), #coursesContent tr:nth-child(even), #coursesContent tbody tr:hover>td, #coursesContentb tbody>tr:nth-child(odd)>td, #coursesContent tbody>tr:nth-child(odd)>th {background-color: white;}
.boxTextDivCourses{
width: 90%;
display: flex;
flex-direction: column;
}
.boxHeadlineCourses{
font-family: "Poppins";
font-size: 1.75vmin;
font-weight: 500;
color: #444444;
}
.boxTextCourses{
font-family: "Poppins";
font-size: 1.65vmin;
font-weight: 400;
color: #7a7a7a;
}
.actnBtnsCoursesDiv{
width: 100%;
display: flex;
margin: 2% 0 2% 8%;
align-items: center;
}
.actnBtnContent{
border-radius: 2vmax;
padding: 0.5vmax 1.5vmax;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 0.75vmax;
font-family: "Poppins";
font-size: 0.8vmax;
line-height: 1.25vmax;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
cursor: pointer;
z-index: 1;
}
.actnBtnContent a{
text-decoration: none;
color: white;
padding: 0.5vmax 0;
}
.optDivGall{
display: flex;
flex-direction: row;
width: 60%;
justify-content: space-evenly;
margin-bottom: 2vmax;
}
.allPhotosDiv{
display: flex;
width: 60%;
height: 60%;
overflow-y: scroll;
transition: 0.3s;
}
.allPhotosDiv:hover .photoList {
filter: grayscale(1);
}
.imgDivGallery:hover .photoList{
filter: grayscale(0);
}
.photoList:hover{
transform: scale(1.05);
}
#allPhotosDiv{
display: flex;
}
#classPhotosDiv, #eventsPhotosDiv{
display: none;
}
.allPhotosDiv::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.allPhotosDiv::-webkit-scrollbar{
width: 0.45em; }
.allPhotosDiv::-webkit-scrollbar-thumb{
border-radius: 1vmax;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
} 
.photolinks{
font-family: "Poppins";
font-size: 2vmin;
text-decoration: none;
color: #444;
}
.photolinks:hover{
color: #4aceda;!important
}
.photolinks:active{
color: #af0001;!important
}
.gallery__column {
display: flex;
flex-direction: column;
width: 100%;
}
.gallery__thumb {
position: relative;
overflow: hidden;
}
.photoList{
display: block;
width: 100%;
transition: 0.3s;
cursor: pointer;
}
.imgDivGallery{
width: 98%;
margin: 1%;
}
.modal {
display: none;
position: fixed;
z-index: 1; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.6);
}
.modal-content {
background-color: #DFFDFF70;
margin: auto;
width: 40%; border-radius: 1.2vmax;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: -2px 11px 18px 0 rgba(0, 0, 0, 0.15);
}
.modal-header{
font-family: "Poppins";
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
.modal-body{
padding: 0.75vmax;
font-family: "Poppins";
height: 100%;
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modalTitle{
text-align: center;
font-weight: 500;
font-size: 1.75vmin;
margin: 0 0 0 3vmin;
}
.close {
font-family: "Poppins";
color: #7a7a7a;
float: right;
font-size: 3vmin;
border: none;
background-color: transparent;
padding: 0 1.2vmax;
}
.close:hover,
.close:focus {
color: #af0001;
text-decoration: none;
cursor: pointer;
outline: none;
background-color: transparent;
}
.modal-content-alert{
background-color: white;
margin: auto;
width: 85%;
height: auto;
border-radius: 1.2vmax;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: -2px 11px 18px 0 rgb(0 0 0 / 15%);
}
.dividerHorModal{
height: 2px;
width: 95%;
margin: 0 1vmax 0 1vmax;
background-color: rgba(0, 0, 0, 0.15);
}
.emptyDiv{
width: 100%;
height: 0.5vmax;
}
.formDiv{
width: 75%;
height: 80%;
display: flex;
justify-content: center;
align-items: center;
}
#gameplay{ display: none;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-evenly;
flex-direction: row;
position: fixed;
}
#start{
border-radius : 50px;
width : 20vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 2.5%;
border: none;
font-size: 1.8vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#gamestart{ position: fixed;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center; justify-content: center;
flex-direction: column;
}
#gameresult {
display: none;
flex-direction: row; background-color: transparent;
height: 100%;
width: 100%;
border-radius: 2vmax;
align-items: center;
justify-content: space-evenly;
font-size: 1.2vmax;
font-family: "Poppins";
font-weight: 400;
color: #252525;
text-align: center;
position: fixed;
}
.resultDiv{
width: 70%;
height: 80%;
background-color: #ffe9e7;
border-radius: 1.5vmax;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.resultsTab{
width: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.5vmax;
border: none;
}
.resultsTab td {
vertical-align: top;
padding: 0.5%;
border: none;
}
.resultsTab tr{
background-color: #ffe9e7; 
}
.leftItems {
text-align: right;
width: 48%;
}
.sep {
width: 5%;
padding: 5%;
text-align: center;
}
.resItems {
text-align: left;
}
#buttons {
display: flex;
flex-direction: row;
}
#start:focus {
outline: none;
background-color: #af0001;
color: white;
}
#start:hover {
background-color: #4aceda;
}
#rules {
text-align: center;
font-size: 1.2vmax;
font-weight: 400;
padding-top: 1.5vmax;
padding-bottom: 3vmax;
color: #444444;
padding-right: 20%;
padding-left: 20%;
}
#title {
font-size: 1.8vmax;
font-weight: 700;
}
.gameDiv{
width: 70%;
height: 80%;
text-align: center;
font-size: 1vmax;
font-weight: 600;
background-color: #fffcfe;
border-radius: 1.5vmax;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.timerDiv {
display: flex;
height: 10%;
width: 90%;
}
#timer {
width: 25%;
height: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.15vmax;
color: #656565;
text-align: right;
}
#todayTime {
width: 25%;
height: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.15vmax;
color: #656565;
text-align: left;
}
.qstnDiv{
display: flex;
width: 90%;
height: 18%;
text-align: center;
font-family: "Poppins";
font-weight: 700;
font-size: 3vmax;
color: #656565;
justify-content: center;
align-items: center;
}
.optDiv{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 40%;
width: 100%;
}
.ansOpts { 
display: flex;
border-radius: 3vmax;
width : 30vmax;
height: 6vmax;
justify-content: center;
font-family: "Poppins";
font-weight: 600;
margin: 0.25% 2% ;
border: none;
font-size: 2vmax;
color: #656565;
cursor: pointer;
background: #fad141;
box-shadow: -2px 11px 18px 0 rgba(0, 0, 0, 0.1); 
padding: 0 2vw;
}
.ansOpts:focus { 
outline: none;
}
#ansOpt1{
background-color: #e9fdff;
color: #656565;
}
#ansOpt2{
background-color: #ffef9f;
color: #656565;
}
#ansOpt3{
background-color: #ccfdd5;
color: #656565;
}
#ansOpt4{
background-color: #ffe9e7;
color: #656565;
}
#pname {
border-radius : 50px;
width : 20vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 1.8vmax;
color: #444444;
box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.2) inset;
background: #f2feff;
}
#pname::-webkit-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::-ms-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::placeholder {
color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname:focus{
outline: none;
}
.replay{
width: 15vmax;
height: 4vmax;
margin: 2vmax 0;
border-radius: 2vmax;
font-size: 1.2vmax;
font-family: "Poppins";
font-weight: 400;
color: white;
background-color: #68dadf;
border: none;
cursor: pointer;
box-shadow: -2px 11px 18px 0 rgba(0, 0, 0, 0.15); 
}
.replay:focus{
outline: none;
}
.replay:hover{
background-color: #af0001;
}
.mqlogoResult img{
max-width: 32%;
margin: 0 0 2% 0;
}
#pageTitle{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#pageHeading, #pageHeadingM{
font-size: 1.15vmax;
font-family: "Poppins";
font-weight: 600;
color: #252525;
margin: 0;
}
#pageSubHeading, #pageSubHeadingM{
font-size: 1.15vmax;
font-family: "Poppins";
font-weight: 400;
color: #555;
margin: 0;
}
.common-btns{
display: flex;
flex-direction: column;
}
#pageTitleM{
display: none;
}
#range{
font-family: "Poppins";
text-align: center;
font-size: 1.2vmax;
font-weight: 400;
padding-top: 1.5vmax;
padding-bottom: 3vmax;
color: #444444;
padding-right: 20%;
padding-left: 20%;
}
#range p{
font-weight: 600;
margin: 1vmax 0;
}
#no1, #no2 {
border-radius : 30px;
width : 8.5vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 1.8vmax;
color: #444444;
margin: 0 1vmax;
box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.2) inset;
background: #f2feff;
}
#no1::-webkit-outer-spin-button,
#no1::-webkit-inner-spin-button,
#no2::-webkit-outer-spin-button,
#no2::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
#no1::-webkit-input-placeholder, #no2::-webkit-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#no1::-ms-input-placeholder, #no2::-ms-input-placeholder { color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#no1::placeholder, #no2::placeholder {
color: #8a8a8a;
font-size: 1.5vmax;
font-weight: 400;
font-family: "Poppins";
}
#no1:focus, #no2:focus{
outline: none;
}
#gameplay{
display: none;
width: 100vw;
height: 100vh;
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01.png);
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
align-items: center;
justify-content: center;
flex-direction: row;
align-content: center;
position: fixed;
top: 0;
left: 0; }
#sTable{ width: 100%;
border: solid 2px #555555;
background-color: white;
border-spacing: 0;
}
#sTable td { position: relative;
}
#sTable td:after {
content: "";
display: block;
margin-top: 100%;
}
.boxes {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: flex;
flex-direction: column;
font-family: "Poppins";
font-size: 2vmax;
text-align: center;
justify-content: center;
border: solid 1px #999999;
background-color: rgba(223,253,255,0.4);
vertical-align: middle;
caret-color: transparent;
}
.boxes:focus{
outline: 1px solid;
}
#n2, #n14, #n6, #n10 {
border-right: solid 2.5px #555555;
}
#n3, #n15, #n7, #n11 {
border-left: solid 2.5px #555555;
}
#n6, #n5, #n7, #n8{
border-bottom: solid 2.5px #555555;
}
#n9, #n10, #n11, #n12 {
border-top: solid 2.5px #555555;
}
#start{
border-radius : 50px;
width : 25vmax;
height: 5vmax;
line-height: 2.5vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 2.5%;
border: none;
font-size: 2vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#submit, #newGame, #reset{
border-radius : 50px;
width : 14vmax;
height: 4vmax;
line-height: 2vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 1.5vmax;
border: none;
font-size: 1.5vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#gamestart{ position: fixed;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-position: center; background-repeat: no-repeat; background-size: cover;
justify-content: center;
flex-direction: column;
}
#timing{
display: flex;
flex-direction: row;
width: 100%;
}
#selNos{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 1vmax 0 0 0;
}
.nos{
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
cursor: pointer;
}
#timer{
width: 50%;
font-family: "Poppins";
text-align: right;
font-weight: 400;
font-size: 1.5vmax;
color: #252525;
text-align: right;
padding: 0;
margin: 0;
}
#stopwatch{
display: flex;
flex-direction: column;
}
#todayTime{
width: 50%;
text-align: left;
padding: 0;
font-family: "Poppins";
font-weight: 400;
font-size: 1.5vmax;
color: #252525;
text-align: left;
}
#pname {
border-radius : 50px;
width : 25vmax;
height: 4vmax;
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 2vmax;
color: #444444;
box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.2) inset;
background: #f2feff;
}
#pname::-webkit-input-placeholder { color: #8a8a8a;
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::-ms-input-placeholder { color: #8a8a8a;
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
}
#pname::placeholder {
color: #8a8a8a;
font-size: 2vmax;
font-weight: 400;
font-family: "Poppins";
}
#name {
text-align : center;
font-family: "Poppins";
font-weight: 500;
border: none;
font-size: 2vmax;
color: #444444;
}
#start:focus, #submit:focus, #newGame:focus, #reset:focus {
outline: none;
background-color: #af0001;
color: white;
}
#pname:focus {
outline: none;
background-color: #e0fdff;
color: #444444;
}
#start:hover, #submit:hover, #newGame:hover, #reset:hover {
background-color: #4aceda;
}
#rules{
text-align: center;
font-size: 1.2vmax;
font-weight: 400;
padding: 1.5vmax 20% 3vmax 20%;
color: #444444;
}
#title {
font-size: 1.8vmax;
font-weight: 700;
}
#resultsTab {
width: 100%;
font-family: "Poppins";
font-weight: 400;
font-size: 1.5vmax;
border: none;
}
#resultsTab td {
vertical-align: top;
padding: 0.75%;
border: none;
}
#leftItems {
text-align: right;
width: 48%;
}
#sep {
width: 5%;
padding: 5%;
text-align: center;
}
#rightItems {
text-align: left;
}
#resultsDiv {
width: 70%;
text-align: center;
font-size: 1.2vmax;
font-weight: 600;
}
.replay {
display: block;
border-radius : 50px;
width : 15vmax;
height: 3vmax;
line-height: 1.5vmax;
text-align : center;
font-family: "Poppins";
font-weight: 400;
margin : 2%;
border: none;
font-size: 1.2vmax;
color: white;
background: #af0001;
cursor: pointer;
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
.replay:focus {
outline: none;
background-color: #4aceda;
}
.replay:hover{
background-color: #4aceda;
}
#results {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
justify-content: center;
flex-direction: column;
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-01.png);
background-position: center; background-repeat: no-repeat; background-size: cover;
}
#buttons {
display: flex;
justify-content: center;
align-items: center;
height: 10vmax;
width: 50vmax;
}
#board{
width: 30vw;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 5vw;
}
#branding{
width: 28vw;
height: 100vh;
float: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#branding img{
max-width: 100%;
}
#warning{
font-size: 1.2vmax;
font-weight: 400;
font-family: "Poppins";
text-align: center;
}
#optButtons{
width: 28vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#btnGrp{
display: flex;
flex-direction: column;
}
#ResTitle{
font-size: 2vmax;
padding: 0.25% 0;
font-weight: 600;
}
.boxes6{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: flex;
flex-direction: column;
font-family: "Poppins";
font-size: 2vmax;
text-align: center;
justify-content: center;
border: solid 1px #999999;
background-color: rgba(223,253,255,0.4);
vertical-align: middle;
caret-color: transparent;
}
.boxes6:focus{
outline: 1px solid;
}
#n026, #n086, #n0146, #n0206, #n0266, #n0326{
border-right: solid 2px #555555;
}
#n036, #n096, #n0156, #n0216, #n0276, #n0336{
border-left: solid 2px #555555;
}
#n066, #n076, #n086, #n096, #n0106, #n0116, #n0186, #n0196, #n0206, #n0216, #n0226, #n0236{
border-bottom: solid 2px #555555;
}
#n0126, #n0136, #n0146, #n0156, #n0166, #n0176, #n0246, #n0256, #n0266, #n0276, #n0286, #n0296{
border-top: solid 2px #555555;
}
.boxes9{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: flex;
flex-direction: column;
font-family: "Poppins";
font-size: 1.75vmax;
text-align: center;
justify-content: center;
border: solid 1px #999999;
background-color: rgba(223,253,255,0.4);
vertical-align: middle;
caret-color: transparent;
}
.boxes9:focus{
outline: 1px solid;
}
#n029, #n0119, #n0209, #n0299, #n0389, #n0479, #n0569, #n0659, #n0749, 
#n059, #n0149, #n0239, #n0329, #n0419, #n0509, #n0599, #n0689, #n0779{
border-right: solid 2px #555555;
}
#n039, #n0129, #n0219, #n0309, #n0399, #n0489, #n0579, #n0669, #n0759,
#n069, #n0159, #n0249, #n0339, #n0429, #n0519, #n0609, #n0699, #n0789{
border-left: solid 2px #555555;
}
#n0189, #n0199, #n0209, #n0219, #n0229, #n0239, #n0249, #n0259, #n0269,
#n0459, #n0469, #n0479, #n0489, #n0499, #n0509, #n0519, #n0529, #n0539{
border-bottom: solid 2px #555555;
}
#n0279, #n0289, #n0299, #n0309, #n0319, #n0329, #n0339, #n0349, #n0359,
#n0549, #n0559, #n0569, #n0579, #n0589, #n0599, #n0609, #n0619, #n0629{
border-top: solid 2px #555555;
}
@media screen and (max-width: 1024px) and (min-width: 601px){
.header-wrapper{
padding: 2% 3.5% 1% 1%;
} 
.logo{
max-width: 32vmin;
}
.menu-icon{
transform: scale(1.0);
}
.social-icons li {
margin: 0.85vmax;
}
#homeDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}	
#aboutDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whoDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-who-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-why-bg-02-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#storyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#coursesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#regDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#specialDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#contactDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#formDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesListDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#eventDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#galleryDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#photosDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#abt-left-hand, #abt-right-hand, #abt-center-hand, #courses-left-hand, #courses-right-hand, #courses-left-bottom-hand, #courses-right-bottom-hand, 
#gallery-left-hand, #gallery-right-hand, #contact-left-hand, #contact-right-hand, #games-right-hand, #games-left-hand{
display: none;
}
.imgDiv, .imgDivSingle{
display: none;
}
.imgDivMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: space-between;
}
.imgDivSingleMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: center;
}
#abt-left-hand-t, #abt-right-hand-t, #abt-center-hand-t, #courses-left-hand-t, #courses-right-hand-t, #courses-left-bottom-hand-t, #courses-right-bottom-hand-t, 
#gallery-left-hand-t, #gallery-right-hand-t, #contact-left-hand-t, #contact-right-hand-t, #games-right-hand-t, #games-left-hand-t{
position: absolute;
display: block;
}
#abt-left-hand-t img, #abt-right-hand-t img, #abt-center-hand-t img, #courses-left-hand-t img, #courses-right-hand-t img, #courses-left-bottom-hand-t img, #courses-right-bottom-hand-t img, 
#gallery-left-hand-t img, #gallery-right-hand-t img, #contact-left-hand-t img, #contact-right-hand-t img, #games-right-hand-t img, #games-left-hand-t img{
max-width: 100%;
}
#abt-left-hand-t{
max-width: 30%;
left: 5vw;
bottom: 3vh;
}
#abt-right-hand-t{
max-width: 30%;
right: 5vw;
bottom: 3vh;
}
#abt-center-hand-t{
max-width: 45%;
top: 3vh;
}
#courses-left-hand-t{
left: 7vw;
max-width: 22%;
bottom: 2vh;
}
#courses-right-hand-t{
right: 7vw;
max-width: 20%;
bottom: 3vh;
}
#courses-left-bottom-hand-t{
left: 13vw;
max-width: 22%;
top: 4.5vh;
}
#courses-right-bottom-hand-t{
right: 13vw;
max-width: 22%;
top: 5.5vh;
}
#gallery-left-hand-t{
max-width: 18%;
top: -2vh;
left: 10vw;
} 
#gallery-right-hand-t{
max-width: 26%;
bottom: 20vh;
right: 12vw;
}
#contact-left-hand-t{
max-width: 28%;
left: -2vw;
top: 5vh;
}
#contact-right-hand-t{
max-width: 28%;
right: -2vw;
top: 5vh;
}
#games-left-hand-t{
max-width: 20%;
left: 2vw;
top: -2vh;
}
#games-right-hand-t{
max-width: 20%;
right: 1vw;
top: -2vh;
}
.mqSubtextDiv{
font-size: 2vmin;
width: 80%;
text-align: center;
line-height: 1.5;
}
.lblGameName{
font-size: 1.7vmin;
}
.subPageleftDiv{
width: 80%;
}
.subPageRightDiv{
width: 20%;
display: flex;
align-items: center;
}
.navDots{
font-size: 3vmin;
line-height: 2.25vmax;
}
.navDots:hover .tooltiptext {
font-size: 1.5vmin;
padding: 0.5vmin 0.9vmin;
right: 2.5vmax;
white-space: nowrap;
}
.coursesDiv{
flex-direction: column;
}
.imgDivMain{
width: 80%;
}
.imageDiv{
flex-flow: nowrap;
justify-content: space-evenly;
padding: 1.5vmin 0;
}
.imageDiv img{
max-width: 17%;
margin: 0;
}
.contentDiv{
width: 75%;
}
.subPageContent{
width: 100%;
font-size: 1.5vmin;
line-height: 1.5;
}
}
@media screen and (max-width: 600px){
.header-wrapper{
padding: 3.5% 3.5% 1% 1%;
} 
.logo{
max-width: 42vmin;
}
.menu-icon {
height: 4vmin;
width: 4vmin;
transform: scale(0.8);
}
.menu-icon__line {
height: 2px;
width: 4vmin;
margin-bottom: 1vmin;
}
.menu-icon__line-left {
width: 2.2vmin;
}
.menu-icon__line-right {
width: 2.2vmin;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
width: 2.2vmin;
}
body.nav-active .menu-icon__line-left {
width: 1.8vmin;
-webkit-transform: translate(0.4vmin, 0.55vmin) rotate(45deg);
transform: translate(0.4vmin, 0.55vmin) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
width: 1.8vmin;
float: right;
-webkit-transform: translate(-0.4vmin, -0.65vmin) rotate(45deg);
transform: translate(-0.4vmin, -0.65vmin) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
width: 1.8vmin;
}
.footerDiv{
bottom: 0;
padding: 1.2vmax 0 1.2vmax 0;
justify-content: center;
}
#homeDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}	
#aboutDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whoDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-who-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#whyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-why-bg-02-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#storyDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#coursesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#regDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#specialDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#contactDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/contact-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#formDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/home-bg-m-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#gamesListDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bb-hc-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#eventDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#galleryDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#photosDiv{
background: white url(https://mathsquestactivities.com/wp-content/uploads/2020/12/courses-ls-rs-bg-01-m.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.mqtextDiv{
font-size: 6.5vmin;
margin: -0.15% 15%;
}
.boxesGrpDiv, .horbox, .boxImgMob{
display: none;
}
.boxesGrpDivMob{
display: flex;
width: 100%;
justify-content: center;
}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
.horBoxMob {
width: 80%;
background-color: white;
border-radius: 0.8vmax;
display: flex;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 25px 80px rgba(0, 0, 0, 0.12);
padding: 2.5% 2.5%;
}
.mobBox{
width: 100%;
display: flex;
flex-direction: row;
}
.boxImgMob{
display: flex;
width: 20%;
margin-right: 1.5vmax;
}
.boxImgMob img{
max-width: 100%;
height: auto;
}
.boxTextDiv{
width: 80%;
}
.headlineText{
width: 80%;
margin-bottom: 0.5vmax;
}
.actnBtnsDiv{
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
margin: 1% 0 2% 0;
}
.actnBtn{
border-radius: 20vmin;
padding: 3vmin 6.5vmin;
margin: 2vmin 0.75vmax;
font-size: 3.5vmin;
line-height: 1.25;
}
.actnBtnsHomeDiv{
margin-bottom: 10vmin;
}
.actnBtnHome{
border-radius: 20vmin;
padding: 2vmin 6.5vmin;
margin: 2vmin 0.75vmax;
font-size: 3.5vmin;
line-height: 1.25;
}
.dotsMob{
display: flex;
text-align: center;
margin: 1vmax 0;
}
.dot {
height: 0.5vmax;
width: 0.5vmax;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.activeDot {
background-color: #7a7a7a;
}
.mqPageTitle{
font-size: 8.5vmin;
}
.mqSubtextDiv{
font-size: 3.5vmin;
width: 80%;
text-align: center;
line-height: 1.7;
}
.mqtextDivPages{
margin: 3% 3%;
}
.navDots{
font-size: 5vmin;
line-height: 2.25vmax;
}
.taglineDiv{
width: 80%;
height: 90%;
display: flex;
flex-direction: column;
justify-content: center;
}
.subPageDiv{
width: 75%;
height: 85%;
}
.subPageTitle{
font-size: 5vmin;
text-align: center;
}
.subPageContent{
font-size: 2vmin;
line-height: 1.5;
text-align: center;
margin: 2% 0;
}
.subPageleftDiv{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.subPageRightDiv{
display: none;
}
#whyUsBoxesTab{
display: none;
}
.whyUsDivMob{
display: flex;
height: 75%;
flex-direction: column;
overflow-y: scroll;
}
.whyUsDivMob::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.whyUsDivMob::-webkit-scrollbar{
width: 0.30em;
}
.whyUsDivMob::-webkit-scrollbar-thumb{
border-radius: 1vmax;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
} 
.whyTitle{
font-size: 3.05vmin;
font-family: "Poppins";
font-weight: 600;
color: #444;
text-transform: uppercase;
text-align: center;
}
.whySubtitle{
font-size: 3vmin;
font-family: "Poppins";
font-weight: 500;
color: #7a7a7a;
text-align: center;
}
.subPageActnBtnsDiv{
display: flex;
justify-content: center;
width: 100%;
margin: 1.5vmax 0;
}
.subPageBtn{
border-radius: 2vmax;
padding: 1vmax 2.5vmax;
background-color: #af0001;
color: white;
outline: none;
border: none;
margin: 0 1vmax 0 0;
font-family: "Poppins";
font-size: 2vmin;
line-height: 1.25vmax;
cursor: pointer;
}
.cardImgMob{
width: 10vmin;
height: 10vmin;
padding: 2.5vmin;
margin-bottom: 0.5vmax;
display: flex;
justify-content: center;
border-radius: 20vmax;
background-color: #4aceda;
}
.cardImgMob img{
max-width: 100%;
filter: invert(1);
}
.whyUsBoxMob{
margin: 5% 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#abt-left-hand, #abt-right-hand, #abt-center-hand, #courses-left-hand, #courses-right-hand, #courses-left-bottom-hand, #courses-right-bottom-hand, 
#gallery-left-hand, #gallery-right-hand, #contact-left-hand, #contact-right-hand, #games-right-hand, #games-left-hand{
display: none;
}
.imgDiv, .imgDivSingle{
display: none;
}
.imgDivMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: space-between;
}
.imgDivSingleMob{
display: flex;
flex-direction: row;
width: 100%;
position: relative;
justify-content: center;
}
#abt-left-hand-t, #abt-right-hand-t, #abt-center-hand-t, #courses-left-hand-t, #courses-right-hand-t, #courses-left-bottom-hand-t, #courses-right-bottom-hand-t, 
#gallery-left-hand-t, #gallery-right-hand-t, #contact-left-hand-t, #contact-right-hand-t, #games-right-hand-t, #games-left-hand-t{
display: block;
position: absolute;
}
#abt-left-hand-t img, #abt-right-hand-t img, #abt-center-hand-t img, #courses-left-hand-t img, #courses-right-hand-t img, #courses-left-bottom-hand-t img, #courses-right-bottom-hand-t img, 
#gallery-left-hand-t img, #gallery-right-hand-t img, #contact-left-hand-t img, #contact-right-hand-t img, #games-right-hand-t img, #games-left-hand-t img{
max-width: 100%;
}
#abt-left-hand-t{
max-width: 30%;
left: 5vw;
bottom: 3vh;
}
#abt-right-hand-t{
max-width: 30%;
right: 5vw;
bottom: 3vh;
}
#abt-center-hand-t{
max-width: 45%;
top: 3vh;
}
#contact-left-hand-t{
max-width: 35%;
left: -2vw;
bottom: 5vh;
}
#contact-right-hand-t{
max-width: 35%;
right: -2vw;
bottom: 5vh;
}
#courses-left-hand-t{
left: 7vw;
max-width: 27%;
bottom: 2vh;
}
#courses-right-hand-t{
right: 7vw;
max-width: 25%;
bottom: 3vh;
}
#courses-left-bottom-hand-t{
left: 11vw;
max-width: 27%;
top: 4.5vh;
}
#courses-right-bottom-hand-t{
right: 11vw;
max-width: 27%;
top: 5.5vh;
}
#gallery-left-hand-t{
max-width: 22%;
top: -30vh;
left: 10vw;
} 
#gallery-right-hand-t{
max-width: 30%;
bottom: 60vh;
right: 12vw;
}
#games-left-hand-t{
max-width: 24%;
left: 2vw;
top: -30vh;
}
#games-right-hand-t{
max-width: 24%;
right: 1vw;
bottom: 60vh;
}
.subPageleftDiv{
margin-right: 0;
}
.subPageContentLeft{
font-size: 3vmin;
text-align: center;
}
.coursesDiv{
flex-direction: column;
}
.imgDivMain{
width: 80%;
}
.imageDiv{
flex-flow: nowrap;
justify-content: space-evenly;
padding: 1.5vmin 0;
}
.imageDiv img{
max-width: 17%;
margin: 0;
}
.contentDiv{
width: 75%;
}
.subPageBoxLeft{
}
.subPageContent{
width: 100%;
font-size: 3vmin;
line-height: 1.5;
text-align: center;
}
#gameLinks{
display: none;
}
#gameLinksMob{
display: table;
width: 70%;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
border: 0;
}
#gameLinksMob td{
width: auto;
text-align: center;
padding: 1%;
}
.allPhotosDiv{
display: flex;
width: 75%;
height: 75%;
overflow-y: scroll;
transition: 0.3s;
}
.photolinks{
font-size: 3vmin;
}
.creditDiv{
width: 100%;
display: flex;
justify-content: center;
transform: rotateZ(0);
font-size: 2vmin;
position: absolute;
bottom:5vh;
left: 0;
}
#start {
margin: 5%;
height: 6vmax;
font-size: 2.25vmax;
}
#rules{
padding-left: 12%;
padding-right: 12%;
}
#gameplay{
flex-direction: column;
justify-content: center;
}
.optDiv{
height: 30%;
}
.ansOpts{
width: 42%;
height: 6vmax;
margin: 0 2% ;
}
#gameresult{
flex-direction: column;
justify-content: center;
}
.common-btns{
flex-direction: row;
margin: 3% 0;
}
.replay{
margin: 0 3%;
}
#buttons{
flex-direction: row;
}
.gameDiv{
width: 80%;
height: 65%;
}
.resultDiv{
width: 80%;
height: 65%;
}
#pageTitle{
display: none;
}
#pageTitleM{
display: flex;
flex-direction: column;
}
#todayTime{
width: 50%;
}
#timer{
width: 50%;
}
#timerDiv{
height: auto;
}
#title{
font-size: 2.5vmax;
}
#gameplay{
background-image: url(https://mathsquestactivities.com/wp-content/uploads/2021/01/about-bg-01-m.png);
background-position: center; 
background-repeat: no-repeat; 
background-size: cover;
flex-direction: column;
}
#board{
width: 80vw;
height: 60vh;
margin: 1.5vh 0;
}
#branding{
width: 100vw;
height: 15vh;
}
#optButtons{
width: 100vw;
height: 15vh;
align-items: center;
}
#btnGrp{
flex-direction: row;
}
}.with_frm_style{--form-width:100%;--form-align:center;--direction:ltr;--fieldset:0px;--fieldset-color:#444444;--fieldset-padding:0 0 10px 0;--fieldset-bg-color:transparent;--title-size:3vmin;--title-color:#444444;--title-margin-top:0;--title-margin-bottom:1vmin;--form-desc-size:1.6vmin;--form-desc-color:#666666;--form-desc-margin-top:0px;--form-desc-margin-bottom:7vmin;--form-desc-padding:0;--font:"Poppins","Mulish",sans-serif;--font-size:1.6vmin;--label-color:#444444;--weight:normal;--position:none;--align:left;--width:150px;--required-color:#af0001;--required-weight:bold;--label-padding:0 0 1.5% 0;--description-font-size:1.2vmin;--description-color:#666666;--description-weight:normal;--description-style:normal;--description-align:left;--field-font-size:1.6vmin;--field-height:4vmin;--line-height:4vmin;--field-width:100%;--auto-width:100%;--field-pad:1vmin 1.6vmin;--field-margin:3.5vmin;--field-weight:normal;--text-color:#444444;--border-color:#7a7a7a;--field-border-width:1px;--field-border-style:solid;--bg-color:#ffffff;--bg-color-active:#ffffff;--border-color-active:#63ced8;--text-color-error:#444444;--bg-color-error:#ffffff;--border-color-error:#af0001;--border-width-error:1px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#7a7a7a;--text-color-disabled:#999999;--radio-align:inline;--check-align:block;--check-font-size:1.6vmin;--check-label-color:#444444;--check-weight:normal;--section-font-size:18px;--section-color:#444444;--section-weight:bold;--section-pad:15px 0 3px 0;--section-mar-top:15px;--section-mar-bottom:30px;--section-bg-color:transparent;--section-border-color:#e8e8e8;--section-border-width:2px;--section-border-style:solid;--section-border-loc:-top;--collapse-pos:after;--repeat-icon-color:#ffffff;--submit-font-size:1.5vmin;--submit-width:auto;--submit-height:auto;--submit-bg-color:#af0001;--submit-border-color:#af0001;--submit-border-width:1px;--submit-text-color:#ffffff;--submit-weight:normal;--submit-border-radius:5vmax;--submit-margin:7vmin 0;--submit-shadow-color:#aaaaaa;--submit-hover-bg-color:#63ced8;--submit-hover-color:#fcfcfc;--submit-hover-border-color:#63ced8;--submit-active-bg-color:#fad141;--submit-active-color:#fcfcfc;--submit-active-border-color:#fad141;--border-radius:5vmax;--error-bg:#e0afaf;--error-border:#ea8898;--error-text:#af0001;--error-font-size:14px;--success-bg-color:#cbf4f4;--success-border-color:#75d0d8;--success-text-color:#00aaba;--success-font-size:1.5vmin;--progress-bg-color:#eaeaea;--progress-color:#3f4b5b;--progress-active-bg-color:#579AF6;--progress-active-color:#ffffff;--progress-border-color:#E5E5E5;--progress-border-size:2px;--progress-size:30px;--base-font-size:15px;--box-shadow:0 1px 2px 0 rgba(18, 18, 23, 0.05);}.frm_hidden,.frm_add_form_row.frm_hidden,.frm_remove_form_row.frm_hidden,.with_frm_style .frm_button.frm_hidden{display:none;}.with_frm_style,.with_frm_style form,.with_frm_style .frm-show-form div.frm_description p{text-align: var(--form-align) !important;}input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset;}.with_frm_style .frm-show-form div.frm_description p{font-size: var(--form-desc-size) !important;color: var(--form-desc-color) !important;margin-top: var(--form-desc-margin-top) !important;margin-bottom: var(--form-desc-margin-bottom) !important;padding: var(--form-desc-padding) !important;}.with_frm_style fieldset{min-width:0;display: block; }.with_frm_style fieldset fieldset{border:none;margin:0;padding:0;background-color:transparent;}.with_frm_style .frm_form_fields > fieldset{border-width: var(--fieldset) !important;border-style:solid;border-color: var(--fieldset-color) !important;margin:0;padding: var(--fieldset-padding) !important;background-color: var(--fieldset-bg-color) !important;font-family:var(--font);}legend.frm_hidden{display:none !important;}.with_frm_style .frm_form_fields{opacity:1;transition: opacity 0.1s linear;}.with_frm_style .frm_doing_ajax{opacity:.5;}.frm_transparent{color:transparent;}.with_frm_style legend + h3,.with_frm_style h3.frm_form_title{font-size: var(--title-size) !important;color: var(--title-color) !important;font-family: var(--font);margin-bottom: var(--title-margin-bottom) !important;}.with_frm_style .frm_form_field.frm_html_container,.with_frm_style .frm_form_field .frm_show_it{font-family: var(--font);color: var(--form-desc-color) !important;}.with_frm_style .frm_form_field.frm_html_container{font-size: var(--form-desc-size) !important;}.with_frm_style .frm_form_field .frm_show_it{font-size: var(--field-font-size) !important;font-weight: var(--field-weight) !important;}.with_frm_style .frm_required {color: var(--required-color) !important;font-weight: var(--required-weight) !important;}.with_frm_style input[type=text],.with_frm_style input[type=password],.with_frm_style input[type=email],.with_frm_style input[type=number],.with_frm_style input[type=url],.with_frm_style input[type=tel],.with_frm_style input[type=search],.with_frm_style select,.with_frm_style textarea,.with_frm_style .frm-card-element.StripeElement {font-family:var(--font) !important;font-size: var(--field-font-size) !important;margin-bottom:0 !important;}.with_frm_style textarea{vertical-align:top;height:auto;}.with_frm_style input[type=text],.with_frm_style input[type=password],.with_frm_style input[type=email],.with_frm_style input[type=number],.with_frm_style input[type=url],.with_frm_style input[type=tel],.with_frm_style input[type=phone],.with_frm_style input[type=search],.with_frm_style select,.with_frm_style textarea,.frm_form_fields_style,.with_frm_style .frm_scroll_box .frm_opt_container,.frm_form_fields_active_style,.frm_form_fields_error_style,.with_frm_style .frm-card-element.StripeElement,.with_frm_style .frm_slimselect.ss-main {color: var(--text-color) !important;background-color: var(--bg-color) !important;border-color: var(--border-color) !important;border-width: var(--field-border-width) !important;border-style: var(--field-border-style) !important;border-radius: var(--border-radius) !important;width: var(--field-width) !important;max-width: 100%;font-size: var(--field-font-size) !important;padding: var(--field-pad) !important;box-sizing: border-box;outline: none !important;font-weight: var(--field-weight);}.with_frm_style input[type=text],.with_frm_style input[type=password],.with_frm_style input[type=email],.with_frm_style input[type=number],.with_frm_style input[type=url],.with_frm_style input[type=tel],.with_frm_style input[type=phone],.with_frm_style input[type=search],.with_frm_style textarea,.frm_form_fields_style,.with_frm_style .frm_scroll_box .frm_opt_container,.frm_form_fields_active_style,.frm_form_fields_error_style,.with_frm_style .frm-card-element.StripeElement {background-image:none !important;}.with_frm_style select option {color: var(--text-color) !important;}.with_frm_style select option.frm-select-placeholder {color: var(--text-color-disabled) !important;}.with_frm_style input[type=radio],.with_frm_style input[type=checkbox]{border-color: var(--border-color) !important;box-shadow: var(--box-shadow) !important;float: none;}.with_frm_style input[type=radio]:after,.with_frm_style input[type=checkbox]:after {display: none; }.with_frm_style input[type=radio]:not(:checked):focus,.with_frm_style input[type=checkbox]:not(:checked):focus {border-color: var(--border-color) !important;}.with_frm_style input[type=radio]:focus,.with_frm_style input[type=checkbox]:focus {box-shadow:0px 0px 0px 3px rgba(99,206,216, 0.4) !important;}.with_frm_style input[type=text],.with_frm_style input[type=password],.with_frm_style input[type=email],.with_frm_style input[type=number],.with_frm_style input[type=url],.with_frm_style input[type=tel],.with_frm_style input[type=file],.with_frm_style input[type=search],.with_frm_style select,.with_frm_style .frm-card-element.StripeElement{min-height: var(--field-height) !important;line-height:1.3 !important;}.with_frm_style select[multiple=multiple]{height:auto !important;}.input[type=file].frm_transparent:focus,.with_frm_style input[type=file]{background-color:transparent;border:none;outline:none;box-shadow:none;}.with_frm_style input[type=file]{color: var(--text-color) !important;padding: 0px;font-family: var(--font) !important;font-size: var(--field-font-size) !important;display: initial;}.with_frm_style input[type=file].frm_transparent{color:transparent !important;}.with_frm_style .wp-editor-wrap{width: var(--field-width) !important;max-width:100%;}.with_frm_style .wp-editor-container textarea{border:none !important;box-shadow:none !important;}.with_frm_style .mceIframeContainer{background-color: var(--bg-color) !important;}.with_frm_style select{width: var(--auto-width) !important;max-width:100%;background-position-y: calc(50% + 3px);}.with_frm_style input[disabled],.with_frm_style select[disabled],.with_frm_style textarea[disabled],.with_frm_style input[readonly],.with_frm_style select[readonly],.with_frm_style textarea[readonly] {background-color: var(--bg-color-disabled) !important;color: var(--text-color-disabled) !important;border-color: var(--border-color-disabled) !important;}.frm_preview_page:before{content:normal !important;}.frm_preview_page{padding:25px;}.with_frm_style .frm_primary_label{max-width:100%;font-family: var(--font);font-size: var(--font-size) !important;color: var(--label-color) !important;font-weight: var(--weight) !important;text-align: var(--align) !important;padding: var(--label-padding) !important;margin:0;width:auto;display:block;}.with_frm_style .frm_top_container .frm_primary_label,.with_frm_style .frm_hidden_container .frm_primary_label,.with_frm_style .frm_pos_top{display:block;float:none;width:auto;}.with_frm_style .frm_inline_container .frm_primary_label{margin-right:10px;}.with_frm_style .frm_right_container .frm_primary_label,.with_frm_style .frm_pos_right{display:inline;float:right;margin-left:10px;}.with_frm_style .frm_pos_center {text-align: center;}.with_frm_style .frm_none_container .frm_primary_label,.with_frm_style .frm_pos_none,.frm_pos_none,.frm_none_container .frm_primary_label{display:none;}.with_frm_style .frm_section_heading.frm_hide_section{margin-top:0 !important;}.with_frm_style .frm_hidden_container .frm_primary_label,.with_frm_style .frm_pos_hidden,.frm_hidden_container .frm_primary_label{visibility:hidden;white-space:nowrap;}.frm_visible{opacity:1;}.with_frm_style .frm_inside_container {position: relative;padding-top: 18px;padding-top: calc(0.5 * var(--field-height));}.with_frm_style .frm_inside_container > input,.with_frm_style .frm_inside_container > select,.with_frm_style .frm_inside_container > textarea {display: block;}.with_frm_style input::placeholder,.with_frm_style textarea::placeholder {font-size: var(--field-font-size) !important;}.with_frm_style .frm_inside_container > input::-moz-placeholder,.with_frm_style .frm_inside_container > textarea::-moz-placeholder {opacity: 0 !important;transition: opacity 0.3s ease-in;}.with_frm_style .frm_inside_container > input:-ms-input-placeholder,.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {opacity: 0;transition: opacity 0.3s ease-in;}.with_frm_style .frm_inside_container > input::placeholder,.with_frm_style .frm_inside_container > textarea::placeholder {opacity: 0;transition: opacity 0.3s ease-in;}.with_frm_style .frm_inside_container > label {transition: all 0.3s ease-in;position: absolute;top: 19px;top: calc(1px + .5 * var(--field-height));left: 3px;width: 100%;line-height: 1.3;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 8px 12px;padding: var(--field-pad);font-size: 14px;font-size: var(--field-font-size);font-weight: normal;font-weight: var(--field-weight);pointer-events: none;}.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {line-height: 1;}.with_frm_style .frm_inside_container.frm_label_float_top > label {top: 0;left: 0;padding: 0;font-size: 12px;font-size: calc(0.85 * var(--field-font-size));}.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {opacity: 1 !important;transition: opacity 0.3s ease-in;}.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {opacity: 1;transition: opacity 0.3s ease-in;}.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {opacity: 1;transition: opacity 0.3s ease-in;}.with_frm_style .frm_description,.with_frm_style .frm_pro_max_limit_desc{clear:both;}.with_frm_style input[type=number][readonly]{-moz-appearance: textfield;}.with_frm_style select[multiple="multiple"]{height:auto;line-height:normal;}.with_frm_style .frm_catlevel_2,.with_frm_style .frm_catlevel_3,.with_frm_style .frm_catlevel_4,.with_frm_style .frm_catlevel_5{margin-left:18px;}.with_frm_style .wp-editor-container{border:1px solid #e5e5e5;}.with_frm_style .quicktags-toolbar input{font-size:12px !important;}.with_frm_style .wp-editor-container textarea{border:none;}.with_frm_style .auto_width #loginform input,.with_frm_style .auto_width input,.with_frm_style input.auto_width,.with_frm_style select.auto_width,.with_frm_style textarea.auto_width{width:auto !important;}.with_frm_style .frm_repeat_buttons{white-space:nowrap;}.with_frm_style .frm_button{text-decoration:none !important;;border:1px solid #eee;display:inline-block;padding:5px;border-radius:5vmax !important;border-radius:var(--border-radius) !important;font-size: var(--submit-font-size) !important;font-family: var(--font) !important;font-weight: var(--submit-weight) !important;color: var(--submit-text-color) !important;background: var(--submit-bg-color) !important;border-width: var(--submit-border-width) !important;border-color: var(--submit-border-color) !important;height: var(--submit-height) !important;}.with_frm_style .frm_button.frm_inverse{color:var(--submit-bg-color) !important;background:var(--submit-text-color) !important;}.with_frm_style .frm_submit{clear:both;}.frm_inline_form .frm_form_field,.frm_inline_form .frm_submit{grid-column: span 1 / span 1;}.frm_inline_form .frm_submit{margin:0;}.frm_submit.frm_inline_submit input[type=submit],.frm_submit.frm_inline_submit button,.frm_inline_form .frm_submit input[type=submit],.frm_inline_form .frm_submit button{margin-top:0;}.with_frm_style.frm_center_submit .frm_submit{text-align:center;}.with_frm_style.frm_center_submit .frm_flex.frm_submit {justify-content: center;}.with_frm_style .frm_inline_success .frm_submit{display: flex;flex-direction: row;align-items: center;margin: 0;}.with_frm_style .frm_inline_success .frm_submit .frm_message{flex: 1;margin: 0;padding-left: 10px;}.with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{text-align: right;}.with_frm_style.frm_center_submit .frm_submit input[type=submit],.with_frm_style.frm_center_submit .frm_submit input[type=button],.with_frm_style.frm_center_submit .frm_submit button{margin-bottom:8px !important;}.with_frm_style .frm-edit-page-btn,.with_frm_style .frm_submit input[type=submit],.with_frm_style .frm_submit input[type=button],.with_frm_style .frm_submit button{-webkit-appearance: none;cursor: pointer;}.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{display: block;margin: 0 auto;}.with_frm_style .frm_loading_prev .frm_ajax_loading,.with_frm_style .frm_loading_form .frm_ajax_loading{visibility:visible !important;}.with_frm_style .frm_loading_prev .frm_prev_page,.with_frm_style .frm_loading_form .frm_button_submit {position: relative;color: transparent !important;text-shadow: none !important;}.with_frm_style .frm_loading_prev .frm_prev_page:hover,.with_frm_style .frm_loading_prev .frm_prev_page:active,.with_frm_style .frm_loading_prev .frm_prev_page:focus,.with_frm_style .frm_loading_form .frm_button_submit:hover,.with_frm_style .frm_loading_form .frm_button_submit:active,.with_frm_style .frm_loading_form .frm_button_submit:focus {cursor: not-allowed;color: transparent;outline: none !important;box-shadow: none;}.with_frm_style .frm_loading_prev .frm_prev_page::before,.with_frm_style .frm_loading_form .frm_button_submit:before {content: '';display: inline-block;position: absolute;background: transparent;border: 1px solid #fff;border-top-color: transparent;border-left-color: transparent;border-radius: 50%;box-sizing: border-box;top: 50%;left: 50%;margin-top: -6px;margin-left: -6px;width: 12px;height: 12px;animation: spin 2s linear infinite;}.with_frm_style .frm_submit.frm_flex {align-items: center;gap: 2%;}.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {order: -1;}.frm_style_formidable-style.with_frm_style{}.frm_forms.frm_style_formidable-style.with_frm_style{max-width:100% !important;direction:ltr !important;margin:0 auto;}.frm_inline_form.frm_style_formidable-style.with_frm_style form{text-align:center;}.frm_style_formidable-style.with_frm_style .form-field{margin-bottom:3.5vmin !important;}.frm_style_formidable-style.with_frm_style .form-field.frm_section_heading{margin-bottom:0 !important;}.frm_style_formidable-style.with_frm_style p.description,.frm_style_formidable-style.with_frm_style div.description,.frm_style_formidable-style.with_frm_style div.frm_description,.frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description,.frm_style_formidable-style.with_frm_style .frm_error,.frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc{margin-top: 6px;padding:0;font-family:"Poppins","Mulish",sans-serif !important;font-size:1.2vmin !important;color:#666666 !important;font-weight:normal !important;text-align:left !important;font-style:normal !important;max-width:100%;}.frm_style_formidable-style.with_frm_style .frm_form_field.frm_left_container{grid-template-columns: 150px auto;}.frm_style_formidable-style.with_frm_style .frm_form_field.frm_right_container{grid-template-columns: auto 150px;}.frm_form_field.frm_right_container{grid-template-columns: auto 25%;}.frm_style_formidable-style.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container,.frm_style_formidable-style.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{display:inline !important;}.frm_style_formidable-style.with_frm_style .frm_pos_right{display:inline !important;width:150px !important;}.frm_style_formidable-style.with_frm_style .frm_none_container .frm_primary_label,.frm_style_formidable-style.with_frm_style .frm_pos_none{display:none !important;}.frm_style_formidable-style.with_frm_style input::placeholder,.frm_style_formidable-style.with_frm_style textarea::placeholder{color: #999999 !important;}.frm_style_formidable-style.with_frm_style .frm_default,.frm_style_formidable-style.with_frm_style input.frm_default,.frm_style_formidable-style.with_frm_style textarea.frm_default,.frm_style_formidable-style.with_frm_style select.frm_default,.frm_style_formidable-style.with_frm_style .placeholder {color: #999999 !important;}.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,.frm_style_formidable-style.with_frm_style select:focus,.frm_style_formidable-style.with_frm_style .form-field textarea:focus,.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text],.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password],.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email],.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number],.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url],.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel],.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search],.frm_form_fields_active_style,.frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement {background-color:#ffffff !important;border-color:#63ced8 !important;color: var(--text-color);box-shadow:0px 0px 5px 0px rgba(99,206,216, 0.6);}.frm_style_formidable-style.with_frm_style.frm_inline_top .frm_submit::before,.frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit::before {content:"before";font-family:"Poppins","Mulish",sans-serif;font-size:1.6vmin !important;color:#444444 !important;font-weight:normal !important;margin:0;padding:0 0 1.5% 0 !important;width:auto;display:block;visibility:hidden;}.frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit input,.frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit button,.frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit input,.frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit button {margin: 0 !important;}.frm_style_formidable-style.with_frm_style #frm_field_cptch_number_container{font-family:"Poppins","Mulish",sans-serif;font-size:1.6vmin !important;color:#444444 !important;font-weight:normal !important;clear:both;}.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=checkbox],.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=radio],.frm_style_formidable-style.with_frm_style .frm_blank_field textarea,.frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe,.frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),.frm_form_fields_error_style,.frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe,.frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe,.frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement,.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {color:#444444 !important;background-color:#ffffff !important;border-color:#af0001 !important;border-width:var(--border-width-error)  !important;border-style:solid !important;}.frm_style_formidable-style.with_frm_style .frm_blank_field .sigWrapper{border-color:#af0001 !important;}.frm_style_formidable-style.with_frm_style .frm_error,.frm_style_formidable-style.with_frm_style .frm_limit_error{font-weight:normal !important;color:#444444 !important;}.frm_style_formidable-style.with_frm_style .frm_error_style{background-color:#e0afaf !important;border:1px solid #ea8898 !important;border-radius:5vmax !important;color: #af0001 !important;font-size:14px !important;margin:0;margin-bottom:3.5vmin;}.frm_style_formidable-style.with_frm_style #frm_loading .progress-striped .progress-bar{background-image:linear-gradient(45deg, #7a7a7a 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #7a7a7a 50%, #7a7a7a 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));}.frm_style_formidable-style.with_frm_style #frm_loading .progress-bar{background-color:#ffffff !important;}.frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big input,.frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big textarea,.frm_style_formidable-style.with_frm_style .frm_form_field.frm_total input,.frm_style_formidable-style.with_frm_style .frm_form_field.frm_total textarea{color: #444444 !important;background-color:transparent !important;border:none !important;display:inline !important;width:auto !important;padding:0 !important;}.frm_ajax_loading{visibility:hidden;width:auto;}.frm_form_submit_style{height:auto;}a.frm_save_draft{cursor:pointer;}.with_frm_style a.frm_save_draft,.with_frm_style a.frm_start_over{font-family: var(--font);font-size: var(--submit-font-size);font-weight: var(--submit-weight);}.horizontal_radio .frm_radio{margin:0 5px 0 0;}.horizontal_radio .frm_checkbox{margin:0;margin-right:12px;}.vertical_radio .frm_checkbox,.vertical_radio .frm_radio,.vertical_radio .frm_catlevel_1{display:block;}.horizontal_radio .frm_checkbox,.horizontal_radio .frm_radio,.horizontal_radio .frm_catlevel_1{display:inline-block;padding-left: 0;}.with_frm_style .frm_radio{display: var(--radio-align) !important;}.with_frm_style .frm_checkbox{display: var(--check-align) !important;}.with_frm_style .vertical_radio .frm_checkbox,.with_frm_style .vertical_radio .frm_radio,.vertical_radio .frm_catlevel_1{display:block !important;margin-bottom: 10px;}.with_frm_style .horizontal_radio .frm_checkbox,.with_frm_style .horizontal_radio .frm_radio,.horizontal_radio .frm_catlevel_1{display:inline-block !important;}.with_frm_style .frm_checkbox label,.with_frm_style .frm_radio label {display: inline-block;vertical-align: middle;white-space:normal;}.with_frm_style .frm_checkbox label input[type=checkbox],.with_frm_style .frm_radio label input[type=radio] {margin-right: 4px;}.with_frm_style .frm_checkbox label:not(.frm-label-disabled),.with_frm_style .frm_radio label:not(.frm-label-disabled) {cursor: pointer;}.with_frm_style .vertical_radio .frm_checkbox label,.with_frm_style .vertical_radio .frm_radio label{display: block;width: 100%;}.with_frm_style .frm_radio label,.with_frm_style .frm_checkbox label {font-family: var(--font);font-size: var(--check-font-size) !important;color: var(--check-label-color) !important;font-weight: var(--check-weight) !important;line-height: 1.3;}.with_frm_style .frm_radio input[type=radio],.with_frm_style .frm_checkbox input[type=checkbox] {font-size: var(--check-font-size) !important;position: static !important;}.frm_file_container .frm_file_link,.with_frm_style .frm_radio label .frm_file_container,.with_frm_style .frm_checkbox label .frm_file_container{display:inline-block;margin:5px;vertical-align:middle;}.with_frm_style .frm_radio input[type=radio]{border-radius:50%;}.with_frm_style .frm_checkbox input[type=checkbox] {border-radius: calc(var(--border-radius) / 2) !important;}.with_frm_style .frm_radio input[type=radio],.with_frm_style .frm_checkbox input[type=checkbox]{appearance: none;background-color: var(--bg-color);flex: none;display:inline-block !important;width: 16px !important;min-width: 16px !important;height: 16px !important;color: var(--border-color);border: 1px solid currentColor;border-color: var(--border-color);vertical-align: middle;position: initial; padding: 0;margin: 0;}.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked,.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {border-color: var(--border-color-active) !important;}.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {background-color: var(--border-color-active) !important;}.with_frm_style .frm_radio input[type=radio][disabled]:checked,.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {border-color: var(--border-color) !important; }.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {background-color: var(--border-color) !important;}.with_frm_style .frm_radio input[type=radio]:checked:before,.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {position: static !important; content: '';display: block;}.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {width: 100% !important;height: 100% !important;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='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;background-size: 9px !important;background-repeat: no-repeat !important;background-position: center !important;margin: 0;}.with_frm_style .frm_radio input[type=radio]:before {width: 8px;height: 8px;border-radius: 50%;background-color: var(--border-color-active);margin: 3px;}.with_frm_style .frm_radio input[type=radio][disabled]:before {background-color: var(--border-color);}.with_frm_style :invalid,.with_frm_style :-moz-ui-invalid{box-shadow:none;}.with_frm_style .frm_error_style img{padding-right:10px;vertical-align:middle;border:none;}.with_frm_style .frm_trigger{cursor:pointer;}.with_frm_style .frm_error_style,.with_frm_style .frm_message,.frm_success_style{border-radius:4px;padding:15px;}.with_frm_style .frm_message p {margin-bottom: 5px;color: var(--success-text-color) !important;}.with_frm_style .frm_message,.frm_success_style {margin: 5px 0 15px;border: 1px solid var(--success-border-color);background-color: var(--success-bg-color);color: var(--success-text-color) !important;border-radius: var(--border-radius);font-size: var(--success-font-size) !important;}.with_frm_style .frm_plain_success .frm_message {background-color: transparent;padding:0;border:none;font-size:inherit !important;color:inherit !important;}.with_frm_style .frm_plain_success .frm_message p {color:inherit !important;}.frm_form_fields_style,.frm_form_fields_active_style,.frm_form_fields_error_style,.frm_form_submit_style{width:auto;}.with_frm_style .frm_trigger span{float:left;}.with_frm_style table.frm-grid,#content .with_frm_style table.frm-grid{border-collapse:collapse;border:none;}.frm-grid td,.frm-grid th{padding:5px;border-width:1px;border-style:solid;border-color: var(--border-color);border-top:none;border-left:none;border-right:none;}.frm-alt-table {width:100%;border-collapse:separate;margin-top:0.5em;font-size:15px;border-width:1px;}.with_frm_style .frm-alt-table{border-color: var(--border-color);}.frm-alt-table th {width:200px;}.frm-alt-table tr {background-color:transparent;}.frm-alt-table th,.frm-alt-table td {background-color:transparent;vertical-align:top;text-align:left;padding:20px;border-color:transparent;}.frm-alt-table tr:nth-child(even) {background-color:#a7a7a7;}table.form_results.with_frm_style{border-style: solid;border-width: var(--field-border-width) !important;border-color: var(--border-color) !important;}table.form_results.with_frm_style tr td{text-align:left;padding:7px 9px;color: var(--text-color) !important;border-top-style: solid;border-top-width: var(--field-border-width) !important;border-top-color: var(--border-color) !important;}table.form_results.with_frm_style tr.frm_even,.frm-grid .frm_even{background-color:#fff;background-color:var(--bg-color) !important;}table.form_results.with_frm_style tr.frm_odd,.frm-grid .frm_odd {background-color: var(--bg-color) !important;}.frm_color_block {background-color:#a7a7a7;padding: 40px;}.with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,.frm_color_block.frm_section_heading h3 {border-width: 0 !important;}.frm_collapse .ui-icon{display:inline-block;}.frm_toggle_container{border:1px solid transparent;}.frm_toggle_container ul{margin:5px 0;padding-left:0;list-style-type:none;}.frm_toggle_container .frm_month_heading{text-indent:15px;}.frm_toggle_container .frm_month_listing{margin-left:40px;}#frm_loading{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}#frm_loading h3{font-weight:500;padding-bottom:15px;color:#fff;font-size:24px;}#frm_loading_content{position:fixed;top:20%;left:33%;width:33%;text-align:center;padding-top:30px;font-weight:bold;z-index:9999999;}#frm_loading img{max-width:100%;}#frm_loading .progress{border-radius:4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;height:20px;margin-bottom:20px;overflow:hidden;}#frm_loading .progress.active .progress-bar{animation:2s linear 0s normal none infinite progress-bar-stripes;}#frm_loading .progress-striped .progress-bar {background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));background-size:40px 40px;}#frm_loading .progress-bar {background-color: var(--bg-color);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;float: left;height: 100%;line-height: 20px;text-align: center;transition: width 0.6s ease 0s;width: 100%;}.frm_image_from_url{height:50px;}.frm-loading-img{background:url(https://mathsquestactivities.com/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center;padding:6px 12px;}select.frm_loading_lookup{background-image: url(https://mathsquestactivities.com/wp-content/plugins/formidable/images/ajax_loader.gif) !important;background-position: 10px;background-repeat: no-repeat;color: transparent !important;}.frm_screen_reader {border: 0;clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;word-wrap: normal !important; }.frm_screen_reader.frm_hidden{display:initial;}.frm_clear_none{clear:none;}.frm_clear{clear:both;}.frm_form_field.frm_alignright{float:right !important;}.with_frm_style .frm_form_field{clear:both;}.frm_combo_inputs_container,.frm_grid_container,.frm_form_fields .frm_section_heading,.frm_form_fields .frm_fields_container{display:grid;grid-template-columns: repeat(12, 1fr);grid-auto-rows: max-content;grid-gap: 0 2%;}.frm_combo_inputs_container > *,.frm_grid_container > *,.frm_section_heading > *,.frm_fields_container .frm_form_field,.frm_fields_container > *{grid-column: span 12 / span 12;}.frm_inline,.frm_form_field.frm_left_inline,.frm_form_field.frm_first_inline,.frm_form_field.frm_inline,.frm_submit.frm_inline,.frm_form_field.frm_right_inline,.frm_form_field.frm_last_inline{width:auto;grid-column: span 2 / span 2;}.frm6,.frm_half,.frm_form_field.frm_three_fifths, .frm_form_field.frm6,.frm_submit.frm6,.frm_form_field.frm_left_half,.frm_form_field.frm_right_half,.frm_form_field.frm_first_half,.frm_form_field.frm_last_half,.frm_form_field.frm_half,.frm_submit.frm_half{grid-column:span 6 / span 6;}.frm4,.frm_third,.frm_form_field.frm_two_fifths, .frm_form_field.frm4,.frm_submit.frm4,.frm_form_field.frm_left_third,.frm_form_field.frm_third,.frm_submit.frm_third,.frm_form_field.frm_right_third,.frm_form_field.frm_first_third,.frm_form_field.frm_last_third{grid-column:span 4 / span 4;}.frm8,.frm_two_thirds,.frm_form_field.frm8,.frm_submit.frm8,.frm_form_field.frm_left_two_thirds,.frm_form_field.frm_right_two_thirds,.frm_form_field.frm_first_two_thirds,.frm_form_field.frm_last_two_thirds,.frm_form_field.frm_two_thirds{grid-column: span 8/span 8;}.frm3,.frm_fourth,.frm_form_field.frm3,.frm_submit.frm3,.frm_form_field.frm_left_fourth,.frm_form_field.frm_fourth,.frm_submit.frm_fourth,.frm_form_field.frm_right_fourth,.frm_form_field.frm_first_fourth,.frm_form_field.frm_last_fourth{grid-column: span 3/span 3;}.frm9,.frm_three_fourths,.frm_form_field.frm_four_fifths, .frm_form_field.frm9,.frm_submit.frm9,.frm_form_field.frm_three_fourths{grid-column: span 9/span 9;}.frm_form_field.frm_left_fifth,.frm_form_field.frm_fifth,.frm_submit.frm_fifth,.frm_form_field.frm_right_fifth,.frm_form_field.frm_first_fifth,.frm_form_field.frm_last_fifth{grid-column: span 2/span 2;}.frm2,.frm_sixth,.frm_form_field.frm2,.frm_submit.frm2,.frm_form_field.frm_sixth,.frm_submit.frm_sixth,.frm_form_field.frm_first_sixth,.frm_form_field.frm_last_sixth{grid-column: span 2/span 2;}.frm10,.frm_form_field.frm10,.frm_submit.frm10{grid-column: span 10/span 10;}.frm1,.frm_form_field.frm1,.frm_submit.frm1,.frm_form_field.frm_seventh,.frm_submit.frm_seventh,.frm_form_field.frm_first_seventh,.frm_form_field.frm_last_seventh.frm_form_field.frm_eighth,.frm_submit.frm_eighth,.frm_form_field.frm_first_eighth,.frm_form_field.frm_last_eighth{grid-column: span 1/span 1;}.frm5,.frm_form_field.frm5,.frm_submit.frm5{grid-column: span 5/span 5;}.frm7,.frm_form_field.frm7,.frm_submit.frm7{grid-column: span 7/span 7;}.frm11,.frm_form_field.frm11,.frm_submit.frm11{grid-column: span 11/span 11;}.frm12,.frm_full,.frm_full .wp-editor-wrap,.frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']),.frm_full select,.frm_full textarea{width:100% !important;grid-column: span 12/span 12;box-sizing: border-box;}.frm_full .wp-editor-wrap input{width:auto !important;}.frm_first,.frm_form_field.frm_left_half,.frm_form_field.frm_left_third,.frm_form_field.frm_left_two_thirds,.frm_form_field.frm_left_fourth,.frm_form_field.frm_left_fifth,.frm_form_field.frm_left_inline,.frm_form_field.frm_first_half,.frm_form_field.frm_first_third,.frm_form_field.frm_first_two_thirds,.frm_form_field.frm_first_fourth,.frm_form_field.frm_first_fifth,.frm_form_field.frm_first_sixth,.frm_form_field.frm_first_seventh,.frm_form_field.frm_first_eighth,.frm_form_field.frm_first_inline,.frm_form_field.frm_first{grid-column-start:1;}.frm_last,.frm_form_field.frm_last,.frm_form_field.frm_alignright{grid-column-end:-1;justify-content: end;}.with_frm_style.frm_rtl .frm_form_fields .star-rating{float:right;}.with_frm_style.frm_rtl .frm_grid .frm_primary_label,.with_frm_style.frm_rtl .frm_grid_first .frm_primary_label,.with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label,.with_frm_style.frm_rtl .frm_grid .frm_radio,.with_frm_style.frm_rtl .frm_grid_first .frm_radio,.with_frm_style.frm_rtl .frm_grid_odd .frm_radio,.with_frm_style.frm_rtl .frm_grid .frm_checkbox,.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox,.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{float:right !important;margin-right:0 !important;}.with_frm_style.frm_rtl .frm_grid_first .frm_radio label input,.with_frm_style.frm_rtl .frm_grid .frm_radio label input,.with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input,.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input,.with_frm_style.frm_rtl .frm_grid .frm_checkbox label input,.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{float:left;}.with_frm_style.frm_rtl .frm_catlevel_2,.with_frm_style.frm_rtl .frm_catlevel_3,.with_frm_style.frm_rtl .frm_catlevel_4,.with_frm_style.frm_rtl .frm_catlevel_5{margin-right:18px;}.with_frm_style.frm_rtl div > .frm_time_select{margin-right:5px;}.frm_form_field.frm_inline_container,.frm_form_field.frm_right_container,.frm_form_field.frm_left_container{display: grid;grid-template-columns: 25% auto;width:100%;grid-auto-rows: min-content;}.frm_form_field.frm_right_container{grid-template-columns: auto 25%;}.frm_form_field.frm_inline_container{grid-template-columns: repeat(2, minmax(auto, max-content) );}.frm_form_field.frm_inline_container .frm_primary_label,.frm_form_field.frm_right_container .frm_primary_label,.frm_form_field.frm_left_container .frm_primary_label{margin-right:10px;grid-row:span 2/span 2;padding-top:4px;}.frm_form_field.frm_left_container .frm_primary_label{grid-column:1;grid-row:span 2/span 2; }.frm_form_field.frm_right_container .frm_primary_label{grid-column:2;grid-row:1;margin-right:0;margin-left:10px;}.frm_form_field.frm_inline_container .frm_description,.frm_form_field.frm_left_container .frm_description{grid-column:2;}.frm_form_field.frm_right_container .frm_description{grid-column:1;}.frm_conf_field.frm_left_container{grid-template-columns: 67%;}.frm_conf_field.frm_left_container .frm_description{grid-column:1;}.frm-fade-in {animation-name: fadeIn;animation-duration: 1s;animation-fill-mode: both;}@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}@keyframes fadeIn {   0% {opacity: 0;}   100% {opacity: 1;}}@media only screen and (max-width: 750px) {.frm_grid_container.frm_no_grid_750 > div{grid-column: span 12/span 12;}}@media only screen and (max-width: 600px) {.frm_section_heading > .frm_form_field,.frm_fields_container > .frm_submit,.frm_grid_container > .frm_form_field,.frm_fields_container > .frm_form_field{grid-column: 1 / span 12 !important;}.frm_grid_container.frm_no_grid_600,.frm_form_field.frm_inline_container,.frm_form_field.frm_right_container,.frm_form_field.frm_left_container{display:block;}}.frm_conf_field.frm_left_container .frm_primary_label{display:none;}.wp-editor-wrap *,.wp-editor-wrap *:after,.wp-editor-wrap *:before{box-sizing:content-box;}.with_frm_style .frm_grid,.with_frm_style .frm_grid_first,.with_frm_style .frm_grid_odd{clear:both;margin-bottom:0 !important;padding:5px;border-width:1px;border-style:solid;border-color: var(--border-color) !important;border-left:none;border-right:none;}.with_frm_style .frm_grid,.with_frm_style .frm_grid_odd{border-top:none;}.frm_grid .frm_error,.frm_grid_first .frm_error,.frm_grid_odd .frm_error,.frm_grid .frm_limit_error,.frm_grid_first .frm_limit_error,.frm_grid_odd .frm_limit_error{display:none;}.frm_grid:after,.frm_grid_first:after,.frm_grid_odd:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.frm_grid_first{margin-top:20px;}.frm_grid_first,.frm_grid_odd {background-color: var(--bg-color);}.frm_grid {background-color: var(--bg-color-active) !important;}.with_frm_style .frm_grid.frm_blank_field,.with_frm_style .frm_grid_first.frm_blank_field,.with_frm_style .frm_grid_odd.frm_blank_field{background-color:var(--error-bg) !important;border-color: var(--error-border);}.frm_grid .frm_primary_label,.frm_grid_first .frm_primary_label,.frm_grid_odd .frm_primary_label,.frm_grid .frm_radio,.frm_grid_first .frm_radio,.frm_grid_odd .frm_radio,.frm_grid .frm_checkbox,.frm_grid_first .frm_checkbox,.frm_grid_odd .frm_checkbox{float:left !important;display:block;margin-top:0;margin-left:0 !important;}.frm_grid_first .frm_radio label,.frm_grid .frm_radio label,.frm_grid_odd .frm_radio label,.frm_grid_first .frm_checkbox label,.frm_grid .frm_checkbox label,.frm_grid_odd .frm_checkbox label{color:transparent;text-indent: -9999px;white-space:nowrap;text-align:left;}.frm_grid_first .frm_radio label input,.frm_grid .frm_radio label input,.frm_grid_odd .frm_radio label input,.frm_grid_first .frm_checkbox label input,.frm_grid .frm_checkbox label input,.frm_grid_odd .frm_checkbox label input{visibility:visible;margin:2px 0 0;float:right;}.frm_grid .frm_radio,.frm_grid_first .frm_radio,.frm_grid_odd .frm_radio,.frm_grid .frm_checkbox,.frm_grid_first .frm_checkbox,.frm_grid_odd .frm_checkbox{display:inline;}.frm_grid_2 .frm_radio,.frm_grid_2 .frm_checkbox,.frm_grid_2 .frm_primary_label{width:48% !important;}.frm_grid_2 .frm_radio,.frm_grid_2 .frm_checkbox{margin-right:4%;}.frm_grid_3 .frm_radio,.frm_grid_3 .frm_checkbox,.frm_grid_3 .frm_primary_label{width:30% !important;}.frm_grid_3 .frm_radio,.frm_grid_3 .frm_checkbox{margin-right:3%;}.frm_grid_4 .frm_radio,.frm_grid_4 .frm_checkbox{width:20% !important;}.frm_grid_4 .frm_primary_label{width:28% !important;}.frm_grid_4 .frm_radio,.frm_grid_4 .frm_checkbox{margin-right:4%;}.frm_grid_5 .frm_primary_label,.frm_grid_7 .frm_primary_label{width:24% !important;}.frm_grid_5 .frm_radio,.frm_grid_5 .frm_checkbox{width:17% !important;margin-right:2%;}.frm_grid_6 .frm_primary_label{width:25% !important;}.frm_grid_6 .frm_radio,.frm_grid_6 .frm_checkbox{width:14% !important;margin-right:1%;}.frm_grid_7 .frm_primary_label{width:22% !important;}.frm_grid_7 .frm_radio,.frm_grid_7 .frm_checkbox{width:12% !important;margin-right:1%;}.frm_grid_8 .frm_primary_label{width:23% !important;}.frm_grid_8 .frm_radio,.frm_grid_8 .frm_checkbox{width:10% !important;margin-right:1%;}.frm_grid_9 .frm_primary_label{width:20% !important;}.frm_grid_9 .frm_radio,.frm_grid_9 .frm_checkbox{width:9% !important;margin-right:1%;}.frm_grid_10 .frm_primary_label{width:19% !important;}.frm_grid_10 .frm_radio,.frm_grid_10 .frm_checkbox{width:8% !important;margin-right:1%;}.frm_form_field.frm_inline_container .frm_opt_container,.frm_form_field.frm_right_container .frm_opt_container,.frm_form_field.frm_left_container .frm_opt_container{padding-top:4px;}.with_frm_style .frm_left_container > select.auto_width,.with_frm_style .frm_right_container > select.auto_width {width: max-content !important;}.with_frm_style .frm_right_container > .frm_primary_label,.with_frm_style .frm_right_container > select.auto_width {margin-left: auto !important;}.with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,.with_frm_style .frm_inline_container.frm_grid .frm_primary_label,.with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,.with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,.with_frm_style .frm_inline_container.frm_grid .frm_opt_container,.with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{margin-right:0;}.frm_form_field.frm_two_col .frm_opt_container,.frm_form_field.frm_three_col .frm_opt_container,.frm_form_field.frm_four_col .frm_opt_container{display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: max-content;grid-gap: 0 2.5%;}.frm_form_field.frm_three_col .frm_opt_container{grid-template-columns: repeat(3, 1fr);}.frm_form_field.frm_four_col .frm_opt_container{grid-template-columns: repeat(4, 1fr);}.frm_form_field.frm_two_col .frm_radio,.frm_form_field.frm_two_col .frm_checkbox,.frm_form_field.frm_three_col .frm_radio,.frm_form_field.frm_three_col .frm_checkbox,.frm_form_field.frm_four_col .frm_radio,.frm_form_field.frm_four_col .frm_checkbox{grid-column-end: span 1;}.frm_form_field .frm_checkbox,.frm_form_field .frm_radio {margin-top: 0;margin-bottom: 0;}.frm_form_field.frm_scroll_box .frm_opt_container{height:100px;overflow:auto;}.frm_html_container.frm_scroll_box,.frm_form_field.frm_html_scroll_box {height: 100px;overflow: auto;background-color: var(--bg-color);border-color: var(--border-color);border-width: var(--field-border-width);border-style: var(--field-border-style);border-radius: var(--border-radius);width: var(--field-width);max-width: 100%;font-size: var(--field-font-size);padding: var(--field-pad);box-sizing: border-box;outline: none !important;font-weight: normal;box-shadow: var(--box-shadow);}.frm_form_field.frm_total_big input,.frm_form_field.frm_total_big textarea,.frm_form_field.frm_total input,.frm_form_field.frm_total textarea{opacity:1;background-color:transparent !important;border:none !important;font-weight:bold;width:auto !important;height:auto !important;box-shadow:none !important;display:inline;-moz-appearance:textfield;padding:0;}.frm_form_field.frm_total_big input::-webkit-outer-spin-button,.frm_form_field.frm_total_big input::-webkit-inner-spin-button,.frm_form_field.frm_total input::-webkit-outer-spin-button,.frm_form_field.frm_total input::-webkit-inner-spin-button {-webkit-appearance: none;}.frm_form_field.frm_total_big input:focus,.frm_form_field.frm_total_big textarea:focus,.frm_form_field.frm_total input:focus,.frm_form_field.frm_total textarea:focus{background-color:transparent;border:none;box-shadow:none;}.frm_form_field.frm_label_justify .frm_primary_label{text-align:justify !important;}.frm_form_field.frm_capitalize input,.frm_form_field.frm_capitalize select,.frm_form_field.frm_capitalize .frm_opt_container label{text-transform:capitalize;}.frm_clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.frm_clearfix{display:block;}.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {margin-bottom: 0 !important;}@media only screen and (max-width: 900px) {.frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,.frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,.frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{display: block !important;}}@media only screen and (max-width: 600px) {.frm_form_field.frm_four_col .frm_opt_container{grid-template-columns: repeat(2, 1fr);}.with_frm_style .frm_repeat_inline,.with_frm_style .frm_repeat_grid{margin: 20px 0;}}@media only screen and (max-width: 500px) {.frm_form_field.frm_two_col .frm_radio,.frm_form_field.frm_two_col .frm_checkbox,.frm_form_field.frm_three_col .frm_radio,.frm_form_field.frm_three_col .frm_checkbox{width: auto;margin-right: 0;float: none;display:block;}.frm_form_field input[type=file] {max-width:220px;}.with_frm_style .frm-g-recaptcha > div > div,.with_frm_style .g-recaptcha > div > div{width:inherit !important;display:block;overflow:hidden;max-width:302px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);}.with_frm_style .g-recaptcha iframe,.with_frm_style .frm-g-recaptcha iframe{width:100%;}}.frm-card-element .sq-card-wrapper .sq-card-message {margin-bottom: 0;}.frm-card-errors:empty {margin: 0;}.frm_form_title{text-align: center;font-family : Poppins;font-weight: 700;}#frm_form_1_container, #frm_form_7_container{background-color: #DFFDFF70;border-radius: 15px;padding: 5%;width: 100%;}#frm_form_1_container button[type="submit"], #frm_form_7_container button[type="submit"]{font-family: "Poppins";color: #fcfcfc;border-radius: 25px;background: #af0001;box-shadow:  0 2.8px 2.2px rgba(0, 0, 0, 0.034),  0 6.7px 5.3px rgba(0, 0, 0, 0.048),  0 12.5px 10px rgba(0, 0, 0, 0.06),  0 22.3px 17.9px rgba(0, 0, 0, 0.072),  0 41.8px 33.4px rgba(0, 0, 0, 0.086),  0 100px 80px rgba(0, 0, 0, 0.12);margin: 4vmin 0 0 0;font-size: 1.5vmin;padding: 0.75vmin 2.5vmin;}#frm_form_1_container button[type="submit"]:hover, #frm_form_7_container button[type="submit"]:hover{color: white;background: #4aceda;border-color: #4aceda;}#frm_form_1_container button[type="submit"]:focus, #frm_form_7_container button[type="submit"]:focus{outline: none;}.with_frm_style input[type="radio"]{float: left;}