#lwc-container:empty::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border: 4px solid #e0e0e0;
border-top-color: #3498db;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
#lwc-container:empty {
position: relative;
min-height: 100px;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
#blockFormOfferta,
#offerta {
scroll-margin-top: 100px; }
body{
color: var(--e-global-color-primary);
}
.privacyBlock h2{
font-size: 24px !important;
}
ul:last-child{
margin-bottom: 0;
}
.searchResult .list-group-item {
margin-bottom: 16px;
border-width: 0;
border-radius: 16px !important;
}
.littlesuffix .elementor-counter-number-suffix {
font-size: 60%;
padding-left: 4px;
}
.littlesuffix .elementor-counter .elementor-counter-number-wrapper{
align-items: flex-end;
}
.blogSlider .customBtnPrev,
.blogSlider .customBtnNext{
padding: 16px;
border-radius: 16px;
background-color: var(--purewhite);
opacity: 0.8;
position: absolute;
top: 96px;
z-index: 9;
}
.blogSlider .customBtnPrev{ left: 24px; }
.blogSlider .customBtnNext{ right: 24px; }
.blogSlider .customBtnPrev:hover,
.blogSlider .customBtnNext:hover{
opacity: 1
}
.blogSlider .swiper-slide {
height: auto;
}
.blogSlider .swiper-pagination{
position: static;
margin-top: 32px;
column-gap: 8px;
}
.blogSlider .swiper-pagination .swiper-pagination-bullet{
width: 48px;
height: 4px;
background-color: var(--gray300);
border-radius: 0;
opacity: 1;
cursor: pointer;
}
.blogSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--green300);
}
.teamDescription{
position: absolute;
border-radius: 12px;
background: rgba(11, 55, 76, 0.80);
padding: 16px;
color: var(--purewhite);
left: 8px;
right: 8px;
bottom: 8px;
display: flex;
flex-direction: column;
row-gap: 4px;
} .customBtn, .elementor-widget-button .elementor-button{
padding: 4px 20px;
font-weight: 600 !important;
border-style: solid;
border-width: 2px;
text-decoration: none;
cursor: pointer;
min-height: 56px;
font-size: 16px;
line-height: 1.3;
display: inline-flex;
align-items: center;
border-radius: 16px;
}
.customBtn.btnSmall{
padding: 0.3rem 0.6rem;
font-size: 0.9rem;
min-height: 0;
}
.elementor-button-content-wrapper{
align-items: center;
}
.customBtn.btnPrimary,
.elementor-widget-button.btnPrimary .elementor-button,
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-text,
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-icon svg,
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-icon svg path{
transition: 0.3s all linear;
}
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-text{
font-weight: 600 !important;
}
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-icon svg{
width: auto;
height: auto;
}
.elementor-widget-button.iconLeft .elementor-button-content-wrapper {
flex-direction: row-reverse;
} .customBtn.btnGreen,
body .elementor-element.elementor-widget-button.btnGreen .elementor-button{
background-color: var(--green400);
border-color: var(--green400);
}
.customBtn.btnGreen:hover,
body .elementor-element.elementor-widget-button.btnGreen .elementor-button:hover{
background-color: #87cb5c;
border-color: #87cb5c;
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnWhite,
body .elementor-element.elementor-widget-button.btnWhite .elementor-button{
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.customBtn.btnWhite:hover,
body .elementor-element.elementor-widget-button.btnWhite .elementor-button:hover{
background-color: #e1f0d8;
border-color: #e1f0d8;
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnLineBlue,
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button{
background-color: transparent;
border-color: var(--blue800);
}
.customBtn.btnLineBlue:hover,
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button:hover{
background-color: var(--green400);
border-color: var(--green400);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnLineWhite,
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button{
background-color: transparent;
border-color: var(--purewhite);
}
.customBtn.btnLineWhite:hover,
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button:hover{
background-color: var(--purewhite);
border-color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button .elementor-button-text{
color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button .elementor-button-icon svg path{
fill: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnNoLineBlue,
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button{
background-color: transparent;
border-color: transparent;
}
.customBtn.btnNoLineBlue:hover,
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button:hover{
background-color: #b4c8d3;
border-color: #b4c8d3;
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnNoLineWhite,
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button{
background-color: transparent;
border-color: transparent;
}
.customBtn.btnNoLineWhite:hover,
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button:hover{
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button .elementor-button-text{
color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button .elementor-button-icon svg path{
fill: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button:hover .elementor-button-text{
color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button:hover .elementor-button-icon svg path{
fill: var(--purewhite);
} b, strong {
font-weight: 600;
}
a:hover{ color: inherit; }
.column-space-between{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.categoryLabel{
padding: 12px 16px;
border-radius: 12px;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
color: var(--blue800);
transition: 0.3s all linear;
}
.categoryLabel:hover{
color: #FFFFFF;
background-color: var(--blue600);
}
.postPreview{
background-color: #FFFFFF;
padding: 8px 8px 24px 8px;
border-radius: 16px;
}
.squaredListItems{
padding-left: 0;
}
.squaredListItems li,
.menuAssistenza .nav-link,
.assistenzaMenuAccordion button{
padding: 12px;
border-radius: 12px;
color: var(--gray500);
}
.squaredListItems li{
list-style: none;
color: var(--gray700);
cursor: pointer;
padding-left: 0;
}
.menuAssistenza .nav-link:hover,
.menuAssistenza .current-menu-item .nav-link{
background-color: #E9F1F5;
display: flex;
align-items: center;
}
.menuAssistenza .current-menu-item .nav-link{
font-weight: 600;
color: var(--blue800);
}
.squaredListItems li.active:before,
.menuAssistenza .current-menu-item .nav-link:before,
.assistenzaMenuAccordion button:before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
border-radius: 4px;
background: linear-gradient(150deg, #006899 -5.87%, #62B22F 81.59%), #5BAD37;
margin-right: 16px;
}
.assistenzaMenuAccordion button,
.assistenzaMenuAccordion .accordion-button:focus,
.assistenzaMenuAccordion .accordion-button:hover{
background-color: var(--blue050) !important;
padding: 12px;
border-radius: 12px 12px 0 0 !important;
color: var(--blue800);
line-height: 1 !important;
font-weight: 600;
}
.assistenzaMenuAccordion button.collapsed{
border-radius: 12px !important;
}
.assistenzaMenuAccordion .accordion-item{
border-width: 0;
margin-bottom: 12px;
}
.assistenzaMenuAccordion .accordion-item:last-child{
margin-bottom: 0;
}
.assistenzaMenuAccordion .accordion-item .accordion-body{
background-color: var(--blue050) !important;
border-width: 0;
border-radius: 0 0 12px 12px;
}
.assistenzaMenuAccordion .accordion-body a{
color: var(--blue800);
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-button{
font-weight: 400;
margin-bottom: 0;
box-shadow: none !important;
padding: 24px;
display: flex;
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-button:after{
display: inline-block;
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-button:before{
display: none !important;
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-item .accordion-body {
padding: 0 24px 24px 24px;
color: var(--gray600);
}
.listPosizioniAperte{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.modal .close{
color: var(--blue800);
border-width: 0;
font-size: 50px;
padding: 0;
line-height: 0.5;
background-color: transparent !important;
}
.singlePosizione{
padding: 40px;
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--purewhite);
}
.singlePosizione.blue{
background-color: var(--blue600);
color: var(--purewhite);
}
.singlePosizione.blue .colorGreen800{
color: var(--purewhite);
}
.singlePosizione.blue img{
filter: saturate(0) brightness(0) invert(1);
}
.posizioniLavorative .modal-content{
border-radius: 24px;
}
.posizioniLavorative .modal-content .modal-body{
padding: 72px;
border-width: 0;
}
.qodef-qi-text-marquee .qodef-m-text{
align-items: center !important;
}
.elementor-widget-image.freeSvg a img[src$=".svg"]{
width: auto;
}
.forminator-custom-form{
border-style: none !important;
}
.upperMenu{
background-color: rgba(255, 255, 255, 0.1);  
}
.menu-upper-menu-container{
padding: 0 40px;
}
.menu-item-has-children ul.sub-menu{
position: absolute;
top: 100%;
background: var(--purewhite);
left: 0;
padding: 0 !important;
width: 100%;
border: 1px solid var(--gray200);
justify-content: center;
display: none;
}
.current-menu-ancestor.menu-item-has-children:hover ul.sub-menu{
display: none;
}
.menu-item-has-children ul.sub-menu li,
.menu-item-has-children ul.sub-menu .nav-item{
list-style: none;
}
.menu-item-has-children ul.sub-menu .nav-item .nav-link{
padding: 10px 0;
}
#alwaysOnSubmenu{
display: flex;
justify-content: center;
background: var(--purewhite);
border: 1px solid var(--gray200);
}
.desktopMenuContainer,
#alwaysOnSubmenu .inner{
width: 1440px;
max-width: 100%;
}
#alwaysOnSubmenu .inner .second-level li{
list-style: none;
}
.desktopMenuContainer ul,
#alwaysOnSubmenu .inner  .second-level{  
padding: 0 40px;
display: flex;  
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item,
#alwaysOnSubmenu .inner .second-level li{
margin-left: 8px;
margin-right: 8px;
flex-shrink: 0;
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item:first-child,
#alwaysOnSubmenu .inner .second-level li:first-child{
margin-left: 0;
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item:hover,
#alwaysOnSubmenu .inner .second-level li.active a{
border-bottom: 2px solid var(--blue600);
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item a,
#alwaysOnSubmenu .inner .second-level li a{
padding-top: 16px;
padding-bottom: 16px;
display: inline-block;
}
#alwaysOnSubmenu .inner .second-level li a{
text-decoration: none;
color: var(--blue800);
font-weight: 600;
}
#primary-menu-list>li.menu-item>a{
color: var(--purewhite);
}
#primary-menu-list>li.menu-item:hover,
#primary-menu-list>li.menu-item.current-menu-ancestor,
#primary-menu-list>li.menu-item.current-page-ancestor{
border-bottom: 2px solid var(--purewhite);
}
.upperMenu #upper-menu-list{
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.upperMenu .menu-item{
padding: 0;
}
.upperMenu .menu-item a{
padding: 16px;
color: var(--purewhite);
font-weight: 600;
text-decoration: none;
display: inline-block;
}
.upperMenu .menu-item.btnCerca a:before{
content: "";
display: inline-block;
height: 20px;
width: 20px;
background-image: url(//www.metamer.it/wp-content/themes/metamer/assets/images/search.svg);
}
.upperMenu .menu-item.btnCerca a{
display: flex;
align-items: center;
column-gap: 8px;
}
.lowerMenu .container>.inner{
padding: 0 40px;
display: flex;
align-items: center;
width: 100%;
}
.lowerMenu .navbar{
padding: 0;
}
.lowerMenu .navbar-collapse{
justify-content: space-between;
}
.lowerMenu .navbar-nav .menu-item{
margin: 0 0.5rem;
border-bottom: 2px solid transparent;
}
.lowerMenu .navbar-nav .menu-item,
.lowerMenu .navbar-nav .menu-item>* {
font-weight: 600;
transition: 0.3s all ease-in-out;
}
.lowerMenu .navbar-nav .menu-item>*{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lowerMenu .navbar-nav .menu-item.current_page_item,
.lowerMenu .navbar-nav .menu-item:hover{
border-bottom: 3px solid var(--primary500);
}
.mainMenu{
background-color: var(--blue600);
}
.accordion-button:focus{
box-shadow: none;
}
.magnifier{
border-radius: 5px;
padding: 8px;
background: #FFF;
cursor: pointer;
}
.magnifier .inner{
position: relative;
}
.magnifier .inner .zoom{
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(98, 178, 47, 0.80);
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all ease-in-out;
}
.magnifier:hover .inner .zoom{
opacity: 1;
}
.modal.mdlMagnifier .modal-content{
border-radius: 24px;
}
.modal.mdlMagnifier .modal-body{
padding: 56px;
}
.timeline{
position: relative;
}
.timeline:before{
content: ""; --dash-color: #000; --dash-width: 1px; --dash-length: 8px; --dash-gap: 6px;  background-image:
linear-gradient(
to bottom,
var(--dash-color) 0 calc(var(--dash-length)),
transparent calc(var(--dash-length)) calc(var(--dash-length) + var(--dash-gap))
);
background-size: var(--dash-width) calc(var(--dash-length) + var(--dash-gap));
background-repeat: repeat-y;
background-position: center;  position: absolute;
top: 60px;
left: 55px;
bottom: 30px;
width: 1px;
height: auto;
}
.timeline.version2:before{
left: 27px;
top: 0;
bottom: 40px;
}
.smallSuffix .elementor-counter-number-suffix{
font-size: 50%;
padding: 0 0 4px 4px;
}
.smallSuffix .elementor-counter-number-wrapper{
align-items: end;
}
.blogGrid{
display: grid;
grid-template-columns: repeat(1, 1fr); gap: 16px; }
.blogPostContent{
overflow-x: scroll;
}
.offerPanel:before {
content: "";
background: linear-gradient(150deg, rgba(0, 104, 153, 0.13) 0%, rgba(98, 178, 47, 0.25) 128.98%), rgba(0, 0, 0, 0.30);
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(10px);
}
table.table-style-1 {
font-size: 14px;
border-radius: 12px;
overflow: hidden;
margin-bottom: 0;
border: 1px solid var(--gray200);
}
table.table-style-1 tr:nth-child(odd){
background-color: var(--blue050);
}
table.table-style-1 tr:nth-child(even){
background-color: var(--purewhite);
}
table.table-style-1 tr td,
table.table-style-1 tr th {
padding: 8px;
background-color: transparent !important;
}
table.table-style-1 tr th {
background-color: var(--blue600) !important;
color: var(--purewhite);
font-weight: 600;
}
table.table-style-2 {
font-size: 16px;
border-radius: 12px;
overflow: hidden;
margin-bottom: 0;
border: 1px solid var(--gray200);
}
table.table-style-2 tr:nth-child(odd){
background-color: var(--blue050);
}
table.table-style-2 tr:nth-child(even){
background-color: var(--purewhite);
}
table.table-style-2 tr td,
table.table-style-2 tr th {
padding: 10px;
background-color: transparent !important;
}
table.table-style-2 tr th {
background-color: var(--blue600) !important;
color: var(--purewhite);
font-weight: 600;
font-size: 14px;
}
table.table-style-2 tbody tr:first-child td {
background-color: var(--blue300) !important;
color: var(--blue800);
font-weight: 600;
border-top: 0px;
}
.pagination{
column-gap: 8px;
}
.pagination .page-numbers{
display: flex;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 8px;
font-weight: 600;
color: var(--blue600);
}
.pagination .page-numbers.current{
border: 1px solid var(--blue600);
background-color: var(--blue600);
color: var(--purewhite);
}
.icb-banner {
background: var(--blue800);
}
.icb-btn--neutral,
.icb-btn--ghost{
background-color: var(--purewhite);
color: var(--blue800);
border-color: var(--purewhite);
}
.icb-btn--neutral:hover,
.icb-btn--ghost:hover{
background-color: var(--blue800);
color: var(--purewhite);
border-color: var(--purewhite);
}
.icb-btn--primary{
background-color: var(--green800);
color: var(--blue800);
border-color: var(--green800);
}
.icb-btn--primary:hover{  
background-color: var(--green500);
color: var(--blue800);
border-color: var(--green500);
}
@media (min-width: 992px){
.handPhone img{
transform: scale(1.05);
transform-origin: bottom center;
}
.overflow-lg-visible{
overflow: visible !important;
}
.blogGrid{
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 16px; }
.menu-item-has-children:hover ul.sub-menu{
display: flex;
}
}
@media (max-width: 991px){
.noTabletPanel.offerPanel:before{
display: none;
}
.modal-dialog{
max-width: 95%;
}
.listPosizioniAperte{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
}
.modal.mdlMagnifier .modal-body,
.posizioniLavorative .modal-content .modal-body{
padding: 32px;
}
.modal.mdlMagnifier .modal-content{
border-radius: 20px;
}
.upperMenu,
#navbarSupportedContent{
display: none;
}
.lowerMenu .container>.inner{
padding-left: 0;
padding-right: 0;
} .mobile-nav ul.sub-menu {
display: none;
position: static;
border-width: 0;
padding-top: 15px !important;
padding-left: 16px !important;
overflow: hidden;
}
.mobile-nav .menu-item-has-children {
position: relative;
}
.offcanvas-body{
padding: 0;
}
.mobile-nav .toggle-submenu {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
font-size: 18px;
padding: 8px;
cursor: pointer;
}
.mobile-nav{
list-style: none;
padding-left: 40px;
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.mobile-nav li{
padding: 16px 0;
}
.mobile-nav li:last-child{
padding-bottom: 0;
}
.mobile-nav li a,
.mobile-nav li span{
color: var(--primary800);
text-decoration: none;
}
.mobile-nav .menu-item-has-children .toggle-submenu{
background-image: url(//www.metamer.it/wp-content/uploads/2025/12/chevron-down.svg);
top: 12px;
font-size: 0;
width: 24px;
height: 24px;
}
.mobile-nav .menu-item-has-children.active .toggle-submenu{
background-image: url(//www.metamer.it/wp-content/uploads/2025/12/chevron-up.svg);
}
.mobile-nav .menu-item-has-children.active .sub-menu{
display: block !important;
}
.offcanvas .btn-close{
display: none;
}
#alwaysOnSubmenu .inner .second-level{
padding-left: 32px;
padding-right: 32px;
flex-wrap: nowrap;
}
}
@media (max-width: 767px){
.singlePosizione{
padding: 24px;
}
.modal.mdlMagnifier .modal-body,
.posizioniLavorative .modal-content .modal-body{
padding: 24px;
}
.modal.mdlMagnifier .modal-content{
border-radius: 16px;
}
.timeline:before{
left: 40px;
}
.tablepressContainer{
overflow-x: scroll;
} .mobile-nav {
list-style: none;
padding-left: 32px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
.mobileBarContainer{
padding: 12px 32px;
}
.offcanvas .btn-close{
display: block;
position: absolute;
top: 24px;
right: 24px;
}
#alwaysOnSubmenu .inner .second-level {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding-left: 24px;
padding-right: 24px;
}
#alwaysOnSubmenu .inner .second-level .swipe-item {
flex: 0 0 100%;
scroll-snap-align: start;
}
}