@font-face {font-family:'mm';src: url('EPAOMAYEK.TTF') format('truetype');}
@font-face {font-family:'fa';src: url('fontawesome.ttf') format('truetype');}

html{ font-size:15px;}
body{background-color:#fff;overflow-x:hidden; font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1em;}
body.s1{font-size:0.9em}body.s2{font-size:0.8em}body.s3{font-size:0.7em}
body.l1{font-size:1.1em}body.l2{font-size:1.2em}body.l3{font-size:1.4em}
header{height:109px; position:fixed; overflow:hidden;width:100%}
p {}
a{color:#068280}
.flex{display:flex}
.top{width: 100%;  padding-top:10px;}
.fa{font-family:"fa";}
#search_block{position:absolute;top:0;height:30px;width:100%;background-color:rgba(0,0,0,0.6);font-size:15px}
#search_block form{padding:4px 10px;}
#font_sizer{float:left;padding:2px 10px;}
#font_sizer a{cursor:pointer;color:#fda;display:inline-block;margin:0 5px;}
.rcont{float:right;display:flex}
.rcont .secondary{list-style:none;margin:4px 20px 0;padding:0}
.rcont .secondary li{display:inline-block}
.rcont .secondary a{display: inline-block;padding: 10px;margin: 0 5px;background: transparent url("../asset/sec-icons.png") no-repeat 0 center;background-size: auto;background-size: 300%;text-indent:-20000px;line-height:0;}
.rcont .secondary a.home{background-position: -5px -5px;}
.rcont .secondary a.home.on{background-position: -5px -31px;}
.rcont .secondary a.contact{background-position: -35px -3px;}
.rcont .secondary a.contact.on{background-position: -35px -31px;}
.logo_block{display:flex; height: 100px;max-width:100%;width:90%;margin:auto;position:relative}
body.l2 .logo_block{height:105px}body.l3 .logo_block{height:110px}
#logo{text-align:right;margin-right:10px;}
#logo > a{display:inline-block}
#logo > a > img{ width:90px;float: left;}
.logo2 {display:inline-block}
.logo2{width:100px;text-align:center}
.logo2 img{width:60px; padding-top:10px;}
.local{color:#000;font-size:1.2em;letter-spacing:1px;color:#555}

.pageTitle{width:calc(100% - 200px); color: #000;text-align:left;}
.pageTitle h1{ margin:0; font-size:1.4em;color:#000;font-weight:bold}
.pageTitle h2{font-size: 0.9em;padding: 0;margin: 0; color:#362f2f;font-weight:bold}
.pageTitle h3{margin:5px 0 0; text-transform:none;line-height:1em;color:#ff9;display:none}
.pageTitle > img{height:18px;margin-left:-5px;}
.pageTitle h2.tagline{margin-bottom:5px;font-weight:normal}
#loginInfo{padding:5px 85px 5px 10px;border-radius:0 0 15px 15px;background-color:#06c;color:#fff;z-index:100; position:absolute;}
#loginInfo.withSM{right:130px;}
.logout{background-color:#fff;background-position:5px center;border-radius:20px;right:3px;top:2px;padding:3px 10px 3px 20px;cursor:pointer}
#breadcrumb{display:none;padding:5px 20px 5px;background-color:rgba(100,200,0,0.1);border-bottom:solid 3px #ccc}
#mobileMenu{display:none}
#sMenuCont{background-image: linear-gradient(to right,rgba(0,0,0,0), rgb(219, 25, 25), rgb(76, 6, 6));width:100%;position:absolute;left:0;top:0;z-index:2;height:40px}
#sMenu{display:flex;padding:5px; margin:4px; list-style: none; float:right;}
#sMenu a{display:inline-block;padding:10px;margin:0 5px}
#sMenu nav:first-child{margin-right: 10px;border-right: solid 1px rgba(255,255,255,0.2);padding-right: 10px;}
#sMenu nav:first-child a{background:transparent url("../asset/sec-icons.png") no-repeat 0 center;background-size:300%}
#sMenu nav:last-child a{background:transparent url("../asset/social-icons.png") no-repeat 0 center;background-size:250%}
#sMenu nav:first-child a.home{background-position:-5px -5px}
#sMenu nav:first-child a.home.on{background-position:-5px -31px}
#sMenu nav:first-child a.contact{background-position:-35px -5px}
#sMenu nav:first-child a.contact.on{background-position:-35px -31px}
#sMenu nav:last-child a.youtube{background-position:-30px center}
.navigation{padding:0;background-color:#fff;}
.navigation nav{max-width:100%;width:90%;margin:auto}
.navigation nav ul{margin:0;padding:0;list-style:none;}
.navigation nav ul li{display:inline-block;}
.navigation nav ul li a{font-weight:bold;padding:10px;color:#000;text-decoration:none;cursor:pointer;margin-left:5px;display:block;text-transform:uppercase}
.navigation nav ul li .noPage{cursor:default;}
.navigation nav ul li a:hover{background: #f8fafc;color:#37b}
.navigation nav ul li a.on{color:#37b;}

.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:100;border-top:solid 1px #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);font-size:0.9em;text-align:left;min-width:140px}
.navigation nav ul li:hover>ul.subMenu{display:block;}
.navigation nav ul.subMenu li{background-color:#181b36;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{color:#fff;}
.navigation nav ul.subMenu li.parent > a{color:#eee;}
.navigation nav ul.subMenu li.parent > a:after{content:'\25BE';}
.navigation nav ul.subMenu .subMenu{position:static;display:block;}
.navigation nav ul.subMenu .subMenu>li{padding-left:10px;}
/* Header Sticky */
.top.sticky .navigation nav{position:fixed;width:100%;top:0;left:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;background:#fff;transition:all 0.4s ease;animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);z-index:20;
}
.top.sticky .navigation nav ul{width:90%;margin:auto}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}

/*.secMenu{position:absolute;right:20px;top:0px;z-index:10}
.secMenu li{display:inline-block;float:left;margin-right:10px;text-align:center}
.secMenu a{display:flex;border-radius:0 0 20px 20px;font-size:1.2em;color:#096;padding:2px 6px 4px;text-decoration:none}
.secMenu a:hover{background-color:#afc;}
.secMenu a.on{background-color:#096;color:#fff;}
.secMenu a::before{display:inline-block;width:20px;height:20px;}
.secMenu .home a::before{content:"";--si-icon-path:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12L12 4L21 12M5 11L5 18C5 18 5 20 7 20L17 20C19 20 19 18 19 18L19 11'/%3E%3C/svg%3E") no-repeat;mask: var(--si-icon-path) no-repeat;mask-size: 100% 100%;}
.secMenu .home a::before{background-color:#096;}
.secMenu .home a.on::before{background-color:#fff;}
.secMenu .contact_us a::before{content:'@';font-family:'verdana'}*/

.header_right{margin:0;position:absolute;right:0;padding:0;display:flex;}
.header_right li{list-style:none;color:#fff;margin:20px 0 0 20px;width:50%;display:flex;align-items: center;}
.header_right li::before{content:'';background-color:#fff;mask-size:100%;padding:10px;margin-right:10px}
.header_right li:first-child::before{-webkit-mask-image:url("../asset/location.svg");mask-image:url("../asset/location.svg");}
.header_right li:last-child::before{-webkit-mask-image:url("../asset/mobile.svg");mask-image:url("../asset/mobile.svg");}

#featuredNotice{background:linear-gradient(90deg, rgba(230, 235, 245,1) 0%, rgba(220,225,235,1) 50%);padding:5px 0;overflow:hidden;min-height:25px;width:100%;position:relative}
#featuredNotice::before{background-color:rgba(220,225,235,1);content:'Announcement :';font-weight:bold;position:relative;padding:5px 10px 5px 5px;white-space:nowrap;z-index:10}
#featuredNotice .scrollCont {position: absolute;top:5px;width:auto; text-align:left;font-size:0.9em;white-space:nowrap;left:100%;}
#featuredNotice .scrollCont a{color:#fff}
#featuredNotice .scrollCont p{display:inline-block;margin:0}
#featuredNotice .scrollCont .noticeDt{display:none}
#featuredNotice h4 {display: inline-block;margin: 0 30px 0 0;font-size:1em}
#featuredNotice .noticeDt{color:#fff}

.notice article{border-bottom:solid 1px #ccc;padding-bottom:20px;margin:20px auto;}
.notice article:last-child{border:none}
.notice h4{font-size:1.4em;font-weight:normal;}
.notice h4, .notice p{margin:15px auto;}
.notice .noticeDt::before{color:#6d1e91;content:'\f073';font-family:'fa';font-size:1em;display:inline-block;margin-right:5px;}
.cat_Notice.notice.spm52 .content_wrap{width:75%;margin:0 auto;}


.slide{width:100%}
.imageSlider .section_title{display:none;}
.imageSlider .wrapper{position:relative;width:100%}
.imageSlider ul {height:500px;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(55, 200, 150, 0.7);border:2px solid #000;display:inline-block;margin:0 5px;position:static;border-radius:3px;box-shadow:0 0 3px #000}
.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{display:none;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 #000}
.imageSlider .info span{display:block;text-transform:uppercase;font-size:1.6em}

.errorpage{width:84%; margin:20px auto;}
.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}

.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;margin: 5px;padding: 3px 10px;font-size: 12px;border-radius: 30px;background: #869791;opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;opacity: 0.5;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{opacity: 1;}
.owl-item.loading{min-height: 150px;background: url('../asset/AjaxLoader.gif') no-repeat center center}

.noticeimage img{max-width:100%}
#pdfviewer{width:100%;height:800px}

/*LAYOUTS CSS -- START */
.main{ margin:0 auto;display:flex;flex-wrap:wrap}
.mid{width:100%}
.left,.right{display:none}
.news_updates .right{display:block}
.bottom{width:100%;background-color:#eef3f6;}

.slide{position:relative;margin-bottom:10px;box-shadow:0 0 5px rgba(0,100,0,0.3)}
.slide .section_title{display:none;}
.main_content{width:90%;margin:30px auto;min-height:200px}
.section_title{display:none}

.aboveSlider{margin-bottom:20px;}
.aboveSlider .content_title{display:none;}
.aboveSlider ol{margin:0;padding:0;display:flex}
.aboveSlider li{background-color:#ffc;border:solid 1px #fd9;display:inline-block;font-size:0.8em;font-weight:600;margin-right:5px;padding:10px;text-align:center;text-transform:uppercase;}
.aboveSlider li:last-child{margin-right:0}

.below_slide, .welcome, .home_message>div, .why_choose, .counter, .projects{max-width:100%;width:90%;margin:auto}
.below_slide{position:relative}
.below_slide .content_title,.counter .content_title{display:none}
.below_slide .flex,.counter .flex{justify-content:space-between}
#ourVision,#aimsObjectives,#ourMission{background-color:#fff;border-radius:10px;width:320px;height:300px;padding:10px;text-align:center;filter:drop-shadow(7.071px 7.071px 6px rgba(0,0,0,0.12))}
#ourVision::before,#aimsObjectives::before,#ourMission::before{content:'';display:block;background:url('../asset/missioniconnew.png') no-repeat top center;background-size:100%;width:65px;height:65px;margin:15px auto}
#aimsObjectives::before{background-image:url('../asset/visioniconnew.png')}
#ourMission::before{background-image:url('../asset/philosophyiconnew.png')}
#ourVision h3,#aimsObjectives h3,#ourMission h3{font-size:1.3em;font-weight:bold}
#ourVision a,#aimsObjectives a,#ourMission a{display:inline-block;margin-top:10px;font-size:0.9em;text-transform:capitalize}
#ourVision a::after,#aimsObjectives a::after,#ourMission a::after{content:"\00BB";padding-left:5px}

.welcome,.why_choose{margin:70px auto;}
.welcome .flex,.why_choose .flex{justify-content:space-between;}
.welcome .home_img,.welcome .block_content,.why_choose .home_img,.why_choose .block_content{width:48%}
.welcome .home_img img,.why_choose .home_img img{width:100%}
.welcome h3,.why_choose h3{text-transform:uppercase;font-size:1.3em}
.home_hdr,.projects .content_title h3{background:linear-gradient(99deg, rgba(5,131,130,1) 0%, rgba(68,192,192,1) 100%);filter:drop-shadow(0px 1px 1.5px rgba(0,0,0,0.16));-webkit-background-clip:text;margin-top:0;
-webkit-text-fill-color:transparent;text-transform:uppercase;font-weight:bold}

.home_message{background-color:#d9d9d947;padding:30px;margin-top:30px;position:relative}
.home_message .actions{position:absolute;top:0}
.home_message .flex{margin: 30px auto;}
.home_message .content_title{text-transform:uppercase}
.home_message .block_content{color:#fff;background: linear-gradient(99deg, rgba(5, 131, 130, 1) 0%, rgba(68, 192, 192, 1) 100%);padding:100px 40px 0;border-radius: 5px;}
.home_message .home_img{margin-left:20px}
.home_message .home_img img{border:3px solid  #44c0c0;border-radius:5px;height:370px}

.why_choose h3{padding-left:0;}
.counter{margin:30px auto 70px}
.students, .hours, .achievements, .teachers{color:#058382;font-size:1.3em;font-weight:bold;background:url('../asset/readingillistrator.png') no-repeat left center;background-size:37px 45px;padding-left:50px}
.hours{background-image:url('../asset/timimglogo.png');background-size:40px 40px;}
.achievements{background-image:url('../asset/awardillustrator.png')}
.teachers{background-image:url('../asset/studentillustrator.png')}

.home .scroll_notice .section_title{display:block;position:relative}
.home .scroll_notice .section_title h2{font-weight:bold;margin-top:50px;}
.scroll_notice{overflow:hidden;position:relative;margin-bottom:50px;padding:30px 5%}
.scroll_notice .wrapper_News{width:90%;margin:30px auto;position:relative;z-index:1;}
.scroll_notice .owl-wrapper-outer{overflow:hidden}
.scroll_notice .owl-wrapper{display:flex !important}
.scroll_notice .owl-item{padding:10px}
.scroll_notice .newsBlock{padding:10px;height:100%;position: relative;background: #ffffff59;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);border: 1px solid #ffffff3b;transition: all 0.4s ease;border-radius: 10px;}
.scroll_notice .cont_thumbImage,.scroll_notice .no_attach{height:200px;overflow:hidden;background-color:rgba(255,255,255,0.5);position:relative}
.scroll_notice .cont_thumbImage img{position: absolute;object-fit: cover;object-position: center;width: 100%;height: 100%;}
.scroll_notice .no_attach{display:flex;align-items:center;justify-content:space-around}
.scroll_notice .no_attach::before{content:'\f03e';font-family:'fa';opacity:0.1;font-size:5em}
.scroll_notice .newsBlock h3 a{color:#000;font-size:0.8em}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: empty 1ms both ease;
  -moz-animation: empty 1ms both ease;
  animation: empty 1ms both ease;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
.news_updates .scroll_notice{background:transparent;}
.news_updates .scroll_notice::before{display:none}
.news_updates .scroll_notice .wrapper_News{width:auto;margin:0}
.news_updates .wrapper_News::before{content:'Recent News';display:block}
.news_updates .news_list{border-bottom:solid 1px #eee;margin:20px auto;padding-bottom:20px;}
.news_updates .news_list h3{font-size:1em}
.news_updates .mid{margin:auto;display:flex;padding:100px 5% 50px;position:relative;justify-content:space-between}
.news_updates .full_article{width:70%;display:flex;flex-direction:column;}
.news_updates .full_article .content_title{position:absolute;top:0;width:100%}
.news_updates .full_article .ndt{margin-bottom:20px;}
.news_updates .full_article .cont_image{order:2}
.news_updates .full_article .cont_image img,.news_updates .full_article .full_news img{max-width:100%}
.news_updates .mid .section_wrapper{border-left:solid 1px #eee;padding-left:2%;width:27%;}
.news_updates .scroll_notice .cont_thumbImage,.news_updates .scroll_notice .no_attach{height:50px;width:50px;float:left;margin:0 10px 10px 0}
.news_updates .scroll_notice .no_attach::before{font-size:3em}
.news_updates .scroll_notice .nitem{float:left;width:calc(100% - 60px);margin-bottom:5px}
.news_updates .scroll_notice .nitem h3{margin:0}
.news_updates .scroll_notice .nitem p{display:none}
.news_updates .scroll_notice .ndt{font-size:0.8em;font-family:sans-serif;color:#666;}
.news_updates .scroll_notice .ndt::before,.news_updates .full_article .ndt::before{color:#6d1e91;content:'\f073';font-family:'fa';display:inline-block;margin-right:5px;}

.projects{text-align:center}
.projects h3{font-size:2em}
.projects ul{display:flex;list-style:none;padding:0;flex-wrap:wrap;justify-content:space-between;}
/*.projects li {background:url('../asset/social_work.jpg') no-repeat center center;background-size:180%;border-radius: 15px;color:#fff;font-size:2em;padding:120px 0;overflow:hidden;position:relative;width:30%;margin:30px 0;transition:background-size 1s ease;}
.projects li:hover{background-size:150%;} 
.projects .parents_day{background-image:url('../asset/parents_day.jpg');}
.projects .yoga_day{background-image:url('../asset/yoga_day.jpg');}
.projects .sports_day{background-image:url('../asset/sports_day.png');}
.projects .teachers_day{background-image:url('../asset/teachers_day.jpg');}
.projects .teachers_picnic{background-image:url('../asset/teachers_picnic.jpg');}*/
.projects li {border-radius: 15px;color:#fff;font-size:2em;padding:120px 0;overflow:hidden;position:relative;width:30%;margin:30px 0;transition:background-size 1s ease;}
.projects li::before{content:'';display:block;background-color:#00875b5c;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;transition:background-color 0.5s ease;}
.projects li img{width: 100%;height: 100%;object-fit: cover;transition:transform 0.5s ease;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.projects li:hover img{transform: translate(-50%, -50%) scale(1.1);}
.projects li:hover::before{background-color:transparent}
.projects li strong{position:relative;z-index:1;text-shadow:0 0 5px rgba(0, 0, 0, 0.8);}

.bottom .section_wrapper{display:flex;width:90%;margin:auto;justify-content:space-between}
.bottom .address img{height:75px;width:auto}
.bottom2, .bottom3{margin:20px 0;width:50%}
.bottom2 ol{display:flex;list-style:none;padding:0;align-items: center;justify-content: center;flex-wrap:wrap}
.bottom2 ol li{margin:5px 5px 5px 0;}
.bottom2 ol a{display:inline-block;padding:5px 10px;background-color:rgba(0,0,0,0.3);text-decoration:none}
.bottom2 ol a:hover{color:#adf}
.bottom3 ol{display:flex;padding-left:20px}
.bottom3 ol li { flex-grow: 1;margin-bottom:15px}
.address article{padding:20px 0 0 80px}
.address article img{margin-left:-80px}
.ph_email h3, .small_map h3{font-size:1.2em;font-weight:bold}
.small_map iframe{width:100%;height:200px}

/*LAYOUTS CSS end - End */

.page{}
.page table{border-collapse:collapse;margin-bottom:30px;width:100%}
.page table th{text-align:left}
.page table th,.page table td{padding:5px 10px;border:solid 1px #ccc;}
.page ol li,.page ul li{margin-bottom:10px}

.wrapper_Single_Content{}
.wrapper_Single_Content.no_title {  padding: 10px;}
.wrapper_Single_Content .content_title {}
.contact_form{width:90%;margin:40px auto}
.contact_form.withmap{display:flex;justify-content:space-between;}
.contact_form.withmap>div{width:48%}
.contact_form input,.contact_form textarea{height: 50px;width: 100%;padding-left: 15px;border: 1px solid #eee;color: #666;margin-bottom:15px}
.contact_form textarea{height:auto}
.map_content .small_map{float:right;height:200px}
.contact_form .captchaCont{align-items:center;justify-content:space-between}
.contact_form .captchaCont img{background-color:#399}
.contact_form .captchaCont a{width:30%;cursor:pointer}
.contact_form .captchaCont input{width:40%;margin:0}
.contact_form input[type="submit"]{background-color:#058382;color: #fff;display: inline-block;border-radius: 5px;margin-top:20px;padding: 8px 15px 8px;width:auto;}
.contact_form .location_map div,.contact_form .location_map iframe,.contact_us .small_map iframe{height:100%;width:100%}
.main_content .in_touch .content_title h3{background-color:transparent;border-bottom:solid 5px #068280;color:#068280;font-size:1.8em;margin-bottom: 1.5em;text-align:center}
.in_touch{margin-bottom:80px;}
.in_touch .flex{justify-content:space-between}
.in_touch .flex>div{text-align: left;margin-top: 30px;position: relative;padding-left: 80px;width:31%}
.in_touch .flex h3{margin-top:0;font-size:1.2em}
.in_touch .flex p{color:#666;font-size:0.9em}
.in_touch .icon{position: absolute;left: 0;color: #60cba1;}
.in_touch .fa{display:inline-block;font-style:normal;width: 60px;height: 60px;line-height: 60px;border: 1px solid #e7e7e7;font-size: 25px;color: #068280;border-radius: 100%;text-align: center;}
.fa-map:before {content: "\f279";}
.fa-phone:before {content:"\f095";}
.fa-envelope:before {content:"\f0e0";}
.contact_us .map_content{margin:30px auto;width:90%;}
.contact_us .mid .small_map,.contact_us .mid .wrapper_Location{float:none;height:500px}
.contact_us .mid .wrapper_Location article,.contact_us .mid .wrapper_Location .ft_map{box-sizing:border-box;height:100%}
.contact_us .mid .wrapper_Location article .content_title{display:none}

#reload{padding:4px;background-color:#fff;margin-left:10px;border-radius:8px;cursor:pointer}

.main_content .content_title h3,.newsBlock .content_title h3,.full_article .content_title h3{font-weight:600;font-size:1.6em;margin-bottom:30px;text-transform:uppercase}
.main_content .home_img{width:250px;margin-left:30px}
.main_content .home_img img{width:100%;border-radius:5px;border:solid 3px #05838255;}


.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;}
.albumPhoto a,.albumPhoto img{display:block; object-fit: cover;  width:auto;  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{background:transparent;width:100%; clear:both;text-align:center; font-size:0.9em;color:#000;padding:0}
footer>div{border-top:solid 2px rgba(0,0,0,0.1);max-width:100%;margin:auto;padding:15px 5% 10px;}

.wrapper_Single_Content.contact_address {  margin: 0 40px;padding: 0 40px;}
.sitemap{color:#fff;}
.sitemap ul{list-style:none;padding:0}.sitemap ul ul{column-count:1;}
.sitemap ul li{margin:5px 0;}
.sitemap ul a{color:#6f9;font-weight:normal;}
.sitemap ul a:hover{color:#fff;}
.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{text-decoration:none;color:#069;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}

.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{margin-top:54px;}
.b1 .section_title h2{display:none;}*/
.b1 .section_title h2{background-color:#fff;text-indent:-100000px;}


.latestNews h4{margin-bottom:15px;text-transform:uppercase;font-size:1.2em}
.latestNews .articles{display:flex;flex-wrap:wrap}
.latestNews .articles article{margin:0 10px 10px 0;padding-bottom:30px;position:relative;background-color:rgba(0,0,0,0.05)}
.latestNews .articles article:nth-child(even){margin-right:0;}
.latestNews .articles img{width: 100%;height: 200px;overflow: hidden;}
.latestNews .articles p{display:none;}
.latestNews { padding: 0 10px 20px 0px;}
/*.newsBlock{margin:0;padding:10px;list-style:none;display:flex;margin-top:40px;border-top:solid 1px #ccc;flex-wrap:wrap;}
.newsBlock h3{margin:10px 0;}
.newsBlock li{width:calc(50% - 30px);margin:20px 20px 20px 0}
.newsBlock li:nth-child(even){margin-right:0;margin-left:30px}
.newsBlock li img{float:left;margin-right:20px;width:250px;min-height:70px}
.newsBlock > img{}
.newsBlock a{color:#fff;}
.newsBlock .ndt{color:#666}
.newsBlock .ndt i{display:inline-block;margin-right:10px;}
.newsBlock small.fa-angle-right{font-size:0.7em;padding:0;text-decoration:underline;}*/
.news_list { overflow: hidden;  margin: 10px; }
.news_list >img{float:left;padding: 20px; width:200px;}
.wrapper .fullNews {width:80%; margin:0 auto; overflow:hidden;}
.fullNews >img{width:400px; float:left;padding: 10px;}
.fullNews h2 {padding: 10px 0 0 0;  margin-left: 4px;font-weight:500; margin:20 0;text-align:center;font-size:1.8em;}
.fullNews .ndt {margin:20px;text-align:center;color:red;font-weight:500;}
.fullNews .content{display:flex;}
.fullNews .contbody,.fullNews .imgCont{width:50%;margin:20px;}
.fullNews .imgCont img{width:100%;margin:20px 0;}
.wrapper_News{margin:0 auto;}
.wrapper_News h4{}
.wrapper_News .featured article{}
.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%;}

.no_title h3 {display:none;}


#mobileMenu{position: fixed;top: 0;left: 0;width: 100%;display: none;z-index:100;text-align:left}
#mobileMenu ul{margin:0;padding:0;font-size:1.0em}
#mobileMenu ul li{display:block;background-color:#012;color:#fff;text-transform: uppercase;border-bottom: 1px solid #fff;padding-left:40px}
#mobileMenu ul li a{padding: 8px 0;display:block;color:#fff;text-decoration:none}
#mobileMenu ul li.lion{background-color:#181b36;}
#mobileMenu .subMenu{z-index:10;margin-bottom:5px;font-size:1em;}
#mobileMenu .subMenu li{background-color:transparent;display:block;padding:0;border-bottom:none;margin:0}
#mobileMenu .subMenu li a{background-color:rgba(0,0,0,0.2);display:block;padding:5px 10px;border-radius:0;text-transform:none;}
#mobileMenu .subMenu li a.on{}
#mobileMenu .subMenu .subMenu li a{padding-left:30px}
#mobileMenu .parent .fa-angle-down{position:absolute;right:15px;top:12px}
#mobileMenu .parent{position:relative;padding-bottom:5px}

#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:#6bf;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:#06d;}
#albox .box:nth-child(3){background-color:#08e;}
#albox .box:nth-child(4){background-color:#0af;}
#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}


.pagination{padding:5px 0}
.pagination a{background-color:#fdb; padding: 1px 5px;cursor:pointer;display:inline-block;margin-right:5px}
.pagination a.on{background-color:transparent; color:#000; border-bottom:solid 3px #fc9;}

.welcome article>:nth-child(2), .home_message article>:nth-child(2){float:left;margin-right:30px}
.welcome article>:first-child, .home_message article>:first-child{margin-bottom:30px;font-weight:600;font-size:1.2em}

.num0, .num1, .num2, .num3, .num4, .num5, .num6, .num7, .num8, .num9{background:transparent url('../asset/nums.png') 0 5px no-repeat;display:inline-block;padding:8px 5px;background-size:auto 65%}
.num1{background-position:-18px 5px}.num2{background-position:-35px 5px}.num3{background-position:-52px 5px}.num4{background-position:-70px 5px}.num5{background-position:-88px 5px}
.num6{background-position:-106px 5px}.num7{background-position:-124px 5px}.num8{background-position:-142px 5px}.num9{background-position:-160px 5px}

#vision-mission{border:solid 1px #999;display:flex;margin:40px auto}
#vision-mission h3{margin-top:0}#vision-mission div{padding:30px;width:50%}
#vision-mission div:last-child{background-color:#def;}
#school-anthem{text-align:center;padding:30px;background:linear-gradient(0deg, #f6f9ff 0%, #eef3fc 50%);margin:40px auto;border:double 5px #fff}
#school-anthem h2{font-size:1.5em;font-weight:600}

/*/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)
{
#search_block{height:auto}
#font_sizer{margin-left:30px;float:none}
#showOri{left:150px}
.top{width:100%;padding:0}
.logo_block{display:block;height:80px;}
.rcont{margin-top:10px;padding:5px;float:none;background-color:rgba(0,0,0,0.4)}
.rcont form{display:flex;flex-grow:1}
.rcont form input:first-child{flex-grow:1}
body.l2 .logo_block{height:140px}
body.l3 .logo_block{height:210px}
#logo{text-align:center; width:auto;padding-top:12px;}
#logo > a > img{width:80%; float:none;margin:0;padding:0}
.logo2{width:auto;padding-top:12px;}
.logo2 img { width: 70px;padding:0 10px;}
.pageTitle{font-size:0.8em; margin:0; padding:10px 0 0;text-align:center;position:relative;width: calc(100% - 120px);}
.pageTitle > img{margin-left:0;position:absolute;left:calc(50% - 83px);top:0;clip-path:polygon(0 0, 0 20px, 165px 20px, 165px 0px, 0 0)}
.pageTitle h1{font-size:1.6em}
.pageTitle h2{font-size:1em}

nav,.header_right{display:none;}
nav.secMenu{display:block;width:auto;right:0}
#mobileMenu{position:fixed;overflow-y:auto;height:100%}
.toggleMobile{position: fixed;top:5px;left:5px;display: block;width:30px;height:28px;cursor: pointer;z-index: 999;}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3{display: block;position: absolute;width:25px;height:4px;left: 0;background:#034;border:solid 3px #012;border-radius:3px;box-shadow:0 0 5px #fff;-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: 8px;}
.toggleMobile span.menu3{top: 16px;}
.toggleMobile.active span.menu1,.toggleMobile.active span.menu2{background-color:#fff}
.toggleMobile.active span.menu1{top: 8px;-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);}

#featuredNotice{display:flex;font-size:0.8em;align-items:center;padding:0}
#featuredNotice .scrollCont{position:static;white-space:normal;text-align:center;}
#featuredNotice .scrollCont h4{font-size:1.2em;padding-top:5px}
#featuredNotice .scrollCont p{display:none}

.below_slide{margin:20px auto;width:100%}
#ourVision, #aimsObjectives, #ourMission{filter:drop-shadow(0 0 6px rgba(0,0,0,0.12));height:auto;width:100%;}
#aimsObjectives{margin:20px auto}
.welcome , .why_choose{margin:30px auto}
.welcome h3, .why_choose h3{padding-left:0;}
.welcome .home_img, .why_choose .home_img,.home_message .home_img{display:none}
.welcome .block_content, .why_choose .block_content{width:100%}
.home_message{padding:0;margin:0;position:relative}
.home_message .content_title{top:60px;padding-left:20px}
.home_message .block_content{padding:100px 20px 20px}
.counter{margin:auto}
.students, .hours, .achievements, .teachers{margin:0 auto 30px}
.projects ul,.bottom .section_wrapper{display:block;width:100%}
.projects ul li{width:auto}
.bottom .address article img{margin:auto;width:100%;height:auto}
.scroll_notice .wrapper_News{width:100%}

.wrapper,.contact_address .wrapper, .contact_form .wrapper{width:auto;}	
.notice,.left, .right,.b3,.b1,.bottom1, .bottom2 {width: 100%;}
.mid{width:auto;}
.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);}
.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%;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{display:block}
.main article{padding:15px;}
.section_title{margin:10px 20px;}
.main_content,.news_updates .mid,.news_updates .full_article,.news_updates .mid .section_wrapper{width:100%}
.main_content .home_img{margin:30px auto;width:100%}
.news_updates .mid{display:block;padding:20px 0}
.news_updates .full_article .content_title{position:relative}
.news_updates .mid .section_wrapper{border:none;padding:20px}
.news_updates .wrapper_News::before{background-color: #068280;font-weight: bold;color: #fff;padding: 15px;font-size: 1.2em;}
.in_touch .flex > div{width:100%;padding-left:40px}
.in_touch .fa{font-size:12px;line-height:30px;width:30px;height:30px;}

#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;}
.wrapper_Single_Content article img{width:100%;height:auto}

.row,.flex,.bottom{display:block}
.row .col3{width:calc(100% - 20px);padding:10px;margin:20px 0}
.row .col3: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}

.mdoclist{display:block}
.mdoc{width:100%;margin:20px 0;padding:10px}
.textual .block{width:100%;margin:0 0 20px 0}
#loginInfo.withSM{right:80px}
.contact_us .map_content{width:100%}
table{width:100% !important;box-sizing:border-box;font-size:0.9em}
.video iframe{width:100%}

/*
*/.top.sticky .logo_block{
	position:fixed;
	width:100%;
	top:0;
	z-index:100;
	left:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	background:linear-gradient(99deg, rgba(5,131,130,1) 0%, rgba(68,192,192,1) 100%);
}
}



@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)
{

}                           