/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  background:url(../images/bg.jpg);
}

.clr{clear:both;}

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

#status {
  width: 110px;
  height: 110px;
  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.png);
  /* 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*/

.headertop{background:#e0e0e0; padding:7px;}

header{
background: url(../images/titlebg.jpg) no-repeat bottom right;
background-color:#ffffff;
padding:0 0 0 10px;
position:relative;
}

header > .headercontact { position:absolute; right:0; top:0; top:-15px; z-index:999;}
header > .headercontact > span {display:block; position:absolute; right:0; top:10px; font-size:16px; font-weight:bold; text-align:center; width:100%; color:#fffff; z-index:1000;}
header > .headercontact > span:before {content:""; padding:14px 20px 14px 0px; background:url(../images/phoneicon.png) no-repeat left;}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);

	font-size:22px;
	margin:0 5px;
	line-height: 1.1;
	font-family: 'Black And White Picture';
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(255, 255, 255);
	background:#2b324f;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgb(255, 255, 255);
    background: #2b324f;
	line-height: 0!important;
}

.navbar-toggler-icon {
    height: 1.4em;
}

.navbar-dark {
    border-bottom: solid 1px #ffffff;
	padding: 0 2px;
	background: rgb(80 200 249);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#25568e+1,3b72ab+100 */
/*background: rgb(37,86,142);
background: -moz-linear-gradient(top, rgba(37,86,142,1) 1%, rgba(59,114,171,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(37,86,142,1) 1%,rgba(59,114,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(37,86,142,1) 1%,rgba(59,114,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25568e', endColorstr='#3b72ab',GradientType=0 ); /* IE6-9 */
	}

.nav-brand > a {font-size:60px; text-decoration:none; color:#fd5d13; font-family: 'Black And White Picture'; margin-bottom:2px;}

.nav-brand:before {
	content:"";
	width:100px;
	height:100px;
	padding:40px 20px 35px 60px;
	}



h1 {font-size:38px; color:#ff4a11; font-family: 'Black And White Picture'; margin-bottom:2px;}

.modal-title{font-size:25px; color:#0d1648; font-family: 'Black And White Picture';}

.leftspace{margin-left:30px;}

#contentwrapper {position:relative; padding:2% 0;}
.content{text-align:justify; margin:5px 0 25px;}

.block{
	padding:10px;
	background:rgba(255,255,255,0.6);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.noticemarquee{display:none;}

.homenotice {
    position: absolute;
    font-weight: bold;
    font-size: 15px;
    background: #f49d19;
    border-radius: 12px;
    width: 25%;
    right: 10px;
    padding: 20px;
    top: -70px;
    z-index: 1000;
    background: -moz-linear-gradient(top, rgba(244,157,25,1) 0%, rgba(244,157,25,1) 37%, rgba(244,159,29,1) 38%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(244,157,25,1) 0%,rgba(244,157,25,1) 37%,rgba(244,159,29,1) 38%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, #53cafe 0%,#53cafe 37%,rgb(83 202 254) 38%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49d19', endColorstr='#00ffffff',GradientType=0 );
}

.homenotice > marquee > a{color:#383a42; display:block; margin-bottom:20px;}

.homenotice > h1{color:#ffffff; font-family: 'Black And White Picture';}


.noticedetails{margin-bottom:50px;}
.noticedetails > div{border-bottom:dashed 2px #000000; color:#000000; font-weight:bold; padding:10px;}
.noticedetails > div > a{background:#fd5d13; text-decoration:none; color:#ffffff; border-radius:4px; font-size:12px; padding:5px;}
.noticedetails > div > a:hover{background:#68a323;}

.readmore{background:#272e38; float:right; margin:10px 0 20px 10px; font-size:15px; color:#ffffff; width:100px; padding:2px 6px;}

.img-portfolio{

}


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


/*----------New Gallery-----------*/
.gallerycat {margin:0 0 30px;}
.gallerycat > .span{background:#f3e4bd; position:relative; display:block; color:#000; font-size:13px; font-weight:bold; padding:6px;
-webkit-box-shadow: 0px -4px 5px 1px rgba(0,0,0,0.34);
-moz-box-shadow: 0px -4px 5px 1px rgba(0,0,0,0.34);
box-shadow: 0px -4px 5px 1px rgba(0,0,0,0.34);
}
.gallerycat > .span > a > .img{margin-bottom:10px; height:250px; width:100%;}
.gallerycat > .span > a > .img:hover{transform:scale(1.04); transition:ease-in all 0.5s;}
.gallerycat > .span > .frameborder1{position:absolute; top:-7px; left:-10px;}
.gallerycat > .span > .frameborder2{
	position:absolute; bottom:0px; right:-10px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	transform: rotate(180deg);
}
.gallerycat > .span > a{color:#900;}
.gallerycat > .span > div {padding:0 10px 15px; height:35px; text-align:center;}
.gallerycat > .span > .title1 {text-align:center; color:#900;}

.btn-read, .btn-read:hover {
        background: transparent;
        border-radius: 0;
        border: 1px solid #ffffff;
        color: #fff;
		margin-top:20px;
    }

.gallery-section{
border:0;
-webkit-box-shadow: 7px 10px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 7px 10px 5px 0px rgba(0,0,0,0.22);
box-shadow: 7px 10px 5px 0px rgba(0,0,0,0.22);
margin:20px 0;
}	
	
.section-box-nine{
        height: 240px;
        background: #000;
        color: #fff;
        position: relative;
        overflow:hidden;
		margin-bottom:20px;	
    }
	
	figure {
		display:none;
    }
	
	figure h3{
		color:#ffffff;
		font-size:16px;
    }
	
    .section-box-nine:hover figure {
		display:block;
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
		z-index:2000;
    }
    .section-box-nine img, .section-box-nine iframe{
		width: 100%;
        height: 100%;
		object-fit:cover;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-nine:hover img, .section-box-nine:hover iframe{
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        opacity: 0.1;
    }	
/*----------New Gallery End-----------*/

/*----------Video Gallery-----------*/
.img-portfolio2 > .image {
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.5);
    padding: 10px!important;
}
.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-----------*/

.footertop{
	background:url(../images/footerbg.png) repeat-x bottom left;
	padding:36px 0;
}

footer{
background:#50c8f9;	
color:#000000;
}

.news{background:#dca543; padding:5px 10px; font-weight:bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dca543+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(220,165,67,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(220,165,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(220,165,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dca543',GradientType=1 ); /* IE6-9 */

}
.news > marquee, .news > marquee > a{color:#ff0000; font-family:arial;}


.admissiontitle{font-size:18px; color: #ff4a11; font-weight:bold;}
.admission > div > div{margin:10px 0; color:#ff4a11;}
.admission > div > div > input, .admission > div > div > textarea, .admission > div > div > select {border:dashed 1px #ff4a11;}


.btn-danger {
    color: #fff;
}

.form-control {
    color: #150c0c;
    background:none;
	border:0;
    border-bottom: 1px solid #7b2c22;
	border-radius:0;
}

::-webkit-input-placeholder { /* Edge */
  color: #2b324f!important;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #2b324f!important;
}

::placeholder {
  color: #2b324f!important;
}

.btn-warning {
    color: #212529;
    background-color: #dca543;
    border-color: #dca543;
}

.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link
{
	border: none;
    padding: 5px 15px;
    color:#fff;
	font-size:25px;
    background:#9ec81e;
    border-radius:0;
    font-family: 'Black And White Picture';
}


nav > div a.nav-item.nav-link.active
{
	border: none;
    color:#000000;
    background:#f5ba54;
    border-radius:0;
}


nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -50px;
  left: -25%;
  border: 15px solid transparent;
  border-top-color: #f5ba54;
}
.tab-content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

    line-height: 25px;
    border:0;
    border-top:5px solid #f5ba54;
    padding:20px!important;
    width: 100%;
}

.tab-content>.active {
  
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #f5ba54;
    color:#000000;
    border-radius:0;
    transition:background 0.20s linear;
}

.imgfloat{float:left; padding:0 10px 10px 0;}

.fa1 {
  padding: 5px;
  font-size: 35px!important;
  width: 46px;
  height: 46px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 10px 2px 0;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffd457!important;
	background:#034e6d;
	transition:ease all 0.5s;
	text-decoration:none;	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-linkedin {
    background: #ff4a11;
    color: #ffffff!important;
}


@media (max-width: 991px) {
.navbar-dark .navbar-nav .nav-link {
    line-height: 1.1;
    border-bottom: dashed 1px #ffffff;
	padding-left:10px;
}

.homenotice{
display:none;
}

.leftspace{margin-left:0;}

.noticemarquee{
	display:block;
	padding:10px;
	background:rgba(255,255,255,0.6);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.noticemarquee > marquee > a{color:#40012c;}
}


@media (max-width: 800px) {
h1{font-size:25px;}
}

@media (max-width: 800px) {

header{
background: none;
background-color:#ffffff;
padding:0 0 0 10px;
position:relative;
}


header > div{padding:2px 0; background:none;}
.nav-brand > a {font-size:40px;}

}

@media (max-width: 800px) {
.table {
    width: 1000px;
    margin-bottom: 1rem;
    color: #212529;
}
}

@media (max-width: 670px) {
.nav-brand > a {font-size:30px; padding-top:10px; display:block;}
.nav-brand:before {
	padding:20px 29px;
	}

header > .headercontact { position:absolute; right:0; top:0; top:-15px; z-index:999;}
header > .headercontact > img {width:250px; height:40px;}

header > .headercontact > span {display:block; position:absolute; right:0; top:2px; font-size:14px; font-weight:bold; text-align:center; width:100%; color:#fffff; z-index:1000;}
header > .headercontact > span:before {content:""; padding:14px 10px 14px 10px; background:url(../images/phoneicon.png) no-repeat left;}

}

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


@media (max-width: 480px) {
.nav-brand > a {font-size:30px; padding-top:20px; display:block;}
.nav-brand:before {
	content:"";
	width:200px;
	height:130px;
	padding:14px 45px 44px 29px;
	}

header > .headercontact { position:absolute; right:0; top:0; top:-12px; z-index:999;}
header > .headercontact > img {width:250px; height:34px;}

header > .headercontact > span {display:block; position:absolute; right:0; top:2px; font-size:14px; font-weight:bold; text-align:center; width:100%; color:#fffff; z-index:1000;}
header > .headercontact > span:before {content:""; padding:14px 10px 14px 10px; background:url(../images/phoneicon.png) no-repeat left;}


}