﻿

/*andrew css start*/
.an-logo {
    height:90px;
    object-fit: contain;
}

.red-bg {
     background: #DB2115;
}
.breadcrumb{
    width: 100%;
    margin: auto;
}

.tr {
    transform: skew(25deg,0deg);
}

.breadcrumb>li {
    padding: 5px 12px;
    transform: skew(-6deg,0deg);
}
    .breadcrumb > li >a {
        text-decoration:none;
        color:#fff;
        font-weight:500;
    }

.br-left {
    border-left:1px solid white;
}


.logo-name>a>img {
    padding-top:15px;
}
.logo-name > span {
    display:block;
    padding:10px;   
}
.logo-name > span>a {

    margin-top:5px;
    color:#000!important;
}


.count-icon {
    position: relative;
    top: 5px;
    right: 8px;
    color:#DB2115;
}
.cont>a {
    text-decoration:none;
    color:#000!important;
    font-size:16px;
    font-weight: 600;
}
.logo-name > p {
    background: #DB2115;
    font-size: 14px;
    font-family: 'Didact Gothic', sans-serif;
    padding: 2px 5px;
    color: #fff !important;
    border-radius: 2px;
    width:100%;
    text-align:center;
}
.nv-bg {
    background-color: #26136C;
}
.bl-txt {
    color:#26136C;
}

.hom {
    color: #fff!important;
    text-transform: uppercase;
    background: #DB2115;
    padding: 5px 10px;
    width: 40px;
    text-align: center;
    border-radius: 3px
}
 
.dropdown {
   padding: 5px 11px;
}

.dropdown:hover {
    background:#DB2115;
    border-top:1px solid #fff;
}

.dropdown>a{
    color: #fff;
    text-transform:capitalize;
    font-weight:500;
    letter-spacing:1px;
}

    .dropdown > a:hover {
         color: #fff;
    }


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #DB2115;
  color:#fff;
}

.dropdown:hover .dropdown-content {
  display: block;
  margin-top:5px;
}


.dropdown-tog::after {
      display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0.2em solid white;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
    position: absolute;
    top: 25px;
    right: 8px;

}

.sl-height {
    height:520px;
    object-fit:cover;
}

.cr-new {
    background: #DB2115;
    color: #fff;
    padding: 10px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    text-align: center;
    margin-top:13px;
}
.maq {
    color:#fff;
    margin-top:25px
}
.gyanshree {
   background: transparent linear-gradient(225deg, #FFFFFF 0%, #F3F8FD 34%, #C9E1F7 100%)0%0%no-repeat padding-box
}

.ind-bg {
   background-image: url(../images/in-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.red-text {
   color: #DB2115;
}
.nav-pills > li > a {
    color:#000
}
.nav-pills .nav-link.active{
    color: #fff;
    background-color: #253b80;
}

.lat-new {
    overflow:hidden;
    animation:new 8s infinite linear;
    animation-direction:alternate infinite;
    position:relative;
    z-index:-0
}
.news {
    overflow:hidden;
    height:300px;
}



@keyframes new {
    from {top:0px; }
      to {top:-200px; }
  /*  0% {-webkit-transform:rotate(0deg);
    }
    100% {-webkit-transform:rotate(-360deg);
    }*/
}


.latest-n > h3 {
    color:#253b80;
    font-size:18px;
}
.latest-n > p {
    font-size:14px;
}



.topper h2 {
    padding: 5px 10px;
    color: #9c9c9c;
    font-weight: 500;
    font-size: 30px;
}
    .topper h2 span {
        font-size:28px;
        color:#ca1512;
        font-weight:bold;
    }

    hr.bor {
    border-top: 4px double #e8dddd;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.top-im {
    background:#cf0004;
    border:3px solid #f6b421;
    border-bottom: none;
}
.st-nam {
    color: #fff;
    margin-top: -15px;
    text-align: center;
}

.stu-img{
    position: relative;
    bottom: 17px;
    left: 14px;
    width: 160px;
    border:2px solid #ca1512;
}



.sitemap-button {
    background: #fdb81f;
    padding: 4px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 8px rgba(253, 184, 31, 0.9) solid;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 5px 29px 0px rgb(0 0 0 / 19%);
    box-shadow: 0px 5px 29px 0px rgb(0 0 0 / 19%);
    outline: none;
}

.soc-link {
    width: 49px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: #fff;
    color: #cf0004;
    border-radius: 50px;
    font-size: 20px;
    float: left;
    margin-left: 5px;
    
}
    .soc-link a i {
         color: #cf0004;
    }

.enqr {
    display:inline-block
}
    .enqr li {
        float:left;
        padding:5px 10px;
          list-style:none;
    }
     .enqr li:first-child {
       list-style:none;
         padding:5px 0px;
    }
    .enqr li a {
       color:#fff;
       text-decoration:none;
    }
.shree-text {
    color:#000;
    text-align: justify;
}


.fot-acord li {
    list-style:none
}

.fot-acord li a {
    color:#fff;
    text-decoration:none;
    font-size:14px;
     text-transform:capitalize;
    
}

 .fot-acord li a b:first-child {
       color: #FDB81F!important;
    font-family: 'Roboto Slab', serif;
    font-size: 23px;
    font-weight: 500;
    text-transform:capitalize;
    }







.faci-bg {
        background-color: #f6f6f6;
}
    .section-title {
    text-align: center;
    padding: 25px 0px;
}
.section-title h2 {
    font-size: 38px;
    text-transform: capitalize;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 18px;
    color:#26136C;
}
    .section-title h2::before {
    position: absolute;
    left: 50%;
    content: "";
    width: 100px;
    height: 2px;
    background: #26136C;
    bottom: -1px;
    margin-left: -50px;
}

    .section-title h2::after {
    position: absolute;
    left: 50%;
    content: "";
    width: 100px;
    height: 2px;
    background: #26136C;
    bottom: -6px;
    margin-left: -63px;
}


    .single-event {
    margin-top: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
    .free {
    box-shadow: 2px 2px 2px 2px #eae6e6;
}
   .single-event:hover {
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
}
   .event-content {
    margin-top: 10px;
    padding: 14px;
}
.event-content h4 {
    font-size: 1.2rem;
}




.ev{
   background:none;
    border-bottom: none;
    background:0
}
.ev-img {
    position: relative;
    height:280px;
    width:100%;
}
.ev-txt {
    color: #000;
    /* margin-top: -15px; */
    text-align: center;
}
    .ev-txt h4 {
        color: #f6b421;
        font-size:20px;
        text-align:justify;
    }
    .ev-txt p {
          color: #fff;
           text-align:justify;
    }



 .fund{
   
  
    border-bottom: none;
}
.fund-img {
  
    height:215px;
}
.fund-txt {
    color: #fff;
    /* margin-top: -15px; */
    text-align: center;
}
    .fund-txt h4 {
        color: #f6b421;
    }
    .fund-txt p {
          color: #fff;
          text-align:justify;
    }


    .circular ul li {
    border-left: 4px solid #FECD0B;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px 10px;
    margin-bottom: 30px;
    color: #e5e5e5;
    list-style:none;
    font-size:14px;
}


    .rs-class-box {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #f8f8f8;
}
    .rs-class-box p{
        text-align:justify;
    }
   
    .rs-class-box:hover, .rs-pricing-1:hover {
    -webkit-box-shadow: 4px 5px 30px rgb(0 0 0 / 20%);
    -moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 5px 30px rgb(0 0 0 / 20%);
}

    .media-box {
    width: 100%;
    /* margin-bottom: 30px; */
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}
    .media-box img{
        height: 320px;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
     .media-box:hover  {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}
     .rs-class-box .title {
    font-size: 18px;
    font-family: "Pacifico", cursive;
    color: #FD4D40;
}


     .rs-class-box .detail {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
}
     .rs-class-box .age {
    background-color: #DB2115;
    color: #ffffff;
   
    text-align: center;
    font-size: 18px;
}
     .rs-class-box .size {
    background-color: #26136C;
    color: #ffffff;
   
    text-align: center;
    font-size: 18px;
}

.radius-bot {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.bt-border {
    border-bottom: solid 4px #3c3d41;
}

.add-fot {
    padding:0px;

}
    .add-fot li b {
         color: #fff;
    }
    .add-fot li {
        list-style:none;
            color:#fff;
    }


    /* contact-us css start*/
   .contact-add {
  
}
    .contact-add li {
        list-style:none;
    }
        .contact-add li span {
            color:#cf0307;
            font-size:19px;
        }
        .contact-add li p {
            color:#777;
            font-size:16px;
        }
            .contact-add li span i {
                color:#cf0307;
                font-size:22px;
                padding-right:10px;
            }
        .contact-add li b {
            font-family: 'Spectral', serif;
            font-weight:500;
             color:#000;
             font-size:20px;
        }
        .contact-add li:first-child {
            border-bottom:2px solid #03693c;
            padding: 15px 0px;
        }

    /*contact-us css end*/



    /*video gallery css start*/

.video-hed {
    color:#000;
    text-align:center;
    
}


     /*video gallery css end*/

  


     /*all gallery*/

.all-gal {
    width:100%;
    height:270px;
    object-fit: fill;
}


       /*all end*/



       /*vission css start*/
.abt-im {
    height: 364px;
    object-fit: cover;
    object-position: top;

}

.viss h2 {
    font-size:30px;
    color:#26136C;
    margin-bottom:0px;
}
.viss span {
    background-color: #26136C;
    width: 60px;
    display: inline-block;
    border: 2px solid #26136C;
}
.viss-text b {
    font-size:18px;
}
.viss-text p {
    color:#000;
    text-align:justify;

}
.manager {
    border: 5px solid #DB2115;
}

.txt-ind {
    padding-left:20px;
}

.dire {
    height: 245px;
    object-fit: fill;
}

.kd-pera {
    padding:10px 15px;
}
.bg-yel {
    background-color:yellow;
}
.bg-green {
    background-color:green;
}
.txt-yel {
    color:yellow;
}
.txt-shado {
    text-shadow: 3px 2px black;
}  

.toper-box {
    background: #cf0004;
    border: 3px solid #26136C;
   
}
    .toper-box img {
        width:100%;
        border:1px solid #fff;
        
    }

.bl-border-bottom {
    border-bottom:3px solid #26136C;
}



.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle {
    position: relative;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    margin: 0px auto;
}

.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item a {
    color: #333;
}

.ih-item.circle.effect3.left_to_right .img {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}

 


.ih-item.circle.effect3.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ih-item.circle.effect3.colored .info {
    background: rgba(0, 0, 137, 0.72);
}

.ih-item.circle.effect3 .info {
    background: rgba(0, 0, 137, 0.72);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
} 


.ih-item.circle.effect3 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    margin: 90px 35px 0px 13px;
    padding: 80px 0 0 0;
    height: 150px;
    text-shadow: 0 0 1px white, 0 1px 2px rgb(0 0 0 / 68%);
}

.ih-item.circle.effect3.left_to_right a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.ih-item.circle.effect3.colored .info {
    background: rgba(0, 0, 137, 0.72);
}

.ih-item.circle.effect3 .info {
    background: rgba(0, 0, 137, 0.72);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
 

.ih-item img {
    width: 100%;
    height: 100%;
}



.ih-item a:hover {
    text-decoration: none;
}
.ih-item a {
    color: #333;
}

.ih-item.circle.effect3.left_to_right a:hover .img {
    -webkit-transform: scale(0.5) translateX(100%);
    -moz-transform: scale(0.5) translateX(100%);
    -ms-transform: scale(0.5) translateX(100%);
    -o-transform: scale(0.5) translateX(100%);
    transform: scale(0.5) translateX(100%);
}
.ih-item.circle.effect3.left_to_right .img {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}
.ih-item.circle.effect3 .img {
    z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.circle .img {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
}

.Branch-Name {
    background: #000089;
    display: block;
    text-align: center;
    line-height: 22px;
    font-size: 21px;
    width: 79%;
    padding: 12px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px auto;
    color: #fff;
    text-shadow: 0px 0px 5px #000000bf;
    text-decoration: none;
    box-shadow: 2px 4px 7px #000000a1;
}


.bg-yl {
    background:#f2edb2 ;
}

.footer_comtent {
    color: #333;
    font-weight: bold;
    font-size: 18px;
}

.footer_text_right {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}
.footer_text_right a {
    color: #f00;
    text-decoration: none;
}


/* The Modal (background) */
.modal {
   /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */display:initial;

}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 37%;
 
}

/* The Close Button */
.close {
  color: #aaaaaa;
  /*float: right;*/
  font-size: 28px;
  font-weight: bold;
  text-align:end;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.righ-txt {
    text-align:right;
}
.pd {
    padding-top: 7px;
}
.socal {
    float: right;
    margin-top: 5px;
    display: inline-block;
}
.wd-im {
    width:100%;
}

/*@media css start*/
     

@media only screen and (max-width: 600px) {
    .an-logo {
    /*height:120px;
    width:200px;*/
    height: 93px;
    width: 80px;
}
    .lg {
        text-align:center;
    }
    .alif {
        margin:auto;
    }
    .righ-txt {
    text-align:center;
}
    .cont>a {
   
    font-size:18px;
}
.fot-logo {
        width:250px;
        height:250px;
    }
.logo-name>a>img {
    padding-top: 15px;
    width:90%;
   
}
    .logo-name {
        text-align:center;
    }

    .pd {
    padding-top: 0px;
}
    .pdb {
        padding-bottom: 15px;
    }
    .socal {
    margin-top: 15px;
    margin-left: 31px;
    float: left;
}

    .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height: auto;
}
    .breadcrumb {
        width:100%;
    }
    .breadcrumb li:nth-child(1), .breadcrumb li:nth-child(2) {
        display: none;
    }

}  

/*@media css end*/
