/*GENERAL CSS*/
body, html{
    margin: 0;
    padding: 0;
    font-family: "Barlow Condensed", sans-serif;
        line-height: 1.6;
  }
  
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  img{
    border: 0;
  }
  
  
  .mktg_cont{
  display:none;
  }
  
  
   a{
          color: #555 /*#66B331*/;
      text-decoration: none;
    transition: all 0.2s linear;
  
      }
  
  
  
  a:link, a:visited{
  text-decoration: none;
  font-weight:normal;
  outline:none;
  }
  
  a:hover, a:active{
          color: #07197B;
      text-decoration: none !important;
  }
  
  
  h1, h2, h3, h4, h5, h6 {
        margin: 0;
      padding: 0;
      font-weight: normal;
  }
  
  p{
    margin: 0;
    padding: 0;
      font-weight: normal;
    line-height: 1.3;
  }
  
  
    .icon-scroll {
            position: absolute;
            bottom: 60px;
            left: 50%;
          width: 100px;
            height: 6.205em;
            /*transform: translateX(-50%) scale(2);*/
            z-index: 85;
          text-align: center;
        }
  
  
  .arrow
  {
      position: absolute;
      top: 0;
      left: -2px;
      height: 50px;
      width: 2px;
      /*  background: #fff; per nascondere la linea */
      animation: animate 1.3s ease infinite;
  }
  .arrow:before
  {
      content: '';
      position: absolute;
      bottom: 0;
      left: -4px;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
  }
  
  
  .arrow_grey
  {
      position: absolute;
      top: 0;
      left: -2px;
      height: 50px;
      width: 2px;
     /*  background: #fff; per nascondere la linea */
      animation: animate 1.3s ease infinite;
  }
  .arrow_grey:before
  {
      content: '';
      position: absolute;
      bottom: 0;
      left: -4px;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid #888;
      border-right: 2px solid #888;
      transform: rotate(45deg);
  }
  
  @keyframes animate
  {
      0%
      {
          transform: translateY(0);
          opacity: 0.3;
      }
     /* 50%
      {
          transform: translateY(80px);
          opacity: 1;
      }*/
      100%
      {
          transform: translateY(50px);
          opacity: 1;
      }
  }
  
  .line-rep-scroll{
    width: 1px;
    height: 1px;
    border-right: 2px solid transparent;
    margin: auto;
    position: absolute;
    left:-1px;
    right:0;
  }
  
  .line-rep-scroll:after{
    content: '';
    position: absolute;
    width: 1px;
    left:-1px;
    height: 150px;
    /*background: #fff;*/
    top:-20px;
    border-right: 2px dashed #fff;
  /*margin-left: -3px;
    top: 6px;
    border-radius: 3px;*/
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-name: scroll2;
  }
  
  
  
  
  @keyframes scroll2{
    0%{opacity: 0;}
    100%{
      opacity: 1;
      transform: translateY(40px);
    }
  }
  
  
  .flex-a{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  padding: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
  }
  
  .flex-a-start{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  padding: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: flex-start;
  }
  
  .flex-b{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
  }
  
  
  .flex-b-stop{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
  }
  
  
  
  .flex-b-start{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
  }
  
  
  
  .flex-b-end{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-end;
  }
  
  
  .flex-only-align{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .flex-c{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content:center;
    align-items: center;
  }
  .flex-c-left{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
    -webkit-justify-content:left;
    align-items: center;
  }
  
  .flex-c-end{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content:center;
    align-items: flex-end;
  }
  
  .flex-c-start{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    -webkit-justify-content:center;
    align-items: flex-start;
  }
  .flex-c-loghi_hp{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    -webkit-justify-content:left;
    align-items: flex-start;
  }
  
  
  .flex-c-block{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    justify-content: center;
    -webkit-justify-content:center;
    align-items: flex-start;
      text-align: center;
  }
  
  
  
  .flex-c-block-countdown{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    justify-content: center;
    -webkit-justify-content:center;
    align-items: center;
      text-align: center;
  }
  
  
  
  .clear{
    clear:both;
  }
  
  .icomenu{
    height: 27px;
    width: 27px;
    cursor: pointer;
  }
  
  /* Zoom in Keyframes */
  @-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
  }
  @keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
  } /*End of Zoom in Keyframes */
  
  
  .anim_in {
    -webkit-animation-name: acc_in;
            animation-name: acc_in;
    -webkit-animation-duration: 0.65s;
            animation-duration: 0.65s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  
  .anim_out {
    -webkit-animation-name: acc_out;
            animation-name: acc_out;
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  
  @-webkit-keyframes acc_in {
    0% {
      opacity: 0;
   -webkit-transform: translateY(20px);
                    -moz-transform: translateY(20px);
                     -ms-transform: translateY(20px);
                      -o-transform: translateY(20px);
                         transform: translateY(20px);
    }
    100% {
      opacity: 1;
   -webkit-transform: translateY(0px);
                    -moz-transform: translateY(0px);
                     -ms-transform: translateY(0px);
                      -o-transform: translateY(0px);
                         transform: translateY(0px);
    }
  }
  
  @keyframes acc_in {
    0% {
      opacity: 0;
   -webkit-transform: translateY(20px);
                    -moz-transform: translateY(20px);
                     -ms-transform: translateY(20px);
                      -o-transform: translateY(20px);
                         transform: translateY(20px);
    }
    100% {
      opacity: 1;
   -webkit-transform: translateY(0px);
                    -moz-transform: translateY(0px);
                     -ms-transform: translateY(0px);
                      -o-transform: translateY(0px);
                         transform: translateY(0px);
    }
  }
  @-webkit-keyframes acc_out {
    0% {
      opacity: 1;
   -webkit-transform: translateY(0px);
                    -moz-transform: translateY(0px);
                     -ms-transform: translateY(0px);
                      -o-transform: translateY(0px);
                         transform: translateY(0px);
    }
    100% {
      opacity: 0;
   -webkit-transform: translateY(20px);
                    -moz-transform: translateY(20px);
                     -ms-transform: translateY(20px);
                      -o-transform: translateY(20px);
                         transform: translateY(20px);
    }
  }
  @keyframes acc_out {
    0% {
      opacity: 1;
   -webkit-transform: translateY(0px);
                    -moz-transform: translateY(0px);
                     -ms-transform: translateY(0px);
                      -o-transform: translateY(0px);
                         transform: translateY(0px);
    }
    100% {
      opacity: 0;
   -webkit-transform: translateY(20px);
                    -moz-transform: translateY(20px);
                     -ms-transform: translateY(20px);
                      -o-transform: translateY(20px);
                         transform: translateY(20px);
    }
  }
  
  /*FINE ACCORDION*/
  
  
  input[type="checkbox"] {
      -webkit-appearance: checkbox;
      border-radius: 0;
  }
  input[type="radio"] {
      -webkit-appearance: radio;
      border-radius: 0;
  }
  
  input, textarea, button {
      -webkit-appearance: none;
      -webkit-font-smoothing: antialiased;
      resize: none;
  }
  
  
  .loading{
      opacity: 0.5;
  }
  
  .finish{
      opacity: 1;
  }
  
  
  
  /*ICO ANIMENU DESK*/
  
  
   .animenu {
        /*padding: 15px 15px;*/
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        position: fixed;
        z-index: 99999999999;
          right: 5vw;
          /*top: 5.3vh;*/
        top: 3vh;
        /*mix-blend-mode: difference;*/
        }
  
  /*
          .animenu:hover {
            opacity: 0.8;
          }
          .animenu.is-active:hover {
            opacity: 0.8;
          }
  
          .animenu.is-active:hover .animenu-inner, .animenu:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
            background-color: #ededed;
          }
  */
  
             .animenu-box {
                width: 30px;
                height: 30px;
                display: inline-block;
                position: relative;
                z-index: 9999999999999;
                cursor: pointer;
              }
  
              .animenu-inner, .animenu-inner::before, .animenu-inner::after {
                width: 22px;
                height: 1px;
                /*border-radius: 1px;*/
                position: absolute;
                z-index: 9999999999999;
                /*
                transition-property: transform;
                transition-duration: 0.15s;
                transition-timing-function: ease;
                */
  
                transition: width 0.14s ease-in, transform 0.15s ease;
  
              }
  
  /*
  .animenu-box:hover .animenu-inner {
  
      -webkit-transition: all 0.1s ease-in;
      -moz-transition: all 0.1s ease-in;
        -ms-transition: all 0.1s ease-in;
          -o-transition: all 0.1s ease-in;
               transition: all 0.1s ease-in;
  
    width: 80%;
  }
  */
  
  .animenu-box:hover .animenu-inner::before {
  
      -webkit-transition: all 0.14s ease-in;
      -moz-transition: all 0.14s ease-in;
        -ms-transition: all 0.14s ease-in;
          -o-transition: all 0.14s ease-in;
               transition: all 0.14s ease-in;
  
    width: 150%;
  }
  
  .animenu-box:hover .animenu-inner::after {
  
      -webkit-transition: all 0.24s ease-in;
      -moz-transition: all 0.24s ease-in;
        -ms-transition: all 0.24s ease-in;
          -o-transition: all 0.24s ease-in;
               transition: all 0.24s ease-in;
  
    width: 150%;
  }
  
              .animenu-inner::before, .animenu-inner::after {
                content: "";
                display: block;
              }
  
              .animenu-white, .animenu-white::before, .animenu-white::after{
                background-color: #fff;
              }
  
              .animenu-red, .animenu-red::before, .animenu-red::after{
                background-color: #aa1e1e;
              }
  
              .animenu-black, .animenu-black::before, .animenu-black::after{
                background-color: #000;
              }
  
              /*
                 * Slider
                 */
              .animenu--slider .animenu-inner {
                top: 0; }
                .animenu--slider .animenu-inner::before {
                  top: 5px;
                  transition-property: transform, opacity;
                  transition-timing-function: ease;
                  transition-duration: 0.15s; }
                .animenu--slider .animenu-inner::after {
                  top: 10px; }
  
              .animenu--slider.is-active .animenu-inner {
                color: #fff;
                transform: translate3d(0, 5px, 0) rotate(45deg); }
                .animenu--slider.is-active .animenu-inner::before {
                  transform: rotate(-45deg) translate3d(-5.71429px, -2px, 0);
                  opacity: 0;
                  color: #fff;
                  width: 22px;
                }
                .animenu--slider.is-active .animenu-inner::after {
                  color: #fff;
                  transform: translate3d(0, -10px, 0) rotate(-90deg); width: 22px;}
  
  
  
  /*FINE GENERAL CSS*/