@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i');

body { margin:0;padding:0; font-family: 'Rubik', sans-serif; height:100%; width:100%; font-size:14px; text-align:justify; color:#333333; }
html{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;}
*{outline:none;}img{border:none;}a{text-decoration:none; }
html { -webkit-text-size-adjust: 100%;}
ul,ol,p{margin:0;padding:0;list-style:none;}
*,:before,:after{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;}
body,html{width:100%;height:100%;margin:0;padding:0; }
img { max-width:100%;}
.header-box { width:100%; float:left; position:relative; z-index:9;}
.header-in { width:100%; max-width:1140px; margin:0px auto; position:relative}
.mainNav { width:100%; float:left; background:#282c80}
.caption {position: absolute;z-index: 99;bottom: 80px; width:100%; text-align:center }
.cap-text{ color:#fff; text-transform:uppercase; font-size:22px; background: url(../images/icon-bg-rpt.png); padding:5px 10px; background: rgba(40, 44, 128, 0.85); float:left; margin-left:10%}
#slider1 ul li.flex-active-slide .cap-text {-webkit-animation-delay: .4s;animation-delay: .4s;-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}
#slider1 ul li .cap-text {-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;color: #fff;position: relative; }
#homephotog_LBPhoto { overflow:hidden}

#slider1 .flex-direction-nav a.flex-next:before,#slider1 .flex-direction-nav a:before{ display:none }
#slider1 .flex-direction-nav .flex-next{ cursor: pointer;background: url(../images/next1.png) center center no-repeat #01315b;float: left;opacity: 1;visibility: hidden; right:20px;}
#slider1 .flex-direction-nav .flex-prev { cursor: pointer;background: url(../images/prev1.png) center center no-repeat #01315b;float: left;opacity: 1;visibility: hidden; left:20px}
#slider1:hover > .flex-direction-nav .flex-next{ visibility:visible; right:10px;}
#slider1:hover > .flex-direction-nav .flex-prev { visibility:visible; left:10px;}
 @keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}
 
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}
#slider1 { width:100%; float:left; overflow:hidden}
 .slider-box { float:left; width:100%; position:relative;}
.tabs1 {    position: absolute;
    top: 25px;
    z-index: 8;
    right: 2%;
    max-width: 220px;}
    .tabs1 a { margin:5px 0px;    }
#slider1 ul li img { width:100%; }
.school-name { position:absolute; float:right; top:3px;}
.school-name .s-logo { float:left;  }
.school-name .s-name { margin: 23px 0px 0px 20px;     display: inline-block;}
.school-name a { display:inline-block;    }
.logoMobile { display:none;} 
ul.social_icon {  margin-top:31px; float:right;     min-height: 49px; }
ul.social_icon li { display:inline-block; margin:0px 4px;   position:relative; z-index:9;  }
ul.social_icon li a { background:url(../images/socialIcon.png) ; height:20px; width:22px; display:block;   background-repeat: no-repeat;       }
ul.social_icon li .facebook {background-position: 6px 1px;}
ul.social_icon li .twitter {background-position: -25px 1px;}
ul.social_icon li .googleicon {background-position: -58px 1px;}
ul.social_icon li .inicon {background-position: -94px 1px;}
ul.social_icon li .youtube {background-position: -131px 1px;}
ul.social_icon li .facebook:hover {  background-position: 6px -24px;}
ul.social_icon li .twitter:hover { background-position: -25px -24px;   }
ul.social_icon li .googleicon:hover {  background-position: -58px -24px;  }
ul.social_icon li .inicon:hover {  background-position: -94px -24px;  }
ul.social_icon li .youtube:hover {  background-position: -131px -24px;  }

.boxin { width:100%; max-width:1140px; margin:0px auto; }
.mid_box{width: 100%; float: left; margin-top:-4px;   }
.news-box { width:100%; float:left;  position:relative; background:#282c80; min-height:73px; overflow:hidden  }
.news-box:after { content:""; height:100%; background:#2ac3e9; left:0;width:20%; float:left; position:absolute; top:0px;  }
.news-in { width:100%; max-width:1140px; margin:0px auto;position: relative;z-index: 1;  }
.noticeH { display: inline-block;
    text-align: center;
    float: left;
    background: #2ac3e9;
    height: 73px;
    padding-right: 15px;}
.noticeH h1 { color:#282c80; font-size:18px;    text-transform:uppercase; font-weight: 500;     margin: 24px 0px 0px 0px;  }
.noticeH span { color:#fff;    }
.hwhite { font-size:34px; font-family: 'Rubik', sans-serif; margin:0px; text-align:left; font-weight: 500;padding-bottom: 3px;}

a.news-rm {color:#fff;font-size:14px;text-transform:uppercase;background: url(../images/rm-arrow.png) 93px 16px no-repeat #2AC3EA;position:absolute;right:0;width: 127px;height: 40px;/* text-align:center; */border-radius: 20px;line-height: 43px;top:16px;padding-left: 22px;}
a.news-rm:hover{ color:#282c80;background:url(../images/rm-arrowh.png) 93px 16px no-repeat #fff}
 
.w-line { background:url(../images/wline.png) bottom left no-repeat;}
.b-line {background: url(../images/bline.png) bottom left no-repeat;}
.m-line {background: url(../images/bline.png) bottom left repeat-x; display:inline-block; padding-bottom: 10px;}
.color1 {    color: #2ac3e9; }
.color2 { color:#282c80 }
.color3 { color:#fff;}
.notice-sld { width:100%; max-width:762px;     display: inline-block; position: relative;     margin-left: 45px;  }
 
#newnotice_lblnoticedownloads {width: 100%;float: left;overflow: hidden; margin-top:17px;}
#newnotice_lblnoticedownloads ul li {display: inline-block; padding:0px 30px;}
#newnotice_lblnoticedownloads ul .active{ background:url(../images/newsline.jpg) 100% 0px no-repeat;}
.date_sec { display:none;}
.event_text {display: inline; color: #fff;}
.event_text a { color:#fff;    }
.notice_span { margin-bottom:5px;}
.notice_span b { color:#2ac3e9; font-weight:400    }
.next-n1,.previous-n1 { cursor:pointer; position:absolute;  z-index: 9;top: 30px;}
.next-n1 { right: -10px;}
.previous-n1 { left:-10px;}
.aboutus { text-align:center; width:100%; float:left; margin-top:53px; }
.about_txt { max-width: 552px;display: inline-block;float: left;  text-align: justify;}
.about_txt p{margin:22px 0px;     line-height: 25px;}
.about-img { float:right; margin-top: -34px;}

a.readmore {color:#fff;font-size:14px;text-transform:uppercase;background: url(../images/rm-arrow.png) 86% 14px no-repeat #282c80;width: 144px;height: 40px;text-align: left;border-radius: 25px;line-height:40px;float: left;padding-left: 25px; margin-top:-45px;}
a.readmore:hover{ color:#282c80;background:url(../images/rm-arrowh.png) 86% 14px no-repeat #2ac3e9}
 

a.readmore1 {color:#fff;font-size:14px;text-transform:uppercase;background: url(../images/rm-arrow.png) 86% 14px no-repeat #2ac3e9;width: 144px;height: 40px;text-align: left;border-radius: 25px;line-height:40px;float: left;padding-left: 25px; margin-top:13px;}
a.readmore1:hover{ color:#282c80;background:url(../images/rm-arrowh.png) 86% 14px no-repeat #fff}
 
a.readmore2 {color:#fff;font-size:14px;text-transform:uppercase;background: url(../images/rm-arrow.png) 86% 14px no-repeat #2ac3e9;width: 144px;height: 40px;text-align: left;border-radius: 25px;line-height:40px;float: left;padding-left: 25px;}
a.readmore2:hover{ color:#fff;background:url(../images/rm-arrow.png) 86% 14px no-repeat #282c80}
 


 
.row1,#msgslide{ width:100%; float:left }
 
.mary-ward { width:100%; float:left; position:relative; margin-top:56px; background:url(../images/founder-img.jpg) top center no-repeat; min-height:401px; margin-bottom:60px; background-size:cover }
.mary-ward-img { float:left; font-size:18px; color:#fff; white-space:nowrap; margin-top:45px; text-align:center; width:100%; max-width:292px;}
.mary-ward-text { width:100%; float:right; max-width:766px; color:#fff; margin-top:52px;}
.mary-ward-text p { margin: 22px 0px;    line-height: 25px;  }
 
.custom-navigation { position:absolute; right:0px; z-index:9; top:3px; }
.custom-navigation a {  padding: 12px 16px 11px 17px;cursor:pointer; background:#282c80; float:left;  }
.custom-navigation a:hover {  background:#dedee0;   }
.custom-navigation .flex-prev { margin-right:15px;    }
.msg_box { width:100%; max-width:1140px; margin:0px auto; position:relative;   }
.msg-img { float:left; margin-right:40px;}
.msg-text {    display: inline-block;    max-width: 550px; width:100%; color:#505050;}
.msg-text p{margin: 18px 0px;    line-height: 25px;}
.msg-text p b { font-size:16px; font-weight:500    }
.msg-text .p-name { color:#2ac3e9; font-size:18px; font-weight:500; margin: 15px 0px 0px 0px;}
.msg-text .p-profile { font-size:14px; color:#282c80; margin:0; line-height: 20px;}
.msg-text .m-0 { margin:0;    }

.icon-bg { background:url(../images/icon-bg.jpg) top center no-repeat; min-height:401px; margin-top:56px; background-size:cover}

.bigIcons { width:100%;  text-align:center; max-width:1140px; margin:0px auto;}
.bigIcons ul{    margin-left: -30px;}
.bigIcons .hwhite { margin:46px 0px 38px 0px;}
.bigIcons ul li { display:inline-block; margin:0px 15px;}
     
.bigIcons ul li a { width:195px; height:195px; display:block;  color:#fff;font-size:18px; background:url(../images/icon-bg-rpt.png); border:8px solid transparent;   }
.bigIcons ul li a span { width:121px; height:121px; display:inline-block;}
 
.bigIcons ul li a.alumni span{background-image:url(../images/alumni.png); background-position: center center; background-repeat:no-repeat;   }
.bigIcons ul li a.calendar span { background-image:url(../images/calendar.png); background-position: center center; background-repeat:no-repeat;  }
.bigIcons ul li a.e-care span{background-image:url(../images/ecare.png); background-position: center center; background-repeat:no-repeat;}
.bigIcons ul li a.v-tour span{background-image:url(../images/v-tour.png); background-position: center center; background-repeat:no-repeat;  }
.bigIcons ul li a.kids-c span{background-image:url(../images/kids-corner.png); background-position: center center; background-repeat:no-repeat;  }
.bigIcons ul li a:hover { /*border-radius:50%;*/  transition: all 0.1s ease-in-out;  border:8px solid #282c80; color:#282c80 }
 
 

.tpr-slider { margin-bottom:60px;}
.topper_box { float:left; width:100%; max-width:656px;        background: url(../images/topper-bg.png) 0px 100px no-repeat;}
.bdy_box { text-align:center;  float:right; background: url(../images/bdy-bg.png) 0px 171px no-repeat;  width:404px;}
.topperIn .theading { font-size:20px; color:#282c80; margin:34px 0px 25px 0px; text-align:center;font-weight: 500;}
.topperIn{ float: right; width:100%;   text-transform:capitalize}
.topperIn h1 { margin-top:52px;    }
.topper_x,.topper_xii { width:100%; max-width:292px; float:left}
.topper_xii {float:right;}
.topperIn .slides li {height:257px; overflow:hidden; text-align:center  }
.topperIn .flex-direction-nav a.flex-next:before,.topperIn .flex-direction-nav a:before{ display:none }
.topperIn .flex-direction-nav .flex-next{ cursor: pointer;background: url(../images/next1.png) center center no-repeat #282c80;float: right;opacity:1;visibility: visible; right: -52px;}
.topperIn .flex-direction-nav .flex-prev { cursor: pointer;background: url(../images/prev1.png) center center no-repeat #282c80;float: left;opacity:1;visibility: visible; left: -52px;}
.topperIn .flexslider:hover .flex-direction-nav .flex-next { right:-52px; opacity:1; }
.topperIn .flexslider:hover .flex-direction-nav .flex-prev { left:-52px; opacity:1; }
.topperIn .flexslider .flex-direction-nav .flex-next:hover {  background: url(../images/next1.png) center center no-repeat #dedee0;}
.topperIn .flexslider .flex-direction-nav .flex-prev:hover {  background: url(../images/prev1.png) center center no-repeat #dedee0;}
.topperIn .flex-direction-nav a {    top: 37%;}
.topperIn .flexslider { max-width:200px; margin:0px auto; }
.topperIn .flexslider .slides img { margin-bottom:13px; border:14px solid #fff; box-shadow: 0px 2px 23px 0px rgba(177, 177, 177, 0.21); }
.topperIn .pg-rmore a.readmore1 { margin-top:18px; }
.tpr-rmore { width:100%; float:left; text-align:center }
.bdyIn { float:left}
.tpr-year { font-size:16px; color:#505050; margin-top:17px;}
.topperIn a.readmore2 { width:127px;float: none;    display: inline-block;}
.topperIn .slides li .t_name1 { font-size:18px; color:#363636}
.topperIn .slides li .t_class1 { font-size:18px; color:#4198d0}
.photogallery { background:url(./images/pg-bg.jpg) top center no-repeat; min-height:486px; margin-bottom:40px;background-size:cover}
.photogallery .hwhite { margin:33px 0px 0px 0px;}
.rslider,.pgsld { width:100%; float:left;}
    .rslider ul li a { display:block; max-height:245px; overflow:hidden;    }
.custom-navigation1 { width:100%; position:relative; text-align:right; float:left; z-index:9; top:-36px;}
.custom-navigation1 a {  padding: 12px 16px 11px 17px;cursor:pointer; background:#2ac3e9; display: inline-block;  }
.custom-navigation1 a:hover {  background:#dedee0;   }
.custom-navigation1 .flex-prev { margin-right:15px;    }
.gleft { float:left; color: #fff;margin-top: 10px;}
.pg-rmore { float:right}
.Grydate { float:left; height:50px; width:50px; margin-right:20px; background:#2ac3e9;  text-align: center; line-height: 13px;padding-top: 6px;}
.Grydate b { font-size:24px;    }
.Grydate span { font-size:12px;    }
.footerMain { width:100%; max-width:1140px; margin:0px auto; text-align: center;}
.quickLink { float:left; text-align:left }
.quickLink ul li { font-size:22px; color:#282c80; font-weight:500;     margin-bottom: 6px; }
.quickLink ul li a {   color:#505050; font-size:14px;  font-weight: normal;}
.download-app { display:inline-block; width:100%; max-width:603px; }
.download-app h3{ color:#282c80; font-size:22px; font-weight:500; margin:0;}
.download-app ul { margin:14px 0px 10px 0px;    }
.download-app ul li { display:inline-block;    }
.app-text{ font-size:14px; color:#505050; line-height:24px;}
.enter-sc { text-transform: uppercase; color:#282c80; font-size:16px; font-weight:500; margin: 20px 0px; }
.school-code { width: 167px;height: 40px;background: #2ac3e9;color: #fff;font-size: 18px;display: inline-block;border-radius: 20px;line-height: 40px;font-weight: 500;}
.mobile-app { float:right; overflow:hidden; height:357px; margin-top:3px;}
.footer { background:#282c80; min-height:77px; text-align:center; padding-top: 30px; color:#fff;margin-top: 1%;}
.footer-left { float: left;line-height: 26px;width: 6%;margin-top: -2%;}
.footer-right { float:right; line-height: 26px;margin-top: -2%; }
.galler_heading { display:none }
.photo_conte { font-size:18px; font-weight:500; white-space: nowrap; }
.photo_conte .atitle{ display:block; font-weight: 200;}
.pgsld a.readmore1 { width:127px; }
#headtitle .color2 { color:#2ac3e9}
.master-heading { text-align:center;     color: #282c80; font-size:32px;   margin: 35px 0px 20px 0px;padding-bottom: 10px; font-weight:500}
.master-in { width:100%; max-width:1140px; margin:0px auto; padding: 0px 10px;}

.accordionHeader_Y{color: #fff;background: #0190c8 url(../images/ajax-arrow1.png) 99% center no-repeat; padding: 5px 10px 5px 10px;cursor: pointer;text-transform: uppercase;font-weight: 500; margin-top:10px;}
.accordionHeaderSelected{color: #fff;background: #282c80 url(../images/ajax-arrow.png) 99% center no-repeat;padding: 5px 10px 5px 10px;cursor: pointer;text-transform: uppercase;font-weight: 500;margin-top:10px;}      
.accordionContent_Y {background-color: #fff;padding: 25px;padding-top: 22px;border: 1px solid #282c80;}

.master-text { width:100%; float:left; min-height:600px; padding-bottom:20px; color: #000; line-height:25px; min-height:80vh}
.master-text img { max-width:100%;    }
.master-text p { margin-bottom:20px;    }
    .master-text strong, .master-text b {font-weight:500    }
.inner_page_banner { margin-bottom:20px; width:100%; float:left; text-align:center}
.inner_page_banner img{  border: 14px solid #fff; box-shadow: 0px 2px 23px 0px rgba(177, 177, 177, 0.21);}
.rightSlider { width:50%; float:right; padding-left:30px;  }
#innerSlider ul li .caption1{position: absolute;bottom: 0;background: #2ac3e9;width: 100%;padding: 2px 10px;color: #fff;}

ul.innerUl li { margin-bottom:6px; line-height:23px; background:url(../images/bullet.png) 0px 6px no-repeat; padding-left:15px;}
.cls_h { margin:0;  color:#282c80; font-size:18px; margin-bottom:10px;}
.sub-heading {color:#282c80; font-weight:500;     margin-top: 10px; text-transform: uppercase;}

.innerTbl { width:100%; border-collapse:collapse; margin-bottom:15px;  }
.innerTbl tr td,.innerTbl tr th { border: 1px solid #1bacd0;padding: 3px 5px;  }
.innerTbl tr:first-child { background: #2ac3e9;text-align: center;color: #fff;} 
.innerTbl tr:nth-child(even) { background: #efefef;    }

.mst_imag {float: right; margin: 0px 0px 0px 10px;}


/*vsms start*/
.vsmsTbl { width:100%; float:left;text-align:center;  } 
.vsmsTbl li{width: 100%;display: inline-block;text-align: left;max-width: 33.33%;  padding:10px; font-size: 15px; float:left; }
audio.vsmsAudio { width:100%; max-width:100%;}
.vsmsIn {float:left; width:100%; padding:10px;}
.vsmsMM{background: #e8e8e8; position: relative; overflow:hidden;}
.vsmsMM,.vsmsM {float:left; width:100%; }

#marquee {overflow: hidden;white-space: nowrap; float:left; margin-top:10px; display:none}
#marquee img { max-height:400px; max-width:none; margin:0px -3px; }


/*.tab {float: left;width: 100%;max-width: 20%;}
.tab li {cursor: pointer;cursor: pointer;background: #282c80;margin-bottom: 2px;color: #fff;padding: 5px 10px;}
.tab li.flex-active {background: #2ac3e9;}
#infra {float: right;width: 100%;max-width: 77%;margin-top: -15px;}
#infra .tab_content li {display: inline-block;position: relative;float: left;margin: 15px;}
#infra .tab_content li a {height: 183px;overflow: hidden;display: block;}
.pPlayBtn {top: 0;right: 0;bottom: 0;left: 0;display: block;opacity: 0;background: rgba(0, 0, 0, 0.72);background-repeat: no-repeat;position: absolute;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;text-align: center;}
.gLink:hover .pPlayBtn {opacity: 1;}
.pPlayBtn img {position: relative;top: 50%;margin-top: -20px;}*/
   .infraimg { width:100%; float:left; text-align:center        }
            .infraimg li { display:inline-block;   margin: 6px;         }
          .infraimg li .pPlayBtn { display:none        }
ul.innerUl2 li { margin-bottom:6px;  }

.slideInLeft{-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: slideInLeft;animation-name: slideInLeft; }
.slideInRight{-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: slideInRight;animation-name: slideInRight; }


@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        transform: translateZ(0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}


@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        transform: translateZ(0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

.maryward { float:left; text-align:center; color:#282c80; font-size:16px; font-weight:500;    margin-right: 20px;}

 
.msg-img img{ padding:10px; background: linear-gradient(to bottom, #33ccff 0%, #1b207b 100%); }

.topperIn .flexslider .slides img,.tprimg img,.classPhotos li img { background:linear-gradient(to bottom, #33ccff 0%, #1b207b 100%);  padding:10px; border:0; }

.bdyslider { position:relative}

.pledge1 {
    float: left;
    background: url(../images/pledge.png) 6px 6px no-repeat #ffffff;
    padding: 10px 10px 10px 55px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 25px;
    width: 120px;
    text-align: center;
    margin-top: -7px;
    /* margin-left: -50%; */
    margin-right: 82px;
    border: 2px solid #282c80;
    color: #282c80;
    font-weight: 500;
}
.pledge1:hover {  background: url(../images/pledge.png) 6px 6px no-repeat #eaeaea;
}

.back-to-top{position: fixed;bottom: 12px;right: 10px;display: none;height: 44px;width:44px;background: url(../images/top1.png) no-repeat;transition: all 0.5s ease 0s; z-index:999;}


.mag_view a { color:#343434; display:block; min-height:50px;line-height: 40px;
    text-align: right;}
    .mag_view a:hover { opacity:0.8    }
.magazine li .mag_view img { float:right;}
.magazine li .left_detail { margin-top:25px;}