@charset "utf-8";
/* CSS Document */
/****************************************************/
/*GENERAL*/
/****************************************************/

* {
	border: 0px solid #eee;
	margin: 0;
	padding: 0;
	list-style: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-size: 16px;
	color: #fefef0;
	background-color: #A4A4A4;
	text-transform: uppercase;
	font-family: IwonaCondLightRegular, Arial, Helvetica, sans-serif;
}
em {
	font-style: italic;
}
figure img {
	display: block;
}
/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */


::-webkit-scrollbar {
display: none;
}
body {
	font-family: IwonaCondLightRegular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor: default;
	background: /**efeffe**/#ffffff;
}
/****************************************************/
/*CONTAINER*/
/****************************************************/
#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	width: 100%;/*background:url(bg2.jpg) repeat-y; */
}
/****************************************************/
/*FIXED HEAD*/


#head {
	width: 100%;
	display: block;
	clear: both;
	position: fixed;
	z-index: 20;
	top: 0px;
	margin: 0px auto 0px auto;
	height: 50px;
	
}
/****************************************************/
/*LOGO*/
/****************************************************/
#logo {
	width: 100%;
	background: url(logo.png) no-repeat center;
	background-color: #fefef0;
	height: 80px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/****************************************************/
/*MAIN MENU*/
/****************************************************/

#main-menu {
	width: 100%;
	position: relative;
	background: #e7e7e7;
	display: block;
	border-bottom: 1px solid #9e9e9e;
	/*border-top: 1px solid #000;*/
	margin-left: auto;
	margin-right: auto;
}
#main-menu ul {
	width: 100%;
	height: 45px;
/*-webkit-box-shadow: 0 4px 5px -4px #cecece;
   -moz-box-shadow: 0 4px 5px -4px #cecece;
   box-shadow: 0 4px 5px -4px #cecece;*/
}



#main-menu ul li a {
	font-family: "FranchiseRegular", Arial, Helvetica, sans-serif;
	float: left;
	/*color: #cecece*/ #000;
	color: #000;
	font-size: 23px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2px;
	padding: 0px 2px 0px 0px;
	display: inline-block;
	width: 45px;
	height: 40px;
	text-indent: -9999px;
	
}
#main-menu ul li a:hover {
	color: #A4A4A4;
}
nav {
	display: table;
	width: 320px;
	border-collapse: collapse;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
nav ul {
	display: table-row;
}
nav li {
	display: table-cell;
	margin: 0;
	width: 105px;
}
.dk a {
	background-image: url(menu_black_mob.music.svg);
	background-repeat: no-repeat;
	}
.music a {
	background-image: url(menu_mob.music.svg);
	background-repeat: no-repeat;
}
.videos a {
	background-image: url(menu_black_mob.music.svg);
	background-repeat: no-repeat;
}
.insta a {
	background-image: url(menu_black_mob.music.svg);
	background-repeat: no-repeat;
}
.about a {
	background-image: url(menu_black_mob.music.svg);
	background-repeat: no-repeat;
}
.likeframe {
	position:absolute;
	top: 13px;
	right:0px;
	width: 55px;
}

.soundframe {
	position:absolute;
	top: 3px;
	right:0px;
	width: 45px;
}

.videoframe {
	position:absolute;
	top: 13px;
	right:18px;
	width: 60px;
	height:20px;
}

.instaframe {
	position:absolute;
	top: 2px;
	right:18px;
	width: 45px;
	height:45px;
	background-image: url(menu_mob.insta.png);
	background-repeat: no-repeat;
		text-indent: -9999px;


}


ul.menu li a:hover {
	background: none;
}

/****************************************************/
/*CONTENT*/
/****************************************************/


.spotify a {
	background-image: url(spotify.png);
	background-repeat: no-repeat;
}
.google a {
	background-image: url(google.svg);
	background-repeat: no-repeat;
}
.itunes a {
	background-image: url(itunes.svg);
	background-repeat: no-repeat;
}
.amazon a {
	background-image: url(amazon.svg);
	background-repeat: no-repeat;
}

.deezer a {
	background-image: url(deezer.svg);
	background-repeat: no-repeat;
}





/****************************************************/
/*CONTENT*/
/****************************************************/

#content {
	position: relative;
	width: 100%;
	background: none;
	padding: 0px 0px 0px 0px;
	/*After the head is fixed the content needs to be pushed back down*/
	margin: 0px auto 0px auto;
	overflow: auto;
}
.wrapper {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 25px 0px 0px 0px;
}
article .text {
	font-weight: normal;
	padding-bottom: 10px;
	width: 100%;
	min-height: 255px;
}
article .text img {
	float: left;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60%;
	min-width: 320px;
}
article .text p {
	margin-top: 15px;
	margin-left: 2px;
	margin-right: 2px;
	font-family: IwonaCondLightRegular, Arial, Helvetica, sans-serif;
	padding: 0px 5px 10px 5px;
	display: inherit;
}
article .text p:last-child {
	margin-bottom: 0;
}
/****************************************************/
/*REMOVE PADDIND FOR BANNER IMAGES AND IMAGES*/
/****************************************************/
article .text p img {
	margin: 0px -5px 0px -5px;
}
h1 {
	font-family: firstfont_2ndregular, Arial, Helvetica, sans-serif;
	position: relative;
	height: 20px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	line-height: 20px;
	font-size: 15px;
	/*text-align: left;*/
	border-bottom: 1px solid #cecece;/*background: #fefef0;*/
}
h1 span {
	font-family: firstfont_2ndregular, Arial, Helvetica, sans-serif;
	font-size: 15px;
	background: #cecece;
	text-align: center;
	white-space: nowrap;
	color: #000;
	font-weight: normal;
	position: absolute;
	left: 0px;
	padding: 0px 5px 0px 5px;
}
h1 a {
	text-decoration: none;
	font-family: firstfont_2ndregular, Arial, Helvetica, sans-serif;
}
/****************************************************/
/*=ABOUT US*/
/****************************************************/

#footer {
	font-family: firstfont_2ndregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 100% !important;
	clear: both;
	background: #000;
	height: 40px;
	position: relative;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #fefef0;
	padding: 35px 0px 0px 0px;
}



/*  SECTIONS  */
.section {
        clear: both;
        padding: 0px;
        margin: 0px;
		height: 50%;
}

/*  COLUMN SETUP  */
.col {
        display: block;
        float:left;
        margin: 1% 0 1% 1.6%;
		overflow:hidden;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
        width: 100%;
}
.span_1_of_2 {
        width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
        .col { 
                margin: 1% 0 1% 0%;
        }
}

@media only screen and (max-width: 700px) {
        .span_2_of_2, .span_1_of_2 { width: 100%; }
}
.section img{
width:100%;
}	

.embedd-container {
	position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
	margin: 0 0 1.6em 0;
	}


	
	
.banner {
	display:inline;
	position:relative;
	bottom: 6.3em;
	background-color:#000;
	color:#fefef0;
	width: 100%;
	z-index: 2;
	margin-bottom:-6.3em;
	font-family: "FranchiseRegular", Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform: uppercase;

	}

#about{
	width: 100%;
	
	}	

#instagram{
	width: 100%;
  text-align: center;
	}

#music{
	width: 100%;
	
	}

#videos{
	width: 100%;
	}
#square{
	width: 100%;
	margin-bottom:-87px;
	}
#squarecontent{
	width: 100%;
	margin-bottom: 1.6%;
	}

	
/****************************************************/
/*=ABOUT US*/
/****************************************************/

	
/****************************************************/
/*=MENU CONTENT*/
/****************************************************/




/****************************************************/
/*=RESERVATION AND FORM*/
/****************************************************/

#socialicons {
	width: 60px;
	height: 110px;
	position: fixed;
	right:0px;
	top: 38%;
	background: #000;
	display: block;
	z-index: 71;
	text-indent: -9999px;
	/*border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;*/
	margin-left: auto;
	margin-right: auto;
	 /* -webkit-font-smoothing: antialiased;
  -moz-box-shadow: 0 3px 3px #555;
	-webkit-box-shadow: 0 3px 5px #555;
	box-shadow: 0 3px 3px #555;*/
}
#socialicons ul {
	width: 60px;
	height: 110px;
	padding: 5px 5px 5px 5px;
	list-style-type:none;
/*-webkit-box-shadow: 0 4px 5px -4px #cecece;
   -moz-box-shadow: 0 4px 5px -4px #cecece;
   box-shadow: 0 4px 5px -4px #cecece;*/
}

#socialicons li {
	height: 38px;
	width: 42px;
	float: left;
	display: inline !important;
	margin: 5px 4px 5px 2px;
	/*-webkit-box-shadow: 0 4px 5px -4px #cecece;
   -moz-box-shadow: 0 4px 5px -4px #cecece;
   box-shadow: 0 4px 5px -4px #cecece;*/
}



#socialicons ul li a {
	font-family: "FranchiseRegular", Arial, Helvetica, sans-serif;
	float: left;
	color: #fefef0;
	font-size: 23px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	display: inline !important;
	height: 38px;
	width: 42px;
	text-indent: -9999px;

}
.faceb a {
	background-image: url(facebook.svg);
	background-repeat: no-repeat;
}
.instag a {
	background-image: url(instagram.svg);
	background-repeat: no-repeat;
}