@charset "utf-8";


/**
div{
border:1px solid red;	
}

**/


/** palette **/

.black{
color:#000 !important;
}
.white{
color:#fff !important;	
}
.light-grey{
background-color: #f9f9f9 !important ;	
}
.darker-grey,#contact-page{
		background-color: #f2f2f2 !important;
}
.light-grey-70{
		  background: rgb(249, 249, 249);
    background: rgba(249, 249, 249, .7);
}
.darker-grey-70{
		  background: rgb(242, 242, 242);
    background: rgba(242, 242, 242, .7);
}
div{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	*behaviour: url(../js/boxsizing.htc);
	}


	p{
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
	}


html, body {
    max-width: 100%;
/*    overflow-x: hidden;
    overflow-y:scroll;*/
}

html,body{
	 background-color: #000;
	 font-family: 'Vidaloka', Georgia,'Times New Roman', serif;
	 color:#333;
	 font-size:1em;
	 font-weight:400;
	 margin:0px !important;
	 padding:0px;
	 letter-spacing: .06em;
	height:100%;
line-height: 1em;	
 }


 /** links **/
 
 
 a, a:link, a:active, a:focus, a:visited{
	 color:#b48639;
	 	 text-decoration:none;
	 border-bottom:#b48639 dotted 1px;

  }
  a:hover{
	 color:#b48639;
		 text-decoration:none;
	 border-bottom:none;   
  }

.border-1px-red{
	border:1px solid red;
}
.border-none{
border:none !important;
	 border-bottom:none !important;  
}

  /** user-agent overrides **/
ul, menu, dir {
display: block;
list-style-type: none;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
li{
display: block;
text-align:none;	
}
h1,h2, h3 {
display: block;
font-size: 1em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight:normal;
}

.breather li:before {    
font-family: 'FontAwesome';
content: '\f006';
margin: 0 5px 0 5px;
color: #000;
}
/** fonts and headings **/


.wf-loading h1, .wf-loading p {
	visibility:hidden;
}

.device-notice, #notice-portrait, #notice-landscape{
    display:none;

}



h1 {


	font-size:1.8em;
	color: #333;
	font-weight:700;
	line-height:1em;
	letter-spacing:.12em;
		text-transform:uppercase;	
		margin-bottom: 30px;
}
h2, .dmn-form h1{
	font-size:1.3em;
	color: #333;
	filter: alpha(opacity=100);
opacity: 1;
	letter-spacing:.12em;
		text-transform:uppercase;
		line-height: 1.1em;	
			margin-bottom: 25px;
			margin-top: 25px;
	
}
h3,.faq-title{

	font-size:1.1em;
	letter-spacing:.12em;
color:#fff;	
	text-transform:uppercase;
		line-height: 1.1em;	
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:focus{
color:#b48639 ;
	text-decoration: none ;
	border-bottom:none;
} 

h2 a:hover{
color:#8d8d8d;
	text-decoration: none ;
	border-bottom:none;
}

.uppercase{
	text-transform: uppercase;
}

.small,.breadcrumbs{
font-size:.7em;	
}
.breadcrumbs{
margin-bottom: 5px !important;

}

/** header, nav and logo **/

.logo{

	width:100%;
	max-width: 210px;
background: url(../images/zvu-logo-sm.png);
height: 20px;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
margin-top:5px;
margin-bottom: 5px;
background-size: 100%;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}
.nav{
	background: url(../images/zvu-grey-texture.jpg);
	background-repeat: repeat;
	width:100%;
	max-width: 300px;
	min-width: 300px;
height:150%;
min-height: 100%;
position: absolute;
top:0;
left:-260px;
background-color: #1c1c1c;
z-index: 99999;
transition: left 0.5s ease-in-out;
 -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
.nav a:link, .nav a:active, .nav a:visited, .nav a:focus{
	font-size:1.1em;
	color: #fff;
	text-decoration:none;
			webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
	text-transform:uppercase;	
	border-bottom:none;	
}


.nav a:hover, #nav-on{
	font-size:1.1em;
	color:#b48639;
	font-weight:300;
	text-decoration:none;	
		text-transform:uppercase;	
	webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
			-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}



.nav-promo a:link, .nav-promo a:active, .nav-promo a:visited, .nav-promo a:focus{
	font-size:.9em;
	color: #D91E18;
	text-decoration:none;
			webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
	text-transform:uppercase;	
	border-bottom:none;	
	border:1px solid #D91E18;
	padding:4px;
}


.nav-promo a:hover, .nav-promo #nav-on{
	font-size:.9em;
	color:#96281B;
	font-weight:300;
	text-decoration:none;	
		text-transform:uppercase;	
			webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
			-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #96281B;
}



.nav ul{
	text-align: center;
	margin:0px;
	padding:0px;
}
.nav ul li{
	font-size: 1.1em;
margin-left: auto;
margin-right: auto;
	margin-top: 10px;
	margin-bottom:15px;


}


.nav ul li a{

	text-decoration: none;
	border-bottom: none;
	width:100%;

}

.nav .decoration-1{

background: url(../images/zvu-treble-clef.png);
	width:20px;
	height:40px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}
.nav .decoration-2{

background: url(../images/zvu-quaver.png);
	width:20px;
	height:40px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top:10px;
	margin-bottom:20px;
}

#nav-menu{
	display: block;
color:#fff;
cursor:pointer;
position: absolute;
left: 260px;
top:10px;
font-size: 1.5em;
padding:2px 0px 0px 10px;
z-index: 5000;
}
#nav-selected{
	display:none;
}
#nav-deselected{
	display:block;
}

#inner-nav
{
	position: relative;
height:auto;
}
.address,.opening-times{
	margin-right: auto;
	margin-left: auto;
	width:100%;
	max-width:230px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	color:#fff;
	font-size: .8em;
	line-height: 1.2em;

}

.address{

		text-transform: uppercase;
}



/** separators **/
.separator, hr{
	width:100%;
	max-width:230px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
		background-repeat: no-repeat;
		border:none;

}
.separator-gold{
	background: url(../images/zvu-separator-gold.png);

}
.separator-white{
	background: url(../images/zvu-separator-white.png);
	background-position: top center;

}

.separator-black, hr{
	background: url(../images/zvu-separator-black.png);

}
/** cursors **/

.clickable{
cursor:pointer;	
}
/** positioning **/

.position-relative{
position:relative;
}



/** icons **/
.social{
	width:100%;
	max-width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right:auto;
}
.sn-icon{
width:20px;
height:20px;
	background-color: #b48639;
	border-radius: 50% !important;
	text-align: center;
display: inline-block;
padding: 7px;
color:#000;
font-size: 1em;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

.sn-icon:hover{
	webkit-transition: background-color 240ms linear;
-moz-transition: background-color 240ms linear;
-o-transition: background-color 240ms linear;
-ms-transition: background-color 240ms linear;
transition: background-color 240ms linear;
	background-color: #8d8d8d;
color:#000;

}
.sn-icon i{
	position: relative;
	top:2px;
}


.share-box{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color: #dfdfdf;
	border-left:5px solid #959595;
	width:100%;
	height:auto;
	padding: 5px;
	display: inline-block;
	max-width: 480px;
}
.share-float-right{
width:100%;
	float:left;
	text-align:left;
}
.share-float-left{
	width:100%;
	float:left;
	text-align:left;
}
.share-box .sn-icon{
	color:#fff;
	background-color: #b3b3b3;
}
.share-box .sn-icon:hover{
	webkit-transition: background-color 240ms linear;
-moz-transition: background-color 240ms linear;
-o-transition: background-color 240ms linear;
-ms-transition: background-color 240ms linear;
transition: background-color 240ms linear;
	background-color: #8d8d8d;
	color:#fff;

}
.share-box a{
	display:inline-block;
}

.twitter{

	background-color: #00aced !important;
}
.facebook{

	background-color: #3b5998 !important;
}

.instagram{

	background-color: #517fa4 !important;
}
.whatsapp{
display: block;
	background-color: #4dc247 !important;
}
.google-plus{

	background-color: #dd4b39 !important;
}
.share-box p{
	width: 100%;
	margin:0px;
}
.st_facebook_large, .st_twitter_large, .st_pinterest_large, .st_email_large, .st_sharethis_large, .stLarge{

background-image: none !important;
}


/** desktop alignments **/
.indent{
margin-left: 40px;
}

/** rss **/


.rss-sub{
	background-image: url(../images/zvu-icon-star.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	text-align: right;
	background-size: 17%;
	margin-top: 20px;
	display:none;
}

.rss-sub span{
	display:block;
}
.m-jump-links{

	width:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.m-jump-links,.top-up{
	display: block;
}

/** pages **/

.page-panels{
width:100%;
height:100%;
min-height: 100%;
display: inline-block;
padding: 0;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}
.column-header{
	display: inline-block;
}
.booking-panel img{

	width:100%;

}
.menu-bg{

}
.menu-panel a{

	border-bottom:none;

}
.menu-images, .menu-drinks{
width:100%;
	max-width:400px;
	margin-left: auto;
	margin-right: auto;
}
.menu-images img{
	width:48%;
	height:auto;
}
.inline-images img{
	width:100%;
	height:auto;
		max-width:600px;
}

.menu-drinks img{
	width:100%;
	height:auto;
}
.menu-back{

	display:block;
}

.zpage, .upage, .ipage{
		width:100%;
		height:auto;
min-height: 200px;
}

.gutter{
	 display:none;
}
.quote{
	display: none;
}
.z-content{

	 -webkit-column-width: 100%; /* Chrome, Safari, Opera */
    -moz-column-width: 100%; /* Firefox */
    column-width: 100%;
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
margin-top:20px;
}
.z-content p{
	margin-top:16%;
	line-height: 1.2em;
}
.z-content p:first-of-type{
margin-top:10%;
}
.z-content p::first-letter {
    font-size: 300%;
float:left;
	margin-bottom: 2px;
} 
.featured{
width:100%;
max-width:420px;
margin-right: auto;
margin-left: auto;
background-color: #e5e5e5;
background-image: url(../images/zvu-backgrounds-featured-booking.jpg);
	background-repeat: repeat-x;
	padding:10px;
}
.featured img{
	width:auto !important;
}
.msg{
	background-color: #eee5c7;
	padding:10px;
	width:100%;
max-width:420px;
margin-right: auto;
margin-left: auto;
margin-bottom:10px;
}



ul.contact-social{
	list-style: none;
	padding: 0px;
	margin: 0px;
display:inline-block;

}
ul.contact-social li{

	margin-bottom:10px;
}


.ui-datepicker{
	background-color: #fff;
	padding:5px;
}
.page-header{
	width:87%;
	position:relative;
	height:80px;
	z-index:2000;
padding-top:10px;
}
.page-logo{
float:left;
width:20%;
padding-left:5px;
}
.page-logo img{
	width:100%;
	max-width:65px;
	display: block;
    margin-left: auto;
    margin-right: auto
}
.page-title{
	float:right;
	width:80%;
	padding-left:10px;

}
.page-title h2{
	font-weight: normal;
	letter-spacing: .12em;
margin:10px 0px 0px 0px;
}
.page-title span{
	text-transform: uppercase;
}
.page-margin{
	margin-top:5px;
}

.size-full{
	width:100% !important;
	height:auto;
}

/** events**/


.listing{
width:100%;
border-bottom:1px solid #000;
padding-bottom: 10px;
display: inline-block;
margin-top:10px;

}
.listing .date{
font-size: 1em;
	width:24%;
	float:left;
	text-align: left;
	text-transform: uppercase;
}
.listing .detail{

	width:75%;
	float:right;
	text-align: left;
	text-transform: uppercase;
	padding-left:10px;

}
.listing .detail h2{
	margin:0px;
}

.event{
width:95%;
	display: inline-block;
}
.event a{
	 border-bottom:none;   

}
.event img{
	width:100%;
    margin-bottom: 10px;
	 border-bottom:none;  
	 height: auto; 
	 display: none;
}

.event-date,.faq-title{
	padding:5px 5px 5px 28px;
	border-bottom:1px solid black;
	margin-bottom: 10px;
			background-image: url(../images/zvu-icon-star.png);
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 28px;
	color:#000;
}
.faq-title{
background-image: none;
padding:5px 5px 5px 5px;
cursor: pointer;
}
#weekend-brunch-sunday-roast, #drinks, #happy-hour{

	display:none;
}
	.scroll-prompt{
display: none;
		}
/** homepage **/

.home-promo{
display:none;
}
.home-panels{
height:auto;
	position: relative;
	margin-bottom:20px;
	right: 10px; /** adjustment for margin offset **/
	transition: right 0.5s ease-in-out;
 -webkit-transition: right 0.5s ease-in-out;
  -moz-transition: right 0.5s ease-in-out;
  -o-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.home-border-bg{
	background: url(../images/zvu-backgrounds-home-zigfrid-m.jpg);
	background-repeat: no-repeat;
}
.home-border{
	background: url(../images/zvu-colour-frame-02.png);
	background-repeat: no-repeat;
	background-size:98% 99%;
	position: absolute;
	top:0;
	left:0;
	z-index: 2000;
 width:100%;
 height: 100%;
 min-height: 768px;
}
.home-zigfrid{
background: url(../images/zvu-backgrounds-home-zigfrid.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}

.home-underbelly{
background: url(../images/zvu-backgrounds-home-underbelly.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.home-intro{
	width:100%;
	max-width: 220px;
	height:auto;
	color:#fff;
text-align: center;
padding-top:0px;
margin-right: auto;
margin-left: auto;
min-height: 500px;
}

.home-intro h2{
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: .1em;
	color:#fff;
margin-top:0px;
margin-bottom: 5px;
}
.home-intro img{
	width:80%;
	max-width:390px;
}
.home-intro a:link, .home-intro a:active, .home-intro a:visited, .home-intro a:focus{
	background-color: transparent;
	line-height: 1.2em;
	color:#000;
	background-color:#fff;
	border:1px solid #fff;
	padding: 4px;
	display: inline-block;

	webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
}
.home-intro a:hover{
	color:#fff;
	background-color:#000;
	border:1px solid #000;
	webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
}

.gutter a:link, .gutter a:active, .gutter a:visited, .gutter a:focus{
	background-color: transparent;
	line-height: 1.2em;
	color:#fff;
	padding: 4px;
	display: inline-block;
	border-bottom: dotted 1px #fff;
	webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
}
.gutter a:hover{
	color:#fff;
	webkit-transition: all 140ms linear;
-moz-transition: all 140ms linear;
-o-transition: all 140ms linear;
-ms-transition: all 140ms linear;
transition: all 140ms linear;
	border-bottom: none;
}
/** grid **/
.wrapper, #main{
width:100%;
height:100%;
margin:0;
padding: 0;
min-height: 100% !important;

}
.one-third{
width:100%;
height:auto;

}
.two-thirds{
width:100%;	
height:auto;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}

.full{
width:100%;	
height:100%;
margin-bottom:0px;
display: block;
min-height: 100%;
position: relative;

}

.half{
width:100%;	
float:left;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.quarter{
width:100%;
float:left;
margin-bottom:0px;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.fifth{
width:100%;	
float:left;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
	.sixth{
width:33.33%;	
float:left;
position: relative;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.ninety{
width:100%;	
}
.forty{
width:40%;
	height:auto;
}
.forty-nine{
width:100%;	
}
.m-half{
width:100%;	
}
.container{
	width:100%;
	max-width:1280px;
margin:0 auto;
padding:10px;

}
.footer{
display:block;
font-size: .7em;
text-align: center;
color:#fff;
line-height: 1.2em;
margin-top:20px;
}
.footer a:link,.footer a:active, .footer a:visited, .footer a:focus {
color:#fff;	
text-decoration:none;	
border-bottom: 1px dotted #fff;
}
.footer a:hover{
color:#fff;
text-decoration:none;
border-bottom: none;
}

.breather{
width:100%;
padding:10px;
height:auto;
text-align:left;
}
.height-auto{
	min-height:0px;
height:auto;	
}
.height-pc{
height:100%;	
}
.width-auto{
width:auto;	
}

/** display, transparencies **/

.display-none{
display:none;	
}
.display-block{
display:block;	
}
.opacity-black-70{
	background-color:#000;
background-color:rgba(0,0,0,0.7)	
}
/** specific home adjustments **/

.thirty-three{
width:100% ;	
}
.sixty-six{
width:100% ;	
}


/** margins **/
.margin-top-smallest{
margin-top:5px;	
}
.margin-top-small{
margin-top:10px;	
}
.margin-top-medium{
margin-top:20px;	
}
.margin-top-large{
margin-top:40px;	
}
.margin-bottom-small{
margin-bottom:10px;	
}
.margin-bottom-medium{
margin-bottom:20px;	
}
.margin-bottom-large{
margin-bottom:40px;	
}

.margin-left-small{
margin-left:10px;	
}
.margin-left-medium{
margin-left:20px;	
}
.margin-left-large{
margin-left:40px;	
}

.margin-right-small{
margin-right:10px;	
}
.margin-right-medium{
margin-right:20px;	
}
.margin-right-large{
margin-right:40px;	
}

.margin-left-10px{
margin-left:10px;	
}
.margin-right-10px{
margin-right:10px;	
}
.no-margin{
margin:0px !important;
display:block;
}
.margin-20px{
margin:20px;
display:block;	
}
/** alignments **/
.footer-right-align, .footer-left-align{

	text-align:left;
}
.quote-align{
text-align:right;
}
.align-middle{
text-align:center;
}
.align-left{
text-align:left;	
}
.align-right{
text-align:right;	
}
.v-align-middle{
   text-align: center;
   vertical-align: middle;
}
.newsletter-half{
padding-top:0px;	
}
.align-heading{
	display:table;
vertical-align: middle;
}

/** buttons **/


.btn, .btn-primary, .wpcf7-submit{
width:100%;
max-width:200px;
padding: 10px 10px 10px 10px !important;
	background-color: #b48639 !important;
margin-right:auto !important;
	margin-left: auto !important;
			webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
color:#000 !important;
border-bottom: none !important;
cursor:pointer;
display: inline-block;
background-image: none !important;
background-repeat: repeat-x;
border-color: none !important;
border: none !important;
border-radius: 0px !important;
}
.buy-btn:hover, .btn:hover, .btn-primary:hover, .wpcf7-submit:hover{
	webkit-transition: background-color 240ms linear;
-moz-transition: background-color 240ms linear;
-o-transition: background-color 240ms linear;
-ms-transition: background-color 240ms linear;
transition: background-color 240ms linear;
	background-color: #8d8d8d !important;
color:#000 !important;
text-shadow: none !important;
background-image: none !important;
background-repeat: repeat-x !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
}
.btn a:link, .btn a:active, .btn a:visited, .btn a:hover, .btn a:focus{
text-decoration: none !important;
color:#fff !important;
}

.jump-btn{
	float:left;
width:45%;
margin-bottom: 10px;
}

.footer-btn{
	text-transform: uppercase;
max-width:100px;
color:#fff;
}
.footer-btn a:link,.footer-btn a:visited, .footer-btn a:hover, .footer-btn a:focus{
	color:#fff;
	text-decoration: none;
}



/** icons ect **/
.pointers{
	display:inline-block;
	margin-top: 20px;
}
a .pointers{
	color:#000;
}
.pointers span{
	position: relative;
	top:5px;
	font-size: 1.3em;
}
.pointer-left{
	width:52px;
	height:25px;
	background-image: url(../images/zvu-icon-pointer-sprite.png);
	background-repeat: no-repeat;
}

.rock-star{
		background-image: url(../images/zvu-icon-star.png);
	background-repeat: no-repeat;
	width:25px;
	height:25px;
}

.white-stars{
	width:79px;
	height:25px;
		background-image: url(../images/zvu-icon-star-white.png);
		background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}

/** forms **/

input[type=submit], input[type=text], input[type=email] {
 -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
   border:0px;

}
input[type=text]{
	min-height:20px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #cfcfcf;
	width:100%;
	min-width: 100px;
}

textarea{
	min-height:100px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #cfcfcf;
	width:100%;
	min-width: 200px;
}



.newsletter-text{
	 font-family:"Courier New", Courier, monospace;
min-width: 40%;
	max-width:400px;
		height:25px;
	padding:10px 10px 10px 40px;
background-color:#fff;
	background-image:url(../images/zvu-icons-email-grey.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
	color:rgb(128, 128, 128);
}
.submit-btn{
		 font-family: 'Vidaloka', Georgia,'Times New Roman', serif;
width:auto;
height:auto;
color:#fff !important;
font-size:14pt;
vertical-align:central;
padding:10px 10px 10px 10px;
position:relative;
top:3px;
cursor:pointer;
border:0px;
background-color: #b48639;
}
.submit-btn:hover{
background-color:#6d6d6d;
webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;

}

.pointer{
cursor:pointer;	
}
/** clears, padding,floats etc **/

.m-margin-bottom{
margin-bottom:10px;	
}
.float-left{
	
float:left;	
}
.float-right{
float:right;
}

.clear-both{
clear:both;	

}
.clear-mini{
clear:both;
height:5px;
}
.clear-micro{
	clear:both;
	height:0px;
}
.v-padding-small{
	height:2px;
}

.v-padding-medium{
	height:5px;
}
.v-padding-large{
	height:10px;
}


.no-padding{
padding:0px;	
}
.padding-10px{
padding:10px;	
}
.padding-top-10{
padding-top:10px;	
}
.padding-top-20{
padding-top:20px;	
}
.padding-top-30{
padding-top:30px;	
}
.padding-top-40{
padding-top:40px;	
}
.padding-bottom-40{
padding-bottom:40px;	
}
.padding-top-50{
padding-top:50px;	
}
.padding-top-130{
padding-top:130px;	
}
.padding-top-90{
padding-top:90px;	
}
.padding-left-30{
	padding-left:0px;
}



/** breadcrumbs**/

.breadcrumbs{
padding-top:20px;
padding-bottom:20px;
margin:0px;
font-size: .8em;
text-align:left;
}


/** gallery **/

	.gallery{
		display: inline-block;
height:100%;

	}
	.gallery-thumb{

		width:50%;
		min-width:300px;
		height:auto;
		min-height:200px;
		float:left;
			background-repeat: no-repeat !important;
background-size: cover !important;
	background-position: bottom center;
		overflow: hidden !important;
			opacity: 1;
cursor:pointer;
	z-index:999;
	}


	.gallery-thumb img{
		width:100%;
	}



/** Design My Night styles **/


.dmn-form{
width:100% !important;
margin-right: auto;
margin-left: auto;
background-color: #e5e5e5;
background-image: url(../images/zvu-backgrounds-featured-booking.jpg);
	background-repeat: no-repeat;
	padding:10px;

}

 .dmn-form h1, .btn-primary {
 		 font-family: 'Vidaloka', Georgia,'Times New Roman', serif !important;
 		 text-align: left !important;
 }

.ng-scope .btn-link{

	background-color: #fff !important;
}
.ng-scope .btn-link:hover{
background-color: #000 !important;
color: #fff !important;	
}

/** media queries**/

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

.share-box p{
	display:none;
}
.page-panels{
	max-width: 250px;

}

}
@media only screen and (max-width: 480px)  {
.page-panels{
	max-width: 320px;

}
.menu-images img{
	width:100%;
	height:auto;
}

}
@media only screen and (min-width: 481px)  {
.half{
width:50%;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}

.event img{
display:block;
}

	.whatsapp{
display: none;
}

	html{
overflow:hidden;
}


.z-content{

	 -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    -moz-column-width: 50%; /* Firefox */
    column-width: 50%;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    width:93%;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}

	.gallery{
		display: inline-block;
		width:100%;
height:100%;
min-height: 1024 !important;
 -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    -moz-column-width: 50%; /* Firefox */
    column-width: 50%;
    margin:0;
    padding:0;

	}
	.gallery-thumb{

		width:50%;
		min-width:300px;
		height:33.3%;
		min-height:270px !important;
		float:left;
			background-repeat: no-repeat !important;
background-size: cover !important;
	background-position: bottom center;
		overflow: hidden !important;
			opacity: 0.5;
				webkit-transition: all 540ms linear;
-moz-transition: all 540ms linear;
-o-transition: all 540ms linear;
-ms-transition: all 540ms linear;
transition: all 540ms linear;
cursor:pointer;
	z-index:999;
	}
.gallery-thumb:hover{
cursor:pointer;
	opacity: 1;
					webkit-transition: all 540ms linear;
-moz-transition: all 540ms linear;
-o-transition: all 540ms linear;
-ms-transition: all 540ms linear;
transition: all 540ms linear;
}


	.gallery-thumb img{
		width:100%;
	}

.gallery-full{

	width:99%;
	height:100%;
			min-height: 100%;
			min-width:99%;
						background-repeat: no-repeat !important;
background-size: cover !important;
	background-position: bottom center !important;
		overflow: hidden !important;
							webkit-transition: all 540ms linear;
-moz-transition: all 540ms linear;
-o-transition: all 540ms linear;
-ms-transition: all 540ms linear;
transition: all 540ms linear;
position: absolute;
top:0;
left:0;
		opacity: 1;
		z-index:1000;
		cursor:pointer;
		background-color: #000 !important;
		display:none;
}


.share-box p{
	display:block;
}

.share-float-right{
	float:right;
	text-align:right;
	width:70%;
}
.share-float-left{
	float:left;
	text-align:left;
	width:30%;
}

.two-thirds{
width:66.66%;	
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}

.quarter{
width:25%;	
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}
.fifth{
width:20%;
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;	
}
	
	.sixth{
width:16.6%;	
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}


}

@media screen and (orientation:landscape) and (min-width: 769px) {
.home-border-bg{
	background: url(../images/zvu-colour-frame-02.jpg);
	background-repeat: no-repeat;
	background-size:100% 100%;
 max-height: 768px;
 width:90%;

}

}

@media all and (min-width: 769px)  {
.m-jump-links,.top-up{
	display: none;
}
.gallery{
		width:100%;
		display: inline-block;
height:100%;
min-height: 100% !important;
 -webkit-column-width: 49.4%; /* Chrome, Safari, Opera */
    -moz-column-width: 49.4%; /* Firefox */
    column-width: 49.4%;
    margin:0;
    padding:0;


	}
	.gallery-thumb{

		width:49.4%;
		min-width:300px;
		min-height:270px !important;
		height:33.3%;
		min-height: 33.3%;
		float:left;
			background-repeat: no-repeat !important;
background-size: cover !important;
	background-position: bottom center;
		overflow: hidden !important;
			opacity: 0.5;
				webkit-transition: all 540ms linear;
-moz-transition: all 540ms linear;
-o-transition: all 540ms linear;
-ms-transition: all 540ms linear;
transition: all 540ms linear;
cursor:pointer;
	z-index:999;

	}
	
.menu-back{
	display:none;
}

.menu-images img{
	width:100%;
	height:auto;
	max-width: 400px;
}

.home-promo{
position:absolute;
top:-300px;
width:100%;
left:50%;

margin-left:-200px;
	max-width:380px;
	height:230px;
	max-height: 230px;
	background-image: url(../images/zvu-backgrounds-home-promo.jpg);
	background-repeat: no-repeat;
	z-index: 3000;
	text-align: center;
	display: block;
}
.home-promo p{
	text-align: center;
}
.home-promo h2{
	text-align: center;
	line-height: .1em;
}
.home-promo .btn{
background-color:transparent;
	width:100%;
	max-width:320px;
	height:39;
		background-image: url(../images/zvu-backgrounds-home-promo-banner.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color:#fff;
	text-transform: uppercase;
}
.home-promo .btn:hover{
background-color:transparent;
color:#fff;	
}
.home-promo i{
	padding:5px;
	cursor:pointer;
	position: relative;
	top:-15px;
}
	

	
#zigfrid{
position: relative;
	left:30px;
}
	.home-intro img {
    width: 100%;
    max-width: 220px;
}

		#home .full{
width:72%;	
height:100%;
 min-height: 700px;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}
.full{
width:84%;	
height:100%;
min-height: 100%;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}
.home-border-bg{
	background: url(../images/zvu-colour-frame-02.jpg);
	background-repeat: no-repeat;
	background-size:99% 99%;
 max-height: 1060px;


}
		.home-intro{
max-width:290px;
	width:60%;
	height:auto;
	color:#fff;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top:100px;
}

.nav{
	background: url(../images/zvu-grey-texture.jpg);
	background-repeat: repeat;
	width:30%;
	max-width: 300px;
	min-width: 300px;
height:100%;
min-height: 900px;
position:fixed;
top:0;
left:-260px;
background-color: #1c1c1c;
z-index: 99999;
transition: left 0.5s ease-in-out;
 -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;

}


.breather{
padding:20px;

}
	.nav ul li{
	font-size: 1.13em;
margin-left: auto;
margin-right: auto;
	margin-top: 10px;
	margin-bottom:15px;
		width:100%;
}
.logo{

	width:100%;
	max-width: 300px;
background: url(../images/zvu-logo-highlight.png);
height: 180px;

}
.event{
width:100%;
	display: inline-block;
}
.share-box p{
	padding:0px;
	margin:0px;
}
.share-box a{
	border-bottom: none;
}
	.page-margin{
	margin-top:80px;

}
.page-header{
	width:34.3%;
	position:fixed;
	height:80px;
	z-index:2000;
padding-top:10px;
}
	.page-logo{
float:left;
width:20%;
background-color: transparent;
}
.page-logo img{
	width:100%;
	max-width:65px;
	display: block;
    margin-left: auto;
    margin-right: auto
}
.page-title{
	float:right;
	width:80%;
	padding-left:10px;

}
.zpage, .upage{
		width:42.5%;
		float:left;
		display: inline-block;	
		min-height: 100%;
}
.ipage{
	width:86%;
		float:left;
		display: inline-block;	
		min-height: 100%;	
}
	.one-third{
width:33.33%;
display:inline-block;
height:100%;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}
.gutter{
display:none;
}





	.home-panels{
	min-height: 100%;
	height:100%;
	position: relative;
		margin-bottom:0px;
}

	#nav-menu{
	display: none;
}

#home .indent{
margin-left: 310px;

}
.indent{
margin-left: 300px;
height:100%;
min-height:100%;

}
.nav{
top:0;
left:0;
}

}



@media all and (min-width: 1025px)  {




.gallery{
		width:100%;
		display: inline-block;
height:100%;
min-height: 100%;
 -webkit-column-width: 33.33%; /* Chrome, Safari, Opera */
    -moz-column-width: 33.33%; /* Firefox */
    column-width: 33.33%;
    margin:0;
    padding:0;


	}
	.gallery-thumb{

		width:33.3%;
		min-width:300px;
		height:33.3%;
		min-height: 33.3%;
		float:left;
			background-repeat: no-repeat !important;
background-size: cover !important;
	background-position: bottom center;
		overflow: hidden !important;
			opacity: 0.5;
				webkit-transition: all 540ms linear;
-moz-transition: all 540ms linear;
-o-transition: all 540ms linear;
-ms-transition: all 540ms linear;
transition: all 540ms linear;
cursor:pointer;
	z-index:999;
	}


	.ipage{
	width:66.6%;
		float:left;
		display: inline-block;	
		min-height: 100%;	
}


	.scroll-prompt{
display:block;
		position: fixed;
		bottom:0;
		width:58%;
				background-color:#000;
background-color: rgba(0, 0, 0, 0.7); 
color:#fff;
text-align: center;
padding:10px;
text-transform: uppercase;
	}

	.page-header{
	width:27.3%;

}

	.quote{
	margin-left: 10px;
	padding: 60% 20px 20px 20px;
	width:60%;
	color: #fff;
	font-size: 1.1em !important;
	line-height: .9em;
	 display:block;

}

.wds-tweets, #wds-container{
color: #fff;
		font-size: 1em !important;
		text-decoration: none !important;
}

	.gutter{
		background: url(../images/zvu-backgrounds-panel-ziggy.jpg);
	background-repeat: no-repeat !important;
	background-size: cover !important;
		height:100%;
	 min-height: 768px;
	 position: fixed;
	 display:inline-block;
	 width:33%;
	 float:right;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;;

}
.gutter-gradient{
	width:100%;
	height: 100%;
	min-height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
	.menus{
		background: url(../images/zvu-backgrounds-paper.jpg);
		background-repeat: repeat;
	}

	.food-and-drink{
		background: url(../images/zvu-backgrounds-panel-food-and-drink.jpg);
		background-repeat: no-repeat;
		background-size: cover;
        background-position: center;
}

	.zigfrids-story{
		background: url(../images/zvu-backgrounds-panel-zigfrids-story.jpg);
		background-repeat: no-repeat;
		background-size: cover;
        background-position: center;
}
	.booking{
		background: url(../images/zvu-backgrounds-panel-booking.jpg);
		background-repeat: no-repeat;
		background-size: cover;
        background-position: center;
}

	.private-hire{
		background: url(../images/zvu-backgrounds-panel-private-hire.jpg);
		background-repeat: no-repeat;
		background-size: cover;
        background-position: center;
}
	.contact{
		background: url(../images/zvu-backgrounds-panel-contact.jpg);
		background-repeat: no-repeat;
		background-size: cover;
        background-position: center;
}
.zpage, .upage{
		width:33%;
		float:left;
		display: inline-block;	
}
.menu-images img{
	width:48%;
	height:auto;
	max-width: 400px;
}

}
@media all and (min-width: 1280px)  {


#home .full{
width:83%;	
height:100%;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}

	.quote{
width:70%;
	font-size: 1.4em;
	line-height: .9em;

}

}


@media all and (min-height: 800px)  {
.v-padding-medium{
	height:10px;
}
.v-padding-large{
	height:20px;
}
.v-padding-small{
	height:5px;
}

}
@media all and (max-height: 799px)  {


	.home-intro img{
	width:80%;
	max-width:180px;
		webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}
	.logo{

	width:100%;
	max-width: 210px;
background: url(../images/zvu-logo-sm.png);
height: 20px;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
margin-top:30px;
margin-bottom: 5px;
background-size: 100%;
	webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-o-transition: all 240ms linear;
-ms-transition: all 240ms linear;
transition: all 240ms linear;
}
.v-padding-medium{
	height:1px;
}
.v-padding-large{
	height:2px;
}
.v-padding-small{
	height:0px;
}
}
/** media query targeting landscape mobile users **/
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {


.device-notice{
    display:block;
	position: relative;
	height: auto;
	padding:5px;
	text-align: center;
	background-color: #f1c40f;
	color:#000;
}

#notice-portrait{

	display:inline;
}

}
/** media query targeting portrait tablet users **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.device-notice{
    display:block;
	position: relative;
	height: auto;
	padding:5px;
	text-align: center;
	background-color: #f1c40f;
	color:#000;
}

#notice-landscape{

	display:inline;
}

#notice-landscape i {
   -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);

}
}