/* TOP SEC START */

.math-top{background: url('https://cdn.canadaqbank.com/www/CanadaMath/images/math-bank-banner.jpg')no-repeat center top;background-size: cover;min-height: 720px;}

/*.math-top img.img-responsive{max-height: 983px;}*/

.math-top .content_block{padding: 35px 0 0;}

.math-top .content_block .img_box{padding: 0 0 5px;width: 161px;height: 161px;}

.math-top .content_block .text_box{width: 453px;color: #f1fbfe;}

.math-top .content_block .text_box h2{position: relative;font-size: 60px;line-height: 86px;font-family: 'Montserrat', sans-serif;font-weight: 200;letter-spacing: -.04em;text-transform: uppercase;margin-bottom: 15px;}

.math-top .content_block .text_box h2 .math{font-size: 114px;font-weight: 700;font-style: italic;}

.math-top .content_block .text_box h2::after{content: "";position: absolute;width: 50px;height: 1px;bottom: 0;left: 0;background: #f1fbfe;}

.math-top .content_block .text_box p{font-size: 20px;line-height: 35px;font-family: 'Montserrat', sans-serif;font-weight: 400;letter-spacing: -.04em;}

/* TOP SEC END */



/* Math-Video Section Start */

.math-video-sec{position: relative;z-index: 99;margin-top: -135px;}

.math-video-sec img{border-radius: 4px;box-shadow: 0px 9px 24px 0px rgba(33, 33, 33, 0.31);}
.math-video-sec iframe{height:450px;}
.math-video-sec .play-btn{position: absolute;width: 155px;height: 155px;left: 0;right: 0;top: 0;bottom:0;background: url('https://cdn.canadaqbank.com/www/CanadaMath/images/play-btn.png')no-repeat center;z-index: 99;margin: auto;cursor: pointer;}

/* Math-Video Section End */



/* Youtube visit Buttom */

.visit-btn {display:inline-block; border-radius:.25rem; color:#fff; text-decoration:none; text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background: #ff6d00;border-radius: 6px;box-shadow: 0px 9px 24px 0px rgba(255, 109, 0, 0.29);color:#fff;padding: 10px 30px!important;border: 2px solid transparent!important;transition: all 500ms ease-in-out!important;}

.visit-btn span{font-size: 16px;line-height: 39px;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;letter-spacing: -.04em;padding-left: 15px;}

.visit-btn i.fa-youtube-play{font-size: 35px;line-height: 39px;vertical-align: middle;}

.visit-btn:hover{border-color: #ff6d00!important;background: #fff;color: #ff6d00;box-shadow:none; text-decoration:none;}

/* Youtube visit Buttom */



/* Canadamath-youtube section start */

.math-youtube-sec{margin-top: 45px;padding-top: 15px;}

.math-youtube-sec .lt_img img{width: 100%;height: 100%;}

.math-youtube-sec .rt_content .text_block{padding-left: 15px;padding-bottom: 40px;}

.math-youtube-sec .rt_content .text_block h2{font-size: 51px;line-height: 1;font-family: 'Montserrat', sans-serif;font-weight: 200;color: #242424;letter-spacing: -.04em;text-transform: uppercase;position: relative;}

.math-youtube-sec .rt_content .text_block h2 .youtube{font-weight: 700;display: block;font-size: 61px;line-height: 1.2;padding: 0 0 10px;margin: 0 0 15px;}

.math-youtube-sec .rt_content .text_block h2::after{content: "";position: absolute;width: 52px;height: 3px;bottom: 0;left: 0;background: #dadada;}

.math-youtube-sec .rt_content .text_block p{font-size: 16px;line-height: 29px;font-family: 'Montserrat', sans-serif;font-weight: 400;color: #4b4b4b;letter-spacing: -.04em;margin-bottom: 25px;}



/* Canadamath-youtube section End */



/* Math-Contest Section Start */

.mathContest-sec {padding: 60px 0;border: 1px solid rgba(164, 164, 164, 0.4);border-left: 0;border-right: 0;background: #fbfbfb;position: relative;}

.mathContest-sec .top_block h2{font-size: 35px;line-height: 59px;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #242424;text-align: center;padding: 0 0 20px;}

.mathContest-sec .top_block p, .mathContest-sec .bottom_block .text p{text-align: center;font-size: 19px;line-height: 30px;font-family: 'Montserrat', sans-serif;font-weight: 400;color: #4b4b4b;letter-spacing: -.04em;}



.mathContest-sec .bottom_block .col-lg-2{flex: 0 0 20%;max-width: 20%;}

.mathContest-sec .bottom_block{text-align: center;padding-top: 60px;}

.mathContest-sec .bottom_block .icons{padding-bottom: 40px;}



.mathContest-sec .bottom_block .visit-btn{position: absolute;bottom: -35px;left: 0;right: 0;margin: 0 auto;max-width: 362px;z-index: 99;}

/* Math-Contest Section End */



/* AMC Grade section start */

.amc-grade-sec{padding: 100px 0 50px;position: relative;}

.amc-grade-sec::before{content: "";position: absolute;left: 0;top: 0px;width: 50%;height: 100%;background: url('https://cdn.canadaqbank.com/www/CanadaMath/images/amc-grade-right-img.png')no-repeat center bottom;background-size: cover;z-index: -1;}

.amc-grade-sec .content_block{width: 50%;float: right;}

.amc-grade-sec .content_block .text p{font-size: 21px;line-height: 30px;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #4b4b4b;letter-spacing: -.04em;}



.amc-grade-sec .content_block .grade_list ul{padding-left: 0;}

.amc-grade-sec .content_block .grade_list ul li{list-style-type: none;font-size: 19px;line-height: 69px;font-family: 'Montserrat', sans-serif;font-weight: 400;color: #4b4b4b;letter-spacing: -.04em;position: relative;padding-left: 70px;margin: inherit;}

.amc-grade-sec .content_block .grade_list ul li::before{content: "";background: url('https://cdn.canadaqbank.com/www/CanadaMath/images/check-icon.png')no-repeat center, #279ace;border-radius: 50%;width: 51px;height: 51px;position: absolute;left: 0;top: 10px;z-index: 99;}

.amc-grade-sec .content_block .grade_list ul li::after{content: "";position: absolute;top: 50px;left: 25px;width: 1px;height: 50px;background: #cfd0d1;}

.amc-grade-sec .content_block .grade_list ul li:last-child::after{background: none;}

/* AMC Grade section End */



/* study and practice section start */

.stdy-prctce-sec{padding: 55px 0;background: url('https://cdn.canadaqbank.com/www/CanadaMath/images/image-bg2.jpg')no-repeat center;text-align: center;background-size: cover;}

.stdy-prctce-sec .top-block h2{font-size: 43px;line-height: 59px;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;color: #fff;position: relative;padding: 0 0 20px;margin: 0 0 20px;}

.stdy-prctce-sec .top-block h2::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 50px;height: 2px;background: #fff;margin: 0 auto;}



.stdy-prctce-sec .top-block{min-height: 700px;height:100%}



.stdy-prctce-sec .text_block{padding: 55px 0;border: 1px solid rgba(164, 164, 164, 0.4);border-left: 0;border-right: 0;}

.stdy-prctce-sec .text_block .icons{border-radius: 50%;width: 145px;height: 145px;margin: 0 auto;margin-bottom: 55px;position: relative;z-index: 9999;}

.stdy-prctce-sec .text_block .icons::after{content: "";position: absolute;top: 18px;right: -110px;width: 200px;height: 200px;background: url('https://cdn.canadaqbank.com/www/CanadaMath/images/s.png')no-repeat top left;z-index: -1;}

.stdy-prctce-sec .text_block .text p{font-size: 19px;line-height: 30px;font-family: 'Montserrat', sans-serif;font-weight: 400;letter-spacing: -.04em;color: #fff;padding: 0 35px;margin-bottom: 0;}

.stdy-prctce-sec .bottom-block{padding-top: 55px;}

/* study and practice section End */



/* ============== Responsive View =============== */



@media only screen and (orientation: landscape) {

    body {

      -webkit-text-size-adjust: none;

    }

  }

  

  @media only screen and (orientation: portrait) {

    body {

      -webkit-text-size-adjust: none;

    }

  }

  @media screen and (max-width: 1199px) {

    .math-top{min-height: 620px;}

    .math-top .content_block .img_box{width: 141px;height: 141px;}

    .math-top .content_block .text_box h2{font-size:50px;line-height: 76px;}

    .math-top .content_block .text_box h2 .math{font-size: 90px;}

    .math-top .content_block .text_box h2::after{width: 40px;}

    .math-top .content_block .text_box p{font-size:18px;line-height: 30px;}



    .math-video-sec .play-btn{width: 145px;height: 145px;background-size: 125px;}



    .math-youtube-sec .rt_content .text_block h2{font-size: 45px;}

    .math-youtube-sec .rt_content .text_block h2 .youtube{font-size: 53px;margin-bottom: 12px;}

    .math-youtube-sec .rt_content .text_block h2::after{width: 47px;}

    .math-youtube-sec .rt_content .text_block p{line-height: 25px;margin-bottom: 20px;}



    .mathContest-sec .top_block h2{font-size: 30px;line-height: 54px;}

    .mathContest-sec .top_block p, .mathContest-sec .bottom_block .text p{font-size: 17px;line-height: 27px;}



    .amc-grade-sec .content_block{width: 55%;}

    .amc-grade-sec .content_block .grade_list ul li{font-size: 17px;line-height: 59px;padding-left: 60px;}

    .amc-grade-sec .content_block .grade_list ul li::before{top: 5px;}



    .stdy-prctce-sec .top-block h2{font-size: 40px;}

    .stdy-prctce-sec .top-block{min-height: 600px;}

    .stdy-prctce-sec .text_block .icons{width: 135px;height: 135px;}

    .stdy-prctce-sec .text_block .icons::after{top: 15px;right: -94px;width: 180px;height: 180px;background-size: 160px;}

    .stdy-prctce-sec .text_block .text p{font-size: 17px;line-height: 27px;}
    .math-video-sec iframe{height:350px;}

  }

  

  @media screen and (max-width: 991px) {
    .math-video-sec iframe{height:300px;}

    .math-top {min-height: 520px;background-position-x: 58%;}

    .math-top .content_block .img_box {width: 100px;height: 100px;margin-bottom: 10px;}

    .math-top .content_block .text_box h2 {font-size: 40px;line-height: 56px;}

    .math-top .content_block .text_box {width: 335px;}

    .math-top .content_block .text_box h2 .math {font-size: 70px;}

    .math-top .content_block .text_box p {font-size: 16px;line-height: 25px;}



    .math-video-sec{margin-top: -100px;}

    .math-video-sec .play-btn {width: 125px;height: 125px;background-size: 100px;}



    .math-youtube-sec .rt_content .text_block h2 {font-size: 35px;}

    .math-youtube-sec .rt_content .text_block h2 .youtube {font-size: 42px;line-height: 1;}

    .math-youtube-sec .rt_content .text_block{padding-left: 0;}



    .visit-btn{padding-left: 15px!important;padding-right: 15px!important;}

    .visit-btn i.fa-youtube-play {font-size: 25px;line-height: 30px;}



    .mathContest-sec .top_block h2 {font-size: 28px;line-height: 35px;}

    .mathContest-sec .top_block p, .mathContest-sec .bottom_block .text p {font-size: 15px;line-height: 25px;}

    .mathContest-sec .bottom_block{padding-top: 40px;}

    .mathContest-sec .bottom_block .col-lg-2{padding-top:20px;flex: 0 0 33.33%;max-width: 33.33%;}

    .mathContest-sec .bottom_block .visit-btn{bottom: -27px;max-width: 330px;}



    .amc-grade-sec{padding-top: 80px;}

    .amc-grade-sec::before {width: 100%;background-blend-mode: multiply;background-color: rgba(0,0,0,0.5);background-attachment: fixed;}

    .amc-grade-sec .content_block {width: 100%;}

    .amc-grade-sec .content_block .text p, .amc-grade-sec .content_block .grade_list ul li{color: #fff;}



    .stdy-prctce-sec .top-block {min-height: 460px;}

    .stdy-prctce-sec .top-block h2 {font-size: 30px;line-height: 40px;}

    .stdy-prctce-sec .text_block .icons {width: 120px;height: 120px;margin-bottom: 40px;}

    .stdy-prctce-sec .text_block .icons::after {top: 20px;right: -80px;width: 150px;height: 150px;background-size: 135px;}

    .stdy-prctce-sec .text_block .text p {font-size: 16px;line-height: 25px;padding: 0;}

  }

  

  @media screen and (max-width: 767px) {
    .math-video-sec iframe{height:280px;}

    .math-top {min-height: 470px;background-position-x: 70%;background-color: rgba(0,0,0,0.3);background-blend-mode: multiply;}

    .math-top .content_block .img_box {width: 90px;height: 90px;}

    .math-top .content_block .text_box{width: 100%;}

    .math-top .content_block .text_box h2 {font-size: 35px;line-height: 50px;padding-bottom: 10px;}

    .math-top .content_block .text_box h2 .math {font-size: 60px;display: block;}



    .math-video-sec .play-btn {width: 100px;height: 100px;background-size: 70px;}



    .math-youtube-sec .rt_content .text_block{padding-top: 20px;}

    .math-youtube-sec .rt_content .text_block h2 {font-size: 30px;}

    .math-youtube-sec .rt_content .text_block h2 .youtube {font-size: 35px;}



    .mathContest-sec .top_block h2 {font-size: 25px;line-height: 32px;}



    .mathContest-sec .top_block p span{display: inline-block!important;}



    .stdy-prctce-sec .top-block {min-height: 360px;}

    .stdy-prctce-sec .top-block h2 {font-size: 25px;line-height: 35px;}

  }

  @media screen and (max-width: 520px) {

    .math-top .content_block .text_box h2 {font-size: 30px;line-height: 40px;}

    .math-top .content_block .text_box h2 .math {font-size: 55px;}

    .math-video-sec .play-btn {width: 80px;height: 80px;background-size: 60px;}

    .mathContest-sec .top_block h2 {font-size: 23px;line-height: 30px;}

    .mathContest-sec .bottom_block .row{margin-left: auto;margin-right: auto;}

    .mathContest-sec .bottom_block .col-lg-2 {flex: 0 0 45.67%;max-width: 45.67%;border: 1px solid rgba(0,0,0,0.1);margin: 0px 10px 20px;}

    .amc-grade-sec .content_block .text p {font-size: 19px;line-height: 25px;}

    .amc-grade-sec .content_block .grade_list ul li{font-size: 16px;line-height: 25px;padding-top: 15px;padding-bottom: 15px;margin-bottom: 20px;}

    .amc-grade-sec .content_block .grade_list ul li::after{height: 75px;}
    .math-video-sec iframe{height:200px;}

  }