.imp-link, .toppers, .msg, .gallery{ margin-top:30px;}
.imp-link ul li{ width:224px; height:74px; float:left; display:block; margin-right:31px;}
.imp-link ul li a{ height:100%; width:100%; display:block; background-image:url(/images/imp-link.jpg); background-repeat:no-repeat; }

.imp-link ul li a:hover > span{ background:rgba(255, 255, 255, 0.7); display:block; height:41px!important; width:100%; margin-top:0; padding:0; padding-top:33px!important; text-align:center; font-size:18px;}
.imp-link ul li a:hover span::after{ display:none;}



.imp-link ul li:last-child{margin-right:0;}
.ecare a{ background-position:left top;}
.kidscorner a{ background-position:-254px top;}
.virtual a{ background-position:-512px top;}
.alumni a{ background-position:-768px top;}
.imp-link ul li a span{ width:55px; height:36px; float:right; background:#fff; margin-top:14px; padding:8px 25px 0 25px; font-size:14px; text-transform:uppercase; text-align:right; line-height:13px; font-weight:bold; position:relative;    transition: all .2s ease-in;}
.imp-link ul li a span::after{content: ""; top:0; position: absolute;width: 0;height: 0;border-top: 44px solid transparent;border-bottom: 0px solid transparent;border-right: 28px solid #fff;left: -28px;}
.ecare a span{ color:#1b2c19;}
.kidscorner a span{color:#d00b1e;}
.virtual a span{color:#3e7317; padding-top:0!important;height:44px!important; }
.alumni a span{color:#785814}
.imp-link ul li:first-child a span{text-transform:inherit!important;}
.imp-link ul li:first-child a:hover > span{ text-transform:inherit!important;}

.msg-box{ width:480px; height:280px; margin-right:27px; float:left; position:relative;}
.principal{ background:url(/images/principal_homenew.jpg) no-repeat top left;}
.manager{ background:url(/images/manager_img.jpg) no-repeat top left; margin-right:0;}
.msg-box-in{ height:205px; width:205px; background:#fff; float:right; margin-top:44px; position:relative;}
.msg-box-in h3{ color:#000; margin:0; padding:0; font-size:19px; margin:23px 0 4px 10px;}
.msg-box-in p{ color:#414040; margin:0; padding:0; font-size:14px;  text-align:justify;}
.msg-box-in::after{content: ""; top:0; position: absolute;top:0;width: 0;height: 0;border-top: 205px solid transparent;border-bottom: 0px solid transparent;border-right: 60px solid #fff;left: -60px;}
.msg-line{ background: #fab632;float: right;height: 214px;margin-right: 29px;margin-top: 40px;  -ms-transform: rotate(16deg); /* IE 9 */-webkit-transform: rotate(16deg); /* Safari */ transform: rotate(16deg); width: 4px;}
.msg-box-in a{transition: all .5s ease-in; float: left; width: 76px; height: 32px;line-height: 32px; text-align: center; color: #fff; font-size: 12px; background: #fab632; position: relative;left: -43px; z-index: 3; margin-top:10px;}
.msg-box-in a::after{content: ""; top:0; position: absolute;top:0;width: 0;height: 0;border-top: 32px solid transparent;border-bottom: 0px solid transparent;border-right: 12px solid #fab632;left: -12px;}

.topper-main{ width:226px; float:left;}
.topp-heading{ width:100%; float:left; font-size:19px; font-weight:bold; color:#000; margin-bottom:12px;}
.topp-in{ width:626px; float:left;}
.topp-box{  width:297px; float:left; margin-right:30px; position:relative;}
.topp-box-left{ width:138px; float:left; height:138px; z-index:3; position:relative;}
.topp-box-left1 {
	width: 250px;
	z-index: 2;
	float: left;
	height: 250px;
	background: #0098da;
	position: absolute;
	background-attachment: fixed;
	background-repeat: repeat;
}
.topp-box-left1::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	border-bottom: 250px solid transparent;
	border-top: 0px solid transparent;
	border-left: 60px solid #0098da;
	right: -60px;
}
.topp-box-right{ width:125px; float:right; margin-top:30px; z-index:1;}
.class{ height:25px;line-height:25px; width:109px; float:right; position:relative; background:#ffc13c; color:#23272e; font-size:12px; text-align:center;}
.class::after{content: ""; top:0; position: absolute;top:0;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 0px solid transparent;border-right: 11px solid #ffc13c;left: -11px;}
.name{ height:42px; width:122px;  position:relative;padding-top:10px; margin-top:8px; background:#ffc13c; float:right; color:#23272e; font-size:12px;text-align:center; text-transform:capitalize;}
.name::after{content: ""; top:0; position: absolute;top:0;width: 0;height: 0;border-top: 52px solid transparent;border-bottom: 0px solid transparent;border-right: 24px solid #ffc13c;left: -24px;}
.name span{ width:100%; float:left;text-align:center;}
.topp-img{ width:90px; height:101px; margin:17px 0 0 35px;}
.topp-img img{ max-width:90px;}
.topp-box12{ margin-right:0;}
.arrow-l{ position:absolute; left:10px; top:59px; z-index:4; cursor:pointer;}
.arrow-r{ position:absolute; right:145px; top:59px; z-index:4; cursor:pointer;}
.bday{ width:299px; float:right;}
.bday-in{width:299px; float:left;}
.bday-all{  border-left: 1px solid #202e31; display: inline-block;height: 14px; line-height: 14px; margin-left: 7px;padding-left: 7px;}
.bday-all a{ text-decoration:none; font-size:12px; color:#202e31;transition: all .2s ease-in;}
.mandatory{
	display: block;
position: absolute;
margin-top: -110px;
z-index: 999;
}
#toppers12{
	margin-top: 20px;
}