a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    padding-bottom: 12rem
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img:not([src]) {
    display: none
}

html.scroll-lock {
    height: 100vh;
    overflow: hidden
}

html {
    font-size: 40%
}

@media only screen and (min-width: 768px) {
    html {
        font-size: 62.5%
    }
}

body {
    color: #b2b2b2;
    font-size: 2.4rem;
    font-weight: 200;
    line-height: 1.6
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Raleway, Arial, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 900
}

h1, h2 {
    line-height: 1.1
}

h3, h4 {
    line-height: 1.3
}

h1 {
    font-size: 200%
}

h2 {
    font-size: 180%
}

h3 {
    font-size: 150%
}

h4 {
    font-size: 125%
}

h5 {
    font-size: 110%
}

h1 {
    text-transform: uppercase;
    margin-bottom: 6rem
}

blockquote {
    font-size: 4.8rem;
    font-family: Adobe Garamond Pro, Georgia, serif;
    font-weight: 900;
    font-style: italic;
    line-height: 1.6
}

strong {
    font-weight: 900;
    -webkit-font-variant-ligatures: no-common-ligatures;
    font-variant-ligatures: no-common-ligatures
}

.fixed, code, pre {
    font-family: Raleway, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.2
}

.quiet {
    color: #999
}

.bold, .loud {
    color: #202020
}

.success {
    color: #4f8
}

.info {
    color: #48f
}

.warning {
    color: #fd4
}

.error {
    color: #f45
}

.italic {
    font-style: italic
}

.bold {
    font-weight: 700
}

.block-margins, ol, p, pre, ul {
    margin: 1em 0
}

.unordered-list, ul {
    list-style-type: disc
}

.ordered-list, ol {
    list-style: decimal
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

a {
    color: #db424c
}

.button, a, a:focus, a:hover {
    text-decoration: none
}

.button {
    font-family: Raleway, Arial, sans-serif;
    font-weight: 900;
    display: inline-block;
    color: #db424c;
    border: .4rem solid #db424c;
    padding: 1em 1.5em;
    text-transform: uppercase;
    background: transparent;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    outline: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box
}

.button:focus, .button:hover {
    text-decoration: none;
    background: #db424c;
    color: #fff;
    box-shadow: 0 .8rem 2.4rem -1.2rem #db424c
}

.button.active, .button:active {
    background: #d12833;
    border-color: #d12833
}

.button .fa, .button span {
    position: relative;
    z-index: 3
}

.button .fa + span {
    margin-left: 1em
}

.button.button--block {
    display: block;
    width: 100%
}

.button.button--small {
    font-size: 1.2rem
}

.button, .button.button--medium {
    font-size: 1.6rem
}

.button.button--big {
    font-size: 2.4rem
}

.button.button--huge {
    font-size: 3rem
}

.app .section {
    position: relative;
    padding: 12rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.app .section .certs-box {
    padding: 6rem 0;
    background: #fff;
    box-sizing: border-box;
    max-width: 40rem;
    margin: 4rem auto
}

.app .section .certs-box img {
    max-width: 90%
}

.app .section .emp-link {
    color: currentColor;
    font-size: 50%;
    font-weight: 900;
    text-transform: uppercase
}

.app .section .emp-link i + span {
    margin-left: 1em
}

.app .section > .section--after-crop, .app .section > .section--before-crop {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    height: 0;
    overflow: visible;
    padding-bottom: 6%
}

.app .section > .section--after-crop svg, .app .section > .section--before-crop svg {
    position: absolute;
    left: 0;
    fill: #fff
}

.app .section > .section--before-crop {
    top: -1px
}

.app .section > .section--after-crop {
    display: none;
    bottom: -1px
}

.app .section.section--full-bg {
    padding: 18rem 0
}

.app .section.section--full-bg > .section--after-crop {
    display: block
}

.app .section.section--full-bg + .section > .section--before-crop {
    display: none
}

.app .section, .app .section.section--img {
    background-color: transparent;
    background-size: cover;
    color: #fff
}

.app .section.section--white {
    background-color: #fff;
    color: #777
}

.app .section.section--white h1, .app .section.section--white strong {
    color: #202020
}

.app .section.section--white + .section > .section--before-crop svg, .app .section.section--white > .section--after-crop svg {
    fill: #fff
}

.app .section.section--red {
    background-color: #db424c;
    color: #fff
}

.app .section.section--red + .section > .section--before-crop svg, .app .section.section--red > .section--after-crop svg {
    fill: #db424c
}

.app .section.section--green {
    background-color: #71b359;
    color: #fff
}

.app .section.section--green + .section > .section--before-crop svg, .app .section.section--green > .section--after-crop svg {
    fill: #71b359
}

.app .section:first-child > .section--before-crop, .app .section:last-child > .section--after-crop {
    display: none
}

.app .section .section--content {
    position: relative;
    z-index: 5;
    background-repeat: no-repeat;
    padding: 0 3rem
}

.app .section .section--content > h1 {
    text-align: center;
    max-width: 104rem;
    margin: auto
}

@media only screen and (min-width: 768px) {
    .app .section .section--content > h1 {
        text-align: left
    }
}

.app .section .section--content > h1.text-center {
    text-align: center
}

.app .section .section--content > h1 + * {
    margin-top: 6rem
}

.app .section.section--intro .section--content {
    padding: 0
}

.app .section.section--history .section--content {
    background-size: contain;
    background-position: 3rem
}

.app .section.section--map .section--content {
    min-height: 34rem;
    background-size: 100%;
    background-position: 50%
}

.app .section.section--quote {
    background-position: bottom
}

.app .section.section--new-products {
    background-size: 37rem;
    background-position: right bottom -10rem
}

.app .section.section--new-products .section--after-crop svg {
    fill: #db424c
}

.app .section.section--all-products {
    background-size: 64rem;
    background-position: right -10rem top 50rem
}

.app .section.section--all-products .section--after-crop svg {
    fill: #fff
}

.app .section.section--places .section--content {
    background-size: contain;
    background-position: 100%
}

.app .section.section--certs .section--content h1 {
    text-align: center
}

.app .section.section--nav {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.app .section.section--nav .section--content {
    padding-left: 3rem;
    padding-right: 3rem
}

.app .layout-wrapper {
    display: block;
    max-width: 104rem;
    margin: auto
}

.app .layout-wrapper .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -1.5rem
}

.app .layout-wrapper .layout.layout--align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.app .layout-wrapper .layout .layout--item {
    margin: 1.5rem
}

.app .layout-wrapper .layout .layout--item.layout--item--full {
    width: calc(100% - 3rem)
}

.app .layout-wrapper .layout .layout--item.layout--item--grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width: 1169px) {
    .app .layout-wrapper .layout .layout--item.layout--item--hide-under-wide-screen {
        display: none
    }
}

@media only screen and (min-width: 1170px) {
    .app .layout-wrapper .layout .layout--item.layout--item--hide-wide-screen {
        display: none
    }
}

.app .layout-wrapper .layout, .app .layout-wrapper .layout.layout--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.app .layout-wrapper .layout.layout--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.app .layout-wrapper .layout.layout--row .layout--item.layout--item--weight-one {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.app .layout-wrapper .layout.layout--row .layout--item.layout--item--weight-two {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.app .layout-wrapper .layout.layout--row .layout--item.layout--item--weight-three {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

@media only screen and (min-width: 768px) {
    .app .layout-wrapper .layout.layout--row-medium-screens {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .app .layout-wrapper .layout.layout--row-medium-screens .layout--item.layout--item--weight-one {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .app .layout-wrapper .layout.layout--row-medium-screens .layout--item.layout--item--weight-two {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .app .layout-wrapper .layout.layout--row-medium-screens .layout--item.layout--item--weight-three {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
}

@media only screen and (min-width: 1170px) {
    .app .layout-wrapper .layout.layout--row-wide-screens {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .app .layout-wrapper .layout.layout--row-wide-screens .layout--item.layout--item--weight-one {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .app .layout-wrapper .layout.layout--row-wide-screens .layout--item.layout--item--weight-two {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .app .layout-wrapper .layout.layout--row-wide-screens .layout--item.layout--item--weight-three {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
}

.app blockquote.quote {
    position: relative;
    max-width: 120rem;
    margin: 20rem auto 0;
    opacity: 0;
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem);
    -webkit-transition: all .75s cubic-bezier(0, .9, .5, 1);
    transition: all .75s cubic-bezier(0, .9, .5, 1)
}

.app blockquote.quote .quote--text-container {
    position: relative;
    z-index: 4;
    margin-left: 6rem;
    color: #fff
}

.app blockquote.quote .quote--text-container span {
    line-height: 1.5em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media only screen and (min-width: 768px) {
    .app blockquote.quote .quote--text-container {
        margin-left: 8rem
    }
}

.app blockquote.quote .quote--base-container {
    position: absolute;
    top: 0;
    z-index: 3;
    margin: 1rem 0 0 6rem;
    color: transparent
}

.app blockquote.quote .quote--base-container span {
    background: #202020;
    box-shadow: 10px 0 0 #202020, -10px 0 0 #202020
}

@media only screen and (min-width: 768px) {
    .app blockquote.quote .quote--base-container {
        margin-left: 8rem
    }
}

.app blockquote.quote:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -5rem;
    right: 2rem;
    border-color: transparent transparent #db424c;
    border-width: 0 9rem 9rem;
    border-style: dotted dotted solid;
    opacity: 0;
    -webkit-transform: translate3d(1rem, -1rem, 1px) rotate(0deg);
    transform: translate3d(1rem, -1rem, 1px) rotate(0deg);
    -webkit-transition: all .75s cubic-bezier(0, .9, .5, 1) .75s;
    transition: all .75s cubic-bezier(0, .9, .5, 1) .75s
}

@media only screen and (min-width: 768px) {
    .app blockquote.quote:before {
        right: 5rem;
        border-width: 0 18rem 18rem
    }
}

.app blockquote.quote:after {
    content: '';
    display: block;
    width: 6rem;
    height: 6rem;
    position: absolute;
    top: -4rem;
    left: 0;
    background: url(/35anni/images/double-quote-e79d30200437ab33851e3fee1ce7edbd.svg) no-repeat 50%;
    background-size: contain
}

@media only screen and (min-width: 768px) {
    .app blockquote.quote:after {
        width: 8rem
    }
}

.app .section--viewed blockquote.quote {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.app .section--viewed blockquote.quote:before {
    opacity: 1;
    -webkit-transform: translateZ(1px) rotate(-30deg);
    transform: translateZ(1px) rotate(-30deg)
}

.app .map {
    width: 100%;
    height: 60rem;
    display: block;
    margin: auto;
    opacity: 0;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem);
    -webkit-transition: all .75s cubic-bezier(0, .9, .5, 1);
    transition: all .75s cubic-bezier(0, .9, .5, 1)
}

@media only screen and (min-width: 768px) {
    .app .map {
        width: 41.2rem
    }
}

.app .map .marker .shadow, .app .map .marker .shock {
    -webkit-animation: .75s cubic-bezier(.1, .25, 1, .25) both;
    animation: .75s cubic-bezier(.1, .25, 1, .25) both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.app .map .marker .shock {
    -webkit-animation-name: a;
    animation-name: a
}

.app .map .marker .shadow {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.app .map .marker.marker-av .shadow, .app .map .marker.marker-av .shock {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.app .map .marker.marker-ce .shadow, .app .map .marker.marker-ce .shock {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.app .map.loaded {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.app .map.loaded .marker .shadow, .app .map.loaded .marker .shock {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.app .section--viewed .map {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.app .section--viewed .map .marker .shadow, .app .section--viewed .map .marker .shock {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    60%, 80%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    70% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }
    90% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    to {
        opacity: 1
    }
}

@keyframes a {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    60%, 80%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    70% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }
    90% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
    60%, 80%, to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .7
    }
    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .9
    }
}

@keyframes b {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
    60%, 80%, to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .7
    }
    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .9
    }
}

.app .gallery {
    width: 100%;
    max-width: 104rem;
    margin: auto;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .app .gallery {
        padding: 0 4rem
    }
}

.app .gallery .gallery--item {
    position: relative
}

.app .gallery .gallery--item:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 53.33333%
}

.app .gallery .gallery--item > .gallery--item--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.app .gallery .gallery--item.gallery--item--clickable {
    cursor: pointer
}

.app .gallery .gallery--item .gallery--item--content {
    background-position: 50%;
    background-size: cover
}

.app .gallery .gallery--item .gallery--item--content .gallery--item--caption {
    background: hsla(0, 0%, 100%, .75);
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 3rem;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.6rem;
    color: #777;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app .gallery .gallery--item .gallery--item--content .gallery--item--caption .gallery--item--caption--text + .gallery--item--caption--link {
    margin-top: 1rem
}

@media only screen and (min-width: 768px) {
    .app .gallery .gallery--item .gallery--item--content .gallery--item--caption {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
        padding: 5rem
    }

    .app .gallery .gallery--item .gallery--item--content .gallery--item--caption .gallery--item--caption--text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .app .gallery .gallery--item .gallery--item--content .gallery--item--caption .gallery--item--caption--link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20rem;
        flex: 0 0 20rem
    }

    .app .gallery .gallery--item .gallery--item--content .gallery--item--caption .gallery--item--caption--text + .gallery--item--caption--link {
        margin: 0 0 0 1rem
    }
}

.app .gallery.gallery--small .gallery--item {
    min-height: 18rem
}

.app .gallery.gallery--small .gallery--item .gallery--item--caption {
    padding: 1rem
}

.app .gallery.gallery--small .gallery--item .gallery--item--caption .gallery--item--caption--text {
    font-size: 2.4rem
}

@media only screen and (max-width: 768px) {
    .app .gallery .slider-decorator-0, .app .gallery .slider-decorator-1 {
        bottom: 0;
        -webkit-transform: translateY(5.5rem) !important;
        transform: translateY(5.5rem) !important;
        top: auto !important
    }
}

.app .gallery .gallery--arrow.gallery--arrow-left, .app .gallery .gallery--arrow.gallery--arrow-right {
    cursor: pointer;
    opacity: .75;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.app .gallery .gallery--arrow.gallery--arrow-left:focus, .app .gallery .gallery--arrow.gallery--arrow-left:hover, .app .gallery .gallery--arrow.gallery--arrow-right:focus, .app .gallery .gallery--arrow.gallery--arrow-right:hover {
    opacity: 1
}

.app .gallery .gallery--arrow.gallery--arrow-left.gallery--arrow--disabled, .app .gallery .gallery--arrow.gallery--arrow-right.gallery--arrow--disabled {
    cursor: not-allowed;
    opacity: .25
}

.app .gallery .gallery--arrow.gallery--arrow-left:after, .app .gallery .gallery--arrow.gallery--arrow-right:after {
    content: '';
    display: block;
    width: 0;
    height: 0
}

.app .gallery .gallery--arrow.gallery--arrow-left:after {
    border-color: transparent;
    border-width: 1.2rem 2.4rem 1.2rem 0;
    border-style: solid
}

.app .gallery .gallery--arrow.gallery--arrow-right:after {
    border-color: transparent;
    border-width: 1.2rem 0 1.2rem 2.4rem;
    border-style: solid
}

.app .gallery .gallery--dot-cursor {
    text-align: center;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem)
}

.app .gallery .gallery--dot-cursor .gallery--dot-cursor--dot {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    opacity: .25;
    border-radius: 50%;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    cursor: pointer
}

.app .gallery .gallery--dot-cursor .gallery--dot-cursor--dot + .gallery--dot-cursor--dot {
    margin-left: 1rem
}

.app .gallery .gallery--dot-cursor .gallery--dot-cursor--dot.gallery--dot-cursor--dot--active {
    opacity: .75
}

.app .gallery .gallery--arrow.gallery--arrow-left:after, .app .gallery.gallery--white .gallery--arrow.gallery--arrow-left:after {
    border-right-color: #fff
}

.app .gallery .gallery--arrow.gallery--arrow-right:after, .app .gallery.gallery--white .gallery--arrow.gallery--arrow-right:after {
    border-left-color: #fff
}

.app .gallery .gallery--dot-cursor .gallery--dot-cursor--dot, .app .gallery.gallery--white .gallery--dot-cursor .gallery--dot-cursor--dot {
    background: #fff
}

.app .gallery.gallery--black .gallery--arrow.gallery--arrow-left:after {
    border-right-color: #202020
}

.app .gallery.gallery--black .gallery--arrow.gallery--arrow-right:after {
    border-left-color: #202020
}

.app .gallery.gallery--black .gallery--dot-cursor .gallery--dot-cursor--dot {
    background: #202020
}

.app .zoomout {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-1000%);
    transform: translateX(-1000%);
    -webkit-transition: opacity .25s ease-out, -webkit-transform .25s ease-out .25s;
    transition: opacity .25s ease-out, -webkit-transform .25s ease-out .25s;
    transition: opacity .25s ease-out, transform .25s ease-out .25s;
    transition: opacity .25s ease-out, transform .25s ease-out .25s, -webkit-transform .25s ease-out .25s;
    z-index: 5;
    pointer-events: none
}

.app .zoomout > .gallery {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4
}

.app .zoomout .zoomout--overlay {
    display: block;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.app .zoomout .zoomout--close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 2rem;
    width: 2rem;
    height: 2rem;
    z-index: 4;
    cursor: pointer
}

.app .zoomout .zoomout--close span {
    width: .4rem;
    height: 2rem;
    background-color: #fff;
    display: block;
    position: absolute;
    left: .8rem
}

.app .zoomout .zoomout--close span:first-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.app .zoomout .zoomout--close span:last-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 768px) {
    .app .zoomout.zoomout--active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .25s ease-out .25s, -webkit-transform .25s ease-out;
        transition: opacity .25s ease-out .25s, -webkit-transform .25s ease-out;
        transition: opacity .25s ease-out .25s, transform .25s ease-out;
        transition: opacity .25s ease-out .25s, transform .25s ease-out, -webkit-transform .25s ease-out;
        pointer-events: auto
    }
}

.app .plant {
    color: #202020;
    opacity: 0;
    -webkit-transform: translateX(20rem);
    transform: translateX(20rem);
    -webkit-transition: all .5s cubic-bezier(0, .9, .5, 1) .75s;
    transition: all .5s cubic-bezier(0, .9, .5, 1) .75s
}

.app .plant .plant--thumb {
    width: 35%;
    height: 14rem;
    float: left;
    opacity: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transition: .4s cubic-bezier(0, .9, .5, 1) 1.25s;
    transition: .4s cubic-bezier(0, .9, .5, 1) 1.25s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    background-size: cover;
    background-position: 50%
}

.app .plant .plant--content {
    display: inline-block;
    position: relative;
    padding: 2rem;
    margin-left: 2rem;
    width: calc(65% - 6rem)
}

.app .plant .plant--title {
    position: relative;
    z-index: 1;
    font-weight: 900;
    font-size: 3rem;
    line-height: 1
}

.app .plant .plant--city {
    margin-top: 1rem
}

.app .plant .plant--city, .app .plant .plant--division {
    position: relative;
    z-index: 1;
    font-size: 2.4rem;
    line-height: 1.1
}

.app .plant .plant--triangle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 18rem;
    height: 14rem;
    fill: #db424c
}

.app .plant + .plant {
    margin-top: 6rem;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.app .plant + .plant .plant--thumb {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

.app .section--viewed .plant {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.app .section--viewed .plant--thumb {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.app .history-shoot {
    position: relative;
    width: 100%;
    max-width: 36rem;
    margin: auto
}

.app .history-shoot .history-shoot--image {
    display: block;
    width: 100%;
    opacity: 0;
    box-shadow: 0 0 0 transparent;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    -webkit-transition: opacity .75s cubic-bezier(0, .9, .5, 1) .75s, box-shadow .75s cubic-bezier(0, .9, .5, 1) 1.5s, -webkit-transform .75s cubic-bezier(0, .9, .5, 1) 1.5s;
    transition: opacity .75s cubic-bezier(0, .9, .5, 1) .75s, box-shadow .75s cubic-bezier(0, .9, .5, 1) 1.5s, -webkit-transform .75s cubic-bezier(0, .9, .5, 1) 1.5s;
    transition: opacity .75s cubic-bezier(0, .9, .5, 1) .75s, box-shadow .75s cubic-bezier(0, .9, .5, 1) 1.5s, transform .75s cubic-bezier(0, .9, .5, 1) 1.5s;
    transition: opacity .75s cubic-bezier(0, .9, .5, 1) .75s, box-shadow .75s cubic-bezier(0, .9, .5, 1) 1.5s, transform .75s cubic-bezier(0, .9, .5, 1) 1.5s, -webkit-transform .75s cubic-bezier(0, .9, .5, 1) 1.5s
}

.app .history-shoot .history-shoot--caption {
    display: block;
    width: 22rem;
    height: 19rem;
    position: absolute;
    left: 50%;
    bottom: -10rem;
    z-index: 3;
    color: #fff;
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(-50%);
    transform: rotate(-5deg) translateX(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .5s cubic-bezier(0, .9, .5, 1) 2.25s;
    transition: .5s cubic-bezier(0, .9, .5, 1) 2.25s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.app .history-shoot .history-shoot--caption .history-shoot--caption--text {
    width: 60%;
    text-align: center;
    line-height: 1.1;
    position: absolute;
    top: 46%;
    left: 57%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.app .history-shoot .history-shoot--caption .history-shoot--caption--triangle {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    fill: #db424c
}

.app .section--viewed .history-shoot .history-shoot--image {
    opacity: 1;
    box-shadow: -1rem 1rem 0 #202020;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.app .section--viewed .history-shoot .history-shoot--caption {
    opacity: 1;
    -webkit-transform: rotate(0) translateX(-50%);
    transform: rotate(0) translateX(-50%)
}

.app .history-sequence {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-top: 12rem;
    padding: 0;
    text-align: center
}

@media only screen and (min-width: 1170px) {
    .app .history-sequence {
        margin-top: 6rem
    }
}

.app .history-sequence li {
    max-width: 21rem;
    -ms-flex-preferred-size: 16.66%;
    flex-basis: 16.66%
}

.app .history-sequence li img {
    width: 100%;
    opacity: 0;
    -webkit-transform: translate(-10%, -10%);
    transform: translate(-10%, -10%);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.app .history-sequence li + li {
    margin-left: 2rem
}

.app .history-sequence li:nth-child(1) img {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.app .history-sequence li:nth-child(2) img {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.app .history-sequence li:nth-child(3) img {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.app .history-sequence li:nth-child(4) img {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.app .history-sequence li:nth-child(5) img {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.app .history-sequence li:nth-child(6) img {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

.app .section--viewed .history-sequence img {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.app .intro .intro--logo-container {
    background: #fff;
    padding: 3rem
}

.app .intro .intro--logo-container .intro--logo {
    width: 100%;
    max-width: 38.4rem;
    height: 16rem;
    margin: auto;
    position: relative
}

.app .intro .intro--logo-container .intro--logo .intro--logo--base {
    width: 72.92%;
    height: 16rem;
    position: absolute;
    background: url(/35anni/images/logo-base-db832d8a433f67cb790cacba840cc708.png) no-repeat 100%;
    background-size: contain;
    opacity: 0;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    -webkit-transition: .5s ease-in-out 1s;
    transition: .5s ease-in-out 1s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.app .intro .intro--logo-container .intro--logo .intro--logo--anniversary {
    width: 37.5%;
    height: 16rem;
    position: absolute;
    left: 62.5%;
    background: url(/35anni/images/logo-35-69ce7374f171b7642b1c480c7549d3b2.png) no-repeat 0;
    background-size: contain;
    opacity: 0;
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
    -webkit-transition: .5s ease-in-out 1.5s;
    transition: .5s ease-in-out 1.5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.app .intro .intro--after-crop, .app .intro .intro--before-crop {
    display: block;
    position: relative;
    height: 0;
    overflow: visible;
    padding-bottom: 4.99%
}

.app .intro .intro--after-crop svg, .app .intro .intro--before-crop svg {
    position: absolute;
    left: 0
}

.app .intro .intro--before-crop {
    bottom: -1px
}

.app .intro .intro--after-crop {
    top: -1px
}

.app .section--viewed .intro--logo-container .intro--logo .intro--logo--base {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.app .section--viewed .intro--logo-container .intro--logo .intro--logo--anniversary {
    opacity: 1;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.app .products-directory {
    min-height: 72rem
}

.app .products-directory ul.products-directory--filter-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 5.7rem 0 0
}

@media only screen and (min-width: 768px) {
    .app .products-directory ul.products-directory--filter-list {
        width: 12.8rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.app .products-directory ul.products-directory--filter-list li {
    display: block
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat {
    width: 9rem;
    height: 9rem;
    border: .4rem solid transparent;
    cursor: pointer;
    margin: 1.5rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: border-color .25s ease-out;
    transition: border-color .25s ease-out
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat.active, .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:active, .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:focus, .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:hover {
    border-color: #fff
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:after {
    display: none
}

@media only screen and (min-width: 768px) {
    .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:after {
        display: block;
        width: 100%;
        font-size: 1.2rem;
        -webkit-transform: rotate(-90deg) translateY(0);
        transform: rotate(-90deg) translateY(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        text-align: center;
        -webkit-transition: -webkit-transform .25s ease-in-out;
        transition: -webkit-transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
    }

    .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat.active:after, .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:active:after, .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:focus:after, .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat:hover:after {
        -webkit-transform: rotate(-90deg) translateY(.6rem);
        transform: rotate(-90deg) translateY(.6rem)
    }
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--line-break {
    width: 100%;
    height: 0
}

@media only screen and (min-width: 768px) {
    .app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--line-break {
        display: none
    }
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--ghost-cat {
    width: 9rem;
    height: 0;
    border: .4rem solid transparent;
    margin: 0 1.5rem
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-low-volt {
    background-image: url(/35anni/images/products-cat-low-volt-144fa2e072ddaabb61e42479402e88b4.png)
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-low-volt:after {
    content: 'LV'
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-mid-volt {
    background-image: url(/35anni/images/products-cat-mid-volt-18bf21c627c75aa3346cd904d1205f37.png)
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-mid-volt:after {
    content: 'MV'
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-high-volt {
    background-image: url(/35anni/images/products-cat-high-volt-84ba708cb6dd451ad6628ed16e090540.png)
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-high-volt:after {
    content: 'HV'
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-printed {
    background-image: url(/35anni/images/products-cat-printed-b211502771e68034ea70d8c39eae6a88.png)
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-printed:after {
    content: 'TUBES'
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-tape {
    background-image: url(/35anni/images/products-cat-tape-c69ff7c42b4bf674d111b96c824a664a.png)
}

.app .products-directory ul.products-directory--filter-list li.products-directory--filter-list--cat-tape:after {
    content: 'TAPES'
}

@media only screen and (min-width: 768px) {
    .app .products-directory .layout--item.layout--item--grow {
        -ms-flex-preferred-size: calc(100% - 15.8rem);
        flex-basis: calc(100% - 15.8rem)
    }
}

.app .products-directory .products-directory--filter-title {
    color: #fff;
    text-align: center;
    border-bottom: .4rem solid #fff
}

.app .products-directory .products-directory--subcat-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat-ghost {
    height: 0;
    margin: 0 1.5rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 768px) {
    .app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat-ghost {
        -ms-flex-preferred-size: 26rem;
        flex-basis: 26rem
    }
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #71b359;
    background-size: cover;
    margin: 1.5rem;
    position: relative
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat-enter {
    opacity: .01;
    max-width: 0;
    margin: 0
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat-enter.products-directory--subcat-grid--subcat-enter-active {
    opacity: 1;
    max-width: 100%;
    margin: 1.5rem;
    -webkit-transition: opacity .25s ease-in .25s, max-width .25s step-start .25s, margin .25s step-start .25s;
    transition: opacity .25s ease-in .25s, max-width .25s step-start .25s, margin .25s step-start .25s
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat-leave {
    opacity: 1
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat-leave.products-directory--subcat-grid--subcat-leave-active {
    opacity: .01;
    -webkit-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat--low-volt {
    background: #7fd;
    color: #777
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat--mid-volt {
    background: #3d8;
    color: #fff
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat--high-volt {
    background: #93c;
    color: #fff
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat--printed {
    background: #666;
    color: #fff
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat.products-directory--subcat-grid--subcat--tape {
    background: #fd0;
    color: #777
}

@media only screen and (min-width: 768px) {
    .app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat {
        -ms-flex-preferred-size: 26rem;
        flex-basis: 26rem
    }
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 78.57143%
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat > .products-directory--subcat-grid--subcat--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat .products-directory--subcat-grid--subcat--content {
    color: inherit;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat .products-directory--subcat-grid--subcat--content:focus, .app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat .products-directory--subcat-grid--subcat--content:hover {
    background: #fff;
    color: #777
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat .products-directory--subcat-grid--subcat--content .products-directory--subcat-grid--subcat--centered-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 4rem 2rem;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.app .products-directory .products-directory--subcat-grid .products-directory--subcat-grid--subcat .products-directory--subcat-grid--subcat--content .products-directory--subcat-grid--subcat--centered-content i.fa {
    display: block
}

.app nav.nav {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 8;
    max-height: 100vh;
    -webkit-transition: bottom .25s ease-in-out;
    transition: bottom .25s ease-in-out
}

.app nav.nav.nav--hidden {
    bottom: -100%
}

.app nav.nav .nav--before-crop {
    position: relative;
    bottom: -3px;
    height: 0;
    overflow: visible;
    padding-bottom: 6%
}

@media only screen and (min-width: 768px) {
    .app nav.nav .nav--before-crop {
        bottom: -7px
    }
}

.app nav.nav .nav--before-crop svg {
    display: block;
    position: absolute
}

.app nav.nav .nav--before-crop svg:first-child {
    z-index: 7;
    fill: #db424c
}

.app nav.nav .nav--before-crop svg:last-child {
    z-index: 6;
    top: -4px;
    fill: #202020;
    opacity: .15
}

.app nav.nav .nav--content {
    background: #db424c;
    padding: 1rem 3rem 2rem
}

.app nav.nav .nav--content .nav--hamburger {
    width: 4.2rem;
    height: 3rem;
    margin: 0 auto 1rem;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

.app nav.nav .nav--content .nav--hamburger span {
    display: block;
    position: absolute;
    height: .6rem;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.app nav.nav .nav--content .nav--hamburger span:nth-child(even) {
    left: 50%
}

.app nav.nav .nav--content .nav--hamburger span:nth-child(odd) {
    left: 0
}

.app nav.nav .nav--content .nav--hamburger span:nth-child(1), .app nav.nav .nav--content .nav--hamburger span:nth-child(2) {
    top: 0
}

.app nav.nav .nav--content .nav--hamburger span:nth-child(3), .app nav.nav .nav--content .nav--hamburger span:nth-child(4) {
    top: 1.2rem
}

.app nav.nav .nav--content .nav--hamburger span:nth-child(5), .app nav.nav .nav--content .nav--hamburger span:nth-child(6) {
    top: 2.4rem
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(1), .app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(2), .app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(1) {
    left: .5rem;
    top: .9rem
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(2) {
    left: calc(50% - .5rem);
    top: .9rem
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(5) {
    left: .5rem;
    top: 2rem
}

.app nav.nav .nav--content .nav--hamburger.nav--hamburger--open span:nth-child(6) {
    left: calc(50% - .5rem);
    top: 2rem
}

.app nav.nav .nav--content .nav--list {
    list-style: none;
    margin: 0;
    max-height: 0;
    -webkit-transition: max-height .5s ease-in-out .1s;
    transition: max-height .5s ease-in-out .1s
}

.app nav.nav .nav--content .nav--list li.nav--item {
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .25s cubic-bezier(0, .9, .5, 1) .1s;
    transition: opacity .25s cubic-bezier(0, .9, .5, 1) .1s
}

.app nav.nav .nav--content .nav--list li.nav--item a {
    display: inline-block;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.2rem
}

.app nav.nav .nav--content .nav--list li.nav--item a:after {
    content: '';
    display: block;
    height: .4rem;
    width: 0;
    position: relative;
    top: -1rem;
    background-color: #fff;
    -webkit-transition: width .4s cubic-bezier(0, .9, .5, 1);
    transition: width .4s cubic-bezier(0, .9, .5, 1)
}

.app nav.nav .nav--content .nav--list li.nav--item a:focus:after, .app nav.nav .nav--content .nav--list li.nav--item a:hover:after {
    width: 100%
}

.app nav.nav .nav--content .nav--list li.nav--item.nav--item--emphasis a {
    color: #db424c;
    background: #fff;
    padding: 1rem 3rem;
    margin: 1rem 0;
    border: .4rem solid #fff;
    -webkit-transition: all .25s cubic-bezier(0, .9, .5, 1);
    transition: all .25s cubic-bezier(0, .9, .5, 1)
}

.app nav.nav .nav--content .nav--list li.nav--item.nav--item--emphasis a:after {
    display: none
}

.app nav.nav .nav--content .nav--list li.nav--item.nav--item--emphasis a:focus, .app nav.nav .nav--content .nav--list li.nav--item.nav--item--emphasis a:hover {
    color: #fff;
    background: #db424c
}

.app nav.nav .nav--content .nav--hamburger--open + .nav--list {
    max-height: 100vh
}

.app nav.nav .nav--content .nav--hamburger--open + .nav--list li.nav--item {
    opacity: 1
}

/*# sourceMappingURL=main-6ec44073630a71119df2.css.map*/