@import url('https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext');
/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); */
@import url('https://use.typekit.net/okb4keb.css');

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('../fonts/BebasNeueBook.eot');
    src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBook.woff2') format('woff2'),
        url('../fonts/BebasNeueBook.woff') format('woff'),
        url('../fonts/BebasNeueBook.ttf') format('truetype'),
        url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.eot');
    src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('../fonts/BebasNeue-Regular.woff') format('woff'),
        url('../fonts/BebasNeue-Regular.ttf') format('truetype'),
        url('../fonts/BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 */


@font-face {font-family: 'Garamond'; font-weight: 400; src: url('../fonts/AGaramondPro-Regular.eot');src: url('../fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/AGaramondPro-Regular.woff') format('woff'),url('../fonts/AGaramondPro-Regular.woff2') format('woff'),url('../fonts/AGaramondPro-Regular.ttf') format('truetype');}
@font-face {font-family: 'Garamond'; font-weight: 700; src: url('../fonts/AGaramondPro-Bold.eot');src: url('../fonts/AGaramondPro-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/AGaramondPro-Bold.woff') format('woff'),url('../fonts/AGaramondPro-Bold.woff2') format('woff'),url('../fonts/AGaramondPro-Bold.ttf') format('truetype');}

@font-face {font-family: 'English'; font-weight: 400; src: url('../fonts/english.eot');src: url('../fonts/english.eot?#iefix') format('embedded-opentype'),url('../fonts/english.woff') format('woff'),url('../fonts/english.woff2') format('woff'),url('../fonts/english.ttf') format('truetype');}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height: auto; display: block; margin: 0 auto;}
a { color: #a3703d; text-decoration: underline; cursor: pointer;}
a:tel { color: #000000; text-decoration: none; }
a:hover { text-decoration: none;}
strong { font-weight: 700; }
p { padding: 0.6em 0; margin: 0;}
html, body {height: 100%; font-size: 24px;}
body {  background: #ffffff url('../images/bg.jpg') no-repeat center top; text-align: center; font-family: 'Bebas Neue Book', "Times New Roman", "serif"; font-size: 1rem; line-height: 1.25; text-transform: uppercase; color: #000000; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
header { background: #ffffff; position: fixed; left: 0; top: 0; z-index: 100; width: 100%;}
header .content { width: 89.5%; margin: 0 auto; padding: 30px 0 23px; }
.logo { display: block; width: 157px; float: left; }
.facebook { display: block; width: 53px; margin: 6px 0 0 0; float: right; }
header nav { display: inline-block; }
#menu { padding: 23px 0 0 0; margin: 0; display: inline-block; list-style: none; font-family: "bebas-neue-pro", "Times New Roman", "serif";  font-size: 28px; font-size: 1.167rem; color: #626268; }
#menu li { padding: 0; margin: 0; list-style: none; display: inline-block; vertical-align: middle; border-right: 1px solid #c7c7c7; }
#menu li:last-child { border-right: 0; }
#menu a { color: #626268; text-decoration: none; -webkit-transform: scale(.8, 1); -moz-transform: scale(.8, 1); transform: scale(.8, 1); display: inline-block; }
#menu a:hover, #menu li.active a { text-decoration: none; color: #a3703d; }
#fullpage { position: relative; z-index: 10;}
.section { border-bottom: 4px solid #ffffff; background: #ffffff url('../images/bg.jpg') no-repeat center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; background-attachment: fixed; overflow: hidden; position: relative; }

.sword { width: 32.4%; display: block; position: absolute; left: 3.2%; max-width: 622px; top: 50%; -webkit-transform: translateY(-23.8%); -moz-transform: translateY(-23.8%); transform: translateY(-23.8%);}
.vodka { display: block; position: absolute; width: 16%; max-width: 360px; right: 7.4%; bottom: 0; -webkit-transform: translateY(2.5%); -moz-transform: translateY(2.5%); transform: translateY(2.5%);}

#home .content { width: 50%; position: absolute; left: 29.2%; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-family: English; font-size: 35px; font-size: 1.458rem; line-height: 0.95; text-transform: none; color: #030303; padding: 85px 0 0 0; }
#home .content p { width: 90%; max-width: 640px; margin: 0 auto; }
h1 { max-width: 771px; margin: 0 auto; }
.header { display: block; width: 98%; position: relative; margin: 0 auto 0.3em; }
.seal { display: block; position: relative; margin: 0.65em auto 0; width: 49.7%; max-width: 383px; }
.flag { display: block; position: absolute; top: 127px; right: 2.9%; width: 4.8%; max-width: 92px; }


#product img { width: 45.8%; max-width: 780px; position: absolute; right: 0; bottom: 0; }
#product .content { width: 52.7%; max-width: 785px; font-family: "bebas-neue-pro", "Times New Roman", "serif";  font-size: 1.375rem; color: #a3703d; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-97.3%, -50%); -moz-transform: translate(-97.3%, -50%); transform: translate(-97.3%, -50%); padding: 115px 0 0 30px; }
#contact .content { width: 54.9%; max-width: 770px; padding: 0 30px 0 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-4.8%, -50%); -moz-transform: translate(-4.8%, -50%); transform: translate(-4.8%, -50%); z-index: 3;}
#contact a { color: #000000; text-decoration: none;}
.vsplash { position: absolute; width: 60.6%; max-width: 1163px; left: 0; top: 127px; z-index: 1;}
.back { display: inline-block; position: absolute; font-size: 20px; font-size: 0.8333rem; bottom: 150px; right: 2.8%; cursor: pointer; z-index: 9; color: #626268;}
.back span { display: block; position: relative; padding: 0.75em 0 0 0; -webkit-transform: scale(.8, 1); -moz-transform: scale(.8, 1); transform: scale(.8, 1); }
.back span:after { position: absolute; content: ''; left: 0; bottom: -1px; background: #626268; display: block; width: 100%; height: 1px; overflow: hidden;}

footer { position: absolute; width: 100%; left: 0; bottom: 0; background: #ffffff url(../images/footer.png) repeat-x center top; font-size: 20px; font-size: 0.8333rem; z-index: 99; }
footer .contentf { padding: 1.95em 30px 1.75em;}
.hamburger { padding: 5px; display: none; cursor: pointer; transition-duration: .15s; transition-timing-function: linear; background-color: transparent; border: 0; margin: 0; line-height: 1; overflow: visible; float: right;
}
.hamburger:focus { outline: none; }
.hamburger-box { width: 27px; height: 17px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -1.5px; width: 27px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { height: 3px; background-color: #a3703d; border-radius: 0; position: absolute; transition-duration: .15s; transition-timing-function: ease; }
.hamburger-inner:before { content: ""; display: block; top: -7px; width: 100%; transition-property: width,-webkit-transform; transition-property: transform,width; transition-property: transform,width,-webkit-transform; transition-timing-function: ease; transition-duration: .25s; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { content: ""; display: block; height: 3px; background-color: #a3703d; border-radius: 0; position: absolute; transition-duration: .15s; transition-timing-function: ease; }
.hamburger-inner:after { bottom: -7px; width: 100%; transition-property: width,-webkit-transform; transition-property: transform,width; transition-property: transform,width,-webkit-transform; transition-timing-function: ease; transition-duration: .15s; }

.hamburger.is-active .hamburger-inner { top: 3px; -webkit-transform: translate3d(0,7px,0) rotate(45deg); transform: translate3d(0,7px,0) rotate(45deg); }
.hamburger.is-active .hamburger-inner:before { -webkit-transform: rotate(-45deg) translate3d(-3.57143px,-5px,0); transform: rotate(-45deg) translate3d(-3.57143px,-5px,0); width: 27px; opacity: 0; }
.hamburger.is-active .hamburger-inner:after { -webkit-transform: translate3d(0,-7px,0) rotate(-90deg); transform: translate3d(0,-7px,0) rotate(-90deg); width: 27px;}
nav.is-active { max-height: 800px;}

#age { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 120; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
#age.hide { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}
#age .logo, #blank .logo { width: 220px; }
#age .logo-head, #blank .logo-head  { position: absolute; left: 3.1%; top: 2rem; }
#age .flag { top: 0; width: 89px; right: 3.9%;}
#age .content { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0 5%;}
#age .question {font-family: "bebas-neue-pro", "Times New Roman", "serif";  font-size: 73px; font-size: 3.042rem; font-weight: 700; }
#age .question span { display: block; -webkit-transform: scale(.8, 1); -moz-transform: scale(.8, 1); transform: scale(.8, 1); margin: 0 -1.5em; }
#age .question .header { max-width: 100%; width: auto; margin: 0 auto 0.75em;}
#age .yes, #age .no { display: inline-block; vertical-align: middle; font-family: "bebas-neue-pro", "Times New Roman", "serif";  font-size: 73px; font-size: 3.042rem; font-weight: 700; position: relative; margin: 0.75em auto 0.85em; line-height: 1; }
#age .yes label, #age .no label { display: block; position: relative; padding: 0 50px 0 123px;}
#age .yes input, #age .no input { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}
#age label:before { content: ''; display: block; width: 99px; height: 97px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #fafafa; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: inset 0px 3px 9px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow:    inset 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
box-shadow:         inset 0px 3px 15px 0px rgba(0, 0, 0, 0.65);}
#age label:after { content: ''; display: none; width: 62px; height: 56px; position: absolute; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: 19px; background: url(../images/checked.png) no-repeat center center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
#age input[type=radio]:checked + label:after { display: block;}
#age .info { color: #a3703d; font-size: 27px; font-size: 1.125rem; max-width: 780px; margin: 0 auto 0.75em;}

.cookiepolicy { position: fixed; right: 2.5%; bottom: 0; z-index: 120; color: #a3703d; font-size: 14px; max-width: 378px; padding: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e0e0e0; background: #fafafa; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25);}
.cookiepolicy-content { background: #FFFFFF; padding: 2.25em 8.5% 1.25em; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.25); box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.25);}
.cookiepolicy .close { position: absolute; top: -12px; right: -9px; display: block; width: 40px; height: 42px; border: 1px solid #e0e0e0; background: #fafafa; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); text-indent: -9999px;}
.cookiepolicy .close:before { content: ''; display: block; position: absolute; z-index: 1; left: 6px; top: 6px; right: 6px; bottom: 6px; background: #FFFFFF; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.25); box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.25);}
.cookiepolicy .close:after { content: ''; display: block; width: 42.9%; height: 45%; position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/close.png) no-repeat center center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.cookiepolicy .button { display: block; width: 100px; height: 32px; float: right; background: url(../images/agree.png) no-repeat center center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; text-indent: -9999px; margin: 1em 0 0 0; position: relative; right:  -10.8%;}
.cookiepolicy span { display: block; }
#blank { display: block; width: 100%; height: 100%;}
#blank .content { position: relative; top: 50%; padding: 0 8%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
#blank .info { font-size: 30px; font-size: 1.25rem; color: #a3703d; margin: -1em 0 0 0;}
#blank .question { color: #a3703d; font-size: 80px; font-size: 3.333rem; font-weight: 700; display: inline-block; position: relative;}
#blank .question span { position: absolute; display: inline-block; -webkit-transform: scale(.8, 1) translate(-255%, 92%); -moz-transform: scale(.8, 1) translate(-255%, 92%); transform: scale(.8, 1) translate(-255%, 92%); left: 50%; bottom: 50%; }
#blank .facebook-contact { position: absolute; bottom: 2rem; right: 4%; font-size: 20px; font-size: 0.8333rem; text-decoration: none; color: #000000;}
#blank .facebook-contact span { display: inline-block; vertical-align: middle; -webkit-transform: scale(.8, 1); -moz-transform: scale(.8, 1); transform: scale(.8, 1);}
#blank .facebook-contact img { width: 2.2em; height: 2.1em; display: inline-block; vertical-align: middle;}

.content:after, .cookiepolicy-content:after { content: ''; display: block; clear: both; }

@media screen and (min-width: 1690px) {
	.vodka { width:auto; max-width: 380px; max-height: 72.5%;
	}
}

@media screen and (min-width: 1531px) and (max-width: 1690px) {
	.vodka{width:auto; max-width: 380px; max-height: 70%;}
	.sword{width:auto; max-height: 70%;}
}

@media screen and (min-width: 1381px) and (max-width: 1530px) {
	.vodka{width:auto; max-width: 380px; max-height: 70%;}
	.sword{width:auto; max-height: 65%; transform: translateY(-22.8%);}
}

@media screen and (min-width: 991px) and (max-width: 1380px) {
	.sword{width:auto; max-height: 50%; transform: translateY(0%);}
}

.hide-mobile { display: none; }
@media screen and (min-width: 1381px) and (max-height: 890px) {
	header .content { padding: 10px 0 10px; }
	.logo { width: 120px; }
	#menu { padding: 12px 0 0 0; }
	.facebook { width: 43px; margin: 8px 0 0 0;}
	html, body { font-size: 20px;}
	h1 { max-width: 621px;}
	#home .content p { max-width: 540px;}
	.seal { max-width: 263px;}
	.flag { top: 69px; max-width: 82px;}
	footer .contentf { padding: 1.65em 30px 1.55em;}
	.vsplash { top: 76px;}
	#product .content { padding: 65px 0 0 30px; }
	.back { bottom: 100px; }
	#age .yes label, #age .no label { display: inline-block; padding: 0 0.5em 0 1.5em; }
	#age label:before { width: 1.25em; height: 1.2em;}
	#age label:after { width: 0.9em; height: 0.85em; left: 0.175em; }
	#blank .content img { max-width: 75%;}
}
@media screen and (min-width: 1381px) and (max-height: 600px ) {
	h1 { max-width: 361px;}
	#product .content { font-size: 1rem;}
	.logo-bzk { max-width: 150px;}
} 

@media screen and (min-width: 991px) {
	.hide-mobile { display: block; }
	.hide-desktop { display: none; }
	#product img { width: 45.8%; max-height: 913px !important; height: auto !important; }
}



@media screen and (max-width: 1380px) {
	header .content { padding: 10px 0 10px; }
	.logo { width: 120px; }
	#menu { padding: 12px 0 0 0; }
	.facebook { width: 43px; margin: 8px 0 0 0;}
	html, body { font-size: 20px;}
	h1 { max-width: 621px;}
	#home .content p { max-width: 540px;}
	.seal { max-width: 263px;}
	.flag { top: 69px; max-width: 82px;}
	footer .contentf { padding: 1.65em 30px 1.55em;}
	.vsplash { top: 76px;}
	#product .content { padding: 65px 0 0 30px; }
	.back { bottom: 100px; }
	#age .logo, #blank .logo { width: 150px;}
	#age .flag { width: 76px;}
	#age .yes label, #age .no label { display: inline-block; padding: 0 0.5em 0 1.5em; }
	#age label:before { width: 1.25em; height: 1.2em;}
	#age label:after { width: 0.9em; height: 0.85em; left: 0.175em; }
	#blank .content img { max-width: 75%;}
}
@media screen and (min-width: 991px) and (max-width: 1380px) and (max-height: 651px ) {
	h1 { max-width: 421px;}
	.seal { max-width: 163px;}
	#product .content { font-size: 20px; font-size: 1rem;}
	.logo-bzk { max-width: 150px;}
	#age .question .header { max-width: 450px;}
}
@media screen and (min-width: 991px) and (max-width: 1380px) and (max-height: 420px ) {
	#product .content { width: 70%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; z-index: 5; font-size: 18px;}
	#product img { width: 32%; top: 65%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
	#home .content { font-size: 1.15rem;}
	h1 { max-width: 250px;}
	#contact .address, #contact .name { display: none;}
	#contact .content { -webkit-transform: translate(-20.8%, -50%); -moz-transform: translate(-20.8%, -50%); transform: translate(-20.8%, -50%); }
}
@media screen and (max-width: 990px) {
	
	html, body { font-size: 16px;}
	body, .section { -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; background-position: center center;}
	.logo, #age .logo { width: 69px; }szek
	body.blank-page { background-position: center top; }
	#age .logo-head { top: 13px; left: 7.5%;}
	header .content { padding: 13px 0 9px; }
	.hamburger { display: block; }
	header nav { display: block; clear: both; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; transition: max-height 0.5s;}
	#menu { display: block; font-size: 23px;}
	#menu li { display: block; border-bottom: 1px solid #e7e7e7; border-right: 0; }
	#menu li:last-child { border-bottom: 0;}
	#menu a { display: block; padding: 0.5em 0 0.3em;}
	.flag { top: 54px; width: 8.8%; max-width: 92px;}
	#home .content { width: 63.5%; left: 5.9%; padding: 0; top: 17.2%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
	.sword { width: 46.6%; left: 4.4%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); top: 36%;}
	.vodka { width: 40%	; right: 3.4%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); top: 20%; bottom: auto;} 
 	#product img { width: auto; max-height: 644px; max-width: 62.6%; bottom: 32px;} 
	#product .content { width: 100%; max-width: 100%; font-size: 4vw; padding: 0 8%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; line-height: 1.25; top: 70px;}
	footer { position: fixed; font-size: 9px; background-size: 150% auto; }
	footer .contentf { padding: 1.35em 30px 1.25em; }
	#contact .content { font-size: 16px; font-size: 3.5vw; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; padding: 20px 8% 0;}
	.logo-bzk { width: 36.8%; max-width: 227px; }
	.back { font-size: 9px; bottom: 53px;}
	.back span { padding: 0.25em 0 0 0; }
	.back img { width: 42%; }
	.facebook-contact { font-size: 8px; display: inline-block; position: absolute; bottom: 53px; left: 6.9%;}
	.facebook-contact img { display: inline-block; vertical-align: middle; width: 30px;}
	.facebook-contact span { display: inline-block; vertical-align: middle; line-height: 1; padding: 2px 0 0 0; -webkit-transform: scale(.8, 1); -moz-transform: scale(.8, 1); transform: scale(.8, 1);}
	#home-mobile .content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 23px; font-size: 5vw; font-family: English; padding: 0 10.6%; text-transform: none; line-height: 1; }
	#home-mobile .seal-home { width: 54%; max-width: 383px; margin: 0.5em auto 0; }
	#age .question, #age .yes, #age .no { font-size: 30px; font-size: 8.2vw; display: block;}
	#age .yes label, #age .no label { display: inline-block; padding: 0 0 0 1.5em; }
	#age .question .header { margin: 0 auto 0.25em; }
	#age label:before { width: 1.25em; height: 1.2em;}
	#age label:after { width: 0.9em; height: 0.85em; left: 0.175em; }
	#age .info { font-size: 11px; font-size: 2.9vw;}
	#age .question span { margin: 0 -1.5em;}
	#age .question .header { width: 80%;}
	#blank .logo-head { width: 44.1%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
	#blank .logo { width: 100%; float: none; }
	#blank .content img { max-width: 100%; }
	#blank .question { font-size: 24px; font-size: 8vw;}
	#blank .info { font-size: 11px; font-size: 3.7vw;}
	#blank .facebook-contact { left: auto;}

	#home-mobile .header-home, #home-mobile p{ font-size: 2.5rem;}
	
}
@media screen and (max-width: 990px) and (orientation: landscape) {
	.sword { display: none;}
	.vodka { width: auto; height: 90%; max-height: 890px; min-height: 520px; left: 75%; right: auto; top: 50%; transform: translate(-50%,-40%);}
	#contact .content, #product .content { font-size: 20px; font-size: 1.375rem; }
	#home-mobile .content { font-size: 23px; font-size: 2.091rem; }
	#home-mobile .header-home { max-width: 350px; }
	#home-mobile .seal-home {  max-width: 200px;}
	#product img { display: none;}
	#product .content { top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding-top: 20px;}
	#age .question, #age .yes, #age .no { font-size: 30px; font-size: 3.042rem; }
	#age .yes, #age .no { display: inline-block; }
	#age .info { font-size: 11px; font-size: 1rem;}
	#age .question .header { max-width: 350px; width: 80%;}
	#age .yes label, #age .no label { padding: 0 0.55em 0 1.5em; }
	.cookiepolicy { font-size: 11px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 90%;}
	.cookiepolicy .button { width: 83px; height: 26px;}
	.cookiepolicy .close { width: 30px; height: 30px; top: -7px; right: -4px;}
	#blank .logo { width: 150px; margin: 0 auto;}
	#blank .content img { max-width: 460px; }
	#blank .question { font-size: 24px; font-size: 2.5rem;}
	#blank .info { font-size: 11px; font-size: 1rem;}
}
@media screen and (max-width: 990px) and (max-height: 450px ) {
	#home-mobile .header-home, #home-mobile .seal-home { display: none;}
	#product img { display: none;}
	#contact .address, #contact .name { display: none;}
	.logo-bzk { max-width: 150px;}
	#contact .splash { display: none;}
	#blank .content { padding-top: 3em;}
	#blank .content img { max-width: 250px; width: 100%; }
	#blank .question { font-size: 24px; font-size: 1.5rem;}
	#blank .logo { width: 120px;}
}

@media screen and (max-width: 650px) {
	#blank .logo { width: 100%; float: none; }
}
@media screen and (max-width: 650px) and (orientation: landscape) {
	#product .content, #contact .content { font-size: 16px;}
}
@media screen and (max-width: 500px) {


	html, body { font-size: 11px;}
	#home .content { top: 80px;}
	#contact .content { max-width: 75%;}
	#home-mobile .header-home, #home-mobile .seal-home, #contact .address, #contact .name { display: block;}
	#age .content { padding: 50px 7.5% 0;}
	#age .info { font-size: 11px; font-size: 1rem;}
	.cookiepolicy { font-size: 11px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 90%;}
	.cookiepolicy .button { width: 83px; height: 26px;}
	.cookiepolicy .close { width: 30px; height: 30px; top: -7px; right: -4px;}
	#blank .content img { max-width: 100%; width: 100%;}
	#blank .question { font-size: 30px; font-size: 8vw;}
	/* #product img { width: auto; max-height: 250px;  max-width: 50.6%;;} */
}
@media screen and (max-width: 480px) and (orientation: landscape) {
	#home .content { top: 80px;}
	.vodka { min-height: 300px;}
	#home-mobile .header-home, #home-mobile .seal-home { display: none;}
	#contact .address, #contact .name { display: none;}
	#contact .content { padding: 0 8% 0; max-width: 100%; }
	#product img { display: none;}
	#age .question, #age .yes, #age .no { font-size: 30px; font-size: 2.727rem; }
	#age .question .header { display: none;}
	#blank .logo { width: 120px;}
	#blank .question { font-size: 1.75rem;}
	#blank .content img { max-width: 200px;}
	#product .content, #contact .content { font-size: 11px; font-size: 1rem;}
	
	
}
@media screen and (min-width: 321px) and (max-width: 480px) and (max-height: 300px) {
	#contact .splash { display: none;}
}
@media screen and (max-width: 320px) {
	html, body { font-size: 11px;}
	#product .content, #contact .content { font-size: 11px; font-size: 1rem;}
	#home-mobile .content { font-size: 23px; font-size: 2.091rem;}
	#product img { display: block;}
	#age .question, #age .yes, #age .no { font-size: 30px; font-size: 2.727rem; }
	#age .info, #blank .info { font-size: 11px; font-size: 1rem;}
}
@media screen and (max-width: 320px) and (orientation: landscape) {
	.vodka { display: none;}
	#home .content { width: 100%; left: 0; padding: 0 18% 0 10%;}
	#contact .address, #contact .name { display: none;}
	#home-mobile .header-home, #home-mobile .seal-home, #product img { display: none;}
	#age .question, #age .yes, #age .no { font-size: 16px; font-size: 1.5rem; }
}
@media screen and (max-width: 300px) {
	#contact .address, #contact .name { display: none;}
}