@font-face {
    font-family: 'FSKim';
    src: url('fonts/fskim-medium-cyr-webfont.woff2') format('woff2'),
         url('fonts/fskim-medium-cyr-webfont.woff') format('woff'),
         url('fonts/fskim-medium-cyr-webfont.svg#FSKim') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	height:100%;
}
body {
	height:100%;
	font-family:'FSKim', serif;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	color:#e9b468;
	background:url('../images/bgr-home.jpg') no-repeat top center #000;
	background-size:cover;
	background-attachment:fixed;
}
body.age-gate {
	background:url('../images/bgr-age.jpg') no-repeat center top #000;
	background-size:cover;
}
h1, h2, h3 {font-weight:normal; text-align:center; text-transform:uppercase;}
p {line-height:1.3;}
a {color:#e7b568; text-decoration:none;}
a:hover {text-decoration:none;}
*:focus {outline:none;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
input, select, textarea {-webkit-appearance:none !important;}
div {position:relative; box-sizing:border-box;}
img {display:block;}
.clear {display:block; clear:both;}
.clearfix:after {content:''; display:table; clear:both;}

#page-wrapper {width:100%; min-height:100%; margin:0 auto; position:relative; overflow:hidden;}
.logo {display:block; width:50%; max-width:250px; margin:0 auto 40px; padding-top:60px;}
.type {display:block; width:50%; max-width:250px; margin:0 auto; padding:0 0 70px;}

.cookie-notice {display:block; width:90%; position:fixed; bottom:0; left:50%; transform:translate(-50%,0); padding:10px; text-align:center; background:#fff8d7; border:1px solid #cdb97e; z-index:700;}
.cookie-notice p {display:block; color:#555; font-size:1.1em; margin-bottom:5px;}
.cookie-notice a {display:inline-block; padding:5px 10px; margin:0 5px 0 0; background:#cdb97e; color:#fff8d7;}

.setting {display:block; width:100%; height:100%; position:absolute; top:0; left:50%; transform:translate(-50%,0); z-index:-1;}

.inner {display:block; width:52%; text-align:center; margin:0 auto; position:relative; transition:all 0.5s; z-index:55;}
.inner.hide {opacity:0;}
.inner p {text-transform:uppercase;}
.inner .button {
	display:inline-block;
	clear:both;
	color:#000;
	font-size:1.6vw;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.5em 2.2em;
	margin:0 0 10px 0;
	box-sizing:border-box;
	background:#ecb963;
	border:1px solid rgba(236,185,99,0);
	cursor:pointer;
	transition:all 0.25s;
}
.inner .button:hover {color:#ecb963; background:#000; border:1px solid rgba(236,185,99,1);}
.spacer {height:7vh;}
.spacer.mobile {display:none;}

/* age gate */
#content.age-gate {color:#fff; min-height:1px; width:100%; text-align:center; position:relative; padding:0 0 50px 0; transition:all 0.5s; z-index:55;}
#content.age-gate h1 {display:block; margin:0 auto 30px; font-size:1.2em; font-weight:normal; line-height:1.2; position:relative;}
#content.age-gate h1 strong {font-size:1.4em;}
#content.age-gate hr {display:block; width:70%; max-width:530px; margin:0 auto 30px; padding:0; border:none; border-bottom:1px solid #fff;}
#content.age-gate .error {display:none;}
#content.age-gate .error p {width:100%; font-size:1.2em; color:#ffff00; transition:all 0.35s;}
#content.age-gate .checkbox {display:inline-block; height:30px; line-height:30px; padding-left:40px; position:relative; color:#fff; font-size:1.4em; text-decoration:none; text-transform:uppercase; margin:0 30px 20px;}
#content.age-gate .checkbox span {display:block; width:30px; height:30px; position:absolute; top:50%; left:0; transform:translate(0,-50%); background:#fff; border:5px solid #fff; box-sizing:border-box; color:rgba(0,0,0,0); transition:all 0.35s;}
#content.age-gate .checkbox.selected span {background:#000;}
#content.age-gate #btn-confirm {
	display:inline-block;
	clear:both;
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:5px;
	text-decoration:none;
	padding:15px 70px;
	margin:20px auto 40px;
	background:#edc376;
	border:1px solid rgba(236,185,99,1);
	cursor:pointer;
	transition:all 0.25s;
}
#content.age-gate #btn-confirm:hover {color:#ecb963; background:#000; border:1px solid rgba(236,185,99,1);}
#content.age-gate .terms {display:block; max-width:820px; margin:0 auto; font-size:1em;}
#content.age-gate .terms a {color:#fff; text-decoration:underline;}
#content.age-gate .terms a:hover {text-decoration:none;}

/* header & menu */
#header {display:block; width:100%; height:6vh; text-align:center; padding:0; margin:0 auto; position:fixed; top:0; background:#000; z-index:66; border-bottom:0px solid #333; z-index:66; transition:all 0.25s;}
#header.scroll.scrollup {/*background:rgba(0,0,0,0.8);*/ opacity:1;}
#header.scroll.scrolldown {opacity:0;}
#menu-top {display:flex; justify-content:center; width:100%; height:inherit; position:relative; padding:1vh 0 1vh; margin:0 auto; z-index:1; box-sizing:border-box;}
#menu-top .mtl {width:45%; text-align:right;} 
#menu-top .mtr {width:45%; text-align:left;}
#menu-top .mtm {width:10%; text-align:center;}
#header a {display:inline-block; vertical-align:top; color:#c28b48; font-family:'FSKim'; font-size:2vh; text-transform:uppercase; line-height:4vh; transition:all 0.35s; padding:0 1.5em; letter-spacing:1px;}
#header a:hover {color:#fff;}
#header a.btn-home {display:inline-block; height:100%; width:auto; padding:0 2vw;}
#header a.btn-home img {display:block; height:100%; width:auto;}

.btn-menu {display:none; z-index:77;}
#menu-wrapper {display:none; width:100%; height:100%; position:fixed; top:0; right:0; padding:10vh 30px; margin:0; box-sizing:border-box; transform:translate(100%,0); transition:all 0.7s ease-in-out; background:#000; z-index:66;}
#menu-wrapper.open {transform:translate(0,0);}
#menu-wrapper li {display:block; width:100%; text-align:center; margin-bottom:25px;}
#menu-wrapper li img {display:inline-block; width:25%; height:auto; margin-bottom:25px;}
#menu-wrapper li a {font-size:6vw; padding:0; text-decoration:none; text-transform:uppercase;}
#menu-wrapper li.separator {border-top:2px solid #555; margin-bottom:15px;}
#menu-wrapper li.policies {margin-bottom:10px;}
#menu-wrapper li.policies a {font-size:3vw; color:#ccc;}
#menu-wrapper a:hover {color:#fff; text-decoration:none;}
#menu-wrapper .social {position:absolute; left:50%; bottom:5vh; height:6vh; transform:translate(-50%,0);}
#menu-wrapper .social a {display:inline-block; height:inherit; padding:0 2vw;}
#menu-wrapper .social a img {height:100%; width:auto;}

/* hero */
#section-hero {display:block; width:100%; margin:0 auto; padding:0 0 0 0; position:relative; text-align:center; z-index:3;}
#section-hero .inner {z-index:11;}
#section-hero #headline {display:block; width:19.53vw; position:absolute; left:40.25%; top:10.5%; z-index:11;}
#section-hero #headline h1 {
	display:block;
	color:#e9b468;
	font-size:3vw;
	line-height:90%;
	padding:0;
	margin-bottom:0.3em;
	/*
	background: #E9BD71;
	background: radial-gradient(circle farthest-corner at center center, #E9BD71 0%, #DA9B4C 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	*/
	text-shadow:0 0 0.5em rgba(0,0,0,1);
}
#section-hero #headline img {width:100%; height:auto;}
#section-hero #headline h2 {font-family:'Montserrat'; color:#fff; font-size:0.8vw; line-height:1.5; text-transform:none; padding:0 25%; margin-bottom:2em;}
#section-hero .inner {width:100%;}
#section-hero .inner #hero-image .kv.home {width:100%; height:auto;}
#section-hero .inner #hero-image .kv.home-t {display:none;}
#section-hero .inner #hero-image .kv.home-m {display:none;}
#section-hero .inner #hero-image .button {font-size:2vw; position:absolute; left:50%; bottom:5%; transform:translate(-50%,0); z-index:12;}
#section-hero .inner .notice {color:#ad8451; font-size:0.65vw; font-family:'Montserrat'; text-transform:none; letter-spacing:0.07em; opacity:1;}
#section-hero .inner .button{margin:0 0 0.5em 0;}
#section-hero .inner .h-overlay {display:none;}
#section-hero .kv-prizes {position:absolute; z-index:10;}
#section-hero .kv-prizes img {width:100%; height:auto;}
#section-hero .kv-prizes.speaker {width:7.92vw; right:19.69%; top:34.63%;}
#section-hero .kv-prizes.headphones {width:7.24vw; right:35.21%; top:63.06%;}
#section-hero .kv-prizes.bushmills16yo {width:7.14vw; left:24.48%; top:43.24%;}
#section-hero #cta {width:100%; position:absolute; bottom:0; z-index:12;}
#section-hero #cta h2 {
	display:inline-block;
	font-size:2.3vw;
	line-height:90%;
	padding:0 0 0 0;
	margin-bottom:0.3em;
	background: #E9BD71;
	background: radial-gradient(circle farthest-corner at center center, #E9BD71 0%, #DA9B4C 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#section-hero #cta .howto {color:#e6dbb7; font-family:'Montserrat'; font-size:0.8vw; text-transform:none; margin-bottom:2em;}
#section-hero #cta .period {color:#ad8451; font-family:'Montserrat'; font-size:0.94vw; text-transform:uppercase; font-weight:bold; margin-bottom:2em;}

/* success */
#section-hero.success {height:100vh; overflow:hidden;}
#section-hero.success .inner {height:inherit;} 
#section-hero.success .inner #hero-image {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-55%); opacity:0.7;} 
#section-hero.success .inner #hero-image img {width:100%; height:auto;} 
#section-hero.success .inner .button {padding:0.3em 0.8em;}
#section-hero.success .result {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-55%); z-index:11;}
#section-hero.success h1 {color:#db9c4d; font-size:2.4vw; line-height:90%; padding:0; margin-bottom:0.5em;}
#section-hero.success h2 {color:#ffeccd; font-size:1.2vw; line-height:1.25; text-transform:none; padding:0 25%; margin-bottom:1.5em;}
#section-hero.success p {color:#ffff00; font-family:'Montserrat'; font-size:0.9vw; line-height:1.5; text-transform:none; padding:0 25%; margin-bottom:3em;}

/* registration */
#section-registration {z-index:2;}
#section-registration h2 {
	display:inline-block;
	font-size:2.3vw;
	line-height:90%;
	padding:0 0 0 0;
	margin-bottom:0.3em;
	background: #E9BD71;
	background: radial-gradient(circle farthest-corner at center center, #E9BD71 0%, #DA9B4C 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#section-registration h3,
#section-registration p {color:#d3b897; font-family:'Montserrat'; font-size:1vw; text-transform:none; margin-bottom:1em;}
#section-registration p.repeat {font-size:0.8vw; color:#fff;}
#section-registration p.period {font-size:1vw; color:#ad8451; font-weight:700; text-transform:uppercase;}

#appregform {display:block; width:100%; margin:0 auto;}
#appregform .form-fields {display:block; width:55%; margin:0 auto; position:relative; box-sizing:border-box;}
#appregform .form-fields p {font-size:1vw;}
#appregform .form-fields p.error {display:block; font-size:1vw; color:#ffff00; margin-bottom:0.7vw; overflow:hidden; transition:all 0.35s;}
#appregform .form-fields p.error.hidden {height:0px;}
#appregform .form-fields .input-wrapper {width:100%; margin:0 auto 0.5vw; position:relative;}
#appregform .form-fields .input-wrapper label {position:absolute; top:2px; right:-12px; font-size:1vw; line-height:100%;}
#appregform .form-fields .input-wrapper select {display:block; width:100%; padding:7px 12px; font-family:'FSKim'; font-size:1vw; font-weight:normal; color:rgba(233,180,104,0.7); text-transform:uppercase; text-align:center; background:url('../images/nav/dropdown.png') no-repeat 100% 45% rgba(0,0,0,0.4); background-size:auto 75%; border:2px solid #e9b468; box-sizing:border-box; transition:all 0.35s;}
#appregform .form-fields .input-wrapper select#sku {text-transform:none;}
#appregform .form-fields .input-wrapper select:hover {background:url('../images/nav/dropdown.png') no-repeat 100% 45% #000; background-size:auto 75%;}
#appregform .form-fields .input-wrapper select:focus {color:#fff; background:url('../images/nav/dropdown.png') no-repeat 100% 45% #000; background-size:auto 75%;}
#appregform .form-fields .input-wrapper select option {display:block;}
#appregform .form-fields .input-wrapper input {display:block; width:100%; color:rgba(233,180,104,0.7); font-family:'FSKim'; font-size:1vw; font-weight:normal; text-align:center; text-transform:uppercase; padding:7px 12px; box-sizing:border-box; background:rgba(0,0,0,0.4); border:2px solid #e9b468; transition:all 0.35s;}
#appregform .form-fields .input-wrapper input:focus {color:#fff;}
#appregform .form-fields .input-wrapper.receipt input {float:left; width:calc(76% + 5px);}
#appregform .form-fields .input-wrapper.receipt a {display:block; width:21%; float:right; color:#000; font-size:1vw; text-align:center; text-transform:uppercase; padding:7px; box-sizing:border-box; border:2px solid #e9b468; background:#ecb963; transition:all 0.35s; text-transform:uppercase;}
#appregform .form-fields .input-wrapper.receipt a:hover {color:#e9b468; background:#000;}
#appregform .form-fields .input-wrapper.date p {font-size:0.80vw; color:#b5b5b5; padding-top:5px; margin-bottom:3px; text-align:left;}
#appregform .form-fields .input-wrapper.date select {width:38%; float:left; margin:0 5px 5px 0;}
#appregform .form-fields .input-wrapper.date div {display:block; width:20%; float:left; color:#e9b468; font-size:1vw; font-weight:bold; text-align:left; text-transform:uppercase; padding:7px 12px 7px 0; box-sizing:border-box; border:2px solid rgba(0,0,0,0); background:none; transition:all 0.35s; text-transform:none;}
#appregform .form-fields .input-wrapper.time p {font-size:0.80vw; color:#b5b5b5; padding-top:5px; margin-bottom:3px; text-align:left;}
#appregform .form-fields .input-wrapper.time select {width:25%; float:left; margin:0 5px 5px 0;}
#appregform .form-fields .notice {color:#231f20; font-size:0.8vw; text-transform:uppercase; text-align:center; margin-bottom:35px; padding-top:10px;}
#appregform .agreements {display:block; margin:0 auto 1vw; padding:15px 22.5% 0; box-sizing:border-box; text-align:left; line-height:90%;}
#appregform .agreements .input-wrapper {width:100%; max-width:100%; margin-bottom:0.5vw;}
#appregform .agreements .input-wrapper:after {content:''; display:table; clear:both; margin-bottom:0.4vw;}
#appregform .agreements input {display:block; float:left; width:1.3vw !important; height:1.3vw !important; margin-right:10px;}
#appregform .agreements p {display:block; font-size:0.6vw; color:#ccc; line-height:1.3; text-shadow:0 0 3px rgb(0 0 0); vertical-align:middle; padding-top:0.15vw; margin:0;}
#appregform .agreements a {font-weight:bold; text-decoration:underline;} 
#appregform .agreements a:hover {text-decoration:none;}
#appregform .agreements .jcf-checkbox {display:block; float:left; width:1.3vw; height:1.3vw; margin:0 0.5vw 0 0; background:url('../images/nav/checkbox.png') 0 0 no-repeat; background-size: 100% auto; overflow:hidden; vertical-align:middle;}
#appregform .agreements .jcf-checkbox.jcf-checked {background-position:left bottom;}
#appregform .agreements:after {content:''; display:table; clear:both;}
#appregform .submit-wrapper {display:block; margin:0 auto 1.5vw; transition:all 0.35s;}
#appregform #submit {
	display:inline-block;
	font-size:2vw;	
	font-family:'FSKim';
	color:#000;
	line-height:100%;
	font-weight:normal;
	padding:0.4em 0.8em 0.35em;
	background:#e9b468;
	border:1px solid rgba(236,185,99,0);
	box-sizing:border-box;
	transition:all 0.25s;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}
#appregform #submit:hover {color:#ecb963; background:#000; border:1px solid rgba(236,185,99,1);}

/* prizes */
#section-prizes {padding-bottom:0; z-index:1;}
#section-prizes h2 {
	display:block;
	position:relative;
	font-size:2.3vw;
	line-height:90%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 auto 1em;
	background:#E9BD71;
	background:radial-gradient(circle farthest-corner at center center, #E9BD71 0%, #DA9B4C 50%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	z-index:11;
}
#section-prizes .grid {display:block; clear:both; width:51.5%; position:relative; text-align:center; margin:0 auto 6vh; z-index:10;}
#section-prizes .prize {display:inline-block; width:33%;}
#section-prizes .prize .amount {display:block; width:auto; height:2.6vw; position:absolute; top:0; left:0; z-index:2;}
#section-prizes .prize .photo {display:block; width:100%; height:auto; padding:1.56vw 9% 0; margin-bottom:1.56vw; box-sizing:border-box; z-index:1;}
#section-prizes .prize .text {display:block; width:100%; height:auto; padding:0 2.5%; margin:0; box-sizing:border-box; z-index:2;}
#section-prizes .prize .text.mobile {display:none;}
#section-prizes .notice {display:block; clear:both; color:#ad8451; font-family:'FSKim'; font-size:0.69vw; text-transform:uppercase; text-align:center; position:relative; margin:0 auto; z-index:10;}
#section-prizes #prizes-image {display:block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
#section-prizes #prizes-image .kv.prizes-d {display:block; width:100%; height:auto;}
#section-prizes #prizes-image .kv.prizes-t {display:none;}
#section-prizes #prizes-image .kv.prizes-m {display:none;}

/* winners */
#section-winners {padding-bottom:4.5vh; z-index:10;}
#section-winners h2 {display:inline-block; font-size:2.3vw; line-height:90%; padding:0 0 0 0; margin-bottom:0.3em;}
#section-winners .inner > p {color:#fff; font-size:1.25vw; letter-spacing:0.05em; margin-bottom:1em;}
#section-winners .prize h3 {font-size:1.25vw;} 
#section-winners .prize h3 span {text-transform:none;}
#section-winners .prize p.winner {font-size:1vw; padding:0 10%; box-sizing:border-box;}
#section-winners .prize p.winner strong {font-weight:normal;}
#section-winners .prize p.winner span {font-size:0.85em; padding:0 6px 0 3px; border-right:1px solid #555; white-space:nowrap;}
#section-winners .prize p.winner span:last-child {border-right:none;}
#section-winners .product {display:block; width:100%; height:auto; padding-top:4vh;}
#section-winners .product.home-m {display:none;}

/* footer */
#section-footer {z-index:9; overflow:hidden;}
#section-footer .icon.stand {display:block; width:6.77vw; height:auto; margin:0 auto 4.5vh;}
#section-footer .icon.lidl {display:block; width:4.27vw; height:auto; margin:0 auto 9vh;}

h2.pps1608 {
	display:block;
	font-size:1.7vw;
	line-height:90%;
	padding:0;
	margin:0 auto 3em;
	background: #E9BD71;
	background: radial-gradient(circle farthest-corner at center center, #E9BD71 0%, #DA9B4C 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index:11;
}
/* old style footer
#footer {display:block; width:100%; height:4.5vh; position:absolute; bottom:0; font-size:0.8vw; text-align:center; padding:0; box-sizing:border-box; background:#F1C565; background:linear-gradient(90deg,rgba(241, 197, 101, 1) 0%, rgba(204, 160, 91, 1) 32%, rgba(242, 202, 105, 1) 100%); z-index:77;} 
#footer .policies {display:block; float:left; line-height:4.5vh; color:#555; padding:0 0 0 10px;}
#footer .policies a {color:#000; font-size:0.7vw; font-family:'Montserrat'; padding:0 5px;}
#footer .drinkiq {color:#000; font-family:'Montserrat'; font-size:0.8vw; text-transform:uppercase; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#footer a:hover {text-decoration:underline;}
#footer .social {float:right; height:4.5vh; padding:0.7vh 10px 0.7vh 0;}
#footer .social a {display:inline-block; height:100%; padding:0 0 0 5px; box-sizing:border-box;}
#footer .social a img {height:100%; width:auto;}
*/

#footer {display:block; width:100%; height:4.5vh; position:absolute; bottom:0; font-size:0.8vw; text-align:center; padding:0; box-sizing:border-box; background:none; z-index:77;} 
#footer .drinkiq {color:#ad8451; font-family:'Montserrat'; font-size:0.8vw; text-transform:uppercase; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#footer a:hover {text-decoration:underline;}
#footer .social {float:right; height:4.5vh; padding:0.7vh 10px 0.7vh 0;}
#footer .social a {display:inline-block; height:100%; padding:0 0 0 5px; box-sizing:border-box;}
#footer .social a img {height:100%; width:auto;}

.responsible {display:block; width:100%; height:auto; position:absolute; bottom:0; font-size:0.9em; text-align:center; padding:10px; box-sizing:border-box; z-index:77;} 
.responsible p {margin-bottom:5px;}
.responsible a {font-weight:bold; text-decoration:underline;}
.responsible a:hover {text-decoration:none;}
.responsible.age {color:#fff; padding:15px 20px;}	
.background {display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:0; background:#000;}

/* terms modal */
.overlay {display:none; width:100%; height:100%; position:fixed; top:0; left:0; padding:0; background:rgba(0,0,0,0.8); z-index:88;}
.overlay.game-terms {display:none;}
.appterms {display:block; width:100%; max-width:1000px; height:calc(90vh - 60px); margin:0 auto; padding:40px 30px 40px 50px; position:absolute; top:50%; left:50%; transform:translate(-50%,calc(-50% + 30px)); background:#1c1b20; border:2px solid #9b8457; z-index:999;}
.appterms.receipt {background:none; border:none;}
.appterms.receipt img {display:block; width:100%; max-width:440px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.appterms.visible {display:block;}
.appterms h2 {display:block; width:100%; height:40px; line-height:40px; font-size:2.5em; font-weight:900; text-align:center; position:absolute; top:-50px; left:0; z-index:1;} 
.appterms .btn-terms-close {display:block; width:28px; height:28px; padding:0; margin:0; position:absolute; top:-42px; right:0; background:url('../images/nav/btn-terms-close.svg') no-repeat 50% 50%; z-index:2;}
.appterms .scroll-pane {width:100%; height:100%; overflow:hidden; overflow-scrolling:touch;}
.appterms .scroll-pane p {color:#fdf5d1; font-family:'Montserrat'; font-size:1em; line-height:130%; padding-right:50px; margin-bottom:15px; text-transform:none;}
.appterms .scroll-pane p.heading {font-size:1.4em; text-align:center; margin-bottom:25px;}
.appterms .scroll-pane a {
	color:#e9b468;
	text-decoration:underline;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.appterms .scroll-pane a:hover {text-decoration:none;}
.appterms .scroll-pane ul {padding-left:20px; margin-bottom:15px;}
.appterms .scroll-pane ul li {font-family:'Montserrat'; list-style-type:circle; font-size:14px; line-height:120%; padding-right:10px; margin-bottom:10px; text-transform:uppercase;}
.appterms .scroll-pane ol {padding-left:20px; margin-bottom:15px;}
.appterms .scroll-pane ol li {list-style-type:decimal; font-size:14px; line-height:120%; padding-right:10px; margin-bottom:5px; text-transform:uppercase;}
.appterms .scroll-pane table {width:95%;}
.appterms .scroll-pane table td {width:50%; padding:5px; border:1px dotted #fff; box-sizing:border-box;}

/* video overlay */
.video-overlay {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.9); z-index:100;}
.video-overlay .video-wrapper {display:block; width:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.video-overlay .video-wrapper .video {display:block; height:65vh; margin-bottom:25px;}
.video-overlay .video-wrapper .title {
	display:inline-block;
	width:100%;
	font-size:1.3vw;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:100%;
	text-align:center;
	margin:0 auto;
	color:#bb9a4d;
	background-image:linear-gradient(to right, #bb9a4d, #ebd273);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom:10px;
}
.video-overlay .video-wrapper .description {display:block; width:60%; text-align:center; font-size:0.8vw; color:#b4b4b4; margin:0 auto;}
.video-overlay .video-wrapper .btn-close {display:block; width:40px; height:40px; position:absolute; top:0; right:0; transform:translate(50%,-50%); background:url('../images/nav/btn-terms-close.svg') no-repeat center center; background-size:contain; cursor:pointer; z-index:10;}
.video-overlay .video-wrapper .btn-close span {display:none;}

@media screen and (max-width: 1280px){
	.logo {display:block; width:30%; max-width:250px; margin:0 auto 50px;}
	#appregform .form-fields .input-wrapper {margin-bottom:0.5vw;}
}
@media screen and (max-width:1280px) and (orientation:portrait) {
	#content.age-gate {padding:0vh 5% 80px;}
	#menu-top {padding:1vh 0;}
	#menu-top .mtm {width:50%;}
	#menu-top .mtl, #menu-top .mtr {display:none;}
	.btn-menu {display:block; width:3vh; height:3vh; position:fixed; top:1.5vh; right:1.5vh; background:url('../images/nav/btn-menu-gold.png') top center; background-size:100% 200%;}
	.btn-menu.active {background-position:bottom center;}
	#menu-wrapper {display:block;}
	.inner {width:100%;}
	.inner .button {font-size:3vw;}
	.spacer {height:5vh;}
	
	#section-hero {height:auto; min-height:1px; padding-top:6vh;}
	#section-hero.success {padding-top:0;}
	#section-hero #headline {width:36vw; top:5%; left:32%;}
	#section-hero .inner {width:100%;}
	#section-hero .inner #hero-image .kv.home {display:none;}
	#section-hero .inner #hero-image .kv.home-m {display:block; width:100%; height:auto;}
	#section-hero .inner .button {font-size:3vw; padding:0.5em 1.3em}
	#section-hero .inner .notice {font-size:1vw;}
	#section-hero .kv-prizes.speaker {width:12.67vw; right:5.42%; top:34.63%;}
	#section-hero .kv-prizes.headphones {width:11.58vw; right:30.25%; top:63.06%;}
	#section-hero .kv-prizes.bushmills16yo {width:11.42vw; left:5.25%; top:43.24%;}
	#section-hero #cta {bottom:0;}	
	#section-hero #cta h2 {font-size:4vw;}
	#section-hero #cta .howto {font-size:1.65vw; padding:0 10%; margin-bottom:1.5em;}
	#section-hero #cta .howto br {display:none;}
	#section-hero #cta .period {font-size:1.5vw; padding:0 10%; margin-bottom:0;}	
	#section-hero.success .result {width:100%; top:45%; transform:translate(-50%,-50%);}
	#section-hero.success h1 {font-size:5vw; text-shadow:0 0 0.5em rgba(0,28,53,1); margin-bottom:1em;}
	#section-hero.success h2 {font-size:2.4vw; text-shadow:0 0 0.5em rgba(0,28,53,1); margin-bottom:2em;}
	#section-hero.success p {font-size:1.8vw; padding:0 10%;}
	#section-hero.success .inner .button {font-size:3.5vw; box-shadow:0 0 2vw rgba(0,0,0,0.4);}
	#section-hero.success .inner .notice {bottom:0;}
	#section-hero.success .inner #hero-image {width:150%; transform:translate(-50%,-60%);} 
	
	#section-registration {transform:translate(0,0)}
	#section-registration h2, #section-prizes h2, #section-winners h2 {font-size:4.5vw;}
	#section-registration h3 {font-size:2vw;}
	#section-registration p {font-size:1.8vw; margin-bottom:1.5em;}
	#section-registration p.period,
	#section-registration p.repeat {font-size:1.5vw;}
	#section-registration p.period,
	#section-registration p.howto {padding:0 10%;}
	#section-registration .spacer.desktop {display:none;}
	#appregform .form-fields {padding:0;}
	#appregform .form-fields .input-wrapper {margin-bottom:1vw;}
	#appregform .form-fields .input-wrapper input,
	#appregform .form-fields .input-wrapper select,
	#appregform .form-fields .input-wrapper.date div, 
	#appregform .form-fields .input-wrapper.date p, 
	#appregform .form-fields .input-wrapper.time p, 
	#appregform .form-fields .input-wrapper.receipt a {font-size:2vw;}
	#appregform .form-fields p {font-size:1.47vw;}
	#appregform .agreements {margin:0 auto 2vw;}
	#appregform .agreements .input-wrapper {margin-bottom:1vw;}
	#appregform .agreements p {font-size:1.4vw;}
	#appregform .agreements input {width:3vw !important; height:3vw !important;}
	#appregform .agreements .jcf-checkbox {width:3vw; height:3vw; margin:0 1vw 0 0}
	#appregform .submit-wrapper {margin:0 auto;}
	#appregform #submit {font-size:3vw;}
	
	#section-prizes {padding:3vh 0; margin-top:0;}
	#section-prizes .inner {padding:0 5%;}
	#section-prizes .inner > p {font-size:1vw; padding:3em 5% 0; margin-bottom:1.5em;}
	#section-prizes .grid {width:90%; margin:0 auto 4vh;}
	#section-prizes .prize .amount {height:4.55vw; left:5%;}
	#section-prizes .prize .photo {margin-bottom:3vw;}
	#section-prizes .prize h3 {font-size:2vw;}
	#section-prizes .prize h3.qty {font-size:5.75vw;}
	#section-prizes #prizes-image .kv.prizes-d {width:175%;position:absolute; top:50%; left:50%; transform:translate(-50%,-55%);}
	#section-prizes .notice {font-size:1.5vw;}
	
	#section-winners .inner > p {font-size:1.8vw; padding:0 5%; margin-bottom:1.5em;}
	#section-winners .prize h3 {font-size:2.5vw;}
	#section-winners .prize p.winner {font-size:2vw;}
	#section-winners .prize p.winner span {font-size:0.75em;}
	#section-winners .product.home {display:none;}
	#section-winners .product.home-m {display:block;}
	
	#section-footer .icon.stand {width:11.73vw;}
	#section-footer .icon.lidl {width:7.45vw;}
	#footer .policies {display:none;}
	#footer .drinkiq {font-size:1.6vw;}
	.video-overlay {background:rgba(0,0,0,1);}
	.video-overlay .video-wrapper .video {width:90vw; height:50.79vw; margin-bottom:35px;}
	.video-overlay .video-wrapper .title {font-size:3vw;}
	.video-overlay .video-wrapper .description {width:80%; font-size:1.8vw;}
	.responsible {padding:15px 0; left:50%; transform:translate(-50%,0);}
}
@media screen and (max-width: 768px){
	#section-registration p {font-size:2.25vw; padding:0 10%;}
	#section-registration p br {display:none;}
	#section-winners .inner > p {font-size:2vw;}
	#section-hero .kv-mechanics p, #section-registration p.period, #section-registration p.repeat {font-size:1.8vw;}
	#appregform .form-fields {width:70%;}
	#appregform .agreements {width:70%; padding:3vw 0 1.5vw;}
	#appregform .agreements p {font-size:1.6vw;}
	#appregform .form-fields .input-wrapper input,
	#appregform .form-fields .input-wrapper select,
	#appregform .form-fields .input-wrapper.date div {padding:10px 10px 10px 5px;}
	#appregform .form-fields .input-wrapper.receipt a {padding:10px 5px;}
	#appregform #submit {font-size:4vw;}
	.appterms {width:90%; padding:20px 15px 20px 20px; bottom:25px;}
	.appterms h2 {font-size:1.85em;}
	.appterms .btn-terms-close {right:10px;}
	.appterms .scroll-pane h2 {font-size:1.5em;}
	.appterms .scroll-pane p {padding-right:15px;}
	.overlay {padding:0;}
	.overlay.accessibility .appterms h2 {font-size:5vw;}
	.video-overlay .video-wrapper .title {font-size:3.5vw;}
	.video-overlay .video-wrapper .description {font-size:2vw;}
	.responsible {padding:15px 0; left:50%; transform:translate(-50%,0);}
	.responsible p {display:none;}
}
@media screen and (max-width: 550px){
	.logo {width:40%; margin:0 auto 30px; padding-top:30px;}
	#header a {text-align:center;}
	#content.age-gate {padding:0 5% 50px;}
	#content.age-gate h1 {display:block; margin:10px 0 15px; font-size:1.8em;}
	#content.age-gate h1 strong {display:block; margin-top:10px;}
	
	#section-hero {padding-bottom:15vw;}
	#section-hero #cta .howto {font-size:2vw; padding:0 5%;}
	#section-hero #cta .period {font-size:1.65vw; padding:0 5%;}
	#section-hero #cta h2 {font-size:4.2vw;}
	#section-hero .inner .button {font-size:3.5vw;}
	#section-hero .inner .notice {font-size:1.2vw;}
	
	#section-hero #cta h2, 
	#section-registration h2,
	#section-prizes h2 {font-size:4.5vw;}
	#section-registration {transform:translate(0,0);}
	
	#appregform .form-fields .input-wrapper {margin-bottom:0.9vh;}
	#appregform .form-fields .input-wrapper.date,
	#appregform .form-fields .input-wrapper.time {margin-bottom:0.5vh;}
	
	#section-registration p {padding:0 5%;}
	#section-registration br {display:none;}
	
	#section-prizes {margin-top:0; padding-top:0;}
	#section-prizes .inner {padding:0;}
	#section-prizes .grid {margin:0 auto;}
	#section-prizes .prize {display:block; clear:both; width:65%; margin:0 auto 12vw;}
	#section-prizes .prize.bushmills16yo {margin:0 auto 3vw;}
	#section-prizes .prize .amount {height:8.5vw;}
	#section-prizes .prize .photo {margin-bottom:4vw;}
	#section-prizes .prize .text {width:70%; margin:0 auto;}
	#section-prizes .prize .text.desktop {display:none;}
	#section-prizes .prize .text.mobile {display:block;}
	#section-prizes .notice {font-size:2.2vw;}
	
	#section-registration h3,
	#section-registration p,
	#section-registration p.period,
	#section-prizes .prize h3,
	#section-prizes .prize p.winner,
	#section-winners .inner > p,
	#appregform .form-fields .input-wrapper input, 
	#appregform .form-fields .input-wrapper select, 
	#appregform .form-fields .input-wrapper.date div,
	#appregform .form-fields .input-wrapper.date p,
	#appregform .form-fields .input-wrapper.time p,
	#appregform .form-fields .input-wrapper.receipt a {font-size:2.2vw;}	
	#appregform .agreements p {font-size:1.7vw;}
	#appregform .agreements input {width:3.5vw !important; height:3.5vw !important;}
	#appregform .agreements .jcf-checkbox {width:3.5vw; height:3.5vw;}
	#appregform #submit {font-size:3.5vw;}
	
	#section-footer .icon.stand {width:23.45vw; margin:0 auto 5vh;}
	#section-footer .icon.lidl {width:14.90vw; margin:0 auto 10vh;}
	
}
@media screen and (max-width: 440px){
	#content.age-gate h1 {font-size:1.25em;}
	#content.age-gate .terms {font-size:0.85em;}
	#content.age-gate #btn-confirm {font-size:6.7vw; padding:0.5em 2em;  margin-bottom:25px;}
	#header.scroll.scrolldown {opacity:1;}
	.inner .button {font-size:3.5vw;}
	.spacer {height:3vh;}
	.spacer.mobile {display:block;}
	
	#section-hero #headline {width:44vw; left:28%; top:3.5%;}
	#section-hero .inner .button {font-size:4.5vw; padding:0.3em 1.1em}
	#section-hero .inner .notice {font-size:1.5vw;}
	#section-hero .inner .h-overlay {height:30vh; mix-blend-mode:multiply;}
	#section-hero #cta .howto {font-size:2.5vw; padding:0 5%;}
	#section-hero #cta .period {font-size:2.2vw; padding:0 5%;}
	
	#section-hero.success .result {padding:0 0 0 0;}
	#section-hero.success h1 {font-size:7.5vw; padding-top:1em;}
	#section-hero.success h2 {font-size:4.5vw; padding:0 5%;}
	#section-hero.success p {font-size:3vw; padding:0 7%;}
	#section-hero.success p br {display:none;}
	#section-hero.success .inner .button {font-size:5.5vw; bottom:0;}
	#section-hero.success .inner #hero-image {width:200%; transform:translate(-50%,-62%); opacity:0.8;} 

	#section-registration {margin-top:0;}
	#section-registration h3 {font-size:3vw;}
	#section-hero #cta h2, #section-registration h2, #section-prizes h2, #section-winners h2 {font-size:6.5vw;}
	#section-registration .inner > p, #section-winners .inner > p {font-size:3vw; padding:0 5%;}
	#section-registration p.period,	#section-registration p.repeat {font-size:2.7vw;}
	
	#section-prizes .prize p.winner,
	#appregform .form-fields .input-wrapper input, 
	#appregform .form-fields .input-wrapper select, 
	#appregform .form-fields .input-wrapper.date div,
	#appregform .form-fields .input-wrapper.receipt a {font-size:3.4vw;}
	#appregform .form-fields .input-wrapper.date p,
	#appregform .form-fields .input-wrapper.time p {font-size:2.9vw;}
	#appregform .form-fields {width:85%;}
	#appregform .agreements {width:80%; margin:0 auto 1vw;}
	#appregform .agreements p {font-size:2.25vw;}
	#appregform .agreements p a {white-space:nowrap;}
	#appregform .agreements .input-wrapper {margin-bottom:2vw;}
	#appregform .agreements input {width:5vw !important; height:5vw !important;}
	#appregform .agreements .jcf-checkbox {width:5vw; height:5vw;}
	#appregform .submit-wrapper {width:100%; min-width:1px; margin-bottom:4vh;}
	#appregform #submit {font-size:5vw;}
	
	#section-prizes #prizes-image .kv.prizes-t {display:none;}
	#section-prizes #prizes-image .kv.prizes-m {display:block;}
	
	#section-winners .prize p.winner {font-size:3.5vw;}
	#section-winners .prize p.winner span {font-size:0.8em;}

	#footer .drinkiq {font-size:2.5vw;}
	
	.appterms h2 {font-size:1.7em;}
	.appterms .scroll-pane h2 {font-size:1.4em;}
	.appterms .scroll-pane p {font-size:0.9em;}
	.appterms .scroll-pane ul li {font-size:0.9em;}
	.appterms .scroll-pane ol li {font-size:0.9em;}
	.video-overlay .video-wrapper .btn-close {width:25px; height:25px;}
}
@media screen and (max-width: 320px){
	.btn-menu {top:10px; right:15px;}
	#content.age-gate h1 {margin:0 auto 10px;}
	#content.age-gate hr {margin:0 auto 20px;}
	#content.age-gate .checkbox {margin:0 30px 20px; font-size:1.3em;}
	#content.age-gate #btn-confirm {margin:10px auto 20px; padding:15px 80px;}

	#appregform .form-fields .input-wrapper input {padding:7px 10px;}
	#appregform .form-fields .input-wrapper.receipt input {width:calc(70% + 5px);}
	#appregform .form-fields .input-wrapper.receipt a {width:26%; padding:7px 0;}
	#appregform .form-fields .input-wrapper.date select {width:32%;}
	#appregform .form-fields .input-wrapper.date div {width:25%;}
	#appregform .form-fields .input-wrapper.date p {padding-top:5px;}
	#appregform .form-fields .input-wrapper.time select {width:31.8%;}
	#appregform .form-fields .input-wrapper.time select#code_seconds {margin-right:0;}
}

/* inner scrollbar */
.scroll-wrapper {overflow:hidden !important; padding:0 !important; position:relative;}
.scroll-wrapper > .scroll-content {border:none !important; box-sizing:content-box !important; height:auto; left:0; margin:0; max-height:none; max-width:none !important; overflow:scroll !important; padding:0; position:relative !important; top:0; width:auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height:0; width:0;}
.scroll-element {display:none;}
.scroll-element, 
.scroll-element div {box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display:block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor:default;}
.scroll-textarea {border:1px solid #cccccc; border-top-color:#999999;}
.scroll-textarea > .scroll-content {overflow:hidden !important;}
.scroll-textarea > .scroll-content > textarea {border:none !important; box-sizing:border-box; height:100% !important; margin:0; max-height:none !important; max-width:none !important; overflow:scroll !important; outline:none; padding:2px; position:relative !important; top:0; width:100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height:0; width:0;}

.scroll-pane > .scroll-element,
.scroll-pane > .scroll-element div {border:none; margin:0; padding:0; position:absolute; z-index:10;}
.scroll-pane > .scroll-element div {display:block; height:100%; left:0; top:0; width:100%;}
.scroll-pane > .scroll-element.scroll-x {bottom:0; height:4px; left:0; width:100%;}
.scroll-pane > .scroll-element.scroll-y {height:100%; right:0; top:0; width:4px;}
.scroll-pane > .scroll-element .scroll-element_outer {overflow:hidden;}
.scroll-pane > .scroll-element .scroll-element_outer,
.scroll-pane > .scroll-element .scroll-element_track,
.scroll-pane > .scroll-element .scroll-bar {border-radius:0px;}
.scroll-pane > .scroll-element .scroll-element_track,
.scroll-pane > .scroll-element .scroll-bar {opacity:1;}
.scroll-pane > .scroll-element .scroll-element_track {background-color:#fff; opacity:0.9;}
.scroll-pane > .scroll-element .scroll-bar {background-color:#9b8457;}
.scroll-pane > .scroll-element:hover .scroll-bar {background-color:#bb9a4d;}
.scroll-pane > .scroll-element.scroll-draggable .scroll-bar {background-color:#919191;}
.scroll-pane > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left:-12px;}
.scroll-pane > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top:-12px;}
.scroll-pane > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left:-12px;}
.scroll-pane > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top:-12px;}

/* the end */