@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Montserrat:100,300,400,700,900');
/**** RESET ****/
/****************************************************

 

 Reset



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

.none				{ display:none }

a img, :link img, 
:visited img 		{ border:0 }
table 				{ border-collapse:collapse; border-spacing:0 }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, a, abbr, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, blockquote
					{ margin:0; padding:0; border:0; line-height:1.0; vertical-align:baseline; text-align:left; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit }

sup 				{ vertical-align:super }
sub 				{ vertical-align:sub }
em					{ font-style:italic }

q:before, q:after, blockquote:before,  
blockquote:after	{ content:"" }
strong				{ font-weight:bold }
ol, ul 				{ list-style:none }

body				{ font-size:62.5%	}
html>body			{ font-size:10px }
body 				{ font-family: 'Lato', sans-serif; cursor:default; -webkit-text-size-adjust:none }

a 					{ outline:none; text-decoration:none; color:inherit; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/**** ZPANEL ****/
.zmenu 			{ position: fixed; top:0; left:0; right:0; height:100vh; max-height:100vh; z-index: 21; display: none; opacity: 0; }
.zmenu.active 	{ display: block; }

.zpanel 		{ position: absolute; top:0; left:0; right:0; bottom:0; overflow: auto; -webkit-overflow-scrolling:touch; border-bottom:1px solid transparent; display: none; z-index: 21 }
.zpanel.light   { background-color: rgba(240,240,240,0.9) }
.zpanel.white   { background-color: #ffffff }
.zpanel.alt  	{ background-color: #F6F7F7 }
.zpanel.darkbg	{ background-color: rgba(0,0,0,0.8) }
.zpanel.flex.active	{ display: flex; align-items:center; }
.zpanel.flex section { flex-grow:1; }
.zpanel header  { justify-content:flex-end; position: fixed; left:auto; right:0; width:100px; padding-bottom:0; }

.zpanel.active 	{ display: block; }

.lightbox_src 	{ width:100%; margin:auto; cursor: zoom-out }

@media all and (max-height:600px){
	.zpanel.flex.active { align-items: flex-start; padding:100px 0; }
}

/**** FORMS ****/
.form_steps 					{ margin:0 auto; border-radius:3px; overflow: hidden; position: relative; background: #ffffff; max-width:450px; display: flex; flex-wrap:nowrap; flex-direction: row; justify-content:flex-start; align-items:stretch; align-content:flex-start;}
.form_steps .form_wrap  		{ flex-grow:0; min-width:350px; display: block; }
.form_steps .form_wrap.off 		{ margin-left:-100%; }
.form_wrap, .wide_form 			{ margin:0 auto; padding:60px 50px; border-radius:3px; overflow: hidden; position: relative; background: #ffffff }

.form_wrap, form 				{ width:350px }

.wide_form, .wide_form form 	{ width:560px }

.form_wrap.fullwidth { width:100%; padding:0; overflow: visible; }
.form_wrap.fullwidth form { width: 100% }


.form_wrap.compact, .form_wrap.compact form { max-width:500px; width:100%; position: relative }
.form_wrap.flush,
.form_wrap.compact { padding:0px; overflow:visible; }

/* Form steps 
.form_steps 				{ max-width: 600px; }
.form_steps .form_wrap 		{ width:100%; }
.form_steps .form_wrap form { width:100%; }
*/

.underlined 		{ border-top:2px solid #000000; margin-top:20px; padding-top:30px;}
form 				{ padding:0 }
form .row 			{ position: relative; z-index: 1; margin:0 0 20px 0 }
form .row:last-child{ margin-bottom:0; }
form .row_wrap 		{ overflow: hidden }

form .row.actions	{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; position: relative; }

form label 			{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:18px; line-height: 10px; font-weight: 400; text-transform:none; position: absolute; top:50%; margin-top:-5px; left:0; z-index: 4; transition:all 0.2s; -webkit-transition:all 0.2s; opacity:0.5; cursor: pointer}
form label.on 		{ top:0; margin:-10px 0 0 0; font-size:14px; opacity:0.5; z-index: 4; }

form .row_multi label { top:0; margin-top:16px; }
form .row_multi label.on { margin-top:-10px; }

form .input 		{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:18px; font-weight: 400; border:1px solid #eeeeee; border-width:0 0 1px 0; background:transparent; border-radius:0; margin:0 0 1px 0; padding:10px 0; width:100%; outline:none; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; position: relative; z-index: 3; box-sizing:border-box; }
form .input:focus 	{ border-color:#007FFF; border-width:0 0 2px 0; margin-bottom:0; }
form .input.error 	{ border-color:#ff0000;}
form .row.double 	{ overflow: hidden; width:50%; float: left }

.form_wrap.compact form .input { border-width:1px 1px 1px 1px; padding:15px 10px; border-radius:3px; margin:0; }
.form_wrap.compact form .input:focus,
.form_wrap.compact form .input:error { border-width:1px 1px 1px 1px; }

form button 		{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:18px; font-weight: 400; display: inline-block; line-height: 30px; border:1px solid #C11424; border-radius:3px; background:#C11424; min-width: 120px; text-align: center; float: right; transition:all 0.1s; -webkit-transition:all 0.1s; outline: none; padding:8px 10px; color:#ffffff; }
form button:hover,
form button:focus 	{ background-color: #E52A3B; border-color: #E52A3B }

form button.fullwidth { width:100%; padding-left:0; padding-right:0; }

.form_wrap.compact button { position: absolute; top:50%; right:2px; z-index: 2; transform: translateY(-50%); -webkit-transform:translateY(-50%); margin:0; }

form .option 		{ position:absolute; top:50%; margin-top:-6px; padding-left:0px; width:50% }
form .option label	{ padding-left:0px; position: relative; top:-3px; }
form .option input 	{ width:16px; height: 16px; outline: none }

form .options 		{ border:1px solid #eeeeee; border-width:0 0 1px 0; padding-bottom:5px; }
.options .option 	{ position: static; top:0; margin:0 0 10px 0; width:auto; }

.message 			{ position: absolute; top:0; left:0; right:0; overflow: hidden; background:transparent; color:transparent; z-index: 2; transform:translateY(-100%); -webkit-transform:translateY(-100%); transition:all 0.2s; -webkit-transition:all 0.2s; cursor: default }
.message p 			{ padding:20px 50px; color:inherit; font-size:18px; line-height:18px; text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:400; margin:0; }
.message.active 	{ transform:translateY(0); -webkit-transform:translateY(0); }
.message.error 		{ background: #D0011B; color:#ffffff; }
.message.success 	{ background: #00AC1F; color:#ffffff; }
.message p a 		{ color:#ffffff; text-decoration: underline;}

.message.fixed 		{ position: fixed; border-radius:0 0 2px 2px; top:-5px; left:50%; max-width:500px; width:100%; right:auto; margin:0; z-index: 501; transform:translateY(-100%) translateX(-50%); -webkit-transform:translateY(-100%) translateX(-50%); transition:all 0.2s; -webkit-transition:all 0.2s }
.message.fixed.active 	{ transform:translateY(0) translateX(-50%); -webkit-transform:translateY(0) translateX(-50%); top:0; }
.message.fixed p 	{ padding:10px 20px;}

form textarea.input { min-height: 120px; max-height:300px; line-height: 22px; min-width:200px; max-width:100%; padding:0 0 0 0; margin:10px 0 0 0; }
form textarea.input.tall { min-height: 300px; max-height: 600px; line-height: 30px; }

form button.danger { background-color: #D0011B; border-color:#D0011B; }
form button.danger.loading,
form button.danger:active { background-color: #FF5D5D; border-color:#FF5D5D; }

form button.loading,
form button:active { background:#E52A3B; border-color:#E52A3B; color:transparent; position: relative; transform:scale(0.95,0.95); -webkit-transform:scale(0.95,0.95) }
form button:active:before,
form button.loading:before { content:""; display:block; position:absolute; left:50%; top:50%; border-radius:50%; box-sizing:border-box; border:2px solid #ffffff; border-color:transparent #ffffff #ffffff #ffffff; width:16px; height:16px; margin:-8px 0 0 -8px; text-align:center; color:#ffffff; line-height: 10px; text-indent: 0
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.helper 			{ position: absolute; top:0; right:-10px; width:40px; height:40px; line-height: 40px; text-align: center; z-index: 5 }
.helper span 		{ display: inline-block; width:20px; height:20px; line-height: 20px; background:#cccccc; border-radius: 50%; text-align: center; font-size: 11px; color:#777; transition:all 0.2s; -webkit-transition:all 0.2s; }
.desktop .helper:hover span 	{ background:#007FFF; color:#FFFFFF; }


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

Mobile

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

@media all and (max-width:768px){
	.message p,
	form label,
	form button,
	form .input { font-size:14px; }

	.form_wrap 				{ padding:30px 20px 40px; box-sizing: border-box }
	.form_wrap, form 		{ width:auto; max-width: 400px }

	.form_steps 			{ width:90vw; max-width: 400px; }
	.form_steps .form_wrap 	{ width:100%; min-width: 100%; padding:30px 20px 40px; box-sizing: border-box }

	form button { padding:5px; }
}






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

Tablet

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

@media all and (min-width:769px) and (max-width:1024px){
	.message p,
	form label,
	form button,
	form .input { font-size:16px; }

	form button { padding:5px; }
}






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

Desktop

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

@media all and (min-width:1025px) and (max-width:1440px){
	.message p,
	form label,
	form button,
	form .input { font-size:16px; }

	form button { padding:5px; }
}






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

Desktop HD

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

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

/**** DROPDOWN ****/
/*

Two themes + 6 positions

tl tc tr
rt rc rb

*/

.dropdown 						{ display: block; position: relative; min-width: 100px; box-sizing: border-box; padding-top:15px; }
.dropdown:after 				{ content:""; width:10px; height:10px; background:#F4F6F7; position: absolute; left:50%; top:10px; margin-left:-5px; transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index: 1 }
.dropdown.tr:after 				{ left:auto; right:10px }
.dropdown.dark:after 			{ background-color: #222222; }

.dropdown h5 					{ padding:10px; font-size:11px; line-height: 14px; text-transform: uppercase; font-weight: 500 }

.tooltip 						{ min-width:110px }

.dropdown_anchor 				{ position: absolute; display: inline-block; z-index: 99; width:0px; height:0px; line-height: 0px; opacity: 0; display: none }
.dropdown_anchor .dropdown.tl 	{ position: absolute; top:100%; left:-17px; margin-top:15px; }
.dropdown_anchor .dropdown.tc 	{ position: absolute; top:100%; left:0; margin-top:15px; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.dropdown_anchor .dropdown.tr 	{ position: absolute; top:100%; left:18px; margin-top:15px; transform:translateX(-100%); -webkit-transform:translateX(-100%); }

.dropdown_anchor .dropdown.bl 	{ position: absolute; top:0%; left:-17px; margin-top:-15px; transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.dropdown_anchor .dropdown.bc 	{ position: absolute; top:0%; left:0; margin-top:-15px; transform:translateX(-50%) translateY(-100%); -webkit-transform:translateX(-50%) translateY(-100%); }
.dropdown_anchor .dropdown.br 	{ position: absolute; top:0%; left:18px; margin-top:-15px; transform:translateX(-100%) translateY(-100%); -webkit-transform:translateX(-100%) translateY(-100%); }

.def 							{ border-bottom:1px dashed #777; }

.dropdown_trigger 				{ display: inline-block; padding:0; position: relative }
.dropdown_trigger .dropdown 	{ display: none; position: absolute; width:160px; }
.dropdown_trigger:hover .dropdown { display:block; }

.dropdown_trigger .dropdown.tl 	{ top:100%; left:0 }
.dropdown_trigger .dropdown.tc  { top:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.dropdown_trigger .dropdown.tr 	{ top:100%; right:0;}

.dropdown ul 					{ background: #F4F6F7; border-radius: 2px; overflow:hidden; box-shadow:40px 40px 80px rgba(0,0,0,0.2); position: relative; z-index: 2 }
.dropdown.dark ul 				{ background:#222222; }
.dropdown ul li 				{ }
.dropdown ul li:first-child 	{ }
.dropdown ul li a 				{ padding:15px 10px; line-height: 14px; margin:0; font-size:14px; font-weight: 300; text-transform: none; color:#000000; opacity:1; font-family: 'Roboto', Arial, Helvetica, sans-serif; display: block; border-radius:1px; }
.dropdown.dark ul li a 			{ color:#ffffff; }

.dropdown ul li:hover a 		{ background:#FF0505 }
.dropdown ul li a:hover,
.dropdown ul li a:active 		{ opacity: 1; color:#ffffff;}

/**** FLEXGRID ****/
.flexwrap 								{ -webkit-overflow-scrolling:touch; }

.flexgrid 								{ box-sizing: border-box; position: relative; z-index: 12; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap }
.flexgrid.nowrap 						{ flex-wrap: nowrap }
.flexgrid.nowrap .cell 					{ flex-grow: 1 }
.flexgrid.reverse 						{ flex-wrap: wrap-reverse; }

.flexgrid .cell 						{ display: flex; justify-content: center; align-items: stretch; align-content: space-between; position: relative; z-index: 12; flex-grow: 0; box-sizing: border-box }
.flexgrid .cell.col1 					{ width:8.33% 	}
.flexgrid .cell.col2 					{ width:16.66% 	} 
.flexgrid .cell.col3 					{ width:24.99% 	}

.flexgrid .cell,
.flexgrid .cell.col4 					{ width:33.33% 	}
.flexgrid .cell.col5 					{ width:41.66% 	}
.flexgrid .cell.col6 					{ width:50% 	}
.flexgrid .cell.col7 					{ width:58.32% 	}
.flexgrid .cell.col8 					{ width:66.63% 	}
.flexgrid .cell.col9 					{ width:74.98% 	}
.flexgrid .cell.col10 					{ width:83.33% 	}
.flexgrid .cell.col11 					{ width:91.63% 	}
.flexgrid .cell.col12 					{ width:100% 	}

.flexgrid .cell.box .cc 				{ border:1px solid rgba(0,0,0,0.1); border-radius: 3px }

.flexgrid .cell .cc 					{ padding:0; position: relative; white-space:normal; width:100%; }

.flexgrid.spaced .cell .cc 				{ margin:0.5vw; }
.flexgrid.spaced 						{ margin-left:-0.5vw; margin-right:0.5vw; }

.valign { align-items: center; display:flex; }
.balign { align-items:flex-end; display:flex; }

.cell.testimonial .cc 					{ padding:0 20px 90px 20px; }
.cell_footer 							{ display: block; position: absolute; bottom:0; left:0; right:0; padding: 0 0 10px 0 }

.masonry { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; -webkit-perspective:1 }
.masonry .cell {
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}

.showcase_card .cc { background: #ffffff; border-radius:3px; }

.tiles .cell .cc a.project 	{ background: #0011ff; overflow: hidden; display: block }
.tiles .cell .cc img 		{ transition:opacity 0.5s; -webkit-transition:opacity 0.5s; float:left }
.tiles .cell .cc:hover img 	{ opacity:0.2 }

.tile-title 	{ position:fixed; left:0; top:0; width:100vw; height:100vh; z-index: 100; pointer-events:none; opacity:0; display:flex; align-items: center; justify-content: center; pointer-events: none }
.tile-title div { text-shadow:0 0 30px rgba(0,0,0,0.5); }

.project-stats  { background: #ffffff; padding:20px }

@media all and (max-width:600px){

	.flexgrid .cell.col_small_33 	{ width:33%; }
	.flexgrid .cell.col_small_1 	{ width:50%; }
	.flexgrid .cell.col_small_2 	{ width:100%; }

	.flexgrid .cell.col_small2_m 	{ width:10%; }
	.flexgrid .cell.col_small2_a 	{ width:90%; }

	.flexgrid .cell.col_small2_1 	{ width:25%; }
	.flexgrid .cell.col_small2_2 	{ width:50%; }
	.flexgrid .cell.col_small2_3 	{ width:75%; }
	.flexgrid .cell.col_small2_4 	{ width:100%; }

	.flexgrid.spaced 				{ margin-left:-5px; margin-right:-5px; }
	.flexgrid.spaced .cell .cc 		{ margin:5px; }

	.flexwrap 									{ white-space: nowrap; overflow-x: scroll; margin-left:-30px; margin-right:-30px; padding-left:30px; }
	.flexwrap .flexgrid 						{ flex-wrap: nowrap; padding-right:30px; }
	.flexwrap .flexgrid .cell 					{ flex-grow:0; min-width: 75vw }
	.flexwrap .flexgrid .cell.small-cell 		{ flex-grow:0; min-width: 55vw }
	.flexwrap .flexgrid .cell.tiny-cell 		{ flex-grow:0; min-width: 30vw }
	.flexwrap .flexgrid .cell .cc 				{ margin-right:20px; }
	.flexwrap .flexgrid .cell.card .cc 			{ border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:20px; }
	.flexwrap .flexgrid .cell.testimonial .cc 	{padding-bottom: 90px}

	.flexwrap .flexgrid .cell.card .cc .pr-default { padding-right:0 !important }

	.flexwrap .flexgrid .cell.card.light .cc { background-color: #ffffff; border:none; }

	.dark
	.flexwrap .flexgrid .cell.card.light .cc { background-color: rgba(255,255,255,0.2) }

	.hideonmobile {display: none !important}

	.masonry { -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0 }
}

@media all and (min-width:601px) and (max-width:1024px){

	.flexgrid .cell.col_medium_1 	{ width:25% }
	.flexgrid .cell.col_medium_33 	{ width:33.33% }
	.flexgrid .cell.col_medium_2 	{ width:50% }
	.flexgrid .cell.col_medium_3 	{ width:75% }
	.flexgrid .cell.col_medium_4 	{ width:100% }

	.hideontablet { display: none !important }

	.masonry { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px }

}

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

	.hideondesktop { display: none !important }

}

/**** F4 ****/
@font-face {
    font-family: 'New Reason';
    src: url('../font/NewReason-Bold.woff2') format('woff2'),
        url('../font/NewReason-Bold.woff') format('woff'),
        url('../font/NewReason-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
#fv_loader 	{ position: fixed; top:0; left:0; height:4px; background-color:#ff0000; z-index:99999; width:0; opacity:0; }
#fv_transition { position: fixed; top:0; left:0; width:0; height:100%; background-color:#eeeeee; z-index: 99998; overflow: hidden; }

::-webkit-scrollbar {
    display: none;
}

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

Seven rooms customization

*************************************/
.sr-dark i,
.sr-dark span { color: #ffffff !important }

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

Typography

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

* 					{ color:rgba(0,0,0,0.8); }

body.custom_cursor *,
body.custom_cursor	{ cursor:none !important; }

.dark .accentcolor,
.accentcolor 		{ color:#ff0505; }
.inherit 			{ color:inherit !important; }

.topborder 			{ border-top:1px solid rgba(0,0,0,0.1); }
.dark .topborder 	{ border-top-color:rgba(255,255,255,0.1); }
.topborder.thick 	{ border-top-width:3px; border-top-color:#000; }

.bottomborder 			{ border-bottom:1px solid rgba(0,0,0,0.1); }
.dark .bottomborder 	{ border-bottom-color:rgba(255,255,255,0.1); }
.bottomborder.thick 	{ border-bottom-width:3px; border-bottom-color:#000; }

.opacity0 			{ opacity: 0 }

.icon_button { display: inline-block; margin:0 15px 0 0; }
.icon_button img,
.icon_button svg { width:18px; height:18px; margin:-2px 3px 0 0; display: inline-block; vertical-align: middle; }

.icon_button.small_icon img,
.icon_button.small_icon svg { width:16px; height:16px }

.icon_link { display: inline-block; margin:0 5px 0 0; padding:5px; }
.icon_link img,
.icon_link svg { width:18px; height: 18px }

.flush { float:left }
.round { border-radius: 50% }
.rounded { border-radius: 3px }

.interstitial-before { padding-bottom:50vh; }
.interstitial { margin-top:-25vh }

a 					{ text-decoration: none; color:#1813FE; }
a:hover,
a:focus,
a:active 			{ color:#0B65FF; }

h1,h2,h3,p,blockquote { transition:all 0.2s; -webkit-transition:all 0.2s; color:inherit }
h1,h2,h3,h4,p  		{ margin:0; padding:0; text-align: inherit}
h1,h2,h3 			{ letter-spacing: -0.05em }

h1.jumbo 			{ font-size:8vw; line-height: 1em; font-weight: 300 }
h1.jumbo.heavy 		{ font-weight: 700 !important }

.titledash		{ position: relative }
.titledash:before { content:""; width:0vw; position: absolute; top:0.5em; left:0; height:4px; margin:-2px 0 0 -3vw; background-color: #C11424; transition: all 0.5s; -webkit-transition:all 0.5s; }
section.active .titledash:before { width:5vw; }

h1.jumbo.slab 	{ letter-spacing:normal }
.slab.heavy { font-weight: 700 !important }

.jumbo-adaptive { font-size:15vw; font-weight: 900!important; line-height:1em; color:#000; letter-spacing: -0.02em }
.jumbo-adaptive2 { font-size:8vw; font-weight: 700!important; line-height:1em; color:#000; letter-spacing: -0.05em; margin-left:-0.25em; margin-top:-0.2em; }

a.gradient-text		{ color:#000000; opacity:1; background-image: -webkit-linear-gradient(45deg, #3023AE, #66ECB9); filter: saturate(0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition:all 0.25s; -webkit-transition:all 0.25s; position: relative; }
a.gradient-gold 	{ background-image: -webkit-linear-gradient(45deg, #FFC800, #A67E00); }
a.gradient-text:hover,
a.gradient-text:focus,
a.gradient-text:active { color:#3023AE; opacity:1; filter: saturate(150%) }

a.gradient-text:after { content:""; position: absolute; left:0; bottom:0.12em; width:0; overflow: hidden; height:4px; border-radius:2px; background-color:#ff0505; z-index: -1; transition:all 0.5s; -webkit-transition:all 0.5s; }
a.gradient-text:hover:after,
a.gradient-text:focus:after,
a.gradient-text:active:after { width:100%; }

h1.headline			{ font-size:80px; line-height: 90px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300; }
h1 					{ font-size:60px; line-height: 70px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300 }

h2 					{ font-size:40px; line-height: 50px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300  }
h3 					{ font-size:30px; line-height: 40px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300  }
h4 					{ font-size:20px; line-height: 24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300  }
h5 					{ font-size:18px; line-height: 24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300  }
p 					{ font-size:18px; line-height: 30px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; text-align: inherit }


.post h1, .post h2, .post h3, .post h4, .post h5,
.post p 			{ margin-bottom:30px; }

.post ul 			{ list-style: disc; margin-left:30px }
.post li 			{ margin:10px 0; line-height: 24px; font-weight: 300; font-size:16px }

.blurb 				{ max-width:520px }
.blurb2 			{ max-width:400px }
.blurb3 			{ max-width:300px }
.marginauto 		{ margin-left:auto; margin-right:auto; }

.medium 			{ font-size:16px !important}
.small 				{ font-size:14px !important }
.tiny 				{ font-size:12px !important }
.miniscule 			{ font-size:9px !important; letter-spacing: 0.03em; font-weight: 400 }

.heavy700 			{ font-weight: 700 !important }
.heavy 				{ font-weight: 900 !important }
.lightweight 		{ font-weight: 100 !important }

.multiline 			{ line-height: 1.5em !important }

.fullwidth 			{ width:100% }
.fullheight			{ height:100% }

section 			{ position: relative; z-index: 11 }
article	 			{ position: relative; z-index: 11; max-width: 1340px; margin:0 auto; box-sizing: content-box }

.narrow 			{ max-width: 960px }

.pt-showcase 		{ padding-top:25vh }
.pt-large 			{ padding-top:25vh }
.pt-medium 			{ padding-top:20vh }
.pt-small 			{ padding-top:10vh }

.pr-default 		{ padding-right:30px !important }
.pr-large 			{ padding-right:50px !important }

.pl-default 		{ padding-left:30px !important }
.pl-large 			{ padding-left:50px !important }

.p-default 			{ padding:30px !important; }
.p-large 			{ padding:50px !important; }

.p-large2 			{ padding:0 50px !important; }

.pb-large 			{ padding-bottom:25vh }
.pb-medium 			{ padding-bottom:20vh }
.pb-small 			{ padding-bottom:10vh }

.ml-50				{ margin-left:-50px; }

.mt-xlarge 			{ margin-top: 70px }
.mt-large 			{ margin-top: 50px }
.mt-default 		{ margin-top: 30px }
.mt-small 			{ margin-top: 20px }

.mb-xlarge 			{ margin-bottom: 70px }
.mb-large 			{ margin-bottom: 50px }
.mb-default 		{ margin-bottom: 30px }
.mb-small 			{ margin-bottom: 20px }

.mb-negative-100	{ margin-bottom:-100px; }

.relative 			{ position: relative !important }
.abs 				{ position: absolute !important }
.topleft 			{ top:0; left:0; }
.topright 			{ top:0; right:0; }

.absb 				{ position: absolute; bottom:0px; padding:10px 0; left:0; right:0; background:rgba(0,0,0,0.02); border-top:1px solid rgba(0,0,0,0.05); }
.absb.transparent,
.transparent 		{ background-color: transparent }

#connector_container { position: relative }
.connector 			 { position: absolute; top:0; bottom:0; left:50%; border-left:1px solid #ff0505; }
.connector:before 	 { display:block; content:""; width:7px; height:7px; border-radius:50%; overflow: hidden; border:1px solid #ff0505; position: absolute; top:-8px; left:-5px; }
.connector:after 	 { display:block; content:""; width:6px; height:6px; overflow: hidden; border:1px solid #ff0505; position: absolute; bottom:0; left:-4px; border-width:0 1px 1px 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); }

.pinbot 			{ position: fixed; bottom: 0; left:0; right:0; z-index: 12; }

.step 				{ width:50px; height:50px; text-align:center; line-height:50px; background-color:rgba(0,0,0,0.03); color:rgba(0,0,0,0.5); }
.step.rounded 		{ border-radius: 50% }

.center 			{ text-align: center }
.left 				{ text-align: left }
.right 				{ text-align: right }
.justify 			{ text-align: justify }

.caps 				{ text-transform: uppercase }
.condensed 			{ letter-spacing:-0.1em }
.expanded 			{ letter-spacing: 0.3em }
.emphasis 			{ font-style: italic }

.heading 			{ font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; display: block; }
.serif 				{ font-family: 'Noto Serif', Arial, Helvetica, sans-serif !important }
.sans 				{ font-family: 'Roboto', Arial, Helvetica, sans-serif !important }
.slab 				{ font-weight: 300 !important; font-family: 'Roboto Slab', serif !important }

.nowrap 			{ white-space: nowrap }
.inline 			{ display: inline-block }

.dark * 			{ color:#ffffff; }

.lightbox_trigger 					{ position:relative; cursor: zoom-in; display: block; overflow: hidden }
.lightbox_trigger img 				{ float: left }
.lightbox_zoomout 					{ cursor: zoom-out }

.lightbox_trigger:before 			{ content:""; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; display:block; position: absolute; z-index: 12; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#0011ff; }
.lightbox_trigger:hover:before 		{ opacity:0.7; }

.lightbox_container 				{ position: absolute; width:90vw; min-height: 100vh; left:5vw; right:5vw; }
img.lightbox_image 					{ width:100%; /*height:100%;*/ transition:all 0.5s; -webkit-transition:all 0.5s; border-radius:5px; margin:5vh auto; }


a.cta 								{ display: inline-block; min-width: 80px; line-height: 30px; padding:0.5em 1em; opacity:1; text-align: center; border-radius: 2px; transition: all 0.25s; -webkit-transition:all 0.25s; font-size:inherit; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; text-decoration: none; position: relative }
a.cta.main 							{ background-color:#C11424; color:#ffffff !important; }
a.cta.main:hover,
a.cta.main:active,
a.cta.main:focus 					{ background-color:#E52A3B; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); }

a.cta.main2 						{ background-color:#2a2a2a; color:#ffffff; border-radius:3px }
a.cta.main2:hover,
a.cta.main2:active,
a.cta.main2:focus 					{ background-color: #1813FE }


a.cta.danger 						{ background-color:#D0011B; color:#ffffff; }
a.cta.danger:hover,
a.cta.danger:active,
a.cta.danger:focus 					{ background-color: #FF5D5D; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); }


a.cta.inverse 						{ background-color:#ffffff; color:#1813FE; }
a.cta.inverse:hover,
a.cta.inverse:active,
a.cta.inverse:focus 				{ background-color: #ffffff; box-shadow: 20px 20px 40px rgba(0,0,0,0.1); transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); }

a.cta.main.loading { background-color:#4C8EFC; transform:scale(0.95,0.95); -webkit-transform:scale(0.95,0.95); text-indent: -9999px }

a.cta.main.loading:before { content:""; display:block; position:absolute; left:50%; top:50%; border-radius:50%; box-sizing:border-box; border:2px solid #ffffff; border-color:transparent #ffffff #ffffff #ffffff; width:16px; height:16px; margin:-8px 0 0 -8px; text-align:center; color:#ffffff; line-height: 10px; text-indent: 0
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

a.cta.wide 							{ min-width:120px; }

a.cta.alt 							{ border:1px solid rgba(0,0,0,0.1); color:#000000; padding:0.5em 1em; font-size:inherit; background:transparent; }
a.cta.alt2 							{ font-size:inherit; text-align: left; min-width: auto; padding:0; position: relative; }
a.cta.alt:hover,
a.cta.alt:active,
a.cta.alt:focus 					{ border-color:#C11424; color:#C11424 }

.dark a.cta.alt 					{ border-color:rgba(255,255,255,0.2); color:rgba(255,255,255,0.5); }
.dark a.cta.alt:hover,
.dark a.cta.alt:active,
.dark a.cta.alt:focus 				{ border-color:#ffffff; color:#ffffff; }

a.cta.fullwidth 					{ display: block; width: auto; margin: 0 }

.cta_stack a.cta 					{ margin:0 0 10px 0; }

a.cta .fb-photo 					{ position: absolute; top:50%; left:10px; width:30px; height:30px; border-radius: 50%; margin:-15px 0 0 0; overflow: hidden }
a.cta .fb-photo img 				{ width:100% }

a.small_close 						{ font-size:25px; color:#000000; width:50px; height:50px; position: absolute; top:0; right:0; z-index:12; text-align: center; line-height: 50px; opacity: 0.3; transition:all 0.25s; -webkit-transition:all 0.25s; }
a.small_close:hover 				{ opacity: 1; color:#007fff; }
a.small_close.circle 				{ background: rgba(255,255,255,0.8); opacity:1; border-radius:50%; overflow: hidden; color:rgba(0,0,0,0.5); box-shadow:0px 0px 40px rgba(0,0,0,0.2); top:15px; right:15px; position: fixed }
a.small_close.circle:hover 			{ color:#ffffff; background: #FF0505; }

.bottom_cta 						{ position: fixed; bottom:0; right:0; margin:0 20px 20px 0;  z-index: 22 }
.bottom_cta .cta.main 				{ border-radius:30px; }

a.tap { width:60px; height:60px; border-radius:50%; overflow: hidden; display:flex; justify-content: center; align-items: center; background:#0011FF; box-shadow:30px 30px 40px rgba(0,0,0,0.2); }
a.tap svg { width:25px; height:25px; }

#page-nav { z-index: 99 }

a.menu 								{ padding-right:30px; position: relative; }
a.menu:before 						{ content:url("../img/svg/menu.svg"); position: absolute; top:-10px; right:-10px; width:50px; height: 50px }


a.deco 								{ position: relative; z-index:12 }
a.deco:after 						{ content:""; position: absolute; z-index:12; bottom:-5px; width:0; border-bottom:2px solid #FF0505; left:0; z-index: -1; transition:0.2s all cubic-bezier(.23,.71,.08,.78); -webkit-transition:0.2s all cubic-bezier(.23,.71,.08,.78); }
a.deco.active:after,
a.deco:focus:after,
body.desktop a.deco:active:after,
body.desktop a.deco:hover:after 	{ opacity:1; width:100%; left:0;}


a.deco6 							{ position: relative; z-index:12 }
a.deco6:after 						{ content:""; position: absolute; z-index: -1; left:50%; top:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#0011ff; opacity:0; transform:scale(0,0); -webkit-transform:scale(0,0); border-radius:50%; overflow:hidden; transition:0.5s all cubic-bezier(.23,.71,.08,.78); -webkit-transition:0.5s all cubic-bezier(.23,.71,.08,.78); }
a.deco6.active:after,
a.deco6:focus:after,
body.desktop a.deco6:active:after,
body.desktop a.deco6:hover:after 	{ opacity:0.25; transform:scale(1,1); -webkit-transform:scale(1,1); }

.Only_belowdeck-latest {
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
  }

.dark a.deco { color:#ffffff !important; }
.dark a.deco:after { border-color:#ffffff; }

a.deco.style2 { color:inherit; }
a.deco.style2:hover,
a.deco.style2:active,
a.deco.style2:focus 					{ color:#ff0505; }

a.deco.style2:after 				{ border-bottom-width:1px; width:100%; border-bottom-color:#FF0505; }
a.deco.style2:focus:after,
a.deco.style2:active:after,
a.deco.style2:hover:after 			{ border-bottom-width:3px }

a.deco3 							{ color:#000000; position: relative; z-index: 12; opacity: 0.5; transition:0.5s all; -webkit-transition:0.5s; }
a.deco3.active,
a.deco3:hover, a.deco3:active,
a.deco3:focus 						{ opacity: 1; }

a.deco3:after 						{ content:""; position: absolute; z-index:12; bottom:-5px; width:0; border-bottom:2px solid #FF0505; left:0; z-index: -1; transition:0.2s all cubic-bezier(.23,.71,.08,.78); -webkit-transition:0.2s all cubic-bezier(.23,.71,.08,.78); }
a.deco3.active:after,
a.deco3:focus:after,
body.desktop a.deco3:active:after,
body.desktop a.deco3:hover:after 	{ opacity:1; width:100%; left:0;}

.dark a.deco3 						{ color:#ffffff; position: relative; z-index: 12; opacity: 1; transition:0.5s all; -webkit-transition:0.5s; }

.dark_header header.main_header a.deco2:after,
body.desktop .dark a.deco2:after { border-bottom-color:#ff0505; left:0; width:100%; border-bottom-width:1px; opacity:1; }

.dark_header header.main_header a.deco2:active:after, .dark_header header.main_header a.deco:hover:after,
body.desktop .dark a.deco2:active:after, body.desktop .dark a.deco:hover:after { border-bottom-width:5px; }


a.deco4 							{ color:rgba(0,0,0,0.5); opacity:1; border-bottom:1px solid rgba(0,127,255, 0.5); position: relative; z-index: 12; transition:0.05s all; -webkit-transition:0.05s; }
a.deco4:hover, a.deco3:active,
a.deco4:focus 						{ color:#000000; opacity:1; border-bottom:none; }

a.deco4:after 						{ content:""; position: absolute; z-index:12; top:-5px; bottom:-5px; width:0; left:-5px; background-color:rgba(0,127,255,0.1); z-index: -1; border-radius: 2px; transition:0.1s all cubic-bezier(.23,.71,.08,.78); -webkit-transition:0.1s all cubic-bezier(.23,.71,.08,.78); }
a.deco4:focus:after,
body.desktop a.deco4:active:after,
body.desktop a.deco4:hover:after 	{ width:115%; }


.blocklink { display: block; width:100% }

.deco5:hover { background-color: #0B65FF; color:#ffffff; }

.block { border-radius: 3px; overflow: hidden; padding-top:130% }
.block.dark { background-color: #222222 }
.block.light { background-color: #ffffff }

p.dash 								{ line-height: 0px; margin:30px 0; border-top:1px solid rgba(0,0,0,0.5); opacity:0.5; }
p.dash span 						{ display: inline-block; padding:0 15px; line-height: 20px; margin-top:-12px; background: #ffffff; text-transform: uppercase; font-weight: 400; color:#282828 }

/*F6F7F7*/

body 								{ background: #ffffff; overflow-x:hidden; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;  color:#282828 }
.wrap 								{ overflow: hidden; opacity:0; transition:all 0.25s; -webkit-transition:all 0.25s; position: relative }
.loaded 							{ opacity: 1 }
.nooverflow 						{ overflow: hidden }
.none 								{ display: none; opacity:0; position: absolute; top:-10000px; left:-10000px; width:0px; height:0px; overflow: hidden; z-index: -1 }
.hidden 							{ display: none }
.scale0 							{ transform:scale(0,0); -webkit-transform:scale(0,0); }

.zoomed .wrap { filter:grayscale(40%); -webkit-filter:grayscale(40%); }

section.box { margin:0 50px; }

section.gridline_container 			{ pointer-events: none; z-index: 12; display: block }
section.intro 						{ z-index: 10 }
section.outro 						{ opacity: 0; z-index:9 }

.pop,
section.pop 						{ z-index: 12 }

.pop2,
section.pop2 						{ z-index: 13 }
.noevents 							{ pointer-events: none; }

section.bg80:after { display:block; content:""; position: absolute; left:0; top:0; width:80%; bottom:0; background-color: #ffffff }


section.bg80-light:after,
.lightbg,
.cc.light,
section.light 						{ background-color:#ffffff }

section.bg80-alt:after,
.alt 								{ background-color:#F2F0EE }
.accentbg,
section.accent 						{ background-color:#F1F1EE }

.bg-dark,
section.bg80-dark:after,
section.dark 						{ background-color:#2a2a2a }

.bg-pint-notification,
section.bg-pint-notification 		{ background-color:#C11424 }

.bg-very-dark { background-color: #2A2F35 }

.deep_dark,
section.bg80-deep_dark:after,
section.deep_dark 					{ background-color:#202020 }

.accentbg-dark,
section.bg80-accentbg-dark:after,
section.accentbg-dark 						{ background-color:#1813FE; }

.fixed,
section.fixed 						{ position: fixed; top:0; width:100% }
section.fixed.vbottom 				{ top:auto; bottom:0 }


header 								{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; position: absolute; top:0; left:0; right:0; padding:20px; z-index: 13; margin:0 auto; transition:all 0.25s; -webkit-transition:all 0.25s; box-sizing: content-box }
header .logo { width:130px; height: 115px; background: url("../img/new-logo/logo-new-1.png") no-repeat 0 center; background-size:contain; text-indent: -9999px;    background-repeat: no-repeat; }
.sticky .logo{width:130px; height:65px;-webkit-transition: all 0.6s ease-in-out;}
#header_dup.sticky{padding: 18px 20px;-webkit-transition: all 0.6s ease-in-out;}

.vtitle { position: relative }
.vtitle-content { white-space: nowrap; transform:rotate(-90deg) translate3d(0,0,0); transform-origin: top right; position: absolute; top:0; right:100% }

.nlogo 	{ position: fixed; top:30px; left:70px; z-index: 20; transform:rotate(90deg); transform-origin: 0 0; display: block }
.nlogo .img { width:70px; transform:rotate(180deg); }

.dark_header .nlogo svg #logo-primary,
.dark_header .nlogo svg #logo-secondary { fill:#ffffff; }
.dark_header .nlogo svg #logo-secondary { opacity:0.6; }

.nmenu 	{ position: fixed; top:0px; right:0px; z-index: 20; width:70px; height:70px; display: flex; align-items: center; justify-content: center; cursor: pointer }
.nmenu svg { position: relative; z-index: 12 }
.nmenu svg .nmenu-icon { transition:all 0.2s; -webkit-transition:all 0.2s }

.dark_header .nmenu svg .nmenu-icon,
.nmenu:hover svg .nmenu-icon { stroke:rgb(255,255,255); }

.nmenu.active svg .nmenu-icon { stroke:black; }

.nmenu.active svg { cursor: pointer }
.nmenu svg #nmenu-open { opacity:1; }
.nmenu svg #nmenu-close { opacity:0; }

.nmenu.active svg #nmenu-open { opacity:0; }
.nmenu.active svg #nmenu-close { opacity:1; }

.nmenu:after { content:''; position: absolute; z-index: -1; width:0; height:0; top:0; right:0; background:#1813FE; border-radius:0 0 0 100px; transition:all 0.25s; -webkit-transition:all 0.25s; }
.nmenu:hover:after { width:100px; height:100px }

.nmenu svg { z-index: 12 }

.nmenu.active { cursor: default }
.nmenu.active:after { width:100vw; height:100vh; border-radius:0; transition:all 0.2s; -webkit-transition:all 0.2s; background-color:#000 }

.nmenu:before { position: absolute; content:""; top:0; right:0; width:100vw; height:100vh; background-color:#000000; opacity:0; z-index: -2; visibility: hidden; transition:all 0.4s; -webkit-transition:all 0.4s; }
.nmenu.active:before { opacity: 0.5; visibility: visible }

.nmenu .nmenu-items { display:flex; overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; position: absolute; z-index:11; top:0; opacity:0; right:0; width:100vw; visibility: hidden; height:100vh; transition:opacity 0.2s; -webkit-transition:opacity 0.2s;}
.nmenu.active .nmenu-items { width:100vw; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; opacity: 1; visibility: visible }

.nmenu .nmenu-items .flexgrid.fullheight {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}

.nmenu.active:after,
.nmenu.active .nmenu-items { min-width: 700px }

header.center 						{ justify-content: center }

nav 								{ display: flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center }
nav strong,
nav a 								{ font-size:16px; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; line-height: 20px; display: inline-block; padding:5px 0; margin:0 0 0 20px; opacity: 0.5; transition:all 0.25s; -webkit-transition:all 0.25s; color:#000 !important; }
nav a.cta 							{ padding:5px 10px; font-size:16px; }
nav.style2 a 						{ font-size:12px !important; text-transform: uppercase; font-weight: 400; margin:0 0 0 20px; }
nav.style2 a.cta 					{ padding:5px 10px; }
nav a:active,
nav a:hover,
nav a:focus,
nav a.active 						{ opacity:1; color:#FF0505; }

nav a.user 							{ position: relative; padding-right:35px; }
nav a .avatar 						{ width:30px; height:30px; border-radius: 50%; overflow:hidden; position: absolute; top:0; right:0; }
nav a .avatar img 					{ width:100% }

nav a.cta.alt { color:#ff0505; }
nav a.cta.alt:hover,
nav a.cta.alt:active,
nav a.cta.alt:focus { border-color:#ff0505; color:#FF0505; }

nav.center 							{ justify-content: center }
nav.center a 						{ margin:0 10px; }


.dark a.cta.alt { background-color: transparent }
.dark a.cta.alt,
.dark_header nav a.cta.alt 			{ color:#FFFFFF; border-color:rgba(255,255,255,0.3); }

.dark .colormatch,
.dark_header .colormatch 			{ color:#ffffff; }

.dark a.cta.alt:hover,
.dark a.cta.alt:active,
.dark a.cta.alt:focus,
.dark_header nav a.cta.alt:hover,
.dark_header nav a.cta.alt:active,
.dark_header nav a.cta.alt:focus 	{ border-color:#FFFFFF; color:#FFFFFF; }


img.flogo { width:50px; height:50px; border:1px solid rgba(0,0,0,0.1); }

.dark img.flogo { border-color: rgba(255,255,255,0.1); }

.dark_menu header.main_header nav a,
.dark_header header.main_header nav a,
.dark nav a 						{ color:#ffffff; }
.dark_menu a.menu:before,
.dark_header a.menu:before 			{ content:url("../img/svg/menu_white.svg"); }


.outro_trigger 	 					{ width:100%; overflow: hidden; height: 100vh; background:#111111; position: relative; z-index: 7 }
.outro_trigger.vh50  				{ margin-top:-1px; }
.outro_trigger.transparent 			{ background: transparent }

.vh200 								{ height:200vh }
.vh100 								{ height:100vh }
.vh90 								{ height:90vh }
.vh80 								{ height:80vh }
.vh70 								{ height:70vh }
.vh60 								{ height:60vh }
.vh50  								{ height:50vh }
.vh40  								{ height:40vh }
.vh30  								{ height:30vh }
.vh20  								{ height:20vh }
.vh10  								{ height:10vh }

.maxhlimit 							{ max-height: 900px }

.dropshadow 						{ box-shadow:0 60px 50px rgba(0,0,0,0.05) }
.boxshadow 							{ box-shadow:40px 40px 80px rgba(0,0,0,0.1) }

.t100 								{ margin-top:100vh; }
.t90 								{ margin-top:90vh; }
.t80 								{ margin-top:80vh; }
.t70 								{ margin-top:70vh; }
.t60 								{ margin-top:60vh; }
.t50 								{ margin-top:50vh; }

.abscontainer						{ position: absolute; height: 0; z-index: 20 }

.shim 								{ position: absolute; z-index:10; left:0; right:0; bottom:-1px; top:0; background:rgba(0,0,0,0.5); }
.pleft 								{ right:auto; width:50%; }
.pright 							{ left:50% }

.right-half { left:50%; width:50%; }

.hero { background: #000000; width:80vw; height:80vw; border-radius: 50%; overflow: hidden; margin:0 auto; }
.hero-image {width:100%; max-width:1800px; display: block; margin-left:auto; margin-right:auto; }

.hero_wrap { position: relative; border-top:1px solid transparent }
.hero_layer { width:60vw; height:60vw; overflow: hidden; pointer-events: none; left:50%; margin:-10vw 0 0 -30vw; top:0 }
.hero_layer.hero_bg { z-index: 1; position: relative; border-radius: 50% }
.hero_layer.hero_fg { z-index: 20; position: absolute }

.shim.fixed 						{ position: fixed; }

.offset-top	   { transform:translateY(-50%); }
.offset-bottom { transform:translateY(100px); }

.project_wrap { position: relative; height:400px; overflow: hidden; }
.project_wrap .curtain { top:auto; z-index: 12 }
.project_wrap.active { height: auto }
.project_wrap.active .curtain { display: none }

.curtain 							{ position: absolute; z-index:10; left:0; right:0; bottom:-1px; top:0; background:rgba(0,0,0,0.5); }
.curtain.content_veil 				{ top:auto; height:50%; min-height: 400px }
.curtain 							{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.project_wrap .curtain {
	background: -moz-linear-gradient(top, rgba(42,47,53,0) 0%, rgba(42,47,53,1) 100%);
	background: -webkit-linear-gradient(top, rgba(42,47,53,0) 0%, rgba(42,47,53,1) 100%);
	background: linear-gradient(to bottom, rgba(42,47,53,0) 0%, rgba(42,47,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a2f35', endColorstr='#2a2f35',GradientType=0 );
}

.curtain.content_veil {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.light .curtain {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.fullbg 		{ background-size: cover; background-repeat:no-repeat; background-position: center center }
.showcasebg 	{ background-size: 100% auto; background-repeat:no-repeat; background-position: center bottom }
.parallaxbg		{ background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment:fixed; }
.containbg		{ background-size: contain; background-repeat: no-repeat; background-position: center center; }


.blocklinkfx { transition: all 0.5s cubic-bezier(.17,.67,.22,.98); -webkit-transition:all 1s cubic-bezier(.17,.67,.22,.98); background-size: cover; background-position: center center; background-repeat: no-repeat; transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0.7; }
.related-link { display: block; }
.related-link:hover .blocklinkfx, .related-link:focus .blocklinkfx, .related-link:active .blocklinkfx { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); opacity:1; transition: all 2s cubic-bezier(.17,.67,.22,.98); -webkit-transition:all 2s cubic-bezier(.17,.67,.22,.98); }

.bgfx { transition: all 1s cubic-bezier(.17,.67,.22,.98); -webkit-transition:all 1s cubic-bezier(.17,.67,.22,.98); background-size: cover; background-position: center center; background-repeat: no-repeat; transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0.7; }
section.active .bgfx { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); opacity:1; transition: all 8s cubic-bezier(.17,.67,.22,.98); -webkit-transition:all 8s cubic-bezier(.17,.67,.22,.98); }



.fade 			{ opacity: 0.5 }
.fade2 			{ opacity: 0.25 }
.sdash 			{ height:2px; border-top:2px solid #FF0505; width:40px; margin-top:10px; margin-bottom:10px }
.sdash2 		{ height:2px; border-top:2px solid rgba(0,0,0,0.25); width:40px; margin-top:10px; margin-bottom:10px }
.dark .sdash2	{ border-color:rgba(255,255,255,0.25); }

.vdash			{ width:1px; border-left:1px solid rgba(0,0,0,0.2); height:150px; margin-left:auto; margin-right:auto }
.dark .vdash 	{ border-color:rgba(255,255,255,0.2); }

.dash1 	{ position: absolute; left:0; margin-left:-1px; height:100px; width:3px; border-radius:2px; overflow: hidden; background-color: #0011ff }
.dash2 	{ position: absolute; left:50%; margin-left:-1px; height:100px; width:3px; border-radius:2px; overflow: hidden; background-color: #0011ff }
.dash3 	{ position: absolute; left:0; top:100%; margin-top:-50px; margin-left:-1px; height:100px; width:3px; border-radius:2px; overflow: hidden; background-color: #0011ff }
.dash4 	{ position: absolute; left:50%; top:100%; margin-top:-50px; margin-left:-1px; height:100px; width:3px; border-radius:2px; overflow: hidden; background-color: #0011ff }

.scrolldash 	{ height:150px; width:2px; background-color:#ff0505; margin-left: -2px; position:absolute; top:0; left:0; -webkit-animation:scrolldashanimation 2s linear infinite; -moz-animation:scrolldashanimation 2s linear infinite; animation:scrolldashanimation 2s linear infinite }

.notification 			{ background-color: #007fff }
.notification.warning	{ background-color: #D0011B }

.poster { border-radius: 3px; overflow: hidden }
.round { border-radius: 50%; overflow: hidden }
.card_image { max-width: 150px; display: block }
.icon 	{ width:50px; }
.icon-large { width:100px; }

.card-icon { width:50px; height: 50px; display: inline-block; }
.card-icon path { fill:#000000; }

.dark .card-icon path { fill:#ffffff; }

.poster-parallax { overflow: hidden; height: 500px }
.poster-parallax .content { margin-top:-100px }


.image-card { display: block; overflow: hidden; border-radius: 3px; background-color: #000 }
.image-card img { transition: all 1s cubic-bezier(.11,.96,.51,.95); -webkit-transition:all 1s cubic-bezier(.11,.96,.51,.95); opacity:0.8; float:left; }
.image-card:hover img,
.image-card:active img,
.image-card:focus img { transform:scale(1.1, 1.1); opacity: 1; transition: all 4s cubic-bezier(.11,.96,.51,.95); -webkit-transition:all 4s cubic-bezier(.11,.96,.51,.95); }

.comp 			{ width:300px; position: relative; z-index: -1; left:50%; padding-top:200px; padding-bottom:200px; min-height: 300px; transition:all 0.25s; transform-origin: 0 0 }
.comp_layer 	{ position: absolute; top:0; left:0; width:100%; z-index: 1 }
.comp_center, .comp_left, .comp_right { position: absolute; top:0; left:0; z-index: -1 }
.comp_center 	{ width:1200px; margin-left:-600px;  }
.comp_left 		{ width:300px; margin-left:-250px; z-index: 2 }
.comp_right 	{ width:250px; margin-left:0px; z-index: 1; margin-top:100px; }

.comp2 			{ position: relative; transition:all 0.25s; transform-origin: 0 0 }
.comp2 .base 	{ position: relative; z-index: 1; }
.comp2 .layer 	{ z-index: 2; position: absolute; top: 0; left: 0; width: 100% }

.comp3 			{ position: relative; transition:all 0.25s; transform-origin: 0 0; width:100%; margin:0 auto; max-width:400px; }
.comp3 .base 	{ position: relative; z-index: 1; width:100%; }
.comp3 .layer 	{ z-index: 2; position: absolute; top: 0; left: 0; width: 100% }

.comp3b 		{ position: relative; transition:all 0.25s; transform-origin: 50% 50%; width:100%; margin:0 auto; max-width:400px; }
.comp3b .base 	{ position: relative; z-index: 1; width:100%; }
.comp3b .layer 	{ z-index: 2; position: absolute; top: 50%; left: 50%; width: 100%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);  }

.comp4 			{ position: relative; transition:all 0.25s; transform-origin: 0 0; width:100%; margin:0 auto; max-width:1600px; }
.comp4 .base 	{ position: relative; z-index: 1; width:100%; }
.comp4 .layer 	{ z-index: 2; position: absolute; top: 0; left: 0; width: 100% }

.comp5 			{ position: absolute; transform-origin: 0 0; top:0; left:50%; width:50%; height:100% }
.comp5 .base 	{ position: relative; z-index: 1; width:100%; }
.comp5 .layer 	{ z-index: 2; position: absolute; top: 0; left: 0; width: 100% }

.comp5_wrap 	{ position: relative; z-index: 11 }

.comp2_wrap 	{ position: relative; background-color: #F6F7F7; border-radius:3px; }

.comp6 			{ position: relative; transition:all 0.25s; transform-origin: 0 0; width:100%; overflow: hidden; }
.comp6 .base 	{ position: relative; z-index: 1; width:100%; top:0; left:0; height:100%; float: left }
.comp6 .layer 	{ z-index: 2; position: absolute; top: 0; left: 0; width: 100% }

.comp7 			{ position: absolute; transform-origin: 0 0; top:0; left:35%; right:0; height:100% }
.comp7 .base 	{ position: relative; z-index: 1; width:100%; }
.comp7 .layer 	{ z-index: 2; position: absolute; top: 0; left: 0; width: 100% }
.comp7_wrap 	{ position: relative; z-index: 1 }

.comp_v4 		{ position: relative; }
.comp_v4 .base 	{ width:90%; height: 100%; position: relative; z-index: 1; margin:-200px auto 0; display: block }

.base_shape 	{ transition: all 2s cubic-bezier(.11,.96,.51,.95); }
.base_shape.stroke_in { transition: all 1.5s cubic-bezier(.11,.96,.51,.95); stroke-width:100 }
.base_shape.circle_in { r:0 }

section.active .base_shape.circle_in { r:450 }
section.active .base_shape.stroke_in { stroke-width:0 }

.fx_fadein { transition:all 1s cubic-bezier(.11,.96,.51,.95); transform:scale(0.9, 0.9); transform-origin:50% 50%; opacity:0; }
section.active .fx_fadein { transform:scale(1,1); opacity:1; }


.embadge 		{ padding:5px 15px; display:inline-block; background: #000000; color:#ffffff; border-radius: 3px }
.embadge.tiny 	{ font-size:10px; font-weight:normal; letter-spacing:0.1em; text-transform:uppercase; margin-left:10px; padding:5px 5px 3px 5px }
.dark .embadge 	{ background-color: #ffffff; color:#000000; }

.embadge.accentbg,
.dark .embadge.accentbg { background-color: #ff0505; color:#ffffff; }

.card_thumb 						{ width:100px; height: 100px; border-radius: 50%; margin:50px auto; background-size:cover; background-repeat: no-repeat; background-position: center center }
.card_thumb.hero 					{ width:150px; height: 150px; margin:25px auto; border-radius:0; }
.form_wrap .card_thumb 				{ margin:0 auto 25px; }

.scrolldown-mouse { }
.scrolldown-mouse svg { width:18px; height:30px; }

.client_logo { width:80%; max-width:140px;  }

.ios .hideonios { display: none }

.toc { position: absolute; top:0; z-index: 13; max-height: 100vh; overflow:hidden; overflow-y: scroll; -webkit-overflow-scrolling:touch; }

.gridline 	{ position: absolute; top:0; bottom:0; border-left:1px solid rgba(128,128,128,0.12); width:25%; overflow: hidden; z-index:-1; margin-left:-1px; pointer-events: none }
.gridline1 	{ left:0 }
.gridline2 	{ left:25% }
.gridline3 	{ left:50% }
.gridline4 	{ left:75% }
.gridline5 	{ left:100%; width:0; }

.dark .gridline { border-color:rgba(255,255,255,0.05); }

.page_progress { position: fixed; bottom:20px; left:20px; z-index: 20 }
.page_progress svg { width:24px; height:24px; float:left; }

.spinner { position: absolute; display: block; overflow: hidden; z-index:30; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; }
.spinner svg { width:24px; height: 24px; flex: left; transition:all 0.25s; -webkit-transition:all 0.25s; transform:scale(0,0); -webkit-transform:scale(0,0); opacity:0; }
.spinner.active svg {  transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1; }
.spinner { -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite }

.fv_cursor 		{ position: absolute; pointer-events: none; z-index: 9999; width:20px; height: 20px; margin:-10px 0 0 -10px; overflow: hidden; top:0; left:0; display: flex; align-items: center; justify-content: center }
.fv_cursor svg 	{ width:100%; height: 100% }
.mix-blend-mode { mix-blend-mode: difference }

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

Section styling

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

#section-home-top { background-image:url("/_s/img/bg/1.jpg"); background-position:center -150px; background-size:65% auto; background-repeat: no-repeat }
#section-menu-top { background-image:url("/_s/img/bg/2.jpg"); background-position:center bottom; background-size:80% auto; background-repeat: no-repeat }

.gradient1 {
	background-color: #FBAB7E;
	background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}

.gradient1b {
	background-color: #FBAB7E;
	background-image: linear-gradient(162deg, #FBAB7E 0%, #F7CE68 100%);
}

.gradient2 {
	background-color: #8EC5FC;
	background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

.gradient3 {
	background-color: #101010;
	background-image: linear-gradient(19deg, #101010 0%, #444444 100%);
}

.gradient4 {
	background-color: #ffcc00;
	background-image: linear-gradient(135deg, #ffcc00 0%, #ffffcc 100%);
}

.gradient5{
	background-color: #90090a;
	background-image: linear-gradient(147deg, #90090a 0%, #FF2525 74%);
}

.gradient6{
	background-color: #fbfbfb;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.gradient7 {
	background-color:#333333;
	background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
 	background-blend-mode: multiply,multiply;
}

.slideshow-trigger { opacity: 0.5; transition: all 0.5s; -webkit-transition:all 0.5s; position: relative; }
.slideshow-trigger.active { opacity: 1 }

.slideshow-trigger:after { content:""; position: absolute; pointer-events: none; top:0.5em; right:5vw; width:0; height:3px; background-color: #ffffff; transition:0.5s all; -webkit-transition:0.5s all; }
.slideshow-trigger.active:after { width:5vw; }

.slideshow-element { visibility: hidden; position:relative; z-index: -1; pointer-events: none; opacity:0; transition: all 0.5s; -webkit-transition:all 0.5s; top:0; left:0; right:0 }
.slideshow-element.active { visibility: visible; z-index:10; pointer-events:initial; opacity:1 }

@keyframes scrollmouse {
	0% {
		transform: translateY(0);
		opacity:0;
	}

	80% {
		transform: translateY(15px);
		opacity:1;
	}

	97% {
		transform: translateY(15px);
		opacity:0.1;
	}

	100% {
		transform: translateY(15px);
		opacity:0;
	}
}

@keyframes scrolldashanimation {
	0% {
		height:150px;
		top:0;
	}

	20% {
		height:0;
		top:150px;
	}

	80% {
		height:0;
		top:0;
	}

	100% {
		height:150px;
		top:0;
	}
}

svg #wheel {
	animation: scrollmouse ease 1.3s infinite;
}

.showonfullscreen { display: none }

body.fullscreen .hideonfullscreen { display: none }
body.fullscreen .showonfullscreen { display: block }
.dark h3.mt-small {
    font-size: 29px;
}

@media all and (max-height:600px){
	.vh100, .vh90, .vh80, .vh70, .vh60, .vh50 	{ min-height:600px; }
}
.cus-ban-act a {
    font-size: 20px;
    margin: 30px 20px 0 0px;
}

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

Mobile / tablet

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

@media all and (max-width:600px){

	.pleft 								{ right:auto; width:100%; opacity: 0.3 }
	.pright 							{ left:0%; opacity: 0.3 }

	/*.nmenu.active svg .nmenu-icon { stroke:white; }*/

	.comp 				{ transform:scale(0.5, 0.5); min-height: 100px; padding:0 0 200px 0; }

	.comp3 				{ max-width:250px; }
	.comp4 				{ width:700px; margin:0 0 0 -350px; left:50%; }
	.comp4.smaller 		{ width:500px; margin:0 0 0 -250px; left:50%; }

	/*
	.comp5 				{ position: relative; top:auto; left:50%; width:600px; margin-left:-300px; height:auto; padding-top:50px; padding-bottom:50px }
	*/
	.comp5 				{ position: relative; top:auto; left:0; width:auto; height:auto; padding-top:20px; padding-bottom:20px }
	.comp7 				{ left:auto; position: relative; padding-bottom: 100px; margin-top:-50px; width:600px; left:50%; margin-left:-300px; }

	.pt-showcase 		{ padding-top:30px }

	.p-large2 				{ padding:0 10px !important; }
	.flexwrap .p-large2 	{ padding:0 !important; }

	.feature_blurb 		{ padding-bottom: 100px }

	.mobile-left {text-align: left;}
	.mobile-center { text-align:center }
	.marginauto.mobile-margin-left { margin-left:0; margin-right:auto }
	.dash2, .dash4 { left:0; }

	.gridline2, .gridline4 { display: none }

	h1.jumbo 	{ font-size:12vw }

	section.box { margin:0 30px; }

	.page_progress { left:10px; }

	.vdash { height: 75px }

	.vtitle.mobile-htitle .vtitle-content { transform:rotate(0deg); right:auto; position: relative; }

	.jumbo-adaptive2 { font-size:9vw; margin-left:-0.07em; margin-top:0; }
	.hero_layer { width:100vw; height:100vw; margin:0 0 0 -50vw; top:0 }
	.hero_layer.hero_bg { border-radius:0 }

	.interstitial-before { padding-bottom:20vh; }
	.interstitial { margin-top:-13vh }

	.offset-top.related-cards { transform:translateY(-100px); }
	.offset-bottom { transform:translateY(50px); }

	#section-home-top { background-size:100% auto; background-position: top center }
	.cus-ban-act a {
    margin: 30px 0 0 0px;
    }

}

@media all and (min-width:601px) and (max-width: 1024px){

	.comp7 				{ right:-10%; }
	.comp 				{ transform:scale(0.5, 0.5); min-height: 100px; padding:0 0 200px 0; }
	.pt-showcase 		{ padding-top:100px; }

	.p-large2 			{ padding:0 25px !important; }

	h1.jumbo 	{ font-size:12vw }

}

@media all and (max-width:1024px){

	/*.nlogo 		{ left:50px }
	.nlogo .img { width:60px }*/

	.nlogo 		{ position: absolute; top:10px; left:30px; z-index: 20; transform:rotate(0deg); }
	.nlogo .img { width:70px; transform:rotate(0deg); }

	.nmenu.active:after,
	.nmenu.active .nmenu-items { width:100vw; min-width:auto }


	h1.headline { font-size:50px; line-height:55px }
	h1 			{ font-size:40px; line-height:45px }
	h2 			{ font-size:30px; line-height:45px }
	h3 			{ font-size:20px; line-height:30px }
	h4 			{ font-size:16px; line-height:25px }
	p 			{ font-size:16px; line-height:24px }

	.post li 	{ font-size:14px }

	.medium 	{ font-size:14px !important}
	.small 		{ font-size:12px !important }

	.mobile-pt-large,
	.pt-large	{ padding-top:130px }
	.mobile-pt-medium,
	.pt-medium	{ padding-top:70px }
	.mobile-pt-small,
	.pt-small	{ padding-top:50px }

	.p-default 	{ padding:15px !important; }
	.p-large 	{ padding:25px !important; }

	.pr-default { padding-right:15px !important }
	.pr-large 	{ padding-right:25px !important }

	.pl-default { padding-left:15px !important }
	.pl-large 	{ padding-left:25px !important }

	.pb-large 	{ padding-bottom:130px }
	.pb-medium 	{ padding-bottom:70px }
	.pb-small 	{ padding-bottom:50px }

	.mt-xlarge 	{ margin-top: 20px }
	.mb-xlarge 	{ margin-bottom: 50px }
	.mt-large 	{ margin-top: 25px }
	.mt-default { margin-top: 15px }
	.mt-small 	{ margin-top: 10px }

	.mb-large 	{ margin-bottom: 25px }
	.mb-default { margin-bottom: 15px }
	.mb-small 	{ margin-bottom: 10px }

	article 	{ margin:0 30px 0 30px }


	header 						{ padding:20px 0; border-bottom:1px none rgba(0,0,0,0.1); margin:0 30px; }
	.dark_header header,
	header.dark 				{ border-color:rgba(255,255,255,0.1); }
	header .logo 				{ width:84px; height:70px }

	nav a 						{ font-size:16px; margin:0 0 0 20px; }

	header nav a 				{ display: block; }
	header nav a.menu,
	header nav a.user,
	header nav a.cta 			{ display: block }
	nav a.cta 					{ padding:5px; }

	nav.center 					{ flex-direction: column }
	nav.center a 				{ width:200px; }
	#section-gallery #gallery .flexgrid .cell {
        transform: none!important;
    }
    #section-about-venue-top .cc a.cta {
        display: block;
        margin-bottom: 6px;
        width: 60%;
    }
    #section-about-venue-top h1.jumbo {
        padding-bottom: 1em;
    }
    #section-home-top .pb-small {
        padding-bottom: 0;
    }
    #gallery {
        padding-top: 90px!important;
    }
}

@media all and (min-width:1025px) and (max-width:1440px){
	article { margin:0 100px; }
}

@media all and (min-width:1700px){
	header,
	article { max-width:1600px }

	h1.jumbo { font-size:150px; }
}
#gallery {
    padding-top: 65px;
}
    @media (min-width: 1280px) {
        #gallery .fullwidth {
            width: 95%;
        }
        #gallery .flexgrid.spaced {
            margin-left: -0.5vw;
            margin-right: -0.5vw;
        }
        #section-gallery .fullwidth {
            width: 95%;
        }
        #section-gallery .flexgrid.spaced {
            margin-left: -0.5vw;
            margin-right: -0.5vw;
        }
        .cc-img-cus-mrt {
            margin-top:15px;
        }
    }


/*nav menu mobile*/
.custom-nav-mob-o {
    display:none;
}
@media (max-width:767px) {
    .custom-nav-mob-o {
        display:block;
    }
    .def-menu {
        display:none;
    }
    .ham {
        margin: 5px!important;
        width: 40px;
    }
    label.toggle_button-1 {
        height: 40px;
        width: 40px;
    }
}
input.toggle_button-1{
    display: none;
}
label.toggle_button-1{
    top: 30px;
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #c11424;
    border-radius: 50%;
    box-sizing: border-box;
    left: calc(88%);
    position: absolute;
    cursor: pointer;
    z-index: 1;
}
label.toggle_button-1 i{
	padding: 13px 14.5px;
	font-size: 150%;
	display: inline-block;
	transition: all 0.1s;
}
label.toggle_button-1::after{
    content: "";
    position: absolute;
    top: 5px;
    font-size: 30px;
    left: 13px;
    display: none;
    transition: all 0.1s;
}

input.toggle_button-1:checked + label.toggle_button-1::after{
    display: inline-block;
}
input.toggle_button-1:not(:checked) + label.toggle_button-1 i{
    display: inline-block;
}
input.toggle_button-1:checked + label.toggle_button-1 i{
    display: none;
}

.cus_navbar{
    height: 100vh;
    width: 100vw;
    position: fixed;
    background-color: #000000;
    top: 0;
    left: 0;
    display: none;
    padding: 0 0 0 40px;
}
input.toggle_button-1:checked ~ .cus_navbar{
    display: block;
}

.cus_navbar ul{
    list-style: none;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: calc(50% - 245px);
}
.cus_navbar ul li{
	padding: 8px 0;
}
.cus_navbar ul li a{
	text-decoration: none;
	color: white;
	font-size: 22px;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: -15px;
}
.hamRotate.active {
    transform: rotate(45deg);
}
.hamRotate180.active {
    transform: rotate(180deg);
}
.cus_line {
    fill:none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke:#fff;
    stroke-width:5.5;
    stroke-linecap:round;
}
.ham1 .top {
    stroke-dasharray: 40 139;
}
.ham1 .bottom {
    stroke-dasharray: 40 180;
}
.ham1.active .top {
    stroke-dashoffset: -98px;
}
.ham1.active .bottom {
    stroke-dashoffset: -138px;
}
.cus-nav-links-move {
    position: relative;
    left: 10px;
    margin-bottom: 10px;
    display: block;
}
.cus-nav-cta {
    margin-top: 20px;
}

/* latest */
.Below_Deck_Banner img{width: 100%;}
.Below_home_design{position: absolute;bottom:-2px;width: 100%;}
.Below_Deck_Banner{background: #070707;position: relative;margin-top: 54px;}
.Below_Deck_logo{position: absolute;top:8%;left: 5%;width: 127px;}
.Below_Deck_TXT{
	position: absolute;
	right: 9%;
	bottom: 20%;
	text-align: center;
	color: #FFF;
}
.Below_Deck_TXT h1{text-transform: uppercase;font-size: 40px;font-weight: bold;line-height: 46px;margin-bottom: 20px;font-family: 'New Reason';letter-spacing: .1px;}
.Below_Deck_TXT a{font-size: 14px;padding: 0.3em 0.8em;margin: 3px;}
.Below_Deck_Gallery{padding: 50px 0px;position: relative;}
.Below_Deck_Gallery img{width: 100%;}
.Below_Deck_design{position: absolute;bottom:0;}
.Below_Deck_Gallery{background: #000;position: relative;}
.Below_Deck_map{background: #C11323;padding-top:135px;}
.Below_menu_design{position: absolute;top:0;width: 100%;}
.Below_Deck_map img{width: 100%;}
.map_dec p{font-size: 27px;color: #FFF;line-height: 32px;font-weight: 400;}
.map_dec{padding:0px 50px 0px 150px;align-items: center;display: flex;}
.Below_map_img{margin-bottom: -2px;margin-right: 50px;}
.Below_Live_music{background:url("/_s/img/Book_a_Table.jpg") no-repeat; background-size: cover;}
.Below_Live_music img{width: 100%;}
.Live_music h2{font-size: 48px;color: #FFF;text-transform: uppercase;margin: 0px 0px 40px;font-weight: bold;font-family: 'New Reason';letter-spacing: .5px;}
.Live_music h3{font-size: 55px;color: #72AC42;text-transform: uppercase;margin: 0px 0px 40px;font-weight: bold;line-height: 63px;font-family: 'New Reason';letter-spacing: .5px;}
/* .Live_music h2 span{font-size: 75px;color: #FFF;font-family: 'IBM Plex Sans', sans-serif;margin-left: 20px;} */
.Live_music h2 span{font-size: 73px;color: #FFF;}
.Live_music a{font-size: 25px;}
.Live_music{margin:0px;}
.align-items-center{align-items: center !important;}
.Below_No_Cover{background:#CCCDBF;padding: 100px 0px;}
.Below_No_Cover h2{color: #212121; font-weight: bold;text-align: center;text-transform: uppercase;margin-bottom: 40px;font-size: 58px;font-family: 'New Reason';letter-spacing: 1px;}
.Below_No_Cover h2 span{color: #72AC42;}
.No_Cover_img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.4s ease 0s;
}
.No_Cover_img a:hover img {
	transform: scale(1.09);
	transition: all 0.4s ease 0s;
}
@keyframes swing {
	0% {
		transform: rotate(10deg);
   }
	100% {
		transform: rotate(-10deg);
   }
}
.swing {
	animation: swing ease-in-out 1s infinite alternate;
	/* transform-origin: center -20px; */
	/* -webkit-animation-duration: 1s; */
}
.swing2{-webkit-animation-duration: 1.3s;}
.swing3{-webkit-animation-duration: .98s;}
.No_Cover_img{height: 310px;}

.Below_Deck_menu{background:#070707;padding: 20px 0px;position: relative;}
.menu_img_large img{width: 80%;}
.menu_img_large{text-align: center;}
.Below_menu_Beer {
	position: absolute;
	left: 6%;
	top: 39%;
	width: 205px;
	z-index: 20;
}
.Below_menu_Beer img{width: 100%;}
.Below_menu_food {
	position: absolute;
	right: 3%;
	bottom: 9%;
	z-index: 25;
	width: 300px;
}
.Below_menu_food img{width: 100%;}

.menu_img_large{position: relative;}

.menu_img_large::before{
    content: '';
  background: url(/_s/img/Beer.png);
    background-size: auto;
  position: absolute;
  left: -64px;
  width: 198px;
  height: 338px;
  background-size: 100% 100%;
  top:39%;
}
.menu_img_large::after{
    content: '';
  background: url(/_s/img/Food.png);
    background-size: auto;
  position: absolute;
  right: -115px;
  width: 303px;
  height: 241px;
  background-size: 100% 100%;
  bottom:8%;
}
.Below_Deck_Banner video {
 width: 100%;
 height: 100%;
}
.BD_Gallery_Mob{display:none;}
.BD_Gallery_Mob1{display:none;}
.sticky nav a{color:#FFF !important;}
.Banner_mobile{display:none;}
.menu_img_mobile{display: none;}
.menu_img_desk{text-align: center;}
.menu_img_mobile{text-align: center;}

@media (min-width: 1200px) {
.Below_Deck_logo{width: 149px;}
.Below_Deck_TXT a{font-size: 20px;padding: 0.3em 1em;width: 144px;}
.map_dec{padding-right: 96px;}
}

@media (min-width: 3835px) and (max-width:3845px){
.Below_Deck_TXT h1{font-size: 110px;line-height:115px;}
.Below_Deck_TXT{bottom: 25%;}
.Below_Deck_TXT a{font-size: 24px;}
.menu_img_large img {width: 100%;}
.menu_img_large::before{left: -160px;}
.menu_img_large::after{right: -223px;}
.Below_Deck_map{padding-top: 425px;}
.map_dec{padding: 0px 50px 0px 739px;}
.map_dec p{font-size: 36px;}
.Below_Live_music img {width: 70%;}
.Live_music h2{font-size: 82px;line-height: 90px;}
.Live_music h2{font-size: 118px;}
.Live_music h3{font-size: 100px;line-height: 100px;}
.Live_music a{font-size: 32px;padding: 1em 1em;}
.Live_music {margin:0px 0px 0px 400px;}
}

@media (min-width: 2055px) and (max-width:2565px){
.Below_Deck_TXT h1{font-size: 65px;line-height: 62px;}
.Below_Deck_TXT{right: 13%;bottom: 22%;}
.Below_Deck_map{padding-top: 285px;}
.map_dec{padding: 0px 50px 0px 390px;}
.Live_music {margin:0px 0px 0px 140px;}
.large_media article {max-width: 1920px;}
.large_media .tiny {font-size: 16px !important;}
.large_media .d-flex-cs p a{font-size: 16px;}
.large_media h4{font-size: 24px;}
.large_media .small{font-size: 18px !important;}
.large_media .medium {font-size: 20px !important;}
.large_media{padding-bottom: 5vh;}
}

@media (min-width: 2040px) and (max-width:2050px){
/* .Live_music {margin: 273px 0px 0px 0px;} */
.map_dec{padding: 0px 50px 0px 247px;}
.Below_Deck_TXT{right: 11%;}
}

@media (min-width: 1915px) and (max-width:1925px){
.map_dec{padding: 0px 50px 0px 244px;}
.Below_Deck_TXT{right: 10%;}
}

@media (min-width: 1390px) and (max-width:1450px){
.No_Cover_img{height: 275px;}
}

@media (min-width: 1026px) and (max-width:1370px){
.No_Cover_img{height: 240px;}
}

@media (min-width: 1026px) and (max-width:1320px){
.map_dec p{font-size: 22px;line-height: 32px;}
}

@media (min-width: 1026px) and (max-width:1320px){
.Live_music h3{font-size: 48px;margin-bottom: 30px;}
.Live_music h2{font-size: 45px;margin-bottom: 30px;line-height: 45px;}
.Live_music h2 span{font-size: 60px;}
.Live_music a{font-size: 20px;}
.Below_No_Cover h2{font-size: 46px;}
}

@media (min-width: 1021px) and (max-width:1470px){
.menu_img_large::before{left: -53px;width: 170px;height: 302px;top: 39%;}
.menu_img_large::after{bottom:8%;right: -4%;width: 228px;height: 180px;}
.Below_Deck_TXT{right: 7%;}
}

@media (min-width: 1272px) and (max-width:1370px){
.Below_Deck_TXT{bottom:15%;right: 7%;}
}

@media (min-width: 1170px) and (max-width:1190px){
/* .Live_music{margin:131px 0px 0px 0px;} */
}

@media (min-width: 1026px) and (max-width:1320px){
.Below_menu_Beer{width: 165px;}
.Below_menu_food{width: 228px;}
.menu_img_large::before{left: -53px;width: 170px;height: 302px;top: 39%;}
.menu_img_large::after{bottom:8%;right: -67px;width: 228px;height: 180px;}
}

@media (min-width: 1026px) and (max-width:1270px){
.map_dec {padding: 00px 50px 0px 150px;}
.Below_Deck_TXT{bottom:14%;}
.Live_music h3{font-size: 48px;margin-bottom: 30px;line-height: 45px;}
.Live_music h2{font-size: 40px;margin-bottom: 30px;}
.Live_music h2 span{font-size: 53px;}
.Live_music a{font-size: 20px;}
}

@media (min-width: 1002px) and (max-width:1024px){
.Below_Deck_TXT a{padding: 0.2em 0.8em;}
.Below_Deck_TXT h1{font-size: 35px;line-height: 32px;margin-bottom: 10px;}
.Below_Deck_TXT{right: 8%;bottom: 18%;}
.Below_menu_Beer{width: 100px;left: 4%;}
.Below_menu_food {right: 5%;bottom: 10%;width: 124px;}
.menu_img_large::before{left: -13px;width: 100px;height: 214px;top: 41%;}
.menu_img_large::after{bottom: 9%;right: 11px;width: 134px;height: 100px;}
.map_dec p{font-size: 19px;line-height: 35px;}
.map_dec {padding: 0px 50px 0px 122px;}
.Below_Deck_map{padding-top: 145px;}
.Live_music h2{font-size: 26px;margin-bottom: 22px;}
.Live_music h2 span{font-size: 37px;}
.Live_music h3{font-size: 30px;line-height: 34px;margin-bottom: 22px;}
/* .Live_music {margin: 122px 0px 0px 0px;} */
.Live_music a {font-size: 16px;}
.Below_No_Cover h2{font-size: 35px;margin-bottom: 26px;}
.Below_No_Cover{padding: 60px 0px 40px;}
.No_Cover_img{height: 205px;}
.Below_Deck_logo{width: 110px;}
}

@media (min-width: 766px) and (max-width:1000px){
.Below_Deck_TXT a{padding: 0.2em 0.8em;}
.Below_Deck_TXT h1{font-size: 35px;line-height: 32px;margin-bottom: 10px;}
.Below_Deck_TXT{right: 8%;bottom: 12%;}
.Below_menu_Beer{width: 100px;left: 2%;}
.Below_menu_food {right: 2%;bottom: 10%;width: 124px;}
.menu_img_large::before{left: -15px;width: 100px;height: 188px;}
.menu_img_large::after{bottom: 9%;right: -12px;width: 124px;height: 100px;}
.map_dec p{font-size: 16px;line-height: 24px;}
.map_dec {padding: 0px 50px 0px 67px;}
.Below_Deck_map{padding-top: 125px;}
.Live_music h2{font-size: 26px;margin-bottom: 22px;}
.Live_music h2 span{font-size: 37px;}
.Live_music h3{font-size: 30px;line-height: 34px;margin-bottom: 22px;}
/* .Live_music {margin: 63px 0px 0px 0px;} */
.Live_music a {font-size: 16px;}
.Below_No_Cover h2{font-size: 32px;margin-bottom: 26px;}
.Below_No_Cover{padding: 60px 0px 40px;}
.No_Cover_img{height: 180px;}
.Below_Deck_logo{width: 100px;top: 3%;}
}

@media (min-width: 766px) and (max-width:769px){
/* .Live_music {margin: 49px 0px 0px 0px;} */
}


@media (max-width:1181px) {
.BD_Gallery_Mob1{display:block;}
.BD_Gallery_desk1{display:none;}
.Below_No_Cover h2{line-height: 35px;}
}

@media (max-width:767px) {
.Below_Deck_logo {top: 2%;left: 3%;width: 70px;}
.Below_Deck_TXT{position: static;padding: 15px 0px;}
.Below_Deck_TXT h1{font-size: 30px;line-height: 35px;margin-bottom: 8px;}
.Below_Deck_TXT a{padding: 0.2em 0.8em;font-size: 16px;}
.menu_img_large img {width:100%;}
.Below_menu_Beer{width: 25px;left: 4%;top: 45%;}
.Below_menu_food{right: 5%;bottom: 13%;width: 30px;}
.menu_img_large::before{left: -16px;width: 25px;height: 40px;}
.menu_img_large::after{bottom: 10%;right: -11px;width: 30px;height: 27px;}
.Below_Deck_map{padding-top: 42px;}
.Below_map_img{margin-right: 0px;}
.map_dec{padding: 30px 30px 0px;}
.Below_Deck_Gallery{padding-top: 0px;}
.map_dec p{font-size: 19px;line-height: 32px;}e
.Below_map_img{margin: 20px 20px -2px;}
.Live_music {margin: 76px 15px 0px;}
.Live_music h2{font-size: 28px;}
.Live_music h2 span{font-size: 40px;}
.Live_music h3{font-size: 28px;line-height: 36px;}
.Below_No_Cover h2{font-size: 32px; margin-bottom: 10px;line-height: 32px;}
.No_Cover_img{height: auto;}
.Below_No_Cover{padding: 70px 0px 40px;}
.Live_music a {font-size: 20px;}
/* .Below_No_Cover h2 span{display: block;} */
.BD_Gallery_Mob{display:block;}
.BD_Gallery_desk{display:none;}
.Below_Deck_menu{background: #000;}
.Below_Deck_TXT{background:#000;}
.Below_home_design{display: none;}
.Below_Deck_design{display:none;}
.Banner_mobile{display: block;}
.Banner_desk{display:none;}
.menu_img_mobile{display: block;}
.menu_img_desk{display:none;}
.Below_Deck_Banner{margin-top: 68px;background: #000;}
.sticky .logo{
    width: 70px !important;
    height: 55px !important;
  }
header .logo {
    width: 84px !important;
    height: 70px !important;
  }
#header_dup.sticky{padding:20px !important;}
label.toggle_button-1{top: 23px;}
}
@media (max-width:410px) {
.gap_cls{gap: 15px;}
}
@media (max-width:450px) {
.mob_pdg{padding-left: 110px !important;}
}
@media (max-width:360px) {
.mob_pdg{padding-left: 110px !important;}
}
@media (max-width:320px) {
.mob_pdg{padding-left: 100px !important;}
}