/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@media only screen and (min-width: 48em) and (max-width: 64em) {
    .logo img {
        width: 80%!important;
    }

    .navbar-right li a {
        padding: 8px 5px!important;
        font-size: 13px!important;
    }
}


html,
body {
    height: 100%;
}

a {
    outline: none!important;
}

section {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    clear: both;
}

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

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

#myCarousel.carousel {
    height: 70%;
}

    #myCarousel.carousel .item,
    #myCarousel.carousel .item.active,
    #myCarousel.carousel .carousel-inner {
        height: 100%;
    }

    #myCarousel.carousel .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px;
    }

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 0 0 10px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img, .img-related;

{
    margin-bottom: 30px;
}

}

@media(max-width:767px) {
    .img-portfolio;

{
    margin-bottom: 15px;
}

header.carousel .carousel {
    height: 70%;
}

}


/* Custom Styles Start */
.no-padding {
    padding: 0!important;
}

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

.mt5 {
    margin-top: 5px!important;
}

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

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

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

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

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

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

.mt70 {
    margin-top: 70px!important;
}

.mt80 {
    margin-top: 80px!important;
}

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

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

.pull-left {
    float: left!important;
}

.pull-right {
    float: right!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


.logo {
    padding: 0;
}

    .logo img {
        border-radius: 0 0 10px 10px;
        width: 100%;
        box-shadow: 0 3px 5px #474747;
    }

.navbar-header {
    width: 100%;
}

    .navbar-header p {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        padding: 10px 0 0 10px;
    }

.navbar-inverse2 {
    background: #00b1b0;
    border-color: #00b1b0;
    box-shadow: 0 1px 15px #434343;
}

#myCarousel.carousel2 {
    height: 100%;
}

.footer {
    background: #ccefef;
}

.footer-info {
    padding-bottom: 25px;
}

    .footer-info h3 {
        margin-top: 0;
        font-size: 22px;
    }

    .footer-info p {
        margin: 0;
    }

    .footer-info ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .footer-info ul li {
            padding: 5px 0;
        }

            .footer-info ul li a {
                color: inherit;
            }

.copy-right {
    border-top: 1px solid #939598;
    padding-top: 25px;
}

input.admin-btn {
    float: right;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    background: #33c1c0;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 5px 30px;
}

    input.admin-btn:hover {
        background: #0a8887;
    }

.login-area {
    float: left;
    font-size: 16px;
    bottom: 50px;
    position: absolute;
    left: 14%;
    margin: 0;
    padding: 20px;
    width: 500px;
    background: rgba(0, 177, 176, 0.8);
    border: 2px solid rgba(256, 256, 256, 0.8);
    border-radius: 8px;
}

    .login-area h3 {
        float: left;
        width: 100%;
        padding: 0 0 10px 0;
        margin: 0;
        color: #000;
        text-shadow: none;
        border-bottom: 1px solid #fff;
        text-align: left;
    }

    .login-area p {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        color: #000;
        text-shadow: none;
        text-align: left;
    }

    .login-area input {
        width: 95%;
        margin: 10px 0;
        padding: 12px 10px;
        font-size: 20px;
        float: left;
        background: #ccefef;
        border: 1px solid #fff;
        border-radius: 8px;
        color: #33c1c0;
        font-weight: bold;
    }

        .login-area input.login-btn {
            width: auto;
            padding: 10px 40px;
            color: #fff;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0004+0,ff8426+100 */
            background: rgb(255,0,4); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(255,0,4,1) 0%, rgba(255,132,38,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,4,1)), color-stop(100%,rgba(255,132,38,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ff8426',GradientType=0 ); /* IE6-8 */
        }

            .login-area input.login-btn:hover {
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8426+0,ff0004+100 */
                background: rgb(255,132,38); /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODQyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, rgba(255,132,38,1) 0%, rgba(255,0,4,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,132,38,1)), color-stop(100%,rgba(255,0,4,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8426', endColorstr='#ff0004',GradientType=0 ); /* IE6-8 */
            }

.new-nav {
    position: absolute!important;
    top: 50px!important;
}

.nav-link {
    position: relative!important;
}

p.logout {
    font-weight: normal;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

    p.logout i {
        font-size: 25px;
    }

    p.logout a {
        color: #fff;
    }

        p.logout a:hover {
            text-decoration: none;
            color: #ccefef;
        }

.banner-info {
    float: left;
    font-size: 16px;
    bottom: 50px;
    position: absolute;
    left: 14%;
    margin: 0;
    padding: 20px;
    width: 300px;
    background: #33c1c0;
    border: 2px solid #fff;
    border-radius: 8px;
}

    .banner-info p {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        color: #fff;
        text-shadow: none;
        text-align: left;
    }

        .banner-info p strong {
            float: left;
            width: 100%;
            font-size: 20px;
            padding: 0 0 5px 0;
            margin: 0;
            color: #fff;
            text-shadow: none;
            text-align: left;
        }

        .banner-info p span {
            float: left;
            width: 100%;
            text-align: center;
        }

            .banner-info p span img {
                width: auto!important;
                text-align: center;
            }

    .banner-info a {
        float: left;
        color: #fff;
        font-weight: bold;
        width: 95%;
        text-align: right;
    }

.search {
    background: #66d0d0;
    padding: 20px 0;
    margin: 0 0 10px 0;
}

.banner-info a i {
    color: #EF0206;
}

.banner-info-left {
    left: 14% !important;
}

.banner-info-right {
    left: 70% !important;
}

.banner-info-middle {
    left: 40% !important;
}

.btn {
    width: 100%;
    padding: 10px 40px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0004+0,ff8426+100 */
    background: rgb(255,0,4); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,0,4,1) 0%, rgba(255,132,38,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,4,1)), color-stop(100%,rgba(255,132,38,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,0,4,1) 0%,rgba(255,132,38,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ff8426',GradientType=0 ); /* IE6-8 */
}

    .btn:hover {
        color: #fff;
        border: 1px solid #fff;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8426+0,ff0004+100 */
        background: rgb(255,132,38); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODQyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255,132,38,1) 0%, rgba(255,0,4,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,132,38,1)), color-stop(100%,rgba(255,0,4,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,132,38,1) 0%,rgba(255,0,4,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8426', endColorstr='#ff0004',GradientType=0 ); /* IE6-8 */
    }

.search input {
    width: 100%;
    margin: 10px 0;
    padding: 12px 10px;
    font-size: 18px;
    float: left;
    background: #ccefef;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #000;
    font-weight: bold;
}

.search select {
    width: 100%;
    margin: 10px 0;
    padding: 12px 10px;
    font-size: 18px;
    float: left;
    background: #ccefef;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #000;
    font-weight: bold;
}

.quick-links {
    background: #e2cc00;
    border-radius: 20px;
    border-color: #e2cc00;
}

    .quick-links h4 {
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 25px;
    }

    .quick-links img {
        width: 100%;
    }

.ql li {
    padding: 1px 0;
}

.whats-new {
    background: #008065;
    border-radius: 20px;
    border-color: #008065;
}

    .whats-new h4 {
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 25px;
    }

    .whats-new img {
        width: 100%;
    }

.whatsnew-info {
    font-size: 14px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}

    .whatsnew-info strong {
        float: left;
        width: 100%;
        font-size: 18px;
    }

    .whatsnew-info a {
        font-weight: bold;
        color: inherit;
    }

        .whatsnew-info a i {
            color: #F00;
        }


.catholic-socialmedia {
    background: #004987;
    border-radius: 20px;
    border-color: #004987;
}

    .catholic-socialmedia h4 {
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 25px;
    }

    .catholic-socialmedia img {
        width: 100%;
    }


.inner-box-qwc {
    background: #fff;
    min-height: 410px;
}

.inner-box-qwc2 {
    background: none;
}


.navbar-nav li {
    background: #0F0;
}

.teachers-mainbox {
    background: #0097d3;
    border-radius: 20px;
    border: none;
}

    .teachers-mainbox h4 {
        padding: 20px 15px 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 25px;
    }

    .teachers-mainbox img {
        width: 100%;
    }

.catechists-mainbox {
    background: #a5a422;
    border-radius: 20px;
    border: none;
}

    .catechists-mainbox h4 {
        padding: 20px 15px 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 25px;
    }

    .catechists-mainbox img {
        width: 100%;
    }

h2.catechists-heading {
    color: #a5a422!important;
}

.networks-mainbox {
    background: #841873;
    border-radius: 20px;
    border: none;
}

    .networks-mainbox h4 {
        padding: 20px 15px 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 22px;
    }

    .networks-mainbox img {
        width: 100%;
    }

h2.networks-heading {
    color: #841873!important;
}

h2.students-heading {
    color: #ff6400!important;
}

h2.links-heading {
    color: #ff0300!important;
}

.event-date {
    float: left;
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 5px #DDDDDD;
    border: 1px solid #66d0d0;
    border-radius: 10px;
}

.event-date-img {
    float: left;
    margin: 0;
    padding: 0;
    width: 10%;
}

    .event-date-img img {
        width: 80%;
    }

.event-date-text {
    float: left;
    margin: 0;
    padding: 0;
    width: 90%;
}

    .event-date-text p {
        float: left;
        margin: 0;
        padding: 5px 0;
        width: 100%;
    }

    .event-date-text h1 {
        float: left;
        margin: 0;
        padding: 0;
        font-size: 20px;
        width: 80%;
        color: #66d0d0;
    }

        .event-date-text h1 a {
            color: #0097d3;
        }

.event-date-text {
    float: left;
    margin: 0;
    padding: 0;
}

    .event-date-text .time {
        float: right;
        width: 15%;
        font-size: 15px;
    }

        .event-date-text .time i {
            color: #0097d3;
        }

    .event-date-text .readmore {
        float: left;
        width: 100%;
        text-align: right;
    }

        .event-date-text .readmore a {
            color: #c00;
            font-weight: 600;
            cursor: pointer;
        }

/*******************************************************************************/
/*DROPDOWN COLORS */
/*******************************************************************************/
.navbar-nav li {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #fff;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

    .navbar-nav li a {
        color: #fff!important;
        padding: 10px 20px;
    }

        .navbar-nav li a img {
            padding: 0 5px;
        }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover {
    background: none!important;
}


/*Teachers*/
.navbar-nav li.teacher {
    background: #0097d3;
    color: #fff;
}

    .navbar-nav li.teacher ul.dropdown-menu {
        background: #29a7dc;
        border: 1px solid #fff;
        border-radius: 10px;
        left: 0;
        top: 60px;
        width: 300px;
        padding: 10px 0;
    }

        .navbar-nav li.teacher ul.dropdown-menu li {
            background: none;
            border: none;
            border-radius: 0;
            padding: 0 20px;
            font-size: 18px;
        }

            .navbar-nav li.teacher ul.dropdown-menu li:hover {
                background: #00b1b0;
            }

            .navbar-nav li.teacher ul.dropdown-menu li a {
                padding: 5px 0;
                border-bottom: 1px solid #fff;
            }

            .navbar-nav li.teacher ul.dropdown-menu li:last-child a {
                border-bottom: 0;
            }

            .navbar-nav li.teacher ul.dropdown-menu li a:hover, .navbar-nav li:nth-child(1) ul.dropdown-menu li a:focus {
                background: none;
            }

        .navbar-nav li.teacher ul.dropdown-menu::before {
            border-color: transparent transparent #29a7dc;
            border-style: solid;
            border-width: 0 9px 9px;
            content: "";
            display: block;
            height: 0;
            left: 3rem;
            position: absolute;
            top: -0.9rem;
            width: 0;
        }

/*Students*/
.navbar-nav li.students {
    background: #ff6400;
}


/*Catechists*/
.navbar-nav li.catechists {
    background: #a5a422;
}

    .navbar-nav li.catechists ul.dropdown-menu {
        background: #a5a422;
        border: 1px solid #fff;
        border-radius: 10px;
        left: 0;
        top: 60px;
        width: 300px;
        padding: 10px 0;
    }

        .navbar-nav li.catechists ul.dropdown-menu li {
            background: none;
            border: none;
            border-radius: 0;
            padding: 0 20px;
            font-size: 18px;
        }

            .navbar-nav li.catechists ul.dropdown-menu li:hover {
                background: #00b1b0;
            }

            .navbar-nav li.catechists ul.dropdown-menu li a {
                padding: 5px 0;
                border-bottom: 1px solid #fff;
            }

            .navbar-nav li.catechists ul.dropdown-menu li:last-child a {
                border-bottom: 0;
            }

            .navbar-nav li.catechists ul.dropdown-menu li a:hover, .navbar-nav li:nth-child(1) ul.dropdown-menu li a:focus {
                background: none;
            }

        .navbar-nav li.catechists ul.dropdown-menu::before {
            border-color: transparent transparent #a5a422;
            border-style: solid;
            border-width: 0 9px 9px;
            content: "";
            display: block;
            height: 0;
            left: 3rem;
            position: absolute;
            top: -0.9rem;
            width: 0;
        }

/*Networks*/

.navbar-nav li.networks {
    background: #841873;
}

    .navbar-nav li.networks ul.dropdown-menu {
        background: #841873;
        border: 1px solid #fff;
        border-radius: 10px;
        left: 0;
        top: 60px;
        width: 300px;
        padding: 10px 0;
    }

        .navbar-nav li.networks ul.dropdown-menu li {
            background: none;
            border: none;
            border-radius: 0;
            padding: 0 20px;
            font-size: 18px;
        }

            .navbar-nav li.networks ul.dropdown-menu li:hover {
                background: #00b1b0;
            }

            .navbar-nav li.networks ul.dropdown-menu li a {
                padding: 5px 0;
                border-bottom: 1px solid #fff;
            }

            .navbar-nav li.networks ul.dropdown-menu li:last-child a {
                border-bottom: 0;
            }

            .navbar-nav li.networks ul.dropdown-menu li a:hover, .navbar-nav li:nth-child(1) ul.dropdown-menu li a:focus {
                background: none;
            }

        .navbar-nav li.networks ul.dropdown-menu::before {
            border-color: transparent transparent #841873;
            border-style: solid;
            border-width: 0 9px 9px;
            content: "";
            display: block;
            height: 0;
            left: 3rem;
            position: absolute;
            top: -0.9rem;
            width: 0;
        }


/*Links*/

.navbar-nav li.links {
    background: #ff0300;
}



.panel-group {
    margin-bottom:5px !important;
}
.panel-group .panel .panel-heading a.collapsed i:before {
    content: "\f18e";
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px!important;
    color: inherit;
}

    .panel-title a {
        outline: none!important;
    }

    .panel-title i {
        padding-right: 10px;
    }

.breadcrumbs {
    border-bottom: 1px solid #000;
}

    .breadcrumbs ul {
        margin: 0;
        padding: 0 0 10px 15px;
    }

        .breadcrumbs ul li {
            display: inline;
            padding: 0 5px;
            font-size: 16px;
        }

            .breadcrumbs ul li a {
                color: #000;
                text-decoration: none;
            }

                .breadcrumbs ul li a:hover {
                    color: #00b1b0;
                }

.cd h2 {
    color: #0097d3;
    font-weight: 600;
}

.cd-head {
    border-top: 10px solid #00b1b0!important;
    background: #fff!important;
}

    .cd-head h4 {
        font-size: 18px!important;
    }

        .cd-head h4 a {
            text-decoration: none!important;
        }

            .cd-head h4 a i {
                color: #00b1b0!important;
                font-size: 22px!important;
            }

.cd-content h4 {
    font-weight: 600;
    font-size: 20px;
    padding: 0 0 0 40px;
    background: url(../images/folder-icon.png) no-repeat left top;
}

.cd-content ul {
    list-style-type: square;
    padding-left: 55px;
}

    .cd-content ul li {
        font-size: 17px;
        padding: 2px;
    }

.pl h2 {
    color: #0097d3;
    font-weight: 600;
}

.pl .panel-group .panel {
    border-radius: 10px 10px 4px 4px!important;
}

.pl-head {
    background: url(../images/pl-img.jpg) no-repeat left top #ccefef!important;
    padding: 20px 0;
    border-radius: 10px 10px 0 0;
}

    .pl-head h4 {
        font-size: 15px!important;
        padding-left: 70px;
    }

        .pl-head h4 a {
            text-decoration: none!important;
        }

            .pl-head h4 a i {
                color: #00b1b0!important;
                font-size: 22px!important;
                float: right;
            }

.pl .panel-group .panel .panel-heading a.collapsed i:before {
    content: "\f196";
}

.pl-content h4 {
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.pl-content i {
    color: #00b1b0!important;
}

.pl-content p {
    border-bottom: 1px solid #000;
    padding: 10px 0;
    float: left;
}

    .pl-content p a {
        float: left;
        width: 100%!important;
        font-weight: normal;
        padding: 10px 0;
    }
/* Custom Styles End */

ul.links-tabs {
    padding: 0;
    margin: 0;
}

.tabbable ul {
    width: 74%;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
}

    .tabbable ul li {
        width: auto;
        float: left;
        margin: 0 1px;
    }

        .tabbable ul li a {
            color: #00b1b0;
            padding: 5px 8px;
            border-radius: 5px;
        }

            .tabbable ul li a:hover, .tabbable ul li.active a {
                background: #00b1b0;
                cursor: pointer;
                color: #fff;
                text-decoration: none;
            }

.tab-content {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}

    .tab-content ul {
        float: left;
        margin: 0;
        padding: 0 0 0 40px;
        width: 100%;
        list-style-type: inherit;
    }

        .tab-content ul li {
            float: left;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            .tab-content ul li a {
                color: #337ab7;
            }

                .tab-content ul li a:hover {
                    background: none;
                }

            .tab-content ul li:hover a {
                text-decoration: underline;
                color: #23527c;
            }

#myCarousel.carousel .fill2 {
    background-size: auto;
}

#p-404 {
    top: 15%;
    float: left;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

    #p-404 p {
        padding: 40px 0;
        font-size: 35px;
    }

        #p-404 p span {
            color: #e54040;
        }

    #p-404 a.home-btn {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: normal;
        background: #33c1c0;
        border: 2px solid #fff;
        border-radius: 8px;
        padding: 10px 30px;
    }

        #p-404 a.home-btn:hover {
            background: #0a8887;
            text-decoration: none;
        }


.tabbable ul.pedagogy-assessment {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .tabbable ul.pedagogy-assessment li:nth-child(2) {
        margin-left: 10px;
    }

    .tabbable ul.pedagogy-assessment li a {
        float: left;
        margin: 0;
        font-size: 16px;
        color: #000;
        padding: 10px 10%;
        border: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        border-radius: 5px 5px 0 0;
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
    }

    .tabbable ul.pedagogy-assessment li:hover a, .tabbable ul.pedagogy-assessment li.active a {
        position: relative;
        z-index: 1000;
        color: #fff;
        border-bottom: 1px solid #fff;
        background: #00b1b0; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjFiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwYjFiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOWRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #00b1b0 0%, #00b1b0 50%, #009da5 51%, #87c3c3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b1b0), color-stop(50%,#00b1b0), color-stop(51%,#009da5), color-stop(100%,#87c3c3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* IE10+ */
        background: linear-gradient(to bottom, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1b0', endColorstr='#87c3c3',GradientType=0 ); /* IE6-8 */
    }

div.pedagogy-assessment {
    float: left;
    margin: -1px 1px 0 1px;
    border: 1px solid #ccc;
    padding: 10px;
}

.tabbable ul.networks {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .tabbable ul.networks li {
        margin-left: 5px!important;
        float: left!important;
        width: auto!important;
    }

        .tabbable ul.networks li:first-child {
            margin-left: 0!important;
        }

        .tabbable ul.networks li a {
            float: left !important;
            margin: 0;
            font-size: 16px;
            color: #000;
            padding: 8px 35px;
            border: 1px solid #ccc;
            border-bottom: 1px solid #fff;
            border-radius: 5px 5px 0 0;
            background: #ffffff; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
        }

        .tabbable ul.networks li:hover a, .tabbable ul.networks li.active a {
            float: left;
            position: relative;
            z-index: 1000;
            color: #fff;
            border-bottom: 1px solid #fff;
            background: #00b1b0; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjFiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwYjFiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOWRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #00b1b0 0%, #00b1b0 50%, #009da5 51%, #87c3c3 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b1b0), color-stop(50%,#00b1b0), color-stop(51%,#009da5), color-stop(100%,#87c3c3)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* IE10+ */
            background: linear-gradient(to bottom, #00b1b0 0%,#00b1b0 50%,#009da5 51%,#87c3c3 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1b0', endColorstr='#87c3c3',GradientType=0 ); /* IE6-8 */
        }

/* Swiper CSS Start */
.swiper-container {
    width: 100%;
    height: auto;
    background: #1f2a2f;
}

    .swiper-container img {
        width: 100%;
    }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #1f2a2f;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* Swiper CSS End */

#twitter-widgets iframe {
    height: 315px!important;
}

.tabbable ul.twitter-tabs {
    float: left;
    margin: 0;
    padding: 5px 0 0 1px;
    width: 100%;
    background: #00b1b0;
}

    .tabbable ul.twitter-tabs li {
        float: left!important;
        margin-left: 0!important;
        margin-right: 0!important;
        width: auto!important;
    }

        .tabbable ul.twitter-tabs li a {
            float: left;
            margin: 0;
            font-size: 13px;
            font-weight: bold;
            color: #fff;
            padding: 8px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            border-radius: 0;
            background: none;
        }

        .tabbable ul.twitter-tabs li:hover a, .tabbable ul.twitter-tabs li.active a {
            position: relative;
            z-index: 1000;
            color: #000;
            border-bottom: 1px solid #fff;
            background: #fff;
        }


#twitter-weight3 iframe {
    height: 665px!important;
}

#twitter-weight2 iframe {
    max-width: 100%!important;
}


#search p {
    float: left;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
    width: 100%;
}

    #search p:last-child {
        border-bottom: none;
    }

    #search p a {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 17px;
        color: #00B1B0;
        font-weight: 700;
        cursor: pointer;
    }

    #search p span {
        color: #8a8a8a!important;
        cursor: pointer;
        text-decoration: none;
        padding-left: 10px;
    }

        #search p span:hover {
            color: #000!important;
        }


#search .adv-search {
    float: right;
    width: 90%;
    background: #f9fafb;
    border: 1px solid #ececec;
    padding: 5%;
}

    #search .adv-search input[type="text"] {
        background: #ccc none repeat scroll 0 0;
        border: medium none;
        color: #f9fafb;
        font-family: "Lato",sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 2rem;
        padding: 1.2rem 0.5rem 1.2rem 1rem;
        position: relative;
        width: 85%;
    }

    #search .adv-search input[type="checkbox"] {
        background: #ccc none repeat scroll 0 0;
        border: medium none;
        color: #f9fafb;
        font-family: "Lato",sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 2rem;
        padding: 1.2rem 0.5rem 1.2rem 1rem;
        position: relative;
    }

    #search .adv-search button[type="submit"] {
        background: #00b1b0 none repeat scroll 0 0;
        border: medium none;
        height: 4.4rem;
        overflow: hidden;
        position: absolute;
        width: 4.6rem;
        color: #fff;
    }

    #search .adv-search h2 {
        color: #434a54;
        font-size: 18px;
        text-transform: uppercase;
        border-bottom: 1px solid #dfdfdf;
        padding: 10px 0 20px 0;
    }

    #search .adv-search h4 {
        color: #000;
        font-size: 16px;
        padding: 5px 0 0 0;
        font-weight: 500;
    }

    #search .adv-search ul {
        width: 100%;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #search .adv-search ul li {
            float: left;
            width: 50%;
            padding: 2px 0;
        }

            #search .adv-search ul li input {
                width: auto;
                margin-right: 8px;
            }

.panel-body a {
    color: inherit;
    font-weight: bold;
}

    .panel-body a i {
        color: #f00!important;
    }


/* Early Years Section CSS Start
-----------------------------------------------------------------*/

.blue {
    color: #0080C6;
}

.purpol {
    color: #613594;
}

.purpol-bg {
    background: #AF9DCB;
    padding: 50px 0;
}

.white-bg {
    background: #fff;
    border-radius: 20px;
}

    .white-bg h1, .white-bg h2, .white-bg h3 .white-bg h4, .white-bg h5, .white-bg h6 {
        border-bottom: 1p solid #000;
    }

.ey-heading {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

ul.tc-list {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

    ul.tc-list li {
        float: left;
        margin: 5px 0;
        padding: 0;
        width: 100%;
        color: #000;
        font-size: 18px;
    }

        ul.tc-list li i {
            float: right;
            font-size: 28px;
        }

        ul.tc-list li.introduction {
            background: #E4EBF7;
            border-left: 15px solid #0080C6;
        }

            ul.tc-list li.introduction strong {
                float: left;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.introduction i {
                color: #0080C6;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.lent {
            background: #E6E1F0;
            border-left: 15px solid #613594;
        }

            ul.tc-list li.lent strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.lent i {
                color: #613594;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.easter {
            background: #E6E1F0;
            border-left: 15px solid #613594;
        }

            ul.tc-list li.easter strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.easter i {
                color: #613594;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.advent {
            background: #EAF3E7;
            border-left: 15px solid #41AD49;
        }

            ul.tc-list li.advent strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.advent i {
                color: #41AD49;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.iamme {
            background: #FFF7E5;
            border-left: 15px solid #FFCB05;
        }

            ul.tc-list li.iamme strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.iamme i {
                color: #FFCB05;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.family {
            background: #FAE5E6;
            border-left: 15px solid #DB0962;
        }

            ul.tc-list li.family strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.family i {
                color: #DB0962;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.growing {
            background: #FFF0E1;
            border-left: 15px solid #F68B1F;
        }

            ul.tc-list li.growing strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.growing i {
                color: #F68B1F;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.rain {
            background: #E4EBF7;
            border-left: 15px solid #0080C6;
        }

            ul.tc-list li.rain strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.rain i {
                color: #0080C6;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.oceans {
            background: #E1F4FD;
            border-left: 15px solid #00AEEF;
        }

            ul.tc-list li.oceans strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.oceans i {
                color: #00AEEF;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.looking {
            background: #EFF5E7;
            border-left: 15px solid #81BD41;
        }

            ul.tc-list li.looking strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.looking i {
                color: #81BD41;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.creepy {
            background: #F2E4DB;
            border-left: 15px solid #B25026;
        }

            ul.tc-list li.creepy strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.creepy i {
                color: #B25026;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.rhymes {
            background: #E6F4F3;
            border-left: 15px solid #00B1B0;
        }

            ul.tc-list li.rhymes strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.rhymes i {
                color: #00B1B0;
                float: right;
                padding: 4px 15px 0 0;
            }

        ul.tc-list li.bible {
            background: #E6F4F3;
            border-left: 15px solid #00B1B0;
        }

            ul.tc-list li.bible strong {
                float: left;
                height: 100%;
                padding: 4px 0 4px 10px;
                font-weight: 500;
                border-left: 10px solid #fff;
            }

            ul.tc-list li.bible i {
                color: #00B1B0;
                float: right;
                padding: 4px 15px 0 0;
            }

.introduction-right-side-bg {
    background: #E4EBF7;
    padding: 6% 4%;
    min-height: 800px;
}

    .introduction-right-side-bg h4 {
        background: #3E92CF;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 6px;
        padding: 6px 0;
        text-align: center;
    }

    .introduction-right-side-bg .download-heading {
        color: #0080C6;
        width: 100%;
        border-bottom: 1px solid #000;
    }

    .introduction-right-side-bg ul {
        padding: 10px 0 10px 10px;
        margin: 0;
        list-style-type: square;
    }

.right-side-bg-purpol {
    background: #E6E1F0!important;
}

.download-heading-purpol {
    color: #613594;
    width: 100%;
    border-bottom: 1px solid #000;
}

img.inner-img {
    float: right;
    margin: 0;
    padding: 0;
}


@media only screen and (min-width: 10em) and (max-width: 30em) {
    img.inner-img {
        width: 60%;
    }
}

/* Early Years Section CSS End
-----------------------------------------------------------------*/

@media only screen and (min-width: 10em) and (max-width: 30em) {

    .logo img {
        width: 60%;
    }

    .navbar-header {
        margin: 0!important;
        width: 100%!important;
    }

        .navbar-header p {
            float: right;
            font-size: 15px;
            padding: 0;
        }

            .navbar-header p.logout {
                clear: both;
                float: right;
                border: none;
                padding-bottom: 10px;
                margin-right: 30%;
            }

    .navbar-brand {
        height: 20px;
    }

    .login-area {
        width: 100%;
        left: 0;
    }

    .navbar-toggle {
        margin: -2px 0 0 0;
    }

    #myCarousel.carousel-new {
        margin: 0;
    }

    .banner-info {
        left: 10%;
        width: 80%;
    }

    .navbar-nav li {
        border-radius: 0;
    }

        .navbar-nav li:nth-child(1) ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
        }

            .navbar-nav li:nth-child(1) ul.dropdown-menu::before {
                border: 0;
            }

        .navbar-nav li:nth-child(3) ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
        }

            .navbar-nav li:nth-child(3) ul.dropdown-menu::before {
                border: 0;
            }

        .navbar-nav li:nth-child(4) ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
        }

            .navbar-nav li:nth-child(4) ul.dropdown-menu::before {
                border: 0;
            }

    #p-404 {
        top: 10%;
    }

        #p-404 img {
            width: 100%;
        }

        #p-404 p {
            padding: 20px 0;
            font-size: 25px;
        }

    .adv-search {
        width: 100%!important;
    }

    .adv-search1 {
        padding: 0!important;
    }
}

@media only screen and (min-width: 30.5em) and (max-width: 45em) {
    .logo img {
        width: 60%;
    }

    .navbar-header {
        margin: 0!important;
        width: 100%!important;
    }

        .navbar-header p {
            float: left;
            font-size: 15px;
            padding: 10px 0 0 0;
        }

            .navbar-header p.logout {
                float: right;
                border: none;
                padding: 4px 0 0 0;
            }

    .banner-info {
        left: 10%;
        width: 80%;
    }

    .navbar-nav li {
        border-radius: 0;
    }

        .navbar-nav li:nth-child(1) ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
        }

            .navbar-nav li:nth-child(1) ul.dropdown-menu::before {
                border: 0;
            }

        .navbar-nav li:nth-child(3) ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
        }

            .navbar-nav li:nth-child(3) ul.dropdown-menu::before {
                border: 0;
            }

        .navbar-nav li:nth-child(4) ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
        }

            .navbar-nav li:nth-child(4) ul.dropdown-menu::before {
                border: 0;
            }
}

@media only screen and (min-width: 48em) and (max-width: 62em) {
    .logo img {
        width: 80%;
    }

    .navbar-nav li a {
        padding: 10px 5px;
        font-size: 15px;
    }

        .navbar-nav li a img {
            padding: 0 1px;
        }
}

@media only screen and (min-width: 62.063em) and (max-width: 64em) {
    .navbar-nav li a {
        padding: 10px 20px;
        font-size: 15px;
    }
}

@media only screen and (min-width: 10em) and (max-width: 28.125em) {
    .tabbable ul.networks li {
        width: 100%!important;
        margin: 0!important;
    }

        .tabbable ul.networks li a {
            width: 100%!important;
            text-align: center!important;
        }
}