html, body{margin:0; font-family: 'Roboto Slab', serif; background:#fff; color:#7a7a7a; font-size:15px; line-height:25px;}

ul{margin:0;padding:0;list-style:none}

a{text-decoration:none;}

a:active,a:focus{/*border:0;*/outline:0}

p{margin:0;/*color:#8a8a8a;*/}

a,img{outline:0px;border:0px}

*{ margin:0px; padding:0px; box-sizing:border-box;}

img{ max-width:100%;}





img.zoomimg {

    border: 2px solid #a94747 !important;

}



.menu-icon {

    display:none;

}



 .main_contant {

       min-height: 318px;

    }



 .back-to-top {

    position: fixed;

    bottom: 1.5em;

    right: 10px;

    display: none;

    height: 44px;

    width: 44px;

    background: url(../images/top1.png) no-repeat;

    transition: all 0.5s ease 0s;

    z-index: 999;

}





.sub-menu ul li,.sub2,.sub3{background-image: -webkit-linear-gradient( 0deg, rgb(154, 51, 52) 0%, rgb(154, 51, 53) 100%);

    background-image: -ms-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%); }



.mas_wraper { width:100%;  float:left;}

.wrapper_in { width:100%; max-width:1200px; margin:0 auto;}

.row_1 { width:100%; float:left;}

.mas_logo { width: 350px; float: left; padding: 6px 0px;  box-sizing: border-box;}

.cross { display:none;}

.mas_menu { width: 100%; max-width: 850px; float: left; padding: 0px 0px; box-sizing: border-box;}



.Menu-in { width:1200px; margin:0 auto;padding:0px 10px;max-width:100%;}

 .Menu-wrapper{width:100%; background:#fff; position:relative;z-index:9;  float:left;  height: 65px;box-shadow: -2px 3px 0 0px #e8e8e8; }

.Menu > ul{width:1200px; margin: 30px auto; text-align:center; max-width:100%}

.Menu > ul > li{display:inline-block;   color:#fff; position:relative;}

.Menu > ul > li:after{background:url(/images/mmsi.jpg) no-repeat left; height: 10px; width:1px; position:absolute; right:-37px; content:""; top:14px}

.Menu > ul > li:first-child{margin-left:0}

.Menu > ul > li:last-child{margin-right:0}

.Menu > ul > li:last-child:after{background:none}

.Menu > ul > li > a {color: #1e1e1e;  font-size:15px; font-weight:400; line-height: 40px; text-align:center; padding:5px 7px; box-sizing:border-box;}

 .Menu > ul > li:before {position: absolute;content: "";background-color: #b7292a;height: 3px;width: 0%;bottom: 8px;}

.Menu > ul > li:hover:before {width:100%; transition: all .5s ease;}

.Menu > ul > li:hover > a { color: #b7292b !important;}



.sub-menu{visibility:hidden; opacity:0; position:absolute; top:110px; background-color: #b7292a; box-sizing:border-box; z-index:7; left:0; min-width:255px;}

.sub-menu ul {width:auto; display:block; background: #9a3334;    padding: 1px 0 2px 0;}

.sub-menu ul li {display:block; text-align:left}

.sub-menu > ul > li.sm_li{position:relative; }

.sub-menu > ul > li.sm_li:before{position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 100%;background: #a11213; z-index:-1}

.sub-menu > ul > li.sm_li > a{padding-left:10px; display:block;color: #fff;font-size:14px;}

.sub-menu > ul > li.sm_li:hover { background: #3696fa;}

.sub-menu > ul > li {line-height: 35px;}

.sub-menu > ul > li.sm_li > a:before{position: absolute;content: "";left: 0px;z-index: 9;top: 10px;height: 15px;width: 10px;}



.sub2{visibility:hidden; opacity:0; position:absolute; top:0; background-color: #b7292a; box-sizing:border-box; z-index:7; left:0; min-width:260px;}

.sub2 > ul > li.sb_li2{position:relative;  border-bottom: 1px solid #a11213; width:auto; text-align:left}

.sub2 > ul > li.sb_li2:before{position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 35px;background: #a11213; z-index:-1}

.sub-menu > ul > li.sb_li2 > a{padding-left:10px; display:block;color: #ffbcbc;}

.sub2 > ul > li.sb_li2 > a:before{position: absolute;content: ""; left: 0;z-index: 9;top: 10px;height: 15px;width: 10px;}

li.sb_li2 > a {display: block;padding-left: 10px; color:#ffbcbc}



.sub3{visibility:hidden; opacity:0; position:absolute; top:0; background-color: #b7292a; box-sizing:border-box; z-index:7; left:0; min-width:220px;}

.sub3 > ul > li.sb_li3{position:relative;  border-bottom: 1px solid #a11213;}

.sub3 > ul > li.sb_li3:before{position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 35px;background: #a11213; z-index:-1}

.sub2 > ul > li.sb_li3 > a{padding-left:10px; display:block;color: #ffbcbc;}

.sub3 > ul > li.sb_li3 > a:before{position: absolute;content: ""; left: 0;z-index: 9;top: 10px;height: 15px;width: 10px;}

li.sb_li3 > a {display: block;padding-left: 10px; color:#ffbcbc}

.mn_linh{min-width:340px}

@media screen and (min-width:1200px) {

    .Menu > ul > li:hover .sub-menu{visibility:visible; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transitionm:all .3s ease;-moz-transition:all .3s ease; top:40px; font-size:13px;}

    .sub-menu > ul > li:hover .sub2{visibility:visible; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transitionm:all .3s ease;-moz-transition:all .3s ease; left:100%; font-size:13px;}

    .sub2 > ul > li:hover .sub3{visibility:visible; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transitionm:all .3s ease;-moz-transition:all .3s ease; left:100%; font-size:13px;}

    .sub-menu > ul > li.sm_li:hover:before{width:100%;transition:all 0.8s ease 0s}

    .sub-menu > ul > li.sm_li > a:hover:before {left:15px; background: url(/images/lileftimg.png) no-repeat top center; transition: all .5s ease;}

    .sub-menu > ul > li.sm_li > a:hover {padding-left: 34px;transition: all .5s ease;color:#fff}

    .sub2 > ul > li.sb_li2:hover:before{width:100%;transition:all 0.8s ease 0s}

    .sub2 > ul > li.sb_li2 > a:hover:before {left:15px; background: url(/images/lileftimg.png) no-repeat top center; transition: all .5s ease;}

    .sub2 > ul > li.sb_li2 > a:hover {padding-left: 34px;transition: all .5s ease;color:#fff}

    .sub3 > ul > li.sb_li3:hover:before{width:100%;transition:all 0.8s ease 0s}

    .sub3 > ul > li.sb_li3 > a:hover:before {left:15px; background: url(/images/lileftimg.png) no-repeat top center; transition: all .5s ease;}

    .sub3 > ul > li.sb_li3 > a:hover {padding-left: 34px;transition: all .5s ease;color:#fff}

    /*last LI of menu position change css*/

li.m_li.lir.opnlft .sub-menu {left: auto;right: 0;}

li.sm_li.lft {text-align: right;}

.sub-menu > ul > li.sm_li.lft:before {left: auto;right: 0;}

.sub-menu > ul > li.sm_li.lft > a {padding-right: 10px;padding-left: 0;}

.sub-menu > ul > li.sm_li.lft > a:hover {padding-right: 34px;padding-left: 0;}

.sub-menu > ul > li.sm_li.lft > a:before {left: auto;right: 0;transform: rotate(180deg);}

.sub-menu > ul > li.sm_li.lft > a:hover:before{left:auto; right:15px;transform: rotate(180deg);}

}



@media screen and (max-width:1199px) {

    .Menu > ul > li:hover .sub-menu{visibility:visible; opacity:1; top:38px}

    .sub-menu > ul > li:hover .sub2{visibility:visible; opacity:1; left:100%; font-size:13px;}

    /*last LI of menu position change css*/

    li.m_li.lir.opnlft .sub-menu {left: auto;right: 0;}

      li.sm_li.lft {text-align: right;}

      .sub-menu > ul > li.sm_li.lft:before {left: auto;right: 0;}

       .sub-menu > ul > li.sm_li.lft > a {padding-right: 10px;padding-left: 0;}

       .sub-menu > ul > li.sm_li.lft > a:hover {padding-right: 34px;padding-left: 0;}

       .sub-menu > ul > li.sm_li.lft > a:before {left: auto;right: 0; transform: rotate(180deg);}

       .sub-menu > ul > li.sm_li.lft > a:hover:before{left:auto; right:15px;transform: rotate(180deg);}



} 

/*.Menu > ul > li:first-child a{ color:#b72a2a;}*/





.mas_head { width:100%; float:left; background:#9a3334; height:46px; padding:10px 0px; box-sizing:border-box; background: url(../images/headingbgg.jpg) repeat no-repeat; }

.mas_head_2{ text-align:center; font-size:40px; font-family: 'Medula One', cursive; float:left; width:100%; color:#fff;text-transform: uppercase;}

.main_contant { width:100%; float:left; text-align:justify;    padding: 40px 0px 115px; }



.master-div{ width:100%; float:left;}

 .master-div p { margin-bottom:30px; font-size:16px;font-weight:400;   }



 



img.mas_img {max-width: 100%; float: right; box-sizing: border-box; height:auto; border: 2px solid #993333; margin-left: 25px;}

img.mas_img1 {max-width: 100%; float: right; box-sizing: border-box; height: auto; border: 1px solid red; margin: 25px;}







.Fotter {background-image: -moz-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);

  background-image: -webkit-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);

  background-image: -ms-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%); height:50px; }



.Fotter { width:100%; float:left; line-height: 60px; height: 60px;}

.Fotter-in { width:1200px; margin:0 auto; max-width:100%;}

.copyright { float:left; color:white;font-size:14px;font-family: 'Roboto Slab', serif;}

.desing-by { float:right;color:white;font-size:14px;font-family: 'Roboto Slab', serif;padding-right: 18%;}





.Ftter-last { width:100%; float:left; text-align:justify;padding: 17px 0px 0px;}

.App-text {  width: 990px;  float: left;}

.App-text ul li { display: inline-block; margin: 6px 0px 0px;}

.App-text h2{color: #2e2e2e;font-size:35px;font-family: 'Medula One', cursive;text-transform:uppercase;font-weight: normal;text-align:center;}

.App-text span { color: #393939;position: relative;font-size: 14px;font-weight: 600;text-align: center;display: block;}



.school-code { width: 350px; float: left; line-height: 50px;  padding-top: 16px;}

.App-text ul { float: left; padding: 0px 20px 0px 158px;}



.school-code {width: auto;float: left;line-height: 36px;padding-top: 6px;max-width:100%;}

.school-text {width: 169px;float: left;text-align: center;background:#eaeaea;border: 1px solid #dbdbdb;border-radius: 5px 0 0 5px;max-width:100%;}

.school-text h2{ font-size:30px;font-family: 'Medula One', cursive;text-transform:uppercase;font-weight: normal;}

.code-text {width: 85px;float: left;text-align: center;background: #4dbb42;border-radius: 0 5px 5px  0px;border: 1px solid #4dbb42;max-width:100%;}

.code-text h2{font-size:30px;font-family: 'Medula One', cursive;text-transform:uppercase;font-weight: normal;color:#fff}

 

.Jesus {width:200px; float:left;margin-top: -136px;}

/*a.back-to-top { z-index: 99999; bottom: 0; float: right; margin-right: -50px;}*/

 

ul.app-icon li a img {    height: 39px;}

.Our-patron { width:100%; float:left;}

.Our-patron p{font-size:16px;font-weight:400;}

.founder { width:100%; float:left;}

.founder p{font-size:16px;font-weight:400;}







.accordionHeader_Y {border: 1px solid #838383;color: black;font-weight: 400;background: #fff url(../images/ajax-arrow.png) 98% no-repeat;width: 100%;line-height: 35px;padding:8px 30px 8px 8px; margin-top: 2px;cursor: pointer;text-transform: uppercase;font-size: 16px;/*height: 50px;*/letter-spacing: 1px;margin-top:10px;}

.accordionHeader_selected  {border: 1px solid #3399ff;color: black;font-weight: 600;background: url(../images/ajax-arrow.png) 98% no-repeat;width: 100%;line-height: 50px;/* padding: 8px; *//* margin-top: 4px; */cursor: pointer;text-transform: uppercase;font-size: 16px;/*height: 50px;*/padding-top: 0px;}  

.accordionHeaderSelected {font-weight: 400;color: black;line-height: 35px;background: #fff url(../images/ajax-arrow1.png) 98% no-repeat;padding:8px 30px 8px 8px;margin-top:10px;margin-bottom: 0px;text-transform: uppercase;width: 100%;cursor: pointer;font-size: 16px;border: 1px solid #3399ff;/*height: 50px;*/letter-spacing: 1px;}    

.accordionContent_Y{/* background-color: #ebebeb; *//* width: 100%; *//*border: 1px solid #e3e3e3;*//* border-top: none; *//* float: left; *//* font-size: 14px; */font-weight: 400;color: black;line-height: 35px;background: #fff url(/images/ajax-arrow1.png) 98% no-repeat;padding: 8px 30px 8px 8px;margin-top: 10px;margin-bottom: 0px;text-transform: uppercase;width: 100%;cursor: pointer;font-size: 16px;border: 1px solid #3399ff;/* height: 50px; */letter-spacing: 1px;/* color: #333333; *//* margin-top: 10px; *//* font-weight: 500; *//* border: 1px solid #3399ff; */}

span.accordian_p{font-size: 16px;border-right: 1px solid #fff;width: 48px;float: left;margin-top: -8px;color: #67c4fd;height: 48px;padding-toP: 7px;margin-left: -8px;padding-left: 14px;font-weight: 700;margin-right: 20px;background-color: #00a9ef;} 

.accordionContent_Y_1{background-color: #fff;width: 100%;border: 1px solid #3399ff;border-top: none;/* padding: 5px; *//* padding-top: 0px; */float: left;font-size: 14px;padding: 17px 6px 14px 15px;color: #333333;/* font-weight: 500; */    }



.Infrastructure ul li { float: left; padding: 0px 0px 20px 14px; display: inline-block;  margin: 0 auto;}

.Infrastructure { float: left;  padding: 0 10px; text-align: center;}

.Infrastructure ul li a > img {  width: 270px;}



.affilition-img { width: 350px;float: right; text-align: center; background: #049049; margin-left: 20px;}

.affilition-img img { padding: 10px;}

.vision {width:365px;height:350px; float:right;margin-left: 20px}

.vision img { padding: 10px;max-width:100%;}



Timming {width:100%; float:left;}

.Timming ul li { display: inline-block;  width: 250px;  text-align: center;  border: 1px solid black; margin: 0 50px 0 0px;padding: 10px;height:235px;float:left;}

.Timming ul li > h2 { font-size: 16px;    font-weight: 600;color: #9a3334;text-transform:uppercase;}

.Timming ul li > span { font-size: 16px;  color: #686868;font-weight: 600;}

.Timming ul li > img {  max-width: 100%;}

.metting-hour { width: 100%; float: left; margin-top: 20px;}

.metting-hour h3 { font-size: 16px; font-weight: 600;color: #9a3334;text-transform:uppercase;}

.metting-hour p { margin: 0; line-height: 30px;}







.Acdemics {width:100%; float:left; text-align:center}

.Acdemics h2 { font-size: 18px;  font-weight: 600;}

.Acdemic-in {width: 270px; border: 1px solid #999999; padding:20px 0 0 20px; line-height: 25px;min-height: 427px;text-align:left; display: inline-block;vertical-align: top;margin: 20px 30px 0 0; overflow: hidden;}

.Acdemic-in h3 { font-size: 16px;  font-weight: 600;  color: #aa4849;}

.Acdemic-in p { font-size: 16px; font-weight: normal;}



.Acdemic-in.last {

    padding: 0 !important;

    margin-top:-6px;

    margin-right:0;

    border:0;

}



.Acdemic-inlast { width: 300px;  float: left; border: 2px solid #9a3334; line-height: 25px;height: 515px; margin-top: -25px;}

.Acdemic-inlast img { width: 300px;max-width: 100%; height: 511px;}







.mazgine { width:50%;  float: left;}

.mazgine img {  float: left;}

.magine-cntain { width: 232px;  float: left; padding-left: 20px;}

.magine-cntain > span { font-size: 18px;  font-weight: normal;}



.Voice-updte {width: 475px; height: 213px; float: left;border: 1px solid #3399ff;padding: 12px; MARGIN: 10px 50px;white-space: nowrap;}







.audiodv {

    width: 100%;   

    max-width: 443px;

    float: left;

}



.audiodv audio {

    width: 445px;

    max-width: 100%;

    height:50px;

}



.Voice-updte-In {

    width: 382px;

    float: left;

    line-height: 30px;

    margin-bottom: 13px;

    

}



span.vsmsv {

    color: gray;

    font-size: 16px;

    font-weight: normal;

}



span.vsms {

    color: #a94747;

    font-size: 15px;

    font-weight: bold;

}





.Prayer {    width: 100%;

    float: left;

    text-align: center;

    background: url(/Images/prayer.png),url(/Images/Prayer-right.png);

    background-repeat: no-repeat;

    background-position: center left, center right;

    min-height: 300px;}



.Heltphy ul li { width: 390px;  text-align: center;  float: left;  margin: 10px auto;}

.Heltphy ul li img { width: 273px;}

.Heltphy p {  margin-bottom: 10px;float:left;}

.Heltphy ul {float:left;

}



.sports ul li { padding: 0; width: 300px;float:left; margin-bottom: 30px;}

.Old-memories ul li {float: left;text-align: center; padding: 0 34px; margin-bottom:20px;}

.Old-memories ul li img.zoomimg {

    border:0px !important;

}



.classphoto ul li {float: left; margin:0 auto 20px auto; width: 390px; text-align: center;}



.our-princil {width:100%; float:left;}

 .our-princil table tr td { text-align: center;   width: 300px; vertical-align:top;}

.exminton p { font-size: 16px; font-weight: 400;}



.fee-scroll {width: 100%; float: left;}

.Fee-structure h2 { font-size: 14px;}



.headss table, .house_c table {

    width:100%; table-layout:fixed;

}



.headss table tr td, .house_c table tr td { /*float: left; max-width: 100%;  width: 290px;margin-bottom: 20px;*/ padding-bottom:20px; vertical-align:top;}



    .headss table tr td img, .house_c table tr td img{

        width:135px;

    }



.house_c table tr td { /*width: 390px; float: left; margin-bottom: 20px;*/ }



.fieldset {border: 1px solid #0c0ca6;background-color: #ebebeb}

.head{width: 100%; float:left; padding: 10px; text-align: center; font-weight: 300; color: white;

                             text-transform: uppercase; font-size: 18px;}



           .blue {width: 100%; float:left; padding: 10px;  background-color: rgb(18, 110, 224); text-align: center; font-weight: 300; color: white;

                             text-transform: uppercase; font-size: 18px;}



            .Red {width: 100%; float:left; padding: 10px;  background-color:rgb(199, 13, 13); text-align: center;  font-weight: 300; color: white;

                             text-transform: uppercase; font-size: 18px;}



            .Golden {width: 100%; float:left; padding: 10px;  background-color:rgb(226, 162, 32); text-align: center;  font-weight: 300; color: white;

                             text-transform: uppercase; font-size: 18px;}







            .Green {width: 100%; float:left; padding: 10px;  background-color: rgb(0, 102, 0); text-align: center;  font-weight: 300; color: white;

                             text-transform: uppercase; font-size: 18px;}





.disiplan table tr td > img {

                margin-top: 10px;

                border: solid 6px #aa4849;

            }





            .disiplan table tr td { vertical-align:top;  /*font-size: 14px;*/ /*width: 255px; float: left; display: block; margin: 10px 16px;*/}

legend.Allcolor{width: 100%; float: left; padding: 10px;  text-align: center; font-weight: 300; color: white;  text-transform: uppercase;  font-size: 18px;}

.Light_Green{width: 100%; float: left; padding: 10px;  text-align: center; font-weight: 300; color: white;  text-transform: uppercase;  font-size: 18px; background: #0087ff;}





.Senior_cbint table, .Senior_cbintc table {

    table-layout:fixed;

}



.Senior_cbint table tr td, table.Juniorr tr td, .Senior_cbint table tr th, table.Juniorr tr th {

    vertical-align:top;

}



.usmm {

                table-layout: fixed;

            }



.usmm tr td {

    vertical-align:top;

}







/*.Senior_cbint table tr td { width: 390px; text-align: center;  padding: 20px 0px 20px 0;}

table.Juniorr tr td { width: 300px; text-align: center;  padding: 10px 0 10px;}*/



/*---new add---*/

/*.pointshed{ float:left; width:100%; margin: 0 0 12px 0;}

.pointshed ul{ margin:0; padding:0;}

.pointshed ul li{background: url(../images/bullet.png)no-repeat left 12px;  margin-bottom: 18px; font-size:18px; line-height:30px;color:#565656;  padding-left: 24px;  }

.pointshed.ch50 { max-width: 684px; float:right;}*/

.pointB p{background: url(../images/bullet.png)no-repeat left 12px;margin-bottom: 24px;font-size: 16px;line-height: 24px;color: #707070;padding-left: 20px;  }

.uData { font-weight: 600;text-transform: uppercase;margin: 0 0 8px;font-size: 16px;color: #4b4a4a;font-family: 'Roboto Slab', serif;}



.waycross {

    float: right;

    margin-left: 15px;

    margin-right:10px;

}





table.top-set {

    table-layout: fixed;

}



.disiplan table {

    table-layout: fixed;

}





table.top-set tr td {

    padding: 10px 0;

}





.afterdest {

    display:none;

}









.sitemap > li {

    display: block;

    float: left;

    vertical-align: top;

    /*width: 30%;*/

    margin-bottom: 20px;

    width: 23.3%;

    margin-right: 1.7%;

    /*min-height: 350px;*/

}



    .sitemap > li ul li {

        border-left: 1px solid #cccccc;

    }



        .sitemap > li ul li a {

            padding-left: 31px;

        }



        .sitemap > li ul li:first-child {

            padding-top: 8px;

        }



.sitemap li a {

    color: #7a7a7a;

}



.sitemap > li ul li a {

    position: relative;

}



.sitemap > li ul li a {

    background-position: 0 center;

}



    .sitemap > li ul li a:before {

        content: '';

        width: 23px;

        height: 2px;

        display: block;

        background-image: url(../images/siteline.jpg);

        background-position: center;

        background-repeat: no-repeat;

        position: absolute;

        left: 0px;

        top: 50%;

    }



.site_in_head > a {

    border: 1px solid #d7d7d7;

    text-transform: uppercase;

    font-weight: 700;

    display: block;

    padding: 5px 0 5px 12px;

}







 @media all and (-ms-high-contrast:none)

     {

  

#loadmore:hover span, .pg_viewall2:hover .readMore, .readCenter a.readMore1:hover  span {

    background-color:transparent; color:#993333 !important; 

}

     }