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


/* UNIVERSAL */

* {
	margin:0;
	padding:0;
	font-family: proxima-nova, sans-serif;
	box-sizing:border-box;
	line-height:1;
	transition:.3s ease;
	scroll-behavior:smooth;
}
	
input, textarea, select, a { outline: none !important; border:none !important }
input:focus, textarea:focus, select:focus{ outline: none; border:none !important} 
	
body {
	background:rgb(94,174,223);

}

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

h1 {
	font-size:47px;
}

h2 {
	font-size:39px;
}

h3 {
	font-size:32px;
}

h4 {
	font-size:26px;
}

h5 {
	font-size:20px;
}

h6 {
	font-size:18px;
}

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

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

	h2 {
		font-size:49px;
	}

	h3 {
		font-size:42px;
	}

	h4 {
		font-size:36px;
	}

	h5 {
		font-size:27px;
	}

	h6 {
		font-size:22px;
	}

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

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:66px auto 0;
	overflow:hidden;
}

a.button {
	border-radius: 4px;
    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: 3px 12px;
    background: #17161c;
    color: #FFFFFF;
    z-index: 20;
    position: relative;
}
	
#video-wrapper {
	padding-bottom: 56.10%;
	height: 0;
	overflow: hidden;
}
			
#video-wrapper iframe, #video object, #video embed {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
}

.videos-feature-thumb {
	display: block;
    position: relative;
    width: 100%;
    float: none;
    margin: 0 0 44px 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%);
}
	
.videos-feature-thumb img {
	display: block;
    position: relative;
    width: 100%;
}
		
.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:hover i {
	color: #63bbe9;
}

	
/* VIDEO BACKGROUND */

.video-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
	padding:0px;
	background:rgba(0,0,0,.0);
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
	opacity:1;
	filter:saturation(1);
	z-index:-1;

}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;
  padding: 10px;
	vertical-align:middle;
	display: block;
	background:rgba(0,0,0,0);
	padding:11px 11px;
}
	
/* ----- NAV BAR RULES ----- */

#nav {
	height:66px;
	background: rgba(23,44,106,.9);
	margin:0;
	padding: 17px 12px 9px 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;
	border-bottom:1px solid rgba(255,255,255,.1);
	-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%);
}

.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:220px;
	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;
	font-family: proxima-nova-condensed, sans-serif;
	
}

#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:#63bbe9;
}

.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 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9daf8+0,FFFFFF+100 */
	padding:3px 12px;
	background:#17161c;
	color: #FFFFFF;
	z-index:20;
	position:relative;
	float:right;
	margin:0px;
	transform:translateY(-4px);
}

#nav a.button:hover {
	color:#63bbe9;
}

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 #5eaedf;
  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:#5eaedf !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(23,44,106,.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 */

.hero {
	padding:0 !important;
	overflow:hidden;
	width:100%;
	position:relative;
	margin:0 auto 0 !important;
	max-width:1200px;
	background-color:#172c6a;
	background-image: url('../_img/bg-dark.jpg');
	background-attachment: fixed;
	background-size: cover;
	
}

.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%;
}
	
.blue-box {
	background-color:#172c6a;
	background-image: url('../_img/bg.jpg');
	background-attachment: fixed;
	background-size: cover;
	display:block;
	margin:0px auto 0px;
	padding:66px 22px;
	text-align:center;
	-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%);
	position:relative;
}

@media only screen and (min-width: 768px) {
	
	.blue-box {
		padding:99px 66px;
	}
	
}
	
.blue-box h2 {
	color:#FFFFFF;
}
	
.blue-box p {
	color:#5eaedf;
}

.no-box {
	background-color:none;
	background-image: url('../_img/bg-light.jpg');
	background-attachment: fixed;
	background-size: cover;
	display:block;
	margin:0px auto 0px;
	padding:66px 22px;
	text-align:center;
}

@media only screen and (min-width: 768px) {
	
	.no-box {
		padding:99px 66px;
	}
	
}

.no-box h2 {
	color:#172c6a;
}
	
.no-box p {
	color:#16161a;
}

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

#about h2 {
	color:#5eaedf;
}

#about p {
	color:#FFFFFF;
}

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

	.hero-video {
		position: absolute;
		width: 45%;
		padding: 6.8% 0 0 3%;
		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%;
}
	
/* SPOTIFY PLAYER */

#music-btn {
    position: fixed;
    z-index: 66;
    left: 0;
    top: 45%;
    height: 117px;
    width: 20px;
    padding: 8px 2px 2px 2px;
    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 {
	margin-left: 2px;
	font-size: 12px;
}

#music-btn span {
	font-family: proxima-nova-condensed, sans-serif;
    display: block;
    position: absolute;
    left: -99px;
    font-size: 16px;
    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: 67px;
    bottom: 0;
    width: 270px;
    min-height: 90%;
    background-color: #000000;
	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: 100%;
}

#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: 768px) {
	
    body.spotify-open #wrapper {
		opacity:0;
	}
	
}

/* TOUR */

.tour-stop {
	margin:0 auto 0;
	color:#FFFFFF;
	background:none;
	padding:14px;
	vertical-align: text-top;
	border-bottom:2px solid rgba(255,255,255,.2);
}

.tour-stop:first-of-type {
	margin-top:33px;
}

.tour-stop:last-of-type {
	margin-bottom:33px;
}

.tour-stop:hover {
	background:rgba(255,255,255,.1);
}

.tour-stop-city, .tour-stop-dates, .tour-stop-venue {
	width:100%;
	display:block;
	box-sizing:border-box;
	text-align:center;
	padding:6px;
	align-items:center;
	font-size:18px;
	line-height:1.2;
	height:100%;
}

.tour-stop-city {
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
}

.tour-stop-button {
	font-size:22px;
	width:100%;
	display:block;
	box-sizing:border-box;
	text-align:center;
	padding-top:12px;
}

a.tour-tickets{
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
    background-color:#63bbe9;
    color:#17161c !important;
    box-shadow:0 5px 15px rgba(0,0,0,.3);
	padding:6px 0px;
    text-decoration:none;
	display:block;
	text-align:center;
	margin:8px auto 4px;
}

a.tour-tickets.inactive {
	opacity:0.2;
}

a.tour-tickets:hover{
	background:#FFFFFF;
}

@media screen and (min-width:900px){
	.tour-stop-city, .tour-stop-dates, .tour-stop-venue, .tour-stop-tickets {
		width:calc(25% - 4px);
		display:inline-block;
		text-align:left;
		vertical-align:middle;
	}
	
	.tour-stop-dates {
		width:calc(22% - 4px);
	}
	
	.tour-stop-venue {
		width:calc(28% - 4px);
		padding:4px 19px 4px;
	}
	
	.tour-stop-tickets {
		padding-top:0;
	}
	
	a.tour-tickets {
		padding:6px 8px;
	}
}

@media screen and (min-width:900px){
	#tour-tickets {
		margin-top:-100px !important;
		padding-top:100px !important;
		display:block;
	}
	
	.tour-stop {
		margin: 0;
	}
}

/* GALLERY */

.gallery-item {
	max-width:100%;
}

.video-container {
	max-width: 90%;
    /* display: block; */
    margin: 0 auto 0;
	box-shadow: 0 0 12px rgb(0 0 0 / 50%);
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50.75%;
}

.video-container iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
		
.gallery-item img {
	max-width: 90%;
    /* display: block; */
    margin: 0 auto 0;
	box-shadow: 0 0 12px rgb(0 0 0 / 50%);
}
		
		.slick-next {
			right:15px !important;
			z-index:5;
		}
		
		.slick-prev {
			left:15px !important;
			z-index:5;
		}
		
		.slick-dots li button::before {
			color:white !important
		}

.gallery-item .caption {
	position:relative;
	padding:22px 12px 0;
	margin: 0 22px 0;
	color:#FFFFFF;
	font-size:12px !important;
	bottom:0;
	text-align:center;
	text-shadow:0 0 8px rgba(0,0,0,.5);
	display:block;
}

.no-box .gallery-item .caption {
	color:#17161c;
	text-shadow:none;
	
}

.gallery-credit {
	display: block;
    text-align: center;
    color: #5eaedf;
    font-size: 10px;
    padding: 12px;
}
	

/* CAST AND CREATIVE */

#cast {
	text-align:center;
	padding:66px 0 66px;
	margin-top:0;
}

.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);
	border:3px solid #FFFFFF;
	transition:.3s ease;
}

#creative {
	text-align:center;
	padding:22px 0 77px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fd6205+0,fc000a+42 */
background: #fd6205; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #fd6205 0%, #fc000a 42%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #fd6205 0%,#fc000a 42%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #fd6205 0%,#fc000a 42%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6205', endColorstr='#fc000a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.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:#16161a;
	margin:6px 0 3px;
	line-height:1.2;
	letter-spacing:.5px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold
}

.bio h5, .bio-double h5 {
	color:#172c6a;
	margin:0 0 8px;
	font-weight:400;
	font-size:14px;
}

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

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

.lity-container {
	max-width:90% !important;
}

.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:#172c6a;
	background-image: url('../_img/bg.jpg');
	background-attachment: fixed;
	background-size: cover;
}

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

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

.bio-popup img {
	float:none;
	display:block;
	margin:0 auto 22px;
	max-width:280px;
	border:1px solid #FFFFFF;
}

.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:#5eaedf;
	font-size: 20px;
	line-height: 1;
	margin:0 0 22px 0;
	text-transform:none;
	display:block;
}

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

.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;
}

.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: 20px;
				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;
			}

			.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;
			}

#footer {
	background: rgba(23,44,106,.9);
	padding:66px 44px;
	color:#FFFFFF;
	text-align:center;
}

@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 {
	color:#63bbe9;
	transition:.3s;
}

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

#footer a:hover {
	color:#5eaedf;
}

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

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

#footer .social a i {
	color:#5eaedf;
	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;
}


/* SUBPAGE */

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

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

#broadway p {
	color:#FFFFFF;
}

#awards-rotator h4 {
	color:#5eaedf;
}


/* 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:#172c6a;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-transform: uppercase;
}

.blue-box .accordion {
	color:#5eaedf;
}

.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:#16161a;
	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;
	}
}

/* PRIVACY */

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


/* PRELOADER */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5eaedf;
  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;
}