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

@font-face {
    font-family: 'fsalbert';
    src:url('../fonts/fs_albert_0-webfont.eot');
	src: url('../fonts/fs_albert_0-webfont.eot?#iefix') format('eot'), 
	url('../fonts/fs_albert_0-webfont.woff') format('woff'), 
	url('../fonts/fs_albert_0-webfont.ttf') format('truetype'),
	url('../fonts/fs_albert_0-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fsalbertthin';
    src:url('../fonts/fs_albert-thin_0-webfont.eot');
	src: url('../fonts/fs_albert-thin_0-webfont.eot?#iefix') format('eot'), 
	url('../fonts/fs_albert-thin_0-webfont.woff') format('woff'), 
	url('../fonts/fs_albert-thin_0-webfont.ttf') format('truetype'),
	url('../fonts/fs_albert-thin_0-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	padding: 0;
	margin:0 auto;
	font-family: fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	/*overflow: hidden;*/
}

@media (max-width: 1024px){
	body {
		overflow: auto;
	}
}

/*------------------------------------------------------
	Header
------------------------------------------------------*/

.header{
	position: relative;
	z-index: 999999;
}

.pt-15{
	padding-top: 15px;
}

.pb-15{
	padding-bottom: 15px;
}

/*------------------------------------------------------
	Main Menu
------------------------------------------------------*/
/*
.navbar-custom {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: #fff6c2;
	min-height: 0px;
    border: none;
    border-bottom: 10px solid #fcb131;
	border-radius: 0;
}

.navbar-custom .navbar-header {
	float: none;
}

.navbar-custom .navbar-brand {
	padding: 0;
	color: #9d9d9d;
	height: 100%;
}

.navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover {
	color: #fff;
	background-color: transparent
}

.navbar-custom .navbar-text {
	color: #9d9d9d
}

#main-menu{
	margin-top: 0;
	overflow: hidden;
}

.navbar-custom .navbar-nav{
	float: none!important;
}

.navbar-custom .navbar-nav>li {
	float: none;
}

.navbar-custom .navbar-nav>li>a {
	padding: 6px 20px;
	color: #503300;
	text-transform: uppercase;
}

.navbar-custom .navbar-nav>li>a:before{
	position: absolute;
	left: 10px;
	content: "";
	font-family: Material-Design-Iconic-Font;
	font-size: 14px;
	color: #503300;
}

.navbar-custom .navbar-nav>li>a:focus, .navbar-custom .navbar-nav>li>a:hover {
	color: #503300 !important;
	text-decoration: underline;
	background-color: transparent
}

.navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>.active>a:focus, .navbar-custom .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #080808
}

.navbar-custom .navbar-nav>.disabled>a, .navbar-custom .navbar-nav>.disabled>a:focus, .navbar-custom .navbar-nav>.disabled>a:hover {
	color: #444;
	background-color: transparent
}

.navbar-custom .navbar-toggle {	
	position: absolute;
    bottom: -56px;
    right: 100px;
	display: block;
    float: right;
    padding: 8px 15px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 8px;
    background-color: #fcb131;
    background-image: none;
    color: #905a00;
	text-transform: uppercase;
    border: 1px solid #fcb131;
    border-radius: 0;
}

.navbar-custom .navbar-toggle i{
	position: relative;
    top: 2px;
    color: #FFF;
    font-size: 20px;
    margin-left: 10px;
}

.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
	background-color: #fcb131
}

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

.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
	border: none;
}

.navbar-custom .navbar-nav>.open>a, .navbar-custom .navbar-nav>.open>a:focus, .navbar-custom .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #080808
}

.navbar-custom  .navbar-collapse.collapse {
	display: none!important;
}

.navbar-custom .navbar-collapse.collapse.in{
	display:block !important;
}

.navbar-custom .right-divider{
	border-right: 1px dotted #503300;
}

.navbar-custom .navbar-nav-2{
	float: none!important;
}

.navbar-custom .navbar-nav-2>li {
	float: none;
}

.navbar-custom .navbar-nav-2>li>a {
	padding: 5px 10px;
	color: #006ab6;
	font-size: 12px;
	text-transform: uppercase;
}

.navbar-custom .navbar-nav-2>li>a:before{
	display: none;
}

.navbar-custom .navbar-nav-2>li>a:focus, .navbar-custom .navbar-nav-2>li>a:hover {
	color: #006ab6 !important;
	text-decoration: underline;
	background-color: transparent
}

@media (max-width:767px) {
	.navbar-custom .right-divider{
		border-right: 0;
		border-bottom: 1px dotted #503300;
	}
	
	.navbar-custom .navbar-nav{
		margin: 0 -15px;
	}
	
	.navbar-custom .navbar-nav .open .dropdown-menu>.dropdown-header {
		border-color: #080808
	}

	.navbar-custom .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808
	}

	.navbar-custom .navbar-nav .open .dropdown-menu>li>a {
		color: #9d9d9d
	}

	.navbar-custom .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background-color: transparent
	}

	.navbar-custom .navbar-nav .open .dropdown-menu>.active>a, .navbar-custom .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-custom .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #fff;
		background-color: #080808
	}

	.navbar-custom .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-custom .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-custom .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color: #444;
		background-color: transparent
	}
	
	.navbar-custom .navbar-nav-2{
		margin: 5px 0 0;
	}
	
	.navbar-custom .navbar-nav-2>li>a {
		padding: 5px 6px;
	}
	
	.navbar-custom .navbar-nav-2>li>a:before{
		position: absolute;
		top: 4px;
		left: -5px;
		content: "\f2fb";
		display: initial;
		font-family: Material-Design-Iconic-Font;
		font-size: 14px;
	}
	
	.navbar-custom .navbar-toggle {
		right: 50px;
	}
	
	#main-menu{
		max-height: 400px;
		overflow-x: hidden;
		overflow-y: visible;
	}
}

@media (max-width: 991px){
	.navbar-custom .navbar-toggle{
		right: 0;
	}
	
	.navbar-custom .navbar-toggle i{
		margin-left: 0;
	}
}*/
.navbar-default {
  background-color: #005998;
  border-color: #005998;
  border-radius: 0px;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ecdbff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #005998;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #00a7ce;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #00a7ce;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ecdbff;
  background-color: #00a7ce;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ecdbff;
  background-color: #00a7ce;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ecdbff;
  background-color: #00a7ce;
}
.navbar-default .navbar-toggle {
  border-color: #00a7ce;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #00a7ce;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ecdbff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #00a7ce;
  }
}
/*------------------------------------------------------
	Main Slider
------------------------------------------------------*/

#slider{
	position: fixed;
	top: 0;
	left: 300px;
    right: 0;
    width: auto !important;
}

#slider {
    /*height: 611px;*/
    width: 100%;
    height: 100%;
    left:300px;
}

#slider .carousel .carousel-inner {
    /*height: 611px;*/
    overflow: hidden;
    position: relative;
    width: 100%;
}

#slider .carousel .carousel-inner .item {
    /*height: 611px;*/
    padding-top: 0;
	background-size: cover;
    background-position: center center;
	width: calc(100% - 0em);
}

#slider .carousel .carousel-inner .item a img,
#slider .carousel .carousel-inner .item img,
#slider .img-responsive,
#slider .thumbnail a>img,
#slider .thumbnail>img {
    display: block;
    height: 100%;
    width: 100%
}

.carousel .carousel-inner .carousel-caption {
    bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    top: 0;
}

.carousel-inner .carousel-caption .slider-content {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #414141;
    left: 0;
    outline: 1px solid #414141;
    outline-offset: 5px;
    padding: 50px 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-inner .carousel-caption .slider-content h1 {
    color: #414141;
    font-size: 40px;
    text-transform: uppercase;
}

.carousel-inner .carousel-caption .slider-content p {
    color: #414141;
    font-size: 14px;
    font-style: italic;
    font-weight: lighter;
    margin: 10px 0 0;
    text-transform: uppercase;
}

#slider .carousel .carousel-control {
    background: #414141 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 40px;
    opacity: 1;
    top: 50%;
    width: 40px;
}

#slider .carousel .carousel-control:hover {
    background: #367dae;
}

#slider .carousel .left.carousel-control {
    left: 1%;
}

#slider .carousel .right.carousel-control {
    right: 1%;
}

#slider .carousel .carousel-control .fa {
    line-height: 40px;
}

#slider .carousel .carousel-control .icon-prev,
#slider .carousel .carousel-control .icon-next{
	font-size: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	position: initial;
}

#slider .carousel .carousel-control .icon-prev:before{
	font-family: 'FontAwesome';
	content: "\f104";
}

#slider .carousel .carousel-control .icon-next:before{
	font-family: 'FontAwesome';
	content: "\f105";
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.transition-timer-carousel-progress-bar {
    height: 2px;
    background-color: #f7484e;
    width: 0%;
    margin: 0;
    border: none;
    z-index: 11;
    position: absolute;
	top: 0;
}

#slider .carousel-indicators {
	position: absolute;
	bottom: 80px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center
}

#slider .carousel-indicators li {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 10px 0 0;
	text-indent: -999px;
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0,0,0,0)
}

#slider .carousel-indicators li:last-child{
	margin: 0;
}

#slider .carousel-indicators .active {
	margin: 0 10px 0 0;
	width: 15px;
	height: 15px;
	background-color: #FFF
}

@media (max-width: 992px){
	#slider .carousel .carousel-inner {
		height: auto;
	}
}

/*------------------------------------------------------
	Slide Bar Panel
------------------------------------------------------*/

.main-sidebar{
	position: relative;
	top: 0;
	left: 0;
	padding-top: 32px;
	min-height: 100vh;
	background: #027ad0;
	width: 300px;
	z-index: 810;
}

.main-sidebar .logo{
	padding: 20px 0;
	text-align: center;
	background: white;
}

/*--- Chairperson ---*/

.chairperson{
	padding: 10px 20px;
	background: #006cb8;
}

.chairperson a.chairpersonmsg{
	color: #fff;	
	font-family: fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 25px; 
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
}

.chairperson a:hover.chairpersonmsg{
	color: fff;
}

.chairperson a span{
	display: block;
	font-family: fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 15px;
}

/*--- Annoucement ---*/

.annoucement{
	padding: 10px 20px;
	background: #003f6b;
}

.annoucement h2{
	margin: 0;
	color: #FFF;
	font-family: fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 24px;
	font-weight: normal;
}

.annoucement p{
	margin: 10px 0 0;
	color: #FFF;
	font-family: fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 14px;
	font-weight: normal;
}

.annoucement a{
	text-decoration: none;
}

.blink {
  -webkit-animation-name: blink;
     -moz-animation-name: blink;
       -o-animation-name: blink;
          animation-name: blink;
  -webktit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
           animation-timing-function: linear;
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
}

.blink-infinite {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes blink {
	50% {
		color: #f7ae33;
	}
}
@-moz-keyframes blink {
	50% {
		color: #f7ae33;
	}
}
@-o-keyframes blink {
	50% {
		color: #f7ae33;
	}
}
@keyframes blink {
	50% {
		color: #f7ae33;
	}
}

/*--- School News ---*/

#school-news{
	padding: 15px;
	background: #005998;
}

#school-news a{
	text-decoration: none;
}

#school-news h2{
	margin: 0 0 10px;
	color: #FFF;
	font-family: fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 25px;
	line-height: 20px;
}

.school-news-content{
	margin-bottom: 10px;
	border-bottom: 1px dashed #027ed6;
}

.school-news-content:last-child{
	margin-bottom: 0;
	border-bottom: none;
}

.school-news-content p{
	color: #FFF;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 0;
    font-family: fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
}

.school-news-content p + p{
	margin: 0 0 10px;
	color: #71c4ff;
}

.school-news-content:last-child p + p{
	margin: 0
}

/*--- News And Events ---*/

#news-events{
	margin: 15px;
}

#news-events h2{
	margin: 0 0 15px;
	color: #FFF;
	font-family: fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 28px;
	line-height: 20px;
}

#news-events p{
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
}

#news-events a{
	color: #fcb131;
    font-weight: bold;
}

/*--- Padma Vibhushan ---*/

#padma-vibhushan{
	padding: 15px;
	min-height: 150px;
	background: #006cb7 url(../img/dha-awardbanner.jpg) no-repeat top right;
	background-size: auto 100%;
}

#padma-vibhushan .content-box{
	margin-right: 100px;
	padding: 30px 0;
}

#padma-vibhushan h2{
	margin: 0;
	color: #f1c256;
	font-size: 16px;
}

#padma-vibhushan p{
	color: #FFF;
}

#padma-vibhushan a{
	padding: 5px 10px;
	background: #005897;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

/*--- Social ---*/

#social{
	padding: 15px;
	background: #0066B0;
	text-align: center;
}

ul.social-media{
	margin: 0;
	padding: 0;
}

ul.social-media li{
	list-style: none;
	display: inline-block;
	color: #FFF;
	font-size: 20px;
}

ul.social-media li:first-child{
	margin-right: 15px;
}

ul.social-media li a{
	margin-left: 5px;
	color: #fff;
}

ul.social-media li a:hover{
	color: #fff;
}

ul.social-media li a i{
	margin: 5px 1px 5px 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #314555;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

ul.social-media li a:hover i{
	background: #FFF;
}

ul.social-media li a i.fa-youtube{
	color: #003672;
	background: #FFF;
}

ul.social-media li a i.fa-facebook{
	color: #003672;
	background: #FFF;
}

ul.social-media li a:hover i.fa-youtube{
	color: #003672;
	background: #FFF;
}

ul.social-media li a:hover i.fa-facebook{
	color: #003672;
	background: #FFF;
}

@media (max-width: 480px){
	.slimScrollBar{
		display: none !important;
	}
}

@media (max-width: 767px){
	.slimScrollDiv{
		height: auto !important;
	}
}

@media (max-width: 991px){
	.main-sidebar{
		position: relative;
		float: left;
		width: 100%;
	}
}

/*------------------------------------------------------
	Main Content
------------------------------------------------------*/

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.content-wrapper{
    margin-left: 300px;
    z-index: 820;
}

@media (max-width: 991px){
	.content-wrapper{
		margin-left: 0;
	}
}

/*------------------------------------------------------
	Footer
------------------------------------------------------*/

.footer-line{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FCB131;
	height: 5px;
	z-index: 9999;
}

.heading{
	border-bottom: 2px solid #017ACF;
	font-size: 18px;
	/*border-color: ;*/
}

.list-disk li{
	    list-style-type: square;
}