/*!
 * 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.5);
  /* change if the mask should have another color then white */
  z-index: 2000;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  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*/

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

header{
padding:5px 0 5px 10px;
background: #2b324f;
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:22px; font-weight:bold; text-align:center; width:100%; color:#fffff; z-index:1000;}
header > .headercontact > span:before {content:""; padding:14px 14px 14px 19px; background:url(../images/phoneicon.png) no-repeat left;}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	margin:0 5px;
	line-height: 1.1;
}

.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(220, 165, 67);
/* 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:50px; text-decoration:none; color:#ffffff; font-family: 'Cinzel'; margin-bottom:2px;}


h1 {font-size:45px; color:#ff4a11; font-family: 'Cinzel'; margin-bottom:2px;}

.modal-title{font-size:35px; color:#0d1648; font-family: 'Cinzel';}

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


.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;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f49d19+0,f49d19+37,ffffff+100&1+0,1+38,0+100 */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,157,25,1) 0%,rgba(244,157,25,1) 37%,rgba(244,159,29,1) 38%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49d19', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

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

.homenotice > h1{color:#ffffff; font-family: 'Cinzel';}

.noticemarquee{
	display:none;
}

.img-portfolio2{
	margin:0 0 20px 0;
	width:100%;
}


.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;
}

.img-portfolio2 > .image > h5{
	display:block;
	height:20px;
	margin:0 0 10px;
	padding:5px 0;
	color:#a93122;
	font-size:16px;
	text-align:left;
}

.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;
}

.img-portfolio2 > .image > span > a > img{
	object-fit:cover;
	width:100%;
	height:100%;
	border:solid 2px #ffffff;
	transition:ease all 0.5s;
}

.img-portfolio2:hover img{
	transform:scale(1.1);
}

.img-portfolio2 > .image > h5{
	background:#ffffff;
	width:80%;
	height:35px;
	font-size:14px;
}

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

footer{
color:#28186a;
background:#cccccc;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
}

footer a{
color:#28186a;
}


.footernav{
   position:relative;
   width:100%;
   margin:5px 0 0 0;
   padding:3%;
   background-color:#e6e6e6;
   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:dashed 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;}

footer > div > p > a {color:#000000;}

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

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

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#000000;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-whatsapp, .fa1-globe, .fa1-map-marker {
  background: #0862a8;
  color:#ffffff!important;
}

.fa1-whatsapp {
  background: #15bd3b;
}

.fa1-youtube{
 background: #dc1001;
}

.fa1-globe{
 background: #007bff;
}

.fa1-map-marker{
	background: #fb2e2e;
}


.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter, .fa2-youtube, .fa2-search-plus {
  color:#ffffff!important;
}



.btn-danger {
    color: #fff;
    background-color: #7b2c22;
    border-color: #dc3545;
}

.form-control {
    color: #000000;
    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: 10px 25px;
    color:#fff;
	font-size:25px;
    background:#272e38;
    border-radius:0;
}


nav > div a.nav-item.nav-link.active
{
	border: none;
    padding: 10px 25px;
    color:#fff;
	font-size:25px;
    background:#dca543;
    border-radius:0;
}


nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -20%;
  border: 15px solid transparent;
  border-top-color: #dca543 ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border:0;
    border-top:5px solid #dca543;
    padding:30px 25px!important;
}

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


.noticeboarddetails > div > div{font-size:15px; margin:10px 0;}
.noticeboarddetails > div > div > a{
color:#ffffff; background-color:#900; padding:7px 0; margin-top:0; 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 > div > a:hover{text-decoration:none;}

.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;}


@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;
}

.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/#f49d19+0,f49d19+37,ffffff+100&1+0,1+38,0+100 */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,157,25,1) 0%,rgba(244,157,25,1) 37%,rgba(244,159,29,1) 38%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49d19', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.noticemarquee > h1{color:#ffffff;}

.noticemarquee > marquee > a{color:#061e86;}


}


@media (max-width: 800px) {
h1{font-size:21px; text-align:left; font-weight:bold;}
}

@media (max-width: 800px) {
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:39px; padding-top:40px; display:block;}

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:22px; font-weight:bold; text-align:center; width:100%; color:#fffff; z-index:1000;}
header > .headercontact > span:before {content:""; padding:14px 14px 14px 19px; background:url(../images/phoneicon.png) no-repeat left;}

}

@media (max-width: 480px) {
.nav-brand > a {font-size:30px; padding-top:25px; display:block;}

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:18px; font-weight:bold; text-align:center; width:100%; color:#fffff; z-index:1000;}
header > .headercontact > span:before {content:""; padding:14px 14px 14px 19px; background:url(../images/phoneicon.png) no-repeat left;}

}