@font-face {font-family:'local1';src: url('local-ksl.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;}
a{cursor:pointer;text-decoration:none;color:#7cc}
h1, h2, h3, h4, strong, th {  margin: 0;  font-weight: normal;font-family:'roboto_r'}
.top{width:100%;background: #1F2024;}
#top_header{ width:350px; margin:0 auto;} 
.logo a img{ z-index: 100;width:60px; float:left;margin:10px;}
a.ttl{font-size:1.6em;font-family:'roboto_r'}


.pageTitle{color: #000;  padding-top:16px;}
.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}
.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;}
.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:auto}
.navigation nav{font-family: 'roboto_l';  position: relative;  z-index: 1000;}
.navigation nav ul{padding: 0;list-style: none;text-align: center;margin:20px 0 0}
.navigation nav ul li{display: inline-block; text-decoration:none;  font-weight:normal; text-transform: uppercase; margin: 0 5px;}
.navigation nav ul li a{display: inline-block;  padding: 10px 15px;text-transform: uppercase;  text-decoration: none;  cursor: pointer;}
.navigation nav ul li a.on{ color: #efe; font-family:'roboto_r';}
.navigation nav ul li.on{background:#fff;}
.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;margin:0;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{font-size:1em;display:block;padding:0;border-bottom:solid 1px #eee;margin:0;}
.navigation nav ul.subMenu li a{background-color:#efe;display:block;padding:5px 15px;border-radius:0;}
.navigation nav ul.subMenu li a.on{background-color:#fff; color:#000;}

#featuredNotice{background-color:#888;padding:10px;color:#fff;overflow:hidden;min-height:15px;width:auto;font-size:0.8em;position:relative}
#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:450px;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;padding-bottom:35px}
.slide{position:relative;margin-bottom:10px}
.slide .section_title{display:none;}
#breadcrumb{margin:0 auto;width:100%; padding:16px calc(45px + 2%);box-sizing:border-box}
#breadcrumb a{text-transform:uppercase; text-decoration:none;}
#breadcrumb a >after {content: '\25B8';}


.section_title h2{display:none;}


.secblock.main_content{width:100%; margin:0 auto;overflow: hidden;padding:20px calc(45px + 2%);box-sizing:border-box}
.secblock.slide,.secblock.bottom {width: 100%;  margin: 0;  padding: 0;}
.secblock.mid{width: 60%; float:left; margin: 30px 2% 0 2%;  padding: 1%;}
.secblock.right{width: 28%;  float: left;  margin: 30px 2% 0 2%;  padding: 10px;}
.secblock.left{width: 56%; float:left; margin: 0 0 0 calc(35px + 2%);  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%} 

.notitle{margin-top:30px}
.localLang{display:block;font-family:'local1';font-size:1.4em;line-height:1em;color:#666}





.hostel{display: flex; margin:20px;}
.hostel .block {width:50%; margin: 10px 20px; padding: 10px;}
.hostel .block :first-child {width: 60%;}
.hostel .block :nth-child(2) {}

.bottom{clear: both; background: #666; color:#fff;}
.wrapper_Custom.bottom{display: flex; flex-wrap: wrap;padding: 0 45px; margin:0 auto;}
.wrapper_Custom.bottom article{width:28%; margin: 45px 0; padding: 0 2%}
.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;}
.bottom ul{margin:10px 5px;padding:0}


.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;}
.captchaImg {display: flex;flex-wrap: wrap;}
.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);}

.cite{text-align:center;}
.cite cite{background-color:#eed;display:inline-block;font-size:1.3em;width:250px;padding:20px;}



#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:23%}
.albumPhoto a,.albumPhoto img{display:block; object-fit: cover;  width:100%;  height: 200px;}
.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;}
.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;}
.newsBlock h3{margin:10px 0;font-size:1em}
.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-top:10px;font-size:0.8em}
.newsBlock .ndt i{display:inline-block;margin-right:10px;}
.newsBlock small.fa-angle-right{font-size:0.7em;padding:0;text-decoration:underline;}
.newsBlock div{width:80%}
.newsBlock div.cont_thumbImage {width:20%;margin-right:10px}
.cont_thumbImage img{width:100%}
.newsBlock li:nth-child(even){margin:10px 0 ; background-color:rgba(0,0,0,0.2);}
.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 .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;display:flex}
.news_list:nth-child(2n){}
.news_list .ndt{padding:10px;background-color:#eee;}
.news_list h3 a {}
.news_list .ndt{float:left;font-family:'roboto_r'}
.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{margin-left:20px}
.news_list:nth-child(2n) .nitem{}
.secblock.full{background-color:#eed;clear:both;padding:20px calc(45px + 2%)}
.video .content{display:flex}
.video .col2{margin:0 15px 20px 0}



#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;}


#enqPop{position:fixed;bottom:0;right:0;background-color:#222;padding:20px;display:none}
#enqPop input,#enqPop textarea{display:block;margin:0 0 10px;width:100%;box-sizing:border-box;padding:5px;}
#enqPop button{text-transform:uppercase;border:none;border-radius:2px;background-color:#390;color:#fff;padding:5px 10px;margin-right:10px;cursor:pointer}
#enqPop button.cancel{background-color:#e30;color:#fff}
.grecaptcha-badge { visibility: hidden; }
#connect_icons .g-terms a{display:inline;color:#f90;padding:0}
#connect_icons .g-terms{margin-top:15px;width:170px}

.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; }


.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%;}
.keyinfo{text-align: center;  font-size: 1.4em;  padding-top: 10px;  margin: 20px 0;  color: green}
.our_class h3{font-size: 1.6em; margin:10px 0;}
.ourclasses {width: 47%;  margin: 8px;  background: #cf2e2e;  }
.ourclasses:nth-child(2n){background: #fcb900;}
.ourclasses:nth-child(3n){background: #0693e3;}
.ourclasses:nth-child(4n){background: #7bdcb5;}
.ourclasses img{float: left;  width: 50%;}
.ourclasses h4{text-align:center; font-size:1.4em; margin-top:40px; text-transform:uppercase;}


.our_activities{width: 47%; }
.our_activities img{border-radius:60px;padding:12px;}

#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}


.flex{display:flex;margin:20px 0}
.unitim{width:70%;margin-top:30px}
.song{width:30%;margin-top:30px}
.timing ul{list-style:none;padding:0;margin:0}
.timing li{margin:10px 0;}
.timing li span{display:inline-block;margin-right:10px;width:220px;}
.uitems span{display:inline-block;padding:2px 5px;border-radius:3px;margin:4px;color:#fff}
.uitems .white{border:solid 1px #ddd;color:#000}
.uitems .blue{background-color:#039}
.uitems .grey{background-color:grey}
.uitems .red{background-color:red}
.uitems .olive{background-color:olive;}
.uitems .black{background-color:#000;}
.uitems .maroon{background-color:#800000;}
.uitems .yellow{background-color:#ff0;color:#000}

.facilities,.labs{display:flex;margin-top:30px}
.facilities{flex-wrap:wrap}
.facilities .box{width:calc(25% - 30px);margin:0 40px 40px 0}
.facilities .box:nth-child(4n),.labs .box:nth-child(4n){margin-right:0}
.labs .box{margin-right:40px;}
/*
.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}
*/


/*/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{padding-bottom:50px}
.top{}
.pageTitle{font-size:0.8em; margin:0; padding:15px;}

nav{display:none;}
#mobileMenu{position:fixed;overflow-y:auto;height:100%}
.toggleMobile{position: fixed;top:10px;right:10px;display: block;width:30px;height:26px;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);
}
.col2{width:100%}

.facilities, .labs{display:block;}
.facilities .box, .labs .box{width:auto;}
#logo{text-align:center; width:auto; margin:0}
#logo > img {width:80px; 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:20px;  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;}

.secblock.main_content,#breadcrumb{padding:15px 3%}

.secblock.mid, .secblock.right, .secblock.left,.wrapper_Custom.bottom article{width: auto; margin: 2%; padding: 1%;}
.wrapper_Custom.bottom{display:block;padding:15px}

.main article{padding:20px;}
.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;padding:20px;}
#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;}
.wrapper_Single_Content article img{width:100%;height:auto}

.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:calc(100% - 20px);padding:10px;margin:20px 0}
.row .col2:nth-child(2){margin:20px 0}


.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{margin:10px 0;width:auto;padding:1px 20px}
.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:20px}

.unitim,.song{width:100%;}
.unitim{margin-top:30px}
.timing li span{width:150px;}
}



@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;}
}