/*
 Theme Name:     NPAD - NUGZ BAND
 Theme URI:      http://www.nugzband.com
 Description:    Customized Theme for NUGZ BAND designed and developed by Nickolas Productions & Designs (NPAD).
 Author:         NickolasPAD
 Author URI:     http://www.nickolaspad.com/software
 Version:        1.0.0
*/

/*================= CHANGING THEME ELEMENTS ========================*/
article {
	width: 420px;
	height: auto;
	padding-bottom: 10px;
	border: 1px solid #FFFFFF;
	border-radius: 15px;
	background: rgba(37, 0, 51,0.9);
    opacity: 1;
	position: fixed;
	display: block;
	color: #FFFFFF;
    font-family: Open Sans, sans-serif;
	font-size: 14px;
	color: white;
	overflow-x: hidden;
	overflow-y: hidden;
}
.modaltitle {
	width: 400px;
	border-bottom: 1px solid white;
	margin-bottom: 20px;
	padding: 10px 0px;
	padding-left: 20px;
	font-size: 16px;
	color: ivory;
	/*background-image: rgba(19, 0, 26,0.9);*/
	background-image: linear-gradient(to left,rgba(0,0,252,0),rgba(0,0,252,0.5));
	background-image: -webkit-linear-gradient(to left,rgba(0,0,252,0),rgba(0,0,252,0.5));
	cursor: move;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.mediatitle {
	width: 400px;
	border-bottom: 1px solid white;
	margin-bottom: 5px;
	padding: 10px 0px;
	padding-left: 20px;
	font-size: 16px;
	color: ivory;
	/*background-image: rgba(19, 0, 26,0.9);*/
	background-image: linear-gradient(to left,rgba(0,0,252,0),rgba(0,0,252,0.5));
	background-image: -webkit-linear-gradient(to left,rgba(0,0,252,0),rgba(0,0,252,0.5));
	cursor: move;
	user-select: none;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#themelist {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 135px; max-height: 520px;
	margin-left: 0px;
	margin-bottom: -3px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 35px;
	padding-bottom: 10px;
	cursor: pointer;
	background: #600080;
	background: rgba(0,0,0,0.9);
	border: 1px solid #999999;
	border-radius: 5px;
	vertical-align: middle;
	overflow-x: none;
	overflow-y: scroll;
	display: none;
}
.themeslist li.disabled, ul li.disabled:hover {
	font-size: 14px;
	font-weight: normal;
	color: yellow;
	cursor: pointer;
}
.themeslist li {
	cursor: pointer;
	text-shadow: 5px 5px 15px #000000;
	-webkit-text-shadow: 0 0 20px 4px #000000;
	-moz-text-shadow: 0 0 20px 4px #000000;
	list-style: none;
	height: auto;
	margin-bottom: 5px;
}
.themeslist li:hover {
	color: yellow;
	cursor: pointer;
}
#themelisttext {
	display: inline-block;
    font-size: 15px;
}
#themelist img {
	width: 25px; height: 18px;
	margin-left: 5px;
	margin-right: 5px;
	border: 0px solid yellow;
	opacity: 1;
	vertical-align: middle;
	margin-top: -4px;
}
#chosentheme {
        display: inline-block;
        width: 120px; height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        vertical-align: top;
        color: #999999;
}
/*#choosetheme {
	position: fixed;
	bottom: -3px;
	left: 0px;
	width: 100px; height: 15px;
	margin-left: 30px;
	background: #333333; /*#600080;*//*
	padding: 5px;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 5px;
	font-size: 12px;
	cursor: pointer;
	z-index: 2;
}*/
#choosetheme p {
	margin-top: 22px;
	margin-left: 35px;
}
#choosetheme {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100px; height: 100px;
	margin-bottom: -50px;
	margin-left: -50px;
	background: #333333;
	padding: 0px;
	text-align: center;
	border: 2px solid yellow;
	border-radius: 100px;
	font-size: 18px;
    box-shadow: 1px -1px 20px 10px #222222;
	cursor: pointer;
	z-index: 2;
}
#choosetheme:hover {
	color: yellow;
}
#chosentheme p {
    padding: 5px;
}
#cms p {
	margin-top: 22px;
	margin-right: 35px;
}
#cms {
	position: fixed;
    bottom: 0px;
	right: 0px;
	width: 100px; height: 100px;
	margin-bottom: -50px;
	margin-right: -50px;
	background: #333333;
	padding: 0px;
	text-align: center;
	border: 2px solid yellow;
	border-radius: 100px;
	font-size: 18px;
    box-shadow: -1px -1px 20px 10px #222222;
	cursor: pointer;
	z-index: 2;
}
/*#cms {
	position: fixed;
    bottom: -3px;
	right: 0px;
	width: 100px; height: 15px;
	margin-right: 30px;
	background: #333333; /*#600080;*//*
	padding: 5px;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 5px;
    font-size: 12px;
	cursor: pointer;
	z-index: 2;
}*/
#cms:hover {
	color: yellow;
}

/*================= ALL ELEMENTS & ANIMATIONS ======================*/
* {
	margin: 0px;
	padding: 0px;
}
hr {
	opacity: 0.3;
}
/* Safari 8.0 + */
@keyframes jiggle {
  0% { transform: rotate(-20deg); }
  100% { transform: rotate(1deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@font-face {
    font-family: 'Bangers';
    font-weight: 400;
    src: url('/wp-content/themes/npad-nugz-band/fonts/Bangers/Bangers-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DS-DIGI';
    src: url('/wp-content/themes/npad-nugz-band/fonts/ds_digital/DS-DIGI.TTF') format('truetype');
}

/*=========================== SITE ================================*/
.nugzloader {
	position: fixed;
	top: 50%;
	margin-left: 50%;
	margin-top: -5px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	color: black;
	z-index: -1;
	cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
h1 {
	font-family: Bangers;
	font-size: 100px;
	width: 300px; height: auto;
	opacity: 0.2;
    text-shadow: 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0); 
}
h4 {
	margin-left: 0px;
	font-size: 18px;
	opacity: 0.1;
	color: #CCCCCC;
}
#inputforcopy {
	position: fixed;
	display: block;
	border: 1px solid white;
	top: 0; left: 0;
	opacity: 0.0;
}
.fullscreen {
	display: block;
	visibility: visible;
}
.morethemes {
	display: none;
}
.backstage {
	display: none;
}
.preload {
	display: none;
}
.stage:before {
	background: black;
}
#leflight {
	position: relative;
}
#leftbottomlight {
	z-index: 0;
	position: absolute;
	width: 100px;
	height: 130%;
	left: 0px;
	top: 30%;
	margin-left: 0px;
	background: linear-gradient(to bottom ,rgba(252,252,252,0.0),rgba(252,252,252,0.6));
	-webkit-transform: perspective(50px) skewX(-50deg);
	-moz-transform: perspective(200px) rotateX(-50deg) skew(256deg);
}
#rightbottomlight {
	z-index: 0;
	position: absolute;
	width: 100px;
	height: 130%;
	right: 0px;
	top: 30%;
	margin-right: 0px;
	background: linear-gradient(to bottom ,rgba(252,252,252,0.0),rgba(252,252,252,0.6));
	-webkit-transform: perspective(50px) skewX(50deg);
	-moz-transform: perspective(200px) rotateX(50deg) skew(256deg);
}
.stage {
	position: fixed;
	display: none;
	top: 0; bottom: 0; left: 0; right: 0;
 	width: 100%; height: 100%;
	/*background: url('images/crowd.png') no-repeat center bottom fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%; height: 100%;*/
	z-index: -1;
}
.stageinstruments {
	position: fixed;
	display: block;
	left: 0px; right: 0px;
	padding-left: auto;
	padding-right: auto;
	width: 99%; height: auto;
	bottom: 15%;
	border: 0px solid white;
	text-align: center;
	background-size: cover;
	overflow-x: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
    z-index: 1;
}
#stagekeys {
	display: inline-block;
	position: relative;
	width: 150px; height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-right: 6%;
	bottom: 90px;
	text-align: left;
	vertical-align: bottom;
}
#stagekeys img {
	width: 150px; height: auto;
	opacity: 0.7;
	pointer-events: auto;
}
#stagekeys img:hover {
	opacity: 1;
	cursor: pointer;
	z-index: 1;
}
#stagekeys img:first-child {
	display: none;
	position: relative;
	width: 67px;
	margin-left: auto;
	margin-right: auto;
	bottom: -30px;
	left: -5px;
	z-index: -1;
	opacity: 0.9;
}
#stagekeys img:first-child:hover {
	opacity: 0.9;
}
#stageguitar {
	display: inline-block;
	position: relative;
	width: 120px; height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-right: 6%;
	bottom: 0px;
	vertical-align: bottom;
}
#stageguitar img {
	width: 100px; height: auto;
	opacity: 0.7;
	pointer-events: auto;
	z-index: 1;
	padding-top: 100px;
}
#stageguitar img:hover {
	opacity: 1;
	cursor: pointer;
}
#stageguitar img:last-child {
	display: none;
	position: absolute;
	width: 110px; height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	left: 80px;
	bottom: 0px;
	opacity: 1;
}
#stageguitar img:last-child:hover {
	opacity: 1;
}
#stagedrums {
	display: inline-block;
	position: relative;
	width: 240px; height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0%;
	bottom: 0px;
	vertical-align: bottom;
}
#stagedrums img {
	width: 240px; height: auto;
	opacity: 0.7;
	pointer-events: auto;
}
#stagedrums img:hover {
	opacity: 1;
	cursor: pointer;
}
#stagedrums img:first-child {
	display: none;
	position: relative;
	width: 60px;
	margin-left: auto;
	margin-right: auto;
	bottom: -45px;
	left: 5px;
	z-index: -1;
	opacity: 1;
}
#stagedrums img:first-child:hover {
	opacity: 1;
}
#stagebass {
	display: inline-block;
	position: relative;
	width: 150px; height: auto;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	bottom: 0px;
	vertical-align: bottom;
}
#stagebass img {
	width: 90px; height: auto;
	opacity: 0.7;
	pointer-events: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	left: 30px;
	padding-top: 40px;
}
#stagebass img:hover {
	opacity: 1;
	cursor: pointer;
}
#stagebass img:last-child {
	display: none;
	position: absolute;
	width: auto; height: 235px;
	margin-left: auto;
	margin-right: auto;
	left: 45px; bottom: 0px;
	z-index: 2;
	opacity: 1;
}
#stagebass img:last-child:hover {
	opacity: 1;
}
#crowd  {
	position: fixed;
	bottom: 0px;
	margin-bottom: -25px; margin-left: 0px; margin-right: 0px;
 	width: 100%; height: auto;
	pointer-events: none;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
	z-index: 2;
}
#crowd img {
	width: 100%; height: auto;
	max-height: 380px;
}
article, section, header, body, aside, footer {
	display: block;
}
body {
	display: flex;
	position: fixed;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	font-family: Open Sans, sans-serif;
	color: #FFFFFF !important;
	background: linear-gradient(to bottom right, #000000, #00001a);
	background: #111111;
	width: 100% !important; height: auto !important;
	overflow: hidden;
/*  -webkit-touch-callout: none; /* iOS Safari */
/*    -webkit-user-select: none; /* Safari */
/*     -khtml-user-select: none; /* Konqueror HTML */
/*       -moz-user-select: none; /* Old versions of Firefox */
/*        -ms-user-select: none; /* Internet Explorer/Edge */
/*            user-select: none; /* Non-prefixed version, currently */
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: yellow;
	/*text-decoration: underline;*/
}
.preload {
	display: none;
}
#homepagebackground {
	position: fixed;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: 100%; height: 100%;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#marquee {
	position: fixed;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: 100%; height: 100%;
	z-index: -2;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#homepagebackground div {
	position: fixed;
	top: 50%; left: 50%;
	width: auto; height: auto;
	margin-top: 50px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	color: #000066;
	font-family: Bangers;
	font-size: 120px;
	opacity: .9;
    text-shadow: 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0); 
	cursor: default;
}
#marquee div {
	position: fixed;
	top: 50%; left: 50%;
	width: auto; height: auto;
	margin-top: 50px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	color: #000066;
	font-family: Bangers;
	font-size: 120px;
	opacity: .9;
    text-shadow: 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0), 0 0 5px rgb(255,255,0); 
	cursor: default;
}
#showtime span:nth-child(1) {
	font-size: 20px;
}
#homepagebackground > .countdown {
	width: 300px;
	margin-left: 0px;
	margin-top: 85px;
	font-family: Bangers;
	font-size: 20px;
	color: white;
	text-align: center;
	text-shadow: 2px 0 3px rgb(0,0,82), 2px 0 3px rgb(0,0,82), 2px 0 3px rgb(0,0,82), 2px 0 3px rgb(0,0,82);
}
.countdown:last-child {
	font-size: 10px;
	font-style: italic;
	color: white;
	text-shadow: 2px 0 3px rgb(0,0,82), 2px 0 3px rgb(0,0,82), 2px 0 3px rgb(0,0,82), 2px 0 3px rgb(0,0,82);
}
h3 {
	position: relative;
	top: 0px; left: 0px;
	width: 300px; height: auto;
	line-height: 10px;
	font-size: 100px;
}
h8 {
	position: relative;
	top: -45px; left: 0px;
	width: auto; height: 20px;
	line-height: 20px;
	font-size: 24px;
}
.box {
	/*background: url('') no-repeat center center fixed;*/
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	position: fixed;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: 100%; height: 100%;
	overflow: none;
	opacity: 0.7;
	z-index: -1;
/*  -webkit-touch-callout: none; /* iOS Safari */
/*    -webkit-user-select: none; /* Safari */
/*     -khtml-user-select: none; /* Konqueror HTML */
/*       -moz-user-select: none; /* Old versions of Firefox */
/*        -ms-user-select: none; /* Internet Explorer/Edge */
/*            user-select: none; /* Non-prefixed version, currently */
}
#background {
	display: none;
	position: fixed;
	width: 100%; height: 146px;
	top: 0;
    background: url('/wp-content/themes/npad-nugz-band/music/NUGZ/nugzalbumjacket.jpg') no-repeat center middle fixed;
    background-position: center -50%;
    box-shadow: 0px 5px 15px #000000;
	opacity: 0.5;
	z-index: -1;
	overflow: none;
}
#headerlogo {
	display: block;
	position: fixed;
	width: 75px; height: 75px;
	float: left;
	top: 25px; left: 20px;
	border: 2px solid #00004d; /*#600080; #d9d9d9;*/
	border-radius: 75px !important;
	color: yellow;
	background: black;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
	z-index: 4;
}
#headerlogo:hover {
	cursor: pointer;
	border: 2px solid yellow !important;
	color: yellow;
}
#logotext {
	position: relative;
	margin-left: -5px;
	font-family: Bangers !important;
	font-size: 32px !important;
	text-align: center;
	line-height: 75px;
	z-index: 3;
	opacity: 1;
	-webkit-text-stroke: 2px black;
}
#headerlogobackground {
	position: absolute;
	top: 0px; left: 0px;
	width: 75px; height: 75px;
	transform: rotate(-10deg);
	opacity: 0.6;
	z-index: 2 !important;
	background: url('/wp-content/themes/npad-nugz-band/images/nugzlogoround100.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#checkboxandmenusounds {
	float: right;
	display: block;
	visibility: visible;
	position: fixed;
	top: 3px;
	right: 9px;
	z-index: 3;
	cursor: pointer;
	color: yellow;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#checkboxandmenusounds:hover {
	font-style: underline;
}
#pianopref {
	margin-top: 5px;
	cursor: pointer;
}
#menusounds {
	display: inline-block;
	position: relative;
	margin-left: 5px;
	font-size: 10px;
	cursor: pointer;
}
.hiddenmenus {
	display: none;
	visibility: hidden;
	position: absolute;
	top: 55px;
    width: 40px; height: 40px;
	float: right;
	margin-right: 55px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-radius: 5px;
	cursor: pointer;
	background-color: #111111;
	z-index: 4;
}
.hiddenmenus:hover {
	color: yellow;
	border-left: 3px solid #808000;
	border-right: 1px solid #808000;
	border-bottom: 1px solid #808000;
	border-top: 1px solid #808000;
}
.hiddenmenus:hover div {
	border-bottom: 1px solid yellow;
}
.hiddenmenus div {
	border-bottom: 1px solid #808000;
	width: 34px; height: 1px;
	margin: 4px auto;
	line-height: 20px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#menu {
	display: block;
	position: fixed;
	float: right;
	padding: 0px;
	top: 0px; right: 10px;
	font-size: 12px;
	list-style: none;
	z-index: 1;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
/*#menu > li + li::after {
    content:"";
    background: #000000;
    position: absolute;
    bottom: 60%;
    left: 0;
    margin-left: -10px;
    height: 40%;
    width: 20px;
}*/
#blackkeys {
    position: fixed;
	display: none;
	float: right;
    top: 0px; right: 99px;
    width: 420px; height: 60px;
    z-index: 1;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#blackkeys div {
    position: relative;
 	display: inline-block;
    margin: 0px 20px;
    left: 32px;
    height: 100%;
    width: 25px;
	box-shadow: 0px 5px 15px #000000;
   	background: linear-gradient(to bottom left, #000000, #404040);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#blackkeys div:nth-child(3) {
	background: none !important;
	box-shadow: none;
}
#menu li {
	display: inline-block;
	position: relative;
	width: 40px;
	padding: 66px 10px;
	margin: 0px -1px;
	background: none;
	text-align: center;
}
#menu li:hover {
	color: yellow;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	padding: 66px 9px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
#menu li:nth-child(6) {
	padding-left: 3px;
	padding-right: 17px;
}
#menu li:nth-child(6):hover {
	padding-left: 2px;
	padding-right: 16px;
}
#menu li:nth-child(5) {
	padding-right: 17px;
}
#menu li:nth-child(5):hover {
	padding-right: 16px;
}
#menu li:nth-child(3) {
	padding-right: 17px;
}
#menu li:nth-child(3):hover {
	padding-right: 16px;
}
.mute {
	display: block;
	width: 20px;
	margin: 0px auto;
	background: #003300;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	padding: 2px 3px;
	font-size: 8px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.mute:hover {
	background: #003300;
	color: yellow; 
	border: 1px solid #000033;
}
footer {
        position: fixed;
        z-index: 2 !important;
        left: 0px;
        bottom: 0px;
        margin: 0px auto;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#infobox {
        position: fixed;
        top: -3px;
        left: 0px;
        width: 100px; height: 15px;
        margin-left: 30px;
        margin-right: auto;
        background: #660000;
        padding: 5px;
        text-align: center;
        border: 1px solid #999999;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;
}
#songinfo {
    position: fixed;
    top: -3px; left: 0px; right: 0px;
    width: 350px; height: auto;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 10px;
    cursor: pointer;
    font-size: 10px;
	background: rgba(0,0,0,0.9);
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	z-index: 14;
	overflow: none;
    cursor: move;
    display: none;
}
#songinfo img {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 5px;
    width: 75px; height: auto;
    opacity: 0.8;
	border: 1px solid white;
	border-radius: 3px;
    cursor: pointer;
}
#songinfo img:hover {
	border: 1px solid yellow;
}
#songdata {
	float: left;
	left: 100px; right: 0px; top: 0px;
	display: inline-block;
	width: 200px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 12px;
	vertical-align: top;
	color: #FFFFFF;
	position: absolute;
}
#songdata p {
	font-size: 16px;
	font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
  	overflow: hidden;
}
#songdata p span {
	width: 95%;
	font-weight: normal;
}
#path {
	font-weight: normal;
    padding-left: 5px;
}
#location {
	padding: 5px;
	font-style: italic;
}
#url {
	top: 20px;
}
#url a {
	color: white !important;
    cursor: pointer;
}
#url a:hover {
	color: yellow !important;
}
#url span {
	color: white !important;
    cursor: pointer;
}
#url span:hover {
	color: yellow !important;
}
#legend {
	position: fixed;
	bottom: 0; right: 0;
	margin-right: 120px;
	margin-bottom: 12px;
	padding: 10px 10px;
	padding-left: 35px;
	width: 142px; height: auto;
	font-size: 10px;
	background: rgba(0,0,0,1);
	background-image: linear-gradient(#333333, #111111);
	opacity: 0.8;
	border: 0px solid #CCCCCC;
	pointer-events: none;
}
.enterstageleft {
	position: fixed;
	float: left;
	left: 10px;
	top: 0px;
	font-size: 10px;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	opacity: 0.8;
	display: none;
}
.enterstageleft:hover {
	opacity: 1;
}
.intermissionstatus {
	display: inline-block;
	float: left;
	position: relative;
	top: 4px;
	width: 5px; height: 5px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: red;
}
#logo {
	position: fixed;
    bottom: -3px;
	right: 0px;
	width: 250px; height: 80px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: 0px;
    font-size: 10px;
	background: #600080;
	background: rgba(0,0,0,0.9);
	border: 1px solid #999999;
	border-radius: 5px;
	display: none;
}
#logo img:nth-child(1) {
	float: left;
	position: absolute;
	margin-top: 10px; margin-left: 20px;
	width: 55px; height: 55px;
	opacity: 0.9;
	transform: rotate(-10deg);
	cursor: default;
}
#copyright {
	position: absolute;
	float: right;
	top: 0px; bottom: 0px; right: 15px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
    margin-top: 8px;
	vertical-align: top;
	color: #FFFFFF;
    position: top;
	z-index: 1;
	cursor: default;
}
#copyright img:nth-child(1) {
	float: right;
	position: absolute;
	top: 10px; right: -15px;
	width: 80px; height: 40px;
	opacity: 0.4;
	z-index: -1;
}
#copyright p {
	padding: 2px;
}
#thesecret {
	font-size: 12px;
	margin-top: 2px;
	margin-left: -20px;
	color: yellow;
	cursor: pointer;
	visibility: hidden;
	z-index: -1;
}
#thesecret:hover {
	color: red;
}
#thesecret img {
	float: left !important;
	width: 50px !important; height: 12px !important;
	margin-top: 48px !important; margin-right: 35px !important;
	opacity: 1 !important;
	z-index: 1 !important;
	transform: rotate(0deg) !important;
}
#thesecret img:hover {
	cursor: pointer;
}
.Xclose {
	float: right;
	margin-top: -20px;
	font-size: 20px;
	padding: 10px;
}
.Xclose:hover {
	color: yellow;
	cursor: pointer;
}
#termslink {
	cursor: pointer;
}
#termslink:hover {
	color: yellow;
	cursor: pointer;
}
#terms {
	width: auto; height: 300px;
	cursor: pointer;
	background: rgba(17,17,17,0.9) !important;
	font-size: 12px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 80px;
	padding-right: 80px;
	border-top: 1px solid yellow;
	overflow-y: scroll;
	text-align: justify;
	display: none;
}
#terms p {
	padding-bottom: 20px;
}
#terms b {
	font-size: 16px;
}
#morethemes {
	position: absolute;
	float: left;
	top: 2px; left: 10px;
	font-size: 10px;
	font-weight: normal;
	cursor: pointer;
	z-index: 1;
	color: #999;
	padding: 5px;
}
#morethemes:hover {
	color: yellow;
}
#closethemes,
#closecopyright {
	position: absolute;
	float: right;
	top: 2px; right: 10px;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
	z-index: 1;
	color: #999;
	padding: 5px;
}
#closethemes:hover,
#closecopyright:hover {
	color: yellow;
}
/* input[type='range'] {
    	-webkit-appearance: none !important;
    	background: #999999;
    	height: 4px;
}
input[type='range']::-webkit-slider-thumb {
    	-webkit-appearance: none !important;
    	background: #0099CC;
    	height:14px;
    	width:14px;
	border-radius: 5px;
} */
#playertab {
	top: 0px;
	width: auto; height: auto; /*width: 150px; height: 30px;*/
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	/*-webkit-animation: fadeIn 5s infinite; /* Safari 4.0 - 8.0 
	-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 
	animation: fadeIn 5s infinite;
	animation-delay: 1s;
    animation-timing-function: ease-in-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) 
	opacity: 0;*/
}
h2 {
	font-size: 38px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	color: #9900cc;
	-webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: white;
}
.h7 {
	font-family: Bangers;
	font-size: 24px;
	font-weight: normal;
	color: yellow;
    text-shadow: 0 0 4px rgb(255,255,0), 0 0 4px rgb(255,255,0), 0 0 4px rgb(255,255,0), 0 0 4px rgb(255,255,0); 
	color: #000066;
	cursor: default;
	display: none;
}
h6 {
	font-size: 12px;
    text-shadow: 0 0 2px rgb(0, 0, 102), 0 0 2px rgb(0, 0, 102), 0 0 2px rgb(0, 0, 102), 0 0 2px rgb(0, 0, 102); 
	color: yellow;
	cursor: default;
	display: none;
}
.bodyTitle {
	top: 40px;
	left: 110px;
	width: auto;
	position: fixed;
	display: block;
	color: #FFFFFF;
    font-family: Open Sans, sans-serif;	
	font-size: 36px;
	font-style: bold;
	/*text-shadow: 2px 2px 8px #000000;*/
	margin-bottom: 25px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.bodyTitle img {
	height: 52px; width: auto;
	bottom: -20px;
	display: none;
}
/*.links {
	position: relative;
	top: 30px;
	font-size: 22px;
	width: auto;
}
.links span:hover {
	color: yellow;
    cursor: pointer;
}*/
.closeBody {
	float: right;
	position: absolute;
	top: 9px;
	right: 12px;
	width: 20px; height: 20px;
	font-size: 18px;
	text-align: center;
	border: 0px solid #FFFFFF;
	border-radius: 20px;
	line-height: 20px;
	color: white;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.closeBody:hover {
    cursor: pointer;
	color: yellow;
}
.closeBody:first-child {
	padding: 5px;
}
.growBody {
	float: right;
	position: absolute;
	top: 10px;
	right: 42px;
	width: 15px; height: 13px;
	font-size: 8px;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	border-radius: 2px;
	line-height: 10px;
	color: white;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.growBody:hover {
    cursor: pointer;
	color: yellow;
	border: 1px solid yellow;
	border-top: 3px solid yellow;
}
.hideBody {
	float: right;
	position: absolute;
	top: 11px;
	right: 77px;
	width: 15px; height: 14px;
	font-size: 20px;
	text-align: center;
	border-top: 3px solid #FFFFFF;
	line-height: 14px;
	color: white;
}
.hideBody:hover {
    cursor: pointer;
	color: yellow;
	border-top: 3px solid yellow;
}
.fontSizes {
	float: right;
	position: absolute;
	top: 10px;
	right: 109px;
	width: 81px; height: 15px;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	color: white;
}
.decreaseFont {
	display: inline-block;
 	position: relative;
	float: left;
	left: 0px;
 	top: 0px;
 	width: 40px; height: 15px;
 	text-align: center;
	color: white;
	font-size: 8px;
	line-height: 17px;
	background: #000033;
	border-right: .5px solid #FFFFFF;
  	border-radius: 4px 0px 0px 4px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.increaseFont {
	display: inline-block;
 	position: relative;
	float: left;
	right: 0px;
 	top: 0px;
 	padding-top: 2px;
 	width: 40px; height: 13px;
 	text-align: center;
	color: white;
	font-size: 12px;
	line-height: 13px;
	background: #000033;
	/*border-left: .5px solid #FFFFFF;*/
  	border-radius: 0px 4px 4px 0px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.decreaseFont:hover {
    cursor: pointer;
	color: yellow;
}
.increaseFont:hover {
    cursor: pointer;
	color: yellow;
}

/* Music/Photos/Videos windows */
.musiccontent {
	position: relative;
	top: 0px;
	padding: 0px 0px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 100%; height: 370px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.musiccontent img  {
	border: 1px solid white;
	width: 115px; height: 110px;
	border-radius: 5px;
}
.musiccontent img:hover  {
	border: 1px solid yellow;
	cursor: pointer;
}
.mediacontent {
	position: relative;
	top: 0px;
	padding: 0px 0px;
	padding-bottom: 10px;
	margin-right: 0px;
	width: 100%; height: 420px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: justify;
}
.photos .mediacontent {
	height: 360px;
}
.videos .mediacontent {
	height: 320px;
}
.mediacontent img {
	width: 175px; height: 195px;
	margin-right: 5px;
	padding-bottom: 5px;
	border: 0px solid white;
}
.mediacontent img:first-child {
	left: 5px;
}
.mediacontent img:last-child {
	right: 5px;
}
#musicWindowPlaylist  {
	margin-top: 5px;
	margin-left: 15px;
	width: 100%;
}
#musicWindowPlaylist li {
	display: inline-block;
	width: 110px; height: 110px;
	padding: 5px 8px;
	list-style: none;
	text-align: center;
	font-size: 10px;
	cursor: pointer;
}
#musicWindowPlaylist li div:nth-child(2)  {
	overflow-x: hidden;
	font-size: 10px;
	width: 110px;	
}
.favsTag {
	position: absolute;
	margin-top: 102px;
	margin-left: 95px;
	width: 12px; height: 12px;
	line-height: 10px;
	font-size: 10px;
	text-align: center;
	border: 1px solid white;
	border-radius: 12px;
	background: red;
	padding: 5px 5px;
	color: white;
	cursor: default;
}
.cartTag {
	display: none;
	position: absolute;
	float: right;
	top: 0px; right: 0px;
	margin-top: 45px;
	margin-right: 0px;
	width: 12px; height: 12px;
	font-size: 10px;
	text-align: center;
 	line-height: 10px;
	border: 1px solid yellow;
	border-radius: 12px;
	background: blue;
	padding: 5px 5px;
	color: yellow;
}
.addtocartbutton {
	width: 50px; height: 16px;
} 
.paypallogo {
	display: none;
	position: absolute;
	width: auto; height: auto;
	float: right;
	right: 0px;
	padding-right: 20px;
	top: 0px;
	text-align: center;
}
.paypallogo img {
	width: 30px; height: auto;
}
.paypallogo:hover {
	cursor: pointer;
}
#nugzfontsmall {
	position: absolute;
	border: 0px solid white;
	margin-left: 2px; 
	margin-top: 12px; 
	width: 38px; height: auto;
	cursor: default;
}
#nugzfontsmall img {
	border: 0px solid white;
	width: 38px; height: auto;
}
/* Band/Contact/Merch/Shows/Social windows */
.gofullscreen {
	position: relative;
	font-size: 8px;
}
.gofullscreen:hover {
	color: yellow;
}
.modalcontent {
	position: relative;
	padding: 0px 20px;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 380px; height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: justify;
}
.band .modalcontent {
	height: 375px;
}
.showscontent {
	position: relative;
	padding: 0px 20px;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 380px; height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
.showscontent div {
	border: 0px solid gray;
	overflow-x: hidden;
	overflow-y: hidden;
}
.merchcontent {
	position: relative;
	padding: 0px 20px;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 380px; height: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
.bandcircle {
	position: relative;
	display: inline-block;
	width: 90px; height: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: center;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.bandcircle:hover {
	color: yellow;
	cursor: pointer;
}
.bandcircle img {
	width: 75px; height: 75px;
	border: 2px solid white;
	border-radius: 75px;
}
.bandcircle img:hover {
	cursor: pointer;
	border: 2px solid yellow;
}
.bandcircle i {
	font-size: 10px;
}
.opencontactwindow {
	color: white;
}
.opencontactwindow:hover {
	color: yellow;
	cursor: pointer;
}
/*.modalcontent img:first-child {
	left: 15px;
}
.modalcontent img:last-child {
	right: 15px;
}
.modalcontent ul {
	list-style: none;
	margin-bottom: 10px;
}
.modalcontent ul li {
	cursor: pointer;
	display: inline-block;
}
.modalcontent ul li:hover {
	color: yellow;
}
.modalcontent div:nth-child(1) {
	font-size: 8px;
}
.modalcontent div:nth-child(1) {
	font-size: 12px;
}
*/
.logosmall {
	display: inline-block;
	padding-left: 20px;
	padding-right: 10px;
}
.logosmall img {
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	animation-name: jiggle;
  	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
	animation-timing-function: ease;
}
.logosmall img:hover {
	cursor: default;
}
.social .logosmall img {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	animation-name: none;
}
.windowheadertext {
	display: inline-block;
	float: right;
	margin-right: 20px;
	width: 260px;
}
.merchpublic,
.merchfurtive {
	display: inline-block;
	float: right;
	margin-right: 30px;
	width: 260px;
}
.bandHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 380px; height: 140px;
	padding: 0px 5px;
}
/* 
.bandHeaderArea {
	position: absolute;
	left: 20px; right: 0px; 
	width: 380px; height: 140px;
	padding: 0px 5px;
	background-color: #333333;
	z-index: 2;
}
 */
.musicHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 380px; height: 80px;
	padding-right: 0px;
	padding-left: 20px;
	margin-top: 15px;
	margin-right: 10px;
	padding-bottom: 10px;
	text-align: justify;
	font-size: 12px;
	cursor: default;
}
.musicHeaderArea img {
	border: 0px solid white !important;
}
.photosHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 380px; height: 80px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 15px;
	margin-right: 10px;
	padding-bottom: 10px;
	text-align: justify;
	font-size: 12px;
	cursor: default;
}
.videosHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 380px; height: 80px; 
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 15px;
	margin-right: 10px;
	text-align: justify;
	padding-bottom: 10px;
	font-size: 12px;
	cursor: default;
}
.showsHeaderArea {
	position: relative;
	right: 0px;
	width: 370px; height: 100px; 
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: justify;
	font-size: 12px;
	cursor: default;
}
.contactHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 370px; height: 100px; 
	padding-bottom: 20px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: justify;
	font-size: 12px;
	cursor: default;
}
.merchHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 370px; height: 100px; 
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: justify;
	font-size: 12px;
	cursor: default;
}
.socialHeaderArea {
	position: relative;
	left: 0px; right: 0px; 
	width: 370px; height: 100px; 
	padding-bottom: 10px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: justify;
	font-size: 12px;
	cursor: default;
}
#nextflyer {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 355px; height: auto;
	border: 0px solid white;
	text-align: left;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
}
#nextflyer div {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	width: 230px; height: auto;
}
#nextflyer div > span:hover {
	cursor: default;
}
#nextflyer div span:nth-child(1) {
	color: yellow;
}
#nextflyer div span:nth-child(3) {
	color: #00FF00;
}
#nextflyer img {
	display: inline-block;
	width: 100px; height: 145px;
	border: 1px solid black;
	border-radius: 3px;
}
#nextflyer img:hover {
	cursor: pointer;
	border: 1px solid yellow;
}

#modal-flyer-content  {
	position: fixed;
	top: 0; bottom: 0; left: 12; right: 0;
	height: 100%; width: 100%;
}
#modal-flyer-content img {
	height: 100%; width: auto;
}
.modalslidecontent {
	position: absolute;
	width: 380px; height: auto;
	top: 55px; right: -100%;  /* -430px */
	padding: 0px 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
  -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
     -khtml-user-select: auto; /* Konqueror HTML */
       -moz-user-select: auto; /* Old versions of Firefox */
        -ms-user-select: auto; /* Internet Explorer/Edge */
            user-select: auto; /* Non-prefixed version, currently */
}
.showsslidecontent {
	position: absolute;
	width: 380px; height: auto;
	top: -5px; right: -100%;  /* -430px */
	padding: 0px 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow-x: hidden;
	overflow-y: hidden;
  -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
     -khtml-user-select: auto; /* Konqueror HTML */
       -moz-user-select: auto; /* Old versions of Firefox */
        -ms-user-select: auto; /* Internet Explorer/Edge */
            user-select: auto; /* Non-prefixed version, currently */
}
.productslidecontent {
	position: absolute;
	width: 380px; height: auto;
	top: -5px; right: -100%;
	padding: 0px 10px;
	margin-left: -5px;
	margin-right: 5px;
	margin-top: 50px;
	margin-bottom: 20px;
	overflow-x: hidden;
	overflow-y: scroll;
  -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
     -khtml-user-select: auto; /* Konqueror HTML */
       -moz-user-select: auto; /* Old versions of Firefox */
        -ms-user-select: auto; /* Internet Explorer/Edge */
            user-select: auto; /* Non-prefixed version, currently */
}
::-webkit-scrollbar {
	width: 2px; height: 2px;
}
::-webkit-scrollbar-thumb {
  	background:  yellow;
}
/*.modalcontent::-webkit-scrollbar, 
.productcontent::-webkit-scrollbar, 
.mediacontent::-webkit-scrollbar {
	width: 2px; height: auto;
}
.modalcontent::-webkit-scrollbar-thumb,
.productcontent::-webkit-scrollbar-thumb,
.mediacontent::-webkit-scrollbar-thumb {
 	background:  yellow;
}*/

/*.modalcontent::-webkit-scrollbar,
.showscontent::-webkit-scrollbar,
.modalslidecontent::-webkit-scrollbar,
.showsslidecontent::-webkit-scrollbar {
	width: 2px; height: auto;
}
.modalcontent::-webkit-scrollbar-thumb,
.showscontent::-webkit-scrollbar-thumb,
.modalslidecontent::-webkit-scrollbar-thumb,
.showsslidecontent::-webkit-scrollbar-thumb {
  	border: 2px solid yellow;
}*/
.bandScrollArea {
	position: relative;
	/*z-index: -1;*/
	font-size: 12px;
}
.musicianScrollArea {
	position: relative;
	/*z-index: -1;*/
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	text-align: justify;
}
.contactScrollArea {
	position: relative;
	/*z-index: -1;*/
	width: 380px;
	font-size: 12px;
	width: auto;
	margin-left: 10px;
}
.contactScrollArea div {
	position: relative;
	display: inline-block;
}
.contactitem {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	width: auto; height: 75px;
	text-align: left;
}
.socialScrollArea {
	position: relative;
	width: 380px;
	/*z-index: -1;*/
	font-size: 12px;
	text-align: left;
}
.socialScrollArea div {
	text-align: left; 
}
.musician {
	display: none;
	position: relative;
	top: 0px; left: 0px;
	width: 100%; height: 340px;
	margin-bottom: 20px;
	font-size: 24px;
	text-align: center;
	z-index: 1;
}
.product {
	display: none;
	position: relative;
	top: 0px; left: 0px;
	width: 380px; height: auto;
	margin-bottom: 20px;
	font-size: 24px;
	text-align: center;
	z-index: 1;
}
.musicianBg {
	position: absolute;
	left: 0px; top: -10px;
	width: 100%; height: auto;
	z-index: -1;
	opacity: 0.2;
}
.musicianBg img {
	width: 100%; height: 320px;
}
.flyers {
	display: none;
	position: relative;
	width: 380px; height: auto;
	padding-right: 18px;
	margin-bottom: 20px;
	font-size: 24px;
	text-align: center;
	z-index: 1;
}
.backarrowbutton {
	position: absolute;
	top: 0; left: 0;
 	width: 17px; height: 17px;
 	margin-top: 0px;
 	margin-left: 10px;
 	padding: 10px;
  	cursor: pointer;
  	z-index: 2;
}
.musician .arrow,
.product .arrow,
.flyers .arrow {
	position: relative;
 	width: 12px; height: 12px;
	margin-left: auto;
	margin-right: auto;
	border: solid white;
	border-width: 0 3px 3px 0;
 	transform: rotate(135deg);
  	-webkit-transform: rotate(135deg);
  	z-index: 2;
}
#bandmemberheader {
	display: block;
	position: relative;
	width: 100%; height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	margin-top: 10px;
	cursor: pointer;
}
#bandmemberheader > img {
	display: inline-block;
	position: relative;
	width: 200px; height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid white;
	border-radius: 400px;
	cursor: pointer;
}
#bandmemberheader > img:hover {
	border: 1px solid yellow;
}
#bandmemberheader i {
	font-size: 16px;
}
#cartheader {
	display: block;
	position: relative;
	width: 380px; height: auto;
	margin-left: -5px;
	margin-right: auto;
	top: 0;
	margin-top: 20px;
	cursor: default;
}
#productheader {
	display: block;
	position: relative;
	width: 380px; height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	margin-top: 20px;
	cursor: default;
}
#productheader img {
	display: inline-block;
	position: relative;
	width: 150px; height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 0px solid white;
	border-radius: 10px;
}
#productheader img:hover {
	border: 0px solid yellow;
	cursor: pointer;
}
#cartheader i,
#productheader i {
	font-size: 16px;
}
.flyerscrollarea {
	width: 380px; height: auto;
	overflow: none;
	cursor: default;
}
.merchScrollArea {
	position: relative;
	width: 380px; height: auto;
	margin-bottom: 20px;
	overflow: none;
	font-size: 14px;
	cursor: default;
}
.merchScrollArea img:hover {
	cursor: pointer;
}
.flyerscrollarea img {
	display: inline-block;
	position: relative;
	width: 100px; height: 150px;
	margin-left: 10px;
	margin-top: 20px;
	border: 1px solid white;
	border-radius: 3px;
	cursor: pointer;
	text-align: left;
}
.flyerscrollarea img:first-child {
	margin-left: 0px;
	margin-right: 10px;
}
.flyerscrollarea img:last-child {
	margin-left: 15px;
	margin-right: 0px;
}
.flyerscrollarea img:hover {
	border: 1px solid yellow;
}
.musician, .flyers {
	font-size: 12px;
}
#bandmemberheader,
.flyers div {
	font-size: 22px;
}
#bandmemberheader div {
	font-size: 14px;
}
#flyersheader {
	width: 100%; height: auto;
	font-size: 20px;
	padding-top: 15px;
}
#flyerarchives {
	font-size: 12px;
	margin-top: 5px;
	margin-right: 15px;
	text-align: right;
}
#flyerarchives:hover {
	color: yellow;
	cursor: pointer;
}
.band {
	top: 150px;
	left: 20px;
	z-index: 1;
	display: none;
}
.music {
	top: 190px;
	left: 20px;
	z-index: 1;
	display: none;
}
.photos {
	top: 230px;
	left: 20px;
	z-index: 1;
	display: none;
}
.videos {
	top: 270px;
	left: 20px;
	z-index: 1;
	display: none;
}
.shows {
	top: 150px;
	right: 20px;
	z-index: 1;
	display: none;
}
.contact {
	top: 190px;
	right: 20px;
	z-index: 1;
	display: none;
}
.merch {
	top: 230px;
	right: 20px;
	z-index: 1;
	display: none;
}
.social {
	top: 270px;
	right: 20px;
	z-index: 1;
	display: none;
}

/* merch window data */
#productsinfo {
	position: relative;
	width: 355px;
	min-height: 205px;
	height: auto;
	border: 0px solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
#products {
	position: relative;
	width: 380px;
	min-height: 205px;
	height: auto;
	border: 0px solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.merchitem {
	display: inline-block;
	width: 95px; height: auto;
	margin: 3px 3px;
	border: 0px solid #CCCCCC;
	padding: 10px;
}
.merchitem img {
	width: 75px; height: 75px;
}
/* product name (left) */
.merchitem div:first-child {
	width: auto;
}
/* product price (right) */
.merchitem div:last-child {
	width: auto;
	font-style: italic;
}
.merchitem:hover {
	cursor: pointer;
	opacity: 0.7;
}
.myFooter {
	width: 100%; height: 60px !important;
	bottom: 0px;
	position: fixed;
}
.slider {
	position: absolute;
 	left: 0px; right: 0px; 
 	bottom: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
    background-color: black;
    overflow: auto;
    white-space: nowrap;
}
/*#myModal3 .slider {
 	bottom: 0px;
}*/
.row {
	margin-top: 10px;
	margin-left: 28px;
}
.row > .column {
  padding: 8px;
  display: block;
  float: left;
}
.row1 {
	margin-top: 10px;
	margin-left: 20px;
}
.row1 > .column1 {
  padding: 0px 8px;
  display: block;
  float: left;
}
.row1 > .column2 {
  padding: 0px 8px;
  display: block;
  float: left;
}

/* Create  equal columns that float next to each other */
.column {
  width: 98px;
}
.column > img {
    border: 1px solid #FFFFFF;
}
.column > video {
    border: 1px solid #FFFFFF;
}

.column1 {
  	width: 110px; height: 85px;
  	border-radius: 3px;
}
.column1 > img {
  	width: 110px; height: 70px;
  	border: 1px solid #FFFFFF;
  	border-radius: 5px;
}
.column1 > img:hover {
  	border: 1px solid yellow;
}

.column2 {
  	width: 175px; height: 108px;
  	border-radius: 3px;
}
.column2 > img {
    border: 1px solid #FFFFFF;
}
.column2 > video {
  	width: 175px; height: 90px;
  	border: 1px solid #FFFFFF;
}

.column2 > video:hover {
  	border: 1px solid yellow;
}

.column2 > iframe {
  	width: 175px; height: 90px;
  	border: 1px solid #FFFFFF;
  	border-radius: 5px;
}
.column2 > iframe:hover {
  	border: 1px solid yellow;
}

/* The Large Modal (background) */
.imgmodal {
	display: none;
	position: fixed;
	z-index: 15;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: auto;
	height: 100% !important;
	background-color: rgba(0, 0, 0, 1.0);
}
#openProduct:-webkit-full-screen,
#openAlbumArt:-webkit-full-screen,
#myModal:-webkit-full-screen,
#myModal2:-webkit-full-screen,
#myModal3:-webkit-full-screen {
 	width: 100%;
  	height: 100%;
	z-index: 15;
}
/* Modal Content */
.modal-content {
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	width: 100%; height: 100%;
	/*z-index: 15;*/
}
#jacketlarge {
  	position: absolute;
  	top: 50%; right: 50%;
	width: auto; height: 100%; /*calc(100% - 60px);*/
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
}
#productlarge {
  	position: absolute;
  	top: 50%; right: 50%;
	width: auto; height: 100%; /*calc(100% - 60px);*/
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
}
/* Hide the slides by default */
.mySlides {
  	display: none;
  	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: auto; height: auto;
	max-width: 100%;
	max-height: 100%;
}
.mySlides img {
	position: absolute;
	width: auto; height: 100%; /*calc(100% - 60px);*/
  	top: 50%; right: 50%;
	/*z-index: 15;
	padding-bottom: 65px;*/
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
}
.myVideos {
  	display: none;
  	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: auto; height: auto;
	max-width: 100%;
	max-height: 100%;
}
.myVideos video {
	position: absolute;
	width: auto; height: 90%; /*calc(100% - 60px);*/
  	top: 50%; right: 50%;
	/*z-index: 15;*/
	padding-bottom: 65px;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
}
.myFlyers {
  	display: none;
  	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: auto; height: auto;
	max-width: 100%;
	max-height: 100%;
}
.myFlyers img {
	position: absolute;
	width: auto; height: 90%; /*calc(100% - 60px);*/
  	top: 50%; right: 50%;
	/*z-index: 15;*/
	padding-bottom: 65px;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
}
/* The Close Button */
.close {
	color: white;
	position: absolute;
	top: 15px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
	z-index: 16;
	width: 40px; height: 40px;
	text-align: center;
	line-height: 35px;
}
.close:hover,
.close:focus {
  color: yellow;
  text-decoration: none;
  cursor: pointer;
}

/* full screen button */
.fscreen {
	color: white;
	position: fixed;
	top: 20px;
	left: 20px;
	font-size: 15px;
	font-weight: bold;
	z-index: 18;
	width: 20px; height: 40px;
  	cursor: pointer;
	opacity: 0.8;
}
.fscreen:hover {
	cursor: pointer;
	opacity: 1;
}
.fscreen img {
	width: 30px; height: auto;
}
#myModal #slideshowplaybutton,
#myModal3 #slideshowplaybutton {
	position: fixed;
	left: 30px; bottom: 100px;
	width: 25px; height: 25px;
	z-index: 16;
}
.fa-play {
  	box-shadow: 0px 0px 20px 10px #222222;
	cursor: pointer;
}
#myModal #slideshowplaybutton:hover,
#myModal3 #slideshowplaybutton:hover {
	cursor: pointer;
	color: green;
}
#myModal #slideshowstopbutton,
#myModal3 #slideshowstopbutton {
	position: fixed;
	display: none;
	left: 30px; bottom: 100px;
	width: 25px; height: 25px;
	background: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	color: #000000;
	z-index: 16;
  	box-shadow: 0px 0px 20px 10px #222222;
}
#myModal #slideshowstopbutton:hover,
#myModal3 #slideshowstopbutton:hover {
	cursor: pointer;
	background: red;
}

/* nextslide & prevslide buttons */
.prevslide,
.nextslide {
  cursor: pointer;
  position: absolute;
  width: auto;
  top: 45%;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 16;
  -webkit-user-select: none;
}

/* Position the "nextslide button" to the right */
.nextslide {
  right: 0;
  margin-right: 20px;
  border-radius: 3px 0 0 3px;
}

/* Position the "next button" to the right */
.prevslide {
  left: 0;
  margin-left: 20px;
  border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */
.prevslide:hover,
.nextslide:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  position: absolute;
  bottom: 60px;
  left: 5px;
  width: 50px; height: 20px;
  z-index: 16;
  text-align: left;
}
/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
.demo {
  opacity: 0.6;
  width: 98px; height: 58px;
}
.active, {
  	opacity: 1;
	border: 1px solid #FFFFFF;
}
.demo:hover {
	border: 1px solid yellow;
	cursor: pointer;
  	opacity: 1 !important;
}

img.hover-shadow {
  	transition: 0.3s
}
.hover-shadow:hover {
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/* RESPONSIVE */
@media (max-width: 3000px) {
	.band, .music, .photos, .videos {
		left: 300px;
	}
	.shows, .contact, .merch, .social {
		right: 300px;
	}
}

@media (max-width: 1920px) {
	.band, .music, .photos, .videos {
		left: 100px;
	}
	.shows, .contact, .merch, .social {
		right: 100px;
	}
}

/* ipad landscape */
@media (max-width: 1366px) {
	.band, .music, .photos, .videos {
		left: 20px;
	}
	.shows, .contact, .merch, .social {
		right: 20px;
	}
}

@media (max-width: 1024px) {
	.mySlides img,
	#productlarge,
	#jacketlarge {
		width: 100%; height: auto;
	}
	.fscreen {
		display: none;
	}
}

@media (max-width: 820px) {
	#stagekeys {
		width: 130px; height: auto;
		bottom: 90px;
	}
	#stagekeys img:first-child {
		left: 10px;
	}
	#stageguitar {
		width: 100px; height: auto;
	}
	#stageguitar img:last-child {
		left: 40px;
	}
	#stagedrums {
		width: 210px; height: auto;
	}
	#stagedrums img:first-child {
		left: 25px;
	}
	#stagebass {
	}
}
@media (max-width: 800px) {
	.band,
	.music,
	.photos,
	.videos,
	.contact,
	.shows,
	.merch,
	.social {
		left: 0px; right: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	#headerlogo {
		top: 20px;
		left: 100px;
	}
	.bodyTitle {
		width: 250px;
		left: 0px; right: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.bodyTitle center {
		padding-top: 0px;
		margin-top: -10px;
	}
	.hiddenmenus {
		display: block;
		position: absolute;
		float: right;
		top: 35px; right: 20px;
		visibility: visible;
	}
	.hiddenmenus div {
		width: 36px; height: 1px;
		margin: 4px auto;
		line-height: 20px;
	}
	#blackkeys {
		display: none;
		visibility: hidden;
	}
	#menu {
		position: fixed;
		display: none;
		top: -530px;
		left: 0px; right: 0px;
		width: 100%; height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		position: fixed;
		border-top: 1px solid yellow;
		border-bottom: 1px solid yellow;
		background: none;
		z-index: 3;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	#menu li {
		display: block;
		padding: 0px 1px;
		margin: 0px !important;
		height: 50px !important;
		width: 100% !important;
		color: white;
		/*background: rgba(17, 17, 17,0.8);*/
		background: #00004d;
		font-size: 12px;
		line-height: 50px;
	}
	#menu li:hover {
		height: 50px !important;
		width: 100% !important;
		padding: 0px 0px  !important;
		margin: 0px !important;
		color: yellow;
		/*background: rgba(0, 0, 0,0.9);*/
		background: #000033;
	}
	#menu li:nth-child(6) {
		padding: 0px 1px;
		margin: 0px;
		height: 50px !important;
		width: 100% !important;
	}
	#menu li:nth-child(5) {
		padding: 0px 1px;
		margin: 0px;
		height: 50px !important;
		width: 100% !important;
	}
	#menu li:nth-child(3) {
		padding: 0px 1px;
		margin: 0px;
		height: 50px !important;
		width: 100% !important;
	}
	.cartTag:first-child {
		right: 20px;
		margin-top: 15px;
		margin-right: 0px;
	}
	
	article {
		position: relative;
		top: 0px;
		margin-top: 10px;
		width: 414px;
		margin-left: auto;
		margin-right: auto;
	}
	article:first-child {
		margin-top: 0px;
		margin-bottom: 0px;
		top: 0px;
	}
	.articleswrapper {
		position: absolute;
		left: 0px; top: 110px; right: 0px;
		padding-top: 5px;
		padding-bottom: 10px;
		padding-left: auto;
		padding-right: auto;
		width: 100%; height: auto;
		max-height: 80%;
		overflow-x: hidden;
		overflow-y: scroll;
		z-index: 1;
	}
}

/* ipad portrait */
@media (max-width: 768px) {
	#background {
		height: 130px;
	}
	.bodyTitle {
		height: 150px;
	}
	.stageinstruments {
		width: 100%; 
		bottom: 10%;
	}
	#stagekeys {
		width: 130px; height: auto;
		bottom: 90px;
	}
	#stagekeys img {
		width: 130px; height: auto;
	}
	#stageguitar {
		width: 100px; height: auto;
		bottom: 0px;
	}
	#stageguitar img {
		width: 90px; height: auto;
	}
	#stagedrums {
		width: 120px; height: auto;
		left: -15px;
		bottom: 0px;
	}
	#stagedrums img {
		width: 210px; height: auto;
	}
	#stagedrums img:first-child {
		left: 45px;
	}
	#stagebass {
		width: 130px; height: auto;
		bottom: 0px;
	}
	#stagebass img {
		width: 80px; height: auto;
	}

	#themelist {
		max-height: 420px;
		overflow-y: scroll;
	}
	.hiddenmenus {
		display: block;
		position: absolute;
		float: right;
		top: 40px; right: 20px;
		visibility: visible;
	}
	.hiddenmenus div {
		width: 36px; height: 1px;
		margin: 4px auto;
		line-height: 20px;
	}
	/*.photos {
		position: relative;
		left: 0px;
		right: 0px;
		top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		height: 150px;
		margin-bottom: 20px;
	}
	.videos {
		position: relative;
		left: 0px;
		right: 0px;
		top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		height: 150px;
		margin-bottom: 20px;
	}*/
	.column {
	  width: 177px;
	}
	.column img {
	  width: 175px;
	}
	.slider .column {
	  width: 100px;
	}
	.slider .column img {
	  width: 98px;
	}
	.close {
		border: 0px solid #FFFFFF;
	}
}

/* iphone landscape */
@media (max-width: 736px) {
	#terms {
		height: 200px;
		padding-left: 60px;
		padding-right: 60px;
	}
	.mySlides img,
	#productlarge,
	#jacketlarge {
		width: auto; height: 100%;
	}
	article {
		position: relative;
		margin-top: 10px;
		width: 414px;
		margin-left: auto;
		margin-right: auto;
	}
	article:first-child {
		margin-top: 0px;
		margin-bottom: 0px;
		top: 0px;
	}
	.articleswrapper {
		position: absolute;
		left: 0px; top: 110px; right: 0px;
		padding-top: 5px;
		padding-bottom: 10px;
		padding-left: auto;
		padding-right: auto;
		width: 100%; height: auto;
		max-height: 80%;
		overflow-x: hidden;
		overflow-y: scroll;
		z-index: 1;
	}
	.bodyTitle {
	}
	.bodyTitle center {
		padding-top: 0px;
		margin-top: -10px;
	}
	.contact,
	.shows,
	.merch,
	.social {
		/*left: 20px; right: 0px;
		margin-left: 140px; margin-top: 0px;*/
	}
	/*.photos {
		width: 420px;
	}
	.videos {
		width: 420px;
	}*/
	.close {
		/*border: 1px solid #FFFFFF;
		border-radius: 40px;*/
	}
	.hiddenmenus {
		top: 40px;
		right: 20px;
	}
	
	.stageinstruments {
		width: 100%; 
		bottom: 5%;
	}
	.stageinstruments div {
		padding-right: 0%;
		padding-left: 0%;
	}
	#stagekeys {
		width: 70px;
		bottom: 60px;
	}
	#stagekeys img {
		width: 70px;
	}
	#stagekeys img:first-child {
		width: 30px;
		left: -10px;
		bottom: -10px;
	}
	#stageguitar {
		width: 75px; height: auto;
		bottom: 0px;
	}
	#stageguitar img {
		width: 55px; height: auto;
	}
	#stageguitar img:last-child {
		width: 60px;
		left: 40px;
	}
	#stagedrums {
		width: 100px; height: auto;
		bottom: 0px;
	}
	#stagedrums img {
		width: 140px; height: auto;
	}
	#stagedrums img:first-child {
		width: 35px;
		bottom: -25px;
		left: 25px;
	}
	#stagebass {
		width: 55px; height: auto;
		bottom: 0px;
	}
	#stagebass img {
		width: 55px; height: auto;
	}
	#stagebass img:last-child {
		width: auto; height: 135px;
		left: 20px;
	}
	.photos,
	.videos,
	.shows,
	.contact,
	.merch,
	.social,
	.music {
		top: 0px; margin-top: 15px;
	}
}

/* iphone landscape */
@media (max-width: 667px) {
	.bodyTitle {
	}
	.bodyTitle center {
		padding-top: -5px;
	}
	/*.photos {
		width: 420px;
	}
	.videos {
		width: 420px;
	}*/
	.mySlides img {
		max-height: 320px;
	}
	.hiddenmenus {
		top: 35px;
		right: 20px;
	}
	#menu {
		height: 100%;
		overflow-y: scroll;
	}
	article {
		margins-left: 100px;
	}
	.articleswrapper {
		max-heights: 190px;
	}
	.band,
	.music,
	.photos,
	.videos,
	.contact,
	.shows,
	.merch,
	.social {
		/*left: 0px; right: 0px;
		margin-left: auto;
		margin-right: auto;*/
	}
}
@media (max-width: 600px) {
	.bodyTitle {
	}
	.bodyTitle center {
		padding-top: -5px;
	}
	.hiddenmenus {
		top: 35px;
		right: 20px;
	}
	#menu {
		height: auto;
	}
	article {
		margins-left: 75px;
	}
	.articleswrapper {
		max-heights: 620px;
	}
	.contact,
	.shows,
	.merch,
	.social {
	}
}
/* iphone SE 2020 landscape */
@media (max-width: 568px) {
	#terms {
		height: 150px;
		padding-left: 60px;
		padding-right: 60px;
	}
	#menu {
		height: 100%;
		overflow-y: scroll;
	}
	.bodyTitle {
	}
	.bodyTitle center {
		padding-top: 0px;
		margin-top: -15px;
	}
	/*.photos {
		width: 550px;
	}
	.videos {
		width: 550px;
	}*/
	.mySlides img {
		max-height: 320px;
	}
	.close {
		/*border: 1px solid #FFFFFF;
		border-radius: 40px;*/
	}
	.hiddenmenus {
		right: 15px;
	}
	#headerlogo {
		top: 15px;
		left: 30px;
	}
	article {
		margins-left: 55px;
	}
	.articleswrapper {
		/*left: 0px; top: 110px; right: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 414px;
		max-height: 90%;*/
	}
	.contact,
	.shows,
	.merch,
	.social {
	}
}

/* iphone Plus portrait */
@media (max-width: 507px) {
	#nextflyer {
		margin-left: 5px !important;
		width: 350px !important; height: 160px !important;
	}
	#nextflyer div {
		width: 225px !important; height: auto;
	}
		
	#terms {
		height: 350px;
		padding-left: 35px;
		padding-right: 30px;
	}
	#songinfo {
		top: -3px; left: 0px; right: 0px;
		width: 95%; height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.contact,
	.shows,
	.merch,
	.social {
		/*left: 0px; right: 0px;
		margin-left: auto; margin-right: auto;*/
		margin-top: 10px;
	}
	.mySlides img,
	#productlarge,
	#jacketlarge {
		width: 100%; height: auto;
	}
	#background {
		height: 118px;
	}
	.modaltitle,
	.showstitle,
	.merchtitle,
	.mediatitle {
		width: 375px;
	}
	.modalcontent,
	.showscontent,
	.merchcontent,
	.mediacontent {
		width: 375px; height: auto;
		margin: 0px;
		padding-left: 10px;
		padding-right: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.showsslidecontent,
	.productslidecontent,
	.modalslidecontent {
		width: 375px; height: auto;
		top: -5px;
		margin: 0px;
		padding-left: 10px;
		padding-right: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.modalslidecontent,
	.productslidecontent {
		top: 55px;
	}
	.showscontent div:first-child {
		width: 350px !important; height: 260px !important;
		margin-left: 0px !important;
	}
	.bandcircle {
		width: 80px; height: auto;
		margin-left: 3px;
		margin-right: 3px;
	}
	.bandcircle img {
		width: 75px; height: 75px;
		border-radius: 75px;
	}
	.bandHeaderArea {
		width: 360px; height: 130px;
		left: 0px;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	.musicHeaderArea {
		width: 360px; height: 80px;
		left: 0px;
		margin-left: -10px;
	}
	.photosHeaderArea {
		width: 360px; height: 80px;
		left: 0px;
		margin-left: -15px;
	}
	.videosHeaderArea {
		width: 360px; height: 80px; 
		left: 0px;
		margin-left: -15px;
	}
	.showsHeaderArea {
		width: 360px; height: 100px; 
		margin-left: -15px;
	}
	.contactHeaderArea {
		width: 360px; height: 100px; 
		left: 0px;
	}
	.merchHeaderArea {
		width: 360px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.socialHeaderArea {
		width: 360px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.flyerscrollarea {
		left: 0px;
		margin-left: -5px;
	}
	.flyerscrollarea img:first-child {
		margin-left: 5px;
		margin-right: 10px;
	}
	.flyerscrollarea img:last-child {
		margin-left: 15px;
		margin-right: 0px;
	}
	.logosmall {
		display: inline-block;
		padding-left: 20px;
		padding-right: 0px;
		margin-right: 0px;
	}
	.windowheadertext {
		display: inline-block;
		float: right;
		margin-right: 40px;
		width: 240px;
	}
	.merchHeaderArea .windowheadertext,
	.socialHeaderArea .windowheadertext {
		margin-right: 20px;
		width: 250px;
	}
	.merchpublic,
	.merchfurtive {
		display: inline-block;
		float: right;
		margin-right: 20px;
		width: 250px;
	}
	#flyerarchives {
		font-size: 12px;
		margin-top: 5px;
		margin-right: 40px;
		text-align: right;
	}
	.bandScrollArea {
		position: relative;
		width: 370px;
		/*z-index: -1;*/
		font-size: 12px;
	}
	#musicWindowPlaylist  {
		margin-left: 5px;
	}
	#musicWindowPlaylist li {
		padding: 7px 6px;
	}
 	/* photos */
 	.row1 {
		margin-left: -5px;
	}
	.row1 > .column2 {
	  padding: 0px 6px;
	}
	.musicianScrollArea {
		position: relative;
		width: 360px;
		/*z-index: -1;*/
		margin-right: auto;
		margin-left: auto;
		font-size: 12px;
		text-align: justify;
	}
	.contactScrollArea {
		position: relative;
		/*z-index: -1;*/
		font-size: 12px;
		width: 370px;
	}
	.contactScrollArea div {
		position: relative;
		display: inline-block;
	}
	.socialScrollArea {
		position: relative;
		/*z-index: -1;*/
		font-size: 12px;
		padding-left: 15px;
		width: 370px;
	}

	.stageinstruments {
		width: 100%; 
		bottom: 5%;
	}
	.stageinstruments div {
		padding-right: 0%;
		padding-left: 0%;
	}
	#stagekeys {
		width: 70px; height: auto;
		bottom: 60px;
	}
	#stagekeys img {
		width: 75px; height: auto;
	}
	#stagekeys img:first-child {
		width: 35px; height: auto;
		left: 0px;
	}
	#stageguitar {
		width: 55px; height: auto;
		bottom: 0px;
	}
	#stageguitar img {
		width: 55px; height: auto;
	}
	#stageguitar img:last-child {
		width: 65px; height: auto;
		left: 20px;
	}
	#stagedrums {
		width: 100px; height: auto;
		bottom: 0px;
	}
	#stagedrums img {
		width: 140px; height: auto;
	}
	#stagebass {
		width: 55px; height: auto;
		bottom: 0px;
	}
	#stagebass img {
		width: 55px; height: auto;
	}
	
	#checkboxandmenusounds {
		visibility: hidden;
	}
	h6 {
		font-size: 10px;
	}
	.h7 {
		font-size: 20px;
	}
	.bodyTitle {
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0px;
		margin-top: 0px;
		width: 370px;
		height: 120px;
		margin-bottom: 40px;
	}
	.bodyTitle center {
		padding-top: 45px;
		padding-left: 10px;
	}
	/*.photos {
		position: relative;
		left: 0px;
		right: 0px;
		top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 375px;
		height: 420px;
		margin-bottom: 20px;
	}
	.videos {
		position: relative;
		left: 0px;
		right: 0px;
		top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 375px;
		height: 420px;
		margin-bottom: 20px;
	}*/
	.band {
		top: -50px;
		width: 390px; height: auto;
		margin-bottom: -30px;
	}
	.music {
		top: 0px;
		width: 390px; height: auto;
	}
	.photos {
		top: 0px;
		width: 390px; height: auto;
	}
	.videos {
		top: 0px;
		width: 390px; height: auto;
	}
	.shows {
		top: 5px;
		width: 390px; height: auto;
	}
	.contact {
		top: 10px;
		width: 390px; height: auto;
		margin-bottom: 10px;
	}
	.merch {
		top: 10px;
		width: 390px; height: auto;
		margin-bottom: 10px;
	}
	.social {
		top: 10px;
		width: 390px; height: auto;
	}
	article {
		width: 375px;
	}
	article:first-child {
		margin-top: 0px;
	}
	.articleswrapper {
	}
	#menu {
		height: auto;
	}
	.hiddenmenus {
		top: 30px;
		margin-right: 15px;
	}
	#headerlogo {
		top: 15px;
		left: 25px;
	}
}

/* iphone portrait */
@media (max-width: 375px) {
	#nextflyer div {
		width: 205px !important; height: auto;
	}
	#terms {
		height: 350px;
		padding-left: 35px;
		padding-right: 30px;
	}
	#productsinfo {
		width: 340px;
	}
	#products {
		width: 370px;
	}
	.paypallogo {
		padding-right: 10px;
	}
	#background {
		height: 98px;
	}
	.modaltitle,
	.showstitle,
	.merchtitle,
	.mediatitle {
		width: 345px;
	}
	.modalcontent,
	.showscontent,
	.merchcontent,
	.mediacontent {
		width: 350px; height: auto;
		margin: 0px;
		padding-left: 5px;
		padding-right: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.showsslidecontent,
	.productslidecontent,
	.modalslidecontent {
		width: 350px; height: auto;
		margin: 0px;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.showscontent div:first-child {
		width: 320px !important; height: 230px !important;
		margin-left: 5px !important;
	}
	.bandcircle {
		width: 75px; height: auto;
		margin-left: 2px;
		margin-right: 2px;
	}
	.bandcircle img {
		width: 68px; height: 68px;
		border-radius: 68px;
	}
	.bandHeaderArea {
		width: 340px; height: 130px;
		left: 0px;
		margin-left: 0px;
		text-align: none;
	}
	.musicHeaderArea {
		width: 335px; height: 80px;
		left: 0px;
		margin-left: -10px;
	}
	.photosHeaderArea {
		width: 335px; height: 80px;
		left: 0px;
		margin-left: -20px;
	}
	.videosHeaderArea {
		width: 335px; height: 80px; 
		left: 0px;
		margin-left: -20px;
	}
	.showsHeaderArea {
		width: 335px; height: 100px; 
		margin-left: -20px;
	}
	.contactHeaderArea {
		width: 335px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.merchHeaderArea {
		width: 325px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.socialHeaderArea {
		width: 325px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.windowheadertext {
		display: inline-block;
		float: right;
		margin-right: 10px;
		width: 240px;
	}
	.merchHeaderArea .windowheadertext,
	.socialHeaderArea .windowheadertext {
		margin-right: 0px;
		width: 240px;
	}
	.merchpublic,
	.merchfurtive {
		display: inline-block;
		float: right;
		margin-right: 10px;
		width: 240px;
	}
	#flyerarchives {
		font-size: 12px;
		margin-top: 5px;
		margin-right: 10px;
		text-align: right;
	}
	.bandScrollArea {
		position: relative;
		width: 330px;
		margin-left: 8px;
		/*z-index: -1;*/
		font-size: 12px;
	}
	.musiccontent img  {
		width: 100px; height: 95px;
		margin-left: 5px;
	}
	#musicWindowPlaylist  {
		margin-left: 6px;
	}
	#musicWindowPlaylist li {
		width: 100px; height: 100px;
		padding: 7px 4px;
	}
	#musicWindowPlaylist li div:nth-child(2)  {
		width: 100px;	
	}
	.favsTag {
		margin-top: 90px;
		margin-left: 88px;
	}
	.musicianScrollArea {
		position: relative;
		width: 320px;
		/*z-index: -1;*/
		margin-right: 20px;
		margin-left: 20px;
		font-size: 12px;
		text-align: justify;
	}
	.merchScrollArea {
		position: relative;
		font-size: 12px;
		width: 380px;
		margin-left: -15px;
	}
	.contactScrollArea {
		position: relative;
		/*z-index: -1;*/
		font-size: 12px;
		width: 370px;
		margin-left: -10px;
	}
	.contactScrollArea div {
		position: relative;
		display: inline-block;
		width: auto;
	}
	.flyer {
		width: 90px; height: 130px;
	}
	.flyerscrollarea {
		width: 365px;
	}
	.flyerscrollarea img {
		width: 90px; height: 130px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.socialScrollArea {
		position: relative;
		/*z-index: -1;*/
		font-size: 12px;
		width: 360px;
		padding-left: 0px;
	}
	.socialScrollArea div {
		font-size: 10px;
	}
	.socialScrollArea div:nth-child(2) {
		margin-left: 0px;
	}
	.stageinstruments {
		width: 100%; 
		bottom: 5%;
	}
	.stageinstruments div {
		padding-right: 0%;
		padding-left: 0%;
	}
	#stagekeys {
		width: 65px; height: auto;
		bottom: 60px;
	}
	#stagekeys img {
		width: 70px; height: auto;
	}
	#stageguitar {
		width: 50px; height: auto;
		bottom: 0px;
	}
	#stageguitar img {
		width: 60px; height: auto;
	}
	#stagedrums {
		width: 95px; height: auto;
		bottom: 0px;
	}
	#stagedrums img {
		width: 135px; height: auto;
	}
	#stagebass {
		width: 50px; height: auto;
		bottom: 0px;
	}
	#stagebass img {
		width: 50px; height: auto;
	}
	
	h6 {
		font-size: 9px;
	}
	.h7 {
		font-size: 18px;
	}
	.bodyTitle {
		width: 200px;
		height: 100px;
	}
	.bodyTitle center {
		padding-top: 45px;
	}
	article {
		width: 375px;
	}
	article:first-child {
		margin-top: 0px;
	}
	.articleswrapper {
		top: 110px;
		width: 375px;
		max-height: 460px;
	}
 	.row1 {
		margin-left: 5px;
	}
	.row1 > .column1 {
		width: 100px; height: 75px;
	  	padding: 0px 6px;
	}
	.column1 > img {
		width: 100px; height: 60px;
	}
	.column1 > video {
	  	width: 100px; height: 60px;
	}
	
 	.videos .row1 {
		margin-left: 10px;
	}
	.row1 > .column2 {
		width: 310px; height: 175px;
	  	padding: 4px 5px;
	}
	.column2 > video {
	  	width: 310px; height: 160px;
	}
	.column2 > iframe {
	  	width: 310px; height: 160px;
	}
	
	.slider {
	  	visibility: visible;
	}
	.slider .column1 {
	  	width: 60px;
	}
	.close {
		border: 0px solid #FFFFFF;
	}
	#headerlogo {
		top: 15px;
	}
	.hiddenmenus {
		top: 30px;
		margin-right: 15px;
	}
	.band {
		width: 355px; height: auto;
		margin-bottom: -30px;
	}
	.music {
		width: 355px; height: auto;
	}
	.photos {
		width: 355px; height: auto;
		margin-bottom: 5px;
	}
	.videos {
		width: 355px; height: auto;
		margin-bottom: 5px;
	}
	.shows {
		width: 355px; height: auto;
	}
	.contact {
		width: 355px; height: auto;
	}
	.merch {
		width: 355px; height: auto;
	}
	.social {
		width: 355px; height: auto;
	}
}

/* iphone SE 2020 portrait */
@media (max-width: 320px) {
	#showtime span:nth-child(1) {
		font-size: 16px;
	}
	#nextflyer div {
		margin-left: 0px;
		width: 170px !important; height: auto;
	}
	#terms {
		height: 350px;
		padding-left: 25px;
		padding-right: 20px;
	}
	#productsinfo {
		width: 255px;
	}
	#products {
		width: 260px;
	}
	#musicWindowPlaylist  {
		margin-left: 35px;
	}
	#background {
		height: 88px;
	}
	.bandcircle {
		width: 64px; height: auto;
		margin-right: 3px;
		font-size: 10px;
	}
	.bandcircle img {
		width: 60px !important; height: 60px !important;
		border-radius: 60px !important;
	}
	.bandcircle i {
		font-size: 8px;
	}
	#menu li {
		height: 40px !important;
		font-size: 12px;
		line-height: 40px;
	}
	#menu li:hover {
		height: 40px !important;
	}
	#menu li:nth-child(6) {
		height: 40px !important;
	}
	#menu li:nth-child(5) {
		height: 40px !important;
	}
	#menu li:nth-child(3) {
		height: 40px !important;
	}
	.stageinstruments {
		width: 100%; 
		bottom: 5%;
	}
	.stageinstruments div {
		padding-right: 0%;
		padding-left: 0%;
	}
	#stagekeys {
		width: 50px; height: auto;
		bottom: 60px;
	}
	#stagekeys img {
		width: 55px; height: auto;
	}
	#stageguitar {
		width: 40px; height: auto;
		bottom: 0px;
	}
	#stageguitar img {
		width: 50px; height: auto;
	}
	#stageguitar img:last-child {
		width: 60px; height: auto;
	}
	#stagedrums {
		width: 85px; height: auto;
		bottom: 0px;
	}
	#stagedrums img {
		width: 125px; height: auto;
	}
	#stagebass {
		width: 45px; height: auto;
		bottom: 0px;
	}
	#stagebass img {
		width: 45px; height: auto;
	}
	#stagebass img:last-child {
		width: auto; height: 125px;
		left: 5px;
	}

	.articleswrapper {
		top: 85px;
		width: 320px;
		max-height: 380px;
	}
	h6 {
		font-size: 8px;
	}
	.h7 {
		font-size: 16px;
	}
	.bodyTitle {
		width: 100%;
		height: 90px;
		margin-bottom: 0px;
		/* background: none; rgba(0,0,0,0.2);*/
	}		
	.bodyTitle center {
		padding-top: 40px;
		padding-left: 12px;
	}
	#logotext {
		line-height: 65px;
	}
	#headerlogo {
		top: 10px;
		left: 20px;
		width: 65px; height: 65px;
	}
	#headerlogo img {
		width: 65px; height: 65px;
	}
	#headerlogobackground {
		width: 65px; height: 65px;
	}
	.hiddenmenus {
		position: fixed;
		top: 20px;
		margin-right: 10px;
	}
	article {
		width: 300px;
	}
	.growBody {
		display: none;
	}
	.hideBody {
		display: none;
	}
	.fontSizes {
		right: 45px;
	}
	.modaltitle,
	.showstitle,
	.merchtitle,
	.mediatitle {
		width: 290px;
	}
	.modalcontent,
	.showscontent,
	.merchcontent,
	.mediacontent {
		width: 293px; height: auto;
		margin: 0px;
		padding-left: 2px;
		padding-right: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.showsslidecontent,
	.productslidecontent,
	.modalslidecontent {
		width: 293px; height: auto;
		margin: 0px;
		padding-left: 2px;
		padding-right: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.showscontent div:first-child {
		width: 270px !important; height: 230px !important;
		margin-left: 10px !important;
	}
	.bandHeaderArea {
		width: 290px; height: 120px;
	}
	.bandScrollArea {
		position: relative;
		width: 280px;
		/*z-index: -1;*/
		font-size: 12px;
	}
	.musicHeaderArea {
		width: 290px; height: 80px;
		left: 0px;
		margin-left: -10px;
	}
	.photosHeaderArea {
		width: 290px; height: 80px;
		left: 0px;
		margin-left: -20px;
	}
	.videosHeaderArea {
		width: 290px; height: 80px; 
		left: 0px;
		margin-left: -20px;
	}
	.showsHeaderArea {
		width: 290px; height: 100px; 
		margin-left: -20px;
	}
	.contactHeaderArea {
		width: 285px; height: 100px; 
		left: 0px;
		margin-left: 0px;
		text-align: left;
	}
	.merchHeaderArea {
		width: 285px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.socialHeaderArea {
		width: 285px; height: 100px; 
		left: 0px;
		margin-left: 0px;
	}
	.windowheadertext {
		display: inline-block;
		float: right;
		margin-right: 25px;
		width: 190px;
	}
	.merchHeaderArea .windowheadertext,
	.socialHeaderArea .windowheadertext {
		margin-right: 5px;
		width: 190px;
	}
	.contactHeaderArea .windowheadertext {
		margin-right: 5px;
		width: 200px;
	}
	.showsHeaderArea .windowheadertext {
		font-size: 10px;
	}
	.merchpublic,
	.merchfurtive {
		display: inline-block;
		float: right;
		margin-right: 10px;
		width: 190px;
	}
	#flyerarchives {
		font-size: 12px;
		margin-top: 5px;
		margin-right: 10px;
		text-align: right;
	}	
 	.row1 {
		margin-left: 15px;
	}
	.row1 > .column1 {
		width: 120px; height: 85px;
	  	padding: 0px 5px;
	}
	.column1 > img {
		width: 120px; height: 70px;
	}
 	.videos .row1 {
		margin-left: 8px;
	}
	.row1 > .column2 {
		width: 270px; height: 175px;
	  	padding: 4px 5px;
	}
	.column2 > video {
	  	width: 270px; height: 160px;
	}
	.column2 > iframe {
	  	width: 270px; height: 160px;
	}
	.bandScrollArea {
		position: relative;
		width: 280px;
		margin-left: 8px;
		/*z-index: -1;*/
		font-size: 12px;
	}
	.musicianScrollArea {
		position: relative;
		width: 275px;
		/*z-index: -1;*/
		margin-right: 10px;
		margin-left: 10px;
		font-size: 12px;
		text-align: justify;
	}
	.merchScrollArea {
		position: relative;
		font-size: 12px;
		width: 280px;
		margin-left: 0px;
	}
	.contactScrollArea {
		position: relative;
		/*z-index: -1;*/
		font-size: 12px;
		width: 290px;
		margin-left: 20px;
	}
	.contactScrollArea div {
		position: relative;
		display: inline-block;
	}
	.flyers {
		width: 300px; height: auto;
		margin-left: 5px;
	}
	.flyerscrollarea {
		width: 300px;
		margin-left: -5px;
	}
	.flyerscrollarea img {
		width: 80px; height: 120px;
		margin-left: 4px;
		margin-right: 4px;
	}
	.flyerscrollarea img:first-child {
		margin-left: 2px;
	}
	.socialScrollArea {
		position: relative;
		/*z-index: -1;*/
		font-size: 12px;
		width: 290px;
		margin-left: 2px !important;
	}
	.socialScrollArea div {
		width: auto !important;
		margin-left: 0px !important;
		font-size: 10px;
	}
	.socialScrollArea div:nth-child(2) {
		width: 60px; !important;
		margin-left: 10px !important;
	}
	.socialScrollArea div:last-child {
		width: 60px; !important;
		margin-left: -5px !important;
	}
	.socialScrollArea img {
		width: 70px !important; height: 70px !important;
	}
	.contactitem {
		width: 40px;
	}
	.band {
		width: 300px; height: auto;
		margin-bottom: -30px;
	}
	.music {
		width: 300px; height: auto;
	}
	.photos {
		width: 300px; height: auto;
		margin-bottom: 5px;
	}
	.videos {
		width: 300px; height: auto;
		margin-bottom: 5px;
	}
	.shows {
		width: 300px; height: auto;
	}
	.contact {
		width: 300px; height: auto;
	}
	.merch {
		width: 300px; height: auto;
	}
	.social {
		width: 300px; height: auto;
	}
}