/* Base */#awwwards{	position: absolute;	width: 126px;	height: 126px;	text-indent: -666em;	overflow: hidden;	z-index: 999;	-webkit-transition: all 1s ease;    transition: all 1s ease; }#awwwards.top{	top: 0;}#awwwards.bottom{	bottom: 0;}#awwwards.left{	left: 0;}#awwwards.right{	right: 0;}#awwwards a{	position: absolute;	top: 0;	left: 0;	display: block;	width: 126px;	height: 126px;	background-repeat: no-repeat;	background-position: 4px -23px;	background-size: 145px 145px;}#awwwards.top.left a{	-webkit-transform: rotate(-90deg);    transform: rotate(-90deg); }#awwwards.bottom.left a{	background-position: -23px 4px;}#awwwards.bottom.right a{	background-position: -23px 4px;	-webkit-transform: rotate(-90deg);    transform: rotate(-90deg); }/* SOTD */#awwwards.sotd.black a{	background-image: url(/static/img/ribbons/awwwards_sotd_black.png);}#awwwards.sotd.silver a{	background-image: url(/static/img/ribbons/awwwards_sotd_silver.png);}#awwwards.sotd.white a{	background-image: url(/static/img/ribbons/awwwards_sotd_white.png);}#awwwards.sotd.green a{	background-image: url(/static/img/ribbons/awwwards_sotd_green.png);}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),	only screen and (min-device-pixel-ratio: 1.5) {	/* SOTD */	#awwwards.sotd.black a{		background-image: url(/static/img/ribbons/awwwards_sotd_black@2x.png);	}	#awwwards.sotd.silver a{		background-image: url(/static/img/ribbons/awwwards_sotd_silver@2x.png);	}	#awwwards.sotd.white a{		background-image: url(/static/img/ribbons/awwwards_sotd_white@2x.png);	}	#awwwards.sotd.green a{		background-image: url(/static/img/ribbons/awwwards_sotd_green@2x.png);	}}.unselect {  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  -o-user-select: none;  user-select: none;}.ir {  font: 0/0 a;  text-shadow: none;  color: transparent;}.clearfix:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.clearfix {  display: inline-block;}html[xmlns] .clearfix {  display: block;}* html .clearfix {  height: 1%;}.middleHack {  zoom: 1;}.ib {  display: -moz-inline-stack !important;  display: inline-block !important;  vertical-align: top;}.ibIe {  display: inline !important;  zoom: 1;}.lt-ie8 .ib {  display: inline !important;  zoom: 1;}.bgCover {  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}.clear {  clear: both;  display: block;}.translate3d {  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.translate {  -webkit-transform: translate(0,0);  -moz-transform: translate3d(0,0);  -ms-transform: translate3d(0,0);  -o-transform: translate3d(0,0);  transform: translate3d(0,0);}.noflick {  -webkit-backface-visibility: hidden;}a img {  border: none;}.overflow {  overflow: hidden;}.bgwidth {  width: 100%;}.bgheight {  height: 100%;}#content #ambassadorsDetails {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #ambassadorsDetails .top {  position: absolute;  top: 0;  left: 0;  right: 0;  height: 74%;  overflow: hidden;  z-index: 3;}#content #ambassadorsDetails .top .background {  position: absolute;  top: 0;  left: 0;  z-index: 2;}#content #ambassadorsDetails .top .data {  width: 100%;  position: relative;  z-index: 3;  display: inline-block;  line-height: normal;  color: #252525;  vertical-align: middle;  margin-top: -3%;}#content #ambassadorsDetails .top .data .fullname {  margin-left: 33%;  color: #FFFFFF;  font-family: 'din-condensed-web';  font-size: 140px;  font-weight: bold;  line-height: 115px;  text-transform: uppercase;  margin-bottom: 20px;  text-shadow: 1px 1px 4px rgba(0,0,0,0.1);}#content #ambassadorsDetails .top .data .text {  margin-left: 39%;  margin-right: 15%;  color: #FFFFFF;  text-shadow: 1px 1px 4px rgba(0,0,0,0.1);}#content #ambassadorsDetails .top .data .text .meta {  font-family: 'din-condensed-web';  font-size: 22px;  font-weight: 400;  text-transform: uppercase;  overflow: hidden;  margin-right: -10%;}#content #ambassadorsDetails .top .data .text .meta .item {  float: left;}#content #ambassadorsDetails .top .data .text .meta .item strong {  font-weight: normal;}#content #ambassadorsDetails .top .data .text .meta .sep {  height: 15px;  width: 1px;  background: #464646;  background: #FFFFFF;  float: left;  margin: 0 15px;  margin-top: 6px;}#content #ambassadorsDetails .top .data .text p {  font-size: 20px;  margin-top: 15px;}#content #ambassadorsDetails .top .data .text .button {  position: relative;  display: inline-block;  height: 41px;  line-height: 48px;  font-family: 'selfie';  font-size: 45px;  font-weight: 400;  color: #ffffff;  padding-left: 50px;  margin-top: 20px;  cursor: pointer;}#content #ambassadorsDetails .top .data .text .button span {  position: absolute;  top: 0;  left: 0;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -441px -246px;  width: 41px;  height: 41px;  text-indent: -6000px;  text-align: left;}#content #ambassadorsDetails .bottom {  position: absolute;  height: 26%;  left: 0;  right: 0;  bottom: 0;}#content #ambassadorsDetails .bottom .presentation {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 31%;  background: url("../../static/img/ambassadors/presentation.png") no-repeat center center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  overflow: hidden;}#content #ambassadorsDetails .bottom .presentation .middle {  position: absolute;  top: 50%;  left: 0;  right: 0;  margin-top: -45px;}#content #ambassadorsDetails .bottom .presentation .middle .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -578px -4px;  width: 274px;  height: 92px;  text-indent: -6000px;  text-align: left;  position: absolute;  top: 0;  left: 50%;  margin-left: -130px;}#content #ambassadorsDetails .bottom .other {  position: absolute;  top: 0;  left: 31%;  right: -1px;  bottom: 0;}#content #ambassadorsDetails .bottom .other a {  display: block;  width: 100%;  height: 100%;  position: relative;  float: left;  overflow: hidden;  background: #ffffff;  text-decoration: none;  color: #FFFFFF;}#content #ambassadorsDetails .bottom .other a .fullBg {  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  filter: gray;  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  -webkit-transition: -webkit-filter 200ms ease-out;  -moz-transition: -webkit-filter 200ms ease-out;  -ms-transition: -webkit-filter 200ms ease-out;  -o-transition: -webkit-filter 200ms ease-out;  transition: -webkit-filter 200ms ease-out;}#content #ambassadorsDetails .bottom .other a .text {  position: absolute;  bottom: 12%;  left: 0;  right: 0;  text-align: center;  font-size: 25px;  text-transform: uppercase;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transform: translate3d(0,30px,0);  -moz-transform: translate3d(0,30px,0);  -ms-transform: translate3d(0,30px,0);  -o-transform: translate3d(0,30px,0);  transform: translate3d(0,30px,0);}#content #ambassadorsDetails .bottom .other a .text img {  display: block;  margin: 0 auto;  margin-bottom: 8px;}#content #ambassadorsDetails .bottom .other a .border {  position: absolute;  top: -10px;  left: -10px;  right: -10px;  bottom: -10px;  border: 10px solid #FFFFFF;  display: block;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}.no-touch #content #ambassadorsDetails .bottom .other a:hover .fullBg {  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");  -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%);  -o-filter: grayscale(0%);}.no-touch #content #ambassadorsDetails .bottom .other a:hover .text {  opacity: 1;  filter: alpha(opacity=100);  -webkit-transform: translate3d(0,0px,0);  -moz-transform: translate3d(0,0px,0);  -ms-transform: translate3d(0,0px,0);  -o-transform: translate3d(0,0px,0);  transform: translate3d(0,0px,0);}.no-touch #content #ambassadorsDetails .bottom .other a:hover .border {  left: 0px;  right: 0px;  bottom: 0px;  top: 0px;}.touch #content #ambassadorsDetails .bottom .other a .text {  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  opacity: 1;  filter: alpha(opacity=100);}aside {  width: 260px;  background-color: #fff;  position: absolute;  top: 0;  left: 0;  bottom: 0;  z-index: 1;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}aside #mobileMenuButton {  position: absolute;  top: 12px;  left: 212px;  z-index: 10000;  display: none;  padding: 6px;  background: url("../../static/img/blank.png") repeat top left transparent;}aside #mobileMenuButton span {  width: 25px;  height: 4px;  display: block;  background: #FFFFFF;  -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6);  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6);  box-shadow: 0px 0px 6px rgba(0,0,0,0.6);  margin-top: 3px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}aside #mobileMenuButton span:first-child {  margin-top: 0;}aside #logo {  text-indent: -6000px;  margin: 80px 32px 50px 32px;  display: block;}aside #logo img {  display: block;  width: 100%;}aside .separator {  margin: 25px auto;  border-bottom: 2px solid #000;  width: 143px;}aside nav {  padding: 0 40px;}aside nav a {  color: #000;  text-transform: uppercase;  line-height: 44px;  text-align: center;  text-decoration: none;  font-size: 23px;  display: block;  letter-spacing: 2px;  font-family: "refrigerator-deluxe";  font-weight: 700;}aside nav a .text {  display: inline-block;  position: relative;  line-height: normal;}aside nav a .text span {  border-bottom: 2px solid #000;  display: block;  position: absolute;  bottom: -2px;  left: 50%;  right: 50%;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}aside nav a.selected .text span {  left: 0%;  right: 2%;  opacity: 1;  filter: alpha(opacity=100);}aside .contact {  font-family: 'freight-big-pro';  font-size: 24px;  font-weight: 400;  font-style: italic;  text-align: center;  display: block;  margin: 0 40px;  text-decoration: none;  color: #ffffff;}aside .bottom {  position: absolute;  bottom: 7px;  left: 0;  right: 0;}aside .bottom .social {  text-align: center;}aside .bottom .social a {  display: inline-block;  border: 2px solid #000;  margin: 0 1px;  margin-bottom: 3px;  position: relative;  width: 24px;  height: 25px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}aside .bottom .social a span {  position: absolute;  top: 50%;  left: 50%;}aside .bottom .social a span.white {  opacity: 0;  filter: alpha(opacity=0);}aside .bottom .social a.facebook span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -797px -254px;  width: 8px;  height: 15px;  text-indent: -6000px;  text-align: left;  margin-left: -5px;  margin-top: -8px;}aside .bottom .social a.facebook span.black {  background-position: -797px -291px;}aside .bottom .social a.instagram span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -757px -254px;  width: 15px;  height: 15px;  text-indent: -6000px;  text-align: left;  margin-left: -7px;  margin-top: -8px;}aside .bottom .social a.instagram span.black {  background-position: -757px -291px;}aside .bottom .social a.pinterest span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -831px -254px;  width: 13px;  height: 16px;  text-indent: -6000px;  text-align: left;  margin-left: -6px;  margin-top: -8px;}aside .bottom .social a.pinterest span.black {  background-position: -831px -291px;}aside .bottom .created {  margin-top: 10px;  margin-bottom: 30px;  font-family: 'pf_din_text_comp_pro';  font-size: 11px;  font-weight: normal;  font-style: normal;  text-transform: uppercase;  color: #000;  font-style: italic;  text-align: center;}aside .bottom .created a {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -873px -286px;  width: 156px;  height: 23px;  text-indent: -6000px;  text-align: left;  display: inline-block;  margin-top: 10px;}aside .borderBottom {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0px -260px;  width: 100%;  height: 7px;  text-indent: -6000px;  text-align: left;  position: absolute;  bottom: 0;  left: 0;  right: 0;}.no-touch aside nav a:hover {  color: #2e2e2a;}.no-touch aside nav a.selected:hover {  color: #000;}body.opened aside {  left: 0px;}body.opened aside #mobileMenuButton span {  opacity: 0;  filter: alpha(opacity=0);}body.opened aside #mobileMenuButton span:first-child {  opacity: 1;  filter: alpha(opacity=100);  -webkit-transform: translate(0px,7px) rotate(45deg);  -moz-transform: translate(0px,7px) rotate(45deg);  -ms-transform: translate(0px,7px) rotate(45deg);  -o-transform: translate(0px,7px) rotate(45deg);  transform: translate(0px,7px) rotate(45deg);}body.opened aside #mobileMenuButton span:last-child {  opacity: 1;  filter: alpha(opacity=100);  -webkit-transform: translate(0px,-7px) rotate(-45deg);  -moz-transform: translate(0px,-7px) rotate(-45deg);  -ms-transform: translate(0px,-7px) rotate(-45deg);  -o-transform: translate(0px,-7px) rotate(-45deg);  transform: translate(0px,-7px) rotate(-45deg);}body.opened #content {  left: 100px;  opacity: 0.2 !important;  pointer-events: none;}.no-touch aside .bottom .social a {  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}.no-touch aside .bottom .social a span.white {  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}.no-touch aside .bottom .social a:hover {  background: #000;}.no-touch aside .bottom .social a:hover span.white {  opacity: 1;  filter: alpha(opacity=100);}#subBrewery {  display: none;  left: 250px;  top: 330px;  width: 100%;  background-color: #fff;}#subMenuBrewery:hover {  margin-right: -40px;  margin-left: -40px;  position: relative;}#subMenuBrewery:hover #subBrewery {  display: inline;  position: absolute;  top: 0px;}#awwwards {  position: absolute;  width: 126px;  height: 126px;  text-indent: -666em;  overflow: hidden;  z-index: 999;  -webkit-transition: all 1s ease;  transition: all 1s ease;}#awwwards.top {  top: 0;}#awwwards.bottom {  bottom: 0;}#awwwards.left {  left: 0;}#awwwards.right {  right: 0;}#awwwards a {  position: absolute;  top: 0;  left: 0;  display: block;  width: 126px;  height: 126px;  background-repeat: no-repeat;  background-position: 4px -23px;  background-size: 145px 145px;}#awwwards.top.left a {  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);}#awwwards.bottom.left a {  background-position: -23px 4px;}#awwwards.bottom.right a {  background-position: -23px 4px;  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);}#awwwards.sotd.black a {  background-image: url(/static/img/ribbons/awwwards_sotd_black.png);}#awwwards.sotd.silver a {  background-image: url(/static/img/ribbons/awwwards_sotd_silver.png);}#awwwards.sotd.white a {  background-image: url(/static/img/ribbons/awwwards_sotd_white.png);}#awwwards.sotd.green a {  background-image: url(/static/img/ribbons/awwwards_sotd_green.png);}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {  #awwwards.sotd.black a {    background-image: url(/static/img/ribbons/awwwards_sotd_black@2x.png);  }  #awwwards.sotd.silver a {    background-image: url(/static/img/ribbons/awwwards_sotd_silver@2x.png);  }  #awwwards.sotd.white a {    background-image: url(/static/img/ribbons/awwwards_sotd_white@2x.png);  }  #awwwards.sotd.green a {    background-image: url(/static/img/ribbons/awwwards_sotd_green@2x.png);  }}.beerDetails {  width: 100%;  height: 100%;  overflow: hidden;  text-align: center;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}.beerDetails .middle {  line-height: normal;  vertical-align: middle;  display: inline-block;  text-align: left;  position: relative;  min-height: 700px;}.beerDetails .middle .image {  width: 328px;  height: 738px;  position: absolute;  top: 0;  left: 0;}.beerDetails .middle .image .shadow {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: url("../../static/img/beers/beer_shadow.png") no-repeat top left transparent;}.beerDetails .middle .image img {  position: relative;  z-index: 2;  margin-left: 57px;}.beerDetails .middle .text {  margin-left: 227px;  margin-top: 50px;  margin-right: 15%;}.beerDetails .middle .text .title {  font-size: 90px;  line-height: 85px;  text-transform: uppercase;  font-weight: bold;  margin-left: -50px;}.beerDetails .middle .text p {  font-family: 'pf_din_text_comp_pro';  font-size: 20px;  font-weight: normal;  font-style: normal;  margin-top: 10px;}.beerDetails .middle .text .infos {  border: 2px solid #FFFFFF;  font-size: 17px;  font-weight: 100;  overflow: hidden;  line-height: 27px;  display: inline-block;  margin-top: 20px;}.beerDetails .middle .text .infos > div {  float: left;  padding: 0 13px;  border-left: 2px solid #FFFFFF;}.beerDetails .middle .text .infos > div:first-child {  border: none;}.beerDetails .middle .text .discover {  font-family: 'selfie';  font-size: 37px;  font-weight: 400;  color: #ffffff;  text-decoration: none;  position: relative;  display: inline-block;  line-height: 31px;  padding-right: 40px;  margin-top: 30px;}.beerDetails .middle .text .discover span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -569px -248px;  width: 17px;  height: 31px;  text-indent: -6000px;  text-align: left;  position: absolute;  top: 0;  right: 0;}.owl-item.dragging .beerDetails .image {  z-index: 10;}#content #beersIndex,#content #beersSerie {  overflow: hidden;  position: absolute;  top: 0;  left: 0;  right: -0.1%;  bottom: 0;}#content #beersIndex .itemsContainer,#content #beersSerie .itemsContainer {  position: absolute;  overflow: hidden;  top: 0;  left: 0;  min-width: 100%;  bottom: 0;}#content #beersIndex .itemsContainer .owl-item .item,#content #beersSerie .itemsContainer .owl-item .item {  width: 100%;}#content #beersIndex .itemsContainer .item,#content #beersSerie .itemsContainer .item {  position: relative;  display: block;  float: left;  overflow: hidden;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  text-align: center;}#content #beersIndex .itemsContainer .item .in,#content #beersSerie .itemsContainer .item .in {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: block;  width: 100%;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#content #beersIndex .itemsContainer .item .fullBg,#content #beersSerie .itemsContainer .item .fullBg {  position: absolute;  top: 0;  left: 0;  display: none;}#content #beersIndex .itemsContainer .item .overlay,#content #beersSerie .itemsContainer .item .overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #000000;  opacity: 0.6;  filter: alpha(opacity=60);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #beersIndex .itemsContainer .item .text,#content #beersSerie .itemsContainer .item .text {  position: absolute;  top: 50%;  left: 0;  right: 0;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);  text-align: center;  font-family: "refrigerator-deluxe";  font-size: 20px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 4px;}#content #beersIndex .itemsContainer .item .text .title,#content #beersSerie .itemsContainer .item .text .title {  display: block;  text-align: center;  color: #FFFFFF;  text-transform: uppercase;  font-size: 40px;  margin-top: 15px;}#content #beersIndex .itemsContainer .item .text .mini,#content #beersSerie .itemsContainer .item .text .mini {  display: block;  font-size: 13px;  text-transform: uppercase;  text-align: center;  margin-top: 10px;}#content #beersIndex .itemsContainer .item .text img,#content #beersSerie .itemsContainer .item .text img {  display: block;  margin: 0 auto;}#content #beersIndex .itemsContainer .item .text .discover,#content #beersSerie .itemsContainer .item .text .discover {  display: inline-block;  padding: 0 15px;  color: #f2f2f2;  border: 2px solid #ffffff;  line-height: 33px;  padding-top: 1px;  font-size: 20px;  text-transform: uppercase;  margin-top: 38px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #beersIndex .itemsContainer .item .text h2,#content #beersSerie .itemsContainer .item .text h2 {  font-size: 100px;  font-weight: 900;  letter-spacing: 6px;}#content #beersIndex .itemsContainer .item .text h3,#content #beersSerie .itemsContainer .item .text h3 {  font-weight: 300;  letter-spacing: 8px;}#content #beersIndex .itemsContainer .item.hover,#content #beersSerie .itemsContainer .item.hover {  z-index: 2;}#content #beersIndex .itemsContainer .item.hover .overlay,#content #beersSerie .itemsContainer .item.hover .overlay {  opacity: 0;  filter: alpha(opacity=0);}#content #beersIndex .itemsContainer .item.hover .text .discover,#content #beersSerie .itemsContainer .item.hover .text .discover {  background: #ffffff;  color: #000000;}#content #beersIndex .itemsContainer .item {  height: 50%;  width: 49.9%;}#content #beersIndex .itemsContainer .item:first-child {  width: 100%;}#content #beersIndex .itemsContainer .item:first-child .overlay {  display: none;}#content #beersIndex .itemsContainer .item:first-child .in .bg {  display: none;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  background-position: center center;  background-repeat: no-repeat;}#content #beersIndex .itemsContainer .item .overlay {  opacity: 0.3;  filter: alpha(opacity=30);}#content #beersSerie .itemsContainer .item {  width: 33.33%;  height: 100%;}.no-touch #content #beersIndex .itemsContainer .item:hover .overlay,.no-touch #content #beersSerie .itemsContainer .item:hover .overlay {  opacity: 0;  filter: alpha(opacity=0);}.no-touch #content #beersIndex .itemsContainer .item:hover .text .discover,.no-touch #content #beersSerie .itemsContainer .item:hover .text .discover {  background: #ffffff;  color: #000000;}#content #beersArea,#content #beersSerie {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #beersArea .beersContainer,#content #beersSerie .beersContainer {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 100%;}.beerView {  width: 100%;  height: 100%;  overflow: hidden;  text-align: left;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}.beerView .hideLink {  display: none;}.beerView .scroller {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}.beerView .middle {  line-height: normal;  vertical-align: middle;  display: inline-block;  text-align: left;  position: relative;  width: 100%;}.beerView .middle .image {  display: inline-block;  position: relative;  z-index: 2;  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  -o-user-select: none;  user-select: none;  pointer-events: none;  margin-left: 7%;  margin-right: 5px;  width: 18%;  vertical-align: top;}.beerView .middle .image .shadow {  position: absolute;  top: 0;  left: -30%;  width: 200%;  display: block;}.beerView .middle .image img.img {  position: relative;  z-index: 2;  width: 100%;  display: block;}.beerView .middle .text {  margin-top: 50px;  margin-right: 7%;  width: 66%;  display: inline-block;  vertical-align: top;}.beerView .middle .text .title {  font-size: 90px;  line-height: 85px;  text-transform: uppercase;  font-weight: bold;  margin-left: -20px;  max-width: 300px;  font-family: "refrigerator-deluxe";  font-weight: 700;}.beerView .middle .text p {  font-family: 'pf_din_text_comp_pro';  font-size: 20px;  font-weight: normal;  font-style: normal;  margin-top: 10px;}.beerView .middle .text p strong {  font-size: 22px;  text-transform: uppercase;}.beerView .middle .text .tabs {  height: 33px;  border: 1px solid #FFFFFF;  border-bottom: none;  display: inline-block;  margin-top: 20px;}.beerView .middle .text .tabs .tab {  font-size: 18px;  text-transform: uppercase;  float: left;  line-height: 30px;  height: 30px;  width: 110px;  text-align: center;  padding-top: 3px;  position: relative;  border-left: 1px solid #FFFFFF;  cursor: pointer;}.beerView .middle .text .tabs .tab:first-child {  border: none;}.beerView .middle .text .tabs .tab .bottomLine {  position: absolute;  bottom: 0px;  height: 1px;  background: #FFFFFF;}.beerView .middle .text .tabs .tab .bottomLine.left {  left: 0;  width: 50%;}.beerView .middle .text .tabs .tab .bottomLine.right {  right: 0;  width: 50%;}.beerView .middle .text .tabs .tab .bottomPix {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -706px -297px;  width: 20px;  height: 7px;  text-indent: -6000px;  text-align: left;  position: absolute;  bottom: -6px;  left: 50%;  margin-left: -10px;  display: none;}.beerView .middle .text .tabs .tab.selected .bottomLine {  width: 45px;}.beerView .middle .text .tabs .tab.selected .bottomPix {  display: block;}.beerView .middle .text .tabContents {  margin-top: 20px;  padding-bottom: 20px;}.beerView .middle .text .tabContents .tabContent {  display: none;}.beerView .middle .text .tabContents .tabContent.selected {  display: block;}.beerView .middle .text .stats {  width: 65%;  position: relative;  min-width: 255px;}.beerView .middle .text .stats canvas {  display: block;}.beerView .middle .text .infos {  font-size: 17px;  font-weight: 100;  overflow: hidden;  line-height: 27px;  display: inline-block;  margin-top: 20px;  position: relative;  padding-left: 2px;}.beerView .middle .text .infos > div {  float: left;  padding: 0 13px;  border: 2px solid #FFFFFF;  margin-left: -2px;  margin-bottom: 2px;  position: relative;  z-index: 2;}.beerView .middle .text .infos > div:first-child {  margin-left: 0;}.beerView .middle .text .buttonVideo {  display: inline-block;  position: relative;  height: 41px;  font-family: 'selfie';  font-size: 44px;  font-weight: 400;  line-height: 51px;  padding-left: 50px;  cursor: pointer;  margin-top: 20px;}.beerView .middle .text .buttonVideo span {  position: absolute;  top: 0;  left: 0;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -441px -246px;  width: 41px;  height: 41px;  text-indent: -6000px;  text-align: left;}.beerView .middle .text .discover {  font-family: 'selfie';  font-size: 37px;  font-weight: 400;  color: #ffffff;  text-decoration: none;  position: relative;  display: inline-block;  line-height: 31px;  padding-right: 40px;  margin-top: 30px;}.beerView .middle .text .discover span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -569px -248px;  width: 17px;  height: 31px;  text-indent: -6000px;  text-align: left;  position: absolute;  top: 0;  right: 0;}#beersDetails.beerView {  text-align: center;}#beersDetails.beerView .middleAndStats {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 3;}#beersDetails.beerView .fullBg {  z-index: 2;}#beersDetails.beerView .middle {  width: 57%;  position: relative;  z-index: 3;}#beersDetails.beerView .middle .text p strong {  font-size: 22px;  text-transform: uppercase;}#beersDetails.beerView .middle .text .button {  display: inline-block;  position: relative;  height: 41px;  font-family: 'selfie';  font-size: 44px;  font-weight: 400;  line-height: 51px;  padding-left: 50px;  cursor: pointer;  margin-top: 20px;}#beersDetails.beerView .middle .text .button span {  position: absolute;  top: 0;  left: 0;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -441px -246px;  width: 41px;  height: 41px;  text-indent: -6000px;  text-align: left;}#beersDetails.beerView .stats {  display: inline-block;  vertical-align: middle;  width: 30%;  margin-right: 7%;  max-width: 400px;  position: relative;  z-index: 3;}#beersDetails.beerView .stats canvas {  display: block;}#breweryIndex {  overflow: hidden;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#breweryIndex .itemsContainer {  overflow: hidden;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#breweryIndex .itemsContainer .item {  position: absolute;  height: 50%;  width: 50%;}#breweryIndex .itemsContainer .item .text {  position: absolute;  top: 50%;  left: 0;  right: 0;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);  text-align: center;  font-family: "refrigerator-deluxe";  font-size: 20px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 4px;}#breweryIndex .itemsContainer .item .text h2 {  font-size: 100px;  font-weight: 900;  letter-spacing: 6px;}#breweryIndex .itemsContainer .item .text h3 {  font-weight: 300;  letter-spacing: 8px;}#breweryIndex .itemsContainer .item.team {  width: 100%;  top: 0;  left: 0;  background: url("../../static/img/brewery/index_team.jpg") no-repeat top center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryIndex .itemsContainer .item.visit {  bottom: 0;  left: 0;  background: url("../../static/img/brewery/index_visit.jpg") no-repeat top center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryIndex .itemsContainer .item.access {  bottom: 0;  right: 0;  background: url("../../static/img/brewery/index_access.jpg") no-repeat top center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryIndex .introduction {  overflow: hidden;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#breweryIndex .introduction .in {  position: absolute;  overflow: hidden;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: url("../../static/img/brewery/index_introduction.jpg") no-repeat center center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryIndex .introduction .in .videosContainer {  position: absolute;  top: -4px;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;  -webkit-backface-visibility: hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  pointer-events: none;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  background: #000000;}#breweryIndex .introduction .in .videosContainer.displayed {  opacity: 1;  filter: alpha(opacity=100);}#breweryIndex .introduction .in .videosContainer .overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.5);  opacity: 0;  filter: alpha(opacity=0);}#breweryIndex .introduction .in .videosContainer .videos {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#breweryIndex .introduction .in .videosContainer .videos iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}#breweryIndex .introduction .in .text {  position: absolute;  top: 50%;  left: 0;  right: 0;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);  font-family: "refrigerator-deluxe";  font-size: 20px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 4px;  text-align: center;}#breweryIndex .introduction .in .text h2 {  font-size: 70px;  font-weight: 700;  position: relative;  display: inline-block;  padding-bottom: 8px;  margin: 0 20px;}#breweryIndex .introduction .in .text h2 span {  display: block;}#breweryIndex .introduction .in .text h2 .line {  display: block;  content: '';  position: absolute;  bottom: 0;  left: 0%;  right: 0%;  background: #ffffff;  height: 4px;}#breweryIndex .introduction .in .text h3 {  margin-top: 20px;  margin-bottom: 60px;  font-weight: 300;  letter-spacing: 8px;}#breweryIndex .introduction .in .text .discover {  display: inline-block;  padding: 0 50px;  color: #f2f2f2;  border: 2px solid #ffffff;  line-height: 53px;  padding-top: 1px;  font-size: 20px;  text-transform: uppercase;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  cursor: pointer;}#breweryAccess {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#breweryAccess #map {  width: 100%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#breweryAccess .address {  margin-right: 3%;  background-color: #fff;  padding: 30px;  position: absolute;  top: 10%;  left: 3%;  color: #000;}#breweryAccess .address h1 {  font-family: "refrigerator-deluxe";  font-size: 38px;  font-weight: 700;  text-transform: uppercase;  margin-bottom: 20px;}#breweryAccess .address p {  font-size: 17px;  line-height: 150%;}#breweryAccess .address p a {  color: inherit;}#breweryTeams {  overflow: hidden;  position: absolute;  top: 0;  left: 0;  right: -0.1%;  bottom: 0;}#breweryTeams .itemsContainer {  position: absolute;  overflow: hidden;  top: 0;  left: 0;  min-width: 100%;  bottom: 0;}#breweryTeams .itemsContainer .owl-item .item {  width: 100%;}#breweryTeams .itemsContainer .item {  position: relative;  display: block;  height: 100%;  float: left;  overflow: hidden;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryTeams .itemsContainer .item .hover {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#breweryTeams .itemsContainer .item .hover .bgHover {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryTeams .itemsContainer .item .hover .text {  position: absolute;  top: 50%;  left: 20px;  right: 20px;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);  text-align: center;  font-family: "refrigerator-deluxe";  font-size: 27px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 4px;}#breweryTeams .itemsContainer .item .hover .text h2 {  font-weight: bold;}#breweryTeams .itemsContainer .item .hover .text h3 {  font-weight: 300;  font-size: 23px;  letter-spacing: 8px;  margin-top: 25px;}#breweryTeams .itemsContainer .item:hover .hover {  opacity: 1;  filter: alpha(opacity=100);}#breweryTeamDetails {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#breweryTeamDetails > .image {  position: absolute;  top: 0;  left: 0;  width: 50%;  bottom: 0;  overflow: hidden;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryTeamDetails > .text {  position: absolute;  top: 0;  right: 0;  width: 50%;  bottom: 0;  background: url("../../static/img/brewery/team_bg.jpg") no-repeat left center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#breweryTeamDetails > .text .in {  padding: 10%;}#breweryTeamDetails > .text .in h1 {  font-family: "refrigerator-deluxe";  font-size: 71px;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 4px;}#breweryTeamDetails > .text .in h2 {  font-family: "refrigerator-deluxe";  font-size: 23px;  font-weight: 300;  text-transform: uppercase;  letter-spacing: 4px;  letter-spacing: 8px;}#breweryTeamDetails > .text .in p {  margin-top: 20px;  font-size: 15px;  line-height: 180%;}#breweryTeamDetails > .text .in p strong {  text-transform: uppercase;}#breweryVisit {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#breweryVisit .content {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#breweryVisit .content .scroller {  min-height: 100%;  background: #ffffff;  color: #000;}#breweryVisit .content .scroller .slide.header {  min-height: 100%;  text-align: center;  background: url("../../static/img/brewery/visit_header.jpg") no-repeat center center #000;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  color: #ffffff;  position: relative;}#breweryVisit .content .scroller .slide.header .text {  display: inline-block;  vertical-align: middle;  line-height: normal;  font-family: "refrigerator-deluxe";  font-size: 20px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 4px;  padding: 30px 0;  text-align: center;}#breweryVisit .content .scroller .slide.header .text h1 {  font-size: 70px;  font-weight: 700;  position: relative;  display: inline-block;  padding-bottom: 8px;}#breweryVisit .content .scroller .slide.header .text h1 .line {  display: block;  content: '';  position: absolute;  bottom: 0;  left: 0%;  right: 0%;  background: #ffffff;  height: 4px;}#breweryVisit .content .scroller .slide.header .text h3 {  margin-top: 20px;  margin-bottom: 60px;  font-weight: 300;  letter-spacing: 8px;}#breweryVisit .content .scroller .slide.introduction {  padding: 10% 10%;}#breweryVisit .content .scroller .slide.introduction h2 {  font-family: "refrigerator-deluxe";  font-size: 38px;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 4px;  margin-bottom: 30px;  line-height: 100%;}#breweryVisit .content .scroller .slide.introduction .text {  overflow: hidden;  padding-right: 5%;}#breweryVisit .content .scroller .slide.introduction .text p {  width: 45%;  float: right;  text-align: justify;  line-height: 160%;  font-size: 17px;}#breweryVisit .content .scroller .slide.introduction .text p:first-child {  float: left;}#breweryVisit .content .scroller .slide.image img {  display: block;  width: 100%;}#breweryVisit .content .scroller .slide.form {  background: url("../../static/img/brewery/visit_form_bg.jpg") no-repeat center center #000;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  color: #ffffff;}#breweryVisit .content .scroller .slide.form .in {  padding: 7% 7%;  overflow: hidden;}#breweryVisit .content .scroller .slide.form .in h2 {  font-family: "refrigerator-deluxe";  font-size: 71px;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 4px;}#breweryVisit .content .scroller .slide.form .in h3 {  font-family: "refrigerator-deluxe";  font-size: 22px;  font-weight: 300;  text-transform: uppercase;  letter-spacing: 4px;  letter-spacing: 8px;  margin-bottom: 60px;}#breweryVisit .content .scroller .slide.form .in h4 {  font-family: "refrigerator-deluxe";  font-size: 15px;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 4px;}#breweryVisit .content .scroller .slide.form form {  display: block;  overflow: hidden;  margin-right: -2%;  width: 60%;  max-width: 700px;  float: left;}#breweryVisit .content .scroller .slide.form form .input {  width: 48%;  margin-right: 2%;  float: left;  margin-bottom: 13px;}#breweryVisit .content .scroller .slide.form form .input input,#breweryVisit .content .scroller .slide.form form .input textarea,#breweryVisit .content .scroller .slide.form form .input select {  padding: 10px 15px;  font-family: 'din-condensed-web';  font-size: 20px;  font-weight: 400;  text-transform: uppercase;  background: transparent;  border: 2px solid #e1d1d1;  width: 100%;  color: #FFFFFF;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#breweryVisit .content .scroller .slide.form form .input input.error,#breweryVisit .content .scroller .slide.form form .input textarea.error,#breweryVisit .content .scroller .slide.form form .input select.error {  border: 2px solid #d64e43;}#breweryVisit .content .scroller .slide.form form .input select option {  background: #000;}#breweryVisit .content .scroller .slide.form form .input textarea {  height: 200px;}#breweryVisit .content .scroller .slide.form form .input.subject,#breweryVisit .content .scroller .slide.form form .input.message {  width: 98%;}#breweryVisit .content .scroller .slide.form form .ok {  margin-right: 2%;  text-transform: uppercase;  font-size: 20px;  line-height: 57px;  font-style: italic;  display: none;}#breweryVisit .content .scroller .slide.form form button.button {  margin-right: 2%;  width: auto;  padding: 0 70px;  font-family: "refrigerator-deluxe";  font-size: 18px;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 4px;  line-height: 57px;  background: #cabfbf;  border: none;  color: #ffffff;  cursor: pointer;}#breweryVisit .content .scroller .slide.form form .errorMessage {  display: inline-block;  font-style: italic;  text-transform: uppercase;  font-size: 15px;  margin-left: 20px;  color: #d64e43;  line-height: 41px;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#breweryVisit .content .scroller .slide.form form .errorMessage span {  display: none;}#breweryVisit .content .scroller .slide.form form .errorMessage.display {  opacity: 1;  filter: alpha(opacity=100);}#breweryVisit .content .scroller .slide.form .information {  float: left;  margin-left: 10%;}#breweryVisit .content .scroller .slide.form .information h4 {  margin-bottom: 15px;  padding-bottom: 7px;  border-bottom: 2px solid #ffffff;  display: inline-block;}#breweryVisit .content .scroller .slide.form .information p {  font-size: 18px;  line-height: 150%;}#content #contactIndex {  background: url("../../static/img/contact/bg.jpg") no-repeat center center #000000;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #contactIndex .contentInner {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#content #contactIndex .contentInner .scrollContent .container {  padding-left: 7%;  padding-right: 7%;  padding-bottom: 100px;  max-width: 590px;}#content #contactIndex h1 {  font-size: 86px;  text-transform: uppercase;  margin-top: 50px;  margin-bottom: 25px;  font-weight: normal;}#content #contactIndex h3 {  font-size: 27px;  text-transform: uppercase;  font-weight: normal;  margin-bottom: 10px;}#content #contactIndex .button,#content #contactIndex a.button {  line-height: 39px;  display: inline-block;  width: 100%;  text-transform: uppercase;  font-weight: normal;  font-size: 18px;  color: #FFFFFF;  text-decoration: none;  background: #cabfbf;  border: 2px solid #e1d1d1;  text-align: center;  cursor: pointer;}#content #contactIndex .info {  overflow: hidden;}#content #contactIndex .info .left {  float: left;  width: 40%;}#content #contactIndex .info .right {  float: right;  width: 50%;}#content #contactIndex .info .right .button {  margin-top: 4px;  line-height: normal;  padding: 8px 0 6px 0;}#content #contactIndex .info .right .button:first-child {  margin-top: 0;}#content #contactIndex .info p {  font-family: 'pf_din_text_comp_pro';  font-size: 18px;  font-weight: normal;  font-style: normal;}#content #contactIndex .info p a {  text-decoration: none;}#content #contactIndex .info p a:hover {  text-decoration: underline;}#content #contactIndex .form {  margin-top: 10px;  overflow: hidden;}#content #contactIndex .form form {  display: block;  overflow: hidden;  margin-left: -2%;}#content #contactIndex .form .input {  width: 48%;  margin-left: 2%;  float: left;  margin-bottom: 13px;}#content #contactIndex .form .input input,#content #contactIndex .form .input textarea {  padding: 10px 15px;  font-family: 'din-condensed-web';  font-size: 20px;  font-weight: 400;  text-transform: uppercase;  background: transparent;  border: 2px solid #e1d1d1;  width: 100%;  color: #FFFFFF;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #contactIndex .form .input input.error,#content #contactIndex .form .input textarea.error {  border: 2px solid #d64e43;}#content #contactIndex .form .input.subject,#content #contactIndex .form .input.message {  width: 98%;}#content #contactIndex .form .ok {  margin-left: 2%;  text-transform: uppercase;  font-size: 20px;  line-height: 41px;  font-style: italic;  display: none;}#content #contactIndex .form button.button {  margin-left: 2%;  width: auto;  padding: 0 60px;  font-family: 'din-condensed-web';  font-size: 18px;  font-weight: 400;  background-color: #c4b9b9;  background-image: -webkit-gradient(linear,left top,left bottom,from(#c4b9b9),to(#9f9694));  background-image: -webkit-linear-gradient(top,#c4b9b9,#9f9694);  background-image: -moz-linear-gradient(top,#c4b9b9,#9f9694);  background-image: -o-linear-gradient(top,#c4b9b9,#9f9694);  background-image: linear-gradient(to bottom,#c4b9b9,#9f9694);}#content #contactIndex .form .errorMessage {  display: inline-block;  font-style: italic;  text-transform: uppercase;  font-size: 15px;  margin-left: 20px;  color: #d64e43;  line-height: 41px;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #contactIndex .form .errorMessage span {  display: none;}#content #contactIndex .form .errorMessage.display {  opacity: 1;  filter: alpha(opacity=100);}#error404 {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: url("../../static/img/404_bg.jpg") no-repeat center center #000000;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  text-align: right;}#error404 .text {  width: 55%;  margin-right: 3%;  display: inline-block;  line-height: normal;  text-align: left;  text-transform: uppercase;  color: #FFFFFF;  font-size: 27px;  vertical-align: middle;  font-weight: bold;}#error404 .text h1 {  color: #090909;  font-size: 92px;  margin-left: -13px;}#error404 .text h2 {  display: inline-block;  line-height: 100px;  font-size: 88px;  padding: 0 30px;  background: #090909;  margin-bottom: 20px;}#error404 .text p {  clear: both;}#error404 .text p a {  text-decoration: none;}#error404 .text p a:hover {  text-decoration: underline;}#content #eventsIndex {  background: url("../../static/img/agenda_bg.jpg") no-repeat center center #ffffff;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #eventsIndex .contentInner {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#content #eventsIndex .contentInner .scrollContent .container {  padding-left: 7%;  padding-right: 7%;  padding-bottom: 100px;  max-width: 1190px;}#content #eventsIndex h1 {  font-size: 86px;  text-transform: uppercase;  margin-top: 50px;  margin-bottom: 25px;  font-weight: normal;}#content #eventsIndex h1:after {  content: '';  display: block;  width: 80px;  height: 3px;  background: #ffffff;}#content #eventsIndex .owlAgenda {  margin-left: -6px;  margin-right: -6px;  position: relative;}#content #eventsIndex .owlAgenda .item {  margin: 6px;  position: relative;  overflow: hidden;  cursor: pointer;  display: block;}#content #eventsIndex .owlAgenda .item:before {  content: '';  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  border: 0px solid #ffffff;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #eventsIndex .owlAgenda .item:after {  content: '';  display: block;  width: 14px;  height: 14px;  background: #ffffff;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  position: absolute;  left: 50%;  bottom: -17px;  margin-left: -7px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #eventsIndex .owlAgenda .item img {  display: block;  width: 100%;}#content #eventsIndex .owlAgenda .item.selected:before {  border: 7px solid #ffffff;}#content #eventsIndex .owlAgenda .item.selected:after {  bottom: 0;}#content #eventsIndex .owlAgenda .owl-prev {  text-indent: -6000px;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -1056px -240px;  width: 40px;  height: 40px;  text-align: left;  position: absolute;  left: -70px;  top: 50%;  margin: 0;  padding: 0;  margin-top: -20px;  opacity: 1;  filter: alpha(opacity=100);}#content #eventsIndex .owlAgenda .owl-next {  text-indent: -6000px;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -1106px -240px;  width: 40px;  height: 40px;  text-align: left;  position: absolute;  right: -70px;  top: 50%;  margin: 0;  padding: 0;  margin-top: -20px;  opacity: 1;  filter: alpha(opacity=100);}#content #eventsIndex .owlAgenda .owl-controls {  margin-top: 0;}#content #eventsIndex .eventContents {  background: #ffffff;  padding: 40px;  color: #494949;  margin-right: 11px;  margin-top: 6px;}#content #eventsIndex .eventContents .cntnr {  overflow: hidden;}#content #eventsIndex .eventContents .eventContent {  font-size: 0;  display: none;}#content #eventsIndex .eventContents .eventContent.selected {  display: block;}#content #eventsIndex .eventContents .eventContent .image {  width: 24%;  margin-right: 5%;  display: inline-block;  vertical-align: middle;}#content #eventsIndex .eventContents .eventContent .image img {  display: block;  width: 100%;}#content #eventsIndex .eventContents .eventContent .text {  width: 69%;  display: inline-block;  vertical-align: middle;  font-size: 12px;}#content #eventsIndex .eventContents .eventContent .text h2 {  font-size: 32px;  text-transform: uppercase;  font-weight: 400;  color: #0b0806;}#content #eventsIndex .eventContents .eventContent .text h3 {  color: #565656;  font-size: 18px;  text-transform: uppercase;  font-weight: 400;  margin-top: 4px;}#content #eventsIndex .eventContents .eventContent .text p {  line-height: 180%;  font-size: 16px;  margin-top: 15px;  width: 92%;}#content #eventsIndex .eventContents .eventContent .text a {  display: inline-block;  line-height: 35px;  border: 3px solid #100b0b;  color: #100b0b;  text-decoration: none;  font-size: 18px;  padding: 0 22px;  text-transform: uppercase;  margin-top: 20px;}#content #eventsIndex .bottom {  font-size: 36px;  text-transform: uppercase;  font-weight: 400;  margin-top: 22px;  padding-left: 40px;}#content #eventsIndex .bottom p {  margin-left: 16px;}#content #eventsIndex .bottom a {  border: 3px solid #ffffff;  display: inline-block;  padding: 0 12px;  line-height: 45px;  text-decoration: none;}#content #experienceIndex {  text-transform: uppercase;  font-size: 16px;  background: url("../../static/img/experience/bg.jpg") no-repeat center center #000000;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #experienceIndex .discover {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 2;  background: url("../../static/img/experience/discover_bg.jpg") no-repeat center center #000000;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  text-align: center;}#content #experienceIndex .discover .middle {  display: inline-block;  line-height: normal;  text-transform: uppercase;  max-width: 750px;  vertical-align: middle;}#content #experienceIndex .discover .middle img {  display: inline-block;}#content #experienceIndex .discover .middle h1 {  font-size: 1em;}#content #experienceIndex .discover .middle h2 {  font-size: 38px;  font-weight: 700;  margin-top: 35px;  margin-bottom: 40px;  text-shadow: 2px 2px 3px #000000;}#content #experienceIndex .discover .middle h3 {  font-size: 26px;  font-weight: 100;  margin-bottom: 30px;  text-shadow: 1px 1px 3px #000000;}#content #experienceIndex .discover .middle .continue {  line-height: 44px;  border: 2px solid #FFFFFF;  font-weight: bold;  text-transform: uppercase;  padding: 0 30px;  display: inline-block;  text-decoration: none;  color: #ffffff;  font-size: 24px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  cursor: pointer;}#content #experienceIndex .discover .middle .continue:hover {  background: #FFFFFF;  color: #000000;}#content #experienceIndex .contentInner {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#content #experienceIndex .contentInner .scrollContent {  min-height: 100%;  position: relative;  z-index: 1;}#content #experienceIndex .topGradient {  position: absolute;  top: 0;  left: 0;  right: 0;  height: 300px;  background: -moz-linear-gradient(top,#000000 0%,rgba(125,185,232,0) 100%);  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,rgba(125,185,232,0)));  background: -webkit-linear-gradient(top,#000000 0%,rgba(125,185,232,0) 100%);  background: -o-linear-gradient(top,#000000 0%,rgba(125,185,232,0) 100%);  background: -ms-linear-gradient(top,#000000 0%,rgba(125,185,232,0) 100%);  background: linear-gradient(to bottom,#000000 0%,rgba(125,185,232,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#007db9e8',GradientType=0);}#content #experienceIndex .top {  text-align: center;  padding-top: 80px;  position: relative;  z-index: 10;  font-size: 0px;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;}#content #experienceIndex .top .submenu {  font-size: 24px;  display: inline-block;  border: 2px solid #ffffff;  line-height: 50px;  overflow: hidden;  vertical-align: middle;  margin-top: 50px;}#content #experienceIndex .top .submenu span {  display: block;  text-decoration: none;  padding: 0 10px;  border-left: 2px solid #ffffff;  float: left;  color: #ffffff;  cursor: pointer;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#content #experienceIndex .top .submenu span:first-child {  border: none;}#content #experienceIndex .top .submenu span.current {  color: #9fa08f;}#content #experienceIndex .top .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -260px -4px;  width: 289px;  height: 140px;  text-indent: -6000px;  text-align: left;  display: inline-block;  vertical-align: middle;  margin: 0 100px;}#content #experienceIndex .experienceContents {  padding-top: 50px;  padding-bottom: 80px;}#content #experienceIndex .experienceContents .experienceContent {  display: none;}#content #experienceIndex .experienceContents .experienceContent .toScale {  transform-origin: top center;}#content #experienceIndex .experienceContents .experienceContent.selected {  display: block;}#content #experienceIndex .experienceContents #experienceContentLocation {  padding: 0 50px;  margin: 0 auto;  max-width: 1004px;}#content #experienceIndex .experienceContents #experienceContentLocation .toScale {  overflow: hidden;}#content #experienceIndex .experienceContents #experienceContentLocation .left {  width: 50%;  float: left;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block {  padding-left: 50px;  margin-bottom: 60px;  position: relative;  text-transform: uppercase;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block .pix {  position: absolute;  top: 15px;  left: 0;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block h2 {  font-size: 39px;  margin-bottom: 7px;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block p {  font-weight: 100;  font-size: 25px;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block p a.view {  font-size: 16px;  text-decoration: underline;  color: #FFFFFF;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block.location .pix {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -606px -247px;  width: 23px;  height: 32px;  text-indent: -6000px;  text-align: left;}#content #experienceIndex .experienceContents #experienceContentLocation .left .block.info .pix {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -654px -247px;  width: 29px;  height: 29px;  text-indent: -6000px;  text-align: left;}#content #experienceIndex .experienceContents #experienceContentLocation .right {  width: 40%;  float: right;}#content #experienceIndex .experienceContents #experienceContentLocation .right img {  display: block;  width: 100%;}#content #experienceIndex .experienceContents #experienceContentGallery {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  cursor: e-resize;}#content #experienceIndex .experienceContents #experienceContentGallery .images {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;}#content #experienceIndex .experienceContents #experienceContentGallery .images img {  display: block;  position: absolute;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;}#content #experienceIndex .experienceContents #experienceContentGallery .images img.current {  z-index: 1;  opacity: 1;  filter: alpha(opacity=100);}#content #experienceIndex .experienceContents #experienceContentGallery .num {  position: absolute;  left: 50px;  top: 50%;  margin-top: -105px;  font-size: 110px;  z-index: 8;  pointer-events: none;}#content #experienceIndex .experienceContents #experienceContentGallery .num .sep {  position: absolute;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -2px -346px;  width: 109px;  height: 110px;  text-indent: -6000px;  text-align: left;  top: 64px;  left: 38px;}#content #experienceIndex .experienceContents #experienceContentGallery .num .current,#content #experienceIndex .experienceContents #experienceContentGallery .num .total {  width: 92px;}#content #experienceIndex .experienceContents #experienceContentGallery .num .current {  position: absolute;  top: 0;  left: 0;  text-align: right;}#content #experienceIndex .experienceContents #experienceContentGallery .num .total {  position: absolute;  top: 100px;  left: 100px;}#content #experienceIndex .experienceContents #experienceContentMenu {  position: absolute;  top: 100px;  left: 0;  right: 0;  bottom: 0;}#content #experienceIndex .experienceContents #experienceContentMenu .toScale {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #experienceIndex .experienceContents #experienceContentMenu .downloads {  position: absolute;  top: 50%;  left: 0;  right: 0;  text-align: center;  height: 275px;  margin-top: -137px;}#content #experienceIndex .experienceContents #experienceContentMenu .downloads .item {  display: inline-block;  margin: 0 7%;}#content #experienceIndex .experienceContents #experienceContentMenu .downloads .item.food {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -132px -346px;  width: 274px;  height: 275px;  text-indent: -6000px;  text-align: left;  display: inline-block;}#content #experienceIndex .experienceContents #experienceContentMenu .downloads .item.drink {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -418px -346px;  width: 274px;  height: 275px;  text-indent: -6000px;  text-align: left;  display: inline-block;}#content #homeIndex {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #homeIndex .contentInner {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}#content #homeIndex a {  overflow: hidden;}#content #homeIndex a img.fullBg {  display: block;  position: absolute;  top: 0;  left: 0;  display: none;}#content #homeIndex a .overlay {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #262626;  opacity: 0.5;  filter: alpha(opacity=50);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  z-index: 1;}#content #homeIndex a .title {  position: absolute;  top: 50%;  left: 50%;  z-index: 10;  -webkit-backface-visibility: hidden;}#content #homeIndex a video {  position: absolute;  left: 0;  right: 0;  opacity: 0;  filter: alpha(opacity=0);}#content #homeIndex a .gallery {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  opacity: 0;  filter: alpha(opacity=0);}#content #homeIndex a .gallery img {  display: block;  position: absolute;  top: 0;  left: 0;  z-index: 2;}#content #homeIndex a .gallery img.active {  z-index: 4;}#content #homeIndex a .gallery img.lastActive {  z-index: 3;}#content #homeIndex .beer {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 44%;  background: url("../../static/img/home/bg_beer.jpg") repeat center center #f2f2f2;}#content #homeIndex .beer .overlay {  opacity: 0.2;  filter: alpha(opacity=20);}#content #homeIndex .beer span {  display: block;}#content #homeIndex .beer .middle {  width: 100%;  display: inline-block;  vertical-align: middle;  line-height: normal;}#content #homeIndex .beer .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0px 0px;  width: 221px;  height: 105px;  text-indent: -6000px;  text-align: left;  position: relative;  top: auto;  left: auto;  margin: 0 auto;  margin-bottom: 50px;  padding: 60px 0 50px;  text-align: center;  text-transform: uppercase;  font-family: "refrigerator-deluxe";  font-weight: 900;  color: #232325;  font-size: 90px;  letter-spacing: 2px;  text-indent: 0;}#content #homeIndex .beer .swipe {  overflow: hidden;  visibility: hidden;  position: relative;}#content #homeIndex .beer .swipe .swipe-wrap {  overflow: hidden;  position: relative;}#content #homeIndex .beer .swipe .swipe-wrap div {  float: left;  width: 100%;  position: relative;}#content #homeIndex .beer .swipe .swipe-wrap div img {  display: block;  margin: 0 auto;  max-height: 80%;}#content #homeIndex .beer:hover .overlay {  opacity: 0;  filter: alpha(opacity=0);}#content #homeIndex .experience {  position: absolute;  top: 0;  left: 44%;  right: 0;  height: 50%;  background: url("../../static/img/home/bg_experience.jpg") no-repeat center center #f2f2f2;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#content #homeIndex .experience .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -260px -6px;  width: 289px;  height: 150px;  text-indent: -6000px;  text-align: left;  margin-left: -145px;  margin-top: -75px;  text-align: center;  text-transform: uppercase;  font-family: "refrigerator-deluxe";  font-weight: 700;  font-size: 40px;  letter-spacing: 2px;  text-indent: 0;}#content #homeIndex .experience .title span {  display: inline-block;  vertical-align: middle;}#content #homeIndex .experience .title span.bull {  font-size: 20px;}#content #homeIndex .ambassador {  position: absolute;  top: 50%;  left: 44%;  right: 28%;  bottom: 0;  background: url("../../static/img/home/bg_ambassador.jpg") no-repeat center center #f2f2f2;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#content #homeIndex .ambassador .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -578px -4px;  width: 274px;  height: 157px;  text-indent: -6000px;  text-align: left;  margin-top: -78px;  margin-left: -137px;}#content #homeIndex .social {  position: absolute;  top: 50%;  left: 72%;  height: 25%;  right: 0;  bottom: 0;  background: url("../../static/img/home/bg_social.jpg") no-repeat center center #f2f2f2;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#content #homeIndex .social .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -892px 0px;  width: 222px;  height: 144px;  text-indent: -6000px;  text-align: left;  margin-top: -72px;  margin-left: -125px;}#content #homeIndex .shop {  position: absolute;  top: 75%;  left: 72%;  height: 25%;  right: 0;  bottom: 0;  background: url("../../static/img/home/bg_social.jpg") no-repeat center center #f2f2f2;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#content #homeIndex .shop .title {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -892px -346px;  width: 222px;  height: 144px;  text-indent: -6000px;  text-align: left;  margin-top: -72px;  margin-left: -105px;}.no-touch #content #homeIndex a:hover .overlay {  opacity: 0;  filter: alpha(opacity=0);}.touch #content #homeIndex video {  display: none;  visibility: hidden;}.touch #content #homeIndex a.beer .overlay {  opacity: 0;  filter: alpha(opacity=0);  display: none;}#introduction {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 100%;  z-index: 10000000000;  background: #000000;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#introduction .sprites {  width: 185px;  height: 113px;  position: absolute;  top: 50%;  left: 50%;  margin-left: -95px;  margin-top: -68px;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#introduction .sprites .sprite1 {  width: 185px;  height: 113px;  background: url("../../static/img/introduction_sprite1.png") no-repeat 0px 0px transparent;  position: absolute;  top: 0;  left: 0;  display: none;}#introduction .sprites .sprite2 {  width: 185px;  height: 113px;  display: none;  position: absolute;  top: 0;  left: 0;  z-index: 2;  background: url("../../static/img/introduction_sprite2.png") no-repeat 0px 0px transparent;}@font-face {  font-family: 'pf_din_text_comp_pro';  src: url('../../static/fonts/pfdintextcompproregular-webfont.eot');  src: url('../../static/fonts/pfdintextcompproregular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../static/fonts/pfdintextcompproregular-webfont.woff2') format('woff2'), url('../../static/fonts/pfdintextcompproregular-webfont.woff') format('woff'), url('../../static/fonts/pfdintextcompproregular-webfont.ttf') format('truetype'), url('../static/fonts/pfdintextcompproregular-webfont.svg#eagle_bookregular') format('svg');  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'pf_din_text_comp_pro';  src: url('../../static/fonts/pfdintextcomppro-medium_0-webfont.eot');  src: url('../../static/fonts/pfdintextcomppro-medium_0-webfont.eot?#iefix') format('embedded-opentype'), url('../../../static/fonts/pfdintextcomppro-medium_0-webfont.woff2') format('woff2'), url('../../static/fonts/pfdintextcomppro-medium_0-webfont.woff') format('woff'), url('../../static/fonts/pfdintextcomppro-medium_0-webfont.ttf') format('truetype'), url('../static/fonts/pfdintextcomppro-medium_0-webfont.svg#eagle_bookregular') format('svg');  font-weight: bold;  font-style: normal;}@font-face {  font-family: 'selfie';  src: url('../../static/fonts/selfie_regular-webfont.eot');  src: url('../../static/fonts/selfie_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../static/fonts/selfie_regular-webfont.woff2') format('woff2'), url('../../static/fonts/selfie_regular-webfont.woff') format('woff'), url('../../static/fonts/selfie_regular-webfont.ttf') format('truetype'), url('../static/fonts/selfie_regular-webfont.svg#selfie') format('svg');  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'wc_mano_negra_bta';  src: url('../../static/fonts/WCManoNegraBta-webfont.eot');  src: url('../../static/fonts/WCManoNegraBta-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/fonts/WCManoNegraBta-webfont.woff') format('woff'), url('../../static/fonts/WCManoNegraBta-webfont.ttf') format('truetype'), url('../static/fonts/WCManoNegraBta-webfont.svg#wc_mano_negra_btaregular') format('svg');  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'wc_mano_negra_bta';  src: url('../../static/fonts/WCManoNegraBoldBta-webfont.eot');  src: url('../../static/fonts/WCManoNegraBoldBta-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/fonts/WCManoNegraBoldBta-webfont.woff') format('woff'), url('../../static/fonts/WCManoNegraBoldBta-webfont.ttf') format('truetype'), url('../static/fonts/WCManoNegraBoldBta-webfont.svg#wc_mano_negra_btabold') format('svg');  font-weight: bold;  font-style: normal;}* {  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.no-touch * {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}div,h1,h2,h3,h4,span,p,img,a {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}a {  color: #FFFFFF;  text-decoration: underline;}.fa {  text-shadow: rgba(0,0,0,0.01) 0 0 1px;  -webkit-text-stroke: 0.10px;}img {  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-user-drag: none;  user-drag: none;}html,body {  min-height: 100%;  width: 100%;  height: 100%;  background: #000000;  color: #ffffff;  overflow: hidden;  font-family: 'din-condensed-web';  font-size: 14px;  font-weight: 400;}#content {  position: absolute;  left: 260px;  top: 0;  right: 0;  height: 100%;  overflow: hidden;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.owl-wrapper-outer,.owl-wrapper,.owl-item {  height: 100%;}.sliderArrows {  position: absolute;  z-index: 10;  top: 50%;  right: -53px;  margin-top: -53px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}.sliderArrows.display {  right: 0px;}.sliderArrows > div,.sliderArrows > a {  width: 53px;  height: 53px;  position: relative;  background: url("../../static/img/aside_bg.jpg") no-repeat top right transparent;  margin-top: 1px;  cursor: pointer;  line-height: 53px;  font-size: 20px;  color: #FFFFFF;  text-transform: uppercase;  text-align: right;  float: right;  text-decoration: none;}.sliderArrows > div span.pix,.sliderArrows > a span.pix {  position: absolute;  top: 50%;  right: 15px;  margin-top: -6px;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -215px -291px;  width: 23px;  height: 13px;  text-indent: -6000px;  text-align: left;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}.sliderArrows > div span.text,.sliderArrows > a span.text {  display: block;  padding: 0 60px 0 20px;  white-space: nowrap;  opacity: 0;  filter: alpha(opacity=0);}.sliderArrows > div.disabled,.sliderArrows > a.disabled {  cursor: default;}.sliderArrows > div.disabled span.pix,.sliderArrows > a.disabled span.pix {  opacity: 0.5;  filter: alpha(opacity=50);}.sliderArrows > div.right span.pix,.sliderArrows > a.right span.pix {  background-position: -244px -291px;}.fullBg {  position: absolute;  top: 0;  left: 0;  display: none;}.fullBg.display {  display: block;}.layoutHide {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 0%;  background: #000000;  z-index: 40;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;  background: url("../../static/img/layout_hide.jpg") repeat top left transparent;}.goBack {  position: absolute;  top: 3%;  left: 3%;  z-index: 3;  display: inline-block;  line-height: 23px;  padding-top: 1px;  border: 2px solid #FFFFFF;  padding-left: 20px;  padding-right: 10px;  font-size: 14px;  text-transform: uppercase;  text-decoration: none;  background: rgba(0,0,0,0.4);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  opacity: 0;  filter: alpha(opacity=0);}.goBack.display {  opacity: 1;  filter: alpha(opacity=100);}.goBack span {  position: absolute;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -193px -294px;  width: 9px;  height: 7px;  text-indent: -6000px;  text-align: left;  left: 7px;  top: 50%;  margin-top: -4px;}.video,.videoBeer {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 1;  background: #000000;}.video .close,.videoBeer .close {  position: absolute;  top: 45px;  right: 45px;  right: 125px;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -702px -247px;  width: 26px;  height: 26px;  text-indent: -6000px;  text-align: left;  cursor: pointer;}.touch .video .close {  top: 20px;  right: 20px;}.videoBeer {  display: none;  z-index: 11;  background: transparent;}.videoBeer .wallpaper {  background: #000000;  position: absolute;  top: 0;  left: 50%;  right: 0;  height: 0%;}.videoBeer .wallpaper:first-child {  left: 0;  right: 50%;}.videoBeer iframe {  position: relative;  z-index: 5;}.videoBeer .close {  display: none;  z-index: 6;}.scroll-down {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -554px -280px;  width: 50px;  height: 40px;  text-indent: -6000px;  text-align: left;  position: absolute;  bottom: 30px;  left: 50%;  margin-left: -25px;}#pageLegal {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  text-align: center;  z-index: 1000;  background: #000000;  -webkit-backface-visibility: hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#pageLegal .top {  position: relative;  z-index: 2;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#pageLegal .top .logo {  margin: 0 auto;  display: block;  margin-top: 4%;  margin-bottom: 3%;}#pageLegal .top .text {  display: inline-block;}#pageLegal .top .text h3 {  font-size: 28px;  font-weight: normal;  text-transform: uppercase;}#pageLegal .top .text .choice {  position: relative;  line-height: 50px;  font-family: 'selfie';  font-size: 40px;  font-weight: 400;  margin-top: 10px;}#pageLegal .top .text .choice .line {  height: 4px;  width: 135px;  background: #FFFFFF;  position: absolute;  top: 23px;}#pageLegal .top .text .choice .line.left {  left: 0;}#pageLegal .top .text .choice .line.right {  right: 0;}#pageLegal .top .text .buttons {  margin-top: 30px;}#pageLegal .top .text .buttons .button {  display: inline-block;  height: 98px;  line-height: 98px;  padding: 0 55px;  font-size: 54px;  font-weight: normal;  text-transform: uppercase;  text-decoration: none;  position: relative;  margin: 0 10px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#pageLegal .top .text .buttons .button span {  position: absolute;  left: 0;  right: 0;  height: 28px;  border-left: 2px solid #FFFFFF;  border-right: 2px solid #FFFFFF;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#pageLegal .top .text .buttons .button span.top {  top: 0;  border-top: 2px solid #FFFFFF;}#pageLegal .top .text .buttons .button span.bottom {  bottom: 0;  border-bottom: 2px solid #FFFFFF;}#pageLegal .top .text .buttons .button #language {  border: none;  background-color: transparent;  color: #fff;  display: inline-block;  height: 98px;  width: 100%;  line-height: 98px;  padding: 0 55px;  font-size: 54px;  font-weight: normal;  text-transform: uppercase;  text-decoration: none;  position: relative;  margin: 0 10px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  outline: none;}.no-touch #pageLegal .top .text .buttons .button:hover {  background: #FFFFFF;  color: #444444;}.no-touch #pageLegal .top .text .buttons .button:hover select {  color: #444444 !important;  outline: none;}.no-touch #pageLegal .top .text .buttons .button:hover .top {  top: -20px;  opacity: 0;  filter: alpha(opacity=0);}.no-touch #pageLegal .top .text .buttons .button:hover .bottom {  bottom: -20px;  opacity: 0;  filter: alpha(opacity=0);}#loader {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 10000;  display: none;}#loader .overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #000000;  opacity: 0.7;  filter: alpha(opacity=70);}#loader .spriteContainer {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 260px;}#loader .sprite {  width: 287px;  height: 287px;  background: url("../../static/img/loading_2x.png") no-repeat 0px 0px transparent;  position: absolute;  top: 50%;  left: 50%;  margin-top: -143px;  margin-left: -143px;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}@media screen and (max-width: 1100px) {  html #loader .sprite {    width: 145px;    height: 145px;    background: url("../../static/img/loading_1x.png") no-repeat 0px 0px transparent;    margin-top: -72px;    margin-left: -72px;  }}html #loader .sprite {  width: 145px;  height: 145px;  background: url("../../static/img/loading_1x.png") no-repeat 0px 0px transparent;  margin-top: -72px;  margin-left: -72px;}@media screen and (max-height: 780px) {  html body aside #logo {    margin-top: 50px;    margin-bottom: 30px;  }  html body aside nav a {    line-height: 35px;    font-size: 18px;  }  html body aside .separator {    margin: 20px auto;  }  html body aside .contact {    font-size: 18px;  }}@media screen and (max-height: 680px) {  html body aside #logo {    margin-top: 20px;    margin-bottom: 20px;  }  html body aside nav a {    line-height: 31px;    font-size: 18px;  }  html body aside .separator {    margin: 10px auto;  }}@media screen and (max-width: 1050px) {  html aside {    width: 200px;  }  html aside #logo {    margin-left: 20px;    margin-right: 20px;  }  html #content {    left: 200px;  }  html #loader .spriteContainer {    left: 200px;  }}@media screen and (max-width: 1200px) {  html #content #homeIndex a .title {    -webkit-transform: scale(0.7);    -moz-transform: scale(0.7);    -ms-transform: scale(0.7);    -o-transform: scale(0.7);    transform: scale(0.7);  }  html #content #homeIndex .beer .title {    margin-bottom: 20px;  }  html #content #homeIndex .beer {    background-size: 150%;  }}@media screen and (max-width: 900px) {  html #content #homeIndex .experience {    height: 40%;  }  html #content #homeIndex .shop {    height: 15%;    top: 85%;    left: 44%;  }  html #content #homeIndex .ambassador {    top: 40%;    right: 0;    bottom: auto;    height: 30%;  }  html #content #homeIndex .social {    left: 44%;    top: 70%;    height: 15%;  }}@media screen and (max-width: 1270px) {  html #content #experienceIndex .top .title {    margin: 0 50px;  }  html #content #experienceIndex .top .submenu {    line-height: 37px;    font-size: 20px;  }}@media screen and (max-width: 1100px) {  html #content #experienceIndex .top .title {    margin: 0 25px;  }  html #content #experienceIndex .top .submenu {    line-height: 31px;    font-size: 17px;  }  html #content #experienceIndex .top .submenu a {    padding: 0 5px;  }  html #content #experienceIndex .experienceContents #experienceContentLocation .left .block h2 {    font-size: 34px;  }  html #content #experienceIndex .experienceContents #experienceContentLocation .left .block p {    font-size: 20px;  }}@media screen and (max-width: 940px) {  html #content #experienceIndex .top {    padding-top: 140px;  }  html #content #experienceIndex .top .title {    position: absolute;    top: 20px;    left: 50%;    margin-left: -131px;  }  html #content #experienceIndex .top .submenu {    margin-left: 10px;    margin-right: 10px;  }  html #content #experienceIndex .experienceContents #experienceContentMenu .downloads .item.food {    margin-bottom: 20px;  }  html #content #experienceIndex .experienceContents #experienceContentMenu .downloads {    top: 300px;  }  html #breweryIndex .itemsContainer .item .text h2 {    font-size: 60px;    letter-spacing: 4px;  }}@media screen and (max-height: 800px) {  html #content #experienceIndex .discover .middle {    -webkit-transform: scale(0.8);    -moz-transform: scale(0.8);    -ms-transform: scale(0.8);    -o-transform: scale(0.8);    transform: scale(0.8);  }}@media screen and (max-width: 1000px) {  html #content #experienceIndex .discover .middle {    -webkit-transform: scale(0.8);    -moz-transform: scale(0.8);    -ms-transform: scale(0.8);    -o-transform: scale(0.8);    transform: scale(0.8);  }}@media screen and (max-width: 1100px) {  html #content #ambassadorsDetails .bottom .presentation .middle .title {    -webkit-transform: scale(0.7);    -moz-transform: scale(0.7);    -ms-transform: scale(0.7);    -o-transform: scale(0.7);    transform: scale(0.7);  }  html #content #ambassadorsDetails .bottom .other a .text {    font-size: 19px;  }}@media screen and (max-width: 1400px) {  html #content #ambassadorsDetails .top .data .fullname {    font-size: 100px;    line-height: 85px;  }}@media screen and (max-width: 1050px) {  html #content #ambassadorsDetails .top .data .fullname {    font-size: 60px;    line-height: 50px;  }  html #content #ambassadorsDetails .top .data .text .meta {    font-size: 17px;  }  html #content #ambassadorsDetails .top .data .text .meta .sep {    margin: 0 10px;    margin-top: 3px;  }  html #content #ambassadorsDetails .top .data .text p {    font-size: 17px;  }}@media screen and (max-width: 770px) {  html #content #ambassadorsDetails .top .background {    left: 10%;  }  html #content #ambassadorsDetails .top .data .fullname {    font-size: 50px;    line-height: 43px;  }}@media screen and (max-width: 970px) {  html #content #ambassadorsDetails .bottom .presentation .middle .title {    -webkit-transform: scale(0.55);    -moz-transform: scale(0.55);    -ms-transform: scale(0.55);    -o-transform: scale(0.55);    transform: scale(0.55);  }}@media screen and (max-width: 1300px) {  html #content #shopsIndex .content .results .items .item .left {    width: 180px;  }  html #content #shopsIndex .content .results .items .item .right {    margin-left: 200px;  }  html #content #shopsIndex .content .top .filters select {    width: 100px;  }}@media screen and (max-width: 1100px) {  html #content #shopsIndex .content {    width: 52%;  }  html #content #shopsIndex .map {    left: 52%;  }}@media screen and (max-width: 870px) {  html #content #shopsIndex .content .top {    padding-top: 0;  }  html #content #shopsIndex .content {    top: 0;    left: 0;    width: 100%;    height: 53%;  }  html #content #shopsIndex .map {    left: 0;    top: 47%;    right: 0;    bottom: 0;  }}@media screen and (max-width: 1100px) {  html #content #beersIndex .itemsContainer .item .text img {    height: 165px;  }}@media screen and (max-width: 870px) {  html #content #beersIndex .itemsContainer .item .text {    -webkit-transform: scale(0.75);    -moz-transform: scale(0.75);    -ms-transform: scale(0.75);    -o-transform: scale(0.75);    transform: scale(0.75);  }  html #content #beersIndex .itemsContainer .item {    width: 100%;    height: 33.3%;    float: none;  }}@media screen and (max-width: 1400px) {  html .beerView .middle .text .title {    font-size: 76px;    line-height: 69px;  }  html .beerView .middle .text p {    font-size: 17px;  }}@media screen and (max-width: 1100px) {  html .beerView .middle .text .title {    font-size: 56px;    line-height: 50px;    margin-left: -8.5%;  }  html .beerView .middle .text p {    font-size: 16px;  }  html .beerView .middle .image {    width: 24%;  }  html .beerView .middle .text {    width: 59%;  }  html .beerView .middle .text .infos {    font-size: 13px;  }  html .beerView .middle .text .infos > div {    padding: 0 8px;  }}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {  html .beerDetails .middle {    -webkit-transform: translate(0,0) scale(0.9);    -moz-transform: translate(0,0) scale(0.9);    -ms-transform: translate(0,0) scale(0.9);    -o-transform: translate(0,0) scale(0.9);    transform: translate(0,0) scale(0.9);  }}@media screen and (max-width: 950px) {  html #beersDetails.beerView .middleAndStats {    line-height: normal;  }  html #beersDetails.beerView .middle {    width: 90%;    margin-top: 10%;  }  html #beersDetails.beerView .stats {    width: 70%;  }}@media screen and (max-width: 1250px) {  html #error404 .text h1 {    font-size: 60px;    margin-left: -7px;  }  html #error404 .text h2 {    line-height: 66px;    font-size: 50px;  }}@media screen and (max-width: 700px) {  html #awwwards {    display: none;  }  html #pageLegal > .top {    margin: 0 30px;  }  html #pageLegal > .top .logo {    width: 80%;    margin-top: 10%;    margin-bottom: 6%;  }  html #pageLegal > .top .text .choice {    display: none;  }  html #pageLegal > .top .text .buttons .button {    height: 50px;    line-height: 50px;    padding: 0;    width: 100px;    text-align: center;    font-size: 34px;  }  html #pageLegal > .top .text .buttons .button span {    height: 16px;  }  html aside {    left: -200px;  }  html aside #mobileMenuButton {    display: block;  }  html #content {    left: 0;    right: auto;    width: 100%;  }  html #loader .spriteContainer {    left: 0;  }  html .goBack {    top: 13px;    left: 60px;  }  html #content #homeIndex .contentInner {    position: relative;    top: auto;    left: auto;    right: auto;    bottom: auto;  }  html #content #homeIndex .beer {    position: relative;    width: 100%;    height: 250px;    display: block;  }  html #content #homeIndex .beer .swipe {    display: none;  }  html #content #homeIndex .experience,  html #content #homeIndex .ambassador,  html #content #homeIndex .social {    position: relative;    height: 200px;    display: block;    left: auto;    right: auto;    bottom: auto;    top: auto;  }  html #breweryVisit .content .scroller .slide.introduction .text p {    text-align: left;  }  html #breweryVisit .content .scroller .slide.form form {    width: 100% !important;  }  html #content #beersIndex .itemsContainer .item .text {    margin-top: -84px;  }  html #content #beersIndex .itemsContainer .item .text .discover {    display: none;  }  html .beerView .scroller {    background-color: rgba(0,0,0,0.4);  }  html .beerView .middle .image {    margin-left: 2%;  }  html .beerView .middle .text p {    margin-right: 10px;  }  html .beerView .middle .text .discover {    line-height: 36px;    padding-right: 32px;    font-size: 28px;    margin-top: 12px;  }  html .beerView .middle .text .title {    font-size: 50px;    line-height: 43px;  }  html .beerView .middle .text .tabs {    height: 26px;    margin-top: 10px;    display: none;  }  html .beerView .middle .text .tabs .tab {    font-size: 15px;    line-height: 23px;    height: 23px;    width: 90px;  }  html .beerView .middle .text .tabs .tab.selected .bottomLine {    width: 35px;  }  html .beerView .middle .text .tabContents {    margin-top: 10px;  }  html .beerView .middle .text .buttonVideo {    font-size: 30px;  }  html .video .close,  html .videoBeer .close {    right: 45px;  }  html .beerView .middle .image img {    top: 50px;  }  html #beersDetails.beerView .middle .text .button {    font-size: 27px;    line-height: 45px;    white-space: nowrap;  }  html #shopsIndex .content .results .items .item .left {    width: 100% !important;  }  html #shopsIndex .content .results .items .item .right {    margin-left: 40px !important;  }  html #content #experienceIndex .discover .middle {    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);    margin: 0 20px;  }  html #content #experienceIndex .discover .middle img {    width: 80%;  }  html #content #experienceIndex .discover .middle h2 {    font-size: 20px;    margin-bottom: 20px;  }  html #content #experienceIndex .discover .middle h3 {    font-size: 16px;  }  html #content #experienceIndex .top {    padding-top: 160px;  }  html #content #experienceIndex .top .title {    -webkit-transform: scale(0.8);    -moz-transform: scale(0.8);    -ms-transform: scale(0.8);    -o-transform: scale(0.8);    transform: scale(0.8);    left: 46%;  }  html #content #experienceIndex .top .submenu {    display: block;    margin-top: -2px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  }  html #content #experienceIndex .top .submenu span {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    width: 50%;  }  html #content #experienceIndex .experienceContents #experienceContentMenu,  html #content #experienceIndex .experienceContents #experienceContentMenu .toScale,  html #content #experienceIndex .experienceContents #experienceContentMenu .downloads {    position: relative;    top: auto;    right: auto;    bottom: auto;    left: auto;    margin-top: 0;    height: auto;  }  html #content #experienceIndex .experienceContents #experienceContentLocation {    padding: 0 20px;  }  html #content #experienceIndex .experienceContents #experienceContentLocation .left,  html #content #experienceIndex .experienceContents #experienceContentLocation .right {    width: 100%;    float: none;  }  html #content #experienceIndex .experienceContents #experienceContentGallery .num {    left: -21px;    top: auto;    bottom: 170px;    margin-top: 0;    font-size: 60px;  }  html #content #experienceIndex .experienceContents #experienceContentGallery .num .sep {    width: 80px;    height: 89px;    top: 13px;    left: 45px;  }  html #content #experienceIndex .experienceContents #experienceContentGallery .num .total {    top: 69px;    left: 100px;  }  html #ambassadorsDetails .top .data .text {    margin-left: 10% !important;    margin-right: 10% !important;  }  html #ambassadorsDetails .top .data .fullname {    margin-left: 10% !important;  }  html #ambassadorsDetails .bottom .presentation .middle .title {    display: none !important;  }  html #shopsIndex .content .top .filters button {    margin-left: 0px !important;    margin-top: 9px;  }  html #socialIndex .titleResponsive {    display: block;  }  html #socialIndex .title {    display: none;  }  html #socialIndex .container .filters {    text-align: center;  }  html #socialIndex .container .pushs {    text-align: center;    padding-left: 10%;  }  html #content #contactIndex .info .left,  html #content #contactIndex .info .right {    float: none;    width: 100%;  }  html #content #contactIndex .info .right {    margin: 20px 0;  }  #breweryTeamDetails > .image {    width: 40%;  }  #breweryTeamDetails > .text {    width: 60%;  }  #breweryTeamDetails > .text .in h1 {    font-size: 50px;    letter-spacing: 3px;    line-height: 1.05em;  }  #breweryTeamDetails > .text .in h2 {    font-size: 20px;    letter-spacing: 4px;  }  #breweryTeamDetails > .text .in p {    line-height: 160%;  }}@media (max-width: 640px) {  #shopsIndex .content .top .filters button {    margin-left: 0px !important;    margin-top: 0px !important;  }}@media (max-width: 550px) {  #shopsIndex .content .top .filters button {    margin-left: 0px !important;    margin-top: 9px !important;  }}@media (max-width: 500px) {  html #breweryIndex .itemsContainer .item {    height: 33.33%;    width: 100%;  }  html #breweryIndex .itemsContainer .item.visit {    bottom: 33.33%;  }}@media (max-width: 400px) {  html #temp .contentInner {    padding: 10%;    width: 80%;  }  html #temp .contentInner #logo {    margin-bottom: 20px;    max-width: 100%;  }  html #temp .contentInner h1 {    font-size: 40px;    letter-spacing: 10px;    margin-bottom: 20px;  }  html #temp .contentInner p {    font-size: 16px;    letter-spacing: 2px;    margin-bottom: 20px;    line-height: 20px;  }  html #temp .contentInner a {    font-size: 14px;    letter-spacing: 1px;    padding: 10px 8px;  }  html #breweryIndex .introduction .in .text h2 {    font-size: 50px;    letter-spacing: 2px;  }  html #breweryIndex .itemsContainer .item .text h2 {    font-size: 50px;  }  html #breweryTeamDetails > .image {    width: 100%;    bottom: 40%;    background-position: center 20%;  }  html #breweryTeamDetails > .text {    top: 60%;    width: 100%;  }  html #breweryTeamDetails > .text .in {    padding: 6%;  }  html #breweryTeamDetails .sliderArrows {    margin-top: 0;    top: auto;    bottom: 40%;  }}@media screen and (max-width: 1000px) and (min-width: 769px) {  .beerView .middle .text .tabs {    height: auto;  }  .beerView .middle .text .tabs .tab {    clear: left;  }}@media screen and (max-width: 1700px) {  .sliderArrows {    margin-top: -120px;  }}@media screen and (max-width: 768px) {  .sliderArrows {    margin-top: -205px;  }}.owl-carousel .owl-wrapper:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.owl-carousel {  display: none;  position: relative;  width: 100%;  -ms-touch-action: pan-y;}.owl-carousel .owl-wrapper {  display: none;  position: relative;  -webkit-transform: translate3d(0px,0px,0px);}.owl-carousel .owl-wrapper-outer {  overflow: hidden;  position: relative;  width: 100%;}.owl-carousel .owl-wrapper-outer.autoHeight {  -webkit-transition: height 500ms ease-in-out;  -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out;  -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}.owl-carousel .owl-item {  float: left;}.owl-controls .owl-page,.owl-controls .owl-buttons div {  cursor: pointer;}.owl-controls {  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: rgba(0,0,0,0);}.grabbing {  cursor: url(../grabbing.png) 8 8, move;}.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item {  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}.owl-theme .owl-controls {  margin-top: 10px;  text-align: center;}.owl-theme .owl-controls .owl-buttons div {  color: #FFF;  display: inline-block;  zoom: 1;  *display: inline;  margin: 5px;  padding: 3px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);  opacity: 0.5;}.owl-theme .owl-controls.clickable .owl-buttons div:hover {  filter: Alpha(Opacity=100);  opacity: 1;  text-decoration: none;}.owl-theme .owl-controls .owl-page {  display: inline-block;  zoom: 1;  *display: inline;}.owl-theme .owl-controls .owl-page span {  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {  filter: Alpha(Opacity=100);  opacity: 1;}.owl-theme .owl-controls .owl-page span.owl-numbers {  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}.owl-item.loading {  min-height: 150px;  background: url(../AjaxLoader.gif) no-repeat center center;}#content #shopsIndex {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#content #shopsIndex .content {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 46%;  background: url("../../static/img/noise.png") repeat top left transparent;  z-index: 1;  -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);  color: #0e0e0e;  overflow: hidden;}#content #shopsIndex .content .scrollContent {  padding: 6%;}#content #shopsIndex .content .top {  padding-top: 50px;}#content #shopsIndex .content .top .title {  font-size: 65px;  text-transform: uppercase;  margin-bottom: 15px;}#content #shopsIndex .content .top p {  font-family: 'pf_din_text_comp_pro';  font-size: 16px;  font-weight: normal;  font-style: normal;}#content #shopsIndex .content .top .filters {  overflow: hidden;  margin-top: 30px;  margin-bottom: 50px;}#content #shopsIndex .content .top .filters select,#content #shopsIndex .content .top .filters input {  background: #FFFFFF;  border: 1px solid #e1e1e1;  padding: 6px 10px;  font-family: 'pf_din_text_comp_pro';  font-size: 16px;  font-weight: bold;  font-style: normal;  width: 90px;  display: block;  float: left;}#content #shopsIndex .content .top .filters select {  width: 150px;  padding: 5px 10px;  margin-right: 6px;}#content #shopsIndex .content .top .filters button {  display: block;  float: left;  cursor: pointer;  font-family: 'pf_din_text_comp_pro';  font-size: 16px;  font-weight: bold;  font-style: normal;  padding: 7px 30px;  background: #0e0e0e;  border: none;  margin-left: 18px;  color: #FFFFFF;}#content #shopsIndex .content .results .title {  font-family: 'pf_din_text_comp_pro';  font-size: 36px;  font-weight: 300;  font-style: normal;}#content #shopsIndex .content .results .separator {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -24px -314px;  width: auto;  height: 4px;  text-indent: -6000px;  text-align: left;  max-width: 445px;}#content #shopsIndex .content .results .items .item {  padding-top: 20px;  padding-bottom: 20px;  max-width: 445px;  border-top: 1px solid #b7b7b7;  overflow: hidden;}#content #shopsIndex .content .results .items .item:first-child {  border-top: none;}#content #shopsIndex .content .results .items .item .left {  float: left;  width: 210px;}#content #shopsIndex .content .results .items .item .left img {  display: block;  width: 100%;}#content #shopsIndex .content .results .items .item .right {  margin-left: 230px;  font-size: 15px;  text-transform: uppercase;}#content #shopsIndex .content .results .items .item .right h3 {  display: inline-block;  background: #010101;  line-height: 37px;  font-weight: normal;  font-size: 17px;  color: #FFFFFF;  padding-left: 35px;  padding-right: 20px;  position: relative;  min-width: 100px;  margin-left: -39px;  margin-top: 8px;  margin-bottom: 18px;}#content #shopsIndex .content .results .items .item .right h3 span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -524px -253px;  width: 15px;  height: 21px;  text-indent: -6000px;  text-align: left;  position: absolute;  top: 50%;  margin-top: -10px;  left: 10px;}#content #shopsIndex .content .results .items .item .right p a {  color: #513e2d;  text-transform: none;}#content #shopsIndex .map {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 46%;  background: #8c8c8c;}#content #shopsIndex .map #gmap {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}.gm-style-iw {  overflow: hidden;}.gm-style-iw > div {  overflow: hidden !important;  width: auto !important;  height: auto !important;}.gmapInfo {  overflow: hidden;  color: #000000;  padding: 15px;}.gmapInfo h3 {  text-transform: uppercase;  margin-bottom: 5px;}.gmapInfo a {  color: #000000;  text-decoration: underline;}#socialIndex .contentInner {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#socialIndex .contentInner .scrollContent .container {  padding-left: 7%;  padding-right: 7%;  padding-bottom: 100px;  max-width: 1190px;}#socialIndex .titleResponsive {  display: none;}#socialIndex h1 {  font-size: 86px;  text-transform: uppercase;  margin-top: 50px;  margin-bottom: 25px;  font-weight: normal;}#socialIndex .filters {  margin-bottom: 25px;}#socialIndex .filters div {  text-transform: uppercase;  color: #cccccc;  font-size: 18px;  display: inline-block;  margin-right: 15px;  cursor: pointer;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}#socialIndex .filters div.selected {  color: #ffffff;}#socialIndex .pushs a {  overflow: hidden;  width: 210px;  font-size: 16px;  text-transform: uppercase;  color: #ffffff;  display: inline-block;  vertical-align: top;  background: #141414;  margin-right: 30px;  margin-bottom: 38px;}#socialIndex .pushs a img.image {  width: 100%;  display: block;}#socialIndex .pushs a .text {  float: left;  line-height: 31px;  padding: 9px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  width: 77%;  padding-right: 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}#socialIndex .pushs a .text img {  height: 31px;  display: inline-block;  vertical-align: middle;  -webkit-border-radius: 100%;  border-radius: 100%;  margin-right: 9px;}#socialIndex .pushs a .text h3 {  font-weight: normal;  display: inline-block;  vertical-align: middle;}#socialIndex .pushs a .likes {  float: right;  line-height: 31px;  padding: 9px;  padding-left: 0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  font-size: 16px;}#socialIndex .pushs a .likes:before {  content: '';  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -660px -294px;  width: 16px;  height: 14px;  text-indent: -6000px;  text-align: left;  display: inline-block;  vertical-align: middle;  margin-right: 3px;}#temp {  background: url('../../static/img/temp-reload-bg.jpg') no-repeat center;  background-size: cover;}#temp .contentInner {  position: relative;  width: 90%;  padding: 140px 5%;  text-transform: uppercase;  color: #fff;  text-align: center;}#temp .contentInner #logo {  margin-bottom: 60px;  width: 230px;}#temp .contentInner h1 {  margin-bottom: 30px;  font-size: 60px;  font-weight: 400;  text-transform: uppercase;  font-family: 'din-condensed-web';  letter-spacing: 22px;}#temp .contentInner p {  margin-bottom: 40px;  letter-spacing: 6px;  font-size: 18px;  line-height: 26px;}#temp .contentInner a {  font-size: 16px;  display: inline-block;  border: 1px solid #fff;  padding: 15px 12px;  text-decoration: none;  letter-spacing: 2px;}