html{
	font-family:'Montserrat', sans-serif;
}

* {
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

body {
	background-color:#f7f7f7;
	font-family:'Montserrat', sans-serif;
	color: #000000;
	font-size:16px;
	line-height: 1;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: margin-left 0.3s linear;
	-webkit-transition: margin-left 0.3s linear;
	-moz-transition: margin-left 0.3s linear;
	backface-visibility: hidden;
	width: 100%;
	position: relative;
	display: block;
	overflow-y: hidden;
}

body.modal-open {
	overflow-y: hidden;
}

.page-wrapper {
	position: relative;
}
.page-wrap {
  overflow-x:hidden;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  right: 100%;
  display:block;
}
body.fixed {
	position: fixed;
	overflow: hidden;
}

body.push-toright {
	margin-left: 240px;
}


.bottom-block {
	width: 100%;
	position: relative;
	color: white;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 500;
}


.terms, .copyright {
	display: inline-block;
}

.copyright {
	margin: 0 0 10px 30px;
	float: left;
}

.terms {
	margin: 0 30px 10px 0;
	float: right;
}

.terms a {
	display: inline-block;
	color: #000;
	font-size: 12px;
	line-height: 1.7;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: right;
}

.terms a:hover {
	color: #725e6c;
	-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

.copyright span {
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 1.7;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: left;
	font-weight: 500;
}
a {
	transition: color 0.3s;
}
a:hover {
	color:#725e6c;
}
.preloader {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:#f7f7f7;
}

.loader,
.loader:before,
.loader:after {
  background: #000;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 2px;
  height: 2em;
}
.loader {
  color: #000;
  text-indent: -9999em;
  margin: 0 auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -10px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 10px;
}
@-webkit-keyframes load1 {
  0%,80%,100% {
    box-shadow: 0 0;
    height: 1.5em;
  }
  40% {
    box-shadow: 0 -2em;
    height:2em;
  }
}
@keyframes load1 {
  0%,80%,100% {
    box-shadow: 0 0;
    height: 1.5em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 2em;
  }
}

.table {
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
}

.tableCell {
	display: table-cell;
	vertical-align: middle;
}

.menu {
	background-color:#e8e8e8;
	position: fixed;
	top: 0;
	left: -240px;
	width: 240px;
	height:100%;
	z-index: 19;
	text-align: left;
	padding: 0 20px;
	transition: left 0.3s linear;
	-webkit-transition: left 0.3s linear;
	-moz-transition: left 0.3s linear;
	backface-visibility: hidden;
}

.menu ul {
	margin-top: 100px;
}
.menu a {
	color:#000;
	text-transform: lowercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size:26px;
	line-height: 1;
	display: inline-block;
	text-decoration: none;
	position: relative;
	margin: 0.5em auto;
}

.menu a::after {
	height: 2px;
	bottom:0;
}

a:focus {
	outline: none;
}

::-moz-selection { background: #f7f7f7; }
::selection { background: #f7f7f7; }

.menu.active {
	left: 0;
	display: block;
	transition: left 0.3s linear;
	-webkit-transition: left 0.3s linear;
	-moz-transition: left 0.3s linear;
}

.social {
	position: fixed;
	left: 15px;
	bottom: 150px;
	z-index: 20;
}


.social a, .social span {
	color:#000000;
	text-decoration: none;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom:30px;
	transition: color 0.3s;
	position: relative;
}

.social span:hover i {
	opacity:0;
	transition: opacity 0.3s;
}
.social span span {
	opacity:0;
	position: absolute;
	top: 6px;
	text-transform: lowercase;
	transition: opacity 0.3s;
	font-size: 12px;
}
.social span:hover span {
	opacity:1;
}

.social a:hover {
	color:#725e6c;
}

.sso {
	font-family: 'Montserrat', sans-serif;
	z-index: 20;
	display: block;
	overflow: hidden;
	position: fixed;
	left: -15px;
	bottom: 80px;
	color:#000000;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin-x: 50%;
  -webkit-transform-origin-y: 50%;
}
.sso:hover {
	color:#725e6c;
}
body.splash .social {
	bottom: auto;
	top: 25px;
	left:25px;
}

body.splash .sso {
	bottom: auto;
	left: -5px;
	top: 300px;
}

.ae-modal {
	margin-left: 0 !important;
	top: 50% !important;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}

.ae-modal iframe {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%;
  border: 0px;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
   border-radius: 0 !important;
  -moz-box-shadow: 0!important ;
   -webkit-box-shadow: 0 0 0 #000 !important ;
   box-shadow: 0 0 0 #000 !important ;
}

.ow-overlay, .ae-modal-overlay {
	background: #333 !important;
  opacity: 0.6 !important;
}


#nav-icon1 {
  width: 35px;
  height: 22px;
  position: fixed;
  z-index: 22;
  top: 15px;
  left: 10px;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
	left: 7px;
	transition: all 0.3s ease;
}

#nav-icon1:hover span:nth-child(2) {
  top: 10px;
	left: 0;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.spotify-follow-btn {
	position: fixed;
	z-index: 22;
    top: 15px;
    right: 15px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

h1, h2 {
	font-family:'Roboto', sans-serif;
	font-size: 5.5em;
	line-height: 1;
	margin: 0;
	text-transform: lowercase;
	position: relative;
	font-weight: 400;
}

.header-container h2 {
	font-size: 30px;
	line-height: 1.2;
  letter-spacing: 4px;
	text-align: left;
	font-weight: 500;
	padding-top:0.25em;
}
.header-container  h2 span {
    margin-left: auto;
		display: inline-block;
		width: auto;
}
.intro h1, .video h1, .bts h1 {
	padding-left: 100px;
	float: left;
	transition: margin 0.5s;
	overflow: hidden;
}

.intro h1 , .intro h2{
	z-index: 1;
	display:none;
	margin-left: 0;
	padding-right:0;
	padding-left: 0;
	width: 100%;
	text-align: left;
}

.intro h1 {
	/* font-size: 3.95rem; */
	margin-bottom: 2rem;
	font-weight: 500;
	text-align: left;
	font-family: 'Montserrat', sans-serif;

	color: black;
    font-size: 2rem;
}

.intro h1 span {
    font-size: 5rem;
    font-size: 3rem;
    margin-bottom: 1rem;
		padding-left: 0;
}
.intro h1 a,
.header-content .cta-btn {
	color:#000;
	font-size: 2rem;
	font-weight: 500;
}

.intro h2 a {
	text-decoration: none;
	color:#000;
	position: relative;
}
.intro h2 a:after {
	position: absolute;
	width: 100%;
	bottom: 0;
	height:2px;
	left:0;
	background:#000;
	content:'';
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
  transition: transform 0.2s ease-in-out;
}

.intro h2 a:hover::after {
	transform:scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}


.intro h1 svg {
	width: 100%;
}

.header-container .header-left .tableCell {
	text-align: center;
}
.header-container span {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 90%;
	max-width: 375px;
	margin: 0 auto;
}

.header-container {
    width: calc(100% - 60px);
	position: absolute;
	top: 0;
	left: auto;
    right: 0;
	height: 100%;
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}

.header-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10%;
	width: 40%;
	min-width: 480px;
}

.header-container .header-video { 
    position: absolute;
    top: 0;
    right: 0;
    transform: none;
    left: auto;
    height: 100%;
	/* width: auto; */
	width: 100%;
    object-fit: cover;
	transition: 1s opacity;
}

.header-container .header-hero-image {
    position: absolute;
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-left, .header-right {
	width: 50%;
	display: inline-block;
	position: absolute;
	top: 0;
	height: 100%;
}

.header-left {
	left: 0;
}

.header-left span img {
	width: 100%;
}

.header-right {
	right: 0;
}

.header-right img {
	width: 100%;
	margin-top: 5vh;
}
.scroll {
    position: absolute;
    font-size: 1.3em;
    margin-top: 6em;
    display: inline-block;
		bottom: 100px;
		left: 50%;
		margin-left: -20px;
		transition: bottom 0.3s;
}
.scroll:hover {
	bottom: 90px;
}
.scroll::after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
}
.scroll:after {
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);

}

.intro svg.bg {
	position: absolute;
	top:10px;
	right:0px;
	z-index: -1;
}

.video h1, .live h1, .bts h1 {
	margin-top: 5%;
	letter-spacing: 2px;
}

.video h1::after, .live h1::after, .bts h1::after {
	content: '';
	width: 100%;
	height: 6px;
	background: #000;
	bottom: 9px;
	right:5px;
	position: absolute;
	transition: all 0.5s;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform-origin:  0% 50%;

}

.video h1.active:after, .live h1.active::after, .music h1.active:after, .connect h1.active::after, .bts h1.active::after  {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
}

.music h1, .live h1, .connect h1 {
	padding-right: 60px;
	float: right;
	margin-top: 5%;
	transition: margin 0.5s;
	overflow: hidden;
}


.music h1:after, .connect h1::after {
	content: '';
	width: 100%;
	height: 6px;
	background: #000;
	position: absolute;
	bottom: 9px;
	left:5px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transition: all 0.5s;
	transform-origin:100% 50%;
}



.header-image-container {
	float: left;
	width: 50%;
	max-width: 500px !important;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.header-shape {
	position: absolute;
	top: 0;
	left: 1%;
	z-index: 1;
	background: #55676e;
	width: 500px;
	height:500px;
}

.video .header-shape, .live .header-shape {
	top: 0;
	right: 1%;
	left: auto;
}

.owl-prev, .owl-next {
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	top: 45%;
	color:#000;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
  -webkit-transform-origin-x: 50%;
  -webkit-transform-origin-y: 50%;
	font-weight: 500;
	backface-visibility: hidden;
}

.owl-prev {

  -webkit-transform-origin-x: 49%;
  -webkit-transform-origin-y: 49%;
}
.hoverStyle {
	position: relative;
}
.owl-next::after, .owl-prev::after, .hoverStyle::after, .sso::after, .umg-live-no-gigs a::after {
	position: absolute;
	width: 100%;
	bottom: 0;
	height:1px;
	left:0;
	background:#000;
	content:'';
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
  transition: transform 0.2s ease-in-out;
}

.owl-next:hover::after, .owl-prev:hover::after, .hoverStyle:hover::after, .sso:hover::after, .umg-live-no-gigs a:hover::after {
	transform:scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
}

.owl-prev.disabled, .owl-next.disabled {
	display: none;
}
.owl-prev {
	left:-45px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.owl-next {
	right:-45px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.live .header-image-container, .video .header-image-container {
	float: right;
	margin-right: 60px;
}

.music .header-image-container, .connect .header-image-container {
	float: left;
	margin-left: 60px;
}

.music, .live, .video, .connect, .bts {
	display: block;
	margin: 150px auto 150px;
}

.section.music, .section.live, .section.video, .section.connect, .section.bts{
	min-height: 80vh;
}

.heading-container {
	display: block;
	position: relative;
	z-index: 0;
}

.music {
	margin-top: 0;
}
.intro {
	display: block;
	margin-top: 0;
	height: 80vh;
	position: relative;
}

.intro .header-image {
	width: auto;
	max-width: 300% !important;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	margin-top: 0;
}
/* Video background */

.videobg {
  position: relative;
  width: 100%; /* Set video container element width here */
  height: 100%; /* Set video container element height here */
  overflow: hidden;
  background: #111; /* bg color, if video is not high enough */
	left:0;
}
/* horizontally center the video */
.videobg-width {
  position: absolute;
  width: 100%; /* Change width value to cover more area*/
  height: 100%;
  left: -9999px;
  right: -9999px;
  margin: auto;
}

/* set video aspect ratio and vertically center */
.videobg-aspect {
  position: absolute;
  width: 100%;
  height: 0;
  top: -9999px;
  bottom: -9999px;
  margin: auto;
  padding-bottom: 56.25%; /* 16:9 ratio */
  overflow: hidden;

}

.videobg-make-height {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

.videobg-hide-controls {
  box-sizing: content-box;
  position: relative;
  height: 100%;
  width: 100%;
  /* Vimeo timeline and play button are ~55px high */
  padding: 55px 97.7777px; /* 16:9 ratio */
  top: -55px;
  left: -97.7777px; /* 16:9 ratio */
}

.videobg iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0 none;
}

.panel {
	display: block;
	background: #fff;
	padding: 50px;
	width: 70%;
	position: relative;
	margin: 0 auto;
	/* 	top: -140px;	*/
	top: 100px;
	-webkit-box-shadow: 15px 15px 15px -5px rgba(63,81,88,0.25);
	-moz-box-shadow: 15px 15px 15px -5px rgba(63,81,88,0.25);
	box-shadow: 15px 15px 15px -5px rgba(63,81,88,0.25);
}

.panel .items-container {
	transform-style: preserve-3d;
}

.bts .panel {
	padding-bottom: 28px;
}

.bts .panel h3 {
	text-align: center;
    display: block;
    width: 100%;
    font-size: 2em;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    margin: 0 auto 0.75em;
}

.bts .panel .items-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bts .panel .items-container .bts-item {
	width: 31.33%;
	margin-bottom: 2%;
	background: #000;
}

.bts .panel .items-container .bts-item .image-container {
		width: 100%;
		padding-top: 100%;
		background
		background-position: center;
		background-size: cover;
		transition: transform 0.3s ease;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		backface-visibility: hidden;
}


.bts .panel .items-container .bts-item .image-container:hover {
	-webkit-transform: scale3d(0.95,0.95,1);
	-moz-transform: scale3d(0.95,0.95,1);
	-ms-transform: scale3d(0.95,0.95,1);
	-o-transform: scale3d(0.95,0.95,1);
	transform: scale3d(0.95,0.95,1);
}

.music .panel {
	padding-bottom: 0;
	margin-right: 15%;
	/*max-width: 500px;  remove this when more items have been added */
}
.connect .panel {
	margin-right: 15%;
	padding: 30px 30px 40px;
}
.live .panel {
	padding: 50px 40px;
}
.music .panel .items-container .owl-item {
	width: 30%;
	display: block;
}

.music .panel .items-container .music-item {
	text-align: center;
	overflow: hidden;
}
.music .panel .items-container .music-item p {
	display: block;
	margin: 10px auto 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	font-weight: 500;
}

.music .panel .items-container .music-item iframe {
	width: 100%;
	height: 78px;
}

.music .panel .items-container .music-item .image-container, .video .panel .items-container .video-item .image-container  {
	overflow: hidden;
	background:#000;
	backface-visibility: hidden;
}
.music .panel .items-container .music-item img, .video .panel .items-container .video-item img  {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	backface-visibility: hidden;
}

.music .panel .items-container .music-item .image-container:hover img {
	-webkit-transform: scale3d(0.95,0.95,1);
	-moz-transform: scale3d(0.95,0.95,1);
	-ms-transform: scale3d(0.95,0.95,1);
	-o-transform: scale3d(0.95,0.95,1);
	transform: scale3d(0.95,0.95,1);
}

.music .panel .items-container .music-item a {
	font-family:'Montserrat', sans-serif;
	color: #000;
	text-decoration: none;
	margin: 20px auto;
}

.video .panel, .live .panel {
	margin-left: 15%;
}

.video .panel .video-container {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}

.video .panel .video-container img {
	display: block;
	width: 100.05%;
	height: auto;
	transition: transform 0.3s ease;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	backface-visibility: hidden;
}

.video .panel .video-container:hover img  {
	-webkit-transform: scale3d(0.98,0.97,1);
	-moz-transform: scale3d(0.98,0.97,1);
	-ms-transform: scale3d(0.98,0.97,1);
	-o-transform: scale3d(0.98,0.97,1);
	transform: scale3d(0.98,0.97,1);
}
.video .panel .video-container:hover {
	background: #000;
}
.top-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    color: white;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
		top: 0;
		left: 0;
		cursor: pointer;
}

.top-layer.full {
	left: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	background: black;
}

.panel .top-layer .tableCell {
	text-align: center;
}

.video .front, .back {
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -ms-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
		text-align: center;
}

.video  .front svg {
	width: 75px;
	height: 75px;
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin: 0 auto;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	-moz-transform: translateZ(0) scale(1.0, 1.0);
	-ms-transform: translateZ(0) scale(1.0, 1.0);
	-o-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
}

.video .top-layer:hover svg {
opacity: 1;
visibility: visible;
height: auto;
}

.video .panel .items-container .video-item:hover img  {
	-webkit-transform: scale3d(0.95,0.92,1);
	-moz-transform: scale3d(0.95,0.92,1);
	-ms-transform: scale3d(0.95,0.92,1);
	-o-transform: scale3d(0.95,0.92,1);
	transform: scale3d(0.95,0.92,1);
}

.video .top-layer:hover h1 {
	opacity: 0;
	visibility: hidden;
}

.video .front h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 4px;
	font-weight: 500;
	color: #fff;
	margin: 0 auto;
	display: inline-block;
	padding: 0;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}

.video .front h1::after  {
display: none;
}

.front.invisible, .back.invisible {
    opacity: 0 !important;
}
.front.hidden, .back.hidden {
    display: none !important;
}
.video .panel .items-container .video-item  {
	overflow: hidden;
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	-moz-transform: translateZ(0) scale(1.0, 1.0);
	-ms-transform: translateZ(0) scale(1.0, 1.0);
	-o-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
}

.video .panel .items-container .video-item span {
	cursor: pointer;
}

.video .panel .items-container .video-item .overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 1;
	transition: transform 0.3s ease;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
	-ms-transform: translateZ(0) scale(1.0, 1.0);
	-moz-transform: translateZ(0) scale(1.0, 1.0);
	-o-transform: translateZ(0) scale(1.0, 1.0);
}

.video .panel .items-container .video-item .overlay p {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1.2;
	display: block;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate(-50%,-50%) translateZ(0) scale(1.0, 1.0);
	transform: translate(-50%,-50%) translateZ(0) scale(1.0, 1.0);
	-ms-transform: translate(-50%,-50%) translateZ(0) scale(1.0, 1.0);
	-o-transform: translate(-50%,-50%) translateZ(0) scale(1.0, 1.0);
	-moz-transform: translate(-50%,-50%) translateZ(0) scale(1.0, 1.0);
	position: absolute;
	top: 50%;
	padding: 0 20px;
	left: 50%;
	transition: all 0.3s ease;
	width: 100%;
	opacity: 1;
	visibility: visible;
	height: auto;
}

.video .panel .items-container .video-item .overlay svg {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin: 0 auto;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	-moz-transform: translateZ(0) scale(1.0, 1.0);
	-ms-transform: translateZ(0) scale(1.0, 1.0);
	-o-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
}

.video .panel .items-container .video-item:hover img  {
	-webkit-transform: scale3d(0.95,0.92,1);
	-moz-transform: scale3d(0.95,0.92,1);
	-ms-transform: scale3d(0.95,0.92,1);
	-o-transform: scale3d(0.95,0.92,1);
	transform: scale3d(0.95,0.92,1);
}

.video .panel .items-container .video-item:hover .overlay p {
opacity: 0;
visibility: hidden;
}
.video .panel .items-container .video-item:hover .overlay svg {
opacity: 1;
visibility: visible;
height: 24px;
}



/* ---UMG LIVE--- */
.overlay .tableCell span {
	display: block;
	padding-bottom: 20px;
	letter-spacing: 4px;
}

.umg_live_table {
	font-family: 'Montserrat', Impact, sans-serif;
	font-size: 14px;
	font-weight:500;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: 100%;
	margin: 0 auto;
	color:#000;
}
.umg-live-no-gigs {
	font-family: 'Montserrat', Impact, sans-serif;
	font-size: 14px;
	font-weight:500;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

.umg-live-no-gigs a, .umg-live-no-gigs a:hover {
	color:#000 !important;
	position: relative;
}


.umg_live_odd td, .umg_live_even td {
  padding: 15px 5px;
}

.umg_live_table tr {
background: url('../img/border.svg') repeat-x top left;
}

.umg_live_table {
background: url('../img/border.svg') repeat-x bottom left;
}

.umg_live_table a {
	color: #000;
	text-decoration: none;
}
.umg_live_date, .umg_live_venue, .umg_live_location {
  text-align: left;
}
.umg_live_tickets {
  text-align: right;
}
.umg_live_tickets {
	color:#000;
  text-decoration: line-through;
}
 .umg_live_ticket_link {
	display: inline-block;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	color:#000;
	padding: 0;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

 .umg_live_ticket_link::after {
	position: absolute;
	width: 100%;
	bottom: 0;
	height:1px;
	left:0;
	background:#000;
	content:'';
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transition: transform 0.2s ease-in-out;
}

 .umg_live_ticket_link:hover::after  {
	transform:scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
}



@media all and (max-width: 900px) {
	.umg_live_location {
		display: none;
	}
}

@media screen and (max-width: 600px) {
 table.umg_live_table td {
    display: block;
    width: 100%;
    text-align: center;
    border: none;
    padding: 3px;
    line-height: 1.4;
    word-wrap: break-word;
    word-break: break-word;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 15px;
}

table.umg_live_table td:last-child {
	text-align: center;
	font-size: 12px;
}

.umg_live_ticket_link {
	font-size: 12px;
}
 .umg_live_ticket_link:hover::after  {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}
	.umg_live_odd, .umg_live_even {
	padding: 5px 0;
	display: block;
	}
}

@media screen and (max-width: 480px) {

table.umg_live_table td {
	    display: block;
	    width: 100%;
	    text-align: center !important;
	    border: none;
	    padding: 3px;
	    line-height: 1.4;
	    word-wrap: break-word;
	    word-break: break-word;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    font-size: 12px;
	}
table.umg_live_table tr {
	margin: 0 0 !important;
}
table.umg_live_table tr:after {
	margin: 0 auto!important;
}

table.umg_live_table td.umg_live_date {
    font-style: normal!important;
}

}


/* ---// UMG LIVE--- */


/*--Cookie Styles--*/


	#cookie-banner {
	font-family: 'Montserrat', sans-serif !important;
	background: rgba(103,120,127,0.9) !important;
	letter-spacing: 0;
}

	#cookie-banner-copy p {
	font-family: 'Montserrat', sans-serif !important;
		font-size: 10px !important;
		line-height: 1.5 !important;
		letter-spacing: 1px;
		font-weight: 500;
}

	#cookie-banner-right a {
	font-family: 'Montserrat', sans-serif !important;
		width: 100% !important;
		text-transform: uppercase !important;
		font-size: 10px !important;
		text-align: center !important;
		letter-spacing: 1px;
		color:#63747b !important;
	}

	#cookie-banner-right p {
		display: none !important;
	}

	#cookie-banner-title {
		margin-top: 2px !important;
		letter-spacing: 1px;
		font-family: 'Montserrat', sans-serif !important;
	}

	.cookie-small {
    height: 125px !important;
}


	.cookie-medium {
    height: 90px !important;
}

.cookie-medium #cookie-banner-inner #cookie-banner-title {
	margin-left: 10px !important;
	margin-right: 0 !important;
}

/*--// Cookie Styles--*/
@media screen and (max-width: 1200px) {
	.intro h2 {
		font-size: 1.75em;
	}
}

@media screen and (max-width: 1000px) {

	.music .panel, .connect .panel  {
		margin-right: auto;
	}

	.video .panel, .live .panel, .bts .panel  {
		margin-left: auto;
	}

	.bts .panel .items-container .bts-item {
		width: 48%;
		margin-bottom: 2%;
	}

	.header-left, .header-right {
		width: 100%;
		height: auto;
		position: relative;
	}

	.header-right img {
		margin: 5vh auto;
		width: 70%;
		display: block;
	}

	.header-left .table, .header-left .tableCell {
		position: relative;
		height: auto;
		display: block;
	}




}

@media screen and (max-width: 933px) {
	.header-container span {
		width: 80%;
	}
	.intro h2 {
		font-size: 1.75em;
	}
}
@media screen and (max-width: 768px) {
	.bts .panel .items-container .bts-item {
		width: 100%;
		margin-bottom: 2%;
	}

}
@media screen and (max-width: 750px) {
	.bottom-block {
		text-align: center;
		padding: 30px;
}
	body.splash .copyright, body.splash .terms,  .terms, .copyright {
			margin: 0;
			display: block;
			text-align: center;
			float: none;
	}
	.copyright span {
			text-align: center;
	}
}
@media screen and (max-width: 700px) {
	.spotify-follow-btn {
		top: 5px;
		right: 5px;
	}

	.menu ul {
		margin-top: 60px;
	}

	.menu a {
		color:#ffffff;
		text-transform: lowercase;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		letter-spacing: 2px;
		font-size:22px;
		line-height: 1;
		display: inline-block;
		text-decoration: none;
		position: relative;
		margin: 0.5em auto;
	}

	.music, .live, .video, .connect, .bts {
		margin-top: 50px;
	}

	.music {
		margin-top: 0;
	}

	.header-right img {
		margin-top: 4em;
	}
	.header-container span {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0;
	}

	h1 {
		font-size: 3em;
	}

	.header-container {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.header-container .header-video {
		position: relative;
		/* height: 50%; */
		height: auto;
		box-shadow: -15px 15px 15px -5px rgba(63,81,88,0.25);
	}

	.header-container .header-hero-image {
		position: relative;
		/* height: 50%; */
		height: auto;
		box-shadow: -15px 15px 15px -5px rgba(63,81,88,0.25);
	}

	.header-content {
		position: relative;
		transform: none;
		top: 0;
		left: 0;
		width: 80%;
		min-width: auto;
		margin: auto;
		padding: 10% 0;
	}

	.header-container h1 {
		font-size: 1.25rem;
		margin: 0 auto 30px;
		float: none;
		width: 100%;
	}

	.header-content h1 span {
		font-size: 1.8rem;
		margin-bottom: 15px;
	}

	.header-content .cta-btn {
		font-size: 1.35rem;
	}

	.intro {
		/* text-align: center; */
		height: auto;
		width: calc(100% - 60px);
		margin: 10% 0 auto auto;
	}
	.intro .tableCell {
		padding-bottom: 60px;
	}
	.intro .header-image {
		top: 0;
	}

	.intro h1 svg {
		height: auto;
		width: 100%;
	}
	.intro h2 {
		font-size: 1em;
		line-height: 1.25;
		letter-spacing: 3px;
	}
	.intro h2 a span:after {
		display: none;
	}

	.videobg {
		display: none;
	}
	.scroll {
		bottom: 150px;
	}
	.video h1::after, .live h1::after, .music h1:after, .connect h1::after, .bts h1::after  {
		height: 4px;
		bottom:4px;
	}

	.music h1, .connect h1 {
		padding-right: 30px;
		margin-top: 70px;
		margin-bottom: 50px;
		z-index: 1;
	}
	.video h1, .live h1, .bts h1 {
		padding-left: 30px;
		margin-top: 70px;
		margin-bottom: 50px;
		z-index: 1;
	}
	.music .header-image-container, .connect .header-image-container, .video .header-image, .live .header-image-container {
		position: absolute;
	}
	.music .header-image-container, .connect .header-image-container {
		top: 0;
		left: 0;
		margin-left:0;
	}
	.video .header-image-container, .live .header-image-container {
		top: 0;
		right: 0;
		margin-right:0;
	}
	.social {
		bottom: 110px;
		left:10px;
	}
	.social a{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.panel {
		top: 0;
		padding: 25px;
		width: 80%;
	}
	.connect .panel {
		padding: 0 0 20px;
	}
	.live .panel {
		padding: 25px 20px;
	}
	.owl-next {
		right: -37px;
	}
	.owl-prev {
		left: -37px;
	}
	.owl-next:hover::after, .owl-prev:hover::after, .hoverStyle:hover::after, .sso:hover::after {
		transform: none;
	}
	.sso {
		font-size: 15px;
		bottom: 50px;
		left: -17px;
	}

	.video .front h1 {
		font-size: 12px;
	}
	.video .top-layer h1:after {
		display:none;
	}
	.video .top-layer:hover svg, .video .top-layer svg, .video .panel .items-container .video-item:hover img {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}

	.video .front svg {
		width: 50px;
		height: 50px;
	}

	.video .panel .video-container {
		margin-bottom:20px;
	}

	.video .panel .items-container .video-item .overlay p {
		font-size: 9px;
		color: #fff;
	}

	.video .panel .items-container .video-item:hover .overlay p::after {
		display: none;
}


	body.splash .social {
		bottom: auto;
		top: 15px;
		left:15px;
	}

	body.splash .sso {
		bottom: auto;
		left: -10px;
		top: 225px;
	}

	body.splash .table h2 {
		font-size:24px;
	}

	body.splash .table h2 span, body.splash .table h3 {
		font-size:18px;
	}

	.bottom-block {
    text-align: center;
    padding: 30px;
}

	body.splash .copyright, body.splash .terms,  .terms, .copyright {
	    margin: 0;
	    display: block;
	    text-align: center;
			float: none;
	}
	.copyright span {
	    text-align: center;
	}

}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.scroll {
		bottom: 60px;
	}
	.menu {
		padding-left: 50px;
	}
}

/* AE Mailing List Custom Forms migration upgrade */
.ae-cform-container {
    font-family: 'Montserrat', sans-serif;
    z-index: 20;
    display: block;
    overflow: hidden;
    position: fixed;
    left: -15px;
    bottom: 90px;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 50%;
}
.ae-cform-modal-display-cta {
    color: #000000;
    text-decoration: none;
}
.ae-cform-modal-display-cta:hover {
    color: #725e6c;
}
.ae-cform-header-image {
    width: 70%;
}
.ae-cform-title {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}
#ae-cform-optin-terms-1 #terms a {
    color: white;
}
.ae-cform-item input[type="submit"] {
    font-size: 1rem;
}
.ae-cform-mailing-list-success-1 {
    left: -35px;
}

@media screen and (max-width: 700px) {
   .ae-cform-container {
	font-size: 12px;
	left: -10px;
	bottom: 60px;
   }
   .ae-cform-mailing-list-success-1 {
   	left: -27px;
   }

}
/* End AE Mailing List Custom Forms migration upgrade */


.fancybox-bg {
	background: #fff;
}
.fancybox-button--zoom {
	display: none !important;
}

.fancybox-button {
	background: none;
	color: #000;
}

.popup-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,0.8);

	opacity: 0;
	z-index: -1;
	/* display: none; */
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .5s ease-in-out;
}

.popup-modal.fade-in {
	opacity: 1;
	z-index: 9999;
}

.popup-close {
	position: absolute;
	top: 2%;
	right: 2%;
	font-size: 3em;
	color: #000;
	transition: all .3s ease-in-out;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.popup-close {
		font-size: 1.5em;
	}
}

.popup-close:hover {
	color: #725e6c;
}

.popup-modal--container {
	height: 90vh;
	max-height: 900px;
	display: block;
	opacity: 1;
	transition: all .3s ease-in-out;
}

@media screen and (max-width: 768px) {
	.popup-modal--container {
		height: auto;
		width: 90%;
	}
}

.popup-modal--container:hover {
	opacity: .6;
}

.popup-modal--poster {
	width: auto;
    height: 100%;
}

@media screen and (max-width: 768px) {
	.popup-modal--poster {
		width: 100%;
		height: auto;
	}
}