html, body, #content{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-family: Lato;
    -webkit-print-color-adjust: exact;
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes verticalbounce{
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes verticalbounce{
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes grow
{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
        transform: scale(0.97);
    }
    100%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes grow
{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
        transform: scale(0.97);
    }
    100%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-ms-keyframes grow
{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
        transform: scale(0.97);
    }
    100%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.slow-animated {
  animation-duration: 3s;
  animation-fill-mode: both;
}

.slow-animated.infinite {
  animation-iteration-count: infinite;
}

.slow-animated.hinge {
  animation-duration: 2s;
}

.slow-animated.flipOutX,
.slow-animated.flipOutY,
.slow-animated.bounceIn,
.slow-animated.bounceOut {
  animation-duration: .75s;
}

.grow {
    -webkit-animation: grow 2s linear infinite;
    -moz-animation: grow 2s linear infinite;
    animation: grow 2s linear infinite;
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.bold-white{
    font-size: 1.1em;
    font-weight: bolder;
}

.no-outline{
    outline: none !important;
}

.no-borders{
    border : none !important;
}

.full-width{
    width: 100%;
}

.full-height{
    height: 100%;
}

.max-width-100pc{
    max-width: 100% !important;
}

.sweet-alert button{
    width: auto !important;
}

.modal-sm{
    width: 400px;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

.case-study{
    text-align: center;
    bottom:0;
    max-height:100%;
    background-color: white;
    padding-bottom: 20px;
}

.v-align-top{
    vertical-align: top;
}

.v-align-bottom{
    vertical-align: bottom;
}

.v-align-super{
    vertical-align: super;
}

.btn-primary-blue, .btn-primary-blue:hover{
    color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4
}

.case-study-image{
    max-width: 100% !important;
    max-height: 100%;
}
.case-study-label{
    height:50px;
    line-height: 50px;
    margin-top: -25px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    background-color:#35C97F ;
    text-align: center;
    width: 80%;
    position: relative;
}

.height-94px{
    height: 94px;
}

.case-study-text{
    color: #4F6966;
    background-color: white;
    text-align: center;
}
.school-logo{
    max-width: 80%;
}

.half-screen{
    width: 49.99%;
    display: inline-block;
}

.demo-button{
    background-color: #317993
}

.demo-button:hover{
    background-color: #0C4F69;
    color:white;
}

.v-align-botom{
    vertical-align: bottom;
}

.v-align-baseline{
    vertical-align: baseline;
}

.v-align-middle{
    vertical-align: middle;
}

.no-radius{
    border-radius: 0px !important;
}

.no-margin-left{
    margin-left: 0px !important;
}

.no-margin-top{
    margin-top: 0px !important;
}

.no-margin-right{
    margin-right: 0px !important;
}

.no-margin-bottom{
    margin-bottom: 0px;
}

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

.soft-hide{
    display: none;
}

.footer-icon{
    height:44px;
    width:44px;
}

.footer-icon-inner{
    height:20px;
    margin-top:12px
}

.footer-icon-rounded{
    height:44px;
    width:44px;
    background-color: #317993;
    border-radius: 50%;
    float:left;
    margin: 0 5px 0 5px
}

.footer-text{
    float:left;
}

.flexrow{
    display:flex;
    flex-direction:row;
}

.flex-grow-0{
    flex-grow : 0;
}

.flex-grow-1{
    flex-grow : 1;
}

.flexcolumn{
    display:flex;
    flex-direction:column;
}

.flexdisplay{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.footer-background{
    line-height: 1;
    background-color: #4F6966;
    color:white;
    height:125px;
    padding-top:30px;
    padding-bottom: 30px;
    text-align: center;
    width:100% !important;
}

.invitation-page-input{
    width : 100%;
    padding : 3px 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #4C6865 !important;
    border-color: #4C6865 !important;
    border-width: 1px;
}

.footer-contact{
    border-top:thin solid;
    border-bottom:thin solid;
    color:white;
    font-size: 20px;
}

.free-trial{
    cursor: pointer;
    text-align: center;
    border:0px;
    border-radius: 0px;
    font-size:25px;
    width: 100%;
    padding:20px;
    background-color: #35C97F;
    color:white;
    display: inline-block;
}

.free-trial:hover{
    background-color: #14BC67;
}

.green{
    color:#35C97F;
    font-weight: bold;
}

.green-bcg{
    background-color:#35C97F;
}

.header-bar{
    background-color: #35C97F;
    border-bottom: white solid thin;
    min-height: 50px;
    position: fixed;
    vertical-align: middle;
}

.header-bar-2{
    background-color: inherit;
    min-height: 10px !important;
    vertical-align: middle;
    border: 0px;
    margin-bottom: -31px !important; 
}

@media (min-width: 768px) {
    .header-bar-2{
        margin-bottom: -44px !important; 
    }
}

.header-bar-2 #green-logo-nav, .header-bar-2 #green-hamburger-nav{
    display: none;
}

.fixed-nb{
    position: fixed;
    width: 100% !important;
    border-bottom: solid 1px #35C97F;
    background-color: white;
    border-radius: 0px !important;
    z-index: 1000000; 
}

.fixed-nb .gl-grey{
    color: #35C97F !important;
}

.fixed-nb #green-logo-nav, .fixed-nb #green-hamburger-nav{
    display: block !important;
}

.fixed-nb #white-logo-nav, .fixed-nb #white-hamburger-nav{
    display: none !important;
}

.fixed-nb .nav-normal-label, .fixed-nb .white{
    color: #35C97F !important;
}

.fixed-nb #sign-up-action-mini{
    border-color: #35C97F !important;
}

#sign-up-action-mini {
    border: solid 1px white;
}

.header-bar-2 .navbar-right{
    margin-right: 0px;
}

.header-bar-2 .nav-text{
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (max-width: 767px) {
    .header-bar-2 .nav-text{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.header-bar-3{
    background-color: #35C97F;
    position: fixed;
    vertical-align: middle;
    z-index: 111110;
}

.how-it-works{
    display: inline-block;
    background-color: white;
    width:95%;
    margin-left:2.5%;
    margin-right: 2.5%;
}


.how-it-works-button{
    display:  inline-block;
    border: solid thin;
    background-color: transparent;
    border-radius: 0px;
    margin-bottom: 30px;
}

.how-it-works-button:hover{
    background-color: #508BA1;
    color:white;
}

.how-it-works-button-area{
    background-color: #AED5E4;
    padding-bottom:2.5%;
}

.how-it-works-header{
    text-align: center;
    padding-top: 5%;
    color:#4F6966;
}

.how-it-works-header-text{
    margin-top:25px;
    margin-bottom: 90px
}

.how-it-works-icons{
    display: inline;
    text-align: center;
    color:#4F6966;
    background-color: #AED5E4;
}

.how-it-works-icons-list{
    background-color: #AED5E4;
    text-align: center;
    color:#4F6966;

}

.how-it-works-icons-list-element{
    padding: 20px 0 20px;
    float:left;
}

.icon{
    height:101px;
    width: 101px;
    max-width: 100%;
    border-radius: 50%;
    font-size:30px;
    background-color: white;
    margin-top:-70px;
    color:#317993;

}

.icon-text{
    position: relative;
    padding:0px !important;
}

.intro-background{
    padding-top: 80px;
    min-height: 300px;
    width: 100%;
    background:linear-gradient(#35C97F, #317993);
    display:inline-block;
}

.intro-image{
    max-height:100%;
    max-width:90%;
    position:absolute;
    bottom:0;
}

.intro-row{
    min-height:320px;
    height:inherit;
    max-height:100%;
    width:100%;
}

.container-300{
    max-width: 300px;
}

.container-400{
    max-width: 400px;
}

.container-500{
    max-width: 500px;
}

.container-600{
    max-width: 600px;
}

.container-700{
    max-width: 700px;
}

.container-800{
    width: 800px;
}

.intro-text{
    color:white
}

.intro-text-large{
    padding-left:0;
    padding-bottom: 0;
}

.intro-text-small{
    margin-top: 20px;
    padding-left: 0;
}

.learn-more-text{
    padding-left: 0;
    border-bottom: solid white thin;
}

.logo{
    height:50px;
    display: inline-block;
    float: left;
}

.navbar-brand{
    height: 42px;
}

.logo2{
    height:40px;
    display: inline-block;
    max-width: 100%;
    margin-left: 15px;
    padding-top: 10px;
}

.logo2-mini{
    margin-top: 12px;
    height:50px;
    display: inline-block;
}

.navigation-button-bar{
    list-style-type: none;
    display: inline-block;
    color: white;
    margin:0;
    float: right;
    height: 50px;
    padding: 0px 15% 0 0;
    font-family: 'Roboto', arial, sans-serif;
}

.navigation-button-text{
    display: inline-block;
    font-size: 12.5px;
    padding-top: 5px;
    padding-bottom:5px;
    padding-right:12.5px;
    padding-left: 12.5px;
}

.what-we-focus-on-background{
    width: 100%;
    min-height:300px;
    background:linear-gradient(#317993,#35C97F);
    display:inline-block
}

.what-we-focus-on{
    display: inline-block;
    width:70%;
    margin-left:15%;
    margin-right: 15%;

}
.focus-on-element{
    display: inline-block;
    margin-top:15px;
    margin-bottom:5px;
    width: 100%;
}

.focus-on-icon{
    width: 23px;
    height:23px;
    float:left;
    padding-right: 5px;
}

.focus-on-teachers{
    border-radius: 0px;
    border:0px;
    color:#317993;
    background-color:white;
    font-size: 14px;
    padding:8px;
    margin-bottom: 2.5%;

}

.focus-on-text{
    float:left;
    color: white;
    margin:0px;
    font-size: 23px;
}

.what-we-focus-on-header{
    color:white;
    text-align: center;
    padding-bottom:75px;
}

.working-with-container{
    margin:30px 0 20px;
}

.working-with-header{
    text-align: center;
    color:#4F6966;
}

.working-with-images{
    text-align: center;
}
.white{
    color:white !important;
}

.white:hover{
    color:white;
    text-decoration: none !important;
}

.segments{
    display: block;
}

a{
    cursor: pointer;
}

button {
    width:100%;
    padding:0;
    margin: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px;
    font-size: 20px;
    border-radius: 15px
}

button.active{
    box-shadow: inset 0 1px 4px black
}

h1{}

h2 {}

h3 {}

h4 {}

.margin-top-5px{
    margin-top: 5px;
}

.margin-top-7px{
    margin-top: 7px;
}

.margin-top-58px{
    margin-top: 58px;
}

.padding-5px{
    padding: 5px;
}

.padding-left-5px{
    padding-left: 5px;
}

.padding-left-50px{
    padding-left: 50px;
}

.padding-left-30px{
  padding-left: 30px;
}

.padding-left-9px{
    padding-left: 9px !important;
} 

.padding-right-9px{
    padding-right: 9px !important;
}

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

.v-align-sub{
    vertical-align: sub;
}

.text-align-right{
    text-align: right !important;
}

.text-align-left{
    text-align: left !important;
}

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

.margin-left-5px{
    margin-left: 5px;
}

.margin-top-10px-neg{
    margin-top: -10px;
}

.margin-top-20px-neg{
    margin-top: -20px;
}

.margin-top-10px{
    margin-top: 10px;
}

.margin-top-15px{
    margin-top: 15px;
}

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

.margin-left-10pc{
    margin-left: 10%;
}

.margin-right-10pc{
    margin-right: 10%;
}

.margin-right-1px{
    margin-right: 1px;
}

.margin-left-15pc{
    margin-left: 15%;
}

.margin-right-15pc{
    margin-right: 15%;
}

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

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

.margin-top-30px{
    margin-top: 30px;
}

.form-group{
    margin-bottom: 5px;
}

.height-400px{
    height: 400px;
}

.height-500px{
  height: 500px;

}

.height-250px{
    height: 250px;
}

.height-275px{
    height: 275px;
}

.height-50px{
    height: 50px;
}

.height-40px{
    height: 40px;
}

.height-70px{
    height: 70px;
}

.height-30px{
    height: 30px;
}

.height-300px{
    height: 300px;
}

.max-height-350px{
    max-height: 350px;
}

.height-350px{
    height: 300px;
}

.width-9px{
    width: 9px;
}

.width-50pc{
    width: 50%;
}

.width-50px{
    width: 50px;
}

.width-80px{
    width: 80px;
}

.max-width-768{
    max-width: 768px;
}

.max-width-160{
    max-width: 160px;
}

.max-width-500{
    max-width: 500px;
}

.max-width-900{
    max-width: 900px;
}

.max-width-1024{
    max-width: 1024px;
}

.width-100px{
    width: 100px;
}

.width-105px{
    width: 105px;
}

.width-110px{
    width: 110px;
}

.width-150px{
    width: 150px;
}

.width-200px{
    width: 200px;
}

.width-240px{
    width: 240px;
}

.font-10px{
    font-size: 10px;
}

.font-14px{
    font-size: 14px;
}

.font-60px{
    font-size: 60px;
}

.font-15px-imp{
    font-size: 15px !important;
}

.font-15px{
    font-size: 15px;
}

.font-16px{
    font-size: 16px;
}

.font-16px-imp{
    font-size: 16px !important;
}

.font-17px{
    font-size: 17px;
}

.font-17px-imp{
    font-size: 17px !important;
}

.font-20px{
    font-size: 20px;
}

.font-21px{
    font-size: 21px;
}

.font-22px{
    font-size: 22px;
}

.font-24px{
    font-size: 24px;
}

.font-26px{
    font-size: 26px;
}

.font-28px{
    font-size: 28px;
}

.font-32px{
    font-size: 32px;
}

.width-22px{
    width: 22px;
}

.width-25px{
    width: 25px;
}

.width-250px{
    width: 250px;
}

.width-30pc{
    width: 30%;
}

.width-15pc{
    width: 15%;
}

.width-30px{
    width: 30px;
}

.width-300px{
    width: 300px;
}

.width-310px{
    width: 310px;
}

.width-350px{
    width: 350px;
}

.font-11px-imp{
    font-size: 11px !important;
}

.font-11px-imp *{
    font-size: 11px !important;
}

.font-12px{
    font-size: 12px;
}

.font-25px{
    font-size: 25px;
}

.font-20px-imp{
    font-size: 20px !important;
}

.font-25px-imp{
    font-size: 25px !important;
}

.font-30px{
    font-size: 30px;
}

.font-33px{
    font-size: 33px;
}

.font-38px{
    font-size: 38px;
}

.font-35px{
    font-size: 35px;
}

.font-40px{
    font-size: 40px;
}

.font-50px{
    font-size: 50px;
}

.font-28px{
    font-size: 28px;
}

.font-34px{
    font-size: 34px;
}

.font-18px{
    font-size: 18px;
}

.font-18px-imp{
    font-size: 18px !important;
}

.margin-top-3px{
    margin-top: 3px;
}

.margin-top-80px{
    margin-top: 80px;
}

.margin-right-3px{
    margin-right: 3px;
}

.margin-top-20px{
    margin-top: 20px;
}

.margin-top-28px{
    margin-top: 28px;
}

.margin-top-25px{
    margin-top: 25px;
}

.margin-top-22px{
    margin-top: 22px;
}

.margin-left-27px{
    margin-left: 27px;
}

.margin-left-30px{
    margin-left: 30px;
}

.margin-left-70px{
    margin-left: 70px;
}

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

.inline-block{
    display: inline-block;
}

.hide{
    display: none;
}

.padding-b{
    margin-bottom: 20px
}

.rightarrow{
    color: #35C97F;
}

.wrongcross{
    color: #FF5C56;
}
.markit-bcg{
    background-color: #35C97F;
}

.markit-color{
    color: #35C97F !important;
}

.markit-mini-con{
    width: 200px;
    height: 75px;
}

.margin-right-5px{
    margin-right: 5px;
}

.margin-right-50px{
    margin-right: 50px;
}

.margin-left-50px{
    margin-left: 50px;
}

.margin-left-10px{
    margin-left: 10px;
}

.margin-left-10px-neg{
    margin-left: -10px;
}

.margin-right-10px{
    margin-right: 10px;
}

.border-radius-4px{
    border-radius: 4px;
}

.padding-right-5px{
    padding-right: 5px;
}

.padding-right-30px{
    padding-right: 30px;
}

.padding-right-50px{
    padding-right: 50px;
}

.padding-right-60px{
    padding-right: 60px;
}

.padding-right-80px{
    padding-right: 80px;
}

.padding-right-10px{
    padding-right: 10px;
}

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

.question-inner-content{
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.register-block-box{
    padding: 30px;
    padding-bottom: 50px;
}

.block-align-right{
    margin-left: auto;
    display: block;
}

.input-style-box{
    border: 1px solid #ccc;
    border-radius: 4px;
}

.padding-8px{
    padding: 8px;
}

.padding-top-10px{
    padding-top: 10px;
}

.padding-top-10px-imp{
    padding-top: 10px !important;
}

.padding-top-35px{
    padding-top: 35px;
}

.padding-top-50px{
    padding-top: 50px;
}

.padding-top-6px{
    padding-top: 6px;
}

.padding-top-80px{
    padding-top: 80px;
}

.padding-top-60px{
    padding-top: 60px;
}

.padding-top-100px{
    padding-top: 100px;
}

.padding-top-130px{
    padding-top: 130px;
}

.padding-left-10px{
    padding-left: 10px;
}

.padding-top-30px{
    padding-top: 30px;
}

.padding-bottom-10px{
    padding-bottom: 10px;
}

.padding-bottom-5px-imp{
    padding-bottom: 5px !important;
}

.padding-top-5px{
    padding-top: 5px;
}

.padding-bottom-5px{
    padding-bottom: 5px;
}

.padding-top-5px-imp{
    padding-top: 5px !important;
}

.padding-bottom-30px{
    padding-bottom: 30px;
}

.padding-bottom-52px{
    padding-bottom: 52px;
}

.padding-bottom-32px{
    padding-bottom: 32px;
}

.padding-top-20px{
    padding-top: 20px;
}

.padding-top-22px{
    padding-top: 22px;
}

.margin-top-5pc{
    margin-top: 5%;
}

.schools-header{
    background-color: #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 12px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.hoverable-line:hover{
    cursor: pointer;
    background-color: #eee;
}

.selected-school-row{
    color: #35C97F;
}

.clickable{
    cursor: pointer;
}

.padding-10px{
    padding: 10px;
}

.padding-15px{
    padding: 15px;
}

.padding-20px{
    padding: 20px;
}

.padding-50px{
    padding: 50px;
}

.block-imp{
    display: block !important;
}

.bg-info{
    padding: 8px;
    border-radius: 4px;
}

.border-radius-4{
    border-radius: 4px;
}

.margin-right-20px{
    margin-right: 20px;
}

.margin-left-20px{
    margin-left: 20px;
}

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

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

.margin-right-60px{
    margin-right: 60px;
}

.margin-left-60px{
    margin-left: 60px;
}

.margin-right-80px{
    margin-right: 80px;
}

.margin-left-80px{
    margin-left: 80px;
}

.margin-top-80{
    margin-top: 80px;
}

.padding-bottom-20px{
    padding-bottom: 20px;
}

.padding-bottom-20px-imp{
    padding-bottom: 20px !important;
}

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

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

.padding-bottom-48px{
    padding-bottom: 48px;
}

.padding-bottom-129px{
    padding-bottom: 129px;
}

.padding-bottom-50px{
    padding-bottom: 50px;
}

.padding-bottom-100px{
    padding-bottom: 100px;
}

.padding-bottom-130px{
    padding-bottom: 130px;
}

.padding-bottom-60px{
    padding-bottom: 60px;
}

.padding-top-40px{
    padding-top: 40px;
}

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

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

.margin-right-2px{
    margin-right: 2px;
}

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

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

.main-image-fw{
    width: 100%;
    min-height: 300px;
}

.iphone-demo-pic{
    width: 190px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.iphone-demo-pic-mini{
    width: 120px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.main-ind-lines{
    font-size: 29px;
    color: #4F6966;
}

.main-ind-lines-mini{
    font-size: 23px;
    color: #4F6966;
}

.value-lines-ind{
    font-size: 22px;
}

.show-boards-line{
    font-size: 19px;
}

.lato-bold{
    font-family: latobold;
    font-weight: bold;
}

.lato-light{
    font-family: latolight;
}

.try-a-question-wrapper{
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: rgb(38, 102, 128);
}

.vcenter{
  display: inline-block;
  vertical-align: middle;
  float: none;
}

#setup-your-class-wrapper{
    padding-top: 15px;
    padding-bottom: 15px;
}

.margin-10px{
    margin: 10px;
}

.orange-button{
    color: white;
    cursor: pointer;
    width: 100%;
    padding: 5px;
    background-color: rgb(255, 179, 59);
    text-align: center;
}

.large-orange-button{
    color: white;
    cursor: pointer;
    padding: 10px;
    background-color: rgb(255, 179, 59);
    text-align: center;
}

.large-green-empty-button{
    color: #35C97F;
    cursor: pointer;
    padding: 10px;
    background-color: white;
    text-align: center;
    border: solid 1px #35C97F;
}

.large-grey-empty-button{
    color: #35C97F;
    cursor: pointer;
    padding: 10px;
    background-color: #EAEFF0;
    text-align: center;
    border: solid 1px #35C97F;
}

.red-button{
    color: white;
    cursor: pointer;
    width: 100%;
    padding: 5px;
    background-color: rgb(229, 83, 72);
    text-align: center;
}

.blue-button{
    color: white;
    cursor: pointer;
    width: 100%;
    padding: 5px;
    background-color: rgb(68, 101, 184);
    text-align: center;
}

.white-button-firefly{
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    padding: 5px;
    background-color: #ededed;
    text-align: center;
}

.ultra-light-grey-bcg{
    background-color: #ededed;
}

.red-bcg{
    background-color: rgb(229, 83, 72);
}

.blue-bcg{
    background-color: rgb(68, 101, 184);
}

.no-padding{
    padding: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.no-padding-left{
    padding-left: 0px !important;
}

.max-widh-1024{
    max-width: 1024px;
}

.try-a-question-button{
    border: solid 1px white;
    padding: 7px 11px 7px 11px;
    color: white;
    font-size: 18px;
    cursor: pointer;
    max-width: 220px;
    text-align: center;
    margin-left: auto;
    letter-spacing: 1px;
    margin-right: 20px;
}

.setup-your-class-button{
    border: solid 3px rgb(38, 102, 128);
    padding: 10px 20px 10px 20px;
    color: rgb(38, 102, 128);
    font-size: 22px;
    cursor: pointer;
    width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
    font-family: latobold;
}

.try-a-question-cta{
    color: white;
    font-size: 18px;
    letter-spacing: 0.7px;
    text-align: left;
    padding-left: 20px;
}

.letter-spacing-5{
    letter-spacing: 0.5px;
}

.letter-spacing-10{
    letter-spacing: 1px;
}

.font-weight-200{
    font-weight: 200;
}

.font-weight-600{
    font-weight: 600;
}

.font-weight-700{
    font-weight: 700;
}

.margin-right-auto-imp{
    margin-right: auto !important;
}

.pointer{
    cursor: pointer;
}

.quote-author{
    font-size:14px;
}

.quotes-header {
    padding-top: 30px;
    padding-bottom: 40px;
    color: #4f6966;
    font-family: Lato;
    font-size: 27px;
    font-weight: 900;
    line-height: 44px;
}

.quotes-header-2 {
    padding-top: 20px;
    padding-bottom: 40px;
    color: #4f6966;
    font-family: Lato;
    font-size: 27px;
    font-weight: 900;
    line-height: 44px;
}

.quotes-header-3 {
    padding-top: 30px;
    padding-bottom: 20px;
    color: #4f6966;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
}

.quotes {
    padding-bottom: 40px;
    background-color: #bedde9;
    background-image: url("Images/mathspattern.png");
    text-align: center;
}

.quotes-dark{
    padding-bottom: 40px;
    background: rgb(41,105,133);
    background-image: url("Images/mathspattern3.png");
    text-align: center;
}

.quotes-dark-grey{
    padding-bottom: 40px;
    background: #4F6966;
    background-image: url("Images/mathspattern2.png");
    text-align: center;
}

.quotes3 {
    padding-bottom: 40px;
    background-color: rgb(61, 169, 126);
    background-image: url("Images/mathspattern3.png");
    text-align: center;
}


#quotes-2 {
    background-color: #bedde9;
    background-image: url("Images/mathspattern.png");
    text-align: center;
}

.speech-box {
    position: relative;
    padding: 15px;
    color: #4f6966;
    background: white;
}

.quote-symbol {
    text-align: left;
    color: #4f6966;
    margin-bottom: 0px;
}

.quotes-text {
    text-align: left;
    color: #4f6966;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    border: none;
}

.time-improvement {
    display: inline-block;
}

.clock-img {
    display: inline-block;
    margin-bottom: -28px;
}

.time-improvement-text {
    vertical-align: text-top;
    padding-left: 18px;
    text-align: center;
    color: #4f6966;
    font-family: Lato;
    font-size: 18px;
    font-weight: 900;
    line-height: 40px;
    display: inline-block;
}

.carousel-control{
    opacity: 1 !important;
    color: #4F6966 !important;
}

.carousel-control.right {
    background: none !important;
}

.carousel-control.left {
    background: none !important;
}

.carousel-indicators{
    display: none;
}

.user-feedback {
    background-size: 100% 100%;
    height: 450px;
    background-image: url("Images/study-mini.png");
}

.user-feedback-green{
    background-size: 100% 100%;
    height: 450px;
    background-image: url("Images/study-mini.png");
}

@media (max-width: 991px) {
    .user-feedback-green{
        background-image: url("Images/study-mini-green.png");
    }
}

.rating-text {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    color: white;
    font-family: Lato;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
}

.pc-big {
    padding-top: 20px;
    color: white;
    font-weight: 900;
    font-family: Lato;
    font-size: 55px;
}

.pc-big-mini {
    padding-top: 17px;
    color: white;
    font-weight: 900;
    font-family: Lato;
    font-size: 40px;
}

.pc-box-text {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 20px;
    border-top: thin solid white;
    border-bottom: thin solid white;
    color: white;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.pc-box-text-mini {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 20px;
    border-top: thin solid white;
    border-bottom: thin solid white;
    color: white;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
}

#in-30-min {
    padding-bottom: 40px;
    background-color: white;
    text-align: center;
}

.in-30-min-header {
    padding-top: 45px;
    padding-bottom: 40px;
    color: #4f6966;
    font-family: Lato;
    font-size: 35px;
    font-weight: 900;
    line-height: 44px;
    margin-top: 0px;
}

.user-chart-progress{
    width: 400px;
    max-width: 100%;
}

#contact-line-bottom{
    color: white;
    background-color: rgb(72, 98, 94);
}

#contact-line-bottom .simple-col{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: .7px;
}

#contact-line-bottom .simple-col-2{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: .7px;
}

#contact-line-bottom .simple-col-3{
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: .7px;
}

#top-nav-mp{
    margin-bottom: 0px;
    max-width: 1440px;
}

#top-nav-mp .non-image-col-2 {
    cursor: pointer;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
    color: white;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700;
}

.nav-normal-label{
    cursor: pointer;
    font-size: 15px;
    color: white !important;
}

#top-nav-mp .non-image-col-2-signup {
    cursor: pointer;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 24px;
    color: white;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 700;
}

.in-30-min-right-label{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #4f6966;
    font-family: Lato;
    font-size: 20px;
    font-weight: 800;
    margin-top: 0px;
}

.mp-dark-blue{
    color: rgb(49, 113, 139);
}

.social-bottom-bar-block{
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
}

.social-bottom-bar-block .fa-stack{
    margin-right: 3px;
    margin-left: 3px;
}

.green-transparent-button {
    color: white;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.5px;
    line-height: 20px;
    padding: 12px 21px 12px 21px;
    display: inline-block;
    border: solid 2px white;
    cursor: pointer;
}

.green-full-button {
    color: white;
    background-color: #35c97f;
    font-size: 9px;
    letter-spacing: 1.5px;
    line-height: 20px;
    padding: 12px 21px 12px 21px;
    display: inline-block;
    text-transform: uppercase;
    border: solid 1px #35c97f;
    cursor: pointer;
}

.blue-full-button{
    color: white;
    background-color: rgb(41, 105, 133);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    line-height: 20px;
    padding: 12px 21px 12px 21px;
    display: inline-block;
    text-transform: uppercase;
    border: solid 1px rgb(41, 105, 133);
    cursor: pointer;
}

#image-head-text-cover{
    color: rgb(230, 230, 230);
    font-family: Lato;
    font-size: 35px;
    font-weight: 900;
    line-height: 44px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

#image-head-text-cover-3{
    color: rgb(230, 230, 230);
    font-family: Lato;
    font-size: 35px;
    font-weight: 900;
    line-height: 44px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
    max-width: 100%;
}

#image-head-text-cover-2{
    color: rgb(230, 230, 230);
    font-family: Lato;
    font-size: 35px;
    font-weight: 900;
    line-height: 44px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
}

#login-major-cta-mp{
    background-color: #FFAB43;
    border-color: #FFAB43;
    font-size: 16px;
    text-align: center;
    width: 300px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#free-c1-mock-cta{
    font-size: 16px;
    text-align: center;
    width: 300px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
    background-color: #FFAB43 !important;
    border-color: #FFAB43 !important;
}

#or-sign-up{
    margin-top: 7px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #4F6966;
    font-family: latolight;
}

.low-opacity{
    opacity: 0.5;
}

.v-low-opacity{
    opacity: 0.3;
}

#minor-below-cta{
    margin-top: 10px;
    font-size: 28px;
    letter-spacing: 1.5px;
    color: #4F6966;
    font-family: lato;
    cursor: pointer;
    font-weight: 600;
}

.underlined{
    text-decoration: underline;
}

.mp-msg-label-block > .head{
    font-size: 32px;
    margin-top: 10px;
    font-family: latobold;
    color: #4F6966;
}

.mp-msg-label-block > .head-cus{
    font-size: 27px;
    margin-top: 10px;
    color: #4F6966;
}

.mp-msg-label-block > .bottom{
    font-size: 31px;
    margin-top: 5px;
    color: #4F6966;
    font-family: latobold;
}

.mp-msg-label-block > .head-2{
    font-size: 30px;
    margin-top: 0px;
    font-family: latobold;
    margin-bottom: 5px;
    color: #4F6966;
}

.mp-msg-label-block > .bottom-2{
    font-size: 30px;
    color: #4F6966;
    margin-top: 5px;
    font-family: latobold;
}

.mp-msg-label-block > .bottom2{
    font-size: 50px;
    margin-top: 5px;
    color: #4F6966;
    font-family: latobold;
    margin-bottom: 20px;
}

.mp-msg-label-block > .bottom3{
    font-size: 20px;
    margin-top: 5px;
    color: #4F6966;
}

.mini-progress-img-wrapper{
    border-radius: 50px;
    background-color: white;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}

.mini-progress-img{
    width: 40px;
}

#mini-progress-img-stats{
    margin-top: 10px;
}

#mini-progress-img-clock2{
    margin-top: 6px;
}

#mini-progress-img-aim{
    margin-top: 11px;
    margin-left: 1px;
}

#y-15-revision{
    background-color: rgb(38, 102, 128);
    color: white;
}

.blue-font{
    color: rgb(38, 102, 128);
}

.dark-grey-font{
    color: #4F6966 !important;
}

.grey-hr{
    border-color: #4F6966 !important;
}

.default-transform{
    text-transform: inherit; !important;
}

.default-font-weight{
    font-weight: inherit !important;
}

.special-button-padding{
    padding: 15px 30px 15px 30px !important;
}

.width-60pc{
    width: 60%;
}

.width-200px{
    width: 200px;
}

.width-160px{
    width: 160px;
}

.width-60px{
    width: 60px;
}

.width-45px{
    width: 45px;
}

.width-45pc{
    width: 45%;
}

.height-35px{
    height: 35px;
}

.padding-left-15px{
    padding-left: 15px;
}

.padding-top-15px{
    padding-top: 15px;
}

.height-100px{
    height: 100px;
}

.height-150px{
    height: 150px;
}

.height-102px{
    height: 102px;
}

.height-142px{
    height: 142px;
}

.height-120px{
    height: 120px;
}

.height-221px{
    height: 221px;
}

.height-181px{
    height: 181px;
}

.height-251px{
    height: 251px;
}

.padding-bottom-221px{
    padding-bottom: 221px;
}

.max-width-100{
    max-width: 100%;
}

.max-width-120px{
    max-width: 120px;
}

.max-width-130px{
    max-width: 130px;
}

.max-width-300px{
    max-width: 300px;
}

.max-width-500px{
    max-width: 500px;
}

.max-width-150px{
    max-width: 150px;
}

.max-width-500{
    max-width: 500px;
}

.max-width-70{
    max-width: 70%;
}

.max-width-500{
    max-width: 500px;
}

.max-width-700{
    max-width: 700px;
}

.max-width-750{
    max-width: 750px;
}

.max-width-800{
    max-width: 800px;   
}

.max-width-250{
    max-width: 250px;
}

.max-width-260px{
    max-width: 260px;
}

.width-70pc{
    width: 70%;
}

.width-85pc{
    width: 85%;
}

.width-420px{
  width:420px;
}

.max-width-40px{
    max-width: 40px;
}

.max-width-420px{
    max-width: 420px;
}

.max-width-390px{
    max-width: 390px;
}

.max-width-440px{
    max-width: 440px;
}

.max-width-90{
    max-width: 90%;
}

.max-width-95pc{
    max-width: 95%;
}

.max-width-300{
    max-width: 300px;
}

.max-width-350{
    max-width: 350px;
}

.max-width-60{
    max-width: 60%;
}

.max-width-20px{
    max-width: 20px;
}

.max-width-820{
  max-width:820px;
}

.width-20px{
    width: 20px;
}

.width-80pc{
    width: 80%;
}

.width-20pc{
    width: 20%;
}

.width-25pc{
    width: 25%;
}

.width-77pc{
    width: 77%;
}

.width-40px{
    width: 40px;
}

.width-70px{
    width: 70px;
}

.opacity-07{
    opacity: .7;
}

#about-block{
    margin-top: 2px;
    padding-top: 70px;
    color: white;
    background: #35c97f; /* Old browsers */
    background: -moz-linear-gradient(top,  #35c97f 0%, #266680 100%); /* FF3.6-15 badae7 */
    background: -webkit-linear-gradient(top,  #35c97f 0%,#266680 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #35c97f 0%,#266680 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c97f', endColorstr='#266680',GradientType=0 ); /* IE6-9 */
}

#about-nikki-pic{
    height: 125px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#tutor-nikki-pic{
    max-width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.heavy-white-border-left{
    border-left: solid 2px white;
}

.heavy-white-border-right{
    border-right: solid 2px white;
}

#supp-by-teacher-about-block{
    padding: 10px;
    text-align: center;
    border: solid 1px rgb(38, 102, 128);
    letter-spacing: 0.6px;
}

.step-sphere{
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: white;
    position: absolute;
    left: -12px;
    top: 40px;
}

.top-60-imp{
    top: 60px !important;
}

#try-student-mockup-line{
    background-color: rgb(38, 102, 128);
    padding-top: 25px;
    padding-bottom: 25px;
    color: white;
}

.try-mockup-button{
    border: solid 1px white;
    padding: 10px 20px 10px 20px;
    color: white;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    letter-spacing: 0.7px;
}

.large-grey-button{
    letter-spacing: 0.7px;
    background-color: rgb(72, 98, 94);
    color: white;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
}

.grey-color{
    color: rgb(72, 98, 94);
}

#get-the-complete-set{
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: rgb(72, 98, 94);
    color: white;
}

.upgrade-now-button{
    border: solid 1px white;
    padding: 10px 20px 10px 20px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    max-width: 250px;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.7px;
}

.upgrade-now-button-green{
    border: solid 1px #35C97F;
    background-color: #35C97F;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    cursor: pointer;
    max-width: 250px;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.7px;
}

.unlock-today-button-green{
    border: solid 1px #35C97F;
    background-color: #35C97F;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.7px;
}

.book-place-here-button{
    border: solid 2px white;
    padding: 10px 20px 10px 20px;
    color: white;
    font-size: 22px;
    cursor: pointer;
    max-width: 300px;
    text-align: center;
    letter-spacing: 0.7px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.book-place-here-button-green{
    border: solid 2px #35C97F;
    padding: 10px 20px 10px 20px;
    color: #35C97F;
    font-size: 22px;
    cursor: pointer;
    max-width: 300px;
    text-align: center;
    letter-spacing: 0.7px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.white-circle-bcg{
    background-color: white;
    border-radius: 200px;
}

.white-circle-bcg .inner-img{
    width: 60%;
    margin-top: 11px;
    margin-left: 3px;
}

.soft-grey-color{
    color : #4f6966;
}

#rev-at-school{
    margin-top: 2px;
    color: white;
    padding: 40px 60px 40px 60px;
    background: #35c97f; /* Old browsers */
    background: -moz-linear-gradient(top,  #35c97f 0%, #266680 100%); /* FF3.6-15 badae7 */
    background: -webkit-linear-gradient(top,  #35c97f 0%,#266680 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #35c97f 0%,#266680 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c97f', endColorstr='#266680',GradientType=0 ); /* IE6-9 */
}

#boost-grade-confidence-exam-technique{
    color: white;
    padding: 40px 60px 40px 60px;
    background: #266680; /* Old browsers */
    background: -moz-linear-gradient(top,  #266680 0%, #1CB58A 100%); /* FF3.6-15 badae7 */
    background: -webkit-linear-gradient(top,  #266680 0%,#1CB58A 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #266680 0%,#1CB58A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266680', endColorstr='#1CB58A',GradientType=0 ); /* IE6-9 */
}

#stu-rev-pricing-block{
    color: white;
    border-bottom: solid 1px lightgrey;
    padding: 40px 60px 40px 60px;
    background: #1CB58A; /* Old browsers */
    background: -moz-linear-gradient(top,  #1CB58A 0%,  #4F6966 20%); /* FF3.6-15 badae7 */
    background: -webkit-linear-gradient(top,  #1CB58A 0%,#4F6966 20%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1CB58A 0%,#4F6966 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1CB58A', endColorstr='#4F6966',GradientType=0 ); /* IE6-9 */
}

#we-find-and-fix-weaknesses{
    background-color: #4F6966;
    color: white;
    padding-top: 50px;
}

#register-your-interest-button{
    width: 300px;
    max-width: 70% !important;
    font-size: 22px;
    color: white;
    border: solid 2px white;
    margin-left: 55px;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    text-align: center;
}

#boost-grade-confidence{
    color: white;
    padding: 40px 60px 40px 60px;
    background: #266680;
}

.reader-green-wrapper{
    border: solid 5px rgb(48, 194, 108);
    border-radius: 500px;
    height: 200px;
    width: 200px;
    padding-top: 20px;
    padding-left: 43px;
    margin-left: auto;
    margin-right: auto;
}

.reader-green-wrapper-2{
    border: solid 5px rgb(48, 194, 108);
    border-radius: 500px;
    height: 100px;
    width: 100px;
    padding-top: 7px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: 20px;
}

.reader-green-wrapper img{
    height: 150px;
}

.reader-green-wrapper-2 img{
    height: 75px;
}

#c1-c2-fingertips{
    background-color: rgb(210, 231, 253);
    background-image: url("Images/mathspattern.png");
    color: #4f6966;
    padding-bottom: 30px;
}

#c1-c2-fingertips .top{
    padding-top: 40px;
    color: #4f6966;
    font-family: Lato;
    font-size: 27px;
    font-weight: 900;
    text-align: center;
}

#c1-c2-fingertips .bottom{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    color: #4f6966;
    font-family: Lato;
    font-size: 18px;
    text-align: center;
}

.blue-white-circle{
    border-radius: 200px;
    background-color: #bedde9;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.blue-white-circle img{
    height: 50%;
}

.margin-top-26px{
    margin-top: 26px;
}

.margin-top-130px{
    margin-top: 130px;
}

.margin-left-24px{
    margin-left: 24px;
}

.margin-left-15px{
    margin-left: 15px;
}

.margin-left-3px{
    margin-left: 3px;
}

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

.margin-top-12px{
    margin-top: 12px;
}

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

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

.margin-top-60px{
    margin-top: 60px;
}

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

.margin-top-29px{
    margin-top: 29px;
}

.fingertips-white-block{
    background-color: white;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-top: -50px;
    color: #4f6966;
}

.fingertips-white-block .hd{
    font-size: 18px;
    font-family: latobold;
    text-align: center;
}

#plans-description{
    background-color: #317993;
    padding-top: 50px;
    padding-bottom: 50px;
}

.blue-on-white-header{
    background-color: white;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 62px;
    color: #317993;
    text-align: center;
    font-family: latobold;
}

.white-on-green-header{
    background-color: #35C97F;
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 30px;
    color: white;
    text-align: center;
    font-family: latobold;
}

.no-opacity{
    opacity: 0;
}

.white-with-green-border{
    color: white;
    border: solid 2px #35C97F;
    padding: 10px;
}

.white-with-white-border-left{
    color: white;
    border-bottom: solid 2px white;
    border-left: solid 2px white;
    padding: 10px;
}

.white-with-white-border-right{
    color: white;
    border-bottom: solid 2px white;
    border-right: solid 2px white;
    padding: 10px;
}

.princing-img{
    margin-top: 30px;
    margin-bottom: 30px;
    height: 60px;
}

.full-white-line{
    width: 100%;
    height: 2px;
    background-color: white;
}

#unseed-300-questions{
    overflow: hidden;
}

#register-your-interest-button-2{
    width: 300px;
    font-size: 22px;
    color: white;
    border: solid 2px white;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    text-align: center;
    margin-top: 20px;
}

.brown-color{
    color: #4f6966;
}

#unsure-about-rd{
    padding-top: 20px;
    padding-bottom: 50px;
}

@media (min-width: 768px) {

    .desktop-min-height-100px{
        min-height: :100px;
    }

    .non-xs-margin-top-90px{
        margin-top: 90px !important;
    }

    .non-xs-margin-top-100px-neg{
        margin-top: -100px;
    }

    .non-xs-margin-top-100px{
        margin-top: 100px !important;
    }

    .non-xs-margin-top-44px{
        margin-top: 44px !important;
    }

    .non-xs-margin-top-40px{
        margin-top: 40px !important;
    }

    .non-xs-margin-top-neg-90px{
        margin-top: -90px;
    }

    .non-xs-margin-top-neg-17px{
        margin-top: -17px;
    }

    .non-xs-margin-bottom-50px{
        margin-bottom: 50px !important;
    }

    .non-xs-margin-top-30px{
        margin-top: 30px !important;
    }

    .non-xs-margin-top-60px{
        margin-top: 60px !important;
    }

    .non-xs-margin-top-50px{
        margin-top: 50px !important;
    }

    .non-xs-margin-bottom-30{
        margin-bottom: 30px !important;
    }

    .non-xs-no-margin-top{
        margin-top: 0px !important;
    }

    .non-xs-margin-top-20{
        margin-top: 20px !important;
    }

    .non-xs-margin-top-30{
        margin-top: 30px !important;
    }

    .non-xs-margin-top-13px{
        margin-top: 13px !important;
    }

    .non-xs-margin-top-20px{
        margin-top: 20px !important;
    }

    .non-xs-padding-right-80px{
        padding-right: 80px;
    }

    .non-xs-no-padding-right{
        padding-right: 0px !important;
    }

    .non-xs-no-padding-left{
        padding-left: 0px !important;
    }

    .width-non-xs-25pc{
        width: 25%;
    }

    .non-xs-width-80pc{
        width: 80%;
    }

    .non-xs-margin-top-10px{
        margin-top: 10px;
    }

    .width-non-xs-17pc{
        width: 17%;
    }

    .width-non-xs-18pc{
        width: 18%;
    }

    .width-non-xs-23pc{
        width: 23%;
    }

    .width-non-xs-24pc{
        width: 24%;
    }

    .width-non-xs-20pc{
        width: 20%;
    }

    .width-non-xs-50pc{
        width: 50%;
    }

    .non-xs-padding-bottom-30px{
        padding-bottom: 30px;
    }

    .non-xs-padding-top-10px{
        padding-top: 10px;
    }

    .non-xs-padding-top-30px{
        padding-top: 30px;
    }


    .non-xs-text-align-center{
        text-align: center;
    }

    .non-xs-light-border-bottom{
        border : solid 1px white;
    }

    .non-xs-orange-border{
        border: solid 1px #FFAB43;
    }
}

@media (max-width: 767px) {

    .whole-column{
        margin-bottom: 20px;
    }

    .xs-container-300{
        max-width: 300px;
    }

    .xs-max-width-350{
        max-width: 350px;
    }

    .xs-padding-top-50px{
        padding-top: 50px !important;
    }

    .xs-padding-top-43px{
        padding-top: 43px !important;
    }

    .xs-margin-top-10px{
        margin-top: 10px !important;
    }

    .xs-margin-top-8px{
        margin-top: 8px !important;
    }

    .xs-margin-top-30px{
        margin-top: 30px !important;
    }

    .xs-margin-top-50px{
        margin-top: 50px !important;
    }

    .xs-margin-top-60px{
        margin-top: 60px !important;
    }

    .xs-margin-bottom-20px{
        margin-bottom: 20px !important;
    }

    .xs-margin-bottom-30px{
        margin-bottom: 30px !important;
    }

    .xs-margin-top-5px{
        margin-top: 5px;
    }

    .xs-margin-right-10px{
        margin-right: 10px;
    }

    .xs-margin-left-10px{
        margin-left: 10px;
    }

    .xs-width-12px{
        width: 12px !important;
    }

    .xs-padding-left-10px{
        padding-left: 10px !important;
    }

    .xs-padding-right-10px{
        padding-right: 10px !important;
    }

    .xs-padding-left-20px{
        padding-left: 20px !important;
    }

    .xs-padding-right-20px{
        padding-right: 20px !important;
    }

    .xs-right-white-border{
        border-right : solid 2px white !important;
    }

    .xs-left-white-border{
        border-left : solid 2px white !important;
    }

    .xs-font-11px{
        font-size: 11px !important;
    }

    .xs-font-12px{
        font-size: 12px !important;
    }

    .xs-font-13px{
        font-size: 13px !important;
    }

    .xs-font-14px{
        font-size: 14px !important;
    }

    .xs-font-15px{
        font-size: 15px !important;
    }

    .xs-font-16px{
        font-size: 16px !important;
    }

    .xs-font-17px{
        font-size: 17px !important;
    }

    .xs-font-15px{
        font-size: 15px !important;
    }

    .xs-font-18px {
        font-size: 18px !important;
    }

    .xs-font-19px {
        font-size: 19px !important;
    }

    .xs-font-20px{
        font-size: 20px !important;
    }

    .xs-font-22px{
        font-size: 22px !important;
    }

    .xs-font-24px{
        font-size: 24px !important;
    }

    .xs-full-width{
        widows: 100% !important;
    }

    .xs-line-height-33px{
        line-height: 33px !important;
    }

    .xs-line-height-25px{
        line-height: 25px;
    }

    .xs-no-padding-top{
        padding-top: 0px !important;
    }

    .xs-no-padding{
        padding: 0px !important;
    }

    .xs-no-margin-top{
        margin-top: 0px !important;
    }

    .xs-no-margin-bottom{
        margin-bottom: 0px !important;
    }

    .xs-margin-top-30px{
        margin-top: 30px !important;
    }

    .xs-width-30px{
        width: 30px !important;
    }

    .xs-width-150px{
        width: 150px !important;
    }

    .xs-font-29px{
        font-size: 29px !important;
    }

    .xs-width-100px{
        width: 100px !important;
    }

    .xs-height-100px{
        height: 100px !important;
    }

    .xs-height-150px{
        height: 150px !important;
    }

    .xs-no-padding-left{
        padding-left: 0px !important;
    }

    .xs-no-padding-right{
        padding-right: 0px !important;
    }

    .xs-margin-top-20px{
        margin-top: 20px;
    }

    .xs-padding-top-5px{
        padding-top: 5px;
    }

    .xs-padding-top-10px{
        padding-top: 10px !important;
    }

    .xs-padding-bottom-5px{
        padding-bottom: 5px;
    }


    .xs-align-right{
        text-align: right;
    }

    .xs-padding-right-35px{
        padding-right: 35px;
    }

    .in-30-min-right-label{
        font-size: 18px;
    }

    .xs-width-210px{
        width: 210px !important;
    }

    .xs-centered-block{
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .xs-text-align-center{
        text-align: center !important;
    }

    .main-ind-lines{
        font-size: 19px;
    }

    .mp-msg-label-block > .bottom2{
        font-size: 40px;
    }

    .xs-line-height-30px{
        line-height: 30px !important;
    }
}

@media (max-width: 991px) {
    .sm-margin-top-10px{
        margin-top: 10px;
    }

    .sm-margin-top-20px{
        margin-top: 20px;
    }

    .sm-text-align-center{
        text-align: center !important;
    }

    .sm-no-margin-bottom{
        margin-bottom: 0px !important;
    }

    .sm-margin-top-45px{
        margin-top: 45px !important;
    }

    .sm-margin-top-60px{
        margin-top: 60px !important;
    }

    .sm-padding-left-20px{
        padding-left: 20px !important;
    }

    .sm-padding-right-20px{
        padding-right: 20px !important;
    }

    .sm-line-height-20px{
        line-height: 20px !important;
    }

    .sm-min-height-200{
        min-height: 200px;
    }
}

@media (min-width: 992px) {

    .over-md-font-15px{
        font-size: 15px !important;
    }

    .over-md-font-16px{
        font-size: 16px !important;
    }

    .over-md-font-14px{
        font-size: 14px !important;
    }

    .over-md-font-13px{
        font-size: 13px !important;
    }


}

@media (min-width: 768px) {
    .market-page-margin{
        padding-top: 70px !important;
    }
}

@media (min-width: 1200px) {
    .lg-font-18px{
        font-size: 18px !important;
    }

    .lg-font-16px{
        font-size: 16px !important;
    }

    .lg-padding-top-50px {
        padding-top: 50px;
    }

    .lg-padding-bottom-50px{
        padding-bottom: 50px;
    }
}



#upgrade-and-book{
    padding-top: 20px;
    padding-bottom: 20px;
}

#register-your-interest-wapper{
    background-color: rgb(38, 102, 128);
    padding-top: 30px;
    padding-bottom: 30px;
}

.flying-quotes{
    position: absolute;
    width: 100px;
    top: 171px;
}

.custom-navbar-hamb{
    width: 44px;
    border-color: white !important;
    background-color: #35C97F !important;
}

.custom-navbar-hamb .icon-bar{
    background-color: white !important;
}

.stu-rev-pricing-block-header-g-o-w{
    color: #4F6966;
    background-color: white;
    text-align: center;
    font-size: bold;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom : 20px;
}

.stu-rev-pricing-block-header-w-o-g{
    color: white;
    background-color: #35C97F;
    text-align: center;
    font-size: bold;
    font-size: 22px;
    padding-top: 25px;
    padding-bottom : 25px;
    font-family: latobold;
}

.stu-rev-pricing-block-body-g-o-w{
    text-align: center;
    border: solid 2px white;
    padding-left: 20px;
    padding-right: 20px;
}

.stu-rev-pricing-block-body-w-o-g{
    text-align: center;
    border: solid 2px #35C97F;
    color: #35C97F;
    padding-left: 25px;
    padding-right: 25px;
}

.clean-link{
    text-decoration: none !important;
    color: inherit !important;
}

.nav-text{
  padding-top:14px;
  font-size:16px;
  text-align: center;
}

.hamburger-menu{
  max-width: 100%;
  padding-top: 10px;
}

.login-signup-custom-color{
    color : #307993 !important;
}

.interest-modal-selected{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border : solid 5px #35C97F;
    background-color: #35C97F;
    color: white !important;
}

.interest-modal-unselected{
    border : solid 5px #35C97F;
    cursor: pointer;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #4F6966;
}

.margin-top-316px-neg{
    margin-top: -316px;
}

.margin-top-244px-neg{
    margin-top: -244px;
}

.margin-top-272px-neg{
    margin-top: -272px;
}

#diagnostic-wrapper{
    background-image: url("Images/grad-bcg.png");
    background-size: 100% 100%;
}

.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.action-button-shadow-box{
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
}

.action-button-shadow-box-white{
    -webkit-box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.85);
    -moz-box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.85);
    box-shadow: 1px 1px 4px 0px rgba(255,255,255,0.85);
}

#login-action{
    background-color: #FFAB43;
    color: white;
    border : solid 2px #FFAB43;
    padding: 5px 5px 7px 5px;
    border-radius: 3px;
}

#sign-up-action{
    color: white;
    border : solid 2px #FFAB43;
    padding: 5px 5px 7px 5px;
    border-radius: 3px;
    margin-left: 5px;
}

#c2-mock-learn-and-get{
    background-color: rgb(38, 102, 128);
    color: white;
    padding-bottom: 50px;
}

#four-plans-display{
    background-color: rgb(38, 102, 128);
    color: white;
    padding-bottom: 40px;
    padding-top: 20px;
    text-align: center;
}

#four-plans-display .whole-column{
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#four-plans-display .header-plan{
    color: rgb(38, 102, 128);
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

#four-plans-display .body-plan{
    border: solid 2px white;
}

#four-plans-display .footer-plan{
    border: solid 2px white;
    background-color: white;
    color: rgb(38, 102, 128);
    padding-top: 5px;
    padding-bottom: 5px;
}

.dark-red-color{
    color: #FF5C56 !important;
}

.green-bgc-imp{
    background-color: #35C97F !important;
}

.green-border-imp{
    border-color: #35C97F !important;
}

.modal-login-cta{
    border: solid 5px #35C97F;
    background-color: #35C97F;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.7px;
    color: white;
}

.modal-signup-cta{
    border: solid 5px #35C97F;
    background-color: white;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.7px;
    color: #4F6966;
}

.margin-top-6-neg{
    margin-top: -6px;
}

.padding-right-1px{
    padding-right: 1px;
}

.modal-losu-sub{
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    color : #4F6966;
}

.losu-color{
    color : #4F6966;
}

.yellow-main-cta{
    background-color: #FFAB43;
    border-color: #FFAB43;
}

#let-s-go-button{
}

.register-block-box .btn-group .btn-primary{
    background-color: #35C97F;
    border-color: #35C97F;
}

.pick-exam-modal-header{
    background-color: #4F6966;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pick-exam-modal-header-top{
    margin-top: 5px;
    color: white;
    font-size: 17px;
    font-family: latobold;
}

.pick-exam-modal-header-bottom{
    color: white;
    font-size: 14px;
    letter-spacing: .7px;
}

.pick-exam-modal-body{
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pick-exam-modal-input{
    outline: none !important;
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #4F6966;
    color: #4F6966;
    border-width: 1px;
    padding: 3px;
    height: 30px;
    border-radius: 0;
    -webkit-appearance: none;
}

.pick-exam-modal-button{
    display: block;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    background-color: #35C97F;
    text-align: center;
    box-shadow: 1px 1px 4px 0px #4F6966;
    margin-bottom: 20px;
    cursor: pointer;
}

.cursor-disabled{
    cursor: not-allowed !important;
}

.pick-exam-modal-button-disabled{
    cursor: not-allowed;
    display: block;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    background-color: #35C97F;
    text-align: center;
    box-shadow: 1px 1px 4px 0px #4F6966;
    margin-bottom: 20px;
    opacity: .5;
}

.pick-exam-tick{
    margin-top: -32px;
    margin-right: 5px;
}

.pick-exam-arrow-v{
    margin-top: -32px;
    margin-right: 7px;
}

.pick-board-button{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    border: solid 2px #4F6966;
    color: #4F6966;
    margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: .7px;
    font-weight: 500;
    cursor: pointer;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid black; 
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-left:10px solid white; 
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-top: 10px solid white;
    border-left: 10px solid transparent; 
    border-right:10px solid transparent; 
}

#mock-lp-mail-header{
    background-color: #317993;
    padding-top: 40px;
    color: white;
}

#mock-lp-mail-header-img{
    max-width: 100%;
    max-height: 250px;
}

#gglp-flying-sub{
    color: #4F6966;
    text-align: center;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#boost-grade-ga-lp{
    padding-bottom: 40px;
}

#boost-grade-ga-lp-2{
    padding-bottom: 40px;
    background-color: #317993;
    color: white;
}

.grey-border-button-do-mock{
    max-width: 350px;
    color : #4F6966;
    border: solid 2px #4F6966;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    cursor: pointer;
}

.custom-fp-sub{
    color: #4F6966;
    border-bottom: solid 1px #47C975;
}

.custom-fp-sub-2{
    border-bottom: solid 1px #47C975;
}

#blog-header{
    background-color: #D8D8D8;
    padding-top: 10px;
    padding-bottom: 10px;
    color : #4F6966;
    font-size: 24px;
}

#blog-footer{
    padding-top: 20px;
    padding-bottom: 10px;
    color : #4F6966;
    font-size: 20px;
}

.blog-content-text{
    color : #4F6966;
    font-size: 19px;
}

.blog-bold-content-text{
    color : #4F6966;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
}

.blog-content-green-head{
    color : #35C97F;
    margin-top: 25px;
    font-size: 19px;
}

#central-blog-content{
    padding-left: 10px;
    padding-right: 10px;
}

#blue-action-block{
    background-color: #266680;
    color: white;
    font-size: 20px;
}

.parents-text-left{
    font-size: 22px;
}

.parents-text-left-bold{
    font-weight: bold;
    font-size: 22px;
}

#tiny-lp-nikki-desc{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #C0DDEA;
    color: #4F6966;
    font-size: 17px;
}

.cross-line-bcg{
    background-image: url(Images/cross-line.png);
    background-size: 100% 100%;
}

#upgrade-top-header{
    background-color: #4F6966;
    color: white;
}

#unlock-hours-section{
    color: #4F6966;
}

.make-secure-payment-button-green{
    max-width: 300px;
    color: white;
    font-weight: bold;
    border: solid 1px #35C97F;
    background-color: #35C97F;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.7px;
    display: block;
}

.red-span-color{
    color: #D0021B;
}

.payment-loader-wrapper{
    font-size: 30px;
    margin-top: 127px;
    margin-bottom: 127px;
    text-align: center;
}

#have-a-chat-section{
    background-color: #4F6966;
    color: white;
}

#exam-demistified{
    border-top: solid 2px #317993;
    padding-top: 20px;
    padding-bottom: 20px;
}

#video-section{
    background-color: #317993;
    color: white;
    padding: 20px;
}

.generic-green-button-filled{
    color: white;
    background-color: #35c97f;
    border: solid 2px #35c97f;
    letter-spacing: 1px;
    padding: 5px 10px 5px 10px;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
}

#math-revision-days-flyer{
    background-color: #2C7994;
    text-align: center;
    color: white;
    text-decoration: underline;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}

#math-revision-days-flyer-2{
    background-color: white;
    text-align: center;
    color: #2C7994;
    text-decoration: underline;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}

.line-through{
    text-decoration: line-through;
}

#blog-embedded-video{
    background-color: #266680;
}

#experience-embedded-video{

}

#have-go-physics{
    background-color: #266680;
}

.line-height-30px{
    line-height: 30px;
}

.line-height-60px{
    line-height: 60px;
}

#special-offer-baenner-64{
    color: white;
    background-color: #337897;
}

#be-smart-with-your-time{
    background-color: #317993;
    color: white;
}

.free-c2-fixer{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    border: solid 4px #FFAB43;
    color: white;
    margin-bottom: 20px;
    font-size: 22px;
    letter-spacing: .7px;
    font-weight: 500;
    cursor: pointer;
    width: 250px;
}

.white-button{
    color: white;
    font-size: 24px;
    font-weight: bold;
    border : solid 2px white;
    padding: 10px;
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-top: 10px;
}

.white-button-2{
    color: white;
    font-size: 17px;
    font-weight: bold;
    border : solid 2px white;
    padding: 10px;
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-top: 10px;
}

.hero-new-cta{
    color: #4F6966;
    padding: 20px;
    border: solid 5px #FFAB43;
    cursor: pointer;
    text-align: center;
    font-size: 37px;
    transition: all 0.3s ease;
}

.hero-new-cta:hover{
    color: white;
    background-color: #FFAB43;
}

.hero-new-cta-med{
    color: #4F6966;
    padding: 10px;
    border: solid 5px #FFAB43;
    cursor: pointer;
    text-align: center;
    font-size: 27px;
    transition: all 0.3s ease;
}

.hero-new-cta-med:hover{
    color: white;
    background-color: #FFAB43;
}

.hero-new-cta-mini{
    color: #4F6966;
    border: solid 5px #FFAB43;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    transition: all 0.3s ease;
}

.hero-new-cta-mini:hover{
    color: white;
    background-color: #FFAB43;
}

.schools-backdrop{
    background-color: rgb(229, 240, 223);
}

#end-of-topic-homework{
    background-color: #317993;
    color: white;
}

#end-of-topic-homework h2{
    border-bottom: solid 1px white;
}

#iphone6-caroussel{
    padding-top: 60px;
}

#have-a-go-stats{
    background-color: #317993;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.light-border-bottom{
    border-bottom: solid 1px white;
}

.blue-on-white-button{
    color: #317993;
    background-color: white;
    cursor: pointer;
    padding: 10px;
    transition: all 0.3s ease;
    border: solid 1px white;
}

.blue-on-white-button:hover{
    color: white;
    background-color: #317993;
}

.white-on-blue-button{
    color: white;
    background-color: #317993;
    border: solid 1px white;
    cursor: pointer;
    padding: 10px;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 25px;
}

.white-on-blue-button:hover{
    color: #317993;
    background-color: white;
}

.modal-dialog{
    margin-top: 165px;
}

@media (max-width: 767px) {
    .modal-dialog{
        margin-top: 115px;
    }
}

.dark-blue-bcg{
    background-color: #317993;
}

.large-login-block{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px white;
    color: white;
}

.no-bulletpoints {
    list-style-type: none;
}

.custom-nav-dropdown{
    margin-top: 29px;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    left: 0px !important;
}

.custom-nav-dropdown li{
    padding-top: 3px;
    padding-bottom: 3px;
}

.hr-large{
    border-top: solid 2px;
}

.white-hr{
    border-color: white;
}

.custom-li-border-bottom{
    border-bottom: solid 1px #4F6966;
}

.width-220px{
    width: 220px;
}

.hero-blur-index{
    background-color: rgb(224, 216, 182);;
}

#find-out-more-div{
    padding-top: 20px;
    padding-bottom: 80px;
    background-color: #317993;
    color: white;
}

.white-bcg{
    background-color: white !important;
}

.hover-white-bcg:hover{
    background-color: white;
}

.focus-white-bcg:focus{
    background-color: white !important;
}

.empty-orange-button{
    color: #FFAB43;
    border: solid 2px #FFAB43;
    padding: 15px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: .5px;
}

.full-orange-button{
    color: white;
    background-color: #FFAB43;
    padding: 15px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: .5px;
}

.min-width-100px{
    min-width: 100px;
}

#register-header-block{
    position: absolute;
    top: -120px;
    width: 100%;
    left: 0px;
}

@media (max-width: 767px) {
    #register-header-block{
        top: -70px;
    }
}

.hover-opacity{
    transition: all 0.3s ease;
}

.hover-opacity:hover{
    opacity: 0.7
}

.dropdown-menu>li>span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown-menu>li>span:hover {
    background-color: rgb(210, 210, 210);
}

#invalid-class-indicator{
    position: absolute;
    left: 24px;
    top: 83px;
}

#learn-by-doing{
    color: #317993;
    padding-top: 50px;
    padding-bottom: 50px;
}

.white-placeholder::-webkit-input-placeholder {
  color: white;
}
.white-placeholder::-moz-placeholder {
  color: white;
}
.white-placeholder:-ms-input-placeholder {
  color: white;
}
.white-placeholder:-moz-placeholder {
  color: white;
}

.orange-placeholder::-webkit-input-placeholder {
  color: #FFAB43;
}
.orange-placeholder::-moz-placeholder {
  color: #FFAB43;
}
.orange-placeholder:-ms-input-placeholder {
  color: #FFAB43;
}
.orange-placeholder:-moz-placeholder {
  color: #FFAB43;
}

.dblue-placeholder::-webkit-input-placeholder {
  color: #317993;
  opacity: .5;
}
.dblue-placeholder::-moz-placeholder {
  color: #317993;
  opacity: .5;
}
.dblue-placeholder:-ms-input-placeholder {
  color: #317993;
  opacity: .5;
}
.dblue-placeholder:-moz-placeholder {
  color: #317993;
  opacity: .5;
}

#december-desktop-understand{
    background-image: url('Images/dec-student-desktop-bcg.jpg');
    background-size: 100% 100%;
}

#december-mobile-understand{
    background-image: url('Images/dec-student-bcg.jpg');
    background-size: 100% 100%;
}

@keyframes circlearrow {
    0%   {margin-top: 5px; margin-bottom: -5px}
    50%  {margin-top: -5px; margin-bottom: 5px}
    100% {margin-top: 5px; margin-bottom: -5px}
}

#dec-circle-arrow-down {
    margin-top: 0px;
    animation-name: circlearrow;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

#dec-stu-mob-lp-quotes blockquote{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#dec-stu-mob-lp-quotes .speech-box{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.line-height-50{
    line-height: 50px !important;
}

.question-content button {
    width: 100%;
    font-size: inherit !important;
    border-radius: 0px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
}

.line {
    display: block;
    width: 90%;
    height: 1px;
    border: 0;
    border-top: 1px solid lightgrey;
    margin: 2px 5% 2px;
    padding: 5px 0 5px;
}

.mood-icon {
    padding: 0px;
    padding-left: 3px;
    margin-top: -7px;
}

.opacity-transition {
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.tea-info-box {
    background-color: #EAEFF0;
    padding: 15px;
    color: #317993;
}

.margin-top-10px {
    margin-top: 10px;
}
.margin-bottom-10px {
    margin-bottom: 10px;
}

.tea-info-box {
    background-color: #EAEFF0;
    padding: 15px;
    color: #317993;
}

.margin-top-8px {
    margin-top: 8px;
}

.toast-success{
    background-color: #35C97F !important;
    z-index: 10000000;
}

#toast-container {
    z-index: 99999999!important;
}

.checkbox-bcg-zone{
    height: 20px;
    width: 20px;
    background-color: rgb(238, 238, 238);
    border-radius: 3px;
    transition: all 1s ease;
    border: 1px solid #ccc;
}

.checkbox-bcg-zone.checkbox-bcg-zone-selected{
    border-radius: 200px;   
    background-color: white;
    border: 1px solid white;
}

.checkbox-bcg-zone .check-zone-image{
    margin-top: -1px;
    margin-left: -1px;
    transition: all 1s ease;
    opacity: 0;
}

.checkbox-bcg-zone.checkbox-bcg-zone-selected .check-zone-image{
    opacity: 1;   
}

.red-text{
    color: #ff4c62;
}

.second-tab{
    text-align: center;
    padding : 5px;
    cursor: pointer;
    color : #317993;
    border-top: solid 1px white;
    border-bottom: solid 1px #EAEFF0;
}

.selected-second-tab{
    text-align: center;
    padding : 5px;
    cursor: pointer;
    font-weight: bold;
    color : #317993;
    background-color: #EAEFF0;
    border-top: solid 1px #EAEFF0;
    border-bottom: solid 1px #EAEFF0;
}

.tea-bcg-study-case{
    background-color: #d1e6f7;
}
   
@media only screen and (max-width: 1170px) and (min-width: 750px){
    .tea-bcg-study-case{
        background-color: white !important;
        background-image: url("Images/NCShero.png");
        background-size: 100% 100%;
    }
}

@media only screen and (min-width: 1170px){
    .tea-bcg-study-case{
        background-color: white !important;
        background-image: url("Images/NCShero-lg.png");
        background-size: 100% 100%;
    }
}

@media only screen and (max-width: 750px){
    .tea-bcg-study-case-inner{
        background-color: white !important;
        background-image: url("Images/NCShero.png");
        background-size: 100% 100%;
    }
}

.progress-bar-circle{
    padding-top: 7px;
    border-radius: 50px;
    margin-right: 5px;
    width : 30px;
    height : 30px;
    border : solid 1px #4F6966;
    text-align: center;
    display: inline-block;
    color : #4F6966;
}

.progress-bar-circle.pbc-sel{
    border : solid 2px #4F6966;
}

.hidden-second-tb{
    opacity: 0;
    transition: opacity 0.3s ease;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 0px;
    background-color: white;
    padding-top: 20px;
    z-index: -10;
}

.shown-second-tb{
    opacity: 1 !important;
    height: auto !important;
    z-index: 1000000;
}

.not-set-round-sign{
    display: inline-block;
    border-radius: 50px;
    border: solid 1px #4f6966 !important;
    color: #4f6966;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
    margin-right: 5px;
}

.validated-set-round-sign{
    display: inline-block;
    border-radius: 50px;
    color: white;
    background-color: #317993;
    border: solid 1px #317993 !important;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
    margin-right: 5px;
}

.theme-box{
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    color : #317993;
    border: solid 1px #317993;
    padding : 5px 10px;
}

.tags-head-progressbar{
    height: 10px;
    border-radius: 4px;
    background-color: #317993;
}

.setup-box{
    max-height: 300px;
    transition: max-height 0.5s linear;
    overflow: hidden;
}

.setup-box.setup-hide{
    transition: max-height 0.5s linear;
    max-height: 0px;
}

.out-of-dev-css .progress-bar-circle{
    padding-top: 6px !important;
}

.out-of-dev-css .pbc-sel{
    padding-top: 5px !important;
} 

@media print { 

    body{
        height:auto;
        -webkit-print-color-adjust: exact;
    }

    body, body *{
        font-size: 16px !important;
    }

    .score-color-font-green, .score-color-font-green *{
        color : #35c97f!important;
    }

    .score-color-font-orange, .score-color-font-orange *{
        color : #f8bf1c!important;
    }

    .score-color-font-red, .score-color-font-red *{
        color : #ff4c62!important;
    }

    .dark-grey-color, .dark-grey-color *{
        color: #4F6966 !important;
    }

    .tea-color-green, .tea-color-green *{
        color : #35c97f!important;
    }

    .markit-green, .markit-green *{
        color : #35c97f!important;
    }

    .print-only{
        display: block !important;
    }

    .mistakes-print-mode *{
        font-size: 10px !important;
    }

    .mistakes-print-mode .step-area{
        padding: 3px !important;
    }

    .mistakes-print-mode .step-area > p{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }    

    .mistakes-print-mode .bordered-step-mistake{
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .mistakes-print-mode .margin-top-15px{
        margin-top: 5px !important;
    }

    .mistakes-print-mode .MathJax_Display{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mistakes-print-mode .work-details-q-count-line{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mistakes-print-mode .tea-padding-medium{
        padding: 10px !important
    }

    .print-box-shadow{
        box-shadow: 2px 2px 4px #4F6966 !important;
    }

    .page-break { 
        display: block; 
        page-break-before: always; 
    }

}

.score-color-font-green{
    color : #35c97f!important;
}

.score-color-font-orange{
    color : #f8bf1c!important;
}

.score-color-font-red{
    color : #ff4c62!important;
}

.dark-grey-color{
    color: #4F6966 !important;
}

.tea-color-green{
    color : #35c97f!important;
}

.markit-green{
    color : #35c97f!important;
}

.text-align-right{
    text-align: right;
}

.force-align-right{
    text-align: right!important;
}

.score-color-sphere-green{
    border-radius: 50px;
    width: 10px;
    height: 10px;
    background-color: #35c97f;
}

.score-color-sphere-orange{
    border-radius: 50px;
    width: 10px;
    height: 10px;
    background-color: #f8bf1c;
}

.score-color-sphere-red{
    border-radius: 50px;
    width: 10px;
    height: 10px;
    background-color: #ff4c62;
}

.rotate-90{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.rotate-90-neg{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}