/*
Theme Name: Baijiu
Description: Baijiu WP theme.
Author: Mastilo.co
Author URI: https://www.mastilo.co/
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css?family=Sintony:400,700|Fjalla+One&subset=latin,latin-ext);

@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*
font-family: 'Sintony', sans-serif;
font-family: 'Fjalla One', sans-serif;
*/

/* 16px */
body, html {height:100%;}
body {font:1em 'Sintony', sans-serif; color:#000; background:#fff; -webkit-text-size-adjust:none; font-weight:300;}
a {color:#DF1F25; text-decoration:none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}
a:hover {color:#FF461A;}
input, select, textarea, button {font:1em 'Sintony', sans-serif; color:#000; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; -webkit-border-radius: 0;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong, b {font-weight:700;}
em, i {font-style:italic;}
p {line-height:150%}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.clear {clear:both;}
.uppercase {text-transform:uppercase;}
img {max-width:100%; height:auto; vertical-align:middle}

/* WP Styles */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin: 0 1em 1em 0;
}
img.alignright {
	margin: 0 0 1em 1em;
}
.wp-caption {
	max-width:100%;
	text-align: center;
}
.wp-caption img {
}
.wp-caption .wp-caption-text {
	font-size:0.875em; padding:5px 20px 0 20px; text-align:center;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}
img#wpstats{display:none}
/* WP Styles */

::-moz-selection {background:#DF1F25; color:#fff;}
::selection {background:#DF1F25; color:#fff;}

@-webkit-keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes slide-top {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
.slide-top-action {
	animation-name: slide-top;
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
	-webkit-animation-name: slide-top;
	-webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
}
.slide-top-action2 {animation-duration: 2s; -webkit-animation-duration: 2s;}

@-webkit-keyframes slide-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes slide-bottom {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
.slide-bottom-action {
	animation-name: slide-bottom;
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
	-webkit-animation-name: slide-bottom;
	-webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
}
.slide-bottom-action2 {animation-duration: 2s; -webkit-animation-duration: 2s;}

@-webkit-keyframes slide-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
}
@keyframes slide-left {
	0% {
		opacity: 0;
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
.slide-left-action {
	animation-name: slide-left;
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
	-webkit-animation-name: slide-left;
	-webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
}
.slide-left-action2 {animation-duration: 2s; -webkit-animation-duration: 2s;}

span.edit-link a {position:fixed; top:10px; left:10px; z-index:99999; background:red; color:#fff !important; font-size:1em; padding:10px;}

.wrapper {width:94%; margin:0 auto;}

#page-wrapper {float:left; width:100%;}
body.loading {background: url(images/loading.gif) no-repeat center center; background-size:64px 64px;}

#header {position:fixed; top:0; left:0; width:100%; z-index:10000; background:#000;}
.fixed #header {background:#000 !important;}
#logo {float:left; height:84px; line-height:84px; font-size:1em; margin:0;}
#logo a {display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:solid 1px #DF1F25; color:#fff; font:2.500em/53px 'Fjalla One', sans-serif; text-transform:uppercase; width:115px; text-align:center; height:50px;}
#logo a:hover {background:#DF1F25}

.page-home #header {background:none;}

#main-menu {float:right;}
#main-menu li {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#main-menu a {display:inline-block; *display:inline; zoom:1; vertical-align:middle; font:1.125em/84px 'Fjalla One', sans-serif; height:84px; color:#fff; text-transform:uppercase; padding:0 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu a:hover {background:#DF1F25}
#main-menu .current-menu-item > a, #main-menu .current-post-ancestor > a, #main-menu .current-category-ancestor > a, #main-menu .current-menu-ancestor > a {color:#DF1F25; background:none;}
#main-menu .icon a {width:20px; height:20px; background:url(images/icon-socials.png) no-repeat -9999px; background-size:80px 60px; padding:0; text-indent:-9999px; margin:0 0 0 20px;}
#main-menu .fb a {background-position:0 0;}
#main-menu .tw a {background-position:-20px 0;}
#main-menu .in a {background-position:-60px 0;}
#main-menu .fb a:hover {background-position:0 -20px;}
#main-menu .tw a:hover {background-position:-20px -20px;}
#main-menu .in a:hover {background-position:-60px -20px;}

#main-menu-toggle {display:none; cursor:pointer; height:84px; line-height:84px}
#main-menu-toggle strong {display:inline-block; *display:inline; zoom:1; width:30px; height:17px; position:relative; text-indent:-9999px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu-toggle strong:before {content:" "; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; top:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong:after {content:" "; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; bottom:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong span {display:block; width:100%; height:3px; position:absolute; left:0; top:50%; margin:-1.5px 0 0 0; background:#fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle:hover strong:before {top:-1px; background:#DF1F25 !important;}
#main-menu-toggle:hover strong:after {bottom:-1px; background:#DF1F25 !important;}
#main-menu-toggle:hover span {background:#DF1F25 !important;}
#main-menu-toggle.opened strong:before {top:7px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#main-menu-toggle.opened strong:after {bottom:7px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#main-menu-toggle.opened strong span {opacity:0;}

#welcome {float:left; width:100%; background:#000;}
#welcome .wrapper {height:420px; line-height:420px; background:url(images/bg-welcome.jpg) no-repeat center center; width:1000px;}
#welcome .text {display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center; width:250px; height:260px; background:url(images/bg-welcome-text.png) no-repeat center bottom; margin:0 0 0 200px}
.is-lang-cn #welcome .text {background-image: url(images/bg-welcome-text-cn.png)}
#welcome .text p span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/JIU-white.png) no-repeat center center; width:101px; height:106px; background-size:auto 106px; opacity:0.22;}

.white-content {float:left; width:100%;}
.padding-content {padding:50px 0;}
.padding-from-footer {padding-bottom:134px;}
.padding-from-footer-small {padding-bottom:50px;}
.half-content {float:left; width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-bottom-less {padding-bottom:20px;}

h1 {font:3.5em/110% 'Fjalla One', sans-serif; margin:0 0 20px 0;}
h2 {font:3em/110% 'Fjalla One', sans-serif; margin:0 0 20px 0;}
h2 small {font-size:0.833em;}
h3 {font:2.25em/110% 'Fjalla One', sans-serif; margin:0 0 20px 0;}
h4 {font:1.563em/120% 'Fjalla One', sans-serif; color:#FD9D43; margin:0 0 20px 0;}
h5 {font:1.375em/120% 'Fjalla One', sans-serif; margin:0 0 20px 0;}
h6 {font:1.125em/120% 'Fjalla One', sans-serif; color:#FD9D43; margin:0 0 20px 0;}
hr {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:322px; height:8px; background:url(images/line1.png) no-repeat center center; background-size:322px 8px; margin:0 0 20px 0; padding:0; border:0;}

.entry-content p {margin:0 0 20px 0;}
.entry-content p:last-child {margin:0;}
.entry-content ul, .entry-content ol {margin:0 0 20px 0;}
.entry-content ul:last-child, .entry-content ol:last-child {margin:0;}
.entry-content li {margin:0 0 10px 20px; line-height:150%;}
.entry-content li:last-child {margin-bottom:0;}
.entry-content ul li {position:relative; padding:0 0 0 20px;}
.entry-content ul li:before {content:" "; display:block; width:6px; height:6px; background:#FD9D43; position:absolute; left:0; top:8px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.entry-content ol li {list-style-type:decimal; list-style-position:outside; margin-left:40px;}
.entry-content blockquote {margin:0 0 20px 0; position:relative; padding:0 0 0 60px;}
.entry-content blockquote:before {content:"“"; position:absolute; left:0; top:-10px; font-size:6em; line-height:100%; color:#DF1F25;}

.button-red {display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font:1.125em/100% 'Fjalla One', sans-serif; text-transform:uppercase; height:37px; line-height:36px; padding:0 8px 0 16px;
	background: rgb(236,48,59);
	background: -moz-linear-gradient(top,  rgba(236,48,59,1) 0%, rgba(184,21,34,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,48,59,1)), color-stop(100%,rgba(184,21,34,1)));
	background: -webkit-linear-gradient(top,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%);
	background: -o-linear-gradient(top,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%);
	background: -ms-linear-gradient(top,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%);
	background: linear-gradient(to bottom,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec303b', endColorstr='#b81522',GradientType=0 );
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow:inset 0 0 1px 0 rgba(255,255,255,0.7), 0 0 3px 0 rgba(0,0,0,0.35), inset 0 0 1px 0 #ffffff;
	box-shadow:inset 0 0 1px 0 rgba(255,255,255,0.7), 0 0 3px 0 rgba(0,0,0,0.35), inset 0 0 1px 0 #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.button-red span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/icon-arrow1.png) no-repeat right center; background-size:8px 12px; padding:0 24px 0 0;}
.button-red:hover {color:#fff;
	background: rgb(255,62,30);
	background: -moz-linear-gradient(top,  rgba(255,62,30,1) 0%, rgba(205,20,27,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,62,30,1)), color-stop(100%,rgba(205,20,27,1)));
	background: -webkit-linear-gradient(top,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e1e', endColorstr='#cd141b',GradientType=0 );
}
.button-red.bigger {font-size:1.25em; height:47px; line-height:46px; padding-left:22px;}
.button-red.bigger span {padding-right:64px;}
.button-red.prev {padding:0 16px 0 8px;}
.button-red.prev span {background-image:url(images/icon-arrow3.png); background-position:left center; padding:0 0 0 24px;}
.button-red.alone { padding: 0 15px; margin: 0 5px 15px;}
.button-black {display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font:1.125em/100% 'Fjalla One', sans-serif; text-transform:uppercase; height:37px; line-height:36px; padding:0 8px 0 16px;
	background: rgb(81,81,81);
	background: -moz-linear-gradient(top,  rgba(81,81,81,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,81,81,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(81,81,81,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#000000',GradientType=0 );
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow:inset 0 0 1px 0 rgba(255,255,255,0.7), 0 0 3px 0 rgba(0,0,0,0.35);
	box-shadow:inset 0 0 1px 0 rgba(255,255,255,0.7), 0 0 3px 0 rgba(0,0,0,0.35);
}
.button-black span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/icon-arrow1.png) no-repeat right center; background-size:8px 12px; padding:0 24px 0 0;}
.button-black:hover {color:#fff;
	background: rgb(107,107,107);
	background: -moz-linear-gradient(top,  rgba(107,107,107,1) 0%, rgba(81,81,81,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,107,107,1)), color-stop(100%,rgba(81,81,81,1)));
	background: -webkit-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(81,81,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(81,81,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(81,81,81,1) 100%);
	background: linear-gradient(to bottom,  rgba(107,107,107,1) 0%,rgba(81,81,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#515151',GradientType=0 );
}

#red-line {float:left; width:100%; height:424px; background:url(images/bg-red-line.png) no-repeat center center;}

#for-you {float:left; width:100%; height:517px; line-height:517px; background:url(images/bg-for-you.jpg) no-repeat center top; text-align:center; margin:50px 0 0 0; position:relative;}
#for-you:after {content:" "; display:block; position:absolute; left:50%; bottom:-24px; margin:0 0 0 -24px; z-index:50;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 24px 0 24px;
	border-color: #000000 transparent transparent transparent;
}
#for-you .sign {position:absolute; left:50%; top:-73px; margin:0 0 0 -73.5px;}
#for-you .sign span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/bg-for-you-sign.png) no-repeat center center; width:147px; height:146px;}
#for-you .text {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:596px; height:76px; background:url(images/bg-for-you-text.png) no-repeat center center; text-indent:-9999px;}

#cocktail-form-bg {min-height:316px; background:url(images/bg-cocktail-form.jpg) no-repeat center top; background-attachment:fixed; position:relative;}
.touch #cocktail-form-bg {background-attachment:scroll;}
#cocktail-form-bg .entry-content {margin:50px 0 0 0;}
#cocktail-form {text-align:center;}
#cocktail-form .field {display:inline-block; *display:inline; zoom:1; vertical-align:bottom; text-align:left; margin:0 30px;}
#cocktail-form-bg #cocktail-form {position:absolute; left:0; bottom:0; width:100%; border-bottom:solid 1px #000; border-top:solid 1px #000; background:rgba(255,255,255,0.6); padding:25px 0;}
#cocktail-form .label {color:#23322D; font:1.25em/100% 'Fjalla One', sans-serif; text-transform:uppercase; margin:0 0 12px 0;}
.dropdown {position:relative; font-size:0.813em; width:186px;}
.dropdown .value {font-weight:700; height:36px; line-height:36px; padding:0 15px; position:relative; cursor:pointer;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.25), 0 0 3px 0 rgba(0,0,0,0.35);
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.25), 0 0 3px 0 rgba(0,0,0,0.35);
}
.dropdown .value:before {content:" "; display:block; width:13px; height:8px; background:url(images/icon-arrow2.png) no-repeat right center; background-size:13px 9px; position:absolute; right:10px; top:50%; z-index:2; margin:-4px 0 0 0;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
.dropdown .value:after {content:" "; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.5); opacity:0; z-index:1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
.dropdown .value:hover:after {opacity:1;}
.dropdown ul {display:none; position:absolute; top:34px; width:100%; border-top:solid 1px #A5A5A5; z-index:200;
	background: rgb(240,240,240);
	background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 );
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
}
.dropdown li {cursor:pointer; border-bottom:solid 1px #A5A5A5; height:33px; line-height:33px; padding:0 15px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
.dropdown li:last-child {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.dropdown li:hover {background:rgba(255,255,255,0.5);}
.dropdown.opened .value:before {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#find-it-content {padding-bottom:50px;}
.find-it-sign span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/bg-find-it-sign.jpg) no-repeat center center; width:154px; height:153px;}

.video__inner {
	max-width: 1140px;
	margin: 0 auto 100px auto;
	padding: 0 3%;
}
.video__container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video__container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#footer {float:left; width:100%; background:#000; font-size:0.875em; color:#fff; position:relative; z-index:1000; text-align:center; padding:10px 0 20px 0;}
#footer:before {content:" "; display:block; width:100%; height:66px; background:url(images/bg-footer.png) repeat-x top; position:absolute; left:0; top:-66px;}
#footer p {display:inline-block; *display:inline; zoom:1; vertical-align:middle; pointer-events: auto;}
#footer form {display:inline-block; *display:inline; zoom:1; vertical-align:middle; pointer-events: auto; position:relative; padding:0 40px 0 0; margin:0 35px 0 0;}
#footer form:before {content:" "; display:block; width:1px; height:32px; background:#58575C; position:absolute; right:0; top:50%; margin:-16px 0 0 0;}
#footer label, #footer input, #footer button {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#footer label {text-align:right; text-transform:uppercase; font:1.25em/120% 'Fjalla One', sans-serif;}
#footer input {height:26px; background:#222; color:#fff; padding:0 8px; width:140px; margin:0 0 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer input:focus {background:#444;}
#footer button {height:24px; border:solid 1px #DE1F24; color:#DE1F24; background:none; margin:0 0 0 5px; font-weight:700; padding:0 10px; font-size:0.875em; text-transform:uppercase;}
#footer button span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; padding:0 16px 0 0;}
#footer button span:before {content:" "; display:block; width:6px; height:6px; border:solid 1px #DE1F24; border-left:0; border-bottom:0; position:absolute; right:0; top:50%; margin:-3px 0 0 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
#footer button:hover {border-color:#fff; color:#fff;}
#footer button:hover span:before {right:-3px; border-color:#fff;}

/* Twitter integration */
#footer .twitter {
	max-width: 1140px;
	margin: 25px auto 0 auto;
}

#footer .twitter h3 {
	display: inline-block;
	padding-right: 5px;
}

#footer .twitter h3.red {
	color: #df1f25;
}

#footer .twitter .twitter__handle {
	text-transform: uppercase;
}

#footer .twitter .tweets {
	padding: 30px 0;
}


#footer .twitter .tweet {
	display: inline-block;
	vertical-align: top;
	width: 21%;
	margin: 0 .5%;
	padding: 5px 8px 20px 8px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	border-right: 1px solid #fff;
}

#footer .twitter .tweet:last-of-type {
	border-right: none;
}

#footer .twitter .tweet .tweet__time {
	font-size: 12px;
	margin-bottom: 8px;
}

#page-heading {float:left; width:100%; margin:84px 0 0 0;}
#page-heading h2 + p {margin:0 0 30px 0;}
#page-heading h2 + p:last-child {margin:0;}
#page-heading.gradient-bg {border-bottom:solid 1px #000;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 56%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 56%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 56%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 56%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 56%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

#wpsl-wrap {margin:0 !important;}
#wpsl-search-wrap div label {font:1.125em/100% 'Fjalla One', sans-serif;}
.wpsl-search {margin:0 !important; padding:20px 0 !important; text-align:center; position:relative; z-index:200;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.25);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.25);
}
.wpsl-input, .wpsl-select-wrap {display:inline-block !important; *display:inline; zoom:1; vertical-align:middle; margin:0 !important; float:none !important; text-align:left; height:37px;}
.wpsl-input {margin:0 40px 0 0 !important;}
#wpsl-radius {margin:0 40px 0 0 !important;}
.wpsl-input label, #wpsl-radius label {width:auto !important; height:37px; line-height:37px !important;}
#wpsl-search-btn {margin:0 !important; border:0 !important; display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff !important; font:1.125em/100% 'Fjalla One', sans-serif; text-transform:uppercase !important; height:36px !important; line-height:35px !important; padding:0 20px !important;
	background: rgb(236,48,59) !important;
	background: -moz-linear-gradient(top,  rgba(236,48,59,1) 0%, rgba(184,21,34,1) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,48,59,1)), color-stop(100%,rgba(184,21,34,1))) !important;
	background: -webkit-linear-gradient(top,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%) !important;
	background: -o-linear-gradient(top,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(236,48,59,1) 0%,rgba(184,21,34,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec303b', endColorstr='#b81522',GradientType=0 ) !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	-webkit-box-shadow:inset 0 0 1px 0 rgba(255,255,255,0.7), 0 0 3px 0 rgba(0,0,0,0.35);
	box-shadow:inset 0 0 1px 0 rgba(255,255,255,0.7), 0 0 3px 0 rgba(0,0,0,0.35);
}
#wpsl-search-btn:hover {
	background: rgb(255,62,30) !important;
	background: -moz-linear-gradient(top,  rgba(255,62,30,1) 0%, rgba(205,20,27,1) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,62,30,1)), color-stop(100%,rgba(205,20,27,1))) !important;
	background: -webkit-linear-gradient(top,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%) !important;
	background: -o-linear-gradient(top,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(255,62,30,1) 0%,rgba(205,20,27,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e1e', endColorstr='#cd141b',GradientType=0 ) !important;
}
.wpsl-country {display:none !important;}
.wpsl-street {margin-top:10px !important;}
#wpsl-result-list li {padding:20px !important;}
#wpsl-result-list li p {margin-bottom:10px !important;}
#wpsl-result-list li .hours {color:#656565; font-size:0.875em;}
#wpsl-result-list {margin-right:0 !important;}
#wpsl-gmap {width:67% !important;}
.wpsl-directions {margin:10px 0 0 0;}
.wpsl-direction-before {margin:20px 0 0 0;}

#cocktails {float:left; width:100%;}
#cocktails .item {float:left; width:100%; height:978px; line-height:978px; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
.touch #cocktails .item {background-attachment:scroll;}
#cocktails .content {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:100%;}
#cocktails .content h2 span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-bottom:solid 2px #000; padding:0 0 14px 0; position:relative;}
#cocktails .content h2 span:before {content:" "; display:block; width:8px; height:8px; background:#000; position:absolute; left:-8px; bottom:-5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#cocktails .content h2 span:after {content:" "; display:block; width:8px; height:8px; background:#000; position:absolute; right:-8px; bottom:-5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#cocktails .ingredients {font-size:0.938em; font-weight:bold; margin:0 0 20px 0; max-width:380px;}
#cocktails .ingredients p {margin:0 0 10px 0;}
#cocktails .ingredients p:last-child {margin:0;}
#cocktails .text {max-width:380px;}
#cocktails .text p {margin:0 0 10px 0;}
#cocktails .text p:last-child {margin:0;}

#blog-posts {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
#blog-posts .post {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:420px; height:570px; background:#F4F4F4; margin:0 0 30px 0; position:relative;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
#blog-posts .post:hover {background:#F9F9F9;}
#blog-posts .featured-image {height:238px;}
#blog-posts .content {padding:20px;}
#blog-posts h3 {font-size:1.25em; margin:0 0 16px 0;}
#blog-posts h3 a {display:block; line-height:120%;}
.post-meta {border-bottom:solid 1px #ddd; color:#777; font-size:0.875em; padding:0 0 20px 0; margin:0 0 20px 0;}
.post-meta a {color:#000;}
.post-meta a:hover {color:#FF461A;}
#blog-posts .excerpt {font-size:0.875em; margin:0 0 20px 0;}
#blog-posts .excerpt p {line-height:150%;}
#blog-posts .comments {position:absolute; right:20px; bottom:20px;}
#blog-posts .comments a {font:1em 'Fjalla One', sans-serif; text-transform:uppercase; color:#777;}
#blog-posts .comments a:hover {color:#FF461A;}

.navigation {float:left; width:100%; text-align:center;}
.navigation a {margin:0 20px;}

#single-post {display:inline-block; *display:inline; zoom:1; width:1000px; text-align:left; margin:134px 0 0 0;}
#single-post .head {text-align:center;}
#single-post .featured-image {margin:0 0 20px 0;}
.post-share {margin:20px 0 0 0; border-top:solid 1px #F4F4F4; padding:20px 0 0 0;}
.post-share li {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 15px 0 0;}
.post-share li:last-child {margin:0;}
.post-share a {display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; text-transform:uppercase; color:#000; font:1.25em 'Fjalla One', sans-serif; padding:0 0 0 27px;}
.post-share a:hover {color:#DF1F25;}
.post-share a:before {content:" "; display:block; width:20px; height:20px; background:url(images/icon-socials.png) no-repeat -9999px; background-size:80px 60px; position:absolute; left:0; top:50%; margin:-10px 0 0 0;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
.post-share .fb:before {background-position:0 -40px;}
.post-share .tw:before {background-position:-20px -40px;}
.post-share .gp:before {background-position:-40px -40px;}
.post-share .fb:hover:before {background-position:0 -20px;}
.post-share .tw:hover:before {background-position:-20px -20px;}
.post-share .gp:hover:before {background-position:-40px -20px;}
#single-post .taxonomy {margin:20px 0 0 0; color:#777; border-top:solid 1px #F4F4F4; padding:20px 0 0 0; font-size:0.875em;}
#single-post .taxonomy a {margin:0 0 0 10px;}
#single-post .prev-next {margin:20px 0 0 0; border-top:solid 1px #F4F4F4; padding:20px 0 0 0;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
#disqus_thread {margin:20px 0 0 0;}

.page-about h2 {font-size:4.375em;}
#about-map {float:left; width:100%; height:1360px; position:relative;}
#about-map .top {float:left; width:100%; height:690px; border-bottom:solid 1px #000; padding:220px 0 0 0;
	-webkit-box-shadow:inset 0 0 180px 0 rgba(0,0,0,0.5);
	box-shadow:inset 0 0 180px 0 rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#about-map h1 {font-size:7.188em; line-height:50%;}
#about-map h1 small {font-size:0.374em;}
#about-map h2 {font-size:7.188em; line-height:94%; color:#fff; margin:-12px 0 0 0;
  text-shadow:
   -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
}
#about-map h2 small {font-size:0.88em;}
#about-map .sign {position:absolute; left:0; top:60px; width:100%; height:1200px; background:url(images/bg-about-top-sign.png) no-repeat center top; pointer-events: none;}
#about-map .bottom {float:left; width:100%; height:670px; background:rgba(255,255,255,0.8); position:relative; z-index:20; line-height:670px;}
#about-map .bottom img {max-width:90%; max-height:90%;}
#about-map .bottom .line {position:absolute; left:0; top:200px;}
/*#about-map .bottom .line {position:absolute; left:0; top:50%; z-index:50; margin:-37px 0 0 0; height:74px; background:#FF9F36; color:#fff; text-transform:uppercase; width:500px; padding:0 10px 0 0; font:2.625em/76px 'Fjalla One', sans-serif; text-align:right; position:relative;}
#about-map .bottom .line:after {content:" "; display:block; width: 0; height: 0; border-style: solid; border-width: 37px 0 37px 30px; border-color: transparent transparent transparent #ff9e36; position:absolute; right:-30px; top:0;}
#about-map .bottom .map {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:645px; height:530px; background:url(images/bg-map.png) no-repeat center center; background-size:645px 530px; margin:0 0 0 60px; position:relative;}
#about-map .bottom .map p {position:absolute; top:320px; right:-150px; background:#fff; height:70px; line-height:70px; padding:0 20px;
	-webkit-box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.18);
	box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.18);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#about-map .bottom .map p:before {content:" "; display:block; width: 0; height: 0; border-style: solid; border-width: 15px 16px 15px 0; border-color: transparent #ffffff transparent transparent; position:absolute; left:-15px; top:50%; margin:-14px 0 0 0;}
*/

#about-illustrations {float:left; width:100%; height:480px; line-height:480px; border-top:solid 7px #000; border-bottom:solid 7px #000; background:#850309; color:#fff; position:relative;}
#about-illustrations p {text-transform:uppercase; width:100%; height:200px; position:absolute; left:0; top:50%; margin:-100px 0 0 0; line-height:200px;}
#about-illustrations p span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; font:2.688em/110% 'Fjalla One', sans-serif;}
.illust {float:left; width:25%; height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.illust1 {background-image:url(images/bg-illust-1.jpg);}
.illust2 {background-image:url(images/bg-illust-2.jpg);}
.illust3 {background-image:url(images/bg-illust-3.jpg);}
.illust4 {background-image:url(images/bg-illust-4.jpg);}

#about-ads {float:left; width:100%; height:860px; background:url(images/bg-about-ads-sign.png) no-repeat center center; background-attachment:fixed;}
.touch #about-ads {background-attachment:scroll;}
#about-ads .ads {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:30%; margin:-2px 0 0 0; position:relative;}
#about-ads .ads:after {content:" "; display:block; width:220px; height:2px; background:#000; position:absolute; left:50%; bottom:0; margin:0 0 0 -110px;}
#about-ads .ad {position:relative; padding:0 0 25px 0;}
#about-ads .ad:before {content:" "; display:block; width:220px; height:2px; background:#000; position:absolute; left:50%; top:0; margin:0 0 0 -110px;}
#about-ads .ad:after {content:" "; display:block; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #000000 transparent transparent transparent; position:absolute; left:50%; top:0; margin:0 0 0 -25px;}
#about-ads .ad .date {border-bottom:solid 2px #000; padding:80px 0 0 0; margin:0 0 25px 0; position:relative;}
#about-ads .ad .date:before {content:" "; display:block; width:8px; height:80px; background:#000; position:absolute; left:50%; top:0; margin:0 0 0 -4px;}
#about-ads .ad .date:after {content:" "; display:block; width:14px; height:14px; background:#000; position:absolute; left:50%; top:73px; margin:0 0 0 -7px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#about-ads .ad .date span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#E21B1A; color:#fff; text-transform:uppercase; font:2.250em/100% 'Fjalla One', sans-serif; padding:14px 20px 12px 20px;}
#about-ads .ad .text {font-size:1.125em;}
#about-ads .ad:last-child .date {padding-top:130px;}
#about-ads .ad:last-child .date:before {height:130px;}
#about-ads .ad:last-child .date:after {top:123px;}

#about-drinkers {float:left; width:100%; position:relative; margin:-170px 0 0 0;}
.faces {float:left; width:100%; margin:0 0 30px 0;}
.faces .title {text-align:center;}
.faces .title span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#000; color:#fff; text-transform:uppercase; font:2em/100% 'Fjalla One', sans-serif; padding:15px 40px 12px 40px;}
.face {float:left; width:25%; height:380px; position:relative; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:200% auto; border-top:solid 3px #000; border-bottom:solid 3px #000;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.face:hover, .face.clicked {background-size:120% auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.face .name {color:#fff; text-transform:uppercase; font:2.625em/100% 'Fjalla One', sans-serif; position:absolute; left:0; width:100%; top:110%;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.face:hover .name {top:45%;}
.half-content .face {width:50%;}

.rounded-circle {float:left; width:100%; position:relative; margin:0 0 40px 0; z-index:20;}
.rounded-circle:before {content:" "; display:block; width:100%; height:3px; background:#E21B1A; position:absolute; left:0; top:50%; margin:-1.5px 0 0 0;}
.rounded-circle span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:186px; height:186px; background:#E21B1A; color:#fff; text-transform:uppercase; font:2.375em/186px 'Fjalla One', sans-serif;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.rounded-circle span strong {font-weight:normal; display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:110%;}

.full-image {float:left; width:100%; height:340px; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
.touch .full-image {background-attachment:scroll;}
.chew {background-image:url(images/bg-chew.jpg);}

#process {float:left; width:100%; text-align:center; margin:20px 0 50px 0;}
#process .box {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:255px; margin:0 20px;}
#process .icon {display:inline-block; *display:inline; zoom:1; width:200px; height:200px; background:url(images/icon-process.png) no-repeat -9999px; background-size:600px 200px; margin:0 0 20px 0; position:relative;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.2);
	box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.2);
}
#process .box1 .icon {background-position:0 0;}
#process .box2 .icon {background-position:-200px 0;}
#process .box3 .icon {background-position:-400px 0;}
#process .number {width:58px; height:58px; background:#DF1F25; color:#fff; font:1.875em 'Fjalla One', sans-serif; line-height:58px; position:absolute; left:-25px; top:71px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#process .text {font-size:0.938em;}
#process .arrow {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:100px 20px 0 20px; width:25px; height:19px; background:url(images/icon-arrow4.png) no-repeat 0 0;}

#destilery {float:left; width:100%;}

#about-chinese-saying {float:left; width:100%; height:560px; line-height:560px; background:url(images/bg-chinese-saying.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative; margin:-91px 0 0 0;}
.touch #about-chinese-saying {background-attachment:scroll;}
#about-chinese-saying .overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;}
.touch #about-chinese-saying .overlay {opacity:0.6;}
#about-chinese-saying .content {display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; z-index:20; width:100%;}
#about-chinese-saying .title {font:2.750em/110% 'Fjalla One', sans-serif; margin:0 0 20px 0; color:#fff;
/*  text-shadow:
   -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
     2px 2px 0 #fff;*/
}
#about-chinese-saying .small {color:#fff; font-size:1.125em;}

#challenge-wrapper {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:84%; border-top:solid 1px #555; margin:30px 0 0 0; padding:30px 0 0 0; position:relative;}
#challenge-wrapper:before {content:" "; display:block; width:196px; height:196px; background:url(images/bg-challenge-sign.png) no-repeat center center; position:absolute; left:50%; top:50%; margin:-98px 0 0 -98px; z-index:20;}
#challenge {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
#challenge .box {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:49%; height:520px; background:#ccc; margin:0 0 30px 0; color:#fff; position:relative;}
#challenge .box:before, #challenge .box:after {content: " "; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#challenge .box:after {opacity:0;}
#challenge .number span {display:inline-block; *display:inline; zoom:1; width:56px; height:56px; background:#DE1716; font:2.500em/56px 'Fjalla One', sans-serif; margin:35px 0 20px 0; position:relative; z-index:10;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#challenge .title {display:inline-block; *display:inline; zoom:1; font:2.500em/110% 'Fjalla One', sans-serif; margin:0 0 10px 0; max-width:70%; position:relative; z-index:10;}
#challenge .text {font-size:1.125em; position:relative; z-index:10;}
#challenge .box1:before {background-image:url(images/bg-challenge1.jpg);}
#challenge .box2:before {background-image:url(images/bg-challenge2.jpg);}
#challenge .box3:before {background-image:url(images/bg-challenge3.jpg);}
#challenge .box4:before {background-image:url(images/bg-challenge4.jpg);}
#challenge .box1:after {background-image:url(images/bg-challenge1o.jpg);}
#challenge .box2:after {background-image:url(images/bg-challenge2o.jpg);}
#challenge .box3:after {background-image:url(images/bg-challenge3o.jpg);}
#challenge .box4:after {background-image:url(images/bg-challenge4o.jpg);}
#challenge .box:hover:after {opacity:1;}

#about-vs {float:left; width:100%; position:relative;}
#about-vs:before {content:" "; display:block; width:100%; height:50px; position:absolute; left:0; top:-50px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
}
#about-vs:after {content:" "; display:block; width:10px; height:100%; background:#fff; position:absolute; left:50%; top:0; margin:0 0 0 -5px;}
#about-vs .title {float:left; width:100%; background:#E21B1A; color:#fff; text-align:center; position:relative; font:2.125em/68px 'Fjalla One', sans-serif;}
#about-vs .title:before {content:" "; display:block; width: 0; height: 0; border-style: solid; border-width: 36px 36px 0 36px; border-color: #e21a1a transparent transparent transparent; position:absolute; left:50%; bottom:-36px; margin:0 0 0 -36px; z-index:20;}
#about-vs .body {float:left; width:100%; position:relative;}
#about-vs .body:after {content:"vs"; display:block; width:56px; height:56px; position:absolute; left:50%; top:6px; z-index:50; margin:0 0 0 -28px; background:#fff; color:#E21B1A; font:1.875em/56px 'Fjalla One', sans-serif;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#about-vs .body .half-content {height:720px; background:url(images/bg-vs1.jpg) no-repeat center center; background-size:cover;
	-webkit-box-shadow:inset 0 0 75px 0 rgba(0,0,0,0.15);
	box-shadow:inset 0 0 75px 0 rgba(0,0,0,0.15);
}
#about-vs .body .half-content:last-child {background-image:url(images/bg-vs2.jpg);}
#about-vs .body .entry-content {margin:100px 0 0 0; display:inline-block; *display:inline; zoom:1; max-width:70%;}
#about-vs .body h2 {font-size:3.750em;}

#about-boxes {float:left; width:100%;}
#about-boxes .half-content {height:440px; line-height:440px;}
#about-boxes .half-content.grey {background-color:#F8F8F8;}
#about-boxes .content {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:100%;}
#about-boxes .color {background:url(images/bg-color.jpg) no-repeat center center; background-size:cover;}
#about-boxes .taste {background:url(images/bg-taste.jpg) no-repeat center center; background-size:cover;}
#about-boxes .content .entry-content {width:550px; padding:0 0 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#about-boxes .half-content:nth-child(2n+1) .content .entry-content {float:right; padding:0 30px 0 0;}

.accordion {float:left; width:100%;}
.accordion .item {float:left; width:100%; margin:0 0 5px 0;}
.accordion .item:last-child {margin:0;}
.accordion .head {float:left; width:100%; background:#F8F8F8; height:50px; line-height:50px; padding:0 20px; cursor:pointer; position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
.accordion .head p {display:inline-block; *display:inline; zoom:1; vertical-align:middle; font:1.125em/100% 'Fjalla One', sans-serif; text-transform:uppercase;}
.accordion .head:hover {background:#E21B1A; color:#fff;}
.accordion .head:after {content:"+"; display:block; position:absolute; right:20px; top:50%; height:40px; font-size:2em; line-height:40px; margin:-20px 0 0 0; color:#BFBFBF;}
.accordion .head:hover:after {color:#fff;}
.accordion .head.opened {background:#fff; color:#E21B1A;}
.accordion .head.opened:after {content:"-";}
.accordion .body {float:left; width:100%; padding:10px 20px 20px 20px; display:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#brands-slider li { position: relative; }

#brands-slider li .pronunciation {
	position: absolute;
	right: 5%;
	bottom: 16.5%;
}

#brands-slider-wrapper {float:left; width:100%; position:relative; padding:0 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#brands-slider-wrapper .item {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:410px; color:#000;}
#brands-slider-wrapper .image, #brands-slider-wrapper .content, #brands-slider-wrapper .title, #brands-slider-wrapper .meta, #brands-slider-wrapper .row {display:block; text-align:left;}
#brands-slider-wrapper .image {text-align:center !important; position:relative; overflow:hidden; height:570px;}
#brands-slider-wrapper .image:before {content:" "; display:block; width:100%; height:100%; background:rgba(255,255,255,0.7); position:absolute; left:0; top:0; opacity:0;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#brands-slider-wrapper .button-red {width:180px; position:absolute; left:50%; top:-50px; margin:0 0 0 -90px;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#brands-slider-wrapper .content {float:left; width:100%; border-left:solid 1px #000; padding:20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#brands-slider-wrapper .title {float:left; width:50%; font:2.250em/110% 'Fjalla One', sans-serif; text-transform:uppercase; padding:0 0 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#brands-slider-wrapper .meta {float:right; width:50%; padding:0 0 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#brands-slider-wrapper .row {font-size:1.125em; margin:0 0 10px 0;}
#brands-slider-wrapper .row:last-child {margin:0;}
#brands-slider-wrapper .row strong {color:#FD9D43; text-transform:uppercase; font:1.111em/100% 'Fjalla One', sans-serif;}
#brands-slider-wrapper .item:hover .image:before, #brands-slider-wrapper .item.clicked .image:before {opacity:1;}
#brands-slider-wrapper .item:hover .button-red, #brands-slider-wrapper .item.clicked .button-red {top:45%;}
#slider-prev a, #slider-next a {display:block; position:absolute; top:50%; width:86px; height:120px; margin:-60px 0 0 0; background:#F7F7F7; border:solid 1px #DF1F25; text-indent:-9999px;}
#slider-prev a {left:0; border-left:0;}
#slider-next a {right:0; border-right:0;}
#slider-prev a:before {content:" "; display:block; width: 0; height: 0; border-style: solid; border-width: 25px 34px 25px 0; border-color: transparent #df1f25 transparent transparent; position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
#slider-next a:before {content:" "; display:block; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 34px; border-color: transparent transparent transparent #df1f25; position:absolute; right:50%; top:50%; margin:-25px -20px 0 0;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
}
#slider-prev a:hover {border-color:#F5361D;}
#slider-prev a:hover:before {margin-left:-25px; border-color: transparent #F5361D transparent transparent;}
#slider-next a:hover:before {margin-right:-25px; border-color: transparent transparent transparent #F5361D;}

#single-brand {float:left; width:100%; background:url(images/bg-single-product.jpg) no-repeat center center; background-attachment:fixed;}
#single-brand .align {display:inline-block; *display:inline; zoom:1; width:1000px; }
#single-brand .head {margin:160px 0 50px 0; position:relative; border-bottom:solid 2px #000; padding:0 0 20px 0;}
#single-brand .head:before {content:" "; display:block; width:8px; height:8px; background:#000; position:absolute; left:0; bottom:-5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#single-brand .head:after {content:" "; display:block; width:8px; height:8px; background:#000; position:absolute; right:0; bottom:-5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#single-brand .head h2 {margin:0;}
#single-brand .head p {font-size:1.125em; margin:15px 0 0 0;}
#single-brand .featured-image {float:left; width:450px; padding:0 50px;}
#single-brand .content {text-align:left; margin:0 0 0 600px;}
#single-brand .box {border-bottom:solid 1px #000; padding:0 0 25px 0; margin:0 0 25px 0;}
#single-brand .box:last-child {padding:0; border:0;}
#single-brand .box p {margin:0 0 12px 0;}
#single-brand .box p:last-child {margin:0;}
#single-brand .box .big {font-size:1.125em;}
#single-brand .box .orange {font:1.563em/100% 'Fjalla One', sans-serif; text-transform:uppercase; color:#FD9D43}
#single-brand .content .button-red + .button-red {margin:0 0 0 20px;}