@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
body { margin:0; padding:0; font-family: 'Roboto', sans-serif; color:#333333;}
html{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
*,:after,:before { box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box;}
*{outline:none; color:#333333;}
img{border:none;}
a,a:hover{text-decoration:none; }
#menu a:hover {color: #fcfdff; text-decoration: none;}


.wrapper{ width:100%; margin:0 auto; padding:0; max-width:1500px; }

.intro{ height:100%; width:100%; position:relative; -webkit-animation-duration: 2s; animation-duration: 2s;  -webkit-animation-delay: 2s; animation-delay: 2s;}


.intoLogo {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  max-width: 500px;
    width: 100%; text-align:center; height:100vh;
}
.intoLogoBlock {position: absolute;transform: translateY(-50%);
    top: 50%; text-align:center; margin:auto;}
.intoLogoBlock a { display:block;}
.intoLogo img{ margin:0 auto; padding:0; position:relative; text-align:center;}
.scrollDown{width: 38px;height:75px;margin:0 auto;position:absolute;bottom: 0px;right:0;left:0;cursor:pointer;}


.panorama_slider { width: 100%; float: left; position: relative;  z-index: -1; height:100vh; overflow:hidden;}
#panorma_slider .flex-control-nav{ display:none;}
#marquee{ float:left; white-space:nowrap; overflow:hidden;}
#marquee img{ margin:0px -3px; height:100vh;}

.fixNav .edu-navbar{padding:10px 0;background:#fff;z-index:1000;transition:.5s ease;box-shadow:0 0 50px 0 rgba(0,0,0,0.15);transition:all .3s ease-in-out}
#menu{width:100%}
.header-body{position:absolute;width:100%}
.header-body .edu-navbar{padding:20px 0;margin-bottom:0;background:transparent;border-radius:0;z-index:10}
.header-body .edu-navbar .edu-nav{padding-right:0}
.edu-nav li{margin-left: 12px;position:relative}
.edu-nav li.active a{color:#22adfe}
.edu-nav li a:before{background:#22adfe;height:2px;width:100%;bottom:0;left:0;content:"";position:absolute;width:100%;visibility:hidden;opacity:0}
.edu-nav li.active a:before,.edu-nav li:hover a::before,.edu-nav li:focus a::before{visibility:visible;opacity:1;background:#22adfe;height:2px;width:100%;bottom:0;left:0;content:"";position:absolute;width:100%}
.edu-nav .nav li.active a:before{width:100%;opacity:1;visibility:visible}
.edu-nav li ul.dropdown{box-shadow:0 1px 5px -1px rgba(0,0,0,0.3);transition:all .3s ease-in-out;padding:15px 0;min-width:225px;background:#fff;left:0;position:absolute;top:100%;z-index:999;transition:all ease-in-out .3s;transform-origin:0 0 0;position:absolute;text-align:left;visibility:hidden;opacity:0;max-height:0;visibility:hidden;padding:0 0;opacity:0;transition:all .5s ease-in-out;border-top:3px solid #22adfe}
.edu-nav li ul.dropdown li:first-child{background:#fff}
.edu-nav li ul.dropdown li{margin:0}
.edu-nav li ul.dropdown li:last-child{border-bottom:0}
.edu-nav li ul.dropdown li a{font-size:14px;text-transform:none;font-weight:400;display:block;padding:10px 30px;margin-bottom:0;color:#333;transition:all ease-in-out .3s;margin-left:0;padding:10px 30px 12px}
.edu-nav li a{font-family:"Open Sans",sans-serif;font-weight:700;color:#fff;text-transform:uppercase;font-size: 12px;padding:14px 0;margin-bottom:15px;position:relative;text-decoration:none;white-space: nowrap;}
.edu-nav li:hover ul.dropdown{opacity:1;visibility:visible;max-height:1000%;padding:0;transition:all .5s ease-in-out}
.edu-nav li a{padding:23px 0;margin-bottom:-3px;}
.edu-nav li>a{display: block;}

.edu-nav li ul.dropdown li .dropdown-list_2{box-shadow:0 1px 5px -1px rgba(0,0,0,0.3);transition:all .3s ease-in-out;padding:15px 0;min-width:225px;background:#fff;left:225px;position:absolute;top:0;z-index:999;transition:all ease-in-out .3s;transform-origin:0 0 0;position:absolute;text-align:left;opacity:0;visibility:hidden}
.edu-nav li ul.dropdown li a .fa-angle-right{color:#000;float:right;font-size:20px}
.edu-nav li ul.dropdown .dropdown-list-box-02{position:relative}
.edu-nav li ul.dropdown li .dropdown-list_2 .dropdown-list-box-03{position:relative}
.edu-nav li ul.dropdown li .dropdown-list_2 .dropdown-list_3{max-height:0;visibility:hidden;padding:0;opacity:0;transition:all .5s ease-in-out}
.sticky-top .edu-navbar .edu-nav li a:before{margin:0px 0}
.edu-navbar .edu-nav li ul.dropdown{margin-top:1px}
.edu-nav li ul.dropdown li .dropdown-list_2 .dropdown-list-box-03:hover .dropdown-list_3{opacity:1;visibility:visible;max-height:1000%;transition:all .5s ease-in-out;padding:0}
.edu-nav li ul.dropdown li .dropdown-list_2{max-height:0;visibility:hidden;padding:0;opacity:0;transition:all .5s ease-in-out}
.edu-nav li ul.dropdown .dropdown-list-box-02:hover .dropdown-list_2{opacity:1;visibility:visible;max-height:1500%; transition:all .5s ease-in-out; padding:0}
.edu-nav li ul.dropdown::before{position:absolute; top:0; left:20px; height:10px; width:10px; background:#22adfe; transform:rotate(45deg); content:""; transition:all .5s ease-in-out}

.edu-nav li:hover ul.dropdown::before {
    visibility: visible;
    top: -8px;
}

.edu-navbar .edu-nav li ul.dropdown li a:hover {
    margin-left: 0px;
    background: #22adfe;
    color: #ffffff;
}
.dropdown li a:before { display:none;
}


/* is sticky start*/

/*.is-sticky .navbar a {color:blue}
.is-sticky .edu-navbar{padding:20px 0;background:#fff;z-index:1000;transition:.5s ease;box-shadow:0 0 50px 0 rgba(0,0,0,0.15);transition:all .3s ease-in-out}
.is-sticky .edu-navbar .edu-nav  li a{color:yellow}
.is-sticky .edu-navbar .edu-nav  li .dropdown li a{color:red}
.is-sticky .edu-navbar .edu-nav li.active a,.is-sticky .edu-navbar .edu-nav .nav li:hover a,.is-sticky .edu-navbar .edu-nav li:focus a{color:green}*/


/*is stiky close*/

 .slider-btn-left {
	    margin-right: 10px;
	    color: #333333;
	    border: 1px solid #22adfe;
	    background: #22adfe;
	}

.tp-leftarrow {
	    background: url("../images/index/arror_left.png") no-repeat center center/cover;
	    border-radius: 100%;
	    height: 72px;
	    width: 72px;
	    transition: all 0.3s ease-in-out;
	}
.tp-leftarrow:hover {
    background: url(../images/index/arror_left_hover.png) no-repeat center center/cover;
    border-radius: 100%;
}

.tparrows.tp-leftarrow::before {
    content: "";
}

.tp-rightarrow {
	    background: url("../images/index/arror_right.png") no-repeat center center/cover;
	    border-radius: 100%;
	    height: 72px;
	    width: 72px;
	    transition: all 0.3s ease-in-out;
	}


 .tp-rightarrow:hover {
	    background: url("../images/index/arror_right_hover.png") no-repeat center center/cover;
	    border-radius: 100%;
	}

.tparrows.tp-rightarrow::before { content: "";}



	





.el-btn-regular {
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 0px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out !important;
}

.slider-btn-left {
    margin-right: 10px;
    color: #fff;
    border: 1px solid #22adfe;
    background: #22adfe;
}

.el-btn-regular:hover {
    background: #22adfe;
    border: 1px solid #22adfe;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

/*.rev_slider_wrapper { position:absolute;}*/
.navbar {padding:0;}
    
.hideTopDottedBorder:after { height: 5px; content: ""; background: #e8dada;  width: 100%;  top: 0;    position: absolute;  z-index: 999999; }


/*#newsNotic li { height:150px;
}*/

.noticRowContaner { position: absolute; top: 50%; /* left: 50%; */  transform: translateY(-50%);  max-width: 1120px; width:100%;}
.news-in {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
    margin-top: 46px;
    left: 0px;
}

.newNoticWrap { position:relative; clear:both;  overflow:hidden; margin-bottom:50px;
}
    .hideTopDottedBorder:after { height: 5px; content: ""; background: #e8dada;  width: 100%;  top: 0;    position: absolute;  z-index: 999999; }


/*#newsNotic li { height:150px;
}*/

.noticRowContaner { position: absolute; top: 50%; /* left: 50%; */  transform: translateY(-50%);  max-width: 1120px; width:100%;}
.nnContaner {margin-top: -86px;  box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);  position: relative;  background: #fff;   margin-bottom: 100px;}
.news-in { position: relative; width: 100%; max-width: 800px;  margin: 0px auto;  margin-top: 46px;  left: 0px;}
.nWrap {display: block !important; padding: 0px 0px 0px 50px; border-right: 1px solid #858585; }
.panel-2 { height:100% !important; float:left; width:100%; display:block; }
.newNotic { overflow:hidden; margin-left: -2px;}
.date_sec {width: 28px;  float: left; font: 600 16px/24px 'Roboto'; color:#1f253e; text-transform:uppercase;}
    .date_sec:after {content:"."; font: 600 16px/24px 'Roboto'; color:#1f253e; }
.notice_span { font: 600 25px/24px 'Roboto'; display: inline-block; margin: 0 25px 0 0; max-width: 80px;    text-align:center;  color:#363636;  float:left;}

.news_iconimg { display:none; width:99px; height:99px; float:left;  margin-right: 30px;}
.news_iconimg img{ float: left; max-width:99px; max-height:99px; /*border:1px solid red;*/}

.news_date, .news_month, .news_year { display:inline; color:#333333; font-weight:400;}
.eventHeadingDesc { display: block; float: left; width:calc(100% - 28px); overflow: hidden; padding-right:30px;}
.notice_spanDate {display:block; float:left; width:100%; font-size: 16px; font-weight: 400; text-transform: capitalize; padding:0 0 0 25px; font-weight:600; color:#1f253e;}
a.eventH1 {font: 600 16px/24px 'Roboto'; color:#1f253e; text-transform:uppercase;}
    a.eventH1:hover {color:#22adfe; }
span.eventH1 {width: calc(100%); display: block;  float: right;  position: relative;  top: 0px; font-size: 14px; font-weight:300; }
span.eventH1:hover {/*font: 500 20px/24px 'Roboto';*/color:#363636; cursor:grab;}
span#newnotice_lblnoticedownloads { display: block; margin-right: -2px;}

.w-sectionHeading { font:700 57px/57px 'Roboto'; text-align:center; height:57px;}
.w-sectionHeading span { display:inline-block; position:relative; }
.w-sectionHeading span:before {content: ""; width: 50%; height: 2px; position: absolute; background: inherit; text-align: center; bottom: -12px; left: 25%; background:#fff;}

.b-sectionHeading { font:700 57px/57px 'Roboto'; text-align:center; height: 57px;}
.b-sectionHeading span { display:inline-block; position:relative; }
.b-sectionHeading span:before {content: "";
    width: 50%;
    height: 2px;
    position: absolute;
    background: inherit;
    text-align: center;
    bottom: -12px;
    left: 25%;
    background:#2a4678;

}

.blueColor { color: #2b4779;}
.whiteColor { color:#fff;}
.h20 {font:600 20px/20px "Roboto"}
.h25 {font:900 25px/30px "Roboto"}
.h24 {font:600 24px/30px "Roboto"}
.f14 {font:400 14px/20px "Roboto"}
.f16 {font:300 16px/24px "Roboto"}
.f14 {font:400 14px/24px "Roboto"}
.h16 {font:900 16px/20px "Roboto"}

.bgWhite { background:#fff;}

.sectionPadding {padding: 100px 0;}

.aboutSchool {background:url(/images/aboutSchool.jpg) center no-repeat;  background-size: cover;}
.readMore { font:400 16px/15px 'Roboto'; display:inline-block; transition:all 0.3s ease-in-out; }
.readMore span {display:inline-block;margin-right:9px;  color:#686868; transition:all 0.3s ease-in-out;}
    
    .readMore:hover span { font-weight:500; transition:all 0.3s ease-in-out; }
    .readMore .fa:before { transition:all 0.3s ease-in-out; }
   .readMore:hover .fa:before { background: #22adfe;color: #fff; transition:all 0.3s ease-in-out; }

.viewAll { font: 400 16px/15px 'Roboto'; display: inline-block;  border: 1px solid #464646;  background:#f9f9f9; transition:all 0.3s ease-in-out;}
.viewAll span {display:inline-block; color:#686868; font-size: 12px; transition:all 0.3s ease-in-out;}
.viewAll:hover { border: 1px solid #22adfe;  background:#f9f9f9;}
.viewAll:hover span {color:#22adfe;  }
.gallerySection {background: url(/images/homePhotoGallerBg.png) center no-repeat; background-size: cover;}
#galley_slider .slick-next:before {content: url(/images/rightArrow1.png);}
#galley_slider .slick-prev:before {content: url(/images/leftArrow1.png);}
#galley_slider .slick-next:hover:before {content: url(/images/rightArrow1-h.png);}
#galley_slider .slick-prev:hover:before { content: url(/images/leftArrow1-h.png);}
#galley_slider .slick-prev {left:0;}
#galley_slider .slick-next { right: 0;}
.pGHome { width:100%; background:url(/images/photoGallery.png) left 5% bottom no-repeat; height:100%;}
.overlay {display:none;}
.photoGalleryConataner {position: absolute; top: 49%; /* left: 50%; */  transform: translateY(-50%);  max-width: 1120px; width:100%}
#homephotog_LBPhoto .Grydate {max-width: 100%; font-size: 18px; font-weight: 500; display:block; float: none; text-transform: uppercase; margin: 8px 0;}
#homephotog_LBPhoto .updyed { display:inline-block;margin-right: 4px; font-size: 18px;}
#homephotog_LBPhoto .galler_heading {font-size: 22px; font-weight: 600; text-align:center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top:0px;}
.photo_conte {display: none; margin: 0px 0 45px 0;}
#galley_slider { max-width: 1110px; }
.gimgCover { max-width:350px; width:100%; height:236px; overflow:hidden; text-align:center; background: #e6e6e6;}
.gimgCover img { max-width:350px; max-height:236px; }
.gimgLink {display:block;}
.gimgLink img {height: auto; transition: all 0.3s ease-in-out;}
.gimgLink:hover img { transform: scale(1.1);  transition: all 0.3s ease-in-out;}
#galley_slider .slick-list { margin: 0 40px 0 40px;}
#galley_slider .slick-prev:before, #galley_slider .slick-next:before {color: #bebebf;}
#galley_slider .slick-prev:after, #galley_slider .slick-next:after {border: 4px solid #bebebf;}
#homephotog_LBPhoto .Grydate {margin-bottom: 3rem; text-align: center;}
.panel { height:100vh!important;}

#galley_slider .slick-slide {
    margin: 0 10px;
  }
#galley_slider .slick-slide img {
    display: inline-block;
}
  /* the parent */
  /*#galley_slider .slick-list {
    margin: 0 12px;
  }*/

.managementSection { background:rgba(218, 218, 218, 0.5019607843137255); /*#f9f9f9;*/}
.cusShdow { box-shadow:0px 0px 5px #bebebf; }
.managementShadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: all 0.3s ease-in-out;  position: relative;}
.cusShdow:hover, .managementShadow:hover {  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); transition: all 0.3s ease-in-out;  }
.cusShdow * { transition: all 0.3s ease-in-out;}
.cusShdow:hover * { color:#22adfe; }
.topperBirthdaySection {background: url(/images/birthdayTopper.jpg) center no-repeat; background-size: cover;}

.toppers img , .top-img img, .yearTeachers img, .yearStudent img {/*width:121px; height:150px;*/ width: 136px; height: 159px; border:7px solid #1f253e; /*box-shadow:0px 0px 18px #dcd7d7;*/ margin:0 auto;
}
.sbirthday {max-width:280px; margin:0 auto;}
.topperName {font-size: 16px; font-weight: 600;  margin: 18px 0 5px 0;}
.topperPercent {font-size: 20px; font-weight: 600; min-height: 30px;    white-space: nowrap;}
.topperRow {width: 100%;height: 100%;position: relative;background: url(/images/topper.png) right bottom no-repeat;
}


.halfbg { background:#e6e6e6;}

.birthDayWrap { width:100%; max-width:362px; height:418px; margin: 0 auto; text-align: center; }
.birthDay-Wrap { width:100%; max-width:284px; height:418px; margin: 0 auto; text-align: center; }


.a{
    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(top,  #e6e6e6 0%, #e6e6e6 50%, #f6f6f6 50%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, top top, right top, color-stop(0%,#e6e6e6), color-stop(50%,#e6e6e6), color-stop(50%,#f6f6f6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 50%,#f6f6f6 50%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 50%,#f6f6f6 50%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 50%,#f6f6f6 50%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6e6e6 0%,#e6e6e6 50%,#f6f6f6 50%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
  -o-transition: background-color 1s;
      -webkit-transition: background-color 1s;
      -moz-transition: background-color 1s;
      -ms-transition: background-color 1s;
      transition: background-color 1s;   
   
}

.a:hover{
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, top top, right top, color-stop(0%,#fff), color-stop(50%,#fff), color-stop(50%,#f6f6f6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#fff 50%,#f6f6f6 50%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#fff 50%,#f6f6f6 50%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#fff 50%,#f6f6f6 50%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff 0%,#fff 50%,#f6f6f6 50%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
    
   
}

    .a:hover * { color:#22adfe; transition: all 0.3s ease-in-out; 
    }

.slick-arrow {z-index:3;}

 .toppers .slick-prev:before,  .yearStudent .slick-prev:before, .sbirthday .slick-prev:before{
  content: url('/images/leftArrow.png') ;
}
 .toppers .slick-next:before, .yearStudent .slick-next:before, .sbirthday .slick-next:before {
  content: url('/images/rightArrow.png') ;
}

 .toppers .slick-arrow,  .yearStudent .slick-arrow, .sbirthday .slick-arrow {position: absolute; top: 26%;}

 .topperBirthdaySection .slick-prev { left: 0px;}
 .topperBirthdaySection .slick-next { right: 0px;}

.tourCampus { width:100%;}
.tourCampusBg{ background:url('/images/tourCampus.jpg') center no-repeat; background-size:cover; }
.tourCampusContent {  margin:auto; padding:117px 0; text-align:center;}
.tourCampusContent a:hover { border-radius:100%; display:inline-block; box-shadow:0px 0px 20px rgb(251, 251, 251); transition:all 0.3s ease-in-out;}
.tourCampusBg:hover *{ color:#fff; transition:all 0.3s ease-in-out;}

.serviceBg {background:url('/images/serviceBg.jpg') center no-repeat; background-size: cover;}

.serviceIconList { list-style:none; padding:0; text-align:center; width: 100%;  max-width: 770px; margin: 0 auto;}
    .serviceIconList li { display:inline-block;   position:relative; }
.iconContainer {width:230px; height:230px; text-align:center; padding: 24% 0 0 0; cursor: pointer;}
.iconContainer:hover * {filter:drop-shadow(8px 8px 10px gray);   }
.borderimgRight:after { content:url(/images/serviceBorderRight.png); width:3px; height:100%; position:absolute; right:0;     bottom: 0px;}
 .borderImgBottom:before {content:url(/images/serviceBorderLeft.png); width:100%; height:3px; position:absolute; bottom:0; left: 0;}

.facilityBox *{ transition: all 0.3s ease-in-out;}
.facilityBox:hover {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);transition: all 0.3s ease-in-out; }
.facilityBox:hover img {filter: brightness(110%);transition: all 0.3s ease-in-out; transform: scale(1.01); }
.facilityBox:hover *{color:#22adfe; transition: all 0.3s ease-in-out;}

.todText {text-align:center; font-size:16px;  padding: 20px; font-weight: 500; position:relative;    margin: 0 auto;
    width: 80%;}
.todText:before { background:url(../images/todTextQl.png) no-repeat;
    content: "";
    height: 80px;
    position: absolute;
    top: -30px;
    width: 80px;
    left: -65px;

}
.todText:after { background: url(../images/todTextQr.png) no-repeat;
    content: "";
    height: 80px;
    position: absolute;
    right: -70px;
    width: 80px;    bottom: -37px;}
.todContaner { margin-top:50px;}
.pcolor { margin-top:50px;}
    .pcolor:after {content:  url(../images/todStar.png); width:100%; height:50px;    height: 50px;
    position: absolute;
    top: -30px;
    left: 0;
    }
    span.topperName.pcolor {
    display: block;
}
    .todImg.text-center.d-block {
    position: relative;
}
.footerSection { background:url(/images/footerBg.jpg);}
a.footerLink *{transition: all 0.1s ease-in-out;}
a.footerLink:hover {color: #22adfe !important; transition: all 0.1s ease-in-out; padding-left: 3px;}
a.footerLink:hover .footer-icon {color: #22adfe !important;     transition: all 0.1s ease-in-out;}
.footer-icon {padding-right: 6px; color:#fff;     transition: all 0.1s ease-in-out;}
.scode {width: 193px; height: 42px; line-height: 42px;}

.scText { width:32px; height:32px; background:#fff; float:left; text-align:center; vertical-align:middle; color:#1f253e; font:600 16px/32px 'Roboto'; border-radius: 100%;}

.back-to-top { position: fixed; bottom: 18px;  right: 0px;  display: none; height: 50px; width: 51px; transition: all .5s ease 0; opacity: 1 !important;  z-index: 99;}




#side-quick-links { position:fixed; right:0; top:40%; text-align:center; z-index:98; }
#side-quick-links ul { margin:0; padding:0; list-style:none; position:relative;  }
#side-quick-links li { position:absolute; right:-209px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; box-shadow: -2px 1px 1px #b9cdf1;  }
#side-quick-links li .content > a { width:40px; height:40px; line-height:40px !important; display:block; position:relative; z-index:5; opacity:1 !important; position:absolute; left:0px; top:0px;  }

#side-quick-links li.marker .content > a, 
#side-quick-links li.fee .content > a, 
#side-quick-links li.syllabus .content > a { background:#1e93d8; }
#side-quick-links li.watsapp .content > a, #side-quick-links li.call .content > a { background:#161b2f; }

#side-quick-links li>a { background:red;}
#side-quick-links li .content { background:red; }

#side-quick-links .fa { font-size:20px; color:#fff; line-height:40px; } 
#side-quick-links .content { height:40px; width:250px; text-align:middle; padding:0px 10px 0px 46px;  }
#side-quick-links li:hover .content { right:0;}
#side-quick-links li p { margin:0px; line-height:40px; text-align:left; }

#side-quick-links .syllabus  { top:0px; }
#side-quick-links .call  { top:40px; }
#side-quick-links .marker  { top:80px; }
#side-quick-links .watsapp  { top:120px; }
#side-quick-links .fee  { top:160px; }
#side-quick-links .onlineReg{ top:200px; }
#side-quick-links .call:hover,
#side-quick-links .watsapp:hover,
#side-quick-links .marker:hover, 
#side-quick-links .fee:hover, #side-quick-links .syllabus:hover, #side-quick-links .onlineReg:hover{ right:0px; } 

#side-quick-links .call .content, #side-quick-links .watsapp .content, #side-quick-links .onlineReg .content  { background-color:#1f253e;}

#side-quick-links .marker .content, #side-quick-links .fee .content, #side-quick-links .syllabus .content{ background-color:#22adfe; }
#side-quick-links a { font-size: 13px; line-height: 28px; color: #fff; text-decoration: none; font-weight: 500; opacity: 0.6; }
#side-quick-links :hover a { opacity: 1;}


#side-quick-links li.open {right:0px; }
#side-quick-links li.open .content {
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
    }
@-webkit-keyframes Gradient {
	0% {background-position: 0% 50%	}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

@-moz-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

@keyframes Gradient {
	0% {background-position: 0% 50%	}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

.opacity80 {filter: opacity(80%);}

/* Master Style here */
.masterHeadger {background:url(/images/masterBg.jpg) no-repeat top center;    /*background-size: 100% 23%;*/ background-size: contain;}
.masterPadding {}
.collepsHeader {display:block;}
.collepsHeader a {color:#fff; font-size:16px; font-weight:600; display:block; padding: .80rem 3rem;}
.collepsHeader a:hover, .pagelink:hover {color:#2a4678;    }

.gradeList li{background: url(/images/list-arrow.png) left top 7px no-repeat;  padding: 0 15px 15px 25px; width:48%;float: left;
}



.accordionHeader_Y{width: 100%;text-align: left;background: #2a4678 url(/images/arrow-accor-down.png) no-repeat 1% center;color: #fff;border: 1px solid #2a4678;margin: 8px 0px 0px 0px;font-size: 18px;padding: 10px 15px 10px 40px; box-sizing: border-box;cursor: pointer;text-transform: uppercase;}

.accordionHeaderSelected{width: 100%;text-align: left;background: #2a4678 url(/images/arrow-accor-up.png) no-repeat 1% center;color: #fff;border: 1px solid #2a4678;margin: 8px 0px 0px 0px;font-size: 18px;padding: 10px 15px 10px 40px;box-sizing: border-box;cursor: pointer;text-transform: uppercase;}

.thumb {max-width:250px;}

.modal-title {text-transform:uppercase;}

.acordianIcon > a {
  display: block;
  position: relative;
}
.acordianIcon > a:after {
  content: "\f067"; /* Plus icon */
  font-family: 'FontAwesome';
  position: absolute;
  left: 20px;
}
.acordianIcon > a[aria-expanded="true"]:after {
  content: "\f068"; /* minus icon */
  color: #2a4678;
}

.card-header a[aria-expanded="true"] {
      background-color: #d7d7d7;
    color: #363636;
}
.card-header a[aria-expanded="true"]:hover {
    background-color: #fff;
    color: #363636;
}
.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #2a4678;
    color: #fff;
    border-bottom: 1px solid #e4e7ea;
}

.collepsHeader a:hover {
    color: #fff;
}
.card-body { background: #fff;}
.table .thead-light th {
    color: #fff;
    background-color: #2a4678;
    border-color: #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
    /*background-color: #edeffe;*/
}
.table td, .table th {
    padding: 1rem;
}

.listArrowCir {list-style:none;}
.listArrowCir li {background: url(/images/listArrow.png) left top 4px no-repeat;  padding: 0 15px 15px 25px; text-align:justify; }

.full_for {
    width: 100%;
    text-align: center;
}
.full_for li {
    text-align: center;
    display: inline-block;
    margin: 4px 23px 32px 23px;
    vertical-align: top;
    width: 212px;
}
.full_for ul li img ,.mCommt tr td img{
    /*border: 1px solid #34437a;*/
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 10px #a09f9f;
}
.headB {
    border: 1px solid #002f59;
    margin-bottom: 50px;
    padding: 40px 0 40px 0;
}

.hdadBoy {
    background-color: #002f59;
    text-align: center;
    font-weight: bold;
    color: white;
    padding: 5px 15px 5px 15px;
    width:auto;
   display: inherit;
   margin: 0 auto;
   font-size: 1.2rem;
}

.mCommt { width: 100%;}
.mCommt tr td {
    text-align: center;
    vertical-align: top;
    padding-bottom:40px;
}
    
 ul.classPhotos { text-align:center        }
ul.classPhotos li {display: inline-block;  width: 335px; text-align: center;  margin: 0 0px 40px 0px;}
    ul.classPhotos li img {border:solid 10px #eeeeee;     box-shadow: 0px 0px 10px #737070;  }
    ul.classPhotos li a { display:block; }
        ul.classPhotos li a + center { margin-top:20px;  }
.objectPosition {object-position: 0 -80px;}
.imgCover {display: inline-block; overflow: hidden; max-height: 207px; vertical-align: bottom;}
.border10 {border:solid 10px #d7d7d7;}
.grayBg {background: #ebebeb;}

.songBg { background:url(/images/songBg.png) no-repeat center center;}