/*body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:600; line-height:140%; background-color:#fff; color:#000; overflow-x:hidden; background:url(../wel-images/notebook-paper-pattern.png) left top repeat #FFF; background-attachment:fixed;}*/
body { margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; line-height:140%; background-color:#fff; color:#000; overflow-x:hidden; background:url(../wel-images/notebook-bg.png) center center repeat #FFF; background-attachment:fixed; background-size:contain; -webkit-background-size:contain; letter-spacing:0.0px;}
h1, h2, h3, h4, h5, h6, h7 { font-family: 'Montserrat', sans-serif; font-weight:600; margin:0; padding:0; line-height:140%;}
h1 { font-size:70px; }
.large-text {font-size:70px; text-transform:uppercase;}
.text-35 { font-size:40px; line-height:140%;}
h2 { font-size:48px; text-transform:uppercase; }
h2.big { font-size:62px;}
h2.small { font-size:36px;}
img { vertical-align:top; max-width: 100%; }
a { text-decoration:none;}
p { margin:0; padding:0;}
section { transform-origin:left top; -webkit-transform-origin:left top; position: relative; }
.fat { font-weight:700;}
.thin { font-weight:300;}
.mid-fat { font-weight:600;}
.flex-box { display:flex; align-items: center; width:100%; }
.flex-box.reverse { flex-direction: row-reverse;}
.no-wrap { flex-wrap: wrap; }
.full-wd { width:100%; }
.items-top *, .items-top { align-items: flex-start; }
.items-stretch *, .items-stretch { align-items: stretch; }
.v-center {position:absolute; top:50%; transform: translateY(-50%);}

.full-screen { position:relative; width:100%; overflow:hidden;}
.wrapper-1200 { position:relative; width:1200px; margin:0 auto; z-index:10;}
.wrapper-1000 { position:relative; width:1000px; margin:0 auto; z-index:10;}
.middle-abs { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.smooth-tran-300 { transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.clear-ul { margin:0; padding:0; list-style:none;}

.main-bullet-nav { position:fixed; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:9999; display:none;}
.main-bullet-nav a {width:10px; height:10px; display:block; margin:10px 0; border-radius:50%; -webkit-border-radius:50%; border:solid 3px #fff; background-color:#000; transition:all ease-in-out 0.3s;}
.main-bullet-nav a:hover, .main-bullet-nav a.active { transform:scale(1.4,1.4); -webkit-transform:scale(1.4,1.4);}
@keyframes loaderwheel {
	0% { transform:rotate(0deg) translate(-50%,-50%); -webkit-transform:rotate(0deg) translate(-50%,-50%); }
	100% { transform:rotate(360deg) translate(-50%,-50%); -webkit-transform:rotate(360deg) translate(-50%,-50%); }
}
@-webkit-keyframes loaderwheel {
	0% { transform:rotate(0deg) translate(-50%,-50%); -webkit-transform:rotate(0deg) translate(-50%,-50%); }
	100% { transform:rotate(360deg) translate(-50%,-50%); -webkit-transform:rotate(360deg) translate(-50%,-50%); }
}
.loader-complete { position:fixed; z-index:11999; background-color:#fff; left:50%; top:50%;}
.loader-complete.off { transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.wheel-loader { width:200px; height:200px; position:absolute; left:50%; top:50%; background:url(../wel-images/ashoka-wheel.png) center center no-repeat; background-size:contain; -webkit-background-size:contain; animation:loaderwheel linear infinite 1s; -webkit-animation:loaderwheel linear infinite 1s; transform-origin:0 0; -webkit-transform-origin:0 0; z-index:100;}
@keyframes rippleanim {
	0% { transform:translate(-50%,-50%) scale(0,0); -webkit-transform:translate(-50%,-50%) scale(0,0); opacity:0.2; -webkit-opacity:0.2; }
	100% { transform:translate(-50%,-50%) scale(5,5); -webkit-transform:translate(-50%,-50%) scale(5,5);  opacity:0; -webkit-opacity:0;}
}
@-webkit-keyframes rippleanim {
	0% { transform: translate(-50%,-50%) scale(0,0); -webkit-transform: translate(-50%,-50%) scale(0,0); opacity:0.2; -webkit-opacity:0.2;}
	100% { transform: translate(-50%,-50%) scale(5,5); -webkit-transform:translate(-50%,-50%) scale(5,5); opacity:0; -webkit-opacity:0;}
}
.ripples { width:100px; height:100px; border:solid 5px #2d2389; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:50%; top:50%; animation:rippleanim ease-in infinite 3s; -webkit-animation:rippleanim ease-in infinite 3s; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform: translate(-50%,-50%) scale(0,0); -webkit-transform: translate(-50%,-50%) scale(0,0); opacity:1; -webkit-opacity:1;}
.ripple-1 { animation-delay:2s;}
.ripple-2 { animation-delay:4s;}
.pencil-character { width:180px; height:396px; background:url(../wel-images/pencil-eye-blink.png) left top no-repeat; background-size:auto 100%; position:absolute; right:20%; bottom:10%;}
.welcome { width:100%; position:relative; color:#000;}
.welcome-remove {position:absolute; width:146px; height:452px; right:-70px; background:url(../wel-images/pencil-side.png) center center no-repeat; background-size:contain; -webkit-background-size:contain; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.welcome-head-logo { position:fixed; width:220px; left:20px; top:20px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }
.welcome-head-logo.off { opacity:0;}
.main-page-nav { width:70px; height:70px; position:fixed; z-index:9998; border-radius:10px; -webkit-border-radius:10px; background-color:#33298b; right:100px; bottom:20px; overflow:hidden; border:solid 2px #fff; transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s; transform:scale(1,1) translate(0%,0%); -webkit-transform:scale(1,1) translate(0%,0%);}
.main-page-nav a { width:100%; height:50%; display:block; text-align:center; color:#fff; font-size:14px; border-bottom:solid 1px #fff;}
.main-page-nav a:hover { background-color:#000;}

.welcome-logo-img { width:400px; margin:10px auto; transition:all linear 0.9s; -webkit-transition:all linear 0.9s;}
.welcome-logo-img.off { opacity:0; -webkit-opacity:0;}
.welcome-logo-img img { width:100%;}
.welcome-head-logo-big { position:absolute; width:190px; left:20px; top:20px;}
.welcome-head-logo img, .welcome-head-logo-big img { width:100%;}
.welcome-bg-slider { position:absolute; left:0; top:0;}
.welcome-wrapper { position:absolute; left:0; top:0; z-index:5; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.welcome-logo { width: 860px; text-align:center; margin:0 auto; padding-top:10px; }
.welcome-logo h2, .welcome-logo h1 { transition:all linear 0.9s; -webkit-transition:all linear 0.9s;}
.welcome-logo h1 { line-height:100%; font-size:55px; text-transform:uppercase;}
.welcome-logo h2.off { opacity:0; -webkit-opacity:0;}
.welcome-logo h1.off { opacity:0; -webkit-opacity:0;}
.welcome-message { position:absolute; left:10%; bottom:20%;}
.scroll-down-mouse { width:30px; height:50px; border:solid 2px #000; border-radius:20px; -webkit-border-radius:20px; position:absolute; margin:0 auto; bottom:3%; right:30px;}
.skip-to-branches { position:fixed; z-index:800; right:10px; top:10px; font-size:15px; color:#33298b; transform-origin:right top; -webkit-transform-origin:right top; transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s;}
.skip-to-branches.white { color:#fff;}
.yt-video-wrapper { width:80%; margin:0 auto; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); }

@keyframes mousewheelanim {
	0% { transform:translate(0,0) scale(1,1.5); -webkit-transform:translate(0,0) scale(1,1.5); opacity:0; -webkit-opacity:0; }
	20%{ transform:translate(0,0) scale(1,1.5); -webkit-transform:translate(0,0) scale(1,1.5); opacity:1; -webkit-opacity:1; }
	50%{ transform:translate(0,10px) scale(1,1.5); -webkit-transform:translate(0,10px) scale(1,1.5); }
	80%{ transform:translate(0,15px) scale(1,1); -webkit-transform:translate(0,15px) scale(1,1); opacity:1; -webkit-opacity:1; }
	100% { transform:translate(0,15px) scale(1,1); -webkit-transform:translate(0,15px) scale(1,1); opacity:0; -webkit-opacity:0; }
}
@-webkit-keyframes mousewheelanim {
	0% { transform:translate(0,0) scale(1,1.5); -webkit-transform:translate(0,0) scale(1,1.5); opacity:0; -webkit-opacity:0; }
	20%{ transform:translate(0,0) scale(1,1.5); -webkit-transform:translate(0,0) scale(1,1.5); opacity:1; -webkit-opacity:1; }
	50%{ transform:translate(0,10px) scale(1,1.5); -webkit-transform:translate(0,10px) scale(1,1.5); }
	80%{ transform:translate(0,15px) scale(1,1); -webkit-transform:translate(0,15px) scale(1,1); opacity:1; -webkit-opacity:1; }
	100% { transform:translate(0,15px) scale(1,1); -webkit-transform:translate(0,15px) scale(1,1); opacity:0; -webkit-opacity:0; }
}
.scroll-down-mouse:after { content:""; position:absolute; left:50%; width:6px; margin-left:-3px; height:6px; background-color:#000; border-radius:2px; animation:mousewheelanim 1.5s linear infinite;}

@keyframes screenOneWrapperAnim {
	0% { transform:scale(0.3,0.3) translate(100%,-50%); -webkit-transform:scale(0.3,0.3) translate(100%,-50%); opacity:0; -webkit-opacity:0;}
	100% { transform:scale(1,1) translate(0%,0%); -webkit-transform:scale(1,1) translate(0%,0%); opacity:1; -webkit-opacity:1;}
}
@-webkit-keyframes screenOneWrapperAnim {
	0% { transform:scale(0.3,0.3) translate(100%,-50%); -webkit-transform:scale(0.3,0.3) translate(100%,-50%); opacity:0; -webkit-opacity:0;}
	100% { transform:scale(1,1) translate(0%,0%); -webkit-transform:scale(1,1) translate(0%,0%); opacity:1; -webkit-opacity:1;}
}
.pencil-screen-one-wrapper {width:127px; height:280px; position:relative; display:block; transform-origin:left bottom; -webkit-transform-origin:left bottom; margin:0 auto; opacity:0;}
.pencil-screen-one-wrapper.anim {animation:screenOneWrapperAnim 0.7s ease-out 0.9s; animation-fill-mode:backwards; opacity:1;}
.pencil-screen-one-anim { width:100%; height:100%; background:url(../wel-images/pencil-eye-blink.png) left bottom no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%;}
.scribbled-text { position:relative; width:860px; margin:20px auto; padding: 20px 0; text-align:center; position:relative;}
.scribbled-text:after, .scribbled-text:before { transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; content:""; position:absolute; width:100%; height:2px; background-color:#000;}
.scribbled-text:after { right:0; bottom:0;}
.scribbled-text:before { left:0; top:0;}
.scribbled-text.off:before, .scribbled-text.off:after { width:0;}
.scribbled-text-write { transition:all linear 0.9s; -webkit-transition:all linear 0.9s;}
.scribbled-text-write.off {opacity:0; -webkit-opacity:0;}
.welcome-enter-box { position:relative; text-align:center; display:block; margin:0 auto; z-index:50; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; }
.welcome-enter-box a { padding: 0 20px; color:#fff; background-color:#33298b; line-height:50px; display: inline-block; text-align: center; border:solid 1px #33298b; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.welcome-enter-box a:hover { background-color:#fff; color:#33298b;}
.welcome-enter-box.off { opacity:0; -webkit-opacity:0;}

.admission-open-wrapper { position:fixed; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.8); z-index:18000;}
.admission-open-wrapper img { position:fixed; max-width:80%; max-height:80%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

/* ashoka schools.html */
.main-features { position:relative; left:0;}
.family-of-7000 { background:url(../wel-images/specials/family-of-7000.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.slider-dots { position:absolute; width:40%; left:120px; bottom:45px; z-index:10;}
.slider-dots ul li { width:8px; height: 8px; border:solid 1px #fff; margin-right:12px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.slider-dots ul li.slick-active { background-color:#fff;}
.slider-nav { position:absolute; width:234px; right:20px; bottom:15%; z-index:9990;}
.slider-nav.small, .slider-dots.small { bottom:20px;}
.bottom-140 { bottom:20px;}
.slider-nav a {text-align:center; background-color:#33298b; width:70px; height:70px; line-height:70px; display:block; border:solid 2px #fff; color:#fff; font-size:14px; border-radius:10px; -webkit-border-radius:10px; float:left;}
.slider-nav a:hover { background-color:#000;}
.slider-nav a.slide-next { float:right;}
.slick-disabled { display:none !important;}
@keyframes rotating{
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(360deg); -webkit-transform:rotate(360deg);}
}
@-webkit-keyframes rotating{
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(360deg); -webkit-transform:rotate(360deg);}
}
/*.slider-nav:after {content:""; position:absolute; width:92%; height:92%; border:dashed 3px #CCC; border-radius:50%; -webkit-border-radius:50%; left:4%; top:4%; animation:rotating linear 20s infinite; -webkit-animation:rotating linear 20s infinite; transform-origin:center center; -webkit-transform-origin:center center; box-sizing:border-box; -webkit-box-sizing:border-box;}
.slider-nav a { position:relative; width:120px; text-align:center; display:inline-block; color:#fff; font-size:50px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; padding:10px 0; top:20%; z-index:5;}
.slider-nav a:hover { background-color:#fff; color:#000;}*/
.skip-to-website { position:absolute; bottom:15px; right:20px; bottom:15px; z-index:110; color:#fff; font-size:13px;}
.skip-to-website.black { color:#000;}
.skip-to-website span {font-family: 'Catamaran', sans-serif; font-weight:normal; margin-right:10px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.skip-to-website:hover span { margin-right:20px;}
.school-features-header { position:absolute; z-index:5; width:95%; top:15px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.main-logo-white { position: absolute; width:270px; padding-bottom:10px;}
.main-logo-white img { width:100%;}
.school-features-menu { width:35px; position:absolute; right:0; text-align:right; padding:7px 5px;}
.school-features-menu span { width:100%; height:5px; border-radius:20px; -webkit-border-radius:20px; background-color:#000; display:block; margin:7px 0; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.school-features-menu span.small { width:60%; margin-left:40%;}
.school-features-menu:hover span.small { margin-left:0;}
.school-key-features {}
.school-key-features .item { overflow:hidden;}
.school-feature-content-wrapper { position:absolute; height:100%; left:0; top:0; padding:0 5%; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s; }
/*.school-feature-content-wrapper.off { width:0; padding:0;}*/
.school-feature-content { position:relative; left:00%; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); text-align:left; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s;}
.school-feature-content.off { opacity:0; -webkit-opacity:0; transform:translate(50%,-50%); -webkit-transform:translate(50%,-50%);}
.school-feature-content h2 { color:#fff; text-transform:uppercase; text-shadow:2px 2px 3px rgba(0,0,0,0.3); -webkit-text-shadow:2px 2px 3px rgba(0,0,0,0.3); }
.school-feature-content h2 .hilight, .achievements-features h2 .hilight { font-size:75px; font-weight:700;}
.school-feature-content-btn { position:absolute; width:70px; height:70px; line-height:70px; right:0; top:50%; transform:translate(50%,-50%); -webkit-transform:translate(50%,-50%); background-color:#150f4e; border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:30px; color:#999; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
/*.school-feature-content-wrapper.off .school-feature-content-btn { display:none;}
.school-feature-content-wrapper.hide {left:-30%;}*/

.school-feature-content-btn.active { transform:rotate(180deg) translate(-50%,50%);}

.across-10-lakh { background:url(../wel-images/specials/10-lakh-sqft.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.education-13-years { background:url(../wel-images/specials/13-years-education.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.secured-achievements { background:url(../wel-images/specials/secured-achievements.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.intl-infrastructure { background:url(../wel-images/specials/intl-infrastructure.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.curriculum-we-offer { background:url(../wel-images/specials/curriculum-we-offer.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.nabet-accredation { background:url(../wel-images/specials/nabet-accreditation.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}

/* choosing the right school */
.boxed-text { width:1000px; text-align:center; padding:70px 20px; background-color:#fff; border:solid 5px #dcdcdc; box-shadow:8px 8px 15px rgba(0,0,0,0.2); -webkit-box-shadow:8px 8px 15px rgba(0,0,0,0.2); border-radius:40px; -webkit-border-radius:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.boxed-text h2 { text-transform:uppercase; }
.boxed-text h2 .hilight { font-size:65px; font-weight:700;}
.boxed-text p { max-width:60%; margin:10px auto; font-size:32px; line-height:140%;}
.boxed-text p.normal { max-width: 90%; font-size: 19px; }
.pencil-screen-two-wrapper {width:150px; height:350px; position:absolute; display:block; transform-origin:left bottom; -webkit-transform-origin:left bottom; left:50%; top:50%; margin-left:400px; z-index:100;}
.pencil-screen-two-wrapper.to-left { margin-left:-500px;}

.fixed-element, .skrollr-element { /* position:fixed; */ display:block; transform-origin:center center; -webkit-transform-origin:center center;}

.choosing-right-school { width:100%; position:fixed; background:url(../wel-images/notebook-paper-pattern.png) left top repeat #FFF; color:#000;}
.visionary-img { width:40%; }
.visionary-img img { }
.visionary-img.right { left:auto; right:0;}
.visionary-img.right img { left:auto; right:0;}
.visionary-text { width:60%; padding:0 5%; text-align:justify;}
.visionary-text h3 { text-align:right; margin-top:20px;}
.visionary-text h3.left { text-align:left;}
.quote-icons {}

.unique-img { width:100%;}
.unique-content-wrapper { position:absolute; width:40%; height:100%; left:2%; top:0; padding:0 5%; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s; }
.unique-content-wrapper.right { left:auto; right:2%;}
.unique-content-wrapper * { color:#fff;}
.unique-content { position:relative; left:00%; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); text-align:left; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s;}
.unique-content h2 { font-size:54px;}
.unique-content p { font-size:26px;}
.unique-content-wrapper.right .unique-content { text-align:right;}
.unique-content p.small {font-size: 70%; margin-top: 20px; color: #99f !important;}
.unique-content.off { opacity:0; -webkit-opacity:0; transform:translate(50%,-50%); -webkit-transform:translate(50%,-50%);}

.un-f-1 {background:url(../wel-images/unique/1.jpg) center bottom no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-2 {background:url(../wel-images/unique/2.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-3 {background:url(../wel-images/unique/3.jpg) center bottom no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-4 {background:url(../wel-images/unique/4.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-5 {background:url(../wel-images/unique/5.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-6 {background:url(../wel-images/unique/6.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-7 {background:url(../wel-images/unique/7.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-8 {background:url(../wel-images/unique/8.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-9 {background:url(../wel-images/unique/9.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-10 {background:url(../wel-images/unique/10.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-11 {background:url(../wel-images/unique/11.jpg) center bottom no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-12{background:url(../wel-images/unique/12.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-13 {background:url(../wel-images/unique/13.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-14 {background:url(../wel-images/unique/14.jpg) center bottom no-repeat; background-size:cover; -webkit-background-size:cover;}
.un-f-15 {background:url(../wel-images/unique/15.jpg) center bottom no-repeat; background-size:cover; -webkit-background-size:cover;}


.achievements-img { width:100%;}
.achievements-content-wrapper { position:absolute; width:40%; height:100%; left:2%; top:0; padding:0 5%; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s; }
.achievements-content-wrapper.right { left:auto; right:2%;}
.achievements-content-wrapper * { color:#fff;}
.achievements-content { position:relative; left:00%; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); text-align:left; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s;}
.achievements-content-wrapper.right .achievements-content { text-align:right;}
.achievements-content.off { opacity:0; -webkit-opacity:0; transform:translate(50%,-50%); -webkit-transform:translate(50%,-50%);}
.achievements-content-wrapper.full { width:100%; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; text-shadow:0px 0px 8px #fff; -webkit-text-shadow:0px 0px 8px #fff;}
.achievements-content.bottom { transform:none; -webkit-transform:none; top:auto; position:absolute; bottom:20px; width:100%; text-align:center;}
.achievements-content-wrapper.full * { color:#000;}


.ach-f-1 {background:url(../wel-images/achievements/1.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.ach-f-2 {background:url(../wel-images/achievements/2.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.ach-f-3 {background:url(../wel-images/achievements/3.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}
.ach-f-4 {background:url(../wel-images/achievements/4.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover;}

.center-belt { width:100px; background-color:#dcdcdc; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.achieve-title { font-size:120px; font-weight:700; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.achieve-data { width:40%; margin-left:70px; margin-top:20px;}
.achieve-data.left { transform:translateX(-100%); -webkit-transform:translateX(-100%); text-align:right; margin-left:-70px; margin-top:0;}
.achieve-data h2 { font-size:120px;}
.achieve-data p { font-size:40px; line-height:140%;}
.achieve-data-dot { width:10px; height:10px; background-color:#000; border-radius:50%; -webkit-border-radius:50%; left:50%; margin-left:-5px; margin-top:60px;}

.home-infra-box { position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.home-infra-box .ele-template { padding:30px 50px; margin:0 10px; text-align:center;}
.home-infra-box .ele-template:before { content:"\f19c"; position:relative; font-family: "FontAwesome"; display:block; font-size:50px; color:#999; margin-bottom:20px; font-weight:300;}
.home-infra-box .ele-template.slick-center { opacity:1;}
/* ele vertical center */
.ele-child-vertical-centre { display:table;}
.ele-child-vertical-centre .ele-vertical-centre { display:table-cell; vertical-align:middle;}

/* qna-section */
.qna-section { width:100%;}
.block-2 { width:50%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 2.5% 0;}
.clear-float { clear:both;}
.qna-data { position:absolute; width:80%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); line-height:160%; max-height:70%; overflow:auto;}
.qna-data ul { margin:0;}
.qna-slider { position:relative;}
.qna-data .que { color:#d91c1c; font-size:35px; margin-bottom:10px;}

.qna-section .slider-dots ul li { border-color:#000;}
.qna-section .slider-dots ul li.slick-active { background-color:#000;}
.faq-title { margin:0 auto; text-align:center; position:absolute; width:100%; font-size:18vw; opacity:0.06; color:#0040b9; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-transform:none;}

.map-text { position:absolute; z-index:10; right:5%; top:6%; padding:20px; background-color:rgb(51, 41, 139); border-radius:10px; -webkit-border-radius:10px; text-align:center;}
.map-text * { color:#fff;}
.map-text h2 { font-size:32px;}

.read-more-data { display:none;}
.read-more-link { display:inline-block; padding:0px 20px; background-color:#33298b; color:#fff; font-size:18px; margin-top:20px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.read-more-link:hover { background-color:#d91c1c;}
.gm-style-iw-d { max-width:100% !important;}

.instructions-screen {position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; opacity:1; -webkit-opacity:1; transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s;}
.instructions-screen.off { opacity:0; -webkit-opacity:0;}
.trans-overlay { position:fixed; right:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999;}
.skip-to-branches-instructions { position:absolute; right:0; top:0; z-index:9999;}
.navigation-instructions { position:absolute; right:0; bottom:0; z-index:9999;}

.welcome-menu-icon { padding:10px 20px; background-color: #33298b; color: #fff; position: fixed; left: 0; bottom: 0; z-index: 9990; font-size: 18px; line-height: 20px; }
.welcome-menu { width:50%; height: 100%; background-color: rgb(0 0 0 / 80%); position:fixed; left: 0; top: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-out; }
.welcome-menu.off { transform:translateX(-100%); }
.welcome-menu-close { width: 50px; line-height: 50px; text-align: center; position: absolute; right: 0; top: 0; background-color: #fff; color: #33298b;}
.welcome-link { color: #fff; font-size: 18px; line-height: 30px; padding: 10px 0; display: block;}

/* admission form 
.admission-enquiry-btn, .alumni-registration-btn { position:fixed; left:0; bottom:0px; background-color:#33298b; color:#fff; font-size:16px; padding:5px 5px; z-index:500; width:160px; text-align:center;}
.alumni-registration-btn { bottom:50px;}
.admission-enquiry-btn:hover, .alumni-registration-btn:hover { background-color:#000;}
*/

.admission-enquiry-wrapper { position:fixed; width:100%; height:100%; background-color:rgba(255,255,255,0.95); z-index:9999; overflow:auto;}
.admission-enquiry { width:600px; max-width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.admission-enquiry .form-ul li span { font-size:17px;}
.close-adm-enq { position:absolute; right:0; top:0; background-color:#ed3f27; z-index:100; }

/* slick theme */
.slick-dots {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.slider-dots ul li {
    width: 8px;
    height: 8px;
    border: solid 1px #fff;
    margin-right: 12px;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.branches-box .v-center { width:100%; flex-grow: 1; text-align: center; }
.branches-box .block-3 { flex-grow: 1; align-items: flex-start; text-align: center; padding: 0 0 30px 0; border-bottom: solid 4px #33298b; margin: 10px; background-color: #fff;  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%); transition: all ease-out 0.3s; }
.branches-box .block-3:hover { box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);  }
.branches-box .block-3 ul, .branches-box .block-3 h3 { margin:5px 20px;}
.branches-box img { width:100%; margin-bottom: 15px; }
.branches-box .block-3 li a {  width: 100%; padding: 10px 0; text-align: center; border: solid 1px #9e9e9e; color: #000; background-color: #fff; margin: 10px 0; display: block; transition: all ease-out 0.3s; font-size: 18px; line-height: 20px; }
.branches-box .block-3 li a:hover { background-color: #33298b; color:#fff; }


/* forms */
.form-ul li { margin-bottom: 5px; position: relative; background: none; padding: 0; width:48%; margin-right:2%; float:left; }
.form-ul li.btn-li { width:98%; margin:0; text-align:right;}
.form-ul li.full { width:100%; margin:0; text-align:center;}
.form-field { padding:10px 10px; line-height: 20px; font-size: 16px; border: solid 1px #000; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; font-family:Arial, Helvetica, sans-serif; }
.form-field::placeholder { color:#000; text-transform:capitalize;}
.form-btn { cursor: pointer; font-size: 16px; text-align: center; display: inline-block; line-height: 30px; padding: 5px 30px; color: #000; position: relative; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; border:solid 1px #000; background-color:#ed3f27;}
.form-btn:hover { background-color:#fff; color:#000;}
.err .form-field { border-color: #F00; }
.err:after { content: "error"; position: absolute; padding: 5px; line-height: 20px; font-size: 14px; width: 80px; right: 00px; top: 10px; background-color: #F00; color: #fff; text-align: center; }
.form-success-message { color: #000; display: none; background-color:#ddd; padding:5px 20px; border-radius:10px; -webkit-border-radius:10px; margin-top:10px; }
.form-loading { width: 110px; height: 40px; background: url(../all-js/loader1.gif) center center no-repeat #000; background-size: 150% auto; -webkit-background-size: 150% auto; display: none; position: relative; border:solid 1px #000; margin-top:20px; }