@charset "UTF-8";
/* CSS Document */

/* UNIVERSAL */

html { scroll-behavior: smooth; }

* {
	margin:0;
	padding:0;
	font-family: proxima-nova, sans-serif;
	box-sizing:border-box;
	line-height:1.2;
}

body *:not(.slick-track):not(.slick-list){
	transition:.3s ease;
}

input, textarea, select, a { outline: none !important; border:none !important }
input:focus, textarea:focus, select:focus{ outline: none; border:none !important}

body {
	background:#fbde27;

}

h1, h2, h3, h4, h5, h6, p {
	margin:0 auto 22px;
}

h1 {
	font-family: 'Alfa Slab One';
	letter-spacing:2px;
	font-size:32px;
	font-weight:900;
}

h2 {
	font-size:32px;
}

h3 {
	font-size:32px;
}

h4 {
	font-size:26px;
}

h5 {
	font-size:20px;
}

h6 {
	font-size:18px;
}

p, li {
	font-size:14px;
	line-height:1.6;
}

@media only screen and (min-width: 768px) {
	h1 {
		font-size:37px;
	}

	h2 {
		font-size:37px;
	}

	h3 {
		font-size:37px;
	}

	h4 {
		font-size:32px;
	}

	h5 {
		font-size:22px;
	}

	h6 {
		font-size:20px;
	}

	p, li {
		font-size:16px;
		line-height:1.5;
	}
}

@media only screen and (min-width: 1126px) {
	h1 {
	font-size:47px;
	}

	h2 {
		font-size:42px;
	}

	h3 {
		font-size:42px;
	}

	h4 {
		font-size:36px;
	}

	h5 {
		font-size:27px;
	}

	h6 {
		font-size:22px;
	}
}

em {
	font-family:inherit;
}


a {
	text-decoration:underline;
	color:inherit;
}

.clear {
	clear:both;
}

.max-width {
	max-width:1200px;
	margin:0 auto 0;
	display:block;
}

.br-desktop {
	display:none;
}

@media only screen and (min-width: 768px) {
	.br-desktop {
		display:block;
	}
}


#wrapper {
	display:block;
	margin:64px auto 0;
}

/* NEWSLETTER */
.newsletter, .forminator-ui {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 20px auto;
  justify-content: center;
  align-items: center;
}
.forminator-custom-form-579 .forminator-field {
	margin: 10px;
}
.forminator-custom-form-579 .forminator-row {
	margin-bottom: 0 !important;
}
.forminator-custom-form-579 .forminator-row:nth-child(3) {
	order: 3;
	flex-basis: 100%;
}
.newsletter div {
	margin-bottom: 10px;
}
.newsletter .input input, .forminator-input {
  width: 240px;
}

.newsletter .checkbox,.forminator-custom-form-579 #checkbox-1 {
  font-size: 13px;
  line-height: 1.4;
  /* margin-top: 16px; */
	width: 100%;
}
.newsletter a, .forminator-ui a {
  color: #ffffff;
	margin: 0 !important;
}
.forminator-ui input[type="checkbox"] {
	margin-right: 5px;
	margin-top: -3px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .newsletter .input input, .forminator-input {
    width: 260px;
	}
	.newsletter .input {
		margin-right: 10px;
	}
}
#fieldEmail,.forminator-custom-form-579 .forminator-input {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9e675+0,fbde27+100 */

	border-radius: 4px;
	border-width: 0px;
    display: block;
    margin: 0 auto 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 66%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 66%);
    font-size: 18px;
    line-height: 1.83;
    font-weight: 800;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 5px 12px 3px;
    color: #000000;
    z-index: 20;
    position: relative;
		/* font-family: 'Alfa Slab One' !important; */
    /* letter-spacing: 1px; */
}
.forminator-custom-form-841 {
    flex-direction: column;
    align-items: center;
	font-size: 20px;
	font-weight: bold;
	margin: 20px auto 70px;
}
.forminator-custom-form-841 h4 {
	display: none !important;
}
.forminator-custom-form-841 label {
    text-transform:uppercase;
	
}
.forminator-custom-form-841 input[type="checkbox"] {
	float: right;
    margin-top: 0;
    width: 25px;
    height: 25px;
    margin-left: 16px;
    margin-right: 0;
}
.forminator-custom-form-841 .forminator-checkbox-label {
	text-align: right;
}
.forminator-custom-form-841 .forminator-input {
	border-radius: 0;
	border-width: 0px;
    display: block;
    margin: 6px 0;
    font-size: 21px;
    line-height: 1.83;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    -webkit-transition: 0s;
    transition: 0s;
    padding: 5px 12px 3px;
    color: #000000;
    z-index: 20;
    position: relative;
	width: 100%;
}
.forminator-custom-form-841 .forminator-row {
	width: 100%;
}
.forminator-custom-form-841 .forminator-row-last {
	align-self: center;
}
.forminator-custom-form-841 .forminator-field {
	text-align: center;
}
	@media (min-width: 768px) {
  .newsletter .input input, .forminator-input {
    width: 260px;
	}
	.newsletter .input {
		margin-right: 10px;
	}
	.forminator-custom-form-841 {
    	align-items: flex-end;
	}
	.forminator-custom-form-841 .forminator-row {
		width: auto;
	}
	.forminator-custom-form-841 .forminator-field {
		display: flex;
		align-items: center;
		text-align: right;
	}
	.forminator-custom-form-841 .forminator-input {
		margin: 6px 0 0 20px;
		width: auto;
	}
}
a.button, .signup, .forminator-button {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9e675+0,fbde27+100 */
background: rgb(249,230,117); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,230,117,1) 0%, rgba(251,222,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,230,117,1) 0%,rgba(251,222,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,230,117,1) 0%,rgba(251,222,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e675', endColorstr='#fbde27',GradientType=0 ); /* IE6-9 */

	border-radius: 4px;
	border-width: 0px;
    display: block;
    margin: 0 auto 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 66%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 66%);
    font-size: 28px;
    line-height: 1.18;
    font-weight: 800;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 5px 12px 3px;
    color: #000000;
    z-index: 20;
    position: relative;
		font-family: 'Alfa Slab One' !important;
    letter-spacing: 1px;
}

a.button:hover, .signup:hover, .forminator-button:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9e675+0,f9e675+100 */
background: rgb(249,230,117); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,230,117,1) 0%, rgba(249,230,117,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,230,117,1) 0%,rgba(249,230,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,230,117,1) 0%,rgba(249,230,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e675', endColorstr='#f9e675',GradientType=0 ); /* IE6-9 */

}
.forminator-success, .forminator-success p {
	flex-basis: 100%;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 0;
}
.forminator-error {
	display: none !important;
}
.forminator-error-message {
	float: left;
	margin-right: 5px;
	color: red;
}
.forminator-edit-module {
	display: none !important;
}

/* ----- NAV BAR RULES ----- */

#nav {
	background:#000000;
	padding: 17px 12px 4px 6px;
	text-align:center;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:15;
	transition:.3s ease;
	max-width:none;
	margin:0 auto 0;
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 46%);
	-moz-box-shadow: 0 0 7px rgb(0 0 0 / 46%);
	box-shadow: 0 0 7px rgb(0 0 0 / 46%);
	border-bottom: 2px solid #FFFFFF;
}

.hamburger {
  display:inline;
  position: fixed;
  top: 20px;
  left: 22px;
  height: 28px;
  width: 32px;
  cursor: pointer;
  z-index: 113;
  background-attachment: fixed;
  -webkit-transition: .5s;
  transition: .5s;
}

.hamburger.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
}

.hamburger.active .middle {
  opacity: 0;
}

.hamburger.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
}

.hamburger span {
  background: #FFFFFF;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}

.hamburger:hover span{
  opacity:.8;
}

.hamburger span:nth-of-type(2) {
  background:#FFFFFF;
  top: 11px;
}

.hamburger span:nth-of-type(3) {
	background:#FFFFFF !important;
  top: 22px;
}

.hamburger .text {
	display: block;
    position: absolute;
    bottom: -10px;
    font-size: 9px;
    width: 100%;
    opacity: .5;
    letter-spacing: 2px;
}

.nav-title {
	width:140px;
	margin:0;
}

#nav-items {
	display:none;
	margin:5px auto 0;
	float:left;
}

#nav-items ul {
	display: block;
	margin:0 auto 0;
	padding:0;
}
#nav-items ul li {
	padding: 0px 20px 0px 8px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin:0;
}

#nav-items ul li.nav-item a {
	text-transform:none;
	text-decoration:none;
	font-size:18px;
	color:#FFFFFF;
}

#nav-items ul li.social a {
	text-decoration:none;
}

#nav-items ul li.social a i {
	color:#FFFFFF;
	font-size:21px;
	margin: 0 10px 0 0;
}

#nav-items ul li.nav-item a:hover, #nav-items ul li.social a:hover i {
	color:#fbde27;
}

#nav-items ul li.social a .twitter-x {
	width:19px;
	height:19px;
	margin: 0 10px -3px 0;
	display: inline-block;
	background: url("../_img/x-icon.png") no-repeat 0px -19px;
	background-size: cover;
	transition-duration: 0.0s;
}
#nav-items ul li.social a .twitter-x:hover {
	background-position-y: 0px;
}
#footer .social a .twitter-x {
	width:26px;
	height:26px;
	margin: 0 10px -4px 0;
	display: inline-block;
	background: url("../_img/x-icon.png") no-repeat 0px 0px;
	background-size: cover;
	transition-duration: 0.0s;
}
#footer .social a .twitter-x:hover {
	background-position-y: -25px;
}
.overlay .social a .twitter-x {
	width:26px;
	height:26px;
	margin: 0 0 -3px 0;
	display: inline-block;
	background: url("../_img/x-icon.png") no-repeat 0px -25px;
	background-size: cover;
	transition-duration: 0.0s;
}

.nav-title:hover {
	filter:brightness(1.6)
}

.nav-title-small:hover {
	filter:brightness(1.6)
}

.fa-user-circle {
	margin-left:4px;
}

.mfp-bg {
	opacity:0.95 !important;
}

#nav a.button {
	z-index:20;
	position:relative;
	float:right;
	margin:0px;
	transform:translateY(-4px);
}

#nav a.button:hover {
}

a.button.mobile {
	display:block;
}

a.button.desktop {
	display:none;
}

@media only screen and (min-width: 450px) {
	a.button.mobile {
		display:none;
	}

	a.button.desktop {
		display:block;
	}

}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0px 8px 16px 0px rgb(255 255 255 / 20%);
  -moz-box-shadow: 0px 8px 16px 0px rgb(255 255 255 / 20%);
  box-shadow: 0px 8px 16px 0px rgb(255 255 255 / 20%);
  z-index: 1;
  text-align: left;
  padding-top: 8px;
  border-left: 2px solid #fbde27;
  margin: 0;
}

.dropdown-content a {
  color: #FFFFFF !important;
  padding: 6px 12px 10px;
  text-decoration: none;
  display: block;
  border-bottom:rgba(255,255,255,.3) 1px solid;
}

.dropdown-content a:hover {
	color:#fbde27 !important;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

.dropdown:hover .main {
	opacity:.4;
}

.dropdown-button {
	float:right;
	position:relative;
}

.dropdown-buttons {
  display: none;
  position: absolute;
  background-color: rgba(0,0,0,.9);
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2);
  box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2);
  z-index: 1;
  text-align:left;
  padding-top:55px;
}

.dropdown-buttons a {
	display:block;

}

.dropdown-buttons a:hover {
	background-color:#ef6324 !important;
}

.dropdown-button:hover .dropdown-buttons {
	display: block !important;
}

.dropdown-button:hover a.button.main {
	opacity:.2 !important;
}

@media only screen and (min-width: 1217px) {
	#nav-items {
		display:inline-block;
	}

	a.nav-production {
		display:block;
	}

	.hamburger {
    	display:none;
	}
	.overlay {
  		display:none;
  	}

}


/* ----- OVERLAY RULES ----- */

.overlay {
  position: fixed;
  color:#FFFFFF;
  background: rgba(55,67,2,.95);
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  /*opacity: 1;
  visibility: hidden;*/
  -webkit-transition: opacity .35s, visibility .35s, height 1s;
  transition: opacity .35s, visibility .35s, height 1s;
  overflow: hidden;
  z-index:100;
  /*border-bottom:4px solid #aa1d38;*/
}

.overlay.open {
  /*opacity: 1;*/
  visibility: visible;
  height: 100%;
}

/*.overlay.open li {
  -webkit-animation: fadeIn .5s ease forwards;
          animation: fadeIn .5s ease forwards;
}*/

.overlay nav {
  	position: relative;
  	height: 70%;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  	text-align: center;
}

#overlay a.button {
	float:none;
	margin:0 auto 22px;
	font-size: 22px;
    letter-spacing: 1px;
	max-width:250px;
}


.overlay-dropdown, .overlay-item {
	text-align:center;
	margin:0 auto 0;
	background: none;
	cursor: pointer;
	border: none;
	outline: none;
	display:block;
	text-transform: uppercase;
  	font-style: normal;
  	font-weight: 500;
  	font-size: 28px;
	line-height:1.4;
  	letter-spacing:1px;
  	position: relative;
  	color: #FFFFFF;
  	text-decoration: none;
  	-webkit-transition: .35s;
  	transition: .35s;
	padding:2px;
}

.overlay-dropdown:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size:18px;
	color: transparent;
	text-shadow:0 0 0 #ef6324;
	margin: 7px 0 0 8px;
}

.overlay-dropdown.active:after {
	content: '\02796'; /* Unicode character for "minus" sign (-) */
}

.overlay-dropdown-options {
	padding: 0 18px;
	background: none;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.overlay-dropdown-options p {
	padding:0;
	margin:0px 0 12px;
	color:#FFFFFF;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 1px;
}

.overlay-dropdown-options p a {
	color:#ef6324;
}

.overlay .social {
	margin:22px auto 22px;
}

.overlay .social a {
	display:inline-block;
	margin:0 8px 0;
	text-align:center;
	color:#FFFFFF;
	font-size:28px
}

nav .accordion {
	background: none;
    cursor: pointer;
    padding: 0;
    width: 100%;
    border: none;
    outline: none;
    transition: 0.4s;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
}

nav .accordion:after {
    font-size: 22px;
    color: transparent;
    text-shadow: 0 0 0 #ffffff;
    float: none;
    margin: 0px 0 0 5px;
	content: '\2304';
    vertical-align: text-top;
}

nav .accordion.active:after {
    font-size: 22px;
    color: transparent;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    float: none;
    margin: 0px 0 0 5px;
	content: '\2304';
    vertical-align: text-top;
}

nav .panel {
	border:none;
}

/* HERO */

#curtain {
	background-image: url('../_img/curtain.gif');
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    display: block;
    position: fixed;
	z-index:10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	animation:lift 5s ease forwards;
	animation-delay:0s;
	overflow:hidden;
	filter:drop-shadow(0px 0px 6px black);
}

@keyframes lift {
  from {
    top:0%
  }

  to {
    top:-110%;
  }
}

@-webkit-keyframes lift {
  from {
    top:0%
  }

  to {
    top:-110%;
  }
}

.hero-video {
	position: absolute;
    width: 100%;
    padding: 0% 5.5% 0%;
    z-index: 6;
    bottom: 5%;
}

@media screen and (min-width: 768px) {

	.hero-video {
		position: absolute;
		width: 40.5%;
		padding: 4.7% 0 0 5%;
		z-index: 6;
		bottom: auto;
	}
}

.video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	-webkit-box-shadow: 0px 0px 9px rgb(0 0 0 / 60%);
	-moz-box-shadow: 0px 0px 9px rgb(0 0 0 / 60%);
	box-shadow: 0px 0px 9px rgb(0 0 0 / 60%);
	border:1px solide #FFFFFF;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
-webkit-box-shadow: 3px -17px 28px 0px rgba(251,222,39,1) inset;
-moz-box-shadow: 3px -17px 28px 0px rgba(251,222,39,1) inset;
    box-shadow: 3px -17px 28px 0px rgba(251,222,39,1) inset;
    top: 0;
	max-width: 1200px;
    margin: 0 auto 0;
}

.hero {
	padding:0 !important;
	overflow:hidden;
	width:100%;
	position:relative;
	margin:0 auto 0 !important;
	max-width:1250px;

}

.hero.desktop {
	display:none;
}

.hero.mobile {
	display:block;
}

@media screen and (min-width: 768px) {

	.hero.desktop {
		display:block;
	}

	.hero.mobile {
		display:none;
	}
}


.hero img {
	display:block;
	margin:0 auto 0;
	width:100%;
	max-width:100%;
	position:absolute;
}

.hero img:last-of-type {
	position:relative;
}

.quotator {
	position: absolute;
    z-index: 5;
	display: block;
    width: 100%;
}

.ping {
	position: absolute !important;
    z-index: 4;
    width: 14% !important;
    left: 10.4%;
    top: 29.5%;
    opacity: .4;
    animation: rotation 12s infinite linear;
}

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

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

/* SPOTIFY PLAYER */

#music-btn {
    position: fixed;
    z-index: 6;
    left: 0;
    top: 45%;
    height: 80px;
    width: 32px;
    padding: 10px 2px 2px 5px;
    background-color: #17161c;
    border-radius: 0 6px 6px 0;
    color: #ffffff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 40%);
	-moz-box-shadow: 0 0 8px rgb(0 0 0 / 40%);
	box-shadow: 0 0 8px rgb(0 0 0 / 40%);
}

body.spotify-open #music-btn {
    left: 270px;
}

#open-spotify-btn {
	margin-top: 12px;
}

/*#music-btn i.music {
    position: relative;
    left: -2px;
    top: -30px;
    font-size: .7em;
    margin-top: 10px;
    background: #ffffff;
    color: #007eea;
    padding: 12px 3px;
    border-radius: 0 20px 0 0;
}*/

#music-btn i.music {
	font-size: 18px;
}

#music-btn span {
	font-family: proxima-nova-condensed, sans-serif;
    display: block;
    position: absolute;
    left: -92px;
    font-size: 24px;
    letter-spacing: 1.4px;
    bottom: 109px;
    width: 219px;
    transform: rotate(-90deg);
    text-transform: uppercase;
    -webkit-text-shadow: 1px 1px 0px #040808;
	-moz-text-shadow: 1px 1px 0px #040808;
	text-shadow: 1px 1px 0px #040808;
}

#music-btn span i {
    margin-right: 5px;
    opacity: .5;
}

#music-btn span i.left {
    display: none;
}

body.spotify-open #music-btn span i.left {
    display: inline-block;
}

#music-btn #spotify-player,body.spotify-open #music-btn span i.right {
    display: none;
}

#spotify-player {
  position: fixed;
  left: -270px;
  top: 70px;
  bottom: 0;
  width: 270px;
  min-height: 90%;
  background-color: #407008;
	z-index: 1000;
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 40%);
	-moz-box-shadow: 0 0 8px rgb(0 0 0 / 40%);
	box-shadow: 0 0 8px rgb(0 0 0 / 40%);
}

body.spotify-open #spotify-player {
    left: 0;
}

#spotify-player iframe {
    display: block;
    width: 100%;
    height: 90vh;
}

#spotify-player #music-links {
    text-align: center;
    overflow: auto;
}

#spotify-player #music-links h5 {
    margin: 20px 0 0;
    padding: 0 10px;
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
}

#spotify-player #music-links h5.title {
    padding: 12px 12px;
    line-height: 1.1;
    margin: 0 0 15px;
    color: #FFFFFF;
	background: #ef6324;
}

#spotify-player a {
    margin: 0 10px;
    font-size: 25px;
    color: #e41071;
}

#spotify-player a:hover {
    color: #ef6324;
}

#spotify-player hr {
    margin: 12px 10%;
    border-color: #040808;
    opacity: .5;
}

#spotify-player p {
    padding: 0px 10%;
	color: #ffffff;
	font-size: 15px;
}

body.spotify-open {
    /*padding-left: 270px;*/
}

body.spotify-open .nav-menu {
	display: inline;
}

@media screen and (min-width: 768px) {

	/* #music-btn {
		width: 26px;
		padding: 8px 2px 2px 5px;
	} */

	/* #music-btn span {
		left:-96px;
	} */
}

@media screen and (min-height: 768px) {

    #spotify-player #music-links {
        position: absolute;
        bottom: 21px;
        left: 0;
    }

    #spotify-player #player {
    	height: calc(100% - 353px);
    }

}

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

    body.spotify-open #wrapper {
		opacity:0;
	}

}

/* LANDING */
#landing {
	color: #fbde27;
}
#landing .entry-title {
	display: none;
}
#landing .entry-content {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
	text-align:center;
}
#landing .post-840 .entry-content {
    flex-flow: column wrap;
    justify-content: space-evenly;
	text-align:center;
	align-items: center;
}
#landing .entry-content > div, #landing .entry-content > iframe, #landing .entry-content > blockquote {
	margin-bottom: 50px !important;
}
#landing .entry-content iframe {
	background-color:white;
}
#landing img {
	display:inline-block;
	width: 100%;
	height: 100%;
}
#landing p {
	font-size:25px;
}
#landing h1 {
	font-size: 42px;
	color:#FFFFFF;
	display: block;
	text-transform: uppercase;
	text-align:center;
}
#landing h4 {
	font-size: 24px;
	color: #fbde27;
	display: block;
	text-transform: uppercase;
	text-align:center;
	flex: 100%;
	margin-bottom: 50px;
}
#landing h5 {
	font-size: 24px;
	color: #ffffff;
	display: block;
	text-transform: uppercase;
	text-align:center;
	margin-bottom: 5px;
}
.hero.landing {
	background-image: url('https://shuckedbwaydev.wpengine.com/wp-content/uploads/2023/07/art-landingpage1900.jpg');
    width: 100%;
	max-width:100%;
    height: 42vw;
    background-size: cover;
    background-position: center;
    display: block;
	margin-top: 50px !important;
}
#landing .fb-post > span, #landing .fb-post > span > iframe {
	width: 100% !important;
}
@media screen and (min-width: 728px) {
	.hero.landing {
		height: 32vw;
	}
}

@media screen and (min-width: 1400px) {
	.hero.landing {
		height: 500px;
	}
}
@media screen and (max-width: 768px) {
	#block-facebook, #block-instagram {
		display:none;
	}
	#landing .post-840 h1 {
		font-size: 30px;
	}
}

/* TICKETS */

.presale {
	margin: 0 auto 0;
	display:block;
	text-align:center;
}

.presale img {
	margin: 0 auto 20px;
    display: block;
    width: 100px;
    transform: none;
}

.presale p {
	color: #fbde27;
    margin: 0 auto 0;
    display: inline-block;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
	line-height:1.3;
}

.presale p.attribute {
	font-weight: normal;
    /* text-transform: none; */
    font-style: italic;
    font-size: 16px;
    display: block;
}

@media screen and (min-width: 990px) {

	.presale img {
		display:inline-block;
		margin: 0px 12px 0 0;
		width: 100px;
		transform: translateY(6px);
	}
   .presale p {
		font-size: 24px;
	}

}

#tickets, #landing {
	padding:66px 22px;
	z-index: 2;
    position: relative;
	margin: 0;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.32);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.32);
	background:#295c25;

}

#tickets h1 {
	color:#FFFFFF;text-align:center;
}

.nederlander {
	width: 15px;
    transform: translateY(2px);
    margin: 0 4px 0 0;
}

#ticket-info {
	display:block;
	/*border:4px solid #380809;*/
	margin: 22px 11px 111px;
}

#ticket-info-snipe {
	color:#FFFFFF;
	padding: 15px 17px 15px;
}

#ticket-info-snipe .button.red {
    margin: 0px auto 0;
	line-height: 1.1;
}

.ticket-box h3 {
	font-family: 'Alfa Slab One' !important;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-size: 22px;
	text-transform:uppercase;
	text-align:center;
	margin:0 auto 11px;
}

.ticket-box h4 {
	font-size:32px;
	margin:17px auto 6px;
	color:#fbde27;
	display:block;
	text-transform:uppercase;
}

.ticket-box h4:nth-of-type(1) {
	margin:0px auto 6px;
}

.ticket-box p {
	font-size: 16px;
	color:#FFFFFF;
	line-height:1.4;
	display:inline;
}

.ticket-box p a {
	color:#fbde27;
	font-weight:normal;
}

.ticket-box {
	display: block;
    padding: 33px 22px;
    background: rgba(255,255,255,.03);
    border-bottom: rgba(255,255,255,.2) 1px solid;
    margin: 0 0 22px;
	text-align:center;
	vertical-align:top;
	border-radius: 8px 0 8px 0;
}

.ticket-box.below {
	width: 100%;
	display:block;
}

#calendar {
	position:relative;
	z-index:54;
}

.tribe-events-calendar tbody {
	background: rgba(0,0,0,.08)
}

@media only screen and (min-width: 800px) {

	.ticket-box {
		padding: 33px;
	}

	.ticket-box.below {
		width: calc(50% - 11px);
		display:inline-block;
	}

	.ticket-box.below.right {
		float:right;
	}

}

@media only screen and (min-width: 1126px) {

	#tickets, #landing {
		padding:77px 22px;
	}

	#ticket-info {
		margin: 66px 33px 22px 33px;
	}

	#ticket-info-content {
		width: calc(36% - 6px);
		text-align:left;
		float:right;
		padding: 0 0 11px 22px;
	}

	#calendar {
		width: calc(65% - 49px);
		float: left;
		margin: 0;
		margin-left: 27px;
	}

	.ticket-box {
		display:inline-block;
	}

}

@media only screen and (max-width: 425px) {
	/* TICKETS */
	
	.ticket-box h4 {
	font-size: 26px;
	}
}



.corn-lights {
	background-image: url(../_img/corn-lights.gif);
    height: 32px;
    background-size: contain;
    background-position: center;
    margin: -26px auto -8px;
	filter: drop-shadow(2px 0px 2px rgba(0,0,0,.4));
    position: relative;
    z-index: 0;
}

.corn-lights.bottom {
    margin: -8px auto 0;
	transform:rotate(180deg);
}

.corn-lights.black {
    background-image: url(../_img/corn-lights-black.gif);
}

/* ABOUT */

#about {
	display:block;
	padding:111px 22px 111px;
	text-align:center;
	margin:-26px auto 0;
	background-image: url(../_img/bg-glow.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 600px) {
	#about {
		padding:111px 44px 111px;
 	}
}

#about h1 {
	margin:0 auto 44px;
}

.video {
	position: relative;
    width: 100%;
    padding: 0;
    z-index: 6;
}

.gallery {
	position: relative;
    width: 100%;
    padding: 0;
    z-index: 6;
	margin: 0 auto 22px;
}

@media screen and (min-width: 768px) {
	.video {
		padding: 0 0 0 44px;
    	width: 50%;
    	float: right;
	}
	.gallery {
		width: calc(50% - 44px);
    	float: right;
   		margin: 0 0 0 44px;
	}
}

#gallery-slider .slick-track {
	left: -11px;
}

.gallery-item {
 	width:100%;
	display:block;
}
.gallery-slider-item {
	display:block;
	padding: 0 11px;
}

.gallery .gallery-item img {
	width:100%;
	height: auto;
	display:block;
	height:auto;
	border: 1px solid rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
}
.gallery-slider-item img {
	width:auto;
	max-height: 243px;
	display:block;
	height:auto;
	border: 1px solid rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
}

.videos-feature-thumb {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    margin: 0 0 0 0;
    -webkit-box-shadow: 0 0 6px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 0 6px rgb(0 0 0 / 50%);
    box-shadow: 0 0 6px rgb(0 0 0 / 50%);
}

@media screen and (min-width: 768px) {
	.videos-feature-thumb {
		margin: 0 0 44px 0;
	}
}

.videos-feature-thumb:hover i {
 color:#fbde27
}

.videos-feature-thumb i {
    position: absolute;
    top: 42%;
    left: 48%;
    z-index: 1;
    font-size: 44px;
    opacity: .8;
    color: #FFFFFF;
    text-shadow: 0 0 12px rgb(0 0 0 / 50%);
}

.videos-feature-thumb img {
    display: block;
    position: relative;
    width: 100%;
}
span.caption {
    font-size: 10px;
    color: rgba(0,0,0,.7);
    margin-top: 6px;
    display: block;
}

#media {
	margin: -66px 0 0;
    display: block;
    padding: 111px 0 0;
}


.gallery-video {
	position: relative;
    margin: 0 11px 0;
    border: none;
}

.gallery-video .video-wrapper {
	padding-bottom: 56.10%;
	height: 0;
	overflow: hidden;
}

.gallery-video .video-wrapper iframe, .gallery-video .video-wrapper a {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
}
.gallery-video .video-wrapper img {
	width: 100%;
}

.gallery-caption {
	border: none !important;
	transform:none !important;
	font-size: 10px;
    color: rgba(0,0,0,.7);
    margin-top: 6px;
    display: block;
}

/* BUZZ */

#buzz {
	display:block;
	padding:111px 0 0 0;
	text-align:center;
	margin:-26px auto 0;
}

#buzz h1 {
	margin:0 auto 44px;
}

#press-gallery {
	position: relative;
    width: 100%;
    padding: 0;
    z-index: 6;
	margin: 0 auto 22px;
}

.press-wrapper {
	width:100%;
  max-width: 100%;
	display:block;
	height:auto;
	margin: 0 20px;
}

.press-wrapper div {
	display: inline-block;
	height:auto;
	margin-bottom: 40px;
	/* border: 1px solid rgba(0,0,0,.5); */
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
}

.press-quote-full {
	width:100%;
	max-width: 100%;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.2;
	padding: 40px 30px;
	min-height: 240px;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

.press-quote-full.white {
	background-color: white;
	color: #295c24;
}

.press-quote-full.green {
	background-color: #295c24;
	color: white;
}

span.press-cite {
    margin-top: 6px;
    display: block;
		font-weight: 900;
}

.press-half {
	width: 46%;
  /* margin: 17px 0px; */
  margin: 0 0 8%;
  transition: .3s ease;
}
.press-half.left {
  margin-right: 6%;
}
.press-half img {
	width: 100%;
}

.tony-wrapper {
	width:100%;
  max-width: 100%;
	display:flex;
	/* flex-direction: column; */
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin: 25px auto 0;
	padding: 8% 3%;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55);
	background-color: #295c24;
	color: white;
	font-size: 1.2em;
}
.tony-wrapper img {
	margin:auto;
	padding: 0 2% 2%;
	max-width: 100%;
}
.tony-wrapper div {
	padding: 0 2%;
}
.tony-wrapper span {
	font-weight: bold;
	display: block;
	margin: 15px auto 3px;
	text-transform: uppercase;
}

@media screen and (min-width: 769px) {
	.press-quote-full {
		font-size: 1.3em;
	}
	.tony-wrapper {
		font-size: 1.5em;
		padding: 4% 2%;
	}
}

/* CAST AND CREATIVE */

p.cast-sub {
	color: #FFFFFF;
    font-weight: bold;
}

#company {
	padding:66px 22px 40px;
	text-align:center;
	z-index: 2;
    position: relative;
	margin: 0;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.32);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.32);
	background:#295c25;

}

@media screen and (min-width: 600px) {
	#company {
		padding:111px 44px 111px;
	}
}

#company h1 {
	color:#FFFFFF;
}

.cast {
	width:160px;
	display:inline-block;
	margin:17px 0px;
	padding:0 4px 12px;
	transition:.3s ease;
	vertical-align:top;
}

#cast-slider {
	margin:22px;
}

.cast img {
	width:calc(100% - 8px);
	transition:.3s ease;
	margin:0 auto 2px;
	border:4px solid transparent;
    border-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='305px' height='305px' viewBox='0 0 305 305' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Cdefs%3E%3Ccircle id='path-1' cx='212.5' cy='212.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-3' cx='112.5' cy='212.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-4'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-5' cx='12.5' cy='212.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-6'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-7' cx='212.5' cy='112.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-8'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-9' cx='12.5' cy='112.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-10'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-11' cx='212.5' cy='12.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-12'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-13' cx='112.5' cy='12.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-14'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-15' cx='12.5' cy='12.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-16'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' transform='translate(40.000000, 40.000000)'%3E%3Cg id='Oval-Copy-8'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-7'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-4)' xlink:href='%23path-3'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-3'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-3'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-6'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-6)' xlink:href='%23path-5'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-5'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-5'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-5'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-8)' xlink:href='%23path-7'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-7'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-7'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-3'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-10)' xlink:href='%23path-9'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-9'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-9'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-2'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-12)' xlink:href='%23path-11'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-11'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-11'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-14)' xlink:href='%23path-13'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-13'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-13'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-16)' xlink:href='%23path-15'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-15'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-15'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
        100 round;
}

#creative .cast img {
	border:3px solid #000000;
}

#creative {
	text-align:center;
	padding:111px 22px 111px;
	background-image: url(../_img/bg-glow.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 600px) {
	#creative {
		padding:111px 44px 111px;
	}

	.cast {
		width:195px;
	}

	.cast.featured {
		width:240px;
	}

	.creative {
		width:220px;
	}
}

.creative {
	width:160px;
	display:inline-block;
	margin:17px 0px;
	padding:0 4px 12px;
	transition:.3s ease;
	vertical-align:top;
}

.bio-duo {
	cursor: pointer;
}

.bio, .bio-double {
	vertical-align:top;
	text-decoration:none;
	display:inline-block;
}

.bio h4, .bio-double h4 {
	color: #000000;
    margin: 0px 0 2px;
    line-height: 1.2;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

#company .bio h4 {
	color: #FFFFFF;
}

.bio h5, .bio-double h5 {
	color: #295c25;
    margin: 0 0 2px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

#company .bio h5 {
	color: #fbde27;
	text-transform:none;
}

.cast:hover img {
	transform:scale(1.03);
}

.creative:hover {
	transform:scale(1.03);
}

.lity-container {
	width: 100%;
    max-width: 964px !important;
}

@media screen and (min-width: 600px) {
	.lity-container {
		width: 90%;
	}
}

.lity-active,
.lity-active body {
    overflow: hidden;
}

.bio-popup {
	position: relative;
	background: #000000;
	padding: 44px 22px;
	max-width: 900px;
	margin: 20px auto;
	border: 2px solid #FFFFFF;
	text-align:center;
	overflow:scroll;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
	background-color:#295c25;
	background-image: url('../_img/bg.jpg');
	background-attachment: fixed;
	background-size: cover;
}

@media screen and (min-width: 600px) {
	.bio-popup {
		padding: 44px 66px;
	}
}

.bio-popup::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}

.bio-popup img {
	float:none;
	display:block;
	margin:0 auto 22px;
	max-width:300px;
	border:4px solid transparent;
    border-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='305px' height='305px' viewBox='0 0 305 305' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Cdefs%3E%3Ccircle id='path-1' cx='212.5' cy='212.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-3' cx='112.5' cy='212.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-4'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-5' cx='12.5' cy='212.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-6'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-7' cx='212.5' cy='112.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-8'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-9' cx='12.5' cy='112.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-10'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-11' cx='212.5' cy='12.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-12'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-13' cx='112.5' cy='12.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-14'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ccircle id='path-15' cx='12.5' cy='12.5' r='12.5'%3E%3C/circle%3E%3Cfilter x='-242.0%25' y='-242.0%25' width='584.0%25' height='584.0%25' filterUnits='objectBoundingBox' id='filter-16'%3E%3CfeMorphology radius='10.5' operator='dilate' in='SourceAlpha' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='0' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='10' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.933929001 0 0 0 0 1 0 0 0 0 0.411458333 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' transform='translate(40.000000, 40.000000)'%3E%3Cg id='Oval-Copy-8'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-7'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-4)' xlink:href='%23path-3'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-3'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-3'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-6'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-6)' xlink:href='%23path-5'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-5'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-5'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-5'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-8)' xlink:href='%23path-7'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-7'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-7'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-3'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-10)' xlink:href='%23path-9'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-9'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-9'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy-2'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-12)' xlink:href='%23path-11'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-11'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-11'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval-Copy'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-14)' xlink:href='%23path-13'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-13'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-13'%3E%3C/use%3E%3C/g%3E%3Cg id='Oval'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-16)' xlink:href='%23path-15'%3E%3C/use%3E%3Cuse stroke='%23FFFF00' stroke-width='1' fill='%23FFFF73' fill-rule='evenodd' xlink:href='%23path-15'%3E%3C/use%3E%3Cuse stroke-opacity='0.01' stroke='%23979797' stroke-width='1' xlink:href='%23path-15'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
        100 round;
}

@media screen and (min-width: 900px) {
	.bio-popup img {
		float:right;
		margin:0 0 0 44px;
	}
}

.bio-popup h4, .bio-popup h5, .bio-popup p {
	display:block;
	text-align:center;
}

.creative-bio-popup h4, .creative-bio-popup h5, .creative-bio-popup p {
	display:block;
	text-align:center;
}

.bio-popup h4 {
	color:#FFFFFF;
	font-size: 27px;
	line-height: 1;
	margin:0 0 8px 0;
	display:block;
}

.bio-popup h5 {
	color:#fbde27;
	font-size: 20px;
	line-height: 1;
	margin:0 0 22px 0;
	text-transform:none;
	display:block;
}

.bio-popup p {
	color:#FFFFFF;
	font-size: 14px;
	line-height: 1.6;
	overflow:hidden;
}

@media screen and (min-width: 900px) {
	.bio-popup p {
		text-align:justify;
		margin:0 auto 0;
	}
}

.creative-bio-popup {
	position: relative;
	background: #1e1127;
	padding: 20px;
	max-width: 900px;
	margin: 20px auto;
	border: 2px solid #ffdd02;
	text-align:center;
	overflow:scroll;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

.creative-bio-popup::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}

.creative-bio-popup h4, .creative-bio-popup h5, .creative-bio-popup p {
	display:block;
	text-align:center;
}

.creative-bio-popup h4 {
	color:#ffdd02;
	font-size: 27px;
	line-height: 1;
	text-align:center;
	margin:15px 0 8px 0;
}

.creative-bio-popup h5 {
	color:#FFFFFF;
	font-size: 20px;
	line-height: 1;
	text-align:center;
	margin:0 0 22px 0;
	text-transform:none;
}

.creative-bio-popup p {
	color:#FFFFFF;
	font-size: 18px;
	line-height: 1.6;
	overflow:hidden;
	text-align:center;
}

.credit {
	color: #FFFFFF;
    font-size: 10px;
    opacity: .7;
    font-style: italic;
    margin: 0 auto 0;
}

.mfp-close-btn-in .mfp-close {
    color: #FFFFFF;
}

.slick-prev, .slick-next {
				font-size: 0;
				line-height: 0;
				position: absolute;
				top: 40%;
				display: block;
				width: 20px;
				height: 40px;
				padding: 0;
				-webkit-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
				cursor: pointer;
				color: transparent;
				border: none;
				outline: none;
				background: transparent;
	    		text-shadow: 0 0 5px rgb(0 0 0 / 90%);
			}

			.slick-prev {
				left: 0px !important;
				z-index: 5;
			}

			.slick-next {
				right: 0px !important;
				z-index: 5;
			}

			.slick-prev::before {
			  content: "\276E" !important;
			  font-size: 30px !important;
				z-index:10001 !important;
				color:#FFFFFF;
			}

			.slick-next::before {
			  content: "\276F" !important;
			  font-size: 30px !important;
				z-index:10001 !important;
				color:#FFFFFF;
			}

/* Styling the default Slick dots */

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.slick-dots li {
  margin: 0 0.25rem;
}
.slick-dots button {
  display: block;
    width: 7px;
    height: 7px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: rgba(0,0,0,.2);
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
  background-color: rgba(0,0,0,1);
}

#footer {
	position:relative;
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+57,383603+100 */
	background: #000000; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #000000 57%, #383603 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #000000 57%,#383603 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #000000 57%,#383603 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#383603',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding:99px 44px;
	color:#FFFFFF;
	text-align:center;
	border-top: 2px solid #FFFFFF;
}

@media only screen and (min-width: 768px) {

	#footer {
		padding:99px 66px;
	}

}

.email {
    margin: 22px auto 22px;
    display: block;
}

.email input {
	font-family: proxima-nova-condensed, sans-serif;
	width:280px;
    height: 41px;
    margin: 0 8px 8px 0;
    padding: 0px 5px;
	vertical-align:top;
	font-size:22px;
	font-weight:400;
}

.email button {
	max-width: 225px;
	display:inline-block;
	margin:0 auto 0;
	padding:6px 11px 6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101759+0,01052c+100 */
	background:#17161c;
	color: #FFFFFF;
	border:0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
	font-size: 28px;
	letter-spacing:2px;
	line-height: 1.18;
	font-weight: 800;
	font-style:normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	border-radius:4px;
	-webkit-transition: .5s;
	transition: .5s;
	transform: translateY(-2px);
}

.email button:hover {
	filter:brightness(1.4);
}

#footer a {
	margin:3px 6px 3px;
	display:inline-block;
}

#footer a:hover {
	color:#fbde27;
}

#footer a.button:hover {
	color:#000000;
	filter:brightness(1.4);
}

#footer .social {
	display:block;
	margin:22px auto 22px;
}

#footer .social a {
	text-decoration:none;
}

#footer .social a i {
	color:#fbde27;
	font-size:28px;
	margin: 0 10px 0 0;
}

#footer .social a:last-of-type i {
	margin: 0 0 0 0;
}

#footer .social a:hover i {
	color:#FFFFFF;
}

#footer .legal {
	font-size:12px;
	margin:22px auto 0;
}

#footer .credit {
	color: #FFFFFF;
    font-size: 12px;
    opacity: .7;
    font-style: normal;
    margin: 22px auto 0;
}

#footer .partners {
	width: 190px;
    margin: 0px auto;
	display:block;
}

#footer .partners-2 img {
	max-width: 275px;
	width: 100%;
}

#footer .partners-2 {
	margin: 0px auto;
    display:block;
}
#footer .partners-3 {
	margin: 55px auto 0;
    display:block;
	max-width: 275px;
	width: 100%;
}

.bullet {
	color:#fbde27;
}

/* SUBPAGE */

.subpage-title {
	width: 100%;
    display: block;
    margin: 0 auto 22px;
}

#broadway h5 {
	color: #fbde27;
    margin: 0 auto 44px;
	line-height: 1.2;
}

#broadway p {
	color:#FFFFFF;
}

#awards-rotator h4 {
	color:#fbde27;
}


/* FAQ */

.faq-content {
	padding:22px;
}

#faq h2, #faq-2 h2 {
	margin: 66px auto 22px;
}

#faq h2:nth-of-type(1), #faq-2 h2:nth-of-type(1) {
	margin: 0px auto 22px;
}

.accordion {
	background: none;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	color:#295c25;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-transform: uppercase;
}

.blue-box .accordion {
	color:#fbde27;
}

.accordion:hover {
	background-color: rgba(250,250,250,.09);
}

.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: transparent;
	text-shadow:0 0 0 #17161c;
	float: right;
	margin: 7px 0 0 5px;
}

.blue-box .accordion:after {
	text-shadow: 0 0 0 #ffffff;
}

.accordion.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.panel {
	padding: 0 18px;
	background: none;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border-bottom:solid 1px rgba(250,250,250,.3);
}

.panel p {
	padding:0;
	margin:12px 0 22px;
	color:#000000;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}

.blue-box .panel p {
	color:#FFFFFF;
}

.panel .header {
	font-size: 24px;
	font-weight: bold;
}

/* PARTNERS */

.partner {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto 22px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.1);
	vertical-align:top;
}

.partner img {
	width:100%;
	display:block;
	max-width:400px;
	margin:0 auto 33px;
}

.partner h4 {
	color:#FFFFFF;
	font-size:22px;
	margin:0 auto 11px;
	padding: 0 22px 0;
}

.partner a {
	text-decoration:none;
}

.partner a p {
	padding:0 22px 0;
}

@media screen and (min-width: 600px) {
	.partner {
		width: calc(50% - 28px);
    	margin: 12px;
	}
}

@media screen and (min-width: 1000px) {
	.partner {
		width: calc(33% - 44px);
   		margin: 22px;
	}
}

/* MUSIC */

#music {
	display: block;
    padding: 77px 22px 111px;
    text-align: center;
    margin: -26px auto 0;
    background-image: url(../_img/bg-glow.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 500px) {
	#music {
		padding: 111px 22px 111px;
	}
}

#music h1 {
	text-transform:uppercase;
	color:#4fb948;
}

#music .max-width iframe {
	min-height: 360px;
}

.g-background-default {
    background-color: rgba(255,255,255,.7) !important;
}

.paging-eof {
	display:none !important;
}

.sc-button-medium.sc-button-icon, .sc-button-small.sc-button-icon {
	display:none !important;
}

.soundHeader__logo {
	display:none !important;
}

*:focus {
  outline: none;
}

#app-cover {
  position: relative;
  display:block;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width:500px;
  height: 100px;
  margin: 290px auto 44px;
}

#bg-artwork {
  position: fixed;
  top: -30px;
  right: -30px;
  bottom: -30px;
  left: -30px;
  background-image: url("https://raw.githubusercontent.com/himalayasingh/music-player-1/master/img/_1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  filter: blur(40px);
  -webkit-filter: blur(40px);
  z-index: 1;
}

#bg-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.51;
  z-index: 2;
}

#player {
  position: relative;
  height: 100%;
  z-index: 3;
}

#player-track {
  position: absolute;
  top: 0;
  right: 15px;
  left: 15px;
  padding: 13px 22px 19px;
  background-color: rgba(255,255,255,.5);
  border-radius: 15px 15px 0 0;
  transition: 0.3s ease top;
  z-index: 1;
}

#player-track.active {
  top: -92px;
}

#album-name {
  color: #000000;;
  font-size: 13px;
  margin: 2px 0 13px 0;
}

#track-name {
  color: #295c25;
  font-size: 17px;
  font-weight: bold;
  text-transform:uppercase;
}

#track-time {
  height: 12px;
  margin-bottom: 3px;
  overflow: hidden;
}

#current-time {
  float: left;
}

#track-length {
  float: right;
}

#current-time,
#track-length {
  color: transparent;
  font-size: 11px;
  background-color: none;
  border-radius: 10px;
  transition: 0.3s ease all;
}

#track-time.active #current-time,
#track-time.active #track-length {
  color: #295c25;
  background-color: transparent;
}

#s-area,
#seek-bar {
  position: relative;
  height: 4px;
  border-radius: 4px;
}

#s-area {
  background-color: #295c25;
  cursor: pointer;
}

#ins-time {
  position: absolute;
  top: -29px;
  color: #fff;
  font-size: 12px;
  white-space: pre;
  padding: 5px 6px;
  border-radius: 4px;
  display: none;
}

#s-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  z-index: 2;
}

#ins-time,
#s-hover {
  background-color: #3b3d50;
}

#seek-bar {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #4fb948;
  transition: 0.2s ease width;
  z-index: 1;
}

#player-content {
  position: relative;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
  border-radius: 15px;
  z-index: 2;
}

#album-art {
  position: absolute;
  left: 0;
  right: 0;
  top: -260px;
  width: 130px;
  height: 130px;
  margin: 0 auto 0;
  transform: rotateZ(0);
  transition: 0.3s ease all;
  box-shadow: 0 0 0 10px #fff;
  border-radius: 50%;
  overflow: hidden;
}

#album-art.active {
  box-shadow: 0 0 0 4px #FFFFFF, 0 10px 20px rgb(0 0 0 / 40%);
}

#album-art:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: -10px auto 0 auto;
  background-color: #d6dee7;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #fff;
  z-index: 2;
}

#album-art img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}

#album-art img.active {
  opacity: 1;
  z-index: 1;
}

#album-art.active img.active {
  z-index: 1;
  animation: rotateAlbumArt 3s linear 0s infinite forwards;
}

@keyframes rotateAlbumArt {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

#buffer-box {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 13px;
  color: #1f1f1f;
  font-size: 13px;
  font-family: Helvetica;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  padding: 6px;
  margin: -12px auto 0 auto;
  background-color: rgba(255, 255, 255, 0.19);
  opacity: 0;
  z-index: 2;
}

#album-art img,
#buffer-box {
  transition: 0.1s linear all;
}

#album-art.buffering img {
  opacity: 0.25;
}

#album-art.buffering img.active {
  opacity: 0.8;
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

#album-art.buffering #buffer-box {
  opacity: 1;
}

#player-controls {
  height: 100%;
  margin: 0 5px 0 5px;
  float: none;
  overflow: hidden;
}

.control {
  width: 33.333%;
  float: left;
  padding: 12px 0;
}

.player-button {
  padding: 25px;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.player-button i {
  display: block;
  color: #000000;
  font-size: 26px;
  text-align: center;
  line-height: 1;
}

.player-button,
.player-button i {
  transition: 0.2s ease all;
}

.player-button:hover {
  background-color: rgba(0,0,0,.3);
}

.player-button:hover i {
  color: #fff;
}

@media only screen and (min-width: 500px) {
	#app-cover {
	  margin: 150px auto 44px;
	}

	#player-track {
	  padding: 13px 22px 10px 184px;
	}

	#player-controls {
	  width: 250px;
	  margin: 0 5px 0 141px;
	  float: right;
	}

	#album-art {
	  top: -40px;
	  width: 115px;
	  height: 115px;
	  margin: 0 0 0 40px;
	}

	#album-art.active {
	  top: -60px;
	}


}

/* PRIVACY */

#privacy ol, #privacy ul, #privacy p {
	text-align:left;
    margin: 22px 0 22px 22px;
}

#privacy-popup h1 {
	font-size:22px;
	color: #fbde27;
    margin: 22px auto 22px;
}


/* PRELOADER */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fbde27;
  z-index: 999;
}

#status {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border-top: 16px solid #1a4e9a;
  border-right: 16px solid #1a4e9a;
  border-bottom: 16px solid #1a4e9a;
  border-left: 16px solid rgba(255,255,255,.1);
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.glow {
	opacity:.6;
    background: -moz-radial-gradient(center, ellipse cover, rgba(224,235,255,1) 0%, rgba(166,206,241,0) 59%, rgba(125,185,232,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(224,235,255,1) 0%,rgba(166,206,241,0) 59%,rgba(125,185,232,0) 100%);
    background: radial-gradient(ellipse at center, rgba(224,235,255,1) 0%,rgba(166,206,241,0) 59%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ebff', endColorstr='#007db9e8',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
	-webkit-animation: spin 10s linear infinite;
  animation: spin 10s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.disappear {
	opacity:0 !important;
}

@media only screen and (max-width: 425px) {
	* {
		letter-spacing:0 !important;
	}	
}



/* FAQ */

#faq {
	padding-top: 70px;
}
#faq .accordion {
  background: none;
  color: #ffffff;
  cursor: pointer;
  padding: 18px 18px 18px 35px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
	border-top: 0.5px solid rgba(255,255,255,.2);
	font-weight: bold;
  transition: 0.4s;
	position: relative;
}

#faq .active, #faq .accordion:hover {
  background: rgba(255,255,255,.03);
	color: #fbde27;
}

#faq .accordion:after {
  content: '\002B';
  color: #fbde27;
  font-weight: bold;
	float: left;
  margin-right: 20px;
	font-size: 1.5em;
	position: absolute;
    top: 21px;
    left: 5px;
	line-height: 0;
}

#faq .accordion span {
  margin-bottom: 5px;
	display: inline-block;
}

#faq .active:after {
  content: "\2212";
}

#faq .panel {
  padding: 0 18px;
  color: #ffffff;
  max-height: 0;
  overflow: hidden;
	border-bottom: none;
  transition: max-height 0.2s ease-out;
}

#faq .panel p {
	color: #ffffff;
	font-size: initial;
}

/* TOUR */

.tour-dates {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.tour-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  color: #ffffff;
}
.tour-date h6, .tour-date p {
  margin: 0 0 10px;
  text-align: center;
}
.tour-date h6 {
  color: #fbde27;
}
.tour-date a.button {
  font-size: 20px;
}
@media (min-width: 850px) {
	.tour-date {
	  flex-direction: row;
	  justify-content: space-between;
	}
	.tour-date h6 {
		width: 180px;
	}
	.tour-date h6, .tour-date p {
	  margin: 0;
	  padding: 0 1.5%;
	  text-align: left;
	  flex: 1;
	}
	.tour-date p:first-of-type {
		flex: 1.7;
	}
	.tour-date a.button {
	  margin: 0;
	}
}