/*
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 *
 * Template Name: Sasna - Multipurpose Business HTML Template   
 * Template URI: https://thememarch.com/demo/html/sasna/
 * Description: Sasna is a multipurpose business HTML template which comes with the unique and clean design. It helps you to create a beautiful multipurpose business HTML website. It has also e-commerce support. E-commerce pages are included on this template.
 * Author: Thememarch
 * Author URI: https://thememarch.com
 * Version: 2.5
 *
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */


.white {
    color: white;
}

.widget-info-logo {
    background: white;
    padding: 20px;
}

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

.form-group input, select, textarea {
    height: 30px;
    padding: 0 15px;
    border: none;
    border-bottom: 1px solid lightgray;
}

    .form-group input:focus, input:active select:focus {
        border-bottom: 1px solid black;
    }


.button_submit {
    text-align: center;
    color: white !important;
    background: green !important;
    max-width: 87px;
    height: 36px;
    margin-left: 250px;
    margin-top:10px;
    margin-bottom:20px;
}
.tm-padding-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
.sizeWidget{
    font-size:10px;
}
.branchlist{
    margin-left:5px !important; 

}
.branchlist li {
    padding:5px;
}
a.meanmenu-reveal {
    margin-top: -60px !important;
}
.main-content {
    /*  padding:10px; */
}
.image_gallery > img{
    padding:5px;

}
.image_gallery > img:hover{
    background:lightgray;
}
.footer-widgets .single-widget a {
    color: #7dde71;
}
.tm-navigation ul li.active > a {
    color: #0c6d9e;
}
.text-uppercase {
    text-transform: uppercase;
}

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

/* style for tables css own*/
table.agenda {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    table.agenda td,
    table.agenda th {
        border: 1px solid #fff;
        padding: 8px;
        text-align: center;
    }

    table.agenda td {
        padding-top: 12px;
        padding-bottom: 12px;
        background-color: #D4E4F7;
        color: black;
    }

th:nth-child(1) {
    background: #236AB9;
    color: #fff;
}

th:nth-child(2) {
    background: #236AB9;
    color: white;
}

th:nth-child(3) {
    background: #236AB9;
    color: white;
}

th:nth-child(4) {
    background: #236AB9;
    color: white;
}

th:nth-child(5) {
    background: #236AB9;
    color: white;
}

th:nth-child(6) {
    background: #236AB9;
    color: white;
}

table.agenda tr:nth-child(1) td:first-child {
    background: #236AB9;
    color: white;
}

table.agenda tr:nth-child(2) td:first-child {
    background: #236AB9;
    color: white;
}

table.agenda tr:nth-child(3) td:first-child {
    background: #236AB9;
    color: white;
}

table.agenda tr:nth-child(N) td:first-child {
    background: #236AB9;
    color: white;
}

/* News tricker css starts here */

.holder {
    background-color: #fff;
    width:100%;
    height: 245px;
    padding: 10px;
    font-family: Helvetica;
    overflow:hidden;
}
  
.glyphicon {
    margin-right: 4px !important; /*override*/
}

.pagination .glyphicon {
    margin-right: 0px !important; /*override*/
}

.pagination a {
    color: #555;
}

.panel ul {
     padding: 15px;
    margin: 0px; 
    list-style: none;
}

.news-item {
    padding: 8px 4px;
    margin: 0px;
    border-bottom: 1px solid #f2f2f2;
}


#news-ticker .panel-heading.panel1 {
    background: #1aa551;
    color: #fff !important;
    padding: 16px 19px;
    border-radius: 15px 15px 0px 0px;
    border-bottom: none !important;
}

#news-ticker .panel {
    border: medium none;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

#news-ticker .panel-footer {
    border-radius: 0px 0px 15px 15px;
    border-top: 1px solid rgba(0,0,0,0.015);
}

#news-ticker .pagination {
    /*  border-radius: 25px;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.05);*/
    margin: 0;
}

    #news-ticker .pagination li a.prev {
        border-bottom-left-radius: 25px;
        border-top-left-radius: 25px;
        margin-left: 0;
    }

    #news-ticker .pagination li a.next {
        border-bottom-right-radius: 25px;
        border-top-right-radius: 25px;
    }

.pagination > li > a, .pagination > li > span {
    padding: 7px 12px 3px 12px !important;
}

#news-ticker img {
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.title-text {
    margin-top: 50px;
    margin-bottom: 30px;
    color: #00BCD4;
    text-shadow: 3px 3px 0px #EEEEEE;
    letter-spacing: 1px;
    font-weight: bold;
}
.tm-portfolio.tm-portfolio-2 .zoom-button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.2;
}

    .tm-portfolio.tm-portfolio-2 .zoom-button a {
        color: rgba(255, 255, 255, 0.5);
        font-size: 60px;
        display: none;
    }
        .tm-portfolio.tm-portfolio-2 .zoom-button a:first-child {
            display: block;
        }




.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: 0px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 25px 0px 56px 5%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.files input:focus {
        outline: 2px dashed #92b0b3;
        outline-offset: 0px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
        border: 1px solid #92b0b3;
    }


/*Css for tab starts here */
.project-tab {
    padding: 10%;
    margin-top: -8%;
}

    .project-tab #tabs {
        background: #007b5e;
        color: #eee;
    }

        .project-tab #tabs h6.section-title {
            color: #eee;
        }

        .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #0062cc;
            background-color: transparent;
            border-color: transparent transparent #f3f3f3;
            border-bottom: 3px solid !important;
            font-size: 13px;
            font-weight: bold;
        }

    .project-tab .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #0062cc;
        font-size: 13px;
        font-weight: 600;
    }

        .project-tab .nav-link:hover {
            border: none;
        }

    .project-tab thead {
        background: #f3f3f3;
        color: #333;
    }

    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("https://unsplash.imgix.net/photo-1416339442236-8ceb164046f8?q=75&fm=jpg&s=8eb83df8a744544977722717b1ea4d09");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 450px;
    padding-top: 50px;
}


.top-course-thumb {
    position: relative;
}

    .top-course-thumb .desc-box {
        left: 0;
        margin: -15px auto;
        position: absolute;
        right: 0;
        height: 100%;
        text-align: center;
        top: 30px;
    }

        .top-course-thumb .desc-box .title {
            color: #fff;
            font-size: 22px;
            font-weight: 600;
            left: 0;
            margin: -45px auto;
            position: absolute;
            right: 0;
            text-align: center;
            top: 35%;
            z-index: 1;
        }

        .top-course-thumb .desc-box .off {
            font-size: 38px;
            font-weight: 600;
            left: 0;
            margin: 8px auto;
            position: absolute;
            right: 0;
            text-align: center;
            top: 45%;
            z-index: 1;
            color: #FC9928;
        }

        .top-course-thumb .desc-box .signup {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            left: 0;
            margin: -15px auto;
            position: absolute;
            right: 0;
            text-align: center;
            text-decoration: underline;
            top: 64%;
            z-index: 1;
        }

    .top-course-thumb::after {
        background: #000 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all 200ms ease-in-out 0s;
        -o-transition: all 200ms ease-in-out 0s;
        transition: all 200ms ease-in-out 0s;
        width: 100%;
    }

    .top-course-thumb::after {
        background: #000 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all 200ms ease-in-out 0s;
        -o-transition: all 200ms ease-in-out 0s;
        transition: all 200ms ease-in-out 0s;
        width: 100%;
    }

    .top-course-thumb:hover::after {
        opacity: 0.8;
        border: 8px solid rgba(255, 255, 255, 0.15);
    }

.tm-padding-section-90{
    padding-top: 90px;
    padding-bottom: 90px;
}


/*Gallery starts here */

.gallery-block {
    padding-bottom: 60px;
    padding-top: 60px;
}

    .gallery-block .heading {
        margin-bottom: 50px;
        text-align: center;
    }

        .gallery-block .heading h2 {
            font-weight: bold;
            font-size: 1.4rem;
            text-transform: uppercase;
        }

    .gallery-block.cards-gallery h6 {
        font-size: 17px;
        font-weight: bold;
    }

    .gallery-block.cards-gallery .card {
        transition: 0.4s ease;
    }

        .gallery-block.cards-gallery .card img {
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
        }

    .gallery-block.cards-gallery .card-body {
        text-align: center;
    }

        .gallery-block.cards-gallery .card-body p {
            font-size: 15px;
        }

    .gallery-block.cards-gallery a {
        color: #212529;
    }

        .gallery-block.cards-gallery a:hover {
            text-decoration: none;
        }

    .gallery-block.cards-gallery .card {
        margin-bottom: 30px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    }

@media (min-width: 576px) {

    .gallery-block .transform-on-hover:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important;
    }
}

/* Gallery Ends Here*/




/*Home sections for all schools starts here*/
.categ-List .col-lg-4 {
    padding: 5px;
}

.categ img {
    width: 100%;
    cursor: pointer;
}

.info {
    position: absolute;
    width: 100%;
    text-align: center;
    transform: translateY(100%);
    top: 0;
    background: #fffffff2;
    max-width: 80%;
    margin: 0% 10%;
    cursor: pointer;
    border-radius: 5px;
    padding: 15px 0px;
    transition: all .5s;
}

.categ {
    position: relative;
}

    .categ:hover .info {
        border-radius: 50px;
        max-width: 90%;
        margin: 0% 5%;
    }

.info h6 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.info h4 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.6;
}

.login-bg {
    background: url("https://bloomsnagole.in/assets/images/Nagole/Nagole-aboutus.jpg");
    height: 300px;
    width: 100%;
}

.layer {
    background-color: rgba(50, 50, 50, 0.7);
    width: 100%;
    height: 100%;
}
.title_1 {
    margin: 12px;
    font-size: 1.5em;
    font-family: "Open-Sans-Light",Arial,sans-serif;
}

.bluecolor {
    color: #2c2f91;
}

.redcolor {
    color: #ed1e26;
}

.greencolor {
    color: #1aa551;
}

.border-bottom {
    border-bottom: solid 1px #2c2f91;
    width: 100%;
    margin: 0;
    height: 0;
    border-top: 0;
}

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

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

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

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

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

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

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



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

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

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

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

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

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

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

.header-topsocial ul li.header-equery a {
    display: inline-block;
    background: #fff;
    border-radius: 17px;
    color: #1aa551;
    padding: 2px 10px;
    font-size: 13px;
}

    .header-topsocial ul li.header-equery a i {
        font-size: 13px;
        margin-right: 2px;
    }

.form-control {
    font-size: 12px;
    border-radius: .25rem !important;
}

    .form-control::placeholder {
        color: #aeaeae;
    }

    .form-control.custom-select-enquery {
        background-image: none !important;
        border: 1px solid #ced4da !important;
    }

    .form-control.custom-option-enquery {
        height: 36px;
        border: 1px solid #ced4da !important;
        line-height: 36px;
    }



span.e-input-group-icon.e-ddl-icon.e-search-icon {
    font-size: 11px !important;
}
/*Ends here Home school sections*/