@import url("//hello.myfonts.net/count/344209");

.event--pinned:after, .event-page .event__meta:after, .beer__data-sheet:after, .gform_body .ginput_complex:after, .paesecoibaffi-video:after {
    content: "";
    display: table;
    clear: both
}

.menu, .sub-menu, .sub-menu ul, .menu--beer__item, .share-icons, .beer__awards .beer__awards__list, .recipe-links, .recipe-link, .timeline, .timeline ul, .timeline-group, .timeline-item {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: 'StamPete';
    src: url("webfonts/344209_0_0.eot");
    src: url("webfonts/344209_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/344209_0_0.woff2") format("woff2"), url("webfonts/344209_0_0.woff") format("woff"), url("webfonts/344209_0_0.ttf") format("truetype")
}

@font-face {
    font-family: 'markus_ink';
    src: url("webfonts/markus_ink-webfont.eot");
    src: url("webfonts/markus_ink-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/markus_ink-webfont.woff2") format("woff2"), url("webfonts/markus_ink-webfont.woff") format("woff"), url("webfonts/markus_ink-webfont.ttf") format("truetype"), url("webfonts/markus_ink-webfont.svg#markus_inkregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.MarkusInk {
    font-family: 'markus_ink', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1.5px
}

@font-face {
    font-family: 'RockwellStd-Bold';
    src: url("webfonts/33B6E2_0_0.eot");
    src: url("webfonts/33B6E2_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/33B6E2_0_0.woff2") format("woff2"), url("webfonts/33B6E2_0_0.woff") format("woff"), url("webfonts/33B6E2_0_0.ttf") format("truetype")
}

.RockwellBold, .event__title--preview, .baffo-card-preview__title, .timeline-group__title .label, .paesecoibaffi-intro__item__title, .paesecoibaffi-video .video__quote > * {
    font-family: 'RockwellStd-Bold', serif;
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'zerospaceregular';
    src: url("zerospace-regular-webfont.eot")
}

@font-face {
    font-family: 'zerospaceregular';
    src: url("zerospace-regular-webfont.woff") format("woff"), url("zerospace-regular-webfont.ttf") format("truetype"), url("zerospace-regular-webfont.svg#zerospaceregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.zsf-parent, .grid, .content-columns {
    font-size: 0
}

.zsf-child, .grid__item {
    font-family: "museo-slab", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    display: inline-block
}

.grid, .content-columns, .grid__item, .grid__box {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0
}

.grid, .content-columns {
    margin-left: -16px;
    margin-left: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid.centered, .centered.content-columns {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid > .grid, .content-columns > .grid, .grid > .content-columns, .content-columns > .content-columns {
    margin-left: 0
}

.grid.gutterless, .gutterless.content-columns {
    margin-left: 0
}

.grid.vertical-centered, .vertical-centered.content-columns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grid.vertical-top, .vertical-top.content-columns {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.grid.vertical-bottom, .vertical-bottom.content-columns {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.grid.reversed, .reversed.content-columns {
    direction: rtl
}

.grid.reversed .grid__item, .reversed.content-columns .grid__item {
    direction: ltr
}

.grid__item {
    text-align: left;
    width: 100%;
    padding-left: 16px;
    padding-left: 1rem;
    vertical-align: top;
    position: relative
}

.vertical-centered .grid__item {
    vertical-align: middle
}

.vertical-top .grid__item {
    vertical-align: top
}

.vertical-bottom .grid__item {
    vertical-align: bottom
}

.gutterless .grid__item {
    padding-left: 0
}

.grid__box {
    width: 100%;
    margin: 0;
    margin-bottom: 1.112em;
    padding: 0;
    position: relative
}

.no-opacity .large--1-12, .lte-ie-8 .large--1-12 {
    width: 8.33333%
}

.no-opacity .large--2-12, .no-opacity .large--1-6, .lte-ie-8 .large--2-12, .lte-ie-8 .large--1-6 {
    width: 16.66667%
}

.no-opacity .large--3-12, .no-opacity .large--1-4, .lte-ie-8 .large--3-12, .lte-ie-8 .large--1-4 {
    width: 25%
}

.no-opacity .large--4-12, .no-opacity .large--2-6, .no-opacity .large--1-3, .lte-ie-8 .large--4-12, .lte-ie-8 .large--2-6, .lte-ie-8 .large--1-3 {
    width: 33.33333%
}

.no-opacity .large--5-12, .lte-ie-8 .large--5-12 {
    width: 41.66667%
}

.no-opacity .large--6-12, .no-opacity .large--3-6, .no-opacity .large--2-4, .no-opacity .large--1-2, .lte-ie-8 .large--6-12, .lte-ie-8 .large--3-6, .lte-ie-8 .large--2-4, .lte-ie-8 .large--1-2 {
    width: 50%
}

.no-opacity .large--7-12, .lte-ie-8 .large--7-12 {
    width: 58.33333%
}

.no-opacity .large--8-12, .no-opacity .large--2-3, .lte-ie-8 .large--8-12, .lte-ie-8 .large--2-3 {
    width: 66.66667%
}

.no-opacity .large--9-12, .no-opacity .large--3-4, .lte-ie-8 .large--9-12, .lte-ie-8 .large--3-4 {
    width: 75%
}

.no-opacity .large--10-12, .no-opacity .large--5-6, .lte-ie-8 .large--10-12, .lte-ie-8 .large--5-6 {
    width: 83.33333%
}

.no-opacity .large--11-12, .lte-ie-8 .large--11-12 {
    width: 91.66667%
}

.no-opacity .large--full, .lte-ie-8 .large--full {
    width: 100%
}

.no-opacity .large--3-8, .lte-ie-8 .large--3-8 {
    width: 37.5%
}

.no-opacity .large--5-8, .lte-ie-8 .large--5-8 {
    width: 62.5%
}

.no-opacity .large--3-11, .lte-ie-8 .large--3-11 {
    width: 27.27273%
}

.no-opacity .large--5-11, .lte-ie-8 .large--5-11 {
    width: 45.45455%
}

.no-opacity .large--8-11, .lte-ie-8 .large--8-11 {
    width: 72.72727%
}

.no-opacity .large--3-13, .lte-ie-8 .large--3-13 {
    width: 23.07692%
}

.no-opacity .large--5-13, .lte-ie-8 .large--5-13 {
    width: 38.46154%
}

.no-opacity .large--8-13, .lte-ie-8 .large--8-13 {
    width: 61.53846%
}

.no-opacity .large--11-13, .lte-ie-8 .large--11-13 {
    width: 84.61538%
}

@media screen and (min-width: +56.25em) {
    .large--1-12 {
        width: 8.33333%
    }

    .large--2-12, .large--1-6 {
        width: 16.66667%
    }

    .large--3-12, .large--1-4 {
        width: 25%
    }

    .large--4-12, .large--2-6, .large--1-3 {
        width: 33.33333%
    }

    .large--5-12 {
        width: 41.66667%
    }

    .large--6-12, .large--3-6, .large--2-4, .large--1-2 {
        width: 50%
    }

    .large--7-12 {
        width: 58.33333%
    }

    .large--8-12, .large--2-3 {
        width: 66.66667%
    }

    .large--9-12, .large--3-4 {
        width: 75%
    }

    .large--10-12, .large--5-6 {
        width: 83.33333%
    }

    .large--11-12 {
        width: 91.66667%
    }

    .large--full {
        width: 100%
    }

    .large--3-8 {
        width: 37.5%
    }

    .large--5-8 {
        width: 62.5%
    }

    .large--3-11 {
        width: 27.27273%
    }

    .large--5-11 {
        width: 45.45455%
    }

    .large--8-11 {
        width: 72.72727%
    }

    .large--3-13 {
        width: 23.07692%
    }

    .large--5-13 {
        width: 38.46154%
    }

    .large--8-13 {
        width: 61.53846%
    }

    .large--11-13 {
        width: 84.61538%
    }
}

@media screen and (max-width: +56.1875em) and (min-width: +37.5em) {
    .medium--1-12 {
        width: 8.33333%
    }

    .medium--2-12, .medium--1-6 {
        width: 16.66667%
    }

    .medium--3-12, .medium--1-4 {
        width: 25%
    }

    .medium--4-12, .medium--2-6, .medium--1-3 {
        width: 33.33333%
    }

    .medium--5-12 {
        width: 41.66667%
    }

    .medium--6-12, .medium--3-6, .medium--2-4, .medium--1-2 {
        width: 50%
    }

    .medium--7-12 {
        width: 58.33333%
    }

    .medium--8-12, .medium--2-3 {
        width: 66.66667%
    }

    .medium--9-12, .medium--3-4 {
        width: 75%
    }

    .medium--10-12, .medium--5-6 {
        width: 83.33333%
    }

    .medium--11-12 {
        width: 91.66667%
    }

    .medium--full {
        width: 100%
    }

    .medium--3-8 {
        width: 37.5%
    }

    .medium--5-8 {
        width: 62.5%
    }

    .medium--3-11 {
        width: 27.27273%
    }

    .medium--5-11 {
        width: 45.45455%
    }

    .medium--8-11 {
        width: 72.72727%
    }

    .medium--3-13 {
        width: 23.07692%
    }

    .medium--5-13 {
        width: 38.46154%
    }

    .medium--8-13 {
        width: 61.53846%
    }

    .medium--11-13 {
        width: 84.61538%
    }
}

@media screen and (max-width: +49.9375em) and (min-width: +37.5em) {
    .nml--1-12 {
        width: 8.33333%
    }

    .nml--2-12, .nml--1-6 {
        width: 16.66667%
    }

    .nml--3-12, .nml--1-4 {
        width: 25%
    }

    .nml--4-12, .nml--2-6, .nml--1-3 {
        width: 33.33333%
    }

    .nml--5-12 {
        width: 41.66667%
    }

    .nml--6-12, .nml--3-6, .nml--2-4, .nml--1-2 {
        width: 50%
    }

    .nml--7-12 {
        width: 58.33333%
    }

    .nml--8-12, .nml--2-3 {
        width: 66.66667%
    }

    .nml--9-12, .nml--3-4 {
        width: 75%
    }

    .nml--10-12, .nml--5-6 {
        width: 83.33333%
    }

    .nml--11-12 {
        width: 91.66667%
    }

    .nml--full {
        width: 100%
    }

    .nml--3-8 {
        width: 37.5%
    }

    .nml--5-8 {
        width: 62.5%
    }

    .nml--3-11 {
        width: 27.27273%
    }

    .nml--5-11 {
        width: 45.45455%
    }

    .nml--8-11 {
        width: 72.72727%
    }

    .nml--3-13 {
        width: 23.07692%
    }

    .nml--5-13 {
        width: 38.46154%
    }

    .nml--8-13 {
        width: 61.53846%
    }

    .nml--11-13 {
        width: 84.61538%
    }
}

@media screen and (max-width: +37.4375em) {
    .small--1-12 {
        width: 8.33333%
    }

    .small--2-12, .small--1-6 {
        width: 16.66667%
    }

    .small--3-12, .small--1-4 {
        width: 25%
    }

    .small--4-12, .small--2-6, .small--1-3 {
        width: 33.33333%
    }

    .small--5-12 {
        width: 41.66667%
    }

    .small--6-12, .small--3-6, .small--2-4, .small--1-2 {
        width: 50%
    }

    .small--7-12 {
        width: 58.33333%
    }

    .small--8-12, .small--2-3 {
        width: 66.66667%
    }

    .small--9-12, .small--3-4 {
        width: 75%
    }

    .small--10-12, .small--5-6 {
        width: 83.33333%
    }

    .small--11-12 {
        width: 91.66667%
    }

    .small--full {
        width: 100%
    }

    .small--3-8 {
        width: 37.5%
    }

    .small--5-8 {
        width: 62.5%
    }

    .small--3-11 {
        width: 27.27273%
    }

    .small--5-11 {
        width: 45.45455%
    }

    .small--8-11 {
        width: 72.72727%
    }

    .small--3-13 {
        width: 23.07692%
    }

    .small--5-13 {
        width: 38.46154%
    }

    .small--8-13 {
        width: 61.53846%
    }

    .small--11-13 {
        width: 84.61538%
    }
}

@media screen and (max-width: +24.9375em) {
    .micro--1-12 {
        width: 8.33333%
    }

    .micro--2-12, .micro--1-6 {
        width: 16.66667%
    }

    .micro--3-12, .micro--1-4 {
        width: 25%
    }

    .micro--4-12, .micro--2-6, .micro--1-3 {
        width: 33.33333%
    }

    .micro--5-12 {
        width: 41.66667%
    }

    .micro--6-12, .micro--3-6, .micro--2-4, .micro--1-2 {
        width: 50%
    }

    .micro--7-12 {
        width: 58.33333%
    }

    .micro--8-12, .micro--2-3 {
        width: 66.66667%
    }

    .micro--9-12, .micro--3-4 {
        width: 75%
    }

    .micro--10-12, .micro--5-6 {
        width: 83.33333%
    }

    .micro--11-12 {
        width: 91.66667%
    }

    .micro--full {
        width: 100%
    }

    .micro--3-8 {
        width: 37.5%
    }

    .micro--5-8 {
        width: 62.5%
    }

    .micro--3-11 {
        width: 27.27273%
    }

    .micro--5-11 {
        width: 45.45455%
    }

    .micro--8-11 {
        width: 72.72727%
    }

    .micro--3-13 {
        width: 23.07692%
    }

    .micro--5-13 {
        width: 38.46154%
    }

    .micro--8-13 {
        width: 61.53846%
    }

    .micro--11-13 {
        width: 84.61538%
    }
}

.push--1-12 {
    left: 8.33333%
}

.push--2-12, .push--1-6 {
    left: 16.66667%
}

.push--3-12, .pushpush--1-4 {
    left: 25%
}

.push--4-12, .push--2-6, .push--1-3 {
    left: 33.33333%
}

.push--5-12 {
    left: 41.66667%
}

.push--6-12, push .push--3-6, .push--2-4, .push--1-2 {
    left: 50%
}

.push--7-12 {
    left: 58.33333%
}

.push--8-12, .push--2-3 {
    left: 66.66667%
}

.push--9-12, left .push--3-4 {
    left: 75%
}

.push--10-12, .push--5-6 {
    left: 83.33333%
}

.push--11-12 {
    left: 91.66667%
}

.push--3-8 {
    left: 37.5%
}

.push--5-8 {
    left: 62.5%
}

.push--3-11 {
    left: 27.27273%
}

.push--5-11 {
    left: 45.45455%
}

.push--8-11 {
    left: 72.72727%
}

.push--3-13 {
    left: 23.07692%
}

.push--5-13 {
    left: 38.46154%
}

.push--8-13 {
    left: 61.53846%
}

.push--11-13 {
    left: 84.61538%
}

.pull--1-12 {
    right: 8.33333%
}

.pull--2-12, .pull--1-6 {
    right: 16.66667%
}

.pull--3-12, .pull--1-4 {
    right: 25%
}

.pull--4-12, .pull--2-6, .pull--1-3 {
    right: 33.33333%
}

.pull--5-12 {
    right: 41.66667%
}

.pull--6-12, pull .pull--3-6, .pull--2-4, .pull--1-2 {
    right: 50%
}

.pull--7-12 {
    right: 58.33333%
}

.pull--8-12, .pull--2-3 {
    right: 66.66667%
}

.pull--9-12, left .pull--3-4 {
    right: 75%
}

.pull--10-12, .pull--5-6 {
    right: 83.33333%
}

.pull--11-12 {
    right: 91.66667%
}

.pull--3-8 {
    right: 37.5%
}

.pull--5-8 {
    right: 62.5%
}

.pull--3-11 {
    right: 27.27273%
}

.pull--5-11 {
    right: 45.45455%
}

.pull--8-11 {
    right: 72.72727%
}

.pull--3-13 {
    right: 23.07692%
}

.pull--5-13 {
    right: 38.46154%
}

.pull--8-13 {
    right: 61.53846%
}

.pull--11-13 {
    right: 84.61538%
}

table {
    width: 100%;
    padding: 0.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

tr td, tr th {
    border-bottom: 2px dotted #4a2a1d
}

tr:last-child td {
    border: none
}

td, th {
    vertical-align: top;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em
}

td:first-child, th:first-child {
    padding-left: 0;
    padding-right: 0.5em
}

th {
    text-align: left
}

.alt td {
    vertical-align: middle;
    padding: 0.5em
}

td.title {
    font-weight: bold
}

@media screen and (max-width: +49.9375em) {
    table.responsive {
        padding: 0
    }

    table.responsive td {
        padding: 0;
        display: block;
        border: none
    }

    table.responsive tr {
        margin-bottom: 1em;
        padding: 0;
        display: block
    }

    table.responsive th {
        display: none
    }
}

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #f6f0e1;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html.age-not-verified, html.age-not-verified body {
    height: 100%
}

html {
    line-height: 1.39;
    background-color: white
}

@media screen and (max-width: +49.9375em) {
    html {
        font-size: 100%
    }
}

body {
    font-family: "museo-slab", sans-serif;
    color: #4a2a1d
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

* {
    margin-top: 0
}

*:focus {
    outline: 0
}

p {
    margin: 0
}

p + p {
    margin-top: 1.112em
}

p strong, p b {
    font-weight: bold
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.6875em;
    margin: 0
}

@media screen and (max-width: +37.4375em) {
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.375em
    }
}

img, svg {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    display: block;
    border: 0
}

a {
    color: #d51217;
    cursor: pointer
}

figure {
    margin: 0
}

.ie svg {
    width: 100%
}

.ie .svg-responsive-wrapper svg {
    position: absolute;
    top: 0;
    left: 0
}

.at {
    text-indent: 100%;
    white-space: nowrap;
    width: 0;
    position: absolute;
    overflow: hidden;
    display: inline-block
}

.no-w {
    white-space: nowrap
}

.hidden {
    display: none
}

.svg-rwd-fix {
    position: relative;
    height: 0;
    overflow: hidden
}

.lte-ie-8 .svg-rwd-fix {
    height: auto;
    padding-bottom: 0 !important
}

.svg-rwd-fix svg {
    position: absolute;
    top: 0;
    left: 0
}

.header--main {
    position: relative;
    padding-bottom: 2em
}

.hero--primary {
    height: 0;
    padding-bottom: 20%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s
}

@media screen and (max-width: 37.5em) {
    .hero--primary {
        padding-bottom: 25%;
        background-size: 120% auto
    }
}

@media screen and (max-width: 28.125em) {
    .hero--primary {
        padding-bottom: 30%;
        background-size: 140% auto
    }
}

.hero--primary .hero__claim {
    visibility: hidden
}

.hero--primary .hero__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu--primary {
    position: relative;
    z-index: 1000;
    background-color: white
}

.menu--primary {
    font-size: 1.5em;
    text-align: center;
    line-height: 2.41667em;
    height: 2.41667em;
    position: relative
}

@media screen and (max-width: 69.375em) {
    .menu--primary {
        font-size: 1.25em;
        line-height: 2.9em;
        height: 2.9em
    }
}

@media screen and (max-width: 58.125em) {
    .menu--primary {
        text-align: left
    }
}

@media screen and (max-width: 58.125em) {
    .menu--primary {
        line-height: 2em;
        height: 2em
    }
}

.menu--primary .menu__item {
    display: inline-block;
    margin: 0 0.5em;
    position: relative
}

@media screen and (max-width: 58.125em) {
    .menu--primary .menu__item {
        margin: 0 0.5em;
        position: static
    }
}

.menu--primary .menu__item.mega-menu {
    position: static
}

.menu__item a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.menu__item > a {
    font-weight: normal;
    font-size: 80%;
    line-height: 3.02083em;
    width: 100%;
    height: 3.02083em;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 69.375em) {
    .menu__item > a {
        line-height: 3.625em;
        height: 3.625em
    }
}

@media screen and (max-width: 58.125em) {
    .menu__item > a {
        line-height: 2.5em;
        height: 2.5em
    }
}

.menu__item > a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: -0.5em;
    right: -0.5em;
    bottom: 0em;
    z-index: -1;
    background-color: transparent;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-box-shadow: 4px 4px 0 0 #a5958b;
    box-shadow: 4px 4px 0 0 #a5958b
}

.menu__item:hover > a:after {
    content: "";
    height: 4px;
    position: absolute;
    bottom: 12%;
    left: 0;
    right: 0;
    background-image: url(../img/beer-data-label-bg.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 4px
}

.menu__item:hover > a:before {
    top: -0.25em;
    background-color: #f6f0e1
}

.sub-menu .menu__item:hover > a:before {
    content: none
}

.sub-menu .menu__item:hover > a {
    color: #d51217
}

.sub-menu {
    text-align: left;
    position: absolute;
    min-width: 100%;
    height: 0;
    margin-top: 2.41667em;
    top: 0;
    left: -0.5em;
    right: -0.5em;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 69.375em) {
    .sub-menu {
        margin-top: 2.9em
    }
}

@media screen and (max-width: 58.125em) {
    .sub-menu {
        left: 0;
        right: 0;
        overflow: hidden
    }
}

.sub-menu .menu__item {
    white-space: nowrap;
    margin: 0 0.5em
}

.opened .sub-menu, .menu__item:hover .sub-menu {
    height: auto;
    overflow: visible
}

.sub-menu ul {
    display: inline-block;
    background-color: #f6f0e1;
    -webkit-box-shadow: 4px 4px 0 0 #a5958b;
    box-shadow: 4px 4px 0 0 #a5958b;
    text-align: left
}

.sub-menu--mega {
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.opened .sub-menu--mega, .menu__item:hover .sub-menu--mega {
    height: 0;
    overflow: hidden
}

@media screen and (max-width: 69.375em) {
    .sub-menu--mega {
        margin-top: 2.9em
    }
}

@media screen and (max-width: 58.125em) {
    .sub-menu--mega {
        margin-top: 2em
    }
}

.menu__item.opened .sub-menu--mega, .menu__item:hover .sub-menu--mega {
    padding-bottom: 9.5em
}

@media screen and (max-width: 75em) {
    .menu__item.opened .sub-menu--mega, .menu__item:hover .sub-menu--mega {
        padding-bottom: 17%
    }
}

@media screen and (max-width: 69.375em) {
    .menu__item.opened .sub-menu--mega, .menu__item:hover .sub-menu--mega {
        padding-bottom: 19%
    }
}

@media screen and (max-width: 58.125em) {
    .menu__item.opened .sub-menu--mega, .menu__item:hover .sub-menu--mega {
        padding-bottom: 0
    }
}

.menu--beer {
    padding: 0.2em 0.2em 1em 0.2em;
    padding-top: 0.2em !important;
    position: relative;
    overflow: hidden;
    display: inline-block
}

@media screen and (max-width: 69.375em) {
    .menu--beer {
        width: 100%
    }
}

@media screen and (max-width: 58.125em) {
    .menu--beer {
        padding-bottom: 1em
    }
}

@media screen and (max-width: 58.125em) and (min-width: 37.5em) {
    .menu--beer:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0.5em;
        z-index: 1
    }
}

.menu--beer svg {
    fill: #4a2a1d !important
}

.menu--beer__item {
    font-size: 16px;
    font-size: 1rem;
    width: 11.25em;
    height: 11.25em;
    margin-bottom: 1em;
    padding: 0.5em;
    position: relative;
    z-index: 2;
    float: left
}

.menu--beer__item:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    z-index: -1;
    border-left: 2px solid #4a2a1d;
    border-bottom: 2px solid #4a2a1d;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    -webkit-border-image: url(../img/menu-item-border.svg) 3 3 stretch;
    -o-border-image: url(../img/menu-item-border.svg) 3 3 stretch;
    border-image: url(../img/menu-item-border.svg) 3 3 stretch
}

@media screen and (max-width: 75em) {
    .menu--beer__item {
        width: 9.375em
    }
}

@media screen and (max-width: 69.375em) {
    .menu--beer__item {
        width: 16.66667%
    }
}

@media screen and (max-width: 58.125em) {
    .menu--beer__item {
        width: 50%;
        height: 5em;
        margin: 0;
        padding: 0.5em
    }
}

@media screen and (max-width: 37.4375em) {
    .menu--beer__item {
        width: 100%;
        height: 5em
    }
}

@media screen and (max-width: 58.125em) and (min-width: 37.5em) {
    .menu--beer__item + .menu--beer__item {
        border-left: none
    }

    .menu--beer__item + .menu--beer__item:nth-child(2) {
        border-top: none
    }
}

@media screen and (max-width: 37.4375em) {
    .menu--beer__item + .menu--beer__item {
        border-left: none
    }
}

.menu--beer__item .range-name {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 5.5em;
    padding: 0 0.5em;
    display: table
}

@media screen and (max-width: 58.125em) {
    .menu--beer__item .range-name {
        font-size: 1em;
        width: 50%;
        max-width: 10em;
        height: 100%;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }
}

.menu--beer__item .range-name span {
    display: table-cell;
    vertical-align: middle
}

.menu--beer__item .range-logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -2
}

@media screen and (max-width: 58.125em) {
    .menu--beer__item .range-logo {
        width: 50%;
        max-width: 10em;
        right: auto
    }
}

.menu--beer__item .bottles {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 58.125em) {
    .menu--beer__item .bottles {
        text-align: left;
        height: 95%;
        left: 51%;
        top: auto
    }
}

.menu--beer__item .bottle {
    width: 10%;
    display: inline-block
}

@media screen and (max-width: 75em) {
    .menu--beer__item .bottle {
        width: 12.5%
    }
}

@media screen and (max-width: 58.125em) {
    .menu--beer__item .bottle {
        width: 20%;
        max-width: 1.3em;
        margin-right: -0.2em
    }

    .menu--beer__item .bottle svg {
        width: auto;
        height: 4em
    }
}

@media screen and (max-width: 37.4375em) {
    .svg-replaced .menu--beer__item .bottle {
        width: 8%;
        padding-bottom: 365% !important
    }
}

.menu--beer__item svg {
    max-width: 100%;
    fill: #4a2a1d
}

.menu-toggler, .menu-close, .menu-back {
    font-size: 90%;
    font-weight: normal;
    color: inherit;
    position: absolute;
    top: 0;
    left: 0.6em;
    display: none;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s
}

.menu-close, .menu-back {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%)
}

@media screen and (max-width: 58.125em) {
    .menu-toggler, .menu-close, .menu-back {
        display: inline-block
    }

    .opened--small .menu-toggler {
        opacity: 0;
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%)
    }

    .opened--small .menu-close {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .opened--deep .menu-close {
        opacity: 0;
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%)
    }

    .opened--deep .menu-back {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .nav-menu {
        width: 100%;
        position: absolute;
        top: 2em;
        background-color: #f6f0e1;
        -webkit-box-shadow: 4px 4px 0 0 #a5958b;
        box-shadow: 4px 4px 0 0 #a5958b;
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s
    }

    .nav-menu .menu__item {
        width: 44%
    }

    .opened--small .nav-menu {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .opened--deep .nav-menu {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .sub-menu {
        height: auto;
        margin-top: 0;
        padding-bottom: 0;
        overflow: visible;
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
        -webkit-transition: all 0s 0.25s;
        -o-transition: all 0s 0.25s;
        transition: all 0s 0.25s
    }

    .sub-menu ul {
        width: 100%;
        padding-left: 0.2em;
        padding-right: 0.2em;
        padding-bottom: 1em
    }

    .opened .sub-menu {
        height: auto;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s
    }

    .menu__item:hover .sub-menu {
        height: auto
    }

    .menu__item a {
        line-height: 3em;
        height: 3em
    }

    .menu__item:hover > a {
        color: #d51217
    }

    .menu__item:hover > a:before {
        content: none
    }

    .sub-menu .menu__item {
        border-top: none
    }
}

@media screen and (max-width: 34.375em) {
    .nav-menu .menu__item {
        width: 95%;
        display: block
    }

    .sub-menu .menu__item:first-child {
        border-top: none
    }
}

.social-icons, .menu-icons {
    font-size: 1em;
    line-height: 1;
    padding: 0.2em 0.5em;
    position: absolute;
    bottom: 100%;
    right: 0;
    background-color: #f6f0e1;
    background-color: rgba(246, 240, 225, 0.85);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s
}
header .social-icons, .menu-icons {
    background-color:transparent;
}
header .home-link a .icon--link {
    fill: #f6f0e1;
}



.social-icons a, .menu-icons a {
    line-height: 1;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle
}

.social-icons .social-icon, .menu-icons .social-icon {
    margin: 0;
    display: inline-block
}

a .icon--link {
    fill: #4a2a1d;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

a .icon--link:hover {
    fill: #d51217
}

header a .icon--link {
    fill: #f6f0e1;
}

header a .icon--link:hover {
    fill: #908978;
}
@media screen and (max-width: 58.125em) {
    .social-icons, .menu-icons {
        line-height: 1.8em;
        padding: 0;
        top: 0;
        right: 0.5em;
        background-color: transparent
    }
    header a .icon--link {
        fill: #4a2a1d;
    }
    
    header a .icon--link:hover {
        fill: #d51217;
    }
   
}
.logo--main {
    display: none;
    padding: 2em 0;
    position: relative
}

.logo--main:before {
    content: "";
    height: 4px;
    position: absolute;
    top: 4.8em;
    left: 5%;
    right: 5%;
    z-index: 3;
    background-image: url(../img/logo-border@2x.png);
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 4px
}

.lte-ie-8 .logo--main:before {
    background-image: url(../img/logo-border.png)
}

.logo--main .logo--birra-moretti {
    max-width: 19.2em;
    margin: 0 auto;
    padding: 0 1em;
    position: relative;
    z-index: 2
}

.ie .logo--main .logo--birra-moretti .svg-responsive-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 30.22388%
}

.logo--main .logo--baffo-watermark {
    max-width: 6.4em;
    position: absolute;
    top: 0.5em;
    left: 65%;
    z-index: 1
}

.home-link {
    font-size: 2em;
    width: 1.24em;
    height: 1.24em;
    position: absolute;
    top: 0.2em;
    left: 0.2em;
    z-index: 1100;
    background-color: #f6f0e1;
    -webkit-box-shadow: 4px 4px 0 0 #a5958b;
    box-shadow: 4px 4px 0 0 #a5958b;
    border-radius: 50%;
    cursor: pointer
}
header .home-link {
    background-color: #5c1c19;
    -webkit-box-shadow: 4px 4px 0 0 #33100e;
    box-shadow: 4px 4px 0 0 #33100e;
}

@media screen and (max-width: +37.4375em) {
    .home-link {
        display: none
    }
}

.homepage .home-link {
    display: none
}

.home-link a {
    width: 1em;
    height: 1em;
    margin: 0.12em auto 0 auto;
    display: block;
    fill: #4a2a1d
}

.alt-cont {
    position: absolute;
    top: 0;
    clip: rec(1px 1px 1px 1px);
    visibility: hidden
}

.content + .range:before {
    content: "";
    margin-bottom: 2em;
    margin-bottom: 2em;
    width: 53%;
    min-width: 250px;
    display: block;
    border-bottom: dotted 2px #4a2a1d
}

.content {
    max-width: 62.5em;
    margin: 1.112em auto 1.112em auto;
    padding: 0 1em;
    position: relative
}

.content.gutterless {
    padding: 0
}

.content.wide {
    max-width: 100%;
    margin: 0 auto;
    padding: 0
}

.content.beer {
    max-width: 62.5em;
    clear: both
}

.content.range {
    max-width: 75em;
    margin-top: -1em;
    padding-top: 0;
    clear: both
}

.content.service {
    max-width: 60em;
    margin-bottom: 7em;
    padding: 1.112em;
    background-color: white
}

.content.events {
    max-width: 77.5em;
    padding: 1.112em
}

.content.story {
    margin-top: 0;
    max-width: 60em
}

.infographic {
    width: auto;
    max-width: 100%;
    margin: 0 auto
}

.share-icons {
    margin-top: 0.556em
}

.share-icons .social-icon {
    width: 1.875em;
    display: inline-block
}

.centered .share-icons {
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
    padding-top: 0.5em;
    border-top: dotted 2px #4a2a1d
}

@media screen and (max-width: +37.4375em) {
    .centered .share-icons {
        margin-left: 15%;
        margin-right: 15%
    }
}

.alignnone, .alignleft, .alignright, .aligncenter {
    margin-top: 1.112em;
    margin-bottom: 1.112em;
    margin-left: 0;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    float: none
}

.alignleft {
    width: auto !important;
    max-width: 48% !important;
    margin-top: 0;
    margin-right: 1em;
    float: left
}

.alignright {
    width: auto !important;
    max-width: 48% !important;
    margin-top: 0;
    margin-left: 1em;
    float: right
}

@media screen and (max-width: +37.4375em) {
    .alignleft, .alignright {
        width: auto !important;
        max-width: 100% !important;
        margin-top: 1.112em;
        margin-bottom: 1.112em;
        margin-right: 0;
        margin-left: 0;
        float: none
    }
}

.link--more {
    line-height: 1.2;
    color: white;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(74, 42, 29, 0.75);
    margin-right: 2em;
    padding: 0.7em 1em;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #801e2b;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.link--more:hover {
    background-color: #d51217
}

.link--more:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1em;
    right: -1em;
    bottom: 5px;
    border-bottom: dotted 3px #4a2a1d
}

.link--more:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: -2em;
    border: 7px solid transparent;
    border-left-color: #4a2a1d
}

.gallery {
    margin-bottom: 1.5em;
    clear: both
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f6f0e1;
    border: solid 2px #cfbda8;
    border-radius: 0.5em
}

.gallery-icon {
    margin: 4%;
    border-radius: 0.3em;
    overflow: hidden
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
    display: block
}

.gallery-columns-2 .gallery-item {
    max-width: 49%
}

.gallery-columns-3 .gallery-item {
    max-width: 32.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 24%
}

.gallery-columns-5 .gallery-item {
    max-width: 19%
}

.gallery-columns-6 .gallery-item {
    max-width: 15.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 13.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 11.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 10.11%
}

@media screen and (max-width: +37.4375em) {
    .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
        max-width: 49%
    }
}

.gallery-caption {
    display: block
}

.event-page .gallery a {
    color: inherit;
    text-decoration: none
}

.event-page .gallery figcaption {
    font-size: 1em;
    color: #4a2a1d;
    padding-bottom: 0;
    background-color: transparent;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.service-page p, .service-page .content ul, .service-page .content li {
    font-size: 1em
}

@media screen and (max-width: +37.4375em) {
    .service-page div.content{
        overflow-x: auto;
    }
    .service-page p, .service-page .content ul, .service-page .content li {
        font-size: 1em
    }
}

.service-page * + p, .service-page .content ul {
    margin-top: 1.112em;
    margin-bottom: 1.112em
}

.service-page h1, .service-page h2, .service-page h3, .service-page h4, .service-page h5, .service-page h6 {
    font-size: 1.125em
}

.content .service-page h1, .content .service-page h2, .content .service-page h3, .content .service-page h4, .content .service-page h5, .content .service-page h6 {
    margin-top: 1em
}

.service-page h1 {
    font-size: 1.5em;
    margin-bottom: 1.112em
}

.service-page h2 {
    font-size: 1.25em
}

.events p, .events .content ul, .events .content li {
    font-size: 1em
}

@media screen and (max-width: +37.4375em) {
    .events p, .events .content ul, .events .content li {
        font-size: 1em
    }
}

.events * + p, .events .content ul {
    margin-top: 1.112em;
    margin-bottom: 1.112em
}

.header--events {
    text-align: center;
    margin-bottom: 1.112em
}

.events__title {
    text-align: center;
    width: 100%;
    max-width: 30.81481em;
    display: inline-block;
    position: relative
}

@media screen and (max-width: +56.1875em) {
    .events__title {
        width: 65%
    }
}

@media screen and (max-width: +37.4375em) {
    .events__title {
        width: 100%;
        padding-bottom: 5%
    }
}

.events__title__ribbon {
    width: 100%
}

.events__title__watermark {
    width: 46%;
    display: inline-block
}

.event-previews .grid__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event--preview {
    text-align: center;
    margin-bottom: 2.78em;
    border: 14px solid transparent;
    -webkit-border-image: url(../img/events-box-deco.svg) 14 14 stretch;
    -o-border-image: url(../img/events-box-deco.svg) 14 14 stretch;
    border-image: url(../img/events-box-deco.svg) 14 14 stretch
}

@media screen and (max-width: +37.4375em) {
    .event--preview {
        padding: 0
    }
}

.event--preview a {
    color: #4a2a1d;
    text-decoration: none
}

.event__header--preview {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: dotted 4px #4a2a1d
}

.event__title--preview {
    font-size: 1.0625em;
    line-height: 1.25;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    z-index: 10
}

.event__picture--preview {
    position: relative;
    display: block
}

.event__image--preview {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10
}

.event__caption--preview {
    text-align: left;
    width: 100%;
    margin-top: 1em;
    display: inline-block
}

.event__date--preview {
    font-size: 1em;
    line-height: 1.25;
    display: inline-block
}

@media screen and (max-width: +37.4375em) {
    .event__date--preview {
        font-size: 0.9375em
    }
}

.event--pinned {
    width: 100%;
    margin-bottom: 2.5em;
    position: relative
}

.event--pinned .event__content--preview {
    padding: 0
}

.event--pinned .event__content--preview:before {
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53%;
    display: inline-block;
    vertical-align: top
}

.event--pinned .event__picture--preview {
    width: 98%;
    display: inline-block;
    vertical-align: top
}

.event--pinned .event__image--preview {
    max-width: 40%;
    position: absolute;
    left: 0
}

@media screen and (max-width: +49.9375em) {
    .event--pinned .event__image--preview {
        max-width: 97%;
        position: relative
    }
}

.event--pinned .event__image--preview img {
    position: relative;
    margin-top: -4.7%
}

.event--pinned .event__caption--preview {
    display: block;
    margin: 0;
    padding: 1em 1em 1em 42.5%
}

.event--pinned .event__location--preview {
    font-size: 95%;
    text-transform: uppercase;
    color: #9c773a;
    margin-bottom: 0.9em;
    padding-left: 1.5em;
    padding-bottom: 0.15em;
    display: block;
    background-image: url(../img/icon_placemark-pinned.png);
    background-image: url(../img/icon_placemark-pinned.svg);
    background-position: left bottom;
    background-repeat: no-repeat
}

.event--pinned .event__date--preview {
    font-size: 95%;
    color: #9c773a;
    margin-bottom: 0.9em;
    display: block
}

.event--pinned .event__date--preview b {
    font-weight: 500
}

.event--pinned .event__title--preview {
    font-size: 2.375em;
    line-height: 1.10;
    color: #9c773a;
    margin-bottom: 0;
    display: block
}

@media screen and (max-width: +56.1875em) {
    .event--pinned .event__title--preview {
        font-size: 1.875em
    }
}

.event--pinned .event__excerpt--preview {
    color: #9c773a;
    display: block
}

@media screen and (max-width: +37.4375em) {
    .event--pinned .event__caption--preview {
        width: 100%;
        padding: 1em
    }
}

.baffo-card-preview {
    margin: 0 auto
}

@media screen and (max-width: +49.9375em) {
    .baffo-card-preview {
        max-width: 26.25em;
        margin-top: 2em
    }
}

.baffo-card-preview a {
    text-decoration: none
}

.baffo-card-preview__deco {
    text-align: center
}

.baffo-card-preview__deco img {
    margin: 0 auto
}

.baffo-card-preview__deco-bottom {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.baffo-card-preview__content {
    margin: 2% 5%;
    padding: 1em;
    border: 1px solid #4a2a1d
}

.baffo-card-preview__content p {
    text-align: center;
    color: #d51217;
    margin: 1em 0
}

.baffo-card-preview__title {
    font-size: 2.5em;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    color: #d51217
}

.baffo-card-preview__card {
    margin: 1em 0;
    width: 104%
}

.baffo-card-preview__signature {
    width: 65%;
    margin: 2em auto 1em
}

.events__load-more {
    width: 60%;
    max-width: 20em;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: +49.9375em) {
    .events__load-more {
        width: 60%
    }
}

@media screen and (max-width: +37.4375em) {
    .events__load-more {
        width: 80%
    }
}

.events__load-more .status--idle, .events__load-more .status--loading {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s
}

.events__load-more .status--loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(-100%) rotate(2deg);
    -ms-transform: translateY(-100%) rotate(2deg);
    transform: translateY(-100%) rotate(2deg);
    opacity: 0
}

.events__load-more.loading .status--idle {
    -webkit-transform: translateY(100%) rotate(-2deg);
    -ms-transform: translateY(100%) rotate(-2deg);
    transform: translateY(100%) rotate(-2deg);
    opacity: 0;
    pointer-events: none
}

.events__load-more.loading .status--loading {
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    opacity: 1
}

.event__content--preview {
    padding: 0.5em 0.5em 0 0
}

.event-page p, .event-page .content ul, .event-page .content li {
    font-size: 1em
}

@media screen and (max-width: +37.4375em) {
    .event-page p, .event-page .content ul, .event-page .content li {
        font-size: 0.9375em
    }
}

.event-page p strong {
    font-weight: bold
}

.event-page * + p, .event-page .content ul {
    margin-top: 1.112em;
    margin-bottom: 1.112em
}

.event-page .alignleft + p, .event-page .alignright + p {
    padding-top: 2.224em
}

.event-page .gallery {
    padding-top: 1.112em;
    padding-bottom: 1.112em
}

.event-page h1, .event-page h2, .event-page h3, .event-page h4, .event-page h5, .event-page h6 {
    font-size: 1.25em
}

.event-page h1 {
    font-size: 1.5em;
    margin-bottom: 1.112em
}

.event-page h2 {
    font-size: 1.25em
}

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

.event-page figure {
    text-align: center;
    margin-top: 1.112em;
    margin-bottom: 1.112em;
    display: inline-block;
    position: relative
}

@media screen and (mq_small_max) {
    .event-page figure {
        width: auto !important
    }
}

.event-page p + figure {
    margin-top: 1.112em;
    margin-bottom: 1.112em
}

.event-page figcaption {
    font-size: 0.8em;
    color: white;
    text-align: center;
    padding: 0.7em 1em;
    display: inline-block;
    background-color: #9b8c7f;
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg)
}

.event-page .entry-content img {
    position: relative;
    display: block;
    background-color: #f6f0e1
}

.event-page .entry-content ul {
    padding: 0
}

.event-page .entry-content li {
    margin: 0;
    padding: 0 0 0 50px;
    position: relative;
    list-style-type: none
}

.event-page .entry-content li:before {
    content: "";
    width: 35px;
    height: 10px;
    position: absolute;
    top: 0.4em;
    left: 0;
    overflow: hidden;
    background-image: url(../img/bullet-points.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.event-page .entry-footer {
    padding: 1.112em 0;
    clear: both
}

.event-page .event__title {
    font-size: 3em;
    font-weight: 700;
    color: #4a2a1d;
    text-transform: uppercase;
    margin-bottom: 0.38462em
}

@media screen and (max-width: +56.1875em) {
    .event-page .event__title {
        font-size: 2.75em
    }
}

.event-page .event__title a {
    color: inherit;
    text-decoration: none
}

.event-page .event__meta {
    display: inline-block;
    border-top: dotted 3px #4a2a1d;
    border-bottom: dotted 3px #4a2a1d
}

.event-page .event__meta > div + div {
    border-left: dotted 3px #4a2a1d
}

@media screen and (max-width: 39.375em) {
    .event-page .event__meta > div {
        float: none
    }

    .event-page .event__meta > div + div {
        border-left: none;
        border-top: dotted 3px #4a2a1d
    }
}

.event-page .event__date {
    font-size: 1.125em;
    padding: 0.88889em 0.88889em;
    padding-left: 9em;
    float: left;
    position: relative
}

@media screen and (max-width: +56.1875em) {
    .event-page .event__date {
        font-size: 1em
    }
}

@media screen and (max-width: +37.4375em) {
    .event-page .event__date {
        padding-left: 6.5em
    }
}

.event-page .event__date b {
    font-size: 1.5em;
    font-weight: normal
}
.event__date * + p{
    margin: 0px !important;
}

.event-page .event__date .decoration {
    width: 7.5em;
    position: absolute;
    top: -4px;
    left: -4px
}

@media screen and (max-width: +37.4375em) {
    .event-page .event__date .decoration {
        width: 6.5em
    }
}

.event-page .event__location {
    padding: 1em 1em;
    padding-right: 7em;
    float: left;
    position: relative;
    z-index: 1
}

.event-page .event__location:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 14px;
    bottom: 20px;
    left: 14px;
    background-color: #ffce07
}

.event-page .event__location .title {
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    position: relative;
    z-index: 10
}

.event-page .event__location .address {
    font-size: 0.9375em;
    font-weight: bold;
    margin: 0;
    position: relative;
    z-index: 10
}

.event-page .event__location .decoration {
    width: 4em;
    position: absolute;
    top: 1em;
    right: 1em
}

video {
    max-width: 100%;
    height: auto
}

.video-container {
    margin: 5.56em 0 0 0;
    padding-bottom: 3em;
    position: relative
}

.video-container .video-content {
    padding: 5%;
    position: relative
}

.video-container video {
    position: relative;
    z-index: 100;
    background-color: black
}

.video-container .video-rwd-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    z-index: 100;
    overflow: hidden
}

.video-container .video-rwd-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.video-container .deco {
    font-size: 9.375em;
    width: 1em;
    position: absolute;
    bottom: -0.6em;
    left: -0.5em;
    z-index: 1
}

@media screen and (max-width: +37.4375em) {
    .video-container .deco {
        display: none
    }
}

.video-container .deco-border-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.video-container .deco-border-top .left {
    position: absolute;
    top: 0;
    left: 0
}

.video-container .deco-border-top .right {
    position: absolute;
    top: 0;
    right: 0
}

.video-container .deco-border-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.video-container .deco-border-bottom .left {
    position: absolute;
    bottom: 0;
    left: 0
}

.video-container .deco-border-bottom .right {
    position: absolute;
    bottom: 0;
    right: 0
}

.header--video {
    text-align: center;
    position: relative;
    border-top: 2px dotted #4a2a1d
}

.header--video .title--deco {
    max-width: 10em;
    margin: 1em auto;
    padding: 0;
    position: relative;
    z-index: 20;
    border: none
}

.header--video .title--deco:before {
    content: none
}

.video-content--tv video {
    width: 57%;
    position: absolute;
    top: 25%;
    left: 13%
}

.homepage__boxes {
    width: grid-percent(1060, 1366);
    max-width: 66.25em
}

@media screen and (max-width: +37.4375em) {
    .homepage__boxes {
        width: 90%
    }
}

.homepage__boxes .grid__item {
    margin-bottom: 1.112em;
    vertical-align: bottom
}

.homepage__boxes .grid__box {
    height: 100%;
    margin: 0;
    border-left: 2px solid #4a2a1d;
    border-bottom: 2px solid #4a2a1d;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    -webkit-border-image: url(../img/menu-item-border.svg) 3 3 stretch;
    -o-border-image: url(../img/menu-item-border.svg) 3 3 stretch;
    border-image: url(../img/menu-item-border.svg) 3 3 stretch;
    position: relative;
}

.homepage__boxes figure {
    margin: 0;
    padding: 0;
    position: relative
}

.homepage__boxes figure img {
    z-index: 2
}

.homepage__boxes .grid__box a.lnk-double{
    position: absolute;
    z-index: 222;
    width: 50%;
    height: 92%;
    left: 0;
    top:0;
}
    .homepage__boxes .grid__box a.lnk-double-1{
        left: 0;
    }
    .homepage__boxes .grid__box a.lnk-double-2{
        left: 50%;
    }
.homepage__boxes figcaption {
    width: 100%;
    position: absolute;
    z-index: 1;
    visibility: hidden;
    overflow: hidden
}

.homepage__boxes .social-icons {
    font-size: 1.5em;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0.2em;
    background-color: transparent
}

@media screen and (max-width: +37.4375em) {
    .homepage__boxes .social-icons {
        bottom: 0
    }
}

@media screen and (max-width: +37.4375em) {
    .homepage__boxes .medium--1-3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width: +37.4375em) {
    .homepage__boxes .medium--2-3 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.beer {
    font-family: "museo-slab", sans-serif
}

.beer p {
    font-size: 1.125em;
    margin: 0
}

@media screen and (max-width: +37.4375em) {
    .beer p {
        font-size: 1em
    }
}

.beer p + p {
    margin-top: 1.68em
}

.beer p strong, .beer p b {
    font-weight: normal
}

.beer__data-sheet {
    width: 90%;
    margin: 0 auto 3em;
    padding: 1em 1em 2em;
    position: relative;
    background-color: #f6f0e1;
    background-image: url(../img/scheda-birra-sfondo-sopra.svg), url(../img/scheda-birra-sfondo-sotto.svg);
    background-position: center top 6px, center bottom 6px;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 8px 10px 0 0 #a5958b, 0 0 0 5px #f6f0e1 inset, 0 0 0 6px #4a2a1d inset;
    box-shadow: 8px 10px 0 0 #a5958b, 0 0 0 5px #f6f0e1 inset, 0 0 0 6px #4a2a1d inset;
    border: 4px solid #4a2a1d;
    -webkit-border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch;
    -o-border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch;
    border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch
}

@media screen and (max-width: +56.1875em) {
    .beer__data-sheet {
        width: 100%
    }
}

.beer__bottle {
    width: 33%;
    padding: 2em 0 2em 1em;
    float: left
}

@media screen and (max-width: +49.9375em) {
    .beer__bottle {
        width: 50%;
        margin: 0 auto;
        padding: 1em 0;
        float: none;
        display: block
    }
}

.beer__bottle img {
    width: auto;
    margin: 0 auto;
    max-height: 36.25em
}

.beer__data {
    position: relative;
    width: 66.8%;
    float: right
}

@media screen and (max-width: +49.9375em) {
    .beer__data {
        width: 100%
    }
}

.beer__nutritional-sheet {
    max-width: 75%;
    padding: 2em 1em 4em 1em;
    position: absolute;
    right: 0.5em;
    bottom: 3em;
    z-index: 1;
    background-color: #fdfbf7;
    -webkit-box-shadow: 3px 3px 10px -4px rgba(74, 42, 29, 0.3);
    box-shadow: 3px 3px 10px -4px rgba(74, 42, 29, 0.3);
    border-radius: 4px;
    opacity: 0;
    -webkit-transform: rotate(-0.5deg) translateY(0);
    -ms-transform: rotate(-0.5deg) translateY(0);
    transform: rotate(-0.5deg) translateY(0);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    pointer-events: none
}

@media screen and (max-width: +49.9375em) {
    .beer__nutritional-sheet {
        max-width: inherit
    }
}

.lte-ie-8 .beer__nutritional-sheet {
    display: none
}

.beer__nutritional-sheet.flipped {
    -webkit-transform: rotate(0.5deg) translateY(3em);
    -ms-transform: rotate(0.5deg) translateY(3em);
    transform: rotate(0.5deg) translateY(3em);
    opacity: 1;
    pointer-events: all
}

.lte-ie-8 .beer__nutritional-sheet.flipped {
    display: block
}

.beer__nutritional-sheet-toggler {
    font-size: 1.125em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #4a2a1d;
    padding: 0.2em 1em;
    position: absolute;
    bottom: -1em;
    right: 1em;
    z-index: 1;
    background-color: #f6f0e1;
    -webkit-box-shadow: 8px 10px 0 0 #a5958b;
    box-shadow: 8px 10px 0 0 #a5958b;
    border: 2px solid #4a2a1d;
    opacity: 1
}

@media screen and (max-width: +37.4375em) {
    .beer__nutritional-sheet-toggler {
        font-size: 0.875em;
        left: 0.5em;
        right: 0.5em;
        -webkit-box-shadow: 4px 5px 0 0 #a5958b;
        box-shadow: 4px 5px 0 0 #a5958b
    }
}

.beer__nutritional-sheet-toggler.flipped {
    opacity: 0
}

.lte-ie-8 .beer__nutritional-sheet-toggler.flipped {
    display: none
}

.beer__nutritional-sheet-toggler a {
    color: inherit;
    text-decoration: none
}

.beer__nutritional-sheet-header {
    font-size: 0.8em;
    text-align: left;
    line-height: 2;
    bottom: 0;
    border-bottom: 1px solid #f6f0e1;
    visibility: hidden
}

.beer__nutritional-sheet-header a {
    color: inherit;
    text-decoration: none
}

.beer__nutritional-sheet-table {
    font-size: 1.2em
}

@media screen and (max-width: +37.4375em) {
    .beer__nutritional-sheet-table {
        font-size: 1em
    }
}

.beer__nutritional-sheet-table tr th, .beer__nutritional-sheet-table tr td {
    border-bottom: 1px solid #f6f0e1
}

@-webkit-keyframes info-food-show {
    0% {
        -webkit-transform: rotate(-0.5deg) translateY(0);
        transform: rotate(-0.5deg) translateY(0);
        z-index: -1
    }
    50% {
        -webkit-transform: rotate(0) translateY(100%);
        transform: rotate(0) translateY(100%);
        z-index: 0
    }
    100% {
        -webkit-transform: rotate(0.5deg) translateY(-10%);
        transform: rotate(0.5deg) translateY(-10%);
        z-index: 10
    }
}

@keyframes info-food-show {
    0% {
        -webkit-transform: rotate(-0.5deg) translateY(0);
        transform: rotate(-0.5deg) translateY(0);
        z-index: -1
    }
    50% {
        -webkit-transform: rotate(0) translateY(100%);
        transform: rotate(0) translateY(100%);
        z-index: 0
    }
    100% {
        -webkit-transform: rotate(0.5deg) translateY(-10%);
        transform: rotate(0.5deg) translateY(-10%);
        z-index: 10
    }
}

@-webkit-keyframes info-food-hide {
    0% {
        -webkit-transform: rotate(0.5deg) translateY(-10%);
        transform: rotate(0.5deg) translateY(-10%);
        z-index: 10
    }
    50% {
        -webkit-transform: rotate(0) translateY(100%);
        transform: rotate(0) translateY(100%);
        z-index: 0
    }
    100% {
        -webkit-transform: rotate(-0.5deg) translateY(0);
        transform: rotate(-0.5deg) translateY(0);
        z-index: -1
    }
}

@keyframes info-food-hide {
    0% {
        -webkit-transform: rotate(0.5deg) translateY(-10%);
        transform: rotate(0.5deg) translateY(-10%);
        z-index: 10
    }
    50% {
        -webkit-transform: rotate(0) translateY(100%);
        transform: rotate(0) translateY(100%);
        z-index: 0
    }
    100% {
        -webkit-transform: rotate(-0.5deg) translateY(0);
        transform: rotate(-0.5deg) translateY(0);
        z-index: -1
    }
}

.beer__data-header {
    margin-bottom: 1.68em;
    position: relative
}

.beer__data-header:after {
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -11%;
    right: 0;
    background-image: url(../img/scheda-birra-filetto.svg);
    background-size: 100% 2px;
    background-position: center bottom;
    background-repeat: no-repeat
}

@media screen and (max-width: +49.9375em) {
    .beer__data-header:after {
        left: 0
    }
}

.beer__logo {
    display: block;
    width: 55%;
    min-width: 15.625em;
    margin-top: 1.68em;
    padding-bottom: 1.68em
}

@media screen and (max-width: +49.9375em) {
    .beer__logo {
        margin-left: auto;
        margin-right: auto
    }
}

.beer__isnew {
    position: absolute;
    top: 0;
    right: 0;
}
    .beer__isnew img{
        width: 200px;
        margin: 42px 15px 0 0;
    }
    .beer__isnew img.img-beer_isnew{
        width: 190px;
        margin: 18px 15px 0 0;
    }

@media screen and (max-width: +49.9375em) {
    .beer__isnew {
        position: relative;
        margin: 0;
        padding-bottom: 1.68em;
    }
        .beer__isnew img, .beer__isnew img.img-beer_isnew{
            width: 200px;
            margin: 0px auto;
        }
}

.beer__data-name, .beer__data-info {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: +37.4375em) {
    .beer__data-name, .beer__data-info {
        font-size: 2.125em;
        padding-left: 30%
    }
}

.beer__data-name {
    max-width: 30%
}

.beer__data-table {
    clear: both
}

.beer__data-table p {
    font-size: 1.5625em;
    margin: 0 0 0.25em;
    padding-left: 1.25em;
    padding-right: 0.5em;
    background-image: url(../img/scheda-birra-punto-lista.png);
    background-image: url(../img/scheda-birra-punto-lista.svg);
    background-position: 0 0.6em;
    background-repeat: no-repeat
}

@media screen and (max-width: +49.9375em) {
    .beer__data-table p {
        font-size: 1em
    }
}

.beer__data-table p + p {
    margin: 0 0 0.25em
}

.beer__data-table .label {
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    display: inline-block
}

.beer__data-table table {
    font-size: 1.4em;
    padding: 0;
    border-collapse: separate
}

.beer__data-table tr td, .beer__data-table tr th {
    border-bottom: 1px dotted #9b8c7f
}

.beer__title {
    margin: 0;
    padding: 0
}

.beer__description {
    line-height: 1.68;
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 4em 0;
    padding-top: 1em;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2em;
    column-gap: 2em
}

@media screen and (max-width: +37.4375em) {
    .beer__description {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        column-gap: 0;
        margin-bottom: 2em
    }
}

.beer__description.has-deco {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
    padding-right: 40%;
    position: relative
}

@media screen and (max-width: +49.9375em) {
    .beer__description.has-deco {
        padding-right: 50%
    }
}

@media screen and (max-width: +37.4375em) {
    .beer__description.has-deco {
        padding-right: 0
    }
}

.beer__description .beer__description-deco {
    width: 37%;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: +49.9375em) {
    .beer__description .beer__description-deco {
        width: 48%
    }
}

@media screen and (max-width: +37.4375em) {
    .beer__description .beer__description-deco {
        width: 100%;
        margin-top: 2em;
        position: static
    }
}

.beer__description p:first-letter {
    font-size: 3.5em;
    font-weight: 700;
    line-height: 0.7;
    padding: 0.11em 0.05em 0 0;
    float: left
}

.beer__awards .title {
    padding-left: 2em
}

@media screen and (max-width: +49.9375em) {
    .beer__awards .title {
        font-size: 1.375em;
        padding-left: 3em
    }
}

.beer__awards .beer__awards__list {
    display: block;
    margin-top: 1.68em;
    margin-bottom: -3em
}

@media screen and (max-width: +37.4375em) {
    .beer__awards .beer__awards__list {
        width: 100%
    }
}

.beer__awards .beer__awards__list li {
    display: inline-block;
    vertical-align: top
}

.beer__awards .award {
    font-size: 1.125em;
    margin: 1em 0
}

@media screen and (max-width: +49.9375em) {
    .beer__awards .award {
        font-size: 1em
    }
}

.beer__awards .award-name {
    font-size: 1em;
    font-weight: bold
}

.beer__awards .deco {
    width: 50%;
    max-width: 9.75em;
    position: absolute;
    top: -5em;
    left: -5em
}

.beer__extras {
    padding: 0 1em
}

@media screen and (max-width: +37.4375em) {
    .beer__extras {
        margin-top: 7.5em;
        padding: 0
    }
}

.beer__extras.paired {
    font-size: 0;
    white-space: nowrap
}

@media screen and (max-width: +37.4375em) {
    .beer__extras.paired {
        font-size: 1em
    }
}

.paired .beer__extra-box {
    width: 46%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width: +49.9375em) {
    .paired .beer__extra-box {
        width: 100%;
        margin: 0 0 3em 0;
        display: block
    }
    .paired .beer__awards {
        margin-bottom:7.5em;
    }
}

.beer__extra-box {
    font-size: 16px;
    font-size: 1rem;
    white-space: normal;
    width: 80%;
    margin: 0 auto 2em;
    padding: 1.5em;
    position: relative;
    border: 11px solid #4a2a1d;
    -webkit-border-image: url(../img/scheda-birra-bordo-extra.svg) 9 9 stretch;
    -o-border-image: url(../img/scheda-birra-bordo-extra.svg) 9 9 stretch;
    border-image: url(../img/scheda-birra-bordo-extra.svg) 9 9 stretch
}

.no-borderimage .beer__extra-box {
    border: 3px solid #4a2a1d;
    border-bottom-color: transparent
}

.beer__extra-box:before {
    content: "";
    font-size: 1.25em;
    width: 1em;
    height: 18em;
    margin-top: 0.5em;
    margin-left: -0.5em;
    position: absolute;
    bottom: 100%;
    left: 50%;
    background-image: url(../img/scheda-birra-extra-deco.svg);
    background-position: center bottom;
    background-repeat: no-repeat
}

@media screen and (max-width: +49.9375em) {
    .beer__extra-box {
        width: 100%
    }

    .beer__extra-box + .beer__extra-box:before {
        content: none
    }
}

.beer__extra-box .no-borderimage {
    border: 3px dotted #4a2a1d
}

.beer__extra-box .title {
    font-size: 1.875em;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0.8904em;
    position: relative;
    z-index: 100
}

@media screen and (max-width: +49.9375em) {
    .beer__extra-box .title {
        font-size: 1.375em
    }
}

.beer__extra-box .title:after {
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0.4536em;
    left: 0;
    right: 0;
    display: block;
    background-image: url(../img/scheda-birra-filetto.svg);
    background-size: 100% 2px;
    background-repeat: no-repeat
}

.beer__mood-photos {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

@media screen and (max-width: +37.4375em) {
    .beer__mood-photos {
        position: relative
    }
}

.beer__mood-photo {
    text-align: right;
    width: 50%;
    padding: 0 13% 0 11%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

@media screen and (max-width: +37.4375em) {
    .beer__mood-photo {
        text-align: center;
        width: 80%;
        margin: 0 auto 0;
        padding: 1em 0;
        position: relative;
        background-color: #f6f0e1
    }
}

.beer__mood-photo figure {
    text-align: center;
    max-width: 21.875em;
    padding-top: 2em;
    display: block;
    background-color: #f6f0e1
}

@media screen and (max-width: +37.4375em) {
    .beer__mood-photo figure {
        padding-top: 0
    }
}

.beer__mood-photo img {
    margin: 0 auto;
    display: block
}

.beer__mood-photo figcaption {
    max-width: 80%;
    margin: -1em auto 0;
    display: block
}

.beer__mood-photo figcaption p {
    font-size: 1em
}

.beer__mood-photo--2 {
    text-align: left;
    padding: 0 11% 0 13%;
    right: 0;
    left: auto;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg)
}

@media screen and (max-width: +37.4375em) {
    .beer__mood-photo--2 {
        text-align: center;
        padding: 0
    }
}

.beer__mood-photo__label {
    text-align: center;
    padding: 0.2em 0.5em;
    display: inline-block;
    background-color: #f6f0e1;
    border: 3px solid #4a2a1d;
    -webkit-border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch;
    -o-border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch;
    border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch
}

.beer__glass {
    text-align: center;
    width: 26%;
    max-width: 12.5em;
    margin: 0 auto 5em auto;
    position: relative;
    z-index: 100
}

@media screen and (max-width: +37.4375em) {
    .beer__glass {
        width: 80%;
        margin: 0 auto
    }
}

.beer__glass img {
    display: inline-block
}

.beer__food-pairing .title {
    padding-right: 2em
}

.beer__food-pairing .deco {
    width: 50%;
    max-width: 9.75em;
    position: absolute;
    top: -10em;
    right: -5em;
}
@media screen and (max-width: +37.4375em) {
    .beer__food-pairing .deco {
        width: 40%;
        top: -9em;
        right: -4em;
    }
}

.recipe-links, .recipe-link {
    white-space: nowrap;
    text-align: center
}

.recipe-link {
    text-align: center;
    white-space: normal;
    max-width: 33%;
    margin-top: 1em;
    padding: 0 0.5em;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.paired .recipe-link {
    display: block;
    max-width: 100%
}

@media screen and (max-width: +49.9375em) {
    .recipe-link {
        display: block;
        max-width: 100%
    }
}

.recipe-link img {
    display: inline
}

.recipe-link figcaption {
    font-size: 1.125em;
    font-weight: 700;
    text-align: center;
    overflow: hidden
}

@media screen and (max-width: +49.9375em) {
    .recipe-link figcaption {
        font-size: 1em
    }
}

.recipe-link figcaption span {
    position: relative
}

.recipe-link figcaption span:before, .recipe-link figcaption span:after {
    content: "";
    width: 400%;
    margin: 0 0.5em;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background-image: url(../img/scheda-birra-filetto.svg);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left center
}

.recipe-link figcaption span:after {
    left: 100%;
    right: auto;
    background-position: right center
}

@media screen and (min-width: +56.25em) {
    .beer__extras:not(.paired) .recipe-link figcaption span:before, .beer__extras:not(.paired) .recipe-link figcaption span:after {
        content: none
    }
}

.related-beers {
    margin-top: 5em
}

.related-beers .title {
    font-size: 1.875em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    padding-left: 3em
}

@media screen and (max-width: +49.9375em) {
    .related-beers .title {
        font-size: 1.375em
    }
}

.related-beers .related-beer {
    padding: 1.5em 0.5em;
    background-color: #f6f0e1;
    background-image: url(../img/scheda-birra-sfondo-sopra.svg), url(../img/scheda-birra-sfondo-sotto.svg);
    background-position: center top, center bottom;
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 5px 5px 0 0 #a5958b;
    box-shadow: 5px 5px 0 0 #a5958b;
    border: 4px solid #4a2a1d;
    -webkit-border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch;
    -o-border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch;
    border-image: url(../img/scheda-birra-bordo.svg) 4 4 stretch
}

.related-beers p {
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0.5em
}

.related-beers a {
    color: #4a2a1d;
    text-decoration: none
}

.range {
    text-align: center
}

.range.content {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain
}

.range.range--regionali.content {
    background-position: center center
}

.range p {
    font-size: 1.1em
}

@media screen and (max-width: +37.4375em) {
    .range p {
        font-size: 1em
    }
}

.range__info {
    border-right: 2px dotted #4a2a1d
}

@media screen and (max-width: +49.9375em) {
    .range__info {
        border-right: none
    }
}

.range__logo, .range__description {
    margin: 0 auto 1.68em;
    padding: 0 1em
}

.range__logo {
    width: 90%;
    margin-top: 1em
}

@media screen and (max-width: +49.9375em) {
    .range__logo {
        width: 60%
    }
}

@media screen and (max-width: +37.4375em) {
    .range__logo {
        width: 85%
    }
}

@media screen and (max-width: +24.9375em) {
    .range__logo {
        width: 100%
    }
}

.range__bottles {
    margin-top: 0
}

.range__bottle {
    padding: 1.112em 1em;
    position: relative
}

.range__bottles .grid__item {
    margin-bottom: 1.112em
}

html.magazine-opened, .magazine-opened body {
    overflow: hidden
}

.beer__magazine {
    max-width: 62.5em
}

.magazine-preview {
    max-width: 75%;
    margin: 2em auto 0
}

@media screen and (max-width: +37.4375em) {
    .magazine-preview {
        max-width: inherit
    }
}

.magazine {
    text-align: center;
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -100%;
    z-index: 1000;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #f6f0e1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.opened .magazine {
    left: 0;
    right: 0
}

.magazine__content {
    margin: 2em 1em;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.3)
}

@media screen and (max-width: +37.4375em) {
    .magazine__content {
        margin-top: 4em
    }
}

.magazine__content * {
    margin: 0
}

.magazine__content img {
    width: auto !important;
    height: auto !important
}

.magazine__actions {
    font-size: 1em;
    width: 50%;
    position: absolute;
    top: 0.5em;
    right: 0.5em
}

@media screen and (max-width: +37.4375em) {
    .magazine__actions {
        width: 100%;
        top: -2.5em
    }
}

.magazine__close {
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    right: 0;
    z-index: 1100;
    border-radius: 50%;
    cursor: pointer
}

@media screen and (max-width: +37.4375em) {
    .magazine__close {
        width: 1.875em;
        height: 1.875em;
        top: 0
    }
}

.magazine__close a {
    margin: 0 auto;
    display: block;
    fill: #4a2a1d;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.magazine__close a:hover {
    fill: #d51217
}

.magazine__share {
    position: absolute;
    top: 0.35em;
    right: 4em
}

@media screen and (max-width: +37.4375em) {
    .magazine__share {
        top: 0;
        right: 2.5em
    }
}

.magazine__link {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: transparent
}

.magazine__link span {
    position: absolute;
    visibility: hidden;
    white-space: nowrap
}

@-webkit-keyframes magazine-preview-shake {
    from {
        -webkit-transform: rotate(-0.7deg);
        transform: rotate(-0.7deg)
    }
    50% {
        -webkit-transform: rotate(-0.1deg);
        transform: rotate(-0.1deg)
    }
    to {
        -webkit-transform: rotate(-0.7deg);
        transform: rotate(-0.7deg)
    }
}

@keyframes magazine-preview-shake {
    from {
        -webkit-transform: rotate(-0.7deg);
        transform: rotate(-0.7deg)
    }
    50% {
        -webkit-transform: rotate(-0.1deg);
        transform: rotate(-0.1deg)
    }
    to {
        -webkit-transform: rotate(-0.7deg);
        transform: rotate(-0.7deg)
    }
}

.magazine__birre-fatte-col-sole-gif {
    width: 61.3%;
    position: absolute;
    top: 35.65%;
    left: 19.6%;
    border-radius: 10px;
    overflow: hidden
}

.story {
    font-size: 1em
}

.story p {
    font-size: 1.0625em
}

.story strong {
    font-weight: 500;
    color: #801e2b
}

.footer--story {
    margin-top: -18%
}

.timeline {
    margin-top: 5em;
    margin-bottom: 3em
}

.timeline ul {
    overflow: hidden
}

.timeline-group:first-child .timeline-group__title {
    margin-top: -5em
}

.timeline-group {
    margin: 0 2.5%;
    border-left: 1px solid #4a2a1d;
    border-right: 1px solid #4a2a1d
}

.timeline-group.last {
    padding-bottom: 10em
}

.timeline-group__title {
    font-size: 1em;
    position: relative
}

.timeline-group__title .label {
    font-size: 1.5625em;
    line-height: 2;
    text-align: center;
    text-transform: uppercase;
    color: #801e2b;
    width: 105%;
    margin-left: -2.5%;
    padding: 0 1em;
    display: block;
    position: relative;
    z-index: 2;
    background-color: #f6f0e1;
    background-image: url(../img/scheda-birra-sfondo-sopra.svg), url(../img/scheda-birra-sfondo-sotto.svg);
    background-position: center top, center bottom;
    background-size: 50% 1em;
    background-repeat: repeat-x;
    border: 1px solid #4a2a1d;
    border-radius: 0.4em;
    -webkit-box-shadow: 3px 3px 0 0 #a5958b;
    box-shadow: 3px 3px 0 0 #a5958b
}

.timeline-group__title .deco {
    height: 0;
    position: absolute;
    width: 22%;
    padding-bottom: 22%;
    bottom: 0;
    z-index: 1
}

.story__primo-novecento .timeline-group__title .deco {
    right: -3.5em
}

.story__meta-novecento .timeline-group__title .deco {
    width: 15%;
    padding-bottom: 15%;
    top: 0;
    left: -2em;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.story__duemila .timeline-group__title .deco {
    top: 0;
    right: 10%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.timeline-item {
    width: 37%;
    margin: 6em 0 6em 9%;
    padding: 0;
    position: relative;
    float: left;
    -webkit-box-shadow: 6px 6px 0 0 #a5958b;
    box-shadow: 6px 6px 0 0 #a5958b;
    border: 2px solid #4a2a1d;
    border-radius: 1em
}

.timeline-item:before {
    content: "";
    font-size: 1.25em;
    width: 1em;
    height: 5.5em;
    margin-left: -0.5em;
    position: absolute;
    bottom: 98%;
    bottom: calc(100% - 0.5em);
    left: 70%;
    background-image: url(../img/scheda-birra-extra-deco.svg);
    background-position: center bottom;
    background-repeat: no-repeat
}

.timeline-item:nth-child(even) {
    margin: 6em 9% 6em 0;
    float: right
}

.timeline-item:nth-child(even):before {
    left: 30%
}

.timeline-item.alt {
    background-color: #d7ac44;
    border: 2px solid #f6f0e1
}

.timeline-item.disaligned {
    margin-top: 12em
}

.timeline-item.disaligned:before {
    height: 11.5em
}

.timeline-item.special-1942 {
    padding-top: 9em
}

.timeline-item.special-dopoguerra {
    padding-top: 5.5em
}

.timeline-item.special-2006 {
    margin-bottom: -100%
}

.timeline-item.special-1997-2008 {
    clear: both;
    margin-top: 0;
    padding-top: 5.5em
}

.timeline-item__date, .timeline-item__text {
    display: inline-block;
    vertical-align: middle
}

.timeline-item__date {
    font-family: "StamPete", "museo-slab", sans-serif;
    font-size: 5.5em;
    color: #d7ac44;
    position: absolute;
    top: 0.2em;
    left: -0.5em
}

.timeline-item__title {
    font-family: "StamPete", "museo-slab", sans-serif;
    font-size: 3.5em;
    color: #4a2a1d;
    text-transform: uppercase;
    position: absolute;
    top: 0.2em;
    left: -0.5em
}

.timeline-item__text {
    width: 100%;
    margin-bottom: 1em;
    padding: 1em
}

.timeline-item__image {
    overflow: hidden;
    border-radius: 1em 1em 0 0
}

.timeline-item__image.oversize {
    width: 110%;
    margin-left: -5%
}

.timeline-item__separator {
    margin: 0.5em 0
}

@media screen and (max-width: +56.1875em) {
    .timeline-item {
        width: 40%;
        margin-left: 6%
    }

    .timeline-item:nth-child(even) {
        margin-right: 6%
    }

    .timeline-item__date {
        font-size: 4.5em
    }

    .timeline-item__title {
        font-size: 2.5em
    }
}

@media screen and (max-width: +49.9375em) {
    .story p {
        font-size: 1em
    }

    .timeline-group {
        padding-bottom: 5em
    }

    .timeline-group ul {
        overflow: visible
    }

    .timeline-group__title .label {
        line-height: 1.25;
        padding: 0.5em 1em
    }

    .timeline-group__title .deco {
        display: none
    }

    .timeline-item {
        width: 90%;
        margin-left: 5%;
        margin-right: 4%;
        margin-bottom: 0 !important;
        margin-top: 6em !important;
        display: block;
        float: none
    }

    .timeline-item:nth-child(even) {
        margin-left: 6%;
        margin-right: 4%;
        float: none
    }

    .timeline-item:before {
        height: 5.5em !important
    }

    .timeline-item__date {
        left: -0.5em
    }

    .timeline-item__title {
        left: -0.5em
    }

    .footer--story {
        margin-top: -24%
    }
}

.special-selfie .timeline-item__image, .special-1997-2008 .timeline-item__image {
    border-radius: 0 0 1em 1em;
    overflow: hidden
}

@media screen and (max-width: 699px) {
    .story-baffo.content {
        padding: 0
    }
}

.story-baffo .poster {
    margin-top: -1.5em;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width: 699px) {
    .story-baffo .poster__bg {
        width: 130%;
        position: relative;
        left: -15%
    }
}

.story-baffo .poster__illustration {
    position: absolute;
    top: 30%;
    left: 16%;
    right: 20%
}

@media screen and (max-width: 699px) {
    .story-baffo .poster__illustration {
        left: 10%;
        right: 12%
    }
}

.story-baffo .poster__badge {
    width: 29%;
    position: absolute;
    bottom: 30%;
    left: 0%;
    z-index: 5;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media screen and (max-width: 699px) {
    .story-baffo .poster__badge {
        bottom: 32%;
        left: 2%
    }
}

.story-baffo .discover-poster {
    width: 13%;
    position: absolute;
    top: 33%;
    right: 6%;
    z-index: 5;
    display: block
}

@media screen and (max-width: 699px) {
    .story-baffo .discover-poster {
        width: 16%
    }
}

.story-baffo .cover-poster {
    width: 13%;
    position: absolute;
    top: 33%;
    right: 6%;
    z-index: 5;
    display: none
}

@media screen and (max-width: 699px) {
    .story-baffo .cover-poster {
        width: 16%
    }
}

.story-baffo .sketchbook {
    margin-top: -38%;
    position: relative;
    z-index: 10;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media screen and (max-width: 699px) {
    .story-baffo .sketchbook {
        margin-top: -46%
    }
}

.pushed .discover-poster {
    display: none
}

.pushed .cover-poster {
    display: block
}

@media screen and (max-width: 699px) {
    .pushed .poster__badge {
        bottom: 40%
    }
}

.pushed .sketchbook {
    margin-top: -13%
}

@media screen and (max-width: 699px) {
    .pushed .sketchbook {
        margin-top: -15%
    }
}

.in-cucina-con-noi .page-logo {
    width: 60%;
    max-width: 37.5em;
    margin: 0 auto 2.224em
}

@media screen and (max-width: +49.9375em) {
    .in-cucina-con-noi .page-logo {
        width: 80%
    }
}

.cucina-stellata-fine-invio {
    padding-bottom: 5em
}

.la-tua-ricetta-stellata__logo {
    max-width: 65%;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: +56.1875em) {
    .la-tua-ricetta-stellata__logo {
        max-width: 55%
    }
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__logo {
        max-width: 100%
    }
}

.la-tua-ricetta-stellata__invio-chiuso {
    max-width: 25%;
    position: absolute;
    top: 18%;
    left: 1%
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__invio-chiuso {
        max-width: 50%;
        margin: 0 auto;
        position: static;
        display: block
    }
}

.la-tua-ricetta-stellata__messaggio {
    margin-top: 10%;
    background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/sfondo-messaggio.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative
}

@media screen and (max-width: +56.1875em) {
    .la-tua-ricetta-stellata__messaggio {
        margin-top: 15%
    }
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__messaggio {
        margin-top: 10%
    }
}

.la-tua-ricetta-stellata__messaggio p {
    font-size: 1.375em;
    text-align: center;
    padding: 1em 10% 2em;
    position: relative
}

@media screen and (max-width: +56.1875em) {
    .la-tua-ricetta-stellata__messaggio p {
        font-size: 1.125em;
        text-align: left;
        padding: 1em 22% 2em 1.7em
    }
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__messaggio p {
        font-size: 1em;
        text-align: center;
        padding: 1em 1.7em 2em 1.7em
    }
}

.la-tua-ricetta-stellata__messaggio p:before {
    content: "";
    height: 4px;
    position: absolute;
    bottom: 1.25em;
    left: 5%;
    right: 5%;
    z-index: 3;
    background-image: url(../img/logo-border@2x.png);
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 4px
}

.lte-ie-8 .la-tua-ricetta-stellata__messaggio p:before {
    background-image: url(../img/logo-border.png)
}

.la-tua-ricetta-stellata__messaggio .la-tua-ricetta-stellata__anteprima-ricettario {
    width: 16%;
    position: absolute;
    bottom: 2em;
    right: 0.5em
}

@media screen and (max-width: +56.1875em) {
    .la-tua-ricetta-stellata__messaggio .la-tua-ricetta-stellata__anteprima-ricettario {
        width: 24%;
        bottom: 3em
    }
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__messaggio .la-tua-ricetta-stellata__anteprima-ricettario {
        display: none
    }
}

.la-tua-ricetta-stellata__scarica-ricettario {
    width: 40%;
    position: absolute;
    right: 100%;
    bottom: -3em
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__scarica-ricettario {
        width: 50%;
        margin: -3em auto 0;
        position: static
    }
}

.la-tua-ricetta-stellata__buon-appetito {
    width: 30%;
    position: absolute;
    left: 100%;
    bottom: 0
}

@media screen and (max-width: +56.1875em) {
    .la-tua-ricetta-stellata__buon-appetito {
        width: 35%
    }
}

@media screen and (max-width: +37.4375em) {
    .la-tua-ricetta-stellata__buon-appetito {
        display: none
    }
}

.spill-navigation {
    text-align: center;
    padding-top: 34%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: +56.1875em) {
    .spill-navigation {
        padding-top: 41%
    }
}

@media screen and (max-width: +37.4375em) {
    .spill-navigation {
        padding-top: 41%
    }
}

.spill-navigation p {
    font-size: 1.1875em;
    font-weight: 700;
    color: #801e2b;
    margin-top: 1em
}

@media screen and (max-width: +56.1875em) {
    .spill-navigation p {
        font-size: 1.0625em
    }
}

@media screen and (max-width: +37.4375em) {
    .spill-navigation p {
        font-size: calc(1vw + 0.5em);
        width: 50%;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.spill-navigation__baffo {
    width: 28%;
    display: inline-block;
    position: relative;
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

@media screen and (max-width: +56.1875em) {
    .spill-navigation__baffo {
        width: 35.5%
    }
}

.spill-navigation__baffo .hilight {
    width: 31%;
    position: absolute;
    display: none
}

.draugh {
    text-align: right
}

.draught .hilight {
    top: 33%;
    left: 12%
}

.bottle .hilight {
    top: 22%;
    left: 56%
}

.spill-navigation__baffo:hover {
    opacity: 1
}

.spill--draught .draught {
    opacity: 1
}

.spill--draught .draught .hilight {
    display: block
}

.spill--bottle .bottle {
    opacity: 1
}

.spill--bottle .bottle .hilight {
    display: block
}

.footer--main {
    font-style: normal;
    color: #4a2a1d;
    width: 100%;
    margin: 0;
    margin-top: 6em;
    padding: 0;
    background-color: white
}

.age-check {height: 100%;}
.age-check .footer--main {
    position: absolute;
    z-index: 2000;
    bottom: 0;
}

@media (max-height: 780px) {
    .age-check {height: auto;}
    .age-check .footer--main {
        position: relative;
    }
}

@media (max-width: 800px) {
    .age-check {height: auto;}
    .age-check .footer--main {
        position: relative;
    }
}

@media screen and (max-width: +37.4375em) {
    .footer--main {
        margin-top: 38%
    }
}

.beer__food-pairing + .footer--main {
    margin-top: 11em
}

.beer__serving + .footer--main {
    margin-top: 24em
}

@media screen and (max-width: +37.4375em) {
    .beer__serving + .footer--main {
        margin-top: 15em
    }
}

@media screen and (max-width: +37.4375em) {
    .beer__serving + .footer--main {
        margin-top: 38%
    }
}

.beer__awards + .beer__food-pairing + .footer--main {
    margin-top: 5em
}

@media screen and (max-width: +37.4375em) {
    .beer__awards + .beer__food-pairing + .footer--main {
        margin-top: 45%
    }
}

.footer--main a {
    color: #4a2a1d;
    margin-right: 0.5em;
    white-space: nowrap
}

.footer--main p {
    font-size: 0.8em;
    text-transform: uppercase;
    margin: 0
}

@media screen and (max-width: +37.4375em) {
    .footer--main p {
        font-size: 0.75em
    }
}

.footer--main span {
    margin-right: 0.5em;
    white-space: nowrap
}

.footer--main .number {
    white-space: nowrap
}

.footer__content {
    max-width: 60em;
    margin: 0 auto;
    padding: 0.5em;
    position: relative
}

.footer__logo a {
    display: block
}

.footer__logo svg {
    fill: #d51217
}

.footer__giusto-baffo {
    position: absolute;
    right: 0.5em;
    bottom: 0;
    overflow: hidden
}

@media screen and (max-width: +37.4375em) {
    .footer__giusto-baffo {
        bottom: 100%
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50000
}

.modal__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
    background-color: rgba(246, 240, 225, 0.9);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.modal__close {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0.5em;
    right: 0.5em
}

.cookie-modal__content {
    margin: 0;
    padding: 1em;
    padding-right: 3em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: white;
    -webkit-box-shadow: 0 -1px 20px 0 rgba(74, 42, 29, 0.8);
    box-shadow: 0 -1px 20px 0 rgba(74, 42, 29, 0.8);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (max-width: +49.9375em) {
    .cookie-modal__content {
        font-size: 0.8em;
        line-height: 1;
        padding-right: 1em;
    }
}

.cookie-modal__content p {
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}

.cookie-modal__text{
    width: 82%;
    float: left;
}

.cookie-modal-message{
    top:auto !important;
}
.cookie-modal__buttons{
    width: 14%;
    float: right;
    text-align: right;
    padding-top: 38px;
}
    .cookie-modal__buttons .button--accetta{
        font-size: 1.2em;
        display: block;
        text-align: center;
    }
        .cookie-modal__buttons .button--accetta a{
            color: #f6f0e1;
            text-decoration: none;
            padding: 0 0.5em;
            display: inline-block;
            line-height: 1.5;
            background-color: #4a2a1d;
            border: solid 2px #4a2a1d;
        }
    .cookie-modal__buttons .button--rifiuta{
        font-size: 1.2em;
        display: block;
        margin-top: 0.5em;
        text-align: center;
    }
        .cookie-modal__buttons .button--rifiuta a{
            color: #4a2a1d;
            text-decoration: none;
            padding: 0 0.5em;
            display: inline-block;
            line-height: 1.5;
            background-color: #fff;
            border: solid 2px #fff;
        }
@media screen and (max-width: +49.9375em) {
    .cookie-modal__text{
        width: 100%;
    }
    .modal__text{
        padding-top: 12px;
    }
    .cookie-modal__buttons{
        width: 100%;
        padding-top: 12px;
    }
    .cookie-modal__buttons .button--accetta{
        float: right;

    }
    .cookie-modal__buttons .button--rifiuta{
        float: left;
        margin:0;
    }
    .cookie-modal__buttons .button--rifiuta a{
        padding: 0;
    }
}
.hiding .modal__layer {
    opacity: 0
}

.hiding .cookie-modal__content {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    opacity: 0
}

.cucina-stellata-invia-ricetta .content > h2 {
    display: none
}

input[type="text"], input[type="search"], input[type="email"], input[type="url"], textarea {
    font-size: 1em;
    width: 100%;
    padding: 0.5em;
    background-color: #f6f0e1;
    border: 2px solid #aa9153;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

textarea {
    resize: vertical
}

label {
    display: block
}

.gform_heading {
    font-size: 1.5em;
    text-align: center;
    margin: 2em
}

@media screen and (max-width: +56.1875em) {
    .gform_heading {
        font-size: 1.2em
    }
}

@media screen and (max-width: +37.4375em) {
    .gform_heading {
        font-size: 1em;
        margin: 3em 0
    }
}

.gform_error-message {
    margin-bottom: 3em
}

@media screen and (max-width: +37.4375em) {
    .gform_error-message {
        width: 100%;
        height: 0;
        padding-bottom: 55%;
        background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/errore-small.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gform_error-message p, .gform_error-message img {
        display: none
    }
}

.validation_error {
    margin-top: 1em;
    margin-bottom: 1.6em
}

.gform_body ul, .gform_body li {
    margin: 0;
    padding: 0;
    display: block
}

.gform_body {
    position: relative
}

.gform_body .gfield {
    margin-bottom: 1.6em;
    position: relative;
    z-index: 1
}

.gform_body .gfield_label {
    font-size: 1.8em;
    margin-right: 0.3em;
    margin-bottom: 0.1em;
    float: left
}

@media screen and (max-width: +37.4375em) {
    .gform_body .gfield_label {
        font-size: 1.6em;
        float: none
    }
}

.gform_body .gfield_error .gfield_label:before {
    content: "";
    width: 0.5em;
    height: 0.8em;
    position: absolute;
    top: 0.2em;
    left: -1.5em;
    background-color: #d51217
}

.gform_body .gfield_error .gfield_label:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0.2em;
    left: -1em;
    border: 0.4em solid transparent;
    border-left-color: #d51217
}

.gform_body .gfield_contains_required .gfield_label {
    float: none
}

.gform_body .gfield_required {
    display: none
}

.gform_body .gfield_description {
    position: relative;
    top: 0.5em;
    margin: 0 0 0.5em 0
}

@media screen and (max-width: +37.4375em) {
    .gform_body .gfield_description {
        position: static
    }
}

.gform_body .gfield_contains_required .gfield_description {
    position: static
}

.gform_body .ginput_container {
    clear: both
}

.gform_body input[type="text"], .gform_body input[type="search"], .gform_body input[type="email"], .gform_body input[type="url"] {
    margin-bottom: 0.5em
}

.gform_body input[type="checkbox"] {
    margin-right: 0.5em;
    position: relative;
    top: 0.25em;
    float: left
}

.gform_body .ginput_complex span {
    width: 48%;
    float: left
}

.gform_body .ginput_complex span + span {
    float: right
}

@media screen and (max-width: +37.4375em) {
    .gform_body .ginput_complex span {
        width: auto;
        float: none
    }

    .gform_body .ginput_complex span + span {
        float: none
    }
}

.gform_body .gfield_error .gfield_label {
    color: #4a2a1d
}

.gform_body .gform_drop_area {
    margin-bottom: 0.5em;
    padding: 2em;
    border: 2px dashed #aa9153
}

@media screen and (max-width: +37.4375em) {
    .gform_body .gform_drop_area {
        text-align: center
    }
}

.gform_body .validation_message {
    font-size: 0.8em;
    color: #4a2a1d;
    clear: both
}

.gform_body .gfield_error .validation_message {
    color: #d51217
}

.gform_body .gfield_error input[type="text"], .gform_body .gfield_error input[type="search"], .gform_body .gfield_error input[type="email"], .gform_body .gfield_error input[type="url"], .gform_body .gfield_error textarea, .gform_body .gfield_error .gform_drop_area {
    border-color: #d51217
}

.gform_body .deco-1 {
    display: none
}

@media screen and (min-width: 1px) {
    .gform_body .deco-1 {
        display: block;
        width: 35%;
        height: 0;
        margin: 0 auto;
        padding-bottom: 5.6%;
        background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/separatore.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: +37.4375em) {
    .gform_body .deco-1 {
        width: 60%;
        padding-bottom: 9.6%
    }
}

.gform_body .invio-ricetta__titolo:before, .gform_body .invio-ricetta__birre:before {
    content: "";
    position: absolute;
    z-index: -1;
    display: none
}

@media screen and (min-width: 1px) {
    .gform_body .invio-ricetta__titolo:before {
        display: block;
        width: 16em;
        height: 0;
        position: absolute;
        top: -5em;
        right: -6em;
        padding-bottom: 21.875em;
        background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/posate.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: +37.4375em) {
    .gform_body .invio-ricetta__titolo:before {
        width: 12em;
        top: -2em;
        right: -5em
    }
}

@media screen and (min-width: 1px) {
    .gform_body .invio-ricetta__birre:before {
        display: block;
        width: 16%;
        height: 0;
        position: absolute;
        top: -1.3em;
        left: -5em;
        padding-bottom: 30%;
        background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/birra-moretti-filigrana.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: +37.4375em) {
    .gform_body .invio-ricetta__birre:before {
        width: 28%;
        left: auto;
        right: -0.5em
    }
}

.gform_body .ginput_preview img {
    display: inline
}

.gform_footer {
    text-align: center
}

.gform_footer:before {
    content: "";
    width: 10em;
    height: 6em;
    margin: 0 auto;
    display: block;
    background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/invia-baffi.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain
}

@media screen and (min-width: 1px) {
    .gform_footer:before {
        background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/invia-baffi@2x.png)
    }
}

.gform_body input[type="submit"], .gform_body input[type="button"], .gform_body button, .gform_body .gform_button, .gform_footer input[type="submit"], .gform_footer input[type="button"], .gform_footer button, .gform_footer .gform_button {
    font-size: 1em;
    font-weight: 700;
    line-height: 2;
    color: #f6f0e1;
    padding: 0 1em;
    background-color: #4a2a1d;
    border: none;
    border-radius: 0.5em;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-box-shadow: 0 3px 5px -3px rgba(74, 42, 29, 0.5);
    box-shadow: 0 3px 5px -3px rgba(74, 42, 29, 0.5)
}

.gform_body input[type="submit"]:hover, .gform_body input[type="button"]:hover, .gform_body button:hover, .gform_body .gform_button:hover, .gform_footer input[type="submit"]:hover, .gform_footer input[type="button"]:hover, .gform_footer button:hover, .gform_footer .gform_button:hover {
    background-color: #aa9153
}

.gform_footer input[type="submit"], .gform_footer .gform_button {
    color: #4a2a1d;
    margin-top: -0.5em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #f6f0e1;
    border: 1px solid #aa9153
}

.gform_footer input[type="submit"]:hover, .gform_footer .gform_button:hover {
    color: #f6f0e1;
    background-color: #9b8c7f
}

@media screen and (max-width: +37.4375em) {
    .gforms_confirmation_message {
        padding-bottom: 35%
    }
}

@media screen and (max-width: +37.4375em) {
    .gform_confirmation_message {
        width: 100%;
        height: 0;
        padding-bottom: 44%;
        background-image: url(../img/in-cucina-con-noi/la-tua-ricetta-stellata/grazie-ricetta-registrata-small.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gform_confirmation_message img {
        display: none
    }
}

.gform_confirmation_message p {
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 4em
}

@media screen and (max-width: +56.1875em) {
    .gform_confirmation_message p {
        font-size: 1.2em
    }
}

@media screen and (max-width: +37.4375em) {
    .gform_confirmation_message p {
        font-size: 1em;
        padding-top: 45%
    }
}

.custom-select > .ginput_container {
    position: relative;
    display: block;
    margin-bottom: 0.5em;
    padding: 0;
    border: 2px solid #aa9153;
    border-radius: 5px;
    background-color: #f6f0e1
}

.gfield_error.custom-select > .ginput_container {
    border-color: #d51217
}

.custom-select > .ginput_container select {
    width: 100%;
    margin: 0;
    background: none;
    border: 1px solid transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1em;
    padding: .3em 1.9em .4em .8em;
    line-height: 1.3
}

.custom-select > .ginput_container::after {
    content: "";
    width: 0;
    height: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 1em;
    z-index: 2;
    border: 5px solid transparent;
    border-top-color: #4a2a1d;
    pointer-events: none
}

.custom-select > .ginput_container:hover {
    border: 2px solid #aa9153
}

.custom-select > .ginput_container select:focus {
    outline: none;
    -webkit-box-shadow: 0 0 1px 3px rgba(170, 145, 83, 0.3);
    box-shadow: 0 0 1px 3px rgba(170, 145, 83, 0.3);
    background-color: transparent;
    color: #222
}

.custom-select > .ginput_container option {
    font-weight: normal
}

x:-o-prefocus, .custom-select > .ginput_container::after {
    display: none
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .custom-select > .ginput_container select::-ms-expand {
        display: none
    }

    .custom-select > .ginput_container select:focus::-ms-value {
        background: transparent;
        color: #222
    }
}

@-moz-document url-prefix() {
    .custom-select > .ginput_container {
        overflow: hidden
    }
    .custom-select > .ginput_container select {
        width: 120%;
        width: calc(100% + em)
    }
}

.custom-select > .ginput_container select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.age-check {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20000;
    -webkit-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s
}

.age-check__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #f6f0e1
}

.age-check__container {
    max-width: 84.375em;
    margin: 0 auto;
    padding: 1em;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.age-check__logo {
    width: 18.51852%;
    position: absolute;
    top: 3em;
    left: 5%
}

@media screen and (max-width: +49.9375em) {
    .age-check__logo {
        width: 7em;
        top: 1em;
        left: 10%
    }
}

@media screen and (max-width: +37.4375em) {
    .age-check__logo {
        left: 1em
    }
}

.age-check__content {
    padding-left: 33.33333%;
    position: relative;
    z-index: 100
}

@media screen and (max-width: +49.9375em) {
    .age-check__content {
        padding-top: 8em;
        padding-left: 10%
    }
}

@media screen and (max-width: +37.4375em) {
    .age-check__content {
        padding-left: 0
    }
}

.age-check__title {
    font-size: 1.5em
}

.age-check__message {
    font-size: 1em;
    margin: 0.5em 0 1em
}

.date-element {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.date-element label {
    font-size: 14px;
    color: #c6876d;
    display: block;
    padding-left: 1px;
    overflow: hidden
}

.date-element input {
    font-family: "museo-slab", sans-serif;
    font-size: 1.3125em;
    font-weight: 500;
    width: 4em;
    margin-bottom: 0.2em;
    padding: 0.2em 0.3em;
    background-color: white;
    border: none;
    border-radius: 0.2em
}

@media screen and (max-width: +37.4375em) {
    .date-element input {
        font-size: 1.2em
    }
}

.age-check .form {
    text-align: center;
    display: inline-block
}

.age-check .enter {
    font-size: 1.5em;
    margin-top: 0.5em;
    display: block
}

.age-check .enter a {
    color: #f6f0e1;
    text-decoration: none;
    padding: 0 0.5em;
    display: inline-block;
    line-height: 1.5;
    background-color: #4a2a1d;
    border: solid 2px #4a2a1d
}

.age-check .baffos {
    margin-top: -4em;
    padding-left: 31%;
    background-image: url(../img/age-check/dots.png);
    background-position: center bottom;
    background-position: center 0 bottom 5px;
    background-repeat: no-repeat
}

@media screen and (max-width: 1100px) {
    .age-check .baffos {
        margin-top: 0
    }
}

@media screen and (max-width: +49.9375em) {
    .age-check .baffos {
        padding-left: 5%
    }
    .age-check .form{
        width: 100%;
    }
    .age-check__container .date-element{
        float: left;
        margin: 0 3px 0 0;
    }
    .age-check__title {
        font-size: 1.0em
    }
    .age-check .enter{
        float: right;
        margin: 0.7em 0 0 0.3em;
        text-align: right;
    }
        .age-check .enter a{
            padding: 0 0.3em;
            font-size: 18px;
            text-align: right;
        }
}

@media screen and (max-width: +37.4375em) {
    .age-check .baffos {
        padding-left: 5%
    }
}

.age-check .baffo {
    width: 38%;
    margin-left: 30%;
    display: inline-block;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media screen and (max-width: 1100px) {
    .age-check .baffo {
        margin-left: 5%
    }
}

@media screen and (max-width: +56.1875em) {
    .age-check .baffo {
        margin-left: 10%
    }
}

@media screen and (max-width: +37.4375em) {
    .age-check .baffo {
        width: 48%;
        margin-left: 0
    }
}

.age-check .error, .age-check .ok {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.age-check .show .error, .age-check .show .ok {
    opacity: 1
}

.age-check .couple {
    position: absolute;
    right: 200%;
    visibility: hidden
}

.age-check .couple.show {
    position: static;
    visibility: visible
}

.hiding.age-check {
    opacity: 0
}

.banner-save-beer {
    width: 20%;
    position: absolute;
    left: 5%;
    bottom: 3em
}

@media screen and (max-width: +49.9375em) {
    .banner-save-beer {
        width: auto;
        position: static;
        margin-top: 1em
    }
}

.paesecoibaffi .deco-arrow {
    width: 60%;
    position: absolute;
    bottom: 105%;
    right: 48%
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi .deco-arrow {
        display: none
    }
}

.paesecoibaffi .deco-look {
    width: 42%;
    position: absolute;
    bottom: 100%;
    right: 0
}

@media screen and (max-width: +37.4375em) {
    .paesecoibaffi .deco-look {
        width: 50%
    }
}

.paesecoibaffi .deco-separator {
    width: 35%;
    margin-top: 1em;
    margin-bottom: 2em
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi .deco-separator {
        width: 50%
    }
}

@media screen and (max-width: +37.4375em) {
    .paesecoibaffi .deco-separator {
        width: 75%
    }
}

.paesecoibaffi__title {
    text-align: center;
    margin: 0 auto
}

.paesecoibaffi-intro {
    font-family: "museo-slab", sans-serif
}

.paesecoibaffi-intro .grid__item {
    font-family: "museo-slab", sans-serif
}

.paesecoibaffi-intro .deco-baffi {
    width: 40%;
    max-width: 7.5em;
    margin: 1em auto;
    display: block
}

.paesecoibaffi-intro .paesecoibaffi__title {
    font-size: 1em;
    max-width: 38.25em;
    margin-bottom: 2em
}

.paesecoibaffi-videos .paesecoibaffi__title {
    font-size: 1em;
    max-width: 40.75em;
    margin: 0 auto
}

.paesecoibaffi-intro__item {
    text-align: center
}

.paesecoibaffi-intro__item p {
    font-size: 1.125em;
    line-height: 1.5;
    text-align: center
}

.paesecoibaffi-intro__item__title {
    font-size: 1.4375em;
    text-align: right;
    white-space: nowrap;
    margin-top: 2em;
    margin-bottom: 1.5em;
    padding-left: 1em;
    padding-right: 6em;
    position: relative;
    z-index: 1
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi-intro__item__title {
        text-align: center;
        max-width: 12.17391em;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        border-bottom: 1px solid #8d2636
    }
}

.reversed .paesecoibaffi-intro__item__title {
    text-align: left;
    padding-left: 6em;
    padding-right: 1em
}

@media screen and (max-width: +49.9375em) {
    .reversed .paesecoibaffi-intro__item__title {
        text-align: center;
        padding: 0
    }
}

.paesecoibaffi-intro__item__title .deco-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi-intro__item__title .deco-title {
        display: none
    }
}

.paesecoibaffi-intro__item__title .deco-title:after {
    content: "";
    width: 10em;
    position: absolute;
    bottom: 0;
    right: 3.5em;
    border-bottom: 1px solid #8d2636
}

.reversed .paesecoibaffi-intro__item__title .deco-title:after {
    left: 3.5em;
    right: auto
}

.paesecoibaffi-intro__item__title .deco-title img {
    width: auto;
    max-width: inherit;
    height: 100%;
    max-width: inherit;
    position: absolute;
    top: 0;
    right: 0
}

.reversed .paesecoibaffi-intro__item__title .deco-title img {
    left: 0;
    right: auto
}

.paesecoibaffi-videos__header {
    margin: 2em 0
}

.paesecoibaffi-video {
    overflow: hidden
}

.paesecoibaffi-video .video-container {
    width: 50%;
    margin: 0;
    margin-top: -10%;
    margin-left: 50%;
    padding: 0
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi-video .video-container {
        width: 100%;
        margin-top: 12%;
        margin-left: 0
    }
}

.paesecoibaffi-video .video-container .video-content {
    margin: 0;
    padding: 0
}

.paesecoibaffi-video .video-container .video-content__embed {
    position: absolute;
    top: 3%;
    bottom: 3%;
    right: 2%;
    left: 2%
}

.paesecoibaffi-video .deco-border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.paesecoibaffi-video .video__quote {
    text-align: center;
    color: #d1a23c;
    position: absolute;
    bottom: 136%;
    left: 15%;
    right: 5%;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg)
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi-video .video__quote {
        margin-top: 1.5em;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.paesecoibaffi-video .video__quote > * {
    font-size: 130%;
    text-transform: uppercase;
    line-height: 1.5
}

.paesecoibaffi-video:nth-child(2n) .deco-separator {
    float: right
}

.paesecoibaffi-video__character {
    width: 50%
}

@media screen and (max-width: +49.9375em) {
    .paesecoibaffi-video__character {
        width: 120%;
        margin-left: -10%
    }
}

.gallery-item:nth-child(3n+1) {
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg)
}

.gallery-item:nth-child(3n+2) {
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg)
}

.gallery-item:nth-child(3n+3) {
    -webkit-transform: rotate(-0.5deg);
    -ms-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg)
}

.js .fel--slide-up {
    opacity: 0;
    -webkit-transform: translateY(100px) rotate(-3deg);
    -ms-transform: translateY(100px) rotate(-3deg);
    transform: translateY(100px) rotate(-3deg);
    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.js .fel--slide-up.active {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
}

.js .gallery-item:nth-child(3n+1).active {
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg)
}

.js .gallery-item:nth-child(3n+2).active {
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg)
}

.js .gallery-item:nth-child(3n+3).active {
    -webkit-transform: rotate(-0.5deg);
    -ms-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg)
}

.beer__nutritional-sheet-ingredients {
    padding-bottom: 0.5em;
    margin: -0.4em 0.7em 0;
    border-bottom: 1px solid #f6f0e1;
}

.beer__nutritional-sheet-ingredients label {
    display: inline-block;
    font-size: 1.125em;
}

.beer__nutritional-sheet-ingredients p {
    font-size: 1.065em;
}

.beer__nutritional-sheet-ingredients p strong {
    font-weight: bold;
}

table.responsive th{
    font-size:12px;
}
table.responsive td{
    font-size:10px;
}

/*body.homepage > div.content.homepage__boxes > div:nth-child(3) > div:nth-child(1) {
    display: none;
}*/
#sorbillo .col-md-6{width:50%; float:left;}
#sorbillo .big-letter{font-size: 60px; float: left; line-height: 49px; margin-right: 5px; font-weight:900}
#sorbillo .justify-xs{text-align:center}
#sorbillo .p-text{line-height: 1.68;padding-top:20px}
#sorbillo .img{max-width:350px!important; margin:auto!important}
@media screen and (max-width: 768px) {
#sorbillo .col-md-6{width:100%; float:left;}
#sorbillo .justify-xs{text-align:justify}
}