#tabs ul li,.sfb,.tparrows:before{
    text-align:center
}
#register .white form .custom-btn-primary:focus,#register .white form .form-group .custom-btn:focus,#register select:focus,#tabs ul li a:focus,#tabs ul li:focus,.swal2-modal .swal2-styled:focus,.white form .form-group .intl-tel-input .selected-flag:focus,.white form .form-group input:focus,.white form .send:focus{
    outline:0
}
.affix-top .logo-gray{
    display:none
}
.affix .logo-gray{
    display:block
}
.affix .logo-white,.mobile_social_icon{
    display:none
}
.affix{
    background-color:#fff!important;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.1)!important
}
.light-nav .angel-fish{
    background-color:transparent;
    box-shadow:none
}
.affix .navbar-nav>li>a{
    color:#999
}
.affix .navbar-nav>li>a:after{
    position:absolute;
    bottom:23px;
    left:10%;
    width:80%;
    margin:auto;
    content:'';
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:0;
    color:#999;
    border-width:0 0 2px;
    border-style:solid;
    webkit-transition:all .3s ease-in-out;
    filter:alpha(opacity=0)
}
.affix .navbar-nav>li.active>a:after,.affix .navbar-nav>li:hover>a:after{
    opacity:1;
    filter:alpha(opacity=100)
}
.affix .nav>li>a:focus,.affix .nav>li>a:hover,.affix .navbar-nav>.active>a,.affix .navbar-nav>.active>a:focus,.affix .navbar-nav>.active>a:hover{
    color:#999!important
}
.affix .navbar-right .get-started:focus,.affix .navbar-right .get-started:hover,.navbar-right .get-started,.sfb .get-started,.sfb .get-started:focus,.sfb .get-started:hover{
    color:#fff!important
}
.navbar-right .get-started{
    font-size:15px;
    line-height:35px;
    width:130px;
    height:34px;
    margin-top:22px;
    padding:0;
    text-align:center;
    border:none;
    border-radius:3px;
    background-color:#f90
}
.sfl,.sfr{
    font-size:48px!important
}
#home .tp-banner,#home .tp-banner-container{
    position:relative;
    width:100%
}
.navbar-right .get-started:focus,.navbar-right .get-started:hover{
    color:#fff!important;
    background-color:#f90
}
#home .tp-banner-container{
    padding:0
}
#home.tp-banner-fullscreen-container{
    position:relative;
    width:100%;
    padding:0
}
.sfl{
    font-weight:300!important
}
.sfr{
    font-weight:500!important
}
.lft{
    font-size:35px!important;
    font-weight:300!important
}
.sfb{
    font-size:15px!important;
    font-weight:400!important;
    line-height:35px!important;
    width:130px!important;
    height:34px!important;
    padding:0!important;
    border-radius:3px!important;
    background-color:#f90!important
}
.tp-bannertimer{
    height:5px!important;
    background:#777!important;
    background:rgba(0,0,0,.1)!important
}
.tp-bullets.simplebullets.navbar{
    height:35px;
    padding:0
}
.tp-bullets.simplebullets .bullet{
    position:relative!important;
    display:inline-block;
    float:none!important;
    width:13px!important;
    height:13px!important;
    margin-right:2px!important;
    margin-bottom:14px!important;
    cursor:pointer;
    -webkit-transition:background-color .2s,border-color .2s;
    -moz-transition:background-color .2s,border-color .2s;
    -ms-transition:background-color .2s,border-color .2s;
    -o-transition:background-color .2s,border-color .2s;
    transition:background-color .2s,border-color .2s;
    border:5px solid transparent!important;
    -webkit-border-radius:10px;
    border-radius:10px;
    background:rgba(255,255,255,.3)!important;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.tp-bullets.simplebullets .bullet.last{
    margin-right:0
}
.tp-bullets.simplebullets .bullet.selected,.tp-bullets.simplebullets .bullet:hover{
    width:13px!important;
    height:13px!important;
    border:5px #fff!important;
    background:#fff!important;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.tparrows:before{
    font-family:revicons;
    font-size:20px;
    font-weight:400;
    font-style:normal;
    display:inline-block;
    width:40px;
    margin-top:9px;
    margin-right:0;
    text-decoration:inherit;
    color:#fff;
    speak:none
}
#tabs ul li a .active,.tparrows{
    display:none
}
.tparrows{
    width:40px!important;
    height:40px!important;
    cursor:pointer;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,.5)!important
}
.tparrows:hover{
    color:#fff;
    background:rgba(0,0,0,1)!important
}
#tabs #tabs-1 #institute-video,#tabs #tabs-2 #teacher-video,#tabs #tabs-3 #parents-video,#tabs ul li{
    background-color:#fff
}
.tp-leftarrow:before{
    content:'\e824'
}
.tp-rightarrow:before{
    content:'\e825'
}
.tparrows.tp-rightarrow:before{
    margin-left:1px
}
#tabs{
    padding:50px 0 0;
    border:0
}
#tabs ul{
    width:88%;
    margin:0 auto;
    padding:0;
    border:none;
    border-radius:0;
    background-color:transparent
}
#tabs ul li{
    position:relative;
    top:0;
    float:left;
    width:33%;
    height:253px;
    margin:0 .2em 0 0;
    padding:0;
    list-style:none;
    white-space:nowrap;
    color:#454545;
    border:none;
    border-radius:0
}
#tabs ul li:nth-child(2){
    border-width:0 1px;
    border-style:solid;
    border-color:rgba(0,0,0,.08)
}
#tabs ul li a{
    float:left;
    width:100%;
    padding:40px 30px;
    text-decoration:none
}
#tabs ul li a h1{
    font-size:25px;
    font-weight:500;
    margin:15px 0;
    color:#035093
}
#tabs ul li a p{
    font-size:13px;
    font-weight:400;
    margin:0 0 15px;
    color:#58595b
}
li.ui-state-active>a img.active{
    display:block!important;
    margin:auto
}
li.ui-state-active>a img.deactive{
    display:none!important
}
#tabs ul li a .down-arrow{
    display:none
}
li.ui-state-active>a img.down-arrow{
    display:block!important;
    margin:auto
}
.ui-button.ui-state-active:hover,.ui-state-active{
    font-weight:400;
    color:#454545;
    border:none;
    background:#fff;
    box-shadow:0 2px 8px 4px rgba(0,0,0,.1)
}
.ui-button.ui-state-active:after,.ui-state-active:after{
    position:absolute;
    z-index:1;
    bottom:-20px;
    left:0;
    width:100%;
    height:20px;
    content:'';
    background-color:#fff;
    box-shadow:0 8px 8px 4px rgba(0,0,0,.1)
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{
    text-decoration:none;
    color:#454545
}
#tabs #tabs-1,#tabs #tabs-2,#tabs #tabs-3{
    padding:50px 0 0;
    background-color:#f4f4f4
}
#tabs #tabs-1 .title,#tabs #tabs-2 .title,#tabs #tabs-3 .title{
    padding-left:3%
}
#tabs #tabs-1 .title h2,#tabs #tabs-2 .title h2,#tabs #tabs-3 .title h2{
    font-size:25px;
    font-weight:400;
    margin:0 0 50px;
    text-align:left;
    color:#2991d6
}
#tabs-1 .content,#tabs-2 .content,#tabs-3 .content{
    position:relative;
    margin-bottom:50px;
    padding-left:80px
}
#tabs-1 .content .e-image,#tabs-2 .content .e-image,#tabs-3 .content .e-image{
    position:absolute;
    left:0
}
#tabs-1 .content .e-image span,#tabs-2 .content .e-image span,#tabs-3 .content .e-image span{
    font-size:50px;
    color:#6e6e6e
}
#tabs-1 .content .inner-content .heading-text,#tabs-2 .content .inner-content .heading-text,#tabs-3 .content .inner-content .heading-text{
    font-size:18px;
    font-weight:400;
    line-height:25px;
    margin:0 0 7px;
    text-align:left;
    color:#444
}
#tabs-1 .content .inner-content .excerpt p,#tabs-2 .content .inner-content .excerpt p,#tabs-3 .content .inner-content .excerpt p{
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    margin:0;
    color:#626262
}
#tabs #tabs-1 #institute-video .row,#tabs #tabs-2 #teacher-video .row,#tabs #tabs-3 #parents-video .row{
    margin-right:0;
    margin-left:0
}
#tabs #tabs-1 #institute-video .row .col-md-6,#tabs #tabs-2 #teacher-video .row .col-md-6,#tabs #tabs-3 #parents-video .row .col-md-6{
    padding:0
}
#tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .video a img{
    position:relative;
    width:100%;
    height:491px;
    margin:auto
}
#tabs #tabs-1 #institute-video .video a .play-button,#tabs #tabs-2 #teacher-video .video a .play-button,#tabs #tabs-3 #parents-video .video a .play-button{
    font-size:24px;
    position:absolute;
    top:50%;
    left:50%;
    line-height:70px;
    width:70px;
    padding:0 29px;
    height:70px;
    margin:-35px 0 0 -35px;
    text-align:center;
    color:#035093;
    border-radius:100%;
    background-color:#fff;
    animation:mymove 2s infinite
}
@-webkit-keyframes mymove{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.3)
    }
}
@keyframes mymove{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.3)
    }
}
#tabs #tabs-1 #institute-video .get-started,#tabs #tabs-2 #teacher-video .store,#tabs #tabs-3 #parents-video .store{
    height:491px
}
#tabs #tabs-1 #institute-video .get-started a img{
    display:initial;
    margin:37px 0
}
#tabs #tabs-2 #teacher-video .store .inner-store,#tabs #tabs-3 #parents-video .store .inner-store{
    padding:33px 0
}
#tabs #tabs-2 #teacher-video .store .store-link,#tabs #tabs-3 #parents-video .store .store-link{
    margin:0 0 35px
}
#tabs #tabs-2 #teacher-video .store .store-link:last-child,#tabs #tabs-3 #parents-video .store .store-link:last-child{
    margin:0
}
#tabs #tabs-2 #teacher-video .store .store-link a,#tabs #tabs-3 #parents-video .store .store-link a{
    display:inline-block;
    margin-right:100px
}
#tabs #tabs-2 #teacher-video .store h3,#tabs #tabs-3 #parents-video .store h3{
    font-size:25px;
    font-weight:500;
    margin:0 0 35px;
    color:#004e97
}
#tabs #tabs-2 #teacher-video .store .store-link a:last-child,#tabs #tabs-3 #parents-video .store .store-link a:last-child{
    margin-right:0
}
.benefits-banner,.contact-banner,.faq-banner,.feature-banner,.register-banner,.research-banner,.terms-banner,.thank-you-banner{
    height:300px
}
.benefits-banner .container,.contact-banner .container,.faq-banner .container,.feature-banner .container,.register-banner .container,.research-banner .container,.terms-banner .container,.thank-you-banner .container{
    padding-top:147px;
    padding-bottom:100px
}
.benefits-banner .content h1,.contact-banner .content h1,.faq-banner .content h1,.feature-banner .content h1,.register-banner .content h1,.research-banner .content h1,.terms-banner .content h1{
    font-size:35px;
    font-weight:700;
    margin:0;
    color:#fff
}
.feature-banner{
    background-image:url(../../d28yi3buuld8c4.cloudfront.net/features/features-banner.jpg);
    background-size:cover
}
#features{
    padding:50px 0;
    background-image:url(http://d28yi3buuld8c4.cloudfront.net/features/feature-background.png);
    background-repeat:none;
    background-size:100% 100%
}
#features .title,#premium-features .title,#upcoming-features .title{
    margin-bottom:50px
}
#features .title h2,#premium-features .title h2{
    font-size:30px;
    font-weight:300;
    margin:0 0 5px;
    color:#0475b5
}
#features .title img,#premium-features .title img,#upcoming-features .title img{
    margin:auto
}
#features ul,#premium-features ul{
    margin:0;
    padding:0;
    list-style:none
}
#features ul{
    padding-top:65px
}
#features .img-responsive,#premium-features .img-responsive{
    margin:auto
}
#features ul .item-list-left,#features ul .item-list-right,#premium-features ul .item-list-right{
    position:relative;
    margin-bottom:80px;
    padding-right:65px
}
#features ul .item-list-right{
    padding-right:0;
    padding-left:65px
}
#premium-features ul .item-list-right{
    margin-bottom:50px;
    padding-right:0;
    padding-left:81px
}
#premium-features ul .item-list-right:last-child{
    margin-bottom:0
}
#features ul .item-list-left,#features ul .item-list-right{
    text-align:right
}
#features ul .item-list-right,#premium-features ul .item-list-right{
    text-align:left
}
#features ul .item-list-left .content-details h3,#features ul .item-list-right .content-details h3,#premium-features ul .item-list-right .content-details h3{
    font-size:20px;
    font-weight:700;
    margin:0 0 5px
}
#features ul .item-list-left .content-details p,#features ul .item-list-right .content-details p,#premium-features ul .item-list-right .content-details p{
    margin:0
}
#features ul .item-list-left .icon-wrapper,#features ul .item-list-right .icon-wrapper{
    position:absolute;
    top:0;
    right:0
}
#features ul .item-list-right .icon-wrapper{
    left:0
}
#features ul .item-list-left .icon-wrapper span,#features ul .item-list-right .icon-wrapper span,#premium-features ul .item-list-right .icon-wrapper span{
    font-size:45px;
    color:#6e6e6e
}
#premium-features{
    padding:50px 0
}
#premium-features ul .item-list-right .icon-wrapper{
    position:absolute;
    left:0;
    padding-right:15px;
    text-align:left;
    border-right:1px solid #000
}
#upcoming-features{
    padding:50px 0 0;
    background-color:#035093
}
#upcoming-features .icons span{
    font-size:78px;
    color:#fff
}
#upcoming-features .title h2{
    font-weight:300;
    margin:0 0 10px;
    color:#fff
}
#upcoming-features .icons p{
    font-size:13px;
    margin:10px 0 0;
    color:#8bafcd
}
#upcoming-features .icons{
    margin-bottom:50px
}
.research-banner{
    background-image:url(../d28yi3buuld8c4.cloudfront.net/research/research-banner.jpg);
    background-size:cover
}
#research{
    padding:50px 0 40px
}
#research .gallery{
    display:inline-block;
    margin:0;
    vertical-align:middle
}
#research .gallery .col-md-3,#research .gallery .col-md-6{
    padding-right:5px;
    padding-left:5px
}
#research .gallery .thumbnail{
    margin-bottom:10px;
    padding:0;
    border:none;
    border-radius:0
}
.benefits-banner{
    background-image:url(../d28yi3buuld8c4.cloudfront.net/benefits/benefits-banner.png);
    background-size:cover
}
#benefits{
    padding:50px 0;
    background-color:#eee
}
#benefits .title{
    margin-bottom:50px
}
#benefits .title h2,#parents-benefits .title h2,#teacher-benefits .title h2{
    font-size:30px;
    font-weight:300;
    margin:0 0 5px;
    color:#004e98
}
#benefits .title img,#parents-benefits .title img,#teacher-benefits .title img{
    margin:auto
}
#benefits ul{
    margin:0;
    padding:0 0 0 45px;
    list-style:none
}
#benefits ul .item-list-right,#parents-benefits ul .item-list-right,#teacher-benefits ul .item-list-left{
    position:relative;
    margin-bottom:30px;
    padding-left:116px
}
#benefits ul .item-list-right:last-child,#parents-benefits ul .item-list-right:last-child,#teacher-benefits ul .item-list-left:last-child{
    margin-bottom:0
}
#benefits ul .item-list-right .icon-wrapper,#parents-benefits ul .item-list-right .icon-wrapper,#teacher-benefits ul .item-list-left .icon-wrapper{
    font-size:60px;
    line-height:96px;
    position:absolute;
    left:0;
    width:96px;
    height:96px;
    margin-right:20px;
    text-align:center;
    color:#fff;
    border-radius:50%;
    background-color:#004e98
}
.contact-banner,.register-banner{
    position:relative;
    background-size:cover
}
#teacher-benefits ul .item-list-left .icon-wrapper{
    color:#024f93;
    background-color:#fff
}
#teacher-benefits .title h2,#teacher-benefits ul .item-list-left .content-details h4,#teacher-benefits ul .item-list-left .content-details p{
    color:#fff
}
#benefits ul .item-list-right .icon-wrapper img,#parents-benefits ul .item-list-right .icon-wrapper img,#teacher-benefits ul .item-list-left .icon-wrapper img{
    height:96px
}
#benefits ul .item-list-right .content-details,#parents-benefits ul .item-list-right .content-details,#teacher-benefits ul .item-list-left .content-details{
    padding:13px 0
}
#benefits ul .item-list-right .content-details h4,#parents-benefits ul .item-list-right .content-details h4,#teacher-benefits ul .item-list-left .content-details h4{
    font-size:18px;
    font-weight:700;
    margin:0 0 10px
}
#benefits ul .item-list-right .content-details p,#parents-benefits ul .item-list-right .content-details p,#teacher-benefits ul .item-list-left .content-details p{
    font-size:14px;
    font-weight:400;
    margin:0
}
#parents-benefits .title,#teacher-benefits .title{
    margin-bottom:30px;
    text-align:center
}
#teacher-benefits .bg-blue{
    height:521px;
    padding:30px 0!important;
    background-color:#004e98
}
#parents-benefits .bg-white{
    height:521px;
    padding:30px 0!important;
    background-color:#fff
}
#parents-benefits ul,#teacher-benefits ul{
    margin:0;
    padding:0 80px;
    list-style:none
}
#parents-benefits .row,#teacher-benefits .row{
    margin:0
}
#parents-benefits .col-md-6,#teacher-benefits .col-md-6{
    padding:0
}
#parents-benefits .height,#teacher-benefits .height{
    width:100%;
    height:521px;
    margin:auto
}
.contact-banner{
    background-image:url(https://raziil.com/d28yi3buuld8c4.cloudfront.net/contact/contact-banner.png)
}
#contact{
    padding:0 0 50px;
    background-color:#ccc
}
#contact .white,#register .white{
    margin-top:-50px;
    background-color:#fff;
    box-shadow:8px 8px 35px -10px #757575
}
.white form{
    margin:0;
    padding:40px 15px 0 40px
}
.white form h3{
    font-size:20px;
    font-weight:500;
    margin:0 0 30px;
    color:#000
}
.white form .form-group{
    margin-bottom:30px
}
.white form .form-group .intl-tel-input{
    width:100%
}
.white form .form-group .intl-tel-input .selected-flag{
    width:48px;
    height:39px
}
.white form .form-group label{
    font-size:14px;
    font-weight:400;
    margin:0
}
.white form .form-group label i{
    font-size:22px;
    margin-right:5px;
    vertical-align:middle;
    color:#7f7f7f
}
.error{
    font-size:13px;
    font-weight:400;
    color:#df0f00!important
}
.white form .form-group input[type=text]{
    font-size:17px;
    width:100%;
    padding:10px;
    color:#626262;
    border-top:0;
    border-right:0;
    border-bottom:solid 1px #b1b1b1;
    border-left:0;
    border-radius:0;
    box-shadow:none
}
.white form .send{
    font-size:26px;
    width:42px;
    height:42px;
    margin:25px 0;
    text-align:center;
    color:#fff;
    border:none;
    border-radius:100%;
    background-color:#085099
}
.lightgrey{
    font-size:17px;
    padding:40px 40px 200px;
    color:#000;
    background-color:#e4e4e4
}
.lightgrey h1{
    font-size:20px;
    font-weight:500;
    margin:0 0 25px
}
.lightgrey span{
    font-size:25px;
    color:#7f7f7f
}
.lightgrey p{
    font-size:14px;
    margin-bottom:20px
}
#faq .title,.role-title{
    margin-bottom:50px
}
.swal2-modal .swal2-styled{
    border-right-color:#085099!important;
    border-left-color:#085099!important;
    background-color:#085099!important
}
.register-banner{
    background-image:url(http://d28yi3buuld8c4.cloudfront.net/register/register-banner.png)
}
#register{
    padding:0 0 50px;
    background-color:#ccc
}
#register .white{
    padding:50px 70px
}
.role-title{
    text-align:center
}
.role-title h5{
    font-size:25px;
    font-weight:500;
    margin:0
}
#register .white .roleMainDiv{
    width:100%;
    max-width:429px;
    margin:0 auto 40px
}
#register .white .roleMainDiv .roleImg{
    font-size:18px;
    float:left;
    margin:0 -18px 0 18px;
    color:#8a8a8a
}
#register .white .roleMainDiv .others{
    height:18px
}
#register .white .roleMainDiv .registration{
    margin-bottom:30px
}
#register .white .roleMainDiv .registration .roleInSchool{
    width:300px;
    padding:0 0 0 34px;
    background:url(http://d28yi3buuld8c4.cloudfront.net/register/dropdownarrow.png) 97% center no-repeat;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
#register .white .roleMainDiv .registration .roleMobFont{
    width:91%
}
#register .white .roleMainDiv .registration select{
    font-size:16px;
    font-weight:400;
    width:100%;
    padding:4px 0;
    color:#222;
    border-top:none;
    border-right:none;
    border-bottom:#cecece solid 1px;
    border-left:none;
    background-color:transparent;
    box-shadow:none
}
#register .white .roleMainDiv .registration select option{
    font-size:16px;
    font-weight:400;
    padding:0 7px 4px;
    color:#222
}
#register .white form{
    padding:0
}
#contact .white form .form-group .custom-btn,#register .white form .form-group .custom-btn{
    border:none;
    background-color:transparent;
    padding:0 6px
}
#contact .white form .form-group .caret,#register .white form .form-group .caret{
    color:#111
}
#contact .white form .form-group .dropdown,#register .white form .form-group .dropdown{
    position:absolute;
    z-index:1;
    top:30px
}
#register .white form .form-group .custom-input{
    padding:10px 52px
}
#register .white form .form-group .url-input{
    padding:10px 192px 10px 10px
}
#register .white form .form-group .btn-check{
    position:absolute;
    top:50%;
    right:-72px;
    margin:-17px 0 0 -32px
}
#register .white form .form-group .btn-check .btn-primary{
    border-color:#025295;
    border-radius:0;
    background-color:#025295
}
#register .white form .form-group .url{
    font-size:15px;
    position:absolute;
    top:33px;
    right:30px;
    color:#333
}
#register .white form .form-group .url img{
    margin-left:5px
}
#register .white form .form-group .questionmark{
    position:absolute;
    top:30px;
    right:30px
}
#register .white form .form-group .questionmark img,#register .white form .form-group .url img{
    height:25px;
    cursor:pointer
}
#register .white form .ui-checkbox{
    font-size:15px;
    font-weight:400;
    position:relative;
    display:inline-block;
    margin-bottom:15px;
    padding-left:25px;
    cursor:pointer
}
#register .white form .ui-checkbox:before{
    position:absolute;
    top:-3px;
    left:0;
    display:block;
    padding:9px;
    content:'';
    border:1px solid #30b0d7;
    border-radius:3px;
    background:#fff
}
#register .white form .ui-checkbox:checked:after{
    font-size:14px;
    line-height:20px;
    position:absolute;
    top:-3px;
    left:0;
    width:20px;
    height:20px;
    padding-left:4px;
    content:'\2714';
    color:#fff;
    border-radius:3px;
    background:#025295
}
#register .white form .custom-btn-primary{
    width:50%;
    padding:10px;
    border-color:#025295;
    border-radius:0;
    background-color:#025295
}
#register .nocaptcha{
    width:50%
}
.faq-banner{
    background-image:url(../d28yi3buuld8c4.cloudfront.net/faq/faq-banner.png);
    background-size:cover
}
#faq{
    padding:50px 0;
    background-color:#fff
}
#faq .title h2{
    font-size:30px;
    font-weight:700;
    margin:0 0 4px;
    color:#0475b5
}
.drop-accordion{
    margin-bottom:0
}
.drop-accordion .panel-default{
    overflow:hidden;
    border:0;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.drop-accordion .panel-heading{
    overflow:hidden;
    margin-bottom:5px;
    padding:0;
    border:1px solid #d9d7d7;
    background:#fafafa;
    border-radius:4px
}
.panel-title a{
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    position:relative;
    display:block;
    padding:10px 60px 10px 15px;
    text-decoration:none;
    color:#8a8888
}
.panel-title .expand-icon-wrap{
    font-size:24px;
    line-height:40px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    color:#004e98;
    border-left:1px solid #d9d7d7
}
.expand-icon-wrap:before{
    display:inline-block;
    height:100%;
    content:'';
    vertical-align:middle
}
.panel-title .expand-icon{
    padding:0 18px;
    vertical-align:middle
}
.panel-title .expand-icon:before{
    content:'\f055'
}
.drop-accordion .panel-body{
    font-size:14px;
    position:relative;
    border:1px solid #d9d7d7
}
.circlus-ui .drop-accordion .panel-body,.leaf-ui .drop-accordion .panel-body{
    border-radius:4px
}
.panel-body-icon{
    float:left;
    width:75px;
    padding:10px
}
.panel-body-icon i{
    font-size:45px;
    color:#03c6fe
}
.drop-accordion .tab-collapsed{
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    border:transparent;
    background:#004e98
}
.tab-collapsed a{
    color:#fff
}
.tab-collapsed .expand-icon-wrap{
    color:#fff;
    border-color:#fff
}
.tab-collapsed .expand-icon:before{
    content:'\f056'
}
.terms-banner{
    background-image:url(../d28yi3buuld8c4.cloudfront.net/terms/terms-banner.png);
    background-size:cover
}
#terms{
    padding:50px 0;
    background-color:#eee
}
#terms .title{
    margin-bottom:50px
}
#terms .title h2{
    font-size:30px;
    font-weight:700;
    margin:0 0 5px;
    color:#0475b5
}
#terms .title img{
    margin:auto
}
#terms .terms-content ul{
    margin:0;
    padding:0;
    list-style-type:none
}
#terms .terms-content ul>li{
    font-size:14px;
    line-height:22px;
    color:#737e86
}
#terms .terms-content h3{
    font-size:25px;
    font-weight:300;
    line-height:27px;
    margin:0 0 15px;
    letter-spacing:0
}
#terms .terms-content .list>li ol,#terms .terms-content ul>li ol{
    padding-left:10px
}
#terms .terms-content ul>li>ol>li{
    margin:0 0 10px 24px
}
#terms .terms-content .definitions>li{
    margin:8px 0
}
#terms .terms-content .list>li{
    margin:35px 0
}
.thank-you-banner{
    position:relative;
    background-image:url(../images/thank-you-banner.jpg);
    background-size:cover
}
.thank-you-banner:before{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:300px;
    margin:-150px 0 0 -50%;
    content:'';
    background:rgba(0,0,0,.5)
}
#others-thankyou,#parent-thankyou,#school-admin-thankyou,#teacher-thankyou{
    padding:0 0 50px;
    background-color:#ccc
}
#others-thankyou .white,#parent-thankyou .white,#school-admin-thankyou .white,#teacher-thankyou .white{
    margin-top:-50px;
    padding:100px 50px;
    background-color:#fff;
    box-shadow:8px 8px 35px -10px #757575
}
#others-thankyou .white .school-admin-content,#parent-thankyou .white .school-admin-content,#school-admin-thankyou .white .school-admin-content,#teacher-thankyou .white .school-admin-content{
    margin:30px 0 0
}
#others-thankyou .white .school-admin-content h2,#parent-thankyou .white .school-admin-content h2,#school-admin-thankyou .white .school-admin-content h2,#teacher-thankyou .white .school-admin-content h2{
    font-size:25px;
    font-weight:400;
    line-height:normal;
    margin:0 0 30px;
    color:#595a5c
}
#others-thankyou .white .school-admin-content h4,#parent-thankyou .white .school-admin-content h4,#school-admin-thankyou .white .school-admin-content h4,#teacher-thankyou .white .school-admin-content h4{
    font-size:17px;
    font-weight:300;
    line-height:normal;
    margin:0 0 10px;
    color:#595a5c
}
#others-thankyou .white .school-admin-content h4,#parent-thankyou .white .school-admin-content h4,#teacher-thankyou .white .school-admin-content h4{
    margin-bottom:60px
}
#others-thankyou .white .school-admin-content p,#parent-thankyou .white .school-admin-content p,#school-admin-thankyou .white .school-admin-content p,#teacher-thankyou .white .school-admin-content p{
    font-size:17px;
    font-weight:400;
    margin:0 0 60px;
    color:#595a5c
}
#others-thankyou .white .school-admin-content .back-to-home,#parent-thankyou .white .school-admin-content .back-to-home,#school-admin-thankyou .white .school-admin-content .back-to-home,#teacher-thankyou .white .school-admin-content .back-to-home{
    font-size:15px;
    margin:0;
    padding:10px 50px;
    text-decoration:none;
    color:#fff;
    border:none;
    border-radius:2px;
    background-color:#025295
}
@media screen and (min-width:1920px){
    #tabs #tabs-1 #institute-video .get-started,#tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .store,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .store,#tabs #tabs-3 #parents-video .video a img{
        height:734px
    }
    #tabs #tabs-1 #institute-video .get-started a img{
        margin:159px 0
    }
    #tabs #tabs-2 #teacher-video .store .inner-store,#tabs #tabs-3 #parents-video .store .inner-store{
        padding:155px 0
    }
    #parents-benefits .bg-white,#parents-benefits .height,#teacher-benefits .bg-blue,#teacher-benefits .height{
        height:730px
    }
    #parents-benefits .bg-white,#teacher-benefits .bg-blue{
        padding:134px 0!important
    }
}
@media screen and (max-width:991px){
    #tabs #tabs-1 #institute-video .get-started,#tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .store,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .store,#tabs #tabs-3 #parents-video .video a img,#teacher-benefits .img-responsive{
        height:auto
    }
    .affix-top .logo-gray{
        display:block
    }
    .affix-top .logo-white{
        display:none
    }
    .affix .logo-gray{
        display:block
    }
    .affix .logo-white,.navbar-nav>li>a:after{
        display:none
    }
    .light-nav .angel-fish{
        background-color:#fff;
        box-shadow:0 0 5px rgba(0,0,0,.15)
    }
    .light-nav .navbar-nav>li>a{
        color:#999
    }
    .navbar-nav>.active>a,.navbar-nav>.active>a:focus,.navbar-nav>.active>a:hover{
        color:#999!important
    }
    .navbar-nav>li>a{
        padding:10px 15px
    }
    .navbar-right .get-started{
        width:100%!important;
        text-align:center
    }
    .benefits-banner .container,.contact-banner .container,.faq-banner .container,.feature-banner .container,.register-banner .container,.research-banner .container,.terms-banner .container{
        padding-top:162px
    }
    #tabs ul li{
        width:100%;
        margin:0
    }
    .ui-button.ui-state-active:after,.ui-state-active:after{
        margin:0 0 15px
    }
    #tabs ul li:last-child{
        margin:0
    }
    #register .white form .ui-checkbox,#research .gallery .thumbnail{
        margin-bottom:30px
    }
    #tabs ul li:nth-child(2){
        border:none
    }
    #tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .video a img{
        width:100%
    }
    #tabs #tabs-2 #teacher-video .store .store-link a,#tabs #tabs-3 #parents-video .store .store-link a{
        margin-right:50px
    }
    #home{
        margin-top:90px
    }
    #research .gallery .col-md-3,#research .gallery .col-md-6{
        padding-right:15px;
        padding-left:15px
    }
    #register .white form .ui-checkbox:last-child{
        margin-bottom:0
    }
    #register .white form .custom-btn-primary{
        width:100%;
        margin-top:50px
    }
    #register .white form .form-group .btn-check{
        top:95px;
        right:16px
    }
    #features .img-responsive{
        margin-bottom:25px
    }
    #features ul .item-list-left,#features ul .item-list-right,#premium-features .img-responsive{
        margin-bottom:50px
    }
    #features ul{
        padding-top:0
    }
    #features ul .item-list-right:last-child{
        margin-bottom:0
    }
    #benefits img{
        margin-bottom:50px
    }
    #benefits ul{
        padding:0
    }
    #parents-benefits ul,#teacher-benefits ul{
        padding:0 130px
    }
    #parents-benefits .height{
        width:100%!important;
        height:auto
    }
    #benefits ul .item-list-right .icon-wrapper,#parents-benefits ul .item-list-right .icon-wrapper,#teacher-benefits ul .item-list-left .icon-wrapper{
        font-size:40px;
        line-height:70px;
        width:70px;
        height:70px
    }
    #benefits ul .item-list-right,#parents-benefits ul .item-list-right,#teacher-benefits ul .item-list-left{
        padding-left:85px
    }
    #benefits ul .item-list-right .content-details,#parents-benefits ul .item-list-right .content-details,#teacher-benefits ul .item-list-left .content-details{
        padding:0
    }
    #parents-benefits .bg-white,#parents-benefits .height,#teacher-benefits .bg-blue,#teacher-benefits .height{
        height:auto
    }
    .white form{
        margin:0;
        padding:40px
    }
    #footer .text-light{
        line-height:2
    }
    .responsive-1,.responsive-2,.responsive-3{
        position:absolute;
        top:50%;
        left:50%;
        width:500px;
        height:400px;
        margin:-200px 0 0 -250px;
        text-align:center
    }
    .responsive-3{
        width:612px;
        margin:-200px 0 0 -306px
    }
    .responsive-1 .sfl,.responsive-2 .sfl,.responsive-3 .sfl{
        font-size:40px!important;
        left:0!important
    }
    .responsive-1 .sfr,.responsive-2 .sfr,.responsive-3 .sfr{
        font-size:40px!important;
        left:250px!important
    }
    .responsive-1 .lft,.responsive-2 .lft,.responsive-3 .lft{
        font-size:30px!important;
        left:25%!important
    }
    .responsive-1 .sfb,.responsive-2 .sfb,.responsive-3 .sfb{
        left:40%!important
    }
    .responsive-2 .sfr{
        left:282px!important
    }
    .responsive-2 .lft{
        left:18%!important
    }
    .responsive-3 .sfr{
        left:160px!important
    }
}
@media screen and (max-width:768px){
    #tabs #tabs-1 #institute-video .get-started,#tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .store,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .store,#tabs #tabs-3 #parents-video .video a img,#teacher-benefits .img-responsive{
        height:auto
    }
    .affix-top .logo-gray{
        display:block
    }
    .affix-top .logo-white{
        display:none
    }
    .affix .logo-gray{
        display:block
    }
    .affix .logo-white,.navbar-nav>li>a:after,.social_icon{
        display:none
    }
    .light-nav .angel-fish{
        background-color:#fff;
        box-shadow:0 0 5px rgba(0,0,0,.15)
    }
    .light-nav .navbar-nav>li>a{
        color:#999
    }
    .navbar-nav>.active>a,.navbar-nav>.active>a:focus,.navbar-nav>.active>a:hover{
        color:#999!important
    }
    .navbar-right .get-started{
        width:100%!important;
        text-align:center
    }
    .benefits-banner .container,.contact-banner .container,.faq-banner .container,.feature-banner .container,.register-banner .container,.research-banner .container,.terms-banner .container{
        padding-top:162px
    }
    #tabs ul li{
        width:100%;
        margin:0
    }
    .ui-button.ui-state-active:after,.ui-state-active:after{
        margin:0 0 15px
    }
    #tabs ul li:last-child{
        margin:0
    }
    #tabs ul li:nth-child(2){
        border:none
    }
    #tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .video a img{
        width:100%
    }
    #tabs #tabs-2 #teacher-video .store .store-link a,#tabs #tabs-3 #parents-video .store .store-link a{
        margin-right:50px
    }
    #home{
        margin-top:90px
    }
    #research{
        padding:30px 0 0
    }
    #research .gallery .thumbnail{
        margin-bottom:30px
    }
    #research .gallery .col-md-3,#research .gallery .col-md-6{
        padding-right:15px;
        padding-left:15px
    }
    #register .white{
        padding:50px
    }
    #register .white .role-title{
        margin-bottom:50px
    }
    #register .white form .form-group input{
        padding:5px
    }
    #register .white form .ui-checkbox{
        margin-bottom:25px
    }
    #register .white form .ui-checkbox:last-child{
        margin-bottom:0
    }
    #register .white form .custom-btn-primary{
        width:100%;
        margin-top:50px
    }
    #register .white form .form-group .btn-check{
        top:50%;
        right:-90px
    }
    #features{
        padding:50px 0
    }
    #features .title h2,#premium-features .title h2,#upcoming-features .title h2{
        font-size:25px
    }
    #features .img-responsive{
        margin-bottom:25px
    }
    #features ul .item-list-left,#features ul .item-list-right,#premium-features .img-responsive{
        margin-bottom:50px
    }
    #features ul{
        padding-top:0
    }
    #features ul .item-list-right:last-child{
        margin-bottom:0
    }
    #benefits img{
        margin-bottom:50px
    }
    #benefits ul{
        padding:0
    }
    #parents-benefits ul,#teacher-benefits ul{
        padding:0 38px
    }
    #parents-benefits .height{
        width:100%!important;
        height:auto
    }
    #benefits ul .item-list-right .icon-wrapper,#parents-benefits ul .item-list-right .icon-wrapper,#teacher-benefits ul .item-list-left .icon-wrapper{
        font-size:40px;
        line-height:70px;
        width:70px;
        height:70px
    }
    #benefits ul .item-list-right,#parents-benefits ul .item-list-right,#teacher-benefits ul .item-list-left{
        padding-left:85px
    }
    #benefits ul .item-list-right .content-details,#parents-benefits ul .item-list-right .content-details,#teacher-benefits ul .item-list-left .content-details{
        padding:0
    }
    #parents-benefits .bg-white,#parents-benefits .height,#teacher-benefits .bg-blue,#teacher-benefits .height{
        height:auto
    }
    #footer .text-light{
        line-height:2
    }
    .responsive-1,.responsive-2,.responsive-3{
        position:absolute;
        top:50%;
        left:50%;
        width:500px;
        height:286px;
        margin:-143px 0 0 -250px;
        text-align:center
    }
    .responsive-3{
        width:612px;
        margin:-143px 0 0 -306px
    }
    .responsive-1 .sfl,.responsive-2 .sfl,.responsive-3 .sfl{
        font-size:40px!important;
        top:60px!important;
        left:0!important
    }
    .responsive-1 .sfr,.responsive-2 .sfr,.responsive-3 .sfr{
        font-size:40px!important;
        top:60px!important;
        left:250px!important
    }
    .responsive-1 .lft,.responsive-2 .lft,.responsive-3 .lft{
        font-size:30px!important;
        top:110px!important;
        left:25%!important
    }
    .responsive-1 .sfb,.responsive-2 .sfb,.responsive-3 .sfb{
        top:200px!important;
        left:40%!important
    }
    .responsive-2 .sfr{
        left:282px!important
    }
    .responsive-2 .lft{
        left:18%!important
    }
    .responsive-3 .sfr{
        left:160px!important
    }
    .mobile_social_icon{
        display:block;
        text-align:center;
        margin:19px 0 14px
    }
    .mobile_social_icon ul{
        margin:0;
        padding:0;
        list-style:none;
        display:inline-block;
        vertical-align:middle
    }
    .mobile_social_icon ul li{
        float:left;
        margin-right:20px
    }
    .mobile_social_icon ul li:last-child{
        margin-right:0
    }
    .mobile_social_icon ul li a{
        display:inline-block
    }
    .mobile_social_icon ul li a i{
        width:35px;
        height:35px;
        text-align:center;
        line-height:35px;
        color:#fff
    }
    .mobile_social_icon ul li .fbbg{
        background:#3498db
    }
    .mobile_social_icon ul li .twbg{
        background:#32ccfe
    }
    .mobile_social_icon ul li .glbg{
        background:#d63b27
    }
    .mobile_social_icon ul li .lnbg{
        background:#0077b5
    }
    .mobile_social_icon ul li .pibg{
        background:#c92228
    }
}
@media screen and (max-width:767px){
    #parents-benefits .img-responsive,#tabs #tabs-1 #institute-video .get-started,#tabs #tabs-1 #institute-video .video a img,#tabs #tabs-2 #teacher-video .store,#tabs #tabs-2 #teacher-video .video a img,#tabs #tabs-3 #parents-video .store,#tabs #tabs-3 #parents-video .video a img,#teacher-benefits .img-responsive{
        height:auto
    }
    .affix-top .logo-gray{
        display:block
    }
    .affix-top .logo-white{
        display:none
    }
    .affix .logo-gray{
        display:block
    }
    .affix .logo-white,.navbar-nav>li>a:after,.social_icon{
        display:none
    }
    .light-nav .angel-fish{
        background-color:#fff;
        box-shadow:0 0 5px rgba(0,0,0,.15)
    }
    .light-nav .navbar-nav>li>a{
        color:#999
    }
    .navbar-nav>.active>a,.navbar-nav>.active>a:focus,.navbar-nav>.active>a:hover{
        color:#999!important
    }
    .navbar-nav>li>a{
        padding:14px 15px
    }
    .navbar-right .get-started{
        width:100%!important;
        text-align:center
    }
    .benefits-banner .container,.contact-banner .container,.faq-banner .container,.feature-banner .container,.register-banner .container,.research-banner .container,.terms-banner .container{
        padding-top:162px
    }
    #tabs ul li{
        width:100%;
        margin:0
    }
    .ui-button.ui-state-active:after,.ui-state-active:after{
        margin:0 0 15px
    }
    #tabs ul li:last-child{
        margin:0
    }
    #tabs ul li:nth-child(2){
        border:none
    }
    #tabs-1 .content,#tabs-2 .content,#tabs-3 .content{
        padding-left:65px
    }
    #tabs #tabs-2 #teacher-video .store .store-link a,#tabs #tabs-3 #parents-video .store .store-link a{
        margin-right:20px
    }
    #home{
        margin-top:90px
    }
    #research{
        padding:15px 0 0
    }
    #research .gallery .thumbnail{
        margin-bottom:15px
    }
    #research .gallery .col-md-3,#research .gallery .col-md-6{
        padding-right:15px;
        padding-left:15px
    }
    #register .white{
        padding:30px 25px
    }
    #register .white .role-title{
        margin-bottom:30px
    }
    #register .white .role-title h5{
        font-size:20px
    }
    #register .white form .form-group input{
        padding:5px
    }
    #register .white form .ui-checkbox:first-child{
        margin-top:30px
    }
    #register .white form .ui-checkbox:last-child{
        margin-top:0;
        margin-bottom:0
    }
    #register .white form .custom-btn-primary{
        width:100%;
        margin-top:30px
    }
    #register .white form .form-group .btn-check{
        top:95px;
        right:16px
    }
    #features .title h2,#premium-features .title h2,#upcoming-features .title h2{
        font-size:25px
    }
    #features .img-responsive{
        margin-bottom:25px
    }
    #features ul .item-list-left,#features ul .item-list-right,#premium-features .img-responsive{
        margin-bottom:50px
    }
    #features ul{
        padding-top:0
    }
    #features ul .item-list-right:last-child{
        margin-bottom:0
    }
    #benefits img{
        margin-bottom:50px
    }
    #benefits ul{
        padding:0
    }
    #parents-benefits ul,#teacher-benefits ul{
        padding:0 20px
    }
    #benefits ul .item-list-right .icon-wrapper,#parents-benefits ul .item-list-right .icon-wrapper,#teacher-benefits ul .item-list-left .icon-wrapper{
        font-size:40px;
        line-height:70px;
        width:70px;
        height:70px
    }
    #benefits ul .item-list-right,#parents-benefits ul .item-list-right,#teacher-benefits ul .item-list-left{
        padding-left:85px
    }
    #benefits ul .item-list-right .content-details,#parents-benefits ul .item-list-right .content-details,#teacher-benefits ul .item-list-left .content-details{
        padding:0
    }
    #parents-benefits .bg-white,#parents-benefits .height,#teacher-benefits .bg-blue,#teacher-benefits .height{
        height:auto
    }
    .white form{
        padding:40px
    }
    #footer .text-light{
        line-height:2
    }
    #faq{
        padding:15px 0
    }
    .responsive-1,.responsive-2,.responsive-3{
        position:absolute;
        top:50%;
        left:50%;
        width:255px;
        height:160px;
        margin:-80px 0 0 -127.5px;
        text-align:center
    }
    .responsive-3{
        width:310px;
        margin:-80px 0 0 -155px
    }
    .responsive-1 .sfl,.responsive-2 .sfl,.responsive-3 .sfl{
        font-size:20px!important;
        top:30px!important;
        left:0!important
    }
    .responsive-1 .sfr,.responsive-2 .sfr,.responsive-3 .sfr{
        font-size:20px!important;
        top:30px!important;
        left:130px!important
    }
    .responsive-1 .lft,.responsive-2 .lft,.responsive-3 .lft{
        font-size:15px!important;
        top:55px!important;
        left:25%!important
    }
    .responsive-1 .sfb,.responsive-2 .sfb,.responsive-3 .sfb{
        top:96px!important;
        left:25%!important
    }
    .responsive-2 .sfr{
        left:145px!important
    }
    .responsive-2 .lft{
        left:18%!important
    }
    .responsive-3 .sfr{
        left:85px!important
    }
    .responsive-3 .sfb{
        left:28%!important
    }
    .mobile_social_icon{
        display:block;
        text-align:center;
        margin:19px 0 14px
    }
    .mobile_social_icon ul{
        margin:0;
        padding:0;
        list-style:none;
        display:inline-block;
        vertical-align:middle
    }
    .mobile_social_icon ul li{
        float:left;
        margin-right:20px
    }
    .mobile_social_icon ul li:last-child{
        margin-right:0
    }
    .mobile_social_icon ul li a{
        display:inline-block
    }
    .mobile_social_icon ul li a i{
        width:35px;
        height:35px;
        text-align:center;
        line-height:35px;
        color:#fff
    }
    .mobile_social_icon ul li .fbbg{
        background:#3498db
    }
    .mobile_social_icon ul li .twbg{
        background:#32ccfe
    }
    .mobile_social_icon ul li .glbg{
        background:#d63b27
    }
    .mobile_social_icon ul li .lnbg{
        background:#0077b5
    }
    .mobile_social_icon ul li .pibg{
        background:#c92228
    }
    #others-thankyou .white .school-admin-content h2,#parent-thankyou .white .school-admin-content h2,#school-admin-thankyou .white .school-admin-content h2,#teacher-thankyou .white .school-admin-content h2{
        font-size:19px
    }
}
@media only screen and (max-width:320px){
    .responsive-1 .sfb,.responsive-2 .sfb,.responsive-3 .sfb{
        top:90px!important
    }
    #others-thankyou .white,#parent-thankyou .white,#school-admin-thankyou .white,#teacher-thankyou .white{
        padding:100px 25px
    }
}