@font-face { font-family: 'Nexa'; src: url("/assets/fonts/Nexa-Book.eot"); src: url("/assets/fonts/Nexa-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Nexa-Book.woff2") format("woff2"), url("/assets/fonts/Nexa-Book.woff") format("woff"), url("/assets/fonts/Nexa-Book.ttf") format("truetype"), url("/assets/fonts/Nexa-Book.svg#Nexa-Book") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nexa'; src: url("/assets/fonts/NexaBold.eot"); src: url("/assets/fonts/NexaBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/NexaBold.woff2") format("woff2"), url("/assets/fonts/NexaBold.woff") format("woff"), url("/assets/fonts/NexaBold.ttf") format("truetype"), url("/assets/fonts/NexaBold.svg#NexaBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }

:root { font-size: 18px; }

body { font-size: 100%; font-family: "Nexa"; color: #444444; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { font-family: "Nexa"; color: #73131e; font-weight: bold; }

h1, h2, h3 { text-transform: uppercase; }

#site-content { margin: 100px auto; margin-top: 0; margin-bottom: 0; }

#site-content.container { max-width: 1920px; padding: 0; }

#site-content.container section { padding-left: 5%; padding-right: 5%; }

img { max-width: 100%; }

p { display: block; margin-bottom: 1rem; }

.bg-red { background-color: #73131e; color: #ffffff; }

.bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6 { color: #ffffff; }

.bg-red-gradient { background-image: linear-gradient(180deg, #73131e 0%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0.3) 100%); }

@media only screen and (min-width: 992px) { #site-content.container section { padding-left: 10%; padding-right: 10%; } .row { flex-direction: row; } }

/* Masthead */
#masthead { width: 100%; height: 100px; margin: 0 auto; position: fixed; top: 0; left: 0; z-index: 999999; }

#masthead .inner-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; height: 100%; padding: 1.5vh 5vw; background-color: #73131e; }

#masthead .inner-wrap #nav-brand { width: 30%; }

#masthead .inner-wrap #nav-brand .brand-img { max-width: 120px; height: 100%; }

#masthead .nav-list { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding-left: 0; }

#masthead .nav-list li { flex-grow: 1; }

#masthead .nav-list li a { font-weight: 400; color: #ffffff; }

#masthead .nav-list li a:hover { font-weight: 600; }

#masthead .nav-list li a:hover, #masthead .nav-list li a:visited { color: #ffffff; }

#masthead #nav-desktop { flex-direction: row; width: 70%; align-self: center; display: none; }

#masthead #nav-mobile { position: absolute; top: 0; left: 0; background: #73131e; }

#masthead #nav-mobile.collapsed { height: 0; width: 0; opacity: 0; transition: 0.5s ease all; }

#masthead #nav-mobile.collapsed .nav-list li { opacity: 0; transition: 0.5s ease opacity 0.5s; }

#masthead #nav-mobile:not(.collapsed) { width: 100vw; height: 100vh; opacity: 1; padding: 5%; display: flex; flex-direction: row; flex-wrap: nowrap; text-align: center; transition: 0.5s ease all; }

#masthead #nav-mobile:not(.collapsed) .nav-list li { opacity: 1; transition: 0.5s ease opacity 0.5s; }

#masthead #nav-mobile .nav-list { display: flex; flex-direction: column; flex-wrap: nowrap; margin: 0 auto; height: 100%; align-self: center; }

#masthead #nav-mobile .nav-list li { display: flex; flex-direction: row; flex-wrap: nowrap; flex-grow: 1; align-self: center; }

#masthead #nav-mobile .nav-list li a { align-self: center; }

#masthead #nav-btn { content: ""; width: 2rem; height: 2rem; position: absolute; right: calc( 5vw - 4px); border-radius: 1px; width: 50px; height: 50px; margin: calc( ( 100px - 50px ) / 2 - 1.5vh) 0; padding: 4px; z-index: 2; }

#masthead #nav-btn svg { -webkit-transition: all .5s; transition: all .5s; }

#masthead #nav-btn #top, #masthead #nav-btn #middle-up, #masthead #nav-btn #middle-down, #masthead #nav-btn #bottom { fill: none; stroke: #ffffff; stroke-width: 4; stroke-linecap: round; stroke-opacity: 1; stroke-dasharray: none; transition: transform .5s; }

#masthead #nav-btn.collapse #middle-up, #masthead #nav-btn.collapse #middle-down, #masthead #nav-btn.collapse #top, #masthead #nav-btn.collapse #bottom { -o-transform-origin: 21px 21px; -ms-transform-origin: 21px 21px; -moz-transform-origin: 21px 21px; transform-origin: 21px 21px; transition: transform .5s; }

#masthead #nav-btn.collapse #middle-up { -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

#masthead #nav-btn.collapse #middle-down { -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

#masthead #nav-btn.collapse #top { -o-transform: translate(200px); -ms-transform: translate(200px); -moz-transform: translate(200px); transform: translate(200px); }

#masthead #nav-btn.collapse #bottom { -o-transform: translate(-200px); -ms-transform: translate(-200px); -moz-transform: translate(-200px); transform: translate(-200px); }

#masthead #nav-btn.collapsed #middle-up, #masthead #nav-btn.collapsed #middle-down, #masthead #nav-btn.collapsed #top, #masthead #nav-btn.collapsed #bottom { -o-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; transform-origin: 0px 0px; transition: transform .5s; }

#masthead #nav-btn.collapsed #middle-up { -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }

#masthead #nav-btn.collapsed #middle-down { -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }

#masthead #nav-btn.collapsed #top { -o-transform: translate(0px); -ms-transform: translate(0px); -moz-transform: translate(0px); transform: translate(0px); }

#masthead #nav-btn.collapsed #bottom { -o-transform: translate(0px); -ms-transform: translate(0px); -moz-transform: translate(0px); transform: translate(0px); }

@media only screen and (min-width: 992px) { #masthead #nav-mobile, #masthead #nav-btn { display: none; } #masthead #nav-desktop { display: block; } }

#masthead.scrolled { height: 80px; }

/* Sections */
#hero { min-height: 100vh; background-color: #73131e; display: flex; flex-direction: column; }

#hero .hero-text { flex-grow: 1; align-content: center; font-size: 2.5rem; line-height: 3rem; color: #ffffff; text-transform: uppercase; text-align: center; font-weight: 700; }

#hero .hero-text .sub-head { font-size: 2rem; line-height: 2.2rem; font-weight: 400; text-transform: none; margin-top: 2rem; }

#hero .arrow-wrap { position: absolute; margin: 0 !important; padding: 0; bottom: 0; left: 0; height: 45px; }

#hero .arrow-wrap .arrow { position: absolute; width: 100%; }

#hero .arrow-wrap .arrow button { -webkit-appearance: none; background: transparent; border: 0; outline: 0; cursor: pointer; }

#hero .arrow-wrap .arrow svg { width: 75px; height: 30px; padding: 5px; }

#hero .arrow-wrap .arrow:hover polyline, #hero .arrow-wrap .arrow:focus polyline { stroke-width: 3; }

#hero .arrow-wrap .arrow:active polyline { stroke-width: 6; transition: all 100ms ease-in-out; }

#hero .arrow-wrap .arrow polyline { transition: all 250ms ease-in-out; }

#about p:last-of-type { margin-bottom: 0; }

section { padding-top: 90px; padding-bottom: 90px; }

section .v-middle div { align-self: center; }

section .section-heading { margin-bottom: 2rem; }

section.divider { background-color: #73131e; height: 45px; padding: 0; }

.features:last-of-type { margin-bottom: 0; }

.features .feature-icon { background-position: center; background-repeat: no-repeat; background-size: contain; height: 80px; }

/* Contatti */
#contatti { background-color: #73131e; }

#form-contatti { display: flex; flex-direction: column; width: 80%; margin: 0 auto; }

#form-contatti .row-wrapper { margin: 1rem 0; width: 100%; }

#form-contatti input, #form-contatti textarea { width: 100%; padding: 0.5rem; border: none; border-radius: 2px; outline: none; }

#form-contatti input[type="submit"] { color: #73131e; font-weight: 600; border: 1px solid transparent; transition: 0.25s linear all; }

#form-contatti input[type="submit"]:hover { background-color: #73131e; color: #ffffff; border: 1px solid #ffffff; transition: 0.25s linear all; }

#form-contatti input[type="checkbox"] { width: auto; margin-right: 0.5rem; height: 0.9rem; }

#form-contatti #privacy-label, #form-contatti #contact-label { font-size: 0.8rem; }

#form-contatti #privacy-label a, #form-contatti #contact-label a { color: #ffffff; text-decoration: none; font-weight: 800; }

#form-contatti #notice { font-size: 0.8rem; font-style: italic; }

/* Footer */
#footer { position: relative; width: 100%; margin: 0 auto; z-index: 999999; color: #ffffff; }

#footer .inner-wrap { display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; height: 100%; padding: 45px 5vw; background-color: #73131e; }

#footer .inner-wrap .credits { font-size: 0.75rem; }

#footer .inner-wrap .credits span { display: block; }

#footer .inner-wrap .credits a, #footer .inner-wrap .credits a:hover, #footer .inner-wrap .credits a:visited { color: #ffffff; }

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #ffffff; }

/* Animazioni */
@keyframes pop-in { 0% { opacity: 0; }
  50% { opacity: 0.5; }
  100% { opacity: 1; } }

@keyframes slide-up { 0% { opacity: 0;
    -o-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%); }
  50% { opacity: 0.25;
    -o-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -webkit-transform: translateY(25%); }
  100% { opacity: 1;
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%); } }

@keyframes slide-left { 0% { opacity: 0;
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  50% { opacity: 0.25;
    -o-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%); }
  100% { opacity: 1;
    -o-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%); } }

@keyframes slide-right { 0% { opacity: 0;
    -o-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%); }
  50% { opacity: 0.25;
    -o-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%); }
  100% { opacity: 1;
    -o-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%); } }

@media (prefers-reduced-motion: no-preference) { .popping { animation-name: pop-in; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease; } .sliding-up { animation-name: slide-up; animation-duration: 0.25s; animation-fill-mode: forwards; animation-timing-function: ease; } .sliding-left { animation-name: slide-left; animation-duration: 0.25s; animation-fill-mode: forwards; animation-timing-function: ease; } .sliding-right { animation-name: slide-right; animation-duration: 0.25s; animation-fill-mode: forwards; animation-timing-function: ease; } }

.pop { opacity: 0; }

.slideup { opacity: 0; -o-transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); }

.slideleft { opacity: 0; -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.slideright { opacity: 0; -o-transform: translateX(50%); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .pop { opacity: 1; } .slideup { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } .slideleft { opacity: 1; -ms-transform: translateY(0); transform: translateX(0); } .slideright { opacity: 1; -ms-transform: translateY(0); transform: translateX(0); } }

/*# sourceMappingURL=main.css.map */