html,button,input,select,textarea {
	color:#222;
}

html {
	font-size:1em;
	line-height:1.4;
}

::-moz-selection {
	background:#b3d4fc;
	text-shadow:none;
}

::selection {
	background:#b3d4fc;
	text-shadow:none;
}

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

audio,canvas,img,video {
	vertical-align:middle;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

textarea {
	resize:vertical;
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display:block;
}

audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}

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

[hidden] {
	display:none;
}

html {
	font-size:100%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

html,button,input,select,textarea {
	font-family:sans-serif;
}

body {
	margin:0;
}

a:focus {
	outline:none;
}

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

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

h2 {
	font-size:1.5em;
	margin:.83em 0;
}

h3 {
	font-size:1.17em;
	margin:1em 0;
}

h4 {
	font-size:1em;
	margin:1.33em 0;
}

h5 {
	font-size:.83em;
	margin:1.67em 0;
}

h6 {
	font-size:.67em;
	margin:2.33em 0;
}

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

b,strong {
	font-weight:700;
}

blockquote {
	margin:1em 40px;
}

dfn {
	font-style:italic;
}

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

mark {
	background:#ff0;
	color:#000;
}
/*
p,pre {
	margin:1em 0;
}
*/
code,kbd,pre,samp {
	font-family:monospace,serif;
	_font-family:'courier new',monospace;
	font-size:1em;
}

pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

q {
	quotes:none;
}

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

small {
	font-size:80%;
}

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

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

dl,menu,ol,ul {
	margin:1em 0;
}

dd {
	margin:0 0 0 40px;
}

menu,ol,ul {
	padding:0 0 0 40px;
}

nav ul,nav ol {
	list-style:none;
	list-style-image:none;
}

img {
	border:0;
	-ms-interpolation-mode:bicubic;
}

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

figure {
	margin:0;
}

form {
	margin:0;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	border:0;
	padding:0;
	white-space:normal;
	*margin-left:-7px;
}

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

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;
	*overflow:visible;
}

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

input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	*height:13px;
	*width:13px;
}

input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	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;
}

h1,h2,h3,nav,aside ul li a,aside ul li .title,.stockists .slide-2 .stockists h4,.stockists .slide-2 .stockists h6,.media-and-cocktails .slide-1 .row .col a,.age-gate .content .age-gate-button {
	font-family:'MatrixIIRegLinRegular',"Helvetica Neue",Helvetica,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

body {
	font-family:'dinprolight',"Helvetica Neue",Helvetica,sans-serif;
}

.page-number.bold,.foot-menu li.stockists,.foot-menu li.cocktails,.foot-menu li.media,.foot-menu li.store,.botanicals .slide-3 ul h4,.botanicals .slide-4 ul h4,.contact .slide-1 .contact-box h4,.media-and-cocktails .slide-1 article p {
	font-family:'dinprobold',"Helvetica Neue",Helvetica,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight:100;
}

body {
	font-size:16px;
	color:#000;
	background:#fff;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	font-weight:400;
}

h1 {
}

h1 span {
	font-size:42px;
}

h2,h3 {
	font-size:13px;
	letter-spacing:1px;
	line-height:17px;
	text-transform:uppercase;
	font-weight:600;
}

h2 span,h3 span {
	font-size:16px;
}

p {
}

ul {
	margin:0;
	padding:0;
}

ul li {
	list-style:none;
}

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

a:visited {
	color:#000;
}

a:focus {
	color:#000;
}

a:hover {
	color:#484848;
}

a:active {
	color:#000;
}

.nz-text,.gin-text {
	position:absolute;
	top:50%;
	z-index:99;
}

.nz-text {
	left:110px;
	height:103px;
	width:8px;
	margin-top:-51.5px;
	background-position:0 -285px;
}

.nz-text.wht {
	background-position:0 -388px;
}

.gin-text {
	right:110px;
	height:67px;
	width:9px;
	margin-top:-33.5px;
	background-position:0 -558px;
}

.gin-text.wht {
	background-position:0 -491px;
}

.page-number {
	position:relative;
	display:block;
	width:100%;
	font-size:.9875em;
	text-align:center;
	margin-bottom:35px;
	z-index:999;
}

.page-number.bold {
	font-size:1.25em;
	color:#bf272d;
	padding-top:50px;
	margin-bottom:0;
}

nav {
	*zoom:1;
	width:812px;
	padding-top:35px;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

nav:after {
	content:"";
	display:table;
	clear:both;
}

nav .logo {
	float:left;
	width:100px;
	text-align:center;
}

nav .logo a {
	display:inline-block;
	height:100px;
	width:100px;
}

nav ul {
	float:left;
	width:356px;
	padding:22px 0 44px 44px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

nav ul li {
	float:left;
	width:auto;
	text-align:center;
	font-size:10px;
}

nav ul li+li {
	padding-left: 28px;
}

nav ul li a span {
	font-size:13px;
}

nav ul:first-child {
	padding-left:0;
	padding-right: 16px;
}

nav ul:first-child li {
}




.device aside {
	display:none;
}

aside {
	position:fixed;
	top:50px;
	right:50px;
	width:180px;
	height:100%;
	z-index:999;
}

aside .inner {
	position:absolute;
	right:0;
	height:100%;
	width:100%;
}

aside ul {
	position:relative;
	top:45px;
}

aside ul li {
	position:relative;
	margin-top:12px;
}

aside ul li:first-child {
	margin-top:0;
}

aside ul li.selected a {
}

aside ul li:hover .title {
	display:block;
}

aside ul li a {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

aside ul li .title {
	display:none;
	position:absolute;
	width:120px;
	left:35px;
	top:0;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
	background:#f7f9f3;
	padding-top:4px;
}

aside ul li .title span {
	font-size:13px;
}

.wrapper {
	position:relative;
	overflow:hidden;
	width: 100%;
}

section {
	position:relative;
	width:100%;
	min-width:1200px;
	height:auto;
}

section .slide-1,section .slide-2,section .slide-3,section .slide-4,section .slide-5 {
	position:relative;
	width:100%;
	min-height:1050px;
}

#philosophy .slide-2 {
	min-height: 1942px;
}

#business .slide-2 {
	min-height: 1565px;
}

#profile .slide-2 {
	min-height: 1886px;
}

#company .slide-2 {
	min-height: 2300px;
}

section .slide-1 .center,section .slide-2 .center,section .slide-3 .center,section .slide-4 .center,section .slide-5 .center {
	position:absolute;
	top:50%;
	left:50%;
}

section article {
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
}

section .parallax-item {
	position:absolute;
	z-index:999;
}

footer {
	width:100%;
	height:260px;
	text-align:center;
	padding-top:42px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#000;
}

footer .inner {
	width:1024px;
	margin:0 auto;
}

footer .logo {
	display:inline-block;
	width:185px;
	height:173px;
	background-position:0 0;
}

.foot-menu {
	position:fixed;
	bottom:0;
	right:110px;
	font-size:.625em;
	z-index:9999;
}

.foot-menu a {
	color:#fff;
}

.foot-menu ul {
	width:auto;
	height:30px;
}

.foot-menu li {
	float:left;
	width:28px;
	height:28px;
	background-color:#000;
}

.foot-menu li a {
	display:block;
	width:100%;
	height:100%;
}

.foot-menu li.stockists,.foot-menu li.cocktails,.foot-menu li.media,.foot-menu li.store {
	width:85px;
	line-height:28px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:.125em;
	margin-right:5px;
}

.foot-menu li.store {
	background:#C64246;
}

.foot-menu li.store:hover {
	background:#000;
}

.foot-menu li.facebook,.foot-menu li.instagram,.foot-menu li.twitter {
	padding:4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.foot-menu li.facebook a,.foot-menu li.instagram a,.foot-menu li.twitter a {
	display:block;
	width:100%;
	height:100%;
}

.foot-menu li.facebook a {
	background-position:0 -645px;
}

.foot-menu li.instagram a {
	background-position:0 -265px;
}

.foot-menu li.twitter a {
	background-position:0 -625px;
}

.mission .parallax-image {
	top:50%;
	left:50%;
	margin-top:-184px;
	margin-left:-260px;
}

.mission .slide-1 img {
	position:absolute;
}

.mission .slide-1 img.rel {
	position:relative;
}

.mission .slide-1 .center {
	margin-top:-229px;
	margin-left:-234px;
}

#home.mission .slide-1 .center.arrow {
	margin-top: -313px;
	margin-left: -330px;
}

#item1,
#item2 {
	opacity:0;
    filter: alpha(opacity=0);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=0)";  /* ie 8 */
    -moz-opacity:0;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0;              /* Safari 1.x */
}

.mission .slide-1 .top-left {
	top:135px;
	left:110px;
}

.mission .slide-1 .top-right {
	top:135px;
	right:110px;
}

.mission .slide-1 .bottom-left {
	bottom:50px;
	left:110px;
}

.mission .slide-1 .bottom-right {
	bottom:50px;
	right:110px;
}

.philosophy .slide-2 {
	background:#63542c;
}

.philosophy .slide-2 article {
	width:460px;
	margin-left:-230px;
	margin-top:-282px;
}

.philosophy .slide-2 article .book {
	padding-top:360px;
	padding-bottom:8px;
	margin-left:130px;
}


.philosophy .slide-2 article .img03 {
	position: absolute;
	left: 52px;
	top: 898px;
}

.philosophy .slide-2 article .img05 {
	position: absolute;
	right: 53px;
	top: 898px;
}

.philosophy .slide-2 article .img06 {
	padding-bottom: 58px;
}

.philosophy .slide-2 article .img08 {
	position: absolute;
	left: 0;
	top: 1678px;
}

.philosophy .slide-2 article .arrow01 {
	position: absolute;
	right: 4%;
	top: 127px;
}

.philosophy .slide-2 article .arrow02 {
	position: absolute;
	left: 8%;
	top: 670px;
}

.philosophy .slide-2 article .arrow03 {
	position: absolute;
	right: 5%;
	top: 1137px;
}

.philosophy .slide-2 article .arrow04 {
	position: absolute;
	left: 7%;
	top: 1391px;
}

.philosophy .slide-2 .parallax-image {
	position: absolute;
	/*top: 50%;*/
	left: 50%;
	margin-top: -780px;
	margin-left: -200px;
}


.business .slide-2 {
	background:#f7f9f3;
}

.business .slide-2 article .num {
	padding-bottom: 97px;
}

.business .slide-2 article .img03 {
	position: absolute;
	right: 0;
	top: 355px;
}

.business .slide-2 article .img04 {
	padding-bottom: 82px;
}

.business .slide-2 article .img06 {
	padding-bottom: 58px;
}

.business .slide-2 article .img08 {
	position: absolute;
	left: 52px;
	top: 712px;
}

.business .slide-2 article .img09 {
	position: absolute;
	right: 52px;
	top: 716px;
}

.business .slide-2 article .img10 {
	position: absolute;
	left: 0;
	top: 1131px;
}

.business .slide-2 article .pencil {
	padding-bottom:61px;
	padding-top: 97px;
}

.business .slide-2 article .parallax-image {
	margin-left: -134px;
	top:160px;
	left: 50%;
	position: absolute;
}

.business .slide-2 article .left {
	width: 938px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding-left: 30px;
}

.business .slide-2 article .left li {
	float: left;
}

.business .slide-2 article .left li+li {
	margin-left: 34px;
}


.business .slide-2 article .arrow01 {
	position: absolute;
	left: 8%;
	top: 355px;
}

.business .slide-2 article .arrow02 {
	position: absolute;
	right: 5%;
	top: 760px;
}

.profile .slide-2 {
	background:#f7f9f3;
}

.profile .slide-2 article {
  width: 100%;
  height: auto;
  margin-left: -50%;
  margin-top: -873px;
}

.profile .slide-2 article .num {
	padding-bottom: 141px;
}

.profile .slide-2 article .img03 {
	padding-bottom: 79px;
}

.profile .slide-2 article .compass {
	padding-bottom: 274px;
	padding-top: 141px;
}

.profile .slide-2 article .parallax-image {
	margin-left: -124px;
	margin-top: 410px;
	left: 50%;
	position: absolute;
}

.profile .slide-2 article .arrow01 {
	position: absolute;
	left: 8%;
	top: 100px;
}

.profile .slide-2 article .arrow02 {
	position: absolute;
	right: 5%;
	top: 380px;
}

.profile .slide-2 article .arrow03 {
	position: absolute;
	left: 3%;
	top: 856px;
}

.profile .slide-2 article .arrow04 {
	position: absolute;
	right: 3%;
	top: 1185px;
}

.profile .slide-2 article .img04 {
	position: absolute;
	left: 52px;
	top: 856px;
}

.profile .slide-2 article .img05 {
	position: absolute;
	left: 64px;
	top: 1113px;
}

.profile .slide-2 article .img06 {
	position: absolute;
	right: 53px;
	top: 856px;
}

.company .slide-2 {
	background:#64542c;
}

.company .slide-2 article {
  width: 100%;
  height: auto;
  margin-left: -50%;
  margin-top: -1103px;
}

.company .slide-2 article .num {
	padding-bottom: 772px;
}

.company .slide-2 article .parallax-image {
	margin-left: -217px;
	margin-top: -940px;
	top: 50%;
	left: 50%;
	position: absolute;
}

.company .slide-2 article .companyarrow {
	position: absolute;
	left: 50%;
	top: 343px;
	margin-left: -50px;
}

.company .slide-2 article .img03 {
	padding-bottom: 114px;
}

.company .slide-2 article #accessinfo {
	margin-top: 772px;
}

.company .slide-2 article .img04 {
	padding-bottom: 60px;
}

.company .slide-2 article .img05 {
	padding-bottom: 57px;
}

.company .slide-2 article .img06 {
	padding-bottom: 28px;
}

.company .slide-2 article .img08 {
	position: absolute;
	right: 0;
	top: 172px;
}

.company .slide-2 article .img09 {
	position: absolute;
	left: 52px;
	top: 1121px;
}

.company .slide-2 article .img10 {
	position: absolute;
	right: 53px;
	top: 1128px;
}

.company .slide-2 article .img11 {
	position: absolute;
	left: 0;
	top: 1327px;
}

.company .slide-2 article .arrow01 {
	position: absolute;
	left: 8%;
	top: 446px;
}

.company .slide-2 article .arrow02 {
	position: absolute;
	right: -3%;
	top: 870px;
}

.company .slide-2 article .arrow03 {
	position: absolute;
	right: 5%;
	top: 2158px;
}

.story .shape {
	top:50%;
	right:150px;
	margin-top:-148px;
}

.story .slide-1 img,.story .slide-2 img {
	position:absolute;
}

.story .slide-1 .lion,.story .slide-1 .paint,.story .slide-2 .lion,.story .slide-2 .paint {
	margin-top:-152px;
	margin-left:-189px;
}

.story .slide-1 .paint,.story .slide-2 .paint {
	z-index:99;
}

.story .slide-1 .top-left,.story .slide-2 .top-left {
	top:110px;
	left:110px;
}

.story .slide-1 .top-right,.story .slide-2 .top-right {
	top:110px;
	right:110px;
}

.story .slide-1 .bottom-left,.story .slide-2 .bottom-left {
	bottom:110px;
	left:110px;
}

.story .slide-1 .bottom-right,.story .slide-2 .bottom-right {
	bottom:110px;
	right:110px;
}

.story .slide-2 article {
	width:478px;
	height:580px;
	margin-left:-239px;
	margin-top:-290px;
}

.story .slide-2 article h2 {
	font-size:16px;
	line-height:21px;
}

.story .slide-2 article h2 span {
	font-size:19px;
}


.philosophy .shape {
	top:50%;
	left:50%;
	margin-top:-52px;
	margin-left:-52px;
}

.philosophy .slide-1 img {
	position:absolute;
	top:50%;
	left:50%;
	width:540px;
	height:540px;
	margin-left:-270px;
	margin-top:-270px;
}

.philosophy .slide-2 article {
	width:100%;
	height:auto;
	margin-left:-50%;
	margin-top:-925px;
}

.business .slide-2 article {
	width:100%;
	height:auto;
	margin-left:-50%;
	margin-top:-735px;
}