mbody { margin: 0; padding: 0; border: none; overflow-x:hidden;  }
.body-loader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; background-image: url(../loader.gif); background-position: center center; background-repeat: no-repeat; z-index: 11000; }
h1 { font-size:40px; }
h2 { font-size:38px; }
h3 { font-size:32px; }
h4 { font-size:28px; }
h5 { font-size:24px; }
h6 { font-size:20px; }

a { text-decoration: none; color: inherit; }
.clear-ul { list-style: none; margin: 0; padding: 0; }
.clear-ul li:before { display:none;}
.inline-block { display:inline-block;}

ul, ol { margin-left: 10px; }
.wrapper-content { margin: 0 auto; overflow:hidden; padding-left: 220px;}
.wrapper-1200, .wrapper-1000 { width: 1200px; margin: 0 auto; }
.wrapper-search { width: 300px; margin: 0 auto 0 auto; text-align: left; padding: 30px 0; }
.template-wrapper { margin-bottom: 40px; }
.template-wrapper.margin-0 { margin-bottom: 0; }
.home-banner h4 { font-size:70px; text-align:left; padding-left:52%; color:#fff;}
.border-bottom { border-bottom: solid 2px #acacac; }

header {  }
.main-menu-icon { height:50px; width:50px; background: url(../all-temp-images/menu-icon.png) center center no-repeat #33298b; position: absolute; right:0; top: 0; z-index: 1000; display: none; font-weight:700; transform: translateX(100%); }
.main-link { padding: 8px 25px; font-weight: 400; font-size: 17px; }
.main-link:hover, .main-link.active { background: linear-gradient(20deg, #970000 20%, #d43737); }
.main-menu-icon.active { background-image: url(../all-temp-images/menu-icon-close.png); }
/*.main-menu-icon:after { content:"\f0c9"; font-family:FontAwesome; font-size:15px; margin-left:3px; font-weight:normal;}
.main-menu-icon.active:after { content:"\f00d";}*/
.main-link-ul { font-size: 0; margin:0px 0; padding: 0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; }
.main-link-ul li { position: relative; margin:0px; font-size: 16px; padding: 0; }
.main-link-ul li.main-link-li { box-sizing:border-box; -webkit-box-sizing:border-box; margin: 0px auto; display: block; }
.main-link-ul li.link-break { display:block;}
/*.main-link-ul li:after { content:""; width:1px; height:100%; background-color:#fff; position:absolute; right:0; top:0;}*/

/*.main-link-ul li:after {content:""; position:absolute; width:100%; height:0%; left:0; top:0; background-color:#53b1c8; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s;}
.main-link-ul li ul li:after { display:none;}
.main-link-ul li:hover:after { height:100%;}
.main-link-ul li:hover .main-link { color:#000;}
.main-link.active { color:#000; background-color:#53b1c8;}
.main-dd-parent:hover .sub-link-ul { visibility: visible; opacity: 1; transform:translate(-50%, 00px); -webkit-transform:translate(-50%, 00px); }*/
.sub-link-ul { width: 85%; display: block; padding:0 0px 0 0px; opacity: 1; visibility: visible; transition: none; position: relative; transform: none; background: none; margin: 0 0 0 15%; border-left: solid 1px #fff; display: none; }
/*.sub-link-ul.nowshowing { opacity:1; transform:translateX(-50%) translateY(0); -webkit-transform:translateX(-50%) translateY(0);}*/
/*.sub-link-ul:before {content:"▲"; font-size:20px; position:absolute; left:50%; top:-20px; color:#4c64b3;}*/
.sub-link-ul li { float: none; margin: 0; display: block; border:none; width:100%;}
.sub-link-ul li:after { display:none;}
.main-menu-ul li:hover .sub-link-ul { transform: none; }
.sub-link { width: 100%; color: #fff; margin: 0; display: block; box-sizing:border-box; -webkit-box-sizing:border-box; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; border:solid 1px rgba(255,255,255,0); padding:7px 20px;}
.sub-link:hover, .sub-link.active { background-color: rgb(0 0 0 / 20%); }
.sub-link:after { display:none; }
.child-link-ul { font-size:15px; position: absolute; z-index: 510; width: 200px; left: 100%; top:0; background-color: #000; box-sizing: border-box; -webkit-box-sizing: border-box; display: none; padding:5px 0; border-radius:5px; -webkit-border-radius:5px;}
.child-link-ul li { float: none; margin: 0; display: block; }
.child-link { padding: 5px 0; width: 100%; line-height: 30px; text-align: center; color: #fff; margin: 0; display: block; font-size:14px; }
.child-link:hover, .child-link.active { background-color: #ccc; color:#000;}
.search-icon { background:url(../temp-images/search-icon-white.png) center center no-repeat #4c64b3; border:solid 1px #4c64b3; width:40px; height:55px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box;}

.additional-menu { text-align:right; font-size:0; margin-top:9px; float:right; position:relative; color:#fff; border:solid 1px #999;}
.additional-menu form, .additional-menu p { display:inline-block;}
.additional-menu p { font-size:18px; margin:0 10px;}
.additional-menu form { width: 100%; text-align:left; margin: 0; padding: 0; display:block; margin-right:20px; background-color:#fff; color:#000; overflow:hidden; position:relative;}
.search-field { width:80%; background: none; padding: 5px 15px; line-height: 20px; font-size: 13px; display: inline-block; margin:0; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; border:none; }
.search-btn { width:20%; height: 32px; cursor: pointer; margin: 0; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; background:none; border:none; position:relative;}
.search-btn:before {content:""; position:absolute; width:1px; height:60%; background-color:#999; left:0; top:20%;}
.additional-menu-close { width:40px; height:40px; position:absolute; right:5%; background:url(../temp-images/close-box.png) center center no-repeat;}
.main-link-ul li .sub-link-ul li:last-child { margin-bottom: 00px; }
.web-breadcrumbs { width: 100%; height:70px; display:none; }
.web-breadcrumbs a { text-decoration: none; color: #000; margin-right: 20px; float: left; line-height: 30px; padding-left: 15px; font-size: 12px; position: relative; }
.web-breadcrumbs a:before { content: "→"; position: absolute; left: 0; line-height: 30px; color: #999; }
.web-breadcrumbs a:hover { text-decoration: underline; }
.ele-template { }
.web-header { width: 220px; height: 100%; padding: 0 0 0px 0; position:fixed; z-index:900; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; background-image: linear-gradient(150deg, #33298b 0%, #4d33db 80%); color: #fff; left: 0; top: 0; }
.web-header.on { transform: translateX(100%); }
.web-header-wrapper { width: 100%; height: 100%; margin: 0 auto; padding:0px 0 0 0; overflow: auto; }
.header-top { text-align:center; margin:0px auto 00px auto; position:relative; padding: 0px 0px; box-sizing: border-box; width: 100%; transition: all ease-out 0.5s; }
.extra-header { margin: 0px auto ; padding: 0 0 0px 0; text-align: center; position: absolute; width: 100%; bottom: 0px; padding: 10px; z-index: 100; }
.extra-header div { font-size: 14px; }
/*.school-details { position:absolute; right:0; top:00px; text-align:right;}
.school-details h3 { font-size:18px; line-height:120%; margin:0; padding:0; color:#767675; text-transform:uppercase; margin-top:-5px;}*/
.header-1 .logo, .logo-mob { width: 160px; padding: 10px 0; margin: 15px auto; display:block; position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.header-1 .logo img, .logo-mob img { width: 100%; }
.mob-header { display: none; background-color: #33298b; overflow: hidden; background: linear-gradient(-10deg, #33298b 0%, #4D33DB 80%); }
.logo-mob {}
.logo:after { content:""; width: 100px; height: 2px; background-color: #fff; }

.header-1 .main-menu { text-align: left; position:relative; }
.gallery-wrapper { padding-top:20px; position: relative; width: 90%; text-align:center; }
.close-to-gallery { width: 40px; height: 40px; line-height: 40px; background: linear-gradient(150deg, #33298b 0%, #4d33db 80%); font-size:25px; color:#fff; position: absolute; right: 0; top:10px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; text-align:center; display:block;}
.close-to-gallery:hover { background-color:#000;}
.gallery-cate { margin: 0; padding: 0; list-style: none; font-size: 0; }
.gallery-cate li { margin: 0; padding: 0; background: none; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; font-size: 16px; }
.gallery-1 .gallery-cate li { width: 100%; height: 220px; overflow: hidden; position: relative; }
.gallery-2 .gallery-cate li { width: 32.93%; height: 220px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin: 0.2%; }
.gallery-3 .gallery-cate li { width: 49%; min-height: 350px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin: 0.5%; }
.gallery-cate li img { width: 100%; }
.gallery-details { position: absolute; width: 100%; height:100%;  background-color: rgba(0,0,0,0.8); color: #fff; opacity: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.gallery-details h3 { position:absolute; width:100%; color: #fff; padding:0 5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align: center; font-size:30px; }
.gallery-cate li:hover .gallery-details { opacity: 1; }
.main-gallery { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 0; position:relative;  }
.main-gallery li { display: inline-block; padding: 0; background: none; vertical-align: middle; overflow: hidden; margin: 0; border: solid 1px rgb(0 0 0 / 20%); background-color: #fff; }
.main-gallery li img { width: 100%;  box-sizing: border-box; }
.main-gallery li h5 { font-size: 22px; margin: 0; padding: 5px; }

.footer { background-color: rgb(0 0 0 / 10%); padding-left: 220px; }
.footer-menu { width:33%; float:left; text-align:left;}
/* sliders */
.slidertype-1 { padding-bottom:30px;}
.slidertype-1 img { width: 100%; }
.slidertype-1 .slider-content { padding: 10px 0; color: #000; }
.slidertype-1 .slider-bullets { bottom:0;}
.slidertype-2 { position: relative; }
.slidertype-2 img { width: 100%; }
.slidertype-2 .slider-content { background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 0; display: block; width: 94%; padding: 10px 3% 20px 3%; text-align: left; }
.slidertype-2 h3, .slidertype-2 h4 { color: #fff; font-weight: normal; margin:0; padding:0;}
.slidertype-2 h3 { font-size:60px; margin-top:20px; text-transform:uppercase; font-weight:600;}
.slidertype-3 { position: relative; }
.slidertype-3 img { width: 100%; }
.slidertype-3 .slider-content { background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 0; display: block; width: 94%; padding: 10px 3%; text-align: right; }
.slidertype-4 { position: relative; text-align: center; }
.slidertype-4 img { width: 100%; }
.slidertype-4 .slider-content { background: none; color: #fff; position: absolute; width: 100%; left: 0; bottom:53%; transform:translateY(50%); -webkit-transform:translateY(50%); display: inline-block; text-align: center; text-shadow: 2px 2px 1px rgba(0,0,0,0.9); }
.main-banner h4 { color:#fff; font-size:25px; text-shadow:none; -webkit-text-shadow:none;}
.slidertype-4 h3 { font-size: 34px; line-height:120%; font-weight:bold; color: #FFF; }
.slidertype-5 { position: relative; text-align: center; }
.slidertype-5 img { width: 30%; float: left; }
.slidertype-5 .slider-content { width: 65%; float: right; text-align: left; padding-bottom: 30px; }
.slidertype-6 { position: relative; text-align: center; }
.slidertype-6 img { width: 30%; float: right; }
.slidertype-6 .slider-content { width: 65%; float: left; text-align: left; }
.slidertype-7 { position: relative; }
.slidertype-7 img { width: 100%; }
.slidertype-7 .slider-content { background: none; color: #fff; position: absolute; width: 100%; left: 0; bottom: 28%; display: inline-block; text-align: center; text-shadow: 3px 3px 2px rgba(0,0,0,0.5); }
.slidertype-7 .slider-content h3 { font-size: 30px; font-weight: 300; margin-bottom: 10px; }
.slidertype-7 .slider-content h4 { font-size: 73px; line-height: 80px; font-weight: 300; background-image: url(../temp-images/white-line-240.png), url(../temp-images/white-line-240.png); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; padding: 20px 0; }

.footer-wrapper { margin-top: 30px; }
.social-icons { width:100%; list-style:none; margin: 10px auto 15px; padding: 0; }
.social-icons li { margin: 0; padding: 0; display:inline-block; vertical-align:top; background:none;}
.social-icons li:before { display:none;}
.social-icons li a { width: 40px; height: 40px; line-height:43px; font-size:20px; text-align:center; display: block; border-radius:10px; margin-left: 3px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.social-icons li a:hover {  }

.styled-table { width: auto !important; min-width: 100%; border-left: solid 1px #666; border-top: solid 1px #666; background-color: #fff; }
.styled-table td, .styled-table th { padding: 10px 15px; border-right: solid 1px #666; border-bottom: solid 1px #666; white-space: nowrap; }
.styled-table tr:nth-child(2n) { background-color:#E5E5E5;}
.styled-table thead { background:linear-gradient(150deg, #33298b 0%, #4d33db 80%); color:#fff; font-weight:bold;}
.download { padding:10px 20px; position:relative; background:linear-gradient(150deg, #33298b 0%, #4d33db 80%); color:#fff;}
.download:before { content:"\f019"; font-family:FontAwesome; margin-right:15px; color:#fff;}
.download:hover { background-color:#000; }
.page-not-found h1 { font-size:150px; opacity:0.2; -webkit-opacity:0.2;}
.uni-school-info { position:relative; background-color:rgb(40, 40, 168); padding:10px 25px; color:#fff;}
.uni-school-info:before { content:"\f19d"; font-family:FontAwesome; margin-right:10px;}
.publication-links a { background-color:#333; color:#fff; padding:10px 20px;}
.publication-links .ele-template:nth-child(1) a { background-color:#C90;}
.publication-links .ele-template:nth-child(2) a { background-color:#390;}
.publication-links .ele-template:nth-child(4) a { background-color:#099;}
.publication-links .ele-template:nth-child(5) a { background-color:#F30;}
.publication-links a span { color:#fff !important; margin-right:10px;}
.publication-links a:hover { background-color:rgb(40, 40, 168);}
.home-link { background-color: #988670; line-height: 50px; width: 50px; display: block; color: #fff; font-size: 20px; transition: all ease-out 0.3s; }
.home-link:hover { background-color: #001d55; }
.large-social-icons .social-icon { display: inline-block; transform: scale(1.75); margin: 15px 12px 0; border: solid 1px rgb(255 255 255 / 0.2); font-size: 15px; line-height: 35px; background: transparent; }
.large-social-icons .social-icon:hover { border: solid 1px rgb(255 255 255 / 1); background: none; }
.banner-bg { background-image: /* linear-gradient(00deg, #977600 20%, #d4af37) */ linear-gradient(00deg, #970000 20%, #d43737); }
.banner-bg * { color: #fff; }
.large-social-icons img { display: inline-block; max-width: 50px; }
.main-link span { display: none; }
.boxed-list .flex-child { border: solid 1px rgb(0 0 0 / 0.2); }

.flex-box { justify-content: center; }
.flex-box .flex-child { flex-grow: 0; }

.admission-list .flex-child { box-shadow: 3px 3px 5px 2px rgb(0 0 0 / 10%); background-color: #fff; }
.admission-list img { width: 60%; margin: 10px auto; }

@media screen and (max-width:1420px) {
	.wrapper-1200, .wrapper-1000 { width: 100% !important; margin: 0 auto; }
}
@media screen and (max-width:1250px) {
	
	.header-top {margin: 5px auto 20px auto;}
	.footer-wrapper { width: 95%; margin: 0 auto; }
	.gallery-wrapper { width: 95%; }
	.web-header-wrapper { width: 100%; margin: 0 auto; }
	.home-banner h4 { font-size:50px; padding-left:50%;}
	
	.web-header { left: -220px; }
	.wrapper-content, .footer { padding: 20px 10px; }
	.low-padding { padding: 2% 1%;}
	.mob-header { display: block;}
	.main-menu-icon { display: inline-block; }
}
 @media screen and (max-width:1050px) {
.wrapper-content { width: 100%; margin: 00px auto 0 auto; }
.gallery-wrapper { width: 90%; }
.web-breadcrumbs { width: 100%; margin: 5px auto; display:none; }
.login-register-box { width: 100%; }
.login-register-box a { width: 48%; margin: 5px 1%; box-sizing: border-box; float: left; }
h1 { font-size: 45px; }
h2 { font-size: 38px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

.mobile-block { margin-left:0; display:block;}
/*.additional-menu { text-align: center; width: 100%; position: relative; top: 0px; margin:0; }*/
.additional-menu form { width: 100%; text-align: center; }
.slidertype-2 h3, .slidertype-2 h4 { color: #000; font-size: 22px; }
.home-banner h4 { padding-left:0%; text-shadow:none; color:#4c64b3; font-size:44px; line-height:120%; text-align:center;}
	 
}
 @media screen and (max-width:1000px) {
.main-menu-ul, .sub-link-ul { text-align: inherit; }
.main-link-ul li.main-link-li { width:100%;}
.gallery-1 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.gallery-2 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.gallery-3 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.close-to-gallery { position:relative; top:0px;}
.slidertype-2 { position: relative; }
.slidertype-2 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; }
.slidertype-3 { position: relative; }
.slidertype-3 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; }
.slidertype-4 { position: relative; }
.slidertype-4 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; transform:translateY(0); -webkit-transform:translateY(0); }
.slidertype-5 { position: relative; text-align: center; }
.slidertype-5 img { width: 80%; float: none; margin: 0 auto; }
.slidertype-5 .slider-content { width: 100%; float: none; text-align: center; margin: 0 auto; }
.slidertype-6 { position: relative; text-align: center; }
.slidertype-6 img { width: 80%; float: none; margin: 0 auto; }
.slidertype-6 .slider-content { width: 100%; float: none; text-align: center; margin: 0 auto; }
.slidertype-7 .slider-content { bottom: 15%; }
.slidertype-7 .slider-content h3 { font-size: 20px; margin-bottom: 00px; }
.slidertype-7 .slider-content h4 { font-size: 20px; line-height: 20px; padding: 10px 0; }
.main-banner h4 { text-shadow:none; -webkit-text-shadow:none; color:#4c64b3; font-size:35px;}
.err:after { right: 0px; }
.fix-box { left: 0; bottom: 0; }
.gallery-details { background-color: rgba(0,0,0,0.3); opacity: 1; }
.slidertype-4 h3 { font-size: 26px;}
.gallery-text-wrapper { width:90%; margin:0 auto; position:relative;}
.gallery-text-wrapper .line-seperator:after { margin:0; left:0;}
.main-link:hover:after, .main-link.active:after { display:none;}

	 .header-top, .main-link-ul { display: block; }
	 .header-top.scrolled { border-radius: 0; width: 100%; }
	 .main-gallery li { margin-bottom: 20px; }
}
@media screen and (max-width:960px) {
.ele-template { height: auto !important; }
.large-social-icons { padding: 0 30px 30px; text-align: center; }
	.admission-list .flex-child { padding-top: 30px; margin: 20px auto; }
}
@media screen and (max-width:760px) {
h1 { font-size: 38px; }
h2 { font-size: 34px; }
h3 { font-size: 28px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.web-breadcrumbs { display: none; }
.testimonial-slider .ele-template { padding:30px 10px; background-size: 40px auto, 40px auto; }

.school-details { position:relative; text-align:center; margin:5px 0;}
.main-menu-icon { display: block; top:0px;}
.school-details h3 { margin-top:5px;}
.main-banner h4 { font-size:25px;}
.footer-menu { width:100%; float:none; margin-bottom:20px;}
.footer-content {width:100%; float:none; margin-bottom:20px; text-align:center;}
.footer-copyright { width:100%; float:none; margin-bottom:20px; text-align:center;}
.social-icons { width:100%; text-align:center;}
.social-icons li a { margin:5px;}
.extra-header { padding: 0; }
}
@media screen and (max-width:760px) {
.main-link.active span { display: none; }
}