/* ALFTHEME > PAGES CSS */

.smooth-scroll {
  overflow-y: hidden !important;
}

.linkMobile {
  display: none!important;
}

.swiperVice .positionTesti {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
	min-width: 100%;
}

[data-scroll-container] {
  perspective: 1px;
}
/*
[data-scroll-container], 
[data-scroll-section] { 
  transform-style: preserve-3d; 
  will-change: transform; 
}
*/

.button.reverse-force:hover {
  color: var(--nero)!important;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden !important;
}

#viewport {
  overflow: hidden !important;
} 

section,
footer {
  width: 100vw;
  min-height: 50vh;  
} 

/* __________________________________________________________________________ */
/* HERO */

.lang-container {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}
.main-btn-prod {
  position: relative;
  z-index: 100;
  background-color: #a6947c;
  border:0!important;
}
.header-oro .main-btn-prod {
    background-color: var(--nero);
}
.main-btn-prod-mobile {
  display: none;
  background-color: #a6947c;
  border:0!important;
}

.main-btn-prod-mobile:hover,
.main-btn-prod-mobile:active,
.main-btn-prod:hover,
.main-btn-prod:active {
  background-color: #a6947c;
  background-color: var(--nero);
  color: var(--coloreSfondoChiaro);
  border:0!important;
}
.header-oro .main-btn-prod:hover {
    background-color: var(--coloreSfondoChiaro);
    color: var(--nero)!important;
    border:0!important;
}
.hide-mask-top .curvaAlta::before {
  background-color: red;
}

.call-obbiettivi {
  display: flex;
  align-items: center;
}

.spacer-navsticky {
  height: 20vh;
}
.p-promo {
  text-align: center!important;
  color: var(--nero)!important;
  padding: 0;
  margin: -30px 0 30px !important;
  text-transform: initial!important;
}

.hero {
  width: 100%;
  /*min-height: 900px;*/
  /* padding-top: var(--header-height);
  padding-bottom: var(--distance-big); */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero.fullScreen {
  min-height: 100vh;
  height: auto;
}

.hero .hero-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.hero-page-asti .animation-onde-hero {
  display: block;
  width: 0;
  height: 120px;
  top: 50%;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='792' height='70.879' viewBox='0 0 792 70.879'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rettangolo_1220' data-name='Rettangolo 1220' width='792' height='70.879' transform='translate(0 0.001)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Raggruppa_4110' data-name='Raggruppa 4110' transform='translate(0 0)'%3E%3Cg id='Raggruppa_4109' data-name='Raggruppa 4109' clip-path='url(%23clip-path)'%3E%3Cpath id='Tracciato_28087' data-name='Tracciato 28087' d='M790.1 48.745c-34.2-1.8-66.6-13.5-97.9-24.9-7.8-2.8-15.8-5.8-23.8-8.5-21.2-7.3-39.1-11.7-56.3-13.8a168.223 168.223 0 0 0-20-1.5 164.455 164.455 0 0 0-37.7 3.5c-21.1 4.4-41.9 11.5-62 18.3-38.9 13.2-79 26.9-122.1 21.1-26.1-3.5-51.7-11.5-76.5-19.3-31.1-9.7-63.2-19.8-96.6-21a13.4 13.4 0 0 1-2-.1c-33.3-.7-63.9 11.5-93.6 23.3-25.1 10-51 20.3-78.5 22.8a177.763 177.763 0 0 1-23.1.2v1.5a164.759 164.759 0 0 0 23.3-.3c27.7-2.4 53.7-12.8 78.9-22.8 30.1-12 61.2-24.4 95-23.1 33.2 1.2 65.2 11.2 96.2 20.9 24.8 7.8 50.5 15.8 76.7 19.3 19.5 2.6 40 1.5 62.8-3.4 20.3-4.3 40.5-11.2 60-17.8 20.1-6.8 40.8-13.9 61.8-18.3 43.3-9 83.3 1.6 113.2 11.9 7.9 2.7 16 5.6 23.8 8.5 31.5 11.4 64 23.2 98.4 25 .6 0 1.2.1 1.9.1v-1.5c-.7 0-1.3-.1-1.9-.1' fill='%239d846959'/%3E%3Cpath id='Tracciato_28088' data-name='Tracciato 28088' d='M691.9 34.945c-7.5-2.6-15.3-5.3-23-7.8-15.6-5.1-36.2-11.4-57.5-14.3a143.536 143.536 0 0 0-16-1.2c-12.5-.3-25.6 1.1-40.2 4.1-20.5 4.2-41.1 10.8-61 17.2-40.2 13-81.9 26.5-125.2 20-26.8-4-53.3-12.3-78.9-20.3-33-10.4-67.2-21.1-102.4-22.7-33.1-1.4-63.4 11.9-92.8 24.7-23.4 10.2-47.6 20.9-73 23.9a145.91 145.91 0 0 1-21.9.9v1.4a148.031 148.031 0 0 0 22.1-.9c25.6-3 49.9-13.7 73.4-24 29.2-12.8 59.5-26 92.2-24.6 35 1.5 69.1 12.2 102 22.6 25.7 8.1 52.2 16.4 79.1 20.4 43.7 6.5 85.5-7 125.9-20.1 19.8-6.4 40.4-13 60.8-17.2 20.8-4.2 38.5-5.1 55.7-2.8 21.2 2.8 41.7 9.1 57.2 14.2 7.7 2.5 15.4 5.2 23 7.8 31.5 10.9 64.1 22.2 98.4 24.5.6 0 1.5.1 2.2.1v-1.4c-.6 0-1.5-.1-2.1-.1-34.1-2.4-66.6-13.6-98-24.4' fill='%239d846959'/%3E%3Cpath id='Tracciato_28089' data-name='Tracciato 28089' d='M692.4 46.645c-7.1-2.2-14.4-4.5-21.6-6.6-22.5-6.7-40-10.7-56.5-12.9a138.255 138.255 0 0 0-15.8-1.2c-12.2-.2-25.2 1-40.6 3.7-20.2 3.6-40.8 9.5-60.7 15.1-42 11.9-85.5 24.1-129.1 17.3-27.3-4.2-54.3-12.5-80.5-20.4-34.1-10.3-69.3-21-105.5-23.1-27.3-1.6-55 10.1-79.6 20.5-3.4 1.4-6.9 2.9-10.2 4.4-23.1 9.9-46.8 20-72.1 24.4-6.5 1.1-9.9 1.5-20.2 1.3v1.5a84.613 84.613 0 0 0 20.2-.9c25.5-4.6 49.6-14.6 72.8-24.6 3.3-1.4 6.8-3.4 10.2-4.8 24.4-10.3 52-21.9 78.9-20.4 35.9 2.1 71.1 12.8 105.1 23.1 26.2 8 53.3 16.2 80.7 20.4 43.9 6.8 87.5-5.5 129.7-17.4 19.9-5.6 40.4-11.4 60.5-15 22-4 39.2-4.7 55.9-2.5 16.5 2.2 33.8 6.1 56.3 12.9 7.2 2.2 14.5 4.4 21.6 6.6 31.4 9.8 63.8 19.8 97.7 22.4.6.1 1.8.1 2.4.2v-1.5a17.852 17.852 0 0 1-2.3-.2c-33.7-2.5-66-12.6-97.3-22.3' fill='%239d846959'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  /*background-image: url("data:image/svg+xml,%3Csvg id='onde' data-name='Livello 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 792 70.69'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %239d846959%3B %7D %3C/style%3E%3C/defs%3E%3Cg id='Livello_1-2' data-name='Livello 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M790.1 48.75c-34.15-1.75-66.56-13.5-97.92-24.89-7.79-2.83-15.84-5.75-23.79-8.48-21.21-7.27-39.08-11.67-56.25-13.84-6.65-.85-13.33-1.35-20.03-1.5-12.66-.28-25.3 .88-37.7 3.47-21.11 4.41-41.89 11.48-61.99 18.32-38.85 13.22-79.03 26.89-122.08 21.14-26.08-3.48-51.69-11.51-76.47-19.27-31.07-9.74-63.21-19.81-96.57-21.01-.67-.02-1.34-.04-2.01-.06-33.3-.68-63.94 11.5-93.6 23.29-25.1 9.98-51.05 20.3-78.48 22.78-7.55 .68-15.15 .52-22.73 .16l-.06 1.46c7.62 .36 15.3 .52 22.92-.17 27.65-2.5 53.7-12.86 78.89-22.87 30.11-11.97 61.25-24.35 95.01-23.13 33.17 1.2 65.2 11.23 96.18 20.94 24.83 7.78 50.51 15.83 76.71 19.32 19.48 2.6 40.01 1.5 62.77-3.37 20.28-4.33 40.46-11.2 59.98-17.84 20.06-6.82 40.8-13.88 61.82-18.27 43.33-9.05 83.26 1.57 113.2 11.83 7.94 2.72 15.98 5.64 23.76 8.47 31.47 11.43 64 23.22 98.39 24.98 .62 .03 1.24 .08 1.87 .11l.06-1.46c-.63-.03-1.26-.08-1.9-.11Z'/%3E%3Cpath class='cls-1' d='M691.91 34.94c-7.52-2.6-15.29-5.3-22.98-7.83-15.57-5.13-36.18-11.39-57.45-14.26-5.31-.72-10.65-1.13-16.01-1.23-12.48-.26-25.58 1.08-40.19 4.05-20.53 4.18-41.1 10.83-60.99 17.25-40.25 13.01-81.87 26.46-125.2 20.04-26.79-3.97-53.27-12.3-78.89-20.35-33.03-10.38-67.18-21.12-102.41-22.67-33.06-1.44-63.45 11.86-92.85 24.73-23.41 10.25-47.61 20.86-73.03 23.94-7.16 .87-14.4 1.09-21.65 .86l-.08 1.46c7.35 .25 14.73 0 21.9-.87 25.63-3.11 49.93-13.76 73.44-24.06 29.24-12.81 59.47-26.04 92.19-24.61 35.04 1.54 69.1 12.25 102.04 22.6 25.67 8.07 52.21 16.42 79.11 20.4 43.66 6.47 85.45-7.04 125.86-20.1 19.85-6.42 40.38-13.05 60.83-17.21 20.81-4.23 38.51-5.12 55.71-2.8 21.15 2.85 41.67 9.09 57.19 14.2 7.67 2.53 15.44 5.22 22.96 7.82 31.53 10.92 64.13 22.18 98.42 24.49 .62 .04 1.24 .1 1.86 .14l.08-1.46c-.64-.04-1.27-.1-1.91-.14-34.08-2.31-66.56-13.53-97.98-24.41Z'/%3E%3Cpath class='cls-1' d='M692.44 46.67c-7.07-2.2-14.38-4.48-21.61-6.64-22.55-6.74-39.99-10.72-56.54-12.9-5.23-.69-10.5-1.09-15.78-1.19h0c-12.18-.25-25.24 .97-40.58 3.73-20.18 3.63-40.77 9.45-60.68 15.07-42.03 11.87-85.5 24.14-129.09 17.34-27.26-4.25-54.33-12.46-80.51-20.4-34.08-10.33-69.32-21.02-105.47-23.14-27.26-1.59-55.04 10.13-79.55 20.48-3.42 1.44-6.89 2.93-10.25 4.37-23.1 9.9-46.83 20.03-72.13 24.4-6.49 1.12-13.43 1.49-20.16 1.39l-.1 1.46c6.81 .1 13.69 .12 20.26-1.03 25.45-4.46 49.6-14.46 72.78-24.4 3.35-1.44 6.75-3.41 10.16-4.85 24.36-10.28 51.97-21.94 78.89-20.36 35.97 2.11 71.13 12.77 105.13 23.08 26.22 7.95 53.34 16.18 80.7 20.44 43.91 6.85 87.53-5.47 129.71-17.38 19.88-5.61 40.43-11.41 60.54-15.04 21.97-3.96 39.21-4.74 55.91-2.53 16.47 2.17 33.84 6.14 56.32 12.85 7.22 2.16 14.53 4.43 21.59 6.63 31.4 9.77 63.85 19.85 97.65 22.43 .62 .05 1.23 .11 1.85 .15l.1-1.46c-.64-.04-1.28-.11-1.92-.16-33.61-2.57-65.95-12.62-97.24-22.36Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
  position: absolute;
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  transition: all 1s;
  transform: translateY(-50%);
}
.hero-page-asti.active .animation-onde-hero{
  overflow: visible;
  width: 4000px;
  opacity: 1;
}
.hero-page-asti .animation-onde-hero .icons::before {
  content: "";
  transition: all 1s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  mask: url(../media/elements/halfCircle.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/halfCircle.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--rosso);
  width: 60px;
  height: 60px;
  line-height: 40px;
  transform: initial;
  font-size: 2.0rem;
  color: var(--nero);
}
.hero-page-asti.active .animation-onde-hero .icons::before {
  left: 5%;
  top: -20%;
  opacity: 1;
}
.hero-page-asti .animation-onde-hero .icons::after {
  content: "";
  transition: all 1s;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 50%;
  mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--nero);
  width: 60px;
  height: 60px;
  line-height: 40px;
  transform: translateX(-50%) rotate(0);
  font-size: 2.0rem;
  color: var(--nero);
}
.menu-white-def .hero-page-asti .animation-onde-hero .icons::after {
  color: var(--bianco);
  background-color: var(--bianco);
}
.hero-page-asti.active .animation-onde-hero .icons::after {
  top: 50%;
  right: 5%;
  opacity: 1;
}

/* .hero .hero-background::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent linear-gradient(360deg, #1A1A1A 30%, #CECACA 100%) 0% 0% no-repeat padding-box;
  
  pointer-events: none;
  z-index: 2;
   animation-name: simpleBG;
  animation-duration: 5s; 
  mix-blend-mode: multiply;
  opacity: 0.5;
} */

@keyframes simpleBG {
  0% {
    opacity: 1;
    }
  100% {
    opacity: 0.5;
    }
}

.hero .cont-hero {
  width: 60%;
  height: 100%;
  position: relative;
  z-index: 3;
  /*
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin-top: var(--distance);
  */
}
.cont-hero h1,
.cont-hero h2,
.cont-hero p   {
  color:var(--coloreTestoChiaro);
  text-align: left;
  margin: 0;
}
.cont-hero h1 span {
  display: block;
}
.cont-hero h1 span {
  font-size:14rem;
  line-height: 1.1!important;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 0!important;
}

.cont-hero h1 span:nth-child(odd) {
  font-family: var(--fontTitleBold);
  margin-left: 0;
  margin-bottom: 0;
  line-height: 1.1!important;
  font-weight: 400;
  max-height: 125px;
}

.cont-hero h1 span:nth-child(even) {
  font-family: var(--fontFamily);
  margin-left: 120px;
  margin-bottom: var(--distance-margin-standard);
}

.en .cont-hero h1 span:nth-child(even) {
    margin-left: 350px;
    max-width: 280px;
}

.cont-hero h1 span:nth-child(4) {
  /*font-family: var(--fontTitleBold);*/
  margin-left: 110px;
}

.cont-hero h1 span:last-child {
  text-align: right;
}

.cont-hero h1 span.customArrowStartHero::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  mask: url(../media/elements/arrow-left.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/arrow-left.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--rosso);
  width: 56px;
  height: 112px;
  animation: 6s infinite alternate arrowLeft;
  transition: var(--transition);
  transform: translateX(-30px);
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
@keyframes arrowLeft {
  0% {transform: translateX(-30px);}
  50% {transform: translateX(-20px);}
  100% {transform: translateX(-30px);}
}

.cont-hero h1 span.customArrowStartHero::after {
  content: "";
  position: absolute;
  top: -50%;
  mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--nero);
  width: 63px;
  height: 63px;
  transform: translateX(-99%) rotate(0) ;
  animation: 30s infinite alternate circleRotate;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
@keyframes circleRotate {
  0% {transform: translateX(-99%) rotate(0);}
  50% {transform: translateX(-99%) rotate(360deg);}
  100% {transform: translateX(-99%) rotate(0deg);}
}

.cont-hero h1 span.customHalfCircle::after {
  content: "";
  position: absolute;
  
  mask: url(../media/elements/halfCircle.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/halfCircle.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--rosso);
  width: 113px;
  height: 113px;
  right: -30%;
  top: 50%;
  transform: rotate(0) ;
  animation: 10s infinite alternate halfCircleRotate;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
@keyframes halfCircleRotate {
  0% {transform: rotate(0);}
  50% {transform:  rotate(10deg);}
  100% {transform:  rotate(0deg);}
}

 a.arrowHero {
  content: "";
  position: absolute;
  mask: url(../media/elements/scroll.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/scroll.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--coloreSfondoChiaro);
  width: 58px;
  height: 58px;
  bottom: 25px;
  z-index: 4;
  cursor: pointer;
  transform: translateY(-15px)  ;
  animation: 5s infinite alternate arrowHero;
  transition: var(--transition);
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
a.arrowHero:hover {
  background-color: var(--rosso);
}
@keyframes arrowHero {
  0% {transform: translateY(-15px) }
  50% {transform: translateY(5px) }
  100% {transform: translateY(-15px) }
}

/*contenitore testo classico*/
.cont-testo h6,
.cont-testo h5,
.cont-testo h4,
.cont-testo h3,
.cont-testo h2,
.cont-testo p {
  color: var(--colortesto);
}
.cont-testo.bianco h6,
.cont-testo.bianco h5,
.cont-testo.bianco h4,
.cont-testo.bianco h3,
.cont-testo.bianco h2,
.cont-testo.bianco p {
  color: var(--coloreSfondoChiaro);
}

.cont-testo .gold h6,
.cont-testo .gold h5,
.cont-testo .gold h4,
.cont-testo .gold h3,
.cont-testo .gold h2,
.gold .h-main-title,
.gold .h-sub-title,
.ambassador-pg .h-sub-title,
.cont-testo .gold p {
  color: var(--colortesto2)!important;
}

.cont-testo h2,
.h-main-title {
  font-family: var(--fontTitleBold);
  font-size: 9.0rem;
  font-weight: 600;
  line-height: 9.5rem;
  letter-spacing: 0;
  margin-bottom: var(--distance-margin-standard);
  text-transform: uppercase;
}
.bg_cdark .h-main-title,
.bg_cdark .h-sub-title,
.single-asti_vini .h-main-title {
  color: var(--bianco);
}
.cont-testo h2.no-lh,
.h-main-title.no-lh {
  line-height: 0;
}
.cont-testo h2 small,
.h-main-title small{
  font-size: 5.8rem;
  line-height: 60px;
  font-weight: 600;
  line-height: 100%; 
}
.banner-footer{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-footer .hero {
  min-height: auto;
}
.banner-footer .cont-testo h2 {
  font-size: 58px;
  line-height: 1.2;
}
.banner-footer .cont-testo h2 small {
  font-size: 100%;
}

.cont-testo h2.arrowTop {
  position: relative;
  padding-top: var(--distance);
}
.cont-testo h2.arrowTop::before {
  content: "";
  position: absolute;
  background: url(../media/elements/arrowDown2.svg) no-repeat 50%;
  background-size: cover;
  width: 109px;
  height: 102px;
  transform: translateX(-50%);
  left: 50%;
  top: 0;
}

.cont-testo h3,
.h-sub-title {
  font-size: 2.5rem;
  line-height: 3.0rem;
  letter-spacing: 2.5px;
  margin-bottom: var(--distance-margin-standard);
  text-transform: uppercase;
  font-weight: 600;
}

.cont-testo h4 {
  font-size: 3.0rem;
  line-height: 3.2rem;
  font-weight: 600;
  letter-spacing: 4px;
  margin-bottom: var(--distance-margin-standard);
  text-transform: uppercase;
}

.cont-testo h5 {
  font-size: 4.0rem;
  line-height: 4.0rem;
  font-weight: 600;
  letter-spacing: 100%;
  margin-bottom: var(--distance-margin-standard);
}

.cont-testo h6 {
  font-size: 2.5rem;
  line-height: 3.0rem;
  font-weight: 600;
  letter-spacing: 100%;
  margin-bottom: var(--distance-margin-standard);
}

.cont-testo p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: 0px;
  margin-bottom: 30px;
  font-weight: 400;
}
.cont-testo p:last-child {
  margin-bottom: 0px;
}

/*ANIMATE ONDE*/
.animate-subtitle {
  display: flex;
  position: relative;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.animate-subtitle::before {
  content: "";
  mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: contain;
  background-color: var(--rosso);
  width: 25px;
  height: 25px;
  animation: 30s infinite alternate rotationCustom;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animate-subtitle::after {
  content: "";
  mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: contain;
  background-color: var(--rosso);
  width: 25px;
  height: 25px;
  animation: 30s infinite alternate rotationCustom;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
@keyframes rotationCustom {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*conte testo creato ad hoc per la storia*/
.cont-testo-storia h2 {
  font-family: var(--fontTitleBold);
  font-size: 25rem;
  line-height: 0;
  color: var(--colortesto2);
  transition: var(--transition);
  cursor: pointer;
}
.cont-testo-storia h2:hover {
  color: var(--rosso);
}
.cont-testo-storia h3 {
  font-size: 3.8rem;
  line-height: 110%;
  color: var(--rosso);
  font-weight: 600;
  margin-bottom: calc(var(--distance-margin-standard) / 2);
}
.cont-testo-storia h4 {
  font-size: 2.3rem;
  line-height: 110%;
  color: var(--colortesto2);
  font-weight: 600;
  margin-bottom: calc(var(--distance-margin-standard) / 2);
}
.cont-testo-storia p {
  font-size: 1.5rem;
  line-height:25px;
  color: var(--colortesto);
  font-weight: 400;
}
/* diff pages */
/*background*/
.bg-onde::before {
  content: "";
  width: 100%;
  height: 100%;
  mask: url(../media/background/onde.png) no-repeat 50% 50%;
  -webkit-mask: url(../media/background/onde.png) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--coloreSfondoChiaro);
  position: absolute;
  transition: var(--transition);
  top: 0;
  z-index: -1;
  opacity: 0.5;
}
.hero-background.bg-onde::before {
  z-index: 2;
  opacity: 0.5;
}
.bg-onde-def {
  width: 100%;
  height: 100%;
  background-image: url(../media/background/onde-def.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg_cdark.bg-onde-def  {
  background-image: url(../media/background/onde-def-03.png);
}

/*ALTEZZA CUSTOM*/
.page-single .height-default, 
.height-default .curvaAlta{
  min-height: auto!important;
  height: auto;
  padding: 250px 0;
  display: flex;
  align-items: center;
}
.page-single .height-middle,
.height-middle .curvaAlta{
  min-height: 50vh!important;
  height: 50vh;
  padding: 50px 0;
  display: flex;
  align-items: center;
}
.page-single .height-full,
.height-full .curvaAlta{
  min-height: 100vh!important;
  height: 50vh;
  padding: 50px 0;
  display: flex;
  align-items: center;
}

.animate-photo-onda {
  padding-top: 70px;
  padding-bottom: 0!important;
}
.animate-photo-onda .img-animate{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 70vh;
}

/* ========================================================================== */
/* Page: home */
.cont-moscato {
  padding: var(--distance) 0;
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.cont-moscato h2 {
  color:var(--colortesto2);
}

.cont-moscato img.grappolo{
  position: absolute;
  top: 50%;
  width: 330px;
  height: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  transition:var(--transition); 
}
.cont-moscato:hover img.grappolo{
  width: 350px;
  opacity: 1;
  
}
.cont-moscato svg#hoverMoscato{
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  left: 50%;
  transform: translate(-50%, -50%) scaleY(1);
  transition:var(--transition-slow); 
  transform-origin: center;
  opacity: 0;
  max-width: 0;
  z-index: -1;
}

.cont-moscato:hover svg#hoverMoscato{
  transform: translate(-50%, -50%) scaleY(1);
  opacity: 1;
  max-width: 100%;
}

.cont-moscato a.bottigla1,
.cont-moscato a.bottigla2{
  position: absolute;
  top: 50%;
  width: 50%;
  height: auto;
  left: 0;
  transform: translate(0%, -50%) scaleY(1);
  opacity: 0;
  text-decoration: none;
  transition: var(--transition);
  transition-delay: 0.5s;
  width:250px;
}
.cont-moscato a.bottigla2{
  left: auto;
  right: 0
}
.cont-moscato a.bottigla1 img,
.cont-moscato a.bottigla2 img{
  width:auto;
  max-height: 400px;
  transition: var(--transition);
  margin-bottom: 30px;
}
.cont-moscato a:hover.bottigla1 img,
.cont-moscato a:hover.bottigla2 img{
  transform: scale(1.04) ;
  opacity: 0.9;
}

.cont-moscato a.bottigla1 h4,
.cont-moscato a.bottigla2 h4{
  text-decoration: none;
  color: var(--colortesto);
  transition: var(--transition);
}
.cont-moscato a:hover.bottigla1 h4,
.cont-moscato a:hover.bottigla2 h4{
  color: var(--colortesto2);
}

.cont-moscato:hover a.bottigla1{
  left: var(--distance-half);
  transform: translate(0%, -50%) scaleY(1);
  opacity: 1;
}
.cont-moscato:hover a.bottigla2{
  right: var(--distance-half);
  transform: translate(0%, -50%) scaleY(1);
  opacity: 1;
}

.btnBicchiere h4 {
  color: var(--nero)!important;
}

/*onde SVG*/
.onda {
  background: url(../media/elements/onde.svg) repeat-x; 
  position: absolute;
  top: -0;
  width: 200%;
  height: 157px;
  animation: wave 20s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
  opacity: 0.2;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}
.onda.top {
  top: calc(-1 * var(--distance) / 2);
  z-index: 2;
}

.onda.bottom {
  top: auto;
  bottom: calc(-1 * var(--distance) / 2);
}
.astiDocg {

    mask: url(../media/elements/astiDocg.png) no-repeat 50% 50%;
    -webkit-mask: url(../media/elements/astiDocg.png) no-repeat 50% 50%;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--coloreSfondoAmbassador);

    position: absolute;
    width: var(--latoQuadrato);
    height: var(--latoQuadrato);
    animation: rotateAsti 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; 
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
.astiDocg.dark,
.dark_bg {
  background-color: var(--nero);
}
@keyframes rotateAsti {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(360deg);
  }
}

.astiDocg.softTop {
  top: -25vh;
}

.astiDocg.softLeft {
  left: -5vw;
}

.astiDocg.softLeft2 {
  left: -15vw;
}

.astiDocg.bottom {
  bottom: 0vw;
}
.astiDocg.left {
  left: -50vw;
}
.astiDocg.right {
  right: -50vw;
}
.astiDocg.softRight2 {
  right: -15vw;
}
.bgAsti::before {
  content:"";
  position: absolute;
  background-image: url("../media/background/bgAsti.jpg");
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.imgOnda,
.imgOndaTop {
  width: 100vw;
  height: 100vh;
  padding: 1rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask-image: url(../media/elements/ondaSection.svg);
  mask-image: url(../media/elements/ondaSection.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: repeat-x;
  -webkit-mask-position: left;
  -webkit-mask-repeat: repeat-x;
  mask-position: center;
  position: relative;
  transform: translateY(var(--distance));
  z-index: -1;
}
.imgOndaTop {
  -webkit-mask-image: url(../media/elements/ondaSectionTop.svg);
  mask-image: url(../media/elements/ondaSectionTop.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  mask-size: cover;
}
.imgOndaBottom {
  -webkit-mask-image: url(../media/elements/ondaSectionBottom.svg);
  mask-image: url(../media/elements/ondaSectionBottom.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  mask-size: cover;
}
/*curva*/
.negativeTop {
  margin-top: calc(-1 * var(--distance));
}
section.curvaAlta,
article.curvaAlta {
  min-height: var(--altezzaOndaSfondo);
}
section.curvaAlta::before,
article.curvaAlta::before {
  content: "";
    position: absolute;
    mask: url(../media/elements/ondaSection.svg) repeat-x 0% 0%;
    -webkit-mask: url(../media/elements/ondaSection.svg) repeat-x 0% 0%;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--colortesto2);
    width: 150%;
    height: 100%;
    top: 0;
    z-index: -1;
    /*animation: animateOnda 50s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;*/
}
section.curvaAlta.dark::before,
article.curvaAlta.dark::before {
  background-color: var(--nero);
}
.curvaAlta.imgOndaBottom::before {
  -webkit-mask-image: url(../media/elements/ondaSectionBottom.svg);
  mask-image: url(../media/elements/ondaSectionBottom.svg);  
}
.curvaAlta.imgOndaTop::before {
  -webkit-mask-image: url(../media/elements/ondaSectionTop.svg);
  mask-image: url(../media/elements/ondaSectionTop.svg);  
}

@keyframes animateOnda {
  0% {
    margin-left:0%;
  }
  50% {
    margin-left:-50%;
  }
  100% {
    margin-left:0%;
  }
}




/*contenitore cerchio presente in home*/
.cont-cerchio {
  width: var(--latoQuadrato);
  height: var(--latoQuadrato);
  border-radius: 50%;
  
  margin-left: 50%;
  margin-top: var(--distance);
  transform: translate(-50%,0);
  position: relative;
  
}
.cont-cerchio::before {
  content: "";
  mask: url(../media/elements/cerchioBussola.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/cerchioBussola.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--colorCerchio);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  animation: 10s infinite alternate rotateBussola;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}



@keyframes rotateBussola {
  0% {transform: rotate(0);}
  50% {transform:  rotate(9deg);}
  100% {transform:  rotate(0deg);}
}


.cont-cerchio .int img,
.cont-cerchio .int::after {
  position: absolute;
  width: 78%;
  height: 78%;
  border-radius: 50%;
  top: 11%;
  left: 11%;
  background-color: rgba(0,0,0,0.2);
}
.cont-cerchio .int::after {
  content: "";
}

.cont-cerchio .int::before {
  content: "";
  mask: url(../media/elements/sfondoBussola.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/sfondoBussola.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--colorCerchio);
  position: absolute;
  width: calc(100% - var(--distanceCerchio));
  height: calc(100% - var(--distanceCerchio));
  
  top: calc(var(--distanceCerchio) / 2);;
  left: calc(var(--distanceCerchio) / 2);;
  opacity: 0.3;
}
.cont-cerchio .int span {
  font-size: 9rem;
  line-height: 9rem;
  font-weight: 600;
  -webkit-text-stroke: 2px var(--bianco);
  -webkit-text-fill-color: transparent;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
}

/*punti cardinali*/
.cont-cerchio .nord,
.cont-cerchio .sud,
.cont-cerchio .ovest,
.cont-cerchio .est  {
    content: "";
    position: absolute;
    top: -90px;
    left: 50%;
    mask: url(../media/elements/star.svg) no-repeat 50% 50%;
    -webkit-mask: url(../media/elements/star.svg) no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: var(--nero);
    width: 63px;
    height: 63px;
    line-height: 63px;
    transform: translateX(-50%) rotate(0);
    font-size: 2.0rem;
    color: var(--bianco);

}
.cont-cerchio .sud  {
  content: "";
  top: auto;
  bottom: -90px;
}
.cont-cerchio .ovest  {
  content: "";
  top: 50%;
  left: -90px;
  background-color: var(--rosso);
  transform: translateX(0%) translateY(-50%) ;
}
.cont-cerchio .est  {
  content: "";
  top: 50%;
  left: auto;
  right: -90px;
  background-color: var(--rosso);
  transform: translateX(0%) translateY(-50%) ;
}

/*4 punti presenti sulla bussola*/
.cont-cerchio .punto1,
.cont-cerchio .punto2,
.cont-cerchio .punto3,
.cont-cerchio .punto4 {
  position: absolute;
  width: var(--larghezzaPunti);
  border-top: 1px solid var(--colorCerchio);
  color: var(--nero);
  
}
.cont-cerchio .titleBig {
  font-family: var(--fontTitleBold);
  font-size: 5.0rem;
  position: absolute;
  top: -60px;
}
.cont-cerchio p {
  font-size: 1.5rem;
  font-weight: 600;
}
.cont-cerchio .punto1 .titleBig ,
.cont-cerchio .punto3 .titleBig {
  left:0;
}
.cont-cerchio .punto2 .titleBig ,
.cont-cerchio .punto4 .titleBig {
  right:0;
} 
.cont-cerchio .punto1 p ,
.cont-cerchio .punto3 p {
  text-align:left;
}
.cont-cerchio .punto2 p ,
.cont-cerchio .punto4 p {
  text-align:right;
} 
.cont-cerchio .punto1::before,
.cont-cerchio .punto2::before,
.cont-cerchio .punto3::before,
.cont-cerchio .punto4::before{
  content: "";
  position: absolute;
  width: var(--cerchioPiccoloBussola);
  height: var(--cerchioPiccoloBussola);
  background-color: var(--rosso);
  border-radius: 50%;
  
}
.cont-cerchio .punto1::before,
.cont-cerchio .punto3::before {
  right: var(--distanzaBussola1);
  top: var(--distanzaBussola2);
}
.cont-cerchio .punto2::before,
.cont-cerchio .punto4::before {
  left: var(--distanzaBussola1);
  top: var(--distanzaBussola2);
}

.cont-cerchio .punto1 {
  top: calc(var(--latoQuadrato) / 8);
  left:var(--distanzaNegativaBussola);
}
.cont-cerchio .punto2 {
  top: calc(var(--latoQuadrato) / 8);
  right:var(--distanzaNegativaBussola);
}
.cont-cerchio .punto3 {
  bottom: calc(var(--latoQuadrato) / 10);
  left:var(--distanzaNegativaBussola);
}
.cont-cerchio .punto4 {
  bottom: calc(var(--latoQuadrato) / 10);
  right:var(--distanzaNegativaBussola);
}


/* ========================================================================== */
/* Page: Sponsor */

.atpTour {
  position: relative;
  background: url("../media/background/atpTour.jpg") no-repeat 50%;
  background-size:cover;
}
.atpTour img {
  max-width: 100%;
  height: auto;
}
svg#atpLogo {
  width: 100%;
}
/* ========================================================================== */
/* Page: astiMix */
.vimeo-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 0;
  overflow: hidden;
}
.img-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.astiMix::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.astiMix .container {
  z-index: 5;
  position: relative;
}

/* ========================================================================== */
/* Custom Block */
.block-documenti .sec-doc + .sec-doc {
  margin-top: 50px;
}
.block-documenti ul {
  list-style-type: none;
  margin: 0 0 40px;
  padding: 0;
}
.block-documenti ul li{
  color: var(--coloreSfondoChiaro);
}
.block-documenti ul li a {
  display: flex;
  padding: 7px 20px 7px 0;
  color: var(--coloreSfondoChiaro);
  text-decoration: none;
  justify-content: space-between;
  transition: all .5s;
  gap: 20px;
  border-bottom: 1px solid var(--coloreSfondoChiaro);
}
.block-documenti ul li a:hover {
  color: var(--nero);
  border-color: var(--nero);
}

/* ========================================================================== */
/* Page: Custom Card */

a.customCard {
  -webkit-box-shadow: 0px 10px 13px -7px rgba(106,106,106,0.4), 5px 5px 15px 5px rgba(106,106,106,0); 
  box-shadow: 0px 10px 13px -7px rgba(106,106,106,0.4), 5px 5px 15px 5px rgba(106,106,106,0);
  border-radius:10px;
  background-color: var(--bianco);
  display: block;
  text-decoration: none;
  transition: var(--transition);
  position: relative;
}
a.customCard .thumbnail::after {
    content: "";
    position: absolute;
    opacity: 0;
    bottom: -25px;
    background: url(../media/elements/arrowDown2.svg) no-repeat 50%;
    background-size: contain;
    transition: var(--transition);
    width: 50px;
    height: 50px;
    transform: inherit;
    right: 20px;
}
a.customCard:hover .thumbnail::after{
  opacity: 1;
}
a.customCard:hover {
 transform: scale(1.1);
}
a.customCard img {
  min-height: var(--altezzaCard);
  max-height: var(--altezzaCard);
  width: 100%;
  object-fit: cover;
}
a.customCard h3 {
  color:var(--colortesto2);
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 2.9rem;
}
a.customCard p {
  color:var(--nero);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 3.0rem;
}
a.customCard .button {
  position: absolute;
  bottom: -15px;
  left: 20px;
}
a.customCard p b{
  transition: opacity .5s;
}
a.customCard p b{
  opacity: .75;
}

/* ========================================================================== */
/* Page: chi siamo */
a.circle {
  display: inline-block;
  text-decoration: none;
  position: relative;
}
a.circle picture img,
.circle picture img{
   height: var(--altezzaCard);
   width: var(--altezzaCard); 
   object-fit: cover;
   object-position: center;
   border-radius: 50%;
   
}

a.circle picture::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--nero);
  top: 0;
  left: 0;
  border-radius: 50%;
  transition: var(--transition);
  opacity: 0;
}
a.circle.borderCustom picture::before{
    content: "";
    position: absolute;
    width: calc(100% - calc(var(--distance) / 1));
    height: calc(100% - calc(var(--distance) / 1));
    background-color: var(--nero);
    top: calc(var(--distance) / 2);
    left: calc(var(--distance) / 2);
    border-radius: 50%;
    transition: var(--transition);
    opacity: 0;
}

a.circle:hover picture::before{ 
  opacity: 0.8;
}

a.circle.borderCustom {
  border: 1px solid var(--oro);
  padding: calc(var(--distance) / 2);
  border-radius: 50%;
  position: relative;
  transition: var(--transition);
  
}



a.circle.borderCustom::before {
  content:"";
  position: absolute;
  top: calc(-1 * var(--circleStandard) / 2);
  left: 50%;
  margin-left: calc(-1 * var(--circleStandard) / 2);
  background: url(../media/elements/arrowDown2.svg) no-repeat 50%;
  background-size: contain;
  width: var(--circleStandard);
  height: var(--circleStandard);
  transform: rotate(180deg) ;
  background-color: var(--coloreSfondoChiaro);
  transition: var(--transition);
}
a.circle.borderCustom:hover::before {
  top: auto;
  bottom: calc(-1 * var(--circleStandard) / 2);
  transform: rotate(0deg) ;
}

a.circle.instagram::after {
  content:"" ;
  position: absolute;
  top: 50%;
  left: 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--coloreSfondoChiaro);
  width: 27px;
  height: 27px;
  transition: var(--transition);
  transform: translate(-50%,-50%);
  mask: url(../media/social/linkedin.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/social/linkedin.svg) no-repeat 50% 50%;
  opacity: 0;
}
a.circle.instagram:hover::after {
  opacity: 1;
}
.colRuoli {
  column-count: 4;
  column-gap: var(--distance-margin-standard);
  margin-left: var(--distance-margin-standard);
}
.colRuoli .break {
  break-inside: avoid-column;
}
.colRuoli p {
  font-weight: 600;
}
.accordionCustom a {
    font-size: 1.6rem;
    line-height: 2.5rem;
    letter-spacing: 100%;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid var(--nero);
    color: var(--nero);
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 15px 0;
    transition: var(--transition);
}
.accordionCustom a.collapsed {
    border-bottom: 1px solid var(--bianco);
    color: var(--bianco);
}

.accordionCustom a:hover {
  border-bottom: 1px solid var(--nero);
  color: var(--nero);
}

/* ========================================================================== */
/* Page: La storia */
.imgStoria {
  position: absolute;
  width: 350px;
  height: 350px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  z-index: 0;
  object-fit: cover;
}
.storia .box-media .title {
  position: relative;
  z-index: 2;
}
.storia .box-media .title h2 {
  opacity: 0.7;
}
.storia .linea {
  
  position: absolute;
  width: 118px;
  height: 75%;
  left: 50%;
  background: url("../media/elements/ondaBottom.svg") no-repeat 50%;
  background-size: 90%;
  z-index: -1;

}

/*ROW CUSTOM*/
.row-custom .content-row h3,
.row-custom .content-row h4,
.row-custom .content-row h5,
.row-custom .content-row h6 {
  color: var(--colortesto2);
}

.row-custom .content-row .wp-block-columns {
  gap: 100px;
}

.row-custom .content-row h2 { font-size:3rem; text-transform: initial; margin-bottom: 25px}
.row-custom .content-row h3 { font-size:2.5rem; text-transform: initial; margin-bottom: 25px}
.row-custom .content-row h4 { font-size:2rem; text-transform: initial; margin-bottom: 25px }
.row-custom .content-row h5 { font-size:1.5rem; text-transform: initial; margin-bottom: 25px }
.row-custom .content-row h6 { font-size:1.3rem; text-transform: initial; margin-bottom: 25px }

/* ========================================================================== */
/* Page: Consorziati */

#alphabetical-consorzi .searchandfilter,
#search-filter-form-2401,
#alphabetical-consorzi .searchandfilter
ul li.sf-option-active label {
  border-bottom:1px solid var(--nero);
}

ul.filtriConsorziati,
#alphabetical-consorzi .searchandfilter li.sf-field-taxonomy-cat_tipologia > ul,
#search-filter-form-2401 li.sf-field-taxonomy-cat_tipologia > ul,
#search-filter-form-7309 li.sf-field-taxonomy-cat_tipologia > ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

ul.filtriConsorziati li  {
  padding: 0 calc(var(--distance-margin-standard) / 2);
}
#alphabetical-consorzi .searchandfilter ul li,
#search-filter-form-2401 ul li,
#search-filter-form-7309 ul li {
  padding: 0 10px;
  cursor: pointer;
}
#alphabetical-consorzi .searchandfilter ul li input, 
#search-filter-form-2401 ul li input,
#search-filter-form-7309 ul li input {
  display: none;
}
ul.filtriConsorziati li a,
#alphabetical-consorzi .searchandfilter ul li label,
#search-filter-form-2401 ul li label,
#search-filter-form-7309 ul li label {
  text-decoration: none;
  color: var(--nero);
  border-bottom: 3px solid transparent;
  letter-spacing: 1px;
  padding-bottom: 5px;
  font-size: 1.7rem;
  text-transform: uppercase;
  font-weight:600;
  cursor: pointer;
  line-height: 1;
}
ul.filtriConsorziati li a:hover,
#alphabetical-consorzi .searchandfilter ul li label:hover,
#alphabetical-consorzi .searchandfilter ul li.sf-option-active label,
#search-filter-form-2401 ul li label:hover,
#search-filter-form-2401 ul li.sf-option-active label,
#search-filter-form-7309 ul li label:hover,
#search-filter-form-7309 ul li.sf-option-active label {
  border-bottom: 3px solid var(--nero);
  padding-bottom: 5px;
}

.alfabeto::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--nero);
}
.alfabeto {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  
}
.alfabeto span {
  text-transform: uppercase;
  font-size: 5.5rem;
  font-family: var(--fontTitleBold);
  text-transform: uppercase;
  padding: 0 var(--distance-margin-standard);
  background-color: var(--coloreSfondoChiaro);
  z-index: 2;
}
.contConsorziati {
  column-count: 2;
  column-gap: var(--distance);
  
}
.contConsorziati a {
  font-size:1.5rem;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--nero);
  text-decoration: none;
  display: block;
  transition: color .5s;
}
.contConsorziati a:hover {
  color: var(--rosso);
}
.contSfondi {
  position: relative;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

/* ========================================================================== */
/* Page: Policy */

.page-policy header nav .cont-nav {
  display: none !important;
}

.page-policy .cont-testo,
.page-policy .cont-testo * {
  color: var(--nero) !important;
}

.page-policy .cont-testo h1,
.page-policy .cont-testo h2,
.page-policy .cont-testo h3,
.page-policy .cont-testo h4,
.page-policy .cont-testo h5 {
  margin-top: var(--distance-big);
}



/* ========================================================================== */
/* Alf+Menio */

.acf-map {
    width: 100%;
    height: 650px;
    margin: 0;
}
.acf-map-consorzio {
    width: 100%;
    height: 350px;
    margin: 0;
}

.bg_cwhite {
  background-color: #fff;
}
.bg_cred {
  background-color: var(--rosso);
}
.bg_cdark {
  background-color: var(--nero);
}
.bg_cdef {
  background-color: var(--coloreTestoChiaro);
}
.bg_cgold {
  background-color: var(--colortesto2);
}
.z-5 {
  z-index: 5;
}
.z-40 {
  z-index: 40;
}

/*PRELOAD*/
.videoPopup .carousel__button.is-close {
    z-index: 9999;
    position: absolute;
    top: initial;
    right: initial;
    left: 50%;
    bottom: 60px;
    background-color: var(--bianco);
    border-color: var(--bianco);
    color: var(--rosso)!important;
    transform: translateX(-50%);
    width: initial;
    height: initial;
    display: inline-block;
    font-size: 1.7rem;
    border-radius: 25px;
    padding: 10px 20px;
}
.videoPopup .carousel__button.is-close:hover {
  background-color: var(--rosso);
  border-color: var(--rosso);
  color: var(--bianco)!important;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}
.videoPopupIntro::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-style: solid;
  border-color: #fff;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite;
  margin: -60px 0 0 -60px;
}


#video_intro {
  position: absolute;
  z-index: 5;
}
.PreLoadConsorzio .fancybox__slide {
  padding: 0;
}
.PreLoadConsorzio .fancybox__slide .fancybox__content {
    display: flex;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 40px 20px;
    min-height: 100vh;
    background-color: var(--nero);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    overflow-y: auto;
}
.PreLoadConsorzio .fancybox__slide .fancybox__content .gold{
  color: var(--colortesto2);
  text-decoration: none;
}
.PreLoadConsorzio .fancybox__slide .fancybox__content .h1 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 600;
}
.PreLoadConsorzio .fancybox__slide .fancybox__content .h2 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 600;
}

.PreLoadConsorzio .fancybox__slide .fancybox__content .btn-actions {
  font-size: 25px;
  line-height: 1;
  font-weight: 600;
}
.PreLoadConsorzio .fancybox__slide .fancybox__content .btn-actions .btn-popup, 
.PreLoadConsorzio .fancybox__slide .fancybox__content .btn-actions .btn-popup-txt {
  transition: all .5s;
  background-color: var(--coloreTestoChiaro);
  color: var(--nero);
  padding: 10px 27px;
  text-decoration: none;
  border-radius: 30px;
}
.PreLoadConsorzio .fancybox__slide .fancybox__content .btn-actions .btn-popup-txt {
  background-color: transparent;
  color: var(--coloreTestoChiaro);
}
.PreLoadConsorzio .fancybox__slide .fancybox__content .btn-actions .btn-popup:hover,
.PreLoadConsorzio .fancybox__slide .fancybox__content .btn-actions .btn-popup-txt:hover {
  background-color: var(--colortesto2);
  color: var(--coloreTestoChiaro);
}

.c-icon-play {
  position: relative;
}
.c-icon-play::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../media/elements/icon-play.svg);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  border-radius: 50%;
}
.video-list a.customCard::after {
  display: none;
}

/*DARK CONTENT*/
.dark_bg .cont-testo h2,
.dark_bg .h-main-title,
.dark_bg .cont-testo h3{
  color: var(--colortesto2);
}
.dark_bg .cont-testo p{
    color: var(--coloreTestoChiaro);
}

/*BLOCCO COLLABORAZIONE*/
.collaborazione.intro h3,
.collaborazione.intro .h-sub-title {
  margin-bottom: 0;
  font-family: var(--fontTitleBold);
  font-size: 6.0rem;
  font-weight: 600;
  line-height: 6.5rem;
  letter-spacing: 0;
  text-transform: uppercase;
} 
.collaborazione.intro h2,
.collaborazione.intro .h-main-title {
  color: var(--coloreSfondoChiaro);
}
.collaborazione.intro .intro-txt {
  padding: 0 250px 0 100px;
}
.collaborazione.intro .intro-txt h3 {
  font-family: var(--fontFamily);
  text-transform: initial;
  font-size: 3rem;
  margin-bottom: 20px;
  line-height: 1.2;
  color: var(--nero);
}
.collaborazione.intro .intro-txt p {
  color: var(--coloreSfondoChiaro);
}
.collaborazione.intro .intro-txt a {
  color: var(--nero);
  font-weight: 600;
  transition: opacity .5s;
}
.collaborazione.intro .intro-txt a:hover {
  opacity: .75;
}
.collaborazione.intro .intro-txt .icona-stella svg {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  animation: rotateAsti 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
.collaborazione.intro .intro-txt .icona-stella svg path {
  fill: var(--rosso);
}
.collaborazione.intro .onda {
  z-index: 100;
  bottom: 0;
  top: initial;  
}
.collaborazione.intro .icona-main {
  background-image: url(../media/elements/spicchio.svg);
  position: absolute;
  z-index: 20;
  bottom: -60px;
  right: 15%;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
}

/*BLOCCO PARTNER*/
.img-circle-partner {
    border: 1px solid var(--rosso);
    border-radius: 50%;
    padding: 50px;
    margin-right: 50px;
}
.img-circle-partner .pointer {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  opacity: 0;
  z-index: 5;
  transition: opacity .5s;
  margin-left: -8px;
  margin-top: -8px;
  transition: all .5s;
}
.img-circle-partner .pointer1,
.img-circle-partner .pointer4 {
  top: 50%;
  left: 50%;
}
.img-circle-partner .pointer2,
.img-circle-partner .pointer3 {
  bottom: 50%;
  right: 50%;
}
.img-circle-partner.active .pointer,
.img-circle-partner:hover .pointer,
.swiperTracciability .img-circle-partner.active .pointer {
  opacity: 1;
}
.img-circle-partner.active .pointer1,
.img-circle-partner:hover .pointer1 {
  top: 0;
  left: 50%;
}
.img-circle-partner.active .pointer2,
.img-circle-partner:hover .pointer2 {
  top: 50%;
  right: -8px;
  left: initial;
}
.img-circle-partner.active .pointer3,
.img-circle-partner:hover .pointer3 {
  bottom: -8px;
  left: 50%;
  top: initial;
}
.img-circle-partner.active .pointer4,
.img-circle-partner:hover .pointer4 {
  left: 0;
  top: 50%;
}

.img-circle-partner .img-cover-partner{
  width:100%;
  height:0;
  padding-bottom:100%;
  position:relative;
  overflow: hidden;
  border-radius: 50%;
}
.img-circle-partner.has-logo .img-cover-partner::before {
  opacity: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  z-index: 5;
}
.img-circle-partner.has-logo.active .img-cover-partner::before,
.img-circle-partner.has-logo:hover .img-cover-partner::before {
  opacity: 1;
}
.img-circle-partner .img-cover-partner img.bg_back{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius: 50%;
  transform: scale(1.1);
  transition: transform .5s;
  z-index: 0;
}
.img-circle-partner.active .img-cover-partner img.bg_back,
.img-circle-partner:hover .img-cover-partner img.bg_back {
  transform: scale(1);
}
.img-circle-partner .img-cover-partner img.decoration {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  transition: opacity .5s;
}
.img-circle-partner.active .img-cover-partner img.decoration,
.img-circle-partner:hover .img-cover-partner img.decoration {
  opacity: 0;
  z-index: -1;
}
.img-circle-partner .img-cover-partner img.logo {
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 40px;
  opacity: 0;
  z-index: -1;
  transition: all .5s;
  left: 50%;
}
.img-circle-partner.active .img-cover-partner img.logo,
.img-circle-partner:hover .img-cover-partner img.logo {
  opacity: 1;
  z-index: 10;
}

/*BLOCCO CONTATTI*/
.contatti.intro .acf-map {
    height: 600px;
    margin: 0 0 0;
}
.contatti.intro .curvaAlta {
  z-index: 5;
}
.contatti.intro h2 small,
.contatti.intro .h-main-title small {
  color: var(--coloreSfondoChiaro);
}
.contatti.intro .astiDocg {
    left: 50%;
    top: 50%;
    width: 650px;
    height: 650px;
    background-color: var(--nero);
    margin: -325px 0 0 -325px;
    z-index: 0;
}
.contatti.intro ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.contatti.intro ul li {
  position: relative;
  font-weight: 600;
  padding-left: 30px;
}
.contatti.intro ul li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.icon-row::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline-block;
  margin: 20px 0 0;
}

.contatti.intro ul li.phone::before,
.icon-am-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D21229' class='bi bi-phone' viewBox='0 0 16 16'%3E%3Cpath d='M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z'/%3E%3Cpath d='M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}
.contatti.intro ul li.mappa::before,
.icon-am-mappa::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D21229' class='bi bi-geo-alt-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");
}
.contatti.intro ul li.email::before,
.icon-am-email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D21229' class='bi bi-envelope-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z'/%3E%3C/svg%3E");
}

/*ARCHIVE NEWS*/
.list-cat .tax{
  display: flex;
  gap: 15px;
}
.hero-blog {
  padding-bottom: 0!important;
  z-index: 5;
}
.hero-blog .imgOndaBottom {
  margin-bottom: -250px!important;
  height: auto;
  padding-top: 100px;
}
.hero-blog .box-last-post {
  margin: 70px auto -220px ;
  position: relative;
  z-index: 50;
}
.hero-blog .imgOndaBottom::before {
  transform: translate(0, -200px);
}
.hero-blog .filter-asti {
  margin: 50px 0 0;
}
.hero-post {
  color: var(--coloreSfondoChiaro)!important;
  text-decoration: none!important;
  display: flex;
  background-color: var(--colortesto2);
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
.hero-post .img {
  width: 60%;
}
.hero-post .img img {
  max-width: 100%;
  object-fit: cover;
  /*height: 500px;*/
}
.hero-post .txt {
  width: 40%;
  padding: 50px 80px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.hero-post .date {
  color: var(--nero);
  opacity: 1!important;
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
}
.hero-post h3 {
  line-height: 2.9rem;
  margin: 20px 0 40px;
  font-weight: 600;
  font-size: 25px;
}
.hero-post b{
  color: var(--nero);
  display: block;
  transition: all .5s;
}
.hero-post b:hover{
  color: var(--rosso);
}

/**SINGLE NEWS**/
.hero-blog.single-blog .imgOndaBottom {
  margin-bottom: 0!important;
  background-size: cover;
  height: initial;
  padding-top: 100px;
  min-height: 780px;
  display: flex;
  align-items: flex-end;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x;
  background-position: center;
}
.hero-blog .d-overlay {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.def-overlay,
.d-overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.2);
  content: '';
  z-index: 0;
}
.hero-blog.single-blog .curvaAlta.dark::before {
  display: none!important;
}
.hero-blog.single-blog .curvaAlta > div{
  position: relative;
  z-index: 10;
}
.hero-blog.single-blog .button{
  background-color: var(--colortesto2);
  border-color: var(--colortesto2);
}
.hero-blog.single-blog .button:hover{
  background-color: var(--rosso);
  border-color: var(--rosso);
}
.hero-blog.single-blog .onda {
  top: initial;
  bottom: 0px;
}
.hero-blog.single-blog h1 {
  color: var(--coloreSfondoChiaro);
  font-weight: 600; 
  font-size: 55px;
  line-height: 1.2;
  margin: 20px 0;
}
.hero-blog.single-blog h1 strong {
  color: var(--rosso);
}
.hero-blog.single-blog .date {
  color: var(--coloreSfondoChiaro);
  font-weight: 400;
  opacity: 1!important;
}
.hero-blog.single-blog .stella{
    position: absolute;
    right: 15%;
    bottom: 0px;
    z-index: 20;
}
.hero-blog.single-blog .stella svg {
  width: 150px;
  height: 150px;
  animation: rotateAsti 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
.hero-blog.single-blog .stella svg path {
  fill: var(--rosso);
}

.sidebar {
  background-color: var(--nero);
  padding: 30px;
  border-radius: 10px;
  margin-left: 70px;
} 
.sidebar h3 {
  color: var(--colortesto2);
  font-weight: 600; 
  font-size: 18px;
  line-height: 1;
  margin: 0 0 20px 0;
}
.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  position: relative;
  padding-left: 25px;
} 
.sidebar ul li::before {
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 50%;
  background-color: var(--rosso);
  content: '';
  width: 10px;
  height: 10px;
} 
.sidebar ul li a {
  transition: color .5s;
  text-decoration: none;
  color: #fff;
}
.sidebar ul li a:hover {
  color: var(--colortesto2);
}
.sidebar a.button:hover,
.dark_bg a.button:hover,
.bg_cdark a.button:hover {
  color: var(--nero)!important;
  background-color: #fff;
}

.open-menu a.main-btn-prod:hover {
  color: var(--coloreSfondoChiaro)!important;
  background-color: var(--nero)!important;
  border: 1px solid var(--nero)!important;
}
.open-menu.header-oro a.main-btn-prod {
    background-color: #a6947c;
    color: var(--coloreSfondoChiaro);
}
.open-menu a.main-btn-prod,
.open-menu a.main-btn-prod:hover {
  border: 0!important;
}


.sidebar .newsletter {
  margin-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.5);
  padding-top: 30px;
}
.sidebar .newsletter h3 {
  color: var(--rosso);
}
.sidebar .newsletter p {
  color: #fff;
  margin-bottom: 20px;
}
.sidebar .searching {
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.sidebar .searching input{
  border:0;
  background-color: transparent;
  font-size: 16px;
  padding: 10px 0;
  color: #fff;
}
.sidebar .searching button {
  background-color: transparent;
  padding: 0;
  border: 0;
}

#content-post {
  display: flex;
}
#content-post .share-social {
  display: flex;
  width: 15%;
  flex-direction: column;
  gap: 20px;
}
#content-post .share-social svg {
  width: 20px;
  height: 20px;
}
#content-post .share-social svg path {
  fill: var(--nero);
}
#content-post .content {
  display: flex;
  width: 80%;
  flex-direction: column;
}
#content-post .content > * {
  font-weight: 400;
}
#content-post .content > div {
  width: 100%!important;
}
#content-post .content img {
  max-width: 100%;
  height: auto;
  width: auto;
}
#content-post .content h1,
#content-post .content h2,
#content-post .content h3,
#content-post .content h4 {
  color: var(--colortesto2);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
#content-post .content p,
#content-post .content > div {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 400;
}
#content-post .content .wp-caption p {
  font-weight: 400;
  margin-top: 10px;
  font-style: italic;
}
#content-post .content a {
  color: var(--nero);
  font-weight: 600;
}

.rel_articoli h3.main-title-rel {
    color: #fff;
    font-weight: 600;
    font-size: 4rem;
}
.rel_articoli .nav-articoli {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rel_articoli #button-prev,
.rel_articoli #button-next {
  width: 10px;
  cursor: pointer;
  width: 60px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99.83' height='32.302' viewBox='0 0 99.83 32.302'%3E%3Cpath id='Tracciato_20515' data-name='Tracciato 20515' d='M288.83 395.03l-17.119-15.4v12.05c-1.9 0-3.218-1.935-5.163-5.119-2.3-3.757-5.151-8.433-11.389-8.433s-9.1 4.677-11.389 8.433c-1.945 3.184-3.266 5.119-5.163 5.119s-3.216-1.935-5.158-5.119c-2.293-3.757-5.148-8.433-11.387-8.433s-9.086 4.677-11.377 8.436c-1.942 3.184-3.256 5.116-5.148 5.116s-3.213-1.935-5.153-5.119c-2.3-3.757-5.148-8.433-11.384-8.433v6.393c1.895 0 3.211 1.932 5.153 5.116 2.293 3.757 5.146 8.436 11.384 8.436s9.086-4.679 11.377-8.436c1.942-3.184 3.258-5.116 5.148-5.116s3.216 1.932 5.161 5.116c2.293 3.759 5.146 8.436 11.384 8.436S247.7 393.4 250 389.638c1.945-3.184 3.263-5.116 5.163-5.116s3.218 1.932 5.163 5.119c2.293 3.757 5.148 8.433 11.389 8.433v12.357Z' transform='translate(-189 -378.129)' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.rel_articoli #button-prev {
  transform: rotate(-180deg);
  top: -10px;
  position: relative;
}
.rel_articoli .swiper-button-disabled {
  display: none;
}

/******************************************************************************
  SINGLE CONSORZIO
******************************************************************************/
.single-asti_consorzi .header-txt-consorzio{
  padding-right: 100px;
}

.single-asti_consorzi .img-circle-partner {
  padding: 7%;
  margin: 11%;
  z-index: 5;
  transform: translate(0, -10%);
  position: relative;
  top: -15%;
}
.single-asti_consorzi .contatti.intro .astiDocg {
  left: 50%;
  top: 50%;
  width: 650px;
  height: 650px;
  z-index: 20;
  background-color: var(--nero);
  margin: -325px 0 0 -325px;
  z-index: 0!important;
}
.single-asti_consorzi .contatti.intro .curvaAlta {
  margin-bottom: -26%;
}
.single-asti_consorzi .img-circle-partner .img-cover-partner .wp-post-image{
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  max-width: 250px;
  height: auto;
  transition: opacity .5s;
}
.single-asti_consorzi .img-circle-partner.active .img-cover-partner,
.single-asti_consorzi .img-circle-partner:hover .img-cover-partner {
  background-color: #fff!important;
}
.single-asti_consorzi .img-circle-partner.active .img-cover-partner .wp-post-image,
.single-asti_consorzi .img-circle-partner:hover .img-cover-partner .wp-post-image {
  opacity: 1;
}

.item-consorzio-address {
  font-weight: 600;
  color: var(--nero);
  font-size: 2rem;
}

.item-consorzio-address .item + .item {
  margin-top: 50px;
}

.item-consorzio-address .extra-info-consorzio::after,
.item-consorzio-address .extra-info-consorzio::before {
  content: '';
  height: 1px;
  background-color: var(--rosso);  
  width: 100px;
  display: block;
  margin: 40px auto;
}

.single-asti_consorzi a {
  transition: all .5s;
}
.single-asti_consorzi a:hover {
  color: var(--rosso);
}
.single-asti_consorzi a.button.reverse:hover {
  color: var(--bianco);
  background-color: var(--rosso);
}

/******************************************************************************
  NAV CPT
******************************************************************************/
.prev-post-asti a,
.next-post-asti a{
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--nero);
  font-size: 14px;
  font-weight: 400;
  height: 100%;
}

.single-asti_vini .prev-post-asti a,
.single-asti_vini .next-post-asti a {
  color: var(--bianco);
}

.prev-post-asti {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px;
  display: flex;
  align-items: center;
  z-index: 10;
}
.prev-post-asti span {
  transform: rotate(-90deg);
  position: absolute;
  width: 300px;
  text-align: center;
  left: -130px;
}
.prev-post-asti a::after {
  background-image: url(../media/swiper/arrowRight.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  transform: rotate(-180deg);
  width: 70px;
  height: 30px;
  display: block;
  margin: 0 0 0 40px;
}

.next-post-asti {
  position: absolute;
  right: -10px;
  z-index: 10;
  bottom: 0;
  height: 300px;
  display: flex;
  align-items: center;
}
.next-post-asti span {
  transform: rotate(90deg);
  position: absolute;
  width: 300px;
  text-align: center;
  right: -130px;
}
.next-post-asti a::before {
  background-image: url(../media/swiper/arrowRight.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  width: 70px;
  height: 30px;
  display: block;
  margin: 0 40px 0 0;
}

/******************************************************************************
  SINGLE COCKTAIL / VINO
******************************************************************************/
#scroll-astidocg {
  position: absolute; 
  width: 100%; 
  height: 87%; 
  left: 0; 
  top: 0;
}
.single-vini #scroll-astidocg {
  height: 90%; 
}
.cocktail-vino h3,
.cocktail-vino .h-sub-title {
  margin-bottom: 0;
  font-family: var(--fontTitleBold);
  font-size: 6.0rem;
  font-weight: 600;
  line-height: 6.5rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.cocktail-vino .bg_cgold {
  padding-bottom: 180px;
} 
.cocktail-vino h2 {
  color: var(--coloreSfondoChiaro);
}
.cocktail-vino .intro-txt {
  padding: 0 250px 0 100px;
}
.cocktail-vino .intro-txt h3 {
  font-family: var(--fontFamily);
  text-transform: initial;
  font-size: 3rem;
  margin-bottom: 20px;
  line-height: 1.2;
  color: var(--nero);
}
.cocktail-vino .intro-txt p {
  color: var(--coloreSfondoChiaro);
}
.cocktail-vino .intro-txt .icona-stella svg {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  animation: rotateAsti 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
.cocktail-vino .intro-txt .icona-stella svg path {
  fill: var(--rosso);
}
.cocktail-vino .onda {
  z-index: 100;
  bottom: 0;
  top: initial;  
}
.cocktail-vino .icona-main {
  background-image: url(../media/elements/spicchio.svg);
  position: absolute;
  z-index: 20;
  bottom: -60px;
  right: 15%;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.single-cocktail .bgimg{
  background-image: url(../media/background/bg-cocktail.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.single-vini .bgimg{
  background-color: var(--nero)!important;
}
.single-vini .bgimg .astiDocg {
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #000000;
}


.cocktail-vino-main h3 {
    font-family: inherit;
    font-size: 3.0rem;
    line-height: 3.5rem;
}
.single-cocktail.cocktail-vino h2,
.single-cocktail.cocktail-vino .h-main-title {
    color: var(--colortesto2);
}
.single-cocktail.cocktail-vino .cocktail-vino-main h2,
.single-cocktail.cocktail-vino .cocktail-vino-main .h-main-title {
    color: var(--nero);
}
.single-cocktail .intro-txt p {
    color: var(--nero);
    font-size: 2.5rem;
    line-height: 3rem;
}
.single-vini .::before {
  background-color: var(--nero);
}
.single-cocktail.cocktail-vino .icona-main,
.single-cocktail.cocktail-vino.intro .onda {
  bottom: 0%;
}

.cocktail-vino .img-main-scroll {
  width: auto;
  display: block;
  margin: -10% auto 0;
  max-height: 65vh;
  max-width: 275px;
}

.cocktail-vino-main .row-step {
  display: flex;
  align-items: center;
  padding: 100px 0;
}
.cocktail-vino-main .sx-step {
    text-align: left;
    padding-left: 50px;
}
.cocktail-vino-main .sx-step img {
  max-width: 100%;
  height: auto;
}
.cocktail-vino-main .dx-step {
  padding-left: 150px;
}
.cocktail-vino-main .dx-step a {
  color: var(--nero);
}
.cocktail-vino-main .dx-step h3{
  display: flex;
  gap: 10px;
  margin: 0 0 20px;
  text-transform: initial;
  font-weight: 700;
  color: var(--colortesto2);
}
.cocktail-vino-main .dx-step h3 img {
  width: 20px;
  height: auto;
}
.cocktail-vino-main .dx-step .txt {
  padding-left: 30px;
}
.cocktail-vino-main .txt-footer-cocktail {
  padding-top: 70px;
}
.cocktail-vino-main .txt-footer-cocktail, .txt-footer-cocktail p {
  font-weight: 700;
  color: var(--colortesto2)!important;
  text-align: center;
  font-size: 2rem;
}
.cocktail-vino-main .txt-footer-cocktail strong, .txt-footer-cocktail p strong,
.txt-footer-cocktail b, .txt-footer-cocktail p b {
  color: var(--nero);
}

/*PROCESSO BLOCCO*/
.block-view-processo{
  position: fixed;
  z-index: -1;
  left: 0;
  width: 100%;
  opacity: 1;
  padding: 70px 0;
  background: var(--nero);
  transition: all .5s;
  opacity: 0;
  transition: opacity .5s;
}
.block-view-processo h2{
  text-align: center;
  color: var(--colortesto2);
  font-weight: 600;
  margin-bottom: 20px;
}
.block-view-processo.active {
  opacity: 1;
}
.block-view-processo .item {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  padding: 0 60px;
}
.block-view-processo .item::after{
  background-image: url(../media/swiper/arrowRight.svg);
  content: '';
  width: 70px;
  height: 30px;
  position: absolute;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: -12%;
}
.block-view-processo .swiper-slide:last-child .item::after {
  display: none;
}
.block-view-processo .header {
  position: relative;
  margin: 40px 0;
}
.block-view-processo .header .num{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    color: var(--colortesto2);
    font-size: 80px;
    line-height: 0.8;
    font-family: var(--fontTitle);
}
.block-view-processo .header h3 {
  font-family: var(--fontFamily);
  font-size: 25px;
  z-index: 5;
  position: relative;
  color: var(--rosso);
}
.hamburgerPercorso {
  top: 35px;
  right: 35px;
  position: absolute;
  cursor: pointer;
}
.hamburgerPercorso input {
  display: none;
}
.hamburgerPercorso span {
    display: block;
    width: 30px;
    height: 3px;
    margin: 5px auto;
    background-color: var(--bianco);
    border-radius: 1px;
    transition: all 0.3s ease;
}
.hamburgerPercorso input:checked ~ span {
    transform: translateY(9.5px) rotate(45deg);
}
.hamburgerPercorso input:checked ~ span:nth-child(3) {
    opacity: 0;
}
.hamburgerPercorso input:checked ~ span:nth-child(4) {
    transform: translate(-1px, -6.5px) rotate(-45deg);
}


/******************************************************************************
  FILTRO STILE
******************************************************************************/
.searchandfilter > ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  list-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
}
.searchandfilter ul li {
    display: flex;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
}
.searchandfilter ul li h4 {
  font-size: 16px;
  letter-spacing: initial;
  font-weight: 600;
  margin: 0;
}
.searchandfilter ul li select,
.searchandfilter ul li input[name="_sf_search[]"] {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--nero);
  min-width: 340px!important;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.archive-thumbnail .searchandfilter ul li select,
.archive-thumbnail .searchandfilter ul li input[name="_sf_search[]"] {
  min-width: 100px!important;
}
.searchandfilter ul li.sf-field-search label {
  position: relative;
}
.searchandfilter ul li.sf-field-search label::after {
  content: '';
  position: absolute;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30px' height='30px'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z'/%3E%3C/svg%3E");
  margin-top: -10px;
  width: 20px;
  height: 20px;
  top: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.archive-thumbnail .title-search {
  text-align: center;
  font-size: 15px;
}
.archive-thumbnail .searchandfilter{
  margin-bottom: 15vh;
}
.archive-thumbnail .sf-field-taxonomy-cat_prodotto > ul {
  display: flex;
  gap: 10px;
  align-items: center;
}
.archive-thumbnail .sf-field-taxonomy-cat_prodotto > ul li{
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1.2;
}
.searchandfilter .sf-field-reset a {
  display: inline-block;
  background: var(--colorCerchio);
  color: #fff!important;
  text-decoration: none!important;
  padding: 5px 40px;
  border-radius: 30px;
  transition: all .5s
}
.searchandfilter .sf-field-reset a:hover {
  opacity: 0.7
}
.archive-thumbnail .sf-field-taxonomy-cat_prodotto > ul > li:first-child {
  display: none;
}
.archive-thumbnail .searchandfilter label {
  display: flex;
  align-items: center;
  padding-left: 0;
  font-weight: 500;
  cursor: pointer;
  gap: 5px;
}
.archive-thumbnail .searchandfilter .sf-item-25 label::before,
.archive-thumbnail .searchandfilter .sf-item-26 label::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg id='Raggruppa_2439' data-name='Raggruppa 2439' xmlns='http://www.w3.org/2000/svg' width='41.239' height='57.994' viewBox='0 0 41.239 57.994'%3E%3Cpath id='Tracciato_19182' data-name='Tracciato 19182' d='M1001.546 362.384a9.9 9.9 0 0 0 4.313 6.687 19.9 19.9 0 0 0 24.6.043 9.9 9.9 0 0 0 4.337-6.672Z' transform='translate(-997.551 -354.733)' fill='%23b49c7e'/%3E%3Cpath id='Tracciato_19183' data-name='Tracciato 19183' d='M1026.825 407.813l-22.622-.04a1.526 1.526 0 0 1-1.2-.586 1.379 1.379 0 0 1-.211-1.234 2.3 2.3 0 0 1 2.208-1.625 18.4 18.4 0 0 0 3.882-.742c1.943-.651 4.258-1.86 4.262-3.927l.04-22.213c.005-3.1-1.466-5.094-4.769-6.452-6.736-2.77-12.833-5.98-13.431-14.722-.019-.283.137-4.984 1.145-6.074a1.129 1.129 0 0 1 .817-.381l37.325.066a1.129 1.129 0 0 1 .825.384c1 1.093 1.145 5.8 1.124 6.078-.63 8.74-6.737 11.928-13.483 14.674-3.308 1.346-4.786 3.332-4.791 6.435l-.039 22.213c0 2.067 2.308 3.285 4.248 3.942a18.374 18.374 0 0 0 3.88.756 2.3 2.3 0 0 1 2.2 1.633 1.379 1.379 0 0 1-.215 1.234A1.524 1.524 0 0 1 1026.825 407.813Zm-22.044-1.725 21.471.038a2.061 2.061 0 0 0-.41-.085 19.849 19.849 0 0 1-4.226-.834c-3.532-1.2-5.4-3.113-5.393-5.542l.039-22.213c.007-3.782 1.918-6.4 5.842-7.995 6.472-2.634 11.875-5.448 12.437-13.233a19.529 19.529 0 0 0-.605-4.654l-36.645-.064a19.539 19.539 0 0 0-.622 4.652c.534 7.786 5.927 10.62 12.39 13.277 3.918 1.611 5.82 4.233 5.813 8.015l-.039 22.213c0 2.428-1.876 4.339-5.413 5.523a19.84 19.84 0 0 1-4.229.818A2.034 2.034 0 0 0 1004.782 406.088Z' transform='translate(-994.985 -349.819)' fill='%23b49c7e'/%3E%3C/svg%3E");
  display: block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.archive-thumbnail .searchandfilter .sf-item-26 label::before {
  background-image: url("data:image/svg+xml,%3Csvg id='Raggruppa_2440' data-name='Raggruppa 2440' xmlns='http://www.w3.org/2000/svg' width='26.193' height='64.343' viewBox='0 0 26.193 64.343'%3E%3Cpath id='Tracciato_19184' data-name='Tracciato 19184' d='M591.727 339.393h0a.811.811 0 0 0-.767.592c-.15.5-3.7 12.43-3.7 21.849a15.468 15.468 0 0 0 7.246 13.633c2.848 1.884 3.277 3.306 3.277 10.864v9.384c0 3.409-5.592 3.869-8.283 4.09a2.626 2.626 0 0 0-2.572 1.911 1.609 1.609 0 0 0 .218 1.368 1.578 1.578 0 0 0 1.292.651h23.046a1.578 1.578 0 0 0 1.292-.651 1.608 1.608 0 0 0 .218-1.368 2.626 2.626 0 0 0-2.572-1.911c-2.69-.221-8.283-.681-8.283-4.09v-9.384c0-7.558.429-8.98 3.276-10.864a15.468 15.468 0 0 0 7.246-13.633c0-9.419-3.547-21.346-3.7-21.849a.81.81 0 0 0-.767-.592h-16.47Zm-3.2 62.645c.094-.2.338-.477 1.1-.54 3.169-.26 9.763-.8 9.763-5.782v-9.384c0-5.939-.238-8.609-2.023-10.626-1.562-1.341-2.633-2.06-3.553-2.835a13.756 13.756 0 0 1-4.946-11.036c0-8.107 2.721-18.19 3.45-20.743H607.6c.728 2.554 3.45 12.637 3.45 20.743a13.755 13.755 0 0 1-4.946 11.036c-.921.775-1.992 1.494-3.553 2.835-1.785 2.017-2.023 4.687-2.023 10.626v9.384c0 4.979 6.594 5.522 9.763 5.782.765.063 1.008.335 1.1.54Z' transform='translate(-586.865 -339.393)' fill='%23b49c7e'/%3E%3Cpath id='Tracciato_19185' data-name='Tracciato 19185' d='M593.708 379.276c.572 4.636 3.348 8.884 8.93 8.884s8.357-4.248 8.929-8.884Z' transform='translate(-589.541 -354.99)' fill='%23b49c7e'/%3E%3C/svg%3E");
  width: 20px;
}

.archive-thumbnail .searchandfilter .sf-item-59 label::before {
  background-image: url("data:image/svg+xml,%3Csvg id='Raggruppa_2440' data-name='Raggruppa 2440' xmlns='http://www.w3.org/2000/svg' width='26.193' height='64.343' viewBox='0 0 26.193 64.343'%3E%3Cpath id='Tracciato_19184' data-name='Tracciato 19184' d='M591.727 339.393h0a.811.811 0 0 0-.767.592c-.15.5-3.7 12.43-3.7 21.849a15.468 15.468 0 0 0 7.246 13.633c2.848 1.884 3.277 3.306 3.277 10.864v9.384c0 3.409-5.592 3.869-8.283 4.09a2.626 2.626 0 0 0-2.572 1.911 1.609 1.609 0 0 0 .218 1.368 1.578 1.578 0 0 0 1.292.651h23.046a1.578 1.578 0 0 0 1.292-.651 1.608 1.608 0 0 0 .218-1.368 2.626 2.626 0 0 0-2.572-1.911c-2.69-.221-8.283-.681-8.283-4.09v-9.384c0-7.558.429-8.98 3.276-10.864a15.468 15.468 0 0 0 7.246-13.633c0-9.419-3.547-21.346-3.7-21.849a.81.81 0 0 0-.767-.592h-16.47Zm-3.2 62.645c.094-.2.338-.477 1.1-.54 3.169-.26 9.763-.8 9.763-5.782v-9.384c0-5.939-.238-8.609-2.023-10.626-1.562-1.341-2.633-2.06-3.553-2.835a13.756 13.756 0 0 1-4.946-11.036c0-8.107 2.721-18.19 3.45-20.743H607.6c.728 2.554 3.45 12.637 3.45 20.743a13.755 13.755 0 0 1-4.946 11.036c-.921.775-1.992 1.494-3.553 2.835-1.785 2.017-2.023 4.687-2.023 10.626v9.384c0 4.979 6.594 5.522 9.763 5.782.765.063 1.008.335 1.1.54Z' transform='translate(-586.865 -339.393)' fill='%23b49c7e'/%3E%3Cpath id='Tracciato_19185' data-name='Tracciato 19185' d='M593.708 379.276c.572 4.636 3.348 8.884 8.93 8.884s8.357-4.248 8.929-8.884Z' transform='translate(-589.541 -354.99)' fill='%23b49c7e'/%3E%3C/svg%3E");
  width: 20px;
}


/*PAGINATION*/
.asti-nav-number .pagination {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
  gap: 10px;
}
.asti-nav-number .pagination a {
  text-decoration: none;
  color: var(--nero);
} 
.asti-nav-number .pagination .current {
  font-weight: 600;
}

/******************************************************************************
  NEW BLOCKS
******************************************************************************/
.block-info-free a:not(.button),
.block-info-free em {
  color: var(--oro)!important;
}
.block-info-free em {
  font-style: normal;
}
.block-info-free p {
  margin-bottom: 20px;
}
.block-info-free p:last-child {
  margin-bottom: 0;
}
.block-info-free .button {
  margin-top: 50px;
}

.files-download {
  display: flex;
  margin-top: 50px;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
.files-download a {
  display: flex;
  background-color: var(--colortesto2);
  color: var(--coloreSfondoChiaro);
  max-width: 800px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .5s;
  text-align: left;
}
.files-download a:hover {
  color: var(--coloreSfondoChiaro);
  background-color: var(--nero);
}

.items-map {
  justify-content: center;
  display: flex;
  align-items: flex-start;
  margin: -280px 0 90px;
  position: relative;
  z-index: 5;
  gap: 30px;
}
.items-map img.dec {
  position: absolute;
}
.items-map .box {
  background:  var(--coloreSfondoChiaro);
  width: 340px;
  height: 340px;
  border-radius: 50%;
  padding: 60px;
  border: 1px solid var(--rosso);
}
.items-map .box img {
  width: 100%;
  height: auto;
  transition: transform .5s;
}
.items-map .box:hover img {
  transform: scale(1.4);
}

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

.block-newsletter {
  background-color: var(--colortesto2);
  display: flex;
  min-height: 767px;
}
.block-newsletter > div {
  width: 50%;
  position: relative;
}
.block-newsletter .box {
  position: relative;
  padding: 250px 80px 80px 80px;
  z-index: 5;
  max-width: 730px;
  box-sizing: border-box;
}
.block-newsletter .column-img {
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-end;
}
.block-newsletter .column-img h1 {
  color: var(--coloreTestoChiaro);
  font-weight: 700;
  line-height: 6rem;
  font-size: 5.5rem;
  margin-bottom: 50px;
}
.block-newsletter .column-img p {
  color: var(--coloreTestoChiaro);
  font-weight: 700;
  line-height: 4rem;
  font-size: 3.5rem;
}
.block-newsletter .column-img p strong,
.block-newsletter .column-img p b {
  color: var(--rosso);
}
.block-newsletter .column-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.block-newsletter .column-form {
  position: relative;
}
.block-newsletter .column-form::before {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 10;
  mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/elements/star.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--rosso);
  width: 80px;
  height: 80px;
  left: 40px;
  animation: 30s infinite alternate circleRotate;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  margin-top: -40px;
}
.block-newsletter .column-form .frm_form_field {
  position: relative;
}
.block-newsletter select option {
  color: var(--nero);
}
.block-newsletter .column-form .frm_form_field:not(.vertical_radio) {
  display: flex;
}
.block-newsletter .column-form .frm_form_field:not(.vertical_radio) label {
  min-width: 200px;
  font-weight: 700;
  color: var(--nero);
  text-transform: uppercase;
  text-indent: 0;
  padding-left: 0;
}
.block-newsletter .column-form .frm_form_field label span {
  font-weight: 700;
  color: var(--nero);
}
.block-newsletter .column-form .frm_form_field:not(.vertical_radio) input,
.block-newsletter .column-form .frm_form_field select {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent!important;
  border-bottom: 1px solid var(--coloreTestoChiaro);
  color: var(--coloreTestoChiaro);
}
.block-newsletter .column-form .frm_form_field:not(.vertical_radio) input:focus {
  box-shadow: none!important;
  outline: none!important;
  color: var(--coloreTestoChiaro)!important;
  border-color: var(--coloreTestoChiaro)!important;
}
.block-newsletter .column-form .frm_form_field.vertical_radio {
  position: relative;
  padding-left: 30px;
  margin-top: 20px;
}
.block-newsletter .column-form .frm_form_field.vertical_radio label {
  text-indent: 0;
  padding-left: 0;
  border-color: var(--coloreTestoChiaro);
}
.block-newsletter .column-form .frm_form_field.vertical_radio .frm_primary_label {
  color: var(--coloreTestoChiaro);
  font-weight: 700;
}
.block-newsletter .column-form .frm_form_field.vertical_radio .frm_primary_label span {
  display: none;
}
.block-newsletter .column-form .frm_form_field.vertical_radio label,
.block-newsletter .column-form .frm_form_field.vertical_radio label a {
  color: var(--coloreTestoChiaro);
}
.block-newsletter .frm_style_stile-di-formidable.with_frm_style .frm_error{
  position: absolute;
  bottom: -24px;
  right: 0px;
}
.block-newsletter .frm_style_stile-di-formidable.with_frm_style .frm_error_style {
  background-color: var(--rosso);
  border-radius: 5px;
  color: var(--bianco);
  border: 0;
}
.block-newsletter .with_frm_style .frm_success_style {
  background-color: #64a365;
}
.block-newsletter .with_frm_style .frm_success_style p {
  color: var(--bianco);
}
.block-newsletter .column-form .frm_form_field.vertical_radio label .iubenda-embed.iubenda-black {
  color: var(--coloreTestoChiaro)!important;
  text-decoration: underline!important;
  padding: 0!important;
  background-color: transparent!important;
  box-shadow: none!important;
  font-size: 13px!important;
  font-family: var(--fontFamily)!important;
}
.block-newsletter .column-form .frm_form_field.vertical_radio input {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border-color: var(--coloreTestoChiaro);
}
.block-newsletter .column-form .frm_button_submit {
  background-color: var(--nero)!important;
  border-radius: 30px!important;
  box-shadow: none!important;
  border: 0!important;
  outline: none!important;
  transition: background .5s;
}
.block-newsletter .column-form .frm_button_submit:hover {
  background-color: var(--rosso)!important;
  color: var(--coloreTestoChiaro)!important;
}


/******************************************************************************
  CAROSELLO SWIPER
******************************************************************************/

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.swiperBrandAmbassadorNew {
  padding-bottom: 160px;
}
.swiperBrandAmbassadorNew .swiper-slide {
  transition: all .5s;
}
.swiperBrandAmbassadorNew .slide-ambassador {
  position: relative;
  border-radius: 40px;
  overflow: hidden;
  transition: all .5s;
}
.swiperBrandAmbassadorNew .slide-ambassador::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--coloreSfondoAmbassador);
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  mix-blend-mode: multiply;
}
.noSliderAmbassador img,
.swiperBrandAmbassadorNew .swiper-slide img {
  object-fit: cover;
  min-height: 580px;
  width: 100%;
  display: block;
}
.noSliderAmbassador .slide-ambassador .testoInterno,
.swiperBrandAmbassadorNew .slide-ambassador .testoInterno {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--rosso);
  opacity: 0;
  z-index: 0;
  transition: all .5s;
}
.swiperBrandAmbassadorNew .swiper-slide.swiper-slide-active .slide-ambassador{
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.swiperBrandAmbassadorNew .swiper-slide.swiper-slide-active{
  transform: scale(1.1) translateY(100px);
  z-index: 5;
}
.swiperBrandAmbassadorNew .swiper-slide.swiper-slide-active .slide-ambassador::after {
  opacity: 0;
  z-index: 0;
}
.pgAmbassadorHome {
  padding: 70px;
}
.noSliderAmbassador .slide-ambassador:hover .testoInterno,
.swiperBrandAmbassadorNew .swiper-slide.swiper-slide-active .slide-ambassador:hover .testoInterno {
  opacity: 1;
  z-index: 5;
}

/*NO SLIDER AMBASSADOR*/
.noSliderAmbassador {
  display: flex;
  gap: 30px;
  max-width: 960px;
  margin: 0 auto;
}
.noSliderAmbassador .slide-ambassador {
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}


.swiperVice .swiper-slide {
  flex-direction: column;
}
.swiperVice .swiper-slide .instagram {
  margin: 0 auto 20px;
}
.swiperVice .swiper-slide .instagram picture img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.userList:last-child {
  margin-bottom: 0!important;
}

.RelArticoli {
  overflow: visible;
}

.swiperBrandAmbassador.swiper{
  width: 450px;
  height: 650px;
  overflow: visible;
  margin-top: var(--distance);
  margin-bottom: 20px;
}


.swiperBrandAmbassador .swiper-slide img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radiusAmbassador);
}

.swiperBrandAmbassador .swiper-slide {
  position: relative;
  transition: var(--transition);
  border-radius: var(--radiusAmbassador);
}

.swiperBrandAmbassador .swiper-slide.swiper-slide-active {
  -webkit-box-shadow: 0px 10px 13px -7px rgba(106,106,106,0.4), 5px 5px 15px 5px rgba(106,106,106,0); 
  box-shadow: 0px 10px 13px -7px rgba(106,106,106,0.4), 5px 5px 15px 5px rgba(106,106,106,0);

}


.swiperBrandAmbassador .swiper-slide::before {
  content: "";
  background-color: transparent;
  transition: var(--transition);
}
.swiperBrandAmbassador .swiper-slide.swiper-slide-prev::before,
.swiperBrandAmbassador .swiper-slide.swiper-slide-next::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--coloreSfondoAmbassador);
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  mix-blend-mode: multiply;
  border-radius: var(--radiusAmbassador);
}
.swiperBrandAmbassador .swiper-slide .testoInterno {
  opacity: 0;
  position: absolute;
  width: 100%;
  padding: 25px;
  height: 100%;
  background-color: var(--bgSwiperAmbassador);
  border-radius: var(--radiusAmbassador);
  transition: var(--transition);
  transition-duration: .5s !important;
}
.swiperBrandAmbassador .swiper-slide .testoInterno:hover {
  opacity: 1;
}

.swiperBrandAmbassador .swiper-slide.swiper-slide-prev,
.swiperBrandAmbassador .swiper-slide.swiper-slide-next {
  /*opacity: 0.5;*/
  z-index: -1;
}
.swiperBrandAmbassador .swiper-slide.swiper-slide-prev {
  transform: scale(0.8) translate(150px,-150px);
}
.swiperBrandAmbassador .swiper-slide.swiper-slide-next {
  transform: scale(0.8) translate(-150px,-150px);
}

/**/
/*swiper vice presidenti*/
/**/

.swiperVice .swiper-button-prev,
.swiperVice .swiper-button-next {
  bottom: 0px;
  top: auto;
  width: 100px;
  height: 32px;
}

.swiperVice .swiper-button-prev::after,
.swiperVice .swiper-button-next::after {
  content: "";
  mask: url(../media/swiper/arrowRight.svg) no-repeat 50% 50%;
  -webkit-mask: url(../media/swiper/arrowRight.svg) no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: var(--rosso);
  width: 100px;
  height: 32px;
}
.swiperVice .swiper-button-prev::after {
  transform: rotate(-180deg);
}
.swiperVice .swiper-button-next.swiper-button-disabled, 
.swiperVice .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

/**/
/*swiper carosello*/
/**/
.swiperCarosello {
  overflow: visible;
  margin-bottom: 100px;
}
.swiperCarosello .swiper-wrapper {
  overflow: visible;
}
.swiperCarosello .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.swiperCarosello .item img {
  max-width: 100%;
  height: auto;
}

.swiperCarosello .item img.main {
  /*min-height: 70vh;*/
  object-fit: cover;
}
.swiperCarosello .item img.sub {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  max-height: 450px;
} 
.swiperCarosello .item .col-sx {
  width: 50%;
  position: relative;
}
.swiperCarosello .stella {
  position: absolute;
  right: -30px;
  top: 46%;
  transform: translateY(-50%);
  animation: rotateAsti 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
}
.swiperCarosello .stella svg path {
  fill: var(--rosso);
}
.swiperCarosello .item .col-dx {
  width: 40%;
  padding-right: 10%;
}
.swiperCarosello .item .col-dx h3 {
  color: var(--colortesto2);
  font-weight: 700;
  font-size: 40px;
}
.swiperCarosello .item .col-dx p {
  color: var(--nero);
  font-weight: 600;
  font-size: 25px;
  margin:40px 0;
}
.dark_bg .swiperCarosello .item .col-dx p {
  color: var(--coloreSfondoChiaro);
}
.swiperCarosello .item .col-dx .button-mini {
  padding: 10px 15px;
  text-align: center;
}

.swiperCarosello .swiper-button-prev::after,
.swiperCarosello .swiper-button-next::after {
  display: none;
}
 
.swiperCarosello .swiper-button-prev,
.swiperCarosello .swiper-button-next {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 30px;
  top: initial;
  bottom: -100px;
}
.swiperCarosello .swiper-button-disabled {
  opacity: 0;
}
.swiperCarosello .swiper-button-prev {
  background-image: url(../media/swiper/arrowLeft.svg);
}
.swiperCarosello .swiper-button-next {
  background-image: url('../media/swiper/arrowRight.svg');
}

.mask-carosello {
    -webkit-mask-image: url(../media/elements/mask-carosello.svg);
    mask-image: url(../media/elements/mask-carosello.svg);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: cover;
    mask-repeat: repeat-x;
    mask-size: cover;
}

/*BLOCK CONSORZIO IO PRODUCO*/
#wrapper-consorzi-archivio {
  display: flex;
  gap: 40px;
  flex-direction: column;
  width: 100%;
}
#wrapper-consorzi-archivio .asti-pagination {
  display: flex;
  gap: 10px;
  font-size: 15px;
  justify-content: flex-end;
  margin: -20px 0 0;
}
#wrapper-consorzi-archivio .asti-pagination a {
  color: var(--nero);
  text-decoration: none;
}
#wrapper-consorzi-archivio .asti-pagination .current {
  font-weight: 600;
  color: var(--nero);
}
.item-consorzio {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

.item-consorzio .sx-logo {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rosso);
  padding: 20px;
}
.item-consorzio .sx-logo .wrapper-logo{
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-consorzio .sx-logo img {
  max-width: 150px;
  padding: 10px;
  height: auto;
}
.item-consorzio .dx-txt {
  width: 60%;
  justify-content: space-between;
  display: flex;
  font-size: 16px;
  align-items: center;
}
.item-consorzio .dx-txt .txt h3 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--colortesto2);
  padding: 0 0 20px 30px;
}
.item-consorzio .dx-txt .txt {
  min-width: 350px;
  max-width: 400px;
}
.item-consorzio .dx-txt .txt .sede {
  font-weight: 600;
  padding: 0 0 0 30px!important;
  margin: 15px 0 -15px!important;
}
.item-consorzio .dx-txt .type {
  text-align: center;
}
.item-consorzio .dx-txt .type h4 {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.item-consorzio .dx-txt .type .tax {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.item-consorzio .dx-txt .type .tax img {
  max-height: 40px;
  width: auto;
}
.item-consorzio .dx-txt h3:first-letter {
  color: var(--nero);
}
.item-consorzio .icon-row {
  position: relative;
  padding-left: 30px;
}
.item-consorzio address {
  display:flex;
  gap: 20px;
  flex-direction: column;
}
.item-consorzio address .block-sito {
  margin: 20px 0 0;
}
.item-consorzio address .block-sito::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 30px;
  display: block;
  width: 40px;
  height: 2px;
  background-color: var(--nero);
}
.item-consorzio address .block-sito a {
  color: var(--colortesto2);
  font-weight: 600;
}
.item-consorzio .icon-row::before{
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
  max-width: 20px;
}
.item-consorzio .icon-am-mappa::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23161B34' class='bi bi-geo-alt-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");
}
.item-consorzio .icon-am-phone::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23161B34' class='bi bi-phone' viewBox='0 0 16 16'%3E%3Cpath d='M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z'/%3E%3Cpath d='M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}
.item-consorzio .icon-am-email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23161B34' class='bi bi-envelope-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z'/%3E%3C/svg%3E");
}
.item-consorzio .icon-am-sito::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.457' height='14.052' viewBox='0 0 15.457 14.052'%3E%3Cpath id='Icon_material-desktop-mac' data-name='Icon material-desktop-mac' d='M15.552 3H2.905A1.409 1.409 0 0 0 1.5 4.405v8.431a1.409 1.409 0 0 0 1.405 1.405H7.823L6.418 16.349v.7h5.621v-.7l-1.405-2.108h4.918a1.409 1.409 0 0 0 1.405-1.405V4.405A1.409 1.409 0 0 0 15.552 3Zm0 8.431H2.905V4.405H15.552Z' transform='translate(-1.5 -3)' fill='%23161b34'/%3E%3C/svg%3E");
}

/*SET ONDE TOP*/
.bg-foto-single {
  position: relative;
}
.bg-foto-single .onda {
  z-index: 5;
  top: -70px;
}
.bg-foto-single .img-main {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ondatop-def::before {
  background-position: center top;
  background-repeat: repeat-x;
  height: 109.68px;
  width: 115%;
  position: absolute;
  top: -2px;
  left: -5%;
  background-size: auto;
  content: '';
  mask: initial;
  z-index: 1;
  -webkit-mask: initial;
}
.ondabottom-def::after {
  background-position: center bottom;
  background-repeat: repeat-x;
  height: 109.68px;
  width: 115%;
  position: absolute;
  bottom:-2px;
  left:-5%;
  background-size: auto;
  content: '';
  mask: initial;
  z-index: 1;
  -webkit-mask: initial;
}
.ondabottom-blu::after{
  background-image: url("data:image/svg+xml,%3Csvg fill='%23161B34' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2329.28 109.68'%3E%3Cpath d='m1803.03 97.68C1608.93 97.68 1608.93 0 1414.82 0s-194.1 97.68-388.21 97.68C832.5 97.68 832.49 0 638.39 0s-194.09 97.68-388.21 97.68c-132.82 0-174.76-45.72-250.18-74.6v86.6h2329.28V23.08C2294.48 9.75 2252.55 0 2191.25 0c-194.11 0-194.12 97.68-388.22 97.68Z'/%3E%3C/svg%3E");
}
.ondabottom-chiaro::after{
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFDEE' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2329.28 109.68'%3E%3Cpath d='m1803.03 97.68C1608.93 97.68 1608.93 0 1414.82 0s-194.1 97.68-388.21 97.68C832.5 97.68 832.49 0 638.39 0s-194.09 97.68-388.21 97.68c-132.82 0-174.76-45.72-250.18-74.6v86.6h2329.28V23.08C2294.48 9.75 2252.55 0 2191.25 0c-194.11 0-194.12 97.68-388.22 97.68Z'/%3E%3C/svg%3E");
}
.ondabottom-gold::after{
  background-image: url("data:image/svg+xml,%3Csvg fill='%23A7947D' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2329.28 109.68'%3E%3Cpath d='m1803.03 97.68C1608.93 97.68 1608.93 0 1414.82 0s-194.1 97.68-388.21 97.68C832.5 97.68 832.49 0 638.39 0s-194.09 97.68-388.21 97.68c-132.82 0-174.76-45.72-250.18-74.6v86.6h2329.28V23.08C2294.48 9.75 2252.55 0 2191.25 0c-194.11 0-194.12 97.68-388.22 97.68Z'/%3E%3C/svg%3E");
}
.ondatop-blu::before{
  background-image: url("data:image/svg+xml,%3Csvg fill='%23161B34' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2329.28 109.68'%3E%3Cpath d='m526.25 12c194.1 0 194.1 97.68 388.21 97.68S1108.56 12 1302.67 12s194.12 97.68 388.22 97.68 194.09-97.68 388.21-97.68c132.82 0 174.76 45.72 250.18 74.6V0H0v86.6c34.8 13.33 76.73 23.08 138.03 23.08 194.11 0 194.12-97.68 388.22-97.68Z'/%3E%3C/svg%3E");
}
.ondatop-chiaro::before{
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFDEE' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2329.28 109.68'%3E%3Cpath d='m526.25 12c194.1 0 194.1 97.68 388.21 97.68S1108.56 12 1302.67 12s194.12 97.68 388.22 97.68 194.09-97.68 388.21-97.68c132.82 0 174.76 45.72 250.18 74.6V0H0v86.6c34.8 13.33 76.73 23.08 138.03 23.08 194.11 0 194.12-97.68 388.22-97.68Z'/%3E%3C/svg%3E");
}
.ondatop-gold::before{
  background-image: url("data:image/svg+xml,%3Csvg fill='%23A7947D' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2329.28 109.68'%3E%3Cpath d='m526.25 12c194.1 0 194.1 97.68 388.21 97.68S1108.56 12 1302.67 12s194.12 97.68 388.22 97.68 194.09-97.68 388.21-97.68c132.82 0 174.76 45.72 250.18 74.6V0H0v86.6c34.8 13.33 76.73 23.08 138.03 23.08 194.11 0 194.12-97.68 388.22-97.68Z'/%3E%3C/svg%3E");
}
.reverse-top {
  margin-top: -180px!important;
}
.reverse-top {
  -webkit-mask-image: url(../media/elements/mask-reverse.svg);
  mask-image: url(../media/elements/mask-reverse.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-position: center top;
  mask-position: center top;
}


/**/
/*TRACCIABILITA'*/
/**/
#viewport.pg-traccia,
#viewport.pg-newsletter {
  overflow: auto!important;
}
#App {
    padding: 300px 0 0!important;
    margin: 0!important;
    width: 100%!IMPORTANT;
}
.traccia .astiDocg{
  background-color: var(--nero);
  opacity: 0.5;
}
.traccia .astiDocg.softLeft2 {
    left: -20%;
    top: 3vw;
}
.traccia .astiDocg.softRight2 {
    right: -20%;
    top: 3vw;
}
.traccia .btnAsti {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-right: calc( var(--distance) * 1.4);
    transition: var(--transition);
    min-width: 530px;
    height: 80px;
    /*overflow: hidden;*/
    margin-bottom: 30px;
    transform: scale(0.9);
}
.traccia .btnAsti::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    mask: url(../media/elements/arrowDown.svg) no-repeat 50% 50%;
    -webkit-mask: url(../media/elements/arrowDown.svg) no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: var(--bianco);
    width: 65px;
    height: 62px;
}
.traccia .btnAsti::after {
    content: "";
    position: absolute;
    right: 0px;
    mask: url(../media/elements/glass.svg) no-repeat 50% 50%;
    -webkit-mask: url(../media/elements/glass.svg) no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: var(--nero);
    width: 40px;
    height: 79px;
}
.traccia .btnAsti img {
    transform: rotate(90deg);
    width: auto;
    height: 210px;
    margin-left: 60px;
    margin-top: -75px;
    transition: var(--transition);
}
.traccia a.btnAsti:hover img {
    transform: rotate(90deg) translateY(-185px);
}
.traccia a.btnAsti:hover::after {
  background-color: var(--bianco);
}
.traccia .btnAsti span {
    position: absolute;
    left: -10px;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2.0rem;
    color: var(--bianco);
    transition: var(--transition);
    z-index: -1;
    opacity: 0;
}
.traccia .btnAsti span::after {
    content: "";
    position: absolute;
    left: 90px;
    top: 24px;
    mask: url(../media/elements/ondaStrana.svg) no-repeat 50% 50%;
    -webkit-mask: url(../media/elements/ondaStrana.svg) no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: var(--bianco);
    width: 192px;
    height: 8px;
    z-index: -1;
    transform: scaleX(0);
    transition: var(--transition);
    transform-origin: left;
}
.traccia .p-white p {
  color: var(--bianco);
}

.wrapper-form {
  overflow: hidden;
  position: relative;
}
.wrapper-form .formLeft::before {
  z-index: 2;
  top: 60px;
  width: 42.5%;
  left: 0;
  height: 75%;
  background-color: var(--colortesto2);
  position: absolute;
  content: '';
  border-right: 1px solid rgba(0,0,0,.2);
}
.wrapper-form .formLeft form {
  position: relative;
  z-index: 5;
}

.rowFormApp .formLeft h3 {
  color: var(--coloreTestoChiaro);
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 4rem;
  margin-bottom: 50px;
}
.rowFormApp .formLeft form {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.rowFormApp .formLeft form .row.mb-3 {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.rowFormApp .formLeft form .row.mb-3 label {
  width: 20%;
  font-weight: 600;
  text-transform: uppercase;
}
.rowFormApp .formLeft form .row.mb-3 div {
  width: 75%;
}
.rowFormApp .formLeft form .row.mb-3 select,
.rowFormApp .formLeft form .row.mb-3 input {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--coloreTestoChiaro);
    border-radius: 0;
    color: var(--coloreTestoChiaro);
}
.rowFormApp .formLeft form .row.mb-3 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--coloreTestoChiaro);
  opacity: 1; /* Firefox */
}
.rowFormApp .formLeft form .row.mb-3 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--coloreTestoChiaro);
}
.rowFormApp .formLeft form .row.mb-3 ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--coloreTestoChiaro);
}
.rowFormApp .formLeft form .row.mb-3 select option {
  color: var(--nero);
}
.rowFormApp .formLeft form .row.mb-3 select:focus,
.rowFormApp .formLeft form .row.mb-3 input:focus {
  box-shadow: none;
}

.rowFormApp .formLeft form button {
  background: var(--nero);
  border: 0;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 30px;
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  transition: all .5s;
}
.rowFormApp .formLeft form button:hover,
.rowFormApp .formLeft form button:focus {
  background-color: var(--coloreTestoChiaro);
  color: var(--nero);
}

.swiperTracciability {
    margin-left: 150px;
}
.swiperTracciability .img-circle-partner {
  width: 100%;
}
.swiperTracciability .img-circle-partner img{
  max-width: 100%;
  height: auto;
}
.swiperTracciability .pointerNum {
  width: 70px;
  height: 70px;
  line-height: 7rem;
  top: 50%;
  left: -25px!important;
  margin-top: -40px;
  text-align: center;
  font-family: var(--fontTitle);
  font-size: 5rem;
  color: var(--colorCerchio);
  transform: initial;
}

/*RISULTATO TRACCIA*/
#result-traccia .container-result-traccia{
  margin: 70px 0;
}
#result-traccia .accordion-item {
    border: 0;
    background: transparent;
    font-size: 1.6rem;
    font-style: normal!important;
}
#result-traccia .accordion-item .accordion-button {
    background: transparent;
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--nero);
    border-bottom: 1px solid;
}
#result-traccia .accordion-item .accordion-button[aria-expanded="true"] {
  background-color: rgba(167, 148, 125, 0.4);
}
#result-traccia .accordion-item .accordion-button:focus {
  box-shadow: none;
}
#result-traccia .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23161B34'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
  width: 20px;
  height: 20px;
  background-size: contain;
}

#result-traccia label {
  font-weight: 600;
}
#result-traccia label + input,
#result-traccia label + textarea{
  font-weight: 400;
  font-style: normal!important;
}
#result-traccia .btn-outline-primary {
  background-color: var(--nero);
    color: var(--coloreTestoChiaro);
    border-radius: 30px;
    font-size: 1.6rem;
    padding: 6px 15px;
    border: 0;
}
#result-traccia .card.card-body{
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-radius: 0;
    padding: 20px 0;
    font-style: normal;
}

.creditFoot {
  align-items: center;
}
footer .logo-europe {
  text-align: center;
}
footer .logo-europe .patrocinio {
  max-height: 40px;
  width: auto;
}