html, body {
  max-width: 100%;
    overflow-x: hidden;
    font-family: 'Oswald', sans-serif;

    }

    
body {

font-size:16px;
line-height:1.5em;
	background-position: top center;
	background-repeat: no-repeat;
	    background-size: cover;
	    background-color: #000000;
	    color: #2a2018;
	    overflow-x: hidden;
    background-attachment: fixed;
		background: url('img/bg.jpg');
		font-family: 'Oswald', sans-serif;
		font-weight: 700;


}






a:link {
	color:#d6a432;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#f8a147;
	}
a:active {
	text-decoration: none;
	color: #d6a432;
}



a:visited {
	color:#d6a432;
	text-decoration: none;
}







.navbar-inverse {
  background-color: #090c2b;
color: #ffffff;
border-bottom: solid 1px gray;
font-size:18px;
}



.list-inline>li {
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
    
}











p {
    
    font-size: 1.1em;
    line-height: 1.7em;
    color: #999;
    
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #000000;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: transparent;
    color: #fff;
    transition: all .3s;
}



#sidebar.active {
    margin-left: -250px;
    margin-top:-2px;
}

#sidebar .sidebar-header {
    padding: 20px;
background:transparent;}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 0px solid #47748b;
    font-size:30px;
     margin-top:95px;
        background: #000000;
        line-height: 1em;
}





#sidebar ul.components a:visited {
color: #d6a432;
}






ul.sidesubmenu {
	font-size:15px;
	color:#ffffff;
	line-height: 1em;
	font-weight: 300;
	
}

ul.sidesubmenu a:visited {
color: #ffffff;
	
}




#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;

}
#sidebar ul li a:hover {
    color: #000000;
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #d6a432;
}





a[data-toggle="collapse"] {
    position: relative;
}

#sidebar a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}




div.contentboxes a[aria-expanded="true"]::before {
    content: '\e259';
    display: none;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}




/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}


    #sidebar {
        margin-left: -250px;
        z-index: 1000;
        position: fixed;
    }
	    #sidebar.active {
        margin-left: -2px;
    }






ul.sidesubmenu a {
	font-size:15px;
	color:#ffffff;
	line-height: 1em;
}





ul.sidesubmenu {
	font-size:15px;
	color:#ffffff;
	line-height: 1em;
	font-weight: 300;
	
}


#pageSubmenu2 a:hover {
color: #000000 !important;
	
}


ul.sidesubmenu a:visited {
color: #ffffff !important;
	
}


ul.sidesubmenu a:hover {
color: #000000 !important;
	
}








img.homeadmat {
}


#customElement {
            width: 100%;
            height: 400px;
            background: rgba(81, 150, 191, 0.60);
            position: relative;
            top: 0;
            left: 0;
            z-index: 0;
            background: url("assets/ytplayer_img.jpg") no-repeat center center;
            background-size: cover;
            
}

div.admatrow {z-index: 90;
	position: relative;
	padding:60px;margin-top:-150px;
	padding-bottom:20px;
	
}





.navbartext {
	
	    
font-size:30px;
color:#ffffff;
margin-right:-40px;
}

button {
	background-color:#d6a432;
	border:0px;
	padding:4px;
	color:#000000;}


button:hover {
	background-color:#cccccc;
	border:0px;
	color:#000000;}




button.pink {
	background-color:#ec0a8d;
	border:0px;
	color:#000000;
}


button.pink:hover {
	background-color:#cccccc;
	border:0px;
	color:#000000;}





pink {
	color:#ec0a8d;
}





div.mobileheader {
	display:none;
	
}








@media (max-width: 480px) {
	

	
div.mobileheader {
	display:block;
	            height: 230px;
	            padding-top:60px;

}        
        #customElement {
display: none;
}



img.homeadmat {
	border: 0px;
}

}




div.features {
	padding:0px;
	margin:0px;
	
}




/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity:.7;
}

figure {

	overflow: hidden;
}






.countdown {
font-size:40px;
line-height:.5em;
color:#ffffff;}


#digits {
font-size:80px;
}

#digittitles {
font-size:30px;
}


ul.count li {
width:50px;
margin-right:40px;
text-align:center;}

.titlebig {font-size:60px;
line-height: .8em;
color:#ffffff;
}


#countmobile {display:none;}
#countdesk {display:;
}





.countdownmain {
margin-left:7px;}





div.countdownbanner {
			background: url('img/banner_countdown.png');
			background-repeat: no-repeat;
width:600px;
padding:10px;
padding-top:10px;
margin-top:-6px;
margin-bottom: 50px;
}

div.countdowntitle {
	color:#ffffff;
	font-size:20px;
	margin-top:40px;
	}

gold {
	color:#d6a431;
}

.goldcounttitles {
	color:#d6a431;
	font-size:26px;
}







a.pinkbutton:link {
	background-color:#ec0a8d;
	color: #000000;
	text-decoration: none;
	padding:1px 4px 1px 4px;
	border-radius:5px;
	margin-bottom:10px;
	font-size:20px;
	width: 260px;


}
a.pinkbutton:visited {
	background-color:#ec0a8d;
	color: #000000;
	text-decoration: none;
	
}
a.pinkbutton:hover {
	background-color:#ffffff;
	color: #000000;
	text-decoration: none;
	}
a.pinkbutton:active {
	background-color:#ec0a8d;
	color: #ffffff;
	text-decoration: none;
}










div.contentboxes {
	background-color:#434343;
	padding:15px;
	margin-bottom:30px;
	text-align: left;
	font-family: 'Oxygen', sans-serif;
	font-size:16px;
}


div.contentboxes h {
			font-family: 'Oswald', sans-serif;
			font-size:22px;
			font-weight:400;
			text-transform: uppercase;	
			color: #d2d2d2;	

}



div.contentboxessidebyside {
	min-height:450px;
	}

.contentheader {
	display:block;
	background-color:#866822;
	color:#e3b958;
	font-weight: 400;
	font-size:40px;
	padding:15px;
}








div.boxheaders {
padding:10px;
background-color:#000000;
color:#d6a431;
font-weight:300;
font-size:22px;
text-align:left;

}




div.boxheaders:hover {
padding:10px;
background-color:#2e2e2e;
color:#d6a431;
font-weight:300;
font-size:22px;
text-align:left;

}





div.bodytext {
	padding:20px;
	background:white;color:black;margin-bottom: 10px;
}




.pagetitle {
	background-color: #d6a432;
	padding: 5px 10px 5px 10px;
	font-size:40px; 
}

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



div.websitetext {
	font-weight:300;
	color:#ffffff;
	font-size:20px;
}


div.bandname {
	display: block;
	font-size:30px;
	padding: 10px 5px 10px 5px;
	font-weight:400;
	  white-space: nowrap;
	  overflow: hidden;

}

div.bandnamelong {
	display: block;
	font-size:20px;
	padding: 10px 5px 10px 5px;
	font-weight:400;
	  white-space: nowrap;
	  overflow: hidden;

}




.massive {
	font-size:170px;
	font-weight:700;
}


.massivesub {
	font-size:120px;
	font-weight:700;
}


ul.breadcrumb {
	background:none;
	
}


ul.breadcrumb a:visited{
color:#d6a432;	
}


a.bandlink:link {
	display: block !important;width:100%;
	color:#ffffff;
}




a.bandlink:visited {
	display: block !important;width:100%;
	color:#ffffff;
}


div.boxes div img {padding:3px;}

div.boxes div {margin-bottom:7px;}


.filter {
  margin: 0px 0 10px;
}

.filter a {
  display: inline-block;
  padding: 10px;
  border: 2px solid #333;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
    background: #ec0a8d;
    color:#000000;
    font-weight: 700;
}

.filter a:hover {
  display: inline-block;
  padding: 10px;
  border: 2px solid #333;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
    background: #82094f;
    color:#ffffff;
    font-weight: 700;
}


.boxes {
  display: flex;
  flex-wrap: wrap;
}

.boxes a {
  width: 23%;
  border: 0px solid #333;
}

.all {
  background: transparent;
  border:0px solid #ffffff;
    margin-bottom: 10px;
}

.friday {
 background: transparent;
  border:0px solid #ffffff;
    margin-bottom: 10px;

}


.bandhovers {
	background:#333;
}

.bandhovers:hover {
	background:#d6a432;
	-o-transition: opacity .0s ease-in-out;
-ms-transition: opacity .0s ease-in-out;
-moz-transition: opacity .0s ease-in-out;
-webkit-transition: opacity .0s ease-in-out;
transition: opacity .0s ease-in-out;
}





.saturday {
 background: transparent;
  border:0px solid red;
  margin-bottom: 10px;}

.sunday {
 background: transparent;
  border:0px solid blue;
    margin-bottom: 10px;}

.filter a.active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #333 transparent transparent transparent;
}

.is-animated {
  animation: .6s zoom-in;
}

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}