/*!
	Built in the VVVOID
	VVVOID, London, U.K
	http://vvvoid.co.uk
	hello@vvvoid.co.uk
!*/

/* ---------- Sanitize ---------- */

*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ffff00;color:#000000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);display:inherit;position:absolute}[aria-disabled]{cursor:default}

/* ---------- Icons ---------- */

@font-face {
	font-family: 'icon';
	src: url('fonts/icon-font/font/icon.eot');
	src: url('fonts/icon-font/font/icon.eot#iefix') format('embedded-opentype'),
		url('fonts/icon-font/font/icon.woff2') format('woff2'),
		url('fonts/icon-font/font/icon.woff') format('woff'),
		url('fonts/icon-font/font/icon.ttf') format('truetype'),
		url('fonts/icon-font/font/icon.svg#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "icon";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
}

.icon-social-amazon-round:before { content: '\e800'; } /* '' */
.icon-social-amazon:before { content: '\e801'; } /* '' */
.icon-social-bandsintown-round:before { content: '\e802'; } /* '' */
.icon-social-bandsintown:before { content: '\e803'; } /* '' */
.icon-social-snapchat:before { content: '\e804'; } /* '' */
.icon-social-snapchat-round:before { content: '\e805'; } /* '' */
.icon-social-threads-round:before { content: '\e806'; } /* '' */
.icon-social-threads:before { content: '\e807'; } /* '' */
.icon-btn-camera-round:before { content: '\e836'; } /* '' */
.icon-btn-camera:before { content: '\e837'; } /* '' */
.icon-btn-cart-round:before { content: '\e838'; } /* '' */
.icon-btn-cart:before { content: '\e839'; } /* '' */
.icon-btn-email-round:before { content: '\e83a'; } /* '' */
.icon-btn-email:before { content: '\e83b'; } /* '' */
.icon-btn-help-round:before { content: '\e83c'; } /* '' */
.icon-btn-help:before { content: '\e83d'; } /* '' */
.icon-btn-live-round:before { content: '\e83e'; } /* '' */
.icon-btn-live:before { content: '\e83f'; } /* '' */
.icon-btn-merch-round:before { content: '\e840'; } /* '' */
.icon-btn-merch:before { content: '\e841'; } /* '' */
.icon-music-fastforward:before { content: '\e842'; } /* '' */
.icon-music-pause:before { content: '\e843'; } /* '' */
.icon-music-play:before { content: '\e844'; } /* '' */
.icon-music-rewind:before { content: '\e845'; } /* '' */
.icon-music-volume-full:before { content: '\e846'; } /* '' */
.icon-music-volume-none:before { content: '\e847'; } /* '' */
.icon-music-volume:before { content: '\e848'; } /* '' */
.icon-nav-add-mark:before { content: '\e849'; } /* '' */
.icon-nav-arrow-down:before { content: '\e84a'; } /* '' */
.icon-nav-arrow-left:before { content: '\e84b'; } /* '' */
.icon-nav-arrow-right:before { content: '\e84c'; } /* '' */
.icon-nav-arrow-up:before { content: '\e84d'; } /* '' */
.icon-nav-close:before { content: '\e84e'; } /* '' */
.icon-nav-download-mark:before { content: '\e84f'; } /* '' */
.icon-nav-menu:before { content: '\e850'; } /* '' */
.icon-nav-minus-mark:before { content: '\e851'; } /* '' */
.icon-nav-refresh-mark:before { content: '\e852'; } /* '' */
.icon-nav-tick-mark:before { content: '\e853'; } /* '' */
.icon-social-apple-round:before { content: '\e854'; } /* '' */
.icon-social-apple:before { content: '\e855'; } /* '' */
.icon-social-deezer-round:before { content: '\e856'; } /* '' */
.icon-social-deezer:before { content: '\e857'; } /* '' */
.icon-social-facebook-round:before { content: '\e858'; } /* '' */
.icon-social-facebook:before { content: '\e859'; } /* '' */
.icon-social-instagram-round:before { content: '\e85a'; } /* '' */
.icon-social-instagram:before { content: '\e85b'; } /* '' */
.icon-social-itunes-round:before { content: '\e85c'; } /* '' */
.icon-social-itunes:before { content: '\e85d'; } /* '' */
.icon-social-songkick-round:before { content: '\e85e'; } /* '' */
.icon-social-songkick:before { content: '\e85f'; } /* '' */
.icon-social-soundcloud-round:before { content: '\e860'; } /* '' */
.icon-social-soundcloud:before { content: '\e861'; } /* '' */
.icon-social-spotify-round:before { content: '\e862'; } /* '' */
.icon-social-spotify:before { content: '\e863'; } /* '' */
.icon-social-twitter-round:before { content: '\e864'; } /* '' */
.icon-social-twitter:before { content: '\e865'; } /* '' */
.icon-social-vevo-round:before { content: '\e866'; } /* '' */
.icon-social-vevo:before { content: '\e867'; } /* '' */
.icon-social-youtube-round:before { content: '\e868'; } /* '' */
.icon-social-youtube:before { content: '\e869'; } /* '' */
.icon-social-tiktok-round:before { content: '\e86a'; } /* '' */
.icon-social-tiktok:before { content: '\e86b'; } /* '' */


/* ---------- Main ---------- */

html, body {
	background-color: #000000;
	font-family: 'Medula One', cursive;
}

.fade_in,
.fade_in_ticket {
	opacity: 0;
	transform: scale(0,0);
	transition: 1.0s;
}

.fade_item_visible {
	opacity: 1;
	transform: scale(1.0,1.0);
}

.fade_in_ticket {
	transition: 1.0s;
}


#loader {
	height: 75px;
	width: auto;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1.0,1.0);
}

.loader_hidden {
	transform: translate(-50%, -50%) scale(0,0) !important;
	opacity: 0 !important;
	transition: 0.3s;
}

#page_wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgb(5,167,251);
	background: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(0,255,0,1) 100%);
}

#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url(images/overlay.png);
	background-position: center center;
	background-size: cover;
	z-index: 1000;
	pointer-events: none;
	opacity: 0.8;
}

#nm_logo {
	background-image: url(images/tour-history.png);
	position: fixed;
	width: 20vw;
	height: 25vw;
	background-position: center center;
	background-size: contain;
	left: 50px;
	top: 50px;
	z-index: 100;
	transition: 0.3s !important;
	cursor: pointer;
	max-height: 300px;
	max-width: 300px;
}

#nm_logo:hover {
	transform: scale(1.1, 1.1);
}

#buy_tickets {
	background-image: url(images/ticket_bg.png);
	position: fixed;
	width: 20vw;
	height: 20vw;
	background-position: center center;
	background-size: contain;
	right: 50px;
	bottom: 50px;
	max-height: 250px;
	max-width: 250px;
	cursor: pointer;
}

#buy_ding {
	position: absolute;
	background-image: url(images/ticket_ding.png);
	background-position: center center;
	background-size: contain;
	top: 5%;
	left: 0;
	width: 100%;
	height: 50%;
}

#buy_moon {
	position: absolute;
	background-image: url(images/ticket_moon.png);
	background-position: center center;
	background-size: contain;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
}

#buy_all {
	position: absolute;
	background-image: url(images/shop_icon.png);
	background-position: center center;
	background-size: contain;
	top: 0%;
	left:0%;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	cursor: pointer;
}

.ticket_btn {
	display: block;
	transform: scale(1.0,1.0);
	transition: 0.2s;
}

.ticket_btn:hover {
	transform: scale(1.1,1.1);
	z-index: 10;
}

#nm_sos {
	position: fixed;
	width: 70%;
	height: 70%;
	background-position: center center;
	background-size: contain;
	left: 15%;
	top: 15%;
}

#nmsos_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: contain;
	background-image: url(images/nmsos-logo_bg.png);
	animation: names-rotation 30s infinite linear;

}

#nmsos_fg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: contain;
	background-image: url(images/nmsos-logo_fg.png);
}

@-webkit-keyframes names-rotation {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(1deg);
	}
}


.flourish_btm {
	position: fixed;
	width: 50vh;
	height: 50vh;
	background-position: center center;
	background-size: contain;
}

#flourish_bl {
	background-image: url(images/flourish_bl.png);
	left: 40px;
	bottom: 40px;
	transform-origin: 0% 100%;
}

#flourish_br {
	background-image: url(images/flourish_br.png);
	right: 40px;
	bottom: 40px;
	transform-origin: 100% 100%;
}

.flourish_mid {
	width: 40vh;
	height: 40vh;
	position: fixed;
	background-position: center center;
	background-size: contain;
}

#flourish_ml {
	background-image: url(images/flourish_ml.png);
	left: 40px;
	bottom: 40vh;
	transform-origin: 0% 50%;
}

#flourish_mr {
	background-image: url(images/flourish_mr.png);
	right: 40px;
	bottom: 40vh;
	transform-origin: 100% 50%;
}

.flourish_top {
	width: 30vh;
	height: 30vh;
	position: fixed;
	background-position: center center;
	background-size: contain;
}

#flourish_tl {
	background-image: url(images/flourish_tl.png);
	left: 40px;
	top: 36px;
	transform-origin: 0% 0%;
}

#flourish_tr {
	background-image: url(images/flourish_tr.png);
	right: 40px;
	top: 36px;
	transform-origin: 100% 0%;
}

#gradient_top {
	position: fixed;
	height: 30%;
	top: 0;
	width: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}

#gradient_btm {
	position: fixed;
	bottom: 0;
	height: 30%;
	width: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}

#border_dark {
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	position: fixed;
	border: solid 10px #000000;
}

#border_light {
	left: 16px;
	right: 16px;
	top: 16px;
	bottom: 16px;
	position: fixed;
	border: solid 18px #ffffff;
}

#top_bar {
	position: fixed;
	background-color: #05fe11;
	height: 0%;
	width: 100%;
}

.top_bar_visible {
	height: 30% !important;
	transition: 1.0s;
}

.spiral {
	position: fixed;
	width: 100%;
	height: 100%;
}

.spiral_inner {
	position: fixed;
	width: 300%;
	height: 300%;
	left: -100%;
	top: -100%;
	background-image: url(images/spiral.svg);
	background-position: center center;
	background-size: cover;
	animation: spiral-rotation 15s infinite linear;
}

@-webkit-keyframes spiral-rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

/* header */

#social_icons {
	padding: 0;
	margin: 0 auto;
	position: fixed;
	width: 100%;
	bottom: 40px;
	text-align: center;
}

#social_icons a {
	font-size: 50px;
	transition: 0.3s;
	color: #000000;
	margin: 0 8px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ffffff;
}

#social_icons a:hover {
	transform: scale(1.1,1.1);
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.7);
	background-color: #000000;
	color: #FFFFFF;

}

/* ticket overlay */

#ticket_overlay {
	transition: 0.3s;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	pointer-events: auto;
	text-transform: uppercase;
	font-size: 30px;
	background: rgb(5,167,251);
	background: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(0,255,0,1) 100%);
}

.ticket_overlay_hidden {
	opacity: 0;
	pointer-events: none !important;
}

.close_btn {
	margin: 10px;
	background: #FFFFFF;
	border-radius: 50%;
	width: 60px;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.5);
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transition: 0.3s;
}

.close_btn:hover {
	background: #000000;
	transform: scale(1.1,1.1);
	box-shadow: none;
}

.close_btn:hover .close-x {
	stroke: #FFFFFF;
}

.close-x {
	stroke: #000000;
	fill: transparent;
	stroke-width: 2;
}

.overlay_inner {
	width: 70%;
	max-width: 600px;
	position: absolute;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	max-height: 80%;
	left: 50%;
	top: 55%;
	border-radius: 25px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.overlay_inner_border {
	border: solid 5px #000000;
	left: 2%;
	top: 2%;
	right: 2%;
	bottom: 2%;
	border-radius: 15px;
	position: fixed;
}

.ticket_overlay_inner_border_2 {
	border: solid 5px #000000;
	left: 2%;
	top: 2%;
	right: 2%;
	height: 100%;
	border-radius: 15px;
	position: fixed;
}

#ticket_title {
	background-image: url(images/ticket_title.png);
}

.overlay_title {
	position: relative;
	width: 70%;
	height: 200px;
	left: 15%;
	background-position: center center;
	background-size: contain;
	top: 5px;
	z-index: 10;
}

.listing_wrapper {
	padding: 30px;
	margin-top: 30px;
	overflow: hidden;
	height: 50%;
}

.listing_wrapper_inner p {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
}

.ticket_listing_title {
    width: 100%;
    text-align: center;
    color: #ff0000;
    text-shadow: -2px 2px 0px rgba(0,0,0,0.8);
    margin: 30px 0 20px;
    font-size: 80px;
}

.ticket_listing_title_first {
	margin: 0px;
}

.ticket_listing_sub_title {
	text-align: center;
	color: #FFFFFF;
	margin: 20px auto;
	font-size: 40px;
	padding: 10px 15px;
	background-color: red;
	display: inline-block;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
	text-shadow: -2px 2px 0px rgba(0,0,0,0.8);

}

.ticket_listing_sub_title_2 {
	margin: 40px auto 20px;
}

.ticket_listing_country {
	width: 100%;
    text-align: center;
    color: #000000;
    margin: 4% 0 4%;
    padding-bottom: 4%;
    font-size: 40px;
    border-bottom: solid 1px #000000;
}

.ticket_listing_sub_title_wrapper {
	text-align: center;
}


.gig_listing  {
	position: relative;
	margin-bottom: 10px;
	border-bottom: solid 1px #000000;
	padding-bottom: 10px;
	text-align: center;
}

.gig_item {
	display: inline-block;
	width: 30%;
}

.gig_date {
	width: auto;
	word-break: break-all;
	vertical-align: top;
	display: block;
}

.gig_venue {
	width: auto;
	text-align: center;
	color: #FF0000;
	line-height: 80%;
}

.gig_buy {
	width: 10%;
	text-align: center;
	float: right;
}

.gig_buy a {
	border-radius: 10px;
	background-color: #000000;
	padding: 5px 10px;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
	transition: 0.3s;
	border: solid 2px #ffffff;
}

.gig_buy a:hover {
	background-color: #FFFFFF;
	color: #000000;
	border: solid 2px #000000;
}

.buy_btn_disabled {
	pointer-events: none;
}

.on_sale {
	display: block;
	color: #000000;
	text-shadow: none;
}

/* ticket overlay */

#ticket_overlay {
	transition: 0.3s;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	pointer-events: auto;
	text-transform: uppercase;
	font-size: 30px;
	background: rgb(5,167,251);
	background: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(0,255,0,1) 100%);
}

.ticket_overlay_hidden {
	opacity: 0;
	pointer-events: none !important;
}

.close_btn {
	margin: 10px;
	background: #FFFFFF;
	border-radius: 50%;
	width: 60px;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.5);
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transition: 0.3s;
}

.close_btn:hover {
	background: #000000;
	transform: scale(1.1,1.1);
	box-shadow: none;
}

.close_btn:hover .close-x {
	stroke: #FFFFFF;
}

.close-x {
	stroke: #000000;
	fill: transparent;
	stroke-width: 2;
}

.overlay_inner {
	width: 70%;
	max-width: 600px;
	position: absolute;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	max-height: 80%;
	left: 50%;
	top: 55%;
	border-radius: 25px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


/* Sign Up overlay */

#sign_up_overlay {
	transition: 1.0s;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	pointer-events: none;
	text-transform: uppercase;
	font-size: 30px;
	background: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(0,255,0,1) 100%);
	background: rgba(0, 0, 0, 0.9);

}

.sign_up_overlay_visible {
	pointer-events: auto !important;
	opacity: 1 !important;
}

#sign_up_overlay .overlay_inner {
	background-color: #6c757d;
}

#sign_up_overlay .overlay_inner iframe {
	width:100%;
	height:500px;
	border:0;
}


/* buy overlay */

#buy_overlay {
	background-color: rgba(255, 255, 255, 0.74);
	transition: 1.0s;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-transform: uppercase;
	font-size: 30px;
	background: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(0,255,0,1) 100%);
	background: rgba(0, 0, 0, 0.9);
}

#buy_overlay_inner {
	/* background-image: url(images/nmsos_pre_order.jpg); */
	height: auto;
	background-size: contain;
	background-position: center center;
	background-color: #f2e3b8;
	max-width: 500px;
	overflow: visible;
	padding-bottom: 15px;
}

#buy_overlay_inner p {
	padding-left: 40px;
	text-align: center;
	padding-right: 40px;
	margin-top: 0;
	margin-bottom: 10px;
}

.buy_overlay_hidden {
	opacity: 0 !important;
	pointer-events: none !important
}

#buy_overlay_inner img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.announce_title {
	margin-top: -20% !important;
	position: relative;
	width: 70% !important;
}

/* band page */

#the_band_btn {
	text-transform: uppercase;
	font-size: 30px;
	color: #FFFFFF;
	text-shadow: 0px 0px 4px #000000;
	padding-bottom: 10px;
	transition: 0.3s;
	cursor: pointer;
	width: auto;
	display: block;
}

#the_band_btn:hover {
	color: #000000;
	text-shadow: none;
}

#band_title {
	background-image: url(images/band_title.png);
}

.band_member_wrapper {
	width: 45%;
	display: inline-block;
	position: relative;
	height: auto;
	margin: 2%;
	text-align: center;
	text-decoration: none;
}

.band_member_full_width {
	width: 100%;
}

.band_photo {
	width: 20vh;
	height: 20vh;
	border: solid 5px #FFFFFF;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.5);
	background-size: 120%;
	background-position: center center;
	margin: 0 auto;
	position: relative;
	transition: 0.3s;
}

.band_photo:after {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
    background: linear-gradient(45deg,rgba(56, 0, 255, 0.4) 0%, rgba(255, 0, 62, 0.9) 100%);
    mix-blend-mode: overlay;
    border-radius: 50%;
}

.band_photo:hover {
    filter: brightness(1.76) saturate(1.44) ;
    transform: scale(1.1);

}

.band_member_title {
	font-size: 50px;
	text-transform: uppercase;
	color: #000000;
	position: relative;
	width: 100%;
	bottom: 0px;
}

#nick_mason {
	background-image: url(images/band_01.jpg);
	background-size: 150%;
}

#gary_kemp {
	background-image: url(images/band_02.jpg);
}

#guy_pratt {
	background-image: url(images/band_03.jpg);
}

#dom_beken {
	background-image: url(images/band_04.jpg);
}

#lee_harris {
	background-image: url(images/band_05.jpg);
}

/* ---------- Media Queries ---------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 768px) {

.flourish_top {
	width: 40vw;
	height: 40vw;
}

#flourish_tl {
	left: 20px;
	top: 50px;
}

#flourish_tr {
	right: 20px;
	top: 50px;
}

#nm_logo {
	width: 20vh;
	height: 20vh;
	left: 10px;
	top: 30px;
}

#nm_sos {
	width: 86%;
	height: 80%;
	background-position: center center;
	background-size: contain;
	left: 7%;
	top: 10%;
}

#border_dark {
	left: 10px;
	right: 10px;
	top: 40px;
	bottom: 10px;
	border: solid 6px #000000;
}

#border_light {
	left: 8px;
	right: 8px;
	top: 38px;
	bottom: 8px;
	border: solid 10px #ffffff;
}

#top_bar {
	position: fixed;
	background-color: #05fe11;
	width: 100%;
}

.top_bar_visible {
	height: 40% !important;
}

.flourish_mid {
	width: 40vw;
	height: 80vh;
	position: fixed;
	background-position: center center;
	background-size: contain;
}

#flourish_ml {
	background-image: url(images/flourish_ml.png);
	left: 50px;
	bottom: 20vh;
}

#flourish_mr {
	background-image: url(images/flourish_mr.png);
	right: 50px;
	bottom: 20vh;
}

#buy_tickets {
	/* background-image: none; */
	position: fixed;
	width: 100%;
	height: 20vh;
	right: 0px;
	bottom: 0px;
}

#buy_ding {
	top: 0%;
	left: 0;
	width: 60%;
	height: 100%;
}

#buy_moon {
	top: 0%;
	right: 0px;
	width: 60%;
	height: 100%;
	left: auto;
}

.flourish_btm {
	position: fixed;
	width: 40vw;
	height: 40vw;
	background-position: center center;
	background-size: contain;
}

#flourish_bl {
	background-image: url(images/flourish_bl.png);
	left: 20px;
	bottom: 20px;
}

#flourish_br {
	background-image: url(images/flourish_br.png);
	right: 20px;
	bottom: 20px;
}

.overlay_title {
	position: absolute;
	width: 40%;
	left: 30%;
	top: 5px;
	background-position: center top;
}

#ticket_overlay {
	font-size: 30px;
}

#ticket_overlay_inner {
	width: 90%;
}

#ticket_overlay .overlay_inner {
	width: 90%;
}

.listing_wrapper {
	padding: 10px
}


.ticket_listing_title {
	font-size: 40px;
	margin: 20px 0;
}

.ticket_listing_sub_title {
	width: 100%;
	margin: 20px auto;
	font-size: 30px;
}

.gig_date {
	display: block;
	width: 60%;
	text-align: center;
}

.gig_item {
	width: 100%;
	display: block;
}

.gig_buy {
	float: none;
	text-align: center;
}

.gig_buy a {
	font-size: 20px;
	display: inline-block;
}

.close_btn {
	width: 40px;
}

#social_icons {
	position: relative;
	bottom: auto;
	top: 5px;
}

#social_icons a {
	font-size: 30px;
	width: 30px;
	height: 30px;
}

.band_member_wrapper {
	width: 100%;
}

#the_band_btn {
	display: inline-block;
}

#sign_up_overlay .overlay_inner {
	width: 90%;
	height: 100% !important;
}

#sign_up_overlay .overlay_inner iframe {
	height: 900px !important;
	overflow: hidden !important;
}

#buy_overlay_inner {
	width: 95%;
}

#buy_overlay_inner p {
	padding: 0 20px;
	font-size: 22px
}

.listing_wrapper_inner p {
	padding: 0 20px;
	font-size: 22px;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 5px;
}

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}