*{margin:0; padding:0; outline:none; border:none}

html,body{width:100%; height:100%}

body{font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400; letter-spacing:.5px; overflow-x:hidden; background-color:#fcfbf5}

a{text-decoration:none;} img{max-width:100%; border:none; outline:none} ul li{list-style-type:none}



.WrapAll {width: 100%;max-width: 100%;margin: 0 auto;}

.wrapper, .container{width:100%;float:left;background: #fff;}

.row{width:1200px; max-width:100%; margin:0 auto; position:relative}

.container-in{min-height: 525px;

    width: 1200px;

    max-width: 100%;

    margin: 0 auto;}

.container-inner{width:100%; margin-top:156px; margin-bottom:56px; float:left;}

.Heading{width:100%; margin-top:40px}

/*h1{font-size:41px;   font-family: 'exotc350_dmbd_btdemi-bold';  font-style: normal;font-weight: normal; line-height:36px; color:#0c0e54}*/

h1{font-size:41px; font-weight: 600; font-family: 'Exotc350 DmBd BT'; line-height:36px; color:#0c0e54}

h2{font-size:30px;font-weight:600;line-height:36px;color: #10b4c8;position:relative;max-width:100%;text-align:center;margin:0 auto;padding-top: 10px;margin-bottom:30px;text-transform:uppercase;}

h2:after{content:"";position:absolute;border-bottom: 2px solid #10b4c8;width:40px;margin:auto;right:0;left:0;bottom:-2px;}

.container-in p{line-height:22px; font-size:15px; color:#333; margin-bottom:15px;}

.DivRM{width:100%; text-align:center; margin:24px auto}

.readmore{display: inline-block;padding: 7.5px 16px;border-radius: 10px;background-color: #d9d9d9;color: #8b8b8b; position:relative; z-index:1; overflow:hidden; border: 1px solid transparent} 

a.readmore:before {position: absolute;content: "";height: 100%;width: 0;left: 0;top: 0;transition: all .5s ease;background-color: #de374b;border-radius: 10px;z-index: -1}

.logo-img-mob{display:none}



table.table-box {width: 100%;margin-top: 0px;}

table.table-box tr th { line-height: 39px; background: #a5a4a4;}

table.table-box tr td {padding: 0px;margin: 0px;line-height: 36px;text-align: center;}

table.table-box tr:nth-child(odd) {background: #e4e0e0;}

table.table-box tr:nth-child(even) {background: #ffb8bb;color: #101010;}

table.table-box table tr td {padding: 8px 0;border: 1px solid white;}

.container-in p{margin-bottom:15px;}

.ul-li {

    list-style-image: url(https://www.stlukesschoolhp.com/images/arrow.png);

    margin-left: 20px;

    line-height: 20px;

}

.ul-li li{line-height:22px; font-size:15px; color:#333; margin-bottom:15px;}

/***************************************************  Default Ajax Accordian Css  *****************************************************/

.accordionHeader_Y {color: #10b4c8; background: url(https://www.stlukesschoolhp.com/images/ajax-arrow.jpg) right no-repeat; background-color: rgba(179, 179, 179, 0.5803921568627451); width: 100%; height: auto; min-height:40px; box-sizing:border-box; margin-top:20px; cursor: pointer;line-height: 40px; padding-left: 20px;}

.accordionHeader_selected  {background: #c4c4b2 url(https://www.stlukesschoolhp.com/images/ajax-arrow1.jpg) 100% center no-repeat; width:100%;cursor: pointer;}  

.accordionHeaderSelected {color: #fff;background: #10b4c8 url(https://www.stlukesschoolhp.com/images/ajax-arrow1.jpg) right no-repeat;width: 100%;cursor: pointer;height: auto;min-height:40px;margin-top: 20px;line-height: 40px;padding-left: 20px;box-sizing:border-box;}    

.accordionContent_Y{background-color: #f0efef;width: 100%;border: 1px solid #e3e3e3;border-top: none;float: left;color: #333333;box-sizing:border-box;padding: 10px;box-sizing: border-box;}



.accordionHeader_Z {color: #0f0f0f; background: #babaa9 url(https://www.stlukesschoolhp.com/images/ajax-arrow.jpg) right no-repeat; width: 93%; height: 40px; box-sizing:border-box; margin:0 auto; margin-top:20px; cursor: pointer;}

.accordionContent_Z{background-color: #c4c4b2;width: 93%; border-top: none;margin:0 auto; color: #333333; box-sizing:border-box}

.accordionHeaderSelected1{color: #0f0f0f;background: #babaa9 url(https://www.stlukesschoolhp.com/images/ajax-arrow1.jpg) right no-repeat; width: 93%;cursor: pointer; height: 40px; margin:0 auto; margin-top: 20px;}

span.accordian_p{font-size:1.8em; width: 40px;float: left;color: #fff;height: 40px; background-color: #00269d; box-sizing:border-box; text-align:center; padding:9px} 



.accordionContent_Y table tr > td, .accordionContent_Y table tr > th {line-height: 40px;}

table tr td img {

    padding: 5px;

    margin-bottom: 15px;

    box-shadow: 0px 0px 10px #a09f9f;

}

.infra{text-align:center;}

.infra li{ display:inline-block; margin:15px;}

/**************************** Hover Effects Only Screen 1200px above Section **************************************/

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

    .odd{opacity:0; position:relative; left:-20%;}

    .even{opacity:0; position:relative; right:-20%;}

    .m-li:hover .odd{opacity:1;left:0; transition:all .3s ease-in;}

    .m-li:hover .even{opacity:1;right:0; transition:all .3s ease-in;}

    .sm-li:hover .sm-li > a{padding-left:15px; color: #d9d9d9; transition: all .4s ease-in-out}

    .sm-li:hover a{color:#fff; transition:all .5s ease; padding-left:15px}

    .m-li:hover .sub-menu{visibility:visible; opacity:1;}



    a.readmore:hover:before {width: 100%;transition: all .4s ease}

    a.readmore:hover {color: #fcfbf6; transition: all .4s ease; border: 1px solid #fff;}

    .BtnSubmit:hover, .BtnSubmit:focus {border: 1px solid #ea2c42;color: #ea2c42}

    .redbg:hover, .redbg:focus, .apply:hover {border: 1px solid #ea2c42;color: #ea2c42; background-color:transparent}

}



/**************************** Header and Main Menu Section **************************************/

.HeaderBGC{background-color:rgba(255, 255, 255, 0.75);background: #fff;position:fixed;background-size: cover;top:0;z-index:9;}

.LogoSec{width:600px; max-width:100%; float:left;margin:10px 0px;}

.LogoSec > a{float:left}

.logo-img, .logo-m{margin:8px auto 6px auto; float:left}

.logo-m{display:none}

.afltn{font-size:16px; font-weight:300; color:#0c0e54}

.SchLoc{font-size:18px; font-weight:500; color:#0c0e54}

.LName {float: left;margin-left: 10px}

.MobSclink{width:190px; float:right; text-align:left; margin-top:35px}

.phone{font-size:16px; font-weight:300; color: #000; position:relative}

.phone:after{content:""; position:absolute; border-right:1px solid #000; height:100%; right: -12px; display: none;}

.socialLink{text-align:center; float:right; display: none;}

.socialLink li{margin-left:8px; display:inline-block}



.Menubg {

    width: 100%;

    float: left;

    background: #10b4c8;

    border-top: 1px solid #08387f;

}

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

.Menu > ul{width:100%; text-align:center; line-height:44px}

.m-li{display:inline-block; padding:0 14px; text-transform:uppercase; position:relative}

.m-li > a{font-size:14px; font-weight:300; color:#fff; display:block; position:relative}

.m-li > a:after {content: "";position: absolute;border-right: 1px solid #fff;height: 10px;right: -20px;top: 17px}

.m-li:last-child > a:after{display:none}



.sub-menu{visibility:hidden; opacity:0; position:absolute; top: 44px; min-width:250px; left:0}

.sub-menu > ul{position:relative; width:100%}

.sm-li {background: #10b4c8;border-bottom: 1px solid #fcfbf6;text-align:left;padding-left:10px;}

.sm-li:last-child {border-bottom:2px solid #10b4c8}

.sm-li > a{color: #fcfbf6; font-size: 14px; font-weight: 300}



.ITC{width:615px; max-width:100%; float:left;}

.ITIC{ max-width:100%; float:right; text-align:right}

.paramargin{margin-bottom:26px; text-align:justify; letter-spacing:0px; word-spacing:1.8px; margin-top:0px;}



/**************************** Rest Inner pages Section **************************************/

.paramargin > strong{font-weight:600}

.vistmnt{float:left; margin-right:45px}

.pimg{float:left; margin-right:35px; margin-bottom: 15px}

.foundres{margin-left:40px; float:right}

.EdMethcnt{width:780px; max-width:100%; float:left}

.MethodologyImg{width:380px; max-width:100%; float:right}

.MethodologyImg > img {margin-bottom: 53px}

.phyedu{width:675px; max-width:100%; float:right}

.house{width:100%; box-sizing:border-box}

table.housetable{width:655PX; margin:0 auto 54px auto; border:1px solid blue; border-collapse:collapse}

table.TBLHDN{width:655PX; margin:0 auto 22px auto;border-collapse:collapse}

table.TBLHDN tr th{width:50%; display:table; float:left}

table.housetable tr:last-child td{margin-bottom:0}

table.TBLHDN tr th{color:#333; font-size:15px; text-transform:uppercase; font-weight:500; text-align:center; vertical-align:middle}

table.housetable tr td{color:#333; font-size:15px; text-transform:capitalize; font-weight:500; text-align:center; vertical-align:middle; line-height:40px; width:50%; display: table; margin-bottom: 10px; float:left}

table.housetable tr:nth-child(1) td, table.housetable tr:nth-child(3) td{color:#fff}

table.housetable tr:nth-child(1) td{background-color:red}

table.housetable tr:nth-child(2) td{background-color:green}

table.housetable tr:nth-child(3) td{background-color:blue}

table.housetable tr:nth-child(4) td{background-color:yellow}

table.housetable tr td:first-child {border-right: 1px solid #fff;box-sizing: border-box}



.subhdn{font-size:18px; font-weight:600; color:#de243b; width:100%; float:left; text-align:left; margin-bottom:20px; text-transform:uppercase;}

        .ptext {margin-bottom: 10px}

        .tblhdr{width:100%; display:table; margin-bottom:20px}

        .tblcnt{width:100%; display:table; margin-top:10px; border-spacing:1px 10px}

        table.sclship tr > th{font-size:18px; background: #de243b; font-weight: 500; line-height:40px;  color:#fff; box-sizing:border-box}

        table.sclship tr > td{font-size:15px; font-weight: 400; line-height:40px;  color:#000; box-sizing:border-box}

        table.sclship tr:nth-child(even){background-color:#e0e0e0}

        table.sclship tr:nth-child(odd){background-color:#f0efef}

        table.sclship tr > th:nth-child(1), table.sclship tr > td:nth-child(1) {text-align: center;}

        table.sclship tr > th:nth-child(2) {width: 495px; padding-left:20px}

        table.sclship tr > th:nth-child(3) {width: 379px; padding-left:20px}

        table.sclship tr > th:nth-child(4) {width: 261px; padding-left:20px}



        table.sclship tr > td:nth-child(2) {width: 495px; padding-left:20px}

        table.sclship tr > td:nth-child(3) {width: 379px; padding-left:20px}

        table.sclship tr > td:nth-child(4) {width: 261px; padding-left:20px}







.ScUni{width:100%; float:left; margin-bottom:60px}

        .Girls, .Boys{width:600px; max-width:50%; float:left}

        .GUniform{float:left; width:590px; max-width:98%}

        .BUniform{float:right; width:590px; max-width:98%}

        .hdnstyle{font-size:20px; font-weight:400; color:#fff; line-height:50px; text-align:left; display:block; background-color:#ea2c42; padding-left:30px; box-sizing:border-box;}

        .GCntWraper{width:560px; max-width:100%; float:right; position:relative}

        .BCntWraper{width:560px; max-width:100%; float:left}

        .GirlCnt, .BoysCnt{width:470px; max-width:100%; margin-top:30px; box-sizing:border-box; float:left}

        .BoysCnt{float:right}      

        .GirlCnt p, .BoysCnt p{text-align:justify}

        .GirlCnt > img, .BoysCnt > img{display:block; text-align:center; margin:0 auto; margin-bottom:45px}

        .bdr:after{position:absolute; content:""; height:92%; width:1px; right:-12px; top:30px; border-right:1px dashed #b4b3b2}

        .UFtxt {font-size: 20px;font-weight: 500}



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

        .vsms li{width:512px; display:inline-block; margin:0 42px 60px 42px; vertical-align:top; max-width:100%}

        .vsms-contain{width:512px; max-width:100%; text-align:center}

        .audiodv{width:100%; float:left; height:56px; position:relative; background-color:#e92b42}

        .audiodv:before{background:url(https://www.stlukesschoolhp.com/images/vsmsbg.jpg) no-repeat top center; position:absolute; content:""; bottom:56px; height:167px; width:100%; left:0; z-index:-1}

        .vsms-contain > p {line-height: 30px; font-weight:500}

        .vsms-contain > p:nth-child(4){margin-bottom:15px}

        audio{width:100%}

        audio::-webkit-media-controls-panel {background: #d7d7d7; padding:12px 0px; width:100%}



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

        .mgz li{display:inline-block; vertical-align:top; margin-right:48px; margin-bottom:50px}

        .mgz li:nth-child(3n){margin-right:0}

        .magazine{width:100%; position:relative; text-align:center; display:inline-block}

        h4{font-size:20px; font-weight:500; text-align:center; margin:15px auto; text-transform:uppercase; color:#ea2c42}

        .mgzname{display:block; font-size:17px; font-weight:500; color:#fff; margin-top:110px; text-transform:uppercase; float:left; width:100%}

        .mag-frnt-img{position: relative; bottom: -41px; transition:all .3s ease}

        .magazine:hover .mag-frnt-img{ bottom: 0; transition:all .3s ease}

        .btmshape{width:100%; position:absolute; bottom:0; height:240px; background:url(https://www.stlukesschoolhp.com/images/magbtmshape.png) no-repeat bottom center}

        .btmshape > ul{width:100%; float:left; margin-top:25px}

        .btmshape > ul > li:first-child{display:inline-block; margin-left: 53px; float:left; text-align:center}

        .btmshape > ul > li:last-child{display:inline-block; margin-right: 53px; float:right; text-align:center}

        .maglnk{font-size:13px; text-align:center; color:#fff}

        .maglnk > img{display:block; vertical-align:middle; margin:auto}



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

        .Sitemap > li {display: inline-block;min-width: 320px;text-align: left;margin: 0 35px; vertical-align:top; max-width:100%}

        .SMHeadng {line-height: 40px;margin-bottom: 5px;background-color: #de243b;}

        .SMHeadng > a {color: #fff;display: block;padding-left: 15px;box-sizing: border-box;}

        .SMsub {font-size: 15px;padding-left: 25px;line-height: 40px;margin-bottom: 1px;box-sizing: border-box;}

        .SMsub > a{color:#000}

        li.SMsub:nth-child(even) {background-color: #f0efef;}

        li.SMsub:nth-child(odd) {background-color: #e0e0e0;}

        .Sitemap > li > ul {width: 100%;float: left; margin-bottom:50px}



/**************************** footer, copyright and Visitor count Section **************************************/

.footer{width:100%; float:left; background:url(https://www.stlukesschoolhp.com/images/footermenubg.jpg) no-repeat top center; height:49px}

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

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

.ftmenu li{display:inline-block; font-size:12px; font-weight:500; text-transform:uppercase; padding:0 15px; line-height:49px; position:relative}

.ftmenu li a:after{width:1px; height:9px; position:absolute; content:""; background-color: black;top: 20px;right: -3px;}

.ftmenu li:last-child a:after{display:none}

.ftmenu li a{color: #252525}



.copyright{background: #10b4c8;width:100%;height:58px;float:left;}

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

.cprtext{ margin-top:19px; font-size:12px; font-weight:300; color:#fff;text-align:center}

 a#totop{position:fixed; bottom:70px; right:10px; z-index:99999; display:none}

 .invalidCall{border-bottom:1px solid red !important}



 .Right_img{border: 2px solid #10b4c8;float:right;margin-left:10px;}

 .tbl_head{font-weight:700;background:#10b4c8;color:#fff}

 /**************************** ************************************** **************************************/

/********************************** RESPONSIVE CODE FROM HERE ********************************************/

/**************************** ************************************** **************************************/

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

    .ITC{width:100%;} .ITIC{width:100%; text-align:center}



    section#pnl1, .footer{display:none} .m-li{padding:0 13px}

    .row{padding: 0 10px; box-sizing:border-box}

    .cprtext{text-align:center; float:none}

    .vsms li{width:415px;}

    .Sitemap > li {min-width: 300px;margin: 0 15px;}

    .mntoggle{visibility:visible; opacity:1}

    .m-li:hover .sub-menu{visibility:visible; opacity:1;}

    li.m-li:last-child > .sub-menu {

    left: auto;

    right: 0;

}

li.m-li:last-child > .sub-menu ul li.sm-li {

    text-align: right;

    padding-right: 10px;

}

    

}



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

    .Menu > ul{display:none}

    .footer{display:none}

    .HeaderBGC{background:none; background-color:#fff; position:relative}

    .container-in{margin-top:0}

    .row {padding: 0 10px;box-sizing: border-box;}

    .Menu > .mob-menu {height: 45px;width: 100%;position: relative;border-bottom: 1px solid #fff;}

    .Menu > ul {width: 100%;}

    li.m-li {display: block;text-align: left;}

    .sub-menu{position:relative; top:0; display:none; visibility:visible; opacity:1}

    .sm-li > a{display:block}

    .Menu .mob-menu span.bar1, .Menu .mob-menu span.bar2, .Menu .mob-menu span.bar3 {display: block;width: 39px;height: 3px;background-color: #fff;margin: 6px auto;text-align: center;clear: both;position: relative;top: 7px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-animation: all 0.3s ease-in}

    .Menu .change .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 1px);transform: rotate(-45deg) translate(-6px, 8px);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-animation: all 0.3s ease-in}

    .Menu .change .bar3 {-webkit-transform: rotate(45deg) translate(-4px, -1px);transform: rotate(45deg) translate(-4px, -7px);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-animation: all 0.3s ease-in}

    .Menu .change .bar2 {opacity: 0}

    .LogoSec{width: 465px;} .logo-img {width: 85%}

    .MobSclink{width:280px; margin-top:20px} .phone{font-size:14px} .phone:after{top:0;} .socialLink li{height:22px; vertical-align:middle}

    .ITC, .phyedu{width:100%;} .ITIC{width:100%; text-align:center}

    img.vistmnt, .pimg {float: none;display: block;margin: 0 auto 30px auto;text-align: center;}

    .MethodologyImg {float: none;margin: 0 auto}

    .magazine{width:340px; max-width:100%}

    .mgz li{margin-right:30px}

    .mgz li:nth-child(2n){margin-right:0}

    .mgz li:nth-child(3n){margin-right:20px}



    .cpr-in{width:95%}

    .cprtext{text-align:center; float:none; margin-top:6px}

    .container-in{min-height:785px}

    .Sitemap > li{margin:0 25px}



}



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

    .logo-img{display:none}

    .Infra{background:none !important}

    .logo-m{display:block}

    table.TBLHDN, table.housetable{width: 100%}

    .wrapper.HeaderBGC > .row{text-align:center}

    .LogoSec {width: 445px; float:none; display: inline-block; text-align: center;} 

    .LogoSec > a {float: none;display: block;margin: 0 auto;margin-top: 10px}

    .LName{text-align:center; margin:0; margin-top:8px}

    .MobSclink {width: 280px;margin: 0 auto 25px auto;float: none;position: relative;top: 10px}

    .phone{font-size:14px} .phone:after{top:0;} .socialLink li{height:22px; vertical-align:middle}

    .afltn {font-size: 16px;position: relative;top: 0}

    h1{font-size:41px}

    .vsms li{margin:0 auto 30px auto}

    .container-in{min-height:525px}

    .magazine{width:365px; max-width:100%}

    .mgz li{margin-right:auto; margin: 0 auto 50px auto}

    .mgz li:nth-child(2n){margin-right:auto}

    .mgz li:nth-child(3n){margin-right:auto}

    .Sitemap > li {min-width: 290px; margin: 0 15px;}

    audio::-webkit-media-controls-panel {background: #d7d7d7; padding:2px 0px; width:100%}

    .audiodv{height: 48px;}

    table.alleventstbl {width: 800px;}



    .container-inner {

    width: 100%;

    margin-top: 14px;

    margin-bottom: 56px;

    float: left;

    padding: 0 10px;

    box-sizing: border-box;

}

    .Right_img {

    border: 2px solid #448fd7;

    float: none;

    margin-left: 0;

    max-width: 100%;

    box-sizing: border-box;

}

h2{font-size: 23px;line-height: 32px;}

}



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

    img.foundres {display: block;float: none;text-align: center;margin: 0 auto 30px auto}

    .magazine{width:330px; max-width:100%}

    .mgz li{margin-right:auto; margin: 0 auto 50px auto}

    .mgz li:nth-child(2n){margin-right:auto}

    .mgz li:nth-child(3n){margin-right:auto}

    h1{font-size:32px}

    .LName{width:100%}

    .copyright{height:auto}

    .Sitemap > li {min-width: 290px; margin: 0 15px;}

    table.sclship tr > th:nth-child(2), table.sclship tr > th:nth-child(3), table.sclship tr > th:nth-child(4){padding-left:0}

}



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

    .magazine{width:300px; max-width:100%}

    h1{font-size:27px}

}



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

    .logo-img-mob {

        display: block;

    }



    .logo-img, .peShiner {

        display: none !important;

    }

}