/*
Theme Name: The Harbour Bar	
Author: Connector/Andre Pacheco
Author URI: 
Version: 1
*/

/* Colour 
https://coolors.co/ffffff-0c1713-9dc0da-669cc5-ebbe5c
*/

@font-face{
	font-family:"FranklinGothicMediCondITC W08";
	src:url("assets/fonts/1557662/1165aa2a-2bc4-4eb6-9110-e4e0a85d480f.woff") format("woff");
	font-weight:normal;
}
@font-face{
	font-family:"Scala W04 Regular";
	src:url("assets/fonts/5646392/09479f28-df03-4c9d-95c5-faf32f04686a.woff") format("woff");
	font-weight:normal;
}

/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */

/* normalize */
audio, canvas, video {display:inline-block;} audio:not([controls]) {display:none; height:0;} [hidden], template {display:none;} html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} a:focus {outline:0;} a:active, a:hover {outline:0;} abbr[title] {border-bottom: 1px dotted;} dfn {font-style:italic;} hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;} mark {background:#ff0; color:#230249;} code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;} pre {white-space:pre-wrap;} small {font-size:80%;} sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} img {border:0;} svg:not(:root) {overflow:hidden;} figure {margin:0;} fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;} legend {border:0; padding:0;} button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;} button, input {line-height:normal;} button, select {text-transform:none;} button, html input[type='button'], input[type='reset'], input[type='submit'] {-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} input[type='checkbox'], input[type='radio'] {box-sizing:border-box; /* 1 */ padding:0; /* 2 */} input[type='search'] {-webkit-appearance:textfield; /* 1 */ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; /* 2 */ box-sizing:content-box;} input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} textarea {overflow:auto; vertical-align:top;} table {border-collapse:collapse; border-spacing:0;}

/* 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, ol, ul, li, 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;} ul, ol {list-style:none;} 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;}

/* base */
::selection {color:#fff; background-color:#00aeef;}
::-moz-selection {color:#fff; background-color:#00aeef;}

body {overflow-x:hidden; color:#FFFFFF; font:normal 1em/1em 'FranklinGothicMediCondITC W08', sans-serif; text-align:center; background:#0C1713;}
body.no-scroll {overflow:hidden;}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img {display:block; width:100%;}

a {color:#fff; text-decoration:none;}

.clear {clear:both;}

.float-right {float:right;}
.float-left {float:left;}

.no-margin {margin:0 !important;}

.no-padding {padding:0 !important;}
.no-padding-right {padding-right:0 !important;}
.no-padding-left {padding-left:0 !important;}

.extra-padding {padding-bottom:4em !important;}

.no-border {border:0 !important;}

.hold-content {padding:3em;}

#thb {overflow-x:hidden; width:100%;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{		
		.float-right,
		.float-left
		{float:none;}
		
		.float-right.keep-float {float:right;}
		.float-left.keep-float {float:left;}
		
		.extra-padding {padding-bottom:3em !important;}
		.no-extra-padding-m {padding-bottom:2em !important;}
		
		.hold-content {padding:2em 1em;}
				
		.hide {display:none !important;}
	}

@media only screen
and (min-device-width:300px)
and (max-device-width:500px)
and (orientation:landscape)
	{	
		body {font-size:11px !important;}
	}

/* typography */
h1, h2, h3, h4, h5, h6
{margin-bottom:.5em; font-weight:normal;}

h1.extra-margin, h2.extra-margin, h3.extra-margin, h4.extra-margin, h5.extra-margin, h6.extra-margin
{margin-bottom:2em;}

h1.big span {font-size:450%; line-height:100%;}
h1.title span {font-size:250%; line-height:100%;}
h1.sub-title span {font-size:180%; line-height:100%;}

h1.box {position:relative; height:6em; margin:-1.5em -1.5em 1em -1.5em; color:#fff; background:#0C1713;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 5.4em);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 5.4em);}
h1.box span {position:absolute; right:1.5em; bottom:1em; left:1.5em; font-size:120%; line-height:120%;}

h1.box-image {height:12em; background-position:center top; background-size:cover;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 11.4em);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 11.4em);}

h2 span {font-size:110%; line-height:120%;}
h2.big span {font-size:150%; line-height:100%;}

h5 span {font-size:150%;}

h6 span {font-size:150%;}
h6.sub-title span {font-size:80%;}

h1.line, h2.line, h3.line, h4.line, h5.line, h6.line
{position:relative; margin-bottom:1.5em;}

h1.line:after, h2.line:after, h3.line:after, h4.line:after, h5.line:after, h6.line:after 
{content:''; position:absolute; bottom:-.75em; left:50%; width:2em; height:.25em; transform:translateX(-50%);}

.line-yellow:after {background:#EBBE5C;}
.line-blue:after {background:#669CC5;}
.line-lightblue:after {background:#9DC0DA;}
.line-white:after {background:#fff;}
.line-black:after {background:#0C1713;}

p {font:normal 90%/150% 'Scala W04 Regular', serif;}
p+p {margin-top:1.5em;}

p.small-margin+p.small-margin {margin-top:.5em;}

p.small {font-size:85%;}

p.sans-serif,
.sans-serif > p,
.sans-serif
{font-family:'FranklinGothicMediCondITC W08', sans-serif; letter-spacing:.02em;}

.serif > p,
.serif
{font-family:'Scala W04 Regular', sans-serif;}

p.p-big,
.p-big > p
{font-size:120%;}

p.p-superbig,
.p-superbig > p
{font-size:180%;}

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

.text-uppercase {text-transform:uppercase; letter-spacing:.1em;}
.text-normal {text-transform:none !important;}

.text-underline {text-decoration:underline;}

.text-yellow {color:#EBBE5C;}
.text-blue {color:#669CC5;}
.text-lightblue {color:#9DC0DA;}
.text-black {color:#0C1713;}

.bg-yellow {background:#EBBE5C;}
.bg-blue {background:#669CC5;}
.bg-lightblue {background:#9DC0DA;}
.bg-white {background:#fff;}
.bg-black {background:#0C1713;}

.text-shadow {text-shadow:0 3px 3px #000;}

/* cta */
.cta-button {display:inline-block; margin:0; padding:1.6em 1.5em 1.5em 1.5em; font:70%/100%'FranklinGothicMediCondITC W08', sans-serif !important;}

a.cta-button {cursor:pointer; text-decoration:none !important;}

.cta-big {font-size:80% !important;}
.cta-small {font-size:60% !important;}

.cta-padding {padding:3em 2.5em;}

.cta-margin-top {margin-top:2em;}

.cta-button i {display:inline-block; vertical-align:0; transform:scale(1.2);}
.cta-button.icon-right i {margin-left:1em; transform-origin:center left;}
.cta-button.icon-left i {margin-right:1em; transform-origin:center right;}

.cta-yellow {background:#EBBE5C;}
.cta-blue {background:#669CC5;}
.cta-lightblue {background:#9DC0DA;}
.cta-white {background:#fff;}
.cta-black {background:#0C1713;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		h1.extra-margin, h2.extra-margin, h3.extra-margin, h4.extra-margin, h5.extra-margin, h6.extra-margin
		{margin-bottom:1.5em;}
		
		h1.big span {font-size:300%;}
		h1.title span {font-size:175%;}
		
		h1.box {margin:-.5em -.5em .5em -.5em;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 5.7em);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 5.7em);}
		
		h1.box-image {height:8em;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 7.4em);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 7.4em);}
		
		h5 span {font-size:120%;}
		
		h6 span {font-size:120%;}
		h6.sub-title span {font-size:90%;}
		
		p {font-size:90%;}
		
		p.p-superbig,
		.p-superbig > p
		{font-size:140%;}
		
		.cta-small {font-size:60%;}

		.cta-padding {padding:2em;}

		.cta-button i {transform:scale(1.1);}
		.cta-button.icon-right i {margin-left:.5em;}
		.cta-button.icon-left i {margin-right:.5em;}
		
		.cta-block {display:block;}
	}

/* top, bottom & menus */
.preheader {position:relative; z-index:120; background-repeat:no-repeat; background-size:auto 100%;}
.preheader:after {content:''; display:block; height:1em; background-size:cover;}

.preheader-clear {display:none;}

.header {overflow:hidden; position:relative; z-index:100;}
.header:after {content:''; position:absolute; z-index:-1; top:-2em; right:-2em; bottom:4.8em; left:-2em; background:#0C1713; transform:rotate(.55deg);}

.header-logo img {width:auto; height:6em;}

.header-menu-icon {display:none;}

.header .menu-main {margin-bottom:1em;}
.header .menu-main li {font-size:120%;}
.header .menu-social li {margin-left:1em; font-size:70%;}

.footer {position:relative; background:#669CC5;}
.footer:before,
.footer:after
{content:''; position:absolute; right:-2em; left:-2em; transform:rotate(.55deg);}
.footer:before {z-index:2; top:-1em; height:1em; background-size:cover;}
.footer:after {z-index:1; top:-.5em; height:2em; background:#669CC5;}

.footer-logo img {margin:0 auto; height:5em;}

.footer .menu-main {margin:2em 0 1em 0;}
.footer .menu-main li {font-size:85%;}
.footer .menu-social {margin-bottom:3em;}
.footer .menu-social li {margin:0 .5em; font-size:75%;}

.footer-findus {display:inline;}
.footer-opening {margin:3em 0;}

.copyright p {font-size:70%;}
.copyright a {border-bottom:2px dotted rgba(255,255,255,.5);}
.copyright br {display:none;}

.main-logo img {width:auto;}

.menu-main li,
.menu-social li
{display:inline-block;}

.menu-main li {position:relative; margin:0;}
.menu-main li+li:before {content:'\002F'; margin:0 .5em;}

.submenu {position:absolute; right:0; min-width:10em; padding:1em; border-top:.75em solid #0C1713; text-align:center}
.submenu li {display:block;}
.submenu li+li {margin-top:.75em; padding-top:.75em; border-top:2px dotted #0C1713;}
.submenu li+li:before {display:none; margin:0;}
.submenu li a {display:block; color:#0C1713; font-size:60%; white-space:nowrap;}

.submenu {display:none;}
.menu-main li:hover .submenu {display:block;}

.extra-box {overflow-y:hidden; max-height:0; transition:.5s all;}
.extra-box.show {max-height:1000px;}

.extra-box .cta-button {margin-bottom:6em;}

.popup-box {position:fixed; z-index:998; top:50%; left:50%; width:50%; transform:translate(-50%,-50%);}
.popup-box-bg {position:fixed; z-index:997; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.3);}

.popup-box .cta-close {margin-bottom:6em;}
.popup-box .form-newsletter-p {width:100% !important;}

.notice-bar {padding:1em; border-bottom:2px solid #0C1713;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.preheader {background-image:none !important;}
		.preheader:after {height:.75em;}
		
		.preheader-clear {clear:both; display:block;}
		
		.preheader-address {margin:0 .5em; padding-right:0 !important; padding-left:0 !important;}
		
		.preheader-findus,
		.preheader-opening
		{float:left; width:50%; padding-right:0; padding-left:0;}
		
		.header:after {bottom:3.4em;}
		
		.header-logo img {height:4.5em;}
		
		.header-menu-icon {display:inherit; position:absolute; top:2em; right:1em;}
		.header-menu-icon i {font-size:200%;}

		.header-menu {overflow-y:hidden; max-height:0; transition:.5s all;}
		
		.header-menu-icon.show i:before{content:"\f00d"}
		.header-menu.show {max-height:1000px;}
		
		.header .menu-main {padding-top:1em;}
		.header .menu-social {padding-bottom:6em;}
		
		.footer {margin-top:2em;}
		.footer:before {height:.75em;}
		
		.footer-logo img {height:5em;}
		
		.footer .menu-main {margin:1em 0;}
		.footer .menu-social {margin-bottom:1em;}
		
		.footer .cta-block {font-size:90%;}
		.footer-findus {display:block; margin:1em 0;}
		
		.footer-opening {margin:2em 0; padding-top:2em; border-top:1px solid rgba(255,255,255,.5);}
		.footer-opening p {font-size:110%; line-height:200%;}
		
		.copyright {margin-top:2em; padding-top:2em; border-top:1px solid rgba(255,255,255,.5);}
		.copyright p {font-size:85%;}
		.copyright p:last-child {line-height:200%;}
		.copyright br {display:inherit;}
		.copyright .sep {display:none;}
				
		.menu-main,
		.menu-social
		{text-align:center !important;}
		
		.menu-main li,
		.menu-social li
		{display:block; margin:0 !important;}
		
		.menu-main li {font-size:100% !important;}
		.menu-social li {font-size:80% !important;}
		
		.menu-main li+li,
		.menu-social li+li
		{border-top:2px dotted rgba(255,255,255,.5);}
		
		.menu-main a,
		.menu-social a
		{display:block; padding:1.5em 0;}
		
		.menu-main li+li:before {display:none;}
		
		.submenu {position:relative; right:auto; min-width:auto; margin-top:-.5em; padding:0; border-top:0; background:transparent;}
		.submenu li+li {margin-top:.75em; padding-top:.75em; border-top:1px dotted rgba(255,255,255,.3);}
		.submenu li a {color:#fff; font-size:70%;}

		.submenu {display:block;}
		
		.extra-box .cta-button {margin-bottom:2em;}
		
		.popup-box {width:90%;}
	}

/* content */
.content-header {padding:8em 2em 1em 2em;}
.content-header-cut {padding-bottom:3em; margin-bottom:-5em;}

.breadcrumb {position:relative; padding:1em 0;}
.breadcrumb:after {content:''; position:absolute; top:0; left:50%; width:2em; height:.25em; background:#fff; transform:translateX(-50%);}
.breadcrumb li {display:inline-block; margin:0 .25em;}
.breadcrumb i {margin-left:.5em; transform:scale(.75);}

.padding-top {padding-top:4em;}

.cut-off {
	position:relative; margin-top:-1em;
	-webkit-clip-path: polygon(0 0, 100% .8em, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% .8em, 100% 100%, 0 100%);

}

.cut-off-single {margin-top:0;}
.cut-off-separator {height:2.5em;}

.content {position:relative; z-index:90; margin-top:-6em;}

.hold-col {margin:-1em 0 0 -1em;}

[class*="col-"] {float:left; border:1em solid transparent; border-width:1em 0 0 1em;}

.col-1 {width:66.66%;}
.col-2 {width:50%;}
.col-3 {width:33.333%;}
.col-4 {width:25%;}
.col-5 {width:20%;}
.col-6 {width:16.666%;}

.image-col {margin-bottom:1em;}
.image-resize {width:55%; margin-right:auto; margin-left:auto;}

.box-col {padding:1.5em;}

.fix-float {margin:-1em 0 0 -1em;}
.column {float:left;}

.fix-float-2[data-columns]::before {content: '2 .column.size-1of2';}
.fix-float-3[data-columns]::before {content: '3 .column.size-1of3';}
.fix-float-4[data-columns]::before {content: '4 .column.size-1of4';}
.fix-float-5[data-columns]::before {content: '5 .column.size-1of5';}

.size-1of2 {width:50%;}
.size-1of3 {width:33.333%;}
.size-1of4 {width:25%;}
.size-1of5 {width:20%;}

.fix-float-box {border:1em solid transparent; border-width:1em 0 0 1em;}

.content-general p a {text-decoration:underline;}

.box-line {margin-top:1.5em; padding-top:1.5em; border-top:1px solid #ccc;}
.box-line br {display:none;}
.box-line a {color:#EBBE5C; text-decoration:underline;}

.sidebar-aside {padding-left:2em;}

.sidebar-box {margin-bottom:1em; padding:1.5em;}
.sidebar-box h5,
.sidebar-box h6
{margin-bottom:1.5em;}

.menu-bg,
.gallery-bg
{background-position:top center; background-size:cover;}

.super-feature {padding-top:6em; padding-bottom:6em; background-position:center; background-size:cover;}
.super-feature:after {content:''; opacity:.7; position:absolute; z-index:0; top:0; right:0; bottom:0; left:0; background:#000;}
.super-feature * {position:relative; z-index:1;}
.super-feature figure {width:12.5%; margin:0 auto 2em auto;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.content-header {padding:6em 1em 1em 1em;}
		.content-header-cut {padding-bottom:2em; margin-bottom:-3em;}
		
		.breadcrumb {position:relative; padding:1.5em 0 1em 0;}
		.breadcrumb li {display:block; margin:0;}
		.breadcrumb li+li {margin-top:.5em;}
		
		.padding-top {padding-top:0;}

		.cut-off {
		-webkit-clip-path: polygon(0 0, 100% .3em, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% .3em, 100% 100%, 0 100%);
		}
		
		.content {margin-top:-3.7em;}
		
		.hold-col {margin:-1em 0 0 0;}

		[class*="col-"] {float:none; border-left:0;}

		.col-1,
		.col-2,
		.col-3,
		.col-4,
		.col-5,
		.col-6
		{width:100%;}
		
		.hold-colm {margin:-.5em 0 0 -.5em;}
		
		[class*="colm-"] {float:left; border:1em solid transparent; border-width:.5em 0 0 .5em;}
		
		.colm-2 {width:50%;}
		.colm-2 p.small {margin-bottom:1em;}
		
		.box-col {padding:.5em;}
		
		.column {float:left;}

		.size-1of2 {width:100%;}
		.size-1of3,
		.size-1of4,
		.size-1of5
		{width:50%;}
		
		.box-line br {display:inherit;}
		.box-line .sep {display:none;}
		
		.sidebar-aside {margin-top:2em; padding-left:0; text-align:center;}
		
		.featured-content {padding-right:0; padding-left:0;}
		
		.super-feature {padding-top:4em; padding-bottom:4em;}
		.super-feature figure {width:33.33%;}
	}

/* content variations */
.embed iframe,
.embed object,
.embed embed,
.embed div,
.embed p,
.embed twitterwidget
{display:block !important; max-width:100% !important; margin:0 auto !important;}

.embed-video {overflow:hidden; position:relative; height:0; padding:0 0 56.25% 0 !important;}
.embed-video iframe,
.embed-video object,
.embed-video embed
{position:absolute; top:0; left:0; width:100%; height:100%;}

.content-general .embed,
.content-general .embed-video
{margin:1.5em 0;}

.content-general h2 {margin:1em 0 -.25em 0; font-size:180%; line-height:150%;}
.content-general h3 {margin-top:1em 0 -.25em 0; font-size:150%; line-height:150%;}

img.alignnone, img.aligncenter, img.alignright, img.alignleft {display:block; height:auto;}
img.alignnone, img.aligncenter {margin-left:auto; margin-right:auto}
img.alignright {float:right; width:50%; margin:0 0 1em 1em;}
img.alignleft {float:left; width:50%; margin:0 1em 1em 0;}

.content-general blockquote {width:75%; margin:1.5em auto; color:#EBBE5C; text-align:center;}
.content-general blockquote p {font-size:150%; line-height:150%;}

.content-general ul,
.content-general ol
{margin:1.5em 0; font:normal 120%/150% 'Scala W04 Regular', serif;}
.content-general li+li {margin-top:.5em;}
.content-general ul li:before,
.content-general ol li:before
{display:inline-block; margin-right:.5em; color:#EBBE5C;}

.content-general ul li:before {content:'\25CF'; vertical-align:.1em;}

.content-general ol {counter-reset:post;}
.content-general ol li:before {counter-increment:post; content:counter(post) '\002E'; font-family:'FranklinGothicMediCondITC W08', sans-serif;}

/* about */
.about-hold,
.about-article
{position:relative;}

.about-image,
.about-image:before,
.about-box,
.about-box-image
{position:absolute;}

.about-image,
.about-image:before,
.about-box-image
{top:0; right:0;}

.about-hold {overflow:hidden; padding-right:50%;}

.about-article {z-index:100; min-height:20em;}

.about-image {opacity:.8; z-index:80; width:100%;}
.about-image:before {content:''; bottom:2px; left:0;
background:-moz-linear-gradient(left, rgba(12,23,19,1) 0%, rgba(10,19,16,1) 18%, rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left, rgba(12,23,19,1) 0%,rgba(10,19,16,1) 18%, rgba(0,0,0,0) 100%);
background:linear-gradient(to right, rgba(12,23,19,1) 0%,  rgba(10,19,16,1) 18%, rgba(0,0,0,0) 100%);}

.about-box {z-index:90; right:0; bottom:3em; width:50%; padding-left:2em;}
.about-box-image {overflow:hidden; bottom:0; left:66.66%; background-position:center; background-size:cover;}
.about-box-text {padding:1.5em 40% 1.5em 1.5em;}

.about-hold.about-center {padding-right:25%; padding-left:25%;}
.about-center .about-image:before {background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,19,16,1) 82%, rgba(12,23,19,1) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,19,16,1) 82%, rgba(12,23,19,1) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(10,19,16,1) 82%, rgba(12,23,19,1) 100%);}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.about-hold {padding-top:10em; padding-right:2em;}
		
		.about-image {opacity:1;}
		.about-image:before {background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,19,16,1) 82%, rgba(12,23,19,1) 100%);
		background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,19,16,1) 82%, rgba(12,23,19,1) 100%);
		background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(10,19,16,1) 82%, rgba(12,23,19,1) 100%);}
		
		.about-box {position:relative; right:auto; bottom:auto; width:100%; margin-top:2em; padding:0;}
		.about-box-image {left:55%;}
		.about-box-text {padding:2em 50% 2em 1em;}
		
		.about-hold.about-center {padding-right:2em; padding-left:2em;}
	}

/* menu */
.menu-pouring {margin-bottom:-8em; padding-bottom:8em;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.menu-pouring {margin-bottom:-6em;}
	}

/* share */
.share-box {margin-top:2em;}
.share-box li {float:left; margin-right:.25em;}
li.share-title {font-size:80%; line-height:320%; margin-right:1em;}
.share-whastapp {display:none;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.share-box {width:50%; margin:2em auto 0 auto; text-align:center;}
		.share-box a {display:block;}
		.share-box li {float:none; margin:.25em 0 0 0;}
		li.share-title {font-size:80%; line-height:100%; margin:0;}
		.share-whastapp {display:block;}
	}


/* instagram */
.instagram-hold:after,
.instagram-feed
{position:absolute;}

.instagram-hold:after,
.instagram-feed
{top:0; right:0; bottom:0; left:0;}

.instagram-hold {position:relative;}
.instagram-hold:after {content:''; opacity:.5; z-index:90;
background:#669cc5;
background:-moz-linear-gradient(top, #669cc5 0%, #ebbe5c 100%);
background:-webkit-linear-gradient(top, #669cc5 0%, #ebbe5c 100%);
background:linear-gradient(to bottom, #669cc5 0%, #ebbe5c 100%);}

.instagram-box {position:relative; z-index:100; padding:6em 16.66% 6em 16.66%;}

.instagram-feed {opacity:.5; overflow:hidden; z-index:80;}

.wdi_hidden,
.wdi_spider_popup_loading,
.wdi_spider_popup_overlay,
.wdi_feed_info
{display:none;}

.wdi_feed_item {float:left; overflow:hidden; position:relative; width:12.5% !important; padding-bottom:12.5%;}
.wdi_photo_wrap {position:absolute; width:100%;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.instagram-box {padding:4em 1em;}
		.wdi_feed_item {width:25% !important; padding-bottom:25%;}
	}

/* newsletter */
.form-newsletter-p {overflow:hidden; position:relative; width:33.33%; height:3em; margin:2em auto 0 auto;}

.form-newsletter-p input {position:absolute; padding:0; border:0; height:100%;}

.form-newsletter-p .form-input {left:0; width:70%; color:#669CC5; font-size:90%; text-indent:1em; background:#fff;}
.form-newsletter-p .form-button {cursor:pointer; right:0; width:29%; color:#fff; font-size:70%; background:#669CC5;}

.form-newsletter-p input {outline:none;}

.form-newsletter-p input::-webkit-input-placeholder {color:#669CC5;}
.form-newsletter-p input:-moz-placeholder {color:#669CC5;}

.form-newsletter-black .form-input {color:#fff; background:#0C1713;}
.form-newsletter-black .form-button {background:#0C1713;}

.form-newsletter-black input::-webkit-input-placeholder {color:#fff;}
.form-newsletter-black input:-moz-placeholder {color:#fff;}

.form-search {width:100%; margin:0;}
.form-search .form-button {color:#669CC5; background:#fff;}

.form-band {width:66.666%; margin:-.5em auto 2em auto;}
.form-band .form-input {width:100% !important; color:#EBBE5C; font-size:100%;}
.form-band .form-button {display:none;}

.form-band input::-webkit-input-placeholder {color:#EBBE5C;}
.form-band input:-moz-placeholder {color:#EBBE5C;}

/* other brands */
.other-brands h6 {padding-top:1.75em;}

.other-brands-item+.other-brands-item {margin-left:2em;}
.other-brands-item img {width:auto; height:5em;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.form-newsletter-p {width:100%;}
		
		.form-newsletter-p .form-input {width:65%;}
		.form-newsletter-p .form-button {width:34%;}
		
		.form-band {width:100%;}
		
		.other-brands h6 {padding-top:0;}
		
		.other-brands-item {float:left; width:33.33%; margin-top:1em; padding:0 .25em;}
		.other-brands-item+.other-brands-item {margin-left:0;}
		.other-brands-item img {margin:0 auto;}
	}

/* contact */
#contact .form-area,
#contact .form-quiz .wpcf7-form-control-wrap
{display:block; height:3em; margin:0;}

#contact .form-area,
#contact .form-text,
#contact .form-quiz .wpcf7-form-control-wrap
{padding-left:10em; text-align:left;}

#contact .form-title,
#contact .wpcf7-quiz-label
{display:block; position:absolute; left:0; width:9em; height:100%; padding-top:1.1em; font-size:90%; text-transform:uppercase; letter-spacing:.07em; text-align:right;}

#contact .form-area,
#contact .form-text,
#contact .form-quiz
{position:relative; width:100%; margin-bottom:1.5em;}

#contact .form-area input,
#contact .form-text textarea,
#contact .form-quiz input
{width:100%; margin:0; border:1px solid transparent; color:#669CC5; font:100%/100% 'Scala W04 Regular', sans-serif; background:#fff;}

#contact .form-area input,
#contact .form-quiz input
{height:3em; padding:0 .5em;}

#contact .form-text textarea {resize:none; height:20em; padding:.5em;}

#contact .form-quiz input {width:40%;}

#contact .form-button {margin-top:2em; text-align:right;}
#contact .form-button input {width:auto; height:auto; padding:1.6em 1.5em 1.5em 1.5em; border:0; color:#fff; font:90%/100%'FranklinGothicMediCondITC W08', sans-serif !important; text-transform:uppercase; letter-spacing:.1em; background:#EBBE5C;}

#contact .notice {position:absolute; z-index:70; right:0; top:1em; left:57%; padding-left:0; font-size:70%; line-height:125%; text-align:left;}

#contact input[type=text]:focus,
#contact input[type=email]:focus,
#contact textarea:focus
{border-color:#EBBE5C;}
#contact input[type=text],
#contact input[type=email],
#contact input[type=submit],
#contact textarea
{outline:none;}

#contact {position:relative;}
#contact br {display:none;}

div.wpcf7-response-output {clear:both; position:relative; top:1em; margin-left:10em; padding:2em; color:#fff; font-size:80%; line-height:115%; background:#9DC0DA; text-align:center;}
div.wpcf7 .screen-reader-response {display:none;}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {background:#9DC0DA;}

.wpcf7-not-valid-tip {position:absolute; z-index:100; top:0; right:0; bottom:0; padding:0 1em; color:#fff; font-size:70%; line-height:470%; text-align:center; background:#d95358;}
.wpcf7-not-valid-tip:after {content:''; position:absolute; top:50%; left:-7px; margin-top:-8px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #d95358;}
.form-quiz .wpcf7-not-valid-tip {top:auto; right:auto; bottom:-4.5em; left:14em; padding:1.5em 1em; line-height:100%;}
.form-quiz .wpcf7-not-valid-tip:after {top:-7px; left:8px; margin-top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #d95358; border-top:none;}

span.wpcf7-list-item {margin-left:0.5em;}
.wpcf7-display-none {display:none;}
div.wpcf7 img.ajax-loader {position:absolute; right:6em; bottom:1em; width:auto;}
div.wpcf7 div.ajax-error {display:none;}
div.wpcf7 .placeheld {color:#888;}

	@media only screen and (min-device-width:300px) and (max-device-width:800px) {
		#contact .form-area,
		#contact .form-quiz .wpcf7-form-control-wrap,
		#contact .form-text
		{padding-left:0; height:auto;}

		#contact .form-title,
		#contact .wpcf7-quiz-label
		{position:relative; left:auto; width:auto; margin-bottom:.2em; font-size:80%; text-align:left;}

		#contact .form-area,
		#contact .form-quiz,
		#contact .form-text
		{margin-bottom:.75em;}

		#contact .form-quiz input {width:100%;}

		#contact .form-button {margin-top:1em;text-align:center;}
		#contact .form-button input {font-size:80%;}

		#contact .notice {display:block; position:relative; top:auto; right:auto; bottom:auto; left:auto; padding:.5em 0 0; font-size:80%;}

		div.wpcf7-response-output {clear:both; position:relative; top:0; margin:1em 0 0; padding:1.5em;}
	
		#contact .form-quiz .wpcf7-not-valid-tip,
		#contact .wpcf7-not-valid-tip {display:inline-block; position:relative; top:auto; right:auto; bottom:auto; left:auto; margin:1em 0 .75em; padding:1em; font-size:60%; line-height:100%;}

		#contact .form-quiz .wpcf7-not-valid-tip:after,
		#contact .wpcf7-not-valid-tip:after {top:-7px; left:8px; margin-top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #d95358; border-top:none;}

		div.wpcf7 img.ajax-loader {position:relative; right:auto; bottom:auto; margin:1em auto 0;}
}

/* slide */
.home-slider-hold {position:relative; height:80vh; background-size:cover; background-position:top center;}
.home-slider-hold:after {content:''; opacity:.5; position:absolute; top:0; right:0; bottom:0; left:0; background:#000;}

.home-slider-box {position:absolute; z-index:100; top:50%; right:6em; left:6em; transform:translateY(-50%);}

.home-slider-box p {width:70%; margin:1em auto 2em auto;}

.unslider {position:relative;overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}

.unslider-arrow {cursor:pointer; display:block; color:#fff; position:absolute; z-index:120; top:50%; margin-top:-1em;}
.unslider-arrow i {font-size:200%;}
.unslider-arrow.prev {left:3em;}
.unslider-arrow.next {right:3em;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.home-slider-hold {height:35em;}
		.home-slider-box {right:2em; left:2em; margin-top:-2em;}
		.home-slider-box p {width:100%;}
		
		.unslider-arrow {z-index:200; top:auto; bottom:4em; margin-top:0;}
		.unslider-arrow.prev {left:50%; margin-left:-3em;}
		.unslider-arrow.next {right:50%; margin-right:-3em;}
	}

/* magnific popup */
.mfp-bg {overflow:hidden; position:fixed; z-index:1042; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}

.mfp-wrap {overflow:hidden !important; position:fixed; z-index:1043; top:0; left:0; width:100%; height:100%; outline:none !important;
-webkit-backface-visibility:hidden;}

.mfp-container {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 8px; text-align:center;}
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}

.mfp-content {display:inline-block; position:relative; z-index:1045; margin:0 auto; vertical-align:middle; text-align:left;}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width:100%; cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select:none; -moz-user-select:none; user-select:none;}

.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none !important;}

.mfp-preloader {position:absolute; z-index:1044; top:50%; right:8px; left:8px; width:auto; margin-top:-0.8em; text-align:center;}

.mfp-s-ready .mfp-preloader {display:none;}
.mfp-s-error .mfp-content {display:none;}

.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:700px;}

.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%; box-shadow:0 0 30px #000;}
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; background:#000;}

button.mfp-close, button.mfp-arrow {overflow:visible; display:block; z-index:1046; padding:0; border:0; background:transparent; outline:none; cursor:pointer; -webkit-appearance:none;}
button::-moz-focus-inner {padding:0; border:0;}

.mfp-close {position:absolute; top:2em; right:2em; width:auto; height:auto;text-align:center;}
.mfp-close:after {content:"\f057"; display:block; width:100%; height:100%; font-size:170%; line-height:100%;}
.mfp-close:hover {border-color:transparent !important;}
.mfp-close {display:none;}

.mfp-counter {display:none;}
.mfp-title {font-size:80%; letter-spacing:.05em;}

.mfp-arrow {position:absolute; top:50%; margin:0; padding:0; transform:translateY(-50%);}
.mfp-arrow-left {left:2em;}
.mfp-arrow-right {right:2em;}
.mfp-arrow-left:after, .mfp-arrow-right:after {font-size:150%;}
.mfp-arrow-left:after {content:"\f060";}
.mfp-arrow-right:after {content:"\f061";}

.mfp-close, .mfp-title, .mfp-arrow {color:#fff;}
.mfp-close:hover, .mfp-arrow:hover {color:#EBBE5C;}

img.mfp-img {position:absolute; top:50%; left:50%; width:auto; max-width:100%; max-height:100%; padding:6em 0; line-height:0;
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mfp-bottom-bar {position:absolute; bottom:1em; left:0; width:100%; padding:0 4em; text-align:center;}
.mfp-image-holder .mfp-content {width:100%; height:100%;}

@media only screen
and (min-device-width:300px)
and (max-device-width:800px)
	{
		.mfp-close:after {font-size:90%;}
		.mfp-title {font-size:60%;}
		.mfp-arrow-left:after,
		.mfp-arrow-right:after {font-size:90%;}
		img.mfp-img {padding:2em;}
		.mfp-bottom-bar {bottom:.5em; padding:0 1em;}
	}

/* cookie bar */
.cookies-bar {position:fixed; z-index:999; right:1em; bottom:1em; padding:1em 1em 1em 1.5em; font-size:80%;}
.cookies-bar:after {content:''; display:table; clear:both;}

.cookies-bar p {padding-top:.7em;}
.cookies-bar p strong {font-size:90%; text-transform:uppercase;}

.cookies-bar .buttons {width:auto; padding-left:1em; white-space:nowrap;}
.cookies-bar .cta-button {margin:0 0 0 .25em;}

@media only screen
and (min-device-width:300px)
and (max-device-width:1024px)
and (orientation:portrait)
	{
		.cookies-bar {right:0; bottom:0; left:0;}
		.cookies-bar .buttons {margin-top:1em; padding:0;}
		.cookies-bar .cta-button {margin:0 .25em;}
	}