/* ******************************************************** */
/* ********************** GENERALE ************************ */
/* ******************************************************** */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJabMl2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ0LQl2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ql2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Comprami';
  /* src: url('webfont.eot'); */
  /* IE9 Compat Modes */
  src: url('font/Comprami-Light.woff') format('woff'), /* Pretty Modern Browsers */ url('/font/Comprami-Light.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 300;
}
@font-face {
  font-family: 'Comprami';
  /* src: url('webfont.eot'); */
  /* IE9 Compat Modes */
  src: url('font/Comprami-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/font/Comprami-Regular.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 400;
}
@font-face {
  font-family: 'Comprami';
  /* src: url('webfont.eot'); */
  /* IE9 Compat Modes */
  src: url('font/Comprami-Medium.woff') format('woff'), /* Pretty Modern Browsers */ url('/font/Comprami-Medium.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 500;
}
@font-face {
  font-family: 'Comprami';
  /* src: url('webfont.eot'); */
  /* IE9 Compat Modes */
  src: url('font/Comprami-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */ url('/font/Comprami-SemiBold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 600;
}
@font-face {
  font-family: 'Comprami';
  /* src: url('webfont.eot'); */
  /* IE9 Compat Modes */
  src: url('font/Comprami-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('/font/Comprami-Bold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 700;
}
.font-roboto {
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Comprami', 'Dosis', sans-serif;
}
.font-pompiere {
  font-family: 'Pompiere', cursive;
}
body.custom-body {
  font-family: 'Comprami', 'Dosis', sans-serif;
  -webkit-font-smoothing: antialiased;
}
:root {
  --altezza_header: 66px;
}
a,
button[type=button],
.cursore-manina {
  cursor: url("../img/comprami-pointer.png"), auto;
  cursor: -webkit-image-set(url('../img/comprami-pointer.png') 1x, url('../img/comprami-pointer2x.png') 2x), auto !important;
}
footer {
  display: none;
}
.display-none {
  display: none;
}
.remove-animation {
  transition: all 0s!important;
}
/* *********************************************************** */
/* ****************** CLASSI GENERICHE *********************** */
/* *********************************************************** */
.azzurro {
  background-color: #0C63E4;
}
.arancione {
  background-color: #ff5000;
}
.blu {
  background-color: #060e9f;
}
.carta-da-zucchero {
  background-color: #a1daf8;
}
.giallo {
  background-color: #fcea1b;
}
.slider-pagina-intera,
.pagina-100vh {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - var(--altezza_header));
}
/* .pagina-100vh{
  margin-top: var(--altezza_header);
} */
.distanza-da-top {
  margin-top: var(--altezza_header);
}
.titolo_pagina_container {
  text-transform: uppercase;
  margin-left: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.titolo_pagina_container .container {
  max-width: 100%;
}
.titolo_pagina_container .container .titolo-pagina {
  color: #ff5000;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 25px;
  white-space: nowrap;
  align-self: flex-start;
}
.titolo_pagina_container .container span {
  font-weight: 600;
  color: #060e9f;
  font-size: 12px;
}
/* modals */
.modal .modal-content {
  position: relative;
}
.modal .modal-content .chiudi-modal {
  -webkit-appearance: none;
  background-color: #ed1c24;
  color: white;
  outline: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  max-width: 30px;
  height: 30px;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: 13px;
  border: 2px none #ffffff;
  border-radius: 30px;
  box-shadow: 0px 0px 15px 1px rgba(2, 2, 2, 0.75);
  transform: translate(-30%, -50%);
  transition: all 0.4s;
}
@media screen and (min-width: 576px) {
  .modal .modal-content .chiudi-modal {
    transform: translate(50%, -50%);
  }
}
.modal.modal-provami {
  --bs-modal-width: 750px;
}
.modal.modal-provami .modal-body {
  display: flex;
  align-content: center;
  justify-content: center;
}
.modal.modal-provami .modal-body video {
  width: 100%;
  height: auto;
}
#masthead .fixed-top {
  background-color: rgba(255, 255, 255, 0.95);
}
#masthead .fixed-top #nav-main .container {
  height: 50px;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  #masthead .fixed-top #nav-main .container {
    max-width: 100%;
  }
}
#masthead .fixed-top #nav-main .container .header-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#masthead .fixed-top #nav-main a.navbar-brand img {
  width: auto;
  height: 30px;
}
#masthead .fixed-top #nav-main a:focus-visible {
  border: 2px solid #060e9f;
  border-radius: 5px;
}
#masthead button#cmp_menu_icon_container {
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0 57px 0 35px;
  background-color: white;
  -webkit-appearance: none;
  outline: transparent;
  border-radius: 50px;
  border: 0;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  z-index: 1046;
  color: black;
}
#masthead button#cmp_menu_icon_container.aperto {
  background-color: #ff5000;
  color: #ff5000;
}
#masthead button#cmp_menu_icon_container.aperto #hamburger > div:first-child {
  transform: rotate(45deg) translate(4px, 4px);
  left: 25%;
}
#masthead button#cmp_menu_icon_container.aperto #hamburger > div:nth-child(2) {
  /* left: -100%; */
  opacity: 0;
  height: 0;
}
#masthead button#cmp_menu_icon_container.aperto #hamburger > div:last-child {
  transform: rotate(-45deg) translate(4px, -4px);
  left: 25%;
}
#masthead button#cmp_menu_icon_container #hamburger {
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  z-index: 3;
  background-color: #ff5000;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px;
  border: 1px solid white;
  overflow: hidden;
}
#masthead button#cmp_menu_icon_container #hamburger > div {
  height: 2px;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 55%;
  background-color: white;
}
#masthead button#cmp_menu_icon_container #hamburger > div:first-child {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#masthead button#cmp_menu_icon_container #hamburger > div:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#masthead button#cmp_menu_icon_container #hamburger > div:last-child {
  position: absolute;
  bottom: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#masthead #offcanvas-navbar {
  transition: transform 0.5s linear;
  background-color: #ff5000;
}
#masthead #offcanvas-navbar #bootscore-navbar {
  text-transform: uppercase;
}
#masthead #offcanvas-navbar #bootscore-navbar .nav-link {
  color: black;
}
#masthead #offcanvas-navbar #bootscore-navbar .nav-link:hover {
  color: #060e9f;
}
#masthead #offcanvas-navbar #bootscore-navbar .nav-link.active {
  position: relative;
}
@media screen and (min-width: 991px) {
  #masthead #offcanvas-navbar #bootscore-navbar .nav-link.active:after {
    width: calc(100% - 1rem);
    content: "";
    height: 1px;
    background-color: #ff5000;
    position: absolute;
    bottom: 0.35rem;
    left: 0.5rem;
  }
  #masthead #offcanvas-navbar #bootscore-navbar .nav-link.active.dropdown-toggle:after {
    display: none;
  }
}
#masthead #offcanvas-navbar #bootscore-navbar a {
  font-weight: 600;
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-toggle.show:after {
  /* rotate: 180deg; */
  scale: 1 -1;
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-toggle:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 10px;
  background-image: url(../img/caret_down.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  right: 15px;
  top: 12px;
  border: unset;
  transition: all 0.5s;
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-menu {
  background-color: unset;
  text-align: center;
  border: 0;
  display: block!Important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s, padding 0.5s;
  padding: 0;
  /* .current_page_item {
          a{
          }
        } */
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-menu.show {
  padding: 0.5rem 0;
  max-height: 180px;
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-menu a {
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-menu a:hover,
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-menu a:active {
  background-color: unset;
}
#masthead #offcanvas-navbar #bootscore-navbar .dropdown-menu a.active {
  background-color: unset;
  text-shadow: 1px 1px 9px rgba(6, 14, 159, 0.5);
}
#masthead #offcanvas-navbar .container-social {
  display: flex;
  justify-content: center;
}
#masthead #offcanvas-navbar .container-social .single-social {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#masthead #offcanvas-navbar .container-social .single-social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 30px 60px;
  background-position: 0px 0px;
  transition: all 0.4s;
}
#masthead #offcanvas-navbar .container-social .single-social a:hover,
#masthead #offcanvas-navbar .container-social .single-social a:focus-visible {
  background-position: 0px -30px;
}
#masthead #offcanvas-navbar .container-social .single-social a.single-social-facebook {
  background-image: url(../img/social-sprite/facebook-spriteG.png);
}
#masthead #offcanvas-navbar .container-social .single-social a.single-social-instagram {
  background-image: url(../img/social-sprite/instagram-spriteG.png);
}
#masthead #offcanvas-navbar .container-social .single-social a.single-social-youtube {
  background-image: url(../img/social-sprite/youtube-spriteG.png);
}
#masthead #offcanvas-navbar .container-social .single-social a.single-social-tiktok {
  background-image: url(../img/social-sprite/TikTokspriteG.png);
}
@media screen and (max-width: 991px) {
  #masthead #offcanvas-navbar {
    padding-top: 60px;
  }
  #masthead #offcanvas-navbar .container-social {
    margin-top: 20px;
  }
  #masthead #offcanvas-navbar #bootscore-navbar .nav-link {
    color: #060e9f;
  }
  #masthead #offcanvas-navbar #bootscore-navbar > li {
    padding: 8px 0;
  }
  #masthead #offcanvas-navbar #bootscore-navbar > li > a {
    color: #060e9f;
    width: 200px;
    margin: 0 auto;
    border-radius: 16px;
    background-color: white;
    position: relative;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
    padding: 0;
  }
}
#contieni-badges {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: fit-content;
}
@media screen and (max-width: 1023px) {
  #contieni-badges {
    display: flex;
    flex-direction: column-reverse;
  }
}
#contieni-badges #cmp_logo_wepa_container {
  background-color: #96d2dc;
  border-radius: 10px 10px 0 0;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 15;
}
#contieni-badges #cmp_logo_wepa_container #cmp_logo_wepa_text {
  display: none;
}
#contieni-badges #cmp_logo_wepa_container a {
  width: 50px;
}
#contieni-badges #cmp_logo_wepa_container a img {
  width: 100%;
  height: auto;
}
#contieni-badges .badge-fai {
  width: 70px;
  height: 55px;
  position: relative;
  z-index: 10;
  background-image: url(../img/fai/logo-fai.jpg);
  background-size: 95%;
  background-position: center 100%;
  background-repeat: no-repeat;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f6f6f6;
  display: block;
}
@media screen and (min-width: 1024px) {
  #contieni-badges .badge-fai {
    width: 105px;
    height: 80px;
  }
}
@media screen and (max-width: 1023px) {
  #contieni-badges .badge-fai {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
  }
}
#contieni-badges .badge-fai:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f6f6f6;
  content: '';
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  #contieni-badges .badge-fai:after {
    transform: translateY(-100%);
  }
}
/* *********************************************************** */
/* ************************** HOME *************************** */
/* *********************************************************** */
.home #cmp_video_background_home_new {
  position: fixed;
  top: 50%;
  top: calc(50% + 35px);
  left: 50%;
  max-height: calc(100vh - 70px);
  height: calc(100vh - 70px);
  /* min-width: 100%;
    min-height: 100%; */
  width: auto;
  /* height: auto; */
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  pointer-events: none;
  touch-action: none;
  user-select: none;
}
.home #cmp_video_background_home_mobile_new {
  position: fixed;
  top: 50%;
  top: 60px;
  left: 50%;
  width: 100%;
  height: auto;
  z-index: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  touch-action: none;
  user-select: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .home #cmp_video_background_home_mobile_new {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.home .dati-fiscali.nuovi {
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.home .dati-fiscali.nuovi a {
  color: white;
  text-decoration: none;
}
.home .animazione-comprami-hybrid {
  position: fixed;
  bottom: 6%;
  right: 0;
  z-index: 999;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .home .animazione-comprami-hybrid {
    display: none;
  }
}
.home .animazione-comprami-hybrid .animazione {
  position: relative;
  transform: translateY(35%);
  max-width: 200px;
}
.home .animazione-comprami-hybrid .testi {
  padding: 50px 35px 15px 15px;
  background-color: #060e9f;
  border: 3px solid #060e9f;
  border-right: 0;
  background-color: #0C63E4;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  text-align: left;
}
.home .animazione-comprami-hybrid .testi h5 {
  color: white;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
.home .animazione-comprami-hybrid .testi h6 {
  color: #fcea1b;
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.home .animazione-comprami-hybrid .testi h6 img {
  position: relative;
  top: 5px;
  display: inline-block;
  margin: 0 5px;
}
/* *********************************************************** */
/* ************************ PRODOTTI ************************* */
/* *********************************************************** */
#dettaglio-prodotto .linea-generica {
  border-style: solid;
  border-width: 3px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 19px;
  padding: 2px 10px;
  border-radius: 16px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
}
#dettaglio-prodotto .tipologia-prodotto-corrente {
  text-transform: uppercase;
  margin-left: 10px;
  width: calc(100% - 100px);
  height: 32px;
  background-image: url(../img//fumetto.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  line-height: 32px;
  position: relative;
  text-align: center;
  font-weight: 700;
  color: #060e9f;
}
#dettaglio-prodotto #accordion-linee {
  margin-top: -10px;
  max-width: 335px;
  position: relative;
}
#dettaglio-prodotto #accordion-linee .non_linea_corrente {
  display: none;
}
#dettaglio-prodotto #accordion-linee .accordion-item {
  border: 0;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-button {
  border-radius: calc(0.375rem - 1px);
  box-shadow: none;
  margin-top: -20px;
  background-color: unset;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-button:after {
  content: "";
  display: block;
  position: absolute;
  right: 35px;
  top: 52%;
  width: 16px;
  height: 16px;
  background-image: url(../img/caret_down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  transition: all 0.2s ease-in-out;
  transform: translateY(-50%);
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-button:not(.collapsed):after {
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: white;
  z-index: 10;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body {
  text-align: center;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body .single-tipologia {
  display: flex;
  flex-direction: column-reverse;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body .single-tipologia h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 15px;
  text-transform: uppercase;
  color: #060e9f;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body .single-tipologia ul.lista-prodotti-per-tipologia {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  color: #060e9f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body .single-tipologia ul.lista-prodotti-per-tipologia li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.8;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body .single-tipologia ul.lista-prodotti-per-tipologia li.prodotto-corrente {
  color: #ff4e00;
  font-weight: 600;
}
#dettaglio-prodotto #accordion-linee .accordion-item .accordion-collapse .accordion-body .single-tipologia ul.lista-prodotti-per-tipologia li a {
  width: 100%;
  text-decoration: none;
  color: #060e9f;
  /* &:focus-visible{
                    border: 2px solid #060e9f;
                    border-radius: 5px;
                  } */
}
#dettaglio-prodotto .contieni-slides {
  background-image: url('../img/sfondoPack.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti {
  --swiper-pagination-color: #333;
  transition: all 0.35s;
  opacity: 0;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti.mostra {
  opacity: 1;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti .swiper-slide {
  padding: 50px 0;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti .swiper-slide .container {
  padding: 0;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti .swiper-slide img {
  width: 100%;
  height: auto;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti .slides-prodotti-arrows {
  display: none;
}
#dettaglio-prodotto .contieni-slides .slides_prodotti .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
  margin-right: 8px;
}
#dettaglio-prodotto .contieni-dati {
  margin-bottom: 55px;
  margin-top: 15px;
}
#dettaglio-prodotto .contieni-dati .dettagli-tecnici {
  display: flex;
  color: #060e9f;
  align-items: center;
}
#dettaglio-prodotto .contieni-dati .dettagli-tecnici .strappi {
  text-align: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
}
#dettaglio-prodotto .contieni-dati .dettagli-tecnici .strappi .numero {
  font-size: 28px;
}
#dettaglio-prodotto .contieni-dati .dettagli-tecnici .strappi span {
  display: inline-block;
  font-size: 12px;
  margin-top: -5px;
  text-transform: uppercase;
}
#dettaglio-prodotto .contieni-dati .dettagli-tecnici .pill {
  color: #060e9f;
  border: 2px solid #060e9f;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding: 2px 20px;
  border-radius: 20px;
  margin-left: 20px;
  /*  width: 90px; */
  white-space: nowrap;
  transition: All 0.4s;
  display: inline-block;
}
#dettaglio-prodotto .contieni-dati .contenuto-tipologia {
  color: #060e9f;
  margin-top: 10px;
}
#dettaglio-prodotto .contieni-dati .contenuto-tipologia .tipologia {
  display: none;
}
#dettaglio-prodotto .contieni-dati .contenuto-tipologia .contenuto p {
  font-size: 16px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 300;
}
#dettaglio-prodotto a.link-scorri-giu {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  text-decoration: none;
  color: #060e9f;
  font-weight: 600;
  padding-bottom: 20px;
  margin-top: 30px;
}
@media all and (max-width: 768px) {
  #dettaglio-prodotto a.link-scorri-giu {
    width: 100%;
  }
}
#dettaglio-prodotto a.link-scorri-giu img {
  width: auto;
  height: 70px;
  margin-left: 30px;
  margin-right: 15px;
  transform-origin: center;
  animation: spostaManina 2s infinite;
}
@keyframes spostaManina {
  0% {
    transform: translateY(-15%);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(-15%);
  }
}
#dettaglio-prodotto .altre-linee {
  background-color: #ff4e00;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  /* padding: 10px 15px; */
  width: fit-content;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% - 44px));
  transition: all 0.4s ease-in-out;
  z-index: 5;
}
#dettaglio-prodotto .altre-linee.cliccato {
  transform: translate(-50%, calc(0%));
}
#dettaglio-prodotto .altre-linee.cliccato .linguetta.altrelinee {
  display: none;
}
#dettaglio-prodotto .altre-linee.cliccato .linguetta.chiuso {
  display: block;
}
#dettaglio-prodotto .altre-linee .linguetta {
  color: white;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 15px;
  cursor: pointer;
}
#dettaglio-prodotto .altre-linee .linguetta.chiuso {
  display: none;
}
#dettaglio-prodotto .altre-linee a {
  text-decoration: none;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 15px;
}
/* *********************************************************** */
/* ************************ VANTAGGI ************************* */
/* *********************************************************** */
.vantaggi .titolo_pagina_container {
  margin-top: var(--altezza_header);
}
.vantaggi #slider-vantaggi .swiper-slide video {
  width: 100%;
  height: auto;
}
.vantaggi #slider-vantaggi .swiper-slide .testo {
  text-transform: uppercase;
  padding: 0 15px;
}
.vantaggi #slider-vantaggi .swiper-slide .testo .titolo_vantaggio {
  display: flex;
}
.vantaggi #slider-vantaggi .swiper-slide .testo .titolo_vantaggio span {
  color: #060e9f;
  background-color: #fcea1b;
  padding: 10px 20px;
  border-radius: 30px 30px 0 0;
  font-size: 22px;
  min-height: 69px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.vantaggi #slider-vantaggi .swiper-slide .testo .testo_vantaggio {
  color: #060e9f;
  font-size: 18px;
}
.vantaggi #slider-vantaggi .swiper-slide .testo .testo_vantaggio p {
  margin-top: 5px;
  margin-bottom: 2rem;
}
.vantaggi #slider-vantaggi .controlli-slider {
  position: absolute;
  top: 22vmax;
  left: 0;
  width: 100%;
}
.vantaggi #slider-vantaggi .controlli-slider .vantaggi[class*="swiper-button"] {
  color: #060e9f;
}
.vantaggi #slider-vantaggi .controlli-slider .vantaggi[class*="swiper-button"]:after {
  font-size: 30px;
}
/* *********************************************************** */
/* ************************ PROVAMI  ************************* */
/* *********************************************************** */
.provami {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.provami .titolo_pagina_container.position-absolute-sopra-1024 {
  position: absolute;
  width: 50%;
}
@media screen and (min-width: 576px) and (max-width: 1023px) {
  .provami .titolo_pagina_container.position-absolute-sopra-1024 {
    margin-left: 10px;
  }
  .provami .titolo_pagina_container.position-absolute-sopra-1024 .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .provami .titolo_pagina_container.position-absolute-sopra-1024 {
    margin-left: 35px;
  }
}
.provami .quadrato {
  width: 50%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
.provami .quadrato > img {
  width: 18vmax;
  width: clamp(80px, 17vmax, 550px);
  margin-bottom: 30px;
  height: auto;
}
.provami .quadrato p {
  color: white;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
}
.provami .quadrato p img {
  width: 0.7em;
  height: auto;
  rotate: 270deg;
}
.provami .quadrato.carta-da-zucchero {
  flex-direction: row;
  justify-content: flex-start;
}
.provami .quadrato.carta-da-zucchero p {
  font-size: 25px;
  color: #060e9f;
  margin-bottom: 0;
  font-weight: 500;
  padding-left: 25px;
}
.provami .quadrato.giallo p {
  color: #060e9f;
}
/* *********************************************************** */
/* ************************ GUARDAMI  ************************ */
/* *********************************************************** */
.guardami {
  background-color: #bce2e4;
}
.guardami .contenitore {
  display: flex;
  justify-content: center;
  flex-direction: column;
  --wIframe: calc(100vw - 30px);
}
.guardami .contenitore iframe {
  transition: all 0.7s;
}
@media screen and (min-width: 576px) {
  .guardami .contenitore {
    --wIframe: 540px;
  }
}
@media screen and (min-width: 768px) {
  .guardami .contenitore {
    --wIframe: 720px;
  }
}
@media screen and (min-width: 992px) {
  .guardami .contenitore {
    --wIframe: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .guardami .contenitore {
    --wIframe: 1140px;
  }
}
.guardami .contenitore iframe.primo {
  width: var(--wIframe);
  height: calc(var(--wIframe) * 9 / 16);
  margin: auto;
}
.guardami .contenitore .contenitore-video {
  padding: 20px 0 50px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
}
@media screen and (min-width: 1400px) {
  .guardami .contenitore .contenitore-video {
    width: var(--wIframe);
  }
}
.guardami .contenitore .contenitore-video .single-video {
  width: calc(50% - 10px);
  height: auto;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .guardami .contenitore .contenitore-video .single-video {
    width: calc(25% - 15px);
  }
}
.guardami .contenitore .contenitore-video .single-video .immagini {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guardami .contenitore .contenitore-video .single-video .immagini img {
  width: 100%;
  height: auto;
}
.guardami .contenitore .contenitore-video .single-video .immagini img.play-youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
  width: auto;
  height: 20%;
  opacity: 0;
  transition: opacity 0.3s, transform 0.4s;
}
.guardami .contenitore .contenitore-video .single-video:hover .immagini img.play-youtube,
.guardami .contenitore .contenitore-video .single-video:focus-visible .immagini img.play-youtube {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.guardami .contenitore .contenitore-video .single-video .testo {
  text-align: center;
  padding-top: 10px;
}
.guardami .contenitore .contenitore-video .single-video .testo p {
  color: #060e9f;
  margin-bottom: 0;
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .guardami .contenitore .contenitore-video .single-video .testo p {
    font-size: 16px;
  }
}
/* *********************************************************** */
/* ********************** CONSIGLI PER TE ******************** */
/* *********************************************************** */
.consigli-per-te {
  background-color: #ff5000;
}
.consigli-per-te .titolo_pagina_container .container .titolo-pagina {
  color: #060e9f;
}
.consigli-per-te .titolo_pagina_container .container span {
  color: white;
}
.consigli-per-te #slider-consigli .swiper-slide {
  color: white;
  padding-left: 25px;
  padding-right: 25px;
}
.consigli-per-te #slider-consigli .swiper-slide .bolla {
  --dimensioni-bolla: 130px;
  --dimensioni-bolla: clamp(120px, 35%, 220px);
  background-color: white;
  color: #060e9f;
  text-align: center;
  width: 150px;
  width: var(--dimensioni-bolla);
  padding-top: 150px;
  padding-top: var(--dimensioni-bolla);
  position: relative;
  border-radius: 2000px;
  margin-right: 4%;
  align-self: end;
}
.consigli-per-te #slider-consigli .swiper-slide .bolla.invertita {
  align-self: flex-start;
}
.consigli-per-te #slider-consigli .swiper-slide .bolla.invertita + img {
  align-self: end;
}
.consigli-per-te #slider-consigli .swiper-slide .bolla h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 0;
  width: 100%;
  font-size: 22px;
  font-weight: 400;
}
.consigli-per-te #slider-consigli .swiper-slide .con-immagine {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.consigli-per-te #slider-consigli .swiper-slide .con-immagine img {
  width: 150px;
  width: clamp(150px, 60%, 450px);
}
.consigli-per-te #slider-consigli .swiper-slide .con-immagine .bolla {
  margin-bottom: -20%;
}
.consigli-per-te #slider-consigli .swiper-slide .testo {
  font-size: 18px;
  padding: 0 30px 1rem 30px;
}
.consigli-per-te #slider-consigli .swiper-slide .testo p {
  margin-bottom: 0;
}
.consigli-per-te #slider-consigli .controlli-slider {
  position: fixed;
  top: calc(50vh + (var(--altezza_header) / 2));
  left: 0;
  width: 100%;
  z-index: 5;
}
.consigli-per-te #slider-consigli .controlli-slider .consigli-per-te-control[class*="swiper-button"] {
  color: #060e9f;
}
.consigli-per-te #slider-consigli .controlli-slider .consigli-per-te-control[class*="swiper-button"]:after {
  font-size: 30px;
}
/* *********************************************************** */
/* ***************   LEGGIMI BLOG  - ARTICOLI  *************** */
/* *********************************************************** */
.leggimi-blog {
  background-color: #f8ead2;
  /* single */
}
.leggimi-blog #filtra {
  text-align: left;
}
.leggimi-blog #filtra .openFiltro {
  display: inline-block;
  border-radius: 500px;
  transition: all 0.5s;
  border-radius: 10px;
  border: 1px solid lightgrey;
  background-color: #fff;
  color: #20286d;
  font-size: 18px;
  font-weight: 400;
  padding: 3px 13px;
  cursor: pointer;
  margin-bottom: 20px;
}
.leggimi-blog #filtra #categorie {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  /* padding-top: 20px; */
  margin-right: 0px;
  margin-left: -5px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.leggimi-blog #filtra #categorie input[type="checkbox"] {
  display: none;
}
.leggimi-blog #filtra #categorie input[type="checkbox"] + label {
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  color: #20286d;
  font-size: 18px;
  font-weight: 400;
  padding: 1px 13px;
  cursor: pointer;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.1s;
}
.leggimi-blog #filtra #categorie input[type="checkbox"] + label[for='fai'] {
  text-transform: uppercase;
}
.leggimi-blog #filtra #categorie input[type="checkbox"] + label:hover {
  color: #ff5000;
}
.leggimi-blog #filtra #categorie input[type="checkbox"]:checked + label {
  color: #ff5000;
  border: 1px solid #ff5000;
}
.leggimi-blog #filtra .resetFiltro {
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  color: #ff5000;
  font-size: 18px;
  font-weight: 400;
  padding: 3px 13px;
  cursor: pointer;
  margin: 5px;
  margin-top: 15px;
  display: inline-block;
}
.leggimi-blog #griglia_news {
  --gap: 40px;
  display: flex;
  gap: var(--gap);
  align-items: flex-start;
  /* justify-content: center; */
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.leggimi-blog #griglia_news .articoloSingolo {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all 0.3s;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07);
  border-radius: 1px;
  background-color: #fff;
  width: calc(100% / 3 - 40px);
  width: 100%;
  max-width: 100%;
  /* margin-bottom: 40px; */
  text-decoration: none;
}
.leggimi-blog #griglia_news .articoloSingolo:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.leggimi-blog #griglia_news .articoloSingolo img {
  width: 50%;
  height: auto;
}
.leggimi-blog #griglia_news .articoloSingolo .contenutoArticolo {
  padding: 0 15px;
  height: 110px;
}
.leggimi-blog #griglia_news .articoloSingolo .contenutoArticolo p {
  display: none;
}
.leggimi-blog #griglia_news .articoloSingolo .actions .leggiTutto {
  margin-right: 10px;
  font-size: 16px;
  color: #ffed00;
  background-color: #20286d;
  display: block;
  float: left;
  height: 34px;
  line-height: 34px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0px 20px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(50%);
}
.leggimi-blog #griglia_news .articoloSingolo h2 {
  color: #060e9f;
  font-size: 18px;
  font-weight: 700;
}
.leggimi-blog main.dettaglio-articolo {
  padding: 0 5%;
  max-width: 1160px;
  margin-inline: auto;
}
@media screen and (min-width: 1400px) {
  .leggimi-blog main.dettaglio-articolo {
    padding: 0;
  }
}
.leggimi-blog main.dettaglio-articolo .container {
  padding: 0;
}
.leggimi-blog main.dettaglio-articolo h1 {
  font-size: 35px;
  color: #060e9f;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 40px;
}
.leggimi-blog main.dettaglio-articolo .entry-content {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 300;
  /* ol, ul{
        padding-left: 0;
      } */
}
.leggimi-blog main.dettaglio-articolo .entry-content h1,
.leggimi-blog main.dettaglio-articolo .entry-content h2,
.leggimi-blog main.dettaglio-articolo .entry-content h3,
.leggimi-blog main.dettaglio-articolo .entry-content h4,
.leggimi-blog main.dettaglio-articolo .entry-content h5,
.leggimi-blog main.dettaglio-articolo .entry-content h6,
.leggimi-blog main.dettaglio-articolo .entry-content ol,
.leggimi-blog main.dettaglio-articolo .entry-content ul,
.leggimi-blog main.dettaglio-articolo .entry-content a {
  color: #060e9f;
  text-decoration: none;
}
.leggimi-blog main.dettaglio-articolo .entry-content a {
  text-decoration: underline;
}
.leggimi-blog main.dettaglio-articolo .entry-content strong {
  font-weight: 700;
}
.leggimi-blog main.dettaglio-articolo .entry-content img.thumbnail {
  transition: all 0.4s;
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .leggimi-blog main.dettaglio-articolo .entry-content img.thumbnail {
    float: left;
    width: 50%;
    margin-right: 40px;
    margin-bottom: 20px;
  }
}
.leggimi-blog .navigation {
  margin-top: 10px;
  margin-bottom: 50px;
}
.leggimi-blog .navigation .container {
  /* padding: 0; */
}
.leggimi-blog .navigation .container ul.pagination {
  position: relative;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 5px;
  flex-wrap: wrap;
  /*  &:after{
            content: "";
            position: absolute;
            width: 25px;
            height: 30px;
            background-image: url(../img/smile.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -55%);
          } */
}
.leggimi-blog .navigation .container ul.pagination li {
  width: 100%;
  display: flex;
}
.leggimi-blog .navigation .container ul.pagination li:first-child {
  justify-content: flex-start;
  align-self: flex-start;
  padding-left: 15px;
}
.leggimi-blog .navigation .container ul.pagination li:first-child img {
  margin-right: 15px;
}
.leggimi-blog .navigation .container ul.pagination li:nth-child(2) {
  justify-content: flex-end;
  align-self: flex-end;
  padding-left: 15px;
}
.leggimi-blog .navigation .container ul.pagination li:nth-child(2) img {
  margin-left: 15px;
}
@media screen and (min-width: 992px) {
  .leggimi-blog .navigation .container ul.pagination li {
    width: fit-content;
    padding-left: 0!important;
    padding-right: 0!important;
  }
}
.leggimi-blog .navigation .container ul.pagination li:hover img {
  transform: scale(1.1);
}
.leggimi-blog .navigation .container ul.pagination li a {
  width: fit-content;
  border: 0;
  color: #060e9f;
  background-color: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.leggimi-blog .navigation .container ul.pagination li a:focus,
.leggimi-blog .navigation .container ul.pagination li a.focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(6, 14, 159, 0.25);
}
.leggimi-blog .navigation .container ul.pagination li a:before,
.leggimi-blog .navigation .container ul.pagination li a:after {
  display: none;
}
.leggimi-blog .navigation .container ul.pagination li img {
  width: 35px;
  height: auto;
}
/* *********************************************************** */
/* *******************   PAGINA SOSTIENIMI  ****************** */
/* *********************************************************** */
.sostienimi {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* min-height: 100vh; */
}
.sostienimi .titolo_pagina_container .titolo-pagina {
  color: white;
}
.sostienimi .container .payout {
  color: white;
  max-width: 470px;
  margin: 0 auto;
  text-align: center;
}
.sostienimi .container .payout h2 {
  font-size: 48px;
  margin-top: 40px;
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1.3;
}
.sostienimi .container .payout h2 small {
  font-size: 30px;
  font-weight: 500;
}
.sostienimi .container .payout h2 .trattino {
  display: none;
}
.sostienimi .container .payout h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}
.sostienimi .container .fumetti {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: white;
  margin-top: 80px;
}
.sostienimi .container .fumetti .fumetto {
  margin-top: 30px;
}
.sostienimi .container .fumetti .fumetto .testo {
  background-color: white;
  position: relative;
  border-radius: 6px;
  border: 3px solid #009fe3;
  background-repeat: no-repeat;
  background-size: contain;
  color: #20286d;
  font-weight: 600;
  padding: 5px 30px;
  font-size: 18px;
  line-height: 1.2;
  width: 70%;
  margin: 15px auto 0 auto;
}
.sostienimi .container .fumetti .fumetto.difendere {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
.sostienimi .container .fumetti .fumetto.difendere .testo {
  border-color: #e84e0f;
}
.sostienimi .container .fumetti .fumetto.bene {
  margin-top: 80px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.sostienimi .container .fumetti .fumetto.bene + img {
  margin: 25px 0;
}
.sostienimi .container .fumetti .fumetto.bene .testo {
  border-color: #e84e0f;
  width: fit-content;
}
.sostienimi .container .fumetti .fumetto.bene .testo .sfondo-giallo {
  display: inline-block;
  background-color: #ffed00;
  border-radius: 10px;
  padding: 0 5px;
}
.sostienimi .container .fumetti #crediti-immagini {
  text-align: right;
  color: #ffffff;
  margin-bottom: 20px;
  line-height: 14px;
  align-self: end;
}
.sostienimi .container .fumetti #crediti-immagini .prima-riga {
  font-weight: 600;
  font-size: 18px;
}
.sostienimi .container .fumetti #crediti-immagini .righe-successive {
  font-size: 12px;
  font-weight: 500;
}
.sostienimi.footer {
  background-color: #2ca134;
  padding-top: 20px;
  padding-bottom: 80px;
}
.sostienimi.footer .articoli-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sostienimi.footer .articoli-footer a.articolo {
  text-align: center;
  color: white;
  text-decoration: none;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 0;
}
.sostienimi.footer .articoli-footer a.articolo:hover span {
  transform: scale(1.05);
}
.sostienimi.footer .articoli-footer a.articolo:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.sostienimi.footer .articoli-footer a.articolo .titolo {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.2;
  transition: all 0.4s;
}
.sostienimi.footer .articoli-footer a.articolo .immagine {
  width: 200px;
  height: auto;
  margin: 20px auto;
  transition: all 0.4s;
}
.sostienimi.footer .articoli-footer a.articolo span {
  background-color: #ffed00;
  color: #20286d;
  padding: 1px 15px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  transition: all 0.4s;
}
/* *********************************************************** */
/* ***************   PAGINA HYBRID FAIR FIBER  *************** */
/* *********************************************************** */
.hybrid .titolo_pagina_container .container .titolo-pagina,
.hybrid .titolo_pagina_container .container span {
  color: white;
}
.hybrid .hybrid-container {
  padding-bottom: 40px;
  /* roba nascosta */
  /* fine roba nascosta */
}
.hybrid .hybrid-container .wrap {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 15px;
}
.hybrid .hybrid-container .intro {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.hybrid .hybrid-container .intro p {
  color: white;
  font-size: 26px;
  text-align: left;
  line-height: 1.3;
}
.hybrid .hybrid-container .intro a.link-wepa-hybrid-fair-fibre {
  max-width: 170px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.hybrid .hybrid-container .intro a.link-wepa-hybrid-fair-fibre img.bollino {
  width: 100%;
}
.hybrid .hybrid-container .intro a.link-wepa-hybrid-fair-fibre h5 {
  color: white;
  font-size: 18px;
  margin-top: 0;
  display: none;
  text-decoration: underline;
}
.hybrid .hybrid-container .pack {
  position: relative;
  padding-bottom: 5%;
}
.hybrid .hybrid-container .pack img {
  display: block;
  margin: -70px 8% 0 auto;
}
.hybrid .hybrid-container .pack .scopri {
  padding: 5px 25px;
  background-color: white;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  color: #3da945;
  display: inline-block;
  position: absolute;
}
.hybrid .hybrid-container .pack .asciugatutto {
  bottom: 7%;
  left: 23%;
}
.hybrid .hybrid-container .pack .carta-igienica {
  bottom: -2%;
  right: 20%;
}
.hybrid .hybrid-container .contenuto {
  margin-top: 40px;
  padding: 0 12%;
  display: flex;
}
.hybrid .hybrid-container .contenuto p {
  align-self: flex-start;
  margin-top: 0;
  width: 40%;
  padding-right: 12%;
  text-align: left;
  color: white;
  font-size: 18px;
}
.hybrid .hybrid-container .contenuto .specchio {
  align-self: flex-end;
  width: 39%;
  background-color: #ffed00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #252b6b;
  padding: 10px 3%;
  font-size: 16px;
  position: relative;
  color: #252b6b;
}
.hybrid .hybrid-container .contenuto .specchio::after {
  content: "";
  position: absolute;
  width: 68px;
  height: 75px;
  top: -19px;
  left: -29px;
  background-image: url(../images/layout/hybrid/hybrid-sprite.png );
  background-repeat: no-repeat;
  background-size: 160px 90px;
  background-position: -10px -10px;
}
.hybrid .hybrid-container .contenuto .specchio .title {
  font-weight: 600;
  font-size: 18px;
  padding: 0 20px;
}
.hybrid .hybrid-container .contenuto .specchio .mani {
  font-weight: 700;
  font-size: 22px;
  margin: 10px 0 5px 0;
}
.hybrid .hybrid-container .contenuto .specchio .mani::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 18px;
  background-image: url(../images/layout/hybrid/hybrid-sprite.png );
  background-repeat: no-repeat;
  background-size: 160px auto;
  background-position-y: -10px;
}
.hybrid .hybrid-container .contenuto .specchio .mani::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 18px;
  background-image: url(../images/layout/hybrid/hybrid-sprite.png );
  background-repeat: no-repeat;
  background-size: 160px auto;
  background-position-y: -10px;
}
.hybrid .hybrid-container .contenuto .specchio .mani.dentro:before {
  background-position-x: -118px;
}
.hybrid .hybrid-container .contenuto .specchio .mani.dentro:after {
  background-position-x: -72px;
}
.hybrid .hybrid-container .contenuto .specchio .mani.fuori:before {
  background-position-x: -72px;
  margin-right: 10px;
}
.hybrid .hybrid-container .contenuto .specchio .mani.fuori:after {
  background-position-x: -118px;
  margin-left: 10px;
}
.hybrid .hybrid-container .contenuto .specchio .elenco {
  display: block;
  margin-top: 10px;
}
.hybrid .hybrid-container .fumetto {
  position: relative;
  background-color: white;
  border: 4px solid #69b9ec;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #252b6b;
  margin: 40px 14%;
  padding: 15px;
  line-height: 1.6;
  text-align: left;
}
.hybrid .hybrid-container .fumetto:before {
  content: "\0020";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: -30px;
  z-index: 2;
  width: 0;
  height: 0;
  overflow: hidden;
  border: solid 22px transparent;
  border-top: 0;
  border-bottom-color: #FFF;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 1;
  border-bottom-color: #69b9ec;
  left: -36px;
}
.hybrid .hybrid-container .fumetto:after {
  content: "\0020";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: -30px;
  z-index: 2;
  width: 0;
  height: 0;
  overflow: hidden;
  border: solid 22px transparent;
  border-top: 0;
  border-bottom-color: #FFF;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hybrid .hybrid-container .fumetto .icona {
  display: inline-block;
  width: 20px;
  height: 22px;
  background-image: url(../images/layout/hybrid/hybrid-sprite.png );
  background-repeat: no-repeat;
  background-size: 130px auto;
  margin: 0 5px;
}
.hybrid .hybrid-container .fumetto .icona.albero {
  background-position: -64px -32px;
}
.hybrid .hybrid-container .fumetto .icona.smile {
  background-position: -97px -29px;
}
.hybrid .hybrid-container .finale {
  color: white;
  font-size: 22px;
}
.hybrid .hybrid-container .finale .marchio {
  padding: 0 10px;
  background-color: #ffed00;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  color: #252b6b;
  display: inline-block;
  margin: 0 2px;
  font-weight: 700;
}
.hybrid .hybrid-container .video video {
  width: 100%;
  margin: 30px 0;
}
/* *********************************************************** */
/* **********************   CONTATTI  ************************ */
/* *********************************************************** */
.contatti {
  background-color: #a1daf8;
  /* min-height: 100%; */
}
.contatti .contenuto-contatti {
  /* display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%; */
}
@media screen and (min-width: 2500px) {
  .contatti .contenuto-contatti {
    transform: translateY(33%);
  }
}
.contatti .contenuto-contatti #ragione-sociale {
  color: #060e9f;
}
.contatti .contenuto-contatti #ragione-sociale p.ragione-sociale {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li {
  display: flex;
  margin-bottom: 20px;
  font-weight: 300;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li a {
  text-decoration: none;
  color: #060e9f;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone {
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_icone_contatti.png);
  background-size: 75px 70px;
  margin-right: 10px;
  padding: 0;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_localita {
  background-position: 0px 0px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_mail {
  background-position: -25px 0px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_telefono {
  background-position: -50px 0px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_fax {
  background-position: 0px -25px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_partitaiva {
  background-position: -25px -25px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_web1 {
  background-position: 0px -47px;
}
.contatti .contenuto-contatti #ragione-sociale ul.lista-icone li .cmp_contact_data_icone#cmp_contact_data_icone_web2 {
  background-position: 0px -47px;
}
.contatti .contenuto-contatti .form-contatti {
  padding-bottom: 40px;
}
.contatti .contenuto-contatti .form-contatti .wpcf7-not-valid-tip {
  font-size: 15px;
}
.contatti .contenuto-contatti .form-contatti .input-vari {
  display: flex;
  flex-direction: column;
}
.contatti .contenuto-contatti .form-contatti .input-vari label {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  padding-left: 20px;
  font-weight: 700;
  color: #060e9f;
}
.contatti .contenuto-contatti .form-contatti .input-vari label input,
.contatti .contenuto-contatti .form-contatti .input-vari label select,
.contatti .contenuto-contatti .form-contatti .input-vari label textarea {
  margin-left: -20px;
  width: calc(100% + 20px);
  height: 30px;
  padding-left: 2%;
  padding-right: 2%;
  border-radius: 15px;
  border: none;
  font-size: 12px;
  font-weight: 300;
  transition: all 0.2s;
  margin-top: 2px;
}
.contatti .contenuto-contatti .form-contatti .input-vari label input:focus-visible,
.contatti .contenuto-contatti .form-contatti .input-vari label select:focus-visible,
.contatti .contenuto-contatti .form-contatti .input-vari label textarea:focus-visible,
.contatti .contenuto-contatti .form-contatti .input-vari label input:focus,
.contatti .contenuto-contatti .form-contatti .input-vari label select:focus,
.contatti .contenuto-contatti .form-contatti .input-vari label textarea:focus {
  box-shadow: 0 0 0 0.2rem rgba(6, 14, 159, 0.25);
}
.contatti .contenuto-contatti .form-contatti .input-vari label span[data-name="richiesta"] {
  /* height: 30px; */
  position: relative;
  background-image: unset;
  /* &.cliccato{
              &:after{
                transform: translateY(-50%) rotate(180deg);
              }
            } */
}
.contatti .contenuto-contatti .form-contatti .input-vari label span[data-name="richiesta"] select {
  margin-top: 0;
}
.contatti .contenuto-contatti .form-contatti .input-vari label span[data-name="richiesta"]:after {
  position: absolute;
  width: 24px;
  height: 24px;
  content: "";
  top: 50%;
  right: 3px;
  border-radius: 100px;
  transform: translateY(-50%);
  background-color: #ff5000;
  background-image: url(../img/caret_down_white.svg);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.contatti .contenuto-contatti .form-contatti .input-vari label textarea {
  height: auto;
  padding: 5px 3%;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy {
  font-size: 12px;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  top: 0px;
  display: inline-block;
  margin: 0;
  /* width: 1.5rem; */
  min-width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 5px;
  border-style: solid;
  border-width: 0.1rem;
  border-color: transparent;
  box-shadow: none;
  cursor: pointer;
  margin-right: 10px;
  transition: all 0.2s;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy input[type="checkbox"]:after {
  content: "";
  width: 0%;
  height: 0%;
  background-color: #060e9f;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* transition: all 0.2s; */
  border-radius: 5px;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy input[type="checkbox"]:checked {
  border-color: #060e9f;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy input[type="checkbox"]:checked:after {
  width: 100%;
  height: 100%;
  border: 1px solid white;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy .wpcf7-list-item {
  margin-left: 0;
}
.contatti .contenuto-contatti .form-contatti .privacy .accettazionePrivacy .wpcf7-list-item label {
  display: flex;
}
.contatti .contenuto-contatti .form-contatti .invia {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  position: relative;
}
.contatti .contenuto-contatti .form-contatti .invia:after {
  position: absolute;
  width: 18px;
  height: 18px;
  content: "";
  top: 0%;
  right: 17px;
  border-radius: 100px;
  transform: translateY(20%) rotate(-90deg);
  background-color: #060e9f;
  background-image: url(../img/caret_down_white.svg);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.4s;
  z-index: 10;
}
.contatti .contenuto-contatti .form-contatti .invia input {
  font-size: 16px;
  margin: 0;
  background-color: transparent;
  border: 0;
  padding: 0;
  padding-right: 40px;
  font-weight: 500;
  position: relative;
  z-index: 15;
  text-transform: uppercase;
}
.contatti .contenuto-contatti .form-contatti .invia input:not(:disabled) {
  color: #060e9f;
}
.contatti .contenuto-contatti .form-contatti small {
  font-size: 10px;
}
.contatti .contenuto-contatti .form-contatti .wpcf7-response-output {
  width: fit-content;
  margin: 0;
}
/* *********************************************************** */
/* ********************   GIOCO SWIPE  *********************** */
/* *********************************************************** */
.gioco-swipe {
  padding-top: var(--altezza_header);
  background-color: #060e9f;
  height: 100%;
  /* #20286d;
  #ff5000; */
  /* --- Disattivazione vecchio popup newsletter per evitare overlay fantasma --- */
  /* Assicuro anche che nessun .contieniPopupForm venga mostrato accidentalmente */
}
.gioco-swipe .contenuto-gioco {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--altezza_header);
  padding-bottom: 100px;
}
.gioco-swipe .contenuto-gioco h2.titoli {
  color: white;
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 0;
}
.gioco-swipe .contenuto-gioco h2.titoli b {
  font-weight: 600;
  line-height: 1.9;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper {
  margin-top: 1rem;
  width: 100%;
  max-width: 350px;
  height: auto;
  transition: all 0.4s;
  opacity: 0;
  border-radius: 20px;
  --swiper-tinder-no-color: #FF002F;
  --swiper-tinder-yes-color: #1AC44E;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-wrapper {
  align-items: unset;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper.mostra {
  opacity: 1;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide {
  background-color: #ffed00;
  height: auto;
  color: #060e9f;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide:before {
  display: none;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide .swiper-tinder-label {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide .contenuto {
  padding: 20px;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide .contenuto .immagine {
  width: 70%;
  padding-top: 70%;
  position: relative;
  margin-bottom: 20px;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide .contenuto .immagine img {
  width: auto;
  height: 100%;
  display: block;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-slide .contenuto .demo-slide-name-my {
  color: #060e9f;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 70px;
  word-break: break-all;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07);
  background-color: white;
  border: 0;
  transition: all 0.4s;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button.swiper-tinder-button-no .contieni {
  border-color: var(--swiper-tinder-no-color);
  color: var(--swiper-tinder-no-color);
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button.swiper-tinder-button-yes .contieni {
  border-color: var(--swiper-tinder-yes-color);
  color: var(--swiper-tinder-yes-color);
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button:hover,
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button:focus-visible,
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button.swiper-tinder-button-active {
  transform: scale(1.05);
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button:hover.swiper-tinder-button-no .contieni,
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button:focus-visible.swiper-tinder-button-no .contieni,
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button.swiper-tinder-button-active.swiper-tinder-button-no .contieni {
  background-color: var(--swiper-tinder-no-color);
  color: white;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button:hover.swiper-tinder-button-yes .contieni,
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button:focus-visible.swiper-tinder-button-yes .contieni,
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button.swiper-tinder-button-active.swiper-tinder-button-yes .contieni {
  background-color: var(--swiper-tinder-yes-color);
  color: white;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button .contieni {
  border: 2px solid;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 45px;
  height: 45px;
  transition: all 0.2s;
}
.gioco-swipe .contenuto-gioco .giocoSwipe-swiper .swiper-tinder-button .contieni i {
  font-size: 25px;
}
.gioco-swipe .form-dentro-pagina {
  max-width: 560px;
  background-color: #B3D9F5;
  position: relative;
  padding: 20px;
  border-radius: 20px;
  border: 3px solid white;
  margin: 15px;
  margin-top: 100px;
  margin-bottom: 50px;
  transition: all 0.4s;
}
.gioco-swipe .form-dentro-pagina .titoli-sopra-form h2 {
  text-align: center;
  color: #060e9f;
  margin-top: 0;
  font-size: 26px;
}
.gioco-swipe .form-dentro-pagina .titoli-sopra-form h2 span {
  color: #fcea1b;
  background-color: #060e9f;
  border: 2px solid #ffffff;
  border-radius: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 700;
}
.gioco-swipe .form-dentro-pagina h3 {
  color: #060e9f;
  margin-bottom: 20px;
}
.gioco-swipe .form-dentro-pagina h3 span {
  text-transform: uppercase;
}
.gioco-swipe .form-dentro-pagina label {
  display: block;
  color: #060e9f;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
  text-align: left;
}
.gioco-swipe .form-dentro-pagina label input {
  width: 100%;
  height: 30px;
  padding-left: 15px;
  padding-right: 10px;
  text-transform: unset;
  border-radius: 15px;
  border: none;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
}
.gioco-swipe .form-dentro-pagina label textarea {
  width: 100%;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 5px;
  text-transform: initial;
  border-radius: 15px;
  border: none;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
}
.gioco-swipe .form-dentro-pagina .accettazionePrivacy {
  width: 100%;
}
.gioco-swipe .form-dentro-pagina .accettazionePrivacy span {
  margin: 0;
  font-size: 13px;
  line-height: 16px;
}
.gioco-swipe .form-dentro-pagina .accettazionePrivacy label {
  display: flex;
  text-transform: unset;
}
.gioco-swipe .form-dentro-pagina .accettazionePrivacy label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  top: 0px;
  display: inline-block;
  margin: 0;
  /* width: 1.5rem; */
  background: #fff;
  border: 1px solid white;
  padding: 0px;
  box-shadow: none;
  cursor: pointer;
  width: 16px;
  min-width: 16px;
  margin-right: 8px;
  margin-top: 0;
  height: 16px;
  border-radius: 5px;
}
.gioco-swipe .form-dentro-pagina .accettazionePrivacy label input[type="checkbox"]:after {
  content: '';
  width: 0%;
  height: 0%;
  background-color: #0509A0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
  border-radius: 100%;
}
.gioco-swipe .form-dentro-pagina .accettazionePrivacy label input[type="checkbox"]:checked:after {
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
.gioco-swipe .form-dentro-pagina .contieniInvia {
  position: relative;
}
.gioco-swipe .form-dentro-pagina .contieniInvia .inviaForm {
  font-size: 20px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  padding: 0;
  float: right;
  font-family: 'Comprami', 'Dosis', sans-serif;
  font-weight: 500;
  color: #060e9f;
  padding-right: 35px;
  line-height: 27px;
  background-color: transparent;
  background-image: url('../img/splide/invia.svg');
  background-size: 18px;
  background-position: 50px;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.gioco-swipe .form-dentro-pagina .contieniInvia .inviaForm.wpcf7-submit:disabled {
  opacity: 0.5;
}
.gioco-swipe .formSuggestioni {
  position: fixed;
  bottom: 0;
  /* background-color: #0509A0; */
  /* background-color: #ffed00; */
  background-color: #1AC44E;
  color: white;
  font-size: 20px;
  font-weight: bold;
  border-top-left-radius: 0px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 70px);
  max-width: 245px;
  transition: all 0.4s;
  z-index: 100;
}
.gioco-swipe .formSuggestioni .prodottoLinkato {
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .gioco-swipe .formSuggestioni .prodottoLinkato a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
  }
}
.gioco-swipe .formSuggestioni .prodottoLinkato img {
  width: 145%;
  max-width: 275px;
  height: auto;
  transition: all 0.4s;
  margin-top: -75px;
  margin-bottom: 5px;
}
.gioco-swipe .formSuggestioni .sidebar {
  background-color: #6CB2E3;
  padding: 10px 20px;
  padding-left: 40px;
  padding-right: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  transition: all 0.4s;
  cursor: pointer;
}
.gioco-swipe .formSuggestioni .sidebar br {
  display: none;
}
.gioco-swipe .formSuggestioni .sidebar p {
  margin: 0;
}
.gioco-swipe #modalFreddure,
.gioco-swipe #modalNewsletter {
  /* MODAL CON BOOTSTRAP */
}
@media screen and (min-width: 576px) {
  .gioco-swipe #modalFreddure .modal-dialog,
  .gioco-swipe #modalNewsletter .modal-dialog {
    max-width: 575px;
  }
}
.gioco-swipe #modalFreddure .modal-content,
.gioco-swipe #modalNewsletter .modal-content {
  background-color: #B3D9F5;
  border-radius: 20px;
  border: 3px solid white;
  transition: all 0.4s;
  margin: 20px 10px;
}
.gioco-swipe #modalFreddure .modal-header,
.gioco-swipe #modalNewsletter .modal-header {
  margin-bottom: 0;
  padding: 1rem 1rem 0 1rem;
  background-color: transparent;
  border-bottom: 0;
}
.gioco-swipe #modalFreddure .modal-header h5,
.gioco-swipe #modalNewsletter .modal-header h5,
.gioco-swipe #modalFreddure .modal-header h3,
.gioco-swipe #modalNewsletter .modal-header h3 {
  color: #060e9f;
  line-height: 1.2;
  font-size: 1.17em;
  font-weight: bold;
}
.gioco-swipe #modalFreddure .modal-header h5 span,
.gioco-swipe #modalNewsletter .modal-header h5 span,
.gioco-swipe #modalFreddure .modal-header h3 span,
.gioco-swipe #modalNewsletter .modal-header h3 span {
  text-transform: uppercase;
}
.gioco-swipe #modalFreddure .modal-header .chiudiForm,
.gioco-swipe #modalNewsletter .modal-header .chiudiForm {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-color: #060e9f;
  border: 3px solid white;
  border-radius: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gioco-swipe #modalFreddure .modal-header .chiudiForm img,
.gioco-swipe #modalNewsletter .modal-header .chiudiForm img {
  width: 15px;
  height: 15px;
  position: absolute;
}
.gioco-swipe #modalFreddure .modal-header .custom-close.btn-close,
.gioco-swipe #modalNewsletter .modal-header .custom-close.btn-close {
  opacity: 1 !important;
  padding: 0 !important;
}
.gioco-swipe #modalFreddure .modal-header .custom-close.btn-close::after,
.gioco-swipe #modalNewsletter .modal-header .custom-close.btn-close::after {
  display: none !important;
}
.gioco-swipe #modalFreddure .modal-header .custom-close.btn-close img,
.gioco-swipe #modalNewsletter .modal-header .custom-close.btn-close img {
  pointer-events: none;
  width: 15px;
  height: 15px;
}
.gioco-swipe #modalFreddure .modal-body,
.gioco-swipe #modalNewsletter .modal-body {
  background-color: transparent;
}
.gioco-swipe #modalFreddure .modal-body label,
.gioco-swipe #modalNewsletter .modal-body label {
  display: block;
  color: #060e9f;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.gioco-swipe #modalFreddure .modal-body label input,
.gioco-swipe #modalNewsletter .modal-body label input {
  width: 100%;
  height: 30px;
  padding-left: 15px;
  padding-right: 10px;
  text-transform: unset;
  border-radius: 15px;
  border: none;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
}
.gioco-swipe #modalFreddure .modal-body label textarea,
.gioco-swipe #modalNewsletter .modal-body label textarea {
  width: 100%;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 5px;
  text-transform: initial;
  border-radius: 15px;
  border: none;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
}
.gioco-swipe #modalFreddure .modal-body .accettazionePrivacy,
.gioco-swipe #modalNewsletter .modal-body .accettazionePrivacy {
  width: 100%;
}
.gioco-swipe #modalFreddure .modal-body .accettazionePrivacy span,
.gioco-swipe #modalNewsletter .modal-body .accettazionePrivacy span {
  margin: 0;
  font-size: 13px;
  line-height: 16px;
}
.gioco-swipe #modalFreddure .modal-body .accettazionePrivacy label,
.gioco-swipe #modalNewsletter .modal-body .accettazionePrivacy label {
  display: flex;
  text-transform: unset;
}
.gioco-swipe #modalFreddure .modal-body .accettazionePrivacy label input[type="checkbox"],
.gioco-swipe #modalNewsletter .modal-body .accettazionePrivacy label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  top: 0px;
  display: inline-block;
  margin: 0;
  /* width: 1.5rem; */
  background: #fff;
  border: 1px solid white;
  padding: 0px;
  box-shadow: none;
  cursor: pointer;
  width: 16px;
  min-width: 16px;
  margin-right: 8px;
  margin-top: 0;
  height: 16px;
  border-radius: 5px;
}
.gioco-swipe #modalFreddure .modal-body .accettazionePrivacy label input[type="checkbox"]:after,
.gioco-swipe #modalNewsletter .modal-body .accettazionePrivacy label input[type="checkbox"]:after {
  content: '';
  width: 0%;
  height: 0%;
  background-color: #0509A0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
  border-radius: 100%;
}
.gioco-swipe #modalFreddure .modal-body .accettazionePrivacy label input[type="checkbox"]:checked:after,
.gioco-swipe #modalNewsletter .modal-body .accettazionePrivacy label input[type="checkbox"]:checked:after {
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
.gioco-swipe #modalFreddure .modal-body .contieniInvia,
.gioco-swipe #modalNewsletter .modal-body .contieniInvia {
  position: relative;
}
.gioco-swipe #modalFreddure .modal-body .contieniInvia .inviaFreddura,
.gioco-swipe #modalNewsletter .modal-body .contieniInvia .inviaFreddura {
  font-size: 20px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  padding: 0;
  float: right;
  font-family: 'Comprami', 'Dosis', sans-serif;
  font-weight: 500;
  color: #060e9f;
  padding-right: 35px;
  line-height: 27px;
  background-color: transparent;
  background-image: url('../img/splide/invia.svg');
  background-size: 18px;
  background-position: 50px;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.gioco-swipe #modalFreddure .modal-body .contieniInvia .inviaFreddura.wpcf7-submit:disabled,
.gioco-swipe #modalNewsletter .modal-body .contieniInvia .inviaFreddura.wpcf7-submit:disabled {
  opacity: 0.5;
}
.gioco-swipe .torna-alla-home {
  background-color: #F9EA37;
  color: #060e9f;
  border-radius: 20px;
  display: block;
  width: fit-content;
  margin: 20px auto 0 auto;
  padding: 10px 20px;
  font-weight: bold;
  transition: all 0.4s;
  text-decoration: none;
}
.gioco-swipe .torna-alla-home:hover,
.gioco-swipe .torna-alla-home:focus-visible {
  background-color: #ff5000;
  color: white;
}
@media (max-height: 550px) {
  .gioco-swipe .formSuggestioni {
    width: 395px;
    left: 100%;
    transform: translateX(-100%);
    border-top-left-radius: 20px;
    display: none!important;
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato img {
    width: 100%;
    max-width: 215px;
  }
  .gioco-swipe .formSuggestioni .sidebar {
    padding-right: 0px;
    border-top-left-radius: 20px;
    padding-left: 10px;
  }
  .gioco-swipe .formSuggestioni .sidebar p {
    width: 110px;
  }
}
@media (min-width: 576px) {
  .gioco-swipe {
    /* .contieniPopupForm{
        .form{
          margin: 15px auto;
          margin-top: 130px;
        }
      } */
  }
}
@media (min-width: 768px) and (min-height: 576px) {
  .gioco-swipe .formSuggestioni {
    position: fixed;
    color: white;
    font-size: 19px;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    display: flex;
    flex-direction: column;
    width: 232px;
    /* overflow: hidden; */
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato {
    font-size: 10px;
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato img {
    width: 150%;
    width: 100%;
    width: 85%;
    height: auto;
    margin-left: -18px;
    /* transform: translateX(-15.5%);
            transform: translateX(-18.5%); */
    /* margin-top: 5px; */
  }
  .gioco-swipe .formSuggestioni .sidebar {
    background-color: #6CB2E3;
    /* padding: 10px 10px; */
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: all 0.4s;
  }
}
@media (min-width: 768px) and (max-width: 1180px) and (max-height: 900px) and (min-height: 480px) {
  .gioco-swipe .formSuggestioni {
    width: auto;
    border-radius: 0;
    flex-direction: row;
    background-color: #6CB2E3;
    border-top-right-radius: 20px;
    /* border-top: 10px solid #0509A0; */
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato img {
    width: 100%;
    width: 190px;
    margin-top: -60px;
    margin-left: -40px;
    margin-right: -50px;
  }
  .gioco-swipe .formSuggestioni .sidebar {
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    border-top-left-radius: 0px;
    display: flex;
    align-items: center;
  }
  .gioco-swipe .formSuggestioni .sidebar p {
    width: 200px;
  }
  .gioco-swipe .formSuggestioni .sidebar p br {
    display: none;
  }
}
@media (min-width: 992px) {
  .gioco-swipe .formSuggestioni {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .gioco-swipe .formSuggestioni {
    overflow: inherit;
    width: 245px;
    width: 210px;
    bottom: 0;
    /* right: 0;
        left: unset; */
    top: unset;
    /* transform: translateX(0%); */
    /* border-top-left-radius: 20px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 0px; */
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato img {
    /* transform: translateX(-8.2%);
            transform: translateX(-3.2%); */
    margin-top: -105px;
  }
  .gioco-swipe .formSuggestioni .sidebar {
    padding: 10px;
    /* border-top-left-radius: 20px;
          border-top-right-radius: 0px;
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 0px; */
  }
}
@media (min-width: 1400px) {
  .gioco-swipe .formSuggestioni {
    overflow: inherit;
    width: 220px;
    bottom: 0;
    right: 0;
    left: unset;
    top: unset;
    transform: translateX(0%);
    border-top-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato {
    transition: all 0.4s;
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato:hover img {
    transform: scale(1) translateX(-3.2%);
  }
  .gioco-swipe .formSuggestioni .prodottoLinkato img {
    width: 150%;
    transform: translateX(-8.2%);
    transform: translateX(0%);
    transform: scale(0.9) translateX(-3.2%);
    transform-origin: bottom;
    margin-top: -105px;
  }
  .gioco-swipe .formSuggestioni .sidebar {
    border-top-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .gioco-swipe .formSuggestioni .sidebar p {
    transition: all 0.4s;
  }
  .gioco-swipe .formSuggestioni .sidebar p:hover {
    /* transform: scale(1.03); */
    color: #0509A0;
  }
}
.gioco-swipe .popop-dopo-compilazione-form-newsletter {
  display: none !important;
  opacity: 0 !important;
  z-index: -9999 !important;
  pointer-events: none !important;
}
.gioco-swipe .contieniPopupForm {
  display: none !important;
  opacity: 0 !important;
  z-index: -9999 !important;
  pointer-events: none !important;
}
/*# sourceMappingURL=./custom.css.map */