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

body{
	margin:0;
	padding:0;
	font-family: 'Muli', sans-serif;
	font-size:14px;
	line-height:140%;
	background-color:#1F2122;
	color:#FFF;
}


a{
	color:#ec008b;
}

.mobile{
	display:none;
}

h1,h2,h3{
	line-height:100%;
}

.wrapper{
	width:1200px;
	margin:auto;
}

#logo{
	display:inline-block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

#menu #mobile_menu{
	display:none;
}

#menu{
	z-index:999;
}


#menu, .gradient{
	background-image:url(../images/bg-gradient.jpg);
	background-size:100%;
	background-repeat:repeat-y;
	display:inline-block;
	width:100%;
}

#menu ul{
	list-style:none;
	display:inline-block;
	color:#FFF;
	width:calc(100% - 250px);
	float:left;
}

#menu li{
	float:left;
	margin-right:2%;
}

#menu a{
	color:#FFF;
	text-decoration:none;
}

#menu a:hover{
	background-color:#ec008b;
}

#logo a:hover{
	background-color:transparent;
}


#menu li.social_btns a:hover{
	background-color:transparent;
}

.social_text{
	display:none;
}

#head{
	width:100%;
	display:inline-block;
	position:relative;
}

#head img{
	width:100%;
}

#head .wrapper{
	position:relative;
}

#head #head-text{
	position:absolute;
	z-index:1;
	font-size:2em;
	font-weight:800;
	width:100%;
	display:inline-block;
	margin-top:15%;
}

#head .one_of_two_columns_without_margin .content{
	display:inline-block;
	padding:4%;
	color:#FFF;
}

#head .pink .content{
	background-color:#ec008b;
	float:right;
}

#head .black .content{
	background-color:#000;
	float:left;
}


h2.pink-arrow-block{
	padding-right:24px;
}


.pink-arrow-block{
	background-image:url(../images/pink-arrow.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center right;
	display:inline-block;
	padding-right:28px;
	margin:0;
}

#agenda-detail .pink-arrow-block{
	background-image:none;
	padding-right:0;
	width:100%;
	display:inline-block;
}

.pink-arrow-block span{
	background-color:#ec008b;
	padding:16px;
	padding-left:25px;
	padding-top:14px;
	padding-bottom:14px;
	display:inline-block;
}

#agenda-home-rows{
	width:100%;
	display:inline-block;
}

#agenda-home-rows .top_bar .date, #sets .top_bar .date, #agenda .top_bar .date, #djs .top_bar .date{
	display:inline-block;
	font-weight:800;
	font-size:2.2em;
	position:absolute;
	color:#FFF;
	padding-top:10px;
	padding-left:30px;
}

#djs .top_bar .date{
	padding-top:20px;
}

#agenda-home-rows .top_bar .date .month, #sets .top_bar .date .month, #agenda .top_bar .date .month{
	font-size:0.8em;
}

#agenda-home-rows .item, #sets .item, #agenda .item, #djs .item{
	position:relative;
}

#agenda-home-rows .item img.shield, #sets .item img.shield, #agenda .item img.shield, #djs .item img.shield{
	width:100px;
	height:109px;
	margin-top:-15px;
}

#agenda-home-rows .top_bar h2, #sets .top_bar h2, #agenda .top_bar h2{
	text-align:center;
	color:#FFF;
	background-color:#ec008b;
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:90px;
}

#agenda-home-rows .top_bar h2, #sets .top_bar h2, #agenda .top_bar h2{
	width: calc(100% - 90px);
    text-overflow: ellipsis;
    height: 1em;
    overflow: hidden;
    white-space: nowrap;
}

#agenda-home-rows .top_bar h2, #sets .top_bar h2{
	width:100%;
	padding-left:0;
}

#agenda-home-rows .top_bar .content, #sets .top_bar .content, #agenda .top_bar .content, #djs .top_bar .content{
	width:100%;
	display:inline-block;
}

#djs .top_bar .content{
	text-align:left;
}

#agenda-home-rows .date_shield, #sets .date_shield, #agenda .date_shield, #djs .date_shield{
	display:inline-block;
	float:left;
	position:absolute;
	z-index:1;
}

#agenda-home-rows .item .read-more, #sets .item .read-more, #agenda .item .read-more{
	position:absolute;
	bottom:5%;
	right:5%;
	background-color:#ec008b;
	color:#FFF;
	padding:7px;
	z-index:1;
	letter-spacing:1px;
	font-size:1.1em;
}

.absolute{
	position:absolute;
	z-index:1;
}

.social_btns img{
	margin-top:-5px;
}

#agenda-detail-info {
	color:#FFF;
}

#agenda-detail-info h1{
	margin-top:30px;
}

#agenda-detail-info .btn, #zalen .btn, #agenda-detail .btn{
	background-color:#ec008b;
	color:#FFF;
	padding:7px;
	z-index:1;
	letter-spacing:1px;
	font-size:1.1em;
	display:inline-block;
}

#agenda-detail .btn.large_tickets{
    font-size:1.4em;
    padding:15px;
    padding-left:30px;
    padding-right:30px;
    text-decoration:none;
}

#agenda-detail .btn.large_tickets:hover{
    background-color:#000;
}

#agenda-detail-info .btn a{
	color:#FFF;
	text-decoration:none;
}

.slider{
	width:100%;
	display:inline-block;
}

.slider img{
	width:100%;
}

#zalen #submenu{
	display:inline-block;
	padding-left:0;
	width:100%;
	list-style:none;
	color:#ec008b;
}

#zalen #submenu li{
	margin-right:2%;
	float:left;
	padding-right:2%;
	border-right:thin solid #ec008b;
}

#zalen #submenu li:last-child{
	margin-right:0;
	border-right:none;
}

#zalen h2{
	color:#ec008b;
}

#zalen .items-row .width_80{
	padding-top:4%;
	padding-bottom:4%;
}

#zalen #submenu a{
	color:#ec008b;
}

#zalen #intro, #sms-service, #djs #intro, #contact, #info, #drinks, #taxi, #rules{
	margin-top:4%;
	margin-bottom:4%;
}

#djs #intro{
	text-align:center;
}

#djs h1, #contact h1, #info h1, #info h2{
	color:#ec008b;
}

#djs h2{
	margin-top:20px;
	margin-bottom:5px;
	color:#ec008b;
	display:inline-block;
	width:100%;
}

#djs .item{
	margin-bottom:30px;
	text-align:center;
}

#zalen .mobile_slider{
	display:none;
}

.photo_btn{
	background-color:#ec008b;
	color:#FFF;
	font-weight:bold;
	width:95%;
	padding:2.5%;
	padding-top:10px;
	padding-bottom:10px;
}

.photo_btn a{
	text-decoration:none;
	color:#FFF;
	width:100%;
	height:100%;
	display:block;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe, .fb_iframe_widget iframe div._2p3a{
	width:100% !important;
}

#full_menu{
	z-index:999;
}

#fb-wrap{
	background-color:#f6f7f9;
}

.insta_header{
	text-align:center;
}

.insta_header img{
	width:100px;
	margin-top:15px;
	margin-bottom:15px;
}

.video_overlay{
	position:absolute;
	z-index:1;
}

.view-insta a{
	text-decoration:none;
	text-align:center;
	font-size:1.1em;
	font-style:oblique;
	width:100%;
	display:inline-block;
	padding-top:25px;
	padding-bottom:25px;
}

#insta-content{
	height:395px;
	overflow-y:scroll;
	position:relative;
}

#insta-content .one_of_two_columns_without_margin, #insta-content a{
	position:relative;
}

#tickets{
	width:100%;
	display:inline-block;
	text-align:center;
}

#tickets h2{
	margin-top:30px;
	margin-bottom:30px;
	color:#ec008b;
}

#dark_intro{
	background-color:#131b21;

}

#dark_intro h3{
	font-weight:300;
	font-size:3em;
	color:#FFF;
	margin-top:22%;
}

#dark_intro #twitter-wrap{
	border-right:medium solid #131b21;
	display:inline-block;
	width:97%;
}

#socials{
	padding-left:0;
	list-style:none;
}

#socials li{
	border-bottom:thin dotted #8A9DA0;
	padding-top:5px;
	padding-bottom:5px;
}

#socials li a{
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	width:100%;
}

#socials img{
	float:left;
}

#socials span{
	margin-left:30px;
	float:left;
	margin-top:5px;
}

.fancybox-button--fb{
	width:auto;
}

#socials_detail{
    padding-left:0;
    list-style:none;
}

#socials_detail li{
    margin-right:10px;
    float:left;
}

@media all and (max-width: 1300px), (max-device-width: 1300px){
	.wrapper{
		width:90%;
	}
	
	#dark_intro h3{
		font-size:2.5em;
	}
}

@media all and (max-width: 1100px), (max-device-width: 1100px){
	#menu li{
		margin-right:1.2%;
	}
}

@media all and (max-width: 1024px), (max-device-width: 1024px){
	#head #head-text{
		font-size:2.6vw;
	}
	
	#menu{
		display:inline-block;
		font-size:17px;
		letter-spacing:1px;
		color:#FFF;
	}
	
	#menu .expanded{
		display:inline-block;
	}
	
	#menu .active{
		background-image:none;
		background-color:#666;
	}
	
	#menu .wrapper{
		width:100%;
	}
	
	#menu #logo{
		margin-top:15px;
		margin-left:5%;
	}
	
	#menu #mobile_menu{
		margin-right:5%;
		float:right;
	}
	
	#menu ul{
		display:none;
	}
	
	#menu #site_menu{
		width:100%;
		margin:0px;
		padding-left:0;
	}
	
	#site_menu li{
		width:100%;
		float:none;
		padding-top:10px;
		padding-bottom:5px;
		border-bottom:solid 1px #000;
		background-color:#333;
		height:25px;
		text-align:center;
	}
	
	#site_menu li:hover{
		background-color:#ec008b;
		color:#FFF;
	}
	
	#menu .mobile_menu, #menu #mobile_menu{
		display:inline-block;
	}
	
	
	#menu #mobile_menu{
		width:auto;
		margin-top:10px;
		margin-bottom:10px
	}
	
	#menu #mobile_menu li{
		padding-top:0px;
	}
	
	
	#menu #mobile_menu #btn{
		float:right;
		border:0px;
		margin-right:0px;
	}
	
	.social_text{
		display:inline-block;
		margin-left:10px;
	}
}

@media all and (max-width: 900px), (max-device-width: 900px){
	#zalen .items-row{
		display:inline-block;
	}
	
	#zalen .one_of_two_columns_without_margin{
		width:100%;
	}
	
	#zalen .one_of_two_columns_without_margin:nth-child(2) .slider{
		display:none;
	}
	
	#zalen .mobile_slider{
		display:inline-block;
	}
	
	#dark_intro h3{
		font-size:2em;
	}
}

@media all and (max-width: 800px), (max-device-width: 800px){
	#sets .item{
		width:50%;
	}
	
	h1.pink-arrow-block{
		font-size:1.5em;
		padding-right:24px;
	}
	
	h2.pink-arrow-block{
		font-size:1.2em;
		padding-right:22px;
	}
	
	#djs .item img.shield{
		width:75px;
	}
	
	#djs .top_bar .date{
		font-size:1.8em;
		padding-left:25px;
		padding-top:15px;
	}
	
	#dark_intro{
		width:100%;
		display:inline-block;
	}
	
	#dark_intro #social_intro_column{
		margin-bottom:30px;
		width:100%;
	}
	
	#dark_intro .four_of_seven_columns_without_margin{
		width:100%;
	}
	
	#dark_intro h3{
		margin-top:30px;
	}
	
	#dark_intro .four_of_seven_columns_without_margin .one_of_two_columns_without_margin{
		text-align:center;
	}
	
}



@media all and (max-width: 650px), (max-device-width: 650px){
	#agenda-home-rows .item, #agenda .item{
		width:100%;
	}
	
	#contact #logo-contact{
		display:none;
	}
	
	#contact .two_of_three_columns, #contact .one_of_three_columns_last{
		width:100%;
		margin:0;
		margin-bottom:25px;
	}
}

@media all and (max-width: 600px), (max-device-width: 600px){
	#home-partypics .one_of_two_columns_without_margin, #sets .item, #photoGallery .one_of_two_columns_without_margin{
		width:100%;
	}
	
	#djs .item{
		width:100%;
	}
	
	#djs .items-row{
		display:inline-block;
	}
	
	#info .one_of_two_columns, #info .one_of_two_columns_last, #drinks .one_of_three_columns, #drinks .one_of_three_columns_last, #agenda .one_of_two_columns, #agenda .one_of_two_columns_last, #zalen #intro{
		width:100%;
		margin:0;
		margin-bottom:25px;
	}
	
	.mobile{
		display:inline-block;
	}
	
	.desktop{
		display:none;
	}
}
@media all and (max-width: 500px), (max-device-width: 500px){
	#dark_intro .four_of_seven_columns_without_margin .one_of_two_columns_without_margin{
		width:100%;
	}
	
	#insta-content .one_of_four_columns_without_margin{
		width:50%;
	}
	
	#twitter{
		margin-bottom:30px;
	}
	
	#insta-content{
		width:80%;
		margin-left:10%;
	}
	
}