body{padding:0; margin:0;}

.clr{clear:both;}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.8);
  /* change if the mask should have another color then white */
  z-index: 2000;
  /* makes sure it stays on top */
}

#status {
  width: 260px;
  height: 260px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader end*/

.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0;
    border:0;
	border-radius:0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff;
}

.navbar-brand {
    float: left;
    height: 20px;
    padding:0;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default .navbar-brand > img {width:200px; height:80px;}

.navbar-default {
	padding:0;
    background-color: #daa520;
    border-bottom: solid 1px #ffffff;
}

.navbar-default .navbar-nav>li>a {
    color: #000000;
	font-size:13px;
	text-transform:uppercase;
	border-bottom:0;
	margin:0;
	font-weight:bold;
	padding:8px 25px;
	border-right:solid 1px #ffffff;
	transition:ease all 0.5s;
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #d71a21;
	color:#ffffff;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#ffffff;background-color:#d71a21;}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
    background-color:#d71a21;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000000;
	text-transform:uppercase;
}

.dropdown-menu {
	position:absolute;
    padding: 0;
	left: 700px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight:bold!important;
    line-height: 1.42857143;
    color: #000000;
	font-size: 13px;
	background-color: #daa520;
    border-bottom: solid 1px #ffffff;
}

.dropdown-menu>li>a:hover {
    color: #ffffff!important;
	background-color: #d71a21;
}

.navbar-nav.sm-collapsible .caret:before {
    content: '+';
    font-family: monospace;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:#d71a21;border:0;}

.bannerwrapper{position:relative;}
.title {
    position: relative;
    margin: 0 auto;
    padding: 6px 8px;
    background: #b30505;
}
	
.title > div {width:63%; margin:0 auto;}
.title > div > .block1 {display:inline-block; width:15%; text-align:center;}
.title > div > .block2 {display:inline-block; width:65%; text-align:center; margin-left:20px;}
.title > div > .block3 {display:inline-block; width:15%; text-align:center;}

.homescroll{padding:18px 10px 14px; font-size:16px; background:#daa520; font-weight:bold;}
	
.contentbg{margin:0; padding:20px 0; background:url(../images/contentbg.jpg) fixed top;}
.contentdetails{background:rgba(255,255,255,0.8); font-size:18px; text-align:justify; padding:30px; margin:30px 0;}
.contentdetails > h1, .contentdetails > div > div > h1{padding-left:0; color:#f40367; font-family:'Arizonia'; font-size:45px; position:relative; text-align:left;}
.contentdetails > h1 > span, .contentdetails > div > h1 > span{
	position:absolute; z-index:1; top:-20px; left:-10px;
	-ms-transform: rotate(-20deg); /* IE 9 */
  -webkit-transform: rotate(-20deg); /* Safari 3-8 */
  transform: rotate(-20deg);
}

.principaldesk > span {float:left; margin:5px 20px 20px 0;}
.principaldesk > span > p{text-align:center; padding:0; margin:0; color: #f40367;}
.principaldesk > h2{font-size:25px; font-weight:bold;}

.sociallink{width:90%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.modalheader{color: #0945a7; font-family: 'Arizonia'; font-size:38px;}

.noticeboard > span {background:url(../images/noticeboard.png) no-repeat top; display:block; color:#ffffff; padding:130px 40px 50px 40px;}
.noticeboard > span > marquee > a{color:#ffffff; display:block; margin:30px 0; font-size:16px;}

.noticeboarddetails > div{font-size:15px; margin:10px 0;}
.noticeboarddetails > div > a{
color:#ffffff; background-color:#900; padding:7px 0; margin-top:20px; border-radius:8px; display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.noticeboarddetails > div > a:hover{text-decoration:none;}

.enquiry > div > input, .enquiry > div > textarea{background:none; border:solid 3px #ffc107;}
.enquiry > div > input{height:40px;}

 .form-control:focus {
        border-color: #d71a21;
        box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.075) inset, 5px 5px 8px rgba(255, 100, 255, 0.5);
    }

/*...............Gallery..................*/

/*...............Gallery End..................*/


/*----------Video Gallery-----------*/
.img-portfolio2 > .image {
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.3);
    padding: 10px!important;
	border:solid 14px #c08948;
	margin-bottom:30px;
}
.img-portfolio2 > .image > span {
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: 240px;
    margin: auto;
    display: block;
}
.img-portfolio2 > .image > div {
    text-align: center;
    height: 37px;
    padding-top: 4px;
}
.img-portfolio2 > .image > div > a {
    color: #ff4a11;
    font-weight: bold;
}
/*----------Video Gallery End-----------*/





/* Footer Styles */

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:3%;
   background-color:#f9e9c0;
   color:#3a3939;
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none;}
.footernav ul li a{padding:5px 0; color:#524c4c; display:block; border-bottom:solid 1px #5e736e; text-decoration:none; text-transform:uppercase;}
.footernav ul li a:hover{color:#d71a21;}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #6b6b6b;
    border:0;
}

.form-control1{background:none; color:#9a9a9a;}

footer{background-color:#d71a21; color:#ffffff; text-align:right; padding:10px;}
footer a, footer a:hover{color:#ffffff; font-weight:bold;}


.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #4ba9a9;
    border-color: #4ba9a9;
}

/*...............Gallery tab..................*/


.table {
    width: 60%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table >thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #c77c7c;
	color:#f40367;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid #c77c7c;
	font-size:18px;
	text-align:center;
}

.table>tbody>tr>td>a {
    color:#900;
	font-weight:bold;
	font-size:15px;
}


.table1 {
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
}

.table1 >thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #000000;
	text-align:center;
	font-size:16px;
}

.table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid #000000;
	font-size:18px;
	padding:7px;
	text-align:center;
}

.table1>tbody>tr>td>a {
    color:#900;
	font-weight:bold;
	font-size:15px;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #b30505;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li>a {
    color: #900;
}

.nav {
    border-bottom: solid 1px #900!important;
}

/*...............Gallery ..................*/
.gallery > div > p{position:relative; width:90%; overflow:hidden; border: solid 2px #bfbfbf; height:300px; text-align:center; padding:1px; margin-bottom:30px;}
.gallery > div > p:hover img {transform:scale(1.1); transition:ease-out all 0.3s;}
.gallery > div > p > span {position:relative; display:block; overflow:hidden; height:310px;}
.gallery > div > p > span > img {width:auto; height:340px;}

.gallery > div > p:hover .galleryoverlay {opacity:1; transition:ease all 0.5s; position:absolute; width:100%; height:100%; bottom:0; left:0; z-index:2000; color:#ffffff; text-align:center; font-size:14px; padding:7% 10px; background:rgba(0,0,0,0.6);}
.galleryoverlay {opacity:0; bottom:-100px;}

.gallery > div > p:hover .galleryoverlay > a {color:#ffffff;}
/*...............Gallery end..................*/

.prospectus > div > p{position:relative; width:90%; overflow:hidden; border: solid 2px #bfbfbf; height:460px; text-align:center; padding:1px; margin:0 auto 30px;}
.prospectus > div > p:hover img {transform:scale(1.1); transition:ease-out all 0.3s;}
.prospectus > div > p > span {position:relative; display:block; overflow:hidden; height:470px;}
.prospectus > div > p > span > img {width:auto; height:500px;}

.prospectus > div > p:hover .prospectusoverlay {opacity:1; transition:ease all 0.5s; position:absolute; width:100%; height:100%; bottom:0; left:0; z-index:2000; color:#ffffff; text-align:center; font-size:14px; padding:7% 10px; background:rgba(0,0,0,0.6);}
.prospectusoverlay {opacity:0; bottom:-100px;}

.prospectus > div > p:hover .prospectusoverlay > a {color:#ffffff;}


#next {
    background: #ffffff;
    color: #8a4b6e;
    font-weight: bold;
    border: solid 2px #8a4b6e;
    padding: 4px 13px;
    outline: none;
    margin: 0 auto;
    display: block;
}

.result > div{ border-bottom:dashed 2px #d71a21; color:#115477; text-align:center; padding:10px; font-weight:bold;}
.result > div > strong{ color:#d71a21; font-size:20px;}
.result > div > a{background:#d71a21; color:#ffffff; padding:6px; text-decoration:none; border-radius:7px; font-size:14px;}
.result > div > a:hover{background:#000000;}

/*...............Admission Form..................*/
.admissionform{border:solid 2px #900; background:#ffffff; font-size:15px; border-radius:10px; margin:10px auto;}
.admissionform > h1{color:#900; font-size:16px; font-weight:bold;}
.admissionform > div > h3{color:#900; font-size:22px; text-decoration:underline; font-weight:bold;}
.admissionform > .leftblock{color:#900;}
.admissionform > .leftblock > label{color:#000; margin-top:10px; font-size:15px;}
.admissionform > .rightblock > div > .form-control {
border:0; background:none; border-bottom:solid 1px #000000; border-radius:0;
}
/*...............Admission Form End..................*/

@media screen and (max-width: 991px) {
.gallerycat > span > a > .img{margin-bottom:10px; height:300px; width:100%;}
}

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

}


@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
	background-color:#d71a21;
	text-transform:uppercase;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
	background-color:#000;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a {
	margin:0;
	padding:6px 0;
	border-bottom:solid 1px #ffffff;
	border-right:0;
}

.title{position:relative; width:100%; background:#790404;}

.contentdetails > h1{font-size:35px;}

.contentbg{margin:0; padding:10px 0;}

.tab_content > h2{display:none;}

.sociallink{top:200px;}

.principaldesk > span {float:none; margin:0 auto 20px;}

.title > div {width:90%; margin:0 auto;}
.title > div > .block1 {display:inline-block; width:15%; text-align:center;}
.title > div > .block2 {display:inline-block; width:63%; text-align:center;}
.title > div > .block3 {display:inline-block; width:15%; text-align:center;}


}

@media screen and (max-width: 480px) {
.gallerycat > span > a > .img{margin-bottom:10px; height:230px; width:100%;}

.title > div {width:100%; margin:0 auto;}
.title > div > .block1 {display:inline-block; width:15%; text-align:center;}
.title > div > .block2 {display:inline-block; width:60%; text-align:center;}
.title > div > .block3 {display:inline-block; width:15%; text-align:center;}


}