/*@include mediaOnly(sm){ sotto 767

}
@include mediaUp(md){ sopra 768

}*/
html, body {
  overflow-x: hidden;
  font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
  font-weight: 500; }

.container {
  max-width: 1372px;
  padding-left: 25px;
  padding-right: 25px; }

h1, h2 {
  font-weight: 900; }

h1 {
  color: #004c99; }
  @media (min-width: 1322px) {
    h1 {
      font-size: 3.1vw;
      margin-top: 100px;
      /* era 4 vw */ } }
  @media (max-width: 1322px) {
    h1 {
      font-size: 45px;
      margin-top: 120px;
      /* era 15% */ } }
  @media (max-width: 767px) {
    h1 {
      font-size: 8.1vw;
      margin-top: 8vw;
      margin-bottom: 3vw; } }

h2 {
  color: #004c99; }
  @media (max-width: 767px) {
    h2 {
      font-size: 8.1vw; } }
  @media (min-width: 768px) {
    h2 {
      font-size: 45px; } }

h3 {
  margin-bottom: 20px;
  color: #004c99;
  margin-top: 20px; }
  @media (min-width: 768px) {
    h3 {
      font-size: 22px; } }
  @media (max-width: 767px) {
    h3 {
      font-size: 4.167vw; } }

/* linea sotto titoli */
.liner {
  display: block;
  background-color: #004c99;
  position: relative; }
  @media (max-width: 767px) {
    .liner {
      width: 10vw;
      height: 1.5vw;
      margin-bottom: 8vw;
      margin-left: 10vw; } }
  @media (min-width: 768px) {
    .liner {
      width: 25px;
      height: 5px;
      margin-bottom: 28px;
      margin-left: 25px; } }
  .liner::before {
    content: '';
    position: absolute;
    top: 0;
    background-color: #fef200; }
    @media (max-width: 767px) {
      .liner::before {
        height: 1.5vw;
        left: -10vw;
        width: 10vw; } }
    @media (min-width: 768px) {
      .liner::before {
        height: 5px;
        left: -25px;
        width: 25px; } }
  .liner::after {
    content: '';
    position: absolute;
    background-color: #0081c6;
    top: 0; }
    @media (max-width: 767px) {
      .liner::after {
        height: 1.5vw;
        left: 10vw;
        width: 10vw; } }
    @media (min-width: 768px) {
      .liner::after {
        height: 5px;
        left: 25px;
        width: 25px; } }

div[class|="yellow"] .liner::before {
  background-color: #ffffff !important; }

.desc {
  color: #004c99;
  font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
  font-weight: 500; }
  @media (min-width: 1322px) {
    .desc {
      /*font-size: 20px;*/
      font-size: 1.4vw;
      padding-bottom: 10%; } }
  @media (max-width: 1322px) {
    .desc {
      /*padding-top:25px;*/
      padding-top: 2.269vw;
      font-size: 1.8vw;
      /*padding-bottom:60px;*/
      padding-bottom: 10vw; } }
  @media (max-width: 991px) {
    .desc {
      font-size: 2.5vw; } }
  @media (max-width: 767px) {
    .desc {
      /*font-size:13px;*/
      font-size: 3.7vw;
      /*line-height: 20px;*/
      line-height: 5.5vw; } }

/* CTA con pulsante */
.field-link.cta {
  text-align: center;
  background-color: #0081c6;
  display: block;
  vertical-align: middle; }
  @media (max-width: 991px) {
    .field-link.cta {
      padding-bottom: 0;
      margin: 30px auto;
      max-width: 100%;
      min-height: 13vw;
      width: 70vw;
      border-bottom: 1vw solid #fef200; } }
  @media (min-width: 992px) {
    .field-link.cta {
      width: 326px;
      min-height: 74px;
      margin: 50px 0 100px 0;
      border-bottom: 10px solid #fef200; }
      .field-link.cta:hover {
        background-color: #004c99; } }
  .field-link.cta a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
    font-weight: 900;
    display: block; }
    @media (max-width: 991px) {
      .field-link.cta a {
        max-width: 100%;
        font-size: 5vw;
        padding-top: 2.4vw; } }
    @media (min-width: 992px) {
      .field-link.cta a {
        font-size: 26px;
        padding-top: 13px; } }

@media (max-width: 991px) {
  .fixed {
    position: fixed;
    bottom: -1px;
    width: 100%;
    height: 0;
    z-index: 4; } }

#top-bar {
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  z-index: 3; }
  @media (max-width: 991px) {
    #top-bar {
      bottom: 0;
      transform: translateY(-100%);
      -ms-flex-direction: column;
          flex-direction: column;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; } }
  @media (min-width: 992px) {
    #top-bar {
      position: fixed;
      height: 80px; } }

#menu-main {
  width: 100%;
  position: relative; }
  @media (max-width: 991px) {
    #menu-main {
      border-top: 1vw solid #fef200;
      min-height: 11vh;
      padding: 2vh 0;
      /*min-height: 12vw;
    padding:2.5vw 0;*/ } }
  @media (max-width: 599px) {
    #menu-main {
      border-top: 3vw solid #fef200;
    }
  }
  @media (min-width: 992px) {
    #menu-main {
      border-top: 10px solid #fef200;
      height: 100%;
      padding: 15px 0; } }
  @media (max-width: 991px) {
    #menu-main #menu-main-open {
      display: none; } }
  @media (max-width: 991px) {
    #menu-main #close-menu-mobile {
      position: absolute;
      cursor: pointer;
      top: 3vw;
      right: 4vw;
      height: 2vw; } }
  @media (min-width: 992px) {
    #menu-main #close-menu-mobile {
      display: none; } }
  @media (max-width: 991px) {
    #menu-main #hamburger-menu {
      display: block;
      text-align: right;
      margin-right: 3vw; } }
  @media (max-width: 991px) and (max-width: 991px) {
    #menu-main #hamburger-menu img {
      height: 5vh;
      /*height: 4vw;*/ } }
  @media (min-width: 992px) {
    #menu-main #hamburger-menu {
      display: none; } }
  #menu-main ul:first-child {
    list-style: none;
    margin: 0; }
    @media (max-width: 991px) {
      #menu-main ul:first-child {
        padding: 0 5vw; } }
    @media (min-width: 992px) {
      #menu-main ul:first-child {
        float: right; } }
    #menu-main ul:first-child > li {
      position: relative; }
      @media (max-width: 991px) {
        #menu-main ul:first-child > li {
          margin: 3.5vw 0; }
          #menu-main ul:first-child > li .dropdown {
            margin-bottom: 10px; }
            #menu-main ul:first-child > li .dropdown + .drop-menu {
              visibility: visible;
              opacity: 1;
              transform: translateY(0%);
              transition-delay: 0s, 0s, 0.3s;
              max-height: unset; }
          #menu-main ul:first-child > li .drop-arrow:after {
            content: "\f105";
            right: 10px;
            color: #004c99;
            position: absolute;
            font-family: 'FontAwesome',sans-serif;
            line-height: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: transform .2s ease-in-out;
            font-size: 26px; }
          #menu-main ul:first-child > li .drop-arrow.dropdown:after {
            transform: rotate(90deg); } }
      @media (min-width: 992px) {
        #menu-main ul:first-child > li {
          float: left;
          margin-right: 50px; } }
      #menu-main ul:first-child > li a {
        font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
        font-weight: 900;
        color: #004c99;
        text-decoration: none;
        border: 0; }
        @media (max-width: 991px) {
          #menu-main ul:first-child > li a {
            font-size: 7.1vw; } }
        @media (min-width: 992px) {
          #menu-main ul:first-child > li a {
            font-size: 25px; } }
      #menu-main ul:first-child > li .drop-menu {
        visibility: hidden;
        opacity: 0;
        left: 0;
        list-style: none;
        margin: 0;
        max-height: 0;
        transform: translateY(-2em);
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
        @media (min-width: 992px) {
          #menu-main ul:first-child > li .drop-menu {
            position: absolute;
            background-color: #004c99;
            padding: 0 25px;
            right: 0; } }
        @media (max-width: 991px) {
          #menu-main ul:first-child > li .drop-menu {
            padding: 0 20px; } }
        #menu-main ul:first-child > li .drop-menu li {
          clear: both;
          width: 100%;
          padding: 10px 0; }
          @media (max-width: 991px) {
            #menu-main ul:first-child > li .drop-menu li {
              padding: 8px 0; } }
          #menu-main ul:first-child > li .drop-menu li a {
            line-height: normal; }
            @media (min-width: 992px) {
              #menu-main ul:first-child > li .drop-menu li a {
                color: #ffffff;
                font-size: calc(1.2 * 100%); } }
            @media (max-width: 991px) {
              #menu-main ul:first-child > li .drop-menu li a {
                color: #004c99;
                font-size: calc(0.6 * 7.1vw); } }
      @media (min-width: 992px) {
        #menu-main ul:first-child > li:hover > ul,
        #menu-main ul:first-child > li:focus-within > ul,
        #menu-main ul:first-child > li ul:hover {
          visibility: visible;
          opacity: 1;
          transform: translateY(0%);
          transition-delay: 0s, 0s, 0.3s;
          max-height: unset; } }
  #menu-main::before {
    content: '';
    position: absolute;
    background-color: #004c99; }
    @media (max-width: 991px) {
      #menu-main::before {
        height: 1vw;
        right: 15vw;
        width: 15vw;
        top: -1vw; } }
    @media (max-width: 599px) {
      #menu-main::before {
        height: 3vw;
        right: 15vw;
        width: 15vw;
        top: -3vw; } }
    @media (min-width: 992px) {
      #menu-main::before {
        height: 10px;
        right: 100px;
        width: 100px;
        top: -10px; } }
  #menu-main::after {
    content: '';
    position: absolute;
    background-color: #0081c6; }
    @media (max-width: 991px) {
      #menu-main::after {
        height: 1vw;
        right: 0;
        width: 15vw;
        top: -1vw; } }
    @media (max-width: 599px) {
      #menu-main::after {
        height: 3vw;
        right: 0;
        width: 15vw;
        top: -3vw; } }
    @media (min-width: 992px) {
      #menu-main::after {
        height: 10px;
        right: 0;
        width: 100px;
        top: -10px; } }

@media (max-width: 991px) {
  #box-social {
    display: none;
    z-index: 1; } }

#menu-social {
  background-color: #0081c6;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 991px) {
    #menu-social {
      width: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      padding: 3.5vw 0; } }
  @media (min-width: 992px) {
    #menu-social {
      border-top: 10px solid #0081c6;
      width: 90px;
      height: 80px; } }
  @media (max-width: 991px) {
    #menu-social .field-link {
      margin-right: 13vw; } }
  @media (min-width: 992px) {
    #menu-social .field-link {
      margin-right: 15px; } }
  #menu-social .field-link:last-child {
    margin-right: 0; }
  @media (max-width: 991px) {
    #menu-social .field-link img {
      width: 12vw; } }
  @media (min-width: 992px) {
    #menu-social .field-link img {
      width: 40px; } }

.logo img {
  vertical-align: middle;
  border-style: none;
  z-index: 3; }
  @media (max-width: 991px) {
    .logo img {
      position: absolute;
      width: 32vw;
      left: 3vw;
      top: 3vw; } }
  @media (min-width: 992px) {
    .logo img {
      left: 55px;
      top: 10px;
      position: fixed; } }

.visual {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100vh; }
  @media (max-width: 991px) {
    .visual {
      width: auto; } }
  @media (min-width: 992px) {
    .visual {
      width: 100%; } }
  .visual .visual-title {
    font-family: 'Pacifico', Helvetica, Arial, sans-serif;
    color: #ffffff;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px; }
    @media (max-width: 991px) {
      .visual .visual-title {
        font-size: 17vw;
        line-height: 19vw;
        text-align: left;
        top: 25vw; } }
    @media (min-width: 992px) {
      .visual .visual-title {
        text-align: center;
        font-size: 100px;
        line-height: 110px;
        bottom: 10%; } }
  .visual .arrow {
    position: absolute;
    width: 20px;
    height: 39px;
    text-align: center;
    left: 50%;
    margin-left: -10px;
    padding: 0;
    border: 0;
    background: transparent; }
    @media (max-width: 991px) {
      .visual .arrow {
        bottom: 26vw; } }
    @media (min-width: 992px) {
      .visual .arrow {
        bottom: 2%; } }

.yellow-strip {
  background: #fef200; }
  .yellow-strip h1 {
    position: relative; }
  @media (max-width: 991px) {
    .yellow-strip {
      margin-bottom: 80px; } }
  @media (min-width: 992px) {
    .yellow-strip {
      margin-bottom: 10%; } }
  .yellow-strip .row {
    position: relative; }
    .yellow-strip .row .desc {
      position: relative; }
      @media (max-width: 991px) {
        .yellow-strip .row .desc {
          padding: 0; } }
  .yellow-strip .col-md-7, .yellow-strip .col-lg-7 {
    overflow: hidden; }
  .yellow-strip .col-md-5, .yellow-strip .col-lg-5 {
    position: static; }
    .yellow-strip .col-md-5 .field-image, .yellow-strip .col-lg-5 .field-image {
      position: relative; }
      @media (max-width: 991px) {
        .yellow-strip .col-md-5 .field-image, .yellow-strip .col-lg-5 .field-image {
          margin-bottom: 10px;
          text-align: right;
          overflow: hidden;
          margin-right: -25px; } }
      .yellow-strip .col-md-5 .field-image .fadeinleft, .yellow-strip .col-lg-5 .field-image .fadeinleft {
        position: relative; }
      @media (max-width: 991px) {
        .yellow-strip .col-md-5 .field-image img, .yellow-strip .col-lg-5 .field-image img {
          margin: 0;
          width: 95%;
          max-width: 600px;
          margin-right: -60px; } }
      @media (min-width: 992px) {
        .yellow-strip .col-md-5 .field-image img, .yellow-strip .col-lg-5 .field-image img {
          margin-bottom: -20%;
          margin-top: 10%;
          margin-left: 7%;
          width: 100%; } }
  @media (max-width: 991px) {
    .yellow-strip .field-link.cta {
      position: relative;
      margin: 0 auto -6vw auto; } }
  @media (min-width: 992px) {
    .yellow-strip .field-link.cta {
      position: absolute;
      bottom: -32px;
      margin-left: 25px !important;
      margin: 0; } }

.yellow-full {
  background: #fef200;
  padding-bottom: 80px; }
  .yellow-full .container {
    overflow: hidden; }
  .yellow-full .row {
    position: relative; }
  .yellow-full .col-md-5 {
    position: static; }

@media (min-width: 992px) {
  #storia-1, #storia-3 {
    float: left; } }

@media (max-width: 991px) {
  #storia-1 .field-image, #storia-3 .field-image {
    margin-left: -4vw; } }

@media (min-width: 992px) {
  #storia-1 .field-image, #storia-3 .field-image {
    margin-left: -10px; } }

.box-storia {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media (max-width: 991px) {
    .box-storia {
      max-width: 100%; } }
  @media (min-width: 992px) {
    .box-storia {
      width: 34.04%; } }
  .box-storia .col-year {
    background: #0081c6;
    position: relative;
    text-align: center;
    z-index: 1; }
    @media (max-width: 991px) {
      .box-storia .col-year {
        width: 30vw;
        height: 30vw;
        border-radius: 15vw;
        top: 14vw; } }
    @media (min-width: 992px) {
      .box-storia .col-year {
        width: 33.3333%;
        border-radius: 75px;
        top: 75px; }
        .box-storia .col-year:before {
          content: "";
          display: block;
          padding-bottom: 100%; } }
    .box-storia .col-year .anno {
      color: #ffffff;
      font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
      font-weight: 900;
      position: absolute;
      top: 50%;
      left: 0;
      text-align: center;
      width: 100%;
      transform: translateY(-50%); }
      @media (max-width: 991px) {
        .box-storia .col-year .anno {
          font-size: 7vw; } }
      @media (min-width: 992px) {
        .box-storia .col-year .anno {
          font-size: 2em; } }
  .box-storia .content {
    z-index: 2; }
    @media (max-width: 991px) {
      .box-storia .content {
        width: 64%; } }
    @media (min-width: 992px) {
      .box-storia .content {
        width: 66.6666%; } }
    .box-storia .content .field-image {
      width: auto; }
      @media (max-width: 991px) {
        .box-storia .content .field-image img {
          width: 100%; } }
      @media (min-width: 992px) {
        .box-storia .content .field-image img {
          width: 100%; } }
    .box-storia .content .field-text.fadeinleft {
      position: relative; }
    .box-storia .content .testo {
      font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
      text-align: left;
      font-weight: 500;
      color: #004c99;
      position: relative; }
      @media (min-width: 1322px) {
        .box-storia .content .testo {
          font-size: 20px;
          padding-top: 30px; } }
      @media (max-width: 1322px) {
        .box-storia .content .testo {
          font-size: 1.513vw;
          padding-top: 1em; } }
      @media (max-width: 991px) {
        .box-storia .content .testo {
          font-size: 3vw; } }
      @media (max-width: 767px) {
        .box-storia .content .testo {
          font-size: 3.7vw;
          padding-top: 3vw; } }
  .box-storia .line {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .box-storia .line:before {
      content: "";
      display: block; }

@media (min-width: 992px) {
  #storia-2, #storia-4 {
    float: right; } }

@media (max-width: 991px) {
  #storia-2 .field-image, #storia-4 .field-image {
    margin-right: -4vw; } }

@media (min-width: 992px) {
  #storia-2 .field-image, #storia-4 .field-image {
    margin-right: -10px; } }

@media (max-width: 991px) {
  #storia-2 .testo, #storia-4 .testo {
    margin-left: 3vw; } }

@media (max-width: 991px) {
  #storia-2, #storia-3, #storia-4 {
    margin-top: 20vw; } }

@media (min-width: 992px) {
  #storia-2, #storia-3, #storia-4 {
    margin-top: -200px; } }

@media (max-width: 991px) {
  #storia-1 .line {
    width: 84.4444444444%;
    background-image: url("../images/storia-linea1-mob.svg");
    top: 42%;
    left: 0%; }
    #storia-1 .line:before {
      padding-bottom: 129.903536977%; } }

@media (min-width: 992px) {
  #storia-1 .line {
    width: 140%;
    background-image: url("../images/storia-linea1-desk.svg");
    top: 37%;
    left: 82%; }
    #storia-1 .line:before {
      padding-bottom: 46.1666666667%; } }

@media (max-width: 991px) {
  #storia-2 .line {
    width: 97.7777777778%;
    background-image: url("../images/storia-linea2-mob.svg");
    background-size: 100% 100%;
    top: 44.5%;
    right: -1%; }
    #storia-2 .line:before {
      padding-bottom: 110.242587601%; } }

@media (min-width: 992px) {
  #storia-2 .line {
    width: 140%;
    background-image: url("../images/storia-linea2-desk.svg");
    top: 36%;
    right: 70%; }
    #storia-2 .line:before {
      padding-bottom: 40.2985074627%; } }

@media (max-width: 991px) {
  #storia-3 .line {
    width: 93.3333333333%;
    background-image: url("../images/storia-linea3-mob.svg");
    top: 34%;
    left: -4%; }
    #storia-3 .line:before {
      padding-bottom: 135.048231511%; } }

@media (min-width: 992px) {
  #storia-3 .line {
    width: 140%;
    background-image: url("../images/storia-linea3-desk.svg");
    top: 40%;
    left: 86%; }
    #storia-3 .line:before {
      padding-bottom: 32.1428571429%; } }

.gamma-prod {
  float: left;
  text-align: left;
  overflow: hidden;
  transition: all 0.5s ease;
  margin-bottom: 3%; }
  @media (max-width: 991px) {
    .gamma-prod {
      width: 48%; }
      .gamma-prod:nth-of-type(odd) {
        margin-right: 2%; } }
  @media (min-width: 992px) {
    .gamma-prod {
      margin-right: 20px; } }
  @media (max-width: 991px) {
    .col-lg-12 > .field-link:nth-of-type(odd) .gamma-prod,
    .list-prod:nth-of-type(odd) .gamma-prod {
      margin-right: 4%; } }
  .gamma-prod .box-prod {
    max-width: 100%;
    max-height: 100%;
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media (max-width: 991px) {
      .gamma-prod .box-prod {
        padding: 3vw;
        width: 45vw;
        height: 45vw; } }
    @media (min-width: 992px) {
      .gamma-prod .box-prod {
        padding: 15px;
        width: 226px;
        height: 226px; } }
    .gamma-prod .box-prod .field-title {
      color: #004c99;
      font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
      font-weight: 900; }
      @media (min-width: 1322px) {
        .gamma-prod .box-prod .field-title {
          font-size: 16px;
          line-height: 16px; } }
      @media (max-width: 1322px) {
        .gamma-prod .box-prod .field-title {
          font-size: 1.4vw; } }
      @media (max-width: 991px) {
        .gamma-prod .box-prod .field-title {
          font-size: 3.2vw; } }
    .gamma-prod .box-prod .field-image {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 85%;
      height: 85%;
      margin: 5% auto 0 auto; }
      @media (max-width: 991px) {
        .gamma-prod .box-prod .field-image {
          padding: 5px; } }
      .gamma-prod .box-prod .field-image > div {
        display: contents;
        width: 100%;
        height: 100%;
        text-align: center; }
      article .gamma-prod .box-prod .field-image {
        width: 85%;
        height: 85%;
        margin: 5% auto 0 auto; }
      .gamma-prod .box-prod .field-image img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto; }
  .gamma-prod .box-prod {
    border-bottom: 5px solid #004c99;
    transition: all 0.5s ease; }
  @media (min-width: 992px) {
    .gamma-prod:hover {
      transform: translateY(-5px); }
      .gamma-prod:hover .box-prod {
        border-bottom: 10px solid #004c99; } }

@media (max-width: 767px) {
  .main-content .swiper-container#swiper-home {
    width: auto;
    margin-left: -25px;
    margin-right: -25px; } }

@media (min-width: 768px) {
  .main-content .swiper-container#swiper-home {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; } }

@media (max-width: 767px) {
  .main-content .swiper-container#swiper-home .swiper-slide img {
    width: 100%; }
  .main-content .swiper-container#swiper-home .swiper-slide.show-desk {
    display: none; }
  .main-content .swiper-container#swiper-home .swiper-slide.show-mob {
    display: block; } }

@media (min-width: 768px) {
  .main-content .swiper-container#swiper-home .swiper-slide.show-desk {
    display: block; }
  .main-content .swiper-container#swiper-home .swiper-slide.show-mob {
    display: none; } }

.main-content .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  .main-content .swiper-slide img {
    width: 100% !important; }

.main-content .swiper-button-next, .main-content .swiper-button-prev {
  background: #fef200; }
  @media (max-width: 767px) {
    .main-content .swiper-button-next, .main-content .swiper-button-prev {
      border-radius: 9vw;
      height: 9vw;
      width: 9vw;
      top: 50%; } }
  @media (min-width: 768px) {
    .main-content .swiper-button-next, .main-content .swiper-button-prev {
      border-radius: 30px;
      height: 56px;
      width: 56px;
      top: 270px; } }
  .main-content .swiper-button-next::after, .main-content .swiper-button-prev::after {
    font-weight: bold;
    color: #004c99; }
    @media (max-width: 767px) {
      .main-content .swiper-button-next::after, .main-content .swiper-button-prev::after {
        font-size: 4vw; } }
    @media (min-width: 768px) {
      .main-content .swiper-button-next::after, .main-content .swiper-button-prev::after {
        font-size: 26px; } }

#footer .footer-strip {
  background-color: #004c99;
  padding: 30px 0;
  position: relative;}
  @media (max-width: 991px) {
    #footer .footer-strip {
      padding-bottom: 15vh; } }

#footer .footer-strip-logo {
  cursor: pointer;
  display: block;
  width: 189px;
  height: 126px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/footer-brand.png) no-repeat right bottom;
  background-size: 100% auto;
}
@media (max-width: 1023px) {
  #footer .footer-strip-logo {
    width: 189px;
    height: 126px;
    bottom: 0vh;
  }
}
@media (max-width: 599px) {
  #footer .footer-strip-logo {
    width: 20%;
  }
}
#footer nav#footer-menu ul {
  font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  list-style: none; }
  @media (max-width: 767px) {
    #footer nav#footer-menu ul {
      font-size: 2.7vw; } }
  @media (min-width: 768px) {
    #footer nav#footer-menu ul {
      font-size: 17px; } }
  #footer nav#footer-menu ul li {
    display: -ms-flexbox;
    display: flex;
    color: #ffffff; }
    #footer nav#footer-menu ul li a {
      color: #ffffff;
      display: block;
      font-weight: bold;
      text-decoration: none;
      text-align: center; }
    #footer nav#footer-menu ul li:not(:last-child)::after {
      content: "|"; }
      @media (max-width: 767px) {
        #footer nav#footer-menu ul li:not(:last-child)::after {
          padding-right: 5px;
          padding-left: 5px; } }
      @media (min-width: 768px) {
        #footer nav#footer-menu ul li:not(:last-child)::after {
          padding-right: 10px;
          padding-left: 10px; } }

#footer p {
  font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
  font-weight: 500; }
  @media (min-width: 992px) {
    #footer p {
      font-size: 17px; } }
  @media (max-width: 991px) {
    #footer p {
      font-size: 2.7vw; } }

.fadeinleft, .fadeintext {
  opacity: 0;
  left: 50px;
  max-width: 100%;
  position: relative; }

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-display: auto;
  font-style: normal;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2"); }

@media (max-width: 991px) {
  .prodotto #collapse {
    height: 215px;
    overflow: hidden; } }

@media (min-width: 992px) {
  .prodotto #collapse {
    display: block; } }

@media (max-width: 991px) {
  .prodotto .nav-toggle {
    display: block; } }

@media (min-width: 992px) {
  .prodotto .nav-toggle {
    display: none; } }

.prodotto .visual {
  position: relative;
  background-size: cover;
  background-position: center;
  width: 100%; }
  @media (min-width: 2000px) {
    .prodotto .visual {
      bottom: 220px; } }
  @media (min-width: 1322px) {
    .prodotto .visual {
      margin-bottom: 180px;
      height: 100vh; } }
  @media (max-width: 1322px) {
    .prodotto .visual {
      margin-bottom: 180px;
      height: 100vh; } }
  @media (max-width: 991px) {
    .prodotto .visual {
      margin-bottom: 130px;
      height: 50vh; } }
  @media (max-width: 767px) {
    .prodotto .visual {
      margin-bottom: 80px;
      height: 50vh; } }
  .prodotto .visual .container {
    position: relative;
    height: inherit; }
  .prodotto .visual .visual-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: end;
        align-items: flex-end;
    position: absolute;
    left: 25px;
    right: 25px; }
    @media (min-width: 1322px) {
      .prodotto .visual .visual-box {
        bottom: -140px; } }
    @media (max-width: 1322px) {
      .prodotto .visual .visual-box {
        bottom: -12vw; } }
    @media (max-width: 991px) {
      .prodotto .visual .visual-box {
        bottom: -80px; } }
    @media (max-width: 767px) {
      .prodotto .visual .visual-box {
        bottom: -60px; } }
    .prodotto .visual .visual-box .prod-img {
      max-width: 20%;
      -ms-flex-item-align: center;
          align-self: center; }
      .prodotto .visual .visual-box .prod-img img {
        width: 100%;
        max-height: 500px;
        height: auto; }
    .prodotto .visual .visual-box .prod-title {
      margin-left: 15px; }
      @media (min-width: 992px) {
        .prodotto .visual .visual-box .prod-title {
          margin-top: 55px; } }
      @media (max-width: 991px) {
        .prodotto .visual .visual-box .prod-title {
          margin-top: 20px; } }
      .prodotto .visual .visual-box .prod-title h1 {
        color: #ffffff;
        font-weight: 500;
        margin: 0; }
        @media (min-width: 1322px) {
          .prodotto .visual .visual-box .prod-title h1 {
            font-size: 70px;
            line-height: 80px;
            margin-bottom: 30px; } }
        @media (max-width: 1322px) {
          .prodotto .visual .visual-box .prod-title h1 {
            font-size: 5.859vw;
            line-height: 6.510vw;
            margin-bottom: 2.604vw; } }
        @media (max-width: 767px) {
          .prodotto .visual .visual-box .prod-title h1 {
            font-size: 5.625vw;
            line-height: 6.5vw;
            margin-bottom: 2.353vw; } }
      .prodotto .visual .visual-box .prod-title .tagline {
        font-weight: 900;
        color: #004c99; }
        @media (min-width: 1322px) {
          .prodotto .visual .visual-box .prod-title .tagline {
            font-size: 40px;
            margin-bottom: 10px; } }
        @media (max-width: 1322px) {
          .prodotto .visual .visual-box .prod-title .tagline {
            font-size: 3.385vw;
            margin-bottom: 10px; } }
        @media (max-width: 767px) {
          .prodotto .visual .visual-box .prod-title .tagline {
            font-size: 3.125vw;
            margin-bottom: 8px; } }
      .prodotto .visual .visual-box .prod-title .liner {
        width: 25px;
        margin-left: 25px; }
        @media (max-width: 991px) {
          .prodotto .visual .visual-box .prod-title .liner {
            margin-bottom: 20px;
            height: 4px; } }
        @media (min-width: 992px) {
          .prodotto .visual .visual-box .prod-title .liner {
            margin-bottom: 55px;
            height: 5px; } }
        .prodotto .visual .visual-box .prod-title .liner::before {
          left: -25px;
          width: 25px; }
          @media (max-width: 991px) {
            .prodotto .visual .visual-box .prod-title .liner::before {
              height: 4px; } }
          @media (min-width: 992px) {
            .prodotto .visual .visual-box .prod-title .liner::before {
              height: 5px; } }
        .prodotto .visual .visual-box .prod-title .liner::after {
          left: 25px;
          width: 25px; }
          @media (max-width: 991px) {
            .prodotto .visual .visual-box .prod-title .liner::after {
              height: 4px; } }
          @media (min-width: 992px) {
            .prodotto .visual .visual-box .prod-title .liner::after {
              height: 5px; } }

@media (min-width: 992px) {
  .prodotto .row {
    display: block;
    /*position: relative;*/
    /*flex-wrap: wrap;*/ } }

.prodotto .row .col-lg-6 {
  float: left; }

.prodotto .row .col-lg-6:nth-of-type(2) {
  float: right; }

@media (max-width: 991px) {
  .prodotto .spacer {
    height: 40px; } }

@media (min-width: 992px) {
  .prodotto .spacer {
    height: 80px; } }

.prodotto .field-text {
  color: #004c99;
  font-weight: 500;
  /*
      @media (min-width: 1322px){
        font-size: 20px;
      }
      @media (max-width: 1322px){
        font-size: 1.8vw;
      }
      @include mediaOnly(md){
        font-size: 3.1vw;
      }

      @include mediaOnly(sm) {
        font-size: 3.7vw;
      }*/ }
  @media (min-width: 1322px) {
    .prodotto .field-text {
      font-size: 20px; } }
  @media (max-width: 1322px) {
    .prodotto .field-text {
      font-size: 1.513vw; } }
  @media (max-width: 991px) {
    .prodotto .field-text {
      font-size: 3vw; } }
  @media (max-width: 767px) {
    .prodotto .field-text {
      font-size: 3.7vw; } }
  .prodotto .field-text img {
    max-width: 100%; }

.prodotto .piramide {
  float: right;
  max-width: 320px; }
  @media (max-width: 991px) {
    .prodotto .piramide {
      width: 25%;
      margin: 0 0 2vw 2vw; } }
  @media (min-width: 992px) {
    .prodotto .piramide {
      width: 30%;
      margin: 0 0 10px 10px; } }

.prodotto h2 {
  font-weight: 900; }
  @media (max-width: 991px) {
    .prodotto h2 {
      font-size: 3.516vw; } }
  @media (min-width: 992px) {
    .prodotto h2 {
      font-size: 22.5px; } }

.prodotto a.nav-toggle {
  font-weight: 900;
  color: #0081c6 !important;
  text-decoration: none !important; }

@media (min-width: 992px) {
  .prodotto .col-lg-6:nth-of-type(1) {
    /* margin-bottom: 550px;*/ } }

.prodotto .col-lg-6:nth-of-type(2) {
  position: static;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 991px) {
    .prodotto .col-lg-6:nth-of-type(2) {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }
  @media (min-width: 992px) {
    .prodotto .col-lg-6:nth-of-type(2) {
      -ms-flex-direction: column;
          flex-direction: column; }
      .prodotto .col-lg-6:nth-of-type(2) .spacer:first-of-type {
        display: none; } }

.prodotto .tabelle-nutrizionali {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media (max-width: 991px) {
    .prodotto .tabelle-nutrizionali {
      margin-top: 20px; } }
  @media (min-width: 992px) {
    .prodotto .tabelle-nutrizionali {
      margin-top: 40px; } }

.prodotto .tab-col {
  width: 50%; }
  .prodotto .tab-col .tab-round {
    border-radius: 50%;
    position: relative; }
    .prodotto .tab-col .tab-round#round-vitamine-1 {
      width: 100%;
      padding-top: 100%;
      margin: 0 auto;
      background-color: #fef200;
      z-index: 1; }
    .prodotto .tab-col .tab-round#round-vitamine-2 {
      width: 120%;
      padding-top: 120%;
      background-color: #004c99; }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round#round-vitamine-2 {
          margin-left: -5.938vw;
          margin-top: 6.250vw; } }
      @media (min-width: 992px) {
        .prodotto .tab-col .tab-round#round-vitamine-2 {
          margin-left: -38px;
          margin-top: 40px; } }
      .prodotto .tab-col .tab-round#round-vitamine-2 .tab {
        color: #ffffff; }
        .prodotto .tab-col .tab-round#round-vitamine-2 .tab th {
          color: #fef200; }
    .prodotto .tab-col .tab-round#round-vitamine-3 {
      width: 120%;
      padding-top: 120%;
      background-color: #ffffff; }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round#round-vitamine-3 {
          margin-top: -9.412vw; } }
      @media (min-width: 992px) {
        .prodotto .tab-col .tab-round#round-vitamine-3 {
          margin-top: -70px; } }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round#round-vitamine-3 .tab {
          border: 2.865vw solid #fef200; } }
      @media (min-width: 992px) {
        .prodotto .tab-col .tab-round#round-vitamine-3 .tab {
          border: 20px solid #fef200; } }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round#round-vitamine-3 .tab table {
          margin-left: -3.594vw;
          margin-top: 3vw; } }
      @media (min-width: 992px) {
        .prodotto .tab-col .tab-round#round-vitamine-3 .tab table {
          margin-left: -23px;
          margin-top: 20px; } }
    .prodotto .tab-col .tab-round#round-vitamine-4 {
      width: 75%;
      padding-top: 75%;
      background-color: #0081c6; }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round#round-vitamine-4 {
          margin-top: -9.375vw;
          margin-left: 3.125vw; } }
      @media (min-width: 992px) {
        .prodotto .tab-col .tab-round#round-vitamine-4 {
          margin-top: -60px;
          margin-left: 20px; } }
      .prodotto .tab-col .tab-round#round-vitamine-4 .tab {
        color: #ffffff; }
        .prodotto .tab-col .tab-round#round-vitamine-4 .tab th {
          color: #fef200; }
    .prodotto .tab-col .tab-round .tab {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center;
      color: #004c99; }
      @media (min-width: 1322px) {
        .prodotto .tab-col .tab-round .tab table {
          font-size: 15px; } }
      @media (max-width: 1322px) {
        .prodotto .tab-col .tab-round .tab table {
          font-size: 1vw; } }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round .tab table {
          font-size: 2.1vw; } }
      @media (max-width: 767px) {
        .prodotto .tab-col .tab-round .tab table {
          font-size: 2vw; } }
      @media (min-width: 1322px) {
        .prodotto .tab-col .tab-round .tab table th {
          line-height: 16px;
          padding-bottom: 0.488vw; } }
      @media (max-width: 1322px) {
        .prodotto .tab-col .tab-round .tab table th {
          line-height: 0.977vw;
          padding-bottom: 0.488vw; } }
      @media (max-width: 991px) {
        .prodotto .tab-col .tab-round .tab table th {
          line-height: 2.8vw;
          padding-bottom: 1.2vw; } }
      @media (max-width: 767px) {
        .prodotto .tab-col .tab-round .tab table th {
          line-height: 2.8vw;
          padding-bottom: 1.2vw; } }
      .prodotto .tab-col .tab-round .tab table td {
        vertical-align: bottom; }
      .prodotto .tab-col .tab-round .tab table td:nth-of-type(odd) {
        text-align: right;
        font-weight: 500; }
        @media (max-width: 991px) {
          .prodotto .tab-col .tab-round .tab table td:nth-of-type(odd) {
            padding-left: 0.781vw; } }
        @media (min-width: 992px) {
          .prodotto .tab-col .tab-round .tab table td:nth-of-type(odd) {
            padding-left: 5px; } }
      .prodotto .tab-col .tab-round .tab table td:nth-of-type(even) {
        text-align: left;
        font-weight: 900; }
        @media (max-width: 991px) {
          .prodotto .tab-col .tab-round .tab table td:nth-of-type(even) {
            padding-left: 0.781vw; } }
        @media (min-width: 992px) {
          .prodotto .tab-col .tab-round .tab table td:nth-of-type(even) {
            padding-left: 5px; } }
        @media (max-width: 991px) {
          .prodotto .tab-col .tab-round .tab table td:nth-of-type(even) span {
            font-size: 1.2vw; } }
        @media (min-width: 992px) {
          .prodotto .tab-col .tab-round .tab table td:nth-of-type(even) span {
            font-size: 10px; } }

.prodotto div#card-1 {
  margin-left: -25px;
  margin-right: -25px; }

.prodotto .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fef200; }
  .prodotto .card h2 {
    margin: 0; }
  .prodotto .card .card-body {
    padding: 0 25px 0.75rem 25px;
    color: #004c99; }
    .prodotto .card .card-body ul {
      padding-left: 0;
      padding-right: 0;
      list-style: none; }
      .prodotto .card .card-body ul li::before {
        content: "- ";
        font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
        font-weight: 900; }

.prodotto .card-link::after {
  content: "\f105";
  right: 20px;
  color: #004c99;
  position: absolute;
  font-family: 'FontAwesome', sans-serif;
  line-height: 0;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 1322px) {
    .prodotto .card-link::after {
      font-size: 44px; } }
  @media (max-width: 1322px) {
    .prodotto .card-link::after {
      font-size: 44px; } }
  @media (max-width: 991px) {
    .prodotto .card-link::after {
      font-size: 7.813vw; } }
  @media (max-width: 767px) {
    .prodotto .card-link::after {
      font-size: 7.813vw; } }

.prodotto .card-link[aria-expanded="true"]::after {
  content: "\f107"; }

.prodotto .card-link:hover {
  text-decoration: none; }

.prodotto .card-link + .card-link {
  margin-left: 1.25rem; }

.prodotto .card-header {
  padding: 1rem 25px;
  margin-bottom: 0;
  background-color: #fef200;
  position: relative; }

.prodotto .box-prod-correlati .container {
  width: auto;
  margin-left: -25px;
  margin-right: -25px; }

@media (max-width: 767px) {
  .prodotto .box-prod-correlati {
    width: auto;
    margin-left: -25px;
    margin-right: -25px; }
    .prodotto .box-prod-correlati .field-title {
      margin-left: 25px;
      margin-right: 25px; } }

.prodotto #swiper-prod .swiper-slide {
  height: auto; }

.prodotto #swiper-prod .single-prod {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .prodotto #swiper-prod .single-prod a:hover {
    text-decoration: none; }
  .prodotto #swiper-prod .single-prod .prod-ring {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100%;
    background: #fef200;
    border-radius: 50%;
    overflow: hidden; }
    .prodotto #swiper-prod .single-prod .prod-ring:before {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .prodotto #swiper-prod .single-prod .prod-ring .field-image {
      position: absolute;
      top: 5px;
      left: 50%;
      padding: 0;
      text-align: center;
      transform: translateX(-50%);
      z-index: 2;
      -ms-flex-align: end;
          align-items: flex-end;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 90%;
      margin: 0 auto; }
      .prodotto #swiper-prod .single-prod .prod-ring .field-image div {
        display: contents; }
        .prodotto #swiper-prod .single-prod .prod-ring .field-image div img {
          border-style: none;
          margin: 0 auto;
          width: auto;
          max-width: 100%;
          max-height: 100%;
          height: auto; }
    .prodotto #swiper-prod .single-prod .prod-ring .ring {
      background: #ffffff;
      position: relative;
      text-align: center;
      z-index: 1;
      width: 85%;
      height: 85%;
      margin: auto;
      border-radius: 50%; }
      .prodotto #swiper-prod .single-prod .prod-ring .ring:before {
        content: "";
        display: block;
        padding-bottom: 100%; }
  .prodotto #swiper-prod .single-prod .field-title {
    color: #004c99;
    width: 100%;
    text-align: center;
    margin: 25px auto;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  @media (max-width: 991px) {
    .prodotto #swiper-prod .single-prod {
      font-size: 15px; } }
  @media (min-width: 992px) {
    .prodotto #swiper-prod .single-prod {
      font-size: 17px; } }
  @media (max-width: 991px) {
    .prodotto #swiper-prod .single-prod .field-link.cta {
      padding-bottom: 0;
      margin: 0 auto;
      width: 100%;
      min-height: 47px;
      border-bottom: 1vw solid #fef200; } }
  @media (max-width: 767px) {
    .prodotto #swiper-prod .single-prod .field-link.cta {
      width: 160px; } }
  @media (min-width: 992px) {
    .prodotto #swiper-prod .single-prod .field-link.cta {
      width: 100%;
      min-height: 54px;
      margin: 0 auto;
      border-bottom: 10px solid #fef200; } }
  @media (max-width: 991px) {
    .prodotto #swiper-prod .single-prod .field-link.cta a {
      font-size: 14px;
      padding-top: 10px; } }
  @media (min-width: 992px) {
    .prodotto #swiper-prod .single-prod .field-link.cta a {
      font-size: 15px;
      padding-top: 13px; } }

.prodotto #swiper-prod .swiper-pagination {
  position: static !important; }

@media (min-width: 768px) {
  .bts#content-wrapper {
    padding-top: 130px; } }

@media (max-width: 767px) {
  .bts#content-wrapper {
    padding-top: 100px; } }

.bts .main-title, .bts.ng .swiper-slide .field-title-main {
  font-family: 'Pacifico', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #004d9f;
  line-height: 1.4;
  margin-top: unset; }
  @media (min-width: 768px) {
    .bts .main-title, .bts.ng .swiper-slide .field-title-main {
      font-size: 82px; } }
  @media (max-width: 991px) {
    .bts .main-title, .bts.ng .swiper-slide .field-title-main {
      font-size: 48px; } }
  @media (max-width: 767px) {
    .bts .main-title, .bts.ng .swiper-slide .field-title-main {
      font-size: 8.4vw;
      margin-bottom: 15px; } }

.bts .secondary-title, .bts.ng .swiper-slide .field-title-secondary {
  font-family: 'Pacifico', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #0081c5;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .bts .secondary-title, .bts.ng .swiper-slide .field-title-secondary {
      font-size: 64px;
      margin-bottom: 50px; } }
  @media (max-width: 991px) {
    .bts .secondary-title, .bts.ng .swiper-slide .field-title-secondary {
      font-size: 36px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .bts .secondary-title, .bts.ng .swiper-slide .field-title-secondary {
      font-size: 8.1vw;
      margin-bottom: 30px; } }

.bts .subtitle {
  color: #0081c5;
  text-align: center;
  margin: 0 auto;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .bts .subtitle {
      font-size: 28px;
      width: 55%; } }
  @media (max-width: 991px) {
    .bts .subtitle {
      margin-bottom: 30px;
      font-size: 18px; } }
  @media (max-width: 767px) {
    .bts .subtitle {
      margin-bottom: 30px;
      font-size: 6vw; } }
  .bts .subtitle a {
    text-decoration: underline;
    color: inherit; }
  .bts .subtitle .bigger {
    font-size: calc(100% * 1.4); }

.bts .flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.bts .dark, .bts .subtitle a:hover {
  color: #004d9f; }

@media (min-width: 768px) {
  .bts .col-img {
    padding: 0 50px 0 0; } }

@media (max-width: 991px) {
  .bts .col-img {
    padding: 0 25px 0 0; } }

@media (max-width: 767px) {
  .bts .col-img {
    padding: 0 25px; } }

@media (min-width: 768px) {
  .bts .col-img + .col-text {
    text-align: left; } }

@media (min-width: 768px) {
  .bts .col-text {
    text-align: right;
    padding: 0 50px; } }

@media (max-width: 991px) {
  .bts .col-text {
    padding: 0 25px; } }

@media (min-width: 768px) {
  .bts .col-text + .col-img {
    padding: 0 0 0 50px; } }

@media (max-width: 991px) {
  .bts .col-text + .col-img {
    padding: 0 0 0 25px; } }

@media (max-width: 767px) {
  .bts .col-text + .col-img {
    -ms-flex-order: -1;
        order: -1; } }

.bts .col-text .field-text {
  font-family: 'M PLUS Rounded 1c', Helvetica, Arial, sans-serif;
  color: #0081c5;
  font-weight: normal; }
  @media (min-width: 768px) {
    .bts .col-text .field-text {
      font-size: 28px;
      line-height: 1.2; } }
  @media (max-width: 991px) {
    .bts .col-text .field-text {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .bts .col-text .field-text {
      font-size: 5.2vw;
      line-height: 1.3; } }

@media (min-width: 768px) {
  .bts .show-desk {
    display: block; }
  .bts .show-mob {
    display: none; } }

@media (max-width: 767px) {
  .bts .show-desk {
    display: none; }
  .bts .show-mob {
    display: block; } }

.bts .separator img {
  width: 100%; }

.bts .field-image img {
  max-width: 100%; }

.bts .btn {
  color: #fff;
  background: #0ab0ee;
  background: linear-gradient(176deg, #0ab0ee 10%, #00356b 56%);
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  display: table;
  outline: 0;
  line-height: 1;
  transition: all .2s ease-in-out;
  text-decoration: none;
  border-radius: 50px;
  /* min width 992 */
  /* max width 991 */ }
  @media (min-width: 992px) {
    .bts .btn {
      margin: 50px auto 60px auto;
      padding: 25px 80px;
      font-size: 34px; } }
  @media (max-width: 991px) {
    .bts .btn {
      margin: 20px auto 40px auto;
      padding: 15px 50px;
      font-size: 20px; } }
  @media (max-width: 767px) {
    .bts .btn {
      margin: 20px auto 40px auto;
      padding: 15px 0;
      width: 100%;
      font-size: 24px; } }

.bts.curiosando .row {
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 768px) {
    .bts.curiosando .row {
      margin-bottom: 60px; } }
  @media (max-width: 991px) {
    .bts.curiosando .row {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .bts.curiosando .row {
      margin-bottom: 40px; } }

@media (min-width: 992px) {
  .bts.curiosando .subtitle {
    margin-bottom: 100px; } }

@media (max-width: 991px) {
  .bts.curiosando .subtitle {
    margin-bottom: 50px; } }

.bts.curiosando .col-text .field-title {
  font-family: 'Pacifico', Helvetica, Arial, sans-serif;
  color: #fed700;
  font-size: 54px;
  line-height: 1.2;
  font-weight: normal; }
  @media (min-width: 768px) {
    .bts.curiosando .col-text .field-title {
      font-size: 54px;
      margin-bottom: 25px; } }
  @media (max-width: 991px) {
    .bts.curiosando .col-text .field-title {
      font-size: 40px; } }
  @media (max-width: 767px) {
    .bts.curiosando .col-text .field-title {
      font-size: 8.471vw;
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: center; } }

.bts.gioco .container {
  text-align: center; }

@media (min-width: 992px) {
  .bts.gioco .separator {
    margin-bottom: 70px; } }

@media (max-width: 991px) {
  .bts.gioco .separator {
    margin-bottom: 40px; } }

@media (max-width: 767px) {
  .bts.gioco .separator {
    margin-bottom: 30px; } }

.bts.gioco .separator:nth-of-type(3) {
  margin-top: 50px; }

@media (min-width: 992px) {
  .bts.gioco .secondary-title, .bts.gioco .bts.ng .swiper-slide .field-title-secondary, .bts.ng .swiper-slide .bts.gioco .field-title-secondary {
    margin-bottom: 100px; } }

@media (max-width: 991px) {
  .bts.gioco .secondary-title, .bts.gioco .bts.ng .swiper-slide .field-title-secondary, .bts.ng .swiper-slide .bts.gioco .field-title-secondary {
    margin-bottom: 50px; } }

@media (max-width: 767px) {
  .bts.gioco .secondary-title, .bts.gioco .bts.ng .swiper-slide .field-title-secondary, .bts.ng .swiper-slide .bts.gioco .field-title-secondary {
    margin-bottom: 40px; } }

.bts.ng .row {
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 768px) {
    .bts.ng .row:nth-of-type(2) {
      margin-bottom: 60px; } }
  @media (max-width: 991px) {
    .bts.ng .row {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .bts.ng .row {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .bts.ng .main-title, .bts.ng .swiper-slide .field-title-main {
    margin-bottom: 100px; } }

@media (max-width: 991px) {
  .bts.ng .main-title, .bts.ng .swiper-slide .field-title-main {
    margin-bottom: 60px; } }

@media (max-width: 767px) {
  .bts.ng .main-title, .bts.ng .swiper-slide .field-title-main {
    margin-bottom: 30px; } }

@media (min-width: 768px) {
  .bts.ng .secondary-title, .bts.ng .swiper-slide .field-title-secondary {
    margin-bottom: 0; } }

@media (max-width: 767px) {
  .bts.ng .secondary-title, .bts.ng .swiper-slide .field-title-secondary {
    margin-bottom: 15px; } }

.bts.ng .secondary-title.before-smile, .bts.ng .swiper-slide .before-smile.field-title-secondary {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  @media (min-width: 768px) {
    .bts.ng .secondary-title.before-smile, .bts.ng .swiper-slide .before-smile.field-title-secondary {
      margin: 90px auto -70px; } }
  @media (max-width: 991px) {
    .bts.ng .secondary-title.before-smile, .bts.ng .swiper-slide .before-smile.field-title-secondary {
      margin: 70px auto -50px; } }
  @media (max-width: 767px) {
    .bts.ng .secondary-title.before-smile, .bts.ng .swiper-slide .before-smile.field-title-secondary {
      margin: 40px auto 0; } }
  .bts.ng .secondary-title.before-smile:before, .bts.ng .swiper-slide .before-smile.field-title-secondary:before {
    content: "";
    position: absolute;
    width: 121px;
    height: 41px;
    top: 110%;
    right: 15%;
    background-image: url("../images/bts/before-smile.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 991px) {
      .bts.ng .secondary-title.before-smile:before, .bts.ng .swiper-slide .before-smile.field-title-secondary:before {
        width: 60px;
        height: 20px; } }

@media (max-width: 767px) {
  .bts.ng [class^="col"] .field-image {
    margin-top: 20px;
    margin-bottom: 30px; } }

@media (min-width: 768px) {
  .bts.ng .col-text {
    text-align: right;
    padding: 0 50px; } }

@media (max-width: 991px) {
  .bts.ng .col-text {
    padding: 0 25px; } }

.bts.ng .col-text .field-title {
  line-height: 1.2; }
  @media (min-width: 768px) {
    .bts.ng .col-text .field-title {
      font-size: 56px;
      margin-bottom: 40px; } }
  @media (max-width: 991px) {
    .bts.ng .col-text .field-title {
      font-size: 38px; } }
  @media (max-width: 767px) {
    .bts.ng .col-text .field-title {
      font-size: 8.471vw;
      margin-top: 15px;
      margin-bottom: 15px; } }

@media (max-width: 767px) {
  .bts.ng .col-text .field-text {
    text-align: center; } }

@media (min-width: 768px) {
  .bts.ng .col-text + .col-img {
    padding: 0 0 0 50px; } }

@media (max-width: 991px) {
  .bts.ng .col-text + .col-img {
    padding: 0 0 0 25px; } }

@media (max-width: 767px) {
  .bts.ng .col-text + .col-img {
    -ms-flex-order: -1;
        order: -1; } }

@media (min-width: 768px) {
  .bts.ng .col-text + .col-img .card {
    margin-left: -40%; } }

.bts.ng .partner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 768px) {
    .bts.ng .partner {
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin-top: 40px; } }
  @media (max-width: 767px) {
    .bts.ng .partner {
      margin-top: 20px; } }
  @media (max-width: 767px) {
    .bts.ng .partner {
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  .bts.ng .partner .field-image {
    display: inline-block;
    text-align: center; }
    @media (min-width: 992px) {
      .bts.ng .partner .field-image {
        margin-left: 60px;
        max-width: calc(50% - 60px); } }
    @media (max-width: 991px) {
      .bts.ng .partner .field-image {
        max-width: calc(50% - 30px);
        margin-left: 30px; } }
    @media (max-width: 767px) {
      .bts.ng .partner .field-image {
        margin-left: 0; } }

@media (min-width: 768px) {
  .bts.ng .separator:nth-of-type(2) {
    margin-bottom: 40px; } }

@media (max-width: 767px) {
  .bts.ng .separator:nth-of-type(4) {
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .bts.ng .last-box {
    margin-bottom: 200px; }
    .bts.ng .last-box .col-text:first-of-type {
      position: relative; }
      .bts.ng .last-box .col-text:first-of-type:before {
        content: "";
        position: absolute;
        width: 237px;
        height: 246px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-image: url("../images/bts/stella-cuore.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .bts.ng .last-box .col-text:first-of-type:before {
          width: 118px;
          height: 123px; } }

@media (max-width: 991px) {
  .bts.ng .last-box {
    margin-bottom: 100px; } }

@media (max-width: 767px) {
  .bts.ng .last-box {
    position: relative;
    margin-bottom: 160px; }
    .bts.ng .last-box:before {
      content: "";
      position: absolute;
      width: 237px;
      height: 246px;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      background-image: url("../images/bts/stella-cuore.png");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; } }
    @media (max-width: 767px) and (max-width: 991px) {
      .bts.ng .last-box:before {
        width: 118px;
        height: 123px; } }

.bts.ng .last-box .field-image {
  margin-bottom: 40px; }

@media (min-width: 768px) {
  .bts.ng .swiper-container {
    margin-bottom: 50px; } }

@media (max-width: 991px) {
  .bts.ng .swiper-container {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  .bts.ng .swiper-wrapper {
    margin-bottom: 30px; } }

.bts.ng .swiper-pagination-bullet {
  background-color: white;
  border: 3px solid #ffec00;
  opacity: 1; }
  @media (min-width: 768px) {
    .bts.ng .swiper-pagination-bullet {
      width: 20px;
      height: 20px; } }
  @media (max-width: 991px) {
    .bts.ng .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      border-width: 2px; } }

.bts.ng .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px; }
  @media (max-width: 767px) {
    .bts.ng .swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 0; } }

.bts.ng .swiper-pagination-bullet-active {
  background-color: #ffec00; }

@media (min-width: 768px) {
  .bts.ng .swiper-slide {
    margin-bottom: 70px; } }

.bts.ng .swiper-slide .container {
  position: relative; }

.bts.ng .swiper-slide .field-title {
  position: absolute; }
  @media (min-width: 768px) {
    .bts.ng .swiper-slide .field-title {
      width: 50%;
      bottom: 6%;
      left: 4%; } }
  @media (max-width: 767px) {
    .bts.ng .swiper-slide .field-title {
      width: 100%;
      bottom: 6%;
      left: 50%;
      transform: translateX(-50%); } }
  .bts.ng .swiper-slide .field-title-main, .bts.ng .swiper-slide .field-title-secondary {
    color: #ffffff;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .bts.ng .swiper-slide .field-title-main, .bts.ng .swiper-slide .field-title-secondary {
        text-align: left; } }

.bts.ng .swiper-slide .field-image:first-child img {
  width: 100%; }

.bts.ng .swiper-slide .slide-card {
  position: absolute;
  bottom: -12%;
  right: -12%;
  width: 62%; }
  @media (max-width: 767px) {
    .bts.ng .swiper-slide .slide-card {
      display: none; } }

@media (min-width: 768px) {
  .bts .card .col-img {
    padding: 0 50px 0 0; } }

@media (max-width: 991px) {
  .bts .card .col-img {
    padding: 0 25px 0 0; } }

@media (max-width: 767px) {
  .bts .card .col-img {
    padding: 0 25px; } }

@media (min-width: 768px) {
  .bts .card .col-img + .col-text {
    text-align: left; } }

@media (min-width: 768px) {
  .bts .card .col-img .field-image {
    margin-left: -40%;
    transform: translateX(10%); } }

@media (max-width: 767px) {
  .bts .card .col-img .field-image {
    transform: translateX(-10%); } }

@media (min-width: 768px) {
  .bts .card .col-text {
    text-align: right;
    padding: 0 50px; } }

@media (max-width: 991px) {
  .bts .card .col-text {
    text-align: right;
    padding: 0 25px; } }

@media (max-width: 767px) {
  .bts .card .col-text .field-text {
    text-align: center; } }

@media (min-width: 768px) {
  .bts .card .col-text + .col-img .field-image {
    transform: translateX(-3%); } }

@media (min-width: 768px) {
  .bts .card .col-text + .col-img {
    padding: 0 0 0 50px; } }

@media (max-width: 991px) {
  .bts .card .col-text + .col-img {
    padding: 0 0 0 25px; } }

@media (max-width: 767px) {
  .bts .card .col-text + .col-img {
    -ms-flex-order: -1;
        order: -1; } }

.hidden_slide_home{
  display: none;
}