/**
 * @file
 * Subtheme specific CSS.
 */
/***********
 LOADER
 **********/

#loader_out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 999992;
  overflow: hidden;
}

#loader_in {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
}

.loader_img {
  max-width: 200px;
  display: block;
  animation-name: loaderPulse;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes loaderPulse {
  0% {
    transform: scale(0.8, 0.8);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0.8;
  }
}

/*********
GLOBALS
**********/

.node .field--type-image {
  margin: 0;
}

.container, .row, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin: 0;
}

.btn {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
}

#main,
.row,
.col,
.col-12,
.container-fluid {
  --bs-gutter-x: 0;
}

div {
  scroll-margin-top: 152px;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  color: #3b3b3b;
  font-size: 1rem;
  font-family: 'Karla';
}

p,
ul,
.field_body {
  font-size: .9rem;
}

h3, h4, h1 {
  font-family: 'Josefin Slab';
  font-weight: 700;
}

/******************
HEADER NAVBAR
******************/

#navbar-main {
  background-color: #fff;
  flex-direction: row;
  padding: 1rem 1rem;
}

a.navbar-brand img {
  max-width: 180px;
}

.navbar-toggler {
  font-size: 12px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: #6e7a64;
  text-transform: uppercase;
}

.it.nav-link a,
.en.nav-link a,
.fr.nav-link a {
  font-size: 0;
}

.it.nav-link a::before,
.en.nav-link a::before,
.fr.nav-link a::before {
  content: " ";
  display: inline-block;
  width: 19px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-right: 5px;
}

.it.nav-link a::before {
  background-image: url("/assets/it.png");
}

.en.nav-link a::before {
  background-image: url("/assets/en.png");
}

.fr.nav-link a::before {
  background-image: url("/assets/fr.png");
}

/*************
HEADER COVER
**************/

.node_header_wrapper {
  position: relative;
}

.node_header_wrapper .strappo.bottom {
  position: absolute;
  bottom: -16%;
  left: 0;
}

.strappo.bottom {
  rotate: 180deg;
}

/***********
PARALLAX
************/

.paragraph.parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  min-height: 44vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.parallax_wrapper .paragraph.parallax::after {
  content: url("/assets/strappo_bottom_parallax01.png");
  position: absolute;
  top: -3px;
  right: 0;
}

.parallax_wrapper .paragraph.parallax::before {
  content: url("/assets/strappo_top_color-2.png");
  position: absolute;
  bottom: -12px;
  right: 0;
}

/**********
LANDING
***********/

.landing-01 .paragraph--type--two-columns-text .paragraph_tt .col-txt .field__item p strong,
.landing-01 .paragraph--type--two-columns-text .paragraph_tt .col-txt2 .field__item p strong {
  display: flex;
  align-items: center;
}

.landing-01 .paragraph--type--two-columns-text .paragraph_tt .col-txt .field__item p:nth-of-type(1) strong::before {
  content: url(/assets/cookie.png);
  margin-right: 15px;
}
.landing-01 .paragraph--type--two-columns-text .paragraph_tt .col-txt .field__item p:nth-of-type(3) strong::before {
  content: url(/assets/star.png);
  margin-right: 15px;
}
.landing-01 .paragraph--type--two-columns-text .paragraph_tt .col-txt2 .field__item p:nth-of-type(1) strong::before {
  content: url(/assets/tazza.png);
  margin-right: 15px;
}
.landing-01 .paragraph--type--two-columns-text .paragraph_tt .col-txt2 .field__item p:nth-of-type(3) strong::before {
  content: url(/assets/cuochi-2.png);
  margin-right: 15px;
}

.landing-01 .paragraph--type--text .title-landing,
.landing-03 .paragraph--type--text .title-landing {
  margin-top: 3rem;
}

.paragraph--type--text .title-landing {
  max-width: 100%;
  margin: auto;
  padding: 0 2rem;
}

.site-footer .block {
  margin: 8px 0;
}

.paragraph--type--two-columns-text {
  display: flex;
  justify-content: center;
  padding: 2rem;
  border: 1px solid #fff;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper {
  background-color: #8c9d87;
}

.paragraph--type--text-and-image .retail_text .paragraph_tai {
  align-items: center;
  padding: 5rem 0;
  margin-top: 5rem;
}

.node--type-homepage .paragraph--type--text-and-image .paragraph_tai_wrapper .col-tai-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.node--type-homepage .paragraph--type--text-and-image .retail_text img {
  max-width: 230px;
  margin-bottom: 3rem;
}

.node--type-homepage .paragraph--type--text-and-image .paragraph_tai_wrapper.retail_text .col-tai-txt {
  display: flex;
  justify-content: start;
  color: #fff;
  padding: 0 2rem;
  margin: auto;
}

.node--type-homepage .airplane_home img {
  max-width: 60%;
  margin: 3rem auto;
  display: flex;
}

.node--type-homepage .paragraph--type--images-grid .images_grid_wrapper {
  padding: 0 17rem;
  display: flex;
  justify-content: center;
}

.node--type-homepage .paragraph--type--images-grid .images_grid_wrapper .images_grid {
  max-width: 90%;
}

.node--type-homepage .paragraph--type--text .text_button {
  padding: 0rem 0 2vh;
  background-color: #a4b5ab;
  margin: 0 auto;
  position: relative;
  color: #fff;
}

.node--type-homepage .paragraph--type--text .text_button .text_wrapper {
  padding: 0 2rem;
  max-width: 650px;
}

.node--type-homepage .paragraph--type--text .text_button .text_wrapper ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 17px;
}

.node--type-homepage .paragraph--type--text .text_button .text_wrapper ul li strong {
  color: #676d66;
}

.node--type-homepage .paragraph--type--text .text_button .text_wrapper h3 {
  border-bottom: 1px dashed #fff;
  padding: 10px 0 15px;
  margin-bottom: 2rem;
  display: inline-block;
}

.node--type-homepage .field__items .field__item .paragraph--type--text .text_button::after {
  content: url("/assets/travel-bg-2.png");
  position: absolute;
  top: 25px;
  left: 0;
  opacity: 0;
  z-index: 9;
}

.node--type-biscotto.node--view-mode-teaser .field_copertina img.image-style-large {
  max-width: 70%;
  transition: .5s;
  margin-top: 20px;
}

/************************
PRODOTTI TEASER WRAPPER
*************************/

.node--view-mode-teaser {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper .field_copertina img {
  padding: 20px;
}

.landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
  display: flex;
  text-align: center;
  border: 1px dashed #cecece;
  min-height: 350px;
  width: auto;
  margin: 1rem .5rem;
  transition: .9s;
}

.landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper:hover {
  background-color: #c3d0bf;
  transition: .5s;
}

.landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .field_node_title h4 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.node--type-homepage .paragraph--type--view .view_wrapper {
  padding: 0 2rem;
  margin: 1rem 0;
  position: relative;
  z-index: 100;
}

.landing-01 .node--type-homepage .paragraph--type--view .view_wrapper {
  margin-bottom: 4rem;
}

.landing-01 .text_view_footer,
.landing-02 .text_view_footer {
  padding: 0 2rem;
  text-align: center;
}

.landing-01 .paragraph--type--view .view_wrapper::before {
  content: url("/assets/tazza_landingbricco.png");
  position: absolute;
  top: 220px;
  left: -130px;
  rotate: 24deg;
}

.landing-01 .paragraph--type--view .view_wrapper::after {
  content: url("/assets/nocciole.png");
  position: absolute;
  bottom: 120px;
  right: 0;
  z-index: -1;
}

.card {
  border-radius: 0;
}

.prodotto_teaser_wrapper .divisore {
  height: 1.5px;
  width: 40px;
  background-color: #000;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.node--type-biscotto.node--view-mode-teaser .field_copertina {
  position: relative;
}

.node--type-biscotto.node--view-mode-teaser .field_copertina .cover2 {
  position: absolute;
  top: 0;
  left: 0;
}

.node--type-biscotto.node--view-mode-teaser .field_copertina .cover2 img {
  opacity: 0;
}

.node--type-biscotto.node--view-mode-teaser:hover .field_copertina .cover2 img {
  opacity: 1;
  transition: .9s;
}

.field--type-image img, .field--name-field-user-picture img {
  margin: 0;
  margin-top: 1rem;
}

.node--type-biscotto.node--view-mode-teaser .field_copertina .cover2 img,
.node--type-biscotto.node--view-mode-teaser:hover .field_copertina .cover1 img,
.node--type-biscotto.node--view-mode-teaser .field_copertina:hover .cover1 img,
.node--type-biscotto.node--view-mode-teaser .field_copertina .cover2 img {
  opacity: 0;
  margin-top: 1rem;
}

.paragraph--type--view .view_wrapper .grid .row .col-md-6.col-lg-3 {
  padding: 0 0.5rem;
}

/********
WEBFORM
*********/

.paragraph--type--webform {
  padding: 3rem 10vw;
  background-color: #a3b5ab;
}

#block-landingbricco-webform-2 {
  background-color: #eaeaea;
  padding: 0 2rem;
  padding-top: 5rem;
}

/******
MODAL
*******/

.modal.fade.show {
  background-color: #0000006b;
}

.modal-backdrop.show {
  opacity: 0;
  display: none;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0rem;
}

.modal-body .col_monoporzioni .field--type-image .field__item img {
  max-width: 37%;
  margin-bottom: 3rem;
}

.modal-body .col_packaging {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/***************
WEBFORM SPLOSOR
****************/

.modal-form-wrapper {
  color: #fff;
}

.modal-form-wrapper .modal-content {
  background-color: red;
}

.modal-form-wrapper .modal-header {
  background-color: #b2bbb9;
  color: #3b3b3b;
  text-transform: uppercase;
  font-family: "Josefin";
}

.modal-form-wrapper .modal-body {
  padding: 2rem 2rem;
  background-color: #cbd4d2;
}

/*******************
NUMBERS BRICCODOLCE
********************/

.node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
  max-width: 25%;
  margin-bottom: 1rem;
}

.node--type-homepage .paragraph--type--text .block_3_inner h5 {
  font-size: 20px;
  font-weight: 700;
  text-align: justify;
}

.landing-01 .numbers_wrapper {
  margin: 1rem 0 1rem;
}

.node--type-homepage .paragraph--type--text .number,
.node--type-homepage .paragraph--type--text .number_plus {
  font-size: 2rem;
  font-weight: 700;
  display: inline-block;
}

.node--type-homepage .paragraph--type--text .number_description p {
  font-family: 'Fira Sans';
  color: #000;
}

.node--type-homepage .paragraph--type--text .text_numbers .text_wrapper {
  padding: 2rem 2rem 0rem;
  text-align: center;
}

.node--type-homepage .paragraph--type--text .block_3_inner h3,
.node--type-homepage .paragraph--type--text .block_3_inner .txt_numbers p {
  text-align: left;
}

.landing-01 .paragraph--type--image .field_image {
  position: relative;
  background-color: #a4b5ab;
}

.landing-01 .paragraph--type--view .text_view_header {
  padding: 1rem 0 1rem;
}

/**********
FOOTER
**********/

.site-footer .block {
  padding: 0;
}

.site-footer {
  font-family: "Karla";
  padding-top: 0;
  background-color: #a3b5ab;
}

.site-footer * {
  color: #3b3b3b;
}

.site-footer h4 {
  color: #000;
}

.site-footer .site-footer_row {
  padding-top: 2rem;
  padding: 0 2rem;
}

.landing-01 .site-footer .footer_social a:hover *,
.landing-01 .site-footer .content a:hover {
  color: #fff;
}

.site-footer .content a.btn_bricco:hover {
  color: #000;
}

.site-footer .content a,
.site-footer .content a.is-active {
  color: #000;
  text-decoration: none;
}

a.btn_bricco,
.webform-button--submit {
  display: inline-block;
  border: 2px solid #BEAF8C;
  color: #000;
  border-radius: 25px;
  padding: 8px 17px;
  text-decoration: none;
  cursor: pointer;
  background-color: #fff;
  font-size: 1rem;
  transition: .5s;
}

a.btn_bricco:hover,
.webform-button--submit:hover {
  background-color: #BEAF8C;
  border-color: #BEAF8C;
  color: #000;
}

.text_view_footer a.poppins_400.btn_bricco {
  margin-bottom: 3rem;
}

.site-footer .footer_btn_wrapper .compila_modulo {
  margin-top: 30px;
}

.region-footer-first {
  padding-right: 1rem;
}

.site-footer .footer_social,
.site-footer .footer_logo {
  text-align: left;
}

.site-footer .footer_social {
  display: flex;
  justify-content: start;
  margin-top: 20px;
}

.footer_logo img {
  max-width: 70%;
  margin-top: 0.5rem
}

.site-footer .footer_social>div {
  margin-left: 1rem;
  font-size: 1.5rem;
}

.site-footer .block {
  padding-right: 10px;
}

.site-footer .block {
  border: 0;
}

/***********
COPYRIGHT & COOKIES
************/

.copyright {
  background-color: #252525;
  color: #fff;
}

.copyright p {
  margin-top: .5rem;
  margin-bottom: 0;
}

.cookies_settings_wrapper {
  display: flex;
  justify-content: center;
  background-color: #252525;
  padding-bottom: .5rem;
}

.cookies_settings_wrapper a {
  text-decoration-line: none;
  color: #fff;
  transition: .4s;
}

.cookies_settings_wrapper a:hover {
  color: #bbb58f;
}

/*************
AEREO ANIMATO
**************/

.relative_wrapper_aereo {
  position: relative;
  overflow: hidden;
}

.maps_wrapper {
  position: relative;
  background-color: #a4b5ab;
  max-width: 100vw;
  overflow: hidden;
}

.map_biscotti_wrapper .map_biscotti  {
  animation: biscotti 1s infinite;
  animation-delay: 0s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.map_biscotti_wrapper .map_biscotti.biscotto_cuore  {
  animation: biscotti_cuore .8s infinite;
}

@keyframes biscotti {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
}

@keyframes biscotti_cuore {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
}

/* OPZIONE 2 */

/* .maps_wrapper {
  position: relative;
  background-color: #a4b5ab;
  max-width: 100vw;
  overflow: hidden;
}

.map_biscotti img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.maps_wrapper:hover .map_biscotti img.img-01 {
  opacity: 0;
}

.maps_wrapper:hover .map_biscotti img.img-02 {
  opacity: 1;
}

.map_biscotti img.img-02 {
  opacity: 0;
} */

/* OPZIONE 3 */

/* .maps_wrapper {
  position: relative;
  background-color: #a4b5ab;
  max-width: 100vw;
  overflow: hidden;
}

.map_biscotti img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  animation: fadeInOut 2s infinite;
  transition: .5s;
}

.map_biscotti img:first-child {
  animation-delay: 1s;
}

.map_biscotti img:nth-child(2) {
  animation-delay: 0s;
}

@keyframes fadeInOut {
  0%, 49.99% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
} */

/******* FINE PROVA ******/

.aereo {
    background-color: #a4b5ab;
    overflow: hidden;
}

.aereo img.rolling-2 {
  filter: invert(100%);
  opacity: .8;
}

.aereo img {
  display: flex;
  margin: auto;
  width: 155px;
  padding-top: 1.4rem;
}

@keyframes airplane {
  0% {
      left: -20%;
      transform: rotate(15deg);
  }
  10% {
      top: -25px;
      transform: rotate(10deg);
  }
  20% {
      top: -25px;
      transform: rotate(15deg);
  }
  30% {
      top: -25px;
      transform: rotate(15deg);
  }
  40% {
      left: 100%;
      transform: rotate(22deg);
  }
  50% {
      left: 100%;
      transform: scaleX(-1);
  }
  60% { top: 0;}
  70% {top: 10px; }
  80% { top: 20px; }
  100% { left: -20%; transform: scaleX(-1); }
}

/******************
RESPONSIVE
******************/

@media screen and (min-width: 375px) {
  #navbar-main {
    padding: 1rem 2rem;
  }
}

@media screen and (min-width: 576px) {

  .node--type-homepage .paragraph--type--text .block_3_inner h3,
  .node--type-homepage .paragraph--type--text .block_3_inner .txt_numbers p {
    text-align: center;
  }

  .map_block {
    position: relative;
  }

  .aereo {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .aereo img.rolling-2 {
    animation: airplane 14s linear;
    animation-iteration-count: infinite;
  }

  .aereo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    overflow: hidden;
    margin: 0;
    z-index: 9999;
  }

  .site-footer .footer_btn_wrapper .compila_modulo {
    margin-top: 10px;
  }

  .node--type-biscotto.node--view-mode-teaser .field_copertina img.image-style-large {
    max-width: 100%;
  }

  .node--type-homepage .paragraph--type--view .view_wrapper {
    padding: 0 2rem;
  }

  .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 516px;
  }

  p,
  ul,
  .field_body {
    font-size: 1rem;
  }

  .node .field--type-image,
  .node .field--type-image:hover {
    float: none;
  }

  .number,
  .number_plus {
    font-size: 2.2rem;
  }

  .node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
    max-width: 15%;
  }

  .footer_logo img {
    max-width: 40%;
    margin-top: 0.5rem
  }

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    min-height: 400px;
  }

}

@media screen and (min-width: 768px) {

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    min-height: 444px;
  }

  .landing-01 .text_view_footer, .landing-02 .text_view_footer {
    padding: 0 4rem;
    text-align: center;
  }

  .maps_wrapper {
    padding-top: 4rem;
  }

  .aereo {
    padding-bottom: 2rem;
  }

  .aereo img {
    width: 180px;
  }

  .node--type-homepage .paragraph--type--text .text_numbers .text_wrapper {
    padding: 3rem 4rem 0rem;
  }

  .paragraph--type--text .title-landing {
    max-width: 80%;
    margin: auto;
    padding: 0;
  }

  .paragraph--type--text .text_numbers .text_view_header {
    padding: 2rem 2rem 3rem;
  }

  .paragraph--type--webform {
    padding: 3rem 2rem;
  }

  a.navbar-brand img {
    max-width: 220px;
  }

  .navbar-toggler {
    font-size: 20px;
  }

  .node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
    max-width: 25%;
  }

  .node--type-homepage .airplane_home img {
    max-width: 30%;
  }

  .paragraph--type--text-and-image .retail_text .paragraph_tai {
    padding: 5rem 0;
  }

  .node--type-homepage .paragraph--type--text-and-image .paragraph_tai_wrapper.retail_text .col-tai-txt {
    max-width: 450px;
    display: flex;
    justify-content: start;
    color: #fff;
    padding: 0 2rem 0 0;
    text-align: left;
  }

  .node--type-homepage .paragraph--type--text .text_button .text_wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
  }

}

@media screen and (min-width: 992px) {

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .field_node_title h4 {
    font-size: 1.1rem;
  }

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    min-height: 459px;
  }

  .paragraph--type--text .title-landing {
    max-width: 60%;
    margin: auto;
  }

  .landing-01 .text_view_footer,
  .landing-02 .text_view_footer {
    text-align: center;
    max-width: 85%;
    margin: auto;
  }

  .landing-01 .numbers_wrapper {
    margin: 3rem 0 0rem;
  }

  .node--type-homepage .paragraph--type--text .text_button .text_wrapper h3 {
    border-bottom: 2px dashed #fff;
  }

  .node--type-homepage .paragraph--type--text .text_button .text_wrapper {
    max-width: 60%;
  }

  .paragraph--type--two-columns-text {
    padding: 2rem 10vw;
  }

  .paragraph--type--two-columns-text .paragraph_tt .col-txt {
    padding-right: 15px;
  }

  .paragraph--type--two-columns-text .paragraph_tt .col-txt2 {
    padding-left: 15px;
  }

  .maps-landing-01 {
    position: relative;
  }

  .parallax_wrapper .paragraph.parallax {
    background-attachment: fixed;
    min-height: 55vh;
  }

  .parallax_wrapper .paragraph.parallax::before {
    content: url("/assets/strappo_top_color-2.png");
  }

  .parallax_wrapper .paragraph.parallax::after {
    content: url("/assets/strappo_bottom_parallax.png");
  }

  .site-footer .site-footer_row {
    padding: 3rem 10vw 3rem;
  }

  .paragraph--type--webform {
    padding: 4rem 10vw;
  }

  .node--type-homepage .paragraph--type--text .block_3_inner h3,
  .node--type-homepage .paragraph--type--text .block_3_inner .txt_numbers p {
    text-align: center;
  }

  .node--type-homepage .paragraph--type--text .text_numbers .text_wrapper {
    padding: 3rem 0 0;
  }

  .node--type-homepage .paragraph--type--text .block_3_inner .text_numbers p {
    max-width: 75%;
    margin: auto;
  }

  .node--type-homepage .paragraph--type--text-and-image .paragraph_tai_wrapper.retail_text .col-tai-txt {
    max-width: 400px;
    margin: 0;
  }

  #block-landingbricco-2-webform-2 {
    padding: 4rem 10vw 0;
  }

  .node--type-homepage .field__items .field__item .paragraph--type--text .text_button::after {
    opacity: 1;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img {
    max-width: 220px;
    margin-bottom: 0;
    position: relative;
    margin-left: -150px;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img.rolling {
    animation: biscotto 2s linear;
    animation-fill-mode: forwards;
    animation-iteration-count: 2;
  }

  @keyframes biscotto {
    0% {
      left: 0;
      transform: rotate(0deg);
    }

    25% {
      left: 100px;
      transform: rotate(90deg);
    }

    50% {
      left: 200px;
      transform: rotate(180deg);
    }

    75% {
      left: 300px;
      transform: rotate(270deg);
    }

    100% {
      left: 400px;
      transform: rotate(360deg);
    }
  }

  .node--type-homepage .paragraph--type--text-and-image .paragraph_tai_wrapper .col-tai-img {
    justify-content: start;
  }

  .paragraph--type--text-and-image .retail_text .paragraph_tai {
    align-items: center;
    font-size: 1rem;
    padding: 8rem 0;
  }

  .node--type-homepage .airplane_home img {
    max-width: 35%;
  }

  .site-footer .site-footer_row {
    padding: 0 10vw;
  }

  .node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text_numbers::after {
    bottom: -11px;
  }

  #navbar-main {
    flex-direction: column;
    padding: 2rem 8rem 1rem;
  }

  a.navbar-brand img {
    max-width: 300px;
  }

  .block_3_inner h5 {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    margin-top: 2rem;
  }

  .number,
  .number_plus {
    font-size: 2.5rem;
  }

  .node--type-homepage .paragraph--type--view .view_wrapper {
    padding: 0 10vw;
  }

  .node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
    max-width: 60%;
  }

  .name_last_name_wrapper {
    display: flex;
  }

  .name_last_name_wrapper>div {
    flex: 33%;
  }

  .name_last_name_wrapper>div:first-child {
    margin-right: 15px;
  }

  .name_last_name_wrapper>div:last-child {
    margin-left: 15px;
  }

  .aereo {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1200px) {

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    margin: 1rem;
  }

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    min-height: 480px;
  }

  .aereo {
    padding-top: 11rem;
  }

  .aereo img {
    width: 240px;
  }

  .node--type-homepage .paragraph--type--text .block_3_inner .text_numbers p {
    max-width: 60%;
    margin: auto;
  }

  .node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
    max-width: 50%;
  }

  .node--type-homepage .paragraph--type--text .text_button .text_wrapper h3 {
    padding: 15px 10px;
  }

  .node--type-homepage .paragraph--type--text-and-image .paragraph_tai_wrapper.retail_text .col-tai-txt {
    max-width: 450px;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img {
    max-width: 240px;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img.rolling {
    animation: biscotto 2.5s linear;
    animation-fill-mode: forwards;
  }

  @keyframes biscotto {
    0% {
      left: 0;
      transform: rotate(0deg);
    }

    25% {
      left: 150px;
      transform: rotate(90deg);
    }

    50% {
      left: 250px;
      transform: rotate(180deg);
    }

    75% {
      left: 350px;
      transform: rotate(270deg);
    }

    100% {
      left: 450px;
      transform: rotate(360deg);
    }
  }

  .node--type-homepage .paragraph--type--view .view_wrapper {
    padding: 0 10rem;
  }

  .paragraph--type--two-columns-text {
    padding: 4rem 10rem;
  }
}

@media screen and (min-width: 1400px) {

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    min-height: 497px;
  }

  .landing-01 .paragraph--type--text .title-landing .text_wrapper h1 {
    font-size: 2.8rem;
  }

  .node--type-homepage .paragraph--type--text .block_3_inner .text_numbers p {
    max-width: 50%;
    margin-bottom: 2rem;
  }

  .landing-01 .text_view_footer {
    padding: 0 25vw;
  }

  .paragraph--type--two-columns-text {
    padding: 4rem 10rem;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img {
    max-width: 280px;
  }

  .paragraph--type--text .text_numbers .text_view_header {
    padding: 4rem 15rem 0rem;
  }

  .node--type-homepage .airplane_home img {
    max-width: 25%;
  }

  .node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
    max-width: 50%;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img.rolling {
    animation: biscotto 3s linear;
    animation-fill-mode: forwards;
  }

  @keyframes biscotto {
    0% {
      left: 0;
      transform: rotate(0deg);
    }

    22% {
      left: 100px;
      transform: rotate(90deg);
    }

    40% {
      left: 200px;
      transform: rotate(180deg);
    }

    60% {
      left: 300px;
      transform: rotate(270deg);
    }

    80% {
      left: 400px;
      transform: rotate(360deg);
    }

    100% {
      left: 500px;
      transform: rotate(450deg);
    }
  }

  .paragraph--type--text-and-image .retail_text .paragraph_tai {
    padding: 10rem 0;
  }

  .number,
  .number_plus {
    font-size: 3rem;
  }

  .node--type-homepage .paragraph--type--view .view_wrapper {
    padding: 0 15rem;
  }

  .parallax_wrapper .paragraph.parallax {
    min-height: 55vh;
  }
}

@media screen and (min-width: 1500px) {
  .landing-01 .node--type-homepage .paragraph--type--text .block_3_inner .text_numbers p {
    max-width: 45%;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img.rolling {
    animation: biscotto 3s linear;
    animation-fill-mode: forwards;
  }

  @keyframes biscotto {
    0% {
      left: 0;
      transform: rotate(0deg);
    }

    25% {
      left: 240px;
      transform: rotate(90deg);
    }

    50% {
      left: 380px;
      transform: rotate(180deg);
    }

    75% {
      left: 480px;
      transform: rotate(270deg);
    }

    100% {
      left: 580px;
      transform: rotate(360deg);
    }
  }
}

@media screen and (min-width: 1600px) {

  .node--type-homepage .paragraph--type--view .view_wrapper {
    padding: 0 20rem;
  }

  .node--type-homepage .paragraph--type--text .numbers_wrapper .images_icon img {
    max-width: 40%;
  }

  .paragraph--type--two-columns-text {
    padding: 4rem 15rem;
  }

  .paragraph--type--text .title-landing {
    max-width: 40%;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img {
    max-width: 310px;
  }
}

@media screen and (min-width: 1700px) {

  .landing-01 .node--type-biscotto.node--view-mode-teaser-monoporzioni .prodotto_teaser_wrapper {
    min-height: 515px;
  }

  .node--type-homepage .paragraph--type--text-and-image .retail_text img.rolling {
    animation: biscotto 2s linear;
    animation-fill-mode: forwards;
  }

  @keyframes biscotto {
    0% {
      left: 0;
      transform: rotate(0deg);
    }

    25% {
      left: 150px;
      transform: rotate(90deg);
    }

    50% {
      left: 300px;
      transform: rotate(180deg);
    }

    75% {
      left: 450px;
      transform: rotate(270deg);
    }

    100% {
      left: 650px;
      transform: rotate(360deg);
    }
  }
}