html {
scroll-behavior: smooth;
}
.fondino_colore2 {
color: #fff;
}
.fondino_colore2 h1, .fondino_colore2 h2, .fondino_colore2 h3, .fondino_colore2 h4, .fondino_colore2 h5, .fondino_colore2 h6, .fondino_colore2 p {
color:#fff;
}
.fondino_colore2 a {
color:#ccc;
}
video#bgVideo {
/*width: 700px;
margin-top: -70px;*/
}
#text-banner {
z-index: 1010;
padding-right: 50px;
}
.textalignright {
text-align: right;
}
.bottone-div a.button {
height: auto;
display: inline-block;
padding: 15px 25px 15px 25px;
border-radius: 35px;
}
#request-a-quote .pfbc-radio {
float: left;
}
div#request-a-quote {
background: #f9f9f9;
padding: 0 30px;
}
span.span-a-capo {
display: block;
}
h2 {
font-weight: bold;
/*font-size: 1.3em;*/
margin-top: 35px;
margin-bottom: 5px;
}
.box-news h2, .service_point h2, #msg_no_service_points {
font-size: 1.3em;
}
.banner-descr h3 { font-size: 1.1em; }
p {
margin-top: 0;
}
.font_weight_regular {
font-weight: normal;
}
.inclinato-banner {
background: #f9f9f9;
z-index: 1000;
height: 630px;
border-right: 1px solid #ddd;
width: 280px;
transform: rotate(10deg);
margin-left: -382px;
margin-top: -83px;
box-shadow: 10px 0 18px -12px #c3c3c3;
}
.fondino h1, .fondino h2, .fondino h3, .fondino h4, .fondino h5, .fondino h6 {
color:#c51941;
}
.sottotitolo_home{
font-size: 20px;
line-height: 29px;
font-weight: 100;
color: #222;
}
a.btn {
/*background: #ec682f;*/
color: #fff;
cursor: pointer;
padding: 14px 25px;
border-radius: 24px;
font-weight: bold;
}
.button-hover {
display: inline-block;
padding: .75rem 1.25rem;
color: #fff;
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
}
.button-hover:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ec682f;
border-radius: 10rem;
z-index: -2;
}
.button-hover:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #7c7c7c;
transition: all .3s;
z-index: -1;
}
.button-hover:hover {
color: #fff;
}
.button-hover:hover:before {
width: 100%;
}
#row1 .box-news a.btn {
display: block;
width: 80%;
text-align: center;
}
#row1 .box-news:hover{
scale: 1.1;
transition: all 0.5s ease-in-out;
position: relative;
}
#row1 .banner-descr{
min-height: 70px;
}
#row1 .banner-descr h2, #row1 .banner-descr h3{
margin-top: 0;
padding-top: 0;
}
.contenitore-banner-home{
/*background: linear-gradient(180deg, white, #d1d1d14d);*/
background: #f9f9f9;
height: 500px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #ddd;
}
img.product-banner {
width: 100%;
height: auto;
}
.fondino a {
color:#0044a0;
}
#div-video {
top: 0;
background: #fdfdfd;
width: 64%;
position: absolute;
right: 0;
}
.menu_2 a {
font-size: 14px;
}
.menu_2 {
position:relative;
background:transparent;
padding-right: 40px;
}
.inside_promo_home {
padding: 15px 25px;
border: 1px solid #ddd;
margin-bottom: 20px;
min-height: 430px;
}
.inside_promo_home h3 {
margin-top: 5px;
}
.inside_promo_home h3 a {
color: #aaa;
font-size: 16px;
}
.inside_promo_home h3 a .sottotitolo {
color: #000;
font-size: 18px;
}
.inside_promo_title.inside_promo_title_vert {
padding: 0 30px 20px;
}
.h1_singolo_prodotto {
color:#999;
font-size:19px;
}
.col_promo_.border{
height: 100%;
}
.altezza_come_menu_fix {
height: 75px;
}
fieldset {
border: none;
padding: 0;
}
.sottotitolo {
margin-top: 6px;
margin-bottom: 25px;
display: block;
color: #000;
}
h1 .sottotitolo {
font-size: 22px;
line-height: 30px;
}
.box_home_small .box_home_inside {
padding: 0 30px 30px 30px;
display: block;
}
.riassunto-prodotto {
color: #222;
}
span.menu-sx-box {
display: grid;
grid-template-columns: 1fr 2fr;
}
table.prodotti.prodotti_singoli img,table.prodotti img {
width: 80px;
}
.width_img_table img {
background: #ececec;
display: block;
}
table.prodotti.prodotti_singoli .open-page img,table.prodotti .open-page img {
width: 25px;
}
span.p-box-menu-sx {
display: block;
font-size: 15px;
font-style: italic;
}
.menu-sx-box > span {
width: 90%;
}
.width_img_table {
width: 80px;
padding-left: 0;
}
.width_img_link {
width: 30px;
}
h1 {
font-weight: bold;
}
table th {
text-align: left;
}
.textaligncenter {
text-align: center;
}
.sottopagine .singola_sottopagina {
margin-bottom:30px;
}
.event_sezione img {
float: left;
margin-right: 20px;
}
.singolo_evento_sezione {
padding-bottom:40px;
}
.wp-caption-text {
font-size:80%;
color:#666;
margin-top:5px;
margin-bottom:15px;
}
#gallery_page .gallery .gallery-item {
width: 30%;
margin-left:2%
}
#sezione_news .row {
margin-top:45px;
}
#testo_sulla_destra {
background: #eee;
padding: 20px;
margin: 20px 0;
border-radius: 15px;
}
.form_ricerca_header select {
max-width: 140px;
}
.form_ricerca_header .btn-primary {
padding: 6px 15px;
}
.menu_1 {
width: auto;
text-align: right;
margin: 10px 0 15px;
}
.menu_1 nav>div>li>a {
padding: 5px 15px;
font-size:15px;
border: 1px solid #c51941;
border-radius: 10px;
}
#header_form{
background: #ddd;
padding:0 10px 10px;
text-align:right;
}
#header_form .btn-primary {
padding:1px 10px;
}
.gallery-item pre {
display: none;
}
.homepage-abc .inside {
background: #f9f9f9;
border: 1px solid #eee;
padding: 0 25px 25px;
height:450px;
margin-bottom:20px;
}
#form_homepage select {
display: block;
margin-bottom: 7px;
padding: 2px;
width: 100%;
}
.homepage-abc .inside h2{
color:#c51941;
text-transform:uppercase;
}
.homepage-abc .inside h3 a{
color:#000;
}
.btn-primary.no-click {
cursor:default;
padding:10px;
font-weight:600;
font-size:16px;
margin-bottom:20px;
}
ul.lista_immagini li {
display: block;
float:left;
}
ul.lista_immagini {
padding:0px;
width:100%;
}
#ricerca_smartphone select {
display:block;
padding:2px;
margin-bottom:5px;
width:70%;
}
.floatright {
float:right;
}
input.s {
padding: 4px;
height: 34px;
margin-right: 5px;
}
/*a.facebook {*/
/* background:url("../i/facebook.jpg") no-repeat; */
/* display: block;*/
/* width: 15px;*/
/* height: 15px;*/
/* content: " ";*/
/* margin-top: 8px;*/
/*}*/
.ms-parent {
margin-top: -4px;
min-width: 90px;
}
.ms-choice {
border-radius:0px;
height:24px;
color:#000;
}
.ms-choice > span.placeholder{
color:#000;
}
.site-description {
font-size:14px;
color:#222;
}
.form_ricerca_header {
text-align:right;
}
#lang_sel_list ul {
float: right;
}
#lang_sel_list {
margin-top: 20px;
}
.box_home_inside {
padding: 30px;
}
.homepage-abc-grigio {
background:#eee;
}
.immagine_home_box {
height:220px;
width: 220px;
}
/*.box_1 {*/
/* background: url("../i/Healthcare-recording-imaging.jpg") no-repeat right top;*/
/* background-color:#fff;*/
/*}*/
/*.box_2 {*/
/* background: url("../i/industry-logistics-labels-tickets.jpg") no-repeat right top;*/
/* background-color:#fff;*/
/*}*/
.row.cycle-slide {
width: 100%;
}
.cycle-pager {
text-align: center;
cursor: pointer;
font-family: arial;
}
.cycle-pager span {
opacity:0.3;
font-size: 50px;
line-height: 20px;
}
.cycle-pager .cycle-pager-active {
opacity:1;
}
.contenitore_slider .cycle-prev, .contenitore_slider .cycle-next{
position:absolute;
top:50%;
bottom:50%;
z-index: 100;
font-size:20px;
background-color:rgba(0, 0, 0, 0.05);
width: 40px;
height: 40px;
display: block;
border-radius: 100%;
text-align: center;
line-height: 40px;
text-decoration:none;
}
.contenitore_slider .cycle-prev {
left:0;
}
.contenitore_slider .cycle-next{
right:0;
}
.contenitore_slider .cycle-prev:hover, .contenitore_slider .cycle-next:hover {
background-color:rgba(0, 0, 0, 0.1);
}
.text_search {
font-size:12px;
}
/*
td:empty {
display:none;
}
th:empty {
display:none;
}
*/
.clickable-row {
cursor:pointer;
}
.thumb_sfondo_grigio {
text-align:center;
}
.thumb_sfondo_grigio img {
margin:0 auto;
width:100%;
}
.box_home.box_home_small {
border: 1px solid #ddd;
margin-bottom: 30px;
}
.inside_promo_home .btn {
display: block;
font-size: 18px;
padding: 14px;
}
header {
background: #fff;
/*border-bottom: 1px solid #ddd;
position: fixed;*/
width: 100%;
z-index: 1100;
/*position: relative;*/
position: fixed;
}
.border{
border: 1px solid #ddd;
}
.position-relative{
position: relative;
}
#flags_language_selector{
text-align: right;
display: inline-block;
}
.menu-menu_primary-italiano-container {
text-align: right;
}
ul.menu li {
margin-left: 20px;
}
header #lang_sel {
z-index: 900;
}
header #lang_sel > ul > li > a {
background: #ddd !important;
border: 0;
}
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
margin-top: -10px;
padding: 0;
cursor: pointer;
border: none;
outline: none;
background-color:transparent;
background-repeat: no-repeat;
z-index: 50;
}
.slick-prev {
left: 30px;
transform: rotate(180deg);
background-image:url(../i/freccia-arancio.svg);
}
.slick-next {
right: 30px;
background-image:url(../i/freccia-arancio.svg);
}
p.accua-qtrans-content-available-languages {
background-color: #ffc;
padding: 10px;
border: 1px solid #ee3;
}
.dropdown-menu>.active>a {
color: #fff !important;
}
button[type="submit"] {
background: #e17035;
color: #fff;
cursor: pointer;
padding: 8px 15px;
border-radius: 24px;
font-weight: bold;
color: #fff !important;
margin: 2px 0;
border: none;
font-size: 16px;
padding: 15px 25px 15px 25px;
border-radius: 35px;
}
.single_news_home{
text-align: center;
}
.single_news_home .inside{
padding: 10px;
}
#language_list li {
margin-right: 10px;
color: #b1b1b1;
}
div#language_list li a {
margin-left: 5px;
font-size: 14px;
}
div#language_list li a:hover {
background: transparent;
color: #444 !important;
}
div#language_list li{
font-size: 14px;
}
#language_list img {
margin-right: 3px;
margin-bottom: 2px;
}
span.lingua-corrente {
/* font-weight: bold; */
color: #747474 !important;
}
.fascia-blu{
background: #192e4f; /*0054a4*/
color: #fff;
}
.fascia-blu h2{
color: #fff;
}
.icon-footer-container{
text-align: center;
height: 65px;
}
.icon-footer{
height: 60px;
}
.icon-footer-italy{
height: 40px;
}
span.made-in-italy {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
#main_content .tab button.active {
background-color: #eeeeee;
}
#main_content .tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
background: #fbfbfb;
}
#main_content .tab {
overflow: hidden;
}
#tabs legend {
border:0;
}
#tabs form {
background: #eeeeee;
margin: 0 !important;
padding: 20px;
}
.wrapper-class-filemanager #tabs form, .cimatti_filemanager_folder_filelist form {
padding: 0 !important;
}
.wrapper-class-filemanager img, .cimatti_filemanager_folder_filelist img {
max-width: none;
}
#squeeze #tabs form {
background: unset;
}
#tabs form fieldset {
width: 47%;
float: left;
text-align: left;
margin-right: 2%;
}
#tabs-2 {
display: none;
}
#tabs form .pfbc-radio {
width: 20%;
float: left;
}
#tabs form:after {
display: block;
clear: both;
content: " ";
}
#banner_home{
margin-top: -80px; filter: contrast(1.5);
height: 505px;
background-size: cover;
z-index: 1;
background-position: top;
}
.header_section_2023 .abc-col-logo-2023 img{
filter: brightness(0) invert(1);
}
.abc-col-logo-2023, #menu_header{
z-index: 5;
}
.header_section_2023 a{
color: #fff !important;
}
.contenitore_lingue.contenitore_lingue-2023 {
display: inline-block;
position: absolute;
right: 0;
top: 2px;
}
img#logo-modul {
margin-right: 30px;
}
.header_section_2023_ {
padding-top: 5px;
}
#grid-item-menu a{
font-weight: bold;
cursor: pointer;
position: relative;
}
#grid-item-menu .medical-menu a:hover{
color: #ec682f;
}
.social {
width:32px;
height:32px;
margin:20px 20px 0 0;
display:inline-block;
}
.img-prodotto {
max-width: 100%;
height: auto;
max-height: 480px;
width: auto;
margin: 10px;
}
#vertical-2 {
max-width: 400px;
margin-top: 30px;
}
/*.linkedin {*/
/* background:url("../i/linkedin.png") no-repeat;*/
/*}*/
/*.youtube {*/
/* background:url("../i/youtube.png") no-repeat;*/
/*}*/
/*.instagram {*/
/* background:url("../i/instagram.svg") no-repeat;*/
/*}*/
span.logo-etirib, span.logo-etirib strong {
color: #1e8793 !important;
font-size: 30px;
}
hr {
border-top: 1px solid #d7d7d7;
margin-bottom: 15px;
}
img.img-ombra {
height: 295px;
width: auto;
}
/*
.img-ombra {
filter: drop-shadow(7px 10px 10px #ddd);
rotate: deg(30);
transform: rotate(336deg);
margin-top: 50px;
/* width: 2000px; */
/* scale: 1.5; * /
-webkit-transform: scaleX(-1);
transform: scaleX(-1) rotate(28deg);
}*/
.container-img {
height: 330px;
text-align: center;
display: flex;
background: linear-gradient(109deg, #f0f0f1 50%, #ddd 40%);
align-items: center;
justify-content: center;
padding: 15px;
}
.img__description {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(0 57 116 / 89%);
color: #fff;
visibility: hidden;
opacity: 0;
transition: 0.3s;
margin: 0;
padding: 15px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.wrap:hover .img__description {
visibility: visible;
opacity: 1;
}
#information{
background: #dddddd;
padding: 50px 0;
}
.box-machine.position-relative {
background: #fff;
border-radius: 30px;
overflow: hidden;
}
.box-machine .title_container{
padding: 15px 30px;
}
.box-machine .title_container h2 {
margin-top: 0;
font-weight: normal;
font-size: 18px;
line-height: 20px;
min-height: 50px;
}
.box-machine img{
margin-bottom: -7px;
}
.bg-fascia-prodotto {
background: linear-gradient(186deg, #ffffff, #192e4f66);
}
.bg-fascia-prodotto img {
margin-bottom: -7px;
margin-top: -50px;
}
footer a {
color: #fff;
text-decoration: underline;
}
footer a:hover {
color: #f5f5f5;
}
a.btn.pulsante-header {
background: #fff;
color: #00326f;
cursor: pointer;
padding: 8px 15px;
border-radius: 24px;
font-weight: bold;
text-transform: uppercase;
}
.accua-form-view-sidebyside .pfbc-textbox, .accua-form-view-sidebyside .pfbc-textarea, .accua-form-view-sidebyside .pfbc-select{
padding: 8px;
background: #fff !important;
border-radius: 12px;
}
/*#why-choose-up{*/
/* min-height: 700px;*/
/* background-color: black;*/
/* background-image: linear-gradient(90deg, #f9f9f90d, #00000080), url(../i/universalpack-uk-banner.jpg);*/
/* background-size: cover;*/
/* background-repeat: no-repeat;*/
/* background-position: left bottom;*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*#why-choose-up h1, #why-choose-up p{*/
/* color: #fff;*/
/*}*/
#market-home {
display: flex;
background-color: #031625;
}
#market-home:hover .tl-item {
width: 23.3333%;
}
.tl-item {
transform: translate3d(0, 0, 0);
position: relative;
width: 25%;
height: 30vh;
min-height: 400px;
color: #fff;
overflow: hidden;
transition: width 0.5s ease;
}
.tl-item:before, .tl-item:after {
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.tl-item:after {
background: #00000024;
opacity: 1;
transition: opacity 0.5s ease;
}
.tl-item:before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 93%) 75%);
z-index: 1;
opacity: 0;
transform: translate3d(0, 0, 0) translateY(50%);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.tl-item:hover {
width: 100% !important;
}
.tl-item:hover:after {
opacity: 0;
}
.tl-item:hover:before {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(0);
transition: opacity 1s ease, transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
opacity: 1;
transform: translateY(0);
transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
filter: grayscale(0);
}
.tl-content {
transform: translate3d(0, 0, 0) translateY(25px);
position: relative;
z-index: 1;
text-align: center;
margin: 0 1.618em;
top: 55%;
opacity: 0;
}
.tl-content .btn{
background: #fff;
color: #192e4f;
margin-top: 25px;
display: inline-block;
}
.tl-content h2 {
text-transform: uppercase;
color: #95c11f;
font-size: 1.44rem;
font-weight: normal;
}
.tl-year {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
text-transform: uppercase;
}
.tl-year p {
line-height: 3;
margin: 0;
font-size: 22px;
}
.tl-bg {
transform: translate3d(0, 0, 0);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
transition: filter 0.5s ease;
filter: grayscale(50%);
}
#tipologia.filter, #need.filter, #categoria.filter{
display: block;
position: relative;
position: relative;
padding: 10px;
padding-top: 5px;
background: #f9f9f9;
}
button#mostra-filtri, button#mostra-filtri-need {
display: block;
float: none;
width: 100%;
border-radius: 0;
background: #1b5ea5;
padding: 10px;
border: none;
margin-bottom: 0;
font-weight: normal;
display: none;
}
button#mostra-filtri-tipologia{
display: none;
}
button#chiudi-filtro-tipologia, button#chiudi-filtro-need {
position: absolute;
bottom: 20px;
background: #ddd;
color: #333;
border-radius: 0;
border: #aaa;
padding: 7px 15px;
right: 10px;
display: none;
}
button#mostra-filtri:focus, button#chiudi-filtro-tipologia:focus, button#mostra-filtri-need:focus, button#chiudi-filtro-need:focus {
outline: none;
}
.filtro ul {
list-style: none;
padding-left: 15px;
}
.filtro>ul {
padding-left: 0;
}
.grid-area .grid-box {
border-radius: 30px;
overflow: hidden;
background: #e9e9e9;
}
.grid-area .grid-box .container-text h2, .row-text h2{
margin-top: 0;
}
.grid-area .grid-box .container-text {
padding: 10px 20px;
}
ul.sidebar-link {
list-style: none;
padding-left: 0;
}
.sidebar-link a {
width: 100%;
padding: 10px 20px;
background: #e9e9e9;
display: block;
margin-bottom: 10px;
font-weight: bold;
border-radius: 0 30px 30px 0;
background-image: url('../i/arrow_forward_ios_FILL0_wght400_GRAD0_opsz24.svg');
background-repeat: no-repeat;
background-position: 96%;
background-size: 20px;
}
.img-rounded img {
border-radius: 30px;
}
.img-rounded video {
border-radius: 30px;
}
.img-rounded video.video-left {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.img-rounded video.video-right {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.wrap{
border-radius: 30px;
overflow: hidden;
}
span#menu_mobile_open img {
/*filter: invert(1);*/
}
#area-banner .banner{
height: 850px;
background-position: bottom;
background-size: cover;
padding-top: 80px;
}
#area-banner .bannerone-video {
/*height: 75vh;*/
height: 37vw;
}
#area-banner{
position: relative;
/*margin-top: -80px;*/
}
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
position: absolute;
bottom: 0;
width: 100%;
}
.slick-dots button {
display: block;
width: 10px;
height: 10px;
padding: 0;
border: none;
border-radius: 100%;
background-color: #9A9A9A;
color: transparent;
}
.slick-dots li.slick-active button {
background-color: #002857;
color: transparent;
}
.slick-dots li{
margin-right: 10px;
}
h1.border-left{
color: #002857;
border-left: 5px solid #ec682f;
padding-left: 10px;
}
h2.border-left, h3.border-left, .title-border-left h2, .title-border-left h1, .title-border-left h3 {
color: #002857;
border-left: 5px solid #ec682f;
padding-left: 10px;
/*font-size: 34px;*/
/*line-height: 39px;*/
}
footer h2.border-left{
font-size: 34px !important;
line-height: 39px !important;
}
.title-border-left h3 {
font-weight: bold;
margin: 30px 0;
}
h3.border-left{
font-weight: bold;
font-size: 22px;
line-height: 25px;
}
.content-border-left{
color: #002857;
border-left: 5px solid #ec682f;
padding-left: 10px;
}
.banner-descr{
color: #002857;
margin-bottom: 35px;
font-weight: bold;
}
#area-banner div.banner-descr p {
font-size: 20px !important;
}
.riga-con-logo {
display: grid;
grid-template-columns: 3fr 2fr;
column-gap: 60px;
}
#area-banner h2.border-left {
font-size: 30px;
display: block;
line-height: 45px;
}
#row1 .grid-container-3 {
column-gap: 100px;
margin-top: -70px;
z-index: 10;
position: relative;
justify-items: center;
}
#row1 .grid-container-3 .box-news {
padding-bottom: 55px;
width: 70%;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
#row1 .grid-container-3 .box-news p {
font-size: 21px;
line-height: 27px;
}
#row1 .grid-container-3 .box-news img {
height: 85px;
}
form .border-left {
margin-bottom: 50px;
}
.colonna-interna {
display: grid;
grid-template-columns: 1fr 2fr;
/*margin-top: 50px;*/
margin-top: 100px;
}
#area-banner .colonna-interna {
display: grid;
grid-template-columns: 1fr;
margin-top: 100px;
}
#row1 .colonna {
height: 370px;
padding: 70px 50px;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
background-position: top center !important;
background-size: cover !important;
}
#row1 .colonna.colonna-piccola {
height: 100px;
padding: 20px 0;
}
#row1 .colonna.justify-space-between {
justify-content: space-between;
}
#row1 .colonna.border-b-orange {
border-bottom: 5px solid #ed693c;
}
#row2{
background: #fff;
}
#row3{
background: #F5F8FD;
}
div#row3.terzo-livello {
background: #e5e7ed;
}
div#pre-row-3 {
background: #f6f8ff;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.tab-sottocategoria{
padding: 15px 30px;
}
.tab-sottocategoria.current-tab {
background: #e5e7ed;
color: #ec682f;
}
.flex-center{
display: flex;
flex-direction: column;
justify-content: center;
}
.flex-center-center{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
a.btn.right-block-btn {
display: block;
width: fit-content;
float: right;
/*margin-top: 30px;*/
}
small.titoletto {
font-size: 0.9em;
font-weight: bold;
color: #ec682f;
letter-spacing: 0.8px;
}
.box-news {
padding: 30px;
background: #F6F8FE;
/*margin-right: 60px;*/
box-shadow: 10px 5px 5px #0000002e;
border-radius: 30px;
}
.box-nomargin .box-news{
margin-right: 0px;
}
.box-news p {
font-size: 16px;
line-height: 20px;
}
.box-news.position-relative a.btn {
/*background: #002857;*/
color: #fff;
cursor: pointer;
border-radius: 100%;
font-weight: normal;
width: 30px !important;
height: 30px !important;
display: flex !important;
align-items: center;
font-size: 26px;
line-height: 30px;
justify-content: center;
padding: 0;
position: absolute;
bottom: 30px;
right: 30px;
}
/* serve per fare slick con mezzo box finale e spazio iniziale*/
.box-news.empty{
visibility: hidden;
width: 150px !important;
}
/**/
.box-news .container-img-news{
min-height: unset;
}
#latest-news .box-news .container-img-news{
min-height: unset;
}
.box-news h3.border-left {
margin-bottom: 35px;
}
#latest-news .box-news h3.border-left {
margin-bottom: 1em;
}
#latest-news h2 {
margin-top: 0;
}
h2 span {
color: #ec682f;
}
.m-t-30{
margin-top: 30px;
}
.m-t-50{
margin-top: 50px;
}
.m-t-100{
margin-top: 100px;
}
.m-b-30{
margin-bottom: 30px;
}
.m-bt-0{
margin-top: 0px;
margin-bottom: 0px;
}
.m-t-0{
margin-top: 0px;
}
.orange{
color: #ec682f !important;
}
.align-items-center{
align-items: center !important;
}
div.bannerone-video {
overflow: hidden;
display: grid;
background: #fff;
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
align-items: end;
aspect-ratio: 1750 / 726;
height: 790px;
}
#row4{
display: grid;
}
.bannerone-video video {
/*max-width: 100vw;*/
/*width: 100vw;*/
height: auto;
grid-column-start: 1;
grid-row-start: 1;
opacity: 1;
border: 0;
z-index: 1;
background-size: cover;
overflow: hidden;
width: 100vw;
}
.over-video{
grid-row-start: 1;
grid-column-start: 1;
z-index: 10;
padding: 20px 0;
background: linear-gradient(180deg, #ffffff00, #ffffff);
}
.over-video.overlay-home {
background: linear-gradient(0deg, #ffffff00, #ffffff);
height: 100%;
}
#area-banner .colonna-interna{
margin-top: 0;
}
.slick-multiple-items-arrow{
width: 100%;
}
#footer{
background: #002857;
color: #fff;
}
#footer p, #footer h2, footer h3{
color: #fff;
}
#footer .footermenu li {
padding: 0;
margin-left: 0;
}
#footer .footermenu li a {
text-decoration: none;
}
div#footer-end, #end-sidemenu {
opacity: 0.5;
}
#end-sidemenu{
margin-top: 120px;
}
div#footer-end a{
text-decoration: none;
}
/*home header */
#abc_header{
transition: 0.6s;
border-bottom: 1px solid #eee;
}
header.header_home {
background: transparent;
border: 0;
}
.abc-col-logo-2023 img {
transition: 0.6s;
min-width: 200px;
}
header.header_home .abc-col-logo-2023 img {
display: none;
}
header.header_home.head_in_scroll{
background: #fff;
}
header.header_home.head_in_scroll .abc-col-logo-2023 img {
display: block;
}
header.head_in_scroll{
border-bottom: 1px solid #f5f8fd;
}
div#fascia-prodotti-in-tax {
/*background: #ec682f;*/
background: #F5F8FD;
}
.box-in-fascia img{
filter: invert(0.9) sepia(1) saturate(1000%) hue-rotate(195deg) brightness(0.9);
max-width: 200px;
/*height: 50px;*/
height: 80px;
transform: scale(0.7);
transition: all 0.3s;
}
.box-in-fascia {
padding: 20px 0;
display: flex;
flex-direction: column;
align-items: center;
font-size: 16px;
/*color: #fff;*/
row-gap: 10px;
position: relative;
transition: all 0.3s;
min-width: 8%;
font-weight: bold;
}
.products .box-in-fascia img{
filter: none;
}
/*.products .box-in-fascia{*/
/* color: #fff;*/
/* font-weight: normal;*/
/*}*/
/*.products .box-in-fascia img{*/
/* filter: unset;*/
/*}*/
.box-in-fascia p {
margin-bottom: 0;
}
.box-in-fascia:hover, .box-in-fascia.current_machine {
color: #ec682f;
}
.box-in-fascia:hover img, .box-in-fascia.current_machine img {
filter: invert(0.5) sepia(1) saturate(4) hue-rotate(335deg) brightness(1.1);
}
.products .box-in-fascia.current_product, .products .box-in-fascia:hover {
filter: invert(0.5) sepia(1) saturate(4) hue-rotate(335deg) brightness(1.1);
/*background: #002857;*/
}
#row3.terzo-livello.products .box-in-fascia.current_product,
#row3.terzo-livello.products .box-in-fascia:hover {
background: unset;
}
.products .box-in-fascia.current_product img, .products .box-in-fascia:hover img {
filter: brightness(0) invert(1);
}
.products .box-in-fascia.current_product .color-blu, .products .box-in-fascia:hover .color-blu {
color: #fff;
}
.products .box-in-fascia.current_product .color-blu, .products .box-in-fascia:hover .color-blu {
/*color: #002857;*/
color: #fff;
/*border-bottom: 3px solid #ec682f;*/
}
.box-in-fascia:hover img, .box-in-fascia img {
transform: scale(0.8); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.header-machine{
background-color: #f7f9fd;
background-image: url(../i/sfondo-prod.svg);
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
}
/* BEGIN - Galleria orizzontale https://codepen.io/bibomato/pen/poqYzeq */
/*section {*/
/* height: 100vh;*/
/*}*/
.container {
padding: 5rem;
}
.scroll_container {
height: 400vh;
}
.horizontal_scroll {
position: absolute;
top: 0;
height: 100%;
/*width: 400vw;*/
will-change: transform;
display: flex;
justify-content: center;
align-items: center;
}
.scroll_contents {
height: 100%;
width: 100vw;
display: flex;
flex-direction: column;
}
.sticky_wrap {
overflow: hidden;
position: sticky;
top: 0;
height: 100vh;
padding: 50px 50px 0 50px;
}
.left {
margin-top: 5vh;
margin-left: 5vw;
}
.right {
text-align: right;
margin-top: 85vh;
margin-right: 5vw;
}
/*.banner-gallery {*/
/* width: 100%;*/
/* height: 50px;*/
/* background-color: #dc5c08;*/
/* display: block;*/
/* margin-bottom: 10px;*/
/*}*/
.scroll_contents img {
width: auto;
height: 35vh;
object-fit: cover;
border-radius: 30px;
/*margin-bottom: 20px;*/
box-shadow: 6px 6px 6px #cdcdcd;
}
.img-container {
padding: 30px;
}
/*begin - Horizontal gallery Bea*/
#gallery-masonry{
position: relative;
}
#gallery-masonry .container {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
padding-left: 5%;
padding-bottom: 0;
}
#gallery-masonry .masonry {
column-gap: 20px;
column-count: 8;
width: 120vw;
}
#gallery-masonry .brick {
box-sizing: border-box;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
counter-increment: brick-counter;
}
#gallery-masonry img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
margin-bottom: 20px;
box-shadow: 6px 6px 6px #cdcdcd;
}
span.big-blu {
color: #002857;
}
/* End - Horizontal gallery Bea*/
/*width*/
#gallery-masonry ::-webkit-scrollbar {
height: 15px;
}
/*Track*/
#gallery-masonry ::-webkit-scrollbar-track {
background: #f1f1f1;
}
/*Handle*/
#gallery-masonry ::-webkit-scrollbar-thumb {
background: #002857aa;
cursor: pointer;
}
/*Handle on hover*/
#gallery-masonry ::-webkit-scrollbar-thumb:hover {
background: #002857;
cursor: pointer;
}
.contact-button{
z-index: 500;
width: 60px;
height: 60px;
display: block;
border-radius: 100%;
border: 1px solid #002857;
position: fixed;
bottom: 20px;
right: 20px;
background: #fff;
align-content: center;
text-align: center;
/* add pulse animation */
animation: pulse 2s infinite;
/* background: rgb(0 0 0 / 0) var(--joinchat-ico) 50% no-repeat; */
box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, .24);
cursor: pointer;
transition: background-color .2s linear;
}
.hidden{
visibility: hidden;
}
.no-thumb {
width: 100%;
opacity: 0.2;
}
div#prod-main-features img {
height: 95px;
width: auto;
}
.area-slogan p{
margin-bottom: 0;
}
/* definition of pulse animation */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.box-product-in-machine small, #main_benefits small {
font-weight: bold;
color: #ec682f;
}
.box-product-in-machine {
color: #002857;
margin: 100px 0;
}
.box-product-in-machine .first-img img{
border-radius: 30px;
}
.box-product-in-machine .title_container h2 {
margin-top: 0;
margin-bottom: 30px;
}
.box-product-in-machine .box-elenco, #all_benefits .box-elenco {
background: #F6F8FE;
padding: 20px 30px;
}
.box-product-in-machine .box-elenco li::marker, #all_benefits .box-elenco li::marker {
color: #ec682f;
}
.box-elenco strong {
color: #ec682f;
}
.box-elenco h3 strong{
color: #002857;
}
.box-product-in-machine.style1 .title_container,
.box-product-in-machine.style2 .title_container {
display: flex;
justify-content: space-between;
align-items: center;
}
.category-area {
background: #ec682f;
text-align: center;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.div-height-100, .div-height-100 div{
height: 100%;
}
.img-bg{
height: 100%;
width: 100%;
display: block;
border-radius: 30px;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
.box-testimonial {
text-align: center;
color: #002857;
}
div#fascia-testimonial {
background: #F5F8FD;
padding-bottom: 100px;
}
.box-testimonial img {
border-radius: 30px;
}
.box-testimonial h3 {
font-weight: bold;
}
.first-img .slick-dots li.slick-active button {
background-color: #d9d9d9;
}
.box-product-simple {
background: #f5f8fd;
display: flex;
border-radius: 30px;
margin-bottom: 20px;
box-shadow: 6px 6px 6px #cdcdcd;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
padding: 30px;
justify-content: space-between;
}
.header-product{
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
min-height: 480px;
display: flex;
align-items: center;
}
.white{
color: #fff !important;
}
.uppercase{
text-transform: uppercase;
}
.box_product_cat {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: relative;
}
.contenitore_icona_product_type {
height: 100px;
width: 100px;
border-radius: 100%;
background: #ffffff;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
}
.box_product_cat:hover .contenitore_icona_product_type, .box_product_cat.current_1 .contenitore_icona_product_type {
background: #002857;
}
.box_product_cat:hover .contenitore_icona_product_type img, .box_product_cat.current_1 .contenitore_icona_product_type img {
filter: brightness(0) invert(1);
}
.scale-icon .contenitore_icona_product_type {
scale: 0.7;
}
.box_product_cat p {
font-weight: 500;
color: #002857;
margin-bottom: 0;
}
.box_product_cat.current_1 p {
border-bottom: 4px solid #e17035;
}
.color-blu{
color: #002857;
}
.grid-container-benefits-2 .genitore_image{
text-align: right;
}
.grid-container-benefits-2{
position: relative;
}
.grid-container-benefits-2 .sfondino{
background: #F6F8FE;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 80%;
z-index: -1;
}
.sfondino{
background: #F6F8FE;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 80%;
z-index: -1;
}
.sfondino.sfondino-jolly {
border-radius: 30px;
left: 5%;
height: 75%;
box-shadow: 6px 6px 6px #cdcdcd;
box-shadow: 6px 6px 6px #cdcdcd;
}
#main_benefits img {
border: 1px solid #ddd;
}
#main_benefits img {
border: 1px solid #ddd;
}
#main_benefits .img-rounded .grid-container-benefits-2 img {
border-radius: 30px 0 0 30px;
border-right: 0;
}
#main_benefits .img-rounded .grid-container-benefits-1 img {
border-radius: 0 30px 30px 0;
border-left: 0;
}
.main_benefits .img-rounded .grid-container-benefits-2 img {
border-radius: 30px 0 0 30px;
border-right: 0;
}
.main_benefits .img-rounded .grid-container-benefits-1 img {
border-radius: 0 30px 30px 0;
border-left: 0;
}
.grid-container-benefits-2 .contatore p {
background: #ec682f;
text-align: right;
padding-right: 20px;
border-radius: 0 40px 40px 0;
font-weight: bold;
display: flex
;
align-items: center;
justify-content: flex-end;
min-height: 63px;
}
.grid-container-benefits-1 .contatore p {
background: #ec682f;
text-align: right;
padding-right: 20px;
border-radius: 40px 0 0 40px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 63px;
}
.contatore p {
font-size: 30px;
}
div#main_benefits h2, div#all_benefits h2, #jolly h2 {
font-size: 50px;
line-height: 50px;
margin-top: 0;
}
#jolly h3{
font-weight: bold;
line-height: 35px !important;
}
a.button-right {
background: #e17035;
padding: 15px 40px;
padding-right: 100px;
color: #fff;
cursor: pointer;
border-radius: 30px 0 0 30px;
}
a.button-right:hover{
background: #002857;
}
.riga_techdata .item-grid {
background: #f6f8fe;
padding: 3px 10px;
}
.grid-container-benefits-1 h3, .grid-container-benefits-2 h3{
margin-top: 0;
}
.title-strong h3{
font-weight: bold;
margin-top: 0px;
}
/*.linguetta {*/
/* position: absolute;*/
/* bottom: -20px;*/
/* background: #002857;*/
/* height: 25px;*/
/* left: 0;*/
/* right: 0;*/
/* border-radius: 0 0 20px 20px;*/
/*}*/
/*div#row3.terzo-livello .linguetta {*/
/* display: none;*/
/*}*/
#row-testimonial{
background: #F5F8FD;
}
.display_inlineblock{
display: inline-block !important;
}
div#row-testimonial .slick-dots {
bottom: -60px;
}
form.accua-form {
padding: 30px 50px;
background: #e1e5ea;
border-radius: 30px;
box-shadow: 6px 6px 6px #cdcdcd;
}
/*.contact-form.contact-form-orizzontale form.accua-form {*/
/* padding: 0;*/
/* padding-top: 30px;*/
/* background: #ffffff;*/
/* border-radius: unset;*/
/* box-shadow: unset;*/
/*}*/
.pfbc-fieldwrap.width-custom-checkbox {
width: 100% !important;
}
.pfbc-fieldwrap.width-custom-checkbox label {
font-size: 17px;
}
div#row3.fullscreen {
min-height: 60vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.box-elenco {
padding: 20px;
background: #f6f8fe;
margin-bottom: 30px;
}
h4 {
font-weight: bold;
border-bottom: 1px solid #ec682f;
padding-bottom: 5px;
}
.dimensions-table thead {
text-transform: uppercase;
}
.dimensions-table table {
width: 100%;
border-spacing: 30px 0;
}
.dimensions-table tbody td {
background: #f6f8fe;
padding: 5px 10px;
text-align: center;
width: 50%;
}
.dimensions-table {
padding-left: 60px;
}
.text-ofb ul {
background: #f5f8fd;
padding: 30px;
padding-left: 50px;
width: 70%;
margin-bottom: 80px;
}
.grid-container-2-3 .item-grid .btn-primary {
font-weight: bold;
padding: 10px 20px 10px 20px;
margin: 20px 0;
}
.rotate-90{
rotate: 90deg;
}
.accordion-header{
cursor: pointer;
border-bottom: 3px solid #e57943;
}
/* MAP - https://simplemaps.com/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.map-container {
display: flex;
justify-content: center;
margin: 20px 0;
}
#map {
width: 60vw;
height: auto;
}
/* select */
.chosen-container {
font-size: inherit !important;
}
.chosen-container-single .chosen-single {
height: 30px !important;
background: #ffffff !important;
line-height: inherit !important;
}
/*––––––––––––––––––––END MAP––––––––––––––––––––– */
/* Service Points
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.service_point {
background-color: #F6F8FF;
width: 100% !important;
}
.title_container {
grid-template-columns: 1fr 9fr;
display: grid;
margin-left: 20px;
}
.box-product-in-machine .title_container{
margin-left: 0;
}
.title_container h2 {
text-transform: uppercase;
}
.vl {
top: 40px;
left: 70%;
height: 20px;
border-left: 4px solid #ec682f;
position: relative;
}
.map_point {
width: 250px;
height: 250px;
margin: 40px;
border-radius: 20px;
justify-self: end;
}
.mappa_map {
width: 250px;
height: 250px;
border-radius: 20px;
}
.ol-zoom, .ol-rotate, .ol-attribution {
display: none;
}
.ol-viewport {
border-radius: 20px;
}
.service-divider {
width: 95%;
border: 1px solid #ec682f;
grid-column-start: 2;
grid-column-end: 4;
margin-right: 5%;
}
.single_service_point:last-of-type {
.service-divider {
display: none;
}
}
.service_point_type {
width: max-content;
padding: 5px 8px;
margin-top: 10px;
background-color: #ec682f;
border-radius: 10px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
font-size: medium;
margin-right: 5px;
}
#map_access {
display: none;
}
#service-point-container {
scroll-margin-top: 100px;
}
/*––––––––––––––––––––END Service point––––––––––––––––––––– */
/*---- BEGIN - Timeline About ----*/
.timeline-container,
.timeline-container::before,
.timeline-container::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.timeline-container a {
color: inherit;
}
.timeline-container {
padding-bottom: 50px;
}
.timeline-container .horizontal-line {
border-bottom: 3px solid #ec682f;
margin-top: -35px;
}
.before-location{
background-image: url('../i/map-pin.svg');
width: 20px;
height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
}
.before-date{
background-image: url('../i/calendar.svg');
width: 20px;
height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
}
.play-icon:before {
font-size: 30px;
text-decoration: none;
color: #fff;
width: 60px;
height: 60px;
overflow: hidden;
margin: -30px 0 0 -30px;
position: absolute;
top: 50%;
left: 50%;
display: block;
content: " ";
background: url(../i/media-video.svg) no-repeat center center;
}
.riga-sottocategoria>div {
display: flex;
flex-direction: row;
align-items: flex-start;
margin: 10px 0;
column-gap: 10px;
margin-right: 15px;
}
.sottocategoria {
padding: 30px;
background: #f6f8fe;
border-radius: 30px;
}
.sottocategoria small{
line-height: 20px;
display: block;
margin-top: 10px;
}
div.bannerone-video.tmp-about {
background: #002b55;
}
/* ---- END - Timeline About ---- */
#link-reserved-area{
position: absolute;
top: 60px;
left: 50px;
width: 165px;
display: block;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #e16f34;
text-align: center;
padding: 5px;
color: #fff;
cursor: pointer;
}
#link-reserved-area-2{
display: block;
align-items: center;
justify-content: center;
padding: 5px;
color: #002857;
cursor: pointer;
font-weight: bold;
border-bottom: 3px solid #ec682f;
}
#fascia-prodotti-in-tax .grid-container {
width: 100%;
}
#fascia-prodotti-in-tax .grid-container .flex-line {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.application.box-news p {
font-size: 26px;
font-weight: bold;
}
.tabs {
list-style: none;
display: flex;
/*border-bottom: 2px solid #ccc;*/
padding: 0;
margin: 0;
}
.tabs li {
padding: 20px 30px;
cursor: pointer;
border-bottom: 3px solid #E16F36;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#pre-row-3 .tabs li {
padding: 10px 30px;
}
.tabs-container-solutions .tabs li{
border-bottom: none;
font-weight: normal;
color: #ffffff;
display: flex;
flex-direction: row;
column-gap: 10px;
}
.tabs li.active {
background: #E5E7ED;
border-bottom: 0px;
z-index: 50;
color: #E16F36;
}
.tabs-container-solutions .tabs li img{
filter: brightness(0) invert(1);
}
.tabs-container-solutions .tabs li.active img{
filter: none;
}
.tabs-container-solutions .tabs li.active{
background: #f5f8fd;
font-weight: bold;
}
.border-b-orange {
border-bottom: 3px solid #e57943;
}
.filter-white{
filter: brightness(0) invert(1);
}
.btn-primary.discover-more-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
column-gap: 30px;
padding: 5px;
padding: 10px 30px;
width: fit-content;
}
.tab-content {
display: none;
background: #E5E7ED;
}
.tab-content.active {
display: block;
text-align: center;
width: 100%;
}
.container-accordion{
padding: 0 30px;
background: #ffffff;
border: 1px solid #e57943;
}
.tabs-container{
width: 100%;
display: flex; align-content: center;
justify-content: center;
}
.tabs-container-solutions{
background: #002857;
flex-direction: column;
}
.inner {
position: absolute;
/*width: 100%;*/
left: 0;
right: 0;
bottom: 0px;
border: 4px solid #e57943; /* Bordo dell'elemento figlio */
}
/* about */
.download-sustainability {
display: inline-block;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 25px;
margin: 30px 0;
padding: 20px 40px;
border: 2px solid #ec672c;
border-radius: 30px;
cursor: pointer;
}
.download-sustainability:hover {
background: #ec672c;
color: #fff;
}
div#sustainability .boxettino p,
div#social-com-box .boxettino p ,
div#go .boxettino p ,
div#mr .boxettino p {
font-size: 25px !important;
font-weight: bold;
margin-bottom: 0;
margin-top: 10px;
}
div#boxettini-go .boxettino img {
height: 60px;
}
.title-green h3, .p-green{
color: #005528 !important;
}
.title-green h3{
font-weight: bold;
}
div#sdgs p {
font-weight: bold;
font-size: 25px;
line-height: 31px;
}
div.bottom-orange-area {
position: absolute;
bottom: 0;
height: 250px;
background: #EC6A3C;
left: 0;
right: 0;
z-index: -1;
opacity: 0.75;
}
div#cta {
padding: 25px 0;
}
#cta #sfondino-cta{
background: #e16f36;
position: absolute;
top: 20px;
bottom: 20px;
left: 0;
right: 0;
z-index: -1;
}
#cta img {
max-height: 200px;
}
#cta .grid-container {
justify-items: center;
}
#cta .p-bt-30 {
padding-top: 0;
margin-bottom: 10px;
}
#cta p{
font-size: 25px;
line-height: 35px;
color: #fff;
font-weight: bold;
}
a.bottone-bianco {
background: #fff;
padding: 10px 25px;
border-radius: 30px;
text-transform: uppercase;
font-weight: bold;
color: #6E6E6E;
}
a.bottone-bianco.bottone-contact {
background-image: url('../i/mail.svg?v=2') !important;
background-repeat: no-repeat !important;
background-size: 30px 30px !important;
padding-left: 65px !important;
background-position: 20px !important;
}
.download-image p {
font-size: 54px;
font-weight: bold;
margin: 30px 0;
}
.overlay-content_hamburger .hide-menu-hamburger{
display: none;
}
.box-in-fascia h3 {
margin: 0;
}
#ofb .box-product-simple img {
width: 130px;
}
#latest-news .text-news{
min-height: 140px;
}
.grid-container-2 .load-cells {
padding-bottom: 20px;
}
#row1.row_home .grid-container-3 .box-news h2 {
margin: 0;
}
#row1.row_home .grid-container-3 .box-news .grid-container-2 {
align-items: center;
}
#form-service-point form .pfbc-element-0.pfbc-element {
justify-content: end;
display: flex;
}
.video-desktop{
display: block;
}
.video-mobile{
display: none;
}
/* sviluppo multilingua */
a.button_lingue.button_lingue_0, button.button_lingue.button_lingue_0 {
height: 35px !important;
display: block;
text-align: right;
border: none;
background-color: transparent;
cursor: pointer;
}
div#lang-dropdown li {
color: #9d9d9d;
font-weight: bold;
}
div#lang-dropdown li a{
font-weight: normal;
}
li#wp-admin-bar-dg_custom_admin_bar_link a {
color: orange !important;
font-weight: bold;
}
div#main_benefits .row-text p img {
border: none !important;
}
.medical-content {
scroll-margin-top: 100px;
}
#filters { margin-bottom: 20px; }
.filter-btn {
margin-right: 10px;
cursor: pointer;
background: #ec682f;
cursor: pointer;
padding: 14px 25px;
border-radius: 24px;
font-weight: revert;
box-shadow: none;
border: 1px solid #ec682f;
color: #ffffff;
font-size: 18px;
margin-bottom: 5px;
}
.filter-btn.active {
font-weight: bold;
margin-right: 10px;
cursor: pointer;
background: #fff;
cursor: pointer;
padding: 14px 25px;
border-radius: 24px;
font-weight: bold;
box-shadow: none;
border: 1px solid #ec682f;
color: #ec682f;
font-size: 18px;
}
.resource-item { margin-bottom: 20px; }
.img_product img.attachment-medium.size-medium.wp-post-image {
width: 100%;
height: auto;
}
/* FAQ Accordion Style */
.box-faq {
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
margin-bottom: 18px;
overflow: hidden;
transition: box-shadow 0.2s;
border: 1px solid #e5e5e5;
}
.box-faq h2 {
margin: 0;
padding: 20px 32px 20px 24px;
font-size: 1.2em;
background: #f7f7f7;
cursor: pointer;
position: relative;
transition: background 0.2s;
}
.box-faq h2:after {
content: '+';
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
font-size: 1.4em;
color: #ec682f;
transition: color 0.2s;
}
.box-faq.active h2:after {
content: '-';
color: #ec682f;
}
.box-faq .text-faq {
padding: 0 24px 20px 24px;
display: none;
animation: fadeInFaq 0.3s;
}
.box-faq.active .text-faq {
display: block;
padding: 40px;
}
@keyframes fadeInFaq {
from { opacity: 0; }
to { opacity: 1; }
}
.catalog-table-wrapper {
overflow-x: auto;
margin: 30px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
border-radius: 8px;
}
.catalog-table {
width: 100%;
border-collapse: collapse;
background: #fff;
/*min-width: 600px;*/
}
.catalog-table thead {
background: #ec682f;
color: white;
}
.catalog-table th {
padding: 16px;
text-align: left;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.catalog-table tbody tr {
border-bottom: 1px solid #e0e0e0;
transition: all 0.3s ease;
}
.catalog-table tbody tr:hover {
background-color: #f5f5f5;
}
.catalog-table tbody tr:last-child {
border-bottom: none;
}
.catalog-table td {
padding: 16px;
font-size: 14px;
color: #333;
}
.catalog-table td:first-child {
font-weight: 500;
}
.catalog-actions {
display: flex;
gap: 12px;
align-items: center;
justify-content: center;
}
.catalog-action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
}
.catalog-action-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.catalog-action-btn.view {
background: #d16730;
color: white;
}
.catalog-action-btn.download {
background: #122871;
color: white;
}
.catalog-action-btn svg {
width: 20px;
height: 20px;
stroke: #fff;
}
.catalog-action-btn .tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-8px);
background: #333;
color: white;
padding: 6px 12px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.catalog-action-btn:hover .tooltip {
opacity: 1;
}
.catalog-action-btn .tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 4px solid transparent;
border-top-color: #333;
}
.no-catalogs {
text-align: center;
padding: 40px 20px;
color: #666;
font-size: 16px;
}
.catalog-table p{
font-size: 16px;
line-height: 20px;
}
.catalog-table h2{
font-size: 22px;
line-height: 30px;
margin-top: 0;
}
@media (max-width: 1700px) {
#area-banner .bannerone-video {
height: 40vw;
}
.bannerone-video video {
width: auto;
}
}
@media (max-width: 1500px) {
#area-banner .bannerone-video {
height: 44vw;
}
}
@media (max-width: 1499px) {
#mission .grid-container blockquote, #ethical .grid-container blockquote, #sustainability-area blockquote, #mr-area .grid-container blockquote, #go-area .grid-container blockquote {
margin-left: -6%;
margin-right: -6%;
}
#sustainability-area blockquote p {
font-size: 33px;
}
#sustainability-area span.citazione {
font-size: 9.2em;
}
}
@media (max-width: 1440px) {
.box-news .container-img-news {
/*min-height: 240px;*/
}
div.bannerone-video.tmp-about {
height: 600px;
}
#output.grid-container {
/*width: 95vw;*/
}
/*#service_points_container .grid-container {*/
/* width: 100%;*/
/*}*/
#area-banner .colonna-interna {
/*grid-template-columns: 1fr 2fr;*/
}
#area-banner .colonna-interna .banner-descr h1 {
font-size: 2em;
}
#area-banner .bannerone-video {
/*height: 50vw !important;*/
}
#row1.row_home .grid-container-3 {
column-gap: 50px;
}
#sustainability-area blockquote p {
font-size: 30px;
}
#sustainability-area span.citazione {
font-size: 10.2em;
}
.grid-container-7 .box_product_cat p {
font-size: 16px;
}
}
@media (max-width: 1280px) {
h3.border-left {
font-size: 21px;
}
div.bannerone-video {
height: 600px;
}
.box-news .container-img-news {
/*min-height: 220px;*/
}
div.bannerone-video.tmp-about {
height: 535px;
}
a.btn {
padding: 12px 10px;
}
#area-banner .bannerone-video {
/*max-height: 600px !important;*/
height: 50vw !important;
}
#row1.row_home .grid-container-3 {
column-gap: 30px;
}
#row1.row_home .grid-container-3 .box-news img {
height: 70px;
}
#row1.row_home .grid-container-3 .box-news h2 {
font-size: 1.2em;
margin: 0;
}
#row1.row_home .grid-container-3 .box-news a.btn {
justify-self: center;
width: 95%;
}
#mission .grid-container blockquote, #ethical .grid-container blockquote, #sustainability-area blockquote,
#mr-area .grid-container blockquote, #go-area .grid-container blockquote {
padding: 0;
}
#mission .grid-container blockquote p, #ethical .grid-container blockquote p, #sustainability-area blockquote p,
#mr-area .grid-container blockquote p, #go-area .grid-container blockquote p {
font-size: 25px;
}
#mission .grid-container span.citazione, #ethical .grid-container span.citazione, #sustainability-area span.citazione,
#mr-area .grid-container span.citazione, #go-area .grid-container span.citazione {
font-size: 11.2em;
}
.grid-container-3-2.gap-150 {
column-gap: 50px !important;
}
#area-banner .colonna-interna .banner-descr a.btn {
padding: 12px 15px !important;
}
.grid-container.grid-container-7 {
/*width: 95%;*/
column-gap: 10px;
}
.grid-container-7 .box_product_cat p {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.mobile-full-width .bannerone-video video {
width: 100%;
height: auto;
}
#text-banner {
padding-top: 0;
}
.inclinato-banner {
margin-left: -135px;
}
video#bgVideo {
width: 624px;
}
.thumb_sfondo_grigio {
padding:0px;
}
.form_ricerca_header select {
max-width: 97px;
}
.immagine_home_box {
height: 170px;
width: 170px;
}
.contenitore-banner-home-prodotto {
height: auto;
}
div.bannerone-video {
height: 440px;
}
div.bannerone-video.tmp-about {
height: 500px;
}
.box-news .container-img-news {
/*min-height: 200px;*/
}
.gallery-flex>div {
padding: 20px;
}
.timeline ol li .item-inner .inner-flex {
width: 60vw;
}
.timeline {
padding: 50px 20px 0 20px;
}
.scale-icon .contenitore_icona_product_type {
scale: 0.6;
}
.box_product_cat p {
font-size: 15px;
}
div#jolly h3 {
line-height: 35px !important;
}
#cta .grid-container-news {
width: 70% !important;
}
.overlay_hamburger {
width: 60% !important;
}
#area-banner .bannerone-video {
height: 54vw !important;
}
.grid-container.grid-container-7 {
width: 95%;
column-gap: 10px;
}
}
@media (max-width: 1024px) {
h3.border-left {
font-size: 20px;
}
.column-gap-0 {
column-gap: 0 !important;
}
div.bannerone-video.tmp-about {
height: 425px;
}
.timeline ol li .item-inner {
margin-bottom: 4vh;
}
.timeline {
padding: 50px 20px 20px 20px;
}
/*#area-banner .bannerone-video {*/
/* height: 54vw !important;*/
/*}*/
#area-banner .colonna-interna .banner-descr h1 {
font-size: 1.7em;
}
#sustainability-area .grid-container-2-3 {
grid-template-columns: 1fr;
display: grid;
column-gap: 20px;
}
#mission .grid-container blockquote p, #ethical .grid-container blockquote p, #sustainability-area blockquote p,
#mr-area .grid-container blockquote p, #go-area .grid-container blockquote p {
font-size: 22px;
line-height: 50px;
}
#mission .grid-container span.citazione, #ethical .grid-container span.citazione, #sustainability-area span.citazione,
#mr-area .grid-container span.citazione, #go-area .grid-container span.citazione {
margin-top: 40px;
font-size: 11.2em;
}
}
@media (min-width:992px) {
.altezza-fissa-desktop{
height: 110px;
}
.inside_promo_title{
min-height: 125px;
}
/* form colonne solo da desktop*/
.contact-form.contact-form-orizzontale form.accua-form fieldset {
width: 49%;
float: left;
padding: 20px 0;
}
.contact-form.contact-form-orizzontale form.accua-form .pfbc-fieldwrap {
width: 65%;
}
.contact-form.contact-form-orizzontale form.accua-form button[type="submit"] {
margin-right: 10% !important;
}
}
@media (max-width:992px) {
/*#why-choose-up {*/
/* background-color: black;*/
/* background-image: url(../i/universalpack-uk-banner.jpg);*/
/* background-size: 100%;*/
/* background-repeat: no-repeat;*/
/* background-position: left top;*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*#why-choose-up h1 {*/
/* margin-top: 280px;*/
/*}*/
.overlay-content_hamburger .search-field-2024 {
width: 80%;
}
.inside_promo_title {
padding: 0 30px 20px;
}
video#bgVideo {
width: 530px;
margin-top: 0;
}
.contenitore-banner-home .grid-container-2 {
grid-template-columns: 3fr 2fr;
}
table tr:hover td {
background: transparent;
}
.inclinato-banner {
margin-left: -194px;
}
#tipologia.filter, #need.filter, #categoria.filter{
display: none;
padding-top: 20px;
}
button#mostra-filtri-tipologia {
display: block;
width: 100%;
padding: 10px 20px;
background: #e9e9e9;
margin-bottom: 10px;
font-weight: bold;
border-radius: 0 30px 30px 0;
background-image: url(../i/filter_alt_FILL0_wght400_GRAD0_opsz24.svg);
background-repeat: no-repeat;
background-position: 96%;
background-size: 20px;
box-shadow: none;
border: none;
color: #192e4f;
text-align: left;
}
.altezza-fissa-desktop {
height: 35px;
}
.floatright {
float:none;
}
#tabs form fieldset {
width: 100%;
}
.inside_promo_title{
min-height: 110px;
}
.homepage-abc .inside {
height:auto;
}
#myCarousel, .carousel .fill {
height: 300px;
}
.carousel .fill {
background-size: 992px 423px;
}
ul.lista_immagini li {
display: inline-block;
width:60px !important;
}
.numeroverde {
margin-top: 60px;
}
.box_1, .box_2 {
margin-bottom:30px;
}
.immagine_home_box, .inside_promo_home {
height:auto;
width:auto;
}
.slick-prev {
left: 30px;
}
.slick-next {
right: 30px;
}
.slick-slider {
/*padding-left:50px;*/
/*padding-right:50px;*/
}
#cerca_smartphone .btn-primary {
background: #aaa none repeat scroll 0 0;
color: #fff;
display: block;
float: none;
}
#market-home {
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.tl-item{
width: 100%;
height: 200px;
min-height: 200px;
}
#market-home:hover .tl-item {
width: 100%;
}
.tl-item:hover {
width: 100% !important;
}
.tl-bg {
background-position: top center;
}
.gallery-flex>div {
padding: 15px !important;
}
.box-news .container-img-news {
/*min-height: 180px;*/
}
.timeline ol li .item-inner {
padding: 20px 120px 20px 180px;
}
.timeline ol li .item-inner .inner-flex {
width: 65vw;
}
.container-banner .container-title {
top: 80px !important;
}
div.bannerone-video.tmp-about {
height: 415px;
}
.box-product-in-machine {
margin: 0px 0;
}
.box-product-in-machine.style2 .grid-container-3-2, .box-product-in-machine.style1 .grid-container-3-2 {
display: grid;
}
.box-product-in-machine.style1 .grid-container-3-2 {
margin-bottom: 50px;
}
.box-product-in-machine.style1 .grid-container-3-2 div:first-child {
grid-row-start: 2;
}
.box-product-in-machine.style2 .grid-container-2-3 {
margin-bottom: 70px;
}
.box-product-in-machine.style2 .grid-container-2-3 h2 {
margin-top: 20px;
}
.box-product-in-machine.style2 .grid-container-2-3 .first-img img, .box-product-in-machine.style1 .grid-container-3-2 .first-img img {
max-width: 56%;
}
.box-product-in-machine.style2 .col2 {
grid-row-start: 1;
height: 300px !important;
}
.box-product-in-machine.style2 .col1.in_tax {
grid-row-start: 1;
height: 100% !important;
}
.box-product-in-machine.style2 .col2.in_tax, .col2.in_tax {
height: 100% !important;
grid-row-start: unset;
}
.col2 {
margin-bottom: 20px;
height: 300px !important;
}
.grid-container-7 {
grid-template-columns: repeat(7, 1fr);
row-gap: 20px;
width: 100vw !important;
}
.grid-container-benefits-1 {
display: grid;
}
.grid-container-benefits-1 .contatore {
display: flex;
flex-direction: row-reverse;
grid-row-start: 1;
}
.grid-container-benefits-1 .row-text.title-border-left, .grid-container-benefits-2 .row-text.title-border-left {
grid-row-start: 2;
margin: 0 20px;
}
.contatore p {
width: 35px;
}
.riga_techdata :first-child {
font-weight: bold;
}
.download-image img {
height: 300px;
width: auto;
}
#gallery-masonry .masonry {
column-count: 4;
}
#latest-news .grid-container-4 {
display: grid;
column-gap: 40px;
row-gap: 40px;
}
/*.single_service_point.grid-container-1-2-1 {*/
/* grid-template-columns: 1fr 2fr 1fr;*/
/* column-gap: 25px;*/
/* display: grid;*/
/*}*/
.single_service_point.grid-container-1-2-1 { /* per ridistribuire la griglia */
display: grid;
grid-template-columns: 3fr 2fr;
grid-template-rows: auto; /* Altezza dinamica delle righe */
grid-template-areas:
"title title"
"point-content map-point"
"divider divider";
gap: 10px; /* Spaziatura tra gli elementi */
}
.title_container {
grid-area: title; /* Occupa l'area 'title' */
margin: 0;
}
.point-content {
grid-area: point-content; /* Occupa la prima metà della seconda riga */
margin-left: 40px;
}
.map_point {
grid-area: map-point; /* Occupa la seconda metà della seconda riga */
justify-self: auto;
/*width: 300px;*/
margin: 20px 30px;
}
.mappa_map {
/*width: 300px;*/
}
.service-divider {
grid-area: divider; /* Occupa l'intera terza riga */
margin-left: 5%;
width: 90%;
}
.contacts.grid-container-2-3 {
display: grid;
grid-template-columns: 1fr;
}
.contacts.grid-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto; /* Altezza dinamica delle righe */
grid-template-areas:
"contact-form-title"
"contact-form"
"contact-form-image";
gap: 10px; /* Spaziatura tra gli elementi */
}
.contacts.grid-container .contacts-title {
grid-area: contact-form-title;
}
.contacts.grid-container .contact-form {
grid-area: contact-form;
}
.contacts.grid-container .contacts-image {
grid-area: contact-form-image;
}
.contacts.grid-container .contacts-image .m-t-30 {
margin: 0;
}
#ofb .flex-container {
display: flex;
column-gap: 30px;
flex-wrap: wrap !important;
}
div#jolly h3 {
margin: 10px 0;
}
div#jolly .img-rounded img {
max-width: 60%;
height: auto;
}
div#jolly .sfondino.sfondino-jolly {
display: none;
}
div#jolly .grid-container-2 {
row-gap: 0;
}
.p-bt-80 {
padding-bottom: 40px;
padding-top: 40px;
}
.grid-container.grid-container-7.scale-icon {
display: none;
}
#pre-row-3 .tabs li {
padding: 10px 25px;
text-align: center;
}
.overlay-content_hamburger {
top: 10% !important;
}
a.btn {
padding: 12px 10px;
}
.overlay_hamburger {
width: 70% !important;
}
.image_read_more {
padding-bottom: 20px;
}
.dimensions-table {
padding-left: 0;
}
#custom-breadcrumbs {
font-size: 15px;
}
.tab-content.active {
display: block;
text-align: center;
width: 100%;
overflow-x: scroll;
background-color: #f5f8fd;
}
#fascia-prodotti-in-tax .grid-container .flex-line {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0;
}
div#fascia-prodotti-in-tax {
overflow-x: scroll;
/*scrollbar-gutter: stable; !* Mantiene spazio per la scrollbar *!*/
/*scrollbar-width: thin;*/
/*scrollbar-color: #002857aa #f1f1f1;*/
}
/*#fascia-prodotti-in-tax::-webkit-scrollbar {*/
/* height: 5px;*/
/*}*/
/*!*Track*!*/
/*#fascia-prodotti-in-tax::-webkit-scrollbar-track {*/
/* background: #f1f1f1;*/
/*}*/
/*!*Handle*!*/
/*#fascia-prodotti-in-tax::-webkit-scrollbar-thumb {*/
/* background: #002857aa;*/
/* cursor: pointer;*/
/*}*/
/*!*Handle on hover*!*/
/*#fascia-prodotti-in-tax::-webkit-scrollbar-thumb:hover {*/
/* background: #002857;*/
/* cursor: pointer;*/
/*}*/
/*#fascia-prodotti-in-tax {*/
/* -webkit-overflow-scrolling: touch;*/
/*}*/
#area-banner .bannerone-video {
height: 48vw !important;
}
#area-banner .colonna-interna .banner-descr h1 {
font-size: 1.6em;
margin-top: 0;
}
#area-banner .colonna-interna .banner-descr h2 {
margin-top: 20px;
}
#area-banner .colonna-interna a.btn {
font-size: 16px;
}
#area-banner .colonna-interna {
padding-top: 0;
}
#row1.row_home .grid-container-3 .box-news .grid-container-2 {
grid-template-columns: 1fr 3fr;
display: grid;
column-gap: 35px;
row-gap: 35px;
padding-top: 0;
}
#row1.row_home .grid-container-3 {
grid-template-columns: 1fr;
display: grid;
row-gap: 20px;
margin-top: 30px;
}
#row1.row_home .grid-container-3 .box-news {
width: auto;
padding-bottom: 30px;
}
#row1.row_home .grid-container-3 .box-news .banner-descr {
margin-bottom: 0;
}
#row2.row_home .grid-container-2 div.animated-element {
grid-row-start: 2;
}
#mission .grid-container blockquote p, #ethical .grid-container blockquote p, #sustainability-area blockquote p, #mr-area .grid-container blockquote p, #go-area .grid-container blockquote p {
font-size: 20px;
line-height: 45px;
}
#mission .grid-container span.citazione, #ethical .grid-container span.citazione, #sustainability-area span.citazione, #mr-area .grid-container span.citazione, #go-area .grid-container span.citazione {
margin-left: -70px;
}
.download-sustainability {
font-size: 22px;
}
.grid-container-3-2.gap-150 .first-img {
/*width: 55%;*/
/*margin-bottom: 50px;*/
/*margin-top: 5px;*/
}
.p-t-10 {
padding-top: 0;
}
}
@media (max-width:850px) {
.contenitore-banner-home-prodotto .textalignright {
text-align: left;
}
.contenitore-banner-home .grid-container-2 {
grid-template-columns: 1fr;
}
.inclinato-banner {
display: none;
}
.contenitore-banner-home {
height: auto;
}
#div-video {
position: static;
background: #fff;
}
#div-video {
position: static;
background: #fdfdfd;
width: 100%;
border-bottom: 1px solid #ddd;
margin-top: 30px;
}
video#bgVideo {
width: 100%;
}
.colonna-interna {
grid-template-columns: 2fr 2fr;
margin-top: 70px;
}
div.bannerone-video {
grid-template-rows: 2fr;
}
.over-video {
grid-row-start: 2;
}
.over-video .grid-container-2 {
grid-template-columns: 1fr;
}
div.bannerone-video {
height: 700px;
}
div.bannerone-video.tmp-about {
height: 355px;
}
.box-news .container-img-news {
/*min-height: 200px;*/
}
#map {
width: 90vw;
}
.box-news .container-img-news {
/*min-height: 160px;*/
}
.products .flex-line {
gap: 25px;
font-size: 17px;
align-items: flex-start !important;
}
.over-video.overlay-home {
grid-row-start: 1;
}
#area-banner .bannerone-video .riga-con-logo.p-t-70 {
padding-top: 50px;
}
#mission .grid-container blockquote p, #ethical .grid-container blockquote p, #sustainability-area blockquote p, #mr-area .grid-container blockquote p, #go-area .grid-container blockquote p {
font-size: 18px;
line-height: 40px;
}
#mission .grid-container span.citazione, #ethical .grid-container span.citazione, #sustainability-area span.citazione, #mr-area .grid-container span.citazione, #go-area .grid-container span.citazione {
margin-top: 30px;
font-size: 10.2em;
margin-left: -60px;
}
#mr-area .grid-container .grid-container-3-2.img-rounded img {
margin-top: 20px;
}
}
@media (max-width:768px){
.video-desktop{
display: none;
}
.video-mobile{
display: block;
}
video.video-parallax.video-mobile {
width: 100%;
}
#row1.row_home{
margin-top: -80px;
}
#area-banner .bannerone-video {
height: auto !important;
width: 100%;
aspect-ratio: unset;
}
#area-banner .over-video.overlay-home {
background: linear-gradient(0deg, #ffffff00, #cfcfcf);
}
.wprssmi_bullet_list .excerpt_rss {
display:none;
}
.wprssmi_bullet_list .img_rss img {
max-width:100px;
}
.box-news .container-img-news {
/*min-height: 180px;*/
}
.gallery-flex>div {
padding: 10px !important;
}
.gallery-flex>div img {
border-radius: 25px !important;
}
.timeline ol li .item-inner .inner-flex .item-inner-right .milestone-year time {
font-size: 1.6rem;
padding: 15px;
border-radius: 25px;
}
.timeline ol li .item-inner {
margin-bottom: 4vh;
}
.timeline {
padding: 50px 20px 15px 20px;
}
.timeline ol li .item-inner {
padding: 10px 40px;
}
.container-banner .container-title {
top: 35px !important;
}
div.bannerone-video.tmp-about {
height: 320px;
}
.grid-container-1-3.content-tax-solution {
grid-template-columns: 1fr 4fr;
}
.grid-container-1-3.content-tax-solution .title-border-left h2 {
font-size: 24px;
}
.products .flex-line {
flex-wrap: wrap;
gap: 10px !important;
}
.products.load-cells .flex-line {
flex-wrap: wrap;
gap: 0px !important;
}
.products.load-cells .flex-line .box-in-fascia {
width: auto;
padding: 20px 0 !important;
}
.map_point, .mappa_map {
height: 150px;
width: 150px;
}
.products .flex-line .box-in-fascia {
width: 28%;
padding: 20px 0px;
}
.products .flex-line .box-in-fascia p {
font-size: 15px;
}
#area-banner .colonna-interna .banner-descr h1 {
font-size: 1.4em;
}
#area-banner .bannerone-video .riga-con-logo.p-t-70 {
padding-top: 35px;
}
#row1.row_home .grid-container-3 {
/*margin-top: -45px;*/
}
#mission .grid-container blockquote p, #ethical .grid-container blockquote p, #sustainability-area blockquote p, #mr-area .grid-container blockquote p, #go-area .grid-container blockquote p {
font-size: 17px;
line-height: 35px;
}
#mission .grid-container span.citazione, #ethical .grid-container span.citazione, #sustainability-area span.citazione, #mr-area .grid-container span.citazione, #go-area .grid-container span.citazione {
margin-top: 25px;
font-size: 9.2em;
margin-left: -45px;
}
}
@media (max-width: 700px) {
.lang{
margin-right: 15px;
}
.timeline ol li .item-inner {
padding: 20px 40px;
}
.timeline ol li .time-wrapper::before {
display: none;
}
.timeline ol li .time-wrapper::after {
left: -45px;
transform-origin: center;
}
.timeline ol li.in-view .time-wrapper::after {
transition-delay: 0s;
}
.timeline ol li.in-view time {
transition-delay: 0.5s;
}
.timeline ol li.in-view .details p {
transition-delay: 0.7s;
}
.flex-container {
display: flex;
flex-direction: column;
}
.flex-item-3 {
transform: none !important;
width: 100% !important;
overflow: visible;
transition: none !important;
}
.flex-item {
width: 100% !important;
}
.flex-item:hover {
width: 100% !important;
}
#row1 .colonna {
height: 300px;
}
div.bannerone-video {
grid-template-rows: 2fr;
}
div.bannerone-video.tmp-about {
height: 290px;
}
.over-video {
grid-row-start: 2;
}
.timeline ol li .item-inner .inner-flex {
width: 80vw;
}
.grid-container.single-machine {
/*display: none;*/
}
.download-image img {
height: 250px;
width: auto;
}
.pfbc-element {
display: flex;
flex-direction: column;
}
.pfbc-element label {
width: 100%;
}
.accua-form-view-sidebyside .pfbc-fieldwrap, .accua-form-view-sidebyside .pfbc-label {
width: 100%;
display: inline-block;
}
#all_benefits .box-elenco {
padding: 20px 30px 20px 0;
}
.all_benefits .box-elenco ul {
padding-left: 25px;
}
.box-testimonial h2 {
margin-bottom: 35px;
}
.grid-container .grid-container-2 .second-div-image {
grid-area: 1;
text-align: left;
}
div#pre-row-3 .tabs .tab, div#pre-row-3 .tab-content .product p {
font-size: 15px;
}
#pre-row-3 .tabs li {
padding: 10px 20px;
}
.application.box-news.p-bt-30.position-relative {
margin-bottom: 20px;
}
.overlay_hamburger {
width: 60% !important;
}
.box-in-fascia img {
transform: scale(0.5);
}
.products.load-cells .box-in-fascia:hover img, .box-in-fascia img {
transform: scale(0.8);
}
/*#area-banner .bannerone-video {*/
/* height: 50vw !important;*/
/*}*/
#area-banner .bannerone-video .riga-con-logo.p-t-70 {
padding-top: 25px;
}
#area-banner .colonna-interna {
padding-top: 0;
}
#area-banner .colonna-interna .banner-descr h2 {
font-size: 1.2em;
margin-top: 25px;
}
.map_point {
margin: 20px;
}
#ethical .grid-container .grid-container-2 div img {
max-width: 75%;
}
#ethical .grid-container-2 div:first-child {
text-align: center;
}
#mission .grid-container blockquote p, #ethical .grid-container blockquote p, #sustainability-area blockquote p,
#mr-area .grid-container blockquote p, #go-area .grid-container blockquote p {
width: 80%;
margin-left: 75px;
line-height: 30px;
padding: 5px;
}
span.numero {
font-size: 2.6em !important;
}
.catalog-table th,
.catalog-table td {
padding: 12px 8px;
font-size: 13px;
}
.catalog-action-btn {
width: 36px;
height: 36px;
}
.catalog-action-btn svg {
width: 18px;
height: 18px;
}
}
@media (max-width:600px){
.box_home_inside {
background-image:none;
}
#main_content .tab button {
padding: 10px 7px;
font-size: 13px;
}
#why-choose-up h1 {
margin-top: 150px;
}
#market-home {
grid-template-columns: 1fr;
display: grid;
}
.colonna-interna {
grid-template-columns: 3fr 1fr;
margin-top: 70px;
}
div.bannerone-video {
height: 650px;
}
div.bannerone-video.tmp-about {
height: 250px;
}
.box-news {
margin-bottom: 30px;
}
.boxettino {
padding: 0 20px !important;
}
.box-news .container-img-news {
/*min-height: 160px;*/
}
.container-banner .container-title {
top: 5px !important;
}
.grid-container-1-3.content-tax-solution {
grid-template-columns: 1fr;
}
.grid-container-1-3.content-tax-solution .title-border-left h2 {
margin-bottom: 30px;
}
#gallery-masonry .masonry {
column-count: 3;
}
.map-container {
display: block;
}
.single_service_point.grid-container-1-2-1 { /* per ridistribuire la griglia */
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto; /* Altezza dinamica delle righe */
grid-template-areas:
"title"
"point-content"
"map-point"
"divider";
gap: 10px; /* Spaziatura tra gli elementi */
}
.title_container {
grid-area: title; /* Occupa l'area 'title' */
margin: 0;
}
.point-content {
grid-area: point-content; /* Occupa la prima metà della seconda riga */
margin-left: 40px;
}
.map_point {
grid-area: map-point; /* Occupa la seconda metà della seconda riga */
justify-self: auto;
/*width: 300px;*/
margin: 20px 30px;
}
.mappa_map {
/*width: 300px;*/
}
.service-divider {
grid-area: divider; /* Occupa l'intera terza riga */
margin-left: 5%;
width: 90%;
}
#service_points_container h2 {
font-size: 1.2em;
}
.gap-50 {
column-gap: 30px !important;
}
/*#area-banner .bannerone-video {*/
/* height: 50vw !important;*/
/*}*/
#row1.row_home .grid-container-3 {
margin-top: 20px;
row-gap: 0;
}
#row2 .animated-element img {
/*max-width: 80%;*/
}
/*.over-video.overlay-home {*/
/* height: 92%;*/
/*}*/
#area-banner .colonna-interna .banner-descr h1 {
font-size: 1.2em;
margin: 0;
}
#area-banner .colonna-interna .banner-descr {
margin-bottom: 25px;
}
#area-banner .bannerone-video .riga-con-logo.p-t-70 {
padding-top: 0;
}
/*#area-banner .bannerone-video .riga-con-logo {*/
/* display: grid;*/
/* grid-template-columns: 3fr 1fr;*/
/* column-gap: 30px;*/
/*}*/
#area-banner .colonna-interna {
padding-top: 110px;
}
#area-banner .colonna-interna a.btn {
font-size: 15px;
padding: 10px;
}
#area-banner .bannerone-video .riga-con-logo {
display: none;
}
.single_service_point .point-content h2, .single_service_point .point-content p {
margin-top: 10px;
}
.chosen-container .chosen-results li.active-result {
font-size: 15px;
}
.download-sustainability {
font-size: 19px;
}
span.numero {
font-size: 2.2em !important;
}
}
.otgs-development-site-front-end{
display: none;
}
.box-testimonial a {
background: #ec682f;
cursor: pointer;
border-radius: 24px;
font-weight: bold;
font-size: 19px !important;
line-height: 26px;
display: inline-block;
padding: .75rem 1.25rem;
color: #fff;
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
margin-top: 20px;
}
.box-testimonial a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ec682f;
border-radius: 10rem;
z-index: -2;
}
.box-testimonial a:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #7c7c7c;
transition: all .3s;
z-index: -1;
}
.box-testimonial a:hover {
color: #fff;
}
.box-testimonial a:hover:before {
width: 100%;
}
#fascia-testimonial h2, #fascia-testimonial h3{
margin-bottom: 10px;
}
.bannerone-video h1{
font-size: 2.5em;
}
.bannerone-video h2{
font-size: 2em;
}
.display-flex{
display: flex;
}
.flex-direction-column{
flex-direction: column;
}
@media (max-width: 551px) {
.timeline ol li .details p {
font-size: 17px;
}
.timeline ol li .item-inner .inner-flex .item-inner-right .milestone-year time {
font-size: 1.4rem;
padding: 15px;
border-radius: 20px;
}
#latest-news .grid-container-4 {
row-gap: 20px;
}
#pre-row-3 .tabs li {
padding: 10px 10px;
}
#latest-news .text-news {
min-height: 75px;
}
/*#area-banner .bannerone-video {*/
/* height: 58vw !important;*/
/*}*/
.over-video .grid-container.grid-container-2 .content-border-left h3 {
font-size: 1em;
}
}
@media (max-width: 500px) {
.box-product-in-machine.style2 .grid-container-2-3 .first-img img {
max-width: 93%;
}
.box-product-in-machine.style2 .grid-container-2-3 .first-img img, .box-product-in-machine.style1 .grid-container-3-2 .first-img img {
max-width: 92%;
}
}
@media (max-width: 480px) {
#area-banner .banner {
height: 740px;
}
.box-news .container-img-news {
/*min-height: 160px;*/
}
.over-video .content-border-left p {
font-size: 18px;
}
.box-news.empty {
visibility: hidden;
width: 0 !important;
/*margin: 0;*/
/*padding: 0;*/
}
.boxettino {
padding: 0 10px !important;
font-size: 18px;
}
/*div.bannerone-video {*/
/* height: 200px;*/
/*}*/
div.bannerone-video.tmp-about {
height: 200px;
}
.timeline-container {
padding-bottom: 40px;
}
.timeline ol li .item-inner {
margin-bottom: 0;
}
.timeline {
padding: 50px 20px 18px 20px;
}
.timeline ol li .item-inner {
padding: 10px 40px;
}
.container-banner .container-title {
top: -25px !important;
}
.milestone-img img {
width: 130px !important;
height: 130px !important;
}
.timeline ol li .details p {
font-size: 16px;
}
.timeline ol li .item-inner .inner-flex .item-inner-right .milestone-year time {
font-size: 1.2rem;
}
.gallery-flex {
flex-direction: column !important;
}
.gallery-flex>div {
padding: 5px !important;
}
.gallery-flex>div img {
border-radius: 15px !important;
}
/*#fascia-prodotti-in-tax .grid-container .flex-line {*/
/* display: grid;*/
/* justify-content: space-around;*/
/* grid-template-columns: repeat(3, 1fr);*/
/*}*/
.title-event h1 {
font-size: 2em;
}
.products .flex-line {
gap: 0px !important;
flex-wrap: wrap !important;
}
.products .flex-line .box-in-fascia {
width: 24%;
padding: 0;
}
.products .flex-line .box-in-fascia p {
font-size: 13px;
}
.products .flex-line .color-blu {
font-size: 16px;
}
.box-in-fascia {
padding: 0;
font-size: 15px;
row-gap: 0;
}
.text-ofb ul {
width: 100%;
margin-bottom: 60px;
}
#pre-row-3 .tabs li {
padding: 10px 5px;
}
div#pre-row-3 .tabs .tab, div#pre-row-3 .tab-content .product p, #area-banner .colonna-interna a.btn {
font-size: 14px;
}
.dimensions-table table {
width: 100%;
border-spacing: 10px 0;
}
.tabs li {
padding: 5px 30px;
font-size: 15px;
}
/*#area-banner .bannerone-video {*/
/* height: 59vw !important;*/
/*}*/
/*.over-video.overlay-home {*/
/* height: 90%;*/
/*}*/
#area-banner .colonna-interna .banner-descr h1 {
font-size: 1.1em;
margin: 0;
}
#area-banner .colonna-interna .banner-descr h2 {
font-size: 1em;
margin-top: 20px;
}
/* #area-banner .colonna-interna a.btn {
font-size: 13px;
padding: 8px 10px;
} */
.fascione-sfondo h2, #go-area #go h2 {
line-height: 34px;
}
.fascione-sfondo h2, #go-area h2 {
line-height: 45px;
}
#mission .grid-container span.citazione, #ethical .grid-container span.citazione, #sustainability-area span.citazione, #mr-area .grid-container span.citazione, #go-area .grid-container span.citazione {
margin-left: -55px;
}
.point-content {
margin-left: 20px;
}
.point-content p {
font-size: 17px;
}
.map_point {
margin-top: 0;
}
#map {
width: 85vw;
}
}
@media (max-width: 400px){
.products .flex-line .box-in-fascia p {
font-size: 12px;
}
h1{
font-size: 30px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
ul.tabs img {
width: 30px;
}
div#pre-row-3 .tabs .tab, div#pre-row-3 .tab-content .product p, #area-banner .colonna-interna a.btn {
font-size: 10px;
line-height: 11px;
}
}
@media (max-width: 375px) {
#area-banner .banner {
height: 700px;
}
.timeline {
padding: 50px 20px 50px 20px;
}
div.bannerone-video.tmp-about {
height: 155px;
}
/*#area-banner .bannerone-video {*/
/* height: 65vw !important;*/
/*}*/
#state_list {
width: 310px !important;
}
.box-in-fascia img {
transform: scale(0.7);
}
.products .flex-line .box-in-fascia p {
font-size: 11px;
}
}
/* Support Center Sections */
.support-center-sections {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
padding: 50px 0;
max-width: 1200px;
margin: 0 auto;
}
.support-center-box {
background: #F6F8FE;
border-radius: 30px;
box-shadow: 0 2px 15px rgba(0, 40, 87, 0.08);
transition: all 0.3s ease;
overflow: hidden;
padding: 40px;
}
.support-center-box:hover {
transform: translateY(-5px);
box-shadow: 10px 5px 5px #0000002e;
}
.support-box-link {
display: block;
text-decoration: none;
color: inherit;
padding: 30px;
}
.support-box-icon {
width: 80px;
height: 80px;
margin: 0 auto 25px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #00326f 0%, #002857 100%);
border-radius: 50%;
transition: all 0.3s ease;
}
.support-box-icon img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.support-box-icon.default-icon {
background: linear-gradient(135deg, #00326f 0%, #002857 100%);
}
.support-box-icon svg {
width: 40px;
height: 40px;
color: #fff;
}
.support-center-box:hover .support-box-icon {
transform: scale(1.1);
}
.support-box-content {
position: relative;
}
.support-box-content h3 {
font-size: 1.5em;
line-height: 1.3em;
margin: 0 0 15px 0;
color: #002857;
font-weight: 600;
}
.support-box-content p {
font-size: 16px;
line-height: 1.5;
color: #666;
margin: 0;
}
.support-box-arrow {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
color: #00326f;
font-weight: bold;
transition: all 0.3s ease;
opacity: 0.7;
}
.support-center-box:hover .support-box-arrow {
opacity: 1;
transform: translateX(-50%) translateX(5px);
}
/* Responsive Support Center */
@media (max-width: 768px) {
.support-center-sections {
grid-template-columns: 1fr;
gap: 20px;
padding: 30px 15px;
}
.support-box-link {
padding: 25px;
}
.support-box-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
}
.support-box-content h3 {
font-size: 1.3em;
}
.support-box-content p {
font-size: 15px;
}
h1 {
font-size: 1.9em !important;
}
h2{
font-size: 1.8em !important;
}
.box-faq h2{
font-size: 1.2em !important;
}
h3 {
font-size: 1.5em !important;
}
}