/*.iconsquick { width: 30px; height: 30px; padding: 30px; border: 5px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.1); border-radius: 50px; margin-bottom: 10px; }
.iconsquick:hover { background: #CA0000; cursor: pointer; -webkit-transition: background-color 0s ease-out; -moz-transition: background-color 0s ease-out; -o-transition: background-color 0s ease-out; transition: background-color 0s ease-out; }
*/
@font-face { font-family: adobe-garamond-pro; src: url(Adobe-Garamond-Pro-Italic.ttf); font-weight: normal; }
.quick a { color: #ffffff; text-decoration: none; }
.quick a:hover { color: #CA0000; text-decoration: none; }
.new { margin-left: 5px; background: #e13031; color: #ffffff; float: right; padding: 0px 4px; line-height: 12px; border-radius: 2px; text-transform: capitalize; font-weight: 100; font-size: 8px; }
nav.navbar.bootsnav ul li:nth-child(0) { margin: 0 0 0 103px; }
.ulockd-mail,
.ulockd-phone { margin: 0px; line-height: 35px; }
.ulockd-header-topped-two { background: #e4e4e4; padding: 5px; }
nav.navbar.bootsnav.ulockd-menu-style2 li.dropdown ul.dropdown-menu { background: #6ea643; }
#scroll-hide { position: fixed; z-index: 1001; }
.fixed-internal { position: fixed; top: 98px; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; }
.fixed-internal-absolute { position: relative; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; }
.fixed-sidebar-internal { position: fixed !important; top: 98px !important; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; }
/* if the panel is sliding, it needs position:fixed */
.topmenu { float: right; text-align: right; padding-top: 15px; }
.topmenu a { color: #002756; text-decoration: none; display: block; float: left; font-size: 14.5px; padding: 68px 12px 2px 20px; margin: 0px; }
/* The class added to make it fixed */
.fixed { position: fixed; top: 0; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; background:rgb(255 255 255 / .9) !important }
.fixed-color { background:rgb(255 255 255 / .9) !important }
.menuscroll-top { background:#03723b; z-index:10; }
.menuscroll-bottom { position:absolute; bottom:0px; background:#03723b; z-index:12; }
.menuscroll-bottom-fixed { position: fixed !important; top: 0; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; z-index:1000; height:57px; }
/* for 100% browser height start */
.welcome { height: 100vh; background: #1F51B4; }
div#projects { height: 100vh; background: yellow; }
.soc-link { width: 49px; height: 49px; line-height: 49px; text-align: center; background: #fff; color: #03723b; border-radius: 50px; font-size: 20px; float: left; margin-left: 5px; }
.soc-link:hover { background: #f89d2e; color: #fff; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; cursor: pointer; }
.footer-address { background: #24564f; padding: 40px 20px; min-height: 460px; margin-top: -100px; }
.img-programme { margin: 0 auto; width: 100px; height: 100px; padding: 20px; border-radius: 100px; background: radial-gradient(ellipse at center, #ffb606 0, #CA0000 70%); box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.3); border: 5px solid rgba(255, 255, 255, 0.25); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; margin-bottom: 20px; }
.img-programme:hover { background: #CA0000; cursor: pointer; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
.sitemap-footer>ul>li { padding: 8px; float: left; background: rgba(0, 0, 0, 0.0); min-height: 180px; width: 150px; border-right:1px solid rgba(0, 0, 0, 0.2); }
.sitemap-footer>ul a { color: #fdb81f !important; font-family: 'Roboto Slab', serif; font-size: 16px; }
.sitemap-footer>ul a:hover { color: #fff !important; }
.sitemap-footer>ul>li>ul { margin-top:5px; }
.sitemap-footer>ul>li>ul a { color: #fff !important; font-family: 'Roboto Slab', serif; font-size: 14px; }
.sitemap-footer>ul>li>a { line-height: 24px; }
.sitemap-footer>ul>li a:hover{ color: #dd0000; }
.sitemap-footer>ul>li>ul>li a { color: #fff; font-family: 'Ubuntu', sans-serif; }
.sitemap-footer>ul>li>ul>li a:hover { color: #fdb81f !important }
.sitemap-footer>ul>li>ul>li>ul>li a { margin-left: 5px; }
.sitemap-footer>ul>li:first-child { display: none; }
.sitemap-footer>ul>li:last-child { display: block; border:0px; }
.jkbutton { background: #CA0000; width: 264px; color: #fff; margin: 0 auto; float: right; border: 0px; text-align: center; margin-bottom: 3px; padding: 5px 0px; border-radius: 2px; color: #fff; }
.jkbutton:hover { background: #FFF; color: #CA0000; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; cursor: pointer; }
.top-menu a { color: #CA0000; }
.thought ul li { display: inline; margin-right:60px; line-height: 20px; float: left; font-size:15px; }
.thought>span { width: 0; position: absolute; right: -10px; top: 5px; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #2F5202; }
.thought>.bn-title { width: auto; height: 30px; display: inline-block; background: #2F5202; position: relative; }
.new-bubble { background: #d21919; padding: 2px 4px; text-align: center; font-size: 10px; border-radius: 0px; margin-left: -105px; }
.news_icon { padding: 12px; font-size: 32px; margin-right: 10px; float: left; color: #CA0000; background: rgba(255, 255, 255, 0.1); margin-top: 3px; }
.news h2 { text-align: left; width: 100%; color: #fff; margin-bottom: 0px; margin-top: 3px; font-weight: 500; padding: 3px 0px 8px 0px; text-transform: uppercase; background: rgba(255, 255, 255, 0.1); }
.news h2 span { color: #CA0000; font-size: 12px; }
.news-read { color: #e4e4e4; padding: 3px 10px; font-size: 11px; border-radius: 2px; background: rgba(0, 0, 0, 0.1); }
.news-read:hover { background: #CA0000; color: #fff; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; cursor: pointer; }
.reveal-modal-video { background: #E6BE1E; position: absolute; visibility: hidden; width: 100%; top: 0px; left: 0px; z-index: 1001; }
.reveal-modal-video .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: 700; cursor: pointer; }
.head { font-size: 20px; font-family: 'Roboto Slab', serif; font-weight: 500; margin-bottom: 10px; float: left; padding: 4px; background: #ffff; width: 100%; border-left: 3px solid #005596; color: #005596; line-height: 28px; }
.head i { padding-right: 5px; }
.head-right { float: right; padding: 0px 3px; color: #fff; margin-top: 4px; font-size: 11px; line-height: 20px; text-shadow: 1px 0px rgba(51, 51, 51, 0.5); background: linear-gradient(to left, #7679b9, #005596); }
.head-right a { color: #fff; }
.sitemap-footer>ul>li>ul>li>ul>li:before { content: '-'; counter-increment: item; }
.sitemap-footer>ul>li>ul>li:before { content: ''; counter-increment: item; }
.top-bar-menu { display: none; background:#131e22; padding: 11px 0px; position:fixed; bottom:0px; z-index:100; box-shadow: rgba(0, 0, 0, 0.5) 0px -2px; }
.link-slide-menu-bar:hover { cursor: pointer; }
.link-slide-menu-bar > img { width: 30px; height: 30px; margin-right: 5px; padding: 6px; background: rgba(255, 255, 255, 0.1); border-radius: 8px; }
.link-slide-menu-bar:hover > img { background: #ffb606; -webkit-transition: background-color 0s ease-out; -moz-transition: background-color 0s ease-out; -o-transition: background-color 0s ease-out; transition: background-color 0s ease-out; }
.link-slide-menu-bar > span { font-family: 'Roboto Slab',serif; color:#fff; }
.link-slide-menu-bar:hover > span { color: #ffb606; }
.iconsquick { width: 30px; height: 30px; margin-right: 5px; padding: 6px; background: rgba(214, 214, 214, 0.9); border-radius: 8px; }
.iconsquick:hover { background: #ffb606; padding: 3px; cursor: pointer; -webkit-transition: background-color 0s ease-out; -moz-transition: background-color 0s ease-out; -o-transition: background-color 0s ease-out; transition: background-color 0s ease-out; }
.quick a { color: #ffffff; text-decoration: none; }
.quick a:hover { color: #ffb606; text-decoration: none; }
.new { margin-left: 5px; background: #e13031; color: #ffffff; float: right; padding: 0px 4px; line-height: 12px; border-radius: 2px; text-transform: capitalize; font-weight: 100; font-size: 8px; }
.life1 { padding: 10px; background: #007b47; }
.life1 img { width: 100%; height: 100% !important; }
.life1 p { background: #007b47; color: #fff; padding: 10px 0px 0px; }
.life1 a span { padding: 5px 10px; background: rgba(0, 0, 0, 0.2); color: #fff; }
.Life1>p>a>span { padding: 5px 10px; background: rgba(0, 0, 0, 0.2); color: #fff; transition: all 0.5s ease-out 0s; }
.Life1:hover>p a span { padding: 5px 10px; background: rgba(0, 0, 0, 0.2); color: #fff; transition: all 0.5s ease-out 0s; }
.life-section { background: #e4e4e4; padding: 40px 0px; }
.Life { cursor: pointer; text-align: center; color: #fff; min-height: 200px; max-height: 200px; padding: 40px 10px; }
.Life>img { margin-top: 0px; transition: all 0.5s ease-out 0s; /*visibility:hidden; */ }
.Life:hover>img { /*visibility: visible; */
	margin-top: -80px; transition: all 0.5s ease-out 0s; background: rgba(35, 35, 35, 1); padding: 10px; margin-bottom: 40px; border-radius: 100px; }
.Life>a span { padding: 5px 10px; background: rgba(0, 0, 0, 0.2); color: #fff; transition: all 0.5s ease-out 0s; }
.Life:hover>a span { padding: 5px 10px; background: rgba(0, 0, 0, 0.2); color: #fff; transition: all 0.5s ease-out 0s; }
.Life>a { visibility: hidden; }
.Life:hover>a { visibility: visible; }
.image_section { float: left; border: 3px solid #fff; position: relative; }
.image_section img { position: relative; bottom: 18px; left: 18px; }
.formContainer input[type=text],
.formContainer input[type=password] { background: transparent; border: none; box-shadow: inset 0 -1px 0 #48750c; padding: 8px 0; box-sizing: border-box; color: #fff; width: 100%; }
hr.style15 { border-top: 4px double #34495e !important; margin-bottom: 20px; margin-top: 10px; text-align: center; border-left: 0px; border-right: 0px; border-bottom: 0px; }
.about-dpspc h2 { padding: 5px 10px; float:none; color:#016131; margin-bottom:0px; font-weight:500; font-size: 30px; font-family: 'Vollkorn',serif; }
.about-dpspc a span { background: #CA0000; padding: 4px 10px; border-radius: 25px; color: #fff; font-size:12px; cursor: pointer; border: 8px rgba(253, 184, 31, 0.4) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.about-dpspc h2 span { text-shadow: -1px 1px #d8d9d3; color: #03723b  !important; font-weight: bold; }
.about-dpspc p { text-align:justify; }
.about-principal p a span { background: #CA0000; padding: 4px 10px; border-radius: 25px; color: #fff; font-size:12px; cursor: pointer; border: 8px rgba(253, 184, 31, 0.9) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.quote { font-size: 115px; margin-right: 30px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color: #fff; vertical-align: bottom; line-height: 10px; position: relative; top: 13px; }
.headmessage { text-align: center; font-size: 30px; margin-bottom: 40px; color: #ffffff; text-shadow: 1px 2px 1px #03723b; }
/* Side Menu CSS */
.side-menu { background: url(https://resources.edunexttechnologies.com/web-data/jamia/img/sis-logo-watermark.png)#03723b right 20px bottom 20px; background-repeat: no-repeat; color:#000; padding:10px; line-height:30px; font-size:14px; font-family:'Roboto Slab',serif; /*min-height: 576px; */
	-webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; }
.side-menu ul li:nth-child(1) { }
.side-menu ul li { line-height: 20px !important; /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
	border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px 0px 5px; color: #fff; }
.side-menu ul li a { color:#fff; }
.side-menu ul li a:hover { color:#fdb81f; }
.side-menu ul { counter-reset: item; list-style-type: decimal; margin-top: 0px; float: none !important; }
.side-menu ul li ul li:before { content: '-'; counter-increment: item; color: #fff; }
.side-menu ul li li:hover { background: rgba(255, 255, 255, 0.1); cursor:pointer; }
.side-menu ul li li:hover a { color: #fdb81f; }
/*
.side-menu ul { margin-left:0px; }
.side-menu ul li { line-height: 20px !important; }
.side-menu ul li ul { margin-left:0px; padding: 0px 0px; }
.side-menu ul li ul li ul li { margin-left:20px; padding: 0px 0px; }
.side-menu ul li ul li:hover { margin-left:5px; transition: all 1s ease-out 0s; padding: 2px 0px; }
.side-menu ul li ul li a:hover { color:#fff; }
.side-menu ul { counter-reset: item; list-style-type: decimal; margin-top: 0px; }
.side-menu ul li ul li:before { content: '-'; counter-increment: item; }
*/
.tt-b-day { font-size: 28px; float: left; padding-left: 10px; line-height: 66px; margin-left: -1px; border-left: 1px solid rgba(0,0,0,0.1); color:#fff; }
.rem-border { border-left: none; }
.tt-b-time { font-size: 28px; float: left; line-height: 50px; color:#fff; }
.tt-b-time-r { float: left; padding-left: 10px; margin-right: -1px; border-right: 1px solid rgba(0,0,0,0.1); color:#fff; }
.tt-b-day-r, .tt-b-amp { float: left; font-size: 10px; line-height: 12px; padding-top: 32px; padding-left: 5px; padding-right: 10px; color:#fff; }
.tt-b-amp { padding-right: 15px; }
.tt-b-month { text-transform: uppercase; }
.bookcontainer { width: 400px; height: 400px; background: #E3E7EA; margin: 50px auto; display: flex; align-items: center; justify-content: center; }
.book { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 170px; min-height: 238px; border-radius: 2px; /*background: linear-gradient(235deg, #4D4D4D 0, #222222 100%); */
  background: linear-gradient(235deg, #b90000 0, #222222 100%); background-position: 50% 50%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.49); z-index: 2; padding: 15px 25px; }
.book .cotor { background: #4B4B4B; position: absolute; left: 0px; top: 0; width: 8px; height: 99.5%; box-shadow: 3px 1px 2px rgba(32, 32, 32, 0.6); }
.book .cotorShadow { background: rgba(32, 32, 32, 0.9); position: absolute; left: 10px; top: 0; width: 8px; height: 99.5%; box-shadow: 3px 1px 2px rgba(32, 32, 32, 0.6); }
.book .tie { position: absolute; right: 20px; top: -2px; height: 101.5%; width: 10px; background: #CA0000; border-radius: 2px; display: flex; }
.book .tie .tieShadow1, .book .tie .tieShadow2, .book .tie .tieShadow3, .book .tie .tieShadow4 { height: 100%; border: 0.5px solid rgba(0, 0, 0, 0.1); margin-left: 1px; }
.book .title { color: #CA0000; font-weight: 900; text-transform: uppercase; font-size: 20px; line-height: 35px; width: 114px; /*margin: -20px 0 0 10px; */ }
.book .subtitle { color: #ccc; font-weight: 300; font-size: 15px; line-height: 35px; margin: -8px 0 0 -62px; }
.subtitle-link { margin-left: -23px; font-size: 10px; background: rgba(255, 255, 255, 0.1); padding: 5px 10px; line-height: 15px; margin-top: 10px; }
.subtitle-link:hover { background:#CA0000; }
.book a { color:#fff; }
.webzine-dpsh p a span { background: #CA0000; padding: 4px 10px; border-radius: 2px; color: #fff; font-size: 12px; cursor: pointer; border: 8px rgba(253, 184, 31, 0.9) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.apply-admission-section { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/bright-future.jpg); background-size:cover; padding:70px 0px; }
.apply { text-align:center; color:#fff; letter-spacing: 2px; }
.apply h1 { color: #fff; text-align:center; letter-spacing: 4px; font-weight: 100; font-size: 40px; }
.apply-btn { background: #CA0000; padding: 10px 20px; border-radius: 2px; color: #fff; font-size: 12px; cursor: pointer; border: 8px rgba(253, 184, 31, 0.9) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.activity { margin-bottom: 10px; min-height: 130px; font-family: 'Source Sans Pro'; font-weight: 500; padding: 0 15px 0 0px; }
.activity-date { width:100px; height:100px; background:#b90000; border-right:1px solid #ddd; float:left; margin-right:10px; border-radius: 100px; cursor: pointer; border: 8px rgba(142, 142, 142, 0.55) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
/*.activity:nth-child(even) > .activity-date { background:#b90000; }
.activity:nth-child(odd) > .activity-date { background:#CA0000; }
*/
.sitemap-button { background: #CA0000; padding: 4px 10px; border-radius: 2px; color: #fff; font-size: 12px; cursor: pointer; border: 8px rgba(253, 184, 31, 0.9) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.login-button { background: #ecad25; padding: 4px 10px; border-radius: 2px; color: #fff; font-size: 12px; cursor: pointer; border: 8px rgba(253, 184, 31, 0.9) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.side-bar-buttons { position:fixed; top:220px; right:-158px; width:220px; height: 70px; padding: 10px 8px 8px 10px; border-radius:100px; line-height: 32px; background:#CA0000; color:#fff; /*z-index:-2; */
	z-index:100; cursor:pointer; transition: all 0.5s ease-out 0s; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.side-bar-buttons:hover { /*visibility: visible; */
    margin-right: 120px; transition: all 0.5s ease-out 0s; /*background: rgba(35, 35, 35, 1); */
    margin-bottom: 40px; border-radius: 100px; }
.side-bar-buttons i { line-height: 35px; height: 35px; width: 35px; text-align: center; color: #fff; float: left; background-color: #b90000; border-radius: 100px; margin-right: 10px; }
.side-bar-buttons a { color:#fff; padding:10px 0px; }
.logo-bg { animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; /* transform: rotate(3deg); */
	/* transform: rotate(0.3rad); / */
	/* transform: rotate(3grad); */ 
	/* transform: rotate(.03turn); */ }
.logo-bg-green { border: 0px dashed #fff; width: 400px; height: 400px; background: rgba(0, 84, 54, 0.8); /* margin-top: -220px; */
    /* margin-left: -200px; */
	margin-top: -170px; margin-left: -150px; border-radius: 100%; z-index:-2; }
.logo-bg-yellow { border: 0px dashed #fff; width: 400px; height: 400px; background: #CA0000; /* margin-top: -220px; */
    /* margin-left: -220px; */
	margin-top: -190px; margin-left: -152px; border-radius: 100%; z-index:-2; }
.discover-button { padding: 20px; background: #CA0000; color: #fff; border-radius: 100px; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.school-menu { position:absolute; right:30px; top:40px; padding:10px 10px 4px; color:#fff; background:#CA0000; border-radius:50px; cursor:pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline:none; z-index:-1; }
.school-menu:hover { background:#131e22; }
.school-logo { position:fixed; width:400px; z-index:-1; cursor:pointer; }
.school-logo:hover > .school-name { /*visibility: visible; */margin-top: -160px; transition: all 0.5s ease-out 0s; }
.school-name { /*visibility: hidden; */
	width:290px; text-align: left; font-size: 22px; color: #fff; margin-left: 190px; margin-top: -300px; background: rgba(51, 118, 94, 0.8); text-shadow: 1px 1px #000; padding: 20px; border-radius: 50px; transition: all 0.5s ease-out 0s; }
.school-name span { font-size:16px; }
@keyframes spin {
 from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
 }
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); transform:translateY(0); }
40% { -moz-transform:translateY(-30px); transform:translateY(-30px); }
60% { -moz-transform:translateY(-15px); transform:translateY(-15px); }
 }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); transform:translateY(0); }
40% { -webkit-transform:translateY(-30px); transform:translateY(-30px); }
60% { -webkit-transform:translateY(-15px); transform:translateY(-15px); }
 }
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); }
40% { -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px); }
60% { -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px); transform:translateY(-5px); }
 }
.bounce { -moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite; }
.cursor { cursor:pointer; }
.slider-icon { /*background:rgba(253, 184, 31, 0.8); width:40px; height:40px; line-height:40px !important; border-radius:100px; */text-align:center; color:#fff; border: 5px solid rgba(255, 255, 255, 0) }
.slider-icon-box { z-index:2; position:fixed; width:100%; text-align:right; right:30px; bottom:50px; }
.ribbon { -webkit-animation: main 250ms; -moz-animation: main 250ms; -ms-animation: main 250ms; animation: main 250ms; }
/* animations */
@-webkit-keyframes main { 0% { -webkit-transform: scaleX(0); }
100% { -webkit-transform: scaleX(1); }
 }
@-webkit-keyframes edge { 0%, 50% { -webkit-transform: scaleY(0); }
100% { -webkit-transform: scaleY(1); }
 }
@-webkit-keyframes back { 0%, 75% { -webkit-transform: scaleX(0); }
100% { -webkit-transform: scaleX(1); }
 }
@-moz-keyframes main { 0% { -moz-transform: scaleX(0); }
100% { -moz-transform: scaleX(1); }
 }
@-moz-keyframes edge { 0%, 50% { -moz-transform: scaleY(0); }
100% { -moz-transform: scaleY(1); }
 }
@-moz-keyframes back { 0%, 75% { -moz-transform: scaleX(0); }
100% { -moz-transform: scaleX(1); }
 }
@keyframes main {
 0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
 }
@keyframes edge {
 0%, 50% { transform: scaleY(0); }
100% { transform: scaleY(1); }
 }
@keyframes back {
 0%, 75% { transform: scaleX(0); }
100% { transform: scaleX(1); }
 }
.logo_left { position: absolute; top: auto; width:150px; height:150px; right: 55px; z-index: 1; bottom: 60px; background: #fff; border-radius: 50%; text-align: center; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.logo_left img { width: 150px; border-radius: 100%; }
.fix_div { position: absolute; top: auto; right: 0px; /*z-index: 1; */
    background: #8F326D; padding: 10px 20px; top: 40px; margin-right: 40px; text-align: center; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; border-radius: 100px; }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; /*background: rgba(0, 84, 54, 0.9) !important; */
		/*background: transparent !important; */
		z-index: 100; display: none; top: 0; left: 0; }
.reveal-menu { visibility: hidden; /*top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position: absolute; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; */
		/*
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); */
		top:0px; height:100vh; position: absolute; padding:0px 0px; background:rgba(38, 90, 14, 0.9); width:100%; z-index: 10000001; /*
		border-radius:100px; border: 8px rgba(135, 194, 235, 0.15) solid; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; */ }
.reveal-menu.small { width: 200px; margin-left: -140px; }
.reveal-menu.medium { width: 400px; margin-left: -240px; }
.reveal-menu.large { width: 600px; margin-left: -340px; }
.reveal-menu.xlarge { width: 800px; margin-left: -440px; }
.reveal-menu .close-reveal-modal { position: absolute; right: 30px; top: 40px; padding: 10px 14px; color: #fff; background: #CA0000; border-radius: 50px; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; font-size: 24px; /*
		font-size: 22px; line-height: .5; position: absolute; top: 15px; right: 30px; color: #fff; background:#CA0000; padding:10px; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; border-radius: 100px; */ }
/**** Login *****/
	.reveal-login { visibility: hidden; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; background:rgba(84, 81, 113,0.9); width:500px; height:500px; border-radius:100%; z-index: 101; }
.reveal-login .close-reveal-modal { /*
		font-size: 22px; line-height: .5; position: absolute; top: 60px; right: 60px; color: #fff; background:#CA0000; padding:10px; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; border-radius: 100px; */
		background-color: #ca0000; border-radius: 100%; height: 50px; width: 50px; position: absolute; top: 70px; right: 30px; color: white; text-align: center; font-size: 30px; line-height: 50px; cursor: pointer; }
/**** Popp Menu ****/
.popup-menu>ul>li { padding: 8px; float: left; width: 150px; }
.popup-menu>ul a { color: #FDB81F!important; font-family: 'Roboto Slab', serif; font-size: 16px; }
.popup-menu>ul a:hover { color: #fff !important; }
.popup-menu>ul>li>ul a { color: #fff !important; font-family: 'Roboto Slab', serif; font-size: 14px; }
.popup-menu>ul>li>a { line-height: 24px; }
.popup-menu>ul>li a:hover { color: #dd0000; }
.popup-menu>ul>li>ul>li a { color: #fff; font-family: 'Ubuntu', sans-serif; }
.popup-menu>ul>li>ul>li a:hover { color: #FDB81F!important; }
.popup-menu>ul>li>ul>li>ul>li a { margin-left: 5px; }
.popup-menu>ul>li:nth-child(1) { animation-delay: 0.5s; animation-name: fadeInDown; }
.popup-menu>ul>li:nth-child(2) { animation-delay: 0.6s; animation-name: fadeInDown; }
.popup-menu>ul>li:nth-child(3) { animation-delay: 0.7s; animation-name: fadeInDown; }
.popup-menu>ul>li:nth-child(4) { animation-delay: 0.8s; animation-name: fadeInDown; }
.popup-menu>ul>li:nth-child(5) { animation-delay: 0.9s; animation-name: fadeInDown; }
.popup-menu>ul>li:nth-child(6) { animation-delay: 0.10s; animation-name: fadeInDown; }
.popup-menu>ul>li:nth-child(7) { animation-delay: 0.11s; animation-name: fadeInDown; }
.popup-menu>ul>li:first-child { display: none; }
.popup-menu>ul>li>ul>li>ul>li:before { content: '-'; counter-increment: item; }
.popup-menu>ul>li>ul>li:before { content: ''; counter-increment: item; }
.read-more { float: right; padding: 3px 10px 3px; color: #fff; font-size: 13px; background: #03723b; border: 1px solid #03723b; border-radius: 0px; cursor: pointer; border: 3px rgba(167, 167, 167, 0.15) solid; outline: none; text-shadow: none; }
.read-more:hover { background:#f9a42e; color:#fff; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; cursor: pointer; }
.principal-icon { border-radius: 100px; background-color: #CA0000; color: #fff; font-size: 30px; z-index: 200; float: left; text-align: center; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; width: 60px; height: 60px; line-height: 60px; margin-top: -100px; margin-left: 40px; z-index: 1; position: absolute; }
.section-quicklinks { margin-top:100vh; z-index:2; }
/* .home-slider { position:absolute; top:0px; left:0px; height:100vh; z-index:-6; }
*/
/* #layerslider { width: 100%; height:100vh; background:#585577; }
*/
/*** Scrollable Bar Icons ***/
.iconscroll { transition: all 1s ease-out 0s; }
.iconscroll-out { background:#48750C !important; /*transition: all 1s ease-out 0s; */ }
.iconscroll-in { background:#03723b !important; /*transition: all 1s ease-in 0s; */ }
.iconsscrollable { background:#db6410; padding: 40px 0px 80px; z-index:13; background-image: url(https://resources.edunexttechnologies.com/web-data/jamia/img/bg-global-education.png); background-size: 250px 250px; }
p.globalval:before { content: ''; background: #ffffff; width: 10%; height: 4px; position: absolute; top: 38px; border-radius: 21px; left: 550px; }
p.globalval { text-align: center; font-size: 30px; color: #fff; position:relative; }
p.textimo:before { content: ''; background: #ffffff; width: 10%; height: 4px; position: absolute; top: 38px; border-radius: 21px; left: 550px; }
p.textimo { text-align: center; font-size: 30px; color: #000; position:relative; }
/*** News Scroll ***/
.thought-outer {background:linear-gradient(to right, rgb(19, 30, 34), rgb(19, 30, 34)); padding: 5px 0px; position:fixed; bottom:54px; z-index:-1; box-shadow: rgba(0, 0, 0, 0.5) 0px -2px; background:rgba(37, 37, 37, 0.8); border-radius:0px; right:0px; border: 3px rgba(135, 194, 235, 0.1) solid; border-left:0px; border-right:0px; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.thought > span { width: 0; position: absolute; right: -10px; top: 5px; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #2F5202; }
.thought > .bn-title { width: auto; height: 30px; display: inline-block; background: #2F5202; position: relative; }
.popup-menu-social { text-align: center; }
.popup-menu-social a { color:#fff; }
.popup-menu-social a span i { font-size:16px; color:#fff; background:#fdb81f; width:40px; height:40px; line-height:40px; text-align:center; border-radius:40px; cursor: pointer; transition: all 0.5s ease-out 0s; border: 4px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; }
.popup-menu-social a span i:hover { background:#fff; color:#CA0000; }
/*** quote ***/
.quote-card.yellow-card { background: transparent; color: #CA0000; }
.quote-card.yellow-card:before, .quote-card.yellow-card:after { color: #FBC02D; }
.quote-card { background: #fff; color: #222222; padding: 20px; padding-left: 50px; box-sizing: border-box; position: relative; /*overflow: hidden; */
  min-height: 120px; }
.quote-card p { font-size: 22px; line-height: 1.5; margin: 0; max-width: 90%; }
.quote-card cite { font-size: 16px; margin-top: 10px; display: block; font-weight: 200; opacity: 0.8; }
.quote-card:before { font-family: Georgia, serif; content: "“"; position: absolute; top: 10px; left: 10px; font-size: 5em; color: rgba(238, 238, 238, 0.9) !important; font-weight: normal; }
.quote-card:after { font-family: Georgia, serif; content: "”"; position: absolute; /* bottom: -110px; */
	line-height: 100px; right: 10px; font-size: 25em; color: rgba(238, 238, 238, 0.9) !important; font-weight: normal; }
.reveal-campus { visibility: hidden; top:0px; height:100vh; position: absolute; padding:0px 0px; background:rgba(0, 0, 0, 0.9); width:100%; z-index: 101; }
.reveal-campus .close-reveal-modal { position: absolute; right: 30px; top: 40px; padding: 10px 14px; color: #fff; background: #CA0000; border-radius: 50px; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; font-size: 24px; }
/* campus Branches Popup */
.campus { text-align:center; }
.campus a > img { width: 80%; border-radius: 50%; text-align: center; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; transition: all 0.5s ease-out 0s; }
.campus h2 { text-align:center; color:#fff; float:none; }
.campus h2 span { font-size:14px; color:#ffb700cc !important; }
.cbox { display:none; margin:0px auto; width:100%; position:fixed; z-index:9999; height:100%; transition: all .5s ease-in-out; background: rgba(35, 31, 32, 0.95); }
.close-campus-modal { position: absolute; right: 30px; top: 40px; padding: 10px 14px; color: #fff; background: #CA0000; border-radius: 50px; cursor: pointer; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; font-size: 24px; }
.campus:hover > a img { margin-top:-30px; margin-bottom:30px; transform: scale(1.1); transition: all 0.5s ease-out 0s; border: 4px #fff solid; }
.campus-heading { margin-top:150px; }
.mobile-campus-list { display:none; position:fixed; bottom:0px; padding:0px; width:100%; }
.campus-list { width:100%; }
.campus-list li { line-height:32px; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.campus-list li:first-child { border-top:1px solid rgba(255, 255, 255, 0.2); }
.campus-list li i { background: rgba(255, 255, 255, 0.3); color: #fff; width: 20px; height: 20px; border-radius: 20px; text-align: center; font-size: 12px; line-height: 20px; }
.campus-list li a { color:#fff; font-size:15px; padding: 0px 20px; }
.campus-list li a span { color:#f6b833; font-size:10px; }
.site-mobile-menu-bg:before { background: url(https://resources.edunexttechnologies.com/web-data/jamia/img/footer-logo.png) right 20px bottom 20px; background-repeat: no-repeat; content: ''; position: absolute; opacity: .1; color: #003366; width: 100%; height: 100%; }
/*** Side Bar Fixed ***/
.sidebar-fixed { position: fixed; top: 120px; right: 0px; width: 70px; /*
	position: fixed; top: 120px; right: 30px; width: 60px; */
    background: #585577; color: #fff; z-index: 1; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0px; /*
	border-radius: 100px; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; */ }
.sidebar-fixed ul li { padding: 10px 0px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; font-size: 14px; line-height: 12px; }
.sidebar-fixed ul li:hover { background: rgba(255, 255, 255, 0.2); }
.sidebar-fixed ul li:last-child { border-bottom:0px solid rgba(255, 255, 255, 0.2); }
.sidebar-fixed ul a li i { font-size:16px; padding:5px; background:rgba(255, 255, 255, 0.2); margin-bottom:10px; border-radius: 100px; width: 20px; height: 20px; line-height: 20px; color:#fff; }
.sidebar-fixed ul li span { visibility:visible; color:#fff; font-family: 'Ubuntu', sans-serif; }
/*** Side Bar Scrollable ***/
.sidebar-scrollable { background: #585577; color: #fff; z-index: 1; cursor: pointer; }
.sidebar-scrollable ul li { padding: 10px 0px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; font-size: 14px; line-height: 12px; width: 20%; float: left; background:#585577; }
.sidebar-scrollable ul li:hover { background: #03723b; }
.sidebar-scrollable ul li:last-child { border-bottom:0px solid rgba(255, 255, 255, 0.2); }
.sidebar-scrollable ul a li i { font-size:16px; padding:5px; background:rgba(255, 255, 255, 0.2); margin-bottom:10px; border-radius: 100px; width: 20px; height: 20px; line-height: 20px; color:#fff; }
.sidebar-scrollable ul li span { visibility:visible; color:#fff; font-family: 'Ubuntu', sans-serif; }
/*** quote ***/
.quote-card.yellow-card { background: #eee; color: #03723b; width:100%; }
.quote-card.yellow-card:before, .quote-card.yellow-card:after { color: #FBC02D; }
.quote-card { font-size: 24px; background: #fff; color: #222222; padding: 40px 20px; padding-left: 50px; box-sizing: border-box; position: relative; /*overflow: hidden; */
  min-height: 120px; font-style: italic; }
.quote-card p { font-size: 22px; line-height: 1.5; margin: 0; max-width: 90%; }
.quote-card cite { font-size: 16px; margin-top: 10px; display: block; font-weight: 200; opacity: 0.8; }
.quote-card:before { font-family: Georgia, serif; content: "“"; position: absolute; top: 20px; left: 10px; font-size: 60px; color: #03723b !important; font-weight: normal; }
.quote-card:after { font-family: Georgia, serif; content: "”"; position: absolute; bottom: -60px; line-height: 100px; right: 40px; font-size: 160px; color: #03723b !important; font-weight: normal; }
.quote-card-home { font-size: 24px; background: #fff; color: #222222; padding: 40px 20px; padding-left: 50px; box-sizing: border-box; position: relative; /*overflow: hidden; */
  min-height: 120px; font-style: italic; }
.quote-card-home h2 { font-family: 'adobe-garamond-pro'; color: #fdb81f; text-shadow: 1px 1px #000; float: none; text-align: right; margin-top: -10px; margin-bottom: 10px; font-size: 36px; }
.quote-card-home p { font-family: 'adobe-garamond-pro'; font-size: 22px; margin: 0; max-width: 100%; line-height: 24px; }
.quote-card-home cite { font-size: 16px; margin-top: 10px; display: block; font-weight: 200; opacity: 0.8; }
.quote-card-home:before { font-family: Georgia, serif; content: "“"; position: absolute; top: 30px; left: 10px; font-size: 60px; color: #fff !important; font-weight: normal; }
.quote-card-home:after { font-family: Georgia, serif; content: "”"; position: absolute; bottom: -60px; line-height: 100px; right: 40px; font-size: 160px; color: #fff !important; font-weight: normal; }
/**** Section Image *****/
.management { margin-bottom: 50px; min-height: 260px; }
/*
.management:nth-child(odd) img { position: relative; margin-bottom: 30px; border-radius: 100%; width: 210px; height: 210px; border-radius: 100%; cursor: pointer; border: 8px rgba(152, 152, 152, 0.2) solid; outline: none; margin-right:20px; float:left; }
.management:nth-child(even) img { position: relative; margin-bottom: 30px; border-radius: 100%; width: 210px; height: 210px; border-radius: 100%; cursor: pointer; border: 8px rgba(152, 152, 152, 0.2) solid; outline: none; margin-right:20px; float:right; }
*/
.management h2, .content h2 { background:url()#eee right 10px top; background-repeat:no-repeat; border-bottom: dashed 1px rgba(51, 51, 51, 0.2); padding: 10px; }
/****** Menu With Description New ******/
nav.site-desktop-menu-new ul li:hover > .menu-level1-outer { display:inline-flex; }
nav.site-desktop-menu-new ul li ul li ul:hover > .menu-level1-outer-new { display:inline-flex; }
.menu-level1-outer { position: absolute; /* top: 45px; */
	bottom:100%; left: 0px; background: #03723b; /*background: url(https://resources.edunexttechnologies.com/web-data/jamia/img/sis-logo-watermark.png)#03723b right 20px bottom 20px; */
    background-repeat: no-repeat; width: 220px; border-top-width: 0px; border-top-style: solid; display: none; z-index: 100; /* min-height: 220px; */ }
.menu-level1-outer-new { position: absolute; /* top: 45px; */
	bottom:100%; left: 0px; background: #03723b; background-repeat: no-repeat; width: 220px; border-top-width: 0px; border-top-style: solid; display: none; z-index: 100; /* min-height: 220px; */ }
.menu-level1-outer-down { top: 45px !important; }
nav.site-desktop-menu-new ul li:nth-child(5):hover > .menu-level1-outer { right: 0px; left: inherit; }
nav.site-desktop-menu-new ul li:nth-child(6):hover > .menu-level1-outer { right: 0px; left: inherit; }
nav.site-desktop-menu-new ul li:nth-child(7):hover > .menu-level1-outer { right: 0px; left: inherit; }
nav.site-desktop-menu-new ul li:nth-child(8):hover > .menu-level1-outer { right: 0px; left: inherit; }
.menu-level1-outer > .menu-level1-inner-right ul { margin: 20px 0px; }
.menu-level1-outer-new > .menu-level1-inner-right ul li ul { margin: 20px 0px; }
.menu-level1-outer > .menu-level1-inner-right ul li { line-height: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; width:190px; padding: 2px 10px; }
.menu-level1-outer-new > .menu-level1-inner-right ul li ul li ul li { line-height: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; width:190px; padding: 2px 10px; }
.menu-level1-outer > .menu-level1-inner-right ul li:last-child { border:0px; }
.menu-level1-outer-new > .menu-level1-inner-right ul li ul li ul li:last-child { border:0px; }
.menu-level1-outer > .menu-level1-inner-right ul li:hover { background: rgba(255, 255, 255, 0.1) !important; }
.menu-level1-outer-new > .menu-level1-inner-right ul li ul li ul li:hover { background: rgba(255, 255, 255, 0.1) !important; }
.menu-level1-outer > .menu-level1-inner-right ul li a { color:#fff; margin-left:10px; }
.menu-level1-outer > .menu-level1-inner-right ul li a > ul { margin: 20px 0px; }
.menu-level1-outer > .menu-level1-inner-right ul li a > ul li { line-height: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; width:190px; padding: 2px 10px; }
.menu-level1-outer-new > .menu-level1-inner-right ul li a > ul li a> ul li { line-height: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; width:190px; padding: 2px 10px; }
.menu-level1-outer > .menu-level1-inner-right ul li a > ul li:last-child { border:0px; }
.menu-level1-outer > .menu-level1-inner-right ul li a > ul li:hover { background: rgba(255, 255, 255, 0.1) !important; }
.menu-level1-outer-new > .menu-level1-inner-right ul li a > ul li a:hover { background: rgba(255, 255, 255, 0.1) !important; }
/*.menu-level1-outer > .menu-level1-inner-left { margin:20px; padding:20px; color:#fff; line-height: 16px; font-size: 12px; width: 380px; background: rgba(255, 255, 255, 0.1); for left postion }
.menu-level1-outer > .menu-level1-inner-left p { font-size: 18px; line-height: 18px; font-style: italic; font-family: serif; font-weight: normal; color: #fff; }
*/
/*
.menu-level1-outer > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
*/
/*
nav.site-desktop-menu-new ul li:nth-child(1) > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child(2) > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child(3):hover > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child(4):hover > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child(5):hover > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child(6):hover > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child():hover > .menu-level1-outer > .menu-level1-inner-left { margin-left: 250px; float: right; }
nav.site-desktop-menu-new ul li:nth-child(1):hover > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
nav.site-desktop-menu-new ul li:nth-child(2) > .menu-level1-outer > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
nav.site-desktop-menu-new ul li:nth-child(3):hover > .menu-level1-outer > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
nav.site-desktop-menu-new ul li:nth-child(4):hover > .menu-level1-outer > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
nav.site-desktop-menu-new ul li:nth-child(5):hover > .menu-level1-outer > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
nav.site-desktop-menu-new ul li:nth-child(6):hover > .menu-level1-outer > .menu-level1-inner-right { float: left; margin-left: 20px; position: absolute; }
*/
/*** Slider Home Page ***/
.home-slider { width: 100%; float: left; height:100%; top:0px; left:0px; z-index:0; margin:0 auto; background:#36a263; height: 47vw; margin-top: 0px; position: relative; overflow: hidden; }
img.ls-bg { min-height: 543px!important; width: 100%; }
#home-bubbles-1 { position:absolute; bottom:-90px; left:-140px; opacity: 0.7; z-index: 10; width: 360px; }
#home-bubbles-2 { position:absolute; bottom:-110px; right:-50px; opacity: 0.8; z-index: 10; width: 260px; }
#home-bubbles-3 { position:absolute; top:-110px; right:-50px; opacity: 0.8; z-index: 10; width: 200px; }
#home-bubbles-4 { position:absolute; top:-140px; left:-200px; opacity: 1; z-index: 0; width: 360px; }
/*** Sidebar Scroll Menu ***/
.sidebar-scroll-menu { position: fixed; z-index: 9999999; margin-top: 250px; }
.sidebar-scroll-menu ul li { margin-bottom:30px; text-align: left; transition: all 0.5s ease-out 0s; }
.sidebar-scroll-menu ul li i { font-size: 16px; padding: 5px; background: rgba(255, 255, 255, 0.2); margin-bottom: 10px; border-radius: 100px; width: 20px; height: 20px; line-height: 20px; color: #fff; }
.sidebar-scroll-menu ul li a span:hover > .sidebar-scroll-menu ul li a span { margin-left:200px; transition: all 0.5s ease-out 0s; }
.sidebar-scroll-menu ul li a { top: 380px; width: 180px; color: #fff; text-shadow: 1px 1px #000; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; transform: rotate(0deg); left: -20px; z-index: 10; text-align: right; cursor: pointer; font-family: 'Vollkorn',serif; }
.sidebar_left ul li a:before { content:""; width:80px; display:block; height:2px; position:relative; background:#FFF; top:12px; left:0; }
.sidebar-scroll-menu ul li a span { display:block; transition: all 0.5s ease-out 0s; }
.sidebar-scroll-menu ul li a span:hover { color:#fdb81f; margin-left:120px; transition: all 0.5s ease-out 0s; }
.home_image_scroll_down_sidebar .svg-inline--fa { font-size:30px }
/*right*/
.sidebar_right { margin-right: -30px; right:0px; }
.sidebar_right ul li a span { margin-left: -140px; text-align: right; }
.sidebar_right ul li a span:hover { margin-left:-120px; }
.sidebar_right ul li a:after { content: ""; width: 80px; display: block; height: 2px; position: relative; background: rgba(255, 255, 255, 0.8); top: 7px; margin-bottom: 20px; left: 0; }
/*
.sidebar_right ul li a:after { content:""; width:80px; display:block; height:2px; position:relative; background:#FFF; top:12px; left:0; }
*/
.sidebar_right_active ul li { margin-right:-30px; right:0px; transition: all 0.5s ease-out 0s; margin-bottom:12.8px !important; }
.sidebar_right_active ul li a span { color: #222; margin-left: -104px !important; margin-top: 0px; line-height: 6px; text-shadow: none; font-size: 12px; letter-spacing: 0px; background: rgba(255, 255, 255, 0.8); padding: 5px 10px; width: 84px; margin-right: 70px; text-align: center; border-radius:100px; font-family: monospace; }
/*
.sidebar_right_active ul li a span { color:#585577; margin-left:-90px !important; margin-top:9px; line-height:6px; text-shadow:none; font-size:10px; letter-spacing:0px; }
.sidebar_right_active ul li a:before { background:#585577 !important; }
*/
/*left*/
.sidebar_left { margin-left: -30px; left:0px; }
.sidebar_left ul li a span { margin-left: 110px; text-align: left; }
.sidebar_left ul li a span:hover { margin-left: 120px; }
.sidebar_left_active ul li { margin-left:-30px; right:0px; transition: all 0.5s ease-out 0s; margin-bottom:12.8px !important; }
.sidebar_left_active ul li a span { color:#585577; margin-left:90px !important; margin-top:9px; line-height:6px; text-shadow:none; font-size:10px; letter-spacing:0px; }
.sidebar_left_active ul li a:before { background:#585577 !important; }
/*** Side Bar Scroll Menu End ***/
/**** Sidebar home ***/
.sidebar_active ul li { margin-right:-30px; right:0px; transition: all 0.5s ease-out 0s; margin-bottom:12.8px !important; }
.sidebar_active ul li a span { color:#585577; margin-left:90px !important; margin-top:9px; line-height:6px; text-shadow:none; font-size:10px; letter-spacing:0px; }
.sidebar_active ul li a:before { background:#585577 !important; }
/*left
.sidebar_left { margin-left: -30px; left:0px; }
.sidebar_left ul li a span { margin-left: 110px; }
.sidebar_left ul li a span:hover { margin-left:120px; }
.sidebar_right { margin-left: -30px; left:0px; }
.sidebar_right ul li a span { margin-left: -110px; }
.sidebar_right ul li a span:hover { margin-left:-120px; }
*/
.home_image_scroll_down_holder_sidebar { /* margin-right: -30px; /**//* right:0px; /**/position: fixed; z-index: 9999999; margin-top: 250px; }
.home_image_scroll_down_holder_sidebar ul li { margin-bottom:30px; text-align: left; transition: all 0.5s ease-out 0s; }
.home_image_scroll_down_holder_sidebar ul li i { font-size: 16px; padding: 5px; background: rgba(255, 255, 255, 0.2); margin-bottom: 10px; border-radius: 100px; width: 20px; height: 20px; line-height: 20px; color: #fff; }
.home_image_scroll_down_holder_sidebar ul li a span:hover > .home_image_scroll_down_holder_sidebar ul li a span { margin-left:200px; transition: all 0.5s ease-out 0s; }
.home_image_scroll_down_holder_sidebar ul li a { /* position:absolute; */ top: 380px; width: 180px; color: #fff; text-shadow: 1px 1px #000; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; transform: rotate(0deg); left: -20px; z-index: 10; text-align: right; cursor: pointer; }
.home_image_scroll_down_holder_sidebar ul li a:before { content:""; width:80px; display:block; height:2px; position:relative; background:#FFF; top:12px; left:0; }
.home_image_scroll_down_holder_sidebar ul li a span { text-align: left; /* margin-left: 110px; /**/display:block; transition: all 0.5s ease-out 0s; /* animation-name:explore_bounce; *//* animation-duration:4s; *//* animation-iteration-count:infinite */ }
.home_image_scroll_down_holder_sidebar ul li a span:hover { color:#fdb81f; margin-left:120px; transition: all 0.5s ease-out 0s; /* transition: transform .2s; */ }
.home_image_scroll_down_sidebar .svg-inline--fa { font-size:30px }
/*
.home_image_scroll_down_holder_sidebar ul li a:after { font-family: FontAwesome; content:""; position:relative; background:#FFF; top:-20px; left:80px; font-size:16px; padding:5px; border-radius:100px; width:20px; color:#999; text-shadow:none; text-align:center; }
.home_image_scroll_down_holder_sidebar ul li:nth-child(1) a:after { font-family: FontAwesome; content:"\f095"; }
.home_image_scroll_down_holder_sidebar ul li:nth-child(2) a:after { font-family: FontAwesome; content:"\f02d"; }
.home_image_scroll_down_holder_sidebar ul li:nth-child(3) a:after { font-family: FontAwesome; content:"\f040"; }
.home_image_scroll_down_holder_sidebar ul li:nth-child(4) a:after { font-family: FontAwesome; content:"\f072"; }
.home_image_scroll_down_holder_sidebar ul li:nth-child(5) a:after { font-family: FontAwesome; content:"\f1ad"; }
*/
/*** Explore Bar ***/
.home_image_scroll_down_holder { position:relative; background:#e4e4e4; padding:5px; }
.home_image_scroll_down { position:absolute; bottom:50px; width:180px; color:#fff; text-shadow: 1px 1px #000; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:2px; transform:rotate(270deg); right:-35px; z-index:10000000000; text-align:right; cursor:pointer; }
.home_image_scroll_down:before { content:""; width:80px; display:block; height:2px; position:relative; background:#FFF; top:12px; left:0 }
.home_image_scroll_down span { display:block; animation-name:explore_bounce; animation-duration:4s; animation-iteration-count:infinite }
.home_image_scroll_down:hover { color:#fdb81f; transition: transform .2s; }
.home_image_scroll_down .svg-inline--fa { font-size:30px }
#layerslider-container-fw .backstretch:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(15,37,66,.54) }
@keyframes explore_bounce {
 0%,100%,20%,50%,80% { transform:translateX(0) }
40% { transform:translateX(30px) }
60% { transform:translateX(15px) }
 }
/*** Partners ***/
.bottom-links { text-align:center; }
.bottom-links img { width:80px; height:70px; border-radius:60px; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%); transition: transform .2s; }
.bottom-links img:hover { border-radius:5px; transform: scale(1.8); -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%); transition: transform .2s; z-index: 1; position: relative; }
/*** Image Gallery Homepage ***/
.gallery-cover { margin-bottom:20px; min-height:150px; }
.gallery-img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: transform .2s; }
.gallery-img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: transform .2s; cursor:pointer; }
.category-box img { height: 250px; object-fit: fill; width: 100% }
/*** Recent Activities Homepage ***/
.sec-left-50 { width:50%; background:#e4e4e4; float:left; min-height:490px; max-height:490px; padding:40px 20px 0px 20px; overflow:hidden; }
.sec-right-50 { width:50%; background:#8F326D; float:left; min-height:490px; max-height:490px; padding:40px 20px 40px 20px; overflow:hidden; }
.sec-left { width:40%; background:radial-gradient(ellipse at center,rgba(58, 55, 88, 0.3) 0,rgba(46, 44, 70, 0.5) 70%); float:left; min-height:400px; padding:30px; color:#fff; }
.sec-right { width:60%; background:#03723b; float:left; min-height:400px; padding:30px; color:#fff; }
.sec-content h2 { /*font-family: 'adobe-garamond-pro'; */
	padding-top: 30px; padding-bottom: 30px; color: #fdb81f; text-shadow: 1px 1px #000; float: none; text-align: left; margin-top: -10px; margin-bottom: 10px; font-size: 26px; }
.sec-content { padding-top:50px; }
.sec-content p { color:#fff; }
.sec-content-left h2 { font-size: 28px; font-family: adobe-garamond-pro; margin-top: 110px; text-align: center; color: #fff; }
/*** Layer Homepage ***/
.layer { /*background-color: rgba(248, 247, 216, 0.7); */
	background-image: linear-gradient(to bottom right, rgba(88, 85, 119, 0.7), rgba(237, 50, 55, 0.6)); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Menu on Scrool */
.menu-on-scroll-top { padding-left: 32px; padding-right: 32px; }
.iconquicklinks { filter: grayscale(0%); transition: transform .2s; margin-bottom: 20px; border: 5px solid #e4e4e4; width: 100px; height: 100px; }
.sitemap > ul > li > ul > li > ul { margin-top:1px; }
.sitemap > ul > li { background:#03723b; padding:10px; width:250px; float:left; margin-right:20px; margin-bottom:20px; min-height:330px; max-height:280px; overflow-y:auto; border:1px solid #ddd; }
.sitemap > ul > li > a { color:#333; text-transform:uppercase; font-size:16px; font-weight:600; font-family:'Roboto Slab',serif; margin-left:10px; }
.sitemap > ul > li > a { color:#ffffff; text-transform:uppercase; font-size:16px; font-weight:600; font-family:'Roboto Slab',serif; margin-left:10px; }
.sitemap > ul > li > ul > li > a { color:#fff; }
.sitemap > ul > li > ul > li > ul > li > a { color:#fff; }
.sitemap > ul > li > ul > li { background:#03723b; padding-left:10px; width:220px; margin-left:0px; border-bottom:1px solid #e4e4e4; }
.sitemap > ul > li::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#fff; border-radius:0px; }
.sitemap > ul > li::-webkit-scrollbar { width:10px; background-color:#F5F5F5; }
.sitemap > ul > li::-webkit-scrollbar-thumb { border-radius:0px; background:#8f326d; }
.sitemap > ul > li > ul > li > ul > li { background:#03723b; padding-left:20px; width:210px; margin-left:-10px; border-bottom:1px solid #ffffff; }
.sitemap > ul > li > ul > li > ul > li:hover { background:rgba(0, 0, 0, .2); }
.sitemap > ul > li > ul > li:hover { background:rgba(5, 4, 4, 0.3); }
.sitemap > ul > li:first-child { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/home.png)no-repeat center #03723b; text-align:center; }
.sitemap > ul > li:first-child:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/home.png)no-repeat center #03723b; text-align:center; }
.sitemap > ul > li:first-child a { color:#fff; }
.sitemap > ul > li:nth-child(5) { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-admissions.png)no-repeat center 03723b; text-align:center; }
.sitemap > ul > li:nth-child(5):hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-admissions.png)no-repeat center 03723b; text-align:center; }
.sitemap > ul > li:nth-child(5) a { color:#fff; }
.sitemap > ul > li:nth-child(6) { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-careers.png)no-repeat center 03723b; text-align:center; }
.sitemap > ul > li:nth-child(6):hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-careers.png)no-repeat center 03723b; text-align:center; }
.sitemap > ul > li:nth-child(6) a { color:#fff; }
.sitemap > ul > li:nth-child(7) { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-franchise.png)no-repeat center #03723b; text-align:center; }
.sitemap > ul > li:nth-child(7):hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-franchise.png)no-repeat center #03723b; text-align:center; }
.sitemap > ul > li:nth-child(7) a { color:#fff; }
.sitemap > ul > li:nth-child(8) { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-contact.png)no-repeat center rgba(0,0,0,0.3); text-align:center; }
.sitemap > ul > li:nth-child(8):hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/icon-contact.png)no-repeat center rgba(0,0,0,0.5); text-align:center; }
.sitemap > ul > li:nth-child(8) a { color:#fff; }
.sitemap > ul > li > ul > li > ul > li:before { content:'-'; counter-increment:item; color: #fff; margin-right: 1px; }
/*   DPS Sushant Lok Start*/
.hexagon { position: relative; width: 155.12px; height: 86.60px; margin: 43.30px 0; border-left: solid 3px #03723b; border-right: solid 3px #03723b; background: #03723b; }
.hexagon span { font-size: 40px; position: absolute; top: 28px; left: 50px; color: #fff; z-index: 1; }
.hexagon:before,
.hexagon:after { content: ""; position: absolute; z-index: 0; width: 106.07px; height: 106.07px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 20.9670px; }
.hexagon:before { top: -55.033px; border-top: solid 3.4142px #03723b; border-right: solid 3.4142px #03723b; }
.hexagon:after { bottom: -55.033px; border-bottom: solid 3.4142px #03723b; border-left: solid 3.4142px #03723b; }
.hexper { text-align: center; padding: 5px 0px; font-size: 16px; line-height: 24px; color: #000; font-family: 'Vollkorn',serif; font-weight: 500; }
/* News ticker strat*/
.hm-news-container { width:100%; padding:0px; float:left; }
.all-newseve { position:absolute; bottom:-30px; left:40px; }
.all-newseve a { position:relative; z-index:1; display:block; padding:0px 15px; width:150px; min-height:40px; border:1px solid #126a37; white-space:nowrap; color:#fff; font:14px 'helveticaBlack'; text-align:center; line-height:40px; letter-spacing:1px; margin:0 auto; -webkit-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms; -moz-transition:all 300ms; transition:all 300ms; overflow:hidden; box-shadow:1px 1px 5px #021e0e; }
.all-newseve a:hover { color: #126a37; font-weight: 600; background: #fff; }
.news-controls { width:80px; position:absolute; bottom:0px; right:40px; display:none; }
.news-controls a { width:50%; height:20px; float:left; background-size:15px !important; cursor:pointer; -webkit-transition:all 300ms; -o-transition:all 300ms; -moz-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms; }
.news-controls a:hover { background-color:#53b74b !important; }
.news-controls #prev-button { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/arrow-down.png) center no-repeat #ffdfb2; }
.news-controls #next-button { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/arrow-up.png) center no-repeat #f6ffc7; }
.hm-news-slider, .hm-events { width:100%; float:left; height:250px; padding:1px 10px; }
.hm-news-slider li { width:100%; height:100px; float:left; border-bottom:1px dashed #1A4E1D; }
.hm-news-slide { width:100%; float:left; text-align:center; margin:15px 0; position:relative; z-index:1; }
.hm-news-slide .new { width:30px; position:absolute; z-index:-1; bottom:3px; right:0; }
.hm-news-slide .hm-news-date { display:inline-block; vertical-align:top; width:40px; }
.hm-news-slide .hm-news-date a { display:block; font-size:12px; color:#fff; }
.hm-news-slide .hm-news-date a span { width: 100%; float: left; line-height: 38px; background-color: #6f0101; font-size: 18px; color: #fff; }
.hm-news-slider li:nth-child(even) .hm-news-slide .hm-news-date a span { background:#53b74b; }
.hm-news-slide .hm-news-date a:hover span { background:#232323; }
.hm-news-slide .hm-news-text { width:74%; display:inline-block; vertical-align:middle; padding:0 3%; text-align:left; }
.hm-news-slide .hm-news-text p a { display:block; font-size:12px; color:#fff; }
.hm-news-slide .hm-news-text p a:hover { color:#8a0000; }
.hm-news-slider li:nth-child(even) .hm-news-slide .hm-news-text p a:hover { color:#53b74b; }
.hm-news-slide .hm-news-read { display:inline-block; vertical-align:middle; padding-left:10px; }
.hm-news-slide .hm-news-read a { color:#fff; font:12px 'poppinssemibold'; display:block; }
.hm-news-slide .hm-news-read a:hover { text-decoration:underline; }
/* News ticker End /*
/* Circle design with dyanmic no. Start */
.circledp { background: #03723b; height: 140px; width: 140px; border-radius: 50%; position:relative; left: 15px; }
.circledp div { background: #0f9553; height: 115px; width: 115px; border-radius: 50%; position: absolute; left: 13px; top: 13px; text-align: center; color: #fff; }
.circledp span { position: absolute; top: 46px; left: 4px; font-size: 34px; }
.circletext { text-align: center; padding: 5px 0px; font-size: 16px; line-height: 24px; color: #000; font-family: 'Vollkorn',serif; font-weight: 500; }
#sis-usp ul li { min-height: 220px !important; }
/* Circle design with dyanmic no. End  */
/*---- --*/
.heading-correct-pronounciation { margin: 25px 0px 30px; text-align: center; position: relative; font-family: 'Vollkorn',serif; font-weight: 100 !important; }
h1 { color: #fff; font-size: 1.5em; font-weight: normal; font-style: italic; letter-spacing: 0.1em; line-height: 2.2em; }
em { font-size: 40px; text-transform: uppercase; letter-spacing: 0.1em; display: block; font-style: normal; padding-top: 0.1em; text-shadow: 0.07em 0.07em 0 rgba(0, 0, 0, 0.1); color:#03723b; }
em::before,
em::after { content: "§"; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 1; margin: 0 0.6em; font-size: 0.7em; }
h2.secheading-h2 { position: relative; text-transform: uppercase; font-weight: 400; font-size: 26px; }
h2.secheading-h2:before { content: ''; background: #585551; width: 16%; height: 1px; position: absolute; bottom: -4px; }
.news-section { padding:15px 0px; font-weight:normal; }
.news-section img { float:left; width: 520px; max-height: 400px; margin-right:20px; cursor: pointer; border: 2px rgb(3, 114, 59) solid; outline: none; }
.news-section p { font-size:14px; }
.news-section .news-title { font-size: 21px; line-height: 22px; color: #016131; /* text-transform: capitalize !important; */
    margin-bottom: 0px; float: none; }
.news-section p strong { font-weight:normal; }
#activitiesscroll ul li { width:1170px; min-height:350px; }
.read-more-rec { padding: 4px 6px; border: 2px; font-size: 14px; color: #03a84e; border-radius: 5px; }
.school-head { margin-top: 20px; width:100%; margin-bottom:0px; font-weight:bold; font-size: 25px; float:none; color: #e8e8e8; font-family: 'Vollkorn',serif; }
/*---- --*/
/*---- Model box start--*/
/* The Modal (background) */
.modal { display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0; top: 0; width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
/* Modal Content */
.modal-content { background-color: #fefefe; margin: auto; padding: 13px; border: 1px solid #888; width: 60%; border:3px solid #0dba64; }
.modal-content h2 { text-align:center; float:none; font-size:16px; font-family: 'Vollkorn',serif; }
.modal-content table { border-color: white; }
/* The Close Button */
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer; }
.side_vertical_bar { position: absolute; padding: 6px; width: 187px; background: #fff; left: 0px; top: 28%; z-index: 9; font-family: verdana; font-size: 12px; border-radius: 2px; line-height: 16px; text-align: left; }
.side_vertical_bar .itelic { background: url(https://resources.edunexttechnologies.com/web-data/jamia/img/notification-bg.gif)#ec774b; border-radius: 2px; padding:15px; color:#fff; font-size: 20px; float: left; margin-right:6px; }
.spancss { font-weight: 600; color:#6d105c; text-shadow: 1px 1px #fff; font-size:12px; margin-left:0px; }
.side_vertical_bar:hover { background:#f8f8f8; color:#999; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; transition: background 0.3s, border 0.3s, color 0.3s; cursor: pointer; }
@media (max-width: 480px) {
 .side_vertical_bar { padding: 5px; width: 180px; right: 5px; top: 220px; z-index: 99; font-size: 9px; line-height: 12px; }
.side_vertical_bar .itelic { padding: 9px; font-size: 18px; margin-right: 10px; }
.spancss { font-size: 12px; }
 }
/*---- Model box End--*/
@-webkit-keyframes NAME-YOUR-ANIMATION { 0%, 49% { background-color: #0f9553; }
50%, 100% { background-color: #03723b; }
 }
.quicklinksclassX { position:absolute; right:20px; height:58px; width:280px; top: 385px; font-size: 14px; text-align: center; padding: 10px 8px 8px 10px; border-radius:100px; line-height: 22px; color:#fff; z-index:11; cursor:pointer; transition: all 0.5s ease-out 0s; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */ }
.quicklinksclassXii { position:absolute; right:10px; width:298px; height:58px; top: 440px; font-size: 14px; text-align: center; padding: 10px 8px 8px 10px; border-radius:100px; line-height: 22px; color:#fff; z-index:11; cursor:pointer; transition: all 0.5s ease-out 0s; border: 8px rgba(135, 194, 235, 0.15) solid; background-clip: padding-box; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19); outline: none; -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */ }
.admiss-head h2 { text-align: center; font-size: 24px; }
.admiss-head h2 span { font-size:16px; }
.enqu-div { margin-bottom:20px; background: rgba(228, 228, 228, 0.5); padding: 30px; min-height: 412px; border: 1px solid #ddd; }
.enqu-div-3 { margin-bottom:20px; background: rgba(228, 228, 228, 0.5); padding: 30px; min-height: 412px; border: 1px solid #ddd; }
@media (max-width: 480px) {
 .quicklinksclassX { top: 115px; right: 0px; font-size: 10px; width: 203px; height: 45px; line-height: 0px; }
.quicklinksclassXii { top: 161px; right: 0px; font-size: 10px; width: 225px; height: 45px; line-height: 0px; }
.admiss-head h2 { font-size: 16px; }
.admiss-head h2 span { font-size: 12px; }
.enqu-div { padding: 16px !important; }
.enqu-div-3 { padding: 8px !important; }
.modal-content table tbody tr td { font-size:10px; }
 }
/*   DPS Sushant Lok Start*/
/*  Sant Atulanand convent school start*/
.imp-outer { margin-left: 0px; margin-right: 0px; width: 200px; }
.imt-box { text-align: center; padding: 10px; background: rgb(0 0 0 / .1); margin-right: 2px; margin-bottom: 2px; }
.imt-box i { font-size: 30px; padding: 10px; color:#fff; }
.imt-box p { font-size: 14px; margin-bottom: 0px; font-weight: 600; color: #fff; margin-top: 5px; }
.imt-box span { font-size:12px; }
.logo { margin-bottom: 1px; margin-top: 6px; transition: all 0.5s ease; }
.logo-text { text-align: center }
.social-box { height: 105px; width: 100% }
.social-box h6 { text-align: center; padding-top: 22px; text-transform: uppercase; font-size: 13px; color: #3b1371; }
/* top-icons start */ 
.top-icons { width:100%; margin:auto }
.top-icons ul { margin:auto; text-align: center; padding:0; list-style:none; ; }
.top-icons ul li { margin-left: 12px; display:inline-block; transition: all 0.7s ease 0s; }
.top-icons ul li a { height:20px; width: 26px; display:block; float:left; transition: all 0.7s ease 0s; }
.mailus { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) 3px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.mailus:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) 3px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.reachus { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -32px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.reachus:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -32px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.writeus { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -61px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.writeus:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -61px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.siteus { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -99px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.siteus:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -99px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.Android { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -131px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.Android:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -132px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.iOS { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -167px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.iOS:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -166px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.window { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -198px 0 no-repeat; transition-duration: 0.9s; transition-property: transform; }
.window:hover { background:url(https://resources.edunexttechnologies.com/web-data/jamia/img/top-icons.png) -197px 0 no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
/*
.logo-on-scroll-top-show img { width: %; transition: all 1s; margin: 8px 0 0 0; }
.logo-on-scroll-top-show { width: 440px !important; transition: all 0.5s ease; }
*/
@keyframes fadein {
 from { opacity: 0; }
to { opacity: 1; }
 }
/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; }
to { opacity: 1; }
 }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; }
to { opacity: 1; }
 }
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; }
to { opacity: 1; }
 }
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; }
to { opacity: 1; }
 }
.saralogo { position: absolute; left: -3px; top: 6px; }
.unit-swami { margin-bottom: 10px !important; font-weight: 400 !important; text-transform: inherit !important; /*    background-image: linear-gradient(to right, #ff6c00 , #fc9f5a); */
    background: #672e06; padding: 3px 20px; border-radius: 30px; margin-left: 130px; color: #fff !important; margin-top: -10px; font-size: 15px !important; transition: all 0.5s ease; }
.unit-swami-small { margin-left: 90px; font-size:12px !important; transition: all 0.5s ease; }
.testi { position:relative; margin-bottom: 40px; }
h2.testi { text-align: center; float: none; font-size: 30px; margin-bottom:5px; }
p.texti-p { text-align: center; font-size:15px; }
p.texti-p:before { content: ''; background: #da630f; width: 5%; height: 3px; position: absolute; /* top: 58px; */
    border-radius: 21px; left: 560px; }
.usp h1 { font-size: 14px; line-height: 40px; color: #fff; text-transform: uppercase; margin: 0; position: relative; padding: 10px; z-index: 2; letter-spacing: 1px; background:rgb(219 100 16 / .8); top: -61px; text-align:center; }
.usp span { font-size:12px; text-align:center; }
.give { z-index:1 !important; }
.give > h3:after { display: block; content: ''; height: 2px; width: 50px; background: #f16649; position: absolute; top: 58px; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
/*  Quick Link Start */
#popUp { position: absolute; z-index: 1000; max-width: 450px; width: 440px; height: 248px; margin-left: -440px; background: rgba(236, 240, 241, 1); border: 7px solid #fff; bottom: 40px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index:9999999; }
#new span { background: #fff; position: absolute; color: #012e61; padding: 4px 10px; font-size: 16px; font-weight: 600; letter-spacing: 1px; margin-top: -5px; font-family: 'Poppins', sans-serif; }
#popUp .close { color: #fff; right: 8px; top: 0px; position: absolute; font-size: 20px; cursor: pointer; }
#popUp h2 { line-height: 24px; font-weight: 400; margin-top: 0px; padding: 0 10px; font-size: 14px; font-weight: 400; color: #004281; text-transform: none; font-family: 'Poppins', sans-serif; }
#popUp h2:before { content: "\2022"; color: #004281; font-size: 32px; margin-right: 10px; font-family: 'Poppins', sans-serif; }
#body { height: 1200px; background: #eee; }
#plus { position: absolute; z-index: 100; color: #fff; bottom: 15%; font-size: 15px; margin-left: 0px; -webkit-transition: all 1.25s ease; -moz-transition: all 1.25s ease; -o-transition: all 1.25s ease; transition: all 1.25s ease; cursor: pointer; text-align: left; letter-spacing: 1px; }
#plus span { position: absolute; margin-top: 45px; left: 4px; }
#plus::after { content: ''; display: block; display: relative; border-top: 85px solid transparent; border-bottom: 75px solid transparent; border-left: 85px solid #db6410; }
@media all and (max-width: 480px) {
 #popUp { width:340px; bottom: 200px; }
#plus { bottom: 55%; }
#plus span { font-size: 12px; margin-top: 41px; line-height: 14px; }
#plus::after { border-top: 65px solid transparent; border-bottom: 65px solid transparent; border-left: 65px solid #db6410; }
 }
@media all and (max-width: 900px) {
 #popUp { margin-left: -425px; }
#plus { margin-left: 0px; }
 }
.blink_me { animation: blinker 1s linear infinite; }
@keyframes blinker {
 50% { opacity: 0; }
 }
/*  Sant Atulanand convent school end*/