a {cursor:pointer}
.header.sticky.absolute-light {
    background: #000;
    height: 100px;
}

.dtOnly {display:none}

/* HeroCorporate */
.heroCorpH {position:relative;background-color:#000}
.imgBgMbl {width:100%}
.imgBgDtp {width:100%;display:none}
.imgSleigh {
    position:absolute;top:20px;left:10px;
    width:43vw;max-width:170px;transform:rotate(-10deg)
}
section.heroCorpH .heroContent {
    background-image: url("/themes/mathnasium/assets/images/bg-num-blup.gif");
    background-size: cover;background-position: center center;background-repeat: no-repeat;
    padding:30px;margin-top:-5vw;position:relative;max-width:none;
}
section.heroCorpH .heroContent .imgSleigh {display:none}
section.heroCorpH .hero-corporate-htag-title {
    font-size:19px;line-height:1.3;letter-spacing:normal;color:#fff;
    text-transform:none;margin-bottom:1em;font-weight:700;
}
@media (min-width:576px) {
    .imgBgMbl {margin-top:-11vw}
    section.heroCorpH .heroContent {margin-top:-11vw}
}
@media (min-width:768px) {
    .heroCorpH {height:465px;overflow:hidden}
    .imgBgMbl {display:none}
    .imgBgDtp {display:block;position:absolute;width:120%;top:-50px}
    .imgSleigh {display:none}
    section.heroCorpH .heroContent .imgSleigh {display:block;position:static;margin-bottom:10px}
    section.heroCorpH .heroContent {background:none;margin-top:0}
    section.heroCorpH .hero-corporate-htag-title {text-shadow:0 0 7px #000}
    section.heroCorpH .primary-theme-btn {width:80%;margin-left:0}
}
@media (min-width:992px) {
    .heroCorpH {height:475px}
    .imgBgDtp {width:120%;top:-100px}
    section.heroCorpH .hero-corporate-htag-title {font-size:20px;padding-right:50px}
}
@media (min-width:1279px) {
    .imgBgDtp {width:105%;top:-100px}
}
@media (min-width:1280px) {
    #pageTopPad {padding-top:100px !important}
}
@media (min-width:1400px) {
    .imgBgDtp {width:100%;top:-140px;margin-left:100px}
}

/* ImageBlock */
.imgBlockStyle003 {padding:2rem 0}
.imgBlockStyle003 .title {
    font-size:25px;line-height:40px;font-weight:900;
    letter-spacing:0;margin-bottom:1.5rem;text-transform:initial;
}
.imgBlockStyle003 .content {position:relative}
.imgBlockStyle003 .content p {width:100%;padding-bottom:170px}
.imgBlockStyle003 .content img {position:absolute;bottom: 0;left:0;right:0;margin-inline:auto;width: 90%}
@media (min-width:576px) {
    .imgBlockStyle003 .title {font-size:2.5rem;line-height:50px}
    .imgBlockStyle003 .content p {width:64%;padding-bottom:150px}
}
@media (min-width: 768px) {
    .imgBlockStyle003 .content p {width:60%}
}
@media (min-width: 992px) {
    .imgBlockStyle003 .content p {padding-bottom:200px}
}
@media (min-width:1279px) {
    .imgBlockStyle003 .content img {width:80%}
    .imgBlockStyle003 .content p {margin-left:30px;padding-bottom:250px}
}
@media (min-width:1400px) {
    .imgBlockStyle003 .content p {font-size:19px;line-height:31px}
}

/* Image Block Alternative Component */

.imgBlockAltStyle001 {
    padding: 2rem 0;
    background-image: url("/themes/mathnasium/assets/images/bg-num-whtp.gif");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.imgBlockAltStyle001 .title {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 1.5rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: initial;
}

.imgBlockAltStyle001 .headerCont {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.imgBlockAltStyle001 .imgCont img {
    width: 100%;
}

.imgBlockAltStyle001 .contentCont {
    margin: 1em 0;
}

.imgBlockAltStyle001 .socialCont {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.imgBlockAltStyle001 .socialCont p {
    font-size: 1.2rem;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: initial;
    color: #9A9FB3;
    margin-bottom: 10px;
}

.imgBlockAltStyle001 .socialCont ul {
    display: flex;
    align-items: center;
    font-size: 28px;
    line-height: normal;
    padding: 0;
}

.imgBlockAltStyle001 .socialCont ul li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 0 0;
}

.imgBlockAltStyle001 .socialCont ul li:last-of-type {
    margin: 0;
}

.imgBlockAltStyle001 .socialCont ul .twitter svg,
.imgBlockAltStyle001 .socialCont ul .youtube svg {
    vertical-align: unset;
    height: 28px;
    width: 28px;
    margin-top: 1px;
}

.imgBlockAltStyle001 .socialCont ul .twitter svg path,
.imgBlockAltStyle001 .socialCont ul .youtube svg path {
    fill: #000;
}

.imgBlockAltStyle001 .socialCont ul .twitter a:hover svg path,
.imgBlockAltStyle001 .socialCont ul .youtube a:hover svg path {
    fill: #EF3E33;
}

@media (min-width:576px) {
    .imgBlockAltStyle001 .title {
        font-size: 2.5rem;
        line-height: 50px;
    }
}

@media (min-width: 768px) {
    .imgBlockAltStyle001 .actionsCont {
        margin-top: 2em;
    }

    .imgBlockAltStyle001 .headerCont {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .imgBlockAltStyle001 .socialCont {
        align-items: end;
    }

    .imgBlockAltStyle001 .socialCont ul {

    }
}

/* Video Component */
.videoStyle001 {
    padding: 2rem 0;
    background-image: url("/themes/mathnasium/assets/images/bg-num-blup.gif");
}

.videoStyle001 .title {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 1.5rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: initial;
    color: #FFF;
}

.videoStyle001 .videoCont .videoWrapper {
    position: relative
}
.videoStyle001 .videoCont .videoWrapper > img {
    width: 100%;
    height: auto;
    position: relative;
    object-fit: cover;
}
.videoStyle001 .videoCont .videoWrapper > a {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.videoStyle001 .contentCont {
    margin-top: 25px
}

.videoStyle001 .contentCont ul {font-size:17px;color:#fff;font-weight:500}
.videoStyle001 .contentCont ul li {margin-bottom:10px}

@media (min-width:576px) {
    .videoStyle001 .title {
        font-size: 2.5rem;
        line-height: 50px;
    }
}

/* MCL */
.mclCont.container {padding-top:20px}
@media (max-width:768px) {
    .mclCont.container #mclTop {padding:0 10px}
    .mclCont.container {
        padding-right:0;padding-left:0;max-width:none
    }
}

/* Percentile Component */
.math-center-our-result {
    border-top: 10px solid #EBE70E;
    padding: 2rem 0 4rem 0
}
.math-center-our-result .headerContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.math-center-our-result .headerContainer > div {
    margin-bottom: 10px;
}
.math-center-our-result .percentileLeadingText {
    font-size: 1.2rem;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: initial;
    color: #9A9FB3;
    margin-bottom: 10px;
}
.math-center-our-result .percentileTitle {
    font-size: 38px;
    line-height: 50px;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: initial;
}
.math-center-our-result .circleOuterContainer {
    justify-content: space-evenly;
    margin-top: 1rem;
}
.math-center-our-result .circleContainerRepeater {
    padding: 0 2rem;
}

.math-center-our-result .circleContainer {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.2rem auto;
}
.math-center-our-result .circleBorder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 10px), black calc(100% - 9px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 10px), black calc(100% - 9px));
}
.math-center-our-result .circleContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    height: 70%;
    text-align: center;
}
.math-center-our-result .circleContent p {
    margin: 0;
}
.math-center-our-result .circleContent .percent {
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: 5px;
}
.math-center-our-result .circleContent .title {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.1;
    margin-bottom: 1.2rem;
}

.pctOurResMbl {padding:30px 25px}
.pctOurResMbl .headingRow {margin-bottom:20px}
.pctOurResMbl .headingRow .ln1 {font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:10px}
.pctOurResMbl .headingRow .ln2,
.pctOurResMbl .pctRow .c2 .title {font-size:25px;font-weight:900;letter-spacing:-1px;line-height:35px;text-transform:none}
.pctOurResMbl {background-color:#f2f0ee}
.pctOurResMbl .pctRow {flex-wrap:nowrap;margin-bottom:20px}
.pctOurResMbl .pctRow .c1 {position:relative;width:90px;height:90px;padding:0;margin:0}
.pctOurResMbl .pctRow .c1 .circle {
    border-radius:50%;width:90px;height:90px;
    mask:radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 3px));
}
.pctOurResMbl .pctRow .c1 .pctNum  {
    position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
    width:84px;height:84px;line-height:84px;border-radius:50%;background-color:#fff;
    text-align:center;color:#000;font-size:34px;font-weight:900;letter-spacing:-1px;
}
.pctOurResMbl .pctRow .c2 {padding:0 0 0 20px}
.pctOurResMbl .pctRow .c2 p {margin:-5px 0 0 0}
.pctOurResMbl .pctRow .c2 .title {margin:0}
.pctOurResMbl .pctRow .c2 .descr {line-height:19px}
.pctOurResMbl .btnCta a {text-align:center;width:200px;display:block}

.lpHoliday .math-center-our-result .circleContent .title {
    display: none;
}

.lpHoliday .math-center-our-result, .lpHoliday .pctOurResMbl {
    background-image: url(/themes/mathnasium/assets/images/bg-num-whtp.gif);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.lpHoliday .math-center-our-result .circleContainer {
    background: #FFF;
}

.lpHoliday .math-center-our-result .headerContainer {
    justify-content: normal;
}

@media (min-width: 576px) {
    .math-center-our-result .circleContainerRepeater {margin:0 auto}

    .pctOurResMbl {padding:50px 30px}
    .pctOurResMbl .headingRow .ln1 {font-size:1.4rem}
    .pctOurResMbl .headingRow .ln2, .pctOurResMbl .pctRow .c2 .title {font-size:30px}
    .pctOurResMbl .pctRow {margin-bottom:30px}
    .pctOurResMbl .pctRow .c1,
    .pctOurResMbl .pctRow .c1 .circle {width:110px;height:110px}
    .pctOurResMbl .pctRow .c1 .pctNum {width:104px;height:104px;line-height:104px;font-size:40px}
    .pctOurResMbl .pctRow .c2 .title {margin:10px 0}
    .pctOurResMbl .pctRow .c2 .descr {font-size:17px;line-height:24px}
}

@media (min-width: 768px) {
    .mclCont.container {padding-bottom:30px}
    .pctOurResMbl {display:none}
    .math-center-our-result.dtOnly {display:block}
    .math-center-our-result .circleContainerRepeater {margin:0 auto !important}
    .math-center-our-result .circleContainer {margin:0 auto}
    .math-center-our-result .circleContainer.cc3 {margin-top:-30px}
    .math-center-our-result .circleContent {width:80%;height:80%}
    .math-center-our-result .circleContent .percent {font-size:4rem}
    .math-center-our-result .circleContent .title {font-size:1.5rem}
    .math-center-our-result .circleContent {width:64%}
    .math-center-our-result .circleBorder {width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}
    .math-center-our-result .primary-theme-btn {margin-top:40px}
}

@media (min-width: 992px) {
    .math-center-our-result .circleContainerRepeater {width:33%;padding:18px}
    .math-center-our-result .circleContainer.cc3 {margin:0 auto}
}

@media (min-width: 1200px) {
    .math-center-our-result .circleContainerRepeater {
        padding: 2.5rem;
        margin: 0;
    }
}
@media (min-width:1400px) {
    .math-center-our-result.dtOnly .container,
    .maCeEnrl .container {max-width:1250px}
}
