/*
*************************************************

Reset Styles

*************************************************
*/
/*------------------------------------*\ #BOX-SIZING
	* Apply a natural box layout model to all elements e.g. instead of .this { width:90%; padding:5%; } 
	* it's now .this { width:100%; padding:0; }
\*------------------------------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*------------------------------------*\ #RESET
\*------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer; }

a:focus, a:hover, a:active { outline: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

input, select { vertical-align: middle; }

/*------------------------------------*\ #BROWSERS
\*------------------------------------*/
/* remove FF dotted outlines on links, objects and other things */
a { text-decoration: none; }

a, a:visited, a:hover, a:focus, a:active, object, embed, a img { outline: none !important; }

img { border: 0; }

button::-moz-focus-inner { border: 0; }

/*------------------------------------*\ #SNIPPETS
\*------------------------------------*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* make sure that everything we do starts from scratch
e.g. so footer ( font-size:90%} is 90% of this initial 100% */
html { font-size: 100%; }

/* responsive images */
img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; height: auto; }

/* accessibility */
#skip-to-main { display: none; }

/* wrap */
.wrap { float: left; width: 100%; }

/* auto remove styles on ul and ol lists */
.reset--list { margin: 0; padding: 0; list-style-type: none; }

/* clears */
.clear--left { clear: left; }

.clear--right { clear: right; }

.clear--both { clear: both; }

/* floats */
.float--left { float: left; }

.float--right { float: right; }

.centered { text-align: center; }

/* Required * on forms */
.required--text { font-style: normal; color: #f00; }

/* style for text with higher/lower symbols e.g. H2O (sub), 1st (sup)
sub,
sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}

/*------------------------------------*\ #EXTERNAL
	* fix external widgets e.g. gmap, twitter iframes, etc
\*------------------------------------*/
/*fix twitter scrollbar*/
iframe[name="twttrHubFrame"] { display: none !important; }

#fb-root > div { left: 0; }

/*------------------------------------*\ #FORMS
	* Styles modified from Bootstrap
\*------------------------------------*/
html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: #349edb; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.clearfix { zoom: 1; }

::-webkit-selection { background: #000; color: #fff; text-shadow: 1px 1px 1px #000; }

::-moz-selection { background: #000; color: #fff; text-shadow: 1px 1px 1px #000; }

::selection { background: #000; color: #fff; text-shadow: 1px 1px 1px #000; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; border: 0; outline: none; }

::-webkit-input-placeholder { font-size: .875em; line-height: 1.4; }

input:-moz-placeholder { font-size: .875em; line-height: 1.4; }

.ie7 img, .iem7 img { -ms-interpolation-mode: bicubic; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }

button, input { *overflow: visible; line-height: normal; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

textarea { overflow: auto; vertical-align: top; }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }

.clearfix:after { clear: both; }

select { cursor: pointer; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; padding: .5em; font-size: 1em; color: #555555; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; }

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }

select { width: 80%; background-color: #ffffff; border: 1px solid #cccccc; }

select[multiple], select[size] { height: auto; }

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; }

.radio, .checkbox { min-height: 18px; padding-left: 18px; }

.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; }

.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; }

.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }

/*input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b;
}*/
/*	==================================================== */
/*	Set margin, the rest is automatic! */
/* 	==================================================== */
.section { clear: both; padding: 0px; margin: 0px; }

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

.col { display: block; float: left; margin: 1% 0 1% 3%; }
.col:first-child { margin-left: 0; /* all browsers except IE6 and lower */ }

.span_2_of_2 { width: 100%; }

.span_1_of_2 { width: 48.5%; }

.span_3_of_3 { width: 100%; }

.span_2_of_3 { width: 65.66%; }

.span_1_of_3 { width: 31.33%; }

.span_4_of_4 { width: 100%; }

.span_3_of_4 { width: 74.25%; }

.span_2_of_4 { width: 48.5%; }

.span_1_of_4 { width: 22.75%; }

.span_5_of_5 { width: 100%; }

.span_4_of_5 { width: 79.4%; }

.span_3_of_5 { width: 58.8%; }

.span_2_of_5 { width: 38.2%; }

.span_1_of_5 { width: 17.6%; }

.span_6_of_6 { width: 100%; }

.span_5_of_6 { width: 82.83%; }

.span_4_of_6 { width: 65.66%; }

.span_3_of_6 { width: 48.5%; }

.span_2_of_6 { width: 31.33%; }

.span_1_of_6 { width: 14.16%; }

.span_7_of_7 { width: 100%; }

.span_6_of_7 { width: 85.28%; }

.span_5_of_7 { width: 70.57%; }

.span_4_of_7 { width: 55.85%; }

.span_3_of_7 { width: 41.14%; }

.span_2_of_7 { width: 26.42%; }

.span_1_of_7 { width: 11.71%; }

.span_8_of_8 { width: 100%; }

.span_7_of_8 { width: 87.12%; }

.span_6_of_8 { width: 74.25%; }

.span_5_of_8 { width: 61.37%; }

.span_4_of_8 { width: 48.5%; }

.span_3_of_8 { width: 35.62%; }

.span_2_of_8 { width: 22.75%; }

.span_1_of_8 { width: 9.87%; }

.span_9_of_9 { width: 100%; }

.span_8_of_9 { width: 88.55%; }

.span_7_of_9 { width: 77.11%; }

.span_6_of_9 { width: 65.66%; }

.span_5_of_9 { width: 54.22%; }

.span_4_of_9 { width: 42.77%; }

.span_3_of_9 { width: 31.33%; }

.span_2_of_9 { width: 19.88%; }

.span_1_of_9 { width: 8.44%; }

.span_10_of_10 { width: 100%; }

.span_9_of_10 { width: 89.7%; }

.span_8_of_10 { width: 79.4%; }

.span_7_of_10 { width: 69.09%; }

.span_6_of_10 { width: 58.8%; }

.span_5_of_10 { width: 48.5%; }

.span_4_of_10 { width: 38.2%; }

.span_3_of_10 { width: 27.9%; }

.span_2_of_10 { width: 17.6%; }

.span_1_of_10 { width: 7.3%; }

.span_11_of_11 { width: 100%; }

.span_10_of_11 { width: 90.63%; }

.span_9_of_11 { width: 81.27%; }

.span_8_of_11 { width: 71.9%; }

.span_7_of_11 { width: 62.54%; }

.span_6_of_11 { width: 53.18%; }

.span_5_of_11 { width: 43.81%; }

.span_4_of_11 { width: 34.45%; }

.span_3_of_11 { width: 25.09%; }

.span_2_of_11 { width: 15.72%; }

.span_1_of_11 { width: 6.36%; }

.span_12_of_12 { width: 100%; }

.span_11_of_12 { width: 91.41%; }

.span_10_of_12 { width: 82.83%; }

.span_9_of_12 { width: 74.25%; }

.span_8_of_12 { width: 65.66%; }

.span_7_of_12 { width: 57.08%; }

.span_6_of_12 { width: 48.5%; }

.span_5_of_12 { width: 39.91%; }

.span_4_of_12 { width: 31.33%; }

.span_3_of_12 { width: 22.75%; }

.span_2_of_12 { width: 14.16%; }

.span_1_of_12 { width: 5.58%; }

.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/*------------------------------------*\ #ADMIN HELP
\*------------------------------------*/
.a--h--o { display: none; position: fixed; background: rgba(0, 0, 0, 0.1); width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999999999999; }

.a--h--o.active { display: block; }

.a--h { background: #fff; color: #444; padding: 1.75em; padding-right: 200px; /* allow for close */ float: left; width: 100%; position: absolute; bottom: 0; left: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }

.a--h h3 { color: #000; margin: 0 0 .5em 0; font-size: 1em; margin: 0 0 .5em 0; padding: 0; text-transform: uppercase; }

.a--h h3 span { color: #888; font-size: .875em; text-transform: uppercase; padding-left: .5em; }

.a--h a { color: #2fb9e7 !important; font-weight: !important; text-decoration: underline; }

.a--h b { font-weight: bold; color: #000; }

.a--h--close, .a--h--close:hover { background: red; color: #fff; padding: 1em; position: absolute; bottom: 0; right: 0; }

.a--h--show, .a--h--show:hover { position: fixed; bottom: 0; right: 0; background: #2fb9e7; background: -moz-linear-gradient(top, #2fb9e7 0%, #2ab1c9 100%); background: -webkit-linear-gradient(top, #2fb9e7 0%, #2ab1c9 100%); background: linear-gradient(to bottom, #2fb9e7 0%, #2ab1c9 100%); color: #fff; padding: 1em; border: 2px #179fcc solid; border-bottom: 0; }

.a--active .a--l { position: relative; border: 1px red solid; }

.a--active .a--l:before { color: #000 !important; font-size: 13px !important; position: absolute; top: 0; right: 0; font-size: .875em; text-transform: uppercase; padding: .1125em .5em; }

/* KEY ===================
bc1-6	- Body Content 1-6
pt	 	- Page Title
ptg		- Page Tagline
pi		- Page Intro */
.a--active .a--pt, .a--active .a--pt:before { content: 'page title'; background: rgba(0, 128, 0, 0.3); }

.a--active .a--ptg, .a--active .a--ptg:before { content: 'page tagline'; background: rgba(255, 0, 0, 0.3); }

.a--active .a--pi, .a--active .a--pi:before { content: 'page intro'; background: rgba(255, 192, 203, 0.3); }

.a--active .a--bc1, .a--active .a--bc1:before { content: 'body content 1'; background: rgba(128, 0, 128, 0.3); }

.a--active .a--bc2, .a--active .a--bc2:before { content: 'body content 2'; background: rgba(0, 0, 255, 0.3); }

.a--active .a--bc3, .a--active .a--bc3:before { content: 'body content 3'; background: rgba(0, 128, 0, 0.3); }

.a--active .a--l:before { background: red; color: #fff !important; font-weight: bold !important; }

/*------------------------------------*\
Livello - Variables
\*------------------------------------*/
/*------------------------------------*\ #FONTS
\*------------------------------------*/
body { font: normal 18px/1.5625 "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; color: #fff; color: rgba(255, 255, 255, 0.875); overflow-x: hidden; }

h1, h2, h3, h4, h5 { font-size: 1em; margin: 0 0 .75em 0; padding: 0; color: #fff; font-weight: 300; line-height: 1.3; font-family: "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; }

input, select, option, textarea, button { font: normal 17px/1.5625 "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; }

b, strong { font-weight: bold; color: #000; }

p { margin: 0 0 1em 0; padding: 0; }

h1 { font-size: 2.0em; }

h2 { font-size: 1.75em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.25em; }

/*------------------------------------*\ #LINKS
\*------------------------------------*/
a { color: #ebc778; }

.button { border: 0; background: #ebc778; color: #000; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; font-size: 1em; display: inline-block; text-align: center; position: relative; }

.button i { opacity: 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }

.button:hover { background: #e4b54c; color: #000; }

.button:hover i { opacity: 1; padding-left: 1em; }

.outlined-button { border: 2px #ebc778 solid; background: none; color: #fff; }

.outlined-button:hover { background: #ebc778; border-color: #ebc778; color: #000; }

.outlined-link { border: 1px #fff solid; color: #fff; display: inline-block; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; position: relative; }

.outlined-link i { font-size: .8em; margin: 0 .125em 0 0; color: #fff; }

.outlined-link:hover { box-shadow: inset 0 -100px 0 0 #000; border-color: #000; color: #fff; }

.button, .outlined-link { text-transform: uppercase; letter-spacing: 1px; font-family: "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; font-weight: 400; border-radius: .125em; }

.button, .outlined-link { padding: 1em 1.5em .75em 1.5em; }

/*------------------------------------*\ #TEMPLATE
\*------------------------------------*/
body { background: #000; overflow-x: hidden; }

li { clear: left; }

.inner { width: 94%; max-width: 84em; margin: 0 auto; }

.narrow-inner { max-width: 60em; margin: 0 auto; }

.pad { padding: 1em; }

#page-wrap { margin: 0 auto; width: 100%; -moz-transition: all 0.05s linear; -o-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; transition: all 0.05s linear; }

#main { padding: 2em 0; }

#main.image-box { padding-top: 22em; background-size: cover; background-repeat: no-repeat; background-position: top center; }

#main.image-box.ib-gallery { padding-top: 14em; background-position: bottom center; }

.text-box { background: rgba(0, 0, 0, 0.675); padding: 1em 1.5em 1.5em 1.5em; max-width: 540px; margin-bottom: 1em; }

.ib-menus .text-box { background: rgba(0, 0, 0, 0.6); }

.text-box a { color: #ebc778; }

.text-box a.button { color: #000; }

.text-box a.button i, .text-box a.button.button:hover i { opacity: 1; padding-left: 1em; }

.text-box p:last-child { padding: 0; margin: 0; }

.gallery-instagram-button { margin-top: 2em; }

.page-feature { padding: 0 0 1em 0; text-align: center; }

.page-feature .inner { max-width: 900px; width: 100%; }

.page-feature h1, .page-feature h2, .page-feature h3, .page-feature h4, .page-feature h5, .page-feature .headline { font-size: 2.5em; font-weight: 300; line-height: 1.5; position: relative; margin: 0 0 .25em 0; color: #fff; }

.page-feature h1 { margin-bottom: 0; }

.page-feature h2 a { color: #000; }

.page-feature p { font-size: 1.1em; }

.page-feature .tagline { font-size: 1.5em; font-weight: 300; }

.page-feature .tagline b { color: #fff; }

.page-feature .headline a { color: #fff; font-size: 14.5px; text-transform: uppercase; font-weight: normal; letter-spacing: .125em; margin-left: 1em; }

.page-feature .headline a:hover { color: #ebc778; }

#breadcrumb { margin-bottom: 0; text-align: center; }

.narrow-inner #breadcrumb { width: 80%; margin: 0 10% auto 10%; }

.narrow-inner #breadcrumb ul { display: inline-block; padding: .75em .25em .325em 1.25em; }

#breadcrumb li { display: inline-block; position: relative; padding: 0 1em .5em 1em; }

#breadcrumb a { color: #000; font-size: .875em; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; font-family: "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; }

#breadcrumb a:hover { color: #000; }

#breadcrumb li:before { content: '\025AA'; position: absolute; right: 100%; margin-right: -.25em; color: #666; }

#breadcrumb li:first-child { padding-left: 0; }

#breadcrumb li:first-child:before { display: none; }

.page-title { float: left; width: 100%; font-size: 3em; font-weight: 300; margin: 0 0 .5em 0; }

.page-tagline { font-size: 1.5em; line-height: 1.3; font-weight: 300; border-bottom: 1px #fff solid; padding: 0 0 .5em 0; margin: 0 0 1.5em 0; }

.page-intro { font-size: 1.25em; color: #091e2d; }

.page-not-found { text-align: center; padding: 2em 0; }

figure { border: 1px #e0e0e0 solid; padding: 1em; text-align: center; font-style: italic; font-size: .875em; margin: 0 0 1em 0; }

figure img { margin: 0 0 1em 0; }

figure caption { padding: .5em 0; }

table { width: 100%; max-width: 100%; margin-top: 1.25em; margin-bottom: 1.25em; border-collapse: collapse; border-spacing: 0; background-color: #ffffff; }

table th, table td { padding: 10px; vertical-align: top; border-top: 1px solid #cccccc; color: #666; line-height: 1.5; text-align: left; }

table th { background-color: #000; color: #ffffff; }

table strong { color: #000; font-weight: bold; }

table thead th { vertical-align: bottom; }

table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; }

table tbody tr td, table tbody tr th { -moz-transition: background-color 0.25s 0 linear 1s ease-in-out; -webkit-transition: background-color 0.25s 0 linear 1s ease-in-out; -o-transition: background-color 0.25s 0 linear 1s ease-in-out; transition: background-color 0.25s 0 linear 1s ease-in-out; }

table { border: 1px solid #cccccc; border-left: 0; border-collapse: separate; *border-collapse: collapsed; }

table th, table td { border-left: 1px solid #cccccc; }

table thead:first-child tr:first-child th, table tbody:first-child tr:first-child th, table tbody:first-child tr:first-child td { border-top: 0; }

table tbody tr:nth-child(odd) td { background-color: rgba(204, 204, 204, 0.4); }

.anchor { position: absolute; top: -70px; }

#instagram-strip { background: #000; }

.instagram-thumbs { text-align: center; }

.instagram-thumbs li { float: left; width: 25%; clear: none; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset; overflow: hidden; height: 300px; }

.instagram-thumbs li.no-show { display: none; }

.instagram-thumbs li:nth-child(4n+1) { margin-left: 0; }

.instagram-image { width: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }

.instagram-thumbs li:hover .instagram-image { transform: scale(1.1); }

.instagram-panel { display: none; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); color: #fff; float: left; width: 100%; }

.instagram-panel a { color: #fff; }

.instagram-text { float: left; width: 100%; padding: 0 2em; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.instagram-thumbs li:hover .instagram-panel { display: block; -webkit-animation: fadein .25s; animation: fadein .25s; }

.instagram-thumbs li:hover .instagram-text { -webkit-animation: fadeInUp-verticalanimated  .25s; animation: fadeInUp-verticalanimated  .25s; }

.instagram-thumbs li:hover .instagram-image { width: 100%; }

.instagram-thumbs li.insta-headers { text-align: left; }

.instagram-thumbs li.insta-headers:hover .instagram-text { -webkit-animation: none; animation: none; }

.instagram-text .fa-instagram { font-size: 3em; color: #ebc778; margin-top: -1em; }

.instagram-text .headline { font-size: 2.5em; color: #ebc778; font-weight: 300; }

.instagram-text .tagline { font-size: 1.5em; font-weight: 300; }

.instagram-text .button { margin-top: 2em; }

.instagram-thumbs li, .instagram-panel { height: 400px; }

.insta-comments .fa { margin-right: .5em; }

.insta-comments .fa-comment { margin-left: 2em; }

.insta-caption { margin-top: 2em; }

#gallery-strip { padding: 1em 0 3em 0; }

#gallery-strip .instagram-thumbs { margin: 2em 0 0 0; }

#gallery-strip .instagram-thumbs li, #gallery-strip .instagram-panel { height: 340px; }

#gallery-strip .instagram-thumbs li { display: none; width: 33.33%; }

#gallery-strip .instagram-thumbs li:nth-child(1), #gallery-strip .instagram-thumbs li:nth-child(2), #gallery-strip .instagram-thumbs li:nth-child(3), #gallery-strip .instagram-thumbs li:nth-child(4), #gallery-strip .instagram-thumbs li:nth-child(5), #gallery-strip .instagram-thumbs li:nth-child(6) { display: block; }

#gallery-strip .instagram-text { font-size: .875em; }

@media screen and (min-width: 1607px) { #gallery-strip .instagram-thumbs li { width: 25%; }
  #gallery-strip .instagram-thumbs li:nth-child(7), #gallery-strip .instagram-thumbs li:nth-child(8) { display: block; } }
/*------------------------------------*\ #HEADER
\*------------------------------------*/
header { text-align: center; position: absolute; top: 6em; left: 0; }

header .inner { position: relative; }

header.active { position: fixed; top: .8em; animation-name: fadein; animation-duration: 3s; }

#logo { float: left; width: 160px; position: absolute; }

header.active #logo { width: 148px; }

/*------------------------------------*\ #NAV
\*------------------------------------*/
#nav-toggle { display: none; }

nav { float: left; width: 100%; position: absolute; top: 0; left: 0; text-align: center; padding: 1em 0; background: rgba(0, 0, 0, 0.5); -webkit-animation: fadeInDown-animated  .75s; animation: fadeInDown-animated  .75s; }

nav .inner { max-width: 100em; }

.nav li { display: inline-block; position: relative; margin: 0 2em; position: relative; }

.nav li:before, .nav li:last-child:after { content: ''; width: 1px; background: rgba(81, 91, 98, 0.75); height: 100%; float: left; position: absolute; top: 0; left: -2em; }

.nav li:last-child:after { left: auto; right: -2em; }

.nav a { color: #000; display: block; padding: 1em; }

.nav .toplevel { font-size: 1em; text-transform: uppercase; font-weight: normal; letter-spacing: .125em; font-size: .8em; padding: .125em 0; -moz-transition: all 0.05s linear; -o-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; transition: all 0.05s linear; color: #fff; }

.nav .toplevel, a.underline { position: relative; white-space: nowrap; }

.nav .toplevel:before, .nav .toplevel:after, a.underline:before, a.underline:after { content: ''; position: absolute; bottom: -6px; left: 0; right: 0; height: 1px; background: #ebc778; opacity: 0.4; -webkit-transition: -webkit-transform 0.15s; -o-transition: -o-transform 0.15s; transition: transform 0.15s; }

.nav .toplevel:before, a.underline:before { opacity: 1; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

.nav .toplevel:after, a.underline:after { opacity: 1; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

.nav .toplevel:hover:after, a.underline:hover:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); }

.nav .toplevel i { color: #ebc778; }

.nav .toplevel.active { color: #f0e68c; }

.nav a:hover, .nav li:hover .toplevel { color: #ebc778; }

nav.full-colour { background: #1c1015; position: fixed; -webkit-animation: slideDownHeader  .75s; animation: slideDownHeader  .75s; padding: 1.25em 0; }

nav.full-colour ul { float: right; }

nav.full-colour li:first-child { display: none; }

nav.full-colour .nav li { margin: 0 1.75em; }

nav.full-colour .nav li:before { left: -1.75em; }

nav.full-colour .nav li:last-child:after { right: -1.75em; }

/*------------------------------------*\ #CONTACT STRIP
\*------------------------------------*/
.google-map { float: left; width: 100%; position: relative; pointer-events: none; }

.google-map iframe { float: left; width: 100%; pointer-event: none; -webkit-filter: grayscale(100%) invert(80%); -moz-filter: grayscale(100%) invert(80%); -ms-filter: grayscale(100%) invert(80%); -o-filter: grayscale(100%) invert(80%); filter: invert(80%) sepia(60%) hue-rotate(90deg); }

.google-map, .google-map iframe { height: 400px; }

.gmap { float: left; width: 100%; height: 360px; position: relative; pointer-events: none; }

.gmap-popup { font-size: 0.9em; line-height: 1.4em; text-align: center; }

.gmap-popup img { width: 20px; }

.gmap { -webkit-filter: grayscale(100%) invert(95%) sepia(30%) hue-rotate(180deg); -moz-filter: grayscale(100%) invert(95%) sepia(30%) hue-rotate(180deg); -ms-filter: grayscale(100%) invert(95%) sepia(30%) hue-rotate(180deg); -o-filter: grayscale(100%) invert(95%) sepia(30%) hue-rotate(180deg); filter: grayscale(100%) invert(95%) sepia(30%) hue-rotate(180deg); }

/*------------------------------------*\ #FOOTER
\*------------------------------------*/
footer { background: #000; background-size: cover; color: #fff; color: rgba(255, 255, 255, 0.75); padding: 2em 0 0 0; }

footer h5 { color: #000; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; font-weight: 300; }

footer .fa { opacity: .325; }

footer .fa-envelope, footer .fa-phone { width: 18px; margin-right: .5em; text-align: center; }

footer .fa-map-marker { width: 18px; margin-right: .25em; }

.footer-address { padding-right: 1em; text-align: right; }

.footer-logo { margin-top: 1em; margin-bottom: 1em; text-align: center; }

.footer-logo img { width: 120px; }

.footer-logo p { margin-top: 1em; font-size: 0.7em; color: #999; }

footer strong { color: #fff; }

footer .inner { position: relative; }

footer a, .credit a { color: #ccc; }

footer a:hover, .credit a:hover { color: #fff; text-decoration: none; }

.credit { margin-top: 2em; padding: 1em 0; border-top: 1px rgba(235, 199, 120, 0.4) solid; text-align: center; }

.edrob { font-size: 0.8em; }

.footer-nav { text-align: center; margin: 0 0 1em 0; }

.footer-nav li, .external-links li { display: inline-block; margin: 0 1em; text-transform: uppercase; font-weight: normal; letter-spacing: .125em; font-size: .8em; }

.external-links { text-align: center; margin: 2em 0 0 0; }

.external-links img { height: 50px; }

.external-socials { text-align: center; margin: 1em 0 0 0; }

.external-social { display: inline-block; font-size: 1.25em; }

.external-social a { margin: 0 .25em; border: 1px #ebc778 solid; width: 40px; height: 40px; border-radius: 40px; line-height: 40px; display: block; }

.external-social a .fa { color: #fff; opacity: 1; }

/*------------------------------------*\ #HOMEPAGE
\*------------------------------------*/
#welcome-wrap { overflow: hidden; float: left; width: 100%; position: relative; }

#welcome { text-align: center; margin: 0; color: #fff; position: relative; }

.welcome-slider { text-align: center; background: #000; }

.welcome-slider .slide { position: relative; background-position: top center; background-size: cover; background-repeat: no-repeat; /*box-shadow:0px -20px 300px rgba(0,0,0,.95) inset; */ }

.slide-bg { float: left; width: 100%; position: relative; -webkit-animation: zoomImage 7s linear infinite; -moz-animation: zoomImage 7s linear infinite; -ms-animation: zoomImage 7s linear infinite; animation: zoomImage 7s linear infinite; }

.welcome-slider .slide, .slide-bg, #welcome-wrap { height: 100vh; }

.slick-text { text-align: left; width: 100%; color: #fff; }

.welcome-slider .slick-next, .welcome-slider .slick-prev { opacity: 0; background-size: 44px; background-position: center left; width: 70px; height: 400px; top: 50%; margin-top: -200px; -moz-transition: all .75s linear; -o-transition: all .75s linear; -webkit-transition: all .75s linear; transition: all .75s linear; }

.slick-text { position: relative; top: 40%; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.welcome-slider .slide .slick-text .text { -webkit-animation: fadeOutRight-animated .5s both; animation: fadeOutRight-animated .5s both; }

.welcome-slider .slick-active .slide .slick-text .text { -webkit-animation: fadeInUp-animated 1s both .25s; animation: fadeInUp-animated 1s both .25s; }

.welcome-slider .slick-next { background-position: center right; }

.welcome-slider .slick-next:hover, .welcome-slider .slick-prev:hover { opacity: .75; }

.slick-text .text { max-width: 640px; }

.slick-text h1, .slick-text h2, .slick-title { margin: 0; padding: 0; font-size: 2.5em; }

.slick-text p { display: block; font-size: 1.25em; margin: 0; padding: 1em 0 1em 0; }

.slick-text .button { margin-top: 2em; }

.scroll-down { position: absolute; bottom: 1em; left: 50%; margin-left: -60px; width: 120px; opacity: 0; -moz-transition: all .75s linear; -o-transition: all .75s linear; -webkit-transition: all .75s linear; transition: all .75s linear; }

.scroll-down img { display: inline-block; text-align: center; padding: .5em; }

.scroll-down:hover { opacity: .75; }

/*------------------------------------*\ #EVENTS
\*------------------------------------*/
#upcoming-events { background: #0c0709; padding: 2em 0; border-top: 1px rgba(235, 199, 120, 0.25) solid; position: relative; text-align: center; }

#upcoming-events .page-feature { margin-bottom: 1em; }

#upcoming-events .page-feature .headline { color: gray; }

#upcoming-events .page-feature a.headline { color: #ebc778; }

.event { position: relative; padding: 0 .5em; text-align: left; }

.event-image { margin-bottom: 1.25em; border-top: 4px #ebc778 solid; width: 100%; }

.upcoming-event { display: inline-block; margin: 1% 1.5% 1% 1.5%; width: 30.33%; vertical-align: top; }

.event .weekly { background: #ebc778; color: #000; text-transform: uppercase; display: inline-block; padding: .25em .5em; margin: 0 0 .5em 0; }

.event .date { background: #262626; color: #fff; padding: .5em; float: right; line-height: 1.1; text-align: center; margin: .25em 0 1em 1em; position: relative; }

.event .date b { font-size: 2em; color: #fff; }

.event .date i { font-style: normal; text-transform: uppercase; display: block; letter-spacing: 4px; }

.event h3 { margin: 0 0 .25em 0; }

.event:nth-child(4n+1) { margin-left: 0; clear: both; }

#menus { margin-top: 1em; }

.menu { background-color: #ebc778; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 10em 0 0 0; border: 1px #fff solid; box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.5) inset; }

.menu:nth-child(3n+1) { clear: both; margin-left: 0; }

.menu b { float: left; width: 100%; font-weight: normal; text-transform: uppercase; color: #fff; background: rgba(0, 0, 0, 0.75); padding: 1em; border-top: 1px #fff solid; }

.menu b .fa-download { float: right; margin-top: .25em; opacity: .5; }

.menu:hover b .fa-download { color: #ebc778; }

.menu.cocktail { background-image: url(/images/menus/cocktail.jpg); }

.menu.bottle-service { background-image: url(/images/menus/bottle-service.jpg); }

.menu.bottle-show { background-image: url(/images/menus/bottle-show.jpg); }

/*------------------------------------*\ #VIRTUAL TOUR
\*------------------------------------*/
#virtualtour-strip { background-color: #08050c; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); }

#virtualtour { background-color: #08050c; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); padding: 2em 0 2em 0; }

.virtualtour-col { float: left; width: 50%; text-align: center; }

.virtualtour-col.text { padding: 4em 2em; }

.virtualtour-col.image { background: url(/images/3d-plan.jpg) center center/cover no-repeat; height: 360px; }

.virtualtour-col .headline { font-size: 2.5em; font-weight: 300; line-height: 1.5; position: relative; margin: 0 0 .25em 0; color: #fff; }

.virtualtour-col p { font-size: 1.1em; }

.matterport-showcase { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.matterport-showcase iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*------------------------------------*\ #CONTACT / FORMS
\*------------------------------------*/
.form-style label { width: 100%; float: left; }

.form-style label.error { width: auto; }

.form-style input, .form-style textarea { margin: .5em 0; width: 100%; }

.form-style input, .form-style textarea, .form-style select { position: relative; background: none; color: #fff; border-color: rgba(255, 255, 255, 0.375); }

.form-style input:focus { border-color: #fff !important; box-shadow: none !important; background: rgba(0, 0, 0, 0.125); }

.dates, .at { width: auto; display: inline-block; }

.dates select { width: auto; display: inline-block; margin-top: .5em; margin-right: .5em; background: #000; }

#dayname { width: 50px; margin-top: .625em; border: 0; padding-left: 0; }

.form-style li { float: left; width: 100%; padding: 0 0 .875em 0; position: relative; }

#make-a-reservation, #apply-for-card { background: #08050c url(/images/make-a-reservation-bg.jpg) top center no-repeat; background-size: 900px; padding: 10em 0 3em 0; }

#vip-rsvp { background: #050a0e url(/images/vip-form-bg.gif) bottom center no-repeat; background-size: contain; padding: 5em 0 3em 0; }

.rsvp-logo { position: absolute; top: 4em; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; }

#make-a-reservation.reservation-bg { border-top: 1px #170d21 solid; padding: 0;                                                                               /*background-color: #170d21;
background: -moz-radial-gradient(center, ellipse cover,  #170d21 0%, #08050c 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #170d21 0%,#08050c 100%);
background: radial-gradient(ellipse at center,  #170d21 0%,#08050c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170d21', endColorstr='#08050c',GradientType=1 );*/ }

.texture { padding: 2em 0 3em 0; background-image: url(/images/texture.png); background-repeat: repeat; }

#make-a-reservation .inner, #apply-for-card .inner, #vip-rsvp .inner { max-width: 1024px; }

#make-a-reservation .form-style li, #apply-for-card .form-style li, #vip-rsvp .form-style li { float: left; width: 50%; padding: 0 5%; margin-bottom: .5em; clear: none; }

#make-a-reservation .button, #apply-for-card .button, #vip-rsvp .button { float: none; clear: both; margin: 1.25em 0 0 0; }

.flatpickr { height: 50px; }

#make-a-reservation.reservation-bg .inner { max-width: 400px; }

#book-a-cocktail-class { background: #08050c url(/images/cocktail-class-bg-mobile.jpg) bottom center no-repeat; background-size: cover; padding: 3em 0; }

@media screen and (min-width: 970px) { #book-a-cocktail-class { background-image: url(/images/cocktail-class-bg.jpg); padding: 10em 0 4em 0; } }
#book-a-cocktail-class .form-style li { float: left; width: 50%; padding: 0 2.5%; margin-bottom: .5em; clear: none; }

#book-a-cocktail-class form { margin-top: 2em; }

#book-a-cocktail-class .button { float: none; clear: both; margin: 1.25em 0 0 0; }

#make-a-reservation .form-style li:nth-child(odd), #apply-for-card .form-style li:nth-child(odd), #vip-rsvp .form-style li:nth-child(odd), #book-a-cocktail-class .form-style li:nth-child(odd) { clear: both; }

#private-hire-form { background-color: #08050c; background-image: url(/images/privatehire-bg-mobile.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 3em 0; }

#christmas-booking-form { background-color: #08050c; background-image: url(/images/christmas-bg-mobile.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 3em 0; }

@media screen and (min-width: 970px) { #private-hire-form { background-image: url(/images/privatehire-bg.jpg); padding: 10em 0 4em 0; }
  #christmas-booking-form { background-image: url(/images/christmas-bg.jpg); padding: 10em 0 4em 0; } }
#private-hire-form .inner { max-width: 500px; }

#christmas-booking-form .inner { max-width: 700px; }

#private-hire-form .form-style, #private-hire-form .centered, #christmas-booking-form .form-style, #christmas-booking-form .centered { float: left; width: 100%; }

#private-hire-form .form-style li, #christmas-booking-form .form-style li { float: left; width: 50%; padding: 0 2.5%; margin-bottom: .5em; clear: none; }

#private-hire-form .form-style li.full, #christmas-booking-form .form-style li.full { width: 100%; }

#private-hire-form .form-style li:nth-child(odd), #christmas-booking-form .form-style li:nth-child(odd) { clear: both; }

#private-hire-form .button, #christmas-booking-form .button { float: none; clear: both; margin: 1.25em 0 0 0; }

.required { color: red; }

label.error { background: red; color: #fff; padding: .5em; position: relative; font-weight: bold; }

label.error:after { bottom: 100%; left: 2em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 0, 0, 0); border-bottom-color: red; border-width: 8px; margin-left: -8px; }

.msg { color: #fff; padding: 1em; margin-bottom: 1em; text-align: center; }

#thanks { background: #4dc680; }

#error { background: red; }

/*------------------------------------*\ #MAILCHIMP
\*------------------------------------*/
#mc_embed_signup .input { margin-bottom: 1.5rem; }

#mc_embed_signup .input label { color: #fff; display: block; margin-bottom: 0.75rem; text-align: center; width: 100%; }

#mc_embed_signup .input input { text-align: center; width: 100%; }

#mc_embed_signup .submit { text-align: center; }

.spotlight { float: left; position: absolute; top: 0; border-left: inherit; border-bottom: inherit; width: 400px; height: 400px; border-radius: 0 0 0 .2em; transform: rotate(45deg); background: rgba(235, 199, 120, 0); background: -moz-linear-gradient(-45deg, #ebc778 0%, rgba(235, 199, 120, 0.4) 25%, rgba(235, 199, 120, 0) 50%); background: -webkit-linear-gradient(-45deg, #ebc778 0%, rgba(235, 199, 120, 0.4) 25%, rgba(235, 199, 120, 0) 50%); background: linear-gradient(135deg, #ebc778 0%, rgba(235, 199, 120, 0.4) 25%, rgba(235, 199, 120, 0) 50%); }

.welcome-slider img { display: none; }

.sp1 { left: -15%; -webkit-animation: FadeInOut  8s linear infinite; animation: FadeInOut  8s linear infinite; }

.sp2 { left: -7.5%; -webkit-animation: FadeInOut  6s linear infinite; animation: FadeInOut  6s linear infinite; }

.sp3 { left: 0; -webkit-animation: FadeInOut  4s linear infinite; animation: FadeInOut  4s linear infinite; }

.sp4 { left: 7.5%; -webkit-animation: FadeInOut  7s linear infinite; animation: FadeInOut  7s linear infinite; }

.sp5 { left: 15%; -webkit-animation: FadeInOut  3s linear infinite; animation: FadeInOut  3s linear infinite; }

.sp6 { left: 22.5%; -webkit-animation: FadeInOut  9s linear infinite; animation: FadeInOut  9s linear infinite; }

.sp7 { left: 30%; -webkit-animation: FadeInOut  4.5s linear infinite; animation: FadeInOut  4.5s linear infinite; }

.sp8 { left: 37.5%; -webkit-animation: FadeInOut  6.5s linear infinite; animation: FadeInOut  6.5s linear infinite; }

.sp9 { left: 45%; -webkit-animation: FadeInOut  2.5s linear infinite; animation: FadeInOut  2.5s linear infinite; }

.sp10 { left: 52.5%; -webkit-animation: FadeInOut  3.5s linear infinite; animation: FadeInOut  3.5s linear infinite; }

.sp11 { left: 60%; -webkit-animation: FadeInOut  1.5s linear infinite; animation: FadeInOut  1.5s linear infinite; }

.sp12 { left: 67.5%; -webkit-animation: FadeInOut  5.5s linear infinite; animation: FadeInOut  5.5s linear infinite; }

.sp13 { left: 75%; -webkit-animation: FadeInOut  3.75s linear infinite; animation: FadeInOut  3.75s linear infinite; }

.sp14 { left: 82.5%; -webkit-animation: FadeInOut  4.5s linear infinite; animation: FadeInOut  4.5s linear infinite; }

.sp15 { left: 90%; -webkit-animation: FadeInOut  2.25s linear infinite; animation: FadeInOut  2.25s linear infinite; }

.sp16 { left: 97.5%; -webkit-animation: FadeInOut  7s linear infinite; animation: FadeInOut 7s linear infinite; }

/*------------------------------------*\ #FORM
\*------------------------------------*/
.dmn-form { width: 100% !important; border: 0 !important; background: rgba(0, 0, 0, 0.75) !important; padding: 1.5em !important; margin-top: 1em; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.dmn-form h1 { display: none; }

.dmn-form label { color: #fff !important; }

.dmn-form label, .dmn-form select, .dmn-form input { font-size: 1.25em !important; }

.dmn-form select, .dmn-form input { width: 100% !important; box-sizing: border-box !important; }

.dmn-form, .dmn-form label, .dmn-form select, .dmn-form input { font-family: "futura-pt",Futura,'Josefin Sans',Tahoma,'Century Gothic',Trebuchet MS, Arial, sans-serif !important; }

th .ng-binding { color: #fff !important; }

table strong, table b { font-weight: normal !important; }

/*------------------------------------*\ #CLEARFIX LIST
\*------------------------------------*/
header, #header, #main, footer, #welcome, #breadcrumb, #contact-strip, #virtualtour-strip, #testimonial-strip, #page-header, #page-header-titles { float: left; width: 100%; }

/*------------------------------------*\ #ANIMATIONS
\*------------------------------------*/
@-webkit-keyframes fadeInUp-verticalanimated { 0% { opacity: .5; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); }
  100% { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }
@keyframes fadeInUp-verticalanimated { 0% { opacity: .5; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); }
  100% { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }
@keyframes slideDownHeader { from { top: -100px; }
  to { top: 0; } }
@-moz-keyframes slideDownHeader { from { top: -100px; }
  to { top: 0; } }
@-webkit-keyframes slideDownHeader { from { top: -100px; }
  to { top: 0; } }
@-ms-keyframes slideDownHeader { from { top: -100px; }
  to { top: 0; } }
@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadeInDown-animated { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }
@keyframes fadeInDown-animated { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }
@-webkit-keyframes fadeInUp-animated { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }
@keyframes fadeInUp-animated { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }
@-webkit-keyframes fadeOutRight-animated { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } }
@keyframes fadeOutRight-animated { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } }
@-webkit-keyframes FadeInOut { 0% { opacity: 0; }
  20% { opacity: .675; }
  100% { opacity: 0; } }
@keyframes FadeInOut { 0% { opacity: 0; }
  20% { opacity: .675; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; left: -100%; }
  100% { opacity: .25; left: -92%; } }
@keyframes fadeInLeft { 0% { opacity: 0; left: -100%; }
  100% { opacity: .25; left: -92%; } }
/*------------------------------------*\ #Z-INDEX LIST
\*------------------------------------*/
#nav-toggle.active { z-index: 99999; }

header.active { z-index: 9999; }

nav { z-index: 9998; }

header, .scroll-down, .slick-next, .slick-prev, .slick-text, .slick-text .text { z-index: 9997; }

.spotlight { z-index: 9996; }

.welcome-gradient { z-index: 9996; }

/*------------------------------------*\ #SLICK
\*------------------------------------*/
.slick-list, .slick-slider, .slick-track { position: relative; display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; }

.slick-slider { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { top: 0; left: 0; }

.slick-track:after, .slick-track:before { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir=rtl] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-next, .slick-prev { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: 0; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25; }

.slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 25px; background: url(../../images/direction_left.png) no-repeat; width: 53px; height: 53px; }

[dir=rtl] .slick-prev { left: auto; right: -25px; }

.slick-next { right: 25px; background: url(../../images/direction_right.png) no-repeat; width: 53px; height: 53px; }

[dir=rtl] .slick-next { left: -25px; right: auto; }

.slick-next, .slick-prev { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top: 47%; padding: 0; border: none; outline: 0; background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 44px; height: 44px; opacity: .3; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25; }

.slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 20px; background-image: url(/images/direction_left_light.png); }

.slick-next { right: 20px; background-image: url(/images/direction_right_light.png); }

.slick-prev:hover, .slick-next:hover { opacity: 1; }

.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 2px #fff solid; outline: none; background: transparent; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; background: #a2a2a2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button { background: #000; border-color: #000; }

.slick-dots li.slick-active button:before { background: #000; opacity: 1; }

/*------------------------------------*\ #FLATPICKR
\*------------------------------------*/
.flatpickr-calendar { background: transparent; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; text-align: center; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 293.75px; box-sizing: border-box; -webkit-transition: top 0.1s cubic-bezier(0, 1, 0.5, 1); transition: top 0.1s cubic-bezier(0, 1, 0.5, 1); z-index: 99999999; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; visibility: visible; overflow: visible; max-height: 640px; }

.flatpickr-calendar.open { display: inline-block; -webkit-animation: flatpickrFadeInDown 0.3s cubic-bezier(0, 1, 0.5, 1); animation: flatpickrFadeInDown 0.3s cubic-bezier(0, 1, 0.5, 1); }

.flatpickr-calendar.inline { display: block; position: relative; top: 2px; }

.flatpickr-calendar.static { position: relative; top: 2px; }

.flatpickr-calendar.static.open { display: block; }

.flatpickr-calendar.hasWeeks { width: auto; }

.flatpickr-calendar.dateIsPicked.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; }

.flatpickr-calendar:after, .flatpickr-calendar:before { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; }

.flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before { left: auto; right: 22px; }

.flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; }

.flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; }

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { bottom: 100%; }

.flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { top: 100%; }

.flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after { border-top-color: #fff; }

.flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 28px; line-height: 24px; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flatpickr-next-month, .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 10px; height: 16px; line-height: 16px; }

.flatpickr-next-month i, .flatpickr-prev-month i { position: relative; }

.flatpickr-next-month.flatpickr-prev-month, .flatpickr-prev-month.flatpickr-prev-month { left: calc(3.57% - 1.5px); }

.flatpickr-next-month.flatpickr-next-month, .flatpickr-prev-month.flatpickr-next-month { right: calc(3.57% - 1.5px); }

.flatpickr-next-month:hover, .flatpickr-prev-month:hover { color: #959ea9; }

.flatpickr-next-month:hover svg, .flatpickr-prev-month:hover svg { fill: #f64747; }

.flatpickr-next-month svg, .flatpickr-prev-month svg { width: 14px; }

.flatpickr-next-month svg path, .flatpickr-prev-month svg path { -webkit-transition: fill .1s; transition: fill .1s; fill: inherit; }

.numInputWrapper { position: relative; height: auto; }

.numInputWrapper input, .numInputWrapper span { display: inline-block; }

.numInputWrapper input { width: 100%; }

.numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.05); box-sizing: border-box; }

.numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after { display: block; content: ""; position: absolute; top: 33%; }

.numInputWrapper span.arrowUp { top: 0; border-bottom: 0; }

.numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span.arrowDown { top: 50%; }

.numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span svg { width: inherit; height: auto; }

.numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span { opacity: 1; }

.flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; top: 5px; display: inline-block; text-align: center; }

.flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; padding-left: 7px; }

.flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: default; padding: 0 0 0 .5ch; margin: 0; display: inline; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus { outline: 0; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; }

.flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; }

.flatpickr-days, .flatpickr-weeks { padding: 1px 0 0; }

.flatpickr-days { padding: 0 2.375px; outline: 0; text-align: left; width: 293.75px; box-sizing: border-box; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }

.flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 38px; height: 38px; line-height: 38px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; }

.flatpickr-day.today { border-color: #959ea9; }

.flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: #959ea9; background: #959ea9; color: #fff; }

.flatpickr-day.endRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: #569ff7; color: #fff; border-color: #569ff7; }

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0 0 50px; }

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0 50px 50px 0; }

.flatpickr-day.inRange { border-radius: 0; box-shadow: -3.75px 0 0 #e6e6e6,3.75px 0 0 #e6e6e6; }

.flatpickr-day.disabled, .flatpickr-day.disabled:hover { pointer-events: none; }

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; }

span.flatpickr-weekday { cursor: default; font-size: 90%; color: rgba(0, 0, 0, 0.54); height: 27.166666666666668px; line-height: 24px; background: transparent; text-align: center; display: block; float: left; width: 14.28%; font-weight: 700; margin: 0; padding-top: 3.166666666666667px; }

.rangeMode .flatpickr-day { margin-top: 1px; }

.flatpickr-weekwrapper { display: inline-block; float: left; }

.flatpickr-weekwrapper .flatpickr-weeks { padding: 1px 12px 0; box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; }

.flatpickr-weekwrapper span.flatpickr-day { display: block; width: 100%; max-width: none; }

.flatpickr-innerContainer { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; overflow: hidden; }

.flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; }

.flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; -webkit-transition: height 0.33s cubic-bezier(0, 1, 0.5, 1); transition: height 0.33s cubic-bezier(0, 1, 0.5, 1); display: -webkit-box; display: -ms-flexbox; display: flex; }

.flatpickr-time:after { content: ""; display: table; clear: both; }

.flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1 0%; width: 40%; height: 40px; float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper { width: 26%; }

.flatpickr-time.time24hr .numInputWrapper { width: 49%; }

.flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #393939; font-size: 14px; position: relative; box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour { font-weight: 700; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; }

.flatpickr-time input:focus { outline: 0; border: 0; }

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: 700; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover { background: #f0f0f0; }

.hasTime .flatpickr-days, .hasWeeks .flatpickr-days { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.hasWeeks .flatpickr-days { border-left: 0; }

@media (-ms-high-contrast: none) { .flatpickr-month { padding: 0; }
  .flatpickr-month svg { top: 0 !important; } }
@-webkit-keyframes flatpickrFadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes flatpickrFadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
/*------------------------------------*\ #PRINT STUFF
\*------------------------------------*/
@media print { .noprint { display: none; }
  .printonly { display: block; }
  .inner { width: 90%; }
  header { border: none; }
  .span_1_of_2, .span_2_of_2, .span_1_of_3, .span_2_of_3, .span_3_of_3, .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7, .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8, .span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10 { clear: both; width: 100%; margin: 1em 0 1em 0; }
  nav { border-bottom: none; }
  #contact-strip { background: #002f5f; }
  .text-group, .h-main-group { box-shadow: none; }
  .outlined-link { display: none; }
  .h-main ._mh:nth-child(2) { height: 900px !important; }
  ul.slick-dots { display: none !important; }
  .contact-wrap ._mh { height: 1200px !important; } }
/*------------------------------------*\ #MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 1800px) { .inner { max-width: 72em; }
  .nav li { margin: 0 1.5em; }
  .nav li:before { left: -1.5em; }
  .nav li:last-child:after { right: -1.5em; }
  nav.full-colour .nav li { margin: 0 1.25em; }
  nav.full-colour .nav li:before { left: -1.25em; }
  nav.full-colour .nav li:last-child:after { right: -1.25em; } }
@media screen and (max-width: 1620px) { .instagram-thumbs li, .instagram-panel { height: 300px; }
  nav .inner { width: 100%; padding: 0 1em; }
  .nav li { margin: 0 1.125em; }
  .nav li:before { left: -1.125em; }
  .nav li:last-child:after { right: -1.125em; }
  nav.full-colour .nav li { margin: 0 1em; }
  nav.full-colour .nav li:before { left: -1em; }
  nav.full-colour .nav li:last-child:after { right: -1em; } }
@media screen and (max-width: 1480px) { .spotlight { width: 200px; height: 200px; }
  .welcome-slider .slick-next, .welcome-slider .slick-prev { top: 87%; height: 44px; margin-top: 0; } }
@media screen and (max-width: 1380px) { .nav li.nv-1 { display: none; } }
@media screen and (max-width: 1340px) { #main.image-box { background-size: 100%; }
  #main.image-box.ib-venue, #main.image-box.ib-gallery, #main.image-box.ib-corporate { background-size: cover; }
  .text-box { max-width: 80%; margin-bottom: 0; }
  #main.image-box.ib-menus .text-box { max-width: 500px; }
  #book-a-cocktail-class { padding: 4em 0; }
  .welcome-slider .slide, .slide-bg, #welcome-wrap { height: 600px; }
  .slick-title, .slick-text h1, .slick-text h2, .page-feature h2, .page-feature h3, .page-feature h4, .page-feature h5, .page-feature .headline, .instagram-text .headline { font-size: 2em; }
  .page-feature .tagline { font-size: 1.3em; } }
@media screen and (max-width: 1278px) { .spotlight { display: none; }
  header.active #logo { width: 120px; top: .25em; }
  header, header.active { z-index: 9999; top: 1em; }
  header.active { position: absolute; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }
  header .inner { width: 100%; padding: 0 1.675em; }
  #logo, header.active #logo, #logo.active, header.active #logo.active { margin-top: .25em; top: 0; left: 2em; position: absolute; width: 128px; }
  #logo.active, header.active #logo.active { position: fixed; top: 1em; }
  nav { float: left; width: 200px; height: 100vh; display: none; margin: 0; text-align: center; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
  nav.active { display: block; top: 0; left: 0; }
  nav, nav.active, nav.full-colour { position: fixed; }
  nav.full-colour { -webkit-animation: none; animation: none; }
  nav, nav.active { background: rgba(0, 0, 0, 0.875); padding: 5em 0 0 0; }
  nav .inner { padding: 0; }
  .nav li, nav.active li, nav.full-colour li { margin: 0 0 1em 0; width: 100%; }
  nav.full-colour li:first-child { display: block; }
  .nav a.active:after, .nav li:last-child:after { display: none; }
  .nav a.toplevel { padding: .5em 1em; }
  nav.full-colour ul { float: none; }
  nav.full-colour .nav li { margin: 0 0 1em 0; }
  #nav-toggle-wrap { display: block; }
  #nav-toggle { display: block; float: left; width: auto; position: absolute; top: 0; right: 1em; text-align: center; color: #ebc778; padding: .8em .8em .65em .8em; font-size: .875em; cursor: pointer; font-family: "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; text-transform: uppercase; font-weight: bold; border: 1px rgba(235, 199, 120, 0.5) solid; background: rgba(0, 0, 0, 0.25); }
  #nav-toggle.active { text-align: center; background: #000; color: #fff; position: fixed; top: 1.15em; }
  #nav-toggle i { display: inline-block; margin-right: .25em; }
  #nav-toggle span { font-size: .75em; padding: 0 0 0 .75em; font-weight: bold; }
  #nav-toggle a { border: 0; color: #000; font-size: 1.5em; font-family: "futura-pt", Futura, "Josefin Sans", Tahoma, "Century Gothic", Trebuchet MS, Arial, sans-serif; text-transform: uppercase; } }
@media screen and (max-width: 1230px) { .instagram-thumbs li, .instagram-panel { height: 240px; }
  .instagram-text { font-size: .75em; } }
@media screen and (max-width: 1190px) { .welcome-slider .slide, .slide-bg, #welcome-wrap { height: 500px; } }
@media screen and (max-width: 1080px) { #gallery-strip .instagram-thumbs li, #gallery-strip .instagram-panel { height: 240px; }
  #gallery-strip .instagram-thumbs li.insta-headers { width: 100%; height: 300px; }
  .instagram-thumbs li.insta-headers { text-align: center; }
  #gallery-strip .instagram-thumbs li:nth-child(7) { display: block; }
  .event { width: 47.5%; }
  .event:nth-child(odd) { clear: both; margin-left: 0; }
  .event-image { width: 100%; }
  .slick-text h1, .slick-text h2, .page-feature h1, .page-feature h2, .page-feature h3, .page-feature h4, .page-feature h5, .page-feature .headline, .instagram-text .headline { font-size: 1.75em; }
  .page-feature .tagline { font-size: 1.3em; }
  .page-title { font-size: 2em; }
  .scroll-down { display: none; } }
@media screen and (max-width: 1020px) { .welcome-slider .slide, .slide-bg, #welcome-wrap { height: 400px; } }
@media screen and (max-width: 980px) { .instagram-thumbs li { width: 50%; }
  .instagram-thumbs li, .instagram-panel { height: 400px; }
  #book-a-cocktail-class .form-style li { width: 100%; }
  #book-a-cocktail-class .col { width: 65%; }
  #main.image-box.ib-menus .text-box { max-width: 80%; } }
@media screen and (max-width: 900px) { .text-box, #main.image-box.ib-menus .text-box { max-width: 100%; } }
@media screen and (max-width: 840px) { #gallery-strip .instagram-thumbs li, #gallery-strip .instagram-panel { height: 300px; }
  #gallery-strip .instagram-thumbs li { width: 50%; } }
@media screen and (max-width: 790px) { #page-wrap { border: 0; }
  .inner { width: 90%; }
  .span_1_of_2, .span_2_of_2, .span_1_of_3, .span_2_of_3, .span_3_of_3, .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7, .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8, .span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10 { width: 100%; margin: 0 0 1.5em 0; }
  .welcome-slider .slide { min-height: 400px; }
  footer, .footer-address, .footer-logo { text-align: center; }
  .credit { margin-top: 2.5em; }
  .event { padding: 0; }
  .welcome-slider .slick-next, .welcome-slider .slick-prev, .welcome-slider .slick-next:hover, .welcome-slider .slick-prev:hover { opacity: 0; }
  .page-intro, .page-feature .tagline, .page-tagline, .instagram-text .tagline { font-size: 1.25em; }
  #upcoming-events .page-feature { margin-bottom: 1em; }
  .slick-text h1, .slick-text h2, .page-feature h1, .page-feature h2, .page-feature h3, .page-feature h4, .page-feature h5, .page-feature .headline { padding: 0; font-size: 1.675em; line-height: 1.1; }
  .page-feature h1 { margin-bottom: .5em; }
  #page-header { padding: 1em 0; }
  #main.image-box { padding-top: 12em; background-size: 100%; background-position: top center; }
  #main.image-box.ib-gallery { padding-top: 8em; }
  .text-box { max-width: 100%; margin-bottom: 0; padding: 1.5em; }
  .instagram-thumbs li, .instagram-panel { height: 300px; }
  #gallery-strip .instagram-thumbs li, #gallery-strip .instagram-panel { height: 280px; }
  .contact-form-wrap { padding: 1em 0 0 0; }
  .contact-wrap h3 { font-size: 1.25em; }
  .contact-main-details a { font-size: 1.25em; }
  .page-sidebar-wrap { width: 100%; position: relative; top: auto; left: auto; }
  .page-sidebar-margin { margin-left: 0 !important; }
  #gallery-strip { padding-top: 0; }
  #make-a-reservation, #apply-for-card, #vip-rsvp { background-size: 400px; padding: 3em 0 2em 0; }
  #private-hire-form, #christmas-booking-form { padding: 2em 0; }
  #privatehire-form { margin-top: 1em; padding: 1.5em; }
  #contact-form.form-style li, #make-a-reservation .form-style li, #private-hire-form .form-style li, #christmas-booking-form .form-style li { width: 100%; padding: 0; }
  #upcoming-events { padding: 2em 0; }
  .rsvp-logo { top: 0; width: 250px; } }
@media screen and (max-width: 720px) { #virtualtour-strip { border-bottom: 1px #999 solid; }
  .virtualtour-col { width: 100%; } }
@media screen and (max-width: 680px) { #book-a-cocktail-class { padding: 2em 0 1em 0; }
  #book-a-cocktail-class .col { width: 100%; } }
@media screen and (max-width: 600px) { .instagram-thumbs { padding-top: .5em; }
  #gallery-strip .instagram-thumbs li, .instagram-thumbs li { width: 100%; border: 10px #000 solid; border-top: 0; }
  .inst-th-9, .inst-th-10, .inst-th-11, .inst-th-12, .inst-th-13, .inst-th-14, .inst-th-15, .inst-th-16 { display: none !important; }
  .nav .toplevel:before, .nav .toplevel:after, .nav .toplevel:hover:before, .nav .toplevel:hover:after, a.underline:before, a.underline:after, a.underline:hover:before, a.underline:hover:after { display: none; }
  .slick-text { top: 30%; }
  .upcoming-event { margin: 0 0 1em 0; width: 100%; }
  .rsvp-logo { width: 150px; } }
@media screen and (max-width: 520px) { .gmap { height: 200px; }
  .button, .outlined-link { padding: 1em; } }
@media screen and (max-width: 470px) { header .inner { padding: 0 1.125em; }
  #logo, header.active #logo, #logo.active, header.active #logo.active { left: 1.5em; width: 112px; }
  nav { width: 172px; }
  .nav li, nav.active li, nav.full-colour li { margin: 0 0 .325em 0 !important; }
  .nav a.toplevel { padding: .625em .75em; font-size: .7em; }
  .slick-text { text-align: center; }
  #main.image-box { padding-top: 8em; }
  #gallery-strip .instagram-thumbs li, #gallery-strip .instagram-panel { height: 270px; }
  .footer-nav li { width: 50%; float: left; margin: 0 0 .5em 0; clear: none; } }
@media screen and (max-width: 470px) { .instagram-thumbs li, .instagram-panel { height: 310px; } }
@media screen and (min-width: 1281px) { nav { display: block !important; } }

/*# sourceMappingURL=barlivello.css.map */