h1, h2, h3, h4 {
margin: 0;
}
h1, .h1 {
font-size: 60px;
line-height: 65px;
}
h2, .h2 {
font-size: 40px;
line-height: 45px;
}
h3, .h3 {
font-size: 36px;
line-height: 40px;
}
.boxed {
width: 100%;
padding: 0 80px;
}
@media only screen and (max-width: 1440px) {
.boxed {
padding: 0 40px;
}
}
@media only screen and (max-width: 1325px) {
.boxed {
padding: 0 20px;
}
}
body, html {
box-sizing: border-box;
outline: none;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: #000;
background-color: #fff;
}
.t1 {
font-size: 60px;
line-height: 70px;
}
h1, h2, h3 {
margin: 0;
}
a, span, p {
color: #000;
text-decoration: none;
}
html.lenis {
height: auto;
}
@media only screen and (min-width: 768px) {
body, html {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
header#masthead {
padding: 0 30px 30px !important;
position: fixed;
top: 0;
left: 80px;
width: calc(100% - 160px);
height: 130px;
background: transparent;
transition: all 0.33s ease;
display: flex;
align-items: flex-end;
justify-content: space-between;
border-radius: 0px 0px 20px 20px;
z-index: 99999;
}
header#masthead ::-webkit-scrollbar {
display: none;
}
header#masthead.has-scrolled {
background: #fff;
}
header#masthead .site-branding {
margin: 0 auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
header#masthead .site-branding .site-logo .custom-logo-link {
display: flex;
}
header#masthead .primary-navigation {
display: flex;
align-items: flex-start;
margin-left: 0px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li {
margin-right: 50px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li a span {
font-weight: 600;
}
header#masthead .primary-navigation .primary-menu-container > ul > li:last-child {
margin-right: 0px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li > ul {
background: #fff;
box-shadow: 3px 4px 13px #0000003a;
border-radius: 10px;
padding: 30px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li > ul li a {
position: relative;
display: inline;
font-weight: 600;
}
header#masthead .primary-navigation .primary-menu-container > ul > li > ul li a::before {
content: "";
position: absolute;
width: 100%;
bottom: 0%;
height: 1.5px;
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
background: #000;
pointer-events: none;
left: 0;
}
header#masthead .primary-navigation .primary-menu-container > ul > li > ul li a:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
header#masthead .primary-navigation .primary-menu-container > ul > li > ul li.space {
padding: 10px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li > ul li.space a {
display: none;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari {
position: unset;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul {
display: flex;
align-items: flex-start;
justify-content: space-between;
left: 0;
width: calc(90vw - 40px);
top: 150%;
display: none;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul > li {
width: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul > li > a {
font-size: 30px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul > li > a span {
font-weight: 700;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul > li > ul {
padding-left: 0;
display: block;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul > li > ul > li > a {
white-space: nowrap;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari > ul > li:last-child > a {
opacity: 0;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari.submenu-open > ul {
display: flex;
}
header#masthead .header-right {
position: absolute;
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 0;
right: 30px;
top: 15px;
z-index: 2;
}
header#masthead .header-right .languages {
display: block;
padding-right: 10px;
border-right: 1px solid #000;
margin-right: 15px;
}
header#masthead .header-right .languages span {
font-weight: 600;
font-size: 15px;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown {
width: auto;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
left: 50%;
transform: translateX(-50%);
right: unset !important;
width: 100%;
background: #fff;
box-shadow: 3px 4px 13px #0000003a;
border-top: 0;
visibility: unset !important;
display: none;
border-radius: 10px;
padding: 10px 0;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a span {
font-size: 13px;
line-height: 15px;
font-weight: 600;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover {
opacity: 0.7;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown li.wpml-ls-current-language:hover .wpml-ls-sub-menu {
display: block;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown li {
border: 0;
}
header#masthead .header-right .languages .wpml-ls-legacy-dropdown li a {
background: transparent;
border: 0;
font-size: 18px;
line-height: 22px;
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
font-weight: 500;
}
header#masthead .header-right .socials {
display: flex;
align-items: center;
justify-content: flex-end;
}
header#masthead .header-right .socials > div {
display: flex;
}
header#masthead .header-right .socials > div a {
display: flex;
align-items: center;
justify-content: center;
}
header#masthead .header-right .socials > div a:hover {
opacity: 0.7;
}
header#masthead .header-right .socials > div a img {
display: block;
object-fit: contain;
object-position: center;
height: 13px;
width: auto;
}
header#masthead .header-right .socials > div:not(:last-child) {
margin-right: 15px;
}
header#masthead .socials-mobile {
display: flex;
align-items: center;
justify-content: center;
display: none;
}
header#masthead .socials-mobile > div {
display: flex;
}
header#masthead .socials-mobile > div a {
display: flex;
align-items: center;
justify-content: center;
}
header#masthead .socials-mobile > div a:hover {
opacity: 0.7;
}
header#masthead .socials-mobile > div a img {
display: block;
object-fit: contain;
object-position: center;
height: 15px;
width: auto;
}
header#masthead .socials-mobile > div:not(:last-child) {
margin-right: 15px;
}
@media only screen and (max-width: 1600px) {
header#masthead .primary-navigation .primary-menu-container > ul > li {
margin-right: 20px;
}
header#masthead.es {
width: calc(100% - 80px);
left: 40px;
}
header#masthead.es .primary-navigation .primary-menu-container > ul a {
font-size: 18px;
}
header#masthead.es .primary-navigation .primary-menu-container > ul > li.macchinari.submenu-open > ul {
width: calc(100vw - 140px);
}
header#masthead.es .primary-navigation .primary-menu-container > ul > li.macchinari.submenu-open > ul li > ul > li > a {
white-space: normal;
line-height: normal;
}
}
@media only screen and (max-width: 1440px) {
header#masthead {
width: calc(100% - 80px);
left: 40px;
}
header#masthead .primary-navigation .primary-menu-container > ul a {
font-size: 18px;
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari.submenu-open > ul {
width: calc(100vw - 140px);
}
header#masthead .primary-navigation .primary-menu-container > ul > li.macchinari.submenu-open > ul li > ul > li > a {
white-space: normal;
line-height: normal;
}
header#masthead .primary-navigation .primary-menu-container > ul > li a span {
font-size: 17px;
}
}
@media only screen and (max-width: 1366px) {
header#masthead .primary-navigation {
display: none;
}
header#masthead #mobile-navigation {
display: block;
height: 100%;
position: relative;
width: 100%;
}
header#masthead #mobile-navigation .menu-button-container {
top: 50%;
left: 0px;
width: auto;
}
header#masthead #mobile-navigation #mobile-menu-button {
background-color: transparent !important;
transform: translateY(-50%);
}
header#masthead #mobile-navigation .primary-menu-container ul {
padding-top: 40px;
}
header#masthead #mobile-navigation .primary-menu-container ul li a span.grey {
color: #bababa;
}
header#masthead #mobile-navigation .primary-menu-container ul li a.link:hover::before {
transform: scale3d(0, 0, 0);
}
header#masthead #mobile-navigation .primary-menu-container ul li a.link.selected:hover::before {
transform: scale3d(1, 1, 1);
}
header#masthead #mobile-navigation .primary-menu-container ul li ul {
margin-top: -10px;
}
header#masthead #mobile-navigation .primary-menu-container ul li ul li a {
padding: 8px 0;
text-align: center;
line-height: 23px;
}
header#masthead #mobile-navigation .primary-menu-container ul li ul li.space {
padding: 20px;
}
header#masthead #mobile-navigation .primary-menu-container ul li ul li.space a {
display: none;
}
header#masthead .header-right {
top: 50%;
transform: translateY(-50%);
}
}
@media only screen and (max-width: 1325px) {
header#masthead {
width: calc(100% - 40px);
left: 20px;
}
header#masthead .header-right .languages {
margin-right: 15px;
}
}
@media only screen and (max-width: 1280px) {
header#masthead {
height: 100px;
}
header#masthead .site-branding {
top: 50%;
transform: translate(-50%, -50%);
}
header#masthead .site-branding img {
width: 70px;
}
}
@media only screen and (max-width: 768px) {
header#masthead {
height: 80px;
}
}
@media only screen and (max-width: 600px) {
.socials {
display: none !important;
}
.socials.socials-mobile {
display: flex !important;
}
.languages {
padding-right: 0 !important;
border-right: none !important;
margin-right: 0 !important;
}
}
@media only screen and (max-width: 500px) {
header#masthead {
width: calc(100% - 20px);
left: 10px;
}
}
@media only screen and (max-width: 470px) {
header#masthead {
padding: 0 15px 30px !important;
}
header#masthead .header-right {
right: 15px;
}
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #000;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #000 !important;
color: #fff !important;
}
section#heading .container .row {
padding-top: 250px;
}
h2.animated, h3.animated, h1.animated {
opacity: 0;
}
h2.animated .single-parola, h3.animated .single-parola, h1.animated .single-parola {
opacity: 0;
transform-style: preserve-3d;
perspective: 500px;
}
div.animated p, p.animated {
transform: scale(0.93, 0.93);
opacity: 0.5;
transform-origin: left;
}
form .gchoice a {
color: #2782ad;
text-decoration: underline;
}
.link {
padding: 0 4px;
position: relative;
}
.link span {
display: inline-block;
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}
.link::before {
content: "";
position: absolute;
width: 100%;
bottom: 15%;
height: 1.5px;
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
background: #000;
pointer-events: none;
left: 0;
}
.link:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
.button {
padding: 15px 70px;
border: 2px solid #000;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
line-height: 24px;
font-weight: 700;
transition: all 0.3s ease;
}
.button:not(:hover) {
background-color: #fff !important;
}
.button:hover {
color: #fff;
}
.loghi-container {
width: 100%;
border-radius: 20px;
padding: 50px;
display: flex;
align-items: stretch;
justify-content: flex-start;
overflow: hidden;
gap: 50px;
}
.loghi-container .loghi-wrapper {
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 50px;
}
.loghi-container .loghi-wrapper .logo {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.loghi-container .loghi-wrapper .logo .image {
display: block;
object-fit: contain;
}
.loghi-container .loghi-wrapper .logo .image img {
width: auto;
height: auto;
}
#whatsapp {
position: fixed;
width: 60px;
height: 60px;
z-index: 99999999999999;
right: 15px;
top: calc(100vh - 18px);
transform: translateX(130%) translateY(-100%);
}
#whatsapp a {
width: 100%;
height: 100%;
display: block;
}
#whatsapp a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.33s ease;
}
#whatsapp:hover a img {
transform: scale(1.12);
}
@keyframes rotate {
100% {
transform: rotate(-360deg);
}
}
@keyframes rotateHome {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
#breadcrumbs {
position: absolute;
z-index: 1;
left: 115px;
top: 130px;
margin: 0;
font-size: 14px;
line-height: 18px;
}
.settori {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.settori .settore {
width: calc(100% / 2 - 25px);
}
.settori .settore:not(:nth-child(2n)) {
margin-right: 50px;
}
.settori .settore a {
display: flex;
flex-direction: column;
}
.settori .settore a .image {
width: 100%;
height: 21vw;
margin-bottom: 10px;
}
.settori .settore a .image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
display: block;
transition: transform 0.3s ease;
}
.settori .settore a .text {
display: flex;
flex-direction: column;
gap: 5px;
}
.settori .settore a .text span {
font-size: 50px;
line-height: 55px;
font-weight: 700;
}
.settori .settore a .text p {
max-width: 55%;
}
.settori .settore a:hover .image img {
transform: translateY(-15px);
border: 3px solid;
}
.examples {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
padding-left: 8.5vw;
}
.examples .col {
width: calc(100% / 4 - (180px / 4));
margin-bottom: 60px;
position: relative;
border-radius: 20px;
border: 2px solid #45B9B9;
display: flex;
flex-direction: column;
justify-content: center;
padding: 22px;
background: #fff;
z-index: 1;
transition: all 0.33s ease;
}
.examples .col:not(:nth-child(4n)) {
margin-right: 60px;
}
.examples .col .zoom-toggle {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -2px;
top: -2px;
border-radius: 20px;
transition: transform 0.33s ease;
cursor: pointer;
will-change: transform;
transform-origin: top right;
background: #45B9B9;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.examples .col .zoom-toggle i {
display: block;
width: 100%;
height: 100%;
transition: all 0.33s ease;
pointer-events: none;
}
.examples .col .zoom-toggle i::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//www.dmpack.it/de//wp-content/themes/dmp-child/assets/svg/open.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.examples .col .zoom-toggle:hover {
opacity: 0.7;
}
.examples .col .image {
width: 100%;
height: auto;
}
.examples .col .image img {
width: 100%;
height: auto;
display: block;
pointer-events: none;
}
.examples .col .name {
margin-top: 12px;
display: none;
}
.examples .col .name span {
display: block;
pointer-events: none;
}
.examples .col.-intro {
width: calc(100% / 4 - (180px / 4) + 8.5vw);
margin-left: -8.5vw;
align-items: center;
justify-content: center;
background: #DAF1F1;
border: 0;
}
.examples .col.-intro h3 {
display: block;
text-align: center;
font-weight: 600;
}
.examples .col.-outro {
border: 0;
align-items: flex-start;
justify-content: flex-end;
}
.examples .col.-outro h3 {
font-weight: 600;
}
.examples .col.top {
transform-origin: top right;
}
.examples .col.bottom {
transform-origin: bottom left;
}
.examples .col.active {
transform: scale(2.2, 2.21);
border-radius: 10px;
border-width: 1px;
z-index: 2;
}
.examples .col.active .zoom-toggle {
transform: scale(0.5);
right: -1px;
top: -1px;
}
.examples .col.active .zoom-toggle i {
transform: rotate(45deg);
}
.examples .col.active .name {
display: none;
}
.overlayPop {
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: #0000003f;
opacity: 0;
pointer-events: none;
transition: all 0.4s ease;
}
#popup {
position: fixed;
z-index: 999999999999;
left: 50%;
top: 50svh;
transform: translate(-50%, -50%) scale(0.9);
overflow: hidden;
border-radius: 10px;
width: 50vw;
height: 55vh;
transition: all 0.4s ease;
display: flex;
flex-flow: row wrap;
background: #fff;
opacity: 0;
pointer-events: none;
}
#popup.active {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%) scale(1);
}
#popup.active + .overlayPop {
opacity: 1;
pointer-events: auto;
}
#popup .close {
position: absolute;
right: 20px;
top: 10px;
font-size: 40px;
cursor: pointer;
z-index: 999;
color: #000;
}
#popup .left {
width: 40%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#popup .left .image {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#popup .left .image img, #popup .left .image picture {
max-width: 100%;
max-height: 100%;
width: 90%;
height: auto;
object-fit: contain;
display: flex;
justify-content: center;
align-items: center;
}
#popup .right {
width: 60%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 15px;
position: relative;
z-index: 1;
background: #ccebf4;
}
#popup .right .title {
margin-bottom: 16px;
}
#popup .right .title span {
display: block;
text-align: center;
font-size: 34px;
line-height: 38px;
font-weight: bold;
}
#popup .right .sub span {
font-size: 22px;
line-height: 28px;
display: block;
text-align: center;
}
#popup .right .text {
margin-top: 30px;
}
#popup .right .text p {
display: block;
text-align: center;
font-size: 22px;
line-height: 28px;
}
.single-macchinari footer .content-inner {
background: var(--colore-sfondo) !important;
}
.single-macchinari p {
margin: 0;
}
.single-macchinari #heading .container .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
border-radius: 0px 0px 20px 20px;
padding-bottom: 50px;
padding-top: 200px;
}
.single-macchinari #heading .container .row .col {
display: block;
position: relative;
}
.single-macchinari #heading .container .row .col.-right {
margin-bottom: -12.5vw;
}
.single-macchinari #heading .container .row .col .text {
position: relative;
z-index: 100;
}
.single-macchinari #heading .container .row .col .text h1 {
font-weight: 700;
width: 120%;
}
.single-macchinari #heading .container .row .col .text h2 {
font-weight: 600;
margin-top: 60px;
}
.single-macchinari #heading .container .row .col .icon {
width: 150px;
margin-bottom: 10px;
}
.single-macchinari #heading .container .row .col .icon img {
width: 100%;
height: auto;
display: block;
}
.single-macchinari #heading .container .row .col .image {
width: 100%;
}
.single-macchinari #heading .container .row .col .image img {
width: 100%;
height: auto;
display: block;
}
.single-macchinari #heading .container .row .col.-left {
width: 37%;
display: flex;
flex-direction: column;
padding-left: 80px;
padding-right: 50px;
}
.single-macchinari #heading .container .row .col.-right {
width: 63%;
margin-top: -55px;
}
.single-macchinari .de #heading h1 {
font-size: 40px;
line-height: 45px;
}
.single-macchinari #first {
margin-top: 18vw;
}
.single-macchinari #first .container .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
padding: 0 8.5vw;
}
.single-macchinari #first .container .row:not(.list) {
margin-bottom: 100px;
}
.single-macchinari #first .container .row .col {
width: 50%;
}
.single-macchinari #first .container .row .col.-left {
padding-right: 7vw;
}
.single-macchinari #first .container .row .col.-left h3 {
font-weight: 600;
}
.single-macchinari #first .container .row .col.-right {
padding-left: 5vw;
}
.single-macchinari #first .container .row.list {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-macchinari #first .container .row.list .faq {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
border-bottom: 1px solid #717070;
cursor: pointer;
}
.single-macchinari #first .container .row.list .faq:first-child {
border-top: 1px solid #717070;
}
.single-macchinari #first .container .row.list .faq .toggle {
width: 100%;
padding: 40px 0;
padding-left: 100px;
position: relative;
}
.single-macchinari #first .container .row.list .faq .toggle span {
pointer-events: none;
}
.single-macchinari #first .container .row.list .faq .toggle::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 15px;
background-image: url(//www.dmpack.it/de//wp-content/themes/dmp-child/assets/svg/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
transition: all 0.5s ease;
}
.single-macchinari #first .container .row.list .faq .toggle.active::before {
rotate: -90deg;
}
.single-macchinari #first .container .row.list .faq::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
background-color: #68c6e0;
height: 3px;
width: 0;
display: block;
transition: all 0.5s ease;
}
.single-macchinari #first .container .row.list .faq .content {
width: 100%;
padding-left: 100px;
transition: all 0.45s ease;
will-change: transform;
overflow: hidden;
max-height: 0px;
}
.single-macchinari #first .container .row.list .faq .content .wrapper {
margin-bottom: 40px;
}
.single-macchinari #first .container .row.list .faq:hover::after {
width: 100%;
}
.single-macchinari #first .container .row.list .faq:hover .toggle::before {
left: 15px;
}
.single-macchinari #second {
display: block;
margin-top: 5vw;
padding: 0 8.5vw;
}
.single-macchinari #second .container {
display: flex;
align-items: flex-start;
justify-content: center;
}
.single-macchinari #second .container .video-wrapper {
width: 100%;
height: auto;
border-radius: 20px;
overflow: hidden; will-change: transform;
transform-origin: top;
position: relative;
}
.single-macchinari #second .container .video-wrapper video {
width: 100%;
height: auto;
display: block;
height: 100%;
object-fit: cover;
}
.single-macchinari #third {
display: block;
margin-bottom: 50px;
margin-top: 5vw;
}
.single-macchinari #third .container {
display: block;
}
.single-macchinari #fourth {
display: block;
margin-bottom: 120px;
}
.single-macchinari #fourth .container {
padding-right: 0;
}
.single-macchinari #fourth .container .row {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0 0 0 8.5vw;
}
.single-macchinari #fourth .container .row .title {
display: block;
margin-bottom: 50px;
}
.single-macchinari #fourth .container .row .title h3 {
font-weight: 600;
}
.single-macchinari #fourth .container .row .horizontal-gallery {
display: flex;
width: 100%;
flex-flow: row nowrap;
justify-content: flex-start;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper {
width: auto;
display: flex;
flex-flow: row nowrap;
will-change: transform;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item {
display: flex;
flex-direction: column;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item:not(:last-child) {
margin-right: 50px;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item .image {
width: auto;
height: 21vw;
margin-bottom: 15px;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item .image img {
width: auto;
height: 100%;
display: block;
border-radius: 20px;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item .text {
display: block;
width: 93%;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item .text p {
display: block;
font-size: 18px;
line-height: 26px;
}
.single-macchinari #fifth {
display: block;
margin-bottom: 100px;
}
.single-macchinari #fifth .container .row {
padding: 0 8.5vw;
}
.single-macchinari #sixth {
display: block;
margin-bottom: 100px;
}
.single-macchinari #sixth .container .row {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 8.5vw;
}
.single-macchinari #sixth .container .row > .title {
margin-bottom: 50px;
}
.single-macchinari #sixth .container .row .cta-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.single-macchinari #download-pdf {
width: 100%;
padding: 0vw 13.5vw 7vw;
position: relative;
}
.single-macchinari #download-pdf .modulo-pdf {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-macchinari #download-pdf .modulo-pdf h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 30px;
}
.single-macchinari #download-pdf .modulo-pdf .gform_required_legend {
display: none;
}
.single-macchinari #download-pdf .modulo-pdf form input, .single-macchinari #download-pdf .modulo-pdf form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-macchinari #download-pdf .modulo-pdf form input::placeholder, .single-macchinari #download-pdf .modulo-pdf form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-macchinari #download-pdf .modulo-pdf form .gfield_checkbox label {
font-size: 14px;
}
.single-macchinari #download-pdf .modulo-pdf form .gform_footer {
justify-content: center;
}
.single-macchinari #download-pdf .modulo-pdf form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-macchinari #download-pdf .modulo-pdf form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.single-macchinari #download-pdf .modulo-pdf .scarica-contenuto {
padding: 0;
}
.single-macchinari #download-pdf .scarica-contenuto {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #F6F6F6;
padding: 65px 85px;
border-radius: 20px;
}
.single-macchinari #download-pdf .scarica-contenuto .cta-wrapper {
width: auto;
}
.single-macchinari #download-pdf .scarica-contenuto .cta-wrapper .button {
border-color: var(--colore-sfondo-bottoni);
background-color: var(--colore-sfondo-bottoni);
}
.single-macchinari #seventh {
width: 100%;
padding: 0vw 13.5vw 7vw;
position: relative;
}
.single-macchinari #seventh .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-macchinari #seventh .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 30px;
}
.single-macchinari #seventh .modulo .gform_required_legend {
display: none;
}
.single-macchinari #seventh .modulo form input, .single-macchinari #seventh .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-macchinari #seventh .modulo form input::placeholder, .single-macchinari #seventh .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-macchinari #seventh .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-macchinari #seventh .modulo form .gform_footer {
justify-content: center;
}
.single-macchinari #seventh .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-macchinari #seventh .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.single-settori-industriali p {
margin: 0;
}
.single-settori-industriali header#masthead {
background-color: #fff;
}
.single-settori-industriali #heading .container {
width: 100%;
}
.single-settori-industriali #heading .container .row {
padding: calc(130px + 9.6vw) 10vw 12vw;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
}
.single-settori-industriali #heading .container .row .image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.single-settori-industriali #heading .container .row .image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single-settori-industriali #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.single-settori-industriali #heading .container .row .text h1 {
font-weight: 700;
}
.single-settori-industriali #subsettori .settori .settore {
width: calc(100% / 3 - 40px);
margin-bottom: 50px;
}
.single-settori-industriali #subsettori .settori .settore:not(:nth-child(2n)) {
margin-right: 0;
}
.single-settori-industriali #subsettori .settori .settore:not(:nth-child(3n)) {
margin-right: 60px;
}
.single-settori-industriali #subsettori .settori .settore a .text p {
max-width: 94%;
}
.single-settori-industriali #subsettori .settori .settore a .text .title {
font-size: 30px;
line-height: 105%;
margin: 8px 0;
}
.single-settori-industriali #heading .container .row {
overflow: visible;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 !important;
}
.single-settori-industriali #heading .container .row .image {
border-radius: 0px 0px 20px 20px;
overflow: hidden;
position: relative;
height: calc(130px + 9.6vw + 12vw + 100px);
}
.single-settori-industriali #heading .container .row .text {
position: relative;
width: calc(100vw - 40px);
left: 8.5vw;
margin-top: 80px;
}
.single-settori-industriali #first {
margin-top: 50px;
}
.single-settori-industriali #first .container .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 6vw;
padding: 0 8.5vw;
}
.single-settori-industriali #first .container .row .col {
width: 50%;
}
.single-settori-industriali #first .container .row .col.-left {
padding-right: 7vw;
}
.single-settori-industriali #first .container .row .col.-left h3 {
font-weight: 600;
}
.single-settori-industriali #first .container .row .col.-right {
padding-left: 5vw;
}
.single-settori-industriali #second {
margin: 7.2vw 0;
}
.single-settori-industriali #third .container {
padding: 0;
}
.single-settori-industriali #third .container .row {
width: 100vw;
display: flex;
flex-direction: column;
}
.single-settori-industriali #third .container .row .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.single-settori-industriali #third .container .row .title h3 {
font-weight: 600;
}
.single-settori-industriali #third .container .row .imballaggi {
width: 100%;
height: 700px;
display: flex;
}
.single-settori-industriali #third .container .row .imballaggi .col {
cursor: pointer;
width: auto;
height: 700px;
display: flex;
position: relative;
overflow: hidden;
z-index: 99;
transition: all 1s ease;
flex: calc(100vw / 3);
}
.single-settori-industriali #third .container .row .imballaggi .col .main {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 6vw;
transition: all 1s ease;
align-items: flex-start;
gap: 30px;
}
.single-settori-industriali #third .container .row .imballaggi .col .main .icon {
height: 90px;
position: relative;
width: 150px;
text-align: center;
}
.single-settori-industriali #third .container .row .imballaggi .col .main .icon img {
height: 100%;
width: auto;
}
.single-settori-industriali #third .container .row .imballaggi .col .main .arrow {
opacity: 1;
}
.single-settori-industriali #third .container .row .imballaggi .col .main .icon, .single-settori-industriali #third .container .row .imballaggi .col .main .text, .single-settori-industriali #third .container .row .imballaggi .col .main .arrow {
transition: all 0.3s ease;
}
.single-settori-industriali #third .container .row .imballaggi .col .main .text {
transform-origin: center center;
width: 150px;
text-align: center;
}
.single-settori-industriali #third .container .row .imballaggi .col .main .text h3 {
display: inline;
}
.single-settori-industriali #third .container .row .imballaggi .col .content {
position: relative;
transition: all 1s ease;
height: 100%;
width: 0;
transform-origin: right;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container {
width: calc(200vw / 3 - 200px);
padding: 6vw 50px;
opacity: 0;
transition: all 1s ease;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: calc(100% / 4 - (150px /4));
margin-top: 15px;
margin-bottom: 15px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(4n)) {
margin-right: 50px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio .icon-imballaggio {
width: 100px;
position: relative;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio .icon-imballaggio img {
width: 100%;
height: auto;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio .name span {
font-weight: bold;
font-size: 23px;
}
.single-settori-industriali #third .container .row .imballaggi .col.visible {
flex: calc(100vw - 300px);
}
.single-settori-industriali #third .container .row .imballaggi .col.visible .main {
width: calc(100% / 3);
}
.single-settori-industriali #third .container .row .imballaggi .col.visible .content {
width: calc(200% / 3);
}
.single-settori-industriali #third .container .row .imballaggi .col.visible .content .inner-container {
opacity: 1;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible {
flex: 150px;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main {
padding: 0;
align-items: center;
justify-content: center;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main .icon {
height: 45px;
margin-bottom: 35px;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main .text {
transform: rotate(-90deg);
transform-origin: center;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main .arrow {
opacity: 0;
}
.single-settori-industriali #third.de .container .row .imballaggi {
height: auto;
}
.single-settori-industriali #third.de .container .row .imballaggi .col {
height: auto;
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container {
padding: 20px 50px;
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: calc(100% / 3 - (100px / 3));
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(4n)) {
margin-right: 0;
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(3n)) {
margin-right: 50px;
}
.single-settori-industriali #fourth, .single-settori-industriali #fifth {
margin: 7vw 0 0;
}
.single-settori-industriali #fourth#fifth, .single-settori-industriali #fifth#fifth {
margin-bottom: 7vw;
}
.single-settori-industriali #fourth .container .row, .single-settori-industriali #fifth .container .row {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 8.5vw;
}
.single-settori-industriali #fourth .container .row .title, .single-settori-industriali #fifth .container .row .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.single-settori-industriali #fourth .container .row .title h3, .single-settori-industriali #fifth .container .row .title h3 {
font-weight: 600;
}
.single-settori-industriali #fourth .container .row .macchinari-list, .single-settori-industriali #fifth .container .row .macchinari-list {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario, .single-settori-industriali #fifth .container .row .macchinari-list .macchinario {
width: calc(100% / 3 - 60px);
display: flex;
flex-direction: column;
margin-bottom: 80px;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario:not(:nth-child(3n+1)), .single-settori-industriali #fifth .container .row .macchinari-list .macchinario:not(:nth-child(3n+1)) {
margin-left: 90px;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario .image, .single-settori-industriali #fifth .container .row .macchinari-list .macchinario .image {
margin-bottom: 30px;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario .image img, .single-settori-industriali #fifth .container .row .macchinari-list .macchinario .image img {
width: 100%;
height: auto;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario .text, .single-settori-industriali #fifth .container .row .macchinari-list .macchinario .text {
display: flex;
flex-direction: column;
padding-left: 35px;
border-left: 1px solid #000;
gap: 25px;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario .text h2, .single-settori-industriali #fifth .container .row .macchinari-list .macchinario .text h2 {
font-weight: 700;
}
.single-settori-industriali #fifth .text h2 {
font-size: 30px;
line-height: 35px;
}
.single-settori-industriali #sixth {
width: 100%;
padding: 0vw 13.5vw 7vw;
position: relative;
}
.single-settori-industriali #sixth .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-settori-industriali #sixth .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
}
.single-settori-industriali #sixth .modulo .gform_required_legend {
display: none;
}
.single-settori-industriali #sixth .modulo form input, .single-settori-industriali #sixth .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-settori-industriali #sixth .modulo form input::placeholder, .single-settori-industriali #sixth .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-settori-industriali #sixth .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-settori-industriali #sixth .modulo form .gform_footer {
justify-content: center;
}
.single-settori-industriali #sixth .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-settori-industriali #sixth .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.single-categorie-macchinari p {
margin: 0;
}
.single-categorie-macchinari footer .content-inner {
background: var(--colore-sfondo) !important;
}
.single-categorie-macchinari header {
background-color: var(--colore-sfondo) !important;
}
.single-categorie-macchinari #heading .container {
width: 100%;
}
.single-categorie-macchinari #heading .container .row {
padding: calc(130px + 3.6vw) 10vw 3.5vw;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
background: var(--colore-sfondo);
}
.single-categorie-macchinari #heading .container .row .image {
position: relative;
width: 260px;
}
.single-categorie-macchinari #heading .container .row .image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.single-categorie-macchinari #heading .container .row .text {
position: relative;
z-index: 1;
width: 50%;
}
.single-categorie-macchinari #heading .container .row .text h1 {
font-weight: 700;
}
.single-categorie-macchinari #first {
margin-top: 7.3vw;
}
.single-categorie-macchinari #first .container .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 7vw;
padding: 0 8.5vw;
}
.single-categorie-macchinari #first .container .row .col {
width: 50%;
}
.single-categorie-macchinari #first .container .row .col.-left {
padding-right: 7vw;
}
.single-categorie-macchinari #first .container .row .col.-left h3 {
font-weight: 600;
}
.single-categorie-macchinari #first .container .row .col.-right {
padding-left: 5vw;
}
.single-categorie-macchinari #first .container .row .col.-right .expand {
position: relative;
transition: all 0.5s ease;
max-height: 0;
overflow: hidden;
}
.single-categorie-macchinari #first .container .row .col.-right .expand p {
margin-top: 0;
}
.single-categorie-macchinari #first .container .row .col.-right .expand span {
display: block;
}
.single-categorie-macchinari #first .container .row .col.-right .load-more {
display: flex;
gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 20px;
}
.single-categorie-macchinari #first .container .row .col.-right .load-more .expand-button {
cursor: pointer;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.single-categorie-macchinari #first .container .row .col.-right .load-more .expand-button span {
white-space: nowrap;
text-transform: uppercase;
font-size: 16px;
}
.single-categorie-macchinari #first .container .row .col.-right .load-more .expand-button span.meno {
display: none;
}
.single-categorie-macchinari #first .container .row .col.-right .load-more .expand-button img {
transition: all 0.3s ease;
transform-origin: center;
}
.single-categorie-macchinari #first .container .row .col.-right .load-more .separator {
width: 100%;
height: 2px;
background-color: #000;
}
.single-categorie-macchinari #third {
display: block; margin-bottom: 5vw;
margin-top: 2vw;
}
.single-categorie-macchinari #third .container {
height: 100vh;
display: flex;
align-items: flex-start;
justify-content: center;
}
.single-categorie-macchinari #third .container .video-wrapper {
width: 100%;
height: 100vh;
border-radius: 20px;
overflow: hidden; will-change: transform;
transform-origin: top;
position: relative;
}
.single-categorie-macchinari #third .container .video-wrapper video {
width: 100%;
height: auto;
display: block;
height: 100%;
object-fit: cover;
}
.single-categorie-macchinari #fourth {
display: block;
margin: 3vw 0 7.2vw;
}
.single-categorie-macchinari #fourth .container .row {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 8.5vw;
}
.single-categorie-macchinari #fourth .container .row > .title {
margin-bottom: 50px;
width: 100%;
display: flex;
justify-content: flex-start;
}
.single-categorie-macchinari #fourth .container .row .cta-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.single-categorie-macchinari #fourth .container .row .cta-wrapper a:hover {
background-color: var(--colore-sfondo) !important;
}
.single-categorie-macchinari #fifth .container .row {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 8.5vw;
}
.single-categorie-macchinari #fifth .container .row .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.single-categorie-macchinari #fifth .container .row .title h3 {
font-weight: 600;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario {
width: calc(100% / 3 - 60px);
display: flex;
flex-direction: column;
margin-bottom: 4vw;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario:not(:nth-child(3n)) {
margin-right: 90px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario .image {
margin-bottom: 30px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario .image img {
width: 100%;
height: auto;
object-fit: cover;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario .text {
display: flex;
flex-direction: column;
padding-left: 35px;
border-left: 1px solid #000;
gap: 25px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario .text h2 {
font-weight: 700;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list.largeDouble .macchinario {
width: calc(120% / 3 - 60px);
}
.single-categorie-macchinari #fifth .container .row .macchinari-list.largeSingle .macchinario {
width: calc(140% / 3 - 60px);
}
.single-categorie-macchinari #second {
margin-top: 7vw;
}
.single-categorie-macchinari #sixth {
width: 100%;
padding: 0vw 13.5vw 7vw;
position: relative;
}
.single-categorie-macchinari #sixth .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-categorie-macchinari #sixth .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
}
.single-categorie-macchinari #sixth .modulo .gform_required_legend {
display: none;
}
.single-categorie-macchinari #sixth .modulo form input, .single-categorie-macchinari #sixth .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-categorie-macchinari #sixth .modulo form input::placeholder, .single-categorie-macchinari #sixth .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-categorie-macchinari #sixth .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-categorie-macchinari #sixth .modulo form .gform_footer {
justify-content: center;
}
.single-categorie-macchinari #sixth .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-categorie-macchinari #sixth .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.post-type-archive-settori-industriali p {
margin: 0;
}
.post-type-archive-settori-industriali #heading .container {
width: 100%;
}
.post-type-archive-settori-industriali #heading .container .row {
padding: calc(130px + 5.2vw) 10vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.post-type-archive-settori-industriali #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.post-type-archive-settori-industriali #heading .container .row .text h1 {
font-weight: 700;
}
.post-type-archive-settori-industriali #first {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin: 5.2vw 0;
margin-bottom: 7vw;
}
.post-type-archive-settori-industriali #first .settori {
padding: 0;
}
.post-type-archive-settori-industriali #first .settori .settore {
margin-bottom: 80px;
width: calc(100% / 3 - 60px / 3);
}
.post-type-archive-settori-industriali #first .settori .settore:not(:nth-child(2n)) {
margin-right: 0;
}
.post-type-archive-settori-industriali #first .settori .settore:not(:nth-child(3n)) {
margin-right: 30px;
}
.post-type-archive-settori-industriali #first .settori .settore a .text span {
font-size: 30px;
line-height: 105%;
margin: 8px 0;
}
.post-type-archive-settori-industriali #first .settori .settore a .text p {
font-size: 18px;
line-height: 23px;
max-width: 90%;
}
.tax-tipologie-imballaggio footer .content-inner {
background: var(--colore-sfondo) !important;
}
.tax-tipologie-imballaggio #heading {
transition: all 0.5s ease;
}
.tax-tipologie-imballaggio #heading .container {
width: 100%;
transition: all 0.5s ease;
}
.tax-tipologie-imballaggio #heading .container .row {
background: var(--colore-sfondo);
padding: calc(100px + 6.5vw) 10vw 3vw;
position: relative;
height: auto;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
transition: all 0.5s ease;
}
.tax-tipologie-imballaggio #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
transition: all 0.5s ease;
}
.tax-tipologie-imballaggio #heading .container .row .text h1 {
font-weight: 700;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone {
margin-top: 20px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone .icona {
position: relative;
z-index: 1;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone .icona img {
width: 130px;
height: auto;
}
.tax-tipologie-imballaggio #heading .container .row .text .expand {
position: relative;
transition: all 0.5s ease;
max-height: 0;
overflow: hidden;
}
.tax-tipologie-imballaggio #heading .container .row .text .expand span {
display: block;
}
.tax-tipologie-imballaggio #heading .container .row .text .expand p {
margin-top: 0;
}
.tax-tipologie-imballaggio #heading .container .row .text .load-more {
display: flex;
gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 20px;
}
.tax-tipologie-imballaggio #heading .container .row .text .load-more .expand-button {
cursor: pointer;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.tax-tipologie-imballaggio #heading .container .row .text .load-more .expand-button span {
white-space: nowrap;
text-transform: uppercase;
font-size: 16px;
}
.tax-tipologie-imballaggio #heading .container .row .text .load-more .expand-button span.meno {
display: none;
}
.tax-tipologie-imballaggio #heading .container .row .text .load-more .expand-button img {
transition: all 0.3s ease;
transform-origin: center;
}
.tax-tipologie-imballaggio #heading .container .row .text .load-more .separator {
width: 100%;
height: 2px;
background-color: #000;
}
.tax-tipologie-imballaggio #first .container {
padding-top: 3.2vw;
}
.tax-tipologie-imballaggio #first .container .row {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 10vw;
}
.tax-tipologie-imballaggio #first .container .row .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.tax-tipologie-imballaggio #first .container .row .title h3 {
font-weight: 600;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario {
width: calc(100% / 3 - 60px);
display: flex;
flex-direction: column;
margin-bottom: 80px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario:not(:nth-child(3n)) {
margin-right: 90px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario .image {
margin-bottom: 30px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario .image img {
width: 100%;
height: auto;
object-fit: cover;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario .text {
display: flex;
flex-direction: column;
padding-left: 35px;
border-left: 1px solid #000;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario .text h2 {
font-weight: 700;
}
.tax-tipologie-imballaggio #second .container {
margin-top: 7.2vw;
}
.page-template-template-contatti header#masthead.has-scrolled, .page-template-template-contatti footer > div {
background: #ccebf4 !important;
}
.page-template-template-contatti #heading {
background-repeat: no-repeat;
background-size: cover;
}
.page-template-template-contatti #heading .container {
width: 100%;
}
.page-template-template-contatti #heading .container .row {
padding: calc(130px + 5.2vw) 10vw 5.2vw;
position: relative;
height: auto;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #ccebf4;
flex-direction: column;
}
.page-template-template-contatti #heading .container .row .title {
position: relative;
z-index: 1;
width: 70%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-contatti #heading .container .row .title h1 {
font-weight: 700;
}
.page-template-template-contatti #heading .container .row .text {
width: 100%;
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 3vw;
}
.page-template-template-contatti #heading .container .row .text .single-col {
width: calc(100% / 3 - (200px / 3));
padding-left: 30px;
position: relative;
}
.page-template-template-contatti #heading .container .row .text .single-col::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background-color: #000;
}
.page-template-template-contatti #heading .container .row .text .single-col h2 {
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
}
.page-template-template-contatti #heading .container .row .text .single-col p {
width: 150%;
}
.page-template-template-contatti #heading .container .row .text .single-col a.button {
width: 200px;
padding: 3px 10px;
font-size: 18px;
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
background-color: #00B52C !important;
}
.page-template-template-contatti #heading .container .row .text .single-col a.button img {
width: 20px;
height: auto;
object-fit: contain;
}
.page-template-template-contatti #heading .container .row .text .single-col a.button:hover {
background-color: #00B52C;
color: #000;
}
.page-template-template-contatti #mappa {
margin-top: 7vw;
}
.page-template-template-contatti #mappa .position {
padding: 0 10vw;
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-template-contatti #mappa .position .title {
margin-bottom: 40px;
}
.page-template-template-contatti #mappa .position .container {
background-color: #F6F6F6;
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.page-template-template-contatti #mappa .position .container .italia {
display: flex;
padding-right: 0;
width: 50%;
height: auto;
position: relative;
}
.page-template-template-contatti #mappa .position .container .italia img {
width: 100%;
height: auto;
object-fit: cover;
}
.page-template-template-contatti #mappa .position .container .map {
width: 50%;
height: auto;
overflow: hidden;
position: relative;
}
.page-template-template-contatti #mappa .position .container .map iframe {
width: 100%;
height: 100%;
max-height: 100% !important;
}
.page-template-template-contatti #bandiere {
margin-top: 7vw;
}
.page-template-template-contatti #bandiere .container {
padding: 0 10vw;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.page-template-template-contatti #bandiere .container h3 {
text-align: center;
}
.page-template-template-contatti #bandiere .container .row {
width: calc(100% - 10vw);
padding: 50px 0vw 0;
display: flex;
overflow: hidden;
position: relative;
}
.page-template-template-contatti #bandiere .container .row .all-bandiere {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: auto;
}
.page-template-template-contatti #bandiere .container .row .all-bandiere .single-bandiera {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-right: 20px;
}
.page-template-template-contatti #bandiere .container .row .all-bandiere .single-bandiera picture {
display: flex;
}
.page-template-template-contatti #bandiere .container .row .all-bandiere .single-bandiera img {
width: 115px;
height: 70px;
}
.page-template-template-contatti #bandiere .container .row .all-bandiere .single-bandiera span {
font-size: 15px;
line-height: 20px;
}
.page-template-template-contatti #first {
width: 100%;
padding: 7vw 13.5vw;
position: relative;
}
.page-template-template-contatti #first .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.page-template-template-contatti #first .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
}
.page-template-template-contatti #first .modulo .gform_required_legend {
display: none;
}
.page-template-template-contatti #first .modulo form input, .page-template-template-contatti #first .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.page-template-template-contatti #first .modulo form input::placeholder, .page-template-template-contatti #first .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.page-template-template-contatti #first .modulo form .gfield_checkbox label {
font-size: 14px;
}
.page-template-template-contatti #first .modulo form .gform_footer {
justify-content: center;
}
.page-template-template-contatti #first .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.page-template-template-contatti #first .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.page-template-template-usato header#masthead.has-scrolled, .page-template-template-usato footer > div, .post-type-archive-usato header#masthead.has-scrolled, .post-type-archive-usato footer > div {
background: #ccebf4 !important;
}
.page-template-template-usato #heading .container, .post-type-archive-usato #heading .container {
width: 100%;
}
.page-template-template-usato #heading .container .row, .post-type-archive-usato #heading .container .row {
padding: calc(130px + 5.2vw) 10vw 6.3vw;
position: relative;
height: auto;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #ccebf4;
flex-direction: column;
}
.page-template-template-usato #heading .container .row .title, .post-type-archive-usato #heading .container .row .title {
position: relative;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-usato #heading .container .row .title h1, .post-type-archive-usato #heading .container .row .title h1 {
font-weight: 700;
}
.page-template-template-usato #heading .container .row .text, .post-type-archive-usato #heading .container .row .text {
width: 100%;
position: relative;
display: none;
}
.page-template-template-usato #filtri, .post-type-archive-usato #filtri {
width: 100%;
position: relative;
margin-top: 20px;
}
.page-template-template-usato #filtri .filters, .post-type-archive-usato #filtri .filters {
padding: 10px 13.5vw;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
}
.page-template-template-usato #filtri .filters .single-option, .post-type-archive-usato #filtri .filters .single-option {
position: relative;
cursor: pointer;
}
.page-template-template-usato #filtri .filters .single-option.active, .post-type-archive-usato #filtri .filters .single-option.active {
font-weight: bold;
text-decoration: underline;
}
.page-template-template-usato #filtri .filters .single-option:not(:last-child)::before, .post-type-archive-usato #filtri .filters .single-option:not(:last-child)::before {
content: "";
position: absolute;
right: -15px;
top: 0;
height: 100%;
width: 1px;
background-color: #000;
}
.page-template-template-usato #first, .post-type-archive-usato #first {
width: 100%;
}
.page-template-template-usato #first .container, .post-type-archive-usato #first .container {
padding: 5.2vw 18vw;
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
flex-wrap: wrap;
}
.page-template-template-usato #first .container .single-macchinario, .post-type-archive-usato #first .container .single-macchinario {
width: calc(100% / 2 - (100px / 2));
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 80px;
}
.page-template-template-usato #first .container .single-macchinario > *, .post-type-archive-usato #first .container .single-macchinario > * {
width: 100%;
height: auto;
}
.page-template-template-usato #first .container .single-macchinario img, .post-type-archive-usato #first .container .single-macchinario img {
width: 100%;
height: auto;
}
.page-template-template-usato #first .container .single-macchinario .title, .post-type-archive-usato #first .container .single-macchinario .title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
margin-bottom: 30px;
margin-top: 25px;
}
.page-template-template-usato #first .container .single-macchinario .title .name, .post-type-archive-usato #first .container .single-macchinario .title .name {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.page-template-template-usato #first .container .single-macchinario .title::before, .post-type-archive-usato #first .container .single-macchinario .title::before {
content: "";
position: absolute;
left: -20px;
height: 100%;
top: 0;
width: 2px;
background-color: #000;
}
.page-template-template-usato #first .container .single-macchinario .title .single-dato-tecnico .value, .post-type-archive-usato #first .container .single-macchinario .title .single-dato-tecnico .value {
font-weight: bold;
}
.page-template-template-usato #first .container .single-macchinario .btn, .post-type-archive-usato #first .container .single-macchinario .btn {
width: 50%;
}
.page-template-template-usato #first .container .single-macchinario .btn a, .post-type-archive-usato #first .container .single-macchinario .btn a {
position: relative;
width: auto;
max-width: 100%;
border-radius: 30px;
border: 2px solid #52BCDB;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.page-template-template-usato #first .container .single-macchinario .btn a span, .post-type-archive-usato #first .container .single-macchinario .btn a span {
font-weight: bold;
}
.page-template-template-usato #first .container .single-macchinario .btn a:hover, .post-type-archive-usato #first .container .single-macchinario .btn a:hover {
background-color: #52BCDB;
}
.page-template-template-usato #first .container .single-macchinario .btn a:hover span, .post-type-archive-usato #first .container .single-macchinario .btn a:hover span {
color: #fff;
}
.page-template-template-corporate footer > div {
background: #ccebf4 !important;
}
.page-template-template-corporate section {
width: 100%;
position: relative;
}
.page-template-template-corporate #heading .container {
min-height: 60vh;
border-radius: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-size: cover;
position: relative;
overflow: hidden;
}
.page-template-template-corporate #heading .container .row {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.page-template-template-corporate #heading .container .row video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
position: absolute;
object-fit: cover;
left: 0;
top: 0;
border-radius: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.page-template-template-corporate #first {
margin-top: 70px;
}
.page-template-template-corporate #first .text {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 5.2vw;
}
.page-template-template-corporate #first .text .col {
width: calc(100% / 3 - (100px / 3));
}
.page-template-template-corporate #first .text .col:first-child h1 {
text-align: end;
}
.page-template-template-corporate #first .text p {
margin: 0;
}
.page-template-template-corporate #second {
margin-top: 80px;
}
.page-template-template-corporate #second .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 52vw;
margin: 0 auto;
}
.page-template-template-corporate #second .container .col {
width: 15vw;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transform: scale(0);
}
.page-template-template-corporate #second .container .col .div-img {
width: 90%;
height: auto;
position: relative;
}
.page-template-template-corporate #second .container .col .div-img img {
width: 100%;
height: auto;
}
.page-template-template-corporate #second .container .col .img-scritte {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.page-template-template-corporate #second .container .col .img-scritte .img-wrapper {
animation: pulse 1s infinite ease-in-out alternate;
}
.page-template-template-corporate #second .container .col .img-scritte .img-wrapper img {
width: 100%;
height: auto;
animation: rotate 10s linear infinite;
}
.page-template-template-corporate #third {
margin-top: 6vw;
}
.page-template-template-corporate #third .container {
width: 100%;
border-radius: 20px;
background: #CCEBF4;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 4vw 14.5vw;
}
.page-template-template-corporate #third .container .paragraph {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.page-template-template-corporate #third .container .paragraph p {
width: calc(100% / 2 - (80px / 2));
}
.page-template-template-corporate #fourth {
margin-top: 8vw;
}
.page-template-template-corporate #fourth .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 10vw 0 11vw;
position: relative;
}
.page-template-template-corporate #fourth .container .col {
width: calc(100% / 3 - (17vw / 3));
position: relative;
display: flex;
flex-direction: column;
}
.page-template-template-corporate #fourth .container .col:first-child {
width: calc(100% / 5 - (17vw / 3));
}
.page-template-template-corporate #fourth .container .col .numero {
width: 100%;
font-size: 120px;
line-height: normal;
font-weight: bold;
}
.page-template-template-corporate #fourth .container .col .numero span {
display: block;
width: 100%;
}
.page-template-template-corporate #fourth .container .col .dato {
width: 100%;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
.page-template-template-corporate #fifth {
margin-top: 8vw;
}
.page-template-template-corporate #fifth .container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
padding-right: 10vw;
}
.page-template-template-corporate #fifth .container .div-img {
width: 55%;
position: relative;
}
.page-template-template-corporate #fifth .container .div-img img {
width: 100%;
height: auto;
}
.page-template-template-corporate #fifth .container .text {
width: 35%;
}
.page-template-template-corporate #sixth {
margin: 7vw 0 5vw;
}
.page-template-template-corporate #sixth .storia {
display: flex;
padding: 0 9vw;
flex-direction: column;
align-items: flex-start;
gap: 2.6vw;
}
.page-template-template-corporate #sixth .storia .container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 80px;
}
.page-template-template-corporate #sixth .storia .container .single-row {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.page-template-template-corporate #sixth .storia .container .single-row .anno {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 10%;
opacity: 0;
height: 150px;
}
.page-template-template-corporate #sixth .storia .container .single-row .anno .first, .page-template-template-corporate #sixth .storia .container .single-row .anno .second {
width: 100%;
}
.page-template-template-corporate #sixth .storia .container .single-row .anno .first span, .page-template-template-corporate #sixth .storia .container .single-row .anno .second span {
font-size: 80px;
line-height: 60px;
font-weight: 700;
width: 100%;
display: block;
}
.page-template-template-corporate #sixth .storia .container .single-row .anno .second span {
color: #68c6e0;
}
.page-template-template-corporate #sixth .storia .container .single-row .text {
width: 90%;
}
.page-template-template-corporate #sixth .storia .container .single-row .text p {
margin: 0; }
.page-template-template-corporate #sixth .storia .container .single-row .separator {
position: absolute;
left: 0;
bottom: -40px;
height: 2px;
width: 0;
background-color: #000;
}
.page-template-template-corporate #sixth .storia .container .single-row:last-child .separator {
display: none;
}
.home #popup {
display: none !important;
}
.home .overlayPop {
display: none !important;
}
.home #content {
min-height: 200vw;
}
.home p#breadcrumbs {
display: none !important;
}
.home p {
margin: 0;
}
.home .content-inner section:nth-of-type(1) {
padding-top: 150px;
}
.home #banner {
width: 100%;
position: relative;
}
.home #banner .div-img {
width: 100%;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.home #banner .div-img img {
width: 100%;
height: auto;
border-radius: 20px;
}
.home #banner .div-img img.mobile {
display: none;
}
.home #heading .title {
width: 100%;
height: 100%;
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.home #heading .title h1 {
font-size: 50px;
line-height: 55px;
text-align: center;
max-width: 60vw;
margin-bottom: 80px;
}
.home #heading .title h2 {
font-weight: normal;
font-size: 30px;
line-height: normal;
text-align: center;
margin: 50px 0 20px 0;
}
.home #first .subtitle {
padding: 0 15vw;
margin-bottom: 50px;
}
.home #first .subtitle .title {
font-size: 40px;
line-height: 45px;
font-weight: bold;
text-align: center;
}
.home #first .container {
width: 100%;
padding: 0 15vw;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.home #first .container div {
width: 45%;
}
.home #first .container div p {
text-align: justify;
}
.home #second {
margin-top: 5vw;
}
.home #second h3 {
width: 100%;
text-align: center;
}
.home #second .container {
display: flex;
align-items: flex-start;
justify-content: space-around;
margin: 50px 0 65px;
height: auto;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.home #second .container .single-box {
user-select: none;
width: 26vw;
display: flex;
justify-content: center;
align-items: center;
padding: 35px 50px;
background-color: #F2F2F2;
border-radius: 20px;
position: relative;
scale: 0.9;
transition: all 0.5s ease;
border: 2px solid transparent;
}
.home #second .container .single-box span { font-size: 22px;
text-align: center;
transition: all 0.5s ease;
}
.home #second .container .single-box .expand {
position: absolute;
width: 40px;
height: 40px;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
border-radius: 50%;
background-color: white;
border: 1px solid #68c6e0;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.home #second .container .single-box .expand span {
text-decoration: unset;
transform: translateY(-1px);
}
.home #second .container .single-box.active {
scale: 1.2;
background: #68c6e0;
}
.home #second .container .single-box.active span:not(.expand span) {
font-size: 23px;
font-weight: 600;
line-height: normal;
}
.home #second .container .single-box:not(.active):hover {
transition: none;
border: 2px solid #68c6e0;
}
.home #second .dinamic-box {
width: 100%;
background-color: #ccebf4;
min-height: 50vh;
border-radius: 20px;
padding: 6vw;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.home #second .dinamic-box .single-container {
width: 0;
height: 0;
}
.home #second .dinamic-box .single-container div {
opacity: 0;
}
.home #second .dinamic-box .single-container .titolo, .home #second .dinamic-box .single-container .title {
font-size: 40px;
font-weight: 700;
line-height: 45px;
}
.home #second .dinamic-box .single-container.settori {
display: flex;
justify-content: space-between;
position: relative;
width: 100%;
height: 100%;
}
.home #second .dinamic-box .single-container.settori div {
opacity: 1;
}
.home #second .dinamic-box .single-container.settori .settore {
width: calc(100% / 3 - 50px);
margin: 0;
}
.home #second .dinamic-box .single-container.settori .settore .image {
height: 15vw;
border-radius: 20px;
overflow: hidden;
border: 3px solid transparent;
transition: all 0.3s ease;
}
.home #second .dinamic-box .single-container.settori .settore .image img {
transition: all 0.3s ease;
}
.home #second .dinamic-box .single-container.settori .settore .text p {
max-width: 100%;
}
.home #second .dinamic-box .single-container.settori .settore a {
transition: all 0.3s ease;
}
.home #second .dinamic-box .single-container.settori .settore a:hover .image {
border: 3px solid black;
}
.home #second .dinamic-box .single-container.settori .settore a:hover .image img {
transform: scale(1.04);
}
.home #second .dinamic-box .single-container.settori .cta-wrapper {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 80px;
}
.home #second .dinamic-box .single-container.settori .cta-wrapper a:hover {
background-color: #68c6e0;
}
.home #second .dinamic-box .single-container.confezionamento {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.home #second .dinamic-box .single-container.confezionamento .single-confezionamento {
width: 27%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
position: relative;
}
.home #second .dinamic-box .single-container.confezionamento .single-confezionamento .icona {
height: 100px;
width: 100%;
position: relative;
margin-bottom: 15px;
}
.home #second .dinamic-box .single-container.confezionamento .single-confezionamento .icona img {
height: 100%;
width: auto;
}
.home #second .dinamic-box .single-container.confezionamento .single-confezionamento .text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.home #second .dinamic-box .single-container.confezionamento .single-confezionamento .text a {
position: absolute;
bottom: -50px;
}
.home #second .dinamic-box .single-container.macchinario {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
flex-wrap: wrap;
}
.home #second .dinamic-box .single-container.macchinario .single-imballaggio {
width: 27%;
position: relative;
}
.home #second .dinamic-box .single-container.macchinario .single-imballaggio .text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.home #second .dinamic-box .single-container.macchinario .single-imballaggio .image {
height: 100px;
width: 100%;
position: relative;
margin-bottom: 15px;
}
.home #second .dinamic-box .single-container.macchinario .single-imballaggio .image img {
height: 100%;
width: auto;
}
.home #second .dinamic-box .single-container.macchinario .cta-wrapper {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 80px;
}
.home #second .dinamic-box .single-container.macchinario .cta-wrapper a:hover {
background-color: #68c6e0;
}
.home #video {
display: flex; margin-bottom: 5vw;
flex-direction: column;
overflow: hidden;
}
.home #video .container {
height: 100vh;
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
}
.home #video .container .video-wrapper {
width: 100%;
height: 100vh;
border-radius: 20px;
overflow: hidden; will-change: transform;
transform-origin: top;
position: relative;
}
.home #video .container .video-wrapper video {
width: 100%;
height: auto;
display: block;
height: 100%;
object-fit: cover;
}
.home #fourth {
margin: 5vw 0;
}
.home #fourth .container {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.home #fourth .container .single-col {
width: 27%;
display: flex;
flex-direction: column;
align-items: center;
}
.home #fourth .container .single-col .text {
text-align: center;
margin-top: 20px;
}
.home #fourth .container .single-col .div-img {
width: 250px;
position: relative;
transform: scale(0);
}
.home #fourth .container .single-col .div-img .testo-icona {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home #fourth .container .single-col .div-img .testo-icona .img-wrapper {
animation: pulse 1s infinite ease-in-out alternate;
}
.home #fourth .container .single-col .div-img .testo-icona .img-wrapper img {
width: 100%;
height: auto;
transform: scale(0, 0);
animation: rotateHome 10s linear infinite;
}
.home #fourth .container .single-col .div-img .icona-1 {
transform: translateY(-6px);
}
.post-type-archive-categorie-macchinari #heading {
margin-bottom: 4vw;
}
.post-type-archive-categorie-macchinari #heading .container {
width: 100%;
}
.post-type-archive-categorie-macchinari #heading .container .row {
padding: calc(130px + 5.2vw) 10vw 5.2vw;
position: relative;
height: auto;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #ccebf4;
flex-direction: column;
}
.post-type-archive-categorie-macchinari #heading .container .row .title {
position: relative;
z-index: 1;
width: 70%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post-type-archive-categorie-macchinari #heading .container .row .title h1 {
font-weight: 700;
}
.post-type-archive-categorie-macchinari #first {
margin-bottom: 5vw;
}
.post-type-archive-categorie-macchinari #first .container {
display: flex;
flex-direction: column;
gap: 3vw;
}
.post-type-archive-categorie-macchinari #first .container .single-cat {
border-radius: 20px;
padding: 50px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
gap: 35px;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .main {
display: flex;
gap: 30px;
align-items: center;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .main .icon {
width: 120px;
position: relative;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .main .icon img {
width: 100%;
height: auto;
object-fit: cover;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .content {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: flex-start;
position: relative;
width: 100%;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .content .single-imballaggio {
width: calc(100% / 4 - (150px / 4));
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 50px;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .content .single-imballaggio:not(:nth-child(4n)) {
margin-right: 50px;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .content .single-imballaggio .icon-imballaggio {
width: 100px;
position: relative;
}
.post-type-archive-categorie-macchinari #first .container .single-cat .content .single-imballaggio .icon-imballaggio img {
width: 100%;
height: auto;
object-fit: cover;
}
.single-usato p {
margin: 0;
}
.single-usato #heading .container {
width: 100%;
}
.single-usato #heading .container .row {
padding: calc(130px + 5.2vw) 10vw 6.3vw;
position: relative;
height: auto;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #ccebf4;
flex-direction: column;
}
.single-usato #heading .container .row .title {
position: relative;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.single-usato #heading .container .row .title h1 {
font-weight: 700;
}
.single-usato #first .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 3vw 10vw 0;
}
.single-usato #first .container .text {
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 25px;
}
.single-usato #first .container .text .dati-tecnici {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.single-usato #first .container .text .dati-tecnici .single-dato {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
}
.single-usato #first .container .text .dati-tecnici .single-dato .right span {
font-weight: bold;
}
.single-usato #first .container .gallery {
width: 40%;
position: relative;
}
.single-usato #first .container .gallery .div-img {
width: 100%;
}
.single-usato #first .container .gallery .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.single-usato #second {
width: 100%;
padding: 7vw 13.5vw;
position: relative;
}
.single-usato #second .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-usato #second .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 50px;
}
.single-usato #second .modulo .gform_required_legend {
display: none;
}
.single-usato #second .modulo form input, .single-usato #second .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-usato #second .modulo form input::placeholder, .single-usato #second .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-usato #second .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-usato #second .modulo form .gform_footer {
justify-content: center;
}
.single-usato #second .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-usato #second .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.page-template-template-standard p {
margin: 0;
}
.page-template-template-standard #heading .container {
width: 100%;
}
.page-template-template-standard #heading .container .row {
padding: calc(130px + 3vw) 5vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.page-template-template-standard #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.page-template-template-standard #heading .container .row .text h1 {
font-weight: 700;
}
.page-template-template-standard #first {
margin-top: 5vw;
margin-bottom: 5vw;
padding: 0 13.5vw;
}
.page-template-template-standard #first .container {
padding: 50px 0;
}
.page-template-template-assistenza p {
margin: 0;
}
.page-template-template-assistenza #heading .container {
width: 100%;
}
.page-template-template-assistenza #heading .container .row {
padding: calc(130px + 3vw) 5vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.page-template-template-assistenza #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.page-template-template-assistenza #heading .container .row .text h1 {
font-weight: 700;
}
.page-template-template-assistenza #first {
margin-top: 7vw;
padding: 0 13.5vw;
}
.page-template-template-assistenza #first .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
background-color: #CCEBF4;
padding: 50px 0;
border-radius: 20px;
}
.page-template-template-assistenza #first .container .text {
width: calc(45% - 5vw);
}
.page-template-template-assistenza #first .container .text p {
text-align: start;
}
.page-template-template-assistenza #first .container .text:first-child {
margin-left: 5vw;
}
.page-template-template-assistenza #first .container .text:last-child {
margin-right: 5vw;
}
.page-template-template-assistenza #servizi {
margin-top: 50px;
position: relative;
}
.page-template-template-assistenza #servizi .titolo-servizi {
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.page-template-template-assistenza #servizi .container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
width: 100%;
padding: 0 5vw;
}
.page-template-template-assistenza #servizi .container .single-servizio {
width: calc(100% / 4);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
padding: 40px;
}
.page-template-template-assistenza #servizi .container .single-servizio:not(:last-child) {
border-right: 1px solid #b0b0b0;
}
.page-template-template-assistenza #servizi .container .single-servizio:first-child {
padding-left: 0;
}
.page-template-template-assistenza #servizi .container .single-servizio .div-icona {
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.page-template-template-assistenza #servizi .container .single-servizio .div-icona img {
width: 200px;
height: auto;
max-width: 100%;
}
.page-template-template-assistenza #servizi .container .single-servizio .title span {
font-weight: bold;
font-size: 28px;
}
.page-template-template-assistenza #second {
width: 100%;
padding: 7vw 13.5vw;
position: relative;
}
.page-template-template-assistenza #second .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.page-template-template-assistenza #second .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 30px;
}
.page-template-template-assistenza #second .modulo .gform_required_legend {
display: none;
}
.page-template-template-assistenza #second .modulo form input, .page-template-template-assistenza #second .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.page-template-template-assistenza #second .modulo form input::placeholder, .page-template-template-assistenza #second .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.page-template-template-assistenza #second .modulo form .gfield_checkbox label {
font-size: 14px;
}
.page-template-template-assistenza #second .modulo form .gform_footer {
justify-content: center;
}
.page-template-template-assistenza #second .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.page-template-template-assistenza #second .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.post-type-archive-linee #heading .container {
width: 100%;
}
.post-type-archive-linee #heading .container .row {
padding: calc(130px + 3vw) 10vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.post-type-archive-linee #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.post-type-archive-linee #heading .container .row .text h1 {
font-weight: 700;
}
.post-type-archive-linee #first .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
padding: 5vw 10vw;
}
.post-type-archive-linee #first .container .single-linea {
width: calc(100% / 3 - 60px);
display: flex;
flex-direction: column;
margin-bottom: 80px;
}
.post-type-archive-linee #first .container .single-linea:not(:nth-child(3n+1)) {
margin-left: 90px;
}
.post-type-archive-linee #first .container .single-linea a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.post-type-archive-linee #first .container .single-linea a .image {
margin-bottom: 30px;
}
.post-type-archive-linee #first .container .single-linea a .image img {
width: 100%;
height: auto;
}
.post-type-archive-linee #first .container .single-linea a .text {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 35px;
border-left: 1px solid #000;
gap: 25px;
}
.post-type-archive-linee #first .container .single-linea a .text h2 {
font-size: 30px;
line-height: 35px;
}
.single-linee #heading .container {
width: 100%;
}
.single-linee #heading .container .row {
padding: calc(130px + 3vw) 10vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.single-linee #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.single-linee #heading .container .row .text h1 {
font-weight: 700;
}
.single-linee #first {
margin: 4vw 0;
}
.single-linee #first .container {
padding: 0 10vw;
display: flex;
justify-content: space-between;
align-items: stretch;
position: relative;
}
.single-linee #first .container .text {
width: 45%;
}
.single-linee #first .container .div-img {
width: 45%;
position: relative;
height: 100%;
}
.single-linee #first .container .div-img div {
width: 100%;
position: sticky;
top: 0px;
}
.single-linee #first .container .div-img div img {
width: 100%;
height: auto;
object-fit: cover;
}
.single-linee #second {
width: 100%;
padding: 3vw 13.5vw 7vw;
position: relative;
}
.single-linee #second .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-linee #second .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
}
.single-linee #second .modulo .gform_required_legend {
display: none;
}
.single-linee #second .modulo form input, .single-linee #second .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-linee #second .modulo form input::placeholder, .single-linee #second .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-linee #second .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-linee #second .modulo form .gform_footer {
justify-content: center;
}
.single-linee #second .modulo form .gform_footer input {
height: auto;
border: 2px solid #68c6e0;
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-linee #second .modulo form .gform_footer input:hover {
background-color: #68c6e0;
color: #fff;
}
.page-template-template-accessori #heading .container {
width: 100%;
}
.page-template-template-accessori #heading .container .row {
padding: calc(130px + 3vw) 10vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.page-template-template-accessori #heading .container .row .text {
position: relative;
z-index: 1;
width: 100%;
}
.page-template-template-accessori #heading .container .row .text h1 {
font-weight: 700;
}
.page-template-template-accessori #first .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
padding: 5vw 10vw;
}
.page-template-template-accessori #first .container .single-accessorio {
width: calc(100% / 3 - 60px);
display: flex;
flex-direction: column;
margin-bottom: 80px;
}
.page-template-template-accessori #first .container .single-accessorio:not(:nth-child(3n+1)) {
margin-left: 90px;
}
.page-template-template-accessori #first .container .single-accessorio a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-accessori #first .container .single-accessorio a .image {
margin-bottom: 30px;
}
.page-template-template-accessori #first .container .single-accessorio a .image img {
width: 100%;
height: auto;
}
.page-template-template-accessori #first .container .single-accessorio a .text {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 35px;
border-left: 1px solid #000;
gap: 25px;
}
.page-template-template-accessori #first .container .single-accessorio a .text h2 {
font-size: 30px;
line-height: 35px;
}
.page-template-template-informativa #heading .container {
width: 100%;
}
.page-template-template-informativa #heading .container .row {
padding: calc(130px + 3vw) 10vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ccebf4;
}
.page-template-template-informativa #first .container {
padding: 3vw 10vw;
}
.page-template-template-grazie #content {
min-height: auto;
}
.page-template-template-grazie #heading .container {
width: 100%;
}
.page-template-template-grazie #heading .container .row {
padding: calc(130px + 3vw) 10vw 5.2vw;
position: relative;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #ccebf4;
gap: 50px;
}
.page-template-template-grazie #first .container {
display: flex;
justify-content: center;
align-items: center;
padding: 5.2vw 0 8vw;
}
.page-template-template-grazie #first .container .btn {
width: 300px;
max-width: 100%;
}
.page-template-template-grazie #first .container .btn a {
position: relative;
width: auto;
max-width: 100%;
border-radius: 30px;
border: 2px solid #52BCDB;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.page-template-template-grazie #first .container .btn a span {
font-weight: bold;
}
.page-template-template-grazie #first .container .btn a:hover {
background-color: #52BCDB;
}
.page-template-template-grazie #first .container .btn a:hover span {
color: #fff;
}
.page-template-template-all-esempi-prodotto .examples {
padding-top: 200px;
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
padding-left: 0;
}
.page-template-template-all-esempi-prodotto .examples .col {
width: calc(100% / 4 - (180px / 4));
margin-bottom: 60px;
position: relative;
border-radius: 20px;
border: 2px solid #45B9B9;
display: flex;
flex-direction: column;
justify-content: center;
padding: 22px;
background: #fff;
z-index: 1;
transition: all 0.33s ease;
}
.page-template-template-all-esempi-prodotto .examples .col:not(:nth-child(4n)) {
margin-right: 60px;
}
.page-template-template-all-esempi-prodotto .examples .col .image {
width: 100%;
height: auto;
}
.page-template-template-all-esempi-prodotto .examples .col .image img {
width: 100%;
height: auto;
display: block;
pointer-events: none;
}
@keyframes pulse {
from {
transform: scale(0.95);
}
to {
transform: scale(1.07);
}
}
.single-landing.landing header #site-navigation {
display: none !important;
}
.single-landing.landing header .header-right {
display: none !important;
}
.single-landing.landing #breadcrumbs {
display: none !important;
}
.single-landing.landing footer .content-inner {
background: var(--colore-sfondo) !important;
}
.single-landing.landing p {
margin: 0;
}
.single-landing.landing #heading {
margin-bottom: 170px;
}
.single-landing.landing #heading .container .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
border-radius: 0px 0px 20px 20px;
padding-bottom: 50px;
padding-top: 200px;
}
.single-landing.landing #heading .container .row .col {
display: block;
position: relative;
}
.single-landing.landing #heading .container .row .col.-right {
margin-bottom: -10.5vw;
}
.single-landing.landing #heading .container .row .col .text {
position: relative;
z-index: 100;
}
.single-landing.landing #heading .container .row .col .text h1 {
font-weight: 700;
width: 120%;
}
.single-landing.landing #heading .container .row .col .text h2 {
font-weight: 600;
margin-top: 60px;
}
.single-landing.landing #heading .container .row .col .icon {
width: 150px;
margin-bottom: 10px;
}
.single-landing.landing #heading .container .row .col .icon img {
width: 100%;
height: auto;
display: block;
}
.single-landing.landing #heading .container .row .col .image {
width: 100%;
}
.single-landing.landing #heading .container .row .col .image img {
width: 100%;
height: auto;
display: block;
}
.single-landing.landing #heading .container .row .col.-left {
width: 37%;
display: flex;
flex-direction: column;
padding-left: 80px;
padding-right: 50px;
}
.single-landing.landing #heading .container .row .col.-right {
width: 63%;
margin-top: -55px;
}
.single-landing.landing #heading .container.full .col .text {
text-align: center;
}
.single-landing.landing #heading .container.full .col .text h1 {
width: 100%;
text-align: center;
}
.single-landing.landing #heading .container.full .col .text h2 {
margin-top: 10px;
text-align: center;
}
.single-landing.landing #heading .container.full .col.-left {
width: 100%;
padding: 0;
padding: 0 5vw;
}
.single-landing.landing #heading .container.full .col.-right {
width: 100%;
padding: 0 5vw;
margin-top: 40px;
}
.single-landing.landing #first .container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-landing.landing #first .container .item {
margin: 20px 0;
display: block;
width: 100%;
}
.single-landing.landing #first .container .item h2 {
font-size: 30px;
line-height: 36px;
display: block;
text-align: left;
margin: 0;
}
.single-landing.landing #first .container .item.center {
padding: 0 8.5vw;
}
.single-landing.landing #first .container .item.cta {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.single-landing.landing #first .container .item.cta a {
display: inline-flex;
margin: 0 auto;
}
.single-landing.landing #first .container .item.elenco {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.single-landing.landing #first .container .item.elenco .box {
border-radius: 20px;
margin-bottom: 40px;
}
.single-landing.landing #first .container .item.elenco .box:not(.three) {
width: calc(100% / 2 - 20px);
padding: 24px;
}
.single-landing.landing #first .container .item.elenco .box:not(.three):not(:nth-child(2n)) {
margin-right: calc(20px * 2);
}
.single-landing.landing #first .container .item.elenco .box h4 {
font-size: 24px;
line-height: 30px;
margin-bottom: 16px;
}
.single-landing.landing #first .container .item.elenco .box.three {
width: calc(100% / 3 - 20px);
padding: 24px;
}
.single-landing.landing #first .container .item.elenco .box.three:not(:nth-child(3n)) {
margin-right: 30px;
}
.single-landing.landing #first .container .item.video video {
width: 100%;
height: auto;
display: block;
}
.single-landing.landing #first .item.gallery {
width: 100%;
margin: 40px 0;
display: block;
margin-bottom: 80px;
}
.single-landing.landing #first .item.gallery .track {
width: 100%;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
height: 24vw;
}
.single-landing.landing #first .item.gallery .track .slick-list, .single-landing.landing #first .item.gallery .track .slick-track {
height: 100%;
}
.single-landing.landing #first .item.gallery .track .slick-slide > div {
height: 100%;
}
.single-landing.landing #first .item.gallery .track .slick-slide {
margin: 0 10px;
}
.single-landing.landing #first .item.gallery .track .slick-list {
margin: 0 -10px;
}
.single-landing.landing #first .item.gallery .track .image {
width: auto;
height: 100%;
display: block;
}
.single-landing.landing #first .item.gallery .track .image img, .single-landing.landing #first .item.gallery .track .image picture {
width: auto;
height: 100%;
display: block;
}
.single-landing.landing #first .item.moduloContatto {
width: 100%;
padding: 0vw 13.5vw 7vw;
margin-bottom: 55px;
}
.single-landing.landing #first .item.moduloContatto .gform_validation_errors, .single-landing.landing #first .item.moduloContatto .validation_message {
display: none !important;
}
.single-landing.landing #first .item.moduloContatto .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-landing.landing #first .item.moduloContatto .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 30px;
}
.single-landing.landing #first .item.moduloContatto .modulo .gform_required_legend {
display: none;
}
.single-landing.landing #first .item.moduloContatto .modulo form input, .single-landing.landing #first .item.moduloContatto .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-landing.landing #first .item.moduloContatto .modulo form input::placeholder, .single-landing.landing #first .item.moduloContatto .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-landing.landing #first .item.moduloContatto .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-landing.landing #first .item.moduloContatto .modulo form .gform_footer {
justify-content: center;
}
.single-landing.landing #first .item.moduloContatto .modulo form .gform_footer input {
height: auto;
border: 2px solid var(--colore-sfondo-bottoni);
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-landing.landing #first .item.moduloContatto .modulo form .gform_footer input:hover {
background-color: var(--colore-sfondo-bottoni);
color: #fff;
}
.single-landing.landing #contatti {
width: 100%;
padding: 0vw 13.5vw 7vw;
position: relative;
margin-top: 100px;
scroll-margin-top: 170px;
}
.single-landing.landing #contatti .modulo {
width: 100%;
position: relative;
border-radius: 20px;
background: #F6F6F6;
padding: 65px 85px;
}
.single-landing.landing #contatti .modulo h2 {
color: #000;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 30px;
}
.single-landing.landing #contatti .modulo .gform_required_legend {
display: none;
}
.single-landing.landing #contatti .modulo form input, .single-landing.landing #contatti .modulo form textarea {
border-radius: 20px;
background-color: #EBEBEB;
border: none;
min-height: 60px;
}
.single-landing.landing #contatti .modulo form input::placeholder, .single-landing.landing #contatti .modulo form textarea::placeholder {
font-family: "neue-haas-grotesk-display", sans-serif;
font-display: swap !important;
}
.single-landing.landing #contatti .modulo form .gfield_checkbox label {
font-size: 14px;
}
.single-landing.landing #contatti .modulo form .gform_footer {
justify-content: center;
}
.single-landing.landing #contatti .modulo form .gform_footer input {
height: auto;
border: 2px solid var(--colore-sfondo-bottoni);
border-radius: 30px;
padding: 0 20px;
color: #000;
}
.single-landing.landing #contatti .modulo form .gform_footer input:hover {
background-color: var(--colore-sfondo-bottoni);
color: #fff;
}
@media screen and (min-width: 2000px) {
.single-landing.landing #heading {
margin-bottom: 209px;
}
}
@media screen and (max-width: 800px) {
#whatsapp {
position: fixed;
width: 46px;
height: 46px;
z-index: 99999999999999;
right: 10px;
top: calc(100svh - 13px);
}
}
@media screen and (max-width: 1500px) {
#popup {
width: 59vw;
height: 65vh;
}
}
@media screen and (max-width: 1100px) {
#popup {
width: 65vw;
height: 70vh;
}
#popup .right .title span {
font-size: 26px;
line-height: 34px;
}
#popup .right .sub span {
font-size: 20px;
line-height: 26px;
}
#popup .right .text p {
display: block;
text-align: center;
font-size: 18px;
line-height: 26px;
}
}
@media screen and (max-width: 800px) {
#popup {
width: 90vw;
max-height: 80vh;
height: auto;
flex-direction: column;
}
#popup .right, #popup .left {
width: 100%;
height: auto;
}
#popup .left .image {
height: 56vw;
padding: 20px 0;
}
#popup .left .image img, #popup .left .image picture {
width: auto;
height: 100%;
}
#popup .right {
flex: 1;
padding: 5vw;
}
#popup .right .title {
margin-bottom: 8px;
}
#popup .right .text {
margin-top: 16px;
}
}
.grecaptcha-badge {
opacity: 0 !important;
}
@keyframes rotating {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes pulse {
from {
transform: scale(0.95);
}
to {
transform: scale(1.07);
}
}
.home #content {
min-height: 200vh;
}
.home p#breadcrumbs {
display: none !important;
}
.home #third {
height: auto;
}
.home #third .container {
width: 100%;
height: 100%;
padding-top: 5vw;
}
.home #third .container .webgl-wrapper {
width: 100%;
height: 500px;
overflow: hidden;
background: #ededed;
border-radius: 0;
position: relative;
}
.home #third .container .webgl-wrapper canvas {
position: relative;
z-index: 1;
}
.home #third .container .webgl-wrapper .cta-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
flex-flow: row wrap;
}
.home #third .container .webgl-wrapper .cta-wrapper .col {
width: calc(100% / 3);
height: 100%;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a * {
pointer-events: none !important;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name {
display: inline-block;
width: 280px;
height: 280px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
opacity: 0;
transform: scale(0);
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name .circle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
animation: rotating 8s linear infinite;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name .circle img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
animation: pulse 1s infinite ease-in-out alternate;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name span {
color: #000;
font-weight: 700;
position: relative;
z-index: 2;
font-size: 38px;
line-height: 38px;
display: block;
perspective: 1000px;
transform-style: preserve-3d;
}
@media screen and (max-width: 1680px) {
.home #heading .title h1 {
font-size: 38px;
line-height: 44px;
margin-bottom: 30px;
}
.home #heading .title h2 {
font-size: 28px;
margin: 25px 0 10px 0;
}
.home .content-inner section:nth-of-type(1) {
padding-top: 120px;
}
}
@media screen and (max-width: 1200px) {
.home .content-inner section:nth-of-type(1) {
padding-top: 82px;
}
.home #heading .title h1 {
font-size: 33px;
line-height: 41px;
margin-bottom: 30px;
}
.home #heading .title h2 {
font-size: 21px;
margin: 25px 0 10px 0;
}
}
@media screen and (max-width: 800px) {
.home #third .container .webgl-wrapper {
width: 100%;
height: 1000px;
}
.home #third .container .webgl-wrapper .cta-wrapper .col {
width: 100%;
height: calc(100% / 3);
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name {
width: 80%;
height: 80%;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name span {
font-size: 26px;
line-height: 26px;
}
}
@media screen and (max-width: 600px) {
.home #heading .title h1 {
font-size: 26px;
line-height: 31px;
}
.home #heading .title h2 {
margin: 10px 0 10px 0;
}
.home #third .container .webgl-wrapper {
width: 100%;
height: 800px;
}
.home #third .container .webgl-wrapper .cta-wrapper .col a .name {
width: 80%;
height: 70%;
}
}
nav.footer-navigation {
display: none !important;
}
footer#colophon {
padding: 0 80px;
}
footer#colophon > .content-inner {
padding: 5.7vw 9.4vw 40px;
background: #ccebf4;
border-radius: 20px 20px 0px 0px;
}
footer#colophon > .content-inner .footer-inner {
margin-bottom: 35px;
}
footer#colophon > .content-inner .footer-inner .footer-col {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
}
footer#colophon > .content-inner .footer-inner .footer-col:first-child {
width: 100%;
flex-basis: 100%;
margin-bottom: 4vw;
}
footer#colophon > .content-inner .footer-inner .footer-col:first-child .title-footer h2 {
font-size: 64px;
line-height: 64px;
font-weight: 700;
}
footer#colophon > .content-inner .footer-inner .footer-col:nth-child(2) {
width: calc(100% / 2);
flex-basis: calc(100% / 2);
}
footer#colophon > .content-inner .footer-inner .footer-col .text-footer {
display: flex;
flex-direction: column;
}
footer#colophon > .content-inner .footer-inner .footer-col:nth-child(3) .text-footer span:last-child {
display: none;
}
footer#colophon > .content-inner .footer-inner .footer-col:last-child a.button {
width: 200px;
padding: 3px 10px;
font-size: 18px;
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
background-color: #00B52C !important;
}
footer#colophon > .content-inner .footer-inner .footer-col:last-child a.button img {
width: 20px;
height: auto;
object-fit: contain;
}
footer#colophon > .content-inner .footer-inner .footer-col:last-child a.button:hover {
background-color: #00B52C;
color: #000;
}
footer#colophon > .content-inner .footer-bottom {
padding-top: 35px;
border-top: 2px solid #000;
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper {
display: flex;
flex-flow: row wrap;
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div {
width: calc(100% / 4);
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div:first-child {
width: calc(100% / 2);
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div span, footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div a {
font-size: 16px;
line-height: 16px;
}
.single-landing footer#colophon > .content-inner .footer-inner .footer-col:nth-child(3) .text-footer span:last-child {
display: block;
}
.single-landing footer#colophon > .content-inner .footer-inner .footer-col:nth-child(3) .text-footer span:not(:last-child) {
display: none;
}
@media only screen and (max-width: 1440px) {
footer#colophon {
padding: 0 40px;
}
}
@media only screen and (max-width: 1325px) {
footer#colophon {
padding: 0 20px;
}
}
@media only screen and (max-width: 1150px) {
footer#colophon > .content-inner {
padding: 4.7vw 30px 40px;
}
}
@media only screen and (max-width: 800px) {
footer#colophon span {
font-size: 18px;
}
footer#colophon .footer-bottom span, footer#colophon .footer-bottom a {
font-size: 12px !important;
}
}
@media only screen and (max-width: 768px) {
footer#colophon > .content-inner {
padding: 50px 9.4vw 40px;
background: #ECF7FE;
border-radius: 20px 20px 0px 0px;
}
footer#colophon > .content-inner .footer-inner {
margin-bottom: 35px;
}
footer#colophon > .content-inner .footer-inner > .footer-col {
width: calc(100% / 6 - 20px);
flex-basis: calc(100% / 6 - 20px);
}
footer#colophon > .content-inner .footer-inner > .footer-col span {
font-size: 14px;
}
footer#colophon > .content-inner .footer-inner > .footer-col:first-child {
width: 100%;
flex-basis: 100%;
}
footer#colophon > .content-inner .footer-inner > .footer-col:first-child .title-footer h2 {
font-size: 50px;
line-height: 50px;
font-weight: 700;
}
footer#colophon > .content-inner .footer-inner > .footer-col:nth-child(2) {
width: calc(100% / 3 - 20px);
flex-basis: calc(100% / 3 - 20px);
}
footer#colophon > .content-inner .footer-inner > .footer-col:not(:last-child, :first-child) {
margin-right: 30px;
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div {
width: calc(100% / 4 - 20px);
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div:first-child {
width: calc(100% / 2 - 20px);
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div:last-child {
margin-left: 40px;
}
footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div span, footer#colophon > .content-inner .footer-bottom .bottom-wrapper > div a {
font-size: 12px;
line-height: 12px;
}
}
@media only screen and (max-width: 600px) {
aside.footer-inner {
flex-direction: column !important;
gap: 20px;
}
aside.footer-inner .footer-col {
width: 100% !important;
}
.footer-bottom .bottom-wrapper {
flex-direction: column;
}
.footer-bottom .bottom-wrapper > div {
width: 100% !important;
margin: 0 !important;
}
}
@media only screen and (max-width: 500px) {
footer#colophon {
padding: 0 10px;
}
}
@media only screen and (max-width: 1680px) {
.single-macchinari #content:not(.de) #heading .container .row .col .text h1 {
font-size: 45px;
line-height: 50px;
}
.single-macchinari .de #heading h1 {
font-size: 30px;
line-height: 35px;
}
.home #first .container {
padding: 0 0vw 3.5vw;
}
.home #first .container .left {
width: 46.5%;
}
.home #first .subtitle {
padding: 5vw 0 0;
}
}
@media only screen and (max-width: 1670px) {
.examples .col.active {
transform: scale(2.28, 2.28);
}
}
@media only screen and (max-width: 1550px) {
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container {
overflow-y: auto;
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: calc(100% / 2 - (50px / 2));
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(3n)) {
margin-right: 0;
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(2n)) {
margin-right: 50px;
}
}
@media only screen and (max-width: 1440px) {
#breadcrumbs {
left: 75px;
}
.page-template-template-usato #first .container .single-macchinario .btn {
width: 100%;
}
.page-template-template-corporate #sixth .storia .container .single-row .text {
width: 85%;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container {
overflow: auto;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-categorie-macchinari {
width: calc(100% / 2 - (100px / 2));
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-categorie-macchinari:not(:nth-child(4n)) {
margin-right: 0;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-categorie-macchinari:not(:nth-child(2n)) {
margin-right: 100px;
}
.home #second {
display: inline-block;
margin-top: 50px;
}
.home #second .container .single-box {
padding: 35px 20px;
}
.single-macchinari #third {
display: inline-block;
margin-top: 70px;
}
.single-categorie-macchinari #fifth {
margin-top: 50px;
}
.single-categorie-macchinari #fourth {
display: inline-block;
margin-top: 50px;
}
.page-template-template-contatti #bandiere .container .row {
width: 100%;
}
.page-template-template-contatti #bandiere .container .row .single-bandiera {
width: 110px;
}
.page-template-template-accessori #heading .container .row {
padding-left: 30px;
padding-right: 30px;
}
.page-template-template-accessori #first .container {
padding: 5vw 0;
}
.post-type-archive-linee #heading .container .row {
padding-left: 30px;
padding-right: 30px;
}
.post-type-archive-linee #first .container {
padding: 5vw 0;
}
.page-template-template-assistenza #servizi .container .single-servizio {
width: calc(100% / 2);
}
.page-template-template-assistenza #servizi .container .single-servizio:not(:last-child) {
border-right: unset;
}
.page-template-template-assistenza #servizi .container .single-servizio:not(:nth-child(2n)) {
border-right: 1px solid #b0b0b0;
}
.page-template-template-assistenza #servizi .container .single-servizio:nth-child(3) {
padding-left: 0;
}
.page-template-template-assistenza #servizi .container .single-servizio:nth-child(2), .page-template-template-assistenza #servizi .container .single-servizio:first-child {
border-bottom: 1px solid #b0b0b0;
}
.single-macchinari #content #heading .container .row .col .text h1, .single-landing.landing #content #heading .container .row .col .text h1 {
width: 100% !important;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: calc(100% / 2 - (50px / 2));
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(4n)) {
margin: 0;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(2n)) {
margin-right: 50px;
}
}
@media only screen and (max-width: 1366px) {
.link::before {
bottom: 30%;
}
}
@media only screen and (max-width: 1350px) {
.page-template-template-corporate #second .container {
width: 90%;
justify-content: space-around;
}
.page-template-template-corporate #second .container .col {
width: 25%;
}
.home #heading .title h1 {
max-width: 65vw;
}
.home #first .subtitle {
margin-bottom: 4vw;
}
.home #first .subtitle .title {
font-size: 32px;
line-height: 35px;
}
}
@media only screen and (max-width: 1325px) {
#breadcrumbs {
left: 55px;
top: 110px;
}
.page-template-template-assistenza #first {
padding: 0 calc(20px + 5vw);
}
.page-template-template-assistenza #second {
padding: 7vw calc(20px + 5vw);
}
.page-template-template-standard #first {
padding: 0 calc(20px + 5vw);
}
}
@media only screen and (max-width: 1250px) {
.settori .settore a .text p {
max-width: 100%;
}
.single-settori-industriali #subsettori .settori .settore {
width: calc(50% - 30px);
margin-bottom: 50px;
}
.single-settori-industriali #subsettori .settori .settore:not(:nth-child(3n)) {
margin-right: 0;
}
.single-settori-industriali #subsettori .settori .settore:nth-child(2n) {
margin-left: 60px;
}
.page-template-template-corporate #fourth .container .col .numero {
font-size: 90px;
}
.page-template-template-corporate #fourth .container .col .dato {
font-size: 32px;
}
}
@media only screen and (max-width: 1170px) {
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: 100%;
}
.single-settori-industriali #third.de .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(2n)) {
margin-right: 0px;
}
}
@media only screen and (max-width: 1150px) {
.post-type-archive-settori-industriali #first .settori .settore {
width: 100%;
margin-right: 0 !important;
}
.examples .col.active {
transform: scale(2.32, 2.32);
}
}
@media only screen and (max-width: 1100px) {
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario {
width: calc(100% / 2 - 30px);
margin: 0;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario:not(:nth-last-child(-n + 3)) {
margin-bottom: 80px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario:not(:nth-child(3n)) {
margin-right: 0;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario:not(:nth-child(2n)) {
margin-right: 60px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario .image img {
height: 150px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario {
width: calc(100% / 2 - 30px) !important;
margin: 0;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario:not(:nth-last-child(-n + 3)) {
margin-bottom: 80px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario:not(:nth-child(3n)) {
margin-right: 0;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario:not(:nth-child(2n)) {
margin-right: 60px;
}
.single-landing.landing #first .container .item.center {
padding: 0;
}
.single-landing.landing #heading {
margin-bottom: 60px;
}
.single-landing.landing #first .container .item {
margin: 15px 0;
}
.single-landing.landing .moduloContatto {
padding: 0 20px;
margin-top: 60px;
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1024px) {
.page-template-template-usato #first .container {
padding: 5.2vw 13.5vw;
}
.page-template-template-corporate #first .text {
flex-direction: column;
gap: 20px;
}
.page-template-template-corporate #first .text .col {
margin-right: 0 !important;
width: 100% !important;
}
.page-template-template-corporate #first .text .col h1 {
text-align: start !important;
}
.page-template-template-corporate #third .container {
padding: 4vw 10vw;
}
.page-template-template-corporate #fifth .container {
flex-direction: column-reverse;
padding-right: 0;
}
.page-template-template-corporate #fifth .container > div {
width: 100% !important;
}
.page-template-template-contatti #heading .container .row .text .single-col h2 {
font-size: 25px;
}
.page-template-template-contatti #heading .container .row .text .single-col p {
font-size: 18px;
}
.page-template-template-contatti #mappa .position {
padding: 0;
}
.page-template-template-contatti #first {
padding: 7vw 20px;
}
.page-template-template-contatti #bandiere .container {
padding: 0;
}
.page-template-template-contatti #bandiere .container .row {
padding-top: 30px;
}
.single-linee #second {
padding: 4vw 20px 7vw;
}
.page-template-template-assistenza #second {
padding: 7vw 20px;
}
.single-settori-industriali #first .container .row {
flex-direction: column;
gap: 15px;
padding: 0;
}
.single-settori-industriali #first .container .row > * {
width: 100% !important;
padding: 0 !important;
}
.single-settori-industriali #third .container {
transition: all 1s ease;
}
.single-settori-industriali #third .container .row {
transition: all 1s ease;
}
.single-settori-industriali #third .container .row .imballaggi {
flex-direction: column;
height: auto;
transition: all 1s ease;
}
.single-settori-industriali #third .container .row .imballaggi .col {
flex: calc(700px / 3);
height: auto; align-items: center;
}
.single-settori-industriali #third .container .row .imballaggi .col .main {
transition: all 1s ease;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container {
padding: 6vw 50px 6vw 50px;
align-items: flex-start;
width: 100vw;
height: unset;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: calc(100% / 2 - (50px / 2));
padding-left: 50px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(3n)) {
margin-right: 0px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(2n)) {
margin-right: 50px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio .icon-imballaggio {
width: 80px;
height: auto;
}
.single-settori-industriali #third .container .row .imballaggi .col.visible {
flex: auto;
}
.single-settori-industriali #third .container .row .imballaggi .col.visible .main {
width: calc(100% / 4);
transition: width 1s ease;
width: 0;
padding: 0;
opacity: 0;
}
.single-settori-industriali #third .container .row .imballaggi .col.visible .content {
width: calc(300% / 4);
width: 100%;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible {
flex: 80px;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main {
flex-direction: row;
gap: 0;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main .icon {
margin-bottom: 0;
width: 50px;
}
.single-settori-industriali #third .container .row .imballaggi .col.invisible .main .text {
transform: rotate(0deg);
}
.single-settori-industriali #fourth .container .row, .single-settori-industriali #fifth .container .row {
padding: 0;
}
.single-settori-industriali #sixth {
padding: 0vw 20px 7vw;
}
.examples {
padding: 0;
}
.examples .col.-example {
width: calc(100% / 3 - (100px / 3));
}
.examples .col:not(:nth-child(4n)) {
margin-right: 0px;
}
.examples .col:not(:nth-child(3n-2)) {
margin-right: 50px;
}
.examples .col:nth-child(2) {
transform-origin: top left;
}
.examples .col:nth-child(7) {
transform-origin: bottom right;
}
.examples .col.-intro, .examples .col.-outro {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.examples .col.-intro:not(.-intro), .examples .col.-outro:not(.-intro) {
margin-bottom: 0;
}
.examples .col.-outro {
margin-top: -40px;
}
.examples .col.active {
transform: scale(2.24, 2.28);
}
.home #first .container {
padding: 0vw 0vw 5.2vw;
}
.home #first .subtitle {
padding: 5.2vw 0vw 0;
}
.home #second {
margin-top: 40px;
}
.home #second .container .single-box {
padding: 25px 20px;
}
.home #second .container .single-box span {
font-size: 19px;
}
.home #second .container .single-box.active span:not(.expand span) {
font-size: 21px;
}
.home #second .dinamic-box .single-container .title, .home #second .dinamic-box .single-container .titolo {
font-size: 30px;
line-height: 35px;
}
.home #second .dinamic-box .single-container p {
font-size: 16px;
line-height: 25px;
}
.home #video {
height: auto !important;
}
.home #video .pin-spacer, .home #video .container, .home #video .video-wrapper {
height: auto !important;
}
.home #video .video-wrapper {
transform: scale(1) !important;
height: auto !important;
}
.home #fourth .container .single-col .div-img {
width: 200px;
}
.home #fourth .container .single-col .text {
font-size: 18px;
}
.single-macchinari #heading .container .row .col .text h2 {
width: 80vw;
}
.single-macchinari #first .container .row:not(.list) {
flex-direction: column;
gap: 15px;
margin-bottom: 40px;
}
.single-macchinari #first .container .row:not(.list) .col {
width: 100%;
}
.single-macchinari #first .container .row:not(.list) .col.-right {
padding-left: 0;
}
.single-macchinari #second {
height: auto !important;
margin-top: 40px;
}
.single-macchinari #second .pin-spacer, .single-macchinari #second .container, .single-macchinari #second .video-wrapper {
height: auto !important;
}
.single-macchinari #second .video-wrapper {
transform: scale(1) !important;
height: auto !important;
}
.single-macchinari #third {
margin-top: 40px;
}
.single-macchinari #download-pdf, .single-macchinari #seventh {
padding: 0vw 20px 7vw;
}
.single-categorie-macchinari #first .container .row {
flex-direction: column;
gap: 15px;
}
.single-categorie-macchinari #first .container .row > * {
width: 100% !important;
padding: 0 !important;
}
.single-categorie-macchinari #third {
height: auto !important;
margin-top: 40px;
}
.single-categorie-macchinari #third .pin-spacer, .single-categorie-macchinari #third .container, .single-categorie-macchinari #third .video-wrapper {
height: auto !important;
}
.single-categorie-macchinari #third .video-wrapper {
transform: scale(1) !important;
height: auto !important;
}
.single-categorie-macchinari #fourth {
margin-top: 60px;
}
.single-categorie-macchinari #fifth {
margin-bottom: 50px;
}
.single-categorie-macchinari #sixth {
padding: 0vw 20px 7vw;
}
.single-usato #heading .container .row {
padding-left: 5vw;
padding-right: 5vw;
}
.single-usato #first .container {
padding-left: 5vw;
padding-right: 5vw;
}
.single-usato #second {
padding-right: 7vw;
padding-left: 7vw;
}
.settori .settore a .text span {
font-size: 40px;
line-height: 45px;
}
.single-macchinari #fourth {
margin-bottom: 70px;
}
.single-macchinari #fourth .container .row {
padding: 0;
}
.single-macchinari #fifth {
margin-bottom: 70px;
}
.single-macchinari #fifth .container .row {
padding: 0;
}
.single-macchinari #fifth .container .row .loghi-container {
padding: 35px;
}
.home #second .dinamic-box .single-container.settori .settore .image {
height: 250px;
}
.page-template-template-assistenza #first .container {
flex-direction: column;
align-items: center;
gap: 40px;
padding: 20px;
}
.page-template-template-assistenza #first .container .image, .page-template-template-assistenza #first .container .text {
width: 100%;
margin: 0 !important;
}
.page-template-template-assistenza #first .container .image p, .page-template-template-assistenza #first .container .text p {
text-align: start;
}
.page-template-template-assistenza #servizi .container {
padding: 0;
}
.page-template-template-assistenza #first {
padding: 0 calc(20px);
}
.page-template-template-assistenza #second {
padding: 7vw calc(20px);
}
.page-template-template-standard #first {
padding: 0 calc(20px);
}
.post-type-archive-linee #first .container {
flex-direction: column;
align-items: flex-start;
padding: 50px 0;
}
.post-type-archive-linee #first .container .single-linea {
width: 100%;
margin-left: 0 !important;
margin-bottom: 40px !important;
}
.post-type-archive-linee #first .container .single-linea a .image {
margin-bottom: 10px;
}
.single-linee #first .container {
padding: 0 30px;
flex-direction: column;
gap: 20px;
}
.single-linee #first .container > * {
width: 100% !important;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone .icona img {
width: 110px;
}
.single-macchinari .de #heading .container .row {
padding-top: 150px;
}
.single-macchinari .de #heading .container .row .col.-left {
width: 100%;
}
.single-macchinari .de #heading .container .row .col.-left h2 {
position: relative;
bottom: unset;
margin-top: 30px;
width: 100%;
transform: unset;
}
.single-macchinari .de #heading .container .row .col.-right {
margin-top: 35px;
margin-bottom: 0;
width: 100%;
}
.single-macchinari .de #heading .container .row .col.-right img {
width: 60%;
height: auto;
margin: 0 auto;
}
.single-macchinari .de #heading .container .row.list .faq {
padding-left: 0;
}
}
@media only screen and (max-width: 950px) {
.single-macchinari #content:not(.de) #heading .container .row .col .text h1 {
font-size: 45px;
line-height: 50px;
}
.page-template-template-corporate #sixth .storia .container .single-row .text {
width: 80%;
}
h1 {
font-size: 55px;
line-height: 60px;
}
h2 {
font-size: 40px;
line-height: 45px;
}
h3 {
font-size: 30px;
line-height: 35px;
}
#heading .container .row {
padding-left: 30px !important;
padding-right: 30px !important;
}
.single-macchinari #heading .container .row .col.-left, .single-landing.landing #heading .container .row .col.-left {
padding: 0;
}
.page-template-template-informativa #first .container {
padding: 3vw 0;
}
}
@media only screen and (max-width: 900px) {
.home #first .container {
flex-direction: column;
gap: 30px;
}
.home #first .container > * {
width: 100% !important;
}
.home #first .container > * p {
text-align: start !important;
}
.home #second .container .single-box {
padding: 35px 10px;
}
}
@media only screen and (max-width: 850px) {
.page-template-template-usato #first .container .single-macchinario .btn a span {
font-size: 18px;
}
.page-template-template-usato #first .container .single-macchinario .title .name {
font-size: 26px;
}
.page-template-template-corporate #fourth .container {
flex-direction: column;
gap: 20px;
}
.page-template-template-corporate #fourth .container .col {
width: 100% !important;
}
.page-template-template-corporate #fourth .container .col .numero {
font-size: 70px;
text-align: center;
}
.page-template-template-corporate #fourth .container .col .dato {
font-size: 28px;
text-align: center;
}
}
@media only screen and (max-width: 800px) {
.home #heading .title h1 {
max-width: 100vw;
}
}
@media only screen and (max-width: 768px) {
h2.animated, h3.animated, h1.animated {
opacity: 1;
}
div.animated p, p.animated {
transform: unset;
opacity: 1;
}
.settori .settore a .text p {
font-size: 18px;
}
.settori .settore a .image {
border-radius: 20px;
overflow: hidden;
border: 3px solid transparent;
transition: all 0.3s ease;
}
.settori .settore a .image img {
transition: all 0.3s ease;
border: none;
}
.settori .settore a:hover .image {
border: 3px solid black;
}
.settori .settore a:hover .image img {
transform: scale(1.04);
}
.page-template-template-corporate #first {
margin-top: 50px;
}
.page-template-template-corporate #third {
margin-top: 65px;
}
.page-template-template-corporate #third .container .paragraph {
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}
.page-template-template-corporate #third .container .paragraph p {
width: 100% !important;
margin: 0;
}
.page-template-template-corporate #fifth {
margin-top: 65px;
}
.page-template-template-corporate #sixth .storia .container .single-row {
flex-direction: column;
}
.page-template-template-corporate #sixth .storia .container .single-row .text {
width: 100%;
}
.page-template-template-corporate #sixth .storia {
gap: 30px;
}
.page-template-template-contatti #heading .container .row .text {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.page-template-template-contatti #heading .container .row .text .single-col {
width: 100% !important;
padding-left: 0 !important;
}
.page-template-template-contatti #heading .container .row .text .single-col p {
width: 100% !important;
}
.page-template-template-contatti #heading .container .row .text .single-col::before {
width: 100%;
height: 2px;
top: auto;
bottom: 0;
}
.page-template-template-contatti #first .modulo {
padding: 65px 30px;
}
.single-linee #second .modulo {
padding: 65px 30px;
}
.single-settori-industriali #fourth .container .row .macchinari-list .macchinario, .single-settori-industriali #fifth .container .row .macchinari-list .macchinario {
width: 100%;
margin-left: 0 !important;
margin-bottom: 50px;
}
.single-settori-industriali #sixth .modulo {
padding: 65px 30px;
}
#breadcrumbs {
left: 55px;
top: 90px;
}
.home #banner .div-img img.desk {
display: none;
}
.home #banner .div-img img.mobile {
display: block;
}
.home #first .subtitle .title {
font-size: 22px;
line-height: 25px;
}
.home #second .container .single-box:not(.active):hover {
border: none;
}
.home #second .container .single-box span {
font-size: 17px;
}
.home #second .container .single-box.active span:not(.expand span) {
font-size: 18px;
}
.home #second .dinamic-box .single-container.settori {
flex-direction: column;
gap: 50px;
}
.home #second .dinamic-box .single-container.settori .settore {
width: 100%;
}
.home #second .dinamic-box .single-container.settori .settore .image {
width: 50%;
}
.home #second .dinamic-box .single-container.settori .cta-wrapper {
margin-top: 0;
}
.home #second .dinamic-box .single-container.settori .cta-wrapper a {
font-size: 20px;
}
.home #second .dinamic-box .single-container.confezionamento {
flex-direction: column;
gap: 50px;
}
.home #second .dinamic-box .single-container.confezionamento .single-confezionamento {
width: 100%;
}
.home #second .dinamic-box .single-container.macchinario {
flex-direction: column;
gap: 50px;
}
.home #second .dinamic-box .single-container.macchinario .single-imballaggio {
width: 100%;
}
.home #second .dinamic-box .single-container.macchinario .cta-wrapper {
margin-top: 0;
}
.home #second .dinamic-box .single-container.macchinario .cta-wrapper a {
font-size: 20px;
}
.home #fourth {
margin: 60px 0;
}
.single-macchinari #heading .container .row, .single-landing.landing.landing #heading .container .row {
padding-top: 150px;
}
.single-macchinari #heading .container .row .col.-left, .single-landing.landing.landing #heading .container .row .col.-left {
width: 100%;
}
.single-macchinari #heading .container .row .col.-left h2, .single-landing.landing.landing #heading .container .row .col.-left h2 {
position: relative;
bottom: unset;
margin-top: 30px;
width: 100%;
transform: unset;
}
.single-macchinari #heading .container .row .col.-right, .single-landing.landing.landing #heading .container .row .col.-right {
margin-top: 35px;
margin-bottom: 0;
width: 100%;
}
.single-macchinari #heading .container .row.list .faq, .single-landing.landing.landing #heading .container .row.list .faq {
padding-left: 0;
}
.single-macchinari #first .container .row, .single-landing.landing.landing #first .container .row {
padding: 0;
}
.single-macchinari #first .container .row.list .faq .content, .single-landing.landing.landing #first .container .row.list .faq .content {
padding-left: 0;
}
.single-macchinari #second, .single-landing.landing.landing #second {
padding: 0;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper .item .image, .single-landing.landing.landing #fourth .container .row .horizontal-gallery .scroll-wrapper .item .image {
height: 250px;
}
.single-macchinari #sixth .container .row > .title, .single-landing.landing.landing #sixth .container .row > .title {
margin-bottom: 30px;
}
.single-macchinari #seventh .modulo, .single-landing.landing.landing #seventh .modulo {
padding: 65px 30px;
}
.single-macchinari #download-pdf .modulo-pdf, .single-macchinari #download-pdf .scarica-contenuto, .single-landing.landing.landing #download-pdf .modulo-pdf, .single-landing.landing.landing #download-pdf .scarica-contenuto {
padding: 65px 30px;
}
.single-categorie-macchinari #heading .container .row {
flex-direction: column-reverse;
align-items: flex-start;
}
.single-categorie-macchinari #heading .container .row .image {
width: 130px;
}
.single-categorie-macchinari #heading .container .row .text {
width: 100%;
}
.single-categorie-macchinari #fourth .container .row > .title {
margin-bottom: 30px;
}
.single-categorie-macchinari #sixth .modulo {
padding: 65px 30px;
}
.single-usato #first .container {
flex-direction: column;
gap: 30px;
}
.single-usato #first .container .text {
width: 100%;
}
.single-usato #first .container .gallery {
width: 100%;
}
.single-usato #second .modulo {
padding: 50px 20px;
}
.settori .settore a .text span {
font-size: 35px;
line-height: 40px;
}
.post-type-archive-settori-industriali #first {
margin: 60px 0;
}
.single-macchinari #sixth .container .row {
padding: 0;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper {
overflow: auto;
padding-bottom: 20px;
}
.single-macchinari #fourth .container .row .horizontal-gallery .scroll-wrapper::-webkit-scrollbar {
height: 3px;
}
.examples .col.active {
transform: scale(2.25, 2.28);
}
.examples .col.-outro {
display: none;
}
.examples .col .zoom-toggle:hover {
opacity: 1;
}
.page-template-template-assistenza #second .modulo {
padding: 50px 20px;
}
.page-template-template-accessori #first .container {
flex-direction: column;
align-items: flex-start;
padding: 50px 0;
}
.page-template-template-accessori #first .container .single-accessorio {
width: 100%;
margin-left: 0 !important;
margin-bottom: 40px !important;
}
.page-template-template-accessori #first .container .single-accessorio a .image {
margin-bottom: 10px;
}
.single-linee #first .container {
padding: 0;
}
.page-template-template-contatti #mappa .position .container {
flex-direction: column;
align-items: center;
}
.page-template-template-contatti #mappa .position .container .italia {
width: 50%;
}
.page-template-template-contatti #mappa .position .container .map {
width: 100%;
height: 300px;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone {
justify-content: flex-start;
position: relative;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone .icona {
width: calc(100% / 3 - (100px / 3));
position: relative;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone .icona img {
width: 100%;
height: auto;
}
.tax-tipologie-imballaggio #heading .container .row .text .gallery-icone .icona:not(:nth-child(3n)) {
margin-right: 50px;
}
.single-macchinari .de #heading .container .row .col.-right img {
width: 100%;
}
.single-landing.landing.landing #heading .container .row {
padding-top: 100px;
}
.single-landing.landing.landing #heading .container .row .col.-left h2 {
position: relative;
bottom: unset;
margin-top: 15px;
}
.single-landing.landing #first .item.gallery .track {
height: 65vw;
}
.single-landing.landing #first .container .item.elenco .box:not(:nth-child(2n)) {
margin-right: 0 !important;
}
.single-landing.landing #first .container .item.elenco .box:not(:nth-child(3n)) {
margin-right: 0 !important;
}
.single-landing.landing #first .container .item.elenco .box {
width: 100% !important;
margin-bottom: 20px !important;
}
.single-landing.landing #first .item.moduloContatto .modulo {
padding: 5vw;
}
.single-landing.landing #heading .container.full .col.-right {
padding: 0 !important;
}
}
@media only screen and (max-width: 700px) {
.examples .col.active {
transform: scale(2.35, 2.35);
}
.examples .col .name {
font-size: 17px;
line-height: 20px;
}
}
@media only screen and (max-width: 650px) {
h1 {
font-size: 45px;
line-height: 50px;
}
h2 {
font-size: 35px;
line-height: 40px;
}
h3 {
font-size: 28px;
line-height: 33px;
}
.settori {
flex-direction: column;
gap: 30px;
padding: unset !important;
}
.settori .settore {
margin: 0 !important;
width: 100%;
}
.settori .settore .image {
height: 230px !important;
}
.tax-tipologie-imballaggio #heading .container .row {
flex-direction: column;
}
.tax-tipologie-imballaggio #heading .container .row .text {
width: 100% !important;
}
.tax-tipologie-imballaggio #heading .container .row .text p {
margin-left: 0;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario {
width: calc(100%);
margin: 0;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario:not(:nth-last-child(-n + 3)) {
margin-bottom: 80px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario:not(:nth-child(2n)) {
margin-right: 0px;
}
.tax-tipologie-imballaggio #first .container .row .macchinari-list .macchinario .image img {
height: auto;
width: 100%;
}
.page-template-template-usato #first .container {
flex-direction: column;
}
.page-template-template-usato #first .container .single-macchinario {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 80px;
}
.page-template-template-usato #first .container .single-macchinario .title::before {
display: none !important;
}
.page-template-template-corporate #second .container .col {
width: 35%;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario {
width: calc(100%) !important;
margin: 0;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario:not(:nth-last-child(-n + 3)) {
margin-bottom: 80px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario:not(:nth-child(2n)) {
margin-right: 0px;
}
.single-categorie-macchinari #fifth .container .row .macchinari-list .macchinario .image img {
width: 100% !important;
height: auto;
}
.post-type-archive-imballaggi #first .container .single-cat .content .single-imballaggio {
width: calc(100% / 2 - (100px / 2));
}
.post-type-archive-imballaggi #first .container .single-cat .content .single-imballaggio:not(:nth-child(4n)) {
margin-right: 0;
}
.post-type-archive-imballaggi #first .container .single-cat .content .single-imballaggio:not(:nth-child(2n)) {
margin-right: 100px;
}
.home #second .dinamic-box .confezionamento .single-confezionamento .icona {
height: 70px !important;
}
.home #second .dinamic-box .macchinario .single-imballaggio .image {
height: 70px !important;
}
.home #fourth .container {
flex-direction: column;
gap: 50px;
}
.home #fourth .container .single-col {
width: 100%;
}
.home #fourth .container .single-col .text {
margin-top: 10px;
}
.page-template-template-assistenza #servizi {
margin-top: 50px;
}
.page-template-template-assistenza #servizi .titolo-servizi {
margin-bottom: 0px;
}
.page-template-template-assistenza #servizi .container .single-servizio {
width: calc(100%);
border-right: unset !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.page-template-template-assistenza #servizi .container .single-servizio:not(:last-child) {
border-bottom: 1px solid #b0b0b0;
}
.single-settori-industriali #subsettori .settori .settore {
width: calc(100%);
margin-bottom: 50px;
}
.single-settori-industriali #subsettori .settori .settore:not(:nth-child(3n)) {
margin-right: 0;
}
.single-settori-industriali #subsettori .settori .settore:nth-child(2n) {
margin-left: 0px !important;
}
.single-settori-industriali #subsettori .settori .settore a .text .title {
font-size: 24px;
line-height: 105%;
margin: 4px 0;
}
}
@media only screen and (max-width: 640px) {
.page-template-template-contatti .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.page-template-template-contatti .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.single-usato .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.single-usato .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.page-template-template-assistenza #second .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.page-template-template-assistenza #second .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.single-settori-industriali .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.single-settori-industriali .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.single-macchinari .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.single-macchinari .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.single-categorie-macchinari .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.single-categorie-macchinari .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.single-linee .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: 1 / -1;
}
.single-linee .gform_wrapper.gravity-theme .gfield.gfield--width-half label {
line-height: normal;
}
.examples .col .name {
font-size: 17px;
line-height: 20px;
}
}
@media only screen and (max-width: 610px) {
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container {
padding: 6vw 20px 6vw 20px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio {
padding-left: 20px;
}
#first .container .row.list .faq .toggle span {
font-size: 28px;
}
.single-usato #heading .container .row .title h1 {
font-size: 27px;
line-height: 31px;
}
}
@media only screen and (max-width: 550px) {
.examples .col.-example {
width: calc(100% / 2 - (20px / 2));
margin-bottom: 30px;
}
.examples .col:not(:nth-child(4n)) {
margin-right: 0px;
}
.examples .col:not(:nth-child(3n-2)) {
margin-right: 0px;
}
.examples .col:not(:nth-child(2n-1)) {
margin-right: 20px;
transform-origin: top left;
}
.examples .col:nth-child(2n-1) {
transform-origin: top right;
}
.examples .col:nth-child(6) {
transform-origin: bottom left;
}
.examples .col:nth-child(7) {
transform-origin: bottom right;
}
.examples .col.active {
transform: scale(2.14, 2.16);
}
.examples .col.-intro, .examples .col.-outro {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
}
.examples .col.-intro {
margin-bottom: 30px;
}
.examples .col.-intro h3 {
font-size: 21px;
line-height: 25px;
}
.home #second .container {
flex-direction: column;
gap: 40px;
}
.home #second .container .single-box {
width: 100%;
}
.home #second .container .single-box.active {
scale: 1.02;
}
.home #second .dinamic-box .single-container.settori .settore .image {
width: 100%;
}
h1 {
font-size: 35px;
line-height: 40px;
}
h2 {
font-size: 28px;
line-height: 33px;
}
h3 {
font-size: 28px;
line-height: 33px;
}
.single-landing.landing #heading {
margin-bottom: 35px;
}
.single-landing.landing #first .container .item.center p:first-child {
margin-top: -7px;
}
.single-landing.landing #first .item.gallery .track .slick-slide {
margin: 0 5px;
}
.single-landing.landing #first .item.gallery .track .slick-list {
margin: 0 -5px;
}
.single-landing.landing #first .container .item.cta a {
display: inline-flex;
margin: 0 auto;
padding: 8px 70px;
text-align: center;
font-size: 16px;
}
.single-landing.landing #first .container .item.elenco .box h4 {
font-size: 20px;
line-height: 27px;
margin-bottom: 7px;
}
.single-landing.landing p {
margin: 0;
font-size: 16px;
line-height: 21px;
}
.single-landing.landing #first .item.gallery {
width: 100%;
margin: 40px 0;
display: block;
margin-bottom: 50px;
}
.single-landing.landing fieldset.gfield.gfield--type-checkbox {
width: 100%;
grid-column: span 12;
line-height: 21px !important;
}
.single-landing.landing fieldset.gfield.gfield--type-checkbox {
width: 100%;
grid-column: span 12;
line-height: 21px !important;
}
}
@media only screen and (max-width: 500px) {
#breadcrumbs {
left: 45px;
}
.page-template-template-corporate #heading .container {
min-height: 35vh;
}
.page-template-template-corporate #first {
margin-top: 30px;
}
.boxed {
padding: 0 20px;
}
#heading .container.boxed, #heading.boxed {
padding: 0 10px;
}
.page-template-template-corporate #first .text {
padding: 0 20px;
}
.page-template-template-corporate #third .container {
padding: 50px 5vw;
}
.page-template-template-corporate #sixth .storia {
padding: 0 20px;
}
.single-categorie-macchinari #first .container .row {
padding: 0;
}
.single-categorie-macchinari #fifth .container .row {
padding: 0;
}
.single-categorie-macchinari #fourth .container .row {
padding: 0;
}
.single-categorie-macchinari #first {
padding: 0vw 20px 7vw;
}
.page-template-template-usato #filtri .filters {
padding: 10px 20px;
}
.page-template-template-usato #first .container {
padding: 5.2vw 20px;
}
.page-template-template-contatti #mappa {
padding: 0 20px;
}
.page-template-template-contatti #mappa .title {
margin-bottom: 30px !important;
}
.page-template-template-contatti #first {
padding: 7vw 20px;
}
.page-template-template-assistenza #second {
padding: 7vw 20px;
}
.single-macchinari #fourth .container .row {
padding: 0;
}
.tax-tipologie-imballaggio #first .container .row {
padding: 0;
}
.single-usato #first .container {
padding: 0;
padding-top: 50px;
}
.single-usato #second {
padding-right: 10px;
padding-left: 20px;
}
.single-settori-industriali #heading .container .row {
overflow: visible;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 !important;
}
.single-settori-industriali #heading .container .row .image {
border-radius: 0px 0px 20px 20px;
overflow: hidden;
position: relative;
height: calc(130px + 9.6vw + 12vw);
}
.single-settori-industriali #heading .container .row .text {
position: relative;
width: calc(100vw - 40px);
left: 10px;
margin-top: 40px;
}
.single-settori-industriali #second, .single-settori-industriali #first {
margin: 0;
padding: 20px 0;
}
.single-settori-industriali #sixth {
padding: 0vw 20px 7vw;
}
.single-usato #heading .container .row .title {
margin-top: 25px;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio {
padding-left: 0px;
}
.single-macchinari #first .container .row.list .faq .toggle {
padding: 20px 0;
padding-left: 100px;
}
.page-template-template-contatti #mappa .position .container .italia {
width: 100%;
}
.single-macchinari #seventh {
padding: 7vw 20px;
}
.single-macchinari #download-pdf {
padding: 7vw 20px;
}
.single-macchinari #download-pdf .scarica-contenuto .cta-wrapper .button {
font-size: 19px;
line-height: 25px;
padding: 15px 20px;
}
.home #first .subtitle .title {
font-size: 22px;
line-height: 25px;
}
}
@media only screen and (max-width: 470px) {
#breadcrumbs {
left: 30px;
}
.settori .settore a .text span {
font-size: 25px;
line-height: 30px;
}
#heading .container .row {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 450px) {
p {
font-size: 18px;
line-height: 24px;
}
.page-template-template-corporate #second .container {
flex-direction: column;
align-items: center;
gap: 60px;
}
.page-template-template-corporate #second .container .col {
width: 80%;
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio {
width: calc(100%);
}
.single-settori-industriali #third .container .row .imballaggi .col .content .inner-container .single-imballaggio:not(:nth-child(2n)) {
margin: 0;
}
.home #first .subtitle .title {
font-size: 20px;
line-height: 25px;
}
}
@media only screen and (max-width: 400px) {
.post-type-archive-imballaggi #first .container .single-cat .content .single-imballaggio {
width: calc(100%);
}
.post-type-archive-imballaggi #first .container .single-cat .content .single-imballaggio:not(:nth-child(2n)) {
margin-right: 0px;
}
}