body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #0f0d20
}
body {
	font-family:Microsoft YaHei;
	font-size: 14px;
	color: #000; min-width:1200px;
}
input {
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0
}
a {
	text-decoration: none
}
p {
	margin: 0;
}
html {
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	/*overflow: hidden*/
}
a img {
	border: 0 none
}
a {
	color: #fff;
}
input, select, textarea {
	outline: 0
}
video::-webkit-media-controls {
display:none!important
}
.bg-blue {
	background-color: #0f0d20
}
.bg-white {
	background-color: #fff
}
.color-blue {
	color: #0f0d20
}
.color-white {
	color: #fff
}
.ul-reset {
	margin: 0;
	padding: 0
}
.ul-reset li {
	list-style-type: none
}
.clr {
	clear: both
}
.block {
	display: block
}
.inline_block {
	display: inline-block
}
.none {
	display: none
}
.ov-hidden {
	overflow: hidden
}
.ov-visible {
	overflow: visible
}
.center {
	text-align: center
}
@media only screen and (max-width:1024px) {
.m-center {
	text-align: center
}
}
.upper {
	text-transform: uppercase
}
.lower {
	text-transform: lowercase
}
.case {
	text-transform: normal
}
.nocase {
	text-transform: none
}
.italic {
	font-style: italic
}
.clearfix {
	clear: both
}
.condensed {
	font-family: 'Open Sans Condensed', 'Open Sans', sans-serif
}
.w100 {
	width: 100%
}
.w75 {
	width: 75%
}
.w50 {
	width: 50%
}
.w25 {
	width: 25%
}
.set_h25 {
	height: 25px
}
.set_h50 {
	height: 50px
}
.set_h75 {
	height: 100px
}
.set_h100 {
	height: 100px
}
.set_h150 {
	height: 150px
}
.h100 {
	height: 100%
}
.h50 {
	height: 50%
}
.h25 {
	height: 25%
}
.pull-left {
	float: left
}
.pull-right {
	float: right
}
.pull-none {
	float: none
}
.h-reset h1, .h-reset h2, .h-reset h3, .h-reset h4, .h-reset p {
	margin: 0
}
.ov-o-hidden {
	opacity: 0;
	visibility: hidden
}
.ov-o-visible {
	opacity: 1;
	visibility: visible
}
.ov-o-visible-50 {
	opacity: .2
}
.abs {
	position: absolute
}
.abs-left-top {
	position: absolute;
	top: 0;
	left: 0
}
.reltv {
	position: relative
}
.bkf-v-h {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.bx {
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.fixed {
	position: absolute
}
.indent {
	text-indent: -999999px;
	display: block
}
.w-reset {
	max-width: 100%;
	width: 100%
}
.h-reset {
	height: auto
}
.valign {
	position: relative;
	display: table
}
.valign.fit {
	width: 100%;
	height: 100%
}
.valign .middle {
	display: table-cell;
}
.transition_none {
	transition: none!important
}
.close {
	position: absolute;
	height: 30px;
	width: 30px;
	height: 20px;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 5
}
.close:hover {
	background-position: -200px -650px
}
.list {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.fit {
	width: 100%;
	height: 100%
}
.wrapper {
	margin: 0;
	padding: 0
}
.pattern {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}
fieldset {
	border: 0 none;
	margin: 0;
	padding: 0
}
.user-s-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
.pointer-events {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none
}
.vertical-align-wrap {
	width: 100%;
	height: 100%;
	display: table
}
.vertical-align {
	display: table-cell;
	vertical-align: middle
}
@media only screen and (max-width:1024px) {
.desktop-only {
	display: none
}
}
@media only screen and (min-width:1025px) {
.mobile-only {
	display: none
}
.smart-only {
	display: none
}
}
@media only screen and (max-width:639px) {
.smart-only {
	display: block
}
}
.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #040e20;
	display: none
}
.pageload-overlay.show {
	z-index: 99;
	display: block
}
.pageload-overlay.show {
	visibility: visible
}
.pageload-overlay::after {
	content: '';
	position: fixed;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	top: 50%;
	left: 50%;
	background: transparent url("../images/loader.gif") no-repeat 0 0;
	opacity: 0;
	visibility: hidden;
	transition: .3s 0s all ease-in-out
}
body.backbobe-load .pageload-overlay::after {
	background: 0 0
}
.pageload-loading.pageload-overlay::after {
	opacity: 1;
	visibility: visible
}
.grid {
	float: left;
	width: 100%
}
.grid .col {
	float: left
}
.grid .col-r {
	float: right
}
.grid .col-n {
	width: 100%;
	height: 100%
}
.grid .col-p {
	width: 50%;
	height: 50%
}
.grid .col-w {
	width: 100%
}
.grid .col-h {
	height: 100%
}
.grid .col-tw {
	width: 50%;
	height: 100%
}
.grid .col-tr {
	width: 33.333%;
	height: 100%
}
.grid .col-fr {
	width: 25%;
	height: 100%
}
.grid .col-tw-w {
	width: 50%
}
.grid .col-tr-w {
	width: 33.333%
}
.grid .col-fr-w {
	width: 25%
}
@media only screen and (min-width:1025px) {
.grid .col-w-10 {
	width: 10%
}
.grid .col-w-10.abs-square {
	position: relative;
	padding-bottom: 10%
}
.grid .col-w-10.abs-square.half {
	padding-bottom: 5%
}
.grid .col-w-20 {
	width: 20%
}
.grid .col-w-20.abs-square {
	position: relative;
	padding-bottom: 20%
}
.grid .col-w-20.abs-square.half {
	padding-bottom: 10%
}
.grid .col-w-30 {
	width: 30%
}
.grid .col-w-30.abs-square {
	position: relative;
	padding-bottom: 30%
}
.grid .col-w-30.abs-square.half {
	padding-bottom: 15%
}
.grid .col-w-40 {
	width: 40%
}
.grid .col-w-40.abs-square {
	position: relative;
	padding-bottom: 40%
}
.grid .col-w-40.abs-square.half {
	padding-bottom: 20%
}
.grid .col-w-50 {
	width: 50%
}
.grid .col-w-50.abs-square {
	position: relative;
	padding-bottom: 50%
}
.grid .col-w-50.abs-square.half {
	padding-bottom: 25%
}
.grid .col-w-60 {
	width: 60%
}
.grid .col-w-60.abs-square {
	position: relative;
	padding-bottom: 60%
}
.grid .col-w-60.abs-square.half {
	padding-bottom: 30%
}
.grid .col-w-70 {
	width: 70%
}
.grid .col-w-70.abs-square {
	position: relative;
	padding-bottom: 70%
}
.grid .col-w-70.abs-square.half {
	padding-bottom: 35%
}
.grid .col-w-80 {
	width: 80%
}
.grid .col-w-80.abs-square {
	position: relative;
	padding-bottom: 80%
}
.grid .col-w-80.abs-square.half {
	padding-bottom: 40%
}
.grid .col-w-90 {
	width: 90%
}
.grid .col-w-90.abs-square {
	position: relative;
	padding-bottom: 90%
}
.grid .col-w-90.abs-square.half {
	padding-bottom: 45%
}
.grid .col-w-100 {
	width: 100%
}
.grid .col-w-100.abs-square {
	position: relative;
	padding-bottom: 100%
}
.grid .col-w-100.abs-square.half {
	padding-bottom: 50%
}
.grid .col-w-25.abs-square {
	width: 25%;
	padding-bottom: 24.99999%
}
.grid .abs-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
}
.grid .abs-content1 { background: url(../images/bg2.jpg) no-repeat; background-size: cover; }
.grid .abs-content2 { background: url(../images/bg3.gif) no-repeat; background-size: cover;}
@media only screen and (min-width:1025px) {
.grid .col-sq-33.abs-square {
	width: 33.333%;
	padding-bottom: 33.333%
}
}
.grid .col-tw-h {
	height: 50%
}
.grid .col-tr-h {
	height: 33.333%
}
.grid .col-fr-h {
	height: 25%
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.grid .col-t-33 {
	width: 33.333%
}
.grid .col-t-50 {
	width: 50%
}
.grid .col-t-100 {
	width: 100%
}
.grid .col-t-sq-33.abs-square {
	width: 33.333%;
	padding-bottom: 33.333%
}
.grid .col-t-sq-50.abs-square {
	width: 50%;
	padding-bottom: 50%
}
.grid .col-t-sq-100.abs-square {
	width: 100%;
	padding-bottom: 100%
}
.grid .col-t-sq-100-50.abs-square {
	width: 100%;
	padding-bottom: 50%
}
}
@media only screen and (max-width:639px) {
.grid .col-m-50 {
	width: 50%
}
.grid .col-m-100 {
	width: 100%
}
.grid .col-m-sq-50.abs-square {
	width: 50%;
	padding-bottom: 50%
}
.grid .col-m-sq-100.abs-square {
	width: 100%;
	padding-bottom: 100%
}
}
@media only screen and (max-width:480px) {
.grid .col-s-100 {
	width: 100%
}
.grid .col-s-sq-100.abs-square {
	width: 100%;
	padding-bottom: 100%
}
}
.col-img-w {
	width: 100%;
	display: block
}
.col-img-h {
	height: 100%;
	display: block
}
.col-img {
	width: 100%;
	height: 100%;
	display: block
}
.menu-button {
	width: 50px;
	height: 50px;
	border: 3px solid #fff;
	border-radius: 100%;
	position: fixed;
	top: 197px;
	left: 105px;
	display: block;
	z-index: 3;
	cursor: pointer;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 14px
}
.menu-button span {
	display: block;
	width: 25px;
	height: 3px;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 4px;
	transition: all .3s cubic-bezier(0, 1.15, .46, 1.17);
	transition-timing-function: cubic-bezier(0, 1.15, .46, 1.17);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
	visibility: visible
}
.menu-button span:nth-child(2) {
	margin: 4px auto
}
.menu-button.active span:nth-child(1) {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 7px
}
.menu-button.active span:nth-child(2) {
	opacity: 0;
	visibility: hidden
}
.menu-button.active span:nth-child(3) {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: -7px
}
.nav {
	top: 230px;
	left: 35px;
	position: absolute;
	z-index: 3;
	color: #fff;
	width: 350px;
	display: none
}
@media only screen and (max-width:639px) {
.nav {
	top: 170px;
	left: 15px
}
}
@media only screen and (min-width:1025px) {
.nav {
	top: 28.65vh
}
}
.nav.visible {
	display: block
}
.nav .link {
	margin-bottom: 2.34vh;
	opacity: 0;
	visibility: hidden;
	display: block;
	color: #fff
}
.nav .link.active {
	color: red
}
@media only screen and (min-width:1025px) {
.nav .link {
	transition: .3s 0s color ease-in-out
}
.nav .link:hover {
	color: red
}
.nav .link:hover .short-text {
	color: red
}
}
@media only screen and (max-width:639px) {
.nav .link {
	margin-bottom: 2.6vh
}
}
.nav h3 {
	display: block;
	font-size: 25px;
	line-height:36px;
	padding: 0;
	margin: 0 0 1%;
	font-weight: 400
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.nav h3 {
	
}
}
@media only screen and (min-width:1025px) {
.nav h3 {
	
}
}
.nav .short-text {
	color: #3a3944;
	font-size: 16px;
	line-height: 1;
	transition: .3s 0s color ease-in-out;
	width: 80%;
	display: block
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.nav .short-text {
	font-size: 16px;
	line-height: 1
}
}
@media only screen and (min-width:1025px) {
.nav .short-text {
	font-size: 16px;
	line-height: 1
}
}
@media only screen and (min-width:1441px) {
.nav .short-text {
	font-size: 18px;
	line-height: 1
}
}
.social {
	position: absolute;
	top: 35px;
	right: 35px;
	z-index: 5;
	color: #fff;
	height: 30px
}
@media only screen and (max-width:639px) {
.social {
	right: 15px
}
}
.social .label {
	line-height: 30px;
	float: left;
	margin-right: 20px;
	letter-spacing: 3px
}
.social .fb {
	background: transparent url("../images/elements/fb.svg") no-repeat 0 0;
	width: 10px;
	height: 22px;
	display: block;
	float: left;
	margin: 5px 27px 0 0;
	transition: .3s 0s all ease-in-out
}
.social .fb:hover {
	background: transparent url("../images/elements/fb_h.svg") no-repeat 0 0
}
.social .yt {
	background: transparent url("../images/elements/yt.svg") no-repeat 0 0;
	width: 20px;
	height: 30px;
	display: block;
	float: left;
	transition: .3s 0s all ease-in-out
}
.social .yt:hover {
	background: transparent url("../images/elements/yt_h.svg") no-repeat 0 0;
	background-size: 100%
}
.total-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: #0f0d20
}
.total-wrapper {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	overflow-x: hidden;
	-ms-transform-origin: 75% 45%;
	transform-origin: 75% 45% 0;
	transition: 1s 0s opacity ease-in-out;
	opacity: 1
}
.total-wrapper.opened {
	opacity: .5
}
@media only screen and (min-width:1025px) {
.total-wrapper.opened {
	cursor: pointer
}
.total-wrapper.opened:hover {
	transition: .5s 0s opacity ease-in-out;
	opacity: 1
}
}
.total-container {
	width: 100%;
	float: left;
	position: relative
}
.page-content {
	float: left;
	width: 100%;
	position: relative;
	z-index: 2
}
@media only screen and (min-width:1025px) {
.page-content.full {
	margin-top: 90%
}
.page-content.half {
	margin-top: 50%
}
}
@media only screen and (min-width:1921px) {
.page-content.full.home {
	margin-top: 1921px
}
}
.page-head {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	min-height: 760px;
	max-height: 965px
}
.page-head.home {
	width: 100%;
	height: 140%;
	max-height: 1280px
}

@media only screen and (min-width:1025px) {
.page-head {
	position: absolute;
	top: 0;
	left: 0
}
}

.page-head-image {
	position: absolute;
	width: 100%;
	height: 128%;
	top: 0;
	left: 0;
	overflow: hidden
}
.page-head-image.home {
	background: transparent url("../images/home/1.jpg") no-repeat center top;
	background-size: cover
}
.gin-slogan {
	margin-top: 5%
}
@media only screen and (max-width:639px) {
.gin-slogan {
	width: 250px
}
}
.container-wrap, .content {
	float: left;
	width: 100%
}
.logo {
	position: fixed;
	top: 40px;
	left: 60px;
	z-index: 10
}
@media only screen and (max-width:639px) {
.logo {
	top: 15px;
	left: 15px
}
.logo img {
	width: 100px
}
}
.scroll {
	width: 100px;
	height: 115px;
	position: absolute;
	bottom: 35%;
	left: 50%;
	margin-left: -50px;
	color: #fff;
	text-align: center;
	opacity: 1;
	visibility: visible
}
.scroll.inVisible {
	transition: .3s 0s all ease-in-out;
	opacity: 0!important;
	visibility: hidden!important
}
@media only screen and (max-width:1024px) {
.scroll {
	display: none
}
}
.scroll .label {
	font-size: 28px;
	display: block;
	letter-spacing: 5px;
	margin-bottom: 15px
}
.scroll-button {
	display: inline-block;
	width: 99px;
	height: 93px;
	cursor: pointer; background: url(../images/down2.png) no-repeat;
}
.scroll-button.black {
	background: transparent url("../images/elements/down-arrow-black.png") no-repeat center center;
	border: 2px solid #838383
}

.button {
	font-size: 92px;
	color: #fff;
	padding: 25px;
	font-size: 42px;
	text-transform: uppercase;
	display: inline-block;
	position: relative
}

.button.mixlg-button:after {
	border: 4px solid #ed1c24
}
@media only screen and (max-width:639px) {
.button {
	padding: 15px;
	font-size: 25px
}
}
.button.square {
	display: block;	padding: 0;}

}
.button.small {
	width: 200px;
	height: 200px
}

.button.products.black {
	background-image: url("../images/home/products-black.svg");
	background-size: 80%
}

.button.sense {
	background: transparent url("../images/home/sense.svg") no-repeat center center;
	margin-bottom: 11.25%;
	background-size: 80%
}
.button.sense.black {
	background-image: url("../images/home/sense-black.svg");
	background-size: 80%
}
@media only screen and (min-width:1441px) {
.button.sense {
	background-size: initial
}
}
.button.crafting {	background: url("../images/text3.jpg") no-repeat;	width: 242px;	height: 263px;}

.title {
	margin: 0;
	font-size: 21px; line-height: 30px;
	text-transform: uppercase; font-weight: normal;
}
.title2 { font-size: 24px; line-height: 36px; margin-bottom: 5px;}
.title.normal {
	font-weight: 400
}
.title.medium {
	font-size: 30px
}
.title.fix {
	letter-spacing: 8px
}
.title.gin {
	font-size: 132px;
	line-height: 120px;
	font-weight: 400
}
@media only screen and (min-width:1441px) {
.title.gin {
	font-size: 232px;
	line-height: 169px
}
}
.sense-box.grid .col {
	overflow: hidden
}
@media only screen and (min-width:1025px) {
.sense-box.grid .col {
	padding-bottom: 46%
}
}
.sense-box .left {
	position: absolute; 
	top: 0;
	left: 0;
	width: 50%;
	height: 100%
}
.sense-box .right {
	position: absolute;
	top: 10%;
	right: 0;
	width: 50%;
	height: 80%
}
@media only screen and (max-width:1024px) {
.sense-box .right {
	padding-top: 0
}
}
@media only screen and (max-width:1024px) {
.sense-box .left, .sense-box .right {
	position: relative;
	width: 100%
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.sense-box .left, .sense-box .right {
	width: 50%;
	float: left
}
}
.sense-left-bg {
	background: #1a1a1a
}
@media only screen and (max-width:1024px) {
.sense-left-bg {
	background: transparent url("../images/home/2.jpg") no-repeat center center;
	background-size: cover
}
}
.sense-right-bg {
	background: url("../../cdn-edesign.com/data/6sense/home/7.jpg") no-repeat right top #fff;
	background-size: contain
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.sense-right-bg {
	height: 500px;
	position: relative
}
.sense-right-bg .abs-content {
	width: 100%;
	height: 100%
}
}
@media only screen and (max-width:1024px) {
.sense-right-bg {
	background-size: 640px;
	background-position: right bottom
}
}
.sense-vb-animation {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	overflow: hidden
}
@media only screen and (max-width:1024px) {
.sense-vb-animation {
	display: none
}
}
.sense-wheel {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 913px
}
.sense-fill-white {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff
}
@media only screen and (max-width:1024px) {
.sense-fill-white {
	display: none
}
}
.terms, .web {
	display: none
}
@media only screen and (min-width:640px) {
.terms, .web {
	position: absolute;
	bottom: 35px;
	display: block;
	font-size: 12px;
	letter-spacing: 3px;
	color: #fff;
	z-index: 1
}
.terms a, .web a {
	color: #fff;
	transition: .3s 0s all ease-in-out
}
.terms a:hover, .web a:hover {
	color: red
}
.web {
	right: 35px
}
.terms {
	left: 35px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.terms, .web {
	bottom: 15px
}
.web {
	right: 15px
}
.terms {
	left: 15px
}
}
.page404 {
	width: 100%;
	height: 100%;
	position: absolute;
	background: transparent url("../images/404page.jpg") no-repeat 0 0;
	background-size: cover
}
.head-404 {
	position: absolute;
	top: 30px;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	color: #fff;
	text-align: center
}
.head-404 .title-404 {
	font-size: 96px;
	line-height: 1;
	margin-bottom: 20px
}
.button-404 {
	width: 360px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -65px 0 0 -180px;
	text-align: center;
	z-index: 10
}
.button-404 .button {
	font-size: 67px
}
.button-404 .small-label {
	font-size: 24px;
	display: inline-block;
	text-align: left
}
.home-left {
	position: relative;
	margin-top: 10%;
	z-index: 1;
	width: 487px;
	float: left; margin-left:200px;
}
.home-bottle-mobile {
	width: 300px;
	margin: 0 auto 17.5%;
	display: none
}
@media only screen and (max-width:639px) {
.home-bottle-mobile {
	display: block
}
}
.home-right {
	position: relative;
	margin-top: 70px;
	width: 40%;
	padding-bottom: 14%;
	float: right
}

.home-right .bottle {
	float: left;
	width: auto;
}


.home-container {
	float: left;
	width: 100%
}


.home-left, .home-right {
	z-index: 1;
	position: relative
}
.home-wrap {
	width: 300px
}
@media only screen and (min-width:1441px) {
.home-wrap {
	width: 450px
}
}
.home-left-wrap {
	float: right;
	width: 487px
}

@media only screen and (max-width:639px) {
.home-left-wrap {
	padding: 0 0 18%
}
}
.home-slogan {
	float: right;
	width: 100%;
	color: #fff;
	font-weight: 400;
	margin: 0;
	line-height: 1;
	text-align: center;
}
.home-slogan .red {
	color: #dd1832
}
.home-slogan .big {
	font-size: 77px; font-weight: bold;
}

.home-slogan .meduim {
	font-size: 47px; font-weight: bold; text-transform: uppercase;
}

.home-slogan .small {
	font-size: 60px;
	line-height: 44px;
	letter-spacing: 12px
}
@media only screen and (min-width:1025px) {
.home-slogan .small {
	font-size: 78px;
	line-height: 44px
}
}
.home-crafting {
	width: 419px;
	height: 380px;
	color: #fff;
	margin-top: 40%; margin-left: 9%;
}

.home-crafting img {
	width: 419px;
}

.home-crafting-text { width: 324px;
	display: block;
	color: #000; font-size:12px; line-height: 20px;
}
.home-crafting-text a { color:#fff; font-size:21px; width:270px; display:block; line-height:26px; padding-top:20px;}
.home-crafting-text:hover a { color:#156d6d; display:block;}
.home-contact-us {
	background-color: #fff; height:818px; overflow:hidden;
}
.home-contact-us .button {
	color: #0f0d20
}
@media only screen and (max-width:1024px) {
.home-contact-us .col {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7%
}
}
.home-text-box {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7%
}
.mixology-section {
	background: #fff;
	float: left;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	
}
.mixology-title-container {
	padding-top: 4%;
	padding-bottom: 4%;
	text-align: center
}
@media only screen and (min-width:1281px) {
.mixology-title-container {
	text-align: right;
	display: inline-block;
	width: 35%;
	float: left;
	padding-top: 16%;
	padding-bottom: 16%
}
}
.mixology-title {
	color: #0f0d20;
	font-size: 50px;
	color: #fff
}
@media only screen and (min-width:640px) {
.mixology-title {
	font-size: 108px
}
}
@media only screen and (min-width:1281px) {
.mixology-title {
	font-size: 70px;
	letter-spacing: 12px;
	margin-left: 4%
}
}
@media only screen and (min-width:1660px) {
.mixology-title {
	font-size: 108px
}
}
.mixology-img-container {
	text-align: center;
	max-width: 50%;
	margin: auto
}
@media only screen and (min-width:640px) {
.mixology-img-container {
	width: 50%;
	float: left;
	height: 500px;
	display: inline-block
}
}
@media only screen and (min-width:1281px) {
.mixology-img-container {
	width: 25%;
	height: auto
}
}
.mixology-img-container img {
	max-width: 100%;
	height: auto
}
@media only screen and (min-width:640px) {
.mixology-img-container img {
	max-width: 100%;
	height: 100%;
	width: auto
}
}
@media only screen and (min-width:1281px) {
.mixology-img-container img {
	max-width: 100%;
	height: auto
}
}
.mixology-text-container {
	text-align: center;
	padding-top: 4%;
	color: #fff
}
@media only screen and (min-width:640px) {
.mixology-text-container {
	width: 50%;
	min-height: 500px;
	display: table;
	vertical-align: middle
}
}
@media only screen and (min-width:1281px) {
.mixology-text-container {
	width: 38%;
	display: inline-block;
	padding-top: 16%;
	margin-left: 2%;
	min-height: 0
}
}
.mixology-text-title {
	font-size: 30px;
	text-align: center;
	line-height: 45px
}
@media only screen and (min-width:640px) {
.mixology-text-title {
	line-height: 35px
}
}
@media only screen and (min-width:1281px) {
.mixology-text-title {
	letter-spacing: 6.4px
}
}
.mixology-text {
	display: table-cell;
	vertical-align: middle
}
.mixology-text-details {
	text-align: center;
	display: inline-block;
	margin-bottom: 8.6%;
	letter-spacing: 2.8px;
	font-size: 14px;
	max-width: 84%
}
@media only screen and (min-width:640px) {
.mixology-text-details {
	margin-top: 20px
}
}
.mixology-btn .button {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	padding: 18px 42px;
	color: #fff
}
.page-head.product {
	overflow: hidden;
	height: 100%;
	max-height: 840px
}
@media only screen and (min-width:1025px) {
.page-head.product {
	max-height: 768px
}
}
@media only screen and (min-width:1441px) {
.page-head.product {
	max-height: 990px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.page-head.product {
	height: 876px;
	padding-top: 100px;
	max-height: 1024px
}
}
@media only screen and (max-width:639px) {
.page-head.product {
	padding-top: 18%;
	height: auto
}
}
.product-wrap {
	float: left;
	width: 100%;
	height: 100%
}
@media only screen and (max-width:1024px) {
.product-wrap {
	margin: 0 auto;
	float: none;
	position: relative
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.product-wrap {
	width: 640px
}
}
.product-head {
	float: left;
	position: relative;
	width: 25%;
	z-index: 1;
	height: 100%;
	text-align: center
}
@media only screen and (max-width:639px) {
.product-head {
	display: none
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.product-head {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%
}
}
.product-bottle {
	height: 135%;
	max-height: 1449px;
	min-width: 255px;
	min-height: 768px
}
.product-left, .product-right {
	float: left;
	position: relative;
	z-index: 1;
	width: 37.5%
}
@media only screen and (max-width:1024px) {
.product-left, .product-right {
	position: absolute
}
.product-left .valign, .product-right .valign {
	padding: 0
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.product-left, .product-right {
	width: 50%;
	height: 50%;
	left: 0
}
}
@media only screen and (max-width:639px) {
.product-left, .product-right {
	width: 100%;
	position: relative;
	padding-bottom: 7%
}
}
@media only screen and (min-width:1025px) {
.product-left {
	height: 100%
}
.product-left .valign {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20%
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.product-left {
	top: 0;
	z-index: 1
}
}
@media only screen and (max-width:639px) {
.product-left {
	padding: 0 5% 7%;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
}
@media only screen and (min-width:1025px) {
.product-right {
	height: 100%
}
.product-right .valign {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 20%
}
}
@media only screen and (min-width:1025px) and only screen and (min-width:1025px) and (max-width:1280px) {
.product-right .valign {
padding-right:10%
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.product-right {
	bottom: 0
}
}
.sense-logo {
	margin: 20% 0 3%;
	width: 320px
}
@media only screen and (min-width:1441px) {
.sense-logo {
	width: auto
}
}
@media only screen and (max-width:639px) {
.sense-logo {
	width: 275px
}
}
.product-sense-text {
	margin-bottom: 3%
}
.product-gin-slogan {
	margin-bottom: 8%
}
.product-right .box {
	width: 280px;
	height: 215px;
	display: block;
	border: 5px solid #fff;
	margin: 0 auto 7.5%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px
}
.product-right .box .value {
	font-size: 92px;
	line-height: 80px;
	display: inline-block;
	letter-spacing: -3px
}
.product-right .box .unit {
	width: 40px;
	display: inline-block;
	font-size: 37px;
	position: relative;
	top: 19px;
	left: 6px
}
.product-right .box .unit .line {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff
}
.product-right .box .unit .prec {
	font-size: 37px;
	line-height: 1
}
.product-right .box .unit .vol {
	font-family: Impact;
	font-size: 26px;
	line-height: 1;
	color: #dd1832;
	text-transform: uppercase;
	position: relative;
	top: -4px;
	left: 2px
}
.product-medals {
	display: inline-block;
	margin-bottom: 5%
}
.product-alcohol-value {
	display: block;
	padding-bottom: 20px;
	border-bottom: 6px solid #fff;
	margin-bottom: 10px
}
.product-cocktail {
	float: left;
	width: 100%;
	height: 1020px;
	background: #f3f3f3 url("../images/product/plot.jpg") no-repeat center bottom;
	position: relative
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.product-cocktail {
	height: 1700px
}
}
@media only screen and (max-width:639px) {
.product-cocktail {
	height: 1550px
}
}
.cocktail-wrap {
	position: absolute;
	left: 50%;
	width: 1024px;
	height: 900px;
	margin-left: -512px
}
@media only screen and (min-width:640px) {
.cocktail-wrap {
	bottom: 85px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.cocktail-wrap {
	width: 640px;
	margin-left: -320px;
	text-align: center
}
}
@media only screen and (max-width:639px) {
.cocktail-wrap {
	padding-top: 7%;
	width: 300px;
	margin-left: -150px;
	text-align: center
}
}
.cocktail-image {
	float: right;
	position: relative;
	z-index: 1
}
@media only screen and (max-width:1024px) {
.cocktail-image {
	float: none
}
}
@media only screen and (max-width:639px) {
.cocktail-image {
	width: 300px
}
}
.cocktail-gin-slogan {
	width: 100%
}
.cocktail-text {
	width: 580px;
	color: #0e0c1d;
	text-align: center
}
@media only screen and (min-width:640px) {
.cocktail-text {
	position: absolute;
	top: 212px;
	left: 0
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.cocktail-text {
	top: -611px;
	left: 41px
}
}
@media only screen and (max-width:639px) {
.cocktail-text {
	width: 300px
}
}
.cocktail-bottles {
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 7px solid #0e0c1d;
	height: 283px;
	margin-top: 100px
}
@media only screen and (max-width:639px) {
.cocktail-bottles {
	height: 570px;
	margin: 14% 0
}
}
.cocktail-bottles .bottles-wrap {
	float: left;
	border-right: 7px solid #0e0c1d;
	width: 223px;
	height: 100%
}
@media only screen and (max-width:639px) {
.cocktail-bottles .bottles-wrap {
	border: 0;
	border-bottom: 7px solid #0e0c1d;
	width: 100%;
	height: 283px
}
}
.cocktail-bottles .bottles-info {
	float: left;
	width: 335px;
	height: 100%
}
@media only screen and (max-width:639px) {
.cocktail-bottles .bottles-info {
	width: 100%;
	height: 266px
}
}
.cocktail-bottles .text {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 7%;
	font-size: 20px
}
.sense-logo-small {
	width: 262px;
	margin: 25px 0 15px
}
@media only screen and (max-width:639px) {
.sense-logo-small {
	width: 235px
}
}
.cocktail-gin-slogan-small {
	width: 150px;
	margin-bottom: 10px
}
.tech-block {
	float: left;
	width: 100%;
	height: 1024px;
	position: relative
}
.tech-block.tech-bg-1 {
	background: url("../../cdn-edesign.com/data/6sense/tech/1.jpg") no-repeat 50% 50%
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-1 {
	background-size: cover
}
}
.tech-block.tech-bg-2 {
	background: url("../../cdn-edesign.com/data/6sense/tech/2.jpg") no-repeat 50% 50%
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-2 {
	background-size: cover
}
}
.tech-block.tech-bg-3 {
	background: url("../../cdn-edesign.com/data/6sense/tech/3.jpg") no-repeat 50% 50%
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-3 {
	background-size: cover
}
}
.tech-block.tech-bg-4 {
	background: url("../../cdn-edesign.com/data/6sense/tech/4.jpg") no-repeat 50% 50%;
	background-color: #fff;
	background-size: auto;
	background-position: bottom center
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-4 {
	background-size: cover
}
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-4 {
	background-size: 1200px
}
}
.tech-block.tech-bg-5 {
	background: url("../../cdn-edesign.com/data/6sense/tech/5.jpg") no-repeat 50% 50%
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-5 {
	background-size: cover
}
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-4 {
	height: auto;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7% 0
}
}
.tech-block .text-block {
	position: absolute;
	top: 0;
	width: 560px;
	height: 100%;
	text-align: center
}
@media only screen and (max-width:639px) {
.tech-block .text-block {
	width: 300px
}
}
@media only screen and (max-width:639px) {
.tech-block .text-block {
	left: 50%;
	margin-left: -150px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.tech-block .text-block {
	left: 50%;
	margin-left: -280px
}
}
@media only screen and (min-width:1025px) {
.tech-block .text-block.left {
	left: 13%
}
.tech-block .text-block.right {
	right: 13%
}
}
.tech-block .text-block.white {
	color: #fff
}
.tech-block .text-block.white .text {
	border: 7px solid #fff
}
.tech-block .text-block.white .text-exp {
	border-top: 7px solid #fff
}
.tech-block .text-block.black {
	color: #000
}
.tech-block .text-block.black .text {
	border: 7px solid #000
}
.tech-block .text-block.black .text-exp {
	border-top: 7px solid #000
}
.tech-block .text-block .title {
	margin-top: 14%;
	font-size: 70px
}
@media only screen and (max-width:639px) {
.tech-block .text-block .title {
	font-size: 32px
}
}
.tech-block .text-block .text {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px;
	line-height: 1.4;
	margin-bottom: 10.5%
}
.tech-block .text-block .text-exp {
	width: 225px;
	margin: 0 auto;
	padding-top: 15px;
	line-height: 1.4;
	margin-bottom: 7%
}
.tech-block .text-block .ornament {
	margin-bottom: 7%
}
.tech-gin-slogan {
	width: 287px;
	margin-bottom: 10.5%
}
.tech-all-in-one {
	width: 915px;
	margin: 0 auto
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.tech-all-in-one {
	width: 640px
}
}
@media only screen and (max-width:639px) {
.tech-all-in-one {
	width: 320px
}
}
.tech-all-in-one, .tech-bottle {
	height: 90%
}
.tech-bottle, .tech-text-box {
	float: left;
	width: 50%;
	height: 100%
}
@media only screen and (max-width:1024px) {
.tech-bottle, .tech-text-box {
	width: 100%
}
}
.tech-text-box {
	height: 90%
}
.text-box-dark {
	font-size: 37px;
	background-color: #111134;
	text-align: center;
	color: #fff;
	height: 235px;
	margin-bottom: 10.5%
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.tech-buttons {
	width: 431px;
	margin: 0 auto
}
}
@media only screen and (min-width:1025px) {
.tech-buttons a {
	float: left;
	margin: 0 10px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.tech-buttons a {
	float: left
}
.tech-buttons a:first-child {
	margin-right: 7%
}
}
@media only screen and (max-width:639px) {
.tech-buttons a {
	margin: 0 auto
}
.tech-buttons a:first-child {
	margin-bottom: 7%
}
}
@media only screen and (max-width:1024px) {
.tech-block.tech-bg-2 {
	background: #fff
}
}
@media only screen and (max-width:639px) {
.tech-box-bottle {
	width: 300px
}
}
@media only screen and (max-width:639px) {
.tech-bottle {
	padding-bottom: 65px
}
}
.contact {
	float: left;
	width: 100%;
	background: transparent url("../images/contact/bg.jpg") no-repeat center center;
	background-size: cover;
	padding: 130px 0 130px
}

.contact-wrap {
	width: 600px;
	margin: 0 auto
}
@media only screen and (max-width:639px) {
.contact-wrap {
	width: 300px
}
}
.contact-form .row {
	float: left;
	width: 100%;
	margin-bottom: 15px
}
.contact-form label {
	height: 65px;
	width: 145px;
	line-height: 65px;
	font-size: 24px;
	float: left;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 20px
}
@media only screen and (max-width:639px) {
.contact-form label {
	margin-bottom: 15px
}
}
.contact-form .file, .contact-form .select-list, .contact-form input.text, .contact-form textarea {
	float: left;
	margin: 0;
	padding: 0;
	border: 2px solid #ed1c24;
	width: 300px;
	height: 70px;
	background: 0 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 20px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px
}
.contact-form .file.captch-text, .contact-form .select-list.captch-text, .contact-form input.text.captch-text, .contact-form textarea.captch-text {
	width: 117px
}
@media only screen and (max-width:639px) {
.contact-form .file.captch-text, .contact-form .select-list.captch-text, .contact-form input.text.captch-text, .contact-form textarea.captch-text {
	width: 110px
}
}
.contact-form .file.error, .contact-form .select-list.error, .contact-form input.text.error, .contact-form textarea.error {
	background-color: #ed1c24
}
.contact-form .select.error {
	background-color: #ed1c24
}
.contact-form .file-name, .contact-form select {
	background: 0 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 20px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	border: 0;
	color: #fff
}
.contact-form .file-name option, .contact-form select option {
	color: #000;
	background-color: #fff
}
.contact-form textarea {
	resize: none;
	padding: 20px;
	height: 120px
}
.contact-form .text, .contact-form textarea {
	color: #fff
}
.select-list {
	position: relative;
	overflow: hidden
}
.select {
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 100%;
	z-index: 1
}
.contact-head {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 75px
}
@media only screen and (max-width:639px) {
.contact-head {
	margin-bottom: 50px
}
}
.contact-head .title {
	font-size: 90px;
	font-weight: 400;
	width: 100%
}
@media only screen and (max-width:639px) {
.contact-head .title {
	font-size: 45px
}
}
.contact-head .subtitle {
	width: 100%;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase
}
@media only screen and (max-width:639px) {
.contact-head .subtitle {
	font-size: 15px
}
}
.select-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 100%;
	background: transparent url("../images/elements/down-arrow.png") no-repeat center center;
	position: absolute;
	top: 9px;
	right: 9px
}
.select-icon.file-icon {
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.file {
	position: relative
}
.file-row label {
	line-height: 20px;
	padding-top: 9px
}
.file-row label .small {
	font-size: 12px;
	line-height: 14px;
	display: block;
	position: relative;
	top: 3px
}
.captcha label {
	line-height: 20px;
	padding-top: 15px
}
.captcha label .small {
	font-size: 18px
}
.file-upload {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0
}
.file-name {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.file-name {
	line-height: 66px;
	display: block
}
.captcha-img {
	float: left
}
.submit-row {
	padding-top: 5%
}
.form-submit {
	width: 157px;
	height: 70px;
	background-color: #ed1c24;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	line-height: 70px;
	text-align: center;
	cursor: pointer
}
@media only screen and (min-width:1025px) {
.form-submit {
	transition: .3s 0s all ease-in-out
}
.form-submit:hover {
	background-color: #fff;
	color: #000
}
}
.errors, .success {
	display: none;
	font-size: 14px;
	color: #fff;
	max-width: 440px;
	margin-top: 5%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 35px 20px 10px
}
.errors {
	background-color: #ed1c24
}
.success {
	color: #fff;
	background-color: #60a96c;
	position: relative
}
.success .close {
	width: 20px;
	height: 20px;
	background: transparent url("../images/elements/close.svg") no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 10px
}
.agecheck {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #090923;
	background: transparent url("../images/agecheck.gif") no-repeat 0 0;
	background-size: cover;
	z-index: 50
}
.cookie {
	position: fixed;
	width: 100%;
	height: 45px;
	color: #fff;
	background-color: #000;
	z-index: 51
}
@media only screen and (max-width:639px) {
.cookie {
	height: 78px
}
}
.cookie-wrap {
	width: 990px;
	margin: 0 auto
}
@media only screen and (max-width:1024px) {
.cookie-wrap {
	max-width: 640px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px
}
}
@media only screen and (max-width:639px) {
.cookie-wrap {
	max-width: 300px
}
}
.cookie-wrap .text {
	font-size: 11px;
	font-family: Arial;
	float: left;
	width: 80%;
	font-style: italic;
	margin-top: 15px
}
@media only screen and (max-width:1024px) {
.cookie-wrap .text {
	width: 70%;
	margin-top: 8px
}
}
.button-cookie {
	border: 2px solid #fff;
	width: 38px;
	height: 20px;
	font-size: 15px;
	line-height: 19px;
	display: block;
	text-align: center;
	color: #fff;
	float: left;
	margin-top: 10px;
	cursor: pointer;
	transition: .3s 0s all ease-in-out
}
.button-cookie:hover {
	background-color: #fff;
	color: #0f0d20
}
@media only screen and (max-width:639px) {
.button-cookie {
	margin-top: 24px
}
}
.agecheck-wrap {
	width: 380px;
	height: 280px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	margin: -165px 0 0 -180px
}
@media only screen and (max-width:639px) {
.agecheck-wrap {
	width: 300px;
	margin: -140px 0 0 -150px
}
}
.agecheck-wrap._no {
	margin: -229px 0 0 -180px
}
.agecheck-wrap .buttons {
	margin: 0 auto;
	width: 320px
}
@media only screen and (max-width:639px) {
.agecheck-wrap .buttons {
	width: 240px
}
}
.agecheck-wrap .agetitle {
	font-size: 24px;
	letter-spacing: 3px;
	font-weight: 400;
	text-align: center;
	margin: 0 0 60px;
	text-transform: uppercase
}
@media only screen and (max-width:639px) {
.agecheck-wrap .agetitle {
	margin: 0 0 30px
}
}
.button-agecheck {
	border: 3px solid #ed1c24;
	width: 124px;
	height: 63px;
	font-size: 42px;
	display: block;
	line-height: 63px;
	float: left;
	text-align: center;
	cursor: pointer
}
@media only screen and (max-width:639px) {
.button-agecheck {
	width: 95px;
	height: 50px;
	font-size: 30px;
	line-height: 51px
}
}
@media only screen and (min-width:1025px) {
.button-agecheck {
	transition: .3s 0s all ease-in-out
}
.button-agecheck:hover {
	background-color: #ed1c24
}
}
.button-agecheck:nth-child(1) {
	margin-right: 43px
}
@media only screen and (max-width:639px) {
.button-agecheck:nth-child(1) {
	margin-right: 25px
}
}
.age-remember {
	width: 132px;
	height: 22px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	display: block;
	margin: 0 auto;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px;
	margin-top: 45px;
	position: relative;
	cursor: pointer
}
.age-remember:after {
	width: 14px;
	height: 14px;
	display: block;
	border: 4px solid #ed1c24;
	content: '';
	position: absolute;
	top: 0;
	left: 0
}
.age-remember.checked:after {
	background-color: #fff
}
.age-logo {
	width: 215px;
	height: 152px;
	position: absolute;
	left: 50%;
	bottom: 30px;
	text-align: center;
	margin-left: -107px
}
.age-logo .logo1 {
	width: 100%;
	margin-bottom: 10px
}
.age-logo .logo2 {
	width: 90%
}
@media only screen and (max-width:639px) {
.age-logo {
	width: 120px;
	height: 90px;
	margin-left: -60px
}
}
.sense-conteiner {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #000013
}
.total-wrapper.page-sense .total-container {
	height: 100%
}
.text-content, .video-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.sense-video {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.sense-video.active {
	display: block
}
.sense-video:after {
	content: '';
	position: absolute;
	width: 130%;
	height: 130%;
	left: -15%;
	top: -10%;
	z-index: 1
}
.sense-video .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.video-holder {
	position: absolute;
	width: 1440px;
	height: 1080px
}
.video-holder video {
	width: 100%;
	height: 100%
}
.text-content {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -240px;
	width: 100%;
	height: 480px;
	z-index: 1;
	text-align: center;
	color: #fff;
	margin-top: -164px;
	height: 328px
}
@media only screen and (min-width:1441px) {
.text-content {
	margin-top: -240px;
	height: 480px
}
}
@media only screen and (max-width:639px) {
.text-content {
	width: 300px;
	height: 236px;
	left: 50%;
	margin: -118px 0 0 -150px
}
}
.sense-title {
	font-size: 170px;
	line-height: 1;
	margin: 0;
	font-weight: 400;
	font-style: italic
}
@media only screen and (min-width:1441px) {
.sense-title {
	font-size: 258px;
	line-height: 1
}
}
@media only screen and (max-width:1024px) {
.sense-title {
	font-size: 145px;
	line-height: 1
}
.sense-title span.empty {
	display: none
}
}
@media only screen and (max-width:639px) {
.sense-title {
	font-size: 60px;
	line-height: 1
}
}
.sense-title span {
	display: inline-block
}
.sense-title span.blur {
	-webkit-filter: blur(0);
	filter: blur(0)
}
.sense-title span.blur-active {
	-webkit-filter: blur(20px);
	filter: blur(20px)
}
.sense-title span.empty {
	width: 150px
}
.sense-gin-logo {
	display: inline-block;
	width: 229px;
	height: 35px;
	background: transparent url("../images/london-dry-gin-red.svg") no-repeat 0 0;
	background-size: 100%;
	margin-bottom: 20px
}
@media only screen and (min-width:1441px) {
.sense-gin-logo {
	width: 287px;
	height: 44px;
	margin-bottom: 35px
}
}
@media only screen and (max-width:639px) {
.sense-gin-logo {
	width: 160px;
	height: 25px;
	margin-bottom: 5px
}
}
.sense-short-text {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px
}
@media only screen and (min-width:1441px) {
.sense-short-text {
	margin-bottom: 80px
}
}
@media only screen and (max-width:639px) {
.sense-short-text {
	margin-bottom: 25px
}
}
.sense-item {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none
}
.sense-item.active {
	display: block
}
.sense-navigaiton {
	width: 127px;
	height: 450px;
	position: absolute;
	z-index: 1;
	right: 60px;
	top: 50%;
	margin-top: -175px;
	background: transparent url("../images/sense/nav.png") no-repeat 0 0
}
@media only screen and (max-width:1024px) {
.sense-navigaiton {
	display: none
}
}
.sense-label {
	width: 150%;
	height: 30px;
	display: block;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	background: 0 0;
	position: absolute;
	cursor: pointer
}
.sense-label .line {
	width: 30px;
	height: 6px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	display: block;
	top: 12px
}
.sense-label.active .label, .sense-label:hover .label {
	color: #fff
}
.sense-label.sense1 {
	top: 154px;
	right: 0;
	width: 132%
}
.sense-label.sense1.active {
	background: transparent url("../images/sense/nav-hovers.png") no-repeat -58px 0
}
.sense-label.sense1 .line {
	left: 35px
}
.sense-label.sense2 {
	top: 191px;
	right: 0;
	width: 141%
}
.sense-label.sense2.active {
	background: transparent url("../images/sense/nav-hovers.png") no-repeat -46px -37px
}
.sense-label.sense2 .line {
	left: 48px
}
.sense-label.sense3 {
	top: 227px;
	right: 0
}
.sense-label.sense3.active {
	background: transparent url("../images/sense/nav-hovers.png") no-repeat -35px -72px
}
.sense-label.sense3 .line {
	left: 58px
}
.sense-label.sense4 {
	top: 263px;
	right: 0
}
.sense-label.sense4.active {
	background: transparent url("../images/sense/nav-hovers.png") no-repeat -36px -107px
}
.sense-label.sense4 .line {
	left: 56px
}
.sense-label.sense5 {
	top: 299px;
	right: 0
}
.sense-label.sense5.active {
	background: transparent url("../images/sense/nav-hovers.png") no-repeat -35px -144px
}
.sense-label.sense5 .line {
	left: 54px
}
.sense-label.sense6 {
	top: 335px;
	right: 0;
	width: 165%
}
.sense-label.sense6.active {
	background: transparent url("../images/sense/nav-hovers.png") no-repeat -15px -180px
}
.sense-label.sense6 .line {
	left: 74px
}
.sense-label .label {
	font-size: 11px;
	font-weight: 700;
	font-family: Arial;
	line-height: 30px;
	text-transform: uppercase;
	color: rgba(255,255,255,.55);
	display: block;
	width: 40%;
	transition: .3s 0s all ease-in-out
}
.sense-vb-animation .ferris_wheel, .sense-vb-animation .wheel {
	width: 634px;
	height: 634px;
	border-radius: 50%
}
.sense-vb-animation .ferris_wheel {
	border: 0;
	position: absolute;
	left: 24%;
	top: 12%;
	width: 1170px;
	height: 867px;
	background: url("../../cdn-edesign.com/data/6sense/wheel/stand.svg") no-repeat 0 0
}
.sense-vb-animation .wheel_wrap {
	position: absolute;
	animation: wheel_rotate 40s infinite linear;
	margin-left: 322px;
	margin-top: 101px;
	width: 632px;
	height: 632px;
	background: url("../../cdn-edesign.com/data/6sense/wheel/wheel.svg") no-repeat 0 0
}
.sense-vb-animation .stand img {
	margin-left: -193px;
	margin-top: -92px
}
@keyframes wheel_rotate {
0% {
-ms-transform:rotate(0);
transform:rotate(0)
}
100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.sense-vb-animation .buckets {
	position: absolute;
	width: 634px;
	height: 635px;
	border-radius: 50%;
	margin-left: -38px;
	margin-top: -10px
}
.sense-vb-animation .buckets span {
	position: absolute;
	animation: bucket_rotate 40s infinite linear;
	top: 50%;
	left: 50%;
	margin-left: 322px;
	margin-top: 101px;
	width: 75px;
	height: 99px;
	background: url("../../cdn-edesign.com/data/6sense/wheel/bucket.svg") no-repeat 0 0
}
@keyframes bucket_rotate {
0% {
-ms-transform:rotate(0) translateX(313px) rotate(0);
transform:rotate(0) translateX(313px) rotate(0)
}
100% {
-ms-transform:rotate(360deg) translateX(313px) rotate(-360deg);
transform:rotate(360deg) translateX(313px) rotate(-360deg)
}
}
.sense-vb-animation .buckets span:nth-child(2) {
	animation-delay: -4.99s
}
.sense-vb-animation .buckets span:nth-child(3) {
	animation-delay: -10s
}
.sense-vb-animation .buckets span:nth-child(4) {
	animation-delay: -15s
}
.sense-vb-animation .buckets span:nth-child(5) {
	animation-delay: -20s
}
.sense-vb-animation .buckets span:nth-child(6) {
	animation-delay: -25s
}
.sense-vb-animation .buckets span:nth-child(7) {
	animation-delay: -30s
}
.sense-vb-animation .buckets span:nth-child(8) {
	animation-delay: -34.99s
}
.mixology-conteiner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #d7d7d7
}
@media only screen and (max-width:1024px) {
.mixology-conteiner {
	padding-bottom: 50px
}
}
@media only screen and (min-width:1025px) {
.mixology-conteiner {
	height: 100vh;
	overflow: hidden
}
}
.mixology-conteiner.detail {
	background-size: cover
}
@media only screen and (min-width:1025px) {
.mixology-conteiner.detail {
	background: transparent url("../images/mixology/bg.jpg") no-repeat center center
}
}
@media only screen and (max-width:1024px) {
.mixology-conteiner.detail {
	background: transparent url("../images/mixology/bg_r.jpg") no-repeat center center
}
}
.head-mixology {
	float: left;
	width: 100%;
	text-align: center;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
@media only screen and (max-width:639px) {
.head-mixology {
	padding-top: 180px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.head-mixology {
	padding-top: 150px
}
}
@media only screen and (min-width:1025px) {
.head-mixology {
	padding-top: 3%
}
}
.head-mixology .title {
	font-weight: 400;
	font-size: 40px
}
@media only screen and (min-width:640px) {
.head-mixology .title {
	font-size: 70px
}
}
@media only screen and (min-width:1441px) {
.head-mixology .title {
	font-size: 5.27vw
}
}
.head-mixology .text {
	padding: 0 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.mixology-list {
	float: left;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2.44vw
}
@media only screen and (min-width:1025px) {
.mixology-list {
	height: 75%
}
}
.mixology-list .col {
	float: left;
	text-align: center;
	position: relative
}
@media only screen and (max-width:639px) {
.mixology-list .col {
	width: 50%
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.mixology-list .col {
	width: 33.333%
}
}
@media only screen and (min-width:1025px) {
.mixology-list .col {
	width: 20%
}
}
.mixology-list .col img {
	display: block;
	width: 100%;
	max-width: 385px;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none
}
.mixology-list .mixlg-button {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	z-index: 1
}
@media only screen and (max-width:639px) {
.mixology-list .mixlg-button {
	left: calc(65% - 45px)
}
}
.button.cooktail-1, .button.cooktail-2, .button.cooktail-4 {
	width: 90px;
	height: 90px
}
@media only screen and (min-width:1441px) {
.button.cooktail-1, .button.cooktail-2, .button.cooktail-4 {
	width: 5.86vw;
	height: 5.86vw
}
}
.button.cooktail-1 {
	background: transparent url("../images/mixology/buttons/1.svg") no-repeat center center;
	background-size: 80%
}
@media only screen and (min-width:640px) {
.button.cooktail-1 {
	left: 60%
}
}
.button.cooktail-2 {
	background: transparent url("../images/mixology/buttons/2.svg") no-repeat center center;
	background-size: 80%
}
@media only screen and (min-width:640px) {
.button.cooktail-2 {
	left: 59%
}
}
.button.cooktail-3 {
	width: 90px;
	height: 70px;
	background: transparent url("../images/mixology/buttons/3.svg") no-repeat center center;
	background-size: 100%
}
@media only screen and (min-width:1441px) {
.button.cooktail-3 {
	width: 5.86vw;
	height: 4.64vw
}
}
@media only screen and (min-width:640px) {
.button.cooktail-3 {
	left: 60%
}
}
.button.cooktail-4 {
	background: transparent url("../images/mixology/buttons/4.svg") no-repeat center center;
	background-size: 80%
}
@media only screen and (min-width:640px) {
.button.cooktail-4 {
	left: 64%
}
}
.button.cooktail-5 {
	width: 90px;
	height: 106px;
	background: transparent url("../images/mixology/buttons/5.svg") no-repeat center center;
	background-size: 85%
}
@media only screen and (min-width:1441px) {
.button.cooktail-5 {
	width: 5.86vw;
	height: 6.93vw
}
}
@media only screen and (min-width:640px) {
.button.cooktail-5 {
	left: 59%
}
}
.controler {
	position: absolute;
	left: 35px;
	cursor: -webkit-grab;
	background: transparent url("../images/mixology/shaker.png") no-repeat 0 0;
	background-size: 100%;
	z-index: 999
}
@media only screen and (max-width:1024px) {
.controler {
	top: 50vh;
	display: none
}
}
@media only screen and (min-width:1025px) {
.controler {
	bottom: 80px
}
}
@media only screen and (min-width:1025px) {
.controler {
	width: 9.18vw;
	height: 9.18vw
}
}
@media only screen and (max-width:639px) {
.controler {
	width: 80px;
	height: 80px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.controler {
	width: 100px;
	height: 100px
}
}
.controler .drag {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url("../images/mixology/control.png") no-repeat 0 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: 5
}
.cooktail-navigation-container {
	text-align: center
}
@media only screen and (max-width:1024px) {
.cooktail-navigation-container {
	margin: 0 0 20px
}
}
@media only screen and (min-width:1025px) {
.cooktail-navigation-container {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 45px
}
}
.cooktail-navigation-container .button.cooktail-1, .cooktail-navigation-container .button.cooktail-2, .cooktail-navigation-container .button.cooktail-4 {
	width: 90px;
	height: 90px
}
@media only screen and (min-width:1025px) {
.cooktail-navigation-container .button.cooktail-1, .cooktail-navigation-container .button.cooktail-2, .cooktail-navigation-container .button.cooktail-4 {
	width: 4.39vw;
	height: 4.39vw
}
}
.cooktail-navigation-container .button.cooktail-3 {
	width: 90px;
	height: 70px
}
@media only screen and (min-width:1025px) {
.cooktail-navigation-container .button.cooktail-3 {
	width: 4.39vw;
	height: 3.42vw
}
}
.cooktail-navigation-container .button.cooktail-5 {
	width: 90px;
	height: 106px
}
@media only screen and (min-width:1025px) {
.cooktail-navigation-container .button.cooktail-5 {
	width: 4.39vw;
	height: 5.18vw
}
}
.cooktail-logo {
	margin-bottom: 20px
}
.cooktail-logo .mixlg-button {
	left: 0
}
.cooktail-nav {
	position: relative;
	display: inline-block
}
.cooktail-nav-link {
	float: left;
	margin-right: 10px
}
@media only screen and (min-width:1441px) {
.cooktail-nav-link {
	margin-right: 19px
}
}
.cooktail-nav-link:last-child {
	margin-right: 0
}
.cooktail-nav-link.btn-arrow.close {
	position: static
}
.btn-arrow {
	display: inline-block;
	border: 2px solid #0f0d20;
	border-radius: 50%;
	cursor: pointer;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent url("../images/elements/black-arrow.png-right") no-repeat center center;
	transition: all .3s linear
}
@media only screen and (max-width:1024px) {
.btn-arrow {
	width: 35px;
	height: 35px
}
}
@media only screen and (min-width:1025px) {
.btn-arrow {
	width: 25px;
	height: 25px
}
}
@media only screen and (min-width:1441px) {
.btn-arrow {
	width: 35px;
	height: 35px;
	border: 3px solid #0f0d20
}
}
.btn-arrow.right {
	background: transparent url("../images/elements/black-arrow-right.png") no-repeat center center
}
.btn-arrow.right:hover {
	background: transparent url("../images/elements/red-arrow-right.png") no-repeat center center;
	border-color: #ed1c24
}
.btn-arrow.left {
	background: transparent url("../images/elements/black-arrow-left.png") no-repeat center center
}
.btn-arrow.left:hover {
	background: transparent url("../images/elements/red-arrow-left.png") no-repeat center center;
	border-color: #ed1c24
}
.btn-arrow.red {
	border-color: #ed1c24;
	background: transparent url("../images/elements/red-arrow.png") no-repeat center center
}
.btn-arrow.red.right {
	background: transparent url("../images/elements/red-arrow-right.png") no-repeat center center
}
.btn-arrow.red.right:hover {
	background: transparent url("../images/elements/black-arrow-right.png") no-repeat center center;
	border-color: #0f0d20
}
.btn-arrow.red.left {
	background: transparent url("../images/elements/red-arrow-left.png") no-repeat center center
}
.btn-arrow.red.left:hover {
	background: transparent url("../images/elements/black-arrow-left.png") no-repeat center center;
	border-color: #0f0d20
}
.btn-arrow.close {
	background: transparent url("../images/elements/close.png") no-repeat center center;
	background-color: #ed1c24
}
button.more-history {
	float: right;
	position: absolute;
	top: 50%;
	right: 1vw;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10
}
button.more-history.red.right:hover {
	background: transparent url("../images/elements/red-arrow-right.png") no-repeat center center;
	border-color: #ed1c24;
	transition: none
}
.close-history {
	display: none
}
@media only screen and (min-width:1025px) {
.close-history {
	float: right;
	position: absolute;
	right: 1vw;
	orm: translateY(-50%);
	z-index: 10;
	display: inline-block
}
}
.drag-arrow {
	opacity: 0;
	position: absolute;
	width: 72px;
	height: 25px;
	background: transparent url("../images/mixology/shaker-arrow.svg") no-repeat 0 0;
	top: -29px;
	left: 50%;
	margin-left: -36px
}
.more-history {
	cursor: pointer
}
.cooktail-info {
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 1.7;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
@media only screen and (max-width:639px) {
.cooktail-info {
	padding: 0 30px
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.cooktail-info {
	padding: 0 50px
}
}
@media only screen and (max-width:1024px) {
.cooktail-info {
	float: left;
	width: 100%
}
}
@media only screen and (min-width:1025px) {
.cooktail-info {
	position: absolute;
	min-width: 17.09vw;
	width: 20%;
	top: 100px;
	bottom: 100px;
	right: 45px
}
}
.cooktail-info .box {
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
@media only screen and (min-width:1025px) {
.cooktail-info .box {
	padding: 20px;
	padding: 1.22vw
}
}
@media only screen and (max-width:1024px) {
.cooktail-ingredients.box {
	padding: 20px
}
}
.info-title {
	font-size: 1.46vw;
margin:0 0 .98vw;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 4px
}
.cooktail-ingredients {
	border: 7px solid #0f0d20;
	margin-bottom: 20px
}
@media only screen and (min-width:1025px) {
.cooktail-ingredients {
	margin-bottom: 0
}
}
.cooktail-ingredients .info-title {
	font-weight: 700;
	font-size: 20px
}
@media only screen and (min-width:640px) {
.cooktail-ingredients .info-title {
	font-size: 2.5vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-ingredients .info-title {
	font-size: 1.5vw
}
}
.cooktail-ingredients ul {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 700
}
.cooktail-ingredients ul li {
	list-style-type: none
}
.cooktail-ingredients ul li {
margin-bottom:.49vw
}
.cooktail-ingredients ul li:last-child {
	margin-bottom: 0
}
.cooktail-recipe .info-title {
	font-size: 20px
}
@media only screen and (min-width:640px) {
.cooktail-recipe .info-title {
	font-size: 2.5vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-recipe .info-title {
	font-size: 1.5vw
}
}
.cooktail-history {
	color: #dadada;
	padding: 0;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
	width: 100%
}
@media only screen and (min-width:1025px) {
.cooktail-history {
	background-color: rgba(255,255,255,.83);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	padding: 2vw;
	display: none
}
}
.cooktail-history .info-title {
	color: #fff;
	font-size: 30px
}
.cooktail-history.active {
	z-index: 9999;
	display: block
}
.cooktail-history-inner-container {
	margin: auto;
	background: #000;
	padding: 7vw;
	line-height: 24px
}
@media only screen and (min-width:1025px) {
.cooktail-history-inner-container {
	width: 407px;
	margin: auto;
	background: #000;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 50px 35px 30px;
	z-index: 703;
	position: absolute;
	left: 0;
	right: 0;
	line-height: 24px
}
}
.coctails-history-txt {
	margin-bottom: 20px;
	letter-spacing: 0
}
.cooktail-history-title {
	display: none
}
@media only screen and (min-width:1025px) {
.cooktail-history-title {
	padding: 2vw;
	background-color: #0f0d20;
	color: #fff;
	position: relative;
	display: block
}
}
.cooktail-mixer {
	width: 100%;
	height: 100%;
	position: relative
}
@media only screen and (min-width:1025px) {
.cooktail-mixer .element {
	position: absolute;
	top: 0;
	left: 0
}
}
.elements-wrap {
	position: relative;
	height: 50vw
}
@media only screen and (max-width:1024px) {
.elements-wrap {
	height: 75vh;
	box-sizing: border-box;
	margin-top: 15vh;
	min-height: 400px
}
}
.el-box {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden
}
@media only screen and (max-width:1024px) {
.el-box {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}
.el-box:before {
	content: '';
	-ms-flex-item-align: start;
	align-self: flex-start
}
.el-box:after {
	content: '';
	-ms-flex-item-align: end;
	align-self: flex-end
}
}
.type-0__element-0 {
	opacity: 0;
	transition: 1s opacity
}
.type-0__element-0.active {
	opacity: 1;
	visibility: visible
}
.cocktail-glass .image, .el-box .image {
	display: inline-block
}
@media only screen and (min-width:1025px) {
.cocktail-glass .image, .el-box .image {
	width: 100%;
	height: 100%
}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.cocktail-glass .image, .el-box .image {
	max-width: 50%;
	max-height: 650px
}
}
@media only screen and (max-width:639px) {
.cocktail-glass .image, .el-box .image {
	max-width: 50%;
	max-height: 400px
}
}
.mixer-progress {
	width: 100%;
	height: 100%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50% 0;
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
@media only screen and (min-width:1025px) {
.sense-bottle {
	position: absolute;
	top: 0;
	left: 0;
	width: 15.77vw;
	height: 44.97vw
}
}
.cocktail-glass {
	display: inline-block;
	opacity: 0;
	visibility: hidden
}
@media only screen and (max-width:1024px) {
.cocktail-glass {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}
.cocktail-glass:before {
	content: '';
	-ms-flex-item-align: start;
	align-self: flex-start
}
.cocktail-glass:after {
	content: '';
	-ms-flex-item-align: end;
	align-self: flex-end
}
}
@media only screen and (min-width:1025px) {
.cocktail-glass {
	position: absolute;
	top: calc(50% - 22.325vw);
	left: calc(45% - 14.375vw);
	width: 28.08vw;
	height: 43.6vw
}
}
@media only screen and (min-width:1025px) {
.type-1__element-1 {
	width: 11.08vw;
	height: 33.45vw
}
.type-1__element-2 {
	width: 11.96vw;
	height: 22.12vw
}
.type-1__element-3 {
	width: 6.45vw;
	height: 6.35vw
}
.type-1__element-4 {
	width: 13.57vw;
	height: 17.58vw
}
.type-1__element-5 {
	width: 7.28vw;
	height: 6.93vw
}
.type-1__element-6 {
	width: 5.62vw;
	height: 42.92vw
}
.type-1__element-7 {
	width: 11.77vw;
	height: 8.3vw
}
.type-1__element-8 {
	width: 11.23vw;
	height: 8.45vw
}
.type-1__element-9 {
	width: 14.55vw;
	height: 12.5vw
}
.type-1__element-10 {
	width: 15.38vw;
	height: 23.63vw
}
.type-1__element-11 {
	width: 15.19vw;
	height: 33.11vw
}
.type-1__element-12 {
	width: 14.36vw;
	height: 14.01vw
}
.type-1__element-13 {
	width: 27.93vw;
	height: 13.96vw
}
.type-1__element-14 {
	width: 20.26vw;
	height: 32.57vw
}
.type-1__element-15 {
	width: 19.97vw;
	height: 30.37vw
}
.type-1__element-16 {
	width: 18.7vw;
	height: 13.67vw
}
.type-1__element-17 {
	width: 17.63vw;
	height: 26.86vw
}
.type-1__element-18 {
	width: 10.55vw;
	height: 15.43vw
}
.type-1__element-19 {
	height: 10.55vw;
	width: 15.43vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-mixer.tonic .sense-bottle {
	top: 2.64vw;
	left: 41.89vw
}
.cooktail-mixer.tonic .type-1__element-1 {
	top: 4.05vw;
	left: 19.19vw
}
.cooktail-mixer.tonic .type-1__element-7 {
	top: 38.92vw;
	left: 20.51vw
}
.cooktail-mixer.tonic .type-1__element-10 {
	top: 23.29vw;
	left: 60.06vw
}
.cooktail-mixer.tonic .type-1__element-8 {
	top: 1.03vw;
	left: 62.5vw
}
.cooktail-mixer.tonic .type-1__element-6 {
	top: 4.79vw;
	left: 33.25vw
}
.cooktail-mixer.tonic .type-1__element-9 {
	top: 10.79vw;
	left: 60.06vw
}
.cooktail-mixer.tonic .type-1__element-13 {
	top: 10.79vw;
	left: 60.06vw
}
.cooktail-mixer.tonic .type-1__element-15 {
	top: 10.79vw;
	left: 60.06vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-mixer.martini .sense-bottle {
	top: 2.64vw;
	left: 41.89vw
}
.cooktail-mixer.martini .type-1__element-7 {
	top: 29.54vw;
	left: 31.01vw
}
.cooktail-mixer.martini .type-1__element-9 {
	top: 2.1vw;
	left: 28.96vw
}
.cooktail-mixer.martini .type-1__element-11 {
	top: 1.17vw;
	left: 16.36vw
}
.cooktail-mixer.martini .type-1__element-12 {
	top: 2.44vw;
	left: 59.57vw
}
.cooktail-mixer.martini .type-1__element-13 {
	top: 34.67vw;
	left: 15.63vw
}
.cooktail-mixer.martini .type-1__element-15 {
	top: 17.58vw;
	left: 55.66vw
}
.cooktail-mixer.martini .type-1__element-4 {
	top: 14.16vw;
	left: 29.79vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-mixer.gibson .sense-bottle {
	top: 1.22vw;
	left: 41.89vw
}
.cooktail-mixer.gibson .type-1__element-4 {
	top: 14.16vw;
	left: 29.79vw
}
.cooktail-mixer.gibson .type-1__element-7 {
	top: 27.83vw;
	left: 29.79vw
}
.cooktail-mixer.gibson .type-1__element-18 {
	top: 2.44vw;
	left: 28.96vw
}
.cooktail-mixer.gibson .type-1__element-13 {
	top: 34.67vw;
	left: 15.63vw
}
.cooktail-mixer.gibson .type-1__element-11 {
	top: 1.12vw;
	left: 14.65vw
}
.cooktail-mixer.gibson .type-1__element-15 {
	top: 17.58vw;
	left: 56.64vw
}
.cooktail-mixer.gibson .type-1__element-16 {
	top: 2.83vw;
	left: 56.64vw
}
.cooktail-mixer.gibson .type-1__element-9 {
	top: 3.42vw;
	left: 29.79vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-mixer.last-world .sense-bottle {
	top: 2.64vw;
	left: 39.06vw
}
.cooktail-mixer.last-world .type-1__element-1 {
	top: 4.05vw;
	left: 19.19vw
}
.cooktail-mixer.last-world .type-1__element-7 {
	top: 36.62vw;
	left: 18.07vw
}
.cooktail-mixer.last-world .type-1__element-10 {
	top: 23.29vw;
	left: 60.06vw
}
.cooktail-mixer.last-world .type-1__element-8 {
	top: 1.46vw;
	left: 60.55vw
}
.cooktail-mixer.last-world .type-1__element-6 {
	top: 5.37vw;
	left: 31.98vw
}
.cooktail-mixer.last-world .type-1__element-9 {
	top: 10.79vw;
	left: 60.06vw
}
.cooktail-mixer.last-world .type-1__element-13 {
	top: 10.79vw;
	left: 60.06vw
}
.cooktail-mixer.last-world .type-1__element-11 {
	top: 1.12vw;
	left: 16.11vw
}
.cooktail-mixer.last-world .type-1__element-15 {
	top: 10.79vw;
	left: 60.06vw
}
.cooktail-mixer.last-world .type-1__element-17 {
	top: 12.21vw;
	left: 60.06vw
}
.cooktail-mixer.last-world .type-1__element-18 {
	top: 22.46vw;
	left: 50.78vw
}
.cooktail-mixer.last-world .type-1__element-18 {
	top: 22.46vw;
	left: 50.78vw
}
.cooktail-mixer.last-world .type-1__element-19 {
	top: 39.06vw;
	left: 59.57vw
}
}
@media only screen and (min-width:1025px) {
.cooktail-mixer.ginfizz .sense-bottle {
	top: 2.64vw;
	left: 41.89vw
}
.cooktail-mixer.ginfizz .type-1__element-1 {
	top: 1.46vw;
	left: 16.11vw
}
.cooktail-mixer.ginfizz .type-1__element-2 {
	top: 3.91vw;
	left: 62.01vw
}
.cooktail-mixer.ginfizz .type-1__element-3 {
	top: 12.21vw;
	left: 34.18vw
}
.cooktail-mixer.ginfizz .type-1__element-4 {
	top: 28.81vw;
	left: 60.06vw
}
.cooktail-mixer.ginfizz .type-1__element-5 {
	top: 3.42vw;
	left: 33.2vw
}
.cooktail-mixer.ginfizz .type-1__element-7 {
	top: 37.6vw;
	left: 17.09vw
}
.cooktail-mixer.ginfizz .type-1__element-6 {
	top: 3.42vw;
	left: 30.27vw
}
}

.pro_middle { color:#fff; width:100%; overflow:hidden;}
.mixology-section h2 { background:#000; padding:30px 0; margin:0;}
.mixology-section h2 img { margin:auto; display:block;}
.about_text { width:840px; background:rgba(0,0,0,0.5); margin:125px auto 30px; padding:25px 15px 60px;}
.about_text h3 { font-size:36px; font-weight:bold; margin:0; text-align:center;}
.about_text h4 { font-size:23px; line-height:42px; margin:0;}
.about_text p { font-size:14px; line-height:30px;}
.about_text a { transition:all 0.3s ease; display:block;}
.about_text a:hover { color:#bcbcbc;}
.mixology-section .more { display:block; width:108px; margin:0 auto 45px; overflow:hidden;}

.market_box { position:relative;}
.market_middle h2 { background:#000; padding:30px 0; height:88px; margin:0;}
.market_middle h2 img { margin:auto; display:block;}
.market_middle ul { overflow:hidden; margin:265px auto 75px; width:1162px;}
.market_middle ul li { float:left; margin:0 30px; list-style:none;}
.market_middle ul li img { display:block;}
.market_middle ul li a span { background:#fff; font-size:20px; color:#000; display:block; line-height:58px; text-align:center; transition:all 0.3s ease;}
.market_middle ul li:hover span { color:#e7225e;}

.join_middle {}
.join_text { background:rgba(0,0,0,0.7); width:820px; padding:25px 15px; margin:120px auto 65px;}
.join_text h3 { font-size:36px; line-height:60px; color:#fff; font-weight:bold; margin:0; text-align:center;}
.join_text h4 { font-size:15px; color:#e7225e; margin:0; line-height:35px;}
.join_text p { font-size:14px; line-height:30px;}
.join_text a { transition:all 0.3s ease;display:block;}
.join_text a:hover { color:#bcbcbc; }

.manage_text { overflow:hidden;}
.manage_text .manage_left { width:50%; float:left; overflow:hidden;}
.manage_text .manage_right { width:50%; float:right;}
.manage_text .manage_left img,.manage_text .manage_right img { width:100%; display:block;}

.product_text ul { width:930px; overflow:hidden; margin:85px auto 20px; padding:0;}
.product_text ul li { float:left; margin:2px; list-style:none;}
 

#SENSE_bottom { overflow:hidden; background:#fff;}
#SENSE_bottom .left { text-align:left; float:left; width:45%; padding:100px 0 0 5%; background: url(../images/bg3.gif) no-repeat; background-size:cover; height:718px;}
#SENSE_bottom .left h3 { color:#ff0048; font-size:29px; text-transform:uppercase; line-height:36px; font-weight:normal; width:350px; margin:0; padding:0;}
#SENSE_bottom .left h4 { font-size:44px; margin:0; padding:0; font-weight:normal;}
#SENSE_bottom .left p { font-size:14px; line-height:24px;}
#SENSE_bottom .left p.news_title { font-size:30px; color:#ff0048; text-transform:uppercase; line-height:34px; padding-top:5px;}
#SENSE_bottom .left p.news_title2 { font-size:44px; line-height:46px;}
#SENSE_bottom .left .text { float:left; width:360px;}
#SENSE_bottom .left img { float:right; margin-right:15%; padding-bottom:20px;}

#SENSE_bottom .left ul { margin:0; padding:0;}
#SENSE_bottom .left ul li { overflow:hidden; font-size:14px; line-height:30px; margin:0; padding:0;}
#SENSE_bottom .left ul li a { float:left; color:#000; transition:all 0.3s ease;}
#SENSE_bottom .left ul li span { float:right; color:#ff0048;}
#SENSE_bottom .left ul li:hover a { color:#ff0048;}
@media screen and (max-width:1380px){
#SENSE_bottom .left img { margin-right:5%;}	
}
@media screen and (max-width:1230px){
#SENSE_bottom .left img { margin-right:0;}	
}

#SENSE_bottom .right { float:left; width:50%; height:818px; background:url(../images/bg5.jpg) bottom left no-repeat; background-size:cover; text-align:left; text-transform:uppercase;}
#SENSE_bottom .right .text { background:#fff; width:315px; padding:25px; margin:196px 0 295px 55px;}
#SENSE_bottom .right .text h4 { font-size:30px; line-height:36px; color:#ff0048; font-weight:normal; margin:0; }
#SENSE_bottom .right .text h3 { font-size:44px; margin:0; font-weight:normal;}
#SENSE_bottom .right .text p a { font-size:14px; line-height:30px; color:#000; display:block; transition:all 0.3s ease;}
#SENSE_bottom .right .text p a:hover { color:#ff0048;}



.contact { background:url(../images/contact_bg.jpg) no-repeat bottom left; background-size:cover;}
.contact .text { margin:130px auto 0; width:483px; background:rgba(0,0,0,0.7); padding:40px;}
.contact .bbs_button { width:480px; text-align:center; display:inline-block; background:#ff0048; font-size:32px; font-weight:bold; height:60px; line-height:54px; margin-top:5px; transition:all 0.5s ease;}
.contact .bbs_button:hover { border-radius:35px;}


.nav2 { background:#000; list-style:none; position:fixed; top:0; margin:0; width:165px; height:80%; padding:280px 0 0 0; z-index:998; transition:all 0.5s ease;}
.nav2 li { list-style:none; font-size:16px; line-height:40px; display:block; padding-left:40px; position: relative;}
.nav2 li a { color:#fff; font-weight:bold; display:inline-block; margin-bottom:3px;}
.nav2 li a:after { content:''; display:none; width:30px; margin:auto; height:3px; background:#fff;}
.nav2 li:hover p a:after { display:block;}
.nav2 li:hover p a { margin-bottom:0;}
.nav2 li div { position: absolute; left:130px; display: none; top: 0; z-index: 999; width:70px; padding:5px 10px; background:rgba(0,0,0,0.8); border:#4d3d38 solid 1px;}
.nav2 li div a { display: block; font-size:14px; color:#ff0048; line-height: 24px;}
.nav2 li:hover div { display: block;}
.nav2 li div a:hover:after { display: block; margin: auto;}
.nav2 li div a:hover { margin-bottom: 0;}


.but { position:fixed; left:10px; top:20px; z-index:999;}
.but .nav_ico { width:31px; height:19px; padding:10px 13px 24px; border:#fff solid 3px; border-radius:50%; margin:15px auto; overflow:hidden;}
.but .nav_ico p { color:#fff; font-size:14px; text-align:center; padding-bottom: 2px;}
.but span { width:30px; height:2px; background:#fff; display:block; margin-bottom:2px;}
.but div:hover { cursor:pointer;}