.gspb_button_wrapper {
width: 100%;
}
button[type="submit"] .button-icon {
height: 17px !important;
width: 17px !important;
min-width: 17px !important;
transform: rotateZ(-45deg);
transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
button[type="submit"]:hover .button-icon {
transform: rotateZ(0deg);
}
@media (max-width: 500px) {
button[type="submit"] {
width: 100% !important;
}
} @media (min-width: 781px) {
.ct-breadcrumbs {
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(15px);
padding: 0.4em 1.2em;
width: fit-content;
}
}
.ct-breadcrumbs * {
font-size: 13px;
text-transform: lowercase;
}
.ct-breadcrumbs span {
opacity: 0.7;
display: inline !important;
}
.ct-breadcrumbs span:hover {
opacity: 1;
}
.ct-breadcrumbs .last-item span {
opacity: 1 !important;
color: #f6be43;
} .ct-header div[data-row="middle"] {
position: relative;
padding-bottom: 15px;
}
.ct-header div[data-row="middle"]::after {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 20%;
height: 1px;
background-color: #ccc;
z-index: 1;
transition: 0.35s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ct-header-trigger .ct-icon-wrap,
.ct-toggle-close .ct-icon-wrap {
border: 1px solid #ccc;
border-radius: 999px;
height: 45px;
width: 45px;
display: grid;
place-content: center;
transition: 0.35s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
} .ct-header div[data-sticky="yes:shrink"] .ct-icon-wrap {
background-color: #121212;
border-color: #121212;
}
.ct-header div[data-sticky="yes:shrink"] div[data-row="middle"]::after {
opacity: 0;
width: 40%;
} @media screen and (min-width: 769px) {
div.ct-header-content-block[data-id="content-block"] {
width: 100%;
max-width: 1460px;
display: flex;
margin: auto !important;
}
}
div.ct-header-content-block[data-id="content-block"] .entry-content {
width: 100%;
}
.ct-panel-actions {
position: absolute;
top: 30px;
right: 4vw;
z-index: 10000;
padding-inline: unset !important;
}
.ct-panel-actions .ct-toggle-close {
padding: 0 !important;
}
.ct-panel-content .ct-panel-content-inner {
padding: 0 !important;
}
.ct-panel-content .ct-header-content-block {
max-width: 100% !important;
} .ct-panel-content .ct-panel-content-inner .mobile-menu {
padding: 100px 5vw 30px 5vw !important;
border-bottom: 1px solid #606060;
}
.ct-panel-content[data-device="mobile"] div[data-block="hook:3493"] {
padding: 30px 5vw 0 5vw !important;
} .hero-overlay {
position: relative;
}
.hero-overlay::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #0000002e 30%, #000000d4 60%);
z-index: 1;
} .portfolio-grid-container .swiper-slide,
.carosello-portfolio .swiper-slide {
position: relative;
will-change: transform;
transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}
.swiper-slide:hover {
transform: scale(0.98) !important;
} .carosello-portfolio .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.95);
}
.portfolio-item {
position: relative;
min-height: 500px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
padding: 30px;
overflow: hidden;
border-radius: 8px;
}
.portfolio-item p {
margin-bottom: 0;
}
.carosello-portfolio .swiper-pagination {
width: fit-content;
}
@media (max-width: 1000px) {
.portfolio-item {
min-height: 420px;
}
.carosello-portfolio .swiper-pagination {
text-align: left !important;
}
}
@media (max-width: 600px) {
.portfolio-item {
min-height: 300px;
}
}
.portfolio-item__thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.portfolio-item__thumb::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #000000;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 24%,
rgba(0, 0, 0, 0.53) 78%
);
z-index: 2;
}
.portfolio-item__thumb img {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
will-change: transform;
transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}
.carosello-portfolio
.swiper-slide:not(.swiper-slide-active)
.portfolio-item__thumb
img {
transform: scale(1.15);
}
.portfolio-item:hover .portfolio-item__thumb img {
transform: scale(1.05);
}
.portfolio-item__title {
position: relative;
z-index: 2;
will-change: transform;
transition:
transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1),
opacity 0.25s ease-in-out !important;
}
.portfolio-item__title h2 {
font-size: 36px !important;
color: #fff !important;
}  .gs-accordion-item {
position: relative !important;
}
#gspb_accordion-id-gsbp-de6b76f
.gs-accordion-item:last-of-type
> .gs-accordion-item__title {
border-bottom: none !important;
} .lista-servizi__link {
display: inline-block;
width: 90%;
}
.lista-servizi_item,
.lista-servizi_item .lista-servizi__link,
.lista-servizi_item .lista-servizi__numero {
transform: translateX(0);
transition:
0.45s transform cubic-bezier(0.215, 0.61, 0.355, 1),
color 0.25s ease-in-out,
opacity 0.35s ease-in-out;
will-change: transform;
}
.lista-servizi_item:hover .lista-servizi__numero {
opacity: 1;
}
.lista-servizi_item:hover .lista-servizi__link {
transform: translateX(17px);
opacity: 1;
}
.js-thumb-observe {
display: none;
}
@media (min-width: 781px) {
.lista-servizi__link {
width: 90%;
} #hover-preview {
position: absolute;
top: 50%;
right: 32px;
left: auto;
transform: translate3d(0, -50%, 0);
pointer-events: none;
z-index: 99;
opacity: 0;
visibility: hidden;
width: clamp(400px, 16vw, 800px);
aspect-ratio: 16 / 9;
will-change: transform, opacity;
transition:
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#hover-preview.is-visible {
opacity: 1;
visibility: visible;
}
#hover-preview .hp-shift {
transform: translate3d(var(--dx, 0px), var(--dy, 0px), 0);
will-change: transform;
transition: transform 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
height: 100%;
width: 100%;
}
#hover-preview .hp-inner {
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden;
box-shadow:
0 25px 80px rgba(0, 0, 0, 0.3),
0 10px 30px rgba(0, 0, 0, 0.15);
transform: scale(1) rotate(0deg);
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity;
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0.05);
} #hover-preview.is-enter .hp-inner {
opacity: 1;
}
#hover-preview.is-exit .hp-inner {
opacity: 0;
}
#hover-preview img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
} #hover-preview.is-enter img {
transform: scale(1.08);
} #hover-preview.is-visible .hp-inner {
animation: gentle-float 8s ease-in-out infinite;
}
@keyframes gentle-float {
0%,
100% {
transform: scale(1) rotate(0deg) translateY(0px);
}
25% {
transform: scale(1.005) rotate(0.3deg) translateY(-1px);
}
50% {
transform: scale(1) rotate(0deg) translateY(0px);
}
75% {
transform: scale(1.005) rotate(-0.3deg) translateY(0.5px);
}
} .lista-servizi_item {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
position: relative;
}
.lista-servizi_item:hover {
transform: translateX(8px);
opacity: 0.9;
}
.lista-servizi_item:focus:not(:focus-visible) {
outline: none;
} @media (pointer: coarse) {
#hover-preview {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
#hover-preview .hp-inner {
transition: opacity 0.2s ease !important;
animation: none !important;
}
#hover-preview img {
transition: none !important;
}
.lista-servizi_item {
transition: none !important;
}
#hover-preview.is-enter .hp-inner {
opacity: 1;
}
#hover-preview.is-exit .hp-inner {
opacity: 0;
}
} #hover-preview *,
#hover-preview *::before,
#hover-preview *::after {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
}
@media (max-width: 781px) {
#hover-preview {
display: none;
}
} .gspb_slidingPanel-wrap {
width: 100% !important;
}
.gspb_slidingPanel-close {
border-radius: 999px;
top: 12px !important;
right: 12px !important;
background-color: #171717 !important;
}
.gspb_slidingPanel-close svg path {
fill: #ffffff;
} .landing-grid-card .box-card {
box-shadow: 0px 5px 20px 0px rgba(246, 190, 67, 0.15) !important;
}
@media (max-width: 1200px) {
.landing-grid-card {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
row-gap: 20px !important;
column-gap: 20px !important;
}
.landing-grid-card .card-1 {
grid-column-start: 1 !important;
grid-column-end: 3 !important;
grid-row-start: 1 !important;
grid-row-end: 2 !important;
}
.landing-grid-card .card-2 {
grid-column-start: 3 !important;
grid-column-end: 5 !important;
grid-row-start: 1 !important;
grid-row-end: 2 !important;
}
.landing-grid-card .card-2 > div {
transform: scale(1) !important;
}
.landing-grid-card .card-3 {
grid-column-start: 2 !important;
grid-column-end: 4 !important;
grid-row-start: 2 !important;
grid-row-end: 3 !important;
}
}
@media (max-width: 689.98px) {
.landing-grid-card {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.landing-grid-card .card-1,
.landing-grid-card .card-2,
.landing-grid-card .card-3 {
grid-column-start: 1 !important;
grid-column-end: 2 !important;
grid-row-start: auto !important;
grid-row-end: auto !important;
}
} .gspb_button-id-gsbp-62c389c .gspb_slidingPanel {
width: 100%; }
.popup-landing .gspb_slidingPanel-inner {
width: 100% !important;
max-width: 100% !important  ;
padding: 0 !important;
margin: 0 !important;
}
.popup-landing .gspb_slidingPanel-wrap {
min-height: 80vh !important;
width: 100% !important;
max-width: 1600px !important;
margin-left: auto !important  ;
margin-right: auto !important ;
}
.popup-landing .gspb_slidingPanel-close {
border-radius: 999px;
top: 10px !important;
right: 50px !important;
background-color: #171717 !important;
} .ff_submit_btn_wrapper {
margin: 22px 0 0 0 !important;
}
.ff-el-input--content,
.privacy {
margin-bottom: 8px !important;
position: relative;
}
.fluentform .ff-el-form-check {
margin-top: 16px !important;
}
.fluentform .ff-el-is-error .text-danger {
position: absolute;
top: -30px;
right: 0px;
}
.privacy .text-danger {
position: absolute;
top: 9px !important;
right: 0px;
}
.ff-el-input--content .ff-el-tc {
margin: 0 !important;
}
.ff-inherit-theme-style input[type="checkbox"] {
margin-inline-end: 14px !important;
}
.ff-message-success {
background-color: #f6be43 !important;
text-align: center !important;
}
.ff-message-success,
.ff-message-success p {
margin: 0 !important;
}
.ff-message-success p {
color: #171717 !important;
} .onetap-container-toggle .onetap-toggle img.design-size1 {
padding: 4px !important;
width: 34px !important;
height: 34px !important;
}
@media only screen and (min-width: 430px) {
.onetap-container-toggle .onetap-toggle {
bottom: 13px !important;
left: 55px !important;
margin: 0 !important;
}
}
.cky-btn-revisit-wrapper {
width: 35px !important;
height: 35px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
height: 24px !important;
width: 24px !important;
}  .style-policy h1 {
font-size: clamp(28px, 3vw, 36px);
line-height: 1.25;
margin-bottom: clamp(16px, 2vw, 24px);
font-weight: 700;
} .style-policy h2 {
font-size: clamp(22px, 2.2vw, 28px);
line-height: 1.3;
margin-top: clamp(32px, 3vw, 44px);
margin-bottom: clamp(12px, 1.5vw, 18px);
font-weight: 600;
} .style-policy h3 {
font-size: clamp(18px, 1.8vw, 22px);
line-height: 1.35;
margin-top: clamp(22px, 2.5vw, 30px);
margin-bottom: clamp(10px, 1.2vw, 14px);
font-weight: 600;
} .style-policy p {
font-size: clamp(15px, 1.1vw, 17px);
margin-bottom: 14px;
} .style-policy ul,
.style-policy ol {
padding-left: 22px;
margin-bottom: 16px;
}
.style-policy li {
font-size: clamp(15px, 1.1vw, 17px);
margin-bottom: 6px;
} .style-policy a {
text-decoration: underline;
font-weight: 500;
}
.cky-banner-element {
display: inline-block;
margin-bottom: 2rem;
}