.center_div{
    margin: 0 auto;
}

#main_pic{
    height: auto;
    display: block;
    width: 90%;
    max-width: 780px;
    margin: 0 auto;
    padding-top: 20px;

}

#overall_cont{
    min-width: 300px;
    margin-bottom: 220px;
    display: none;
}

@media (max-width:767px) {
    .custom-navbar .navbar-right {
        float: right;
        padding-right: 15px;
    }
    .custom-navbar .nav.navbar-nav.navbar-right li {
        float: left;
    }
    .custom-navbar .nav.navbar-nav.navbar-right li > a {
        padding:8px 5px;
    }
    .custom-navbar .navbar-toggle {
        float: left;
        margin-right: 0
    }
    .custom-navbar .navbar-header {
        float: left;
        width: auto!important;
    }
    .custom-navbar .navbar-collapse {
        clear: both;
        float: none;
    }
    .nav.navbar-nav.pull-right {
        float: left !important;
    }
}



@media only screen and (min-width: 767px){
    #base_fluid_cont{
        padding-left: 0px !important
    }
}

@media only screen and (max-width: 767px){
    #base_fluid_cont{
        padding-left: 25px !important;
    }

}

@media only screen and (min-width: 1800px){

    #base_c_account_back{
        right: 30px;
        width:20%;
        height: 370px;
        padding: 20px 40px 30px 40px;

    }

    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 220px 0px;
        width:80%;
        max-width: 1650px;
        margin-left: 4%;

    }

}

@media only screen and (max-width: 1800px) and (min-width: 1660px){

    #base_c_account_back{
        right: 40px;
        width:18%;
        height: 380px;
        padding: 20px 20px 30px 20px;

    }

    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 220px 0px;
        width:80%;
        max-width: 1200px;
        margin-left: 10%;

    }

}

@media only screen and (max-width: 1660px) and (min-width: 1460px){



    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 220px 0px;
        width:75%;
        max-width: 1200px;
        margin-left: 4%;

    }

}

@media only screen and (max-width: 1660px) and (min-width: 1560px){
    #base_c_account_back{
        right: 20px;
        width:19%;
        height: 380px;
        padding: 20px 20px 30px 20px;

    }

}

@media only screen and (max-width: 1560px) and (min-width: 500px){
     #base_c_account_back{
        right: 20px;
        width:19%;
        height: 410px;
        padding: 20px 20px 30px 20px;
    }

}


@media only screen and (max-width: 1460px) and (min-width: 1350px){
    #price_head{
        font-size: 20px;
    }

    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 220px 0px;
        width:76%;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1350px) and (min-width: 1250px){
    #price_head{
        font-size: 20px;
    }

    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 220px 0px;
        width:74%;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 500px){
    #price_head{
        font-size: 20px;
    }

    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 220px 0px;
        width:76%;
        margin-left: 20px;
    }
}



@media only screen and (min-width: 650px){

    #price_head{
        font-size: 24px;
        text-align: center;
        margin: 0 auto;
    }

    #pic_txt{
        padding: 10px 20px 0px 20px;
        font-size: 24px;
        font-color: rgb(220,220,220);
        text-align: center;
        margin-bottom: 40px !important;
    }

    #check_points{
        font-size: 24px;
        padding: 0px 20px 0px 20px;
        width:90%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .check_sub{
        font-size: 22px;
        padding: 0px 34px 0px 34px;

    }

    .check_head{
        padding: 0px 0px 0px 0px;

    }

    #price_border{

        margin: 0 auto;
        margin-top: 60px;
        margin-bottom: 60px;

    }

    .check_border{
        margin: 40px 0px 30px 70px;
        border-radius: 20px;
        padding: 0px;

    }

    #school_div{
        padding: 30px 0px;
        margin-bottom: 30px;
    }

    .fa_pad{
        padding-right: 10px;
    }

}

@media only screen and (max-width: 650px) and (min-width: 500px){
     #price_head{
        font-size: 18px;
        text-align: center;
        margin: 0 auto;
    }


    #pic_txt{
        padding: 0px 30px 0px 30px;
        font-size: 18px;
        font-color: rgb(240,240,240);
        text-align: center;
    }

    #check_points{
        font-size: 18px;
        padding: 0px 20px 0px 20px;
        width:90%;
        max-width: 900px;
        margin: 0 auto;
    }

    .check_sub{
        font-size: 16px;
        padding: 0px 0px 0px 29px;

    }

    .check_head{
        padding: 0px 0px 0px 0px;
    }

    #price_border{
        margin: 30px 20px;

    }

    .check_border{
        margin: 20px 30px;
        border-radius: 20px;
        padding: 0px;
    }

    #school_div{
        padding-top: 20px;
        margin-bottom: 50px;
    }

    .fa_pad{
        padding-right: 10px;
    }

}

@media only screen and (min-width: 500px){
    #other-schools{
        font-size: 20px;
    }
}


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

    #other-schools{
        font-size: 14px;
    }

    .check_head{
        padding: 0px 0px 0px 0px;

    }

    #base_c_account_back{
        /*right: 0px;*/
        width: 95%;
        height: 395px;
        padding: 20px 20px 20px 20px;

    }

    #overall_cont{
        margin: 0 auto;
        margin: 20px 20px 20px 0px;
        width:95%;
        margin-left: 20px;
    }

    #price_head{
        font-size: 16px;
    }

    #pic_txt{
        padding: 0px 30px 0px 30px;
        font-size: 18px;
        font-color: rgb(240,240,240);
        text-align: center;
    }

    #check_points{
        font-size: 16px;
        padding: 0px 10px 0px 10px;
        width:90%;
        max-width: 900px;
        margin: 0 auto;
    }

    .check_sub{
        font-size: 14px;
        padding: 0px 0px 0px 24px;

    }

    .check_head{
        padding: 0px 0px 0px 0px;

    }

    #price_border{
        margin: 30px 20px;
    }

    .check_border{
        margin: 20px 5px;
        border-radius: 20px;
        padding: 0px;
    }

    #school_div{
        padding-top: 20px;
        margin-bottom: 50px;
    }

    .fa_pad{
        padding-right: 10px;
    }




}



@media only screen and (min-width: 1600px){

    .mq_text_lg{
        font-size: 30px;

    }
    #learn_m_txt{
        text-align: center;
        font-size: 38px;
        margin-bottom: 30px;
        margin-top: 60px;
    }



}


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

    #learn_m_txt{
        text-align: center;
        font-size: 38px;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .mq_text_lg{
        font-size: 24px;
    }


}



@media only screen and (min-width: 1250px){
/* @media only screen and (min-width: 1330px){ */

     #promo_back{
        font-size: 24px;
    }

    .price_h{
        font-size: 22px;
        margin-bottom: 10px;
        padding: 0px 60px 10px 100px;
    }

     #price_back{
        margin: 0 auto;
        padding: 30px 30px 20px 60px;
        /*margin: 10px 30px 40px 30px;*/
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: 780px;
    }

    .price_bull{
        font-size: 22px;
        text-indent: -20px;
        padding-left: 40px;
        padding-bottom: 10px;
    }

    #base_open_cAccount_phone_right{
        display: none;
    }



    #base_reg_dismiss{
        display: none;
    }



    .mq_text_lg{

        padding: 20px 40px 20px 40px;
    }

    #s_indent{
        padding-left: 35px;
    }


    #davis_pic{
        width: 160px;

    }

    #teach_txt{
        font-size: 34px;
    }

    #youtube_vid{
        width: 720px;
        height: 405px;
    }

    #vid_div{
        margin: 30px 5px 60px 5px;
    }

    #demo_row{
        display: block;
    }

    #mobile_demo{
        display: none;
    }

    #base_c_account_back{
        display: block;

    }

    #base_left_nav{
        font-size: 15px;

    }

}


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

    #base_open_cAccount_phone_right{
        display: block;
    }

    #base_reg_dismiss{
        display: block;
    }

    .mq_text_lg{
        font-size: 24px;
        padding: 20px 40px;
    }


    #youtube_vid{
        width: 720px;
        height: 405px;
    }

    #vid_div{
        margin: 40px 5px 60px 5px;
    }

    #demo_row{
        display: none;
    }

    #mobile_demo{
        display: block;
    }


    #base_c_account_back{
        display: none;
    }


    #overall_cont{
        margin: 0 auto;
        margin-bottom: 220px;
    }


    .mq_text_lg{
        font-size: 24px;
        padding: 20px 50px;
    }

    .char_img{
        clear: both;
    }

    #base_left_nav{
        font-size: 14px;

    }

}


@media only screen and (min-width: 420px) and (max-width: 1000px) {

     #promo_back{
        font-size: 22px;
    }

    .price_h{
        font-size: 20px;
        margin-bottom: 10px;
        padding: 0px 0px 10px 0px;
    }

    #price_back{
        padding: 30px 60px 10px 60px;
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 30px;
        max-width: 750px;
    }

    .price_bull{
        font-size: 20px;
        text-indent: -20px;
        padding-left: 40px;
        padding-bottom: 20px;
    }


    #youtube_vid{
        width: 551px;
        height: 310px;
    }

    #davis_pic{
        width: 140px;

    }

    #teach_txt{
        font-size: 30px;
    }


    #s_indent{
        padding-left: 30px;
    }

    #vid_div{
        margin: 50px 5px 60px 5px;
    }

}


@media only screen and (min-width: 420px) {
    .fa-top{
        font-size: 42px;
        padding: 20px;
    }
    .fa-heart{
        font-size: 38px;
    }

    #title_cont{
        margin-top:110px;
    }

    .mq_padding{
        padding-bottom: 15px;
    }

    .sect_cont{
        margin: 0 auto;
        margin-bottom: 100px;
        max-width: 1050px;

    }

    #spreadsheet_img{
        /*margin-left: 20px*/
    }


    #home_logo{
        width: 60%;
        margin-bottom: 20px;
    }

    #mainpic_div{
        margin-bottom:20px;
    }

    .section_header{
        font-size: 38px;

    }

    .exp_txt{
        font-size: 22px;
        padding: 0px 100px;

    }

    .feat_head{
        font-size: 26px;
    }

    .feat_img{
        width: 95%;
        padding: 20px;
    }

    #poll_img{
        width: 62%;
    }


    .feat_sect{
        width: 90%;
        padding: 10px 20px 30px 20px;

    }



    #char_icons{
        font-size: 70px;
    }


    .glyph_pad{
        padding-right: 5px;
    }

    #feat_back{
        padding: 30px 0px;
    }

    #adpt_class{
        width:290px;
        padding: 10px 10px 40px 10px;

    }

}

@media only screen and (max-width: 420px) {
    .fa-heart{
        font-size: 22px;
    }
    .fa-top{
        font-size: 22px;
        padding: 12px;
    }

    #adpt_class{

        width:240px;
        padding: 10px 20px 40px 20px;

    }

    #learn_m_txt{
        text-align: center;
        font-size: 34px;
        margin-bottom: 30px;
        margin-top: 28px;
    }


    #mainpic_div{
        margin-bottom: 30px;
    }

    #title_cont{
        margin-top:80px;
    }

    #davis_pic{
        width: 140px;

    }

    #teach_txt{
        font-size: 22px;
    }

    .mq_text_lg{
        font-size: 18px;
        padding: 0px 20px;
    }

    #youtube_vid{
        width: 300px;
        height: 169px;
    }

    #vid_div{
        margin: 25px 5px 40px 5px;
    }

    .glyph_pad{
        padding-right: 1px;
    }


    #hidebr{
        display: none;
    }

    .mq_padding{
        padding-bottom: 10px;
    }


    .sect_cont{
        margin: 0 auto;
        margin-bottom: 50px;
        width: 98%;
    }


    #home_logo{

        width: 80%;
        margin-bottom: 8px;

    }

    .section_header{
        font-size: 26px;

    }

    .exp_txt{
        font-size: 16px;
        padding: 0px 30px 10px 30px;

    }

    .feat_head{
        font-size: 18px;
    }

    .feat_img{
        width: 100%;
    }

    #poll_img{
        width: 80%;
    }

    .feat_sect{
        width: 92%;
        padding: 0px 10px 30px 10px;
    }

    .price_h{
        font-size: 16px;
        margin-bottom: 10px;

    }

    #price_back{
        padding: 20px 40px 0px 40px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    #promo_back{
        font-size: 18px;
    }

    .price_bull{
        font-size: 15px;
        text-indent: -22px;
        padding-left: 35px;
        padding-bottom: 20px;

    }

    #char_icons{
        font-size: 50px;
    }

    #feat_back{
        padding: 20px 0px 30px 0px;
        margin: 0 auto;
    }


}/*end responsive*/
/*end responsive*/

#thanks{
    text-align: center;
}

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

.thanks-name{
    font-size: 24px;
    padding: 5px;
}

#other-schools{
    text-align: center;
    margin-top: 5px;
    text-decoration: underline;
}

.price_bull{
    /*color: rgb(0, 52, 159);*/
}

#price_border{
    max-width: 580px;
    border: 4px solid rgb(191, 195, 255);
    box-shadow: 0 1px 1px 1px rgb(0,0,0,0.5);
    background-color: rgb(235, 236, 251);
    border-radius: 15px;
    padding: 20px;
}

#pic_txt{
    max-width: 980px;
    margin: 0 auto;
}

.check_head{
     color: rgb(97, 106, 250);
}

#base_open_cAccount_phone_right{
    font-size: 14px;
    position: absolute;
    top: 7px;
    right: 7px;


}


#base_cAccount_btn_phone_left{
    margin-left: 15px;
    border: 1px solid rgb(120, 174, 120);
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}



#logcont{
    display: none;
    width: 100%;
    min-width: 310px;
}



#log_title{
    font-size: 24px;
    /* text-align: center;*/
}

#classrow{
    width:90%;
    margin: 0 auto;
}

.c_box{
    max-width: 100%;
    border: 1px solid rgba(63, 144, 255, .7);
    color: black;
    background-color: white;
    /*background-color: rgba(203, 220, 243, 0.6);*/
    /*background-color: rgba(63, 144, 255, 0.2);*/
    font-size: 18px;
    text-align: center;
    padding:25px 20px;
    margin: 50px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(100,100,100,0.3)

}

.c_box:hover{
    border: 1px solid rgb(63, 144, 255);
    background-color: rgba(63, 144, 255, 0.3);
    cursor: pointer;
}

.c_box:active{
    border-color: rgb(163, 224, 255);

}


.c_col{
    min-width: 290px;
    max-width: 500px;
    margin: 0 auto;
}

.clear{
    clear: both;
}

.float{
    float: left;
}

a.anchor{
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}


#home_logo{
    max-width: 600px;
    height: auto;

}

#clicker_link{
    text-decoration: none;

}


#davis_pic{
    height: auto;

    display: block;
    margin: 0 auto;
}

#teach_txt{
    /*font-size: 22px;*/
    padding-bottom: 10px;
    color: rgb(100,100,100);
}


.guide_fa{
    padding-left: 5px;
    font-size: 30px
}


.t_align_center{
    text-align: center;
}

.sm_marg{
    margin-bottom: 20px;
}
.lg_marg{
    margin-bottom: 40px;
}

.sect_marg{
    margin-bottom: 50px;
}

.marg_left{
    margin-left: 10px;
}

.marg_right{
    margin-right: 20px;
}

#demo_row{
    /*  min-width: 1000px;*/

}



#price_cont{
    padding: 0px 20px 0px 20px;
}

#mobile_demo{
    margin-bottom: 60px;
}

.exp_txt{
    margin-bottom: 20px;
    text-align: center;
}

#p_demo_btn_div{
    margin: 0 auto;
    width: 90%;
    padding: 5px 10px 20px 10px;
    height: 56px;
}

#p_demo_btn{

    background-color: rgb(0, 172, 230);
    border-color: rgba(0,0,0,0.1);
    text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
}

#p_demo_txt{
    display: none;
    font-size: 20px;

}

#qborder{
    /* padding: 20px 0px;*/

    margin-left: 5%;
}

#demo_header1{
    margin-bottom: 50px;
    font-size: 17px;
    /* text-indent: 2%;*/
    text-align: center;
}


.mob_phone_div{
    margin: 0 auto;
    padding: 30px 10px 20px 10px;
}

#ques_mob{
    display: none;
}

.mob_phone_img{
    display: block;
    margin: auto;
    width:185px;
    height: auto;
}

#phone_img{
    padding: 30px 0px;
    margin-left: 200px;
    display: block;
    width:185px;
    height: auto;
}



#hourglass_img{
    position: absolute;
    top: 250px;
    left: 290px;
    width:30px;
    height: auto;
    animation: spin 4.5s infinite ease;
    transform-origin: 50% 50%;

}


#mob_hourglass_img{
    position: absolute;
    top: 56%;
    left: 47%;
    width:30px;
    height: auto;
    animation: spin 4.5s infinite ease;
    transform-origin: 50% 50%;

}

#wait_demo_div{
    font-size: 15px;
    position: absolute;
    top: 160px;
    left: 240px;
    width:130px;
    text-align: center;
}

#mob_wait_demo_div{
    font-size: 15px;
    position: absolute;
    top: 35%;
    left: 38%;
    width:130px;
    text-align: center;
}


.exp_fa{
    font-size: 56px;
    padding: 50px 15px 0px 15px;
    color: navy;
}

#price_back{
    border: 5px solid rgb(200,200,200);
    border-radius: 10px;
    background-color: rgb(230,230,230);
    box-shadow: 0 3px 3px 1px rgb(0,0,0,0.5)

}

#promo_back{
    border:5px solid #47c5fb;
    background-color: #dce1ff;
    border-radius: 10px;
    padding: 20px;
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 3px 3px 1px rgb(0,0,0,0.5)

}


.price_h{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.char_img{

    width:220px;
    height: auto;
    padding: 10px 40px 40px 40px;
    float: none;
    margin: 0 auto;
}


#ques_img{

    width:160px;
    height: auto;
}

#mob_ques_img{

    width:160px;
    height: auto;
}

#ques_demo_div{
    position: absolute;
    top: 108px;
    left: 227.5px;
}

#mob_ques_demo_div{
    position: absolute;
    top: 100%;
    left: 39.6%;
}


@keyframes spin {
    0%, 20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    80%, 100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@keyframes animationFrames{
    0% {
        transform:   rotate(0deg) ;
    }
    100% {
        transform:   rotate(360deg) ;
    }
}

#demo_header2{
    margin-left: 100px;
    font-size: 17px;
    min-width: 400px;

}

#demo_header3{
    font-size: 18px;
    text-align: center;
    opacity: 0;
}

.demo_p2{
    opacity: 0;
}

.section_header{
    padding: 10px;
    color: rgb(0, 0, 130);
    font-family: 'Open Sans', sans-serif;
    text-align: center;

}

.sub_section_header{
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;

}

.feat_sect{
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 40px;
    border-radius: 8px;
    background-color: white;
    max-width: 1000px;
    border: 1px solid rgba(0, 191, 255, 0);
    box-shadow: 0 3px 6px rgba(0,0, 0,0.5)

}

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

.feat_img.md_img{
    max-width: 530px;
}

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

.feat_head{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 25px;
    color: black;
    border-bottom: 1px solid rgb(180,180,180);
    margin-bottom: 35px;


}

.icon_sty{
    font-size: 24px;
    margin-right: 20px;
    /*color: rgb(0, 0, 153);*/
}

#demo_row{
    padding-top: 60px;
    min-width: 884px;
}

.feat_img{
    height: auto;
    display: block;
    margin: 0 auto;
    background-color: white;
    max-width: 900px;
}



#char_icons{
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}


#b_log_pre_txt{
    padding: 5px;
    margin: 9px 5px 0px 5px;
    font-size: 16px;

}

.b_sign_btn{
    padding-right:5px;
}

.b_sign_btn:hover{
    background-color: rgb(10, 255, 255);
}


#base_c_account_link{
    color: #0000EE;
    font-size: 16px;
}

#base_reg_dismiss{
    position: absolute;
    top: 5px;
    right:-1px;
    padding:0px;
    font-size: 12px;
    color: black;
    opacity: .1;
    border-color:rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
}

#base_reg_dismiss:hover{
    opacity: .6;
}

#base_reg_dismiss:focus{
    outline: none;
}

#feat_back{
    background-color: #bbc1d8;
    max-width: 1200px;
    border-radius: 6px;
    margin: auto;
}

#base_c_account_back{
    position: fixed;
    background-color: white;
    z-index: 1;
    min-width: 270px;
    top:90px;
    border: 1px solid rgb(188,202,241) ;
}

#base_open_cAccount{
    padding: 9px;

}

#base_c_account_title{
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 10px;
    /* color: navy;*/
    /* font-weight: bold;*/
}

.base_c_in{
    margin-bottom: 10px;
    height: 46px;
    font-size: 17px;
}

#base_c_terms{
    font-size: 12px;
    color: rgb(160,160,160);
    margin:10px 0px 5px 0px;
    padding: 5px 10px;
    width: 100%;
    border-radius: 12px;
    background-color: rgb(249,249,249)
}


#b_create_account {
    margin-top: 15px;
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    box-shadow: 0px 1px 0px 0px #f0f7fa;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
    background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    background-color:#33bdef;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #057fd0;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:'Lato', sans-serif;
    font-size:23px;
    font-weight:500;
    padding:11px 12px;
    width:100%;
    text-decoration:none;
    text-shadow: 0px -1px 0px rgba(0,100,100,0.6);
}
#b_create_account:hover {
    background:linear-gradient(to bottom, #3cc2f3 5%, #03a1db 100%);
    box-shadow: 0px 0px 4px 4px #b2e8ff;
}

#b_create_account:active {
    position:relative;
    top:1px;
}


#base_pop_form .popover{
    text-align: center;
    font-size:12px;
}


.signUp_btn:active {
    position:relative;
    top:1px;
}



#overalltitle{
    text-align: center;
}




#studentbtndiv{
    margin-bottom:5px;
    margin-top: 5px;
}



#teachertitle{
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 5px
}

#inforow{
    max-width: 600px;
    padding:10px 30px 40px 30px;
    border-radius: 10px;
    margin: 0 auto;
}

#regbtn {
    border-radius: 10px;
    font-family: Arial;
    color: #000000;
    font-size: 16px;
    margin: 0 auto;
    padding: 15px 15px 15px 15px;
    border: solid #9fd4f5 2px;
    text-decoration: none;
    max-width:300px;
    width:100%;
    cursor:pointer;
    white-space: normal
}


#regbtn:hover {
    background: #9fd4f5;
    text-decoration: none;
}

.lato  {
    font-family: 'Lato', sans-serif;
}

.open_sans{
    font-family: 'Open Sans', sans-serif;
}

.centerrow{
    margin: 0 auto;
}

#student_btn{
    text-align:center;
    font-size: 22px;
    white-space: normal;
    margin-top:10px;
}

.btnteacher{
    text-align:center;
    font-size: 28px;
    white-space: normal;

}

.check_style{
    font-size: 48px;

}

.check_text{
    font-size:24px;

}


.quesbox {
    margin: 0 auto;
    padding: 10px;
    font-weight: normal;
    border-color: rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-style: solid;
    border-width: 0.5px;
    border-radius: 10px;
    padding-left: 5px;
    width: 360px;
    height: 210px;
    background: linear-gradient(to bottom, rgba(222,222,222,.6) 0%,rgba(222,222,222,1) 23%,rgba(255,255,255,1) 23%)
}

.qheader{
    font-size: 16px;
    margin: 5px 0px 5px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.quesbtn{
    font-size: 14px;
    padding: 4px 10px;
    background-color: rgb(0, 172, 230);
    border-color: rgba(0,0,0,0.1);
    text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
}
.quesbtn:hover{

    background-color: rgb(0, 153, 204);

}




.qbody{
    padding: 8px;
    overflow:hidden;
    font-size: 15px !important;
    margin: 5px;
    padding-top: 0px !important;
}

.c_border{
    margin: 0 10px;
    margin: 0 auto;
}


#base_reg_loader {
    margin: 18px auto;
    display: none;
    margin-top: 70px;
    font-size: 12px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}
@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}