#page .fp-overflow {
	outline-width: 0;
}

#page .fp-is-overflow > .fp-overflow {
  overflow-y: hidden !important;
}

#comel-form button {
  text-transform: uppercase;
  color: var(--blu-avio-scuro);
  font-weight: 700;
}

.post-image-aligned-left > .featured-image, .post-image-aligned-right > .featured-image {
  margin-top: 2vw;
}

#wsf-1-field-12, #wsf-2-field-12 {
  color: var(--blu-avio-scuro);
  background: var(--global-color-16);
  border-color: var(--global-color-16);
  font-weight: 700;
  text-transform: uppercase;
}

#wsf-1-label-7-row-1, #wsf-1-label-11-row-1, #wsf-2-label-11-row-1 {
  font-size: 0.825rem;
  text-align: left;
}

/** ACCORDION FAQ **/

.accordion-faq {
  --accordion-border-color: var(--global-color-16);
  --accordion-text-color: #000;
  --accordion-icon-color: var(--global-color-16);
  --accordion-title-size: clamp(20px, 2vw, 42px);
  --accordion-icon-size: clamp(28px, 3.15vw, 44px);
  --accordion-icon-line-thickness: 1.5px;
  --accordion-icon-line-width: 62%;
  --accordion-side-gap: 5vw;
}

.accordion-faq .accordion-item {
  border-bottom: 2px solid var(--accordion-border-color);
  margin-right: var(--accordion-side-gap);
}

.accordion-faq .accordion-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  position: relative;
  color: var(--accordion-text-color);
  font: inherit;
}

.accordion-faq .accordion-trigger:focus-visible {
  outline: 2px solid var(--accordion-border-color);
  outline-offset: 4px;
}

.accordion-faq .accordion-title {
  display: block;
  flex: 1 1 auto;
  margin: 0;
  padding: 0 20px 0 0;
  font-family: "refrigerator-deluxe", sans-serif;
  font-size: var(--accordion-title-size);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}

.accordion-faq .accordion-icon {
  width: var(--accordion-icon-size);
  min-width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  position: relative;
  flex: 0 0 auto;
}

.accordion-faq .accordion-icon::before,
.accordion-faq .accordion-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--accordion-icon-line-width);
  height: var(--accordion-icon-line-thickness);
  background: var(--accordion-icon-color);
  border-radius: 999px;
  transform: translate(-50%, -50%);
  transition: transform 0.22s ease, opacity 0.22s ease;
}

.accordion-faq .accordion-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.accordion-faq .accordion-item.is-open .accordion-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.accordion-faq .accordion-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.32s ease;
}

.accordion-faq .accordion-item.is-open .accordion-panel {
  grid-template-rows: 1fr;
}

.accordion-faq .accordion-panel-inner {
  overflow: hidden;
  padding: 0 25px 0 0;
  border-top: 1px solid transparent;
  margin-top: 0;
  transition:
    padding 0.32s ease,
    margin-top 0.32s ease,
    border-color 0.32s ease;
}

.accordion-faq .accordion-item.is-open .accordion-panel-inner {
  border-top-color: var(--accordion-border-color);
  margin-top: 12px;
  padding: 18px 25px 12px 0;
}

.accordion-faq p.gb-headline.gb-headline-text {
  margin-bottom: 0.5em;
}

.accordion-macchina ul:first-child {
  margin-top: 1.5em;
}

.accordion-faq ul:first-child {
  margin-top: 0;
  margin-left: 0.75em;
}

/** FINE STILE ACCORDION **/

.home #fp-nav ul li a span, .home .fp-slidesNav ul li a span {	
	height: 8px;
  width: 8px;
	background: var(--verde-comel);
	border-radius: 0;
}

.home #fp-nav ul li a.active::after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background: transparent;
  top: 6px;
  left: 2px;
  z-index: 200;
  border-radius: 50%;
}

.home #fp-nav ul li a.active span, .home #fp-nav ul li:hover a.active span, .home .fp-slidesNav ul li a.active span, .home .fp-slidesNav ul li:hover a.active span {
	height: 18px;
  width: 18px;
  margin: -7px 0 0 -7px;
  border-radius: 0%;	
}

.home #fp-nav ul li:hover a span, .home .fp-slidesNav ul li:hover a span {
  width: 11px;
  height: 11px;
  margin: -2px 0 0 -3px;
}

.container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.page-id-1197 .header-wrap #site-navigation:not(.toggled) {
  background: rgba(0,3,7,0.87);
}

#mobile-header button.menu-toggle  {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: end;
}

#mobile-header .gp-icon {
	display: block;
}

.slideout-navigation.do-overlay {
  background: var(--verde);
}

.slideout-navigation.do-overlay.main-navigation .inside-navigation {
 	background: transparent;
 }

.main-navigation {
	position: relative;	
}

#site-navigation.main-navigation, #site-navigation.main-navigation ul ul {
  background-color: rgba(0,0,0,0.5);
	transition: all 300ms ease;
}

.single-post #site-navigation.main-navigation, #site-navigation.main-navigation ul ul {
	background-color: var(--blu-avio-scuro);
}

#site-navigation.main-navigation .inside-navigation .main-nav > a {
	line-height: 6vw;
}

#site-navigation.main-navigation .inside-navigation .main-nav ul ul li a {
  line-height: normal;
  padding: 10px 20px;
}

body.fp-viewing-sezione-1 #site-navigation.main-navigation, body.fp-viewing-sezione-3 #site-navigation.main-navigation, body.fp-viewing-sezione-4 #site-navigation.main-navigation, body.fp-viewing-sezione-5 #site-navigation.main-navigation, body.fp-viewing-sezione-6 #site-navigation.main-navigation, body.fp-viewing-sezione-7 #site-navigation.main-navigation, body.fp-viewing-sezione-8 #site-navigation.main-navigation, body.fp-viewing-sezione-10 #site-navigation.main-navigation, body.fp-viewing-sezione-12 #site-navigation.main-navigation {
	background-color: rgba(0, 0, 0, 0.2);
	transition: all 500ms cubic-bezier(0.1, -0.6, 0.2, 0);
}

body #site-navigation.main-navigation ul ul, body #sticky-navigation.main-navigation ul ul {
	width: 15vw;
	padding: 0.5vw 0.2vw;
  background: var(--blu-avio-scuro);
}

body #site-navigation.main-navigation ul ul {
	width: 15vw;
	padding: 0;
  background: var(--blu-avio-scuro);
}

#primary-menu ul ul.sub-menu li.menu-item {
  padding: 0.1vw 0.2vw 0.1vw 0; 
  margin-bottom: 0.3vw; 
  border-left: 10px solid transparent;
  transition: all 100ms ease-in-out;
}

#primary-menu ul ul.sub-menu li.menu-item:first-child {
  padding: 0.1vw 0.2vw 0.1vw 0;
  margin-top: 0.3vw;
}

#primary-menu ul ul.sub-menu li.menu-item:last-child {
  padding: 0.1vw 0.2vw 0.1vw 0;
}

#primary-menu ul ul.sub-menu li.menu-item:hover {
  background: rgba(211, 216, 0, 0.1);
  border-left: 10px solid var(--verde-comel);
  transition: all 200ms ease-in-out;
}

#generate-slideout-menu.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
  border-left: 1px solid rgba(255,255,255,0.5);
}

#generate-slideout-menu.slideout-navigation.do-overlay .slideout-menu li {
  text-align: left;
}

#generate-slideout-menu.slideout-navigation.do-overlay .slideout-menu .sub-menu li {
	margin-bottom: 0;
	padding-top: 1vw;
	padding-bottom: 1vw;
  border-top: 1.5px solid var(--verde);
  border-bottom: 1.5px solid var(--verde);
}

#generate-slideout-menu.slideout-navigation.do-overlay a {
	display: flex;
	align-items: center;
	height: 12vw;
}

#generate-slideout-menu.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
  border-left: 1px solid rgba(255,255,255,0.5);
  height: 6vw;
}

#generate-slideout-menu.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle .gp-icon {
  display: flex;
}

#generate-slideout-menu.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle .gp-icon svg {
  top: 0.01em;
}

#generate-slideout-menu.slideout-navigation.do-overlay .slideout-menu li:active:focus {
  background: var(--verde-comel);
}

#generate-slideout-menu.slideout-navigation.do-overlay .slideout-menu li:active:focus a {
  color: var(--blu-avio-scuro);
}

#fullpage {
	margin-top: -100px;
}

.color-bianco {
	color: #ffffff;
}

.color-giallo-arancio {
	color: var(--giallo-arancio);
}

.color-blu-scuro {
	color: var(--blu-avio-scuro);
}

.bg-light-gray {
	background: var(--grigio-chiaro);
}

.bg-verde-comel {
	background: var(--verde-comel);
}

#site-navigation.main-navigation, #sticky-navigation.main-navigation {
	padding-left: 6vw;
	padding-right: 6vw;
}

#sticky-navigation.main-navigation {
	/* background: rgba(0,3,7,0.4); */
	background: var(--verde-chiaro);
}

.ft-outline-title {
	color: transparent!important;
	-webkit-text-stroke-width: 2px;
}

.ft-outline-title.bianco {
	-webkit-text-stroke-color: white;
}

.ft-outline-title.blu-scuro {
	-webkit-text-stroke-color: var(--blu-avio-scuro);
}

.section.full-width {
  padding: 0 !important;
}

.animate__animated {
  animation-delay: calc(var(--index) * 0.5s);
}

.inside-navigation .navigation-branding img, .site-logo.mobile-header-logo img {
  padding: 0.8vw 0;
  height: 6vw;
  max-height: 100px;
}

.site-logo.mobile-header-logo img {
  max-height: 65px;
}

.section button {
	margin-top: 1vw;
	border-radius: 2vw;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.7vw 2.3vw;
  line-height: 1;
  font-size: 1.25vw;
}

#footer {
	padding-bottom: 0 !important;
}

#footer .section-col > a {
  color: var(--base-3);
  text-decoration: none;
}

#footer .section-col > a:hover {
	text-decoration: underline;
}

/*** HOME PAGE ***/

/* .section.section-one::before, .section.section-one::after, .section.section-two::before, .section.section-two::after {
  content: '';
  position: absolute;
  width: 3vw;
  height: 3vw;
  transform: rotate(45deg);
  background: #fff;
  z-index: 10;
}

.section.section-one::before, .section.section-two::before {
  top: -1.5vw;
  left: -1.5vw;
}
.section.section-one::after, .section.section-two::after {
	bottom: -1.5vw;
	right: -1.5vw;
} */

.homepage .section {
	padding-right: 6vw;
	padding-left: 6vw;
}

.homepage .section.section-one .fp-overflow {
	display: flex;
	align-items: end;
	height: 100%;
}

.homepage .section.section-one .fp-overflow h2 {
	margin-bottom: 0;
	z-index: 100;
}

.homepage .section.section-one .fp-overflow h2::before {
  content: '';
  background: #000;
  background: radial-gradient(circle,rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 100%);
  filter: blur(0.7vw) opacity(0.5);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: -1;
}

.section-one .title.mobile {
	display: none;
}

.section-one .title {
	text-align: left;
	margin-bottom: 	7vw;
}

.section-one .title h2 {
	color: white;
	z-index: 100;
	position: relative;
	font-size: 8vw;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 700;
	margin-bottom: -2rem;
}

.section-one .title h2:last-child {
	margin-bottom: 0;
}

.section-one .title h2.outline-title {
	font-weight: 800;
}

.homepage .section:not(.video) {
	padding-right: 6vw;
	padding-left: 6vw;
}

.homepage .section.video {
	position: relative;	
}

.homepage .section.video .fp-overflow {
	display: flex;
	justify-content: center;
	align-items: end;
	height: 100%;
}

.homepage .section.banner {
	position: relative;
	/*background: url('/wp-content/uploads/2025/05/Screenshot-2025-05-05-alle-18.10.50.jpg');*/
	/*background: url('/wp-content/uploads/2025/04/Banner-img-bn.png');*/
	background: url('/wp-content/uploads/2025/05/Banner-img-1.jpg');
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}
.homepage .section.banner::after {
	content: '';
	background: rgba(5, 200, 250, 0.43);
	mix-blend-mode: color-burn;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;  
}

.section-two .title {
	text-align: center;
	margin-bottom: 5vw;
	margin-left: 28vw;
}

.section-two .title h2 {
	color: white;
	z-index: 100;
	position: relative;
	font-size: 8vw;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 700;
	margin-bottom: -2rem;
}

.section-two .title h2:last-child {
	margin-bottom: 0;
}

.section-two .title h2.outline-title {
	font-weight: 800;
}

.section-two .title h2:nth-child(1) {
  margin-left: 30vw;

  animation-duration: 2500ms;
}

.section-two .title h2:nth-child(2) {
  margin-right: -1vw;

  animation-duration: 2500ms;
}

.section-two .title h2:nth-child(3) {
	margin-left: 19vw;

  animation-duration: 2500ms;
}

#background_video, #background_video_solidedge {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 0;
}
#background_video::after, #background_video_solidedge::after {
	content: '';
	background: rgb(0, 0, 0);
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.overlay {
	background: rgba(0,0,0,0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.section-two .title {
	text-align: center;
	margin-bottom: 5vw;
	margin-left: 28vw;
}

.section-two .title h2 {
	color: white;
	z-index: 100;
	position: relative;
	font-size: 8vw;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 700;
	margin-bottom: -2rem;
}

.section-two .title h2:last-child {
	margin-bottom: 0;
}

.section-two .title h2.outline-title {
	font-weight: 800;
}

.section.section-three {
	background: url('/wp-content/uploads/2025/05/Comel-background-verde-con-texture.jpg');
	background-size: cover;
	background-position: left top;
}

.section.section-three > div {
	max-width: 100%;
	overflow-x: hidden;
}


.section.section-three .title {
	margin:  0 auto;
	/* max-width: 45vw; */

	animation-duration: 2500ms;
}

.section.section-three .title h2 {
	font-weight: 800;
	color: #ffffff;
	font-size: 4vw;
	/* text-align: center; */
	text-transform: normal;
	max-width: 51vw;
	margin: 4vw auto 1vw;
	line-height: 1;
}

.section.section-three .title h5, .section.section-three .title p {
	max-width: 51vw;
	margin: 0 auto 2vw;  
	font-size: 1.7vw;
  line-height: 1.2;
}

.section.section-three .section-btn {
  background: var(--blu-avio-scuro);
}

.section.section-three .text-loop {
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	animation: infinite-text-loop;
	animation-duration: 25000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	/* animation-direction: reverse; */
	margin-top: 6vw;
}

.section.section-three .text-loop h2 {
	display: inline-block;
	color: #ffffff;
	font-size: 8vw;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1em;
}

.section-three .cta-button {
  margin: 10px;
  /*width: 13vw;*/
}

/*

.section-three .cta-button ul {
  width: 13vw;
}

.section-three .cta-button ul .div-svg {
  width: 13vw;
  height: 2.5vw;
}

.section-three .cta-button ul .div-svg svg {
  width: 13vw;
  height: 2.5vw;
}

.section-three .cta-button a ul li.div-svg span {
  width: 13vw;
}

*/

/*

.section-three .cta-button ul .div-svg:hover svg line.top {
  -webkit-transform: translateX(-423px);
  transform: translateX(-423px);
}

.section-three .cta-button ul .div-svg svg line.top, .section-three .cta-button ul .div-svg svg line.bottom {
  stroke-dasharray: 210.4;
}

.section-three .cta-button ul .div-svg:hover svg line.bottom {
  -webkit-transform: translateX(423px);
  transform: translateX(423px);
}

.section-three .cta-button ul .div-svg:hover svg line.bottom-right {
  -webkit-transform: translate(47px, -45px);
  transform: translate(47px, -45px);
}

.section-three .cta-button ul .div-svg:hover svg line.top-left {
  -webkit-transform: translate(-47px, 45px);
  transform: translate(-47px, 45px);
}

.section-three .cta-button ul .div-svg:hover svg line.right {
  -webkit-transform: translateY(-102px);
  transform: translateY(-102px);
}

*/

.section.section-three .title-img {
  /* display: flex;
  justify-content: center;  
  margin: 0 -22vw 0 0; */
}

.section.section-three .title-img div {
	display: flex;
	align-items: center;  
	/* transform: translateX(5vw); */
}

.section.section-three .title-img div a:first-child {
	transform: scale(1);
	transition: transform 250ms ease-in-out;
}

.section.section-three .title-img div a:last-child {
	transform: scale(1) translateX(0.5vw);
	transition: transform 250ms ease-in-out;
}

.section.section-three .title-img a:first-child img {
  width: 5vw;
  transform: translateX(2vw)
	transition: transform 1250ms ease-in-out;
}

.section.section-three .title-img a:last-child img {
  width: 12.5vw;
  transform: translateX(2.5vw)
	transition: transform 2500ms ease-in-out;
}

.section.section-three .title-img div:hover a:first-child {
	transform: scale(1.25);
	transition: transform 250ms ease-in-out;
}

.section.section-three .title-img div:hover a:last-child {
	transform: scale(0.95) translateX(0.8vw);
	transition: transform 250ms ease-in-out;
}

.section.section-four {
	background: rgb(24, 24, 24);
	color: #ffffff;
	padding: 0 !important;
}

.section.section-four .section-four-container .section-col h2 {
	font-size: 4vw;
}

.section.section-four .fp-overflow {
	height: 100%;
}

.section.section-four .section-four-container {
	display: flex;
	height: 100%;
}

.section.section-four .section-four-container .section-col {
	flex-basis: 50vw;
}

.section.section-four .section-four-container .section-col h2 {
	line-height: 1;
}

.section.section-four .section-four-container .section-col:first-child {
	padding: 6vw 6vw 6vw 12vw;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.section.section-four .section-four-container .section-col:first-child p {
  margin-bottom: 0.8vw;
}

.section.section-four .section-four-container .section-col:last-child {
	background: url('/wp-content/uploads/2025/04/Immagine-braccio-robot-giallo.jpg');
	background-size: cover;
	background-position: center center;
}

.section.section-four .section-four-container .cta-button {
	margin-top: 1.5vw;
}

.section.section-four .section-four-container .cta-button, .section.section-four .section-four-container .cta-button ul {
	margin-left: 0;
	margin-right: 0;
}

.section.section-four .section-four-container .cta-button a ul li.div-svg span {
  color: #fff;
}

.section.section-four .section-four-container .cta-button ul .div-svg svg line {
  stroke: #fff;
}

.section.section-four .section-four-container .cta-button ul .div-svg svg path {
  fill: none;
}

.homepage .section.section-five {
	padding: 1.5px !important;
}

/*.section.section-five .section-five-container .section-col:first-child {
	width: 50vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3vw;
	text-align: center;
}*/

/*.section.section-five .section-col:nth-child(2) {
	line-height: 0;
}*/

.section.section-five .fp-overflow, .section.section-five .fp-overflow > .section-five-container {
	height: 100%;
}

.section.section-five .section-col {
	line-height: 0;
	height: 100%;
}

/*.section.section-five .section-five-container .section-col:last-child {
	width: 50vw;
	margin-top: 3vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2vw;
	text-align: center;
}*/

.swiper-slide-text {  
	display: flex;
	align-items: self-start;
	/* opacity: 0; */
	opacity: 1;
  transform: translateY(100%);
  transition: transform 200ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  color: var(--blu-avio-scuro);
  background: rgba(211,216,0,0.92);
  line-height: 1;
  position: absolute;
  /* bottom: -100%; */
  bottom: 6.5vw;
  width: 100%;
  height: 24vw;
}

.swiper-slide-text div {
	padding: 1vw;
}

.swiper-slide-text div h6 {
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase; 
	font-size: 2vw;
  font-weight: 900;
}

.swiper-slide-text div p {
  opacity: 0;  
  margin-bottom: 0.3vw;
}

/* .section.section-six::before {
	content: '';
  width: 100%;
  height: 100%;
  z-index: 0; */
  /* background-image: url('/wp-content/uploads/2025/05/Foto-3D-solid-edge-1.png');*/
  /* background-size: 55%;
  background-position: 30vw center;
  background-repeat: no-repeat;
  opacity: 0.45;
  position: absolute;
} */

.section.section-six {
	background: #000000;	
	color: #ffffff;  
}

.section.section-six .section-six-container {
	display: flex;
	column-gap: 3vw;
}

.section.section-six .section-six-container .overlay {
	background: rgba(0,0,0,0.7);
}

.section.section-six .section-six-container > .section-col:nth-child(3) {
	width: 69%;
}

.section.section-six .section-six-container > .section-col:nth-child(4) {
	display: flex;
	justify-content: center;
	width: 40%;
}

.section.section-six .section-six-container > .section-col:nth-child(3) > .section-col-container {
	display: flex;
	column-gap: 3vw;
}

.section.section-six .section-six-container > .section-col:nth-child(3) > .section-col-container:nth-child(1) > .section-col:nth-child(1) {
	width: 25.5vw;
}

.section.section-six h2 {
	text-align: left;
	margin-bottom: 0.8vw;
	line-height: 1;
	font-size: 4vw;
}

.section.section-six h5 {
	text-align: right;
	text-transform: uppercase;
}

.section.section-six p {
	margin-bottom: 0.8vw;
}

.section.section-seven {
	background: #000000;
	color: #ffffff;
	padding: 0 !important;
}

.section.section-seven .fp-overflow {
	height: 100%;
}

.section.section-seven .section-seven-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	column-gap: 3vw;
	align-items: center;
}

.section.section-seven .section-seven-container > .section-col:first-child {
	position: relative;
	width: 100%;
	height: 40%;
	display: flex;
	align-items: flex-end;
}

.section.section-seven .section-seven-container > .section-col:first-child::before {
  background: url('/wp-content/uploads/2025/05/Punti-di-forza-Comel-Foto-di-gruppo.jpg');
    background-repeat: repeat;
    background-size: auto;
  content: '';
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: absolute;
}

.section.section-seven .section-seven-container > .section-col:first-child::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.15;
}

.section.section-seven .section-seven-container > .section-col:last-child {
	display: flex;
	width: 100%;
	justify-content: center; 
	align-items: stretch;
	height: 60%;
  overflow: hidden;
  position: relative;  
  background: url('/wp-content/uploads/2025/05/Punti-di-forza-Comel.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.section.section-seven .section-seven-container > .section-col:first-child > .section-col-container {
	display: flex;
	column-gap: 3vw;
}

.section.section-seven h2 {
	text-align: center; 
	width: 40%;
  margin: auto;
  z-index: 10;
  text-shadow: 5px 5px 0 rgba(0,0,0,0.66);
}

.section.section-seven .section-seven-container > .section-col:last-child img {
  width: 100vw;
  height: max-content;
  /* overflow: hidden;
  position: absolute;
  top: -27vw;
  left: 8vw; */
}

.section.section-eight {
	padding: 0 !important;
	background: #ffffff;
	color: var(--blu-avio-scuro);
}

.section.section-eight .fp-overflow {
	height: 100%;
}

.section.section-eight .section-eight-container {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.section.section-eight .section-eight-container > .section-col {
	flex-basis: 33.33334%;
	/* padding: 2.5vw 3.5vw 2vw; */
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	/* align-items: flex-end; */
	position: relative;
}

.section.section-eight .section-eight-container > .section-col .card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.section.section-eight .section-eight-container > .section-col .card button.section-eight-freccia {
	color: unset;
	background: unset;
	border-radius: 0;
	padding: 0;
}

.section.section-eight .section-eight-container > .section-col .card.flipped {
  transform: rotateY(180deg);
}

.section.section-eight .section-eight-container > .section-col .card .card-face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: row;
  top: 0;
  left: 0;
  padding: 4vw 3.5vw 2vw;
  align-items: flex-start;
  flex-wrap: wrap;
}

.section.section-eight .section-eight-container > .section-col .card .card-face > div {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.section.section-eight .section-eight-container > .section-col .card .card-face > div > div {
  width: 100%;
}

.section.section-eight .section-eight-container > .section-col .card .card-face > div > img {
	align-self: flex-end;
}

.section.section-eight .section-eight-container > .section-col .card .card-front {
  /* background: linear-gradient(45deg, #6464e6, #3498db);
  color: white; */
}

.section.section-eight .section-eight-container > .section-col .card .card-back {
  /* background: rgb(1, 84, 63); */
  /*color: white; */
  transform: rotateY(180deg);
  display: flex;
  /* justify-content: center;
  align-items: center;
  text-align: center; */
}

.section.section-eight .section-eight-container > .section-col .card .card-back button.section-eight-freccia svg {
	transform: rotate(180deg);
}

.section.section-eight .section-eight-container > .section-col h3, .section.section-eight .section-eight-container > .section-col h5 {
	/*font-family: 'Barlow Condensed', sans-serif;*/
	font-family: 'Barlow', sans-serif;
}

.section.section-eight .section-eight-container > .section-col h3 {
	font-size: 5vw;
	font-weight: 700;
	flex-basis: 100%;
	margin-bottom: 1vw;
}

.section.section-eight .section-eight-container > .section-col h5 {
	font-size: 2.125vw;
	font-weight: 300;
	margin-bottom: 0;
	flex-basis: 100%;
	margin-bottom: 1.25vw;
}

.section.section-eight .section-eight-container h2 {
	font-size: 3.25vw;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 0;
}

.section.section-eight .section-eight-container img {
	width: 6vw;
}

/** -- **/

.section-eight-container .section-col:nth-child(1) .card .card-front {
  background: #ffff;
}

.section-eight-container .section-col:nth-child(1) .card .card-back {
  background: rgb(227, 227, 227);
  color: var(--blu-avio-scuro);
 }

/** -- **/

.section-eight-container .section-col:nth-child(2) .card .card-front {
  background: #00674e;
  color: #fff;
}

.section-eight-container .section-col:nth-child(2) .card .card-back {
  background: rgb(0, 43, 32);
  color: #fff;
 }

 /** -- **/

.section-eight-container .section-col:nth-child(3) .card .card-front {
  background: #ecbc17;
  color: #fff;
}

.section-eight-container .section-col:nth-child(3) .card .card-back  {
  background: rgb(159, 123, 0);
  color: #fff;
 }

 /** -- **/

.section-eight-container .section-col:nth-child(4) .card .card-front {
  background: #000000;
  color: #fff;
}

.section-eight-container .section-col:nth-child(4) .card .card-back  {
  background: rgb(5, 28, 52);
  color: #fff;
 }

 /** -- **/

.section-eight-container .section-col:nth-child(5) .card .card-front {
  background: rgb(53,165,150);
  color: #fff;
}

.section-eight-container .section-col:nth-child(5) .card .card-back  {
  background: rgb(7, 119, 104);
  color: #fff;
 }

 /** -- **/

.section-eight-container .section-col:nth-child(6) .card .card-front {
  background: rgb(102,102,102);
  color: #fff;
}

.section-eight-container .section-col:nth-child(6) .card .card-back  {
  background: rgb(57, 57, 57);
  color: #fff;
 }

 /** -- **/

.section-eight-freccia {
  /* background-image: url('/wp-content/uploads/2025/05/Mosaico-Freccia-dx.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center; */
  height: 115px;
  width: 115px;
  position: absolute;
  bottom: 1vw;
  right: 2vw;
}

.section-eight-freccia svg {
	scale: 1.75;
}

/*.section-eight-freccia svg path {
	fill: #ffffff;
}*/

/* .section-eight-freccia.blu svg path {
	fill: var(--blu-avio-scuro);
}*/

/** 

.section-eight-container .section-col:nth-child(2) .section-eight-freccia svg circle {
  fill: #00674e;
}

.section-eight-container .section-col:nth-child(2) .card .card-back .section-eight-freccia svg circle {
  fill: rgb(0, 43, 32);	
}


.section-eight-container .section-col:nth-child(3) .section-eight-freccia svg circle {
  fill: #ecbc17;
}


.section-eight-container .section-col:nth-child(4) .section-eight-freccia svg circle {
  fill: #000000;
}


.section-eight-container .section-col:nth-child(5) .section-eight-freccia svg circle {
  fill: rgb(53,165,150);
}


.section-eight-container .section-col:nth-child(6) .section-eight-freccia svg circle {
  fill: rgb(102,102,102);
}

**/

.section-eight-freccia svg circle {
	transition: fill 200ms ease-in-out;
}

.section-eight-freccia.blu svg circle {
	fill: #ffffff;
	transition: fill 200ms ease-in-out;
}

.section-eight-freccia svg:hover {
	/*transform: translateX(0.2vw) scale(1.035);	
	transition: transform 200ms ease-in-out;*/
}

/**

.section-eight-container .section-col:nth-child(2) .section-eight-freccia svg:hover circle {
  fill: #ffffff;
}

.section-eight-container .section-col:nth-child(2) .card .card-back .section-eight-freccia svg:hover circle {
  fill: #ffffff;
}

.section-eight-container .section-col:nth-child(3) .section-eight-freccia svg:hover circle {
  fill: #ffffff;
}


.section-eight-container .section-col:nth-child(4) .section-eight-freccia svg:hover circle {
  fill: #ffffff;
}


.section-eight-container .section-col:nth-child(5) .section-eight-freccia svg:hover circle {
  fill: #ffffff;
}


.section-eight-container .section-col:nth-child(6) .section-eight-freccia svg:hover circle {
  fill: #ffffff;
}



.section-eight-freccia svg:hover circle {
	transition: fill 200ms ease-in-out;
}

.section-eight-freccia.blu svg:hover circle {
	fill: var(--blu-avio-scuro);
	transition: fill 200ms ease-in-out;
}



.section-eight-container .section-col:nth-child(2) .section-eight-freccia svg:hover path:last-of-type {
  fill: #00674e;
}

.section-eight-container .section-col:nth-child(2) .card .card-back .section-eight-freccia svg:hover path:last-of-type {
  fill: rgb(0, 43, 32);
}

.section-eight-container .section-col:nth-child(3) .section-eight-freccia svg:hover path:last-of-type {
  fill: #ecbc17;
}

.section-eight-container .section-col:nth-child(4) .section-eight-freccia svg:hover path:last-of-type {
  fill: #000000;
}

.section-eight-container .section-col:nth-child(5) .section-eight-freccia svg:hover path:last-of-type {
  fill: rgb(53,165,150);
}

.section-eight-container .section-col:nth-child(6) .section-eight-freccia svg:hover path:last-of-type {
  fill: rgb(102,102,102);
}

**/

.section-eight-freccia svg:hover path:last-of-type {
	transition: fill 200ms ease-in-out;
}

/* .section-eight-freccia.blu svg:hover path:last-of-type {
	fill: #ffffff;
	transition: fill 200ms ease-in-out;
} */

.section-eight-freccia::after {
  /* content: '';
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  mix-blend-mode: lighten; */
}

.section-eight-freccia.blu::after {
  /* content: '';
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--blu-avio-scuro);
  mix-blend-mode: lighten; */
}

/* .section.section-six {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#set-height {
  display: block;
  height: 7000px;
}

#v0 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
} */

.section.section-nine .section-nine-container {
	background: #fff;
	color: var(--blu-avio-scuro);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.section.section-nine .section-nine-container .section-col {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.section.section-nine .section-nine-container h5 {
	text-align: center;
	font-weight: 700;
	margin-bottom: 4vw;
}

.section.section-nine .section-nine-container img {
	/* width: 40vw; */
	width: 70vw;
	margin-right: -4vw;
}

.section.section-nine .section-nine-container .section-col:last-child {
  width: 100%;
}

.section.section-nine .section-nine-container .section-col:last-child div {
  width: 35%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.section.section-nine .section-nine-container p {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
	margin-top: 4vw;
	margin-bottom: 0.8vw;
}

.section.section-nine .section-nine-container .cta-button {
	margin-top: 1.2vw;
}

.section.section-nine .section-nine-container .cta-button a ul li.div-svg span {
  color: var(--blu-avio-scuro);
}

.section.section-nine .section-nine-container .cta-button ul .div-svg svg line {
  stroke: var(--blu-avio-scuro);
}

.section.section-nine .section-nine-container .cta-button ul .div-svg svg path {
  fill: none;
}

.section.section-ten {
	background: url('/wp-content/uploads/2025/10/Comel-background-sede-blu-rev1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
	color: #ffffff;
}

.section.section-ten .section-ten-container {
	padding-left: 6vw;
}

.section.section-ten .section-ten-container .section-col:first-child {
 width: 45%;
}

.section.section-ten .section-ten-container h2 {
	line-height: 1;
	font-size: 4vw;
}

.section.section-ten .section-ten-container ul {
	margin-top: 2vw;
	margin-left: 3.5vw;
	margin-bottom: 0.5vw;
}

.section.section-ten .section-ten-container .section-col div > ul li {
	list-style-image: url('/wp-content/uploads/2025/05/Check.svg');
	font-size: 1.7vw;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0.25vw;
	text-transform: uppercase;
}

.section.section-ten .section-ten-container ul li::marker {
  font-size: 3vw;
  line-height: .25;
}

.section.section-ten .section-ten-container .section-btn-container {
  display: flex;
  padding-top: 2vw;
  column-gap: 5vw;
}

.section.section-ten .section-ten-container .section-btn-container .cta-button, .section.section-ten .section-ten-container .section-btn-container .cta-button ul {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.section.section-ten .section-ten-container .section-btn-container .cta-button:first-child a ul li.div-svg span {
  color: var(--blu-avio-scuro);
}

.section.section-ten .section-ten-container .section-btn-container .cta-button:first-child ul .div-svg svg line {
  stroke: #fff;
}



.section.section-ten .section-ten-container .section-btn-container .cta-button:first-child ul .div-svg svg path {
  fill: #fff;
}

/*

.section.section-ten .section-ten-container .section-btn-container .cta-button:first-child ul .div-svg:hover svg line {
  stroke: var(--blu-avio-scuro);
}

.section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul li.div-svg span {
  color: #fff;
}

.section.section-ten .section-ten-container .section-btn-container .cta-button:last-child ul .div-svg svg line {
  stroke: #fff;
}

.section.section-ten .section-ten-container .section-btn-container .cta-button:last-child ul .div-svg svg path {
  fill: none;
}

.section.section-ten .section-ten-container .section-btn-container .cta-button:last-child, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul .div-svg, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul .div-svg svg, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul .div-svg span {
  width: 12vw;
}

.section-ten .cta-button:last-child ul .div-svg svg line.top, .section-ten .cta-button:last-child ul .div-svg svg line.bottom {
  stroke-dasharray: 257.4;
}

.section-ten .cta-button:last-child ul .div-svg svg line.top-left, .section-ten .cta-button:last-child ul .div-svg svg line.bottom-right {
  stroke-dasharray: 34;
}

.section-ten .cta-button:last-child ul .div-svg:hover svg line.top {
  -webkit-transform: translateX(-518px);
  transform: translateX(-518px);
}

.section-ten .cta-button:last-child ul .div-svg:hover svg line.bottom {
  -webkit-transform: translateX(518px);
  transform: translateX(518px);
}

.section-ten .cta-button:last-child ul .div-svg:hover svg line.top-left {
  -webkit-transform: translate(-48px, 47px);
  transform: translate(-48px, 47px);
}

.section-ten .cta-button:last-child ul .div-svg:hover svg line.bottom-right {
  -webkit-transform: translate(45px, -45px);
  transform: translate(48px, -45px);
}

*/

.section.section-11 {
	background: #ffff;
	color: var(--blu-avio-scuro);
	overflow: hidden;
}

.section.section-11 .section-11-container > .section-col {
	text-align: center;
}

.section.section-11 .section-11-container .section-col-container {
  display: flex;
  column-gap: 1vw;
}

.section.section-11 .section-11-container .section-col-container .section-col {
	text-align: left;
}

.section.section-11 .section-11-container .section-col h6 {
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 0.8vw;
	line-height: 1;
}

.section.section-11 .section-11-container .section-col h6 > a {
  color: var(--verde);
  text-decoration: none;
  transform: all 100ms ease-in-out;
}

.section.section-11 .section-11-container .section-col h6 > a:hover {
  color: var(--verde-chiaro);
  text-decoration: underline;
  transform: all 150ms ease-in-out;
}

.section.section-11 .section-11-container .section-col p {
	margin-bottom: 0;
	line-height: 1.2;
}

.section.section-11 .section-11-container .section-col:first-child h2 {
	text-transform: uppercase;
	margin-bottom: 2vw;
	font-size: 4vw;
}

.section.section-11 .section-11-container .section-col-container .section-col:first-child {
	display: flex;
	width: 33%;
	column-gap: 2vw;
}

.section.section-11 .section-11-container .section-col-container .section-col:first-child > a {
	width: 61vw;
	max-width: 100vw;
	height: max-content;
	font-size: 0;
  transition: all 100ms ease-in-out;
}

.section.section-11 .section-11-container .section-col-container .section-col:first-child > a:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.34);
  transition: all 150ms ease-in-out;
}

.section.section-11 .section-11-container .section-col-container .section-col:first-child div:first-child {
	align-self: flex-end;
}

.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) {
	display: flex;
	flex-wrap: wrap;
	row-gap: 2vw;
	width: 29%;
}

.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) div:first-child {
	order: 2;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) > a {
	width: 80%;
	max-width: 100vw;
	height: auto;
	margin: 0 auto;
	font-size: 0;
  transition: all 100ms ease-in-out;
}

.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) > a:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.34);
  transition: all 150ms ease-in-out;
}

.section.section-11 .section-11-container .section-col-container .section-col:last-child {
	display: flex;
	width: 33%;
	column-gap: 2vw;
}

.section.section-11 .section-11-container .section-col-container .section-col:last-child > a {
  width: 61vw;
  max-width: 100vw;
  height: max-content;
  font-size: 0;
  transition: all 100ms ease-in-out;
}

.section.section-11 .section-11-container .section-col-container .section-col:last-child > a:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.34);
  transition: all 150ms ease-in-out;
}

.section.section-11 .section-11-container .section-col-container .section-col:last-child div:first-child {
	align-self: flex-start;
	order: 2;
}

.section.section-11 .section-11-container > .section-col:last-child {
	margin-top: 2vw;
}

/* .section.section-11 .section-11-container button {
	background-color: transparent;
	border: 2px solid var(--giallo-arancio);
	color: var(--giallo-arancio);
	transition: background 350ms ease-in-out;
}

.section.section-11 .section-11-container button:hover {
	background-color: var(--giallo-arancio);
	border: 2px solid var(--giallo-arancio);
	color: #ffffff;
	transition: background 200ms ease-in-out;
} */

.section.section-11 .section-11-container .cta-button {
  margin-top: 4vw;
}

.section.section-11 .section-11-container .cta-button a ul li.div-svg span {
  color: var(--blu-avio-scuro);
}

.section.section-11 .section-11-container .cta-button ul .div-svg svg line {
  stroke: var(--blu-avio-scuro);
}

.section.section-11 .section-11-container .cta-button ul .div-svg svg path {
  fill: none;
}

.section.section-12 {
	background: url('/wp-content/uploads/2025/05/Comel-section-green.jpg');
	background-size: cover;
	color: #fff;
	text-align: center;
	background-position: center center;
}

.section.section-12 .section-12-container .section-col img {
	margin-bottom: 0.8vw;
	width: 27vw;
}

.section.section-12 .section-12-container .section-col h3 {
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 0.8vw;
}

.section.section-12 .section-12-container .cta-button {
	margin-top: 2vw;
}

/*.section.section-12 .section-12-container button {
	background-color: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
	transition: background 350ms ease-in-out;
}

.section.section-12 .section-12-container button:hover {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	color: #000000;
	transition: background 200ms ease-in-out;
}*/

/* .homepage .section.section-14 {
    scroll-snap-stop: always;
    scroll-snap-align: none;
} */

.homepage .section.section-14 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 4.5vw !important;
	padding-bottom: 0 !important;
}

.homepage .section.section-14 .fp-overflow, .section.section-14 .section-14-container {
	height: 100%;
}

#page .section.section-14.fp-is-overflow > .fp-overflow {
	overflow-y: scroll !important;
	scrollbar-width: none;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) {
  display: flex;
  justify-content: center;
  column-gap: 1.25vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) {
	display: block;
	margin-top: 6vw;
}

.section.section-14 .section-14-container > .section-col {
  width: 42vw;
  margin: auto;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) {
	background: var(--verde);
	color: #ffffff;
	width: 100vw;
	position: relative;
  bottom: 0;
  overflow: clip;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1)::before {
	content: '';
  background: #fff;
  position: absolute;
  width: 5vw;
  height: 2vw;
  display: block;
  top: 0;
  left: -3vw;
  transform: rotate(-45deg);
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1)::after {
	content: '';
  background: #000000;
  position: absolute;
  width: 5vw;
  height: 2vw;
  display: block;
  bottom: 0;
  right: -3vw;
  transform: rotate(-45deg);
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) > div {
	display: block;
	text-align: center;  
	padding: 1.5vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) #comel-newsletter-cta {
  text-align: left;
  padding-left: 12vw;
  padding-right: 12vw;
  width: 50vw;
  margin-left: auto;
  margin-right: auto;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) h4 {
	text-transform: uppercase;
	margin-bottom: 0.8vw;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2), .section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(3) {
	background: #000000;
	color: #ffffff;
	width: 100vw;  
	display: flex;
  justify-content: center;
  column-gap: 7.5vw;
  padding: 3vw 0;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(3) {
  padding-bottom: 0.8vw;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) h6 {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) p {
  font-size: 1vw;
  margin-bottom: 0.4vw;
  line-height: 1;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div {
  display: flex;
  width: 45vw;
  column-gap: 10vw;
  align-items: flex-end;
  justify-content: center;
  border-top: 1px solid rgba(255,255,255,0.3);
  padding-top: 0.6vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div {
  display: flex;
  align-items: flex-end;
  column-gap: 10vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div p {
	font-size: 0.625vw;
	line-height: 1;
	margin-bottom: 0;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div p svg {
	width: 1vw;
	height: 1vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div p svg path {
	scale: 0.725;
	transform: translate(2vw, 4vw);
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div p path {
  scale: 0.125;
}

.section.section-14 .section-14-container > .section-col h3 {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 3vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col img {
  position: relative;
  width: 50%;
  margin: auto;
  padding-bottom: 2vw;
  transform: scale(1.0);
  transition: transform 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col h4 {
	width: 100%;
	font-size: 2vw;
	margin-bottom: 0;
	transform: scale(1.0);
  transition: transform 200ms ease-in-out;
	/*! text-decoration: underline; */
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) a {
	text-decoration: none;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) a .section-col {
  background: #000;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 14.5vw;
  height: 14.5vw;
  padding: 1vw;
  transform: scale(1.0);
  transition: transform 200ms ease-in-out, background 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) a:first-child .section-col {
  background: var(--blu-avio-scuro);
  transform: scale(1.0);
  transition: transform 200ms ease-in-out, background 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col::before, .section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col::after {
	content: '';
  background-color: #fff;
  width: 4vw;
  height: 1.5vw;
  transform: rotate(-45deg);
  position: absolute;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col::before {
	border-top-left-radius: 25vw;
  top: -0.5vw;
  left: -1.5vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col::after {
  bottom: -0.5vw;
  right: -1.5vw;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col:hover {
  transform: scaleX(1.035);
  background: #2c2c36;
  transition: transform 200ms ease-in-out, background 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col:first-child:hover {
  transform: scaleX(1.035);
  background: #126182;
  transition: transform 200ms ease-in-out, background 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col:hover img {
  transform: scaleY(1.05);
  transition: transform 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col:hover h4 {
  transform: scaleY(1.05);
  transition: transform 200ms ease-in-out;
}

.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) .cta-button {
  margin-top: 1.5vw;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons {
  display: flex;
  align-items: center;
  column-gap: 0.5vw;
  margin-top: 2vw;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons h6 {
  font-size: 1vw;
  margin-bottom: 0;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons a {
	display: flex;
}

.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons img {
	width: 1.5vw;
}

/** INIZIO STILE VIDEO PAGINA PRODUZIONE **/

.wp-block-video.video-pagina-produzione {
  clip-path: polygon(26% 0%, 80% 0%, 80% 0%, 80% 89%, 74% 100%, 20% 100%, 20% 85%, 20% 13%);
  transform: scale(1.6667);
}

.smart-viewport-video video {
  display: block;
  width: 100%;
  height: auto;
}

.smart-viewport-video.is-playing {
  will-change: transform, opacity;
}

.smart-viewport-video.is-paused {
  will-change: auto;
}

.smart-viewport-video video {
  background: transparent;
  object-fit: cover;
}

/** FINE STILE VIDEO PAGINA PRODUZIONE **/


@keyframes infinite-text-loop {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
} 

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

	.swiper-slide:hover .swiper-slide-text {
		/* transform: translateY(-166%); */
		transform: translateY(15vw);
		/* opacity: 1; */
		/* bottom: -100%; */
		bottom: 6.5vw;
		height: 24vw;
	}

	.swiper-slide:hover .swiper-slide-text div p {
		opacity: 1;
		transition: opacity 350ms ease-in-out;
	}
}

/** Screen Max 1536px width **/
@media only screen and (max-width: 1536px) {
	.section-two .title h2 {
	  margin-bottom: -1rem;
	}
}
/** Screen Max 768px width **/
@media only screen and ( max-width: 768px ) {
  body:not(.post-image-aligned-center) .featured-image, body:not(.post-image-aligned-center) .inside-article .featured-image, body:not(.post-image-aligned-center) .inside-article .post-image {
    padding: 0;
    margin-top: 0;
  }
	.single-post #page.grid-container {
		padding-left: 8vw !important;
		padding-right: 8vw !important;
	}
  .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
	  line-height: 60px !important;
	}

	.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	  text-align: right;
	  /* font-size: 6vw !important; */
	}

	#fullpage {
		margin-top: -60px;
	}

	.main-navigation .inside-navigation {
	  background: rgba(0,0,0,0.2);
	  padding-left: 8vw;
	  padding-right: 8vw;
	}

	.main-navigation.is_stuck .inside-navigation {
	  background: var(--verde-chiaro);
	}


  .header-wrap #mobile-header {
    display: block !important;
    width: 100vw !important;
  }

	.section.section-eight .section-eight-container > .section-col .card .card-face {
	  padding: 2.5vw 5vw 2vw;
	}

	.section.section-eight .section-eight-container > .section-col {
		flex-basis: 50%;
	}

	.section.section-eight .section-eight-container > .section-col .card .card-face {
	  align-items: center;
	}

	.section.section-eight .section-eight-container h2 {
		font-size: 7.25vw;
	}

	.section.section-eight .section-eight-container > .section-col h5 {
		font-size: 5vw;
		margin-bottom: 4vw;
	}

	.section.section-eight .section-eight-container > .section-col h3 {
		font-size: 13vw;
	}

	.section.section-eight .section-eight-container img {
	  width: 20vw;
	}

	.section-eight-freccia {
	  height: 70px;
	  width: 70px;
	}
	
	#card1 .card-back div {
	  margin-top: 5vw;
	}

	/** ACCORDION FAQ **/

  .accordion-faq {
    --accordion-title-size: 22px;
    --accordion-icon-size: 32px;
    --accordion-side-gap: 0;
  }

  .accordion-faq .accordion-trigger {
    gap: 12px;
    padding: 16px 0;
  }

  .accordion-faq .accordion-title {
    line-height: 1.2;
    padding-right: 12px;
  }

  .accordion-faq .accordion-item.is-open .accordion-panel-inner {
    margin-top: 10px;
  }

  .accordion-faq .accordion-panel-inner {
    padding: 0;
  }

  .accordion-faq .accordion-item.is-open .accordion-panel-inner {
    padding: 14px 0 10px 0;
  }

	/** FINE STILE ACCORDION **/

	h2 {
		font-size: 10.5vw;
	}

	#mobile-header .site-logo.mobile-header-logo img, #sticky-placeholder .site-logo.mobile-header-logo img {
	  height: 13vw;
	}
	
	.homepage .section:not(.video) {
		padding-right: 6vw;
		padding-left: 6vw;    
		padding-top: 10vw;
    padding-bottom: 10vw;
	}	

	.swiper-slide-text {
		bottom: 65vw;
		height: 65vw;
		background: rgb(211, 216, 0);
	}

	.swiper-slide-text div {
		padding: 6vw 4vw 4vw;
	}

	.swiper-slide-text div h6 {
		font-size: 10vw;
	}

	.swiper-slide-text div p {
	  opacity: 1;  
	  margin-bottom: 1.75vw;
	}	

	.home #fp-nav.fp-right {
	  right: 5px;
	}

	.home #fp-nav ul li, .home .fp-slidesNav ul li {
	  margin: 25px 5px;
	}

	.home #fp-nav ul li a span, .home .fp-slidesNav ul li a span {	
		height: 13px;
	  width: 13px;
	}

	.home #fp-nav ul li a.active span, .home #fp-nav ul li:hover a.active span, .home .fp-slidesNav ul li a.active span, .home .fp-slidesNav ul li:hover a.active span {
	  height: 23px;
	  width: 23px;
	  margin: -7px 0 0 -12px;
	}

	.cta-button {
	  margin-top: 4vw;
	  height: 11vw;
	}

	.section-one .title:not(.mobile) {
		display: none;
	}
	
	.section-one .title.mobile {
    display: flex;
    min-height: 100vw;
    flex-wrap: wrap;
    align-items: flex-end;
	}

	.section-one .title {
	  width: 100%;
	}

	.section-one .title h2 {
	  font-size: 18vw;
	}	

	.homepage .section.video .fp-overflow {
		display: flex;
		justify-content: center;
		align-items: end;
		height: 75vw !important;
	}
	#background_video {
	  height: 47vh;
	}
	.section-two .title {
		margin-top: 91vw;
	  margin-bottom: 15vw;
	  margin-left: -2vw;
	}

  .section-two .title h2 {
    margin-bottom: -0.5rem;
	}

	.section-two .title h2 {
	  font-size: 12vw;
	}

	.section-two .title h2:nth-child(1) {
	  margin-left: 25vw;
	}

	.section-two .title h2:nth-child(2) {
	  margin-right: 5vw;
	}

	.section-two .title h2:nth-child(3) {
	  margin-left: 10vw;
	}

	.section.section-three .title {
	  margin-top: 30vw;
	}

	.section.section-three .text-loop {
	  margin-bottom: 12vw;
	}

	.section.section-three .title h2 {
	  max-width: 84%;
	  margin: 20vw auto 4vw;
	}

	.section.section-three .title h5, .section.section-three .title p {
	  max-width: 84%;
	  font-size: unset;
	  margin: 0 auto 4vw;
	}

	.section.section-three .title-img {
	  justify-content: flex-start;
	  margin: 0 0 0 3vw;
	}

	.section-three-cta {
	  flex-wrap: wrap;
	}

	.section-three .cta-button {
	  width: 100vw;
	  margin-bottom: 20vw;
	  margin-left: 8vw;
	}

	.section-three .cta-button ul .div-svg svg {
	  width: 51vw;
	  height: 12vw;
	}

	.section-three .cta-button a ul li.div-svg span {
	  width: 51vw;
	  height: 12vw;
	}


	.section.section-three .title h2 {
		font-size: 10vw;
	}

	.section.section-three .cta-button ul .div-svg {
	  /*! transform: scale(4) translateY(1vw) translateX(10vw); */
	  width: 51vw;
	  height: 12vw;
	  transition: transform 100ms ease-in-out;
	}

	.section.section-three .title-img div {
	  column-gap: 2vw;
	}

	.section.section-three .title-img a:first-child img {
	  width: 15vw;
	}

	.section.section-three .title-img a:last-child img {
	  width: 40vw;
	}

  .section.section-three .text-loop h2 {
    font-size: 18vw;
  }

	.section.section-four .section-four-container {
	  flex-wrap: wrap;    
	  height: 225vw;
	}

	.section.section-four .section-four-container .section-col h2 {
		font-size: 10vw;
	}

	.section.section-four .section-four-container .section-col:first-child {
	  padding: 10vw 10vw 5vw 6vw;
	  align-items: flex-start;    
	  height: 50vw;
    z-index: 10;
	}

	.section.section-four .section-four-container .section-col {
	  flex-basis: 100%;
	}

  .section.section-four .section-four-container .section-col:last-child {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
	.section.section-four .section-four-container .cta-button {
	  margin-top: 5vw;
	}
	
  .section.section-four .section-four-container .cta-button ul .div-svg {
    /* transform: scale(4) translateY(1vw) translateX(3.7vw); */
  }

	.section.section-five .section-col {
		line-height: 0;
		height: 100%;
	}

	#background_video_solidedge {
		/* display: none; */
	}

	.section.section-six {
	  padding: 10vw 6vw 10vw 6vw !important;
	}

	.section.section-six h2 {
		font-size: 10vw;
	}

	.section.section-six .section-six-container .overlay {
	  background: rgba(0,0,0,0.75);
	}

	.section.section-six .section-six-container > .section-col:nth-child(3) {
		width: 97%;
		z-index: 10;
	}

	.section.section-six .section-six-container > .section-col:nth-child(4) {
		display: none;
	}

	.section.section-six .section-six-container > .section-col:nth-child(3) > .section-col-container:nth-child(1) > .section-col:nth-child(1) {
		width: 100%;
		height: 0;
	}

	.section.section-six .section-six-container > .section-col:nth-child(3) > .section-col-container {
	  flex-wrap: wrap;
	}

	.section.section-six h5 {
	  text-align: left;
	  margin: 2vw 0;
	}

	.section.section-eight .section-eight-container > .section-col {
		height: 70vw;
	}

	.section.section-nine .section-nine-container .section-col:last-child div {
	  width: 90%;
	}

	.section.section-nine .section-nine-container h2 {
	  text-align: left;
	  margin-bottom: 10vw;
	}

	.section.section-nine .section-nine-container img {
		width: 83vw;
	}

	.section.section-nine .section-nine-container p {
	  text-align: left;
	  margin-top: 10vw;
	  margin-bottom: 5vw;
	}

	.section.section-nine .section-nine-container .section-col {
		justify-content: flex-start;
	}

	.section.section-nine .section-nine-container .section-col:last-child div {
	  justify-content: start;
	}

	.section.section-nine .cta-button ul .div-svg {
	  /* transform: scale(4) translateY(1vw) translateX(3vw); */
	}


	.section.section-ten {
	  background-position: 93% center;
	}

	.section.section-ten::after {
	  content: '';
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: rgba(4, 54, 79, 0.4);
	  z-index: 0;
	}

	.section.section-ten .section-ten-container h2 {
		font-size: 10vw;
	}

	.section.section-ten .section-ten-container {
		position: relative;
		padding-left: 0;
		padding-bottom: 5vw;
		z-index: 10;
	}

	.section.section-ten .section-ten-container .section-col:first-child {
	  width: 95%;
	}

	.section.section-ten .section-ten-container ul {
	  margin-left: 8.5vw;
	}

	.section.section-ten .section-ten-container .section-col div > ul li {
	  font-size: 5vw;
	}

	.section.section-ten .section-ten-container ul li::marker {
	  font-size: 10vw;
	}

	.section.section-ten .section-ten-container .section-btn-container {
	  flex-wrap: wrap;
	  row-gap: 3vw;
		margin-top: 4vw;
	}

	.section.section-ten .section-ten-container .section-btn-container .cta-button, .section.section-ten .section-ten-container .section-btn-container .cta-button ul {
	  width: 100%;
	}

	.section.section-ten .section-ten-container .section-btn-container .cta-button:first-child {
	  margin-bottom: 0vw;
	}
	
	.section.section-ten .cta-button:first-child ul .div-svg {
    /* transform: scale(4) translateY(1vw) translateX(3.5vw); */
  }

	.section.section-ten .cta-button:last-child ul .div-svg {
    /* transform: scale(4) translateY(1vw) translateX(4.0vw); */
  }

  .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul .div-svg, .section.section-ten .section-ten-container .section-btn-container .cta-button:last-child a ul .div-svg svg, .section-ten-container .section-btn-container .cta-button:last-child a ul .div-svg span {
  	width: 51vw !important;
  }

	.section.section-11 .section-11-container .section-col-container {
	  flex-wrap: wrap;    
	  row-gap: 13vw;
    width: 100%;
	}

	.section.section-11 .section-11-container .section-col:first-child h2 {
		font-size: 11vw;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:first-child {
	  width: 100%;
	  column-gap: 3vw;
	  flex-direction: row-reverse;  
	}

	.section.section-11 .section-11-container .section-col-container .section-col:first-child div:first-child {
	  align-self: center;    
	  text-align: left;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) {
	  width: 100%;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) div:first-child {
	  width: 100%;
	  margin-left: 0;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:nth-child(2) img {
	  width: 100%;
	  margin: 0 auto 0 0;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:last-child {
	  width: 100%;
	  column-gap: 3vw;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:last-child div:first-child {
	  align-self: center;
	}

	.section.section-11 .section-11-container .section-col:first-child h2 {
	  margin-bottom: 12vw;
	}

	.section.section-11 .section-11-container > .section-col:last-child {
	  margin-top: 12vw;
	}

	.section.section-11 .section-11-container .cta-button {
	  margin-top: 5vw;
	  margin-bottom: 5vw;
	  width: 60vw;
	  height: 15vw;
	}

  .section.section-11 .cta-button ul .div-svg {
    /* transform: scale(4) translateY(1vw) translateX(6vw); */
  }

 .section.section-12 .section-12-container .section-col img {
	  width: 65vw;
	}

	.section.section-11 .section-11-container .section-col-container .section-col:first-child img, .section.section-11 .section-11-container .section-col-container .section-col:last-child img {
	  width: 45vw;
	}

	.section.section-12 .section-12-container .cta-button {
	  margin-top: 8vw;
	  width: 51vw;
	}

  .section.section-12 .cta-button ul .div-svg {
    /* transform: scale(4) translateY(1vw) translateX(0vw); */
  }
	.homepage .section.section-14 {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	  padding-top: 10vw !important;
	  padding-bottom: 0 !important;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) > div {
	  display: block;
	  text-align: center;
	  padding: 5vw 1.5vw;
	}

	.section.section-14 .cta-button ul .div-svg {
	  /*transform: scale(4) translateY(1vw) translateX(0vw);*/
	}
	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) .cta-button {
	  width: 51vw;
	}
	/* .section.section-14 .section-14-container .section-col-container:nth-child(3) {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	} */

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) p {
	  font-size: 5vw;
	  margin-bottom: 1.5vw;
	  line-height: 1.2;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) h6 {
	  font-size: 8vw;
	  margin-bottom: 1.25vw;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) .section-col {
	  width: 100%;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons {
	  flex-wrap: wrap;
	  column-gap: 2.5vw;
	  margin-top: 5vw;
	  margin-bottom: 0;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons > div:first-child {
		width: 100%;
		margin-bottom: 5vw;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2), .section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(3) {
	  padding: 10vw 6vw 0;
	  flex-wrap: wrap;
	  row-gap: 10vw;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons h6 {
	  font-size: 5vw;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) .section-col {
  	width: 100%;
	}

	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(2) .footer-social-icons img {
	  width: 12vw;
	  margin-right: 4vw;
	}
	
	.section.section-14 .section-14-container > .section-col-container:nth-child(3) > .section-col:nth-child(3) {
	  padding-bottom: 4vw;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div {
	  width: 100vw;
	  padding-top: 3vw;
	}
	
	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div p {
	  font-size: 4vw;
	  line-height: 1.2;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div {
	  flex-wrap: wrap;
	  row-gap: 2vw;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(3) div p svg {
	  width: 5vw;
	  height: 5vw;
  	margin-bottom: -1.6vw;
  	margin-right: -0.7vw;	  
	}

	.section.section-14 .section-14-container > .section-col {
	  width: 80vw;
	}

	.section.section-14 .section-14-container > .section-col h3 {
	  margin-bottom: 5vw;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(3) {
	  display: block;
	  margin-top: 10vw;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(2) {
	  flex-wrap: wrap;
	  column-gap: 3vw;
	  row-gap: 3vw;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(3) > .section-col:nth-child(1) #comel-newsletter-cta {
	  text-align: left;
	  padding-left: 6vw;
	  padding-right: 6vw;
	  width: 100vw;
	  margin-left: auto;
	  margin-right: auto;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(2) a .section-col {
	  width: 40vw;
	  height: 40vw;
	  padding: 3vw;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col h4 {
	  font-size: 6vw;
	  text-align: center;
	}

	.section.section-14 .section-14-container .section-col-container:nth-child(2) .section-col img {
	  position: relative;
	  width: 45%;
	  margin: auto;
	  padding-bottom: 7vw;
	  transform: scale(1.0);
	  transition: transform 200ms ease-in-out;
	}

}