@font-face {font-family:'jost_i';src: url('Jost-Italic-VariableFont_wght');}
@font-face {font-family:'jost_r';src: url('Jost-VariableFont_wght.ttf');}
@font-face {font-family:'robotocondense';src: url('RobotoCondensed_Regular.ttf');}
@font-face {font-family:'mohave_r';src: url('mohave.regular.ttf');}
@font-face {font-family:'twcen';src: url('TCCM____.TTF');}
@font-face {font-family:'roboto_l';src: url('RobotoCondensed-Light.ttf');}
@font-face {font-family:'roboto_r';src: url('RobotoCondensed-Regular.ttf');}

html{}
body{font-family: 'roboto_l'; font-size: 14px;  font-weight: normal;    background-color: #333;background: #fff;overflow-x:hidden;margin:0;}
a{cursor:pointer;text-decoration:none;color:#61CE70}
h1, h2, h3, h4, strong, th {  margin: 0;  font-weight: normal;font-family: 'roboto_r';}
.top{height:100px; width:100%}
.header{overflow:hidden;}

#logo{ width: 500px;}
#logo > img{ z-index: 100;  width:65px; float:left; padding:10px; margin:10px;}

.pageTitle{color: #000;  padding: 20px 0; margin:0; text-align:left;}
.pageTitle h1{padding:0;  margin: 0; font-size: 1.8em;text-transform:uppercase;line-height:1.2em;letter-spacing:0.5px; font-family:'mohave_r';}
.pageTitle h2{font-size: 0.8em;padding: 0;margin: 0; color:#666;font-family:'robotocondense';font-weight:normal;text-indent:2px}
.pageTitle h3{margin:5px 0 0; text-transform:none; font-weight:normal;line-height:1em;color:#666;letter-spacing:0.9px}
.pageTitle img{height:18px;margin-left:-5px}
.tagLine{display:block;color:#039;font-size:0.6em;font-family:'robotocondense';font-weight:bold}
#loginInfo{padding:10px 70px 10px 10px;border-left:solid 2px #006;background-color:#06c;color:#fff;z-index:100}
.logout{background-color:#fff;background-position:5px center;border-radius:20px;right:3px;top:6px;padding:3px 10px 3px 20px;cursor:pointer}
#mobileMenu{display:none}

.navigation{width: 100%; text-align: center;  padding: 10px; position: absolute;font-size: 1.4em; top: 34px; right: 0px;}
.navigation nav{font-family: 'twcen'; padding: 0;list-style: outside; text-align: right;}
.navigation nav ul{padding:0; margin: 0;}
.navigation nav ul li{display: inline-block; text-decoration:none;  font-weight:normal; text-transform: uppercase; margin: 0 12px;}
.navigation nav ul li a{color: #1CE70; text-decoration: none;}
.navigation nav ul li a.on{ color: #000;}
.navigation nav ul li.on{background:none;}
.navigation nav ul li.parent > a:after{content:'\25B8';}
.navigation nav ul li.parent:hover a{border-radius:0;}
.navigation nav ul li.parent:hover a.on:hover{border-radius:0;}
.navigation nav ul li.parent:hover a.on{border-radius:0}
.navigation nav ul li.parent:hover > a:after{content:'\25BE';}
.navigation nav ul.subMenu{display:none;position:absolute;z-index:10;border-top:solid 3px #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);font-size:1.0em;text-align:left}
.navigation nav ul li:hover ul.subMenu{display:block;}
.navigation nav ul.subMenu li{background-color:#fff;font-size:1em;display:block;padding:0;border-bottom:solid 1px #eee;margin:0;}
.navigation nav ul.subMenu li a{display:block;padding:5px 15px;border-radius:0;}
.navigation nav ul.subMenu li a.on{background-color:#fff; color:#000;}

#featuredNotice{background-color:#7bdcb5;padding:10px;color:#666;overflow:hidden;min-height:15px;width:auto;font-size:0.8em;}
#featuredNotice .scrollCont {position: absolute;width:auto; text-align:left;font-size:1.2em;white-space:nowrap;left:100%;}
#featuredNotice .scrollCont a{color:#333}
#featuredNotice .scrollCont strong{padding:0 10px;color:#333}
#featuredNotice .scrollCont p{display:inline-block;margin:0}
#featuredNotice .noticeDt{color:#000}
.noticeDt{color:#666;padding-right:10px;}
.imageSlider .section_title{}
.imageSlider .wrapper{position:relative;width:100%}
.imageSlider ul {height:700px;list-style: none;margin: 0;padding: 0;position: relative;}
.imageSlider li {height: 100%;width:100%;position: absolute;overflow: hidden;top: 0;left: 0;display: none;background-size: cover;background-position: center center;}
.imageSlider li img {visibility: hidden;}
.imageSlider .current {display: block;}
.imageSlider .slider-box.slide-animation {position: relative;overflow: hidden;}
.imageSlider .slider-box.slide-animation li {float: left;position: absolute;left: 100%;display: block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.imageSlider .slider-box.slide-animation li.current,.imageSlider .slider-box.slide-animation li.prev {left: 0%;}
.imageSlider .slider-box.slide-animation li.prev {z-index: 997;}
.imageSlider .slider-box.slide-animation li.current {z-index: 998;}
.imageSlider .slider-dots {text-align: center;position: absolute;top: 0;right:0;margin:20px;padding: 5px;z-index:99;height:auto}
.imageSlider .slider-dots li {cursor:pointer;height:10px;width:10px;display:block;background-color:rgba(46, 166, 10, 17);border:2px solid #000;display: inline-block;margin: 0 5px;position: static;border-radius: 10%;}
.imageSlider .slider-dots li:hover {background-color: #fff;}
.imageSlider .slider-dots li.current {background-color: #000;border:2px solid rgba(255,255,255,0.8);}
.imageSlider .arrows {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height:50px;z-index:1000;background: rgba(255,255,255,0.6);}
.imageSlider .arrows:hover {background: #fff;}
.imageSlider .prev-arrow {left: 0px;}
.imageSlider .next-arrow {right: 0px;}
.imageSlider .arrows img {height: 100%;}
.imageSlider .info{position:absolute;padding:20px;font-size:2em;width:100%;box-sizing:border-box;background-color:rgba(0,0,0,0.5);bottom:0;text-shadow:0 0 5px #eee; color:#fff; text-transform:uppercase; text-align:center;}
.imageSlider .info span{display:block;text-transform:uppercase;font-size:1.6em}
.message{background-color:#222;margin:0;padding:30px;color:#fff}
.message .wrapper{width:auto}
.message .section_title{text-align:center;color:#fff;margin:10px 0 40px}
.message article{font-size:1.2em}
/*LAYOUTS CSS -- START */
.main{clear:both;}
.slide{position:relative;margin-bottom:10px}
.slide .section_title{display:none;}
#breadcrumb{margin:0 auto; padding:10px 45px;}
#breadcrumb a{text-transform:uppercase; text-decoration:none;}
#breadcrumb a >after {content: '\25B8';}


.section_title h2{display:none;}


.secblock.main_content{margin:0 auto;overflow: hidden;padding:10px 45px;min-height:280px}
.secblock.slide,.secblock.bottom {width: 100%;  margin: 0;  padding: 0;}
.secblock.mid{width: 60%; float:left; margin: 2% 2% 0 2%;  padding: 1%;}
.secblock.right{width: 28%;  float: left;  margin: 2% 2% 0 2%;  padding: 10px;}
.secblock.left{width: 52%; float:left; margin: 0 0 0 45px;  padding: 10px;}
.secblock.lr{width: 28%;  float: left;  margin: 2%;  padding: 1%;}
.ourclass { width:50%; float:left; display:flex;}
.ourclass .text{}
.ourclass .image{width:70%; float:right;}
.ourclass .image img{width:100%} 


.school_prayer{display:flex}
.school_prayer h3{margin-bottom:20px}
.prayer,.hymn,.chorus{width:40%;}
.discipline{padding-left:15px}
.discipline li{margin:10px 0}
.discipline ul{margin-bottom:20px}
.firstaid{padding:30px;background-color:rgba(255, 100, 0, 0.1);font-size:1.2em}
.firstaid::before{content:'\002B';font-size:5em;color:rgba(255, 100, 0, 0.3);line-height:0.4em;font-family:'calibri';font-weight:bold;margin-right:20px;float:left}


.hostel{display: flex;}
.hostel .block {width:50%; margin:0;}
.hostel .block:first-child {width: 60%;margin-right:40px}
.hostel li{margin:10px 0}
.hostel table{margin:10px 0 40px 0;border-collapse:collapse;width:400px}
.hostel td{border:solid 1px #ddd;padding:5px 10px}
.hostel td:first-child{width:220px}

.bottom{clear: both; background: #229a7b; color:#fff;}
.wrapper_Custom.bottom{display: flex; flex-wrap: wrap; padding:0 45px; margin:0 auto;}
.wrapper_Custom.bottom article{width:33%; margin: 40px 0}
.bottom1{padding-left:10%}
.bottom1, .bottom2, .bottom3  {background: #229a7b;  min-height: 250px;  color: #fff;  padding-top: 40px;  float: left;}
.bottom1, .bottom2 {width:29%}
.bottom3{ padding-right:8%; width:24%}
.wrapper_Single_Content.bottom {padding: 0 40px;}
#menu-related-links{padding:0 0 0 15px}

.wrapper_Notice.page{margin-top:40px}
.wrapper_Notice article{margin:0 20px 20px 0;padding:10px 20px;background-color:#eee}
.wrapper_Notice article .noticeTtl{margin:5px 0;font-weight:normal}
/*LAYOUTS CSS end - End */
.ttlImg{width:100px;}
.right .section_title{display:block;text-transform:uppercase}
/*LAYOUTS CSS end - End */
.wrapper_Contact.Form.quick_contact{margin: 0;padding: 0; color:#000;}
.wrapper_Contact.Form{margin:20px; padding:20px;}
.wrapper_Contact form {    display: flex;    flex-wrap: wrap;}
.wrapper_Contact .field {    width: calc(50% - 10px);    margin: 10px 10px 10px 0;}
.wrapper_Contact label {    display: block;margin-bottom: 5px; display:block;font-size:1.2em;margin-bottom:2px;color:#000}
.wrapper_Contact input, .wrapper_Contact textarea {    width: 100%;    box-sizing: border-box;   color:#000; border: solid 1px #333;    padding: 5px;    border-radius: 3px;}
.wrapper_Contact .field.captchaImg {display: flex;flex-wrap: wrap;width:100%}
.wrapper_Contact .field.full {    width: 100%;}
.captchaImg img {margin: 1px 0;}
.captchaImg #captcha {width: calc(100% - 125px);}
.wrapper_Contact .btns input {text-transform: uppercase;padding: 12px 40px;background-color: #000;color: #fff;cursor: pointer;border: none;border-radius: 3px;width: auto;}
.wrapper_Contact .btns {  width: 100%;  margin-top: 20px;}
form .field select option{background-color:rgba(0,0,0,0.3);}
.content_title{margin-bottom:20px}

.four_d,.build{display:flex}
.four_d strong{width:100px;height:100px;text-align:center;line-height:100px;background-color:rgba(0,150,50,0.2);margin-right:10px;text-transform:uppercase;border-radius:50px;}
.four_d strong,.build strong{font-size:1.2em}
.build strong,.build span{padding:20px 30px;background-color:rgba(200,150,0,0.2);margin-right:10px;text-transform:uppercase}
.four_d strong:nth-child(2n){background-color:rgba(0,150,50,0.3)}
.four_d strong:nth-child(3n){background-color:rgba(0,150,50,0.4)}
.four_d strong:nth-child(5n){background-color:rgba(0,150,50,0.5)}
.build strong:nth-child(2n){background-color:rgba(200,150,0,0.3)}
.build strong:nth-child(3n){background-color:rgba(200,150,0,0.4)}
.build strong:nth-child(5n){background-color:rgba(200,150,0,0.5)}
.four_d span{display:inline-block;background:none;height:100px;line-height:100px;margin-right:10px;text-transform:uppercase}
.build span{display:inline-block;background:none;padding:20px 10px}
.focused{list-style:none;padding:0;margin:0}.focused li{margin:10px 0}
.focused strong{text-transform:uppercase;font-size:1.4em}

#reload{padding:4px;background-color:#fff;margin-left:10px;border-radius:8px;cursor:pointer}
.notice {width:80%; margin:0 auto;}
.notice article{margin:20px 0;padding-bottom:15px;background-color:#fff;border-top:solid 1px #ddd ; margin:20px auto;}
.notice h4{font-size:1.4em;font-weight:normal;}
.notice h4, .notice p{margin:0;padding:5px 20px;clear:both}
.notice .noticeDt{float:left;background-color:#973;color:#fff;padding:2px 5px; margin-top: -20px;}
.cat_Notice.notice.spm52 .content_wrap{width:75%;margin:0 auto;}
.album{overflow:auto;background-color:#fff;margin:30px 0;padding:0;}
.pageHeader{font-weight:normal;text-transform:Capitalize;margin:5px 0 0;padding:2px 10px;border-bottom:solid 1px #eee}
.albumPhoto{float:left;margin:10px;border:solid 1px #ccc;padding:1px;position:relative;width:15%}
.albumPhoto a,.albumPhoto img{display:block; object-fit: cover;  width:100%;  height:150px;}
.albumPhoto a.deletePhoto{position:absolute;right:5px;top:5px;background-color:#c00;color:#fff;padding:2px 5px;font-size:0.8em;width:auto;height:auto}
.deletePhoto,.deleteAlbum{cursor:pointer}
.deleteAlbum{margin-left:5px;background-color:#c00;color:#fff;padding:2px 5px;border-radius:3px;}
.deletePhoto:hover{box-shadow:0 0 3px #000}
footer{position:fixed; width:100%; clear:both;background-color:#000;color:#999;text-align:center;padding:10px; font-size:0.9em;bottom:0;box-sizing:border-box}
footer ul{padding:0; margin:0;}
footer ul li{display:inline;}
footer ul li a{text-transform:uppercase;;}
.wrapper_Single_Content.contact_address {  margin: 0 40px;padding: 0 40px;}
.sitemap{color:#fff;}
.sitemap{margin: 0 40px;padding: 0 40px;}
.sitemap ul{column-count:1;padding:0}.sitemap ul ul{column-count:1;}
.sitemap ul li{margin:5px 0;}
.sitemap ul a{color:#eee;font-weight:normal;}
.map{margin:4px 40px; padding:4px 20px;}
.col2{width:50%;float:left;}
.col2 ul li{ padding: 4px;}
.col2 ul li a{color:#fff; text-transform:uppercase; padding:4px;font-weight:normal;}
.two_col_content{column-count:2;width:100%; text-align:justify;}
.two_col_content >img{width:100%}
.cat_News h3{margin:0;}
.cat_News article{display:flex;margin:10px 0}
.cat_News article .actions{position:absolute}
.cat_News article img{width:250px;margin-right:20px;min-height:100px}
.cat_News article h3 a,.newsBlock h3 a{text-decoration:none;cursor:pointer;font-weight:normal; font-family: 'robotocondense';}
.cat_News .featured{border-bottom:solid 1px #ccc;padding:10px 0 20px;margin-bottom:40px}
.cat_News .featured h4{text-transform:uppercase;font-size:1.2em;margin:15px 0}
.cat_News .featured article{background-color:#f6f6f6;padding:10px 25px 5px 10px}
.newsBlock{margin:0;padding:10px 0 10px 0;list-style:none;display:flex;margin-top:4px;border-top:solid 1px #ccc;flex-wrap:wrap;}
.newsBlock h3{margin:0;padding:6px 10px;}
.newsBlock li{width:100%;margin:0; background-color:rgba(0,0,0,0.1);}
.newsBlock li img{float:left;margin-right:10px;width:100px;min-height:70px}
.newsBlock > img{}
.newsBlock a{color:#1CE70;;}
.newsBlock .ndt{color:#666; padding:0 10px;font-size:0.8em;width:auto;height:auto}
.newsBlock .ndt i{display:inline-block;margin-right:10px;}
.newsBlock small.fa-angle-right{font-size:0.7em;padding:0;text-decoration:underline;}
.b3 .section_title h2{background-color:rgba(35, 157, 219, 1);}
.b1 .section_title,.b3 .section_title{border-color:rgba(35, 157, 219, 1)}
.b1 .section_title h2{background-color:#fff;text-indent:-100000px;}
.bottom1 .section_title, .bottom2 .section_title,.bottom3 .section_title{  padding-left: 60px;}
.buttonlk {  width: 100px;  text-align: center;  border: 1px solid;  margin: 0 auto;  border-radius: 4px;  padding: 10px;  color: orange;}
.latestNews h4{margin-bottom:15px;text-transform:uppercase;font-size:1.2em}
.latestNews .articles{display:flex;}
.latestNews .articles article{margin:0 10px 10px 0;position:relative;width:25%}
.latestNews .articles article:nth-child(even){margin-right:0;}
.latestNews div{width:60%}
.newsBlock li:nth-child(even){margin:10px 0 ; background-color:rgba(0,0,0,0.2);}
.latestNews div.cont_thumbImage {width:40%;}
.cont_thumbImage img{width:100%}
.latestNews .articles img{width: 200px;height: 180px; object-fit: cover;}
.latestNews .articles p{display:none;}
.latestNews { padding: 0 10px 0 10px;}
.news_list {margin: 10px 0; box-sizing:border-box;}
.news_list:nth-child(2n){text-align:left;margin-top:20px;}
.news_list:nth-child(2n) .ndt{}
.news_list h3 a { color:#fd0}
.news_list .ndt{float:left;}
.news_list >img{float:left;padding: 20px; width:200px;}




.wrapper .fullNews {width:60%; margin:0 auto; overflow:hidden; float:left;}
.fullNews >img{width:400px; float:left;padding: 10px;}
.fullNews h2 {padding: 2px 10px 0 0;  margin-left: 4px;font-weight:500; margin:0 0;text-align:left;font-size:1.2em;}
.fullNews .ndt {margin:4px;text-align:left;font-weight:500; padding-right:10px; float:left; margin:0}
.fullNews .content{}
.fullNews .imgCont{width:300px;}
.fullNews .contbody,.fullNews .imgCont{margin:4px;}
.fullNews .imgCont img{width:100%;margin:0 8px 4px 0; float:left;}
.wrapper_News{}
.wrapper_News .featured article{background-color:#fee;}
.wrapper_News .featured h3:before{content:'';}
.anouncement{float:left; width:80%; margin:15px 0 15px 2%; background:#eee;border:solid 5px rgba(35, 157, 219, 1);padding:20px;text-align:center;}
.anouncement img{width:100%;}
.ndt {letter-spacing:2px;font-size:1em;color:#777}
.ndt,.nitem{box-sizing:border-box}

.nitem{padding-right:75px;}
.news_list:nth-child(2n) .nitem{padding-left:75px;padding-right:0;margin-top:20px}
.ndt{color:#ccc;width:70px;height:70px;}



#mobileMenu{position: fixed;top:0; left: 0;width: 100%;display: none;z-index:100;}
#mobileMenu ul{margin:0;padding:0;font-size:1.0em}
#mobileMenu ul li{display:block;background-color: rgba(25,25,25,0.95);text-align: left;text-transform: uppercase;border-bottom: solid 1px #292929;}
#mobileMenu ul li a{padding: 10px 0 10px 50px;display:block;text-decoration:none}
#mobileMenu ul li.lion{background-color: #fff;}
#mobileMenu ul.subMenu{z-index:10;margin-top:2px;font-size:1em;}
#mobileMenu ul.subMenu li{background-color:transparent;display:block;padding:0;border-bottom:none;margin:0}
#mobileMenu ul.subMenu li a{background-color:rgba(0,0,0,0.2);display:block;padding:5px 10px;border-radius:0;text-transform:none;width:85%;margin:0 auto 2px}
#mobileMenu ul.subMenu li a.on{background-color:rgba(0,0,0,0.5); color:#f90;}



.keyinfo{text-align: center;font-size: 1.4em;margin: 20px 0;color: green;background-color:#eee}
.keyinfo h3{margin:0 0 20px;background-color:rgba(0,0,0,0.1);padding:10px;}
.keyinfo .col3 p:first-child{font-size: 2em;margin: 0 auto;background-color: #fff;width: 100px;border-radius: 50px;height: 100px;line-height: 100px;}

.keyinfo ul{column-count:2;list-style:none;padding:20px 0;}
.keyinfo li span{color:#777;}
.keyinfo li{margin:0 0 20px;padding:10px 0 10px 75px;background:url('icons-keyinfo.png') no-repeat;background-size:60px 1200px;}
.keyinfo li:nth-child(1){background-position:-15px -15px;}
.keyinfo li:nth-child(2){background-position:-15px -63px;}
.keyinfo li:nth-child(3){background-position:-15px -111px;}
.keyinfo li:nth-child(4){background-position:-15px -158px;}
.keyinfo li:nth-child(5){background-position:-15px -211px;}
.keyinfo li:nth-child(6){background-position:-15px -267px;}
.keyinfo li:nth-child(7){background-position:-15px -318px;}
.keyinfo li:nth-child(8){background-position:-15px -365px;}
.keyinfo li:nth-child(9){background-position:-15px -413px;}
.keyinfo li:nth-child(10){background-position:-15px -459px;}
.keyinfo li:nth-child(11){background-position:-15px -508px;}
.keyinfo li:nth-child(12){background-position:-15px -551px;}/*
.keyinfo li:nth-child(1):hover{background-position:-15px -604px;}
.keyinfo li:nth-child(2):hover{background-position:-15px -653px;}
.keyinfo li:nth-child(3):hover{background-position:-15px -702px;}
.keyinfo li:nth-child(4):hover{background-position:-15px -750px;}
.keyinfo li:nth-child(5):hover{background-position:-15px -803px;}
.keyinfo li:nth-child(6):hover{background-position:-15px -851px;}
.keyinfo li:nth-child(7):hover{background-position:-15px -907px;}
.keyinfo li:nth-child(8):hover{background-position:-15px -955;}
.keyinfo li:nth-child(9):hover{background-position:-15px -1003px;}
.keyinfo li:nth-child(10):hover{background-position:-15px -1050px;}
.keyinfo li:nth-child(11):hover{background-position:-15px -1097px;}
.keyinfo li:nth-child(12):hover{background-position:-15px -1141px;}*/

.holidayList{display:flex;flex-wrap:wrap;padding:20px;}
.holidayList ul{list-style:none;width:calc(25% - 20px);margin:20px 10px;background-color:#23a0db;color:#fff;padding:5px 0 25px;}
.holidayList ul:before{display:block;padding:15px;font-size:1.5em;}
.holidayList ul:nth-child(1){background-color:rgba(35, 160, 220, 1);}.holidayList ul:nth-child(1)::before{content:'JAN';}
.holidayList ul:nth-child(2){background-color:rgba(35, 160, 220, 0.85);}.holidayList ul:nth-child(2)::before{content:'FEB';}
.holidayList ul:nth-child(3){background-color:rgba(35, 160, 220, 0.7);}.holidayList ul:nth-child(3)::before{content:'MAR';}
.holidayList ul:nth-child(4){background-color:rgba(35, 160, 220, 0.55);}.holidayList ul:nth-child(4)::before{content:'APR';}
.holidayList ul:nth-child(5){background-color:#FFFDE7;color:#000;}.holidayList ul:nth-child(5)::before{content:'MAY';}
.holidayList ul:nth-child(6){background-color:#FFEFCB;color:#000;}.holidayList ul:nth-child(6)::before{content:'JUN';}
.holidayList ul:nth-child(7){background-color:#F6E3BA;color:#000;}.holidayList ul:nth-child(7)::before{content:'JUL';}
.holidayList ul:nth-child(8){background-color:#DFCAA0;color:#000;}.holidayList ul:nth-child(8)::before{content:'AUG';}
.holidayList ul:nth-child(9){background-color:rgba(180, 50, 50, 1);}.holidayList ul:nth-child(9)::before{content:'SEP';}
.holidayList ul:nth-child(10){background-color:rgba(180, 50, 50, 0.85);}.holidayList ul:nth-child(10)::before{content:'OCT';}
.holidayList ul:nth-child(11){background-color:rgba(180, 50, 50, 0.7);}.holidayList ul:nth-child(11)::before{content:'NOV';}
.holidayList ul:nth-child(12){background-color:rgba(180, 50, 50, 0.55);}.holidayList ul:nth-child(12)::before{content:'DEC';}
.holidayList ul li{margin:10px 15px;}
.holidayList ul li label{padding-left:5px;}
/*.holidayList ul.single li label{display:block;font-size:1.8em;padding-top:10px;padding-left:0;}
.holidayList ul.noe li span{font-size:4.5em;font-weight:bold;}*/

#albox{display:flex;flex-wrap:wrap;}
#albox .back{cursor:pointer;background-color:red;color:#fff;padding:15px 0;width:30px;line-height:0px;text-align:center;border-radius:15px;display:none;position:absolute;right:20px;}
#albox.off .box{display:none;}
#albox.off .back{display:block;}
#albox .box{background-color:#425F57;width:calc(25% - 20px);margin:20px 10px;text-align:center;color:#fff;font-weight:normal;text-transform:uppercase;cursor:pointer;}
#albox .box:nth-child(2){background-color:#749F82;}
#albox .box:nth-child(3){background-color:#A8E890;}
#albox .box:nth-child(4){background-color:#CFFF8D;}
#albox .box .boxImg{height:200px;overflow:hidden;}
#albox .box img{width:100%;height:100%;}
#albox .box .albumNm{padding:30px 10px;}
#albumCont .album{display:none;margin:30px 0;padding:0;border:none;width:100%}
#albumCont .album.on{display:flex;flex-wrap:wrap;align-items:center;}
#albumCont .album h2{width:100%;box-sizing:border-box}
#albumCont.show .album{display:block;}
#icon_wrapper{position:fixed;right:0;top:5px;text-align:center;z-index:100;}
#icon_wrapper a{color:#fff;display:inline-block;margin:5px 0;font-size:1.2em;}

#social_icons{position:absolute;right:20px;top:0;z-index:99;}
#social_icons a{background:transparent url('../asset/social-logos.png') center -3px no-repeat;display:inline-block;padding:12px;margin:5px;background-size:80%}
#social_icons a.facebook{}
#social_icons a.instagram{background-position:center -57px}
#social_icons a.youtube{background-position:center -72px;padding:12px 14px}
#social_icons a.twitter{background-position:center -98px;padding:12px 14px}

.mob .parent .fa-angle-down{position:absolute;right:15px;top:12px}
.mob .parent{position:relative}
.mob .parent .subMenu{display:none}

#flashMsg{position:fixed;background-color:rgba(0,0,0,0.8);height:100%;width:100%;z-index:90000;top:0;box-sizing:border-box;display:none;transition: visibility 0s, opacity 0.5s linear;text-align:center}
#flashMsg .msg{background:url('admission-open.png') no-repeat center center;background-size:100% 100%;padding:70px 30px 20px;box-sizing:border-box;color:#666;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:310px}
#flashMsg .msg strong{color:#000;}
.pic{text-align:center;margin:10px 0;}
.text{text-align:justify;}
.heads{text-align:center; }
.princidesk{position:relative}
.wrapper_Single_Content.princidesk article img{position:static;border-radius:0;margin:4px 15px 0 4px;float:left}

.row,.flex {display:flex; flex-wrap:wrap;}
/*.col3{width:33%; text-align:center;box-shadow:0 0 5px #9df;border-radius:5px}*/
.col3{width:33%; text-align:center}

/*.col3{width:33%; text-align:center;box-shadow:0 0 5px #9df;border-radius:5px}*/
.col2{width:50%;position:relative;padding:0 50px 0 120px;box-sizing:border-box}
.col2 img{border-radius:100px;position:absolute;left:0;top:10px;width:110px;height:110px}
.our_class h3{font-size: 1.6em; margin:10px 0;}
.ourclasses {width:calc(50% - 10px);margin:10px 0;background: #cf2e2e; position:relative;height:170px}
.ourclasses:nth-child(2n){background: #fcb900;margin-left:20px}
.ourclasses:nth-child(3n){background: #0693e3;}
.ourclasses:nth-child(4n){background: #7bdcb5;}
.ourclasses img{float: left;  width: 50%;object-fit:none;object-position:center;height:100%}
.ourclasses h4{text-align:center; font-size:1.4em; margin-top:60px; text-transform:uppercase;}



#connect_icons{position: fixed;  right: 10px;  bottom: 40px;  z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,0.5);  border-radius: 4px 0 0 4px;}
#connect_icons .button{padding:6px;}
#connect_icons .button a img{height: 30px;  border-radius: 14px;  background: #fff;}
#connect_icons a{color: #fff;  padding: 4px 12px;  display: flex;  align-items: center;  gap: 8px;  border-radius: 3px;  font-weight: 400; text-decoration:none; }
#connect_icons a.wa_imphal{background-position:center}
#connect_icons a.wa_guwahati{background-position:center}



/*.taCont{position:relative;margin-bottom:170px}
.timing{position:absolute;margin-top:20px}
.timing p{padding:10px 20px;float:left;margin:0 20px 0 0;background-color:#ffc}
.arise{width:28%;float:right;margin:40px 0 40px 40px;padding:20px;text-align:center;background-color:#fed}
.pic{float:left;margin:10px 10px 20px 0}
.numbertext{display:none}
.fade{margin-bottom:40px}
.fade .heads{text-align:left}
.boys,.girls{padding:0 25px 15px;background-color:#f6f6f6;min-width:40%}
.boys{margin-right:40px;background-color:#eee}
.boys ol,.girls ol{list-style-position:inside;padding:0}
.boys li,.girls li{margin:5px}
.holidays{width:50%}
.holidays table{width:100%;border-collapse:collapse}
.holidays thead td{background-color:#0af;color:#fff;font-family:'robotocondense'}
.holidays td{padding:3px 6px;border:solid 1px #ccc;background-color:#f6f6f6}
.holidays tr:nth-child(even) td{background-color:#cef}
.prog{margin-left:40px}
.prog ol{margin:0 0 50px}
.prog li{margin:5px 0}*/

.agegrp{list-style:none;margin:20px 0;padding:0;display:flex}
.agegrp li{background-color:rgba(0, 250, 100, 0.1);text-align:center;padding:10px 0 0;margin:5px;border:solid 3px rgba(0,0,0,0.1)}
.agegrp li span{display:block;padding:10px 15px;margin-top:10px;background-color:rgba(0,0,0,0.1)}
.fees{margin-top:40px}
.fees table{border-collapse:collapse;margin:20px 0 40px 35px}
.fees table th{text-align:left}
.fees table th,.fees table td{padding:5px 10px;border:solid 1px #ddd}
.uniform{display:flex;margin:20px 0 40px}
.uniform ul{padding-left:15px}
.uniform li,.admission_age li,.fees li,.attd li{margin:10px 0}
.boys,.girls{width:25%;padding:20px;background-color:rgba(0, 250, 100, 0.1)}
.uniform .girls li{margin:5px 0}
.uniform .uniformrules{padding:30px 50px;background-color:#ffe;width:50%;margin:0;list-style:square}
.bottom a{color:#9f9}

.homeintro{margin:30px 0 0;display:flex}
.homeintro div{box-sizing:border-box;width:22%;padding-right:40px}
.homeintro div:first-child{width:28%}
.homeintro div:last-child{width:50%;padding-right:0}
.homeintro div p{text-align:justify}



#academicCalendar{position:relative;text-transform:uppercase;padding:20px 0}
#academicCalendar ul{list-style:none;padding:0;margin:0}
#academicCalendar .months{display:flex;flex-wrap:wrap;}
#academicCalendar .month{width:calc(25% - 15px);box-sizing:border-box;margin:20px 20px 20px 0;padding:15px;background-color:rgba(0,0,0,0.05)}
#academicCalendar .month:first-child{background-color:transparent}
#academicCalendar .month:nth-child(4n){margin-right:0;}
#academicCalendar .month h2{margin:0;font-size:1.4em;color:#055;font-family:'roboto_l'}
#academicCalendar .month h2.year{font-size:1.6em;color:#000;font-family:'roboto_r'}
#academicCalendar li{color:#390;margin:10px 0}
#academicCalendar li.holiday{color:#e00;}
#academicCalendar li strong{padding:2px 5px;background-color:rgba(50,255,0,0.2);display:inline-block;margin-right:10px}
#academicCalendar li.holiday strong{background-color:rgba(255,150,0,0.2)}
#academicCalendar li span{font-size:0.9em}




/*/lider new*/

.slideshow-container {  max-width: 1000px;  position: relative;  margin: auto;}

/* Caption text */
.text {  color: black;  font-size: 15px;  padding: 8px 12px;  bottom: 8px;  width: 100%;}

/* Number text (1/3 etc) 
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}*/

/* The dots/bullets/indicators */
.dot {
  /*height: 15px;*/
  /*width: 15px;*/
  /*margin: 0 2px;*/
  /*background-color: #bbb;*/
  /*border-radius: 50%;*/
  /*display: inline-block;*/
  /*color:green;*/
  /*transition: background-color 0.6s ease;*/
}
/*
.active {
  background-color: #717171;
}

 Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}


@media (max-width: 1100px)
{
}

@media (max-width: 960px)
{
header,nav{width:100%;margin:0}
}

@media (max-width: 820px)
{
	
}
/**/
@media (max-width: 765px)
{
.main{}
.top{height:75px}
.pageTitle{font-size:0.8em; margin:0; padding:20px;}

nav{display:none;}
#mobileMenu{position:fixed;overflow-y:auto;height:100%}
.toggleMobile{position: fixed;top:10px;right:15px;display: block;width:25px;height:20px;cursor: pointer;z-index: 999;}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3{display: block;position: absolute;width:30px;height:6px;left: 0;background:#999;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1{top: 0;}
.toggleMobile span.menu2{top: 10px;}
.toggleMobile span.menu3{top: 20px;}
.toggleMobile.active span.menu1,.toggleMobile.active span.menu2{background-color:#999}
.toggleMobile.active span.menu1{top: 10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}


#logo{text-align:center; width:auto; margin:0}
#logo > img {width:55px; float:left;}
.wrapper,.contact_address .wrapper, .contact_form .wrapper{width:auto;}	

.notice,.left, .right,.b3,.b1,.bottom1, .bottom2 {width: 100%;}

.latestNews .articles article:nth-child(2n), .newsBlock li:nth-child(2n) {  margin:10px 0;}
.latestNews .articles{  flex-direction:column;}
.latestNews .articles article {  width:auto;  margin:10px 0;}
.latestNews {  padding:0px;  margin: 0}	
.b3:first-child{margin-right:17%;}

.contact_address .wrapper, .contact_form .wrapper{min-height:auto;float:none}
.contact_address,.contact_form{width:auto;float:none}
.contact_form form input, .contact_form form textarea{width:100%}
.contact_form form label{width:100%; text-align:center;}
.single_article article{width:100%}
.imageSlider ul{height:180px}
.twocolumn article{width:100%}

.three_col_content{width:100%; margin:0 4px;}
.album{width:100%}

.message .msgCont{display:block;padding:10px}
.message .msgBox{width:100%;margin-top:40px;text-align:center;}
.message .msgBox img{float:none}
.message .msgBox p{clear:both;padding:5px}
.schemes .wrapper{display:block}
.schemes h2{display:block}
.schemes article{width:calc(100% - 60px);}
#featuredNotice .scrollCont{position:static;white-space:normal;text-align:center;}
.map{margin:4px;padding:4px;}
.anouncement{width:89%;float:none;margin:30px auto;box-sizing:border-box;}
.main .anouncement article{padding:0;font-size:1em}
.main .anouncement article p{font-size:1em;}
.notice article, .content_wrap{width:100%;}
.left, .right, .bottom1, .bottom2{width:100%}
.bottom1, .bottom2, .bottom3{width:100%; border-bottom:1px solid #fff;padding:0; margin:0; min-height: auto;}
.wrapper_Single_Content.sitemap{margin:0; padding:0}
.wrapper_Single_Content.contact_address{margin:0; padding:0;}
.two_col_content{column-count:1; width:auto; margin:0 10px;}
.page{width:auto; margin:auto;}

.main{}
#breadcrumb{padding:10px 25px}

.secblock.mid, .secblock.right, .secblock.mid{width: auto; float:none}

.main article{padding:20px 0;}
.section_title{margin:10px 20px;}
.b1 .section_title{display:none;}
.section_title h2{ display:none; width:100%;box-sizing:border-box;}
.holidayList{display:block;padding:0;}
.holidayList ul{width:100%;margin:30px 0;}
.keyinfo ul{column-count:1;}
.heads{text-align:center; }

#albox,#albumCont{display:block;}
#albox .box{width:100%;margin:20px 0;}
.wrapper .fullNews{width:100%;box-sizing:border-box;}
.fullNews .content{display:block;}
.fullNews .contbody,.fullNews .imgCont{width:100%;margin:0px;}
#featuredNotice{box-sizing:border-box;margin-top:20px}
.wrapper_Single_Content article img{height:auto;position:absolute;border-radius:50px;left:5px;top:15px;width:80px}
.keyinfo{clear:both}
.row,.flex{display:block}
.row .col3{width:calc(100% - 20px);padding:10px;margin:20px 0}
.row .col3:nth-child(2){margin:20px 0}
.row .col2{width:100%;padding:0 0 0 100px;box-sizing:border-box;margin:10px 0;position:relative}
.row .col2:nth-child(2){margin:10px 0}
.our_class .ourclasses{width:100%;margin:10px 0;align-items: center;display:flex}
.our_class .ourclasses img{border-radius:0;position:static;width:50%}
.our_class .ourclasses h4{text-align:left;width:50%;margin:0;box-sizing:border-box;padding:5px 5px 5px 20px}

.taCont{margin-bottom:0px}
.timing{position:static}
.timing p,.arise{float:none;margin-right:0}
.arise{width:auto;margin:20px 0}
.pic{float:none;margin:10px auto}
.text{width:auto}
.boys,.girls,.uniform .uniformrules{width:auto}
.uniform .uniformrules{padding:20px 20px 20px 30px}
.boys ol,.girls ol{list-style-position:outside;padding-left:16px}
.holidays{width:auto;font-size:0.8em}
.prog{margin:30px auto}
.wrapper_Notice article{margin:10px 0;padding:15px}

.homeintro{display:block;}
.homeintro div,.homeintro div:first-child,.homeintro div:last-child{width:100%;padding:0 0 20px}
.wrapper_Custom.bottom,.wrapper_Custom.bottom article{width:100%;box-sizing:border-box;padding:10px}
.wrapper_Custom.bottom article{margin:0px 0 40px}

.secblock.main_content{padding:10px 25px}
.four_d,.build{flex-wrap:wrap}
.four_d strong:first-child{margin:0 40px 20px 0px}
.four_d strong:nth-child(2n){margin-bottom:20px;margin-right:0}
.build strong{min-width:130px}
.hostel,.school_prayer,.uniform,.agegrp{display:block}
.content .hostel div.block,.hostel .block table{width:100%;box-sizing:border-box}
.hostel ul{padding-left:20px;margin-bottom:50px}
.prayer,.hymn,.chorus{width:100%}
.school_prayer .hymn{margin:50px 0}
.firstaid:before{margin-bottom:20px}
.albumPhoto{width:calc(50% - 10px);margin:10px 0 10px 0}
.albumPhoto:nth-child(2n){margin-right:10px}
.albumPhoto a, .albumPhoto img{height:100px}
.uniform{}
.fees table{margin-left:0;font-size:0.8em}
.agegrp li{margin:5px 0 20px;}
.contact_us .secblock.left{float:none;width:auto;margin:0}
.contact_us .wrapper_Contact.Form{margin:0;padding:0}
.contact_us .wrapper_Contact .field{width:100%}

#academicCalendar .months{display:block}
#academicCalendar .month{width:100%;margin:20px 0}

}



@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
/*end here*/


#mobView{position:fixed;z-index:1001;height:100%;top:20px;text-align:center}
#mobView img{background-color:#fff;padding:2%;width:90%;border-radius:5px;}
#mobView h3{background-color:#fff;margin:auto;width:94%;border-radius:5px;}
#mobView a.close{background-color:#e00;color:#fff;cursor:pointer;padding:2px 5px;border-radius:5px;position:fixed;right:10px;top:5px}



@media (max-width: 500px)
{
.imageSlider .info{font-size:1.4em;}
}