@font-face {
  font-family: 'Livigno Med';
  font-display: swap;
  src: url(fonts/LivignoMedium.eot);
  src: url(fonts/LivignoMedium.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoMedium.woff) format("woff"), url(fonts/LivignoMedium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Livigno Med Italic';
  font-display: swap;
  src: url(fonts/LivignoMediumItalic.eot);
  src: url(fonts/LivignoMediumItalic.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoMediumItalic.woff) format("woff"), url(fonts/LivignoMediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Livigno Bold';
  font-display: swap;
  src: url(fonts/LivignoBold.eot);
  src: url(fonts/LivignoBold.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoBold.woff) format("woff"), url(fonts/LivignoBold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Livigno Thin';
  font-display: swap;
  src: url(fonts/LivignoThin.eot);
  src: url(fonts/LivignoThin.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoThin.woff) format("woff"), url(fonts/LivignoThin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Livigno Bold Italic';
  font-display: swap;
  src: url(fonts/LivignoBoldItalic.eot);
  src: url(fonts/LivignoBoldItalic.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoBoldItalic.woff) format("woff"), url(fonts/LivignoBoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Livigno Light';
  font-display: swap;
  src: url(fonts/LivignoLight.eot);
  src: url(fonts/LivignoLight.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoLight.woff) format("woff"), url(fonts/LivignoLight.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Livigno Black';
  font-display: swap;
  src: url(fonts/LivignoBlack.eot);
  src: url(fonts/LivignoBlack.eot?#iefix) format("embedded-opentype"), url(fonts/LivignoBlack.woff) format("woff"), url(fonts/LivignoBlack.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

* {
  box-sizing: border-box; }

body {
  margin: 0px;
  width: 100%;
  font-family: "Lato", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  color: #373737; }
  @media screen and (max-width: 1024px) {
    body {
      font-size: 0.9em; } }
  @media screen and (max-width: 640px) {
    body {
      font-size: 0.8em; } }

.scroll-up {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  bottom: -120px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 18px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 100; }
  .scroll-up img {
    position: relative; }
  .scroll-up.visible {
    bottom: 20px;
    transition: all 0.3s ease; }
  .scroll-up .up {
    fill: none;
    stroke: #BF2D2D;
    stroke-width: 5;
    stroke-miterlimit: 10; }

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: -200px;
  left: 0px;
  padding: 0px 10px 0 0;
  width: 100%;
  background: #BF2D2D;
  z-index: 100;
  transition: all 0.3s ease; }
  header.visible {
    top: 0px;
    transition: all 0.3s ease; }
  header img {
    width: 98px; }
    @media screen and (max-width: 767px) {
      header img {
        width: 70px; } }
  header .header-cta-btn {
    display: inline-block;
    width: auto;
    padding: 15px 20px 15px;
    border-radius: 15px;
    background: #ED0705;
    border: 1px solid #ED0705;
    color: #fff;
    text-align: center;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1em;
    text-decoration: none; }
    header .header-cta-btn:hover {
      background: #BF2D2D; }
    @media screen and (max-width: 900px) {
      header .header-cta-btn {
        padding: 15px 30px; } }
    @media screen and (max-width: 550px) {
      header .header-cta-btn {
        font-size: 1em;
        line-height: 1em;
        padding: 10px 15px; } }

.container-full {
  width: 100%; }

.container-1920 {
  width: 100%;
  max-width: 1920px;
  margin: auto; }

.container-1280 {
  width: 100%;
  max-width: 1280px;
  margin: auto; }
  @media screen and (max-width: 1310px) {
    .container-1280 {
      padding: 0 15px; } }

.sky {
  background-color: #E7EEF2; }

.logo {
  position: absolute;
  left: 41px;
  top: 29px;
  z-index: 10; }
  .logo img {
    padding: 10px; }
    @media screen and (max-width: 1024px) {
      .logo img {
        width: 100px; } }
  @media screen and (max-width: 1180px) {
    .logo {
      left: 15px; } }
  @media screen and (max-width: 1024px) {
    .logo {
      top: 15px;
      left: 15px; } }

.container-video {
  position: relative;
  z-index: 3;
  width: 100%;
  padding-top: 7%;
  height: 830px;
  background: url("../img/video.jpg?v=2") center center no-repeat;
  background-size: cover;
  overflow: hidden; }
  @media screen and (max-width: 1180px), screen and (max-height: 900px) {
    .container-video {
      height: 525px; } }
  @media screen and (max-width: 768px), screen and (max-height: 700px) {
    .container-video {
      height: auto;
      padding: 140px 0 60px; } }

#videoTeaser {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
  background: url("../img/video.jpg?v=2") no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 1s ease; }

/* .video-background {
    background: #000;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
}
.video-foreground{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    &.comanda-height {
        height: 300%;
        top:-100%;
    }
    &.comanda-width  {
        width: 300%;
        left:-100%;
    }
    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
} */
.top-title {
  position: relative;
  z-index: 2; }
  .top-title h1 {
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    text-shadow: 0px 0px 10px #00000066;
    color: #fff;
    font-weight: 900;
    font-size: 4.4em;
    line-height: 1.4em; }
    .top-title h1 span {
      display: block; }
    .top-title h1 .h2 {
      font-weight: 400;
      font-size: 0.7em;
      line-height: 1.4em; }
  @media screen and (max-width: 1180px), screen and (max-height: 900px) {
    .top-title h1 {
      width: 100%;
      font-size: 3.7em;
      line-height: 1.4em; }
      .top-title h1 .h2 {
        font-size: 0.7em;
        line-height: 1.4em; } }
  @media screen and (max-width: 768px), screen and (max-height: 700px) {
    .top-title h1 {
      width: 100%;
      font-size: 3em;
      line-height: 1.4em; }
      .top-title h1 .h2 {
        font-size: 0.7em;
        line-height: 1.4em; } }

.top-row {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 45px 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 900px) {
    .top-row {
      display: block; } }

.top-desc {
  width: 670px;
  font-size: 1.5em;
  line-height: 1.5em; }
  @media screen and (max-width: 1180px) {
    .top-desc {
      font-size: 1.4em;
      line-height: 1.4em;
      width: 60%;
      padding-right: 15px; } }
  @media screen and (max-width: 900px) {
    .top-desc {
      font-size: 1.4em;
      line-height: 1.4em;
      width: 100%; } }

.top-cta {
  position: absolute;
  right: 0px;
  top: -80px;
  width: 490px;
  padding: 30px;
  font-family: "Livigno Black", Arial, sans-serif;
  font-size: 2.2em;
  line-height: 1.2em;
  color: #BF2D2D;
  text-align: center;
  background-color: #fff;
  border-radius: 35px;
  box-shadow: 0px 6px 6px #00000029; }
  @media screen and (max-width: 1180px) {
    .top-cta {
      width: 40%;
      font-size: 1.6em;
      line-height: 1.2em; } }
  @media screen and (max-width: 900px) {
    .top-cta {
      position: static;
      margin-top: 35px;
      width: 100%;
      font-size: 1.6em;
      line-height: 1.2em; } }
  .top-cta .top-cta-btn {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-radius: 23px;
    margin-top: 25px;
    background: #ED0705;
    color: #fff;
    text-align: center;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 700;
    font-size: 0.65em;
    line-height: 1em;
    text-decoration: none; }
    .top-cta .top-cta-btn:hover {
      background: #BF2D2D; }
    @media screen and (max-width: 900px) {
      .top-cta .top-cta-btn {
        border-radius: 15px;
        padding: 15px 30px;
        width: auto; } }
    @media screen and (max-width: 500px) {
      .top-cta .top-cta-btn {
        padding: 10px 15px; } }

.alternate {
  padding: 120px 0 0; }
  @media screen and (max-width: 1500px) {
    .alternate {
      padding: 60px 0 0; } }

.box-image {
  width: 1121px;
  height: 822px;
  position: relative;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1740px) {
    .box-image {
      width: 900px;
      height: 750px; } }
  @media screen and (max-width: 1500px) {
    .box-image {
      width: 750px;
      height: 550px; } }
  @media screen and (max-width: 1279px) {
    .box-image {
      width: 65%;
      height: 450px; } }
  @media screen and (max-width: 767px) {
    .box-image {
      display: block;
      width: 100%;
      height: auto; } }
  .box-image.dx {
    float: right; }
    .box-image.dx .box-text {
      left: -567px; }
      @media screen and (max-width: 1500px) {
        .box-image.dx .box-text {
          left: -65%; } }
      @media screen and (max-width: 1279px) {
        .box-image.dx .box-text {
          left: -50%; } }
  .box-image.sx {
    float: left; }
    .box-image.sx .box-text {
      left: 960px; }
      @media screen and (max-width: 1740px) {
        .box-image.sx .box-text {
          left: 740px; } }
      @media screen and (max-width: 1500px) {
        .box-image.sx .box-text {
          left: 65%; } }
      @media screen and (max-width: 1279px) {
        .box-image.sx .box-text {
          left: 65%; } }
  .box-image.box1 {
    background: url(../img/freeride.jpg) center center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .box-image.box1 {
        background: none; } }
    .box-image.box1 .box-image-mobile {
      width: 100%;
      height: 250px;
      background: url(../img/freeride.jpg) center center no-repeat;
      background-size: cover; }
      @media screen and (min-width: 768px) {
        .box-image.box1 .box-image-mobile {
          display: none; } }
  .box-image.box2 {
    background: url(../img/piste.jpg) center center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .box-image.box2 {
        background: none; } }
    .box-image.box2 .box-image-mobile {
      width: 100%;
      height: 250px;
      background: url(../img/piste.jpg) center center no-repeat;
      background-size: cover; }
      @media screen and (min-width: 768px) {
        .box-image.box2 .box-image-mobile {
          display: none; } }
  .box-image.box3 {
    background: url(../img/famiglia.jpg) center center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .box-image.box3 {
        background: none; } }
    .box-image.box3 .box-image-mobile {
      width: 100%;
      height: 250px;
      background: url(../img/famiglia.jpg) center center no-repeat;
      background-size: cover; }
      @media screen and (min-width: 768px) {
        .box-image.box3 .box-image-mobile {
          display: none; } }
  .box-image.box4 {
    background: url(../img/wellness.jpg) center center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .box-image.box4 {
        background: none; } }
    .box-image.box4 .box-image-mobile {
      width: 100%;
      height: 250px;
      background: url(../img/wellness.jpg) center center no-repeat;
      background-size: cover; }
      @media screen and (min-width: 768px) {
        .box-image.box4 .box-image-mobile {
          display: none; } }

.box-text {
  width: 727px;
  padding: 90px 60px;
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 20px #00000029;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.4em; }
  @media screen and (max-width: 1740px) {
    .box-text {
      font-size: 1.3em;
      line-height: 1.4em; } }
  @media screen and (max-width: 1500px) {
    .box-text {
      width: 100%;
      padding: 50px;
      font-size: 1.2em;
      line-height: 1.4em; } }
  @media screen and (max-width: 1279px) {
    .box-text {
      width: 85%;
      padding: 30px;
      font-size: 1.1em;
      line-height: 1.4em; } }
  @media screen and (max-width: 767px) {
    .box-text {
      position: static;
      transform: none;
      width: 100%;
      padding: 30px 15px 15px;
      font-size: 1.1em;
      line-height: 1.4em; } }
  .box-text h2 {
    padding: 0px;
    margin: 0px 0px 10px;
    color: #BF2D2D;
    font-weight: 900;
    font-size: 1.67em;
    line-height: 1.3em; }
  .box-text h3 {
    padding: 0px;
    margin: 0px 0px 30px;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.3em; }

.bottom-cta {
  padding: 100px 15px 150px;
  text-align: center;
  font-size: 2.4em;
  line-height: 1.6em;
  font-weight: 900;
  color: #BF2D2D; }
  @media screen and (max-width: 1280px) {
    .bottom-cta {
      font-size: 1.9em;
      line-height: 1.4em; } }
  @media screen and (max-width: 1023px) {
    .bottom-cta {
      padding: 50px 15px 50px; }
      .bottom-cta br.dsk {
        display: none; } }
  .bottom-cta .bottom-cta-btn {
    display: inline-block;
    width: auto;
    padding: 20px 50px;
    border-radius: 23px;
    margin-top: 45px;
    background: #ED0705;
    color: #fff;
    text-align: center;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 700;
    font-size: 0.6em;
    line-height: 1em;
    text-decoration: none; }
    .bottom-cta .bottom-cta-btn:hover {
      background: #BF2D2D; }
    @media screen and (max-width: 900px) {
      .bottom-cta .bottom-cta-btn {
        border-radius: 15px;
        padding: 15px 30px; } }
    @media screen and (max-width: 500px) {
      .bottom-cta .bottom-cta-btn {
        padding: 10px 15px; } }

.greetings {
  width: 100%;
  height: 745px;
  padding-top: 115px;
  font-family: 'Just Another Hand', cursive;
  font-size: 9.4em;
  line-height: 1.4em;
  font-weight: 400;
  color: #fff;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center;
  background: url(../img/bottom.jpg) right center no-repeat;
  background-size: cover; }
  @media screen and (max-width: 1024px), screen and (max-height: 900px) {
    .greetings {
      height: 525px;
      padding: 100px 15px;
      font-size: 7.5em;
      line-height: 1.4em; } }
  @media screen and (max-width: 768px), screen and (max-height: 700px) {
    .greetings {
      height: auto;
      padding: 50px 15px 150px;
      font-size: 5.5em;
      line-height: 1.4em; } }

footer {
  display: block;
  width: 100%;
  padding: 40px 15px;
  text-align: center;
  font-weight: 700; }
  @media screen and (max-width: 640px) {
    footer {
      padding-bottom: 50px; } }
  footer a {
    color: #BF2D2D; }
  footer .follow-us {
    font-family: 'Just Another Hand', cursive;
    font-size: 45px;
    line-height: 75px;
    color: #BF2D2D;
    padding-bottom: 50px; }
    footer .follow-us span, footer .follow-us a {
      display: inline-block;
      vertical-align: middle; }
    footer .follow-us img {
      display: inline-block;
      vertical-align: middle;
      height: 65px;
      margin-left: 35px; }
    @media screen and (max-width: 700px) {
      footer .follow-us span {
        display: block; }
      footer .follow-us img {
        margin: 0 15px; } }

.social-share {
  position: fixed;
  z-index: 5;
  font-size: 23px;
  transform: translateY(-50%);
  top: 50%;
  left: 0px;
  margin: 0px;
  padding: 0px; }
  .social-share a {
    display: block; }
  .social-share:hover .share-label {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }
  .social-share .share-label {
    -webkit-transition: opacity 0.75s ease-in-out;
    -moz-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    -o-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out; }
    .social-share .share-label img {
      display: block; }
    @media screen and (max-width: 640px) {
      .social-share .share-label {
        display: none; } }
    .social-share .share-label.hide {
      opacity: 0;
      filter: alpha(opacity=0); }
      .social-share .share-label.hide:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
  .social-share li {
    display: block;
    list-style: none;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    transition: width .2s ease-out; }
    .social-share li#fb {
      background: #435b97; }
    .social-share li#wap {
      background: #61c149; }
    .social-share li#tw {
      background: #848484; }
    .social-share li#mail {
      background: #45a1f1; }
    .social-share li a {
      color: #fff; }
    .social-share li:hover {
      width: 65px; }
      @media screen and (max-width: 640px) {
        .social-share li:hover {
          width: 25%; } }
  @media screen and (max-width: 640px) {
    .social-share {
      top: auto;
      bottom: 0px;
      transform: translateY(0);
      width: 100%;
      z-index: 99; }
      .social-share li {
        width: 34px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        width: 33.33%;
        float: left; }
        .social-share li img {
          height: 20px !important; } }

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