/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 20 2026 | 14:31:05 */
:root {
	--r5s-nero: #1C1C1C;
	--r5s-bianco: #FFFFFF;
	--r5s-grigio-chiaro: #F7F7F7;
	--r5s-grigio-medio: #E4E4E7;
	--r5s-grigio-scuro: #C5C5C5;
	--r5s-grigio-testo: #717178;
	--r5s-verde: #0F8644;
	--r5s-verde-scuro: #084021;
	--r5s-rosso: #F03A36;
	--r5s-giallo: #FFD000;
	--r5s-giallo-hover: #FFDE25;
}

.testo-nero { color: var(--r5s-nero); }
.testo-bianco { color: var(--r5s-bianco); }
.testo-grigio { color: var(--r5s-grigio-testo); }

.r5s-titolo-l .elementor-heading-title { font-size: 56px; font-weight: 700; line-height: 63px; font-family: "Montserrat", sans-serif; }
.r5s-titolo-m .elementor-heading-title { font-size: 48px; font-weight: 700; line-height: 59px; font-family: "Montserrat", sans-serif; }
.r5s-titolo-s .elementor-heading-title { font-size: 32px; font-weight: 600; line-height: 39px; font-family: "Montserrat", sans-serif; }
.r5s-titolo-xs .elementor-heading-title { font-size: 24px; font-weight: 600; line-height: 28px; font-family: "Montserrat", sans-serif; text-transform: uppercase; }
.r5s-titoletto .elementor-heading-title { font-size: 14px; font-weight: 700; line-height: 18px; font-family: "Quicksand", sans-serif; letter-spacing: 3%; text-transform: uppercase; color: var(--r5s-verde); }
.r5s-paragrafo { font-size: 18px; font-weight: 400; line-height: 21px; font-family: "Arial", sans-serif; }

.r5s-titoletto { padding-bottom: 10px; }
.r5s-titoletto span::before { content: ""; display: inline-block; width: 20px; height: 2px; background-color: var(--r5s-verde); margin-right: 10px; margin-bottom: 4px; }

.r5s-etichetta .elementor-heading-title { font-size: 12px; font-weight: 700; line-height: 18px; font-family: "Quicksand", sans-serif; letter-spacing: 5%; text-transform: uppercase; color: var(--r5s-nero); padding: 4px 16px; border-radius: 20px; }
.r5s-etichetta.colore-giallo .elementor-heading-title { background-color: #FFF2A8; border: 1px solid var(--r5s-giallo); }
.r5s-etichetta.colore-arancione .elementor-heading-title { background-color: #FCDAC3; border: 1px solid #F38234; }
.r5s-etichetta.colore-azzurro .elementor-heading-title { background-color: #C7E9FF; border: 1px solid #34AAF3; }

@media screen and (max-width: 767px) {
    .r5s-titolo-l .elementor-heading-title { font-size: 40px; line-height: 46px; }
	.r5s-titolo-m .elementor-heading-title { font-size: 32px; line-height: 36px; }
	.r5s-titolo-s .elementor-heading-title { font-size: 24px; line-height: 30px; }
	.r5s-titolo-xs .elementor-heading-title { font-size: 20px; line-height: 24px; }
	.r5s-paragrafo { font-size: 16px; line-height: 19px; }
}

/* GENERALE */

p { margin-block-end: 0; }

.r5s-sezione { padding: 75px 32px; }

@media screen and (max-width: 767px) {
    .r5s-sezione { padding: 48px 20px; }
}

/* BOTTONI */

.r5s-btn-primario a { font-size: 18px; font-weight: 700; line-height: 21px; font-family: "Arial", sans-serif; color: var(--r5s-nero) !important; background-color: var(--r5s-giallo); padding: 16px 32px; border: 1px solid var(--giallo-hover); border-radius: 100px; transition: 300ms; }
.r5s-btn-primario a:hover { color: var(--r5s-nero) !important; background-color: var(--r5s-giallo-hover); border: 1px solid var(--giallo); }

.r5s-btn-secondario a { font-size: 18px; font-weight: 400; line-height: 21px; font-family: "Arial", sans-serif; color: var(--r5s-nero) !important; background-color: var(--r5s-bianco); padding: 16px 32px; border: 1px solid var(--r5s-grigio-scuro); border-radius: 100px; transition: 300ms; }
.r5s-btn-secondario a:hover { color: var(--r5s-nero) !important; background-color: var(--r5s-grigio-chiaro); }

.r5s-btn-link a { font-size: 16px; font-weight: 700; line-height: 20px; font-family: "Montserrat", sans-serif; color: var(--r5s-verde) !important; background-color: transparent; padding: 8px 0px; border: none; transition: 300ms; }
.r5s-btn-link a .elementor-button-content-wrapper { gap: 8px; }
.r5s-btn-link a .elementor-button-icon { font-size: 24px; }
.r5s-btn-link a .elementor-button-text { align-content: center; }
.r5s-btn-link a:hover { text-decoration: underline; }

@media screen and (max-width: 767px) {
    .r5s-btn-primario a,
	.r5s-btn-secondario a { font-size: 16px; line-height: 19px; padding: 16px 24px; }
}

/* HEADER */

header:has(.r5s-header) { position: sticky; top: 0; z-index: 9999; box-shadow: none; transition: box-shadow 0.3s ease; }
.r5s-header.scrolled { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12); }

.elementor-nav-menu a:active { font-weight: 600; }

/* FOOTER */

.r5s-link-footer:not(:last-child) { padding-bottom: 8px; }

.r5s-link-footer a { color: var(--r5s-bianco); }
.r5s-link-footer a:hover { text-decoration: underline; }

/* LANDING MOBILE LABS */

.timeline-pallini .timeline-testo { position: relative; padding-left: 35px; }

.timeline-pallini .timeline-testo::before { content: ""; position: absolute; left: 4px; top: 6px; width: 16px; height: 16px; border: 4px solid var(--r5s-verde); background: var(--r5s-bianco); border-radius: 50%; z-index: 2; }

.timeline-pallini .timeline-testo:not(:last-child)::after { content: ""; position: absolute; left: 11px; top: 16px; bottom: -6px; width: 2px; background: var(--r5s-nero); }

@media screen and (max-width: 767px) {
	.timeline-pallini .timeline-testo::before { left: 6px; width: 12px; height: 12px; border: 3px solid var(--r5s-verde); }
}

#carosello-foto-mobile-labs .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: var(--r5s-grigio-medio); opacity: 1; }

#carosello-foto-mobile-labs .swiper-pagination-bullet-active { width: 40px; border-radius: 100px; }

#carosello-foto-mobile-labs .swiper-pagination-bullet:hover { background: var(--r5s-giallo-hover); }

#sez-veicolo .popup-mezzo { display: flex; flex-direction: row; gap: 24px; }

#sez-veicolo .popup-mezzo img { width: 112px; object-fit: contain; }

#sez-veicolo .popup-testo { display: flex; flex-direction: column; gap: 4px; width: 244px; }

#sez-veicolo .e-hotspot__tooltip { white-space: normal; }

#sez-veicolo #veicolo-esterni { display: none; }

#sez-veicolo #veicolo-interni,
#sez-veicolo #veicolo-esterni { transition: opacity 0.25s ease; }
 !important
#sez-veicolo .veicolo-fading {  opacity: 0 !important; }

#sez-veicolo .veicolo-enter { opacity: 0; }

#sez-veicolo .veicolo-enter-active { opacity: 1; }

@media screen and (max-width: 767px) {
	.elementor-2600 .elementor-element.elementor-element-bf073b5 .elementor-repeater-item-741474f .e-hotspot--tooltip-position { right: -115px; }
    .elementor-2600 .elementor-element.elementor-element-bf073b5 .elementor-repeater-item-9ce04bb .e-hotspot--tooltip-position { right: -47px; }
}

#sez-veicolo .e-hotspot--active svg path:first-of-type { fill: var(--r5s-giallo) }
#sez-veicolo .e-hotspot--active svg path:last-of-type { fill: var(--r5s-nero) }

#carosello-porfolio-veicoli .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: var(--r5s-grigio-medio); opacity: 1; }

#carosello-porfolio-veicoli .swiper-pagination-bullet-active { width: 40px; border-radius: 100px; }

#carosello-porfolio-veicoli .swiper-pagination-bullet:hover { background: var(--r5s-giallo-hover); }

#form-mobile-labs fieldset { padding-bottom: 0; }
#form-mobile-labs .with_frm_style .frm_primary_label { padding-bottom: 8px; }
#form-mobile-labs #frm_field_6_container { margin-bottom: 0; margin-top: 16px; }
#form-mobile-labs #frm_field_6_container .frm_button_submit { margin: 0; }
#form-mobile-labs .frm_submit.frm_flex { display: flex; justify-content: center; }

@media screen and (max-width: 767px) {
	#form-mobile-labs .with_frm_style input, #form-mobile-labs .with_frm_style textarea { font-size: 16px; }
	#form-mobile-labs #frm_field_6_container { margin-top: 8px; }
}

}