/*!
 * 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)
 */

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
 
 body {
padding:0;
margin:0;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #ff3115;
	--white-color: #ffffff;
	--black-color: #000000;
}

.btn-danger{background:var(--theme-color)!important;}

#contentwrapper {
	padding:3% 0 4%;
}

.homepagegap{margin-top:20%;}

h1,h2{font-size:26px; margin-bottom:20px; padding:7px 20px; font-family: "Oswald", sans-serif; background:var(--theme-color)!important; color:#ffffff; display:inline-block; clear:both; border-radius:20px;}

.modal-title{font-family: "Oswald", sans-serif; color:var(--theme-color); font-size: 20px!important;}

.headertop{background:var(--black-color)!important; text-align:right; padding:6px 10px;
}

.headertop .fa_link {
  padding:5px 5px 20px 3px;
  font-size: 17px!important;
  width: 23px;
  height: 22px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 0 2px 0;
  color:#ffffff!important;
}

.headertop .fa_link_facebooks {
background:var(--theme-color)!important;
}

.headerresponsive{display:none;}
.header{display:block;}

header{background-color:#ffffff; padding:20px 20px 10px;}
header span{font-size:15px; font-family: "Oswald", sans-serif;}
header span strong{font-size:16px;}
header span i{color:var(--theme-color)!important; font-size:63px;}

h2>a {
    padding:0 0 0 10px;
	color:#ffffff;
	font-family: 'Anton'; font-size: 38px;
	text-decoration:none;
}

h2>a:hover {color:#ffffff; text-decoration:none;}

.nav-link {
    padding: .2rem 1rem;
}

.navbar-dark .navbar-nav .nav-link {
    color:#b9b2b2;
	border:solid 4px transparent;
	font-size:16px;
	font-family: "Oswald", sans-serif;
	text-transform:uppercase;
	margin:0;
	padding:13px 10px;
	transition:ease all 0.5s;
}

.navbar-dark .navbar-nav .nav-link:hover {
	background:var(--theme-color)!important;
	color:#ffffff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: #111547;
    background:var(--theme-color)!important;
}


.navbar-dark {
    position: relative;
    padding:1px 10px;
    background:#111111;
	}
	
.navbar-dark .rightblock{
    background:var(--theme-color)!important;
	position: absolute;
	right:0; top:0; width:100px; height:60px; z-index:100;
text-align:center; padding-top:16px; color:#ffffff;	
	}

.navbar-dark .header_border {
    position: absolute; right:0; bottom:0; z-index:1000;
	}	
	
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    background-color:var(--theme-color)!important;
	color: #ffffff;
}	

.navbar-toggler {
    padding:2px 5px;
}

.dropdown-item {
    font-size:16px;
	border-bottom:solid 1px #cccccc;
	font-family: "Oswald", sans-serif;
}

.dropdown-item:last-child {border-bottom:0;}

.dropdown-item:hover {
    background-color:var(--theme-color)!important;
	color:#ffffff;
}

.container-fluid {
    padding-right:0;
    padding-left:0;
}

.icon{color:var(--theme-color)!important}

.modal {z-index: 3000;}

/*==========PRESIDENT DESK==========*/
.president_wrapper{
position:absolute; width:100%; left:0; right:0; margin:auto; z-index:1000; bottom:-70%;
}
.president_wrapper .block{
background:rgba(0,0,0,0.8); color:#ffffff;
width:98%; margin:0 auto 10px; padding:20px; height:320px;
border-radius:20px;
-webkit-box-shadow: 0px -4px 5px 0px rgba(255,48,21,1);
-moz-box-shadow: 0px -4px 5px 0px rgba(255,48,21,1);
box-shadow: 0px -4px 5px 0px rgba(255,48,21,1);
}
.president_wrapper .block i{
color:var(--theme-color)!important;
}
.president_wrapper .block a{
color:#ffffff;
}

.president_wrapper strong{
font-family: "Oswald", sans-serif; font-size:22px; font-weight:300;
}

.readmore{padding:3px 5px; font-weight:bold; font-size:13px; border-radius: 15px; text-decoration:none!important;}
/*==========PRESIDENT DESK END==========*/

.notice p{-webkit-box-shadow: -7px -4px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -7px -4px 5px 0px rgba(0,0,0,0.25);
box-shadow: -7px -4px 5px 0px rgba(0,0,0,0.25); padding:10px 20px; border-radius:30px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ff3115+69,ff3115+100&0+0,0+70,1+99 */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,49,21,0) 69%, rgba(255,49,21,0) 70%, rgba(255,49,21,1) 99%, rgba(255,49,21,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,49,21,0) 69%,rgba(255,49,21,0) 70%,rgba(255,49,21,1) 99%,rgba(255,49,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,49,21,0) 69%,rgba(255,49,21,0) 70%,rgba(255,49,21,1) 99%,rgba(255,49,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff3115',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

/*GALLERY FORMAT 1*/
.imagegallery1{text-align:center; color:#7b7b7b;}
.imagegallery1 img{width:90%; height:300px;  padding:3px;
-webkit-box-shadow: 0px -2px 5px 4px rgba(0,0,0,0.21);
-moz-box-shadow: 0px -2px 5px 4px rgba(0,0,0,0.21);
box-shadow: 0px -2px 5px 4px rgba(0,0,0,0.21);
}
.imagegallery1 h3{font-size:15px; font-weight:bold; padding-top:10px; font-family: "Oswald", sans-serif;}
.imagegallery1 h4{font-size:13px; padding-bottom:20px;}
/*GALLERY FORMAT 1 END*/

/*GALLERY FORMAT 2*/
.imagegallery2{text-align:center; color:#7b7b7b;}
.imagegallery2 .block{padding:10px 4px; width;90%; margin:auto; margin-bottom:20px;
-webkit-box-shadow: 0px -2px 5px 4px rgba(0,0,0,0.21);
-moz-box-shadow: 0px -2px 5px 4px rgba(0,0,0,0.21);
box-shadow: 0px -2px 5px 4px rgba(0,0,0,0.21);
}
.imagegallery2 img{width:100%; height:180px;  padding:3px;}
.imagegallery2 h3{font-size:15px; font-weight:bold; padding-top:10px; font-family: "Oswald", sans-serif;}
.imagegallery2 h4{font-size:13px; padding-bottom:2px;}
/*GALLERY FORMAT 2 END*/


/*==========GALLERY SECTION==========*/
.gallery img {
	width:100%;
	height:300px;
}

.gallery > div > div {
    padding: 6px;
    margin: 10px auto;
    width: 100%;
	height:315px;
    position: relative;
	overflow: hidden;
	border:solid 2px #000000;
}

.gallery > div > div > div > h6 {
	display:none;
	bottom:0; left:0;
	opacity:0;
}

.gallery > div > div > div > a >img {
    transform: scale(1);
    transition: ease-out 0.3s;
}

.gallery > div > div > div:hover h6 {
    padding:5px 0 0;
    width:99%;
	height: 40px;
	line-height:20px;
    font-weight: bold;
	display:block!important;
    color: #ffffff;
	background:rgba(0,0,0,0.6);
	position:absolute;
	bottom:-10px; left:0;
	z-index:1000;
	opacity:1;
	transition:ease all 0.4s;
}

.modal-body img{float:left; padding:10px; border:solid 2px #cccccc; margin:0 10px 10px 0; width:350px; height:auto;}

/*==========GALLERY SECTION END==========*/

/*==========ENQUIRY FORM==========*/
.form-control{background:none; border:0; border:solid 1px #000000;}
.btn-primary{background:var(--theme-color)!important; color:#ffffff; border:0;}
/*==========ENQUIRY FORM END==========*/

/*==========footer ==========*/
footer{background:var(--black-color)!important; color:#b9b2b2; font-weight:bold; font-size:14px;}

.music{background:url(../images/music_bg.webp) fixed top; background-attachment: fixed;
  background-position: center; padding:10%;}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:3% 3% 0;
   background:url(../images/footerbg.jpg) fixed top;
   background-attachment: fixed;
  background-position: center;
   color:#b9b2b2; 
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none;}
.footernav ul li a{padding:5px 0 5px 4px; color:#b9b2b2; display:block; text-decoration:none; font-family: "Oswald", sans-serif; font-weight:300;}
.footernav ul li a:hover{color:#ff5722;}

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

.footernav strong{text-transform:uppercase; font-family: "Oswald", sans-serif; font-weight:300;}

.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;}
/*==========footer end==========*/

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

.map{margin:50px 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:#ffffff;
	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-search-plus {
  background:var(--theme-color)!important;
  color:#ffffff!important;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  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;}
/*==========social link end==========*/
/*==========footer end ==========*/

/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .grid-container { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .grid-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991px) {
	
header {
    background-color: #ffffff;
    padding:0;
}	
	
.navbar-dark .rightblock{display:none;}	
	
.homepagegap{margin-top:0;}

.president_wrapper{
position:relative; margin-top:20px;
}

.president_wrapper .block{height:auto!important; border-radius:0;}

.navbar-dark {
	background:none;
    background-color:#ffffff;
	position:relative;
	}		
	
	
.navbar-dark .navbar-nav .nav-link  {
	border:0;
	background:#111111;
	border-bottom:solid 1px;
	font-size:12px;
	padding:5px;
	margin:0 3px;
	transition:ease all 0.5s;
}

.navbar-dark .navbar-nav .nav-link:hover  {
	border:0;
	border-radius:0;
	transition:ease all 0.5s;
}

.customcontainer {
    max-width:100%;
}

.headertop{border-bottom:solid 1px #ffffff;}

header > div{
	padding:15px 0;
	width:100%;
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
}

/*GALLERY FORMAT 1*/
.imagegallery1 img{height:auto;}
/*GALLERY FORMAT 1 END*/

/*GALLERY FORMAT 2*/
.imagegallery2 img{height:auto;}
/*GALLERY FORMAT 2 END*/

}

@media (max-width: 800px) {
.navbar{position:relative!important; z-index:1000; width:100%;
}

.modal-body img{float:none; padding:10px; display:block; margin:auto; border:solid 2px #cccccc; margin-bottom:10px;}

}

@media (max-width: 660px) {
.navbar-dark .navbar-toggler {
    margin-top:0;
}

.gallery > div > div {
    width: 100%;
	height:auto;
}
.gallery img {
	width:100%;
    height:auto;
}

}


@media (min-width: 992px){
.container {
    max-width: 95%;
}
}

@media (min-width: 768px){
.container {
    max-width: 95%;
}
}