.animated {
    animation-duration: 2s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

.page,
.preloader,
body {
    width: 100%
}

#wrapper,#home-wrapper,
body {
    max-width: 100%
}

.tablecss,
table.tablecss {
    border-collapse: collapse
}

#accordion h4:hover,
#navid>ul li,
.button {
    cursor: pointer
}

.calender h5 a,
.div-box:after,
.first-page,
.last-page,
.princ-text {
    box-sizing: border-box
}

.fheader a,
.link--yaku {
    text-transform: uppercase
}

#nav,
.calender,
.link--yaku {
    overflow: hidden
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2')
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 400;
    src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format('woff')
}

@font-face {
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v4/qx1LSqts-NtiKcLw4N03IEd0sm1ffa_JvZxsF_BEwQk.woff2) format('woff2')
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader_7.gif) center no-repeat rgba(255, 255, 255, .99)
}

body {
    background: url(../images/spm-bg.jpg) #fff;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font: 13px 'Sans-serif'
}

.page {
    background: url(../images/header-bg.png);
    height: 395px;
    position: absolute;
    z-index: -1
}

#bannerbg,
#bannerhomebg {
    background-color: #17163a;
    margin: 0 auto
}
#home-wrapper {
    width: 1200px;
    height: auto;
    margin: 0 auto
}
#wrapper {
    width: 980px;
    height: auto;
    margin: 0 auto
}

#logo {
    float: left
}

#name {
    float: left;
    height: 100%
}

.heading {
    color: #fff;
    font: 31px 'Sans-serif';
    padding-top: 22px
}

.tagline {
    color: #fff;
    font: 14px 'Sans-serif';
    letter-spacing: 7px
}

#homemenu {
    width: 40%;
    float: right
}

#homemenu ul {
    list-style-type: none;
    float: right
}

#homemenu ul li {
    float: left;
    padding: 0 10px
}

.naac {
    color: #fff;
    font: 700 12px/1.8em 'Sans-serif';
    letter-spacing: 2px;
    padding: 16px 9px 20px;
    text-align: right
}

#accordion h4,
#leftbox h1,
#leftbox h2,
#leftbox h3 {
    letter-spacing: .05em;
    font-family: sans serif important;
}

.top-naac {
    display: none
}

#homemenu ul li a {
    font: 12px 'Sans-serif';
    color: #fff
}

.sent-msg {
    font: 15px 'Sans-serif';
    padding: 5px 0;
    color: #B00101!important
}

#bannerbg>#bannerbox,
#bannerbox {
    float: left;
    max-width: 100%;
    padding: 27px 0 0 21px
}

#homemenu ul li a:hover {
    color: #F6CF39;
    transition: all .35s linear
}

#homemenu ul li.acttl a {
    color: #F6CF39
}

#bannerbg {
    height: 276px;
    border-radius: 51px 0 0;
    border: 1px solid #fff
}

#bannerhomebg {
    height: 348px;
    border-radius: 51px 0 0;
    border: 1px solid #fff
}

#bannerbg>#bannerbox,
#bannerbox img {
    border-radius: 22px 5px 5px
}

/*#bannerbox {
    height: 231px
}*/

#news,
#news1 {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px 0 0 10px;
}

#newsbox-home {
    width: 100%;
    float: right
}

#news2 {
    min-height: 260px;
    background: linear-gradient(to bottom, #eaeff2 0, #eaeff2 100%);
    border-radius: 10px 0 0 10px;
}

#news {
    height: 225px;
    background: linear-gradient(to bottom, #eaeff2 0, #eaeff2 100%)
}

.ncc-images {
    margin: 0 auto;
    text-align: center
}

.ncc-images>span {
    margin: 10px 15px;
    text-align: center;
    width: 46%;
    display: inline-block
}

.ncc-images img {
    border: 1px solid #1283fd;
    box-shadow: 4px 3px 4px 0 #b4b5ba
}

#menunav {
    width: 100%;
    margin: 0 auto;text-align:center;
}

#menunav ul {

    list-style-type: none;
    position: relative;
    z-index: 3;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 2px 0 0 #aaa;
    border-radius: 0 0 7px 7px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

table.tablecss {
    background: -moz-linear-gradient(center bottom, #f5f5f5 11%, #fff 56%);
    border: 1px solid #c2c2c2;
    box-shadow: 0 0 0 #c2c2c2;
    margin: 10px auto
}

table.tablecss th {
    background: #174980;
    background: -moz-linear-gradient(top, #174980 0, #11345a 100%);
    background: -webkit-linear-gradient(top, #174980 0, #11345a 100%);
    background: linear-gradient(to bottom, #174980 0, #11345a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#174980', endColorstr='#11345a', GradientType=0);
    border: 1px solid #c2c2c2;
    color: #fff;
    font: 700 12px 'Sans-serif';
    padding: 10px;
    vertical-align: middle;
    text-align: center
}

table.tablecss tr:hover {
    background: #eee
}

table.tablecss td {
    border: 1px solid #e4e4e4;
    color: #000;
    font: 14px 'Sans-serif';
    padding: 10px 15px 10px 35px;
    text-align: left;
    vertical-align: middle
}

.left-align {
    padding: 10px 0 10px 89px!important;
    text-align: left!important
}

table.tablecss td h2 {
    margin: 0 0 31px;
    text-align: center!important
}

.first-page,
.last-page {
    text-align: center;
    width: 100%;
    padding: 0 20px!important
}

.vision-img {
    position: relative;
    top: -13px
}

.vision-img:after,
.vision-img:before {
    border: 1px solid #e1e1e1;
    content: "";
    top: 100px;
    width: 84%;
    display: block;
    position: absolute
}

.vision-img:before {
    left: -158px
}

.vision-img:after {
    left: 194px
}

.first-page>p,
.last-page>p {
    text-align: center!important;
    padding: 0 7px 15px!important;
    margin: -22px 0 0
}

.phone,.phone2{
    display: block;
    color: #FFF;
    padding: 15px 8px;
    text-align: right;
    font: 700 13px 'Sans-serif';
}
.phone2{display:none;}
#menunav>ul>li {
    width: auto;
    display: inline-block;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 36%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 36%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #f7f7f7 36%, #d9d9d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d9d9d9', GradientType=0)
}

#menunav>ul>li:first-child {
    border-radius: 0 0 0 7px
}

#menunav>ul>li.acttl,
#menunav>ul>li:hover {
    width: auto;
    background: #d9d9d9;
    background: -moz-linear-gradient(top, #d9d9d9 0, #f7f7f7 64%);
    background: -webkit-linear-gradient(top, #d9d9d9 0, #f7f7f7 64%);
    background: linear-gradient(to bottom, #d9d9d9 0, #f7f7f7 64%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#f7f7f7', GradientType=0)
}

#rightnav #inner-links li.actlnk,
#rightnav #inner-links li:hover,
#rightnav>#inner-links li {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1368c5', endColorstr='#1368c5', GradientType=0)
}

#menunav>ul>li>a {
    border-right: 1px solid #adadad;
    box-shadow: -1px 0 0 0 #fff inset;
    color: #000;
    font: 13px 'Sans-serif';
    display: block;
    padding: 11px 16px;
    width: auto;
        letter-spacing:1px;
}
.student-placed-record{
    padding: 20px 11px 8px;
}
.index-heade #menunav>ul>li>a{
	padding: 13px 20px;
	font-size:16px;
}
.toplinks-head {
    float:right;
}
.toplinks-head li{
    list-style-type: none;
    display:inline-block;
}
.toplinks-head li a{
    color:#fff;
    padding:5px 10px;
    display:block;
}
.toplinks-head li a:hover{
    color:#eac756;
}
#menunav>ul>li:last-child {
    border-radius: 0 0 7px
}
.top-strip{
    box-shadow:0px 1px 3px rgb(31, 28, 28);
    border-radius:0px 0px 10px 10px;
}
.effects {
    border: 1px solid #FFBE8D;
    -webkit-box-shadow: 6px 6px 6px -6px #939393;
    -moz-box-shadow: 6px 6px 6px -6px #939393;
    box-shadow: 6px 6px 6px -6px #939393;
    margin: 5px 0
}

#menunav>ul>li a:hover,
.eventsbox a:hover,
.eventsbox1 a:hover,
.eventsbox2 a:hover,
.eventsbox3 a:hover {
    color: #0D5297!important
}

#menunav>ul>li.acttl a {
    color: #0D5297
}

.last-child a {
    border: none!important;
    box-shadow: none!important
}

#menunav ul li ul {
    display: none;
    background: 0 0
}

#menunav ul li:hover ul {
    display: block;
    position: absolute;
    width: 460px;
    height: auto;
    border-radius: 5px;
    padding: 10px;
    background: #F8F8F8;
    border: 1px solid #c2c2c2;
    box-shadow: 0 8px 6px -6px #c5c5c5
}

#menunav ul li ul li {
    height: auto;
    width: 49%;
    background: 0 0;
    text-align: left;
    display: inline-block;
    position: relative
}

#menunav ul li ul li img {
    margin: -1px 10px 0 0
}

#menunav ul li ul li:first-child:hover,
#menunav ul li ul li:hover,
#menunav ul li ul li:last-child:hover {
    background: 0 0
}

#menunav ul li ul li:first-child,
#menunav ul li ul li:last-child {
    background: 0 0;
    text-align: left;
    display: inline-block
}

#menunav ul li ul li a {
    font: 13px 'Sans-serif';
    display: inline-block;
    padding: 4px 0 11px 11px;
    color: #000!important
}

#menunav ul li ul li.acttl,
#menunav ul li ul li.acttl:first-child,
#menunav ul li ul li.acttl:last-child {
    background: 0 0;
    border-radius: 5px
}

#menunav ul li ul li.acttl a {
    color: #0d5297!important
}

#menunav ul li ul ul {
    list-style-type: disc;
    border: none;
    box-shadow: none;
    display: block
}

#menunav ul li ul li ul li {
    display: block;
    width: 100%;
    list-style-type: circle
}

#menunav ul li ul li ul li:before {
    content: "*";
    display: block;
    height: 4px;
    left: 41px;
    position: absolute;
    top: 3px;
    width: 4px
}

#menunav ul li ul li ul li a {
    width: 100%;
    padding: 1px 0 1px 57px;
    box-sizing: border-box;
    font-size: 11px
}

#menunav ul:hover ul ul {
    border: none;
    box-shadow: none;
    width: 200px;
    margin: 0;
    top: 24px;
    position: absolute;
    padding: 0;
    list-style-type: circle
}

.lineheight {
    height: 10px
}

.cups {
    width: 32%;
    display: inline-block
}

#leftbox h1:after,
.div-box:after {
    display: block;
    content: ""
}

#breadcrumbs {
    width: auto;
    padding: 5px 40px 0 0;
    font: 10px 'Sans-serif';
    text-align: right
}

#breadcrumbs span {
    padding: 0 2px;
    font: 13px 'Sans-serif';
    letter-spacing: .4px;
    color: #2E2E2E
}

#breadcrumbs span.activebc a {
    color: #b08900
}

#leftbox a,
#leftbox ul li a {
    color: #686458
}

#breadcrumbs span a {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    color: #0D5297
}

#contentbox {
    min-height: 300px;
    border: 1px solid #938C7C;
    background-color: #fff
}

#leftbox {
    width: 77%;
    height: auto;
    float: left
}

#leftbox a {
    font: 13px/2 Sans, sans-serif
}

#leftbox h1 {
    background: #117FF5;
    width: auto;
    float: left;
    padding: 8px 11px 0;
    height: 26px;
    color:#FFF;
    position: relative;
    margin: 0 0 10px;
    font: 700 16px 'sans-serif'
}

#leftbox h1:after {
    background: url(../images/welcome-right.png) top left no-repeat;
    height: 35px;
    width: 59px;
    float: right;
    position: absolute;
    right: -59px;
    top: -1px
}

.div-box {
    padding: 0 0 8px
}

.div-box:after {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #f78771
}

#navcurriculum ul li,
.button,
.left-div,
.rgt-div,
.site-map,
.tablecss span {
    display: inline-block
}

#leftbox p,
#leftbox ul li {
    text-align: justify;
    color: #000
}

.tablecss,
.tablecss span {
    border: 1px solid #c2c2c2
}

#leftbox h2,#t3 h2,#t1 h2 {
    text-align: left;
    padding: 11px 10px 10px;
    color: #dd033b;
    font: 600 15px 'Sans-serif';
}

#leftbox h3,#t3 h3 {
    text-align: left;
    padding: 7px 25px 5px;
    color: #0e4077;
    font: 600 14px 'sans-serif';
}

#rightbox1 h3,
#rightbox1 h3 a {
    text-align: center;
    letter-spacing: .05em;
    padding: 10px 25px 5px;
    color: #686458;
    font: 15px 'sans-serif';
}

#leftbox p,#t3 p {
    font: 16px/1.7 'sans-serif';
    padding: 1px 10px 4px;
    letter-spacing: .02em
}

#leftbox ul li,

#leftbox ul li a,#t3 ul li {
    font: 14px/1.6 'Sans-Serif';
    margin: 5px 0;
}

#leftbox ul li, #t3 li {
    background: url(../images/bullet.png) 16px 8px no-repeat rgba(0, 0, 0, 0);
    padding: 0 0 0 32px;
    list-style-type: none;
}

#leftbox ul, #t3 ul,.nurturing-div ul {
    list-style-type: none;
    padding: 0 20px 5px;
    text-align: left
}

#leftbox ol {
    padding: 0 0 10px 45px
}

#leftbox ol li {
    background: 0 0!important;
    padding: 5px 0 0!important
}

#leftbox ul li,.nurturing-div ul li {
    background: url(../images/bullet.png) 0px 6px no-repeat rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
    margin: 0 0 5px;
}

#leftbox ul li a:hover {
    color: #0D5297
}

.tablecss {
    width: 98%;
    margin: 42px auto;
    box-shadow: 0 0 5px #C2C2C2;
    background: linear-gradient(#f5f5f5 11%, #fff 56%);
    background: -o-linear-gradient(#f5f5f5 11%, #fff 56%);
    background: -moz-linear-gradient(#f5f5f5 11%, #fff 56%);
    background: -webkit-linear-gradient(#f5f5f5 11%, #fff 56%);
    background: -ms-linear-gradient(#f5f5f5 11%, #fff 56%);
    padding: 5px 10px
}

.awards,
.rgt-div {
    margin: 0 auto;
    text-align: center
}

.rgt-div {
    width: 41%
}

.left-div {
    width: 56%
}

.site-map {
    width: 49%
}

.virtual-tour {
    position: relative;
    margin: 15px auto;
    text-align: center;
    width: 70%
}

.tablecss span {
    margin: 5px 2px;
    background: #EEE;
    width: 29%;
    color: #fff;
    font: 700 13px 'Sans-serif';
    text-align: center;
    padding: 10px
}

.tablecss div {
    padding: 3px 0;
    margin: 0 auto;
    text-align: center
}

.tablecss span:hover {
    background: 0 0
}

.tablecss span img {
    width: 100%
}

.mentor:nth-child(1) {
    text-align: center
}

.imgcss {
    border: 2px solid #939393;
    border-radius: 5px;
    box-shadow: 0 4px 5px #A4A4A4;
    margin: 5px 0 0
}

#leftbox p.alumnicss {
    text-align: right;
    font: 700 13px 'Sans-serif';
    color: #0D5297;
    padding-top: 0
}

.supcss {
    font: 700 10px 'Sans-serif';
    color: red
}

#download a,
#navcurriculum ul li a:hover,
.button {
    color: #fff
}

.inputcss {
    width: 200px;
    height: 20px;
    padding: 5px;
    border-radius: 1px;
    border: 1px solid #939393;
    box-shadow: 0 0 5px #E3E1DD inset
}

.inputcss:focus {
    box-shadow: 0 0 5px #939393
}

.button {
    float: none;
    padding: 7px 20px;
    background: #c12626;
    border-radius: 1px;
    border: 0;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, .3), inset 0 -2px 3px rgba(0, 0, 0, .3), 0 1px 1px rgba(255, 255, 255, .8);
    margin: 10px 0;
    width: 20%
}

#download a:hover,
.button:hover {
    box-shadow: 1px 1px 4px #000
}

.label {
    text-align: right
}

#navcurriculum ul {
    list-style-type: none;
    padding: 0!important;
    text-align: center!important;
    margin: 0 auto
}

#rightbox,
.calender,
.vedio {
    text-align: center
}

#navcurriculum ul li {
    background: 0 0;
    position: relative;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 0!important
}

#navcurriculum ul li a {
    color: #fff;
    margin: 10px auto!important;display: block;
    padding: 10px 36px;
}
#navcurriculum ul li a:hover{background: #618cff;
    transition: all 0.4s;}

#navcurriculum ul li ul {
    display: none;
    background: 0 0
}

#navcurriculum ul li:hover ul {
    z-index: 2;
    display: block;
    position: absolute;
    left: 0;
    width: 150px;
    border-radius: 5px;
    padding: 11px 0!important;
    background: #F8F8F8;
    border: 1px solid #c2c2c2;
    box-shadow: 0 8px 6px -6px #c5c5c5;
    margin: 0
}

#download a,
#rightbox,
.calender,
.vedio {
    display: inline-block
}

#navcurriculum ul li ul li {
    height: auto;
    width: auto;
    background: 0 0;
    padding: 0
}

#download a {
    padding: 7px 20px;
    background: #c12626;
    border-radius: 5px;
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, .3), inset 0 -2px 3px rgba(0, 0, 0, .3), 0 1px 1px rgba(255, 255, 255, .8);
    margin: 10px 0 0 20px
}

#rightbox {
    width: 23%;
    height: auto;
    margin: 20px 0;
    float: right
}

.vedio {
    margin: 13px 10px 27px 0;
    width: 100%;
max-width: 510px;
height: 269px;
    
}

.calender {
margin: 13px 0 27px;
max-width: 521px;
background-color: #0d5bae;
border-radius: 7px;
width: 100%;
padding: 16px 0 20px;
}

.more {
    position: relative
}

.more a {
    float: right;
    text-align: right;
    color: #fff!important;
    font: 600 11px 'Sans-serif';
    padding: 10px 15px
}

.more a:hover {
    color: #ebc42e!important
}

.calender h5 a {
    color: #fff;
    font: 600 17px 'Sans-serif';
    /* width: 60%;
    float: left;
    padding: 27px 15px 5px;
    text-align: left */
}

/* .img-prin {
    width: 170px;
    display: block;
    background: url(../images/new/princi-new-image.jpg) no-repeat center center/cover;
    height: 160px;
} */
.wrapper-image-div, .second-div{display: inline-block;vertical-align: middle;}
.second-div{width: calc(100% - 222px);}
.wrapper-image-div{width: 200px;
    height: 100%;}
.princ-text {
    font: 15px/1.6 'Sans-serif';
    /* width: 271px;
    float: left; */
    color: #fff;
    text-align: justify;
    padding: 10px 15px
}

#rightbox1 {
    margin: 0 auto;
    text-align: center
}
.nurturing-div {
	background: #003859;
	/* margin: 20px 0 */
}
.nurturing-div h2 {
	background: #F9AE51;
	color: #03225E;
	text-align: center;
	padding: 16px 0 16px 0;
	font: 700 16px 'sans-serif';
	position: relative;
    margin: 0 auto;
    line-height: 1.6;
}
.nurturing-div h2::after {
	content: "";
	background: url(../images/nurturing-right.png) top left no-repeat;
	height: 34px;
	width: 59px;
	float: right;
	position: absolute;
	right: 0px;
	top: 24px;
}
.nurturing-div h2::before {
	content: "";
	background: url(../images/nurturing-left.png) top left no-repeat;
	height: 35px;
	width: 59px;
	float: right;
	position: absolute;
	left: 0px;
	top: 24px;
}
.nurturing-div ul li {
	color: #fff;
	line-height: 1.7;
}
.nurturing-div-con {
	padding: 40px 40px 35px;
}
.ulcss-nu {
	float: left;
	width: calc(50% - 40px);
}
#rightnav {
    width: 200px;
    height: auto;
    margin: 0 auto
}

#rightnav>#inner-links {
    list-style-type: none;
    margin: 25px 0 0
}

#rightnav>#inner-links li {
    margin: 11px 0 0;
    padding: 0;
    text-align: center;
    position: relative;
    background: -moz-linear-gradient(top, #1368c5 0, #1284fe 49%, #1368c5 100%);
    background: -webkit-linear-gradient(top, #1368c5 0, #1284fe 49%, #1368c5 100%);
    background: linear-gradient(to bottom, #1368c5 0, #1284fe 49%, #1368c5 100%)
}

#rightnav>#inner-links li:after {
    background: url(../images/Quick-bottom-shadow.png) center 0 no-repeat rgba(0, 0, 0, 0);
    bottom: -5px;
    content: "";
    display: block;
    height: 4px;
    left: 13px;
    position: absolute;
    text-align: center;
    width: 170px
}

#rightnav #inner-links li a {
    color: #fff;
    font: 15px 'Sans-serif';
    display: block;
    padding: 12px 0
}

#rightnav #inner-links li.actlnk,
#rightnav #inner-links li:hover {
    color: #fff;
    position: relative;
    height: auto;
    background: #1368c5;
    background: -moz-linear-gradient(top, #1368c5 0, #1284fe 49%, #1368c5 100%);
    background: -webkit-linear-gradient(top, #1368c5 0, #1284fe 49%, #1368c5 100%);
    background: linear-gradient(to bottom, #1368c5 0, #1284fe 49%, #1368c5 100%)
}

#rightnav #inner-links ul li.actlnk,
#rightnav #inner-links ul li:hover {
    background-color: #126ED2;
    background-image: none
}

#rightnav #inner-links>li.actlnk>a,
#rightnav #inner-links>li:hover>a {
    z-index: 1;
    display: block;
    background: url(../images/Quick-hover.png) 52px top no-repeat rgba(0, 0, 0, 0);
    color: #fff
}

#eventsboxbg {
    height: 287px;
}

#lefteventsbg {
    background: url(../images/down-left-shape.png) no-repeat;
    width: 37px;
    height: 287px;
    float: left
}

#mideventsbg {
    background: url(../images/down-center-shape.png) repeat-x;
    width: 906px;
    height: 287px;
    float: left
}

.eventsbox {
    width: 229px;
    height: 287px;
    float: left
}

.eventsbox div {
    background: url(../images/down-imageleft1.jpg) no-repeat;
    margin: -7px 0 0;
    width: 229px;
    height: 123px
}

.eventsbox1 div,
.eventsbox2 div {
    margin: 0;
    width: 217px;
    height: 109px
}

.eventsbox1 div {
    background: url(../images/down-imageleft2.jpg) no-repeat
}

.eventsbox2 div {
    background: url(../images/down-imageright2.jpg) no-repeat
}

.eventsbox1,
.eventsbox3 {
    width: 229px
}

.eventsbox3 div {
    background: url(../images/down-imageright1.jpg) no-repeat;
    margin: -4px 0 0;
    width: 229px;
    height: 123px
}

.eventsbox2 img,
.eventsbox3 img {
    float: right
}

.eventsbox div a {
    padding: 0;
    margin: 0
}

.eventsbox1 h2 a,
.eventsbox2 h2 a {
    color: #2977CC;
    display: block;
    float: none;
    font: 17px 'Sans-serif';
    margin: 30px 0 0;
    padding: 9px 0;
    text-align: center
}

.eventsbox {
    display: block;
    padding: 2px 0
}

.eventsbox1 {
    height: 287px;
    float: left
}

.eventsbox2,
.eventsbox3 {
    float: right;
    height: 287px
}

.eventsbox2 {
    width: 217px
}

.eventsbox h2 a,
.eventsbox3 h2 a {
    font: 17px 'Sans-serif';
    color: #2977CC;
    text-align: center;
    margin: 30px 0 9px;
    display: block;
    float: none;
    padding: 0
}

#clientlogos li,
.fheader,
.fheader a {
    display: inline-block
}

.eventsbox p a,
.eventsbox1 p a,
.eventsbox2 p a,
.eventsbox3 p a {
    font: 11px 'Sans-serif';
    color: #ba0000!important;
    display: inline-block;
    float: right;
    padding: 0 10px 0 0;
    margin: 1px 0 0
}

.eventsbox p,
.eventsbox1 p,
.eventsbox2 p,
.eventsbox3 p {
    font: 11px/1.4 'Sans-serif';
    color: #323232;
    text-align: justify;
    padding: 7px 10px 0
}

#rgteventsbg {
    background: url(../images/down-right-shape.png) no-repeat;
    width: 37px;
    height: 287px;
    float: left
}

.clearboth {
    clear: both;
    height: 35px;
    margin: 0 0 14px
}

.pcss {
    text-indent: 20px;
    padding: 3px 0 0 25px!important
}

#clientlogos {
    list-style-type: none!important;
    margin: 0 auto!important;
    padding: 0!important;
    text-align: center!important
}

#footernav ul,
#navid>ul,
.gallery ul {
    list-style-type: none
}

#clientlogos li {
    min-width: 115px;
    width: 16%;
    background: #dbdbdb!important;
    margin: 7px 8px!important;
    padding: 3px!important;
    text-align: center!important
}

.div-height {
    height: 26px
}

#midfooterimg {
    width: 99.7%;
    float: none;
    border: 1px solid #a2a2a2
}

.fheader {
    width: 24%
}

.fheader a {
    padding: 0;
    position: relative;
    font: 13px/1.8 'Sans-serif';
    color: #323232!important;
    margin: 0
}

#footerheader,
#footernav,
#footernav ul {
    margin: 0 auto;
    text-align: center
}

.fheader a:hover {
    color: #BB6426!important
}

#footerheader {
    padding: 9px 0 5px;
    width: 100%;
    background: #fffcfc;
    background: -moz-linear-gradient(top, #fffcfc 0, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fffcfc 0, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fffcfc 0, #e7e7e7 100%)
}

#footernav {
    width: 100%;
    background:#003859;
    background: -moz-linear-gradient(top, #003859 0, #003859 100%);
    background: -webkit-linear-gradient(top, #003859 0, #003859 100%);
    background: linear-gradient(to bottom, #003859 0, #003859 100%)
}
.placement-img {
    width: 47%
}

.menu-btn {
    display: none
}
#footernav ul li a {
    color: #fff;
    transition: all .75s ease
}

#footernav ul li a:hover,
#footernav ul li.acttl a {
    color: #eeaf1b
}

#tab-content p a:hover,
.activebg {
    color: #ba0000!important
}

#footershade {
    background: url(../images/footer-shade.png) center center no-repeat;
    width: 100%;
    height: 36px
}

#footershade p {
    color: #fff;
    font: 10px/1.75 'Sans-serif';
    display: inline-block
}

#footerinnerbg {
    height: 148px
}

#footerinnerbgleft {
    background: url(../images/inner-footerleft.html) no-repeat;
    width: 17px;
    float: left
}

#footerinnerbgmid {
    background: url(../images/inner-footercenter.html) repeat-x;
    width: 946px;
    float: left
}

#footerinnerbgright {
    background: url(../images/inner-footerright.html) no-repeat;
    width: 17px;
    float: left
}

.logo-img {
    float: left;
    margin: 0 10px 0 4px
}

#back-top {
    position: fixed;
    bottom: 30px;
    right: 7%;
    z-index: 99
}

#accordion h4,
#nav li.active,
#tab-content,
.radio {
    position: relative
}

#back-top span {
    width: 64px;
    height: 57px;
    display: block;
    margin-bottom: 7px;
    background: url(../images/got-to-top.png) center center no-repeat
}

#questiontab a,
.border,
.gallery ul li,
.span {
    display: inline-block
}

.rght-footer {
    float: left;
    padding: 10px
}

.lft-footer {
    float: right;
    padding: 10px
}

#leftbox .images {
    float: right;
    margin: 0 11px
}

#navid #nav {
    margin: 0 auto;
    padding: 15px 0 0;
    text-align: left;
}

#leftbox .lft-image {
    float: left;
    margin: 0 11px 10px
}

#questiontab {
    width: 100%;
    margin: 10px auto;
    text-align: left
}

#questiontab a {
    width: 125px;
    padding: 6px 0 0 9px;
    height: 49px;
    text-align: center;
    font: 13px/2.8 'Sans-serif';
    color: #000;
    margin: 0 11px
}

#questiontab a:hover {
    color: #ba0000;
    background: url(../images/qp-button-2.jpg) no-repeat
}

.activebg {
    font-weight: 700!important;
    background: url(../images/qp-button-2.jpg) no-repeat!important
}

#tab-content p img {
    margin: 0 10px 0 0
}

#questionbox {
    width: 100%;
    margin: 0 auto
}

#ba {
    background: url(../images/qp-button.jpg) no-repeat
}

#bbm {
    background: url(../images/qp-button-hover.jpg) no-repeat
}

#bcom {
    background: url(../images/qp-button-3.jpg) no-repeat
}

#bca {
    background: url(../images/qp-button-4.jpg) no-repeat
}

#bsc {
    background: url(../images/qp-button-1.jpg) no-repeat
}

#mcom {
    background: url(../images/qp-button-5.jpg) no-repeat
}

.fheader a img {
    margin: 0 4px
}

/*#tab-content {
    border: 1px solid #efa82f;
    margin: -1px auto 15px;
    padding: 10px 0;
    z-index: 1
}*/
#tab-content {
    /* border: 1px solid #efa82f; */
   box-shadow: 0 0 3px 3px #eee;
margin: 3px auto 15px;
    padding: 10px 0;
    z-index: 1
}

.strip {
    background: #9A8D67;
    height: 1px;
    margin: 10px 0;
    padding: 0 10px
}

.gallery ul {
    margin: 0 auto;
    text-align: left;
    padding: 0!important
}

.gallery ul li {
    background: 0 0!important;
    padding: 5px 8px 0!important
}

.gallery ul img {
    transition: all .35s linear;
    border: 2px solid #0068C3;
    border-radius: 5px;
    margin: 5px 6px 27px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .4)
}

.gallery ul img:hover {
    border: 2px solid #E19E2C;
    border-radius: 5px;
    opacity: .9;
    box-shadow: 1px 2px 2px #b4afa5
}

Image

.gallery ul Image {
    transition: all .35s linear;
    border: 2px solid #0068C3;
    border-radius: 5px;
    margin: 5px 6px 27px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .4)
}

.gallery ul Image:hover {
    border: 2px solid #E19E2C;
    border-radius: 5px;
    opacity: .9;
    box-shadow: 1px 2px 2px #b4afa5
}



a.blinks1 {
    color: #8E8E8E!important;
    font: 11px/1.6 'Sans-serif';
    text-decoration: none!important
}

a.blinks2 {
    color: #9E231E!important;
    font: 700 11px/1.6 Open Sans, sans-serif, Arial!important;
    text-decoration: none!important
}

.para {
    margin-top: 5px
}

#foreign-logo {
    width: 170px;
}
#foreign-logo img {
    max-width: 100%;
}

#select {
    background: #35587e;
    color: #fff;
    height: 32px;
    padding: 5px 10px;
    margin: 0 20px;
    border: 1px solid #9b9b9b;
    border-radius: 5px
}

.clear {
    clear: both
}

.span {
    width: 49%
}

.border {
    min-height: 400px
}

#cssmenu {
    display: none
}

input,
textarea {
    padding: 4px;
    border: 1px solid #E5E5E5;
    outline: 0;
    font: 'Sans-serif';
    background: #FFF;
    background: -webkit-gradient(linear, left top, left 25, from(#FFF), color-stop(6%, #EEE), to(#FFF));
    background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px);
    box-shadow: rgba(0, 0, 0, .1) 0 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 8px;
    width: 100%
}

.radio {
    top: 2px
}

#navid {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    display: block
}

#navid>ul {
    padding: 0 0 0 20px
}

#navid>ul li {
    border-radius: 3px 3px 0 0;
    color: #fff;
    background: #f6d339;
    background: -moz-linear-gradient(top, #f6d339 0, #f1b231 100%);
    background: -webkit-linear-gradient(top, #f6d339 0, #f1b231 100%);
    background: linear-gradient(to bottom, #f6d339 0, #f1b231 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6d339', endColorstr='#f1b231', GradientType=0)!important;
    margin: -1px 2px;
    box-shadow: 0 0 5px #f1b231 inset;
    display: inline-block;
    padding: 6px 8px
}
/*#navid>ul li {
    border-radius: 3px 3px 0 0;
    color: #fff;
     -----background: #f6d339;
    background: -moz-linear-gradient(top, #f6d339 0, #f1b231 100%);
    background: -webkit-linear-gradient(top, #f6d339 0, #f1b231 100%);
    background: linear-gradient(to bottom, #f6d339 0, #f1b231 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6d339', endColorstr='#f1b231', GradientType=0)!important;
    box-shadow: 0 0 5px #f1b231 inset;-----
	 margin: -1px 2px;
    display: inline-block;
   padding: 3px 0px;
}*/
#nav li.active {
    	background: #fff;
    border-left: 1px solid #efa82f;
    border-right: 1px solid #efa82f;
    border-top: 1px solid #efa82f;
    box-shadow: none;
    color: #db941b;
    margin: -1px 4px 0;
    z-index: 2
}
#tab-content {
    width: 93%;
    font-size: 14px;
    line-height: 1.7;
}

#accordion {
    width: 80%;
    margin: 0 auto;
    background: #FFF
}

#accordion h4:after,
#accordion h4:before {
    color: #000;
    content: "+";
    margin: -1px 0 0;
    right: 05px;
    bottom: 8px;
    display: block;
    position: absolute
}

#accordion h4 {
    padding: 7px 10px;
    font: 14px 'sans-serif';
    text-align: center;
    color: #000;
    border-radius: 5px;
    margin: 0 0 1px;
    background: linear-gradient(to bottom,#f8b500,#fceabb);
}

#accordion div {
    display: none;
    padding: 10px;
    border: solid silver;
    background: #F7F7F7;
    border-width: 1px 1px 5px;
    border-radius: 10px;
    margin: 0 0 5px
}

#accordion p {
    padding: 5px 10px!important;
    margin: 0
}

.forMeasure {
    position: absolute;
    visibility: hidden;
    display: block!important
}

.tdcss {
    background: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .3) inset;
    margin: 10px 0 0 20px;
    font-size: 14px;
    color: #000!important
}

#acss {
    display: inline-block;
    float: right;
    margin: -5px 50px 0 0;
    font: 16px 'Sans-serif';
    background: #11345a;
    color: #fff!important;
    padding: 9px 20px 7px;
    border-radius: 5px;
    border-bottom: 2px solid #00001b;
    box-shadow: 0 8px 6px -7px #2E2E2E
}

#acss:hover {
    color: #EEAF1B;
    background: #174A81
}

.error {
    margin: 3% 0 0;
    padding: 23% 0 0 17%;
    width: 82%
}

.names-recuiters {
    width: 100%
}

.table {
    padding: 0 20px;
    display: block !important;
}

.cover {
    position: relative;
    padding: 36px 0 0
}

.link--yaku {
    color: #D3D3D3;
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 10px
}

.link--yaku::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.link--yaku:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.link--yaku span {
    display: inline-block;
    position: relative;
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
    -webkit-transition: -webkit-transform .5s, color .5s;
    transition: transform .5s, color .5s
}

.link--yaku:hover span {
    color: #cca51b;
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 360deg);
    transform: perspective(1000px) rotate3d(0, 1, 0, 360deg)
}

.link--yaku span:nth-child(4),
.link--yaku:hover span:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.link--yaku span:nth-child(3),
.link--yaku:hover span:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.link--yaku span:nth-child(2),
.link--yaku:hover span:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.link--yaku span:first-child,
.link--yaku:hover span:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.quickcontentmid {
    height: 123px;
    bottom: 0;
    position: relative;
    transition: all .35s linear 0s
}

.quickcontentmid:hover::after,
.quickcontentmid:hover::before {
    content: "";
    position: absolute;
    top: 0;
    height: 123px
}

.quickcontentmid:hover::before {
    left: -8px
}

.quickcontentmid:hover::after {
    right: -8px
}

.quickcontentmid:hover {
    bottom: 11px;
    height: 123px;
    position: relative
}
#newsbox {
	width: 216px;
	height: 276px;
	float: right;
}
#news {
	height: 225px;
	background: linear-gradient(to bottom,#eaeff2 0,#eaeff2 100%);
}
#news, #news1 {
	max-width: 175px;
	background: -moz-linear-gradient(top,#eaeff2 0,#eaeff2 100%);
	background: -webkit-linear-gradient(top,#eaeff2 0,#eaeff2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eaeff2', endColorstr='#eaeff2', GradientType=0);
	margin: 0 auto;
	border-radius: 5px;
}
/*ABHI CSS End*/
.banner-links {width: calc(100% - 793px) !important;float: right;padding: 27px 15px 0;max-height: 296px;height: 100%;}
.link1,.l1{background:#5f9ea0}
.link2,.l2{background: #e667e6;}
.link3,.l3{background:#a52a2a}
.link4,.l4{background:#eac756}
.last-box,.l5{background: #8144e7;}
.box .link1, .box .link2, .box .link3, .box .link4, .last-box {
	padding: 10px 2%;
	width: 41%;
	text-align: center;
	max-height: 70px;
	/*margin: 5px 2% 5px;*/margin: 0px 2.2% 13px;
	display: block;
	border: 1px solid transparent;
	height: 100%;
}
.banner-links a:hover {
	transition: all 0.3s ease;
	border: 1px solid #fff;
	color: #000;
}
.link1 img, .link2 img, .link3 img, .link4 img{
	display: block;
/*	margin: 10px auto;*/ margin: 6px auto;
}
.banner-links a{
	font: small-caps 600 13px 'Sans-serif';
	color: #fff;
	letter-spacing: 1px;
}
.last-box {
	width: auto;
	margin: 0px 10px 4px;
}
.last-box a {vertical-align: sub;margin: 0 5px;}
.mid {padding: 5px 0;}
.wel-text {width: calc(100% - 320px);}
.h-news {width: 290px;margin-top: -10px;}
#leftbox #bullet-board {
	float: right !important;
	max-width: 250px;
	width: 100%;
	text-align: center;
}
#leftbox #bullet-board::after {
	content: '';
	left: -59px;
	transform: rotateY(180deg);
	top: -1px;
}
.h-news #newsbox-home h2 {
	text-align: center;
	background: #117ff5;
	padding: 10px;
	color: #fff;
	display: none;
}
.recruiters {
	margin: 0 auto;
        position: relative;
        background: url(../images/down-center-shape.png) repeat-x;
        height: 100%;
        width: calc(100% - 74px);
}
.recruiters::after, .recruiters::before{
    content: '';   
    position: absolute;
    top: 0;
    width: 37px;
    height: 100%;
    z-index: -1;
}
.recruiters::before {
        left: -37px;
        background: url(../images/down-left-shape.png) no-repeat;
}
.recruiters::after {
        right: -37px;
        background: url(../images/down-right-shape.png) no-repeat;
        
}
#first h2 {
	font-size: 28px;
	color: #005ca7;
	margin: -35px 0 25px;
}
.lbox {
	max-width: 945px;
	width: 100%;
	margin: 10px auto;
	box-sizing: border-box;
        display:none;
}
.lbox a {
	display: inline-block;
	padding: 10px;
	font: 600 12px 'Sans-serif';
	color: #fff;
	margin: 2px 5px;
}
.lbox a .lname,.lname{
	margin: 5px 0px 5px 5px;
	display: inline-block;
}
.lbox a:hover {
	background: #000;
}
.new-footer {
	padding: 20px;
}
.f1, .f2, .f3 {
	width: 33.33%;
}
.lists{width:60%;}
.f4 {width: 40%;}
.new-footer h4 {
	font: 700 16px 'Sans-serif';
	color: #b4fefe;
        text-align: left;
}
.footlist li a {
	display: block;
	font: 400 14px 'Sans-serif';
	padding: 10px 5px 0;
	text-align: left;
}
.map {
	width: 100%;
}
#footernav center {
	height: 2px;
}
.banner-links.inner{max-height: 250px;}
.inner .box .link1,.inner .box .link2,.inner .box .link3,.inner .box .link4,.inner .last-box{padding: 5px 2%;}
.inner .link1 img,.inner .link2 img,.inner .link3 img,.inner .link4 img{margin: 2px auto;}
.home-menu #menunav > ul > li > a {font-size: 16px;}
#leftbox h1 a {
	color: #fff;
	font: 16px/1.6 'serif';
}
.list-img{text-align:center !important;}
.list-img li {
	background: none !important;
	display: inline-block;
	width: 45%;
	margin: 10px !important;
	padding: 5px !important;
	box-shadow: 0 0 1px 0px #000;
        min-width: 270px !important;
}
.sports h3 {
	text-align: center !important;
	margin: 15px 0 5px;
	background: linear-gradient(to left,#fff,#add3b3,#fff);
	padding: 10px 0 !important;
	font-weight: 700 !important;
	font-size: 18px !important;
        color: #000 !important;
}
.medals {
	max-width: 700px;
	margin: 15px auto;
}
.set-old {
	display: inline-block;
	width: 49%;
        margin: 15px 0;
}
.red{color:#ee0033;}
.old .stree {
	font-size: 12px;
	color: darkgray;
}
.spm {
	background: linear-gradient(to bottom,#f5cf62,#e0ac3f);
        border-radius: 10px 0 0 10px;
        padding: 15px 10px;
        text-align: center;
        margin: 30px 0;
}
.spm a {
	font-size: 14px !important;
	display: block;
}
.spm-link a {color: #fff !important;}
.adm a {color: red !important;font: bold 15px sans-serif !important;animation: flash 5s linear infinite;}
.spm-link a:hover, .spm-link a:hover h3, .adm a:hover{color:#000 !important}
.i-txt span {font-size: 13px;padding: 0 3px;}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.team {
	margin: 20px 0;
}
.team h3 {
	text-align: center !important;
	margin: 10px 0 10px;
}
.team ul {
	padding: 0 20px 5px 10px;
}
/*ABHI CSS End*/
/*roopa css*/


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoonf62e.eot?famr0a');
  src:  url('fonts/icomoonf62e.html?famr0a#iefix') format('embedded-opentype'),
    url('../fonts/icomoonf62e.ttf?famr0a') format('truetype'),
    url('../fonts/icomoonf62e.woff?famr0a') format('woff'),
    url('../fonts/icomoonf62e.svg?famr0a#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before {
  content: "\ea8b";
  padding: 0 0 0 27px;
font-size: 19px;
}
.icon-facebook:before {
  content: "\ea90";
  padding: 0 0 0 26px;
font-size: 18px;
}
.icon-twitter:before {
  content: "\ea96";
  padding: 0 0 0 27px;
font-size: 19px;
}
.new_pdf {
    font-family:'Sans-serif';
}
.lname {
    padding: 22px 0 0 4px;
}
/* .link3 img{
    margin: 3px auto 2px;
} */
.link4 img {height:40px;}
/*.link4 img{padding: 4px 0 5px 0px;}
.link4 {

    padding: 14px 2% !important;

}*/
.place-offi {
    background: #f2f2f2;
    width: 80%;
    margin: 20px auto;
    border-radius: 15px;
    padding: 20px 45px 0;
}
.place-offi h1 {
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 0 0 5px;
}
.place-offi span {
    font-weight: 500;
}
.place-offi-con {
    border-top: 2px solid #cdcdcd;
    padding: 0 0 30px 0;
}
.place-circle {
    background: #e3010f;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
}
.place-left-icon {
    padding: 17px 0 0px 0px;
}
.place-left-icon p {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 13px 0 0 9px;
}
.place-office-con-left {
    float: left;
    width: 48%;
}
.place-office-con-right {
    float: left;
}
.place-highlights h1 {
    color: #000;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 26px;padding: 0 10px;
}
.place-highlights {  
    margin: 45px 0 30px;
}
.place-highlights-img,.campus-rect-img {
    text-align: center;
    padding: 22px 0 22px;
}
.place-highlights-img img,.campus-rect-img img { 
    width: 80%;
}
.place-left-icon a {
    color: #000;
}
.campus-rect h1 {  
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 30px;  
}
.piechart img {  
    width: 90%;
}
.piechart {
    text-align: center;
    margin: 30px;
}
.tabination{
	text-align: center;
	margin: 20px 10px 0;
}
.tabination p{
	display: inline-block;
	margin: 0;
	padding: 0 0 0 0;
}
#t1,#t2,#t3 {
    margin: 13px 35px;
    box-shadow: 0 0 8px 5px #eee;
    padding: 5px 20px;
}
.inner-right-image {
    float: right;
    margin: -55px 0 10px;
}
.inner-left-image {
    float: left;
    margin: 14px 6px 30px;
}
.tabination img {
    
        width: 90%;
    
    }

.place-circle img {
    width: 17px;
    text-align: center;

}
.aqar-1{display: none;animation: pulse 5s infinite;}

  
  @keyframes pulse {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
  }

/*roopa css end*/
.orientation{background: url(../images/recent.jpg) no-repeat center center/cover;height: 490px;}
.nurturing-div.orientation-main h2::after,.nurturing-div.orientation-main h2::before{background: none}
/*suprabhat css*/
.physical-education-one{width: 100%;
max-width: 345px;display: inline-block;margin: 5px 5px;}
.image-container .img-caption{margin: 5px 0px 0px 0px;}
.image-container{width: 100%;max-width: 348px;display: inline-block;margin: 20px 10px;}
.super{vertical-align: super;}
.physical-education{margin: 0px 0px 40px 0px;}
.bld-wrapper{text-align: center !important; width: 96%;margin: 10px auto;}
.bld-container{display: inline-block;width: 400px;height: 400px;display: inline-block;width: 300px;height: 250px;margin: 10px 20px;}
.bld-container img{width: 100%;height: 100%;max-width: 100%; max-width: 100%;height: 100%;}
/* .add-img{
    background-image: url("../images/new/Orientaion-photo.jpg");
        background-position: center;
        background-size: cover;
        max-width: 700px;
        height: 350px;
        margin: 0 auto;
        
} */
.camp-container{display: inline-block;margin: 8px 20px;box-shadow: 0px 0px 3px #75e3d0;;}
.camp-wrapper{text-align: center !important;padding: 10px 52px;margin: 20px 0 40px;}
/* .top-strip > p{float: left;
    margin: 5px 0 0 10px;
    color: white;
    font-weight: 600;} */
    .top-strip > p a{color: white;animation: transi 2s linear infinite;}
    .top-strip > p a:hover{text-decoration: underline;}
    @keyframes transi{
        0% {
            color: #BCE2F5;
        }
        25% {
            color: #FF4500;
        }
        70% {
            color: #FF4500;
        }
        100% {
            color: #ADFF26;
    }}
    .manasvi img{max-width: 100% !important;width: 300px !important;box-shadow:3px 3px 5px 6px #ccc;}
    .manasvi{margin: 10px 0 20px;}
    .yellow-tab li a{background: #efa82f !important;color: #000 !important;}
    #cssmenu ul .resp-home-class.acive-s a{background: white !important;color: black !important;}
    #footerinnerbgmid .footer-border #footerheader .fheader a.footer-active {color: #F6CF39 !important;}
    #homemenu .toplinks .home-active-icon a{color: #F6CF39 !important;}
    #black-class{color: #000 !important;}
    .new-footer .f2 h4{visibility: hidden;}
    .prinici-name{margin-right: 10px;}
    .s-table-container{overflow-x: auto;white-space: nowrap;}
    .link-box .lbox a.span .actives{color: #000 !important;}
    .dib{display: inline-block !important;vertical-align: middle !important;}
    .top-strip p{font-size: 20px;
        text-align: center;text-transform: uppercase;
        font-weight: 600;
        color: white;}
        .top-strip{padding: 10px;}
        .iqac-container ul{list-style-type: none;}
        .iqac-container{padding: 6px 40px;}
        .iqac-container ul li a{color: #fff;font-size: 20px;}
        .top-strip ul{list-style: none;}
        .top-strip ul li a{color: white;font-weight: 700;}
        .top-strip ul li{margin: 0 10px;}
        .top-strip ul li a:hover{color: #F6CF39 !important;}
        .left-social-buttons{position: fixed;top: 50%;left: 0;text-align: center;z-index: 99;}
        .left-social-buttons li{text-align: center;padding: 8px 0px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0, 0, 0, 0.4);}
        .left-social-buttons ul{list-style-type: none;}
        .left-social-buttons li a{display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;color: #dcdcdc;text-transform: uppercase;font-weight: 700;font-size: 12px;}
        .left-social-buttons li .pp{font-size: 28px;color: #f9ae51;margin-bottom: 5px;}
        .left-social-buttons li a:hover{color: #b4fefe;font-weight: 900;transition: all 0.4s;}
        .left-social-buttons .globe{animation: blinks 1s infinite;transition: all 1s;}
        @keyframes blinks{
            0%{background: #154273;}
            100%{background: #3f1056;}
        }
        .textc{text-align: center !important;}
        .vani-frame{max-width: 700px;height: 476px;margin: 20px auto;}
/*suprabhat css*/

/* manikanta css starts */
    .set-f-img-raduis {border-radius: 50%;border: 5px solid #fff;box-shadow: 0 0 10px #ddd;}
    .tc-ql{text-align: center;margin-left: 90px;}
    .sm-fa a{font-size: 22px !important;margin: 0px 35px;}
    .g-recaptcha{display: block !important;}
    
/* manikanta css  ends */









@media screen and (max-width:1480px) {
    #back-top {
        right: 17%
    }
}
@media screen and (max-width:1380px) {
    #back-top {
        right: 7%
    }
}
@media screen and (max-width:1120px) {
    .index-heade #menunav > ul > li > a{padding:13px 12px;}
    .box .link1, .box .link2, .box .link3, .box .link4, .last-box{padding:10px 1%;font-size:12px}
    .link1 img, .link2 img, .link3 img, .link4 img{height:35px}
}
@media screen and (max-width:1060px) {
    .banner-links a{
        font-size:11px !important;
    }
    .index-heade #menunav > ul > li > a{padding: 13px 10px;}
}
@media screen and (max-width:992px){
    .tc-ql{margin-left: 0; text-align: left;}

}
@media screen and (max-width:979px) {
    .index-heade #menunav > ul > li > a{padding: 13px 6px;}
    #back-top {
        bottom: 10%;
        right: 0
    }
    #leftbox {
        width: 100%
    }
    #newsbox {
    display: none;
}
    #menunav {
        width: 901px
    }
    #contentbox {
        box-sizing: border-box;
        padding: 0 0 10px;
        width: 99%;
        margin: 0 auto
    }
    #lefteventsbg,
    #rgteventsbg,
    #rightbox, .banner-links{
        display: none
    }
    .lbox{display: block;}
    .eventsbox div,
    .eventsbox1 div,
    .eventsbox2 div,
    .eventsbox3 div {
        background-image: none;
        margin: 0 auto;
        text-align: center
    }
    .eventsbox,
    .eventsbox1,
.eventsbox2,
    .eventsbox3 {
        margin: 0 auto 15px;
        text-align: center;
        width: 25%;
        display: inline-block
    }
    .eventsbox img,
    .eventsbox1 img,
    .eventsbox2 img,
    .eventsbox3 img {
        float: none;
        width: 90%
    }
    #mideventsbg {
        width: 100%
    }
    .eventsbox h2 a,
    .eventsbox1 h2 a,
    .eventsbox2 h2 a,
    .eventsbox3 h2 a {
        padding: 7px 0 2px;
        margin: 24px 0 6px
    }
    #bannerbg,
    #bannerhomebg {
        background: #3b3d51;
        padding: 1px 0;
        float: none;
        border-radius: 0;
        border: none;
        margin: 0 auto;
        text-align: center;
        width: auto;
        height: auto
    }
    .first-page,
    .last-page,
    .mid-page {
        text-align: center;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        float: none
    }
    .mid-page {
        margin: 0 auto
    }
    #bannerbox img {
        border-radius: 0
    }
    #bannerbg>#bannerbox,
    #bannerbox {
        float: none;
        margin: 0 auto;
        padding: 0;
        height: auto;
        border-radius: none
    }
    #contents {
        width: 718px
    }
    #menunav>ul>li a {
        padding: 8px 12px
    }
    .place-office-con-left {
        width: 39%;
    }
    .physical-education h2{text-align: center;}
}

@media screen and (max-width:992px) {
    #cssmenu{
        display: block;
    }
}

@media screen and (max-width:912px) {
    #mideventsbg {
        float: none;
        display: inline-block;
        background-color: #f9faf5;
        border-top: 15px solid #2674C7;
        border-bottom: 15px solid #2674C7;
        border-left: 15px solid #fff;
        border-right: 15px solid #fff;
        width: 95%;
        margin: 1px 0;
        background-image: none;
        height: auto
    }
    .eventsbox,
    .eventsbox1,
    .eventsbox2,
    .eventsbox3 {
        width: 50%;
        height: auto
    }
    #leftbox {
        width: 100%
    }
    #leftbox p {
        padding: 5px 15px 7px
    }
    #leftbox h3 {
        padding: 10px 15px 5px
    }
    #leftbox h2 {
        padding: 11px 15px 0
    }
    .eventsbox h2 a,
    .eventsbox1 h2 a,
    .eventsbox2 h2 a,
    .eventsbox3 h2 a {
        margin: 5px 0 6px;
        padding: 5px 0 2px
    }
    .eventsbox p,
    .eventsbox1 p,
    .eventsbox2 p,
    .eventsbox3 p {
        width: 66%;
        margin: 0 auto
    }
}

@media screen and (max-width:903px) {
    #cssmenu,
    .menu-btn,
    .top-naac,.phone2 {
        display: block
    }
    .phone {
        padding: 19px 8px
    }
    .top-naac {
        text-align: left;
        padding: 4px 0 20px
    }
    /* .heading {
        padding-top: 10px
    } */
    .tree img {
        width: 900px
    }
    .table {
        overflow-x: scroll
    }
    #menunav {
        display: none
    }
    .navbtn {
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 13px;
        top: -25px;
        width: 31px;
        z-index: 991
    }
    .menu-btn {
        bottom: 20px
    }
    #homemenu {
        display: none
    }
    .naac{display: block !important;text-align: left;}
    center img {
        width: 100%
    }
    .aqar{display: none;}
    /* .aqar-1{display: block;text-align: right;
        padding: 0 20px;} */
}

@media screen and (max-width:799px) {
    .border {
        display: none
    }
    #name {
        width: auto
    }
    #back-top {
        bottom: 16%
    }
    .fheader{width:200px;margin:10px}
    .place-office-con-left {width: 36%;}
}

@media screen and (max-width:774px) {
    #leftbox .images, #leftbox .lft-image{display: block;
        float: none;
        margin: 0 auto;}
    #breadcrumbs{text-align: center;}
    .extra-orientation{background-image: url('../images/extra-orientation.jpg') !important;background-position: center !important;height: 242px;}
    #navid #nav{text-align: center;}
    #navid > ul li{padding: 10px 22px;
        margin: 5px 0px;}
        #nav li.active{margin: 4px 2px 0;}
    .ncc-images>span {
        width: 43%
    }
    .gallery ul {
        text-align: center !important;
    }
    #bullet-board, .h-news{float:none;}
    #bullet-board{display: none;}
    .wel-text{width:100%}
    .h-news #newsbox-home h2{display:block;margin-top:15px}
      .h-news{margin: 0 auto;}
    #news2, .spm{margin:0 auto 15px;border-radius:0}
    .lists, .f4{float:none;margin:0 auto;}
    .f4{max-width:350px; width: 100%;margin-top:20px}
    .lists{width:100%;}
    .footlist li a, .new-footer h4{text-align: center;}
    .place-office-con-left,.place-office-con-right {
        float: none;width: 100%;
    }
    .place-offi {
        width: 67%;
    }
	.inner-left-image, .inner-right-image {
    float: none;
    margin: 10px auto;
    display: block;
    }
}

@media screen and (max-width:734px) {
    .cups {
        width: 49%
    }
    .left-div,
    .rgt-div {
        width: 100%
    }
    body {
        background: url(../images/header-bg.html) center -106px repeat-x #fff
    }
}

@media screen and (max-width:729px) {
    #tab-content,
    .table1 {
        overflow-x: scroll
    }
    #navid>ul li {
        padding: 3px 13px
    }
    #breadcrumbs {
        padding: 4px
    }
    /* .page {
        height: 300px
    } */
    .div-height {
        height: auto;
        padding: 4px 0
    }
    .vedio {
        padding: 15px 0
    }
    .table1 {
        width: 100%;
        cursor: pointer;
        padding: 6px 0;
        margin: -6px 0
    }
     .lbox a .lname{display: none;}
     .link-box img{height:35px}
	 .ulcss-nu {
	float: none;
	width: calc(100% - 40px);
}
}

@media screen and (max-width:675px) {
    .error {
        padding: 10px 0;
        margin: 10px auto;
        color: #f7f7f7
    }
    #errorpage {
        margin: 10% auto 0!important;
        height: auto!important;
        width: 80%!important;
        background: #37C8DC!important;
        border: 4px solid #D5D5D5;
        border-radius: 19px;
        box-shadow: 0 0 4px 3px #747474 inset
    }
    #footershade {
        background-image: none;
        height: auto
    }
	
}

@media screen and (max-width:649px) {
    /* .left-social-buttons{position: fixed;
        bottom: 0;width: 100%;} */
        .left-social-buttons ul {display: inline-block;position: fixed;bottom: 0;display: flex;flex-direction: row;width: 100%;}
        .left-social-buttons ul li{width: 33%;border-radius: initial;}
    .tablecss span {
        width: 28%
    }
    #back-top {
        bottom: 12%
    }
    .fheader{text-align: left;}
}

@media screen and (max-width:623px) {

    .aqar-1,.phone2{text-align: left;}
    #logo {
        width: 100%
    }
    /* .aqar-1{padding-bottom:10px }  */
     #logo{display: flex;align-items: center;justify-content: center;}
}

@media screen and (max-width:600px) {
    .naac{text-align:center;}

    .wrapper-image-div{    width: 100%;
        display: block;
        margin: 10px 0 24px;}
        .second-div{    display: block;
            width: 100%;
            margin-top: 10px;}
            #logo{float: none !important;text-align: center !important;margin: 0 auto;width: 100%;}
            
            #name{float: none !important;}
          
    #navid,
    #navid #nav {
        text-align: center
    }
    .placement-img {
        width: 55%
    }
    .vedio {
        width: 90%;
        margin: 15px auto;
        padding: 0 0 5px
    }
    #navid {
        margin: 5px 0;
        padding: 7px!important
    }
    #leftbox ul {
        text-align: left;
        margin: 0 auto;
        padding: 0 0 5px 20px
    }
    #leftbox>ul li {
        background: url(../images/bullet.png) 12px 8px no-repeat rgba(0, 0, 0, 0);
        padding: 3px 15px 5px 28px
    }
	.nurturing-div-con {
	padding: 20px;
}
}

@media screen and (max-width:587px) {
    .vision-img::after,
    .vision-img::before {
        display: none
    }
    .placement-img {
        width: 58%
    }
    #logo,
    .span {
        width: 100%
    }
    #mideventsbg {
        width: 94%
    }
    .place-left-icon p {
        display: block;
    }
    .place-left-icon {
        text-align: center;
    }
}

@media screen and (max-width:604px) {
    #navid {
        margin: 0 auto;
        text-align: center
    }
    #navid>ul li {
        padding: 3px 5%;
        display: block;
        float: none;
        margin: 0!important;
        text-align: center
    }
    #nav li.active {
        border: 1px solid #efa82f
    }
    #navid {
        padding: 0!important
    }
    #tab-content {
        margin: -1px auto 15px
    }
}

@media screen and (max-width:530px) {
    .placement-img {
        width: 62%
    }
    .tablecss span {
        width: 27%
    }
    .tagline {
        color: #fff;
        letter-spacing: 1px
    }
}

@media screen and (max-width:508px) {
    .calender h5 a,
    .img-prin {
        float: none;
        display: block
    }
    cover {
        padding: 10px 0 0
    }
    .calender {
        width: 90%
    }
    .calender h5 a {
        padding: 19px 15px 5px;
        text-align: center;
        width: 100%
    }
    .more a {
        padding: 6px 15px 15px
    }
    .princ-text {
        float: none;
        width: auto
    }
    /* .img-prin {
        width: 445px;
        max-width: 100%;
        background: url(../images/R-princi.jpg) no-repeat;
        height: 123px */
    }
    .table {
        overflow-x: scroll
    }
    #breadcrumbs span,
    #breadcrumbs span a {
        font-size: 12px
    }
    .placement-img {
        width: 70%
    }
    .eventsbox,
    .eventsbox1,
    .eventsbox2,
    .eventsbox3,
    .site-map {
        width: 100%
    }

@media screen and (max-width:496px) {
    .ncc-images>span {
        width: auto
    }
    .fheader a {
        padding: 5px 0 7px
    }
    .fheader {
        margin: 0 auto;
    }
    #accordion {
        width: 90%
    }
    .gallery ul li {
        padding: 5px 0 0!important
    }
     #t1, #t2, #t3 {
        margin: 13px 15px;
    }
    .phone2{padding-bottom: 0;}
}

@media screen and (max-width:482px) {
    .one-orientation{background:url(../images/one-orientation.jpg) no-repeat center center/cover !important;height: 200px !important;}
    /* #leftbox ul li{padding: 0 0 0 20px} */
    #foreign-logo,
    #leftbox {
        margin: 0 auto
    }
    #foreign-logo,
    #leftbox,
    #questiontab {
        text-align: center
    }
    .eventsbox p,
    .eventsbox1 p,
    .eventsbox2 p,
    .eventsbox3 p {
        width: 93%
    }
    .placement-img {
        width: 78%
    }
    #back-top {
        bottom: 2%
    }
    #foreign-logo {
        height: auto;
        float: none;
        width: 100%
    }
    /* #leftbox ol,
    #leftbox ul {
        padding: 0 0 15px
    } */
    #leftbox .images,
    #leftbox .lft-image {
        display: block;
        float: none;
        margin: 0 auto
    }
    #mideventsbg {
        width: 93%
    }
    .heading {
        font-size: 26px;
        padding: 15px 0 0
    }
    .tagline {
        font-size: 11px
    }
}

@media screen and (max-width:460px) {
    .page{height: 416px;}
    .phone2{padding: 0 !important;}
    #logo{flex-direction: column;}
    .logo-img{margin-bottom: 10px !important;}
    #back-top {
        bottom: 3%;
    }
}

@media screen and (max-width:448px) {
    #logo,
    .top-naac {
        text-align: center
    }
    #leftbox h1 {
        float: none;
        padding: 4px 11px
    }
    #leftbox h1::after {
        display: none
    }
    .tablecss span {
        width: 26%
    }
    #contentbox {
        border-radius: 0
    }
    #name,
    .logo-img {
        float: none
    }
    #logo {
        margin: 0 auto;
        height: auto
    }
    #name {
        padding: 0 10px;
        margin: -9px 0 0
    }
    .heading {
        padding: 2px 0
    }
}

@media screen and (max-width:438px) {
    .placement-img {
        width: 90%
    }
    #back-top {
        bottom: 3%
    }
}

@media screen and (max-width:424px) {
    .cups {
        width: 100%
    }
    .virtual-tour {
        width: 90%
    }
    .new-footer h4{margin:5px 0 0}
    .f1,.f2{width:50%;}
    .f3{display:block;margin:10px 0 10px;width:100%;}
}

@media screen and (max-width:414px) {
    #mideventsbg {
        width: 92%
    }
    #select {
        width: 90%;
        margin: 10px 0
    }
}

@media screen and (max-width:400px) {
    .top-strip{height: initial;}
    .top-strip > p, .toplinks-head{float: none;display: block;width: 100%;text-align: center;}
    .top-strip > p{margin: 0;}
    #back-top {
        bottom: 12%
    }
    .tablecss span {
        width: 40%
    }
    #mideventsbg {
        width: 91%
    }
	.nurturing-div-con {
	padding: 15px;
}
}

@media screen and (max-width:358px){
.nurturing-div h2::after,.nurturing-div h2::before{display:none}
}

@media screen and (max-width:334px) {
.link-box img{height: 27px;}
    .calender,
    .vedio {
        width: 90%
    }
    #leftbox ul {
        padding: 0 15px 7px
    }
    #mideventsbg {
        width: 89%
    }
    #midfooterimg {
        width: 99.3%
    }
}

@media screen and (max-width:327px) {
    .phone2{padding: 0;}
    .lft-footer,
    .rght-footer {
        float: none;
        padding: 3px 0;
        display: block;
        width: 100%
    }
    #footershade {
        padding: 5px 0
    }
}

.flash-new {
    animation-name: flash;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash-new {
    from {
        color: red;
    }
    to {
        color: black;
    }
}

.pagination a {
    border: 1px solid #ddd;
    padding: 5px;
}

.pagination a.gal_selected {
    background: #0b488b none repeat scroll 0 0;
    color: #fff !important;
}