/* @import "media"; */

body{background-color: #fff; font-family: 'Poppins', sans-serif;}
#eduschool{display: block;}
/* .header-top {background: #f2f3f8 none repeat scroll 0 0; color: #ffffff; font-size: 13px; position: relative; padding: 20px 0px 0px 0px;} */
.header-top {background:url(../images/logo-bg.jpg) repeat-x; color: #ffffff; font-size: 13px; position: relative; padding: 20px 0px 0px 0px;}
.header-top-area .phone i, .header-top-area .email i, .header-top-area .date i {font-size: 14px;}
.date, .phone, .email{color: #000; font-family: 'Poppins', sans-serif;}
.email a{color: #000; text-decoration: none;}
.header-top:before{background: #3e4095 none repeat scroll 0 0; content: ""; min-height: 134px; position: absolute; right: 0;
top: 10px; width:30%; font-family: 'Poppins', sans-serif;}
    .header-top img{ width: 164px; height: auto;}
    .header-top:after{
        border-color: rgba(0, 0, 0, 0) #3e4095 #3e4095 rgba(0, 0, 0, 0);
        -o-border-image: none;
        /* border-image: none; */
        border-style: solid;
        border-width: 67px 31px;
        content: "";
        position: absolute;
        right: 30%;
        top: 10px;
        width: 0;
    }
    /********Navbar************/
    .menubar{background-color: #3e4095; padding: 20px 0px;}
    /* .menubar .nav-link {padding: .5rem 0.80rem;} */
    .menubar .nav-link {color: #fff;  font-family: 'Poppins', sans-serif; font-size: 14px;}
    .menubar ul li.active{ border: 1px solid #fff; background: #353775;}
    .menubar .navbar-toggler-icon{ width: 1em !important; height: 1em !important;}
    .menubar .navbar-toggler-icon i{color: #3e4095;}

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: .25rem;
    }
    .t-right{ text-align: right;}

    /*********Banner Section************/
      
      .main-banner{position: relative;}
      .main-banner .carousel-item:before{
        background: #3e4095 none repeat scroll 0 0;
        content: "";
        min-height: 784px;
        position: absolute;
        right: 0;
        opacity: 0.8;
        width:51%;
        background: rgba(0, 0, 0, 0) url("../images/slider-overlay.png") no-repeat scroll left top;
    
    }
    
    .main-banner h1{position: absolute; top: 30%; z-index: 1; top:588px; display: block; color: #fff; text-align: right;}
    .pt-80{padding-top: 80px;}
    

    /************Welcome Section****************/
    .welcome-section{margin-bottom: 40px;}
    .welcome-section span{font-size: 30px;}
    .welcome-section h2{font-size: 50px; font-weight: bold; color: #3e4095;}
    .btn{ font-weight: 500; padding: 10px 30px; box-sizing: border-box; border-radius: 0;}
    .btn-readmore{ background-color: #3e4095; color: #fff;}
    .btn-readmore:hover{color:#fff;}
    .btn-program{background-color: transparent; color: #fff; border:2px solid #fff;}
    .btn-program:hover{color: #fff; background-color: rgba(255, 255, 255, 0.2);}
    /************Our Facility****************/
    .dis-title-1{font-size: 32px;}
    .our-facility p{font-size: 15px; color: #545454;}
    .servaices{padding: 50px 0px;}
    .border-bottom {border-bottom: 4px solid #3e4095 !important; width: 190px; margin: 0 auto; padding-top: 15px;}
    
    /************School Programs****************/
    .bg-bluebox{background-color: #3e4095; padding: 30px; width:100%; text-align: center;}
    .bg-bluebox h2{ color: #fff; margin-bottom: 30px; text-transform: uppercase; }

     /************play and learn****************/
    .play-learn{ background-color: #3e4095; padding: 30px 0px;}
    .w-round{background-color: #fff; padding: 40px 0; border-radius: 50%; width: 130px; height: 130px; text-align: center;}
    .play-learn h3, .play-learn p{color: #fff;}

    /************subscribe letter****************/
    .subscribe-letter{ margin: 80px 0px;}
    .social-round{background-color: #3e4095; color: #fff; width: 60px; height: 60px; border-radius: 50%;}
    .social-media{text-align: center; margin: 50px 0px 0px 0px;}
    .social-media i{font-size: 20px; padding: 11px 0px;}
    .social-media a{margin-right: 10px;}
    .social-media a:hover{color:#fff;}
    
    /************ Footer ****************/
    .bottom-footer{background-color: #373435; padding: 50px 0px;}
    .bottom-footer p{color: #fff; font-size: 14px;}
    .bottom-footer nav a{color: #fff; padding: 3px 0px; font-size: 14px; line-height: 25px;}
    .call a{font-size: 14px;}
    .school-time ul{padding: 0; margin: 0;}
    .school-time ul li{list-style: none; line-height: 30px; font-size: 14px;}

    /************ Semi Footer ****************/
    .semi-footer{background-color: #292526; padding: 15px 0px 0px 0px;}
    .semi-footer p{color:#fff; font-size:15px; vertical-align: middle;}

    /************ About page ****************/
    .bg-orange{background-color:#f59933; padding:15px; color: #fff; font-weight: 300;}
    .text-blue{color: #3e4095;}

   
    /*****##### Sub Page Css Start ##### *******/
    
    /************ schme of studies css ****************/
    .top-banner{background: url(../images/sub-page-header.jpg) no-repeat center; background-size: cover; padding: 80px 0px; }
    .w-20per{width: 20%;}

        /************event************/
        
        .admission ul li::before{content: "\f101"; color: #3e4095; font-family: "Font Awesome 5 Free";
            font-weight: 900; padding-right: 10px;} 

            .btn:focus, .btn:active, button:focus, button:active {
                outline: none !important;
                box-shadow: none !important;
              }
              
              #image-gallery .modal-footer{
                display: block;
              }
              
              .thumb{
                margin-top: 15px;
                margin-bottom: 15px;
              }
              .blog .carousel-indicators {
                left: 0;
                top: auto;
                  bottom: -40px;
              
              }
              .events .img-thumbnail{ width: 100%;}
              
              
              /* The colour of the indicators */
              .blog .carousel-indicators li {
                  background: #a3a3a3;
                  border-radius: 50%;
                  width: 8px;
                  height: 8px;
              }
              
              .blog .carousel-indicators .active {
              background: #707070;
              }

 /****************Animated CSS*********************/
 /* Zoom Out #1 */
.hover03 img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .8s ease-in-out;
}
.hover03:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.infra_tbl, td{
    border-collapse: collapse;
	border: 1px solid #333;
}
.infra_tbl td p{
    margin:5px 15px; 
}
.affiliation_tbl td{
    padding:7px 15px; 
}
.affiliation_tbl{
    border-collapse: collapse;
	border: 1px solid #333;
}
.affiliation_tbl td{ 
	border: 1px solid #333;
}
td.nobdr{ 
	border-right: 1px solid #333 !important;
	border-left: 1px solid #333 !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}
.m20{
margin:0px 0px 20px 0px;
}