/*
		██████  ███████ ███████ ███████ ████████
		██   ██ ██	  ██	  ██		 ██
		██████  █████   ███████ █████	  ██
		██   ██ ██		   ██ ██		 ██
		██   ██ ███████ ███████ ███████	██
	*/

*{
	box-sizing: border-box;
}

	body{
		padding:0;
		margin:0;
		-webkit-text-size-adjust:none;
	}

	h1, h2, h3, h4, h5, h6, p, pre{
		padding:0;
		margin:0;
		line-height: inherit;
		white-space: normal;
		display: block;
		font-weight: inherit;
		font: inherit;
		vertical-align: baseline;
	}

	a, a:link, a:visited, a:hover, a:active{
		text-decoration: none;
		color: inherit;
	}

	p a,
	p a:link,
	p a:visited,
	p a:hover,
	p a:active{

	}

	p a:hover,
	footer a:hover{
		text-decoration: underline;
	}

	a img{
		border: inherit;
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select{
		border:none;
		outline:none;
		background: none;
		border-radius: 0;
		-webkit-border-radius:0;
		-mos-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		padding:10px;
		-webkit-appearance: none;
	       -moz-appearance: none;
	        -ms-appearance: none;
	         -o-appearance: none;
	            appearance: none;
	}

	select::-ms-expand {
	    display: none;
	}

	select option:disabled,
	select option:invalid {
	    background:none;
	}

	/*
		 ██████  ███████ ███	██ ███████ ██████  ██  ██████
		██	   ██	  ████   ██ ██	  ██   ██ ██ ██
		██   ███ █████   ██ ██  ██ █████   ██████  ██ ██
		██	██ ██	  ██  ██ ██ ██	  ██   ██ ██ ██
		 ██████  ███████ ██   ████ ███████ ██   ██ ██  ██████
	*/

	table{
		border-collapse: collapse;
		width:100%;
		margin-top: 10px;
		word-wrap:break-word;
		border-color:#000;
		border:1px solid #000;
	}

	table p{
		padding: 0;
	}

	table p + p{
		padding: 10px 0 0 0;
	}

	table tr td,
	table tr th{
		padding:7px 10px;
		box-sizing: border-box;
		vertical-align: middle;
	    font-weight: 400;
	}

	table tr th{
		background: #000;
		color: #fff;
	}

	.table{
		display: table;
		width:100%;
		border-collapse: collapse;
	}

	.table-row{
		display: table-row;
	}

	.table-cell{
		display: table-cell;
		vertical-align: middle;
	}

	.clear{
		clear:both;
	}

	span.clear{
		display: block;
		clear:both;
		height: 1px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}

	.hide{
		display: none;
	}

	.noSelect{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.right {
		float: right;
	}
	.left {
		float: left;
	}

	.txt-right{
		text-align: right;
	}

	.txt-left{
		text-align: left;
	}

	.txt-center{
		text-align: center;
	}

	img.centered{
		vertical-align: middle;
	}

	.zero-font{
		font-size: 0;
		line-height: 0;
	}

	.relative{
		position: relative;
	}

	.borderBox{
		box-sizing: border-box;
	}

	.width100{
		width: 100%;
	}

	.width90{
		width: 90%;
	}

	.width80{
		width: 80%;
	}

	.width75{
		width: 75%;
	}

	.width70{
		width:70%;
	}

	.width66{
		width: 66.666%;
	}

	.width60{
		width: 60%;
	}

	.width50{
		width: 50%;
	}

	.width45{
		width: 45%;
	}

	.width40{
		width: 40%;
	}

	.width33{
		width: 33.333%;
	}

	.width30{
		width:30%;
	}

	.width25{
		width: 25%;
	}

	.width20{
		width: 20%;
	}

	.width16{
		width: 16.666%;
	}

	.width10{
		width: 10%;
	}

	.buffer{
		padding: 20px 0;
	}

	/*
		███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
		██	  ██   ██ ██	  ██	  ██ ██	  ██ ██	  ██
		███████ ██████  █████   ██	  ██ █████   ██ ██	  ███████
			 ██ ██	  ██	  ██	  ██ ██	  ██ ██		   ██
		███████ ██	  ███████  ██████ ██ ██	  ██  ██████ ███████
	*/

	html{
		background: #000
	}

	body{
		font-size: 16px;
		line-height: 21px;
		font-weight: 400;
		visibility: visible!important;
		color: #000;
		background: none;
	}

	h1{
		font-size: 43px;
		line-height: 55px;
		padding: 0 0 10px 0;
	}

	h2{
		font-size: 40px;
		line-height: 50px;
		padding: 0 0 10px 0;
	}

	h3{
		font-size: 35px;
		line-height: 42px;
		padding: 0 0 10px 0;
	}

	h4{
		font-size: 25px;
		line-height: 30px;
		padding: 0 0 10px 0;
	}

	h5{
		font-size: 22px;
		line-height: 27px;
		padding: 0 0 10px 0;
	}

	h6{
		font-size: 19px;
		line-height: 24px;
		padding: 0 0 10px 0;
	}

	p{
		padding:0 0 10px 0
	}

	hr{
	}

	sup{
		vertical-align: super;
		font-size: 12px;
	}

	sub{
		font-size: 12px;
	    vertical-align: sub;
	    line-height: 4px;
	}

	small,
	.small{
		font-size: 12px;
		line-height: 16px;
	}

	h6 .big{
		font-size: 24px;
	}

	ul,
	ol{
		margin:5px 0 15px 0;
		padding:0 0 0 25px;
	}

	ul li,
	ol li{
		padding: 5px 0 0 0;
	}

	main p a,
	main p a:link,
	main p a:visited,
	main p a:hover,
	main p a:active{
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover{
		padding: 15px;
		border: 1px solid #000;
		height: 46px;
		box-sizing: border-box;
		display: block;
		width: 100%;
		resize: none;
	}

	input[type="checkbox"],
	input[type="radio"]{
		width: 16px;
	    height: 16px;
	    margin: 0;
		outline:1px solid #000;
	    padding: 0;
	    display: inline-block;
	    background: #fff;
	    vertical-align: middle;
	    -webkit-appearance: checkbox;
	    -moz-appearance: checkbox;
	    appearance: checkbox;
	}

	input[type="submit"]{
		opacity: 0.01!important;
		position: absolute!important;
		width: 1px!important;
		height: 1px!important;
		border: none!important;
		padding: 0!important;
		margin: 0!important;
	}

	textarea{
		height: auto;
		min-height: 145px;
	}

	blockquote {
	}

	blockquote::before,
	blockquote::after{
		content:'"';
	}

	select{
		height: 36px;
		line-height: 20px;
		font-size: 13px;
		width: 100%;
	    padding: 8px 32px 8px 10px;
		border: 1px solid #000;
		box-sizing: border-box;
		display: block;
		color:#000;
		background: #fff;
		cursor: pointer;
		box-shadow: 0 5px 5px -2px rgba(0,0,0,0.6);
	}

	select:hover{
		outline:2px solid #000
	}

	.select .sprite.arrowDown{
		position: absolute;
		pointer-events: none;
		top:2px;
		right:0;
		z-index: 2
	}

	label{
	}

	strong,
	.strong{
		font-weight: 700;
	}

	.weak{
	}

	.font-patuaOne{
		font-family: 'Patua One', cursive;
	}

	.font-roboto{
		font-family: 'Roboto', sans-serif;
	}

	.txt-black,
	a.txt-black{
		color: #000!important;
	}

	.txt-grey,
	a.txt-grey{
		color: #9d9d9c!important
	}

	.txt-white,
	a.txt-white{
		color: #fff!important;
	}

	.txt-brown,
	a.txt-brown{
		color: #ab6c00!important
	}

	.txt-red,
	a.txt-red{
		color: #cf4d12!important
	}

	.txt-green,
	a.txt-green{
		color: #516953!important
	}

	.txt-blue,
	a.txt-blue{
		color: #6aa1a4!important
	}

	.txt-dark-blue,
	a.txt-dark-blue{
		color: #023d6a!important;
	}

	.bg-black{
		background: #000;
	}

	.bg-blue-gradient{
		background-image: linear-gradient(to bottom, #023d6a, #a7d6f4);
	}

	.bg-white{
		background: #fff
	}

	.bg-brown{
		background: #ab6c00
	}

	.bg-palebrown{
		background: rgb(241,230,212);
	}

	.bg-yellow{
		background: rgb(221, 139, 38);
	}

	.bg-paleyellow{
		background: rgb(244, 187, 82);
	}

	.bg-red{
		background: #cf4d12
	}

	.bg-palered{
		background: #f18c76
	}

	.bg-green{
		background: #516953
	}

	.bg-palegreen{
		background: #b8d288
	}

	.bg-blue{
		background: #6aa1a4
	}

	.bg-paleblue{
		background: #cee5e8
	}

	.bg-deepred{
		background: #c80000
	}

	.sprite{
		display: inline-block;
		width: 32px;
		height: 32px;
		background: url(../images/svg-fallback/sprites.png?v=0.15) 0 0 no-repeat;
	    background: linear-gradient(transparent, transparent), url(../images/sprites.svg?v=0.15) 0 0 no-repeat;
		background-size: auto 64px;
	    vertical-align: middle;
	}
	.sprite-huge{
		width: 96px;
		height: 96px;
		background-size: auto 192px;
		opacity: 1;
	}
	.block .block-title:hover .sprite-huge,
	.block:hover .sprite-huge{
		opacity: 0.3;
	}
	.sprite-large{
		width: 48px;
		height: 48px;
		background-size: auto 96px;
	}
	.sprite-medium{
		width: 24px;
		height: 24px;
		background-size: auto 48px;
	}
	.sprite.small{
		width: 16px;
		height: 16px;
		background-size: auto 32px;
	}

	.sprite.socialLI{
		background-position: 0 0;
	}
	.sprite.blue-arrow{
		display: block;
		margin: 0 auto;
	    background-position: -512px 0;
	    transform: translateX(0px);
	    transition: transform 0.3s ease-in-out;
	    margin-top: 10px;
	}
	.sprite.low-alcohol-icons{
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.sprite.how-use{
		background-position: -1632px 0;
	}
	.sprite.faqs{
		background-position: -1632px -96px;
	}
	.sprite.rate{
		background-position: -1728px 0;
	}
	.sprite.sprite-huge.download{
		background-position: -1728px -96px;
	}
	.sprite.announcement{
		background-position: -912px -48px;
	}
	.sprite.contact{
		background-position: -912px 0;
		margin-bottom: 0;
	}
	.sprite.star{
		background-position: -624px 0px;
	}
	.sprite.star-empty{
		background-position: -448px 0px;
	}
	.sprite.small.star-empty{
		background-position: -224px 0;
	}
	.sprite.star-full{
		background-position: -416px -32px;
	}
	.sprite.small.star-full{
		background-position: -208px -16px;
	}
	.sprite.star-full-white{
		background-position: -336px 0px;
	}
	.sprite.star-half-white{
		background-position: -360px 0px;
	}
	.sprite.star-empty-white{
		background-position: -360px -24px;
	}
	.sprite.star-half{
		background-position: -672px -48px;
	}
	.sprite.star:hover,
	.sprite.star.hover{
		background-position: -576px -48px;
	}

	.sprite.socialFB{
		background-position: -32px 0;
	}

	.sprite.socialTW{
		background-position: -64px 0;
	}

	.sprite.countryUK,
	.sprite.countryEN{
		background-position: -96px 0;
	}

	.sprite.countryES{
		background-position: -128px 0;
	}

	.sprite.countryIT{
		background-position: -160px 0;
	}

	.sprite.countryDE{
		background-position: -32px -32px;
	}

	.sprite.countryPT{
		background-position: -64px -32px;
	}

	.sprite.countryFR{
		background-position: -96px -32px;
	}

	.sprite.countryCN{
		background-position: -128px -32px;
	}

	.sprite.countryBR{
		background-position: -160px -32px;
	}

	.sprite.countryUS{
		background-position: -192px -32px;
	}

	.sprite.download{
		background-position: -192px 0;
	}

	.sprite.arrowDown{
		background-position: -224px 0;
	}

	.sprite.hamburger{
		background-position: -256px 0;
	}

	.sprite.cross{
		background-position: 0 -32px;
	}

	.sprite.web{
		background-position: -256px -32px;
	}

	.sprite.email{
		background-position: -272px -32px;
	}

	.sprite.phone{
		background-position: -256px -48px;
	}

	.sprite.fax{
		background-position: -272px -48px;
	}

	header #hamburger{
		display: none;
		margin: 0 0 0 16px;
	}

	header #closeHamburger{
		display: none;
		position: fixed;
		z-index: 11;
		top: 29px;
	    right: 35px;
	}

	#headerdummy{
		height: 127px;
		display: none!important;
	}

	header{
		height: 128px;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		z-index: 9;
		box-sizing: border-box;
		padding: 28px 45px 28px 45px;
		border-bottom:2px solid #fff;
		display: none!important;
	}

	header .logo,
	footer .logo{
		height: 70px;
		display: block;
		width: auto;
	}

	header #languages{
		margin: 38px 0 0 40px;
	    height: 32px;
	}

	header #mobLanguages{
		display: none;
		height: auto;
	}

	header #mobLanguages a{
		padding: 0;
		margin: 0 5px;
	}

	header #languages em{
		margin: 0 8px;
		border-radius: 32px;
		opacity: 0.7;
	}

	header #languages em.hamburger,
	header #languages em.cross{
		border-radius: 0;
		margin: 0;
		opacity: 1
	}

	header #languages em.active{
		box-shadow: 0 0 1px 2px #fff;
		opacity: 1;
	}

	header #languages em:hover{
		opacity: 1;
	}

	header #languages .language-change{
		display: inline-block;
		margin-left:5px;
		cursor: pointer;
		padding: 4px;
	}

	header #languages .language-change em.triangle{
		border-radius: 0;
		vertical-align: middle;
		margin: 0 8px 0 4px;
	}

	header #languages .language-change .inner{
		position: absolute;
		top:100%;
		width: 120px;
		right:-20px;
		height: auto;
		background: #000;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
	}

	header #languages .language-change .inner a em{
		margin: 7px 5px;
	}

	header #languages .language-change:hover{
		color:#fff;
	}

	header #languages .language-change:hover em.triangle{
		border-top: 13px solid #fff;
		opacity: 1;
	}

	header #languages .language-change:hover .inner.hide{
		display: block;
	}

	header nav{
		display: block;
	    margin-top: 39px;
	}

	header nav ul{
		display: block;
		padding: 0;
		margin: 0;
	}

	header nav ul li{
		display: inline-block;
		min-height: 31px;
		margin: 0 10px;
		padding: 0;
		text-align: center;
	}

	header nav ul li a{
		padding: 5px 10px;
		display: inline-block;
	}

	header nav ul li a:hover,
	header nav ul li.selected a{
		color:#fff;
		transition: 0.3s;
	}

	.padd20h{
		padding-left: 20px;
		padding-right: 20px;
	}
	.padd35h{
		padding-left: 35px;
		padding-right: 35px;
	}
	.padd60h{
		padding-left: 60px;
		padding-right: 60px;
	}

	.mob-only{
		display: none!important;
	}

	.desktop-only{
		display: block!important
	}

	#hero{
		background: #fff;
		overflow: hidden;
		font-size: 15px;
		line-height: 20px;
		/* height: 480px; */
	}

	/* #hero.large{
		min-height: 422px;
	} */

	#hero > img{
		width: 100%;
		display: block;
		height: auto;
	}



	#hero .overlay{
		width: 760px;
		left: 0;
		top:50%;
		transform:translate(0, -50%);
		padding: 25px 50px;
		box-sizing: border-box;
		background: rgba(0,0,0,0.9);
		position: absolute;
	}

	#intro{
		padding: 35px 20px 70px 20px
	}

	#intro.tight{
		padding: 35px 20px 0px 20px
	}

	.screenButton{
		font-size: 50px;
		line-height: 60px;
		width: 70px;
		padding: 10px 20px;
		box-sizing: border-box;
		height: 80px;
		position: fixed;
		right:0;
		top:50%;
		z-index: 8;
		box-shadow: 0px 8px 8px rgba(0,0,0,0.6);
	}

	.screenButton .inner{
		display: none;
		vertical-align: top;
	}

	.screenButton .inner *{
		vertical-align: middle;
	}

	.screenButton .inner h4{
		display: inline-block;
		padding: 0;
	    margin: -7px 5px 0 5px;
		line-height: 25px;
	}

	.screenButton:hover{
		width: 260px;
		width: auto;
		background: #000;
	}

	.screenButton:hover .inner{
		display: inline-block;
	}

	.wrapper{
		width: 790px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.wrapper-1200{
		width: 1200px;
		margin: 0 auto;
		max-width: 100%;
	}

	.bg-pattern,
	.bg-pattern-fixed{
		background: url(/images/pattern.png) 0 0 no-repeat #fff;
		background-size:100% auto;
		background-attachment: fixed;
	}

	.bg-pattern-fixed{
		background-attachment: scroll;
		display: none;
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		left:0;
		top:0;
	}

	.shadow{
		box-shadow: 0px 8px 8px rgba(0,0,0,0.6);
		position: relative;
		z-index: 2;
	}

	.blockTitle{
		margin: -30px 0 0 0;
		z-index: 3;
	}

	.blockTitle h1,
	.blockTitle h2,
	.blockTitle h3,
	.blockTitle h4,
	.blockTitle h5,
	.blockTitle h6{
		display: inline-block;
		margin: 0;
		padding: 8px 20px 10px 20px;
	}

	em.triangle{
		height: 0;
		width: 0;
		display: inline-block;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 13px solid #fff;
	}

	em.triangle-r{
		height: 0;
		width: 0;
		display: inline-block;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 13px solid #fff;
		margin: 0 8px;
	}

	em.triangle-l{
		height: 0;
		width: 0;
		display: inline-block;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 13px solid #fff;
		margin: 0 8px;
	}

	.button{
		box-shadow: 0 4px 5px -2px rgba(0,0,0,0.6);
		border: 1px solid #000;
		box-sizing: border-box;
		padding: 5px 10px;
		line-break:anywhere;
		word-break: break-all;
	}

	.button.block{
		display: block;
	}

	.button:hover{
		background: #000!important;
		color:#fff!important
	}

	#cookies .button{
		margin: 0 0 0 10px;
	}

	.product{
		width: 550px;
		height: 390px;
		display: inline-block;
		margin: 30px 15px 0 15px;
		box-shadow: 0 7px 5px -2px rgba(0,0,0,0.6);
		position: relative;
		padding: 25px 195px 20px 85px;
		box-sizing: border-box;
		background-position: 100% 50%;
		background-repeat:no-repeat;
		overflow: hidden;
		vertical-align: top;
		font-size: 14px;
	    line-height: 17px;
	}

	.product .background{
		position: absolute;
		top:0;
		left: 0;
		z-index: 0;
		opacity: 0.15;
		display: none;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		background-position: 100% 100%;
		background-repeat:no-repeat;
	}

	.product .downloads{
		position: absolute;
		bottom:0;
		left: 0;
		padding: 0 80px 20px 85px;
		font-size: 10px;
		line-height: 14px;
		z-index: 1;
	}

	.product .downloads .download-instructions{
		padding: 0 95px 0 0;
		box-sizing: border-box;
		font-size: 12px;
	}

	.product.product-bg-1,
	.product.product-bg-1 .background{
		background-image:url(/images/product-bg-1.png);
	}
	.product.product-bg-2,
	.product.product-bg-2 .background{
		background-image:url(/images/product-bg-2.png);
		
	}
	.product.product-bg-3,
	.product.product-bg-3 .background{
		background-image:url(/images/product-bg-3.png);
		padding: 25px 210px 20px 85px;
	}

	.product.product-bg-4,
	.product.product-bg-4 .background{
		background-image:url(/images/product-bg-4.png);
		padding: 25px 210px 20px 85px;
		background-position-x: 115%;
	}
	.product.bg-palered.product-bg-1{
		background-image: url(/images/heritageUSA.png);
	}
	.product.bg-paleblue.product-bg-1{
		background-image: url(/images/heritagePil.png);
		background-position: 115% 50%;
	}
	.product.bg-palegreen.product-bg-2{
		background-image: url(/images/heritageEng.png);
		background-position: 110% 50%;
	}

	.product .category{
		width: 60px;
		height: 100%;
		position: absolute;
		z-index: 3;
		top:0;
		left: 0;
		margin: 0;
	}

	.product img{
		max-width: 100%;
		height: auto!important;
	}

	.product .category h1,
	.product .category h2,
	.product .category h3,
	.product .category h4,
	.product .category h5,
	.product .category h6{
		transform: rotate(-90deg);
		width: 390px;
		line-height: 50px;
		padding: 5px 10px;
		box-sizing: border-box;
		margin: 0;
	    transform-origin: 195px 195px;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	.product .category h1 strong,
	.product .category h2 strong,
	.product .category h3 strong,
	.product .category h4 strong,
	.product .category h5 strong,
	.product .category h6 strong{
		display: inline-block;
	}

	.products .controls{
		display: none;
	}

	.products .controls a{
		box-sizing: border-box;
		width: 48px;
		height: 48px;
		display: inline-block;
		border-radius: 48px;
		margin: 30px 30px -30px 30px;
		position: relative;
		float:none!important
	}

	.products .controls a em{
		position: absolute;
		top:50%;
		left: 50%;
		margin: -8px 0 0 -7px;
	}

	.products .controls a.left em {
	    margin: -8px 0 0 -9px;
	}

	.products .controls a.right em {
	    margin: -8px 0 0 -4px;
	}

	.box-content{
		box-shadow: 0 7px 5px -2px rgba(0,0,0,0.6);
		border: 4px solid #000;
		box-sizing: border-box;
		padding: 95px 0 45px 0;
		background: #fff;
		width: 1200px;
		max-width: 96%;
		margin: 140px auto 0 auto;
	}
	

	.box-content > .left{
		padding: 0 40px;
		box-sizing: border-box;
	}

	.box-content > .left .mainImage{
		margin: -220px auto 20px auto;
		max-width: 100%;
		height: auto;
		display: block;
		border: 4px solid #000;
		background: #000;
		box-sizing: border-box;
	}

	.box-content .seperator{
		position: absolute;
		left: 0;
		z-index: 2;
		width: 2px;
		margin-left: -1px;
		background: #000;
		top:33%;
		height: 50%;
		display: none;
	}

	.box-content .boxes + .width33 + .seperator{
		left: 33.33%;
		display: block;
	}

	.box-content .boxes + .width33 + .seperator + .width33 + .seperator{
		left: 66.66%;
		display: block;
	}

	.box-content .boxes + .width50 + .seperator{
		left: 50%;
		display: block;
	}

	.box-content.tight{
		padding: 30px 25px;
		width: 286px;
		margin: 60px 0 0 0;
	}

	.box-content.no-image{
		padding: 45px 0;
		margin: 30px auto 0 auto;
	}

	#map{
		width: 1200px;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 20px 20px 20px;
		box-sizing: border-box;
	}

	#map > img{
		height: auto;
		width: 73.5%;
		width: calc(100% - 330px);
	}

	.related-links-outer{
		padding: 35px 0;
		max-width: 1366px;
	    margin: 0 auto;
	}

	.related-links{
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
		border:2px solid #fff;
	}

	.related-links .card{
		border:2px solid #fff;
		box-sizing: border-box;
		height: 220px;
		width: 33.33%;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 105% auto;
		background-size: cover;
		position: relative;
		overflow: hidden;
		text-align: left;
	}

	.related-links .card .title{
		width: 85px;
		height: 100%;
		position: absolute;
		z-index: 3;
		top:0;
		left: 0;
		margin: 0;
		outline:1px solid rgba(255,255,255,0.5);
		transition: 0.1s;
	}

	.related-links .card .title h4{
		transform: rotate(-90deg);
		width: 216px;
		font-size: 20px;
	    transform-origin: 108px 108px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    padding: 20px 0 0 0;
	}

	.related-links .card .content{
		opacity: 0;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		padding: 15px 100px 20px 20px;
		box-sizing: border-box;
		height: 100%;
		z-index: 2;
		transition: 0.2s;
		font-size: 14px;
	    line-height: 19px;
	}

	.related-links .card .content h4{
		font-size: 19px;
		line-height: 24px;
	}

	.related-links.large .card{
		height: 290px;
		width: 50%;
	}

	.related-links.large .card .title{
		width: 100px;
	}

	.related-links.large .card .title h4{
	    width: 286px;
		font-size: 24px;
	    transform-origin: 143px 143px;
		padding: 30px 0 0 0;
	}

	.related-links.large .card .title h4 strong{
		display: inline-block;
	}

	.related-links.large .card .content{
		padding: 60px 160px 60px 60px;
	}

	.related-links .card .content.bg-brown{
		background: rgba(171,108,0,0.8);
	}

	.related-links .card .content.bg-red{
		background: rgba(207,77,18,0.8);
	}

	.related-links .card .content.bg-green{
		background: rgba(81,105,83,0.8);
	}

	.related-links .card .content.bg-blue{
		background: rgba(106,161,164,0.8);
	}

	.related-links .card:hover .content{
		opacity: 1;
		transition: 0.3s;
	}

	.related-links .card:hover .title{
		left:100%;
		margin-left: -85px;
		transition: 0.3s;
	}

	.related-links .card:hover .title em.triangle{
		border-top:0px solid #fff;
		border-bottom: 13px solid #fff;
	}

	.related-links.large .card:hover .title{
		margin-left: -100px;
	}

	#contactTable{
		max-width: 1200px;
		padding: 0 20px 40px 20px;
		box-sizing: border-box;
		margin: 0 auto;
	}

	#contactTable p{
		padding-top: 5px;
	}

	#contactTable p em.sprite{
		margin-right: 5px;
	}

	#cookies{
		position: fixed;
		z-index: 12;
		bottom:0;
		left: 0;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		border-top:1px solid #fff;
		box-shadow: 0px -4px 4px rgba(0,0,0,0.4);
	}

	#cookies .closeCookie{
	}

	#cookies .closeCookie.cookieYes{
	}

	footer{
		padding: 40px 40px 45px 40px;
		display: none!important;
	}

	footer #signOff{
		padding: 2px 25px 0 0;
	}

	footer #socials em{
		margin: 0 8px 8px 8px;
		opacity: 1;
	}

	footer #socials em:hover{
		opacity: 0.7
	}

	footer #footerNav{
		font-size: 0;
		line-height: 0;
	}

	footer #footerNav a{
		padding: 2px 10px;
		border-left: 1px solid #fff;
		font-size: 16px;
		line-height: 21px;
	}

	footer #footerNav a:nth-child(1){
		border:none!important
	}

	/*LOW ALC PAGE - START*/
	.image img{
		width: 100%;
		height: auto;
		display: block;
	}
	.image{
		margin: 0 auto 0 auto;
	}
		p img{
			margin-top: 10px;
			margin-bottom: 5px;
		}
		.gif{
			margin: 0 auto;
			display: block;
			width: 400px;
			max-width: 100%;
			height: auto;
		}
		.low-alcohol-header img{
			max-width: 300px;
			margin: 0 auto;
			padding-top: 15px;
			display: block;
		}
		.bg-blue-gradient.alt-graphic{
			/*rgb(2, 61, 106)*/
			/*rgb(167, 214, 244)*/
			background-image: linear-gradient(to bottom, rgba(2, 61, 106, 0.8), rgba(167, 214, 244, 0.8)), url('/images/pattern.png');
		}
		.low-alcohol-header h4{
			text-align: center;
			padding-top: 20px;
			padding-bottom: 20px;
			font-size: 28px;
			line-height: 33px;
		}
		.low-alcohol-header .hero-ratings{
			display: flex;
			justify-content: center;
			padding-bottom: 25px;
		}
		.ratings{
			background: #e3e3e3;
			border-radius: 5px;
		}
		.padd30h{
			padding: 15px 30px;
		}
		.centered{
			display: flex;
			justify-content: center;
		}
		.rating-figure{
			font-size: 18px;
			line-height: 32px;
			vertical-align: middle;
			margin-left: 10px;
		}
		.margin-top-15{
			margin-top: 15px;
		}
		.block h4{
			padding: 0;
		}
		.warning{
			padding-top: 25px;
			padding-bottom: 25px;
		}
		.rating-percentage{
			padding: 10px 15px;
		}
		.percentage h6{
			font-size: 16px;
			line-height: 16px;
			margin-left: 10px;
		}
		#breadcrumb{
			padding: 15px;
		}
		#breadcrumb p{
			padding-bottom: 0;
		}
		.warning p{
			font-size: 18px;
			line-height: 23px;
			padding-bottom: 0;
		}
		.blocks{
			padding-top: 20px;
			padding-bottom: 20px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.block{
			border-radius: 5px;
			padding: 10px 20px;
			min-height: 123px;
			box-sizing: border-box;
			width: calc(24% - 8px);
			margin-bottom: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
		}
		.block.download-pis{
			flex-direction: column;
		}
		.block .block-title:hover .sprite.blue-arrow{
			transform: translateX(10px);
		}
		.percentage-bar{
			width: 115px;
			margin-left: 10px;
			background: #fff;
			height: 16px;
		}
		.rating-percentage{
			display: flex;
			align-items: center;
		}
		.block.block-full{
			min-height: 0px;
			width: 100%;
			margin-bottom: 0;
		}
		.block-full{
			width: 100%;
			min-height: 0px;
			margin-bottom: 0;
		}
		.block.block-full.contact,
		.block.block-full.announcement{
			display: inline-flex;
			width: 100%;
			margin: 0;
		}
		.two-blocks.flex{
			display: flex;
			justify-content: space-between;
			width: 100%;
		}
		.left{
			float: left;
		}
		.right{
			float: right;
		}
		.block.block-full.contact .block-title,
		.block.block-full.announcement .block-title{
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 25px;
		}
		.block.block-full.contact .block-title h4{
			font-size: 20px;
			line-height: 25px;
		}
		.block.block-full .sprite.low-alcohol-icons{
			margin: 0;
		}
		.percentage h6{
			padding: 0;
		}
		.block-dark{
			background-image: linear-gradient(to bottom right, #023d6a, #7eb0d2);
		}
		.block-light{
			background-image: linear-gradient(to right, #7eb0d2, #d4edfc);
		}
		.block-title{
			width: 100%;
			padding: 10px 20px;
		}
		.block .block-title h4{
			font-size: 25px;
			line-height: 30px;
			text-align: center;
/*			transition: 0.3s ease-in-out;*/
			opacity: 1;
		}
		.block .block-title:hover h4{
			opacity: 0.3;
		}
		.block .block-title:hover .sprite-large{
			opacity: 0.3;
		}
		.block-inner hr{
			margin-top: 10px;
			margin-bottom: 15px;
		}
		.block.download-pis > a > h4{
			font-size: 20px;
			line-height: 24px;
			color: #fff;
			text-align: center;
			opacity: 1;
/*			transition: 0.3s ease-in-out;*/
		}
		.block.download-pis > a > h4 > .small-text{
			font-size: 15px;
			line-height: 18px;
		}
		.block.download-pis:hover > a > h4 {
			opacity: 0.3;
		}
		.block-inner-container{
			display: none;
			position: fixed;
		    max-width: 100%;
		    width: 700px;
		    top: 45%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    max-height: 77vh;
		    cursor: initial;
		}
		.block-inner-container.rate-section{
			max-width: 100%;
			width: 345px;
		}
		.block-inner{
			height: auto;
			max-width: 100%;
			border-radius: 15px;
			width: 1000px;
		    background: #fff;
		    z-index: 1;
			max-height: 77vh;
		    z-index: 9;
		    overflow-y: auto;
		    padding: 30px 25px;
		    box-sizing: border-box;
		}
		.block.active{
			z-index: 3;
		}
		.block-dark .block-title > h4{
			color: #fff;
		}
		#intro.low-alcohol{
			padding: 20px 55px;
		}
		#intro.low-alcohol h4{
			padding-bottom: 0;
			font-size: 21px;
			line-height: 29px;
		}
		.background-gradient{
			cursor: default;
			position: fixed;
			width: 3000px;
			height: 2000px;
			top: 0;
			left: 0;
			background-image: linear-gradient(to bottom right, #023d6a, #7eb0d2);
			opacity: 0.75;
		}
		/*.block-inner::-webkit-scrollbar {
		  width: 30px;
		}
		.block-inner::-webkit-scrollbar-thumb {
		  border: 12px solid rgba(0, 0, 0, 0);
		  background-clip: padding-box;
		  border-radius: 9999px;
		  background-color: #AAAAAA;
		}*/
		.close h4{
			padding-bottom: 0;
		}
		.close-container{
			position: absolute;
			width: 1000px;
			max-width: 100%;
			bottom: -20px;
			z-index: 3;
			left: 50%;
			transform: translate(-50%, 100%);
		}
		.close{
			background: #ffffff;
			padding: 10px 20px;
			display: inline-flex;
			border-radius: 8px;
			align-items: center;
			gap: 20px;
			box-sizing: border-box;
			float: right;
			cursor: pointer;
		}
		.fake-padding{
		    position: fixed;
		    max-width: 1000px;
		    width: 100%;
		    height: 30px;
		    z-index: 10;
		    left: 50%;
		    background: #fff;
		}
		.fake-padding.bottom{
			bottom: 0px;
			transform: translate(-50%, 0%);
		    border-bottom-left-radius: 15px;
		    border-bottom-right-radius: 15px;
		}
		.fake-padding.top{
			top: 0;
			transform: translate(-50%, 0%);
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
		}
	/*LOW ALC PAGE - END*/

	/*SCALE UP*/

	@media screen and (min-width: 650px){
		.block{
			min-height: 85px;
		}
	}

	/* SCALE DOWN */

	@media screen and (max-width: 1250px){
		.block .block-title h4{
			font-size: 20px;
			line-height: 25px;
		}
		.block.download-pis > a > h4{
			font-size: 15px;
			line-height: 20px;
		}
	}

	@media screen and (max-width: 1220px){
		#hero.large{
			height: 430px;
		}

		#hero.large > img{
			height: 102%;
			width: auto;
		}
	}

	@media screen and (max-width: 1180px){
		header nav ul li{
			margin: 0
		}

		header #languages {
		    margin: 38px 0 0 15px;
		}
	}

	@media screen and (max-width: 1080px){
		header .logo{
		    height: 50px;
		    margin-top: 10px;
		}

		header #languages {
		    margin: 25px 0 0 15px;
		}

		header nav {
		    margin-top: 25px;
		}

		.related-links.large .card .content {
		    padding: 40px 140px 40px 40px;
		}
	}

	@media screen and (max-width: 1024px){
		.block{
			width: calc(50% - 8px);
			padding: 0;
		}
		.block-title,
		.block a{
			padding: 10px 20px;
		}
		.block.contact .block-inner p a{
			padding: 0;
		}
		.sprite.low-alcohol-icons{
			display: none;
		}
		.sprite.blue-arrow{
			margin-top: 0;
		}
	}

	@media screen and (max-width: 990px){
		header {
		    height: 90px;
		    padding: 10px 35px 10px 45px;
		}

		header .logo {
		    height: 50px;
		    padding: 10px 0px;
			margin-top:0;
		}

		#headerdummy{
			height: 89px;
		}

		header #languages {
		    margin: 19px 0;
		}

		header #languages em{
			display: none
		}

		header #languages em.active,
		header #languages em.hamburger{
			display: inline-block;
		}

		header #hamburger{
			display: inline-block
		}

		header #closeHamburger,
		header.active #closeHamburger em.cross{
			display: block
		}

		header #languages .language-change{
			display: none;
		}

		header #mobLanguages a{
			margin: 10px 5px 0 5px
		}

		header nav{
			width: 215px;
			position: fixed;
			top:0;
			right:0;
			z-index: 10;
			background: #fff;
			box-sizing: border-box;
			padding: 75px 20px 20px 20px;
			box-shadow: 0px 8px 8px rgba(0,0,0,0.6);
			margin: 0;
			color:#000;
			display: none;
			font-size: 17px;
		    line-height: 26px;
		}

		header nav ul li{
			text-align: left;
			display: block
		}

		header.active nav{
			display: block;
		}

		header #mobLanguages{
			display: block;
		}

		header nav ul li a:hover,
		header nav ul li.selected a{
			color:#000;
			transition: 0;
		}

		#hero > img{
			height: 120px;
			width: auto;
		}

		.screenButton {
		    top: auto;
		    bottom: 125px;
		    font-size: 42px;
		    line-height: 40px;
		    width: 50px;
		    padding: 10px 14px;
		    height: 60px;
		    right: 0;
		}

		.box-content {
			box-shadow: none;
			border:none;
			padding: 0 20px;
			background: none;
			width: 100%;
			max-width: 100%;
			margin: 0;
		}

		.box-content .seperator{
			display: none!important
		}

		.box-content.tight{
			box-shadow: 0 7px 5px -2px rgba(0,0,0,0.6);
			border: 4px solid #000;
			background: #fff;
			padding: 30px 25px;
		    width: 286px;
		    margin: 10px 0 0 0;
		}

		.box-content .width33,
		.box-content .width50{
			box-shadow: 0 7px 5px -2px rgb(0 0 0 / 60%);
			border: 4px solid #000;
			box-sizing: border-box;
			padding: 95px 25px 35px 25px;
			background: #fff;
			width: 600px;
			max-width: 100%;
			margin: 150px auto 0 auto;
			float: none
		}

		.box-content.no-image .width33,
		.box-content.no-image .width50{
			margin: 30px auto 0 auto;
			padding: 35px 25px 35px 25px;
		}

		.box-content.no-image {
		    padding: 0 20px 15px 20px;
		    margin: 0 auto;
		}

		.bg-pattern{
			background: none;
		}

		.bg-pattern-fixed{
			display: block;
		}
	}
	@media screen and (max-width: 1100px){
		.block-inner-container{
		    max-width: 100%;
		    width: calc(100% - 50px);
		}
		.block-inner-container.rate-section{
			max-width: 100%;
			width: 345px;
		}
	}

	@media screen and (max-width: 900px){
		.related-links.large .card,
		.related-links .card{
			width: 100%;
		    height: 290px;
		}

		.related-links.large .card .title,
		.related-links .card .title {
		    width: 85px;
		}

		.related-links.large .card .title h4,
		.related-links .card .title h4{
		    width: 286px;
		    font-size: 20px;
		    transform-origin: 143px 143px;
			padding: 20px 0 0 0
		}

		.related-links.large .card .content,
		.related-links .card .content{
			padding: 25px 110px 25px 25px;
		}

		.related-links.large .card:hover .title,
		.related-links .card:hover .title{
		    margin-left: -85px;
		}
	}

	@media screen and (max-width: 840px){
		footer {
		    padding: 80px 40px 30px 40px;
		}

		footer #signOff{
			position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    padding: 20px;
		    box-sizing: border-box;
		    text-align: center;
		}

		.box-content.tight {
		    margin: 0 auto;
		    float: none;
			position: relative;
		}

		#map{
			padding: 0
		}

		#map > img{
			width: 100%;
			padding: 10px 0
		}

		footer .logo{
			float: none;
			margin: 0 auto 40px auto;
		}
	}

	@media screen and (max-width: 760px){
		.block-inner.popup p{
			font-size: 15px;
			line-height: 20px;
		}
		#hero.large > img{
			width: 100%;
			height: auto
		}

		#hero .overlay {
		    width: 100%;
		    left: auto;
		    top: auto;
		    transform: none;
		    padding: 20px 30px;
		    background: #000;
		    position: static;
		}

		#hero.large {
		    height: auto;
		}

		body,
		footer #footerNav a{
			font-size: 13px;
			line-height: 18px;
		}

		h1 {
		    font-size: 35px;
		    line-height: 45px;
		}

		h2{
			font-size: 31px;
			line-height: 40px;
			padding: 0 0 10px 0;
		}

		h3{
			font-size: 29px;
			line-height: 36px;
			padding: 0 0 10px 0;
		}

		h4{
			font-size: 23px;
			line-height: 27px;
			padding: 0 0 10px 0;
		}

		h5{
			font-size: 19px;
			line-height: 24px;
			padding: 0 0 10px 0;
		}

		h6 {
		    font-size: 18px;
		    line-height: 23px;
		    padding: 0 0 10px
		}

		.bg-pattern,
		.bg-pattern-fixed {
		    background-size: 150% auto;
		}
		.block-inner-container{
		    max-width: 100%;
		    width: calc(100% - 20px);
		}
		.block-inner-container.rate-section{
			max-width: 100%;
			width: 345px;
		}
	}

	@media screen and (max-width: 650px){
		.two-blocks.flex{
			flex-direction: column;
			gap: 25px;
		}
		.block.block-full.announcement,
		.block.block-full.contact{
			width: 100%;
		}
		#intro.low-alcohol h4{
			font-size: 14px;
			line-height: 18px;
		}
		#intro.low-alcohol{
			padding: 10px 55px;
		}
		.low-alcohol-header h4{
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 20px;
			line-height: 25px;
		}
		.low-alcohol-header .hero-ratings{
			padding-bottom: 15px;
		}
		.low-alcohol-header img{
			max-width: 255px;
		}
		.warning{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.warning p{
			font-size: 14px;
			line-height: 19px;
		}
	}

	@media screen and (max-width: 580px){
		.products{
			padding: 0 20px;
		}

		.product{
			width: 100%;
			margin: 30px 0 0 0;
			min-height: 340px!important;
			height: auto!important;
			box-sizing: border-box;
		    padding: 25px 150px 115px 95px!important;
			background-position: 100% 50%!important;
		    background-size: auto 250px!important;
		}

		.product .downloads {
		    padding: 0 0 20px 95px!important;
			width: 100%;
		    box-sizing: border-box;
		}

		.product .downloads .download-instructions{
			padding: 0 130px 0 0
		}

		.product .category h1, .product .category h2, .product .category h3, .product .category h4, .product .category h5, .product .category h6 {
		    width: 340px;
		    transform-origin: 170px 170px;
		}
	}

	@media screen and (max-width: 550px){
		#hero > img {
		    height: 90px;
		}

		.bg-pattern,
		.bg-pattern-fixed {
		    background-size: 190% auto;
		}

		.product{
			display: none;
		}

		.product[data-productid="1"],
		.products .controls{
			display: block;
		}
	}

	@media screen and (max-width: 510px){
		.product{
		    padding: 25px 150px 115px 80px!important;
		}

		.product .downloads{
			padding: 0 0 20px 80px!important;
		}
	}

	@media screen and (max-width: 480px){
		.product {
		    padding: 15px 130px 105px 60px!important;
		    background-size: auto 210px!important;
		}

		.product .category {
		    width: 45px;
		}

		.product .category h1, .product .category h2, .product .category h3, .product .category h4, .product .category h5, .product .category h6 {
		    line-height: 40px;
		}

		.product .downloads {
		    padding: 0 0 20px 60px!important;
		}

		.product {
			padding: 15px 15px 15px 60px!important;
			background-image: none!important
		}

		.product h3 br{
			display: none
		}

		.product .downloads {
			padding: 0 15px 20px 60px!important;
			width: 100%!important;
			box-sizing: border-box;
			font-size: 0;
			line-height: 0;
			position: relative;
			z-index: 2;
			padding: 0 !important;
		}

		.product .background{
			display: block;
			background-size: auto 240px!important;
		}

		.product .downloads .download-instructions{
			padding: 0 0 10px 0;
			font-size: 12px;
			line-height: 14px;
		}

		.product .downloads a {
			margin-right: 5px;
			margin-top: 5px;
			display: inline-block;
		}
	}

	@media screen and (max-width: 430px){
		header {
		    height: 90px;
		    padding: 10px 20px 10px 20px;
		}

		header .logo {
		    height: 34px;
		    padding: 18px 0px;
		}

		footer #socials{
			float: none;
			margin: 0 auto
		}

		.related-links.large .card,
		.related-links .card{
		    height: 200px;
		}

		.related-links.large .card .title h4,
		.related-links .card .title h4{
			padding: 20px 0 0 0
		}

		.related-links.large .card .title h4,
		.related-links .card .title h4{
		    width: 186px;
		    font-size: 16px;
		    transform-origin: 93px 93px;
		}

		.related-links.large .card .content,
		.related-links .card .content{
		    padding: 15px 100px 15px 15px;
		    font-size: 13px;
		    line-height: 17px;
		}

		.product h3{
			font-size: 24px;
		    line-height: 31px;
		}

		.product{
			font-size: 13px;
		    line-height: 17px;
		}
	}

	@media screen and (max-width: 390px){
	}

	@media screen and (max-width: 375px){
		.low-alcohol-header img{
			max-width: 200px;
		}
		.block{
			min-height: 0px;
		}
		#intro.low-alcohol{
			padding: 10px 25px;
		}
		.warning.padd60h{
			padding-left: 20px;
			padding-right: 20px;
		}
		.blocks.padd35h{
			padding-left: 15px;
			padding-right: 15px;
		}
		.sprite.blue-arrow{
			display: none;
		}
		.block > h4{
			display: inline-block;
			font-size: 11px;
			line-height: 14px;
		}
		#intro.low-alcohol h4,
		.warning p,
		.block.download-pis > a > h4,
		.block.download-pis > a > h4 > .small-text{
			font-size: 11px;
			line-height: 14px;
		}
	}

	@page {
		size: 42cm 59.4cm;
		margin: 5mm
	}

	@media print {
		*{
			page-break-inside: auto
		}

		#header{
			position: relative
		}
	}