@charset "utf-8";

/* Rest css */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video,
source {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu {
    display: block;
}

nav ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

ins {
    background-color: #ff9;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eee;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}


/* CSS Document */

a {
    /* color:#7e868e; */
    color: #4e4e4e;
}

a:focus,
a:hover {
    color: #666;
    outline: none;
    text-decoration: none;
}

.top-header {
    background: #808183;
    display: block;
    color: #fff;
    font-size: 13px;
    padding: 14px 0;
}

.top-header a {
    color: #fff
}

.gray-text {
    color: #d4d4d4
}

.support_site {
    margin-right: 24px;
    display: inline-block
}


/*.container{ max-width:1000px;}*/


/* Navigation section */

.eng-sub img {
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    margin-top: 1px;
}

.call-to-action.help-green-outer.worksheetouter-section7 .signupctabanner.call-block {
    display: flex;
    width: 538px;
}


/*----header navigation fixed------*/
.cc_banner-wrapper{
    position: fixed !important;
    bottom: 0;
    width: 100%;
}
@media (min-width:1100px) {
    
    .cc_banner-wrapper>.cc_container {
        position: relative !important;
    }
    .cc_banner-wrapper > .cc_container .cc_message{
        text-align: center;
    }
    .cc_banner-wrapper >.cc_container .cc_btn{
        position: absolute;
        right: 15%;
    }
}

.home-banner h1 {
    font-size: 50px;
    color: #fff;
}

.home-bg .home-banner h1 {
    color: #fff;
    line-height: 56px;
}

.home-top-banner {
    font-size: 33px !important;
}

.home-bg .home-banner h1 sup {
    top: -5px;
    font-size: 32px;
}

.hero-right p {
    color: #4e4e4e;
    margin: 25px 0;
    font-size: 18px;
}

.hero-right span {
    font-size: 16px;
}

.green-btn {
    background: #23bdbd;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    padding: 19px 42px 21px 42px;
    line-height: 24px;
    float: left;
    transition: all 0.3s;
    color: #fff;
    border-radius: 4px;
}

.green-btn:active,
.green-btn:focus,
.green-btn:hover:focus {
    background: #23BDBD;
    border: 1px solid #158D8D;
}

.pricing_btn_color,
.pricing_btn_color:hover,
.pricing_btn_color:active,
.pricing_btn_color:focus{
    background: #E57038 !important; 
}
.pricing_btn_color:hover,.pricing_btn_color:active,
.pricing_btn_color:focus{
border: 1px solid #E57038;
}

.start-trial {
    background: rgba(0, 0, 0, 0) url("../images/trial_bg.png") no-repeat scroll left top;
    display: inline-block;
    float: left;
    height: 172px;
    padding: 30px 20px;
    text-align: center;
    width: 225px;
    margin-left: 12px;
    margin-top: 30px;
    position: relative;
    opacity: 0
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.hero-right .one-day-trial {
    color: #f6871f;
    display: block;
    font-size: 24px;
    line-height: 26px;
}

.hero-right .one-month-subs {
    color: #8e959c;
    display: inline-block;
    font-size: 16px;
    margin-top: 6px;
}

.owl-logo {
    bottom: 0px;
    position: absolute;
    right: 0px;
    opacity: 0;
    z-index: 99;
}


/*Inner banner*/

.inner-banner {
    background: #aecfea;
    min-height: 300px;
    display: block;
    position: relative;
}

.key-stage-banner {
    min-height: 395px;
}

.key-stage-banner .hero-right {
    position: relative;
    z-index: 99;
}

.inner-banner h1 {
    font-size: 48px;
    color: #fff;
}

.hero-right p {
    font-weight: bold;
    color: #4e4e4e;
    margin: 25px 0;
    font-size: 18px;
}

.hero-left {
    width: auto;
    display: inline-block;
    padding: 15px 0;
    float: left;
}

.features {
    padding: 40px 0
}

.features .section-title {
    margin-bottom: 55px;
}

.feature-block h3 {
    font-size: 22px;
    color: #4e4e4e;
    margin: 0 0 10px;
}

.key-stage-feature {
    padding-bottom: 40px;
}

.key-stage-banner .hero-right {
    margin-top: 30px;
    max-width: 55%;
    width: 53%;
}

.key-stage-banner h1 {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 10px;
}

.key-stage-banner .hero-right p {
    margin: 5px 0 0;
}

.key-stage-banner .green-btn {
    margin-top: 10px;
}

.everything-you-need {
    padding: 50px 0 40px;
}

.everything-you-need .section-title {
    max-width: 700px;
    margin: 0 auto 80px;
}

.key-stage-intro h3 {
    font-size: 22px;
    line-height: 28px;
    color: #4e4e4e;
    margin: 0 0 10px;
    background: url(../images/key-stage-owl.png) 0 0 no-repeat;
    padding: 0 0 10px 70px;
}

.key-stage-intro p {
    font-size: 14px;
    line-height: 22px;
    color: #7e868e;
    margin: 0 0 10px;
}

.subject-listing {
    text-align: center;
}

.subject-listing h3 {
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 20px;
    color: #4e4e4e;
}

.subject-listing a {
    font-size: 14px;
    color: #78a641;
    margin: 0 0 10px 0;
}

.marquee-list {
    position: relative;
    margin: 20px 0px;
    padding: 0 10px;
}

.marquee-list span {
    margin: 0 7px;
    font-size: 16px;
    color: #4e4e4e;
}

.marquee-list:before,
.marquee-list:after {
    content: "";
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 23px 0 15px -10px #fff inset;
}

.marquee-list:after {
    left: auto;
    right: 0;
    box-shadow: -23px 0 15px -10px #fff inset;
}


/* Get Started section */

.get-started {
    padding-bottom: 50px
}

.get-started h2 {
    text-align: center;
    font-size: 42px;
    color: #363636
}

.create-acc {
    background: #e4362f;
}

.multi-platform {
    background: #f4781e
}

.check-progress {
    background: #346fb7
}

.circle {
    border-radius: 50%;
    color: black;
    display: table;
    height: 138px;
    font-weight: bold;
    font-size: 1.2em;
    width: 138px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.circle span {
    display: table-cell;
    vertical-align: middle;
    height: 138px;
    width: 138px;
    text-align: center;
    padding: 0 15px;
}

.teacher,
.student {
    left: -45%;
    position: absolute;
    top: 25%;
    opacity: 0;
}

.createacc-mob {
    display: none
}

.student {
    margin-left: 2px;
}

.desktop-icon,
.iphone-icon {
    position: absolute
}

.desktop-icon {
    left: 28px;
    top: 28px;
}

.iphone-icon {
    right: 22px;
    top: 0px;
    opacity: 0
}

.check_progress {
    height: 0px;
    display: inline-block !important;
}

.step-carousel {
    padding-bottom: 0px;
}

.check_progress1 {
    position: absolute;
    top: -25px;
    left: 22px;
    opacity: 0;
}

.check_progress2 {
    position: absolute;
    top: 57px;
    left: 30px;
    opacity: 0;
    height: 0;
    width: 68px;
    transform: translateY(48px);
    -webkit-transform: translateY(48px);
}

.assign-work {
    background-color: #e22d25;
}

.auto-marking {
    background-color: #f37114;
}

.give-reward {
    background-color: #2b68b3;
}

.file-icon,
.file-icon1,
.file-icon2 {
    position: absolute;
    top: 47px;
    left: 40px;
}

.auto-marking-icon,
.auto-marking-icon1 {
    position: absolute;
    left: 40px;
    top: 27px;
}

.auto-marking-icon1 {
    top: 62px;
    left: 64px;
    opacity: 0;
}

.give-reward-icon1 {
    position: absolute;
    left: 34px;
    top: 0;
    opacity: 0;
    z-index: 9;
}

.give-reward-icon2 {
    position: absolute;
    left: 47px;
    top: 0;
    opacity: 0;
    z-index: 8;
}

.animation-text {
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    width: 84%;
    margin-top: 28px;
    min-height: 132px
}

.subtitle {
    margin-bottom: 38px;
    margin-top: 24px;
    color: #221638;
    font-weight: 500;
    font-size: 14px;
}

#getstarted-carousel .carousel-indicators .active,
#getstarted-carousel .carousel-indicators li {
    background-color: #bababa
}

.get-started h3 {
    font-size: 22px;
    color: #4e4e4e;
    margin-bottom: 15px
}

.get-started p {
    font-size: 14px;
    color: #221638;
    font-weight: 500;
    padding: 0 10px;
}

#getstarted-carousel p {
    color: #8e959c;
}

.step-carousel .slick-dots {
    bottom: 0;
}

.slick-dots li {
    margin: 0 2px;
}

.slick-dots li button {
    padding: 0;
}

.slick-dots li button:before {
    width: 24px;
    height: 24px;
    font-size: 16px;
    color: #bababa;
    border: 4px solid transparent;
    border-radius: 50%;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    color: transparent;
    border: 4px solid #bababa;
    opacity: 1;
}

.mobile-slider {
    background: url(../images/edplace_desktop.png) center 61px no-repeat;
    width: 100%;
    float: left;
    margin-top: -50px;
}

.iphone-slider {
    background: url(../images/iphone-slider-frame.png) center top no-repeat;
    width: 260px;
    height: 467px;
    display: inline-block;
    padding: 62px 35px 0 33px;
    float: right;
    margin: 0 22px 50px 0;
}

.iphone-slider img {
    width: 100%;
}


/* How it works section */

.feature-how-it-works {
    padding: 40px 0;
}

.feature-how-it-works h2 {
    text-align: center;
    font-size: 42px;
    color: #363636
}

.feature-how-it-works p.subtitle {
    padding-bottom: 0px
}


/*.feature-how-it-works .circle{ background-color:#3d76bb !important;}*/

.feature-how-it-works .circle img {
    display: inline-block;
}

#how-it-works-carousel {
    padding-bottom: 60px;
}

#how-it-works-carousel>div {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

#how-it-works-carousel h3 {
    color: #4e4e4e;
    font-size: 22px;
    margin-bottom: 15px;
}

#how-it-works-carousel p {
    color: #8e959c;
    font-size: 14px;
    padding: 0 10px;
}


/* Benifits sections */

.benifits {
    background: #efefef;
    padding: 20px 0 80px;
}

.section-title {
    text-align: center;
    color: #221638;
    font-size: 42px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 50px;
}

.benifits .subtitle {
    margin: 0 0 120px
}

.benifits .benefits-points>div {
    min-height: 166px;
    list-style: none
}

.benifits .benefits-points>div h3 {
    color: #221638;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}

.benifits .benefits-points>div p {
    color: #221638;
    padding: 0;
    font-weight: 500;
}

.slider_icon {
    position: absolute;
    right: 41px;
    top: -83px;
}


/* Quality content sections */

.quality-content {
    padding: 30px 0;
    float: left;
    width: 100%;
}

.quality-content .section-title {
    max-width: 560px;
    margin: 0 auto;
}

.row-gap {
    margin-top: 50px;
}

.quality-content .quality-content-block {
    padding-bottom: 50px;
    clear: both;
    width: 100%;
    display: inline-block;
}

.quality-content .quality-content-block h3 {
    font-size: 22px;
    color: #221638;
    margin: 0 0 15px;
    font-weight: 600;
}

.quality-content .quality-content-block p {
    font-size: 14px;
    color: #221638;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 15px;
}

.quality-content .quality-content-block a.btn {
    font-size: 14px;
    line-height: 14px;
}


/* Testimonial */

.testimonial {
    padding: 100px 0;
}

.testimonial .circle {
    width: 100px;
    height: 72px;
    overflow: hidden;
}

.testimonial .circle span {
    width: 100px;
    height: 86px;
    padding: 0
}

.testimonial .circle img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.testimonial .circle.pink-circle,
.testimonial .circle.orange-circle,
.testimonial .circle.blue-circle {
    border-width: 7px;
    border-style: solid
}

.testimonial .circle.pink-circle {
    border-color: #e63f38
}

.testimonial .circle.orange-circle {
    border-color: #f4781e
}

.testimonial .circle.blue-circle {
    border-color: #346fb7
}

.testi-name {
    color: #666666;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.testimonialtext {
    margin: 8px auto 0;
    width: 80%;
}

.testi-text {
    color: #7e868e
}

.testimonial .section-title {
    margin-bottom: 68px;
}


/* About and my team section */

.home-about {
    display: block;
    background: #f4a900;
    padding-top: 80px;
    padding-bottom: 140px
}

.home-about h4 {
    color: #363636;
    font-size: 29px;
    margin-bottom: 34px;
}

.home-about p {
    color: #7f5a00;
    width: 86%
}

.right-border {
    border-right: 1px solid #f7c345
}

.home-about a {
    color: #3d382d;
    margin-top: 14px;
    display: inline-block
}

.home-about .glyphicon-triangle-right {
    font-size: 8px;
    top: 0
}

.home-about .abt-circle {
    border: 7px solid #ffc12d;
    width: 92px;
    height: 92px;
    overflow: hidden;
    border-radius: 50%;
    float: left
}

.home-about .read-more a {
    margin-left: 12px;
    margin-top: 30px;
}

.read-more {
    margin-top: 19px;
}

.our-team p {
    width: 100%
}


/* Benefits block */

.inner-benfits {
    padding: 70px 0;
    background-color: #fff;
}

.inner-benfits .section-title {
    margin-bottom: 60px;
}

.benefits-img-slider {
    text-align: center;
}

.benefits-img-slider img {
    display: inline-block;
}

ul.banefits-listing {
    margin: 0;
    padding: 0 0 0 11%;
}

ul.banefits-listing li {
    margin: 0 0 70px
}

ul.banefits-listing li img {
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle;
}

ul.banefits-listing li span {
    width: calc(100% - 85px);
    -webkit-width: calc(100% - 85px);
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    color: #7e868e;
}


/* Pricing Page */

.pricing-block {
    padding: 50px 0 70px;
}

.pricing-block h1 {
    font-size: 50px;
    color: #78a641;
    margin: 0 0 40px;
    font-weight: normal;
    padding: 0 10px;
    text-align: center;
}

.price-block {
    width: 305px;
    display: inline-block;
    background: #e4e4e5;
    border-radius: 0 5px 5px 0;
    color: #494949;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.price-block .subject {
    font-size: 24px;
    border-bottom: 1px solid #f4f4f5;
    padding: 17px 0;
}

.one-subject {
    margin-top: 9px;
}

.one-subject .pricing {
    padding: 25px 20px;
    margin-bottom: 26px;
}

.one-subject .pricing h2 {
    line-height: 10px;
    padding-top: 20px;
}

.one-subject .price-feature-block {
    border-top: 0;
    margin-top: 0;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 20px;
}

.one-subject .price-feature-block ul li {
    margin-bottom: 23px;
}

.pricing {
    padding: 30px 20px;
    border-bottom: 1px solid #f4f4f5;
}

.pricing h2 {
    font-size: 90px;
    line-height: 10px;
    padding-top: 20px;
}

.pricing h2 sup {
    font-size: 30px;
    vertical-align: top;
    margin-right: 10px;
}

.pricing h2 sub {
    font-size: 12px;
}

.ordiv {
    float: left;
    line-height: 30px;
    width: 100%;
    margin-top: 30px;
}

.pricing span {
    display: block;
    font-size: 24px;
    padding: 8px 0;
}

.action {
    border: 3px solid;
    padding: 15px 10px 10px;
    border-radius: 6px;
    font-size: 24px;
    line-height: 24px;
    margin-top: 10px;
    display: inline-block;
    color: #fff
}

a.action:hover,
a.action:focus,
a.action:active {
    color: inherit;
    text-decoration: none
}

.action.one-subject-plan {
    color: #494949;
    margin-top: 0px;
}

.action span {
    font-size: 14px;
    line-height: 22px;
}

.price-feature-block {
    padding: 27px 20px 35px 10px;
}

.price-feature-block ul {
    margin: 0;
    padding: 0;
}

.price-feature-block ul li {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    background: url(../images/tick-grey.png) 0 7px no-repeat;
    padding-left: 25px;
    margin-bottom: 25px;
}

.price-feature-block a.get-started-btn {
    background: none;
    display: inline-block;
    border: 3px solid #71a138;
    border-radius: 10px;
    color: #78a641;
    font-size: 24px;
    line-height: 24px;
    padding: 12px 25px 15px;
    text-align: center;
}

.price-feature-block a.get-started-btn:hover {
    background: #71a138;
    color: #fff;
    text-decoration: none;
}

.best-value-block {
    background: #75a720;
    color: #fff;
    border-radius: 5px;
    margin: 0 -3px 0 0;
}

.best-value-block:after {
    background: rgba(0, 0, 0, 0) url("../images/best-value-tag.png") no-repeat scroll 0 0;
    content: "";
    /* display: inline-block; */
    height: 118px;
    left: -5px;
    position: absolute;
    top: -6px;
    width: 100px;
}

.best-value-block .price-feature-block a.get-started-btn {
    border: 3px solid #fff;
    color: #fff;
}

.best-value-block .price-feature-block ul li {
    background: url(../images/white-tick.png) 0 7px no-repeat;
}

.best-value-block .subject {
    padding: 20px 0;
}

.best-value-block .price-feature-block {
    padding: 27px 20px 55px;
}

.price-review {
    background: none;
}

.price-review p {
    font-size: 15px;
    color: #7e868e;
}

.price-review p a {
    color: #78a641;
}

.price-review .trustpilot-widget {
    margin-bottom: 10px;
}


/* a.expand,
        a.collapse {
            position: absolute;
            left: 50%;
            bottom: -16px;
            margin-left: -16px;
            display: none;
        } */

.pricing-desc {
    color: #4e4e4e;
    font-weight: bold;
    font-size: 15px;
    margin: -20px auto 20px;
    text-align: center;
}


/* Feature Page */

.feature-banner {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 410px;
    background-color: #e7e4df;
}

.feature-banner-tutor {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    background-color: #e7e4df;
}

.hero-full {
    text-align: left;
    padding-left: 25px;
    margin-top: 80px;
    max-width: 57%;
}

.hero-full h1 {
    margin: 0 0 25px;
    text-shadow: 0.5px 0.5px 0.5px #868789;
}

.hero-full p {
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;
    margin: 25px 0;
}

.hero-full-tutor {
    text-align: left;
    padding-left: 25px;
    padding-right: 15px;
    margin-top: 80px;
    max-width: 57%;
    float: right;
}

.hero-full-tutor h1 {
    margin: 0 0 25px;
    text-shadow: 0.5px 0.5px 0.5px #868789;
}

.hero-full-tutor p {
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;
    margin: 25px 0;
}

.inner-banner.feature-banner {
    background-image: url(../images/feature-banner.png);
}

.inner-banner.feature-banner-tutor {
    background-image: url(../images/tutor-feature-banner.png);
    background-size: cover;
}

.key-stage-banner .hero-right .start-trial-btn {
    color: #f6871f;
    display: block;
    font-size: 24px;
    line-height: 26px;
}

.key-stage-banner .hero-right .start-trial-btn-span {
    color: #8e959c;
    display: inline-block;
    font-size: 16px;
    margin-top: 6px;
}

.get-started.features-page {
    background: #efefef;
    padding-top: 60px;
}


/*--------------------------New Tutor Page 02-08-16--------------------------------*/

.tutor-desc {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: bold;
    margin: -20px auto 20px;
    text-align: center;
}

.price-box {
    background: #e4e4e5 none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
    color: #494949;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: 25px 0 0;
}

.price-box .subject {
    border-bottom: 1px solid #f4f4f5;
    font-size: 24px;
    padding: 20px 0;
}

.price-box .pricing {
    border-bottom: none;
    padding: 2px 5px 25px;
    position: relative;
}

.price-box .pricing h2 {
    font-size: 55px;
    line-height: 100px;
}

.price-box .pricing h2 sup {
    font-size: 25px;
    margin-right: 2px;
    vertical-align: super;
}

.price-box .pricing h2 sub {
    font-size: 12px;
}

.price-box .pricing span {
    display: block;
    font-size: 24px;
    padding: 0 0 6px;
}

.price-box .label {
    background: #f68712 none repeat scroll 0 0;
    border: 2px solid #f4713a;
    border-radius: 50px;
    bottom: 33px;
    height: 55px;
    position: absolute;
    right: 10px;
    width: 55px;
}

.price-box .label .label-content {
    position: relative;
}

.price-box .label .label-content>p {
    font-size: 10px;
    position: absolute;
    right: -5px;
    top: 18px;
}

.price-box .price-feature-block {
    padding: 27px 5px 5px;
}

.price-box .price-feature-block ul li {
    font-size: 14px;
}

.price-box .price-feature-block a.get-started-btn {
    font-size: 22px;
    line-height: 22px;
    padding: 12px 18px 15px;
}

.pricing-block .price-box:nth-child(2) {
    border-left: 1px solid #fff;
}

.pricing-block .price-box:nth-child(3) {
    border-left: 1px solid #fff;
}

.pricing-block .price-box .pricing h2 {
    padding: 0 !important;
}

.big-save-block {
    border-radius: 5px;
    color: #fff;
    margin: 0 0px 0 0;
    background: #75a720 scroll right 0px;
    padding: 0 0 30px;
}

.price-box-green .subject {
    border-bottom: 1px solid #f4f4f5;
    font-size: 22px;
    padding: 43.5px 0 25px;
}

.price-box-green .pricing {
    padding: 2px 5px 25px;
}

.price-box-green .pricing h2 {
    font-size: 55px;
    line-height: 100px;
}

.price-box-green .pricing h2 sup {
    font-size: 25px;
    margin-right: 2px;
    vertical-align: super;
}

.price-box-green .pricing h2 sub {
    font-size: 12px;
}

.price-box-green .pricing span {
    display: block;
    font-size: 24px;
    padding: 0 0 6.5px;
}

.price-box-green .price-feature-block ul li {
    background: rgba(0, 0, 0, 0) url("../images/white-tick.png") no-repeat scroll 0 7px;
}

.price-box-green .price-feature-block {
    padding: 0px 28px 25px;
}


/* Teacher New Login Dashboard Ends */

.head-signin {
    background: #75A720;
    border-radius: 5px 5px 0 0;
    padding: 10px 0 10px 10px;
}

.heading_content_signin {
    font-size: 18px;
    color: #fff;
    padding: 3px;
}

.helpboxbg_new {
    background: #f4f4f4;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    padding: 12px 20px;
}

.signupformnew001 input.textfield {
    float: left;
    width: 240px!important;
    border-radius: 5px;
}

.signupformnew001 .selectbox {
    width: 100%;
    clear: both;
}

.signupformnew001 .selectbox .select_plan {
    background: url("../../img/school-newimages/select-icon-arrow.png") no-repeat scroll 225px 13px #fff;
    overflow: hidden;
    width: 46%;
    border-radius: 6px;
    float: left;
}

.signupformnew001 .selectbox .subjectbox {
    margin-left: 23px;
}

.signupformnew001 select.textfield {
    background: none repeat scroll 0 0 transparent;
    border-radius: 6px;
    margin: 2px 0;
    width: 110%;
}

.signupformnew001 input.confirmbtn_signup {
    background: url("../images/signmeup.png") no-repeat center top !important;
    margin: 6px auto 6px 0;
    width: 100%;
    height: 32px;
    text-align: center;
}

.signupSuccess input.close_submit_form {
    background-color: #F63131;
    clear: both;
    float: left;
    margin: 6px auto 6px 40%;
    width: 80px;
    height: 35px;
    padding: 4px;
    border-radius: 6px;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 18px;
}

body.school_pricing_new #fancybox-close {
    background: url("../../img/school-newimages/cross-arrow.png") no-repeat 0px 0!important;
    right: 10px !important;
    top: 6px !important;
}

#fancybox-wrap {
    left: 28% !important;
}

.signupformnew001 {
    margin: 0;
}

.error_from {
    color: red;
    font-size: 15px;
    position: relative;
    float: left;
    padding-right: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 20px;
}

.signupSuccess {
    display: none;
}

#signupForm .signuptext {
    color: #6F7072;
    font-size: 16px;
    font-weight: normal;
    float: left;
    padding-bottom: 10px;
}

#signupSuccess .signuptext {
    color: #6F7072;
    font-size: 16px;
    font-weight: normal;
    float: left;
    padding: 3px;
    margin-bottom: 10px;
    line-height: 20px;
}

.ajaxouter .imagesection {
    width: 48px;
    height: 48px;
    left: 46%;
    top: 50%;
    position: absolute;
    position: fixed;
    z-index: 999999;
}

.ajaxouter .imagesection img {
    background-color: #333333;
    margin: -24px 0 0 -24px;
    padding: 5px;
    border-radius: 3px;
}

div.cnt-case {
    padding: 0px;
}

.tutor_link {
    float: right;
    margin: -26px 31px 0 0;
    width: 30%;
}

.tutor_link a {
    color: #939393;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-right: 34px;
    text-align: left;
    text-decoration: underline;
}

.tutor_link a:nth-child(2n) {
    margin-right: 0px;
}

.mailsend a {
    margin-top: 10px;
    display: block;
}


/*Lead form popup*/

.leadlightBox {
    background: url(../../images/loaderouter_bg.png) 0 0 repeat;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    overflow: auto;
}

.leadlightBox .contanerbox {
    width: 600px;
    margin-left: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    color: #000000;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    padding: 8px 10px;
    position: absolute;
    right: auto;
    top: 2%;
    cursor: pointer;
}

.leadlightBox .contanerbox .closeleadfrom {
    border: 2px solid #ffffff;
    background-color: #e63e38;
    border-radius: 20px;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 11px;
    padding: 8px;
    position: absolute;
    right: 21px;
    top: 11px;
    cursor: pointer;
}

.price-feature-list {
    float: left;
    padding: 50px 0;
    width: 100%;
}

.price-feature-list .col-md-3 {
    min-height: 95px;
}

.price-box .subject span {
    display: block;
    font-size: 16px;
    width: 100%;
}

.price-feature-list .col-md-3>p {
    background: rgba(0, 0, 0, 0) url("../images/tick-grey.png") no-repeat scroll 0 7px;
    font-size: 16px;
    padding: 0 0 0 25px;
    text-align: left;
}

.price-feature-list a.get-started-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 3px solid #71a138;
    border-radius: 10px;
    color: #78a641;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    padding: 12px 25px 15px;
    text-align: center;
    text-decoration: none;
    margin: 40px 0 25px;
}

.price-feature-list a.get-started-btn:hover {
    background: #71a138 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

#tutorleadlightBox {
    font-family: Arial;
}

.signmeup-btn {
    border: 2px solid;
    border-radius: 4px;
    color: #78a641;
    font-size: 14px;
    line-height: 14px;
    margin-left: 15px;
    margin-top: 25px;
    padding: 9px 15px 11px;
}

.signmeup-btn:hover {
    background: #71a138 none repeat scroll 0 0;
    text-decoration: none;
    color: #fff;
}

.signmeup-div {
    float: left;
    width: 100%;
    text-align: center;
}

#tutor_singup_form>label {
    float: left;
    line-height: 15px;
    margin: 0 25px 0 0;
    text-align: left;
    width: 240px;
}

#tutor_singup_form label>span {
    color: gray;
    font-family: arial;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 5px 0px;
}

.price-box-green .price-feature-block a.get-started-btn {
    border: 3px solid #fff;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    padding: 12px 18px 15px;
}

#most-pop {
    position: absolute;
    right: -5px;
    top: -4px;
    z-index: 999;
}

.tutor-pbox {
    display: block !important;
}


/*--------------------------New Tutor Page 02-08-16--------------------------------*/


/*-----------------------------------------------------------New Tutor Page 02-08-16----------------------------------------------------------------------*/

.tutor-desc {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: bold;
    margin: -20px auto 20px;
    text-align: center;
}

.price-box {
    background: #e4e4e5 none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
    color: #494949;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: 25px 0 0;
}

.price-box .subject {
    border-bottom: 1px solid #f4f4f5;
    font-size: 24px;
    padding: 20px 0;
}

.price-box .pricing {
    border-bottom: 1px solid #f4f4f5;
    padding: 2px 5px 12px;
    position: relative;
}

.price-box .pricing h2 {
    font-size: 55px;
    line-height: 100px;
}

.price-box .pricing h2 sup {
    font-size: 25px;
    margin-right: 2px;
    vertical-align: super;
}

.price-box .pricing h2 sub {
    font-size: 12px;
}

.price-box .pricing span {
    display: block;
    font-size: 24px;
    padding: 0 0 6px;
}

.price-box .label {
    background: #f68712 none repeat scroll 0 0;
    border: 2px solid #f4713a;
    border-radius: 50px;
    bottom: 33px;
    height: 55px;
    position: absolute;
    right: 10px;
    width: 55px;
}

.price-box .label .label-content {
    position: relative;
}

.price-box .label .label-content>p {
    font-size: 10px;
    position: absolute;
    right: -5px;
    top: 18px;
}

.price-box .price-feature-block {
    padding: 27px 5px 35px;
}

.price-box .price-feature-block ul li {
    font-size: 14px;
}

.price-box .price-feature-block a.get-started-btn {
    font-size: 22px;
    line-height: 22px;
    padding: 12px 18px 15px;
}

.pricing-block .price-box:nth-child(2) {
    border-left: 1px solid #fff;
}

.pricing-block .price-box:nth-child(3) {
    border-left: 1px solid #fff;
}

.big-save-block {
    border-radius: 5px;
    color: #fff;
    margin: 0 -4px 0 0;
    background: #75a720 url("../images/big-sav1.png") no-repeat scroll right 0px;
    padding: 0 0 30px;
}

.price-box-green .subject {
    border-bottom: 1px solid #f4f4f5;
    font-size: 22px;
    padding: 42px 0 25px;
}

.price-box-green .pricing {
    border-bottom: 1px solid #f4f4f5;
    padding: 2px 5px 12px;
}

.price-box-green .pricing h2 {
    font-size: 55px;
    line-height: 100px;
}

.price-box-green .pricing h2 sup {
    font-size: 25px;
    margin-right: 2px;
    vertical-align: super;
}

.price-box-green .pricing h2 sub {
    font-size: 12px;
}

.price-box-green .pricing span {
    display: block;
    font-size: 24px;
    padding: 0 0 6.5px;
}

.price-box-green .price-feature-block ul li {
    background: rgba(0, 0, 0, 0) url("../images/white-tick.png") no-repeat scroll 0 7px;
}

.price-box-green .price-feature-block {
    padding: 27px 5px 35px;
}

.price-box-green .price-feature-block a.get-started-btn {
    font-size: 22px;
    line-height: 22px;
    padding: 12px 18px 15px;
    border: 3px solid #fff;
    color: #fff;
}


/*-----------------------------------------------------------/New Tutor Page 02-08-16----------------------------------------------------------------------*/


/*-----------------------------------------------------------New Price Page 02-08-16----------------------------------------------------------------------*/

.pricing-block h1 span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #4e4e4e;
    margin: 15px 0 10px;
}

.price-feature-list {
    float: left;
    padding: 50px 0;
    width: 100%;
}

.price-feature-list .col-md-3 {
    min-height: 95px;
}

.price-feature-list .col-md-3>p {
    background: rgba(0, 0, 0, 0) url("../images/tick-grey.png") no-repeat scroll 0 7px;
    font-size: 16px;
    padding: 0 0 0 25px;
    text-align: left;
}

.pricebox-new {
    margin-bottom: 25px;
}

.pricebox-new.price-box-green .pricing {
    border-bottom: none;
}

.pricebox-new.price-box .subject {
    font-size: 28px;
}

.pricebox-new.price-box .pricing h2 {
    font-size: 38px;
}

.pricebox-new.price-box-green .subject {
    padding: 42px 0 23px;
}

.pricebox-new.big-save-block {
    position: relative;
    border-radius: 5px;
    color: #fff;
    margin: 0 -4px 0 0;
    background: #75a720;
    padding: 0 0 30px;
}

.pricebox-new.big-save-block:after {
    content: "";
    width: 92px;
    height: 77px;
    background: url("../images/saving.png") no-repeat scroll 0 0px;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: -4px;
}

.plans-outer {
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 0 auto;
    padding: 15px;
    width: 650px;
}

.plans-outer .brdr-top {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
}

.plans-outer h4 {
    float: left;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    width: 100%;
    margin-bottom: 12px;
}

.plans-outer h4 span {
    float: left;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    width: 100%;
    color: #f6871f;
}

.plans-outer p {
    float: left;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    width: 100%;
}

.plans-outer h3 {
    float: left;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    width: 100%;
}

.conditions-outer {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.conditions-innerdiv>h3 {
    float: left;
    font-size: 16px;
    line-height: 36px;
    width: 100%;
    margin: 30px 0 10px;
}

.conditions-innerdiv>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
}


/*-----------------------------------------------------------/New Price Page 02-08-16----------------------------------------------------------------------*/

@media (max-width:767px) {
    .desktopclickmenu {
        display: none;
    }
    .mobileclickmenu {
        display: block;
    }
}

@media (max-width:736px) {
    #ft_partners_bottombar>li {
        width: 100%;
        text-align: center;
    }
}


/*Trial Pop UP*/

.trial-popup .modal-body form label.error {
    background: none;
    color: red;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    font-weight: normal;
}

.success-icon {
    background: url("../images/complete-icon.png") no-repeat left top;
    width: 19px;
    height: 19px;
    position: absolute;
    content: "";
    right: -28px;
    top: 50%;
    display: none;
    z-index: 1;
}

.trial-popup .modal-body form .form-control.success~.success-icon {
    display: block;
}

.modal {
    z-index: 999999;
}

.trial-popup {
    width: 616px;
}

.trial-popup .modal-body {
    overflow: hidden;
    padding: 0;
}

.trial-popup .modal-body form {
    text-align: left;
    margin-top: 0px;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.trail-sub-heading {
    color: #555555;
    font-size: 18px;
    margin-bottom: 25px;
}

.trial-popup .modal-body form label {
    font-size: 12px;
    opacity: 1;
    margin-bottom: 2px;
    font-weight: 500;
    color: #8A8496;
}

.trial-popup .modal-body form .form-control {
    height: 50px;
    border: 1px solid #eee;
    color: #8b8b8b;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: none;
}

.trial-popup .modal-body form .form-control .dropdown-toggle {
    height: 100%;
    border: none;
}

.trial-popup .modal-body form .form-control .dropdown-toggle:hover {
    background: #fff;
}

.trial-popup .modal-body form .form-control:active,
.trial-popup .modal-body form .form-control:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
    box-shadow: 0 4px 16px 2px rgba(61, 69, 94, 0.14);
    background: #fff;
    outline: none !important;
}

.bootstrap-select.form-control .dropdown-toggle:focus {
    outline: none !important;
    background: #fff;
}

input,
textarea,
[contenteditable] {
    caret-color: #23BDBD;
}

.trial-popup .modal-body form .form-group {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.trial-popup .modal-body form label span {
    color: #78a461;
    font-size: 17px;
    line-height: 12px;
}

.domain-field {
    padding-right: 112px;
    position: relative;
    color: #8b8b8b;
    font-size: 14px;
}

.domain-name {
    position: absolute;
    right: 0;
    top: 37px;
}

.domain-name a {
    position: absolute;
    right: 0;
    top: -22px;
}

.domain-name a img {
    height: auto;
    width: 18px;
}

.password-field .form-control {
    padding-right: 72px;
}

.password-field {
    position: relative;
}

.hide-link {
    background: #ededed none repeat scroll 0 0;
    color: #979797;
    content: "HIDE";
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 31px;
    width: 61px;
    font-weight: 500;
}

.hide-link:hover,
.hide-link:focus {
    color: #979797;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: rgba(0, 0, 0, 0);
}

#free-trial .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus:active,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
}

#free-trial .dropdown-menu>li>a {
    padding: 13px 20px;
}

.or-division {
    color: #c6ccd2;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin-top: 22px;
}

.or-division:after {
    background: #dee2e7 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 100%;
}

.or-division span {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    padding: 0 14px;
    position: relative;
    width: 45px;
    z-index: 999;
}

.social-sign-up {
    overflow: hidden;
    border: 1px solid #cacaca;
    border-radius: 3px;
    margin: 18px 0 42px;
}

.social-sign-up li {
    float: left;
    list-style: none;
    overflow: hidden;
    width: 50%;
    text-align: center;
    color: #949494;
    font-size: 20px;
    border-right: 1px solid #cacaca;
    padding: 13px 17px;
}

.social-sign-up li img {
    float: left;
}

.social-sign-up li a {
    color: #949494;
}

.social-sign-up li:last-child {
    border: none;
}

.social-sign-up ul {
    padding: 0;
}

.gray-bottom {
    width: 100%;
    float: left;
    border-radius: 0 0 6px 6px;
}

.gray-bottom p {
    color: #8a8b8e;
    font-size: 15px;
    margin: 6px 0;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.g-policy-links p {
    font-size: 12px;
}

.g-policy-links {
    border-radius: 0;
}

.gray-bottom p span {
    float: left;
    width: 92%;
    text-align: left;
}

.gray-bottom p span {
    width: 98%;
}

.login_bottom {
    margin-bottom: 25px;
}


/* .gray-bottom input[type="checkbox"]{position: static; background:#fff;} */


/* padding: 19px 20px; */

.gray-bottom {
    text-align: center;
    margin-top: 5px;
    color: #8b8b8b;
    font-size: 15px;
}

.gray-bottom a {
    color: #23BDBD;
    text-decoration: none;
}

.suucce-field:after {
    background: url("../images/complete-icon.png") no-repeat left top;
    width: 19px;
    height: 19px;
    position: absolute;
    content: "";
    right: -31px;
    top: 50%;
}


/** 9-2-17 **/

.trail-heading,
.trail-sub-heading {
    text-align: center;
}

.modal-backdrop.in {
    opacity: 0.8;
}


/*.abcRioButtonBlue{ background-color: transparent !important;}
.social-sign-up li:last-child{padding: 0;}
.social-sign-up li{ padding-top:11px;}
.abcRioButtonContents > span{color:#949494;}
.abcRioButtonContents > span{left: 56px;  position: absolute; font-size:20px;}
.abcRioButtonContents {  font-weight: 300;font-family: "TeXGyreAdventor-Regular","Century Gothic",Arial,"Sans Serif" !important; }*/

.free-trial .modal-content {
    background-clip: none;
}


/* Custom Checkboxes*/


/* Base for label styling */

.trial-popup [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.trial-popup [type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    cursor: pointer;
}


/* checkbox aspect */

.trial-popup [type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    position: absolute;
    left: 0;
    top: 0;
}


/* checked mark aspect */

.trial-popup [type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '✔';
    position: absolute;
    top: .1em;
    left: .3em;
    font-size: 1.3em;
    line-height: 0.8;
    color: grey;
    transition: all .2s;
}


/* checked mark aspect changes */

.trial-popup [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.trial-popup [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}


/* disabled checkbox */

.trial-popup [type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.trial-popup [type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

.trial-popup [type="checkbox"]:disabled+label {
    color: #aaa;
}


/* #free-trial input[type="checkbox"] + label::before{border:none!important;} */

.trial-popup .modal-body form .gray-bottom label {
    display: inline;
    margin-right: 10px;
    float: left;
    width: 24px;
    height: 24px;
}

.trial-popup .error {
    float: left;
}


/* Custom Checkboxes*/


/** 9-2-17 **/


/*Trial Pop UP*/

.trial-popup .modal-body form label.error {
    background: none;
    color: #D93338;
    padding-left: 0;
    padding-top: 0;
    font-weight: normal;
}

.trial-popup .modal-body form .form-control.error {
    border: 1px solid #D93338;
}

.trial-popup .create-act.btn-default {
    background-color: #23BDBD;
    border: none;
    width: 100%;
    height: 48px;
    color: #ffffff;
    margin-top: 7px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    float: left;
}

.trial-popup .create-act.btn-default:hover {
    background-color: #158D8D;
}

.trial-popup .create-act.btn-default:focus {
    background-color: #23BDBD;
    border: 1px solid #158D8D;
}


/* Fixes for the prelogin pages */

.navigation-a-spans span {
    float: none;
}

#email-green-form input {
    height: auto;
    width: auto;
}

.visibility-hidden {
    visibility: hidden;
}

.visibility-show {
    visibility: visible;
}

@media(max-width:767px) {
    #free-trial .domain-field .success-icon {
        right: 115px;
    }
    #free-trial .modal-content .success-icon {
        right: 4px;
    }
    #free-trial .trial-popup .modal-body form input.form-control {
        padding-right: 27px;
    }
}


/*** New homepage css**/

.home-banner1 {
    background-image: url('../images/ipad-banner.png')
}

@media (min-width:768px) and (max-width:991px) {
    .home-bg .home-banner {
        background-size: cover !important;
    }
}

.home-banner1:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/clouds.png) center top repeat-x;
    height: 163px;
    display: inline-block;
}

.home-banner1.feature-banner-tutor.mob-feature-banner {
    background-size: cover;
    height: 800px;
}

.home-banner1 .hero-full-tutor {
    float: left;
    max-width: 68%;
    padding-left: 7%;
}

.home-banner1 h1 {
    color: #78a461;
    font-size: 43px;
}

.home-banner1 p {
    font-size: 20px;
}

.home-banner1 .btn-success {
    background: #78a641 none repeat scroll 0 0;
    color: #ffffff;
    border: none;
}

.home-banner1 .btn.btn-success {
    font-size: 18px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 170px;
}

.easyAs h2 {
    text-align: center;
    font-size: 42px;
}

.easyAs .text-center.subtitle {
    font-weight: 600;
    color: #404345;
}

.form-control::-webkit-input-placeholder {
    text-transform: none;
    color: #CECECE;
    font-size: 16px;
    font-weight: 500;
}

.form-control::-moz-placeholder {
    text-transform: none;
    color: #CECECE;
    font-size: 16px;
    font-weight: 500;
}

.form-control:-moz-placeholder {
    text-transform: none;
    color: #CECECE;
    font-size: 16px;
    font-weight: 500;
}

.form-control:-ms-input-placeholder {
    text-transform: none;
    color: #CECECE;
    font-size: 16px;
    font-weight: 500;
}

.social-sign-up a:hover {
    text-decoration: none;
}


.green-btn:hover {
    color: #fff;
    background: #158d8d;
    box-shadow: none;
    text-decoration: none;
}

.btn.active,
.btn:active {
    box-shadow: none;
}

#exampleInputEmail1-error a {
    color: #1EBCBC;
}


/** banner-fix **/

.gcse-banner.topic1-banner-img {
    height: 310px;
}

.subject-banner.gcse-banner .start-trial {
    bottom: 90px;
}


/*Mumsnet pages css goes here*/

.feature-banner-tutor.mumset-banner {
    height: calc(100vh - 127px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.inner-banner.mumset-banner.feature-banner-tutor {
    background-image: url(../images/mumset-banner.jpg);
    background-size: cover;
    background-position: 190px;
    background-color: #fff;
}

.get-started.features-page.has-white-bg {
    background: #fff;
}

.get-started.has-white-bg p {
    font-size: 17px;
}

.mumset-banner .hero-full-tutor {
    margin: 0;
    padding: 0;
    float: none;
    max-width: 48%;
}

.mumset-banner.inner-banner .hero-full-tutor h1 {
    font-size: 34px;
    line-height: 42px;
    text-align: center;
}

.mumset-banner figure {
    text-align: center;
}

.mumset-banner figure img {
    width: 180px;
}

.mumset-banner .hero-full-tutor p {
    text-align: center;
    font-size: 29px;
    margin-bottom: 0;
}

.munsntters-think.topic-section5 {
    padding-top: 0;
}

.munsntters-think.topic-section5 .container .heading h4 {
    margin-bottom: 55px;
}

.mumsnetters-think {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 84%;
    margin: auto;
    float: none;
}

.mumsnetters-think img {
    width: 85px;
}

.mumsnetters-think li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.mumsnetters-think p {
    color: #ff9900;
    font-size: 45px;
    margin-left: 20px;
    display: flex;
}

.mumsnetters-think p span {
    font-size: 23px;
    position: relative;
    top: 28px;
    left: 7px;
}

.mumsnetters-think p.green {
    color: #28b22e;
}

.slider-wrapper {
    padding: 0 0 106px;
    float: left;
    width: 100%;
}

.slider-munsntters {
    background: #f8f8f8;
    padding: 28px 70px 20px;
    box-shadow: 1px 2px 6px 0px rgba( 0, 0, 0, 0.15);
    margin-bottom: 0;
    margin: auto;
    float: none;
}

.slider-munsntters .slick-slide {
    padding: 0 15px;
    min-height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-munsntters .slick-slide img {
    display: inline-block;
}

.slider-munsntters p {
    color: #000;
    font-size: 18px;
    font-style: italic;
}

.view-articles {
    font-size: 12px;
    color: #77a73a;
    border: 2px solid #77a73a;
    height: 52px;
    width: 130px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-top: 10px;
}

.view-articles:active,
.view-articles:focus,
.view-articles:hover {
    color: #77a73a;
}

.slider-munsntters .slick-prev,
.slider-munsntters .slick-next {
    height: 50px;
    width: 50px;
    z-index: 9;
    top: 58%;
    color: transparent;
    position: absolute;
    margin-top: -27px;
    padding: 0;
}

.slider-munsntters .slick-next {
    right: 0;
}

.slider-munsntters .slick-next:before {
    content: url("../images/right-arrow.png");
}

.slider-munsntters .slick-arrow {
    height: 100%;
    top: 0;
    width: 60px;
    opacity: 1;
    margin-top: 0;
    background: #fff;
}

.slider-munsntters .slick-prev:before {
    content: url("../images/left-arrow.png");
}

.slider-munsntters .slick-prev {
    left: 0;
}

.slider-munsntters .slick-prev:hover,
.slider-munsntters .slick-prev:focus,
.slider-munsntters .slick-next:hover,
.slider-munsntters .slick-next:focus {
    background-color: #fff;
}

.slider-munsntters .slick-prev::before,
.slider-munsntters .slick-next::before {
    opacity: 1;
}

.average-increase {
    float: left;
    width: 100%;
    margin-top: 160px;
    text-align: center;
}

.average-increase h1 {
    color: #575756;
    font-size: 39px;
    margin-bottom: 30px;
}

.average-increase p {
    color: #76a62c;
    font-size: 76px;
    margin-bottom: 53px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.average-increase p span {
    font-size: 27px;
    color: #575756;
    text-align: left;
}

.average-increase.the-result h1 {
    margin-bottom: 50px;
}

.average-increase.the-result p {
    font-size: 24px;
    color: #575756;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.average-increase.the-result .right-sxn p {
    display: block;
}

.average-increase.the-result p span {}

.average-increase.the-result .left-sxn p {
    color: #76a62c;
    font-size: 40px;
    flex-direction: row;
    justify-content: space-evenly;
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: 0;
}

.average-increase.the-result .left-sxn p+p {
    margin-bottom: 40px;
}

.average-increase.tutor-say {
    margin-bottom: 120px;
}

.average-increase img {
    max-width: 100%;
}

.mumsnet-tutors ul {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
}

.mumsnet-tutors figure img {
    width: 152px;
}

.mumsnet-tutors li p {
    margin: 0;
}

.tutor-say.average-increase .mumsnet-tutors h1 {
    margin-bottom: 50px;
    font-size: 39px;
}

.tutor-say.average-increase h1 {
    font-size: 29px;
}

.worst-performing-subject h2 {
    font-size: 37px;
    color: #575756;
    margin-bottom: 27px;
    text-align: right;
}

.worst-performing-subject ul {
    text-align: left;
}

.worst-performing-subject ul li {
    font-size: 23px;
    color: #575756;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #b2b2b2;
    padding-left: 30px;
    position: relative;
}

.worst-performing-subject ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background: #ea4d45;
    border-radius: 100%;
    top: 46%;
}

.worst-performing-subject ul li:last-child {
    border-bottom: none;
}

.worst-performing-subject .has-no-padding {
    padding: 0;
}

.worst-performing-subject img {
    margin-top: 20px;
    max-width: 100%;
}

.boost-results {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.boost-results h1 {
    color: #77a445;
    font-size: 39px;
    margin-bottom: 40px;
}

.boost-results ul {
    width: 90%;
    margin: auto;
}

.boost-results ul li {
    display: inline-flex;
    margin-bottom: 30px;
    width: 39%;
    align-items: center;
}

.boost-results ul li p {
    color: #575756;
    font-size: 17px;
    margin-bottom: 0;
}

.boost-results ul li span {
    color: #575756;
    font-size: 15px;
    margin-bottom: 30px;
}

.right-info {
    padding-left: 20px;
}

.boost-results img {
    width: 80px;
}

.boost-results ul li:nth-child(2n-1) {
    margin-right: 12px;
    margin-left: 13.4%;
}

.mumsnet-tutors {
    margin-bottom: 70px;
}

.left-sxn {
    padding: 0 45px;
}

.right-sxn {
    padding: 0 55px;
}


/* .wistia-video:before {position: absolute;bottom: 87px;content: "";background: #d2d3d5;width: 40px;height: 34px;left: 50%;margin-left: -20px;} */

.screenshot-modal .modal-body img {
    max-width: 100%;
}

.watch-video-outer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 16px;
}

.watch-video-outer .worksheet-redirect-a {
    margin-top: 0;
}

.watch-video {
    height: 48px;
    width: 162px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    background: #fff;
    margin-left: 15px;
    transition: all 0.3s;
}

.watch-video:hover {
    border-color: #221638;
    background: #fff;
}

.watch-video:active,
.watch-video:focus,
.watch-video:active:focus,
.watch-video:active:hover {
    background: #fff;
    border-color: #1EBCBC;
}

.watch-video span {
    font-size: 14px;
    line-height: 21px;
    color: #221638;
    font-weight: 600;
}

.watch-video svg {
    display: none;
}

.watch-video svg path {
    fill: #fff;
}

.watch-video.pull-right {
    position: relative;
    left: -166px;
}

.try_cta {
    height: 56px;
    width: 220px;
    border-radius: 4px;
    background-color: #23BDBD;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    border: 1px solid #23BDBD;
    margin: auto;
}

.try_cta:hover {
    background: #158d8d;
}

.try_cta.btn-primary:active,
.try_cta.btn-primary:focus {
    background: #23BDBD;
    border: 1px solid #158D8D;
}

.star_trial {
    height: 190px !important;
}

.hero-right .super_astreik {
    font-size: 22px !important;
}

.head-content-text {
    font-size: 15px;
    display: initial;
    margin: 20px 0;
}

.hero-right span.head-content-text {
    font-size: 18px;
}

.hero-right span.head-tagline-text {
    font-size: 16px;
}


/* Reskin changes */

.helping-img {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.helping-img img {
    position: relative;
    bottom: -120px;
}

.banner-text-wrapper {
    position: absolute;
    top: 108px;
    width: 100%;
}

.banner-text-wrapper .wrapper {
    max-width: 830px;
    margin: auto;
}

.home-banner {
    background: url(../images/edplace/home-banner3.webp) no-repeat 100% center / cover;
    height: 500px;
    position: relative;
    overflow: hidden;
    margin-top: 0px !important;
}

.home-banner h1.home-top-banner {
    font-weight: 500;
    font-size: 40px!important;
}
.home-bg .home-banner h1, .home-bg .home-banner h2.home-top-banner-sub {
  color:black; 
}
.banner-text-wrapper .wrapper {
    float: left;
    max-width: 560px;
}

.hero-right .green-btn {
    padding: 14px 34px;
    margin-right: 25px;
    float:none;
    margin-top: 25px;
}
.cta-link svg {
  margin-right: 6px;
}
.ab-ratings {
    clear: both;
    padding: 20px 0 15px;
    color: black;
    font-size: 15px;
}

.home-banner.exploreclass {
    background: url(../images/edplace/home-banner.jpg) no-repeat 100% center / cover;
}

.revision-heading-home p {
    font-size: 36px;
}

.revision-heading-home picture {
    display: none;
}

.improve-grades {
    padding: 120px 0;
}

.improve-grades .d-flex {
    display: flex;
    justify-content: space-between;
}

.improve-grades .wrapper {
    width: 930px;
    margin: auto;
}

.gradient-text {
    width: 460px;
}

.improve-grades h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: #221638;
    margin-bottom: 16px;
}

.improve-grades p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #8a8496;
}

.best-partner {
    padding-bottom: 160px;
    float: left;
    width: 100%;
}

.best-partner .wrapper {
    width: auto;
    float: right;
}

.best-partner .wrapper .img-wrapper {
    width: 1019px;
    position: relative;
    float: right;
}

.best-partner img {
    width: 100%;
}

.revision-book {
    padding: 110px 0 146px;
}

.revision-heading {
    margin-bottom: 80px;
}

.revision-listing p {
    font-size: 16px;
    line-height: 24px;
    color: #221638;
    font-weight: 500;
    max-width: 282px;
    margin: 33px auto 0;
}

.transparent-button {
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #221638;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.transparent-button:hover {
    border-color: #221638;
}

.transparent-button:active,
.transparent-button:focus {
    border-color: #1EBCBC;
}

.sample-activity {
    height: 56px;
    width: 300px;
    margin: 80px auto 0;
}

.sample-activity img {
    margin-left: 9px;
}

.green-sxn {
    width: 540px;
    position: absolute;
    left: -400px;
    top: 0;
    color: #fff;
    padding: 60px;
}

.green-sxn:before {
    position: absolute;
    width: 140px;
    opacity: 0.68;
    background-color: #1ebcbc;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
}

.green-sxn:after {
    position: absolute;
    width: 400px;
    background-color: #1ebcbc;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
}

.green-sxn h2 {
    color: #ffffff;
    line-height: 40px;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
    z-index: 1;
    position: relative;
}

.green-sxn p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 22px;
    line-height: 20px;
    z-index: 1;
    position: relative;
}

.green-sxn a {
    width: 240px;
    height: 56px;
    border-radius: 4px;
    border: solid 1px #eeeeee;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    text-decoration: none;
    z-index: 1;
    position: relative;
    margin-top: 10px;
    float: left;
}

.green-sxn a:hover,
.green-sxn a:active,
.green-sxn a:focus {
    background: #158d8d;
    border-color: #158d8d;
}

.lemon-bg {
    background: #C5D932;
}

.steps li {
    display: flex;
    margin-bottom: 74px;
}

.steps li:last-child {
    margin-bottom: 0;
}

.steps li figure {
    margin-right: 46px;
}

.steps li figure img {
    height: 64px;
    width: 64px;
}

.steps-features h3 {
    font-size: 20px;
    line-height: 28px;
    color: #221638;
    margin-bottom: 8px;
    font-weight: 600;
}

.steps-features p {
    color: #8A8496;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    max-width: 296px;
}

.how-it-works {
    float: left;
    width: 100%;
    overflow: hidden;
}

.how-it-works .wrapper {
    width: 930px;
    margin: auto;
}

.padding-left-none {
    padding-left: 0;
}

.user-story-slider-wrapper {
    margin-top: 63px;
    position: relative;
    padding: 134px 0 140px 0;
}

.user-story-slider-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100vw - 95%);
    -webkit-left: calc(100vw - 95%);
    bottom: 0;
    right: 0;
    border: solid 6px #fff0e8;
    border-right: 0;
    width: 100%;
    z-index: -1;
}

.side-pic-1 {
    position: absolute;
    top: -185px;
    right: 0;
}

.side-pic-2 {
    position: absolute;
    right: -130px;
    bottom: 115px;
}

.story-slider {
    width: 620px;
}

.story-slider h2 {
    color: #221638;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 40px;
}

.story-slider p {
    color: #221638;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 40px;
}

.story-slider .transparent-button {
    width: 270px;
    height: 56px;
    border-radius: 4px;
    color: #221638;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border: solid 1px #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.story-slider .transparent-button:hover {
    border-color: #221638;
}

.story-slider .transparent-button:active,
.story-slider .transparent-button:focus {
    border-color: #1EBCBC;
}

.story-slider .slick-prev {
    background-image: url(../images/edplace/previous-new.svg);
    left: 50%;
    margin-left: -50px;
}

.story-slider .slick-prev:hover,
.story-slider .slick-prev:active,
.story-slider .slick-prev:focus {
    background-image: url(../images/edplace/previous-new-hover.svg);
    left: 50%;
    margin-left: -50px;
}

.story-slider .slick-next {
    background-image: url(../images/edplace/next-new.svg);
    right: 50%;
    margin-right: -92px;
}

.story-slider .slick-next:hover,
.story-slider .slick-next:active,
.story-slider .slick-next:focus {
    background-image: url(../images/edplace/next-new-hover.svg);
    right: 50%;
    margin-right: -92px;
}

.story-slider .slick-arrow {
    width: 56px;
    height: 56px;
    position: absolute;
    bottom: 0;
    top: auto;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
}

.story-slider .slick-arrow:hover,
.story-slider .slick-arrow:focus,
.story-slider .slick-arrow:active {
    background-color: transparent;
}

.story-slider .slick-arrow:before {
    content: none;
}

.how-it-works.meet-our-users {
    padding-bottom: 80px;
    position: relative;
}


/* Unlock potential */

.unlock-potential {
    background: url(../images/edplace/get-started-bg.webp) no-repeat 0 0;
    display: block;
    padding: 48px 0 0;
    width: 100%;
    display: table;
    padding-top: 72px;
    padding-bottom: 56px;
    background-size: 100% 100%;
}

.unlock-potential .col-xs-12 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.unlock-text {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 56px;
    text-align: center;
}

.unlock-btn {
    height: 72px;
    width: 300px;
    border-radius: 4px;
    background-color: #FFC645;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
    transition: all 0.3s;
}

.unlock-btn.btn-primary:hover,
.unlock-btn.btn-primary:active,
.unlock-btn.btn-primary:focus,
.unlock-btn.btn-primary:active:focus {
    background-color: #ff9e2e;
    box-shadow: none;
}

.gutter-10.row {
    margin: 0 -10px !important;
}

.gutter-10.row>[class ^="col-"] {
    padding: 0 10px !important;
}

.m-auto {
    margin: 0 auto;
}


/*Revison Services Landning Page*/

.revison-services-block {
    background-color: #1EBCBC;
}

.revison-services-block .inner-container {
    padding: 93px 0 83px;
    background-color: #fff;
    margin: 0 80px;
}

.revison-services-block .inner-container .title_heading {
    text-align: center;
}

.revison-services-block .inner-container .title_heading h3 {
    color: #221638;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-top: 24px;
}

.revison-services-block .inner-container .content-block {
    margin: 80px auto 0;
}

.revison-services-block .content-block .content-box {
    padding-top: 40px;
}

.revison-services-block .content-block .content-box ul {
    min-height: 170px;
}

.revison-services-block .content-block .content-box ul li {
    background: url(../images/edplace/ic_checkmark_color.svg) no-repeat;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-left: 35px;
    margin-bottom: 15px;
    color: #221638;
}

.revison-services-block .content-block .content-box h4 {
    color: #221638;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}

.revison-services-block .content-block .content-box .transparent-button {
    padding: 16px 11px;
}

.revison-services-block .content-block .content-box .transparent-button img {
    margin-left: 9px;
}

.revison-services-block .content-block #content-box-1 {
    border-top: 8px solid #7300FF;
}

.revison-services-block .content-block #content-box-2 {
    border-top: 8px solid #F27188;
}

.revison-services-block .content-block #content-box-3 {
    border-top: 8px solid #FFC645;
}

.revison-services-block .content-block #content-box-4 {
    border-top: 8px solid #C7D834;
}


/*revloution block*/

.rev-block {
    margin-top: 120px;
}

.unlock-potential h3 {
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 25px;
}

.unlock-potential h4 {
    font-family: 'Poppins', sans-serif;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin: 16px 0 48px;
}


/*easy block css*/

.easy-block {
    padding: 4rem 0px 150px 0px;
    clear: both;
}

.easy-block .title_heading {
    text-align: center;
    max-width: 535px;
    margin: 0 auto;
}

.easy-block .title_heading h3 {
    color: #221638;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-top: 24px;
}

.easy-block .content-block {
    margin-top: 84px;
}

.easy-block .content-block .content-box {
    text-align: center;
}

.easy-block .content-block .content-box img {
    display: inline-block;
    margin-bottom: 24px;
}

.easy-block .content-block .content-box h4 {
    color: #221638;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin: 0 0 8px;
    display: block;
}

.easy-block .content-block .content-box p {
    color: #8A8496;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}


/*how it works*/

.step-works-block {
    position: relative;
    overflow: hidden;
}

.step-works-block::after {
    position: absolute;
    content: "";
    top: 0;
    left: 80px;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 50%;
}

.step-works-block .steps {
    position: relative;
    z-index: 1;
    padding-left: 70px;
    background: #fff;
}

.step-works-block .steps::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 160px;
    background: #C5D932;
}

.step-works-block .phone-slide {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    z-index: 1;
}

.step-works-block .phone-slide img {
    width: 299px;
    height: 561px;
}

.step-works-heading h2 {
    font-size: 32px;
    line-height: 40px;
    color: #221638;
    margin-bottom: 72px;
    font-weight: 600;
}

.step-works-block .green-btn {
    padding: 13px 104px;
    margin-top: 8px;
}


/*app-download-block*/

.app-download-container {
    margin: 130px 0 120px;
    overflow: hidden;
    position: relative;
    padding-top: 40px;
}

.app-download-block {
    padding: 85px 0;
    background-color: #7300FF;
}

.app-download-block h2 {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
}

.app-download-block .download-btn-group {
    margin-top: 50px;
}

.app-download-block .download-btn-group>a {
    width: 198px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 56px;
}

.app-download-block .download-btn-group #anroid-play-btn {
    margin-left: 40px;
}

.app-download-block .img-slide {
    position: absolute;
    top: 0px;
    right: -65px;
}


/*exam-block*/

.exam-success-block {
    padding-bottom: 140px;
}

.exam-success-block .content-block {
    max-width: 380px;
    color: #221638;
}

.exam-success-block .content-block h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
}

.exam-success-block .content-block h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
}

.exam-success-block .content-block p {
    color: #8A8496;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.exam-success-block .content-block .sample-activity {
    margin: 40px 0 0;
}


/* Reskin changes for Trial popup */

.modal-dialog {
    display: inline-block;
    vertical-align: middle;
}

.modal-content {
    box-shadow: 0 4px 16px 2px rgba(61, 69, 94, 0.14);
    -webkit-box-shadow: 0 4px 16px 2px rgba(61, 69, 94, 0.14);
}

.modal-header {
    padding: 0;
    position: absolute;
    border: none;
    top: 23px;
    right: 28px;
}

.modal-header .close {
    opacity: 1;
    margin: 0;
}

.trial-popup .modal-body h2 {
    color: #221638;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    padding: 20px 55px 20px 20px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
}

.body-content {
    padding: 20px 40px 20px 28px;
    float: left;
    width: 100%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.alternate p,
.alternate li {
    color: #221638;
    font-weight: 500;
}

.alternate p {
    margin-top: 85px;
}


/*Prelogin-cms-page-css*/

section.banner-section {
    background: #1fbcbc;
    float: left;
    width: 100%;
    padding: 70px 0 30px;
}

section.banner-section h1 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 15px;
}

.banner-content p {
    max-width: 90%;
    color: #fff;
    font-size: 16px;
}

.worksheetouter-section1.calculate-header-height.cms-page-outer-card h3 {
    font-size: 13px;
}

.worksheetouter-section1.calculate-header-height.cms-page-outer-card {
    margin-top: 0px !important;
}

.online-tutor {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 153px;
}

.online-tutor h3 span {
    font-size: 34px;
    margin-right: 20px;
    color: #311b92;
    font-weight: bold;
}

.online-tutor h3 {
    color: #fff;
    font-weight: normal;
}

section.assessment-section-wrapper {
    padding: 50px 0 20px;
    width: 100%;
    float: left;
}

span.catch-icon {
    background: #ffe3d4;
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    text-align: center;
    line-height: 54px;
    margin-right: 16px;
}

span.catch-icon img {
    max-width: 36px;
    position: relative;
    top: 10px;
}

section.catch-upassessments-section {
    background: #e99750;
    float: left;
    width: 100%;
    padding: 95px 0;
    margin: 30px 0;
}

section.catch-upassessments-section h3 {
    color: #fff;
    font-size: 30px;
}

.margin-bottom {
    margin-bottom: 40px;
}

.card-boxs {
    background: #fff;
    box-shadow: 1px 2px 6px 0px rgba( 0, 0, 0, 0.15);
    border-radius: 0px;
    padding: 23px 0;
    margin-bottom: 20px;
    min-height: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-boxs p {
    color: #000;
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
}

section.banner-section .container {
    width: 995px;
    padding-left: 15px;
    padding-right: 15px;
}

.container {
    max-width: 1200px !important;
}

a.try-assessment:hover {
    color: inherit;
    cursor: pointer;
}

.card-boxs p:hover,
.inner-card-text:hover {}

a.try-assessment {
    color: inherit;
    text-decoration: none;
}

.text-center.margin-bottom h3 {
    color: #fff;
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.wistia.edplace-wista {
    padding: 30px 0;
}

section.math-assessments-section {
    background: #70be6b;
    margin: 30px 0;
    float: left;
    width: 100%;
    padding: 95px 0;
}

section.science-assessments-section {
    background: #7300ff;
    margin: 30px 0;
    float: left;
    width: 100%;
    padding: 95px 0;
}

.edplace-wista {
    padding-top: 0px;
}

section.catch-upassessments-section span.catch-icon img {
    max-width: 60px;
    padding: 0;
    top: 0;
}

section.catch-upassessments-section span.catch-icon {
    line-height: normal;
}

section.math-assessments-section span.catch-icon img,
section.science-assessments-section span.catch-icon img {
    max-width: 65px;
    padding: 0;
    margin: 0;
    height: auto;
}

section.math-assessments-section span.catch-icon,
section.science-assessments-section span.catch-icon {
    background: none;
    border: 0;
    height: auto;
    width: auto;
    margin-top: -10px;
}

section.content-section p {
    font-size: 17px;
    color: #221638;
    padding: 0;
    font-weight: 500;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}

section.content-section p.manual-marking-txt {
    text-align: left;
}

@media (min-width:992px) and (max-width:1024px) {
    .online-tutor {
        padding-right: 30px;
    }
}

@media (max-width:991px) {
    section.banner-section {
        padding: 40px 0 30px;
    }
    .worksheetouter-section1.calculate-header-height.cms-page-outer-card h3 {
        font-size: 13px;
        line-height: 15px;
    }
    .online-tutor {
        height: 88px;
        padding-right: 30px;
    }
}

@media (max-width:767px) {
    section.banner-section .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    @med .online-tutor {
        height: 55px;
        padding-right: 20px;
    }
}

@media (max-width:480px) {
    section.banner-section {
        padding: 30px 0 30px;
    }
    section.banner-section h1 {
        font-size: 28px;
    }
    .banner-content p {
        max-width: 100%;
    }
    .online-tutor h3 span {
        font-size: 26px;
    }
    span.catch-icon {
        display: none;
    }
    section.math-assessments-section {
        padding: 30px 0;
    }
}

.catchup-assessment-boxes-wrapper .card-boxs {
    font-weight: 700;
    transition: all 0.3s;
}

.catchup-assessment-boxes-wrapper .card-boxs:hover {}

.catchup-assessment-boxes-wrapper .card-boxs:hover p {
    color: inherit;
}

.catchup-assessment-boxes-wrapper .card-boxs:hover p,
.catchup-assessment-boxes-wrapper .card-boxs:hover .coming-soon,
.catchup-assessment-boxes-wrapper .card-boxs:hover a.try-assessment {
    color: #ffffff;
}

.catchup-assessment-boxes-wrapper .coming-soon,
.catchup-assessment-boxes-wrapper a.try-assessment {
    font-size: 15px;
}

.catchup-assessment-boxes-wrapper.math-assessments-section a.try-assessment {
    color: #71BE6B;
}

.catchup-assessment-boxes-wrapper.catch-upassessments-section a.try-assessment {
    color: #EA9750;
}

.catchup-assessment-boxes-wrapper.science-assessments-section a.try-assessment {
    color: #7300FF;
}

.catchup-assessment-boxes-wrapper.math-assessments-section .card-boxs:hover {
    background: #008542;
}

.catchup-assessment-boxes-wrapper.catch-upassessments-section .card-boxs:hover {
    background: #f99234 none repeat scroll 0 0;
}

.catchup-assessment-boxes-wrapper.science-assessments-section .card-boxs:hover {
    background: #5E01FA;
}
.home-bg .home-banner h2.home-top-banner-sub{
    margin-top: 18px;
    color: #000;
    font-size: 20px;
    width: 643px;
    line-height: 30px;
}

body .container .wrapper .hero-right .abt-btn {
    display: none;
}

/*********24-3-21**********/

.new-worksheets-msp {
    margin-top: 80px;
}

@media (max-width:767px) {
    .new-worksheets-msp {
        margin-top: 68px;
    }
    .home-bg .home-banner h2.home-top-banner-sub{
        width: 100%;
    }
    .home-bg .home-banner{
        height: 430px;
    }
    .home-bg .home-banner h1{
        line-height: 40px !important;
    }
}
.vb-edplace-form input[type=checkbox]{
    position: initial;
    left: 0;
}
.vb-edplace-form input[type=checkbox]{
    padding: 10px;
    height: 20px;
    width: 20px;
    margin-top: 0;
}


.vb-edplace-form input[type=checkbox]{
    padding: 10px;
    height: 20px;
    width: 20px;
    margin-top: 0;
}

.vb-edplace-form label{
   
    margin-left: 7px;
}

.vb-edplace-form [type="checkbox"]:not(:checked)+label:after, .vb-edplace-form [type="checkbox"]:checked+label:after {
    content: '✔';
    position: absolute;
    top: 0.1em;
    left: 1.3em;
    font-size: 1.2em;
    line-height: 0.8;
    color: #fff;
    transition: all .2s;
    border: 1px solid #1EBCBC;
    padding: 4.5px;
    border-radius: 3px;
    background-color: #1EBCBC;
    display: none;
}